v3.6

Author: hikki

src/DLPServiceProvider.php

@@ -29,8 +29,8 @@ public function boot(DLP $extension)
         }
 
         Admin::booting(function () {
-            Admin::css('vendor/dlp/component.min.css?v3.5');
-            Admin::headerJs('vendor/dlp/component.min.js?v3.5');
+            Admin::css('vendor/dlp/component.min.css?v3.6');
+            Admin::headerJs('vendor/dlp/component.min.js?v3.6');
             Form::extend('Dot', Dot::class);
             Form::extend('CascadeDot', CascadeDot::class);
             Form::extend('Linear', Linear::class);

test/index.html

@@ -120,9 +120,31 @@
     <rect fill='url(#g)' width='100%' height='100%'/>
 </svg>
 <div style="position: absolute;z-index: 1000;top:0;left: 0;right: 0;bottom: 0;">
-    <div style="height: 30px;text-align: center">Dot 标签选择器</div>
+    <div style="height: 30px;text-align: center">Dot 多选择器</div>
     <div id="test" style="width: 550px;height: 200px;margin: 0 auto"></div>
-    <div style="margin-top:30px;height: 30px;text-align: center">CascadeDot 级联标签选择器</div>
+    <div style="margin-top:30px;height: 30px;text-align: center">Dot 多选择器(下拉列表模式)</div>
+    <!--<div id="test6" style="width:200px;margin: 0 auto">
+        <div class="dlp-dot-menu">
+            <div class="dlp-input dlp-dot-menu-select">
+                <div class="dlp dlp-text">测试</div>
+                <div>▼</div>
+            </div>
+            <div class="dlp-input menu-list">
+                <div class="search-box"><input class="dlp dlp-input dot-search" placeholder="搜索" /></div>
+                <div class="list dlp-scroll">
+                    <div class="option"><div class="dlp dlp-text">1</div><div><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
+                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"></path>
+                    </svg></div></div>
+                    <div class="option"><div class="dlp dlp-text">2</div><div></div></div>
+                    <div class="option"><div class="dlp dlp-text">3</div><div></div></div>
+                </div>
+            </div>
+        </div>
+    </div>-->
+
+    <div id="test7" style="width:200px;margin: 0 auto"></div>
+
+    <div style="margin-top:30px;height: 30px;text-align: center">CascadeDot 级联多选择器</div>
     <div id="test4" style="width: 650px;height: 360px;margin: 0 auto"></div>
     <div style="height: 30px"></div>
     <div id="test3" style="height: 66px;background: rgb(34 36 38 / 15%);text-align: center">
@@ -156,9 +178,9 @@
     <d:license style="animation-play-state:paused">by</d:license>
     <d:slug style="animation-play-state:paused">kproeo</d:slug></metadata></g><!-- generated by https://loading.io/ --></svg>
     </div>
-    <div style="margin-top:30px;height: 30px;text-align: center">CascadeLine 级联标签管理器</div>
+    <div style="margin-top:30px;height: 30px;text-align: center">CascadeLine 级联管理器</div>
     <div id="test5" style="width: 650px;height: 360px;margin: 0 auto"></div>
-    <div style="margin-top:30px;height: 30px;text-align: center">Linear 数据表单控件</div>
+    <div style="margin-top:30px;height: 30px;text-align: center">Linear 表单控件</div>
     <div id="test2" style="width: 900px;height: 320px;margin: 0 auto"></div>
 </div>
 </body>
@@ -321,11 +343,29 @@
         "299": "佐伯奈々",
         "300": "小谷みのり"
     });
+
+    new ComponentDot('test7', [], {
+        "2": "西宮このみ",
+        "5": "瀨名光莉",
+        "7": "日菜々はのん",
+        "10": "波多野結衣",
+        "11": "麻生希",
+        "15": "美波沙耶",
+        "17": "佐山愛",
+        "18": "真木今日子",
+        "20": "通野未帆",
+        "21": "三上悠亜",
+        "23": "初美沙希",
+        "31": "AIKA -",
+        "33": "永井みひな",
+        "36": "河北彩花"
+    },30,true,'请选择');
+
     new ComponentLine("test2", {
             "name": {"name": "名称", "type": "input"},
             "meta": {"name": "信息", "type": "text","insert_type":"hidden"},
             "url": {"name": "链接", "type": "image"},
-            "time": {"name": "更新时间", "type": "text","insert_type":"datetime"},
+            "time": {"name": "更新时间", "type": "datetime","insert_type":"datetime"},
             "is-small": {"name": "高清[1是 2否]", "type": "select","options":{1:'是',2:'否'},"options_limit":1, "style": "width:60px"}
         }
         , [{