snail.vue 2.0.10 → 2.0.11

package/dist/snail.vue.js

@@ -1,9 +1,9 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, useTemplateRef, createVNode, watch, withDirectives, isRef, vModelText, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, getCurrentInstance, resolveComponent, onBeforeUnmount, TransitionGroup, getCurrentScope, onScopeDispose } from 'vue';
 import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isObject, isNumberNotNaN, hasAny, mustFunction, useScope, removeFromArray, mustObject, delay, defer, useAsyncScope, useHook, throwIfTrue, useTime, parseTime, getTimeNow, onMountScope } from 'snail.core';
-import { css, link, useObserver, useAnimation } from 'snail.view';
+import { link, css, useObserver, useAnimation } from 'snail.view';
 
-const _hoisted_1$k = ["title"];
+const _hoisted_1$j = ["title"];
 var _sfc_main$y = defineComponent({
   ...{
     name: "Button",
@@ -20,11 +20,15 @@ var _sfc_main$y = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-button", [__props.size, __props.type]]),
         title: __props.title
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$k);
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$j);
     };
   }
 });
 
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
 function getSvgDraw(iconType, draw) {
   switch (iconType) {
     case "success":
@@ -63,8 +67,8 @@ function getSvgDraw(iconType, draw) {
   }
 }
 
-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 = defineComponent({
   ...{
@@ -96,20 +100,20 @@ var _sfc_main$x = defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
       }, [createElementVNode("title", {
         textContent: toDisplayString(__props.title || "")
-      }, null, 8, _hoisted_2$c), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(__props.type, __props.draw), d => {
+      }, null, 8, _hoisted_2$b), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(__props.type, __props.draw), d => {
         return openBlock(), 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 = defineComponent({
@@ -188,7 +192,7 @@ var _sfc_main$w = defineComponent({
           key: 0,
           type: unref(type),
           checked: node.selected
-        }, null, 8, _hoisted_2$b)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$a)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
         }, [node.selected ? (openBlock(), createBlock(_sfc_main$x, {
@@ -204,13 +208,13 @@ var _sfc_main$w = defineComponent({
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$6)) : createCommentVNode("", true)], 14, _hoisted_1$i);
+        }, null, 8, _hoisted_4$6)) : createCommentVNode("", true)], 14, _hoisted_1$h);
       }), 128))], 2);
     };
   }
 });
 
