snail.vue 2.0.12 → 2.0.13

package/dist/snail.vue.umd.js

@@ -6,7 +6,7 @@
 })(this, (function (exports, vue, snail_core, snail_view) { 'use strict';
 
   const _hoisted_1$k = ["title"];
-  var _sfc_main$z = vue.defineComponent({
+  var _sfc_main$B = vue.defineComponent({
     ...{
       name: "Button",
       inheritAttrs: true
@@ -27,6 +27,10 @@
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   function getSvgDraw(iconType, draw) {
     switch (iconType) {
       case "success":
@@ -65,10 +69,10 @@
     }
   }
 
-  const _hoisted_1$j = ["width", "height"];
+  const _hoisted_1$j = ["viewBox", "width", "height"];
   const _hoisted_2$c = ["textContent"];
   const _hoisted_3$a = ["fill", "stroke", "stroke-width", "d"];
-  var _sfc_main$y = vue.defineComponent({
+  var _sfc_main$A = vue.defineComponent({
     ...{
       name: "Icon",
       inheritAttrs: true
@@ -77,6 +81,7 @@
     props: {
       title: {},
       type: {},
+      viewBox: {},
       color: {},
       hoverColor: {},
       size: {},
@@ -90,7 +95,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("svg", {
           class: vue.normalizeClass(["snail-icon", __props.type]),
-          viewBox: "0 0 1024 1024",
+          viewBox: vue.unref(snail_core.correctString)(__props.viewBox, "0 0 1024 1024", false),
           style: vue.normalizeStyle(__props.rotate ? `transform: rotate(${__props.rotate}deg);` : ""),
           width: __props.size || 24,
           height: __props.size || 24,
@@ -114,7 +119,7 @@
   const _hoisted_2$b = ["type", "checked"];
   const _hoisted_3$9 = ["textContent"];
   const _hoisted_4$7 = ["textContent"];
-  var _sfc_main$x = vue.defineComponent({
+  var _sfc_main$z = vue.defineComponent({
     ...{
       name: "Choose",
       inheritAttrs: true
@@ -193,7 +198,7 @@
           }, null, 8, _hoisted_2$b)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(["status", [node.selected ? "selected" : ""]])
-          }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+          }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
             key: 0,
             type: "success",
             size: 12,
@@ -212,12 +217,8 @@
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   const _hoisted_1$h = ["id"];
-  var _sfc_main$w = vue.defineComponent({
+  var _sfc_main$y = vue.defineComponent({
     __name: "datepicker",
     props: {
       type: {},
@@ -373,7 +374,7 @@
     }
   });
 
-  var _sfc_main$v = vue.defineComponent({
+  var _sfc_main$x = vue.defineComponent({
     ...{
       name: "Footer",
       inheritAttrs: true
@@ -404,13 +405,13 @@
           class: vue.normalizeClass(["snail-footer", {
             "start-divider": __props.divider
           }, __props.align || "right"])
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
           key: 0,
           size: "max",
           type: "default",
           onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
           textContent: vue.toDisplayString(__props.cancelName || "取消")
-        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), __props.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), __props.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
           key: 1,
           size: "max",
           type: "primary",
@@ -422,7 +423,7 @@
   });
 
   const _hoisted_1$g = ["textContent"];
-  var _sfc_main$u = vue.defineComponent({
+  var _sfc_main$w = vue.defineComponent({
     ...{
       name: "Header",
       inheritAttrs: true
@@ -461,7 +462,7 @@
           key: 0,
           textContent: vue.toDisplayString(__props.title),
           class: vue.normalizeClass(["header-title", __props.titleAlign])
-        }, null, 10, _hoisted_1$g)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, null, 10, _hoisted_1$g)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 1,
           type: "close",
           size: 22,
@@ -484,7 +485,7 @@
   };
   const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
   const _hoisted_5$4 = ["title"];
-  var _sfc_main$t = vue.defineComponent({
+  var _sfc_main$v = vue.defineComponent({
     ...{
       name: "Input",
       inheritAttrs: true
@@ -549,7 +550,7 @@
           key: 0,
           class: "validate",
           title: validateRef.value
-        }, [vue.createVNode(_sfc_main$y, {
+        }, [vue.createVNode(_sfc_main$A, {
           type: "error",
           size: 16,
           color: "red"
@@ -771,7 +772,7 @@
   const _hoisted_5$3 = ["textContent"];
   const _hoisted_6$2 = ["title", "textContent"];
   const _hoisted_7$1 = ["title", "textContent"];
-  var _sfc_main$s = vue.defineComponent({
+  var _sfc_main$u = vue.defineComponent({
     __name: "number",
     props: vue.mergeModels({
       placeholder: {},
@@ -938,13 +939,13 @@
         }, [vue.createElementVNode("div", {
           class: "controls default subtract",
           onClick: _cache[4] || (_cache[4] = $event => onStepClick(false))
-        }, [vue.createVNode(_sfc_main$y, {
+        }, [vue.createVNode(_sfc_main$A, {
           type: "subtract",
           size: 20
         })]), vue.createElementVNode("div", {
           class: "controls default plus",
           onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
-        }, [vue.createVNode(_sfc_main$y, {
+        }, [vue.createVNode(_sfc_main$A, {
           type: "plus",
           size: 20
         })])], 64)) : vue.unref(controls) == "right" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -952,14 +953,14 @@
         }, [vue.createElementVNode("div", {
           class: "controls right plus",
           onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
-        }, [vue.createVNode(_sfc_main$y, {
+        }, [vue.createVNode(_sfc_main$A, {
           type: "arrow",
           size: 20,
           rotate: 270
         })]), vue.createElementVNode("div", {
           class: "controls right subtract",
           onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
-        }, [vue.createVNode(_sfc_main$y, {
+        }, [vue.createVNode(_sfc_main$A, {
           type: "arrow",
           size: 20,
           rotate: 90
@@ -983,7 +984,7 @@
 
   const _hoisted_1$d = ["placeholder", "readonly"];
   const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
-  var _sfc_main$r = vue.defineComponent({
+  var _sfc_main$t = vue.defineComponent({
     ...{
       name: "Search",
       inheritAttrs: true
@@ -1030,7 +1031,7 @@
           onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
         }, null, 40, _hoisted_1$d), [[vue.vModelText, textModel.value, void 0, {
           trim: true
-        }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$y, {
+        }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$A, {
           class: "search-button",
           type: "custom",
           draw: searchIon,
@@ -1255,7 +1256,7 @@
     class: "snail-confirm flex-column"
   };
   const _hoisted_2$8 = ["innerHTML"];
-  var _sfc_main$q = vue.defineComponent({
+  var _sfc_main$s = vue.defineComponent({
     ...{
       name: "ConfirmContainer",
       inheritAttrs: true
@@ -1283,14 +1284,14 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.createVNode(_sfc_main$u, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.createVNode(_sfc_main$w, {
           "use-to": "dialog",
           title: __props.title || "提示",
           onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
         }, null, 8, ["title"]), vue.createElementVNode("div", {
           class: "confirm-body",
           innerHTML: __props.message || "请确认？"
-        }, null, 8, _hoisted_2$8), vue.createVNode(_sfc_main$v, {
+        }, null, 8, _hoisted_2$8), vue.createVNode(_sfc_main$x, {
           align: "right",
           "cancel-name": __props.cancelName,
           "cancel-disabled": __props.cancelDisabled,
@@ -1303,7 +1304,7 @@
     }
   });
 
-  var _sfc_main$p = vue.defineComponent({
+  var _sfc_main$r = vue.defineComponent({
     ...{
       name: "Loading",
       inheritAttrs: true
@@ -1342,7 +1343,7 @@
     }
   });
 
-  var _sfc_main$o = vue.defineComponent({
+  var _sfc_main$q = vue.defineComponent({
     ...{
       name: "Dynamic",
       inheritAttrs: false
@@ -1366,7 +1367,7 @@
       const loadingComponent = vue.defineComponent({
         inheritAttrs: false,
         components: {
-          Loading: _sfc_main$p
+          Loading: _sfc_main$r
         },
         template: "<Loading :mask-disabled='true' />"
       });
@@ -1433,7 +1434,7 @@
     }
   });
 
-  var _sfc_main$n = vue.defineComponent({
+  var _sfc_main$p = vue.defineComponent({
     ...{
       name: "DialogContainer",
       inheritAttrs: true
@@ -1478,7 +1479,7 @@
           onClick: _cache[1] || (_cache[1] = vue.withModifiers($event => {
             __props.options.closeOnMask && vue.unref(closePopup)();
           }, ["self"]))
-        }, [vue.createVNode(_sfc_main$o, vue.mergeProps({
+        }, [vue.createVNode(_sfc_main$q, vue.mergeProps({
           class: "dialog-body",
           name: __props.options.name,
           component: __props.options.component,
@@ -1493,7 +1494,7 @@
     }
   });
 
-  var _sfc_main$m = vue.defineComponent({
+  var _sfc_main$o = vue.defineComponent({
     ...{
       name: "FollowContainer",
       inheritAttrs: true
@@ -1614,7 +1615,7 @@
         });
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
           class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
             "z-index": __props.zIndex
@@ -1631,7 +1632,7 @@
     }
   });
 
-  var _sfc_main$l = vue.defineComponent({
+  var _sfc_main$n = vue.defineComponent({
     ...{
       name: "PopupContainer",
       inheritAttrs: true
@@ -1651,7 +1652,7 @@
         model = vue.shallowRef(void 0)
       } = __props.options;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
           class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
             "z-index": __props.zIndex
@@ -1674,7 +1675,7 @@
     class: "icon"
   };
   const _hoisted_2$7 = ["innerHTML"];
-  var _sfc_main$k = vue.defineComponent({
+  var _sfc_main$m = vue.defineComponent({
     ...{
       name: "ToastContainer",
       inheritAttrs: true
@@ -1712,7 +1713,7 @@
           }),
           onMouseenter: _cache[3] || (_cache[3] = $event => onMouseEvent(false)),
           onMouseleave: _cache[4] || (_cache[4] = $event => onMouseEvent(true))
-        }, [vue.unref(props).closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, [vue.unref(props).closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 0,
           class: "close-icon",
           type: "close",
@@ -1723,7 +1724,7 @@
           onClick: _cache[2] || (_cache[2] = $event => {
             vue.unref(closePopup)();
           })
-        }, null, 8, ["fill"])) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$y, {
+        }, null, 8, ["fill"])) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$A, {
           type: vue.unref(props).type,
           fill: "#707070",
           size: 20
@@ -1737,7 +1738,7 @@
 
   function usePopup() {
     function popup(options) {
-      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$l, options);
+      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$n, options);
       return addScope2Scopes(scope);
     }
     function dialog(options) {
@@ -1770,7 +1771,7 @@
           },
           onBeforeClose: fn => hook.register("onBeforeClose", fn)
         });
-        const descriptor = openPopup(_sfc_main$n, options, extOptions);
+        const descriptor = openPopup(_sfc_main$p, options, extOptions);
         scope = snail_core.useAsyncScope(deferred.promise);
         monitorDialog(descriptor, scope, deferred);
       }
@@ -1788,14 +1789,14 @@
           inPopup: "follow",
           target
         };
-        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$m, options, extOptions);
+        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$o, options, extOptions);
       }
       return addScope2Scopes(scope);
     }
     function confirm(title, message, options) {
       options = options || Object.create(null);
       return dialog({
-        component: _sfc_main$q,
+        component: _sfc_main$s,
         closeOnEscape: true,
         props: {
           ...options,
@@ -1805,7 +1806,7 @@
       });
     }
     function toast(type, message, options) {
-      return popupInCustomContainer(_sfc_main$k, {
+      return popupInCustomContainer(_sfc_main$m, {
         url: "#ToastContainer",
         props: {
           ...(options || Object.create(null)),
@@ -1838,7 +1839,7 @@
         },
         ...extOptions
       });
-      const descriptor = openPopup(container || _sfc_main$l, options, extOptions);
+      const descriptor = openPopup(container || _sfc_main$n, options, extOptions);
       const scope = snail_core.useAsyncScope(deferred.promise);
       scope.onDestroy(() => destroyPopup(descriptor, deferred));
       return scope;
@@ -1981,7 +1982,7 @@
   };
   const _hoisted_2$6 = ["src"];
   const _hoisted_3$6 = ["textContent"];
-  var _sfc_main$j = vue.defineComponent({
+  var _sfc_main$l = vue.defineComponent({
     ...{
       name: "Empty",
       inheritAttrs: true
@@ -2010,7 +2011,7 @@
     key: 1,
     class: "select-status"
   };
-  var _sfc_main$i = vue.defineComponent({
+  var _sfc_main$k = vue.defineComponent({
     ...{
       name: "SelectNode",
       inheritAttrs: true
@@ -2055,11 +2056,11 @@
         }, [vue.createElementVNode("div", {
           class: "item-text ellipsis",
           textContent: vue.toDisplayString(__props.item.text)
-        }, null, 8, _hoisted_2$5), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, null, 8, _hoisted_2$5), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 0,
           type: "arrow",
           color: "#8a9099"
-        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [vue.createVNode(_sfc_main$y, {
+        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [vue.createVNode(_sfc_main$A, {
           type: "success",
           color: "white",
           size: 12
@@ -2080,7 +2081,7 @@
     }
   });
 
-  var _sfc_main$h = vue.defineComponent({
+  var _sfc_main$j = vue.defineComponent({
     ...{
       name: "Select2Popup",
       inheritAttrs: true
@@ -2252,13 +2253,13 @@
           key: 0
         }, [vue.createTextVNode(" 暂无选项 ")], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$r, vue.mergeProps({
+        }, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$t, vue.mergeProps({
           key: 0
         }, __props.search, {
           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$i, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$k, {
             key: vue.unref(context).getKey(item),
             multiple: __props.multiple,
             item,
@@ -2267,7 +2268,7 @@
             onEnter: onEnterSelectNode,
             onClick: onClickSelectNode
           }, null, 8, ["multiple", "item", "context"]);
-        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
+        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
           key: 1,
           message: "无结果"
         })) : vue.createCommentVNode("", true), showClearButtonRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -2290,9 +2291,9 @@
     class: "placeholder"
   };
   onAppCreated((app, type) => {
-    type == "popup" && app.component("SelectPopup", _sfc_main$h);
+    type == "popup" && app.component("SelectPopup", _sfc_main$j);
   });
-  var _sfc_main$g = vue.defineComponent({
+  var _sfc_main$i = vue.defineComponent({
     ...{
       name: "Select",
       inheritAttrs: true
@@ -2432,7 +2433,7 @@
           key: 1,
           class: "placeholder",
           textContent: vue.toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-        }, null, 8, _hoisted_3$4)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, null, 8, _hoisted_3$4)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 2,
           type: "arrow",
           size: 24,
@@ -2445,7 +2446,7 @@
     }
   });
 
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     ...{
       name: "Switch",
       inheritAttrs: true
@@ -2495,7 +2496,7 @@
   });
 
   const _hoisted_1$7 = ["readonly", "placeholder", "rows"];
-  var _sfc_main$e = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "Textarea"
     },
@@ -2560,6 +2561,81 @@
     }
   });
 
+  var _sfc_main$f = vue.defineComponent({
+    __name: "transitions",
+    props: {
+      group: {
+        type: Boolean
+      },
+      duration: {},
+      customClass: {},
+      effect: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const classNames = vue.computed(() => {
+        const array = [props.customClass || "snail-transition"];
+        if (snail_core.isArray(props.effect)) {
+          props.effect.length > 0 ? array.push(...props.effect) : array.push("fade");
+        } else {
+          array.push(props.effect || "fade");
+        }
+        props.duration === 0 && array.push("no-duration");
+        return array.join(" ");
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.group ? vue.TransitionGroup : vue.Transition), {
+          appear: "",
+          duration: __props.duration,
+          "enter-active-class": `${classNames.value} enter-active`,
+          "enter-from-class": `${classNames.value} enter-from`,
+          "enter-to-class": `${classNames.value} enter-to`,
+          "leave-active-class": `${classNames.value} leave-active`,
+          "leave-from-class": `${classNames.value} leave-from`,
+          "leave-to-class": `${classNames.value} leave-to`
+        }, {
+          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 8, ["duration", "enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]);
+      };
+    }
+  });
+
+  var _sfc_main$e = vue.defineComponent({
+    __name: "element",
+    props: {
+      tag: {},
+      show: {
+        type: Boolean
+      },
+      showMode: {},
+      transition: {},
+      children: {}
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
+          group: false
+        }, __props.transition, {
+          duration: __props.transition ? __props.transition.duration : 0
+        }), {
+          default: vue.withCtx(() => [(__props.showMode == "vShow" ? true : __props.show) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(snail_core.correctString)(__props.tag, "div", true)), {
+            key: 0
+          }, {
+            default: vue.withCtx(() => [vue.createVNode(_sfc_main$f, vue.mergeProps(__props.children, {
+              duration: __props.children ? __props.children.duration : 0
+            }), {
+              default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
+              _: 3
+            }, 16, ["duration"])]),
+            _: 3
+          }, 512)), [[vue.vShow, __props.showMode == "vShow" ? __props.show : true]]) : vue.createCommentVNode("", true)]),
+          _: 3
+        }, 16, ["duration"]);
+      };
+    }
+  });
+
   const _hoisted_1$6 = {
     class: "fold-header"
   };
@@ -2650,7 +2726,7 @@
           key: 0,
           class: "subtitle ellipsis",
           textContent: vue.toDisplayString(__props.subtitle)
-        }, null, 8, _hoisted_3$3)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [vue.createVNode(_sfc_main$y, {
+        }, null, 8, _hoisted_3$3)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [vue.createVNode(_sfc_main$A, {
           type: "arrow",
           title: statusModel.value == "expand" ? "收起" : "展开",
           onClick: onStatusClick
@@ -2875,6 +2951,36 @@
   });
 
   var _sfc_main$a = vue.defineComponent({
+    __name: "motion",
+    props: {
+      enter: {},
+      leave: {},
+      multiple: {
+        type: Boolean
+      },
+      duration: {},
+      mode: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const duration = snail_core.correctNumber(props.duration, 200);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.multiple ? vue.TransitionGroup : vue.Transition), {
+          appear: "",
+          type: "animation",
+          duration: vue.unref(duration),
+          mode: __props.mode,
+          "enter-active-class": vue.unref(snail_core.correctString)(props.enter, "fade-in", true),
+          "leave-active-class": vue.unref(snail_core.correctString)(props.leave, "fade-out", true)
+        }, {
+          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
+          _: 3
+        }, 8, ["duration", "mode", "enter-active-class", "leave-active-class"]);
+      };
+    }
+  });
+
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "Sort",
       inheritAttrs: true
@@ -2978,7 +3084,7 @@
   const _hoisted_1$5 = {
     class: "table-body"
   };
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$8 = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -3023,7 +3129,7 @@
     }
   });
 
-  var _sfc_main$8 = vue.defineComponent({
+  var _sfc_main$7 = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -3046,7 +3152,7 @@
     }
   });
 
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$6 = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -3092,46 +3198,6 @@
     }
   });
 
-  var _sfc_main$6 = vue.defineComponent({
-    __name: "transitions",
-    props: {
-      group: {
-        type: Boolean
-      },
-      duration: {},
-      customClass: {},
-      effect: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const classNames = vue.computed(() => {
-        const array = [props.customClass || "snail-transition"];
-        if (snail_core.isArray(props.effect)) {
-          props.effect.length > 0 ? array.push(...props.effect) : array.push("fade");
-        } else {
-          array.push(props.effect || "fade");
-        }
-        console.log(array);
-        return array.join(" ");
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.group ? vue.TransitionGroup : vue.Transition), vue.mergeProps(_ctx.$attrs, {
-          appear: "",
-          duration: __props.duration,
-          "enter-active-class": `${classNames.value} enter-active`,
-          "enter-from-class": `${classNames.value} enter-from`,
-          "enter-to-class": `${classNames.value} enter-to`,
-          "leave-active-class": `${classNames.value} leave-active`,
-          "leave-from-class": `${classNames.value} leave-from`,
-          "leave-to-class": `${classNames.value} leave-to`
-        }), {
-          default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16, ["duration", "enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]);
-      };
-    }
-  });
-
   const _hoisted_1$4 = {
     key: 0,
     class: "node-fold"
@@ -3263,7 +3329,7 @@
           key: 1
         }, [_cache[4] || (_cache[4] = vue.createElementVNode("div", {
           class: "indent"
-        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 0,
           class: vue.normalizeClass(statusRef.value),
           type: "custom",
@@ -3332,7 +3398,7 @@
         emits("click", node, parents);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$r, vue.mergeProps({
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$t, vue.mergeProps({
           key: 0
         }, __props.search, {
           onSearch
@@ -3383,7 +3449,7 @@
       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$u, vue.mergeProps({
+        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
           key: 0
         }, __props.header || {
           useTo: "dialog",
@@ -3398,7 +3464,7 @@
         }), {
           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$v, vue.mergeProps({
+        }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
           key: 1
         }, __props.footer || {}, {
           onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -3412,7 +3478,7 @@
     snail_core.mustObject(options, "options");
     target instanceof HTMLElement || snail_core.throwError("target must be a HTMLElement");
     target.classList.add("snail-app");
-    const app = vue.createApp(_sfc_main$o, options);
+    const app = vue.createApp(_sfc_main$q, options);
     triggerAppCreated(app);
     app.mount(target);
     const scope = snail_core.useScope().onDestroy(() => app.unmount());
@@ -3420,6 +3486,54 @@
     return scope;
   }
 
+  const MOTION = Object.freeze({
+    "fade": {
+      enter: "fade-in",
+      leave: "fade-out"
+    },
+    "scale": {
+      enter: "scale-in",
+      leave: "scale-out"
+    },
+    "rotate": {
+      enter: "rotate-in",
+      leave: "rotate-out"
+    },
+    "top": {
+      enter: "top-in",
+      leave: "top-out"
+    },
+    "topBottom": {
+      enter: "top-in",
+      leave: "bottom-out"
+    },
+    "bottom": {
+      enter: "bottom-in",
+      leave: "bottom-out"
+    },
+    "bottomTop": {
+      enter: "bottom-in",
+      leave: "top-out"
+    },
+    "left": {
+      enter: "left-in",
+      leave: "left-out"
+    },
+    "leftRight": {
+      enter: "left-in",
+      leave: "right-out"
+    },
+    "right": {
+      enter: "right-in",
+      leave: "right-out"
+    },
+    "rightLeft": {
+      enter: "right-in",
+      leave: "left-out"
+    }
+  });
+  for (var key in MOTION) snail_core.hasOwnProperty(MOTION, key) && Object.freeze(MOTION[key]);
+
   function initStepByFormat(format) {
     switch (format) {
       case "yyyy":
@@ -3687,7 +3801,7 @@
           }]),
           mode: "vertical"
         }, vue.createSlots({
-          main: vue.withCtx(() => [vue.createVNode(_sfc_main$6, {
+          main: vue.withCtx(() => [vue.createVNode(_sfc_main$f, {
             group: true,
             effect: "down-up"
           }, {
@@ -3727,19 +3841,19 @@
           _: 2
         }, [__props.toolbarDisabled != true ? {
           name: "bottom",
-          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
             key: 0,
             type: "link",
             size: "small",
             textContent: "清空",
             onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
-          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
             key: 1,
             type: "link",
             size: "small",
             textContent: "现在",
             onClick: _cache[1] || (_cache[1] = $event => rebuildItems(vue.unref(snail_core.getTimeValue)(new Date())))
-          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$z, {
+          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$B, {
             type: "link",
             size: "small",
             textContent: "确定",
@@ -3990,7 +4104,7 @@
             height: "30px"
           }
         }, vue.createSlots({
-          top: vue.withCtx(() => [vue.createVNode(_sfc_main$y, {
+          top: vue.withCtx(() => [vue.createVNode(_sfc_main$A, {
             type: "arrow",
             rotate: 180,
             size: 26,
@@ -4009,7 +4123,7 @@
             key: 0,
             textContent: vue.toDisplayString(`${dateRef.value.month}月`),
             onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
-          }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$y, {
+          }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$A, {
             type: "arrow",
             size: 26,
             onClick: _cache[3] || (_cache[3] = $event => buildPickerItems(stepRef.value, 1))
@@ -4074,19 +4188,19 @@
             onClick: onSelectTime
           }, null, 10, _hoisted_8)) : vue.createCommentVNode("", true), __props.toolbarDisabled != true ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 1
-          }, [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          }, [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
             key: 0,
             type: "link",
             size: "small",
             textContent: "清空",
             onClick: _cache[4] || (_cache[4] = $event => (emits("clear"), vue.unref(inPopup) && __props.closePopup("")))
-          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
             key: 1,
             type: "link",
             size: "small",
             textContent: "现在",
             onClick: onNow
-          })) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$z, {
+          })) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$B, {
             type: "link",
             size: "small",
             textContent: "确定",
@@ -4237,12 +4351,12 @@
           onTouchstart: onStartDrag,
           onTouchmove: onDragMove,
           onTouchend: onDragEnd
-        }, [dragInfoRef.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        }, [dragInfoRef.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 0,
           type: "success",
           size: 20,
           color: "white"
-        })) : (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+        })) : (vue.openBlock(), vue.createBlock(_sfc_main$A, {
           key: 1,
           type: "custom",
           size: 20,
@@ -4254,38 +4368,41 @@
   });
 
   const components = {
-    Button: _sfc_main$z,
-    Choose: _sfc_main$x,
-    DatePicker: _sfc_main$w,
-    Footer: _sfc_main$v,
-    Header: _sfc_main$u,
-    Icon: _sfc_main$y,
-    Input: _sfc_main$t,
-    Number: _sfc_main$s,
-    Search: _sfc_main$r,
-    Select: _sfc_main$g,
-    Switch: _sfc_main$f,
-    Textarea: _sfc_main$e,
-    Dynamic: _sfc_main$o,
+    Button: _sfc_main$B,
+    Choose: _sfc_main$z,
+    DatePicker: _sfc_main$y,
+    Footer: _sfc_main$x,
+    Header: _sfc_main$w,
+    Icon: _sfc_main$A,
+    Input: _sfc_main$v,
+    Number: _sfc_main$u,
+    Search: _sfc_main$t,
+    Select: _sfc_main$i,
+    Switch: _sfc_main$h,
+    Textarea: _sfc_main$g,
+    Dynamic: _sfc_main$q,
+    Element: _sfc_main$e,
     Fold: _sfc_main$d,
+    Motion: _sfc_main$a,
     Layout: _sfc_main$b,
     Scroll: _sfc_main$c,
-    Sort: _sfc_main$a,
-    Table: _sfc_main$9,
-    TableRow: _sfc_main$8,
-    TableCol: _sfc_main$7,
-    Transitions: _sfc_main$6,
+    Sort: _sfc_main$9,
+    Table: _sfc_main$8,
+    TableRow: _sfc_main$7,
+    TableCol: _sfc_main$6,
+    Transitions: _sfc_main$f,
     Tree: _sfc_main$4,
     Wrapper: _sfc_main$3,
     DragVerify: _sfc_main,
-    Empty: _sfc_main$j,
-    Loading: _sfc_main$p
+    Empty: _sfc_main$l,
+    Loading: _sfc_main$r
   };
 
   snail_core.onMountScope(scope => {
     vue.getCurrentScope() && vue.onScopeDispose(scope.destroy);
   });
 
+  exports.MOTION = MOTION;
   exports.components = components;
   exports.getSvgDraw = getSvgDraw;
   exports.mount = mount;