snail.vue 2.0.22 → 2.0.24

package/dist/snail.vue.js

@@ -141,7 +141,7 @@ var _sfc_main$E = defineComponent({
 const _hoisted_1$m = ["title", "onClick"];
 const _hoisted_2$e = ["type", "checked"];
 const _hoisted_3$9 = ["textContent"];
-const _hoisted_4$7 = ["textContent"];
+const _hoisted_4$6 = ["textContent"];
 var _sfc_main$D = defineComponent({
   ...{
     name: "Choose",
@@ -234,7 +234,7 @@ var _sfc_main$D = defineComponent({
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$7)) : createCommentVNode("", true)], 14, _hoisted_1$m);
+        }, null, 8, _hoisted_4$6)) : createCommentVNode("", true)], 14, _hoisted_1$m);
       }), 128))], 2);
     };
   }
@@ -350,8 +350,8 @@ const _hoisted_2$d = {
 const _hoisted_3$8 = {
   class: "input-body"
 };
-const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
-const _hoisted_5$4 = ["title"];
+const _hoisted_4$5 = ["type", "value", "readonly", "placeholder", "title"];
+const _hoisted_5$3 = ["title"];
 var _sfc_main$A = defineComponent({
   ...{
     name: "Input",
@@ -413,7 +413,7 @@ var _sfc_main$A = defineComponent({
         title: inputModel.value,
         onChange: onValueChange,
         onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-      }, null, 40, _hoisted_4$6), !!validateRef.value ? (openBlock(), createElementBlock("span", {
+      }, null, 40, _hoisted_4$5), !!validateRef.value ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "validate",
         title: validateRef.value
@@ -422,7 +422,7 @@ var _sfc_main$A = defineComponent({
         button: "",
         size: 16,
         color: "red"
-      })], 8, _hoisted_5$4)) : createCommentVNode("", true)])], 2);
+      })], 8, _hoisted_5$3)) : createCommentVNode("", true)])], 2);
     };
   }
 });
@@ -633,11 +633,11 @@ const _hoisted_1$j = {
 };
 const _hoisted_2$c = ["textContent"];
 const _hoisted_3$7 = ["inputmode", "placeholder", "title"];