-const _hoisted_1$h = ["id"];
+const _hoisted_1$g = ["id"];
 var _sfc_main$v = defineComponent({
   __name: "datepicker",
   props: {
@@ -362,15 +366,11 @@ var _sfc_main$v = defineComponent({
         class: "snail-datepicker",
         id: unref(id),
         onClick
-      }, null, 8, _hoisted_1$h);
+      }, null, 8, _hoisted_1$g);
     };
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
-
 var _sfc_main$u = defineComponent({
   ...{
     name: "Footer",
@@ -419,7 +419,7 @@ var _sfc_main$u = defineComponent({
   }
 });
 
-const _hoisted_1$g = ["textContent"];
+const _hoisted_1$f = ["textContent"];
 var _sfc_main$t = defineComponent({
   ...{
     name: "Header",
@@ -459,7 +459,7 @@ var _sfc_main$t = defineComponent({
         key: 0,
         textContent: toDisplayString(__props.title),
         class: normalizeClass(["header-title", __props.titleAlign])
-      }, null, 10, _hoisted_1$g)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
+      }, null, 10, _hoisted_1$f)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 1,
         type: "close",
         size: 22,
@@ -471,8 +471,8 @@ var _sfc_main$t = defineComponent({
   }
 });
 
-const _hoisted_1$f = ["textContent"];
-const _hoisted_2$a = {
+const _hoisted_1$e = ["textContent"];
+const _hoisted_2$9 = {
   key: 0,
   class: "required",
   textContent: "*"
@@ -534,7 +534,7 @@ var _sfc_main$s = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$f), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$a)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$7, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$e), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$9)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$7, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -756,11 +756,11 @@ function useFormatter(options) {
   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,
@@ -768,7 +768,7 @@ const _hoisted_4$4 = {
 };
 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 = defineComponent({
   __name: "number",
   props: mergeModels({
@@ -916,10 +916,10 @@ var _sfc_main$r = defineComponent({
           "has-prefix": unref(hasPrefix),
           "has-suffix": unref(hasSuffix)
         }])
-      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$e, [createElementVNode("span", {
+      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(prefix))
-      }, null, 8, _hoisted_2$9)])) : createCommentVNode("", true), createElementVNode("div", {
+      }, null, 8, _hoisted_2$8)])) : createCommentVNode("", true), createElementVNode("div", {
         class: normalizeClass(["input-panel", unref(controls)])
       }, [withDirectives(createElementVNode("input", {
         type: "text",
@@ -974,12 +974,12 @@ var _sfc_main$r = defineComponent({
         class: "number-util ellipsis",
         title: thousandsTextRef.value,
         textContent: toDisplayString(`千分位：${thousandsTextRef.value || ""}`)
-      }, null, 8, _hoisted_7$1)) : createCommentVNode("", true)], 2);
+      }, null, 8, _hoisted_7)) : 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 = defineComponent({
   ...{
@@ -1026,7 +1026,7 @@ var _sfc_main$q = defineComponent({
         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), [[vModelText, textModel.value, void 0, {
+      }, null, 40, _hoisted_1$c), [[vModelText, textModel.value, void 0, {
         trim: true
       }]]), createElementVNode("div", null, [createVNode(_sfc_main$x, {
         class: "search-button",
@@ -1249,10 +1249,10 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
   }
 }
 
-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 = defineComponent({
   ...{
     name: "ConfirmContainer",
@@ -1281,14 +1281,14 @@ var _sfc_main$p = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [createVNode(_sfc_main$t, {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$t, {
         "use-to": "dialog",
         title: __props.title || "提示",
         onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
       }, null, 8, ["title"]), createElementVNode("div", {
         class: "confirm-body",
         innerHTML: __props.message || "请确认？"
-      }, null, 8, _hoisted_2$8), createVNode(_sfc_main$u, {
+      }, null, 8, _hoisted_2$7), createVNode(_sfc_main$u, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -1667,11 +1667,11 @@ var _sfc_main$k = defineComponent({
   }
 });
 
-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 = defineComponent({
   ...{
     name: "ToastContainer",
@@ -1721,14 +1721,14 @@ var _sfc_main$j = defineComponent({
         onClick: _cache[2] || (_cache[2] = $event => {
           unref(closePopup)();
         })
-      }, null, 8, ["fill"])) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$x, {
+      }, null, 8, ["fill"])) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$x, {
         type: unref(props).type,
         fill: "#707070",
         size: 20
       }, null, 8, ["type"])])) : createCommentVNode("", true), createElementVNode("div", {
         class: "message",
         innerHTML: unref(props).message
-      }, null, 8, _hoisted_2$7)], 38);
+      }, null, 8, _hoisted_2$6)], 38);
     };
   }
 });
@@ -1974,10 +1974,10 @@ function getNoDataBase64Image() {
   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 = defineComponent({
   ...{
@@ -1992,9 +1992,9 @@ var _sfc_main$i = defineComponent({
   setup(__props) {
     const defaultImageBase64 = getNoDataBase64Image();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("img", {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("img", {
         src: __props.imageUrl || unref(defaultImageBase64)
-      }, null, 8, _hoisted_2$6), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+      }, null, 8, _hoisted_2$5), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
         textContent: toDisplayString(__props.message || "无数据")
       }, null, 8, _hoisted_3$5)])]);
@@ -2002,8 +2002,8 @@ var _sfc_main$i = defineComponent({
   }
 });
 
