snail.vue 2.0.28 → 2.0.30

package/dist/snail.vue.js

@@ -1,5 +1,5 @@
 //@ sourceURL=/snail.vue.js
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, createVNode, watch, withDirectives, isRef, vModelText, withCtx, createApp, resolveDynamicComponent, TransitionGroup, Transition, normalizeProps, guardReactiveProps, ref, onErrorCaptured, createSlots, onMounted, withModifiers, getCurrentInstance, resolveComponent, vShow, onBeforeUnmount, onActivated, getCurrentScope, onScopeDispose } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, shallowRef, createVNode, watch, withDirectives, isRef, vModelText, withCtx, createApp, resolveDynamicComponent, TransitionGroup, Transition, normalizeProps, guardReactiveProps, ref, onErrorCaptured, createSlots, onMounted, withModifiers, getCurrentInstance, resolveComponent, vShow, onBeforeUnmount, onActivated, getCurrentScope, onScopeDispose } from 'vue';
 import { throwError, isObject, correctNumber, correctString, useKey, isArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isNumberNotNaN, isStringNotEmpty, hasAny, mustFunction, useScope, removeFromArray, mustObject, isArrayNotEmpty, hasOwnProperty, isString, script, delay, useTimer, runAsync, defer, useAsyncScope, useHook, newId, throwIfTrue, isFunction, isNullish, getTimeNumber, getDateValue, parseDate, formatDateValue, getDateByValue, parseTimeValue, getTimeValue, padStart, formatTimeValue, parseDateValue, correctDateFormat, isValidTime, getFromArray, onMountScope } from 'snail.core';
 import { link, css, useObserver, useScroll, useAnimation } from 'snail.view';
 
@@ -15,12 +15,18 @@ var _sfc_main$F = defineComponent({
     size: {},
     type: {}
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-button", [__props.size, __props.type]]),
-        title: __props.title
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$o);
+        title: __props.title,
+        onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("按钮", -1))])], 10, _hoisted_1$o);
     };
   }
 });
@@ -72,7 +78,7 @@ function getBuiltinIcon(iconType) {
 }
 
 const _hoisted_1$n = ["viewBox"];
