v3.8

hikki · hikki · commit 5ddb46dd4d60 · 2022-11-15T15:13:49.000+08:00
diff --git a/resources/assets/component.js b/resources/assets/component.js
@@ -169,7 +169,7 @@ window.ComponentDot = class {
         delete: 'delete'
     };
 
-    constructor(name, select, selected, limit = 0,menu_mode= false,menu_placeholder='') {
+    constructor(name, select, selected, limit = 0,menu = {}) {
         if (!Array.isArray(selected)) {
             console.error('Dot param selected must be array!');
             return;
@@ -185,6 +185,7 @@ window.ComponentDot = class {
         this.DOM.addEventListener("contextmenu", (e) => {
             e.preventDefault();
         });
+        this.menu = Object.assign({mode:false,placeholder:'未选择',height:'350px'}, menu);
 
         this.selected_data = selected;
         this.select_data = [];
@@ -200,18 +201,18 @@ window.ComponentDot = class {
                 }
             });
             queue.forEach((D)=>D.click());
-            if(menu_mode === true) this.DOM.querySelector('.menu-list').style.display = 'none';
+            if(this.menu.mode === true) this.DOM.querySelector('.menu-list').style.display = 'none';
         });
-        if(menu_mode === false) {
+        if(this.menu.mode === false) {
             this.make(selected, select);
         }else {
-            this.menu_placeholder = menu_placeholder;
+            this.menu_placeholder = this.menu.placeholder;
             this.menuMake(selected, select);
         }
         let search = this.DOM.querySelector(`.dot-search`);
         search.addEventListener('input', () => {
             setTimeout(() => {
-                this.search(search,menu_mode);
+                this.search(search,this.menu.mode);
             }, 500);
         });
     }
@@ -253,6 +254,7 @@ window.ComponentDot = class {
 
         let list = document.createElement('div');
         list.className = 'list dlp-scroll';
+        list.style.maxHeight = this.menu.height;
 
         let check = _component.check;
         check = check.replace(`width="16" height="16"`,`width="12" height="12"`);
@@ -1061,6 +1063,7 @@ window.ComponentLine = class {
                     }
                 }, false);
                 td.appendChild(input);
+                td.style.position = 'relative';
                 break;
             case 'select':
                 td.append(this.menuMake(column,value,settings.options,settings.options_limit,settings.name));
diff --git a/test/index.html b/test/index.html
@@ -5,6 +5,15 @@
     <title>Title</title>
     <link rel="stylesheet" href="../resources/assets/component.css">
     <script src="../resources/assets/component.js"></script>
+
+    <!--时间选择器依赖项-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment-with-locales.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">
 </head>
 <body>
 <svg style="position: absolute;top:0;left: 0;right: 0;bottom: 0;" xmlns='http://www.w3.org/2000/svg'
@@ -257,7 +266,7 @@
         "31": "AIKA -",
         "33": "永井みひな",
         "36": "河北彩花"
-    },[2],1,true,'请选择');
+    },[2],1,{mode:true,placeholder: '选择女优',height:'120px'});
 
     new ComponentLine("test2", {
             "name": {"name": "名称", "type": "input"},
