snail.vue 2.0.10 → 2.0.11

package/dist/snail.vue.umd.js

@@ -5,7 +5,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SnailVue = global.SnailVue || {}, global.Vue, global.Snail, global.SnailView));
 })(this, (function (exports, vue, snail_core, snail_view) { 'use strict';
 
-  const _hoisted_1$k = ["title"];
+  const _hoisted_1$j = ["title"];
   var _sfc_main$y = vue.defineComponent({
     ...{
       name: "Button",
@@ -22,11 +22,15 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-button", [__props.size, __props.type]]),
           title: __props.title
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$k);
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$j);
       };
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   function getSvgDraw(iconType, draw) {
     switch (iconType) {
       case "success":
@@ -65,8 +69,8 @@
     }
   }
 
-  const _hoisted_1$j = ["width", "height"];
-  const _hoisted_2$c = ["textContent"];
+  const _hoisted_1$i = ["width", "height"];
+  const _hoisted_2$b = ["textContent"];
   const _hoisted_3$9 = ["fill", "stroke", "stroke-width", "d"];
   var _sfc_main$x = vue.defineComponent({
     ...{
@@ -98,20 +102,20 @@
           onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
         }, [vue.createElementVNode("title", {
           textContent: vue.toDisplayString(__props.title || "")
-        }, null, 8, _hoisted_2$c), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSvgDraw)(__props.type, __props.draw), d => {
+        }, null, 8, _hoisted_2$b), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSvgDraw)(__props.type, __props.draw), d => {
           return vue.openBlock(), vue.createElementBlock("path", {
             fill: isMouseEnterRef.value ? __props.hoverColor || __props.color : __props.color,
             stroke: __props.stroke,
             "stroke-width": __props.strokeWidth,
             d
           }, null, 8, _hoisted_3$9);
-        }), 256))], 46, _hoisted_1$j);
+        }), 256))], 46, _hoisted_1$i);
       };
     }
   });
 
-  const _hoisted_1$i = ["title", "onClick"];
-  const _hoisted_2$b = ["type", "checked"];
+  const _hoisted_1$h = ["title", "onClick"];
+  const _hoisted_2$a = ["type", "checked"];
   const _hoisted_3$8 = ["textContent"];
   const _hoisted_4$6 = ["textContent"];
   var _sfc_main$w = vue.defineComponent({
@@ -190,7 +194,7 @@
             key: 0,
             type: vue.unref(type),
             checked: node.selected
-          }, null, 8, _hoisted_2$b)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$a)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(["status", [node.selected ? "selected" : ""]])
           }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
@@ -206,13 +210,13 @@
             key: 3,
             class: "item-des",
             textContent: vue.toDisplayString(node.item.description)
-          }, null, 8, _hoisted_4$6)) : vue.createCommentVNode("", true)], 14, _hoisted_1$i);
+          }, null, 8, _hoisted_4$6)) : vue.createCommentVNode("", true)], 14, _hoisted_1$h);
         }), 128))], 2);
       };
     }
   });
 
-  const _hoisted_1$h = ["id"];
+  const _hoisted_1$g = ["id"];
   var _sfc_main$v = vue.defineComponent({
     __name: "datepicker",
     props: {
@@ -364,15 +368,11 @@
           class: "snail-datepicker",
           id: vue.unref(id),
           onClick
-        }, null, 8, _hoisted_1$h);
+        }, null, 8, _hoisted_1$g);
       };
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   var _sfc_main$u = vue.defineComponent({
     ...{
       name: "Footer",
@@ -421,7 +421,7 @@
     }
   });
 
-  const _hoisted_1$g = ["textContent"];
+  const _hoisted_1$f = ["textContent"];
   var _sfc_main$t = vue.defineComponent({
     ...{
       name: "Header",
@@ -461,7 +461,7 @@
           key: 0,
           textContent: vue.toDisplayString(__props.title),
           class: vue.normalizeClass(["header-title", __props.titleAlign])
-        }, null, 10, _hoisted_1$g)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        }, null, 10, _hoisted_1$f)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
           key: 1,
           type: "close",
           size: 22,
@@ -473,8 +473,8 @@
     }
   });
 