-const _hoisted_2$f = ["textContent"];
+const _hoisted_2$h = ["textContent"];
 const _hoisted_3$a = ["d"];
 var _sfc_main$E = defineComponent({
   __name: "icon",
@@ -95,9 +101,13 @@ var _sfc_main$E = defineComponent({
     background: {},
     viewBox: {}
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
     const props = __props;
-    const isMouseEnterRef = shallowRef(false);
+    const emits = __emit;
     const sizeRef = computed(() => {
       if (isObject(props.size) == true) {
         return {
@@ -114,9 +124,10 @@ var _sfc_main$E = defineComponent({
     });
     const styleRef = computed(() => {
       const style = Object.create(null);
-      let fill = isMouseEnterRef.value ? correctString(props.hoverColor, props.color, true) : void 0;
-      fill == void 0 && (fill = correctString(props.color, void 0, true));
-      fill && (style.fill = fill);
+      let fill = correctString(props.color, void 0, true);
+      fill && (style["--fill"] = fill);
+      fill = correctString(props.hoverColor, fill, true);
+      fill && (style["--hover"] = fill);
       const rotate = correctNumber(props.rotate, 0);
       rotate != 0 && (style.transform = `rotate(${rotate}deg)`);
       const opacity = correctNumber(props.opacity, void 0);
@@ -134,11 +145,10 @@ var _sfc_main$E = defineComponent({
         viewBox: unref(correctString)(__props.viewBox, "0 0 1024 1024", false)
       }, sizeRef.value, {
         style: styleRef.value,
-        onMouseenter: _cache[0] || (_cache[0] = $event => isMouseEnterRef.value = true),
-        onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
+        onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
       }), [createElementVNode("title", {
         textContent: toDisplayString(__props.title || "")
-      }, null, 8, _hoisted_2$f), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
+      }, null, 8, _hoisted_2$h), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
         key: 0
       }) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
@@ -152,7 +162,7 @@ var _sfc_main$E = defineComponent({
 });
 
 const _hoisted_1$m = ["title", "onClick"];
-const _hoisted_2$e = ["type", "checked"];
+const _hoisted_2$g = ["type", "checked"];
 const _hoisted_3$9 = ["textContent"];
 const _hoisted_4$6 = ["textContent"];
 var _sfc_main$D = defineComponent({
@@ -231,7 +241,7 @@ var _sfc_main$D = defineComponent({
           key: 0,
           type: unref(type),
           checked: node.selected
-        }, null, 8, _hoisted_2$e)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$g)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
         }, [node.selected ? (openBlock(), createBlock(_sfc_main$E, {
@@ -355,7 +365,7 @@ var _sfc_main$B = defineComponent({
 });
 
 const _hoisted_1$k = ["textContent"];
-const _hoisted_2$d = {
+const _hoisted_2$f = {
   key: 0,
   class: "required",
   textContent: "*"
@@ -417,7 +427,7 @@ var _sfc_main$A = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$k), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$d)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$8, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$k), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$f)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$8, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -644,7 +654,7 @@ const _hoisted_1$j = {
   key: 0,
   class: "number-prefix"
 };
-const _hoisted_2$c = ["textContent"];
+const _hoisted_2$e = ["textContent"];
 const _hoisted_3$7 = ["inputmode", "placeholder", "title"];
 const _hoisted_4$4 = {
   key: 1,
@@ -803,7 +813,7 @@ var _sfc_main$z = defineComponent({
       }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(prefix))
-      }, null, 8, _hoisted_2$c)])) : createCommentVNode("", true), createElementVNode("div", {
+      }, null, 8, _hoisted_2$e)])) : createCommentVNode("", true), createElementVNode("div", {
         class: normalizeClass(["input-panel", unref(controls)])
       }, [withDirectives(createElementVNode("input", {
         type: "text",
@@ -1143,7 +1153,7 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
 const _hoisted_1$h = {
   class: "snail-confirm flex-column"
 };
-const _hoisted_2$b = ["innerHTML"];
+const _hoisted_2$d = ["innerHTML"];
 var _sfc_main$x = defineComponent({
   ...{
     name: "ConfirmContainer",
@@ -1179,7 +1189,7 @@ var _sfc_main$x = defineComponent({
       }, null, 8, ["title"]), createElementVNode("div", {
         class: "confirm-body",
         innerHTML: __props.message || "请确认？"
-      }, null, 8, _hoisted_2$b), createVNode(_sfc_main$C, {
+      }, null, 8, _hoisted_2$d), createVNode(_sfc_main$C, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -1637,7 +1647,7 @@ var _sfc_main$r = defineComponent({
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isRef(model) ? model.value = $event : null)
       }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (openBlock(), createBlock(_sfc_main$s, mergeProps({
         key: 1,
-        class: "dialog-body",
+        class: "dialog-body dialog-builtin",
         "in-popup": true
       }, __props.options.wrapper, {
         onCancel: _cache[2] || (_cache[2] = $event => unref(closePopup)()),
@@ -1840,7 +1850,7 @@ const _hoisted_1$g = {
   key: 1,
   class: "icon"
 };
-const _hoisted_2$a = ["innerHTML"];
+const _hoisted_2$c = ["innerHTML"];
 var _sfc_main$o = defineComponent({
   ...{
     name: "ToastContainer",
@@ -1896,7 +1906,7 @@ var _sfc_main$o = defineComponent({
       }, null, 8, ["type"])])) : createCommentVNode("", true), createElementVNode("div", {
         class: "message",
         innerHTML: unref(props).message
-      }, null, 8, _hoisted_2$a)], 38);
+      }, null, 8, _hoisted_2$c)], 38);
     };
   }
 });
@@ -2142,7 +2152,7 @@ function getNoDataBase64Image() {
 const _hoisted_1$f = {
   class: "snail-empty"
 };
-const _hoisted_2$9 = ["src"];
+const _hoisted_2$b = ["src"];
 const _hoisted_3$6 = ["textContent"];
 var _sfc_main$n = defineComponent({
   ...{
@@ -2159,7 +2169,7 @@ var _sfc_main$n = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("img", {
         src: __props.imageUrl || unref(defaultImageBase64)
-      }, null, 8, _hoisted_2$9), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+      }, null, 8, _hoisted_2$b), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
         textContent: toDisplayString(__props.message || "无数据")
       }, null, 8, _hoisted_3$6)])]);
@@ -2168,7 +2178,7 @@ var _sfc_main$n = defineComponent({
 });
 
 const _hoisted_1$e = ["title"];
-const _hoisted_2$8 = ["textContent"];
+const _hoisted_2$a = ["textContent"];
 const _hoisted_3$5 = {
   key: 1,
   class: "select-status"
@@ -2218,7 +2228,7 @@ var _sfc_main$m = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$8), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 8, _hoisted_2$a), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         type: "arrow"
       })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_sfc_main$E, {
@@ -2446,7 +2456,7 @@ const _hoisted_1$d = {
   key: 0,
   class: "select-result"
 };
-const _hoisted_2$7 = ["title", "textContent"];
+const _hoisted_2$9 = ["title", "textContent"];
 const _hoisted_3$4 = ["textContent"];
 const _hoisted_4$3 = {
   key: 1,
@@ -2591,7 +2601,7 @@ var _sfc_main$k = defineComponent({
         class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
-      }, null, 8, _hoisted_2$7)])])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$9)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
@@ -2730,7 +2740,7 @@ var _sfc_main$i = defineComponent({
 });
 
 const _hoisted_1$b = ["onClick"];
