snail.vue 2.0.23 → 2.0.25

package/dist/snail.vue.js

@@ -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 flex-1"
+      }, __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", {
@@ -2259,9 +2443,9 @@ const _hoisted_4$3 = {
   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
@@ -2412,7 +2596,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$j = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2421,7 +2605,8 @@ var _sfc_main$l = defineComponent({
   props: mergeModels({
     readonly: {
       type: Boolean
-    }
+    },
+    type: {}
   }, {
     "modelValue": {
       type: Boolean,
@@ -2448,21 +2633,30 @@ var _sfc_main$l = defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""]]),
+        class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""], __props.type || "switch"]),
         onClick: onSwitchChange
-      }, [...(_cache[0] || (_cache[0] = [createElementVNode("div", {
-        class: "on"
-      }, null, -1), createElementVNode("div", {
-        class: "off"
-      }, null, -1), createElementVNode("div", {
+      }, [__props.type == "checkbox" || __props.type == "radio" ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [switchModel.value ? (openBlock(), createBlock(_sfc_main$E, {
+        key: 0,
+        type: "success",
+        color: "white",
+        size: 16
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_cache[0] || (_cache[0] = createElementVNode("div", {
+        class: "wh-fill on"
+      }, null, -1)), _cache[1] || (_cache[1] = createElementVNode("div", {
+        class: "wh-fill off"
+      }, null, -1)), _cache[2] || (_cache[2] = createElementVNode("div", {
         class: "status"
-      }, null, -1)]))], 2);
+      }, null, -1))], 64))], 2);
     };
   }
 });
 
 const _hoisted_1$c = ["readonly", "placeholder", "rows"];
-var _sfc_main$k = defineComponent({
+var _sfc_main$i = defineComponent({
   ...{
     name: "Textarea",
     inheritAttrs: true
@@ -2529,7 +2723,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,7 +2783,7 @@ 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: {
@@ -2621,7 +2815,7 @@ var _sfc_main$i = defineComponent({
       }
       if (props.disabled != true) {
         popupScope = follow(rootDom.value, {
-          component: _sfc_main$j,
+          component: _sfc_main$h,
           closeOnEscape: true,
           closeOnMask: true,
           closeOnResize: true,
@@ -2686,65 +2880,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
@@ -2950,7 +3086,7 @@ var _sfc_main$h = defineComponent({
   }
 });
 
-var _sfc_main$g = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Flex",
     inheritAttrs: false
@@ -3051,7 +3187,7 @@ const _hoisted_3$3 = {
   key: 1,
   class: "status"
 };
-var _sfc_main$f = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -3161,54 +3297,10 @@ var _sfc_main$f = defineComponent({
   }
 });
 
-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: {},
+    direction: {},
     main: {},
     left: {},
     right: {},
@@ -3224,7 +3316,7 @@ var _sfc_main$d = defineComponent({
         class: buildAreaClass("main-area", props.main),
         style: void 0
       };
-      if (props.mode == "vertical") {
+      if (props.direction == "vertical") {
         map.top = {
           scrollable: props.top && props.top.scroll != void 0,
           class: buildAreaClass("top-area", props.top),
@@ -3276,13 +3368,13 @@ var _sfc_main$d = defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-layout", __props.mode])
+        class: normalizeClass(["snail-layout", __props.direction || "horizontal"])
       }, [(openBlock(), createElementBlock(Fragment, null, renderList(["top", "left", "main", "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$e, mergeProps({
+        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
           key: 0,
           class: areaMap.value[item].class,
           style: areaMap.value[item].style
@@ -3301,7 +3393,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -3405,7 +3497,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
@@ -3425,7 +3517,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
         }]),
@@ -3445,7 +3537,7 @@ var _sfc_main$b = defineComponent({
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -3468,7 +3560,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3526,7 +3618,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
@@ -3672,7 +3764,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
@@ -3710,11 +3802,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,
@@ -3735,52 +3827,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");
@@ -4075,11 +4121,11 @@ 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"
         }]),
-        mode: "vertical"
+        direction: "vertical"
       }, createSlots({
         main: withCtx(() => [createVNode(_sfc_main$w, {
           multiple: "",
@@ -4375,11 +4421,11 @@ 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
         }]),
-        mode: "vertical",
+        direction: "vertical",
         top: {
           height: "40px"
         },
@@ -4825,7 +4871,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,
@@ -4834,27 +4880,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
 };