-  const _hoisted_1$f = ["textContent"];
-  const _hoisted_2$a = {
+  const _hoisted_1$e = ["textContent"];
+  const _hoisted_2$9 = {
     key: 0,
     class: "required",
     textContent: "*"
@@ -536,7 +536,7 @@
         }, [vue.createElementVNode("span", {
           class: "text",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_1$f), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$a)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$7, [vue.createElementVNode("input", {
+        }, null, 8, _hoisted_1$e), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$9)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$7, [vue.createElementVNode("input", {
           ref: "input-el",
           type: __props.type || "text",
           value: inputModel.value,
@@ -758,11 +758,11 @@
     return formatter;
   }
 
-  const _hoisted_1$e = {
+  const _hoisted_1$d = {
     key: 0,
     class: "number-prefix"
   };
-  const _hoisted_2$9 = ["textContent"];
+  const _hoisted_2$8 = ["textContent"];
   const _hoisted_3$6 = ["inputmode", "placeholder", "title"];
   const _hoisted_4$4 = {
     key: 1,
@@ -770,7 +770,7 @@
   };
   const _hoisted_5$2 = ["textContent"];
   const _hoisted_6$1 = ["title", "textContent"];
-  const _hoisted_7$1 = ["title", "textContent"];
+  const _hoisted_7 = ["title", "textContent"];
   var _sfc_main$r = vue.defineComponent({
     __name: "number",
     props: vue.mergeModels({
@@ -918,10 +918,10 @@
             "has-prefix": vue.unref(hasPrefix),
             "has-suffix": vue.unref(hasSuffix)
           }])
-        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [vue.createElementVNode("span", {
+        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [vue.createElementVNode("span", {
           class: "ellipsis",
           textContent: vue.toDisplayString(vue.unref(prefix))
-        }, null, 8, _hoisted_2$9)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$8)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: vue.normalizeClass(["input-panel", vue.unref(controls)])
         }, [vue.withDirectives(vue.createElementVNode("input", {
           type: "text",
@@ -976,12 +976,12 @@
           class: "number-util ellipsis",
           title: thousandsTextRef.value,
           textContent: vue.toDisplayString(`千分位：${thousandsTextRef.value || ""}`)
-        }, null, 8, _hoisted_7$1)) : vue.createCommentVNode("", true)], 2);
+        }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true)], 2);
       };
     }
   });
 
-  const _hoisted_1$d = ["placeholder", "readonly"];
+  const _hoisted_1$c = ["placeholder", "readonly"];
   const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
   var _sfc_main$q = vue.defineComponent({
     ...{
@@ -1028,7 +1028,7 @@
           readonly: __props.readonly,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => textModel.value = $event),
           onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
-        }, null, 40, _hoisted_1$d), [[vue.vModelText, textModel.value, void 0, {
+        }, null, 40, _hoisted_1$c), [[vue.vModelText, textModel.value, void 0, {
           trim: true
         }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$x, {
           class: "search-button",
@@ -1251,10 +1251,10 @@
     }
   }
 
-  const _hoisted_1$c = {
+  const _hoisted_1$b = {
     class: "snail-confirm flex-column"
   };
-  const _hoisted_2$8 = ["innerHTML"];
+  const _hoisted_2$7 = ["innerHTML"];
   var _sfc_main$p = vue.defineComponent({
     ...{
       name: "ConfirmContainer",
@@ -1283,14 +1283,14 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.createVNode(_sfc_main$t, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$t, {
           "use-to": "dialog",
           title: __props.title || "提示",
           onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
         }, null, 8, ["title"]), vue.createElementVNode("div", {
           class: "confirm-body",
           innerHTML: __props.message || "请确认？"
-        }, null, 8, _hoisted_2$8), vue.createVNode(_sfc_main$u, {
+        }, null, 8, _hoisted_2$7), vue.createVNode(_sfc_main$u, {
           align: "right",
           "cancel-name": __props.cancelName,
           "cancel-disabled": __props.cancelDisabled,
@@ -1669,11 +1669,11 @@
     }
   });
 
-  const _hoisted_1$b = {
+  const _hoisted_1$a = {
     key: 1,
     class: "icon"
   };
-  const _hoisted_2$7 = ["innerHTML"];
+  const _hoisted_2$6 = ["innerHTML"];
   var _sfc_main$j = vue.defineComponent({
     ...{
       name: "ToastContainer",
@@ -1723,14 +1723,14 @@
           onClick: _cache[2] || (_cache[2] = $event => {
             vue.unref(closePopup)();
           })
-        }, null, 8, ["fill"])) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$x, {
+        }, null, 8, ["fill"])) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createVNode(_sfc_main$x, {
           type: vue.unref(props).type,
           fill: "#707070",
           size: 20
         }, null, 8, ["type"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: "message",
           innerHTML: vue.unref(props).message
-        }, null, 8, _hoisted_2$7)], 38);
+        }, null, 8, _hoisted_2$6)], 38);
       };
     }
   });
