snail.vue 1.0.53 → 2.0.0

package/dist/snail.vue.js

@@ -1,10 +1,10 @@
 //@ sourceURL=/snail.vue.js
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, withDirectives, vModelText, createVNode, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, onMounted, withModifiers, isRef, getCurrentInstance, useTemplateRef, resolveComponent, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
-import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, mountScope, useScopes, isPromise, wait, script, delay, useTimer, defer, useAsyncScope, useHook, newId, hasAny, throwIfTrue, isFunction, onMountScope } from 'snail.core';
-import { css, link, useObserver, useAnimation } from 'snail.view';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, withDirectives, vModelText, createVNode, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, isRef, getCurrentInstance, useTemplateRef, resolveComponent, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
+import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, mountScope, useScopes, isPromise, wait, delay, defer, useAsyncScope, useHook, hasAny, throwIfTrue, onMountScope } from 'snail.core';
+import { link, css, useObserver, useAnimation } from 'snail.view';
 
-const _hoisted_1$g = ["title"];
-var _sfc_main$t = defineComponent({
+const _hoisted_1$h = ["title"];
+var _sfc_main$u = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -20,11 +20,15 @@ var _sfc_main$t = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-button", [_ctx.size, _ctx.type]]),
         title: _ctx.title
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮"))])], 10, _hoisted_1$g);
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮"))])], 10, _hoisted_1$h);
     };
   }
 });
 
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
 function getSvgDraw(iconType, draw) {
   switch (iconType) {
     case "success":
@@ -59,10 +63,10 @@ function getSvgDraw(iconType, draw) {
   }
 }
 
-const _hoisted_1$f = ["width", "height"];
+const _hoisted_1$g = ["width", "height"];
 const _hoisted_2$a = ["textContent"];
 const _hoisted_3$7 = ["fill", "stroke", "stroke-width", "d"];
-var _sfc_main$s = defineComponent({
+var _sfc_main$t = defineComponent({
   ...{
     name: "Icon",
     inheritAttrs: true
@@ -99,16 +103,16 @@ var _sfc_main$s = defineComponent({
           "stroke-width": _ctx.strokeWidth,
           d: draw
         }, null, 8, _hoisted_3$7);
-      }), 256))], 46, _hoisted_1$f);
+      }), 256))], 46, _hoisted_1$g);
     };
   }
 });
 
-const _hoisted_1$e = ["onClick"];
+const _hoisted_1$f = ["onClick"];
 const _hoisted_2$9 = ["type", "checked"];
 const _hoisted_3$6 = ["textContent"];
 const _hoisted_4$4 = ["textContent"];