-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"
@@ -2053,7 +2053,7 @@ var _sfc_main$h = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$5), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$x, {
+      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         type: "arrow",
         color: "#8a9099"
@@ -2061,7 +2061,7 @@ var _sfc_main$h = defineComponent({
         type: "success",
         color: "white",
         size: 12
-      })])) : createCommentVNode("", true)], 42, _hoisted_1$9)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
+      })])) : createCommentVNode("", true)], 42, _hoisted_1$8)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(showChildrenRef), child => {
         return openBlock(), createBlock(_component_SelectNode, {
@@ -2277,11 +2277,11 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-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,
@@ -2422,11 +2422,11 @@ var _sfc_main$f = defineComponent({
         ref: "select"
       }, [__props.items && __props.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
         class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
-      }, null, 8, _hoisted_2$4)])])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$3)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
@@ -2492,7 +2492,7 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-const _hoisted_1$7 = ["readonly", "placeholder", "rows"];
+const _hoisted_1$6 = ["readonly", "placeholder", "rows"];
 var _sfc_main$d = defineComponent({
   ...{
     name: "Textarea"
@@ -2553,15 +2553,15 @@ var _sfc_main$d = defineComponent({
         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)), [[vModelText, valueModel.value]]);
+      }), null, 16, _hoisted_1$6)), [[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,
@@ -2641,10 +2641,10 @@ var _sfc_main$c = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-fold", statusModel.value])
-      }, [createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
+      }, [createElementVNode("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
         class: "title ellipsis",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_2$3), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$2), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
@@ -2670,11 +2670,7 @@ var _sfc_main$b = defineComponent({
     scrollY: {
       type: Boolean
     },
-    barSize: {},
-    barMode: {},
-    debounce: {
-      type: Boolean
-    }
+    barSize: {}
   },
   emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
   setup(__props, _ref) {
@@ -2691,13 +2687,9 @@ var _sfc_main$b = defineComponent({
     const {
       onInterval
     } = useTimer();
-    const classRef = computed(() => ({
-      "debounce": props.scrollY == true && props.debounce == true,
-      "hover-show": props.barMode == "hover"
-    }));
     const styleRef = 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":
@@ -2771,15 +2763,9 @@ var _sfc_main$b = defineComponent({
       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");
       }
     }
     onMounted(() => {
@@ -2792,39 +2778,96 @@ var _sfc_main$b = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-scroll", classRef.value]),
+        class: "snail-scroll",
         ref: "scroll-root",
         style: normalizeStyle(styleRef.value),
         onScroll: refreshScrollInfo
-      }, [renderSlot(_ctx.$slots, "default")], 38);
+      }, [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 = defineComponent({
   __name: "layout",
   props: {
     mode: {},
-    scroll: {}
+    default: {},
+    left: {},
+    right: {},
+    top: {},
+    bottom: {}
   },
   setup(__props) {
+    const props = __props;
+    const areaMap = 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 ? css.buildStyle({
+        minWidth: style.minWidth,
+        width: style.width,
+        maxWidth: style.maxWidth
+      }) : void 0;
+    }
+    function buildHeightStyle(style) {
+      return style ? css.buildStyle({
+        minHeight: style.minHeight,
+        height: style.height,
+        maxHeight: style.maxHeight
+      }) : void 0;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-layout", __props.mode])
-      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$b, mergeProps({
-        class: "layout-body"
-      }, __props.scroll), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16), _ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_2$2, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("", true)], 2);
+      }, [(openBlock(), createElementBlock(Fragment, null, renderList(["top", "left", "default", "right", "bottom"], item => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: item
+        }, [areaMap.value[item] && _ctx.$slots[item] ? (openBlock(), createElementBlock(Fragment, {
+          key: 0
+        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+          key: 0,
+          class: areaMap.value[item].class,
+          style: areaMap.value[item].style
+        }, {
+          ref_for: true
+        }, props[item].scroll), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, item)]),
+          _: 2
+        }, 1040, ["class", "style"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(areaMap.value[item].class),
+          style: normalizeStyle(areaMap.value[item].style)
+        }, [renderSlot(_ctx.$slots, item)], 6))], 64)) : createCommentVNode("", true)], 64);
+      }), 64))], 2);
     };
   }
 });