@@ -1976,10 +1976,10 @@
     return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREREODhFQ0M5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREREODhFREM5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEREQ4OEVBQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEREQ4OEVCQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++keGxAAAA5lJREFUeNrsmktoE0EYx3eSTdpsk2abvnwcFBVp8QFqVPDgQaGgIogIoictelKKVhARBA8q+KAVrFqooh4qXgRfiHpTEHqw9iCKXqQHSVstpqlt0yabrP9p52K1yW72GTMf/JhZMrM7/3l+37REVVWhlMwjlJhxwVwwF8wFc8FcMBfsnIlGKg98TxRa9RbYAFYXUnl+XbjoRpiKXVXMU9qns3xK76CC/YC4QfA1MAg26aiTZGlQQ9la8AZ0g3VuENwLqsArsFVnXW+e30PgKVgGnoA+Nwi+Cw6DAHgGdmqoMwJoXJrJUcYPHoGN4C3Yl6e8rWv4Nmhma/kh2J6n/HW2JsdylLkKtoAPYAeYcPxYmmX32AjcAVHwPEfZFxreR2fAJ9Z5CbMaSYzceMxxDtN198vKo8Vt57ClYh0d4f/OtTTgOjpquaa8WEhldISM5DRYWYCXZdTS4DVoR9tSegdI9y6Nl1KBL5k/7JRto99HW/ZAtGralJ7DTtCPEUKUmqqKPlH0rtXgMZk2utms2jk0PEqPqt3gEOiybJdGjy5BcobmI7LUC7HrbRQ7HaR4PORoOBRoY+f0RbSp3spjqQNIPtEb8/vEqFMnixTwH0T6gPnwbZYIRk/uZWtHqApLQzaP7GyL1kSCPUinqIuKtjWZKhgvpFt1O82X+cXPXq9njdNHD2ZZC/aRTvZ4A20sN3OEz7IgXJDDkls8laV11aEBpHGaB62mCEbPNSA5QvNYO+88hDS6xcHABtbq9XiusMdTYJ4ZI3yBORdKZTBQ6zKnqq62OiQh7WdByzmjgqlzsWs6BAqW9xAiLHJdMECEY36f9zJ7pLt3oxHH4/j0O4kwWREoW8BuKvSYxG4utFoWjOoVHZErlg/+GP2I7ApwkgnXHy1h/VLntNJA76sROfgFI9CgoXh8OD72OJ3OHDA46Am4m3KhU7rSyJfRl2QiOaXVE3oPsU0mzPKw3RcAf5iiZEPaOkf9KsxcyVq7s1vu7SsZEQ5/LO81ydhk3I5Q05Y/tcQTExKLY/+9U2XV++PJVLMtZ7cdH0mlFfnnyPgIpm3s758y3Qj3NiNfY8sxlmeXNt2NhC/ej0grllXVdHIyVY/RbTD7G9iliZkXAIZsKqUspjjmjgolZlwwF1xigr8VoaYBI4I7ilBwl5Hw8JIwcx3aAha6XCj9t4ub4HzBjgfftLhgLpgL5oK5YC6YC+aCuWDt9luAAQC2EPxjL8cUkwAAAABJRU5ErkJggg==";
   }
 
-  const _hoisted_1$a = {
+  const _hoisted_1$9 = {
     class: "snail-empty"
   };
-  const _hoisted_2$6 = ["src"];
+  const _hoisted_2$5 = ["src"];
   const _hoisted_3$5 = ["textContent"];
   var _sfc_main$i = vue.defineComponent({
     ...{
@@ -1994,9 +1994,9 @@
     setup(__props) {
       const defaultImageBase64 = getNoDataBase64Image();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createElementVNode("img", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [vue.createElementVNode("img", {
           src: __props.imageUrl || vue.unref(defaultImageBase64)
-        }, null, 8, _hoisted_2$6), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$5), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
           class: "message",
           textContent: vue.toDisplayString(__props.message || "无数据")
         }, null, 8, _hoisted_3$5)])]);
@@ -2004,8 +2004,8 @@
     }
   });
 