-const _hoisted_2$6 = ["textContent"];
+const _hoisted_2$8 = ["textContent"];
 var _sfc_main$h = defineComponent({
   __name: "action-items",
   props: {
@@ -2778,7 +2788,7 @@ var _sfc_main$h = defineComponent({
         }), null, 16)) : createCommentVNode("", true), createElementVNode("span", {
           class: "ellipsis",
           textContent: toDisplayString(action.name)
-        }, null, 8, _hoisted_2$6)], 12, _hoisted_1$b);
+        }, null, 8, _hoisted_2$8)], 12, _hoisted_1$b);
       }), 128))], 2);
     };
   }
@@ -2788,7 +2798,7 @@ const _hoisted_1$a = {
   class: "snail-action flex-cross-center",
   ref: "snail-action"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$7 = {
   class: "action-slot flex-cross-center"
 };
 var _sfc_main$g = defineComponent({
@@ -2880,7 +2890,7 @@ var _sfc_main$g = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["trigger-area", {
           hidden: __props.trigger == "hover"
@@ -3197,7 +3207,7 @@ var _sfc_main$e = defineComponent({
 });
 
 const _hoisted_1$9 = ["textContent"];
-const _hoisted_2$4 = ["textContent"];
+const _hoisted_2$6 = ["textContent"];
 const _hoisted_3$3 = {
   key: 1,
   class: "status"
@@ -3298,7 +3308,7 @@ var _sfc_main$d = defineComponent({
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_2$4)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$E, {
+      }, null, 8, _hoisted_2$6)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$E, {
         type: "arrow",
         button: "",
         title: statusModel.value == "expand" ? "收起" : "展开",
@@ -3625,7 +3635,7 @@ const _hoisted_1$7 = {
   key: 0,
   class: "node-fold"
 };
-const _hoisted_2$3 = ["title", "textContent"];
+const _hoisted_2$5 = ["title", "textContent"];
 const _hoisted_3$2 = {
   class: "node-slot ellipsis"
 };
@@ -3756,7 +3766,7 @@ var _sfc_main$7 = defineComponent({
         class: "node-text ellipsis",
         title: __props.node.text,
         textContent: toDisplayString(__props.node.text)
-      }, null, 8, _hoisted_2$3), createElementVNode("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
+      }, null, 8, _hoisted_2$5), createElementVNode("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
         return openBlock(), createBlock(_component_TreeNode, {
           key: __props.context.getKey(child),
           node: child,
@@ -3857,7 +3867,7 @@ function mount(target, options, onDestroyed) {
 const _hoisted_1$5 = {
   class: "snail-flash-number"
 };
-const _hoisted_2$2 = ["textContent"];
+const _hoisted_2$4 = ["textContent"];
 var _sfc_main$5 = defineComponent({
   __name: "flash-number",
   props: {
@@ -3891,7 +3901,7 @@ var _sfc_main$5 = defineComponent({
           key: item.id,
           textContent: toDisplayString(item.text),
           class: normalizeClass(unref(isNullish)(item.number) ? "" : "number-item")
-        }, null, 10, _hoisted_2$2);
+        }, null, 10, _hoisted_2$4);
       }), 128)), _cache[0] || (_cache[0] = createElementVNode("span", {
         style: {
           "color": "red"
@@ -4021,7 +4031,7 @@ const _hoisted_1$4 = {
   class: "tz-item",
   ref: "hour-items"
 };
-const _hoisted_2$1 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_2$3 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_3$1 = {
   class: "tz-item",
   ref: "minute-items"
@@ -4038,6 +4048,7 @@ var _sfc_main$4 = defineComponent({
   props: {
     value: {},
     format: {},
+    mode: {},
     min: {},
     max: {},
     toolbarDisabled: {
@@ -4154,7 +4165,7 @@ var _sfc_main$4 = defineComponent({
               textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
               onClick: $event => onHourClick(item),
               onDblclick: $event => onHourClick(item)
-            }, null, 42, _hoisted_2$1);
+            }, null, 42, _hoisted_2$3);
           }), 128))], 512), createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["tzi-number", {
@@ -4211,7 +4222,7 @@ var _sfc_main$4 = defineComponent({
 });
 
 const _hoisted_1$3 = ["textContent"];
-const _hoisted_2 = ["textContent"];
+const _hoisted_2$2 = ["textContent"];
 const _hoisted_3 = ["textContent"];
 const _hoisted_4 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_5 = ["textContent", "onClick", "onDblclick"];
@@ -4223,6 +4234,7 @@ var _sfc_main$3 = defineComponent({
   props: {
     value: {},
     format: {},
+    mode: {},
     min: {},
     max: {},
     minPickTime: {},
@@ -4399,10 +4411,13 @@ var _sfc_main$3 = defineComponent({
           clearDisabled: props.clearDisabled,
           toolbarDisabled: props.toolbarDisabled
         }, {
-          followX: "start",
-          followY: "before",
-          spaceX: -2,
-          spaceY: 4
+          mode: "follow",
+          follow: {
+            followX: "start",
+            followY: "before",
+            spaceX: -2,
+            spaceY: 4
+          }
         });
         task.finally(() => setTimeout(() => props.pinned.value = false)).then(text => {
           if (text != void 0) {
@@ -4448,6 +4463,8 @@ var _sfc_main$3 = defineComponent({
           button: "",
           rotate: 180,
           size: 26,
+          color: "#8a9099",
+          "hover-color": "#58a4fd",
           onClick: _cache[0] || (_cache[0] = $event => buildPickerItems(stepRef.value, -1))
         }), createElementVNode("div", {
           class: normalizeClass(["header-content", stepRef.value])
@@ -4459,14 +4476,17 @@ var _sfc_main$3 = defineComponent({
         }, [createElementVNode("div", {
           textContent: toDisplayString(`${dateRef.value.year}年`),
           onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-        }, null, 8, _hoisted_2), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$2), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
           key: 0,
           textContent: toDisplayString(`${dateRef.value.month}月`),
           onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
         }, null, 8, _hoisted_3)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$E, {
+          class: "flex-0",
           type: "arrow",
           button: "",
           size: 26,
+          color: "#8a9099",
+          "hover-color": "#58a4fd",
           onClick: _cache[3] || (_cache[3] = $event => buildPickerItems(stepRef.value, 1))
         })]),
         main: withCtx(() => [stepRef.value == "year" ? (openBlock(true), createElementBlock(Fragment, {
@@ -4574,25 +4594,38 @@ function usePicker() {
     return showPicker(target, _sfc_main$4, options, popupOptions);
   }
   function showPicker(target, component, options, popupOptions) {
-    {
-      popupOptions = {
-        ...popupOptions
-      };
-      popupOptions.followX = popupOptions.followX || ["start", "end", "center", "before", "after"];
-      popupOptions.spaceX = correctNumber(popupOptions.spaceX, 2);
-      popupOptions.spaceY = correctNumber(popupOptions.spaceY, 2);
-      popupOptions.spaceClient = correctNumber(popupOptions.spaceClient, 10);
-      popupOptions.closeOnMask = popupOptions.closeOnMask == void 0 ? true : popupOptions.closeOnMask;
-    }
-    return popup.follow(target, {
-      ...popupOptions,
-      component,
-      props: {
-        ...options,
-        picker: manager,
-        popup
+    if (popupOptions && popupOptions.mode == "dialog") {
+      return popup.dialog({
+        component,
+        ...(popupOptions.dialog || {
+          closeOnEscape: false,
+          closeOnMask: true
+        }),
+        props: {
+          ...options,
+          picker: manager,
+          popup
+        }
+      });
+    } else {
+      const follow = (popupOptions ? popupOptions.follow : void 0) || Object.create(null);
+      {
+        follow.followX = follow.followX || ["center", "start", "end", "before", "after"];
+        follow.spaceX = correctNumber(follow.spaceX, 2);
+        follow.spaceY = correctNumber(follow.spaceY, 2);
+        follow.spaceClient = correctNumber(follow.spaceClient, 10);
+        follow.closeOnMask = follow.closeOnMask == void 0 ? true : follow.closeOnMask;
       }
-    });
+      return popup.follow(target, {
+        ...follow,
+        component,
+        props: {
+          ...options,
+          picker: manager,
+          popup
+        }
+      });
+    }
   }
   const manager = Object.freeze(mountScope({
     showDate,
@@ -4603,6 +4636,7 @@ function usePicker() {
 }
 
 const _hoisted_1$2 = ["title"];
+const _hoisted_2$1 = ["textContent"];
 var _sfc_main$2 = defineComponent({
   __name: "date-picker",
   props: {
@@ -4611,6 +4645,7 @@ var _sfc_main$2 = defineComponent({
     },
     value: {},
     format: {},
+    mode: {},
     min: {},
     max: {},
     minPickTime: {},
@@ -4623,7 +4658,8 @@ var _sfc_main$2 = defineComponent({
     },
     clearDisabled: {
       type: Boolean
-    }
+    },
+    popup: {}
   },
   emits: ["change"],
   setup(__props, _ref) {
@@ -4650,10 +4686,7 @@ var _sfc_main$2 = defineComponent({
         pickerScope = showDate(pickerDom.value, {
           ...props,
           value: valueRef.value
-        }, {
-          followX: evt.target.tagName == "svg" ? ["end"] : void 0,
-          closeOnTarget: true
-        });
+        }, props.popup);
         const dateText = await pickerScope;
         pickerScope = void 0;
         if (dateText !== void 0 && dateText != valueRef.value) {
@@ -4668,18 +4701,20 @@ var _sfc_main$2 = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-datepicker", {
-          readonly: __props.readonly
+          readonly: __props.readonly,
+          "simple": __props.mode == "simple"
         }]),
-        ref: "datepicker",
         title: valueRef.value,
+        ref: "datepicker",
         onClick: showPicker
-      }, [withDirectives(createElementVNode("input", {
-        class: "wh-fill",
-        type: "text",
-        readonly: "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => valueRef.value = $event)
-      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, [__props.mode != "simple" || unref(isStringNotEmpty)(valueRef.value) ? (openBlock(), createElementBlock("span", {
         key: 0,
+        class: normalizeClass(["ellipsis", {
+          "flex-1": __props.mode != "simple"
+        }]),
+        textContent: toDisplayString(valueRef.value)
+      }, null, 10, _hoisted_2$1)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+        key: 1,
         type: "datepicker",
         button: "",
         size: 16,
@@ -4691,6 +4726,7 @@ var _sfc_main$2 = defineComponent({
 });
 
 const _hoisted_1$1 = ["title"];
+const _hoisted_2 = ["textContent"];
 var _sfc_main$1 = defineComponent({
   __name: "time-picker",
   props: {
@@ -4699,6 +4735,7 @@ var _sfc_main$1 = defineComponent({
     },
     value: {},
     format: {},
+    mode: {},
     min: {},
     max: {},
     toolbarDisabled: {
@@ -4709,7 +4746,8 @@ var _sfc_main$1 = defineComponent({
     },
     clearDisabled: {
       type: Boolean
-    }
+    },
+    popup: {}
   },
   emits: ["change"],
   setup(__props, _ref) {
@@ -4736,10 +4774,7 @@ var _sfc_main$1 = defineComponent({
         pickerScope = showTime(pickerDom.value, {
           ...props,
           value: valueRef.value
-        }, {
-          followX: evt.target.tagName == "svg" ? ["end"] : void 0,
-          closeOnTarget: true
-        });
+        }, props.popup);
         const timeText = await pickerScope;
         pickerScope = void 0;
         if (timeText !== void 0 && timeText != valueRef.value) {
@@ -4754,18 +4789,20 @@ var _sfc_main$1 = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-timepicker", {
-          readonly: __props.readonly
+          readonly: __props.readonly,
+          "simple": __props.mode == "simple"
         }]),
         ref: "timepicker",
         title: valueRef.value,
         onClick: showPicker
-      }, [withDirectives(createElementVNode("input", {
-        class: "wh-fill",
-        type: "text",
-        readonly: "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => valueRef.value = $event)
-      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, [__props.mode != "simple" || unref(isStringNotEmpty)(valueRef.value) ? (openBlock(), createElementBlock("span", {
         key: 0,
+        class: normalizeClass(["ellipsis", {
+          "flex-1": __props.mode != "simple"
+        }]),
+        textContent: toDisplayString(valueRef.value)
+      }, null, 10, _hoisted_2)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+        key: 1,
         type: "timepicker",
         button: "",
         size: 20,