-const _hoisted_4$5 = {
+const _hoisted_4$4 = {
   key: 1,
   class: "number-suffix"
 };
-const _hoisted_5$3 = ["textContent"];
+const _hoisted_5$2 = ["textContent"];
 const _hoisted_6$2 = ["title", "textContent"];
 const _hoisted_7$1 = ["title", "textContent"];
 var _sfc_main$z = defineComponent({
@@ -836,10 +836,10 @@ var _sfc_main$z = defineComponent({
         button: "",
         size: 20,
         rotate: 90
-      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("span", {
+      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(suffix))
-      }, null, 8, _hoisted_5$3)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_5$2)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
         key: 2,
         class: "number-util ellipsis",
         title: upperTextRef.value,
@@ -1406,7 +1406,153 @@ var _sfc_main$u = defineComponent({
   }
 });
 
+function monitScroll(manager, root, options, emiter, classStyleRef) {
+  const scope = useScope();
+  let preStatus = void 0;
+  const observer = useObserver();
+  const timer = useTimer();
+  const reactive = useReactive();
+  function buildClassStyle() {
+    const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item == "x-bar" || item == "y-bar");
+    array.push(...manager.buildClassStyle(options));
+    classStyleRef.value = array;
+  }
+  function refreshScrollInfo() {
+    const status = Object.freeze(manager.getStatus(root));
+    const events = Object.create(null);
+    if (preStatus != void 0) {
+      preStatus.xbar != status.xbar && (events.xbar = [status.xbar]);
+      preStatus.ybar != status.ybar && (events.ybar = [status.ybar]);
+      if (preStatus.xbar == true && status.xbar == true) {
+        status.left && preStatus.left !== status.left && (events.left = []);
+        status.right && preStatus.right !== status.right && (events.right = []);
+      }
+      if (preStatus.ybar == true && status.ybar == true) {
+        status.top && preStatus.top !== status.top && (events.top = []);
+        status.bottom && preStatus.bottom !== status.bottom && (events.bottom = []);
+      }
+    }
+    preStatus = status;
+    events.xbar && emiter("xbar", ...events.xbar);
+    events.left && emiter("left");
+    events.right && emiter("right");
+    events.ybar && emiter("ybar", ...events.ybar);
+    events.top && emiter("top");
+    events.bottom && emiter("bottom");
+    {
+      const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item != "x-bar" && item != "y-bar");
+      status.xbar && array.push("x-bar");
+      status.ybar && array.push("y-bar");
+      classStyleRef.value = array;
+    }
+  }
+  buildClassStyle();
+  refreshScrollInfo();
+  reactive.watcher(() => options.scroll, buildClassStyle);
+  reactive.watcher(() => options.barSize, buildClassStyle);
+  observer.onSize(root, refreshScrollInfo);
+  observer.onEvent(root, "scroll", refreshScrollInfo);
+  timer.onInterval(() => {
+    const isChange = preStatus.scrollWidth != root.scrollWidth || preStatus.scrollHeight != root.scrollHeight;
+    isChange && refreshScrollInfo();
+  }, 100);
+  scope.onDestroy(() => {
+    observer.destroyed || observer.destroy();
+    timer.destroyed || timer.destroy();
+    reactive.destroyed || reactive.destroy();
+  });
+  return scope;
+}
+
 var _sfc_main$t = defineComponent({
+  ...{
+    name: "Scroll",
+    inheritAttrs: false
+  },
+  __name: "scroll",
+  props: {
+    scroll: {},
+    barSize: {}
+  },
+  emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
+  setup(__props, _ref) {
+    let {
+      expose: __expose,
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const rootDom = useTemplateRef("scroll-root");
+    const manager = useScroll();
+    const classStyleRef = shallowRef();
+    __expose({
+      getStatus() {
+        return manager.getStatus(rootDom.value);
+      },
+      scroll(left, top) {
+        left == void 0 || (rootDom.value.scrollLeft += left);
+        top == void 0 || (rootDom.value.scrollTop += top);
+      },
+      scrollTo(left, top) {
+        left == void 0 || (rootDom.value.scrollLeft = left);
+        top == void 0 || (rootDom.value.scrollTop = top);
+      }
+    });
+    onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+        class: ["snail-scroll", classStyleRef.value],
+        ref: "scroll-root"
+      }), [renderSlot(_ctx.$slots, "default")], 16);
+    };
+  }
+});
+
+var _sfc_main$s = defineComponent({
+  __name: "wrapper",
+  props: {
+    inPopup: {
+      type: Boolean
+    },
+    header: {},
+    content: {},
+    footer: {}
+  },
+  emits: ["cancel", "confirm"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$B, mergeProps({
+        key: 0
+      }, __props.header || {
+        useTo: "dialog",
+        title: "对话框"
+      }, {
+        "use-to": (__props.header ? __props.header.useTo : void 0) || (__props.inPopup ? "dialog" : "page"),
+        onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
+      }), null, 16, ["use-to"])) : createCommentVNode("", true), createVNode(_sfc_main$t, mergeProps({
+        class: "wrapper-body"
+      }, __props.content || {
+        scroll: "none"
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16), __props.footer && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
+        key: 1
+      }, __props.footer || {}, {
+        onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
+        onConfirm: _cache[2] || (_cache[2] = $event => emits("confirm"))
+      }), null, 16)) : createCommentVNode("", true)], 2);
+    };
+  }
+});
+
+var _sfc_main$r = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -1437,6 +1583,23 @@ var _sfc_main$t = defineComponent({
       closePopup,
       onBeforeClose
     });