-  const _hoisted_1$9 = ["title"];
-  const _hoisted_2$5 = ["textContent"];
+  const _hoisted_1$8 = ["title"];
+  const _hoisted_2$4 = ["textContent"];
   const _hoisted_3$4 = {
     key: 1,
     class: "select-status"
@@ -2055,7 +2055,7 @@
         }, [vue.createElementVNode("div", {
           class: "item-text ellipsis",
           textContent: vue.toDisplayString(__props.item.text)
-        }, null, 8, _hoisted_2$5), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+        }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
           key: 0,
           type: "arrow",
           color: "#8a9099"
@@ -2063,7 +2063,7 @@
           type: "success",
           color: "white",
           size: 12
-        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$9)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$8)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, vue.renderList(vue.unref(showChildrenRef), child => {
           return vue.openBlock(), vue.createBlock(_component_SelectNode, {
@@ -2279,11 +2279,11 @@
     }
   });
 
-  const _hoisted_1$8 = {
+  const _hoisted_1$7 = {
     key: 0,
     class: "select-result"
   };
-  const _hoisted_2$4 = ["title", "textContent"];
+  const _hoisted_2$3 = ["title", "textContent"];
   const _hoisted_3$3 = ["textContent"];
   const _hoisted_4$3 = {
     key: 1,
@@ -2424,11 +2424,11 @@
           ref: "select"
         }, [__props.items && __props.items.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
+        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
           class: "select-text ellipsis",
           title: selectedTextRef.value,
           textContent: vue.toDisplayString(selectedTextRef.value)
-        }, null, 8, _hoisted_2$4)])])) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$3)])])) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: "placeholder",
           textContent: vue.toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
@@ -2494,7 +2494,7 @@
     }
   });
 
-  const _hoisted_1$7 = ["readonly", "placeholder", "rows"];
+  const _hoisted_1$6 = ["readonly", "placeholder", "rows"];
   var _sfc_main$d = vue.defineComponent({
     ...{
       name: "Textarea"
@@ -2555,15 +2555,15 @@
           onInput: _cache[2] || (_cache[2] = $event => emits("input", textareaDom.value.value)),
           onBlur: _cache[3] || (_cache[3] = $event => emits("blur", textareaDom.value.value)),
           onChange: _cache[4] || (_cache[4] = $event => emits("change", textareaDom.value.value))
-        }), null, 16, _hoisted_1$7)), [[vue.vModelText, valueModel.value]]);
+        }), null, 16, _hoisted_1$6)), [[vue.vModelText, valueModel.value]]);
       };
     }
   });
 
-  const _hoisted_1$6 = {
+  const _hoisted_1$5 = {
     class: "fold-header"
   };
-  const _hoisted_2$3 = ["textContent"];
+  const _hoisted_2$2 = ["textContent"];
   const _hoisted_3$2 = ["textContent"];
   const _hoisted_4$2 = {
     key: 1,
@@ -2643,10 +2643,10 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-fold", statusModel.value])
-        }, [vue.createElementVNode("div", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
+        }, [vue.createElementVNode("div", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
           class: "title ellipsis",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_2$3), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$2), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "subtitle ellipsis",
           textContent: vue.toDisplayString(__props.subtitle)
@@ -2672,11 +2672,7 @@
       scrollY: {
         type: Boolean
       },
-      barSize: {},
-      barMode: {},
-      debounce: {
-        type: Boolean
-      }
+      barSize: {}
     },
     emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
     setup(__props, _ref) {
@@ -2693,13 +2689,9 @@
       const {
         onInterval
       } = snail_core.useTimer();
-      const classRef = vue.computed(() => ({
-        "debounce": props.scrollY == true && props.debounce == true,
-        "hover-show": props.barMode == "hover"
-      }));
       const styleRef = vue.computed(() => {
         const style = Object.create(null);
-        (props.scrollX || props.scrollY) && (style["--scroll-overflow"] = `${props.scrollX ? "auto" : "hidden"} ${props.scrollY ? "auto" : "hidden"}`);
+        (props.scrollX || props.scrollY) && (style["--scroll-overflow"] = `${props.scrollX == true ? "auto" : "hidden"} ${props.scrollY == true ? "auto" : "hidden"}`);
         if (props.barSize) {
           switch (props.barSize) {
             case "normal":
@@ -2773,15 +2765,9 @@
         events.top && emits("top");
         events.bottom && emits("bottom");
         if (rootDom.value) {
-          rootDom.value.classList.remove("x-bar", "y-bar", "left", "right", "top", "bottom");
-          const classes = [];
-          status.xbar && classes.push("x-bar");
-          status.ybar && classes.push("y-bar");
-          status.left && classes.push("left");
-          status.right && classes.push("right");
-          status.top && classes.push("top");
-          status.bottom && classes.push("bottom");
-          classes.length && rootDom.value.classList.add(...classes);
+          rootDom.value.classList.remove("x-bar", "y-bar");
+          status.xbar && rootDom.value.classList.add("x-bar");
+          status.ybar && rootDom.value.classList.add("y-bar");
         }
       }
       vue.onMounted(() => {
@@ -2794,39 +2780,96 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-scroll", classRef.value]),
+          class: "snail-scroll",
           ref: "scroll-root",
           style: vue.normalizeStyle(styleRef.value),
           onScroll: refreshScrollInfo
-        }, [vue.renderSlot(_ctx.$slots, "default")], 38);
+        }, [vue.renderSlot(_ctx.$slots, "default")], 36);
       };
     }
   });
 