@@ -2947,10 +2990,6 @@ var _sfc_main$8 = defineComponent({
       type: Boolean
     },
     barSize: {},
-    barMode: {},
-    debounce: {
-      type: Boolean
-    },
     border: {
       type: Boolean
     },
@@ -3380,27 +3419,21 @@ function mount(target, options, onDestroyed) {
 }
 
 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 = defineComponent({
   __name: "time-pc",
   props: {
@@ -3551,51 +3584,56 @@ var _sfc_main$1 = defineComponent({
       scrollIntoView(sItemsDom.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createBlock(_sfc_main$a, {
         class: normalizeClass(["snail-time-picker pc", {
           "second-disabled": secondDisabled
-        }])
-      }, [createVNode(_sfc_main$5, {
-        group: true,
-        effect: ["down-up"]
+        }]),
+        mode: "vertical"
       }, {
-        default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(24).fill(void 0), (_, index) => {
-          return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["tzi-number", getTimeClass("hour", index)]),
-            textContent: toDisplayString(String(index).padStart(2, "0")),
-            onClick: $event => onTimeClick("hour", index)
-          }, null, 10, _hoisted_3);
-        }), 256))], 512), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
-          return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["tzi-number", getTimeClass("minute", index)]),
-            textContent: toDisplayString(String(index).padStart(2, "0")),
-            onClick: $event => onTimeClick("minute", index)
-          }, null, 10, _hoisted_5);
-        }), 256))], 512), secondDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
-          return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["tzi-number", getTimeClass("second", index)]),
-            textContent: toDisplayString(String(index).padStart(2, "0")),
-            onClick: $event => onTimeClick("second", index)
-          }, null, 10, _hoisted_7);
-        }), 256))], 512)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_8, [createVNode(_sfc_main$y, {
-          type: "link",
-          size: "small",
-          textContent: "清空",
-          onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), unref(inPopup) && unref(closePopup)("")))
-        }), unref(tm).validate(unref(getTimeNow)()) ? (openBlock(), createBlock(_sfc_main$y, {
-          key: 0,
-          type: "link",
-          size: "small",
-          textContent: "现在",
-          onClick: onNow
-        })) : createCommentVNode("", true), createVNode(_sfc_main$y, {
-          type: "link",
-          size: "small",
-          textContent: "确定",
-          onClick: onConfirm
-        })])]),
+        default: withCtx(() => [createVNode(_sfc_main$5, {
+          group: true,
+          effect: "down-up"
+        }, {
+          default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(24).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("hour", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("hour", index)
+            }, null, 10, _hoisted_2);
+          }), 256))], 512), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("minute", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("minute", index)
+            }, null, 10, _hoisted_4);
+          }), 256))], 512), secondDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("second", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("second", index)
+            }, null, 10, _hoisted_6);
+          }), 256))], 512)) : createCommentVNode("", true)]),
+          bottom: withCtx(() => [createVNode(_sfc_main$y, {
+            type: "link",
+            size: "small",
+            textContent: "清空",
+            onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), unref(inPopup) && unref(closePopup)("")))
+          }), unref(tm).validate(unref(getTimeNow)()) ? (openBlock(), createBlock(_sfc_main$y, {
+            key: 0,
+            type: "link",
+            size: "small",
+            textContent: "现在",
+            onClick: onNow
+          })) : createCommentVNode("", true), createVNode(_sfc_main$y, {
+            type: "link",
+            size: "small",
+            textContent: "确定",
+            onClick: onConfirm
+          })]),
+          _: 1
+        })]),
         _: 1
-      })], 2);
+      }, 8, ["class"]);
     };
   }
 });