+    let fn_onBuildData = void 0;
+    const registerBuildDataFunc = fn => {
+      mustFunction(fn, "fn");
+      fn_onBuildData = fn;
+    };
+    async function onWrapperConfirm() {
+      if (fn_onBuildData != void 0) {
+        const rt = (await wait(fn_onBuildData())) || {
+          success: true,
+          data: void 0
+        };
+        console.log("onBuildData result：", rt);
+        rt.success !== false && closePopup(rt.data);
+      } else {
+        closePopup();
+      }
+    }
     onMounted(() => {
       onEvent(window, "keyup", event => {
         event.key === "Escape" && __props.popupStatus.value == "active" && __props.options.closeOnEscape && closePopup();
@@ -1448,10 +1611,11 @@ var _sfc_main$t = defineComponent({
         style: normalizeStyle({
           "z-index": __props.zIndex
         }),
-        onClick: _cache[1] || (_cache[1] = withModifiers($event => {
+        onClick: _cache[3] || (_cache[3] = withModifiers($event => {
           __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [createVNode(_sfc_main$u, mergeProps({
+      }, [__props.options.wrapper == void 0 ? (openBlock(), createBlock(_sfc_main$u, mergeProps({
+        key: 0,
         class: "dialog-body",
         name: __props.options.name,
         component: __props.options.component,
@@ -1461,12 +1625,32 @@ var _sfc_main$t = defineComponent({
         "popup-status": __props.popupStatus.value,
         modelValue: unref(model),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isRef(model) ? model.value = $event : null)
-      }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])], 6);
+      }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (openBlock(), createBlock(_sfc_main$s, mergeProps({
+        key: 1,
+        class: "dialog-body",
+        "in-popup": true
+      }, __props.options.wrapper, {
+        onCancel: _cache[2] || (_cache[2] = $event => unref(closePopup)()),
+        onConfirm: onWrapperConfirm
+      }), {
+        default: withCtx(() => [createVNode(_sfc_main$u, mergeProps({
+          name: __props.options.name,
+          component: __props.options.component,
+          url: __props.options.url,
+          props: unref(props)
+        }, unref(dialogExtend), {
+          "popup-status": __props.popupStatus.value,
+          modelValue: unref(model),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => isRef(model) ? model.value = $event : null),
+          "on-build-data": registerBuildDataFunc
+        }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])]),
+        _: 1
+      }, 16))], 6);
     };
   }
 });
 
-var _sfc_main$s = defineComponent({
+var _sfc_main$q = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1604,7 +1788,7 @@ var _sfc_main$s = defineComponent({
   }
 });
 
-var _sfc_main$r = defineComponent({
+var _sfc_main$p = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1647,7 +1831,7 @@ const _hoisted_1$g = {
   class: "icon"
 };
 const _hoisted_2$a = ["innerHTML"];
-var _sfc_main$q = defineComponent({
+var _sfc_main$o = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1709,7 +1893,7 @@ var _sfc_main$q = defineComponent({
 
 function usePopup() {
   function popup(options) {
-    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$r, options);
+    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$p, options);
     return addScope2Scopes(scope);
   }
   function dialog(options) {
@@ -1730,7 +1914,7 @@ function usePopup() {
             const rt = await hook.runHookAsync("onBeforeClose", {
               mode: "one",
               order: "desc"
-            });
+            }, data);
             isClosing = false;
             if (rt.success != true) {
               console.warn("run onBeforeClose failed", rt.reason, rt.ex);
@@ -1742,7 +1926,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$t, options, extOptions);
+      const descriptor = openPopup(_sfc_main$r, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1760,7 +1944,7 @@ function usePopup() {
         inPopup: "follow",
         target
       };
-      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$s, options, extOptions);
+      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$q, options, extOptions);
     }
     return addScope2Scopes(scope);
   }
@@ -1777,7 +1961,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$q, {
+    return popupInCustomContainer(_sfc_main$o, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -1810,7 +1994,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$r, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$p, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -1950,7 +2134,7 @@ const _hoisted_1$f = {
 };
 const _hoisted_2$9 = ["src"];
 const _hoisted_3$6 = ["textContent"];
-var _sfc_main$p = defineComponent({
+var _sfc_main$n = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -1979,7 +2163,7 @@ const _hoisted_3$5 = {
   key: 1,
   class: "select-status"
 };
-var _sfc_main$o = defineComponent({
+var _sfc_main$m = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -2049,7 +2233,7 @@ var _sfc_main$o = defineComponent({
   }
 });
 
-var _sfc_main$n = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -2227,7 +2411,7 @@ var _sfc_main$n = defineComponent({
         onSearch,
         key: "select-search"
       }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
-        return openBlock(), createBlock(_sfc_main$o, {
+        return openBlock(), createBlock(_sfc_main$m, {
           key: unref(context).getKey(item),
           multiple: __props.multiple,
           item,
@@ -2236,7 +2420,7 @@ var _sfc_main$n = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$p, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$n, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -2254,14 +2438,14 @@ const _hoisted_1$d = {
 };
 const _hoisted_2$7 = ["title", "textContent"];
 const _hoisted_3$4 = ["textContent"];
-const _hoisted_4$4 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "placeholder"
 };
 onAppCreated((app, type) => {
-  type == "popup" && app.component("SelectPopup", _sfc_main$n);
+  type == "popup" && app.component("SelectPopup", _sfc_main$l);
 });
-var _sfc_main$m = defineComponent({
+var _sfc_main$k = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -2407,12 +2591,12 @@ var _sfc_main$m = defineComponent({
         button: "",
         size: 24,
         rotate: 90
-      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$4, "暂无可选项"))], 2);
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
     };
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$j = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2462,7 +2646,7 @@ var _sfc_main$l = defineComponent({
 });
 
 const _hoisted_1$c = ["readonly", "placeholder", "rows"];
-var _sfc_main$k = defineComponent({
+var _sfc_main$i = defineComponent({
   ...{
     name: "Textarea",
     inheritAttrs: true
@@ -2529,7 +2713,7 @@ var _sfc_main$k = defineComponent({
 
 const _hoisted_1$b = ["onClick"];
 const _hoisted_2$6 = ["textContent"];
-var _sfc_main$j = defineComponent({
+var _sfc_main$h = defineComponent({
   __name: "action-items",
   props: {
     mode: {},
@@ -2589,9 +2773,12 @@ const _hoisted_1$a = {
 const _hoisted_2$5 = {
   class: "action-slot flex-cross-center"
 };
-var _sfc_main$i = defineComponent({
+var _sfc_main$g = defineComponent({
   __name: "action",
   props: {
+    disabled: {
+      type: Boolean
+    },
     trigger: {},
     actions: {}
   },
@@ -2616,21 +2803,23 @@ var _sfc_main$i = defineComponent({
         popupScope.destroy();
         return;
       }
-      popupScope = follow(rootDom.value, {
-        component: _sfc_main$j,
-        closeOnEscape: true,
-        closeOnMask: true,
-        closeOnResize: true,
-        closeOnTarget: true,
-        followX: longPress ? ["center", "start", "end"] : ["after", "end", "start", "end", "center"],
-        followY: longPress ? ["center", "after", "before"] : ["after", "before", "center", "end", "after"],
-        props: {
-          mode: "vertical",
-          actions: props.actions
-        }
-      });
-      const code = await popupScope;
-      isStringNotEmpty(code) && emits("trigger", code);
+      if (props.disabled != true) {
+        popupScope = follow(rootDom.value, {
+          component: _sfc_main$h,
+          closeOnEscape: true,
+          closeOnMask: true,
+          closeOnResize: true,
+          closeOnTarget: true,
+          followX: longPress ? ["center", "start", "end"] : ["after", "end", "start", "end", "center"],
+          followY: longPress ? ["center", "after", "before"] : ["after", "before", "center", "end", "after"],
+          props: {
+            mode: "vertical",
+            actions: props.actions
+          }
+        });
+        const code = await popupScope;
+        isStringNotEmpty(code) && emits("trigger", code);
+      }
     }
     function onMouseDown() {
       if (props.trigger == "long-press" && pressStartDate == void 0) {
@@ -2664,7 +2853,7 @@ var _sfc_main$i = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")]), __props.trigger == "hover" ? (openBlock(), createBlock(_sfc_main$E, {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")]), __props.trigger == "hover" && __props.disabled != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         class: "hover-tips",
         button: "",
@@ -2681,65 +2870,7 @@ var _sfc_main$i = defineComponent({
   }
 });
 
-function monitScroll(manager, root, options, emiter, classStyleRef) {
-  const scope = useScope();
-  let preStatus = void 0;
-  const observer = useObserver();
-  const timer = useTimer();
-  const reactive = useReactive();
-  function buildClassStyle() {
-    const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item == "x-bar" || item == "y-bar");
-    array.push(...manager.buildClassStyle(options));
-    classStyleRef.value = array;
-  }
-  function refreshScrollInfo() {
-    const status = Object.freeze(manager.getStatus(root));
-    const events = Object.create(null);
-    if (preStatus != void 0) {
-      preStatus.xbar != status.xbar && (events.xbar = [status.xbar]);
-      preStatus.ybar != status.ybar && (events.ybar = [status.ybar]);
-      if (preStatus.xbar == true && status.xbar == true) {
-        status.left && preStatus.left !== status.left && (events.left = []);
-        status.right && preStatus.right !== status.right && (events.right = []);
-      }
-      if (preStatus.ybar == true && status.ybar == true) {
-        status.top && preStatus.top !== status.top && (events.top = []);
-        status.bottom && preStatus.bottom !== status.bottom && (events.bottom = []);
-      }
-    }
-    preStatus = status;
-    events.xbar && emiter("xbar", ...events.xbar);
-    events.left && emiter("left");
-    events.right && emiter("right");
-    events.ybar && emiter("ybar", ...events.ybar);
-    events.top && emiter("top");
-    events.bottom && emiter("bottom");
-    {
-      const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item != "x-bar" && item != "y-bar");
-      status.xbar && array.push("x-bar");
-      status.ybar && array.push("y-bar");
-      classStyleRef.value = array;
-    }
-  }
-  buildClassStyle();
-  refreshScrollInfo();
-  reactive.watcher(() => options.scroll, buildClassStyle);
-  reactive.watcher(() => options.barSize, buildClassStyle);
-  observer.onSize(root, refreshScrollInfo);
-  observer.onEvent(root, "scroll", refreshScrollInfo);
-  timer.onInterval(() => {
-    const isChange = preStatus.scrollWidth != root.scrollWidth || preStatus.scrollHeight != root.scrollHeight;
-    isChange && refreshScrollInfo();
-  }, 100);
-  scope.onDestroy(() => {
-    observer.destroyed || observer.destroy();
-    timer.destroyed || timer.destroy();
-    reactive.destroyed || reactive.destroy();
-  });
-  return scope;
-}
-
-var _sfc_main$h = defineComponent({
+var _sfc_main$f = defineComponent({
   ...{
     name: "Elastic",
     inheritAttrs: false
@@ -2945,7 +3076,7 @@ var _sfc_main$h = defineComponent({
   }
 });
 
-var _sfc_main$g = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Flex",
     inheritAttrs: false
@@ -3040,20 +3171,13 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-const _hoisted_1$9 = {
-  class: "fold-header"
-};
+const _hoisted_1$9 = ["textContent"];
 const _hoisted_2$4 = ["textContent"];
-const _hoisted_3$3 = ["textContent"];
-const _hoisted_4$3 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "status"
 };
-const _hoisted_5$2 = {
-  class: "fold-body",
-  ref: "foldBody"
-};
-var _sfc_main$f = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -3064,7 +3188,9 @@ var _sfc_main$f = defineComponent({
       type: Boolean
     },
     title: {},
-    subtitle: {}
+    subtitle: {},
+    header: {},
+    body: {}
   }, {
     "status": {
       default: "expand"
@@ -3084,27 +3210,37 @@ var _sfc_main$f = defineComponent({
       watcher
     } = useReactive();
     const statusModel = useModel(__props, "status");
-    watcher(statusModel, updateFoldStyle);
+    const foldHeaderDom = useTemplateRef("foldHeader");
     const foldBodyDom = useTemplateRef("foldBody");
-    function updateFoldStyle() {
+    const slotHandle = {
+      getStatus: () => statusModel.value,
+      setStatus: value => statusModel.value = value,
+      toggle: () => (onStatusClick(), statusModel.value)
+    };
+    function updateFoldStyle(disableAnimation) {
       const isExpand = statusModel.value == "expand";
       if (foldBodyDom.value) {
-        const minHeight = 32;
+        const minHeight = foldHeaderDom.value.getBoundingClientRect().height;
         const maxHeight = minHeight + foldBodyDom.value.getBoundingClientRect().height;
-        transition(foldBodyDom.value.parentElement, {
-          from: {
-            transition: "height 0.2s ease",
-            overflow: "hidden",
-            height: `${isExpand ? minHeight : maxHeight}px`
-          },
-          to: {
-            height: `${isExpand ? maxHeight : minHeight}px`
-          },
-          end: {
-            overflow: isExpand ? "" : "hidden",
-            height: isExpand ? "" : `${minHeight}px`
-          }
-        });
+        const endStyle = {
+          overflow: isExpand ? "" : "hidden",
+          height: isExpand ? "" : `${minHeight}px`
+        };
+        if (disableAnimation === true) {
+          Object.assign(foldBodyDom.value.parentElement.style, endStyle);
+        } else {
+          transition(foldBodyDom.value.parentElement, {
+            from: {
+              transition: "height 0.2s ease",
+              overflow: "hidden",
+              height: `${isExpand ? minHeight : maxHeight}px`
+            },
+            to: {
+              height: `${isExpand ? maxHeight : minHeight}px`
+            },
+            end: endStyle
+          });
+        }
       }
     }
     function onStatusClick() {
@@ -3120,73 +3256,38 @@ var _sfc_main$f = defineComponent({
       }
       nextTick(() => emits("change", statusModel.value));
     }
+    onMounted(() => {
+      statusModel.value != "expand" && updateFoldStyle(true);
+      watcher(statusModel, () => updateFoldStyle(false));
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-fold", statusModel.value])
-      }, [createElementVNode("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
+      }, [createElementVNode("div", {
+        class: normalizeClass(["fold-header", __props.header ? __props.header.class : []]),
+        ref: "foldHeader"
+      }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotHandle)), () => [createElementVNode("div", {
         class: "title ellipsis",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_2$4), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_1$9), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_3$3)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_sfc_main$E, {
-        custom: false,
+      }, null, 8, _hoisted_2$4)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$E, {
         type: "arrow",
         button: "",
         title: statusModel.value == "expand" ? "收起" : "展开",
         rotate: statusModel.value == "expand" ? -90 : 90,
         onClick: onStatusClick
-      }, null, 8, ["title", "rotate"])])) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_5$2, [renderSlot(_ctx.$slots, "default")], 512)], 2);
+      }, null, 8, ["title", "rotate"])])) : createCommentVNode("", true)])], 2), createElementVNode("div", {
+        class: normalizeClass(["fold-body", __props.body ? __props.body.class : []]),
+        ref: "foldBody"
+      }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotHandle)))], 2)], 2);
     };
   }
 });
 
-var _sfc_main$e = defineComponent({
-  ...{
-    name: "Scroll",
-    inheritAttrs: false
-  },
-  __name: "scroll",
-  props: {
-    scroll: {},
-    barSize: {}
-  },
-  emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
-  setup(__props, _ref) {
-    let {
-      expose: __expose,
-      emit: __emit
-    } = _ref;
-    const props = __props;
-    const emits = __emit;
-    const rootDom = useTemplateRef("scroll-root");
-    const manager = useScroll();
-    const classStyleRef = shallowRef();
-    __expose({
-      getStatus() {
-        return manager.getStatus(rootDom.value);
-      },
-      scroll(left, top) {
-        left == void 0 || (rootDom.value.scrollLeft += left);
-        top == void 0 || (rootDom.value.scrollTop += top);
-      },
-      scrollTo(left, top) {
-        left == void 0 || (rootDom.value.scrollLeft = left);
-        top == void 0 || (rootDom.value.scrollTop = top);
-      }
-    });
-    onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
-        class: ["snail-scroll", classStyleRef.value],
-        ref: "scroll-root"
-      }), [renderSlot(_ctx.$slots, "default")], 16);
-    };
-  }
-});
-
-var _sfc_main$d = defineComponent({
+var _sfc_main$c = defineComponent({
   __name: "layout",
   props: {
     mode: {},
@@ -3202,34 +3303,45 @@ var _sfc_main$d = defineComponent({
       const map = Object.create(null);
       map.main = {
         scrollable: props.main && props.main.scroll != void 0,
-        class: props.main && isStringNotEmpty(props.main.class) ? `main-area ${props.main.class}` : "main-area",
+        class: buildAreaClass("main-area", props.main),
         style: void 0
       };
       if (props.mode == "vertical") {
         map.top = {
           scrollable: props.top && props.top.scroll != void 0,
-          class: props.top && isStringNotEmpty(props.top.class) ? `top-area ${props.top.class}` : "top-area",
+          class: buildAreaClass("top-area", props.top),
           style: buildHeightStyle(props.top)
         };
         map.bottom = {
           scrollable: props.bottom && props.bottom.scroll != void 0,
-          class: props.bottom && isStringNotEmpty(props.bottom.class) ? `bottom-area ${props.bottom.class}` : "bottom-area",
+          class: buildAreaClass("bottom-area", props.bottom),
           style: buildHeightStyle(props.bottom)
         };
       } else {
         map.left = {
           scrollable: props.left && props.left.scroll != void 0,
-          class: props.left && isStringNotEmpty(props.left.class) ? `left-area ${props.left.class}` : "left-area",
+          class: buildAreaClass("left-area", props.left),
           style: buildWidthStyle(props.left)
         };
         map.right = {
           scrollable: props.right && props.right.scroll != void 0,
-          class: props.right && isStringNotEmpty(props.right.class) ? `right-area ${props.right.class}` : "right-area",
+          class: buildAreaClass("right-area", props.right),
           style: buildWidthStyle(props.right)
         };
       }
       return map;
     });
+    function buildAreaClass(fixedClass, cssClass) {
+      const classArray = [fixedClass];
+      if (cssClass != void 0) {
+        if (isArray(cssClass.class) == true) {
+          classArray.push(...cssClass.class);
+        } else if (isStringNotEmpty(cssClass.class) == true) {
+          classArray.push(cssClass.class);
+        }
+      }
+      return classArray;
+    }
     function buildWidthStyle(style) {
       return style ? css.buildStyle({
         minWidth: style.minWidth,
@@ -3252,7 +3364,7 @@ var _sfc_main$d = defineComponent({
           key: item
         }, [areaMap.value[item] && _ctx.$slots[item] ? (openBlock(), createElementBlock(Fragment, {
           key: 0
-        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$e, mergeProps({
+        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
           key: 0,
           class: areaMap.value[item].class,
           style: areaMap.value[item].style
@@ -3271,7 +3383,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -3375,7 +3487,7 @@ var _sfc_main$c = defineComponent({
 const _hoisted_1$8 = {
   class: "table-body"
 };
-var _sfc_main$b = defineComponent({
+var _sfc_main$a = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -3395,7 +3507,7 @@ var _sfc_main$b = defineComponent({
     const hStyleRef = computed(() => css.buildStyle(props.headerStyle));
     const fStyleRef = computed(() => css.buildStyle(props.footerStyle));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(["snail-table", {
           "start-border": __props.border == true
         }]),
@@ -3415,7 +3527,7 @@ var _sfc_main$b = defineComponent({
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -3438,7 +3550,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3496,7 +3608,7 @@ const _hoisted_4$2 = {
   class: "snail-tree-children",
   ref: "children"
 };
-var _sfc_main$8 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "TreeNode",
     inheritAttrs: true
@@ -3642,7 +3754,7 @@ var _sfc_main$8 = defineComponent({
 const _hoisted_1$6 = {
   class: "snail-tree"
 };
-var _sfc_main$7 = defineComponent({
+var _sfc_main$6 = defineComponent({
   ...{
     name: "Tree",
     inheritAttrs: true
@@ -3680,11 +3792,11 @@ var _sfc_main$7 = defineComponent({
         key: 0
       }, __props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$e, {
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$t, {
         scroll: "y"
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
-          return openBlock(), createBlock(_sfc_main$8, {
+          return openBlock(), createBlock(_sfc_main$7, {
             key: unref(context).getKey(node),
             node,
             parent: void 0,
@@ -3705,52 +3817,6 @@ var _sfc_main$7 = defineComponent({
   }
 });
 
-var _sfc_main$6 = defineComponent({
-  __name: "wrapper",
-  props: {
-    readonly: {
-      type: Boolean
-    },
-    inPopup: {
-      type: Boolean
-    },
-    header: {},
-    content: {},
-    footer: {}
-  },
-  emits: ["cancel", "confirm"],
-  setup(__props, _ref) {
-    let {
-      emit: __emit
-    } = _ref;
-    const emits = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
-      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$B, mergeProps({
-        key: 0
-      }, __props.header || {
-        useTo: "dialog",
-        title: "对话框"
-      }, {
-        onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$e, mergeProps({
-        class: "wrapper-body"
-      }, __props.content || {
-        scroll: "none"
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
-        key: 1
-      }, __props.footer || {}, {
-        onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
-        onConfirm: _cache[2] || (_cache[2] = $event => emits("confirm"))
-      }), null, 16)) : createCommentVNode("", true)], 2);
-    };
-  }
-});
-
 function mount(target, options, onDestroyed) {
   mustObject(options, "options");
   target instanceof HTMLElement || throwError("target must be a HTMLElement");
@@ -4045,7 +4111,7 @@ var _sfc_main$4 = defineComponent({
     }
     onMounted(rebuildItems);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$c, {
         class: normalizeClass(["time-picker pc", {
           "second-disabled": unref(format) != "HH:mm:ss"
         }]),
@@ -4345,7 +4411,7 @@ var _sfc_main$3 = defineComponent({
     dateRef.value == void 0 && (dateRef.value = electDateValue());
     buildPickerItems(stepRef.value, 0);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$c, {
         class: normalizeClass(["date-picker pc", {
           "time-now": __props.pinned && __props.pinned.value == true
         }]),
@@ -4795,7 +4861,7 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Action: _sfc_main$i,
+  Action: _sfc_main$g,
   Button: _sfc_main$F,
   Choose: _sfc_main$D,
   Footer: _sfc_main$C,
@@ -4804,27 +4870,27 @@ const components = {
   Input: _sfc_main$A,
   Number: _sfc_main$z,
   Search: _sfc_main$y,
-  Select: _sfc_main$m,
-  Switch: _sfc_main$l,
-  Textarea: _sfc_main$k,
+  Select: _sfc_main$k,
+  Switch: _sfc_main$j,
+  Textarea: _sfc_main$i,
   Dynamic: _sfc_main$u,
-  Elastic: _sfc_main$h,
-  Flex: _sfc_main$g,
-  Fold: _sfc_main$f,
+  Elastic: _sfc_main$f,
+  Flex: _sfc_main$e,
+  Fold: _sfc_main$d,
   Motion: _sfc_main$w,
-  Layout: _sfc_main$d,
-  Scroll: _sfc_main$e,
-  Sort: _sfc_main$c,
-  Table: _sfc_main$b,
-  TableRow: _sfc_main$a,
-  TableCol: _sfc_main$9,
-  Tree: _sfc_main$7,
-  Wrapper: _sfc_main$6,
+  Layout: _sfc_main$c,
+  Scroll: _sfc_main$t,
+  Sort: _sfc_main$b,
+  Table: _sfc_main$a,
+  TableRow: _sfc_main$9,
+  TableCol: _sfc_main$8,
+  Tree: _sfc_main$6,
+  Wrapper: _sfc_main$s,
   FlashNumber: _sfc_main$5,
   DatePicker: _sfc_main$2,
   TimePicker: _sfc_main$1,
   DragVerify: _sfc_main,
-  Empty: _sfc_main$p,
+  Empty: _sfc_main$n,
   Loading: _sfc_main$v
 };