-  const _hoisted_1$5 = {
-    key: 0,
-    class: "layout-start"
-  };
-  const _hoisted_2$2 = {
-    key: 1,
-    class: "layout-end"
-  };
   var _sfc_main$a = vue.defineComponent({
     __name: "layout",
     props: {
       mode: {},
-      scroll: {}
+      default: {},
+      left: {},
+      right: {},
+      top: {},
+      bottom: {}
     },
     setup(__props) {
+      const props = __props;
+      const areaMap = vue.computed(() => {
+        const map = Object.create(null);
+        map.default = {
+          scrollable: props.default && props.default.scroll != void 0,
+          class: "main-area",
+          style: void 0
+        };
+        if (props.mode == "vertical") {
+          map.top = {
+            scrollable: props.top && props.top.scroll != void 0,
+            class: "top-area",
+            style: buildHeightStyle(props.top)
+          };
+          map.bottom = {
+            scrollable: props.bottom && props.bottom.scroll != void 0,
+            class: "bottom-area",
+            style: buildHeightStyle(props.bottom)
+          };
+        } else {
+          map.left = {
+            scrollable: props.left && props.left.scroll != void 0,
+            class: "left-area",
+            style: buildWidthStyle(props.left)
+          };
+          map.right = {
+            scrollable: props.right && props.right.scroll != void 0,
+            class: "right-area",
+            style: buildWidthStyle(props.right)
+          };
+        }
+        return map;
+      });
+      function buildWidthStyle(style) {
+        return style ? snail_view.css.buildStyle({
+          minWidth: style.minWidth,
+          width: style.width,
+          maxWidth: style.maxWidth
+        }) : void 0;
+      }
+      function buildHeightStyle(style) {
+        return style ? snail_view.css.buildStyle({
+          minHeight: style.minHeight,
+          height: style.height,
+          maxHeight: style.maxHeight
+        }) : void 0;
+      }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-layout", __props.mode])
-        }, [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "start")])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$b, vue.mergeProps({
-          class: "layout-body"
-        }, __props.scroll), {
-          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [vue.renderSlot(_ctx.$slots, "end")])) : vue.createCommentVNode("", true)], 2);
+        }, [(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(["top", "left", "default", "right", "bottom"], item => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: item
+          }, [areaMap.value[item] && _ctx.$slots[item] ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: 0
+          }, [areaMap.value[item].scrollable ? (vue.openBlock(), vue.createBlock(_sfc_main$b, vue.mergeProps({
+            key: 0,
+            class: areaMap.value[item].class,
+            style: areaMap.value[item].style
+          }, {
+            ref_for: true
+          }, props[item].scroll), {
+            default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, item)]),
+            _: 2
+          }, 1040, ["class", "style"])) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(areaMap.value[item].class),
+            style: vue.normalizeStyle(areaMap.value[item].style)
+          }, [vue.renderSlot(_ctx.$slots, item)], 6))], 64)) : vue.createCommentVNode("", true)], 64);
+        }), 64))], 2);
       };
     }
   });
@@ -2949,10 +2992,6 @@
         type: Boolean
       },
       barSize: {},
-      barMode: {},
-      debounce: {
-        type: Boolean
-      },
       border: {
         type: Boolean
       },
@@ -3382,27 +3421,21 @@
   }
 
   const _hoisted_1$1 = {
-    class: "time-zone"
-  };
-  const _hoisted_2 = {
     class: "tz-item",
     ref: "hour-items"
   };