-var _sfc_main$r = defineComponent({
+var _sfc_main$s = defineComponent({
   ...{
     name: "Choose",
     inheritAttrs: true
@@ -181,7 +185,7 @@ var _sfc_main$r = defineComponent({
         }, null, 8, _hoisted_2$9)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["item-beautiful", [_ctx.type, node.checked ? "item-checked" : "item-unchecked"]])
-        }, [node.checked ? (openBlock(), createBlock(_sfc_main$s, {
+        }, [node.checked ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           type: "success",
           size: 12,
@@ -194,15 +198,168 @@ var _sfc_main$r = defineComponent({
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)], 14, _hoisted_1$e);
+        }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)], 14, _hoisted_1$f);
       }), 128))], 2);
     };
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
+const _hoisted_1$e = ["id"];
+var _sfc_main$r = defineComponent({
+  __name: "datepicker",
+  props: {
+    type: {},
+    range: {
+      type: Boolean
+    },
+    format: {},
+    begin: {},
+    end: {},
+    min: {},
+    max: {},
+    zIndex: {},
+    timeDisabled: {
+      type: Boolean
+    },
+    secondDisabled: {
+      type: Boolean
+    },
+    cleanDisabled: {
+      type: Boolean
+    },
+    nowDisabled: {
+      type: Boolean
+    },
+    submitDisabled: {
+      type: Boolean
+    },
+    width: {},
+    height: {},
+    behindTop: {}
+  },
+  emits: ["change", "picker-focus", "picker-blur"],
+  setup(__props, _ref) {
+    let {
+      expose: __expose,
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const {
+      onInterval,
+      onTimeout
+    } = useTimer();
+    const {
+      range
+    } = props;
+    const format = props.format || "yyyy-MM-dd";
+    const id = `DP${newId()}`.toUpperCase();
+    var pickerInitialTimer = void 0;
+    var pickerLastStatus = void 0;
+    var pickerStatusTimer = void 0;
+    const pickerStatusArray = [];
+    __expose({
+      showPicker
+    });
+    function initZanePopup(flag) {
+      const obj = window[flag] ? window[flag].$obj : void 0;
+      if (obj) {
+        obj.removeEventListener("mouseenter", onZanePopupFocus);
+        obj.removeEventListener("mouseleave", onZanePopupFocus);
+        obj.addEventListener("mouseenter", onZanePopupFocus);
+        obj.addEventListener("mouseleave", onZanePopupFocus);
+        return true;
+      }
+    }
+    function destroyZanePopup(flag) {
+      if (window[flag]) {
+        window[flag].removeCalendar && window[flag].removeCalendar();
+        delete window[flag];
+      }
+    }
+    function showPicker(delay) {
+      const div = document.getElementById(id);
+      div && (delay > 0 ? onTimeout(() => div.click(), delay) : div.click());
+    }
+    function onClick() {
+      if (pickerInitialTimer && pickerInitialTimer.destroyed != true) {
+        return;
+      }
+      pickerInitialTimer = onInterval(() => {
+        let counter = 0;
+        initZanePopup(id) && counter++;
+        range && initZanePopup(`${id}DOUBLE`) && counter++;
+        counter == (range ? 2 : 1) && pickerInitialTimer.destroy();
+      }, 10);
+      const timeoutScope = onTimeout(() => pickerInitialTimer.destroyed || pickerInitialTimer.destroy(), 5e3);
+      pickerInitialTimer.onDestroy(() => timeoutScope.destroyed || timeoutScope.destroy());
+    }
+    function onZaneMounted() {}
+    function onZanePopupFocus(e) {
+      const type = e.type == "mouseenter" ? "focus" : "blur";
+      pickerStatusArray.push(type);
+      pickerStatusTimer && pickerStatusTimer.destroy();
+      pickerStatusTimer = onTimeout(() => {
+        const lastStatus = getFromArray(pickerStatusArray, -1);
+        lastStatus && pickerLastStatus != lastStatus && emits(`picker-${lastStatus}`);
+        pickerLastStatus = lastStatus;
+        pickerStatusTimer = void 0;
+        pickerStatusArray.splice(0);
+      }, 0);
+    }
+    function onZaneDone(full, begin, end) {
+      if (format.includes("-") == true) {
+        begin && (begin = begin.replaceAll("/", "-"));
+        end && (end = end.replaceAll("/", "-"));
+      }
+      emits("change", begin, end);
+    }
+    link.register("/styles/zane-calendar.css");
+    onMounted(() => {
+      script.has("zane-calendar") || throwError(`zane-calendar module unregistered.`);
+      const zaneOptions = {
+        elem: `#${id}`,
+        type: `${range ? "double" : ""}${props.type || "day"}`,
+        format,
+        begintime: props.begin || "",
+        endtime: props.end || "",
+        min: props.min || "1900-10-01",
+        max: props.max || "",
+        zindex: props.zIndex || 1e4,
+        showtime: props.timeDisabled != true,
+        showsecond: props.secondDisabled != true,
+        showclean: props.cleanDisabled != true,
+        shownow: props.nowDisabled != true,
+        showsubmit: props.submitDisabled != true,
+        width: props.width || 280,
+        height: props.height || 300,
+        behindTop: props.behindTop || 4,
+        lang: "cn",
+        event: "click",
+        position: "fixed",
+        haveBotBtns: true,
+        mounted: onZaneMounted,
+        done: onZaneDone
+      };
+      script.load("zane-calendar").then(calendar => {
+        console.log(zaneOptions);
+        isFunction(calendar) || throwError("load zane-calendar failed: value is not a function.");
+        calendar(zaneOptions);
+      }, reason => throwError(reason));
+    });
+    onUnmounted(() => {
+      destroyZanePopup(id);
+      range && destroyZanePopup(`${id}DOUBLE`);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "snail-datepicker",
+        id: unref(id),
+        onClick
+      }, null, 8, _hoisted_1$e);
+    };
+  }
+});
 
 var _sfc_main$q = defineComponent({
   ...{
@@ -235,13 +392,13 @@ var _sfc_main$q = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": _ctx.divider
         }, _ctx.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
         key: 0,
         size: "max",
         type: "default",
         onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
         textContent: toDisplayString(_ctx.cancelName || "取消")
-      }, null, 8, ["textContent"])) : createCommentVNode("", true), _ctx.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), _ctx.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
         key: 1,
         size: "max",
         type: "primary",
