snail.vue 2.0.23 → 2.0.25

package/dist/snail.vue.umd.js

@@ -1408,7 +1408,153 @@
     }
   });
 
+  function monitScroll(manager, root, options, emiter, classStyleRef) {
+    const scope = snail_core.useScope();
+    let preStatus = void 0;
+    const observer = snail_view.useObserver();
+    const timer = snail_core.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 = vue.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 = vue.useTemplateRef("scroll-root");
+      const manager = snail_view.useScroll();
+      const classStyleRef = vue.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);
+        }
+      });
+      vue.onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
+          class: ["snail-scroll", classStyleRef.value],
+          ref: "scroll-root"
+        }), [vue.renderSlot(_ctx.$slots, "default")], 16);
+      };
+    }
+  });
+
+  var _sfc_main$s = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
+        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, vue.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"])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$t, vue.mergeProps({
+          class: "wrapper-body flex-1"
+        }, __props.content || {
+          scroll: "none"
+        }), {
+          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 16), __props.footer && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
+          key: 1
+        }, __props.footer || {}, {
+          onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
+          onConfirm: _cache[2] || (_cache[2] = $event => emits("confirm"))
+        }), null, 16)) : vue.createCommentVNode("", true)], 2);
+      };
+    }
+  });
+
+  var _sfc_main$r = vue.defineComponent({
     ...{
       name: "DialogContainer",
       inheritAttrs: true
@@ -1439,6 +1585,23 @@
         closePopup,
         onBeforeClose
       });
+      let fn_onBuildData = void 0;
+      const registerBuildDataFunc = fn => {
+        snail_core.mustFunction(fn, "fn");
+        fn_onBuildData = fn;
+      };
+      async function onWrapperConfirm() {
+        if (fn_onBuildData != void 0) {
+          const rt = (await snail_core.wait(fn_onBuildData())) || {
+            success: true,
+            data: void 0
+          };
+          console.log("onBuildData result：", rt);
+          rt.success !== false && closePopup(rt.data);
+        } else {
+          closePopup();
+        }
+      }
       vue.onMounted(() => {
         onEvent(window, "keyup", event => {
           event.key === "Escape" && __props.popupStatus.value == "active" && __props.options.closeOnEscape && closePopup();
@@ -1450,10 +1613,11 @@
           style: vue.normalizeStyle({
             "z-index": __props.zIndex
           }),
-          onClick: _cache[1] || (_cache[1] = vue.withModifiers($event => {
+          onClick: _cache[3] || (_cache[3] = vue.withModifiers($event => {
             __props.options.closeOnMask && vue.unref(closePopup)();
           }, ["self"]))
-        }, [vue.createVNode(_sfc_main$u, vue.mergeProps({
+        }, [__props.options.wrapper == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+          key: 0,
           class: "dialog-body",
           name: __props.options.name,
           component: __props.options.component,
@@ -1463,12 +1627,32 @@
           "popup-status": __props.popupStatus.value,
           modelValue: vue.unref(model),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => vue.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"])) : (vue.openBlock(), vue.createBlock(_sfc_main$s, vue.mergeProps({
+          key: 1,
+          class: "dialog-body",
+          "in-popup": true
+        }, __props.options.wrapper, {
+          onCancel: _cache[2] || (_cache[2] = $event => vue.unref(closePopup)()),
+          onConfirm: onWrapperConfirm
+        }), {
+          default: vue.withCtx(() => [vue.createVNode(_sfc_main$u, vue.mergeProps({
+            name: __props.options.name,
+            component: __props.options.component,
+            url: __props.options.url,
+            props: vue.unref(props)
+          }, vue.unref(dialogExtend), {
+            "popup-status": __props.popupStatus.value,
+            modelValue: vue.unref(model),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => vue.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 = vue.defineComponent({
+  var _sfc_main$q = vue.defineComponent({
     ...{
       name: "FollowContainer",
       inheritAttrs: true
@@ -1606,7 +1790,7 @@
     }
   });
 
-  var _sfc_main$r = vue.defineComponent({
+  var _sfc_main$p = vue.defineComponent({
     ...{
       name: "PopupContainer",
       inheritAttrs: true
@@ -1649,7 +1833,7 @@
     class: "icon"
   };
   const _hoisted_2$a = ["innerHTML"];
-  var _sfc_main$q = vue.defineComponent({
+  var _sfc_main$o = vue.defineComponent({
     ...{
       name: "ToastContainer",
       inheritAttrs: true
@@ -1711,7 +1895,7 @@
 
   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) {
@@ -1732,7 +1916,7 @@
               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);
@@ -1744,7 +1928,7 @@
           },
           onBeforeClose: fn => hook.register("onBeforeClose", fn)
         });
-        const descriptor = openPopup(_sfc_main$t, options, extOptions);
+        const descriptor = openPopup(_sfc_main$r, options, extOptions);
         scope = snail_core.useAsyncScope(deferred.promise);
         monitorDialog(descriptor, scope, deferred);
       }
@@ -1762,7 +1946,7 @@
           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);
     }
@@ -1779,7 +1963,7 @@
       });
     }
     function toast(type, message, options) {
-      return popupInCustomContainer(_sfc_main$q, {
+      return popupInCustomContainer(_sfc_main$o, {
         url: "#ToastContainer",
         props: {
           ...(options || Object.create(null)),
@@ -1812,7 +1996,7 @@
         },
         ...extOptions
       });
-      const descriptor = openPopup(container || _sfc_main$r, options, extOptions);
+      const descriptor = openPopup(container || _sfc_main$p, options, extOptions);
       const scope = snail_core.useAsyncScope(deferred.promise);
       scope.onDestroy(() => destroyPopup(descriptor, deferred));
       return scope;
@@ -1952,7 +2136,7 @@
   };
   const _hoisted_2$9 = ["src"];
   const _hoisted_3$6 = ["textContent"];
-  var _sfc_main$p = vue.defineComponent({
+  var _sfc_main$n = vue.defineComponent({
     ...{
       name: "Empty",
       inheritAttrs: true
@@ -1981,7 +2165,7 @@
     key: 1,
     class: "select-status"
   };
-  var _sfc_main$o = vue.defineComponent({
+  var _sfc_main$m = vue.defineComponent({
     ...{
       name: "SelectNode",
       inheritAttrs: true
@@ -2051,7 +2235,7 @@
     }
   });
 
-  var _sfc_main$n = vue.defineComponent({
+  var _sfc_main$l = vue.defineComponent({
     ...{
       name: "Select2Popup",
       inheritAttrs: true
@@ -2229,7 +2413,7 @@
           onSearch,
           key: "select-search"
         }), null, 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$m, {
             key: vue.unref(context).getKey(item),
             multiple: __props.multiple,
             item,
@@ -2238,7 +2422,7 @@
             onEnter: onEnterSelectNode,
             onClick: onClickSelectNode
           }, null, 8, ["multiple", "item", "context"]);
-        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
           key: 1,
           message: "无结果"
         })) : vue.createCommentVNode("", true), showClearButtonRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -2261,9 +2445,9 @@
     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 = vue.defineComponent({
+  var _sfc_main$k = vue.defineComponent({
     ...{
       name: "Select",
       inheritAttrs: true
@@ -2414,7 +2598,7 @@
     }
   });
 
-  var _sfc_main$l = vue.defineComponent({
+  var _sfc_main$j = vue.defineComponent({
     ...{
       name: "Switch",
       inheritAttrs: true
@@ -2423,7 +2607,8 @@
     props: vue.mergeModels({
       readonly: {
         type: Boolean
-      }
+      },
+      type: {}
     }, {
       "modelValue": {
         type: Boolean,
@@ -2450,21 +2635,30 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""]]),
+          class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""], __props.type || "switch"]),
           onClick: onSwitchChange
-        }, [...(_cache[0] || (_cache[0] = [vue.createElementVNode("div", {
-          class: "on"
-        }, null, -1), vue.createElementVNode("div", {
-          class: "off"
-        }, null, -1), vue.createElementVNode("div", {
+        }, [__props.type == "checkbox" || __props.type == "radio" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          key: 0
+        }, [switchModel.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          key: 0,
+          type: "success",
+          color: "white",
+          size: 16
+        })) : vue.createCommentVNode("", true)], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          key: 1
+        }, [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
+          class: "wh-fill on"
+        }, null, -1)), _cache[1] || (_cache[1] = vue.createElementVNode("div", {
+          class: "wh-fill off"
+        }, null, -1)), _cache[2] || (_cache[2] = vue.createElementVNode("div", {
           class: "status"
-        }, null, -1)]))], 2);
+        }, null, -1))], 64))], 2);
       };
     }
   });
 
   const _hoisted_1$c = ["readonly", "placeholder", "rows"];
-  var _sfc_main$k = vue.defineComponent({
+  var _sfc_main$i = vue.defineComponent({
     ...{
       name: "Textarea",
       inheritAttrs: true
@@ -2531,7 +2725,7 @@
 
   const _hoisted_1$b = ["onClick"];
   const _hoisted_2$6 = ["textContent"];
-  var _sfc_main$j = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     __name: "action-items",
     props: {
       mode: {},
@@ -2591,7 +2785,7 @@
   const _hoisted_2$5 = {
     class: "action-slot flex-cross-center"
   };
-  var _sfc_main$i = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     __name: "action",
     props: {
       disabled: {
@@ -2623,7 +2817,7 @@
         }
         if (props.disabled != true) {
           popupScope = follow(rootDom.value, {
-            component: _sfc_main$j,
+            component: _sfc_main$h,
             closeOnEscape: true,
             closeOnMask: true,
             closeOnResize: true,
@@ -2688,65 +2882,7 @@
     }
   });
 
-  function monitScroll(manager, root, options, emiter, classStyleRef) {
-    const scope = snail_core.useScope();
-    let preStatus = void 0;
-    const observer = snail_view.useObserver();
-    const timer = snail_core.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 = vue.defineComponent({
+  var _sfc_main$f = vue.defineComponent({
     ...{
       name: "Elastic",
       inheritAttrs: false
@@ -2952,7 +3088,7 @@
     }
   });
 
-  var _sfc_main$g = vue.defineComponent({
+  var _sfc_main$e = vue.defineComponent({
     ...{
       name: "Flex",
       inheritAttrs: false
@@ -3053,7 +3189,7 @@
     key: 1,
     class: "status"
   };
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$d = vue.defineComponent({
     ...{
       name: "Fold",
       inheritAttrs: true
@@ -3163,54 +3299,10 @@
     }
   });
 
-  var _sfc_main$e = vue.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 = vue.useTemplateRef("scroll-root");
-      const manager = snail_view.useScroll();
-      const classStyleRef = vue.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);
-        }
-      });
-      vue.onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
-          class: ["snail-scroll", classStyleRef.value],
-          ref: "scroll-root"
-        }), [vue.renderSlot(_ctx.$slots, "default")], 16);
-      };
-    }
-  });
-
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$c = vue.defineComponent({
     __name: "layout",
     props: {
-      mode: {},
+      direction: {},
       main: {},
       left: {},
       right: {},
@@ -3226,7 +3318,7 @@
           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),
@@ -3278,13 +3370,13 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-layout", __props.mode])
+          class: vue.normalizeClass(["snail-layout", __props.direction || "horizontal"])
         }, [(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(["top", "left", "main", "right", "bottom"], item => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: item
           }, [areaMap.value[item] && _ctx.$slots[item] ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 0
-          }, [areaMap.value[item].scrollable ? (vue.openBlock(), vue.createBlock(_sfc_main$e, vue.mergeProps({
+          }, [areaMap.value[item].scrollable ? (vue.openBlock(), vue.createBlock(_sfc_main$t, vue.mergeProps({
             key: 0,
             class: areaMap.value[item].class,
             style: areaMap.value[item].style
@@ -3303,7 +3395,7 @@
     }
   });
 
-  var _sfc_main$c = vue.defineComponent({
+  var _sfc_main$b = vue.defineComponent({
     ...{
       name: "Sort",
       inheritAttrs: true
@@ -3407,7 +3499,7 @@
   const _hoisted_1$8 = {
     class: "table-body"
   };
-  var _sfc_main$b = vue.defineComponent({
+  var _sfc_main$a = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -3427,7 +3519,7 @@
       const hStyleRef = vue.computed(() => snail_view.css.buildStyle(props.headerStyle));
       const fStyleRef = vue.computed(() => snail_view.css.buildStyle(props.footerStyle));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$e, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$t, {
           class: vue.normalizeClass(["snail-table", {
             "start-border": __props.border == true
           }]),
@@ -3447,7 +3539,7 @@
     }
   });
 
-  var _sfc_main$a = vue.defineComponent({
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -3470,7 +3562,7 @@
     }
   });
 
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$8 = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -3528,7 +3620,7 @@
     class: "snail-tree-children",
     ref: "children"
   };
-  var _sfc_main$8 = vue.defineComponent({
+  var _sfc_main$7 = vue.defineComponent({
     ...{
       name: "TreeNode",
       inheritAttrs: true
@@ -3674,7 +3766,7 @@
   const _hoisted_1$6 = {
     class: "snail-tree"
   };
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$6 = vue.defineComponent({
     ...{
       name: "Tree",
       inheritAttrs: true
@@ -3712,11 +3804,11 @@
           key: 0
         }, __props.search, {
           onSearch
-        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$e, {
+        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$t, {
           scroll: "y"
         }, {
           default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes || [], node => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$8, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$7, {
               key: vue.unref(context).getKey(node),
               node,
               parent: void 0,
@@ -3737,52 +3829,6 @@
     }
   });
 
-  var _sfc_main$6 = vue.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 vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
-        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, vue.mergeProps({
-          key: 0
-        }, __props.header || {
-          useTo: "dialog",
-          title: "对话框"
-        }, {
-          onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$e, vue.mergeProps({
-          class: "wrapper-body"
-        }, __props.content || {
-          scroll: "none"
-        }), {
-          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
-          key: 1
-        }, __props.footer || {}, {
-          onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
-          onConfirm: _cache[2] || (_cache[2] = $event => emits("confirm"))
-        }), null, 16)) : vue.createCommentVNode("", true)], 2);
-      };
-    }
-  });
-
   function mount(target, options, onDestroyed) {
     snail_core.mustObject(options, "options");
     target instanceof HTMLElement || snail_core.throwError("target must be a HTMLElement");
@@ -4077,11 +4123,11 @@
       }
       vue.onMounted(rebuildItems);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$c, {
           class: vue.normalizeClass(["time-picker pc", {
             "second-disabled": vue.unref(format) != "HH:mm:ss"
           }]),
-          mode: "vertical"
+          direction: "vertical"
         }, vue.createSlots({
           main: vue.withCtx(() => [vue.createVNode(_sfc_main$w, {
             multiple: "",
@@ -4377,11 +4423,11 @@
       dateRef.value == void 0 && (dateRef.value = electDateValue());
       buildPickerItems(stepRef.value, 0);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$c, {
           class: vue.normalizeClass(["date-picker pc", {
             "time-now": __props.pinned && __props.pinned.value == true
           }]),
-          mode: "vertical",
+          direction: "vertical",
           top: {
             height: "40px"
           },
@@ -4827,7 +4873,7 @@
   });
 
   const components = {
-    Action: _sfc_main$i,
+    Action: _sfc_main$g,
     Button: _sfc_main$F,
     Choose: _sfc_main$D,
     Footer: _sfc_main$C,
@@ -4836,27 +4882,27 @@
     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
   };