-  const _hoisted_3 = ["textContent", "onClick"];
-  const _hoisted_4 = {
+  const _hoisted_2 = ["textContent", "onClick"];
+  const _hoisted_3 = {
     class: "tz-item",
     ref: "minute-items"
   };
-  const _hoisted_5 = ["textContent", "onClick"];
-  const _hoisted_6 = {
+  const _hoisted_4 = ["textContent", "onClick"];
+  const _hoisted_5 = {
     key: 0,
     class: "tz-item",
     ref: "second-items"
   };
-  const _hoisted_7 = ["textContent", "onClick"];
-  const _hoisted_8 = {
-    class: "time-operation"
-  };
+  const _hoisted_6 = ["textContent", "onClick"];
   var _sfc_main$1 = vue.defineComponent({
     __name: "time-pc",
     props: {
@@ -3553,51 +3586,56 @@
         scrollIntoView(sItemsDom.value);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.openBlock(), vue.createBlock(_sfc_main$a, {
           class: vue.normalizeClass(["snail-time-picker pc", {
             "second-disabled": secondDisabled
-          }])
-        }, [vue.createVNode(_sfc_main$5, {
-          group: true,
-          effect: ["down-up"]
+          }]),
+          mode: "vertical"
         }, {
-          default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$1, [vue.createElementVNode("div", _hoisted_2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(24).fill(void 0), (_, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              class: vue.normalizeClass(["tzi-number", getTimeClass("hour", index)]),
-              textContent: vue.toDisplayString(String(index).padStart(2, "0")),
-              onClick: $event => onTimeClick("hour", index)
-            }, null, 10, _hoisted_3);
-          }), 256))], 512), vue.createElementVNode("div", _hoisted_4, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(60).fill(void 0), (_, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              class: vue.normalizeClass(["tzi-number", getTimeClass("minute", index)]),
-              textContent: vue.toDisplayString(String(index).padStart(2, "0")),
-              onClick: $event => onTimeClick("minute", index)
-            }, null, 10, _hoisted_5);
-          }), 256))], 512), secondDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(60).fill(void 0), (_, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              class: vue.normalizeClass(["tzi-number", getTimeClass("second", index)]),
-              textContent: vue.toDisplayString(String(index).padStart(2, "0")),
-              onClick: $event => onTimeClick("second", index)
-            }, null, 10, _hoisted_7);
-          }), 256))], 512)) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_8, [vue.createVNode(_sfc_main$y, {
-            type: "link",
-            size: "small",
-            textContent: "清空",
-            onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), vue.unref(inPopup) && vue.unref(closePopup)("")))
-          }), vue.unref(tm).validate(vue.unref(snail_core.getTimeNow)()) ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
-            key: 0,
-            type: "link",
-            size: "small",
-            textContent: "现在",
-            onClick: onNow
-          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$y, {
-            type: "link",
-            size: "small",
-            textContent: "确定",
-            onClick: onConfirm
-          })])]),
+          default: vue.withCtx(() => [vue.createVNode(_sfc_main$5, {
+            group: true,
+            effect: "down-up"
+          }, {
+            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(24).fill(void 0), (_, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", getTimeClass("hour", index)]),
+                textContent: vue.toDisplayString(String(index).padStart(2, "0")),
+                onClick: $event => onTimeClick("hour", index)
+              }, null, 10, _hoisted_2);
+            }), 256))], 512), vue.createElementVNode("div", _hoisted_3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(60).fill(void 0), (_, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", getTimeClass("minute", index)]),
+                textContent: vue.toDisplayString(String(index).padStart(2, "0")),
+                onClick: $event => onTimeClick("minute", index)
+              }, null, 10, _hoisted_4);
+            }), 256))], 512), secondDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array(60).fill(void 0), (_, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", getTimeClass("second", index)]),
+                textContent: vue.toDisplayString(String(index).padStart(2, "0")),
+                onClick: $event => onTimeClick("second", index)
+              }, null, 10, _hoisted_6);
+            }), 256))], 512)) : vue.createCommentVNode("", true)]),
+            bottom: vue.withCtx(() => [vue.createVNode(_sfc_main$y, {
+              type: "link",
+              size: "small",
+              textContent: "清空",
+              onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), vue.unref(inPopup) && vue.unref(closePopup)("")))
+            }), vue.unref(tm).validate(vue.unref(snail_core.getTimeNow)()) ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+              key: 0,
+              type: "link",
+              size: "small",
+              textContent: "现在",
+              onClick: onNow
+            })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$y, {
+              type: "link",
+              size: "small",
+              textContent: "确定",
+              onClick: onConfirm
+            })]),
+            _: 1
+          })]),
           _: 1
-        })], 2);
+        }, 8, ["class"]);
       };
     }
   });