@@ -292,7 +449,7 @@ var _sfc_main$p = defineComponent({
         key: 0,
         textContent: toDisplayString(_ctx.title),
         class: normalizeClass(["header-title", _ctx.titleAlign])
-      }, null, 10, _hoisted_1$d)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$s, {
+      }, null, 10, _hoisted_1$d)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
         key: 1,
         type: "close",
         size: 22,
@@ -353,7 +510,7 @@ var _sfc_main$o = defineComponent({
         onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
       }, null, 40, _hoisted_1$c), [[vModelText, textModel.value, void 0, {
         trim: true
-      }]]), createElementVNode("div", null, [createVNode(_sfc_main$s, {
+      }]]), createElementVNode("div", null, [createVNode(_sfc_main$t, {
         class: "search-button",
         type: "custom",
         draw: searchIon,
@@ -394,7 +551,7 @@ function openPopup(container, options, extOptions) {
     options,
     extOptions,
     zIndex: options.zIndex || DEFAULT_ZINDEX,
-    popupTransition: shallowRef(`${options.transition || "snail-fade"}-in`)
+    popupTransition: shallowRef(`${options.transition || "fade"}-in`)
   });
   {
     const app = createApp(container, descriptor);
@@ -417,7 +574,7 @@ function destroyPopup(descriptor, task) {
     popupStatus.value = "closed";
     task.resolve(void 0);
   }
-  popupTransition.value = `${options.transition || "snail-fade"}-out`;
+  popupTransition.value = `${options.transition || "fade"}-out`;
   const app = POPUPMAPS.get(popupId);
   if (app != void 0) {
     POPUPMAPS.delete(popupId);
@@ -575,7 +732,7 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
 }
 
 const _hoisted_1$b = {
-  class: "snail-confirm"
+  class: "snail-confirm flex-column"
 };
 const _hoisted_2$8 = ["innerHTML"];
 var _sfc_main$n = defineComponent({
@@ -1050,7 +1207,7 @@ var _sfc_main$h = defineComponent({
         }),
         onMouseenter: _cache[3] || (_cache[3] = $event => onMouseEvent(false)),
         onMouseleave: _cache[4] || (_cache[4] = $event => onMouseEvent(true))
-      }, [createVNode(_sfc_main$s, {
+      }, [createVNode(_sfc_main$t, {
         type: "close",
         class: "close-icon",
         fill: closeFillRef.value,
@@ -1060,7 +1217,7 @@ var _sfc_main$h = defineComponent({
         onClick: _cache[2] || (_cache[2] = $event => {
           unref(closePopup)();
         })
-      }, null, 8, ["fill"]), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$s, {
+      }, null, 8, ["fill"]), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$t, {
         type: unref(props).type,
         fill: "#707070",
         size: 20
@@ -1390,13 +1547,13 @@ var _sfc_main$f = defineComponent({
         onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", rootDom.value, _ctx.item)),
         onClick: _cache[1] || (_cache[1] = () => emits("click", _ctx.item))
       }, [createElementVNode("div", {
-        class: "item-text",
+        class: "item-text ellipsis",
         textContent: toDisplayString(_ctx.item.text)
-      }, null, 8, _hoisted_2$5), _ctx.item.type == "group" ? (openBlock(), createBlock(_sfc_main$s, {
+      }, null, 8, _hoisted_2$5), _ctx.item.type == "group" ? (openBlock(), createBlock(_sfc_main$t, {
         key: 0,
         type: "arrow",
         color: "#8a9099"
-      })) : _ctx.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$s, {
+      })) : _ctx.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$t, {
         type: "success",
         color: "white",
         size: 12
@@ -1474,9 +1631,8 @@ var _sfc_main$e = defineComponent({
     } = props;
     const itemsRef = computed(() => (props.items || []).filter(item => context.isShow(item, true)));
     const classRef = computed(() => ({
-      "snail-select-popup": true,
       "child-popup": props.level > 1,
-      "text-tips": itemsRef.value.length == 0,
+      "placeholder": itemsRef.value.length == 0,
       "has-group": itemsRef.value.find(node => node.type == "group") != void 0
     }));
     var mouseStatus = "Leave";
@@ -1582,11 +1738,11 @@ var _sfc_main$e = defineComponent({
     watcher(popupStatus, newValue => newValue == "closed" && childFollowScope && childFollowScope.destroy());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(classRef.value),
+        class: normalizeClass(["snail-select-popup", classRef.value]),
         style: normalizeStyle(_ctx.popupStyle),
         onMouseenter: onEnterPopup,
         onMouseleave: onLeavePopup
-      }, [classRef.value["child-popup"] && classRef.value["text-tips"] ? (openBlock(), createElementBlock(Fragment, {
+      }, [classRef.value["child-popup"] && classRef.value["placeholder"] ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
@@ -1625,7 +1781,7 @@ const _hoisted_2$4 = ["title", "textContent"];
 const _hoisted_3$3 = ["textContent"];
 const _hoisted_4$3 = {
   key: 1,
-  class: "no-items text-tips"
+  class: "placeholder"
 };
 onAppCreated((app, type) => {
   type == "popup" && app.component("SelectPopup", _sfc_main$e);
@@ -1755,28 +1911,30 @@ var _sfc_main$d = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-select", {
-          "readonly": _ctx.readonly
+          "readonly": _ctx.readonly,
+          "empty": !(_ctx.items && _ctx.items.length)
         }]),
         onClick: _cache[0] || (_cache[0] = $event => onClick()),
         ref: "select"
-      }, [_ctx.items && _ctx.items.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+      }, [_ctx.items && _ctx.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
-        class: "select-text",
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+        class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
       }, null, 8, _hoisted_2$4)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
-        class: "select-result text-tips",
+        class: "placeholder",
         textContent: toDisplayString(_ctx.readonly ? "" : _ctx.placeholder || "请选择")
-      }, null, 8, _hoisted_3$3)), createVNode(_sfc_main$s, {
+      }, null, 8, _hoisted_3$3)), _ctx.readonly != true ? (openBlock(), createBlock(_sfc_main$t, {
+        key: 2,
         type: "arrow",
         size: 24,
         color: "#8a9099",
         style: {
           "transform": "rotate(90deg)"
         }
-      })], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
     };
   }
 });
@@ -1914,13 +2072,13 @@ var _sfc_main$b = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-fold", statusModel.value])
       }, [createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
-        class: "title",
+        class: "title ellipsis",
         textContent: toDisplayString(_ctx.title)
       }, null, 8, _hoisted_2$3), !!_ctx.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: "subtitle",
+        class: "subtitle ellipsis",
         textContent: toDisplayString(_ctx.subtitle)
-      }, null, 8, _hoisted_3$2)) : createCommentVNode("", true), _ctx.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_sfc_main$s, {
+      }, null, 8, _hoisted_3$2)) : createCommentVNode("", true), _ctx.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_sfc_main$t, {
         type: "arrow",
         title: statusModel.value == "expand" ? "收起" : "展开",
         onClick: onStatusClick
@@ -2275,7 +2433,7 @@ const _hoisted_1$3 = {
 };
 const _hoisted_2$1 = ["title", "textContent"];
 const _hoisted_3$1 = {
-  class: "node-slot"
+  class: "node-slot ellipsis"
 };
 const _hoisted_4$1 = {
   key: 1,
@@ -2398,7 +2556,7 @@ var _sfc_main$4 = defineComponent({
         key: 1
       }, [_cache[4] || (_cache[4] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), _ctx.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$s, {
+      }, null, -1)), _ctx.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$t, {
         key: 0,
         class: normalizeClass(statusRef.value),
         type: "custom",
@@ -2407,7 +2565,7 @@ var _sfc_main$4 = defineComponent({
         draw: "M 298.667 426.667 l 213.333 256 l 213.333 -256 Z",
         onClick: toggleFold
       }, null, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
-        class: "node-text",
+        class: "node-text ellipsis",
         title: _ctx.node.text,
         textContent: toDisplayString(_ctx.node.text)
       }, null, 8, _hoisted_2$1), createElementVNode("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, child => {
@@ -2631,7 +2789,7 @@ var _sfc_main$1 = defineComponent({
         key: 0,
         class: "validate",
         title: validateRef.value
-      }, [createVNode(_sfc_main$s, {
+      }, [createVNode(_sfc_main$t, {
         type: "error",
         size: 16,
         color: "red"
@@ -2725,12 +2883,12 @@ var _sfc_main = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$s, {
+      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$t, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$s, {
+      })) : (openBlock(), createBlock(_sfc_main$t, {
         key: 1,
         type: "custom",
         size: 20,
@@ -2742,11 +2900,12 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Button: _sfc_main$t,
-  Choose: _sfc_main$r,
+  Button: _sfc_main$u,
+  Choose: _sfc_main$s,
+  DatePicker: _sfc_main$r,
   Footer: _sfc_main$q,
   Header: _sfc_main$p,
-  Icon: _sfc_main$s,
+  Icon: _sfc_main$t,
   Search: _sfc_main$o,
   Select: _sfc_main$d,
   Switch: _sfc_main$c,