zartui 3.1.18 → 3.1.20

package/lib/zartui.cjs.js

@@ -272,7 +272,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1W = {
+var stdin_default$1X = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -319,7 +319,7 @@ var stdin_default$1W = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1W
+  "zh-CN": stdin_default$1X
 });
 const Locale = {
   messages() {
@@ -333,11 +333,11 @@ const Locale = {
     deepAssign(messages, newMessages);
   }
 };
-var stdin_default$1V = Locale;
+var stdin_default$1W = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1V.messages();
+    const messages2 = stdin_default$1W.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -442,7 +442,7 @@ const badgeProps = {
   badgeClass: String,
   position: makeStringProp("top-right")
 };
-var stdin_default$1U = vue.defineComponent({
+var stdin_default$1V = vue.defineComponent({
   name: name$1p,
   props: badgeProps,
   setup(props, {
@@ -525,7 +525,7 @@ var stdin_default$1U = vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1U);
+const Badge = withInstall(stdin_default$1V);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
@@ -566,7 +566,7 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
     }
   });
 }
-var stdin_default$1T = vue.defineComponent({
+var stdin_default$1U = vue.defineComponent({
   name: name$1o,
   props: configProviderProps,
   setup(props, {
@@ -637,7 +637,7 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1S = vue.defineComponent({
+var stdin_default$1T = vue.defineComponent({
   name: name$1n,
   props: iconProps,
   setup(props, {
@@ -676,8 +676,8 @@ var stdin_default$1S = vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1S);
-var stdin_default$1R = Icon;
+const Icon = withInstall(stdin_default$1T);
+var stdin_default$1S = Icon;
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -864,7 +864,7 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1Q = vue.defineComponent({
+var stdin_default$1R = vue.defineComponent({
   name: name$1m,
   props: overlayProps,
   setup(props, {
@@ -894,7 +894,7 @@ var stdin_default$1Q = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1Q);
+const Overlay = withInstall(stdin_default$1R);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -913,7 +913,7 @@ const popupProps$2 = extend({}, popupSharedProps, {
   slideable: Boolean
 });
 const [name$1l, bem$1h] = createNamespace("popup");
-var stdin_default$1P = vue.defineComponent({
+var stdin_default$1Q = vue.defineComponent({
   name: name$1l,
   inheritAttrs: false,
   props: popupProps$2,
@@ -1168,8 +1168,8 @@ var stdin_default$1P = vue.defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1P);
-var stdin_default$1O = Popup;
+const Popup = withInstall(stdin_default$1Q);
+var stdin_default$1P = Popup;
 const [name$1k, bem$1g] = createNamespace("loading");
 const loadingProps = {
   size: numericProp,
@@ -1239,7 +1239,7 @@ const LoadingIcon = (props) => {
     "d": "M 9 100 A 91 91 0 0 1 9 100"
   }, null)])]);
 };
-var stdin_default$1N = vue.defineComponent({
+var stdin_default$1O = vue.defineComponent({
   name: name$1k,
   props: loadingProps,
   setup(props, {
@@ -1278,8 +1278,8 @@ var stdin_default$1N = vue.defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1N);
-var stdin_default$1M = Loading;
+const Loading = withInstall(stdin_default$1O);
+var stdin_default$1N = Loading;
 const [name$1j, bem$1f] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -1294,7 +1294,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1L = vue.defineComponent({
+var stdin_default$1M = vue.defineComponent({
   name: name$1j,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
@@ -1411,8 +1411,8 @@ var stdin_default$1L = vue.defineComponent({
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1L);
-var stdin_default$1K = ActionSheet;
+const ActionSheet = withInstall(stdin_default$1M);
+var stdin_default$1L = ActionSheet;
 const [name$1i, bem$1e] = createNamespace("image");
 const imageProps = {
   src: String,
@@ -1432,7 +1432,7 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo-default")
 };
-var stdin_default$1J = vue.defineComponent({
+var stdin_default$1K = vue.defineComponent({
   name: name$1i,
   props: imageProps,
   emits: ["load", "error"],
@@ -1557,8 +1557,8 @@ var stdin_default$1J = vue.defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$1J);
-var stdin_default$1I = Image$1;
+const Image$1 = withInstall(stdin_default$1K);
+var stdin_default$1J = Image$1;
 const [name$1h, bem$1d] = createNamespace("avatar");
 const avatarProps = {
   src: makeStringProp(""),
@@ -1568,7 +1568,7 @@ const avatarProps = {
   textBgColor: String,
   border: Boolean
 };
-var stdin_default$1H = vue.defineComponent({
+var stdin_default$1I = vue.defineComponent({
   name: name$1h,
   props: avatarProps,
   setup(props) {
@@ -1609,7 +1609,7 @@ var stdin_default$1H = vue.defineComponent({
       if (!props.src) {
         return renderText();
       }
-      return vue.createVNode(stdin_default$1I, {
+      return vue.createVNode(stdin_default$1J, {
         "round": props.shape === "round",
         "class": bem$1d("img", [classArr.value, {
           border: props.border
@@ -1622,7 +1622,7 @@ var stdin_default$1H = vue.defineComponent({
     };
   }
 });
-const Avatar = withInstall(stdin_default$1H);
+const Avatar = withInstall(stdin_default$1I);
 const routeProps = {
   to: [String, Object],
   url: String,
@@ -1671,7 +1671,7 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1G = vue.defineComponent({
+var stdin_default$1H = vue.defineComponent({
   name: name$1g,
   props: buttonProps,
   emits: ["click"],
@@ -1803,8 +1803,8 @@ var stdin_default$1G = vue.defineComponent({
     };
   }
 });
-const Button = withInstall(stdin_default$1G);
-var stdin_default$1F = Button;
+const Button = withInstall(stdin_default$1H);
+var stdin_default$1G = Button;
 const monthsOfYear = 12;
 const [name$1f, bem$1b, t$7] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$7("ztCalendar.monthTitle", date.getFullYear(), date.getMonth() + 1);
@@ -1915,7 +1915,7 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1E = vue.defineComponent({
+var stdin_default$1F = vue.defineComponent({
   name: name$1e,
   props: toastProps,
   emits: ["update:show"],
@@ -2091,7 +2091,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1E, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1F, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -2161,7 +2161,7 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1E);
+const Toast = withInstall(stdin_default$1F);
 const useHeight = (element, withSafeArea) => {
   const height = vue.ref();
   const setHeight = () => {
@@ -2178,7 +2178,7 @@ const useHeight = (element, withSafeArea) => {
   return height;
 };
 const [name$1d] = createNamespace("calendar-day");
-var stdin_default$1D = vue.defineComponent({
+var stdin_default$1E = vue.defineComponent({
   name: name$1d,
   props: {
     item: makeRequiredProp(Object),
@@ -2304,7 +2304,7 @@ const calendarMonthProps = {
   firstDayOfWeek: Number,
   disabledDate: Function
 };
-var stdin_default$1C = vue.defineComponent({
+var stdin_default$1D = vue.defineComponent({
   name: name$1c,
   props: calendarMonthProps,
   emits: ["click"],
@@ -2489,7 +2489,7 @@ var stdin_default$1C = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.useRect(body).top);
       }
     };
-    const renderDay = (item, index) => vue.createVNode(stdin_default$1D, {
+    const renderDay = (item, index) => vue.createVNode(stdin_default$1E, {
       "item": item,
       "index": index,
       "color": props.color,
@@ -2517,7 +2517,7 @@ var stdin_default$1C = vue.defineComponent({
   }
 });
 const [name$1b] = createNamespace("calendar-header");
-var stdin_default$1B = vue.defineComponent({
+var stdin_default$1C = vue.defineComponent({
   name: name$1b,
   props: {
     title: String,
@@ -2712,7 +2712,7 @@ const calendarProps = {
   },
   disabledDate: Function
 };
-var stdin_default$1A = vue.defineComponent({
+var stdin_default$1B = vue.defineComponent({
   name: name$1f,
   props: calendarProps,
   emits: ["select", "confirm", "cancel", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
@@ -3065,7 +3065,7 @@ var stdin_default$1A = vue.defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
-      return vue.createVNode(stdin_default$1C, vue.mergeProps({
+      return vue.createVNode(stdin_default$1D, vue.mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -3115,7 +3115,7 @@ var stdin_default$1A = vue.defineComponent({
     }, [renderFooterButton()]);
     const renderCalendar = () => vue.createVNode("div", {
       "class": bem$1b()
-    }, [vue.createVNode(stdin_default$1B, {
+    }, [vue.createVNode(stdin_default$1C, {
       "title": props.title,
       "subtitle": subtitle.value,
       "showTitle": props.showTitle,
@@ -3137,8 +3137,7 @@ var stdin_default$1A = vue.defineComponent({
     vue.watch(() => props.show, init);
     vue.watch(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
     vue.watch(() => props.defaultDate, (value = null) => {
-      currentDate.value = value;
-      scrollToCurrentDate();
+      reset(value);
     });
     vue.watch(titleDate, (newValue) => {
       if (props.showType === "inline" && newValue) {
@@ -3171,7 +3170,7 @@ var stdin_default$1A = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$1A);
+const Calendar = withInstall(stdin_default$1B);
 function scrollLeftTo(scroller, to, duration) {
   let count = 0;
   const from = scroller.scrollLeft;
@@ -3244,7 +3243,7 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1z = vue.defineComponent({
+var stdin_default$1A = vue.defineComponent({
   name: name$1a,
   props: stickyProps,
   emits: ["scroll", "change"],
@@ -3350,9 +3349,9 @@ var stdin_default$1z = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1z);
+const Sticky = withInstall(stdin_default$1A);
 const [name$19, bem$18] = createNamespace("tab");
-var stdin_default$1y = vue.defineComponent({
+var stdin_default$1z = vue.defineComponent({
   name: name$19,
   props: {
     id: String,
@@ -3446,6 +3445,7 @@ var stdin_default$1y = vue.defineComponent({
       "aria-disabled": props.disabled || void 0,
       "aria-controls": props.controls
     }, [slots.prefix ? slots.prefix() : null, vue.createVNode("div", {
+      "class": bem$18("title"),
       "style": style.value
     }, [renderText()]), slots.suffix ? slots.suffix() : null]);
   }
@@ -3467,7 +3467,7 @@ const swipeProps = {
   title: Array
 };
 const SWIPE_KEY = Symbol(name$18);
-var stdin_default$1x = vue.defineComponent({
+var stdin_default$1y = vue.defineComponent({
   name: name$18,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
@@ -3826,9 +3826,9 @@ var stdin_default$1x = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1x);
+const Swipe = withInstall(stdin_default$1y);
 const [name$17, bem$16] = createNamespace("tabs");
-var stdin_default$1w = vue.defineComponent({
+var stdin_default$1x = vue.defineComponent({
   name: name$17,
   props: {
     count: makeRequiredProp(Number),
@@ -3908,7 +3908,7 @@ const tabsProps = {
   titleInactiveColor: String
 };
 const TABS_KEY = Symbol(name$16);
-var stdin_default$1v = vue.defineComponent({
+var stdin_default$1w = vue.defineComponent({
   name: name$16,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
@@ -4104,7 +4104,7 @@ var stdin_default$1v = vue.defineComponent({
       state.showLeftOverlay = Math.floor(target.scrollLeft) > 0;
       state.showRightOverlay = hasScrollToEnd(target);
     };
-    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1y, vue.mergeProps({
+    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1z, vue.mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -4242,7 +4242,7 @@ var stdin_default$1v = vue.defineComponent({
             "ref": navTopRef
           }, [(_a2 = slots["nav-top"]) == null ? void 0 : _a2.call(slots)]) : null, renderHeader(), (_b2 = slots["nav-bottom"]) == null ? void 0 : _b2.call(slots)];
         }
-      }) : [(_a = slots["nav-top"]) == null ? void 0 : _a.call(slots), renderHeader(), (_b = slots["nav-bottom"]) == null ? void 0 : _b.call(slots)], vue.createVNode(stdin_default$1w, {
+      }) : [(_a = slots["nav-top"]) == null ? void 0 : _a.call(slots), renderHeader(), (_b = slots["nav-bottom"]) == null ? void 0 : _b.call(slots)], vue.createVNode(stdin_default$1x, {
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -4263,7 +4263,7 @@ var stdin_default$1v = vue.defineComponent({
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
 const [name$15, bem$14] = createNamespace("swipe-item");
-var stdin_default$1u = vue.defineComponent({
+var stdin_default$1v = vue.defineComponent({
   name: name$15,
   setup(props, {
     slots
@@ -4335,7 +4335,7 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1u);
+const SwipeItem = withInstall(stdin_default$1v);
 const [name$14, bem$13] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
@@ -4347,7 +4347,7 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1t = vue.defineComponent({
+var stdin_default$1u = vue.defineComponent({
   name: name$14,
   props: tabProps,
   setup(props, {
@@ -4436,15 +4436,15 @@ var stdin_default$1t = vue.defineComponent({
     };
   }
 });
-const Tab = withInstall(stdin_default$1t);
-const Tabs = withInstall(stdin_default$1v);
+const Tab = withInstall(stdin_default$1u);
+const Tabs = withInstall(stdin_default$1w);
 const [name$13, bem$12] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$1s = vue.defineComponent({
+var stdin_default$1t = vue.defineComponent({
   name: name$13,
   props: dividerProps,
   setup(props, {
@@ -4463,7 +4463,7 @@ var stdin_default$1s = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$1s);
+const Divider = withInstall(stdin_default$1t);
 const [name$12, bem$11, t$6] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
@@ -4484,7 +4484,7 @@ const cascaderProps = {
   safeAreaInsetTop: Boolean,
   closeOnClickOverlay: truthProp
 };
-var stdin_default$1r = vue.defineComponent({
+var stdin_default$1s = vue.defineComponent({
   name: name$12,
   props: cascaderProps,
   emits: ["change", "finish", "clickTab", "update:modelValue", "update:show", "cancel"],
@@ -4674,7 +4674,7 @@ var stdin_default$1r = vue.defineComponent({
     }, {
       default: () => [tabs.value.map(renderTab)]
     });
-    const renderMenu = () => vue.createVNode(stdin_default$1G, {
+    const renderMenu = () => vue.createVNode(stdin_default$1H, {
       "class": bem$11("cancel"),
       "onClick": onCancel
     }, {
@@ -4733,7 +4733,7 @@ var stdin_default$1r = vue.defineComponent({
     };
   }
 });
-const Cascader = withInstall(stdin_default$1r);
+const Cascader = withInstall(stdin_default$1s);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -4853,7 +4853,7 @@ const cellSharedProps = {
   description: makeStringProp("")
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1q = vue.defineComponent({
+var stdin_default$1r = vue.defineComponent({
   name: name$11,
   props: cellProps,
   emits: ["click", "clear"],
@@ -5061,14 +5061,14 @@ var stdin_default$1q = vue.defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1q);
+const Cell = withInstall(stdin_default$1r);
 const [name$10, bem$$] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
-var stdin_default$1p = vue.defineComponent({
+var stdin_default$1q = vue.defineComponent({
   name: name$10,
   inheritAttrs: false,
   props: cellGroupProps,
@@ -5099,7 +5099,7 @@ var stdin_default$1p = vue.defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$1p);
+const CellGroup = withInstall(stdin_default$1q);
 const [name$$, bem$_] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
@@ -5110,7 +5110,7 @@ const checkboxGroupProps = {
   checkedColor: String
 };
 const CHECKBOX_GROUP_KEY = Symbol(name$$);
-var stdin_default$1o = vue.defineComponent({
+var stdin_default$1p = vue.defineComponent({
   name: name$$,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
@@ -5172,7 +5172,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1n = vue.defineComponent({
+var stdin_default$1o = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5281,7 +5281,7 @@ const checkboxProps = extend({}, checkerProps, {
     default: null
   }
 });
-var stdin_default$1m = vue.defineComponent({
+var stdin_default$1n = vue.defineComponent({
   name: name$_,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
@@ -5346,7 +5346,7 @@ var stdin_default$1m = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props.modelValue);
-    return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+    return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
       "bem": bem$Z,
       "role": "checkbox",
       "parent": parent,
@@ -5355,8 +5355,8 @@ var stdin_default$1m = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$1m);
-const CheckboxGroup = withInstall(stdin_default$1o);
+const Checkbox = withInstall(stdin_default$1n);
+const CheckboxGroup = withInstall(stdin_default$1p);
 const [name$Z, bem$Y] = createNamespace("row");
 const ROW_KEY = Symbol(name$Z);
 const rowProps = {
@@ -5366,7 +5366,7 @@ const rowProps = {
   gutter: makeNumericProp(0),
   justify: String
 };
-var stdin_default$1l = vue.defineComponent({
+var stdin_default$1m = vue.defineComponent({
   name: name$Z,
   props: rowProps,
   setup(props, {
@@ -5446,7 +5446,7 @@ const colProps = {
   span: makeNumericProp(0),
   offset: numericProp
 };
-var stdin_default$1k = vue.defineComponent({
+var stdin_default$1l = vue.defineComponent({
   name: name$Y,
   props: colProps,
   setup(props, {
@@ -5495,7 +5495,7 @@ var stdin_default$1k = vue.defineComponent({
     };
   }
 });
-const Col = withInstall(stdin_default$1k);
+const Col = withInstall(stdin_default$1l);
 const [name$X, bem$W] = createNamespace("collapse");
 const COLLAPSE_KEY = Symbol(name$X);
 const collapseProps = {
@@ -5517,7 +5517,7 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$1j = vue.defineComponent({
+var stdin_default$1k = vue.defineComponent({
   name: name$X,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
@@ -5595,7 +5595,7 @@ var stdin_default$1j = vue.defineComponent({
     };
   }
 });
-const Collapse = withInstall(stdin_default$1j);
+const Collapse = withInstall(stdin_default$1k);
 const [name$W, bem$V] = createNamespace("collapse-item");
 const collapseItemProps = extend({}, {
   name: numericProp,
@@ -5606,7 +5606,7 @@ const collapseItemProps = extend({}, {
   titleBackground: String,
   color: String
 });
-var stdin_default$1i = vue.defineComponent({
+var stdin_default$1j = vue.defineComponent({
   name: name$W,
   props: collapseItemProps,
   setup(props, {
@@ -5692,7 +5692,7 @@ var stdin_default$1i = vue.defineComponent({
         "class": bem$V("text", {
           custom: titleBackground
         })
-      }, [props.title]), vue.createVNode(stdin_default$1S, {
+      }, [props.title]), vue.createVNode(stdin_default$1T, {
         "name": "keyboard-arrow-down",
         "style": color ? `color:${color};` : "",
         "class": bem$V("icon", {
@@ -5722,8 +5722,8 @@ var stdin_default$1i = vue.defineComponent({
     }, [renderTitle(), renderContent()]);
   }
 });
-const CollapseItem = withInstall(stdin_default$1i);
-const ConfigProvider = withInstall(stdin_default$1T);
+const CollapseItem = withInstall(stdin_default$1j);
+const ConfigProvider = withInstall(stdin_default$1U);
 const [name$V, bem$U, t$5] = createNamespace("picker");
 const getFirstEnabledOption$1 = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType$1(columns, fields) {
@@ -5795,7 +5795,7 @@ const MOMENTUM_TIME$2 = 300;
 const MOMENTUM_DISTANCE$2 = 15;
 const [name$U, bem$T] = createNamespace("picker-column");
 const PICKER_KEY$1 = Symbol(name$U);
-var stdin_default$1h = vue.defineComponent({
+var stdin_default$1i = vue.defineComponent({
   name: name$U,
   props: {
     value: numericProp,
@@ -5999,7 +5999,7 @@ const pickerToolbarProps$1 = {
 };
 const pickerToolbarSlots$1 = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys$1 = Object.keys(pickerToolbarProps$1);
-var stdin_default$1g = vue.defineComponent({
+var stdin_default$1h = vue.defineComponent({
   name: name$T,
   props: pickerToolbarProps$1,
   emits: ["confirm", "cancel"],
@@ -6045,7 +6045,7 @@ const pickerOptionsProps = {
   columnCounts: makeNumberProp(3),
   options: makeArrayProp()
 };
-var stdin_default$1f = vue.defineComponent({
+var stdin_default$1g = vue.defineComponent({
   name: name$S,
   props: pickerOptionsProps,
   emits: ["change", "clickOption"],
@@ -6144,7 +6144,7 @@ const pickerProps = extend({}, pickerSharedProps$1, {
   showType: makeStringProp("default"),
   columnCounts: makeNumberProp(3)
 });
-var stdin_default$1e = vue.defineComponent({
+var stdin_default$1f = vue.defineComponent({
   name: name$V,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue", "update:showPicker"],
@@ -6237,7 +6237,7 @@ var stdin_default$1e = vue.defineComponent({
     };
     const updateShow = (value) => emit("update:showPicker", value);
     const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1h, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1i, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -6282,7 +6282,7 @@ var stdin_default$1e = vue.defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return vue.createVNode(stdin_default$1g, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        return vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots$1));
@@ -6349,7 +6349,7 @@ var stdin_default$1e = vue.defineComponent({
     };
     const renderOptionItems = () => {
       return currentColumns.value.map((options, columnIndex) => {
-        return vue.createVNode(stdin_default$1f, {
+        return vue.createVNode(stdin_default$1g, {
           "ref": pickerOptions,
           "value": selectedValues.value[columnIndex],
           "columnCounts": props.columnCounts,
@@ -6379,7 +6379,7 @@ var stdin_default$1e = vue.defineComponent({
     return () => {
       if (isButtonPicker.value) {
         if (props.popup) {
-          return vue.createVNode(stdin_default$1O, {
+          return vue.createVNode(stdin_default$1P, {
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
@@ -6391,7 +6391,7 @@ var stdin_default$1e = vue.defineComponent({
         return renderTiledPicker();
       } else {
         if (props.popup) {
-          return vue.createVNode(stdin_default$1O, {
+          return vue.createVNode(stdin_default$1P, {
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
@@ -6447,9 +6447,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   return value;
 });
-const Picker = withInstall(stdin_default$1e);
-var stdin_default$1d = Picker;
-var stdin_default$1c = vue.defineComponent({
+const Picker = withInstall(stdin_default$1f);
+var stdin_default$1e = Picker;
+var stdin_default$1d = vue.defineComponent({
   name: "Arrow",
   emits: ["click"],
   setup(_, {
@@ -6476,7 +6476,7 @@ const TIME_PICKER_KEY = Symbol(name$R);
 const MOMENTUM_TIME$1 = 300;
 const MOMENTUM_DISTANCE$1 = 15;
 const DEFAULT_DURATION$1 = 200;
-var stdin_default$1b = vue.defineComponent({
+var stdin_default$1c = vue.defineComponent({
   name: name$R,
   props: {
     value: numericProp,
@@ -6651,10 +6651,10 @@ var stdin_default$1b = vue.defineComponent({
       currentDuration.value = DEFAULT_DURATION$1;
       updateValueByIndex(isUp ? index - 1 : index + 1);
     };
-    const renderArrow = () => [vue.createVNode(stdin_default$1c, {
+    const renderArrow = () => [vue.createVNode(stdin_default$1d, {
       "class": bem$R("arrow-top"),
       "onClick": () => onArrowClick(true)
-    }, null), vue.createVNode(stdin_default$1c, {
+    }, null), vue.createVNode(stdin_default$1d, {
       "class": bem$R("arrow-bottom"),
       "onClick": () => onArrowClick(false)
     }, null)];
@@ -6709,7 +6709,7 @@ const timePickerProps = extend({}, sharedProps, {
     default: () => ["hour", "minute"]
   }
 });
-var stdin_default$1a = vue.defineComponent({
+var stdin_default$1b = vue.defineComponent({
   name: name$Q,
   props: timePickerProps,
   emits: ["clickOption", "change", "update:modelValue"],
@@ -6784,7 +6784,7 @@ var stdin_default$1a = vue.defineComponent({
       currentOption
     }, getEventParams()));
     const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(vue.Fragment, null, [vue.createVNode(stdin_default$1b, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(vue.Fragment, null, [vue.createVNode(stdin_default$1c, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -6853,8 +6853,8 @@ var stdin_default$1a = vue.defineComponent({
     }, [renderColumns()]);
   }
 });
-const TimePicker = withInstall(stdin_default$1a);
-var stdin_default$19 = TimePicker;
+const TimePicker = withInstall(stdin_default$1b);
+var stdin_default$1a = TimePicker;
 const [name$P, bem$P] = createNamespace("date-time-picker-wrapper");
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const dateTimePickerProps = extend({}, sharedProps, popupSharedProps, {
@@ -6878,7 +6878,7 @@ const dateTimePickerProps = extend({}, sharedProps, popupSharedProps, {
   startValue: makeArrayProp(),
   endValue: makeArrayProp()
 });
-var stdin_default$18 = vue.defineComponent({
+var stdin_default$19 = vue.defineComponent({
   name: name$P,
   props: dateTimePickerProps,
   emits: ["change", "update:modelValue"],
@@ -7073,7 +7073,7 @@ var stdin_default$18 = vue.defineComponent({
     });
     const hasDateColumn = props.columnsType.includes("year") || props.columnsType.includes("month") || props.columnsType.includes("day");
     const hasTimeColumn = props.columnsType.includes("hour") || props.columnsType.includes("minute") || props.columnsType.includes("second");
-    const renderTimePicker = () => vue.createVNode(stdin_default$19, {
+    const renderTimePicker = () => vue.createVNode(stdin_default$1a, {
       "modelValue": timeValuesRef.value,
       "onUpdate:modelValue": ($event) => timeValuesRef.value = $event,
       "columnsUnit": timeUnits.value,
@@ -7084,7 +7084,7 @@ var stdin_default$18 = vue.defineComponent({
       "class": bem$P()
     }, [hasDateColumn ? vue.createVNode(Divider, {
       "style": "margin: 0"
-    }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$1d, vue.mergeProps({
+    }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$1e, vue.mergeProps({
       "popup": false,
       "columnsUnit": dateUnits.value,
       "modelValue": dateValuesRef.value,
@@ -7099,7 +7099,7 @@ var stdin_default$18 = vue.defineComponent({
   }
 });
 const [name$O, bem$O] = createNamespace("date-time-picker");
-var stdin_default$17 = vue.defineComponent({
+var stdin_default$18 = vue.defineComponent({
   name: name$O,
   props: dateTimePickerProps,
   emits: ["confirm", "cancel", "change", "startChange", "endChange", "update:show", "update:modelValue", "update:startValue", "update:endValue"],
@@ -7237,6 +7237,21 @@ var stdin_default$17 = vue.defineComponent({
         }
       }
     };
+    vue.watch(() => props.modelValue, onOpen, {
+      deep: true
+    });
+    vue.watch(() => props.startValue, () => {
+      currentStartValue.value = props.startValue;
+      currentStartText.value = genOriginValueText(props.startValue);
+    }, {
+      deep: true
+    });
+    vue.watch(() => props.endValue, () => {
+      currentEndValue.value = props.endValue;
+      currentEndText.value = genOriginValueText(props.endValue);
+    }, {
+      deep: true
+    });
     const renderTitle = () => {
       if (!props.range) {
         return vue.createVNode("div", {
@@ -7285,7 +7300,7 @@ var stdin_default$17 = vue.defineComponent({
     };
     const renderPicker = () => {
       if (!props.range) {
-        return vue.createVNode(stdin_default$18, vue.mergeProps({
+        return vue.createVNode(stdin_default$19, vue.mergeProps({
           "ref": currentPickerRef,
           "modelValue": props.modelValue,
           "onUpdate:modelValue": ($event) => props.modelValue = $event,
@@ -7297,7 +7312,7 @@ var stdin_default$17 = vue.defineComponent({
           showTitle: false
         })), null);
       }
-      return [vue.withDirectives(vue.createVNode(stdin_default$18, vue.mergeProps({
+      return [vue.withDirectives(vue.createVNode(stdin_default$19, vue.mergeProps({
         "ref": currentStartPickerRef,
         "modelValue": props.startValue,
         "onUpdate:modelValue": ($event) => props.startValue = $event,
@@ -7307,7 +7322,7 @@ var stdin_default$17 = vue.defineComponent({
         "minDate": props.minDate
       }, extend(pick(props, pickerInheritKeys), {
         showTitle: false
-      })), null), [[vue.vShow, rangeSelectedIndex.value === 0]]), vue.withDirectives(vue.createVNode(stdin_default$18, vue.mergeProps({
+      })), null), [[vue.vShow, rangeSelectedIndex.value === 0]]), vue.withDirectives(vue.createVNode(stdin_default$19, vue.mergeProps({
         "ref": currentEndPickerRef,
         "modelValue": props.endValue,
         "onUpdate:modelValue": ($event) => props.endValue = $event,
@@ -7321,15 +7336,15 @@ var stdin_default$17 = vue.defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return [vue.createVNode(stdin_default$1s, {
+        return [vue.createVNode(stdin_default$1t, {
           "style": "margin: 0"
-        }, null), vue.createVNode(stdin_default$1g, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        }, null), vue.createVNode(stdin_default$1h, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": onConfirm,
           "onCancel": onCancel
         }), pick(slots, pickerToolbarSlots$1))];
       }
     };
-    return () => vue.createVNode(stdin_default$1P, {
+    return () => vue.createVNode(stdin_default$1Q, {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
@@ -7340,7 +7355,7 @@ var stdin_default$17 = vue.defineComponent({
     });
   }
 });
-const DateTimePicker = withInstall(stdin_default$17);
+const DateTimePicker = withInstall(stdin_default$18);
 const [name$N, bem$N, t$4] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
@@ -7365,7 +7380,7 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$16 = vue.defineComponent({
+var stdin_default$17 = vue.defineComponent({
   name: name$N,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
@@ -7579,7 +7594,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$16, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$17, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -7617,7 +7632,7 @@ const closeDialog = () => {
     instance$2.toggle(false);
   }
 };
-const Dialog = withInstall(stdin_default$16);
+const Dialog = withInstall(stdin_default$17);
 const [name$M, bem$M] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
@@ -7668,7 +7683,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$15 = vue.defineComponent({
+var stdin_default$16 = vue.defineComponent({
   name: name$M,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -8125,7 +8140,7 @@ var stdin_default$15 = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$15);
+const Field = withInstall(stdin_default$16);
 const [name$L, bem$L] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   shape: makeStringProp("round"),
@@ -8139,7 +8154,7 @@ const searchProps = extend({}, fieldSharedProps, {
   actionText: String,
   showAction: Boolean
 });
-var stdin_default$14 = vue.defineComponent({
+var stdin_default$15 = vue.defineComponent({
   name: name$L,
   props: searchProps,
   emits: [
@@ -8252,8 +8267,8 @@ var stdin_default$14 = vue.defineComponent({
     };
   }
 });
-const Search = withInstall(stdin_default$14);
-var stdin_default$13 = Search;
+const Search = withInstall(stdin_default$15);
+var stdin_default$14 = Search;
 const parseNumber = (obj, defaultValue = 0) => {
   let result = parseInt(obj, 10);
   if (isNaN(result)) {
@@ -8289,7 +8304,7 @@ const tagProps = {
   stamp: Boolean,
   stampDiameter: makeNumberProp(60)
 };
-var stdin_default$12 = vue.defineComponent({
+var stdin_default$13 = vue.defineComponent({
   name: name$K,
   props: tagProps,
   emits: ["close"],
@@ -8346,7 +8361,7 @@ var stdin_default$12 = vue.defineComponent({
       }, null);
       const LeftIcon = () => {
         if (props.image) {
-          return vue.createVNode(stdin_default$1I, {
+          return vue.createVNode(stdin_default$1J, {
             "class": bem$K("image"),
             "src": props.image
           }, null);
@@ -8413,8 +8428,8 @@ var stdin_default$12 = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$12);
-var stdin_default$11 = Tag;
+const Tag = withInstall(stdin_default$13);
+var stdin_default$12 = Tag;
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;
@@ -8440,9 +8455,11 @@ const drawerSelectProps = {
   expandAll: {
     type: Boolean,
     default: false
-  }
+  },
+  defaultSelectNode: Object,
+  activeClassName: makeStringProp("")
 };
-var stdin_default$10 = vue.defineComponent({
+var stdin_default$11 = vue.defineComponent({
   name: name$J,
   props: drawerSelectProps,
   emits: ["change", "select"],
@@ -8451,7 +8468,7 @@ var stdin_default$10 = vue.defineComponent({
   }) {
     const keyword = vue.ref("");
     const expandNode = vue.ref();
-    const selectNode = vue.ref();
+    const selectNode = vue.ref(props.defaultSelectNode);
     const flatArray = vue.ref([]);
     const show = vue.ref(false);
     const searchRef = vue.ref();
@@ -8629,7 +8646,7 @@ var stdin_default$10 = vue.defineComponent({
         "onClick": () => item.expand = !item.expand
       }, [vue.createVNode("span", {
         "class": [bem$J("label--placeholder")]
-      }, [children2.length > 0 && vue.createVNode(stdin_default$1R, {
+      }, [children2.length > 0 && vue.createVNode(stdin_default$1S, {
         "name": "play-small",
         "class": [bem$J("label--icon", {
           active: item.expand
@@ -8650,6 +8667,7 @@ var stdin_default$10 = vue.defineComponent({
     const renderItem = (item) => {
       var _a, _b;
       const empty = isEmpty(item);
+      const active = empty && ((_a = selectNode.value) == null ? void 0 : _a.value) == item[fields.value.value];
       return vue.createVNode("div", {
         "onClick": (e) => {
           e.stopPropagation();
@@ -8660,7 +8678,7 @@ var stdin_default$10 = vue.defineComponent({
         "class": [bem$J("item--header")]
       }, [vue.createVNode("span", {
         "class": [bem$J("item--placeholder")]
-      }, [!empty && vue.createVNode(stdin_default$1R, {
+      }, [!empty && vue.createVNode(stdin_default$1S, {
         "name": "play-small",
         "class": [bem$J("item--icon", {
           active: item.checked
@@ -8668,8 +8686,10 @@ var stdin_default$10 = vue.defineComponent({
         "size": "20"
       }, null)]), vue.createVNode("div", {
         "class": [bem$J("item--label", {
-          active: empty && ((_a = selectNode.value) == null ? void 0 : _a.value) == item[fields.value.value]
-        }), "zt-hairline--top"]
+          active
+        }), "zt-hairline--top", {
+          [props.activeClassName]: active
+        }]
       }, [item[fields.value.text]])]), vue.createVNode("div", {
         "class": [bem$J("item--child")]
       }, [!empty && item.checked && ((_b = item[fields.value.children]) == null ? void 0 : _b.map(renderItem))])]);
@@ -8696,7 +8716,7 @@ var stdin_default$10 = vue.defineComponent({
       }, [vue.createVNode("div", {
         "class": [bem$J("search")],
         "ref": searchRef
-      }, [vue.createVNode(stdin_default$13, {
+      }, [vue.createVNode(stdin_default$14, {
         "modelValue": keyword.value,
         "onUpdate:modelValue": [($event) => keyword.value = $event, onSearch],
         "placeholder": props.placeholder,
@@ -8710,7 +8730,7 @@ var stdin_default$10 = vue.defineComponent({
         "style": {
           top: `${offset.value}px`
         }
-      }, [vue.createVNode(stdin_default$1O, {
+      }, [vue.createVNode(stdin_default$1P, {
         "class": [bem$J("popup")],
         "position": "top",
         "show": show.value,
@@ -8736,7 +8756,7 @@ var stdin_default$10 = vue.defineComponent({
           "class": [bem$J("history--title"), "zt-hairline--bottom"]
         }, [vue.createTextVNode("搜索历史")]), vue.createVNode("div", {
           "class": [bem$J("history--content")]
-        }, [historyList.value.map((item) => vue.createVNode(stdin_default$11, {
+        }, [historyList.value.map((item) => vue.createVNode(stdin_default$12, {
           "onClick": () => onHistoryClick(item),
           "round": true,
           "text-color": "var(--zt-gray-a8)",
@@ -8746,7 +8766,7 @@ var stdin_default$10 = vue.defineComponent({
         }))]), vue.createVNode("div", {
           "class": [bem$J("history--clear")],
           "onClick": onClearHistory
-        }, [vue.createVNode(stdin_default$1R, {
+        }, [vue.createVNode(stdin_default$1S, {
           "name": "delete",
           "size": "20"
         }, null), vue.createTextVNode("清空搜索历史")])]), historyList.value.length === 0 && vue.createVNode("div", {
@@ -8777,7 +8797,7 @@ var stdin_default$10 = vue.defineComponent({
     };
   }
 });
-const DrawerSelect = withInstall(stdin_default$10);
+const DrawerSelect = withInstall(stdin_default$11);
 const [name$I, bem$I] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
@@ -8789,7 +8809,7 @@ const dropdownMenuProps = {
   closeOnClickOverlay: truthProp
 };
 const DROPDOWN_KEY = Symbol(name$I);
-var stdin_default$$ = vue.defineComponent({
+var stdin_default$10 = vue.defineComponent({
   name: name$I,
   props: dropdownMenuProps,
   setup(props, {
@@ -8856,6 +8876,7 @@ var stdin_default$$ = vue.defineComponent({
       if (item.$slots.header) {
         return item.$slots.header(item);
       }
+      const itemTitle = item.renderTitle();
       return vue.createVNode("div", {
         "id": `${id}-${index}`,
         "role": "button",
@@ -8881,7 +8902,9 @@ var stdin_default$$ = vue.defineComponent({
       }, [vue.createVNode("div", {
         "class": "zt-ellipsis",
         "style": "padding-right: 18px"
-      }, [slots.title || item.renderTitle(), slots.icon || vue.createVNode(stdin_default$1R, {
+      }, [slots.title || (itemTitle ? itemTitle : vue.createVNode("div", {
+        "class": [bem$I("placeholder")]
+      }, [item.placeholder])), slots.icon || vue.createVNode(stdin_default$1S, {
         "class": bem$I("icon"),
         "name": "spinner-expand"
       }, null)])])]);
@@ -8924,9 +8947,11 @@ const dropdownItemProps = {
   modelValueArray: makeArrayProp(),
   titleClass: unknownProp,
   multiSelect: Boolean,
-  itemLabel: String
+  itemLabel: String,
+  placeholder: makeStringProp("未选择"),
+  resetDefaultValue: makeArrayProp()
 };
-var stdin_default$_ = vue.defineComponent({
+var stdin_default$$ = vue.defineComponent({
   name: name$H,
   inheritAttrs: false,
   props: dropdownItemProps,
@@ -8981,10 +9006,9 @@ var stdin_default$_ = vue.defineComponent({
       }
     };
     const onClickReset = () => {
-      props.options.forEach((item) => {
-        item.selected = false;
-      });
+      var _a;
       modelArray.splice(0);
+      modelArray.push(...(_a = props.resetDefaultValue) != null ? _a : []);
       state.showPopup = false;
       emit("reset");
     };
@@ -9020,7 +9044,7 @@ var stdin_default$_ = vue.defineComponent({
         if (title.length > 0) {
           title = title.substring(0, title.length - 1);
         }
-        return title || "未选择";
+        return title;
       }
       const match = props.options.find((option) => option[fields.value.value] === props.modelValue);
       return match ? match[fields.value.text] : "";
@@ -9033,8 +9057,11 @@ var stdin_default$_ = vue.defineComponent({
       const text = option[fields.value.text];
       let active = false;
       if (props.multiSelect) {
-        if (option.selected) {
+        if (modelArray == null ? void 0 : modelArray.includes(value)) {
           active = true;
+          option.selected = true;
+        } else {
+          option.selected = false;
         }
       } else {
         active = value === props.modelValue;
@@ -9042,12 +9069,10 @@ var stdin_default$_ = vue.defineComponent({
       const onClick = () => {
         if (props.multiSelect) {
           if (option.selected) {
-            option.selected = false;
             modelArray.splice(modelArray.indexOf(value), 1);
             emit("update:modelValue", -value);
             emit("change", -value);
           } else {
-            option.selected = true;
             modelArray.push(value);
             emit("update:modelValue", value);
             emit("change", value);
@@ -9217,9 +9242,9 @@ var stdin_default$_ = vue.defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$_);
-const DropdownMenu = withInstall(stdin_default$$);
-const renderNotFound = (bem2) => vue.createVNode("svg", {
+const DropdownItem = withInstall(stdin_default$$);
+const DropdownMenu = withInstall(stdin_default$10);
+const renderNotFound = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9228,7 +9253,7 @@ const renderNotFound = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "iwtsazmcp__0l3luddeua"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color-gradient"),
   "stop-opacity": ".1",
@@ -9242,7 +9267,7 @@ const renderNotFound = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "iwtsazmcp__fsa5v33ucb"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9256,7 +9281,7 @@ const renderNotFound = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "iwtsazmcp__zyelz8r8tc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9319,14 +9344,14 @@ const renderNotFound = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M120,68 C124.418278,68 128,71.581722 128,76 L128,124 C128,128.418278 124.418278,132 120,132 L88,132 C84.2724501,132 81.1403373,129.450631 80.2521271,126.000358 L99,126 C107.836556,126 115,118.836556 115,110 L114.999127,68 L120,68 Z",
-  "fill": "url(#iwtsazmcp__0l3luddeua)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M16,4 L56,4 C62.627417,4 68,9.372583 68,16 L68,80 C68,86.627417 62.627417,92 56,92 L16,92 C9.372583,92 4,86.627417 4,80 L4,16 C4,9.372583 9.372583,4 16,4 Z",
-  "fill": "url(#iwtsazmcp__fsa5v33ucb)",
+  "fill": getUrlById(2),
   "transform": "translate(43 30)"
 }, null), vue.createVNode("path", {
   "d": "M56,0 C64.836556,0 72,7.163444 72,16 L72,80 C72,88.836556 64.836556,96 56,96 L16,96 C7.163444,96 0,88.836556 0,80 L0,16 C0,7.163444 7.163444,0 16,0 L56,0 Z M48,12 C48,14.209139 46.209139,16 44,16 L28,16 C25.790861,16 24,14.209139 24,12 L24,8 L16,8 C11.581722,8 8,11.581722 8,16 L8,80 C8,84.418278 11.581722,88 16,88 L56,88 C60.418278,88 64,84.418278 64,80 L64,16 C64,11.581722 60.418278,8 56,8 L48,8 L48,12 Z",
-  "fill": "url(#iwtsazmcp__zyelz8r8tc)",
+  "fill": getUrlById(3),
   "transform": "translate(43 30)"
 }, null), vue.createVNode("g", {
   "transform": "translate(43 30)"
@@ -9347,7 +9372,7 @@ const renderNotFound = (bem2) => vue.createVNode("svg", {
   "fill": "#FFF",
   "xlink:href": "#iwtsazmcp__qni97e1yqg"
 }, null)])])]);
-const renderServerError = (bem2) => vue.createVNode("svg", {
+const renderServerError = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9356,7 +9381,7 @@ const renderServerError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "7kkq7j5p7__15jshfc70a"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color-gradient"),
   "stop-opacity": ".1",
@@ -9370,7 +9395,7 @@ const renderServerError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "7kkq7j5p7__99j8u0oreb"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9384,7 +9409,7 @@ const renderServerError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "7kkq7j5p7__6mkfsut7ac"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9446,13 +9471,13 @@ const renderServerError = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M118,68 C122.418278,68 126,71.581722 126,76 L126,124 C126,128.418278 122.418278,132 118,132 L86,132 C82.2724501,132 79.1403373,129.450631 78.2521271,126.000358 L97,126 C105.836556,126 113,118.836556 113,110 L112.999127,68 L118,68 Z",
-  "fill": "url(#7kkq7j5p7__15jshfc70a)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M57,34 L97,34 C103.627417,34 109,39.372583 109,46 L109,110 C109,116.627417 103.627417,122 97,122 L57,122 C50.372583,122 45,116.627417 45,110 L45,46 C45,39.372583 50.372583,34 57,34 Z",
-  "fill": "url(#7kkq7j5p7__99j8u0oreb)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M97,30 C105.836556,30 113,37.163444 113,46 L113,110 C113,118.836556 105.836556,126 97,126 L57,126 C48.163444,126 41,118.836556 41,110 L41,46 C41,37.163444 48.163444,30 57,30 L97,30 Z M89,42 C89,44.209139 87.209139,46 85,46 L69,46 C66.790861,46 65,44.209139 65,42 L65,38 L57,38 C52.581722,38 49,41.581722 49,46 L49,110 C49,114.418278 52.581722,118 57,118 L97,118 C101.418278,118 105,114.418278 105,110 L105,46 C105,41.581722 101.418278,38 97,38 L89,38 L89,42 Z",
-  "fill": "url(#7kkq7j5p7__6mkfsut7ac)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", {
   "transform": "translate(53.42222 65.5)"
 }, [vue.createVNode("use", {
@@ -9472,7 +9497,7 @@ const renderServerError = (bem2) => vue.createVNode("svg", {
   "fill": "#FFF",
   "xlink:href": "#7kkq7j5p7__45z80jbylg"
 }, null)])])]);
-const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
+const renderAccessRestricted = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9481,7 +9506,7 @@ const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "osn32hg6k__gjst0w01ba"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -9495,7 +9520,7 @@ const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "osn32hg6k__1f6krzwf2b"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9509,7 +9534,7 @@ const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "osn32hg6k__gdmvw9w4yc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9546,13 +9571,13 @@ const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#osn32hg6k__gjst0w01ba)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#osn32hg6k__1f6krzwf2b)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#osn32hg6k__gdmvw9w4yc)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
   "filter": "url(#osn32hg6k__96p18i5xad)",
@@ -9561,7 +9586,7 @@ const renderAccessRestricted = (bem2) => vue.createVNode("svg", {
   "fill": "#FFF",
   "xlink:href": "#osn32hg6k__2vtr6xgyge"
 }, null)])])]);
-const renderDeveloping = (bem2) => vue.createVNode("svg", {
+const renderDeveloping = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9570,7 +9595,7 @@ const renderDeveloping = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "0rplvus3a__oscf81e1aa"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -9584,7 +9609,7 @@ const renderDeveloping = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "0rplvus3a__azrppckntb"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9596,7 +9621,7 @@ const renderDeveloping = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "0rplvus3a__9ocf4qkfyc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9635,15 +9660,15 @@ const renderDeveloping = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M30.9499998,77 L57.0500002,77 C59.7838096,77 62,79.2161904 62,81.9499998 L62,82.0500002 C62,84.7838096 59.7838096,87 57.0500002,87 L30.9499998,87 C28.2161904,87 26,84.7838096 26,82.0500002 L26,81.9499998 C26,79.2161904 28.2161904,77 30.9499998,77 Z",
-  "fill": "url(#0rplvus3a__oscf81e1aa)",
+  "fill": getUrlById(1),
   "transform": "translate(36 37)"
 }, null), vue.createVNode("path", {
   "d": "M79,1.42108547e-14 C83.8011292,1.42108547e-14 88,4.20251975 88,9 L88,54 C88,62.9808979 80.9869924,70 72,70 L16,70 C7.01300757,70 0,62.9808979 0,54 L0,9 C0,4.20251975 4.19887078,1.42108547e-14 9,1.42108547e-14 L79,1.42108547e-14 Z M79,18 L9,18 C8.62504067,18 8,18.62538 8,19 L8,54 C8,58.5604098 11.4377237,62 16,62 L72,62 C76.5622763,62 80,58.5604098 80,54 L80,19 C80,18.62538 79.3749593,18 79,18 Z",
-  "fill": "url(#0rplvus3a__azrppckntb)",
+  "fill": getUrlById(2),
   "transform": "translate(36 37)"
 }, null), vue.createVNode("path", {
   "d": "M78.5842697,18 L9.41573034,18 C8.63384406,18 8,18.62538 8,19.3968254 L8,54.3174603 C8,58.5604098 11.4861423,62 15.7865169,62 L72.2134831,62 C76.5138577,62 80,58.5604098 80,54.3174603 L80,19.3968254 C80,18.62538 79.3661559,18 78.5842697,18 Z",
-  "fill": "url(#0rplvus3a__9ocf4qkfyc)",
+  "fill": getUrlById(3),
   "transform": "translate(36 37)"
 }, null), vue.createVNode("path", {
   "d": "M11,12 C12.6568542,12 14,10.6568542 14,9 C14,7.34314575 12.6568542,6 11,6 C9.34314575,6 8,7.34314575 8,9 C8,10.6568542 9.34314575,12 11,12 Z M20,12 C21.6568542,12 23,10.6568542 23,9 C23,7.34314575 21.6568542,6 20,6 C18.3431458,6 17,7.34314575 17,9 C17,10.6568542 18.3431458,12 20,12 Z M29,12 C30.6568542,12 32,10.6568542 32,9 C32,7.34314575 30.6568542,6 29,6 C27.3431458,6 26,7.34314575 26,9 C26,10.6568542 27.3431458,12 29,12 Z",
@@ -9659,7 +9684,7 @@ const renderDeveloping = (bem2) => vue.createVNode("svg", {
   "fill": "#FFF",
   "xlink:href": "#0rplvus3a__7t0ftckj4e"
 }, null)])])]);
-const renderNetworkError = (bem2) => vue.createVNode("svg", {
+const renderNetworkError = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9668,7 +9693,7 @@ const renderNetworkError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "xg345q5xi__5lbyx15b5b"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color-gradient"),
   "stop-opacity": "0",
@@ -9682,7 +9707,7 @@ const renderNetworkError = (bem2) => vue.createVNode("svg", {
   "y1": "0%",
   "x2": "50%",
   "y2": "100%",
-  "id": "xg345q5xi__ty8l0w0aga"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color-gradient"),
   "offset": "0%"
@@ -9723,9 +9748,9 @@ const renderNetworkError = (bem2) => vue.createVNode("svg", {
   "opacity": ".24220203"
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "stroke": "url(#xg345q5xi__ty8l0w0aga)",
+  "stroke": getUrlById(2),
   "stroke-width": "8",
-  "fill": "url(#xg345q5xi__5lbyx15b5b)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
   "filter": "url(#xg345q5xi__ky1vat27oc)",
@@ -9748,7 +9773,7 @@ const renderNetworkError = (bem2) => vue.createVNode("svg", {
   "height": "16",
   "rx": "4"
 }, null)])]);
-const renderEmptyResult = (bem2) => vue.createVNode("svg", {
+const renderEmptyResult = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9757,7 +9782,7 @@ const renderEmptyResult = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__fj6f5739ra"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -9771,7 +9796,7 @@ const renderEmptyResult = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__u8bce9jl0b"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9785,7 +9810,7 @@ const renderEmptyResult = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__1yqn57bztc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9822,13 +9847,13 @@ const renderEmptyResult = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#cgogdnfso__fj6f5739ra)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#cgogdnfso__u8bce9jl0b)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#cgogdnfso__1yqn57bztc)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
   "filter": "url(#cgogdnfso__7fi3sy00cd)",
@@ -9837,7 +9862,7 @@ const renderEmptyResult = (bem2) => vue.createVNode("svg", {
   "fill": "#FFF",
   "xlink:href": "#cgogdnfso__sffqrzc91e"
 }, null)])])]);
-const renderFindNull = (bem2) => vue.createVNode("svg", {
+const renderFindNull = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9846,7 +9871,7 @@ const renderFindNull = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__fj6f5739ra"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -9860,7 +9885,7 @@ const renderFindNull = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__u8bce9jl0b"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9874,7 +9899,7 @@ const renderFindNull = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "cgogdnfso__1yqn57bztc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9887,7 +9912,7 @@ const renderFindNull = (bem2) => vue.createVNode("svg", {
   "width": "181.2%",
   "height": "183.9%",
   "filterUnits": "objectBoundingBox",
-  "id": "cgogdnfso__7fi3sy00cd"
+  "id": getId(4)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -9911,22 +9936,22 @@ const renderFindNull = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#cgogdnfso__fj6f5739ra)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#cgogdnfso__u8bce9jl0b)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#cgogdnfso__1yqn57bztc)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#cgogdnfso__7fi3sy00cd)",
+  "filter": getUrlById(4),
   "xlink:href": "#cgogdnfso__sffqrzc91e"
 }, null), vue.createVNode("use", {
   "fill": "#FFF",
   "xlink:href": "#cgogdnfso__sffqrzc91e"
 }, null)])])]);
-const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
+const renderEmptyInterface = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -9935,7 +9960,7 @@ const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "6t7l7j7ds__wirruftrqa"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -9949,7 +9974,7 @@ const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "6t7l7j7ds__j7hvusgxab"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -9963,7 +9988,7 @@ const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "6t7l7j7ds__joal40yxdc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -9976,7 +10001,7 @@ const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
   "width": "172.2%",
   "height": "425%",
   "filterUnits": "objectBoundingBox",
-  "id": "6t7l7j7ds__39x4ds797d"
+  "id": getId(4)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -10000,22 +10025,22 @@ const renderEmptyInterface = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#6t7l7j7ds__wirruftrqa)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#6t7l7j7ds__j7hvusgxab)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#6t7l7j7ds__joal40yxdc)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#6t7l7j7ds__39x4ds797d)",
+  "filter": getUrlById(4),
   "xlink:href": "#6t7l7j7ds__41nn7lg6ve"
 }, null), vue.createVNode("use", {
   "fill": "#FFF",
   "xlink:href": "#6t7l7j7ds__41nn7lg6ve"
 }, null)])])]);
-const renderReportSuccess = (bem2) => vue.createVNode("svg", {
+const renderReportSuccess = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -10024,7 +10049,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "h3r8rva5d__eew5rymana"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -10038,7 +10063,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "h3r8rva5d__92vm2xo10b"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -10052,7 +10077,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "h3r8rva5d__hy0jyvrkqc"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -10065,7 +10090,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "width": "169.6%",
   "height": "168.4%",
   "filterUnits": "objectBoundingBox",
-  "id": "h3r8rva5d__z54fmdxnmd"
+  "id": getId(4)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -10083,7 +10108,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "width": "220%",
   "height": "220%",
   "filterUnits": "objectBoundingBox",
-  "id": "h3r8rva5d__zhi8u4oqbf"
+  "id": getId(5)
 }, [vue.createVNode("feOffset", {
   "dy": "3",
   "in": "SourceGraphic",
@@ -10110,16 +10135,16 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#h3r8rva5d__eew5rymana)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#h3r8rva5d__92vm2xo10b)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#h3r8rva5d__hy0jyvrkqc)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#h3r8rva5d__z54fmdxnmd)",
+  "filter": getUrlById(4),
   "xlink:href": "#h3r8rva5d__d7rd04hahe"
 }, null), vue.createVNode("use", {
   "fill": "#FFF",
@@ -10128,7 +10153,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "transform": "translate(78 77)"
 }, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#h3r8rva5d__zhi8u4oqbf)",
+  "filter": getUrlById(5),
   "xlink:href": "#h3r8rva5d__jk95ntyavg"
 }, null), vue.createVNode("use", {
   "fill": "#28CD78",
@@ -10139,7 +10164,7 @@ const renderReportSuccess = (bem2) => vue.createVNode("svg", {
   "fill-rule": "nonzero",
   "transform": "translate(78 77)"
 }, null)])]);
-const renderReportError = (bem2) => vue.createVNode("svg", {
+const renderReportError = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -10148,7 +10173,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "hjjrs2jmp__jc920q6pda"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -10162,7 +10187,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "hjjrs2jmp__sst8kz92tb"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -10176,7 +10201,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "hjjrs2jmp__z0qr0ea01c"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -10189,7 +10214,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "width": "169.6%",
   "height": "168.4%",
   "filterUnits": "objectBoundingBox",
-  "id": "hjjrs2jmp__mlg5ragdid"
+  "id": getId(4)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -10207,7 +10232,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "width": "170%",
   "height": "170%",
   "filterUnits": "objectBoundingBox",
-  "id": "hjjrs2jmp__6snr8pwn9f"
+  "id": getId(5)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -10234,16 +10259,16 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#hjjrs2jmp__jc920q6pda)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#hjjrs2jmp__sst8kz92tb)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#hjjrs2jmp__z0qr0ea01c)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#hjjrs2jmp__mlg5ragdid)",
+  "filter": getUrlById(4),
   "xlink:href": "#hjjrs2jmp__inq21tde9e"
 }, null), vue.createVNode("use", {
   "fill": "#FFF",
@@ -10252,7 +10277,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "transform": "translate(78 77)"
 }, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#hjjrs2jmp__6snr8pwn9f)",
+  "filter": getUrlById(5),
   "xlink:href": "#hjjrs2jmp__l8g1n1l71g"
 }, null), vue.createVNode("use", {
   "fill": "#FF5023",
@@ -10263,7 +10288,7 @@ const renderReportError = (bem2) => vue.createVNode("svg", {
   "fill-rule": "nonzero",
   "transform": "translate(78 77)"
 }, null)])]);
-const renderNoCollect = (bem2) => vue.createVNode("svg", {
+const renderNoCollect = (bem2, getId, getUrlById) => vue.createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
   "class": "design-iconfont"
@@ -10272,7 +10297,7 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "4roobwtpf__prfnix21ja"
+  "id": getId(1)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": ".1",
@@ -10286,7 +10311,7 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "4roobwtpf__8kugdsm5kb"
+  "id": getId(2)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "stop-opacity": "0",
@@ -10300,7 +10325,7 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "y1": "100%",
   "x2": "50%",
   "y2": "0%",
-  "id": "4roobwtpf__j168jpsc5c"
+  "id": getId(3)
 }, [vue.createVNode("stop", {
   "class": bem2("svg-defs-stop-color"),
   "offset": "0%"
@@ -10313,7 +10338,7 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "width": "182.1%",
   "height": "186.4%",
   "filterUnits": "objectBoundingBox",
-  "id": "4roobwtpf__ydijz0bb9d"
+  "id": getId(4)
 }, [vue.createVNode("feOffset", {
   "dy": "2",
   "in": "SourceGraphic",
@@ -10337,16 +10362,16 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), vue.createVNode("path", {
   "d": "M114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C84.1855747,128 80.9946648,125.330413 80.1937019,121.757672 C98.1007036,119.680283 112,104.463319 112,86 L112,80 L114,80 Z",
-  "fill": "url(#4roobwtpf__prfnix21ja)"
+  "fill": getUrlById(1)
 }, null), vue.createVNode("path", {
   "d": "M56,44 L96,44 C102.627417,44 108,49.372583 108,56 L108,86 C108,103.673112 93.673112,118 76,118 L56,118 C49.372583,118 44,112.627417 44,106 L44,56 C44,49.372583 49.372583,44 56,44 Z",
-  "fill": "url(#4roobwtpf__8kugdsm5kb)"
+  "fill": getUrlById(2)
 }, null), vue.createVNode("path", {
   "d": "M90,31 C92.209139,31 94,32.790861 94,35 L94,40 L96,40 C104.836556,40 112,47.163444 112,56 L112,86 C112,105.882251 95.882251,122 76,122 L56,122 C47.163444,122 40,114.836556 40,106 L40,56 C40,47.163444 47.163444,40 56,40 L58,40 L58,35 C58,32.790861 59.790861,31 62,31 C64.209139,31 66,32.790861 66,35 L66,40 L86,40 L86,35 C86,32.790861 87.790861,31 90,31 Z M96,48 L56,48 C51.581722,48 48,51.581722 48,56 L48,106 C48,110.418278 51.581722,114 56,114 L76,114 C91.463973,114 104,101.463973 104,86 L104,56 C104,51.581722 100.418278,48 96,48 Z",
-  "fill": "url(#4roobwtpf__j168jpsc5c)"
+  "fill": getUrlById(3)
 }, null), vue.createVNode("g", null, [vue.createVNode("use", {
   "class": bem2("svg-defs-path-fill"),
-  "filter": "url(#4roobwtpf__ydijz0bb9d)",
+  "filter": getUrlById(4),
   "xlink:href": "#4roobwtpf__8hxpuw7vce"
 }, null), vue.createVNode("use", {
   "fill": "#FFF",
@@ -10372,18 +10397,21 @@ const emptyProps = {
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$Z = vue.defineComponent({
+var stdin_default$_ = vue.defineComponent({
   name: name$G,
   props: emptyProps,
   setup(props, {
     slots
   }) {
+    const baseId = useId();
+    const getId = (num) => `${baseId}-${num}`;
+    const getUrlById = (num) => `url(#${getId(num)})`;
     const renderImage = () => {
       var _a;
       if (slots.image) {
         return slots.image();
       }
-      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$G)) || vue.createVNode("img", {
+      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$G, getId, getUrlById)) || vue.createVNode("img", {
         "src": props.image
       }, null);
     };
@@ -10410,7 +10438,7 @@ var stdin_default$Z = vue.defineComponent({
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
 });
-const Empty = withInstall(stdin_default$Z);
+const Empty = withInstall(stdin_default$_);
 const floatingBubbleProps = {
   gap: makeNumberProp(24),
   icon: String,
@@ -10429,7 +10457,7 @@ const floatingBubbleProps = {
   }
 };
 const [name$F, bem$F] = createNamespace("floating-bubble");
-var stdin_default$Y = vue.defineComponent({
+var stdin_default$Z = vue.defineComponent({
   name: name$F,
   inheritAttrs: false,
   props: floatingBubbleProps,
@@ -10570,7 +10598,7 @@ var stdin_default$Y = vue.defineComponent({
         "onTouchcancel": onTouchEnd,
         "onClick": onClick,
         "style": rootStyle.value
-      }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1R, {
+      }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1S, {
         "name": props.icon,
         "class": bem$F("icon")
       }, null)]), [[vue.vShow, show.value]]);
@@ -10582,7 +10610,7 @@ var stdin_default$Y = vue.defineComponent({
     };
   }
 });
-const FloatingBubble = withInstall(stdin_default$Y);
+const FloatingBubble = withInstall(stdin_default$Z);
 const [name$E, bem$E] = createNamespace("form");
 const formProps = {
   colon: Boolean,
@@ -10602,7 +10630,7 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$X = vue.defineComponent({
+var stdin_default$Y = vue.defineComponent({
   name: name$E,
   props: formProps,
   emits: ["submit", "failed"],
@@ -10733,7 +10761,7 @@ var stdin_default$X = vue.defineComponent({
     };
   }
 });
-const Form = withInstall(stdin_default$X);
+const Form = withInstall(stdin_default$Y);
 const [name$D, bem$D] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
@@ -10747,7 +10775,7 @@ const gridProps = {
   columnNum: makeNumericProp(4)
 };
 const GRID_KEY = Symbol(name$D);
-var stdin_default$W = vue.defineComponent({
+var stdin_default$X = vue.defineComponent({
   name: name$D,
   props: gridProps,
   setup(props, {
@@ -10772,8 +10800,8 @@ var stdin_default$W = vue.defineComponent({
     };
   }
 });
-const Grid = withInstall(stdin_default$W);
-var stdin_default$V = Grid;
+const Grid = withInstall(stdin_default$X);
+var stdin_default$W = Grid;
 const [name$C, bem$C] = createNamespace("grid-item");
 const gridItemProps = extend({}, routeProps, {
   dot: Boolean,
@@ -10784,7 +10812,7 @@ const gridItemProps = extend({}, routeProps, {
   iconPrefix: String,
   badgeProps: Object
 });
-var stdin_default$U = vue.defineComponent({
+var stdin_default$V = vue.defineComponent({
   name: name$C,
   props: gridItemProps,
   setup(props, {
@@ -10908,8 +10936,8 @@ var stdin_default$U = vue.defineComponent({
     };
   }
 });
-const GridItem = withInstall(stdin_default$U);
-var stdin_default$T = GridItem;
+const GridItem = withInstall(stdin_default$V);
+var stdin_default$U = GridItem;
 const SubIcon = (bem2) => vue.createVNode("svg", {
   "class": bem2("svg-sub-icon"),
   "xmlns": "http://www.w3.org/2000/svg",
@@ -10930,7 +10958,7 @@ const BreadcrumbProps = {
   textKey: makeStringProp("name"),
   breadcrumbTitle: makeStringProp("全部")
 };
-var stdin_default$S = vue.defineComponent({
+var stdin_default$T = vue.defineComponent({
   name: name$B,
   props: BreadcrumbProps,
   emits: ["chooseSenior"],
@@ -10954,7 +10982,7 @@ var stdin_default$S = vue.defineComponent({
       }
     }, [props.breadcrumbTitle]), props.data.map((item, index) => vue.createVNode("div", {
       "class": bem$B("item")
-    }, [vue.createVNode(stdin_default$1R, {
+    }, [vue.createVNode(stdin_default$1S, {
       "class": bem$B("icon"),
       "name": "arrow-right",
       "color": "#C6CED9"
@@ -11015,7 +11043,7 @@ const hierarchySelectProps = {
   breadcrumbTitle: makeStringProp("全部"),
   autoChangeToChildren: Boolean
 };
-var stdin_default$R = vue.defineComponent({
+var stdin_default$S = vue.defineComponent({
   name: name$A,
   props: hierarchySelectProps,
   emits: ["asyncGetter", "selected", "change", "update:checkedList"],
@@ -11218,7 +11246,7 @@ var stdin_default$R = vue.defineComponent({
             round: true,
             checked: getChecked(item)
           })
-        }, [vue.createVNode(stdin_default$1R, {
+        }, [vue.createVNode(stdin_default$1S, {
           "name": "checkbox-select"
         }, null)]);
       }
@@ -11228,14 +11256,14 @@ var stdin_default$R = vue.defineComponent({
           checked: true,
           round: true
         })
-      }, [vue.createVNode(stdin_default$1R, {
+      }, [vue.createVNode(stdin_default$1S, {
         "name": "checkbox-select"
       }, null)]) : vue.createVNode("span", {
         "class": bem$A("icon", {
           round: true,
           indeterminate
         })
-      }, [vue.createVNode(stdin_default$1R, {
+      }, [vue.createVNode(stdin_default$1S, {
         "name": indeterminate ? "minus" : "check-blank-r",
         "class": bem$A("uncheck-icon")
       }, null)]);
@@ -11284,7 +11312,7 @@ var stdin_default$R = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "class": bem$A()
-    }, [vue.createVNode(stdin_default$S, {
+    }, [vue.createVNode(stdin_default$T, {
       "data": breadcrumbData.value,
       "valueKey": props.valueKey,
       "textKey": props.textKey,
@@ -11316,10 +11344,10 @@ var stdin_default$R = vue.defineComponent({
     }, [SubIcon(bem$A)]), vue.createVNode("span", null, [vue.createTextVNode("下级")])])])]))]);
   }
 });
-const HierarchySelect = withInstall(stdin_default$R);
+const HierarchySelect = withInstall(stdin_default$S);
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
 const bem$z = createNamespace("image-preview")[1];
-var stdin_default$Q = vue.defineComponent({
+var stdin_default$R = vue.defineComponent({
   props: {
     src: String,
     show: Boolean,
@@ -11604,7 +11632,7 @@ const imagePreviewProps = {
   closeIconPosition: makeStringProp("top-right"),
   teleport: [String, Object]
 };
-var stdin_default$P = vue.defineComponent({
+var stdin_default$Q = vue.defineComponent({
   name: name$z,
   props: imagePreviewProps,
   emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
@@ -11692,7 +11720,7 @@ var stdin_default$P = vue.defineComponent({
       "onDragEnd": onDragEnd,
       "onDragStart": onDragStart
     }, {
-      default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$Q, {
+      default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$R, {
         "src": image.url,
         "show": props.show,
         "active": state.active,
@@ -11799,7 +11827,7 @@ function initInstance$1() {
       const onClosed = () => {
         state.images = [];
       };
-      return () => vue.createVNode(stdin_default$P, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$Q, vue.mergeProps(state, {
         "onClosed": onClosed,
         "onUpdate:show": toggle
       }), null);
@@ -11832,7 +11860,7 @@ const showImagePreview = (options, startPosition = 0) => {
   instance$1.open(extend({}, defaultConfig, options));
   return instance$1;
 };
-const ImagePreview = withInstall(stdin_default$P);
+const ImagePreview = withInstall(stdin_default$Q);
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -11855,7 +11883,7 @@ const indexBarProps = {
 };
 const INDEX_BAR_KEY = Symbol(name$y);
 const MIN_CONTRACTION_NUM = 2;
-var stdin_default$O = vue.defineComponent({
+var stdin_default$P = vue.defineComponent({
   name: name$y,
   props: indexBarProps,
   emits: ["select", "change", "anchorClick", "update:activeAnchor"],
@@ -12243,7 +12271,7 @@ const [name$x, bem$w] = createNamespace("index-anchor");
 const indexAnchorProps = {
   index: numericProp
 };
-var stdin_default$N = vue.defineComponent({
+var stdin_default$O = vue.defineComponent({
   name: name$x,
   props: indexAnchorProps,
   setup(props, {
@@ -12316,8 +12344,8 @@ var stdin_default$N = vue.defineComponent({
     };
   }
 });
-const IndexAnchor = withInstall(stdin_default$N);
-const IndexBar = withInstall(stdin_default$O);
+const IndexAnchor = withInstall(stdin_default$O);
+const IndexBar = withInstall(stdin_default$P);
 const [name$w, bem$v, t$3] = createNamespace("list");
 const listProps = {
   error: Boolean,
@@ -12331,7 +12359,7 @@ const listProps = {
   finishedText: String,
   immediateCheck: truthProp
 };
-var stdin_default$M = vue.defineComponent({
+var stdin_default$N = vue.defineComponent({
   name: name$w,
   props: listProps,
   emits: ["load", "update:error", "update:loading"],
@@ -12455,8 +12483,8 @@ var stdin_default$M = vue.defineComponent({
     };
   }
 });
-const List = withInstall(stdin_default$M);
-var stdin_default$L = vue.defineComponent({
+const List = withInstall(stdin_default$N);
+var stdin_default$M = vue.defineComponent({
   name: "DeleteIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12487,7 +12515,7 @@ const mediaPlayerProps = {
   mediaUrl: makeStringProp("")
 };
 const [name$v, bem$u] = createNamespace("media-player");
-var stdin_default$K = vue.defineComponent({
+var stdin_default$L = vue.defineComponent({
   name: name$v,
   props: mediaPlayerProps,
   emits: ["update:show"],
@@ -12559,7 +12587,7 @@ var stdin_default$K = vue.defineComponent({
         }
       }
     };
-    return () => vue.createVNode(stdin_default$1O, {
+    return () => vue.createVNode(stdin_default$1P, {
       "class": bem$u(),
       "show": props.show,
       "position": "bottom",
@@ -12579,9 +12607,9 @@ var stdin_default$K = vue.defineComponent({
     });
   }
 });
-const MediaPlayer = withInstall(stdin_default$K);
-var stdin_default$J = MediaPlayer;
-var stdin_default$I = vue.defineComponent({
+const MediaPlayer = withInstall(stdin_default$L);
+var stdin_default$K = MediaPlayer;
+var stdin_default$J = vue.defineComponent({
   name: "DefaultVideoIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12695,7 +12723,7 @@ var stdin_default$I = vue.defineComponent({
     }, null)])]);
   }
 });
-var stdin_default$H = vue.defineComponent({
+var stdin_default$I = vue.defineComponent({
   name: "DefaultAudioIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12788,7 +12816,7 @@ var stdin_default$H = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$G = vue.defineComponent({
+var stdin_default$H = vue.defineComponent({
   name: "DefaultFileIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12870,7 +12898,7 @@ var stdin_default$G = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$F = vue.defineComponent({
+var stdin_default$G = vue.defineComponent({
   name: "TakePhotoIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12892,7 +12920,7 @@ var stdin_default$F = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$E = vue.defineComponent({
+var stdin_default$F = vue.defineComponent({
   name: "PickPhotoIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12914,7 +12942,7 @@ var stdin_default$E = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$D = vue.defineComponent({
+var stdin_default$E = vue.defineComponent({
   name: "TakeVideoIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12936,7 +12964,7 @@ var stdin_default$D = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$C = vue.defineComponent({
+var stdin_default$D = vue.defineComponent({
   name: "TakeAudioIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -12958,7 +12986,7 @@ var stdin_default$C = vue.defineComponent({
     }, null)])])]);
   }
 });
-var stdin_default$B = vue.defineComponent({
+var stdin_default$C = vue.defineComponent({
   name: "PickFileIcon",
   setup() {
     return () => vue.createVNode("svg", {
@@ -13996,6 +14024,68 @@ class ImageProcessor {
     );
   }
 }
+const chooseImage = (type) => {
+  return new Promise((resolve, reject) => {
+    window.wx.chooseImage({
+      count: 1,
+      sizeType: ["original", "compressed"],
+      // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: [type],
+      // 可以指定来源是相册还是相机，默认二者都有
+      success: function({ localIds }) {
+        resolve(localIds);
+      },
+      fail: function(res) {
+        reject(res);
+      }
+    });
+  });
+};
+const uploadImage = (localId) => {
+  return new Promise((resolve, reject) => {
+    window.wx.uploadImage({
+      localId,
+      // 需要上传的图片的本地ID，由chooseImage接口获得
+      isShowProgressTips: 1,
+      // 默认为1，显示进度提示
+      success: function({ serverId }) {
+        resolve(serverId);
+      },
+      fail: function(res) {
+        reject(res);
+      }
+    });
+  });
+};
+const wxUploadImage = (type) => {
+  return new Promise((resolve) => {
+    const newMedias = [];
+    chooseImage(type).then((localIds) => {
+      const time = (/* @__PURE__ */ new Date()).getTime().toString();
+      const media = {
+        type: "photo",
+        uniqueCode: time,
+        fileSize: 0,
+        fileName: time,
+        originalName: time,
+        originalSize: 0,
+        lastModified: 0,
+        deletable: true
+      };
+      localIds.forEach((localId) => {
+        media.showSrc = localId;
+        media.url = localId;
+        uploadImage(localId).then((serverId) => {
+          media.wxServerId = serverId;
+          newMedias.push(media);
+          if (newMedias.length === localIds.length) {
+            resolve(newMedias);
+          }
+        });
+      });
+    });
+  });
+};
 const [name$u, bem$t] = createNamespace("media-picker");
 const FILE_SIZE_LIMIT = 100;
 const mediaPickerProps = {
@@ -14045,9 +14135,12 @@ const mediaPickerProps = {
   // 文件读取完成后的回调函数，获取到对应的 media 对象
   afterRead: Function,
   // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
-  beforeDelete: Function
+  beforeDelete: Function,
+  // 是否强制使用微信
+  useWx: Boolean,
+  imageSizeType: makeStringProp("compressed")
 };
-var stdin_default$A = vue.defineComponent({
+var stdin_default$B = vue.defineComponent({
   name: name$u,
   props: mediaPickerProps,
   emits: ["update:mediaList", "delete"],
@@ -14101,10 +14194,17 @@ var stdin_default$A = vue.defineComponent({
         return;
       }
       if (mediaType === "photo") {
-        if (mediaAddType === "take") {
-          triggerHiddenInput(cameraInputRef.value);
-        } else if (mediaAddType === "pick") {
-          triggerHiddenInput(imageInputRef.value);
+        if (props.useWx && isWeixin() && window.wx) {
+          const type = mediaAddType === "take" ? "camera" : "album";
+          wxUploadImage(type).then((newMedias) => {
+            emit("update:mediaList", [...props.mediaList, ...newMedias]);
+          });
+        } else {
+          if (mediaAddType === "take") {
+            triggerHiddenInput(cameraInputRef.value);
+          } else if (mediaAddType === "pick") {
+            triggerHiddenInput(imageInputRef.value);
+          }
         }
       } else if (mediaType === "video") {
         if (mediaAddType === "take") {
@@ -14246,6 +14346,47 @@ var stdin_default$A = vue.defineComponent({
         message: ""
       };
     };
+    const transformImageFilesWithoutCompress = (files) => {
+      const mediaList = files.map((file) => {
+        return file2DataURL(file).then((base64) => {
+          const media = {
+            showSrc: base64,
+            type: "photo",
+            file,
+            // 需要以原始file的信息作为唯一标识
+            uniqueCode: getFileUniqueCode(file),
+            lastModified: file.lastModified,
+            fileSize: file.size,
+            // 修改后大小，水印，压缩等
+            fileName: file.name,
+            // 修改后名称
+            deletable: true,
+            message: "",
+            originalName: file.name,
+            // 原始名称
+            originalSize: file.size
+            // 原始大小
+          };
+          return media;
+        });
+      });
+      showLoadingToast({
+        message: "处理中...",
+        forbidClick: true,
+        duration: 0
+      });
+      return Promise.all(mediaList).then((medias) => {
+        const _medias = [];
+        medias.forEach((media) => {
+          if (isDef(media)) {
+            _medias.push(media);
+          }
+        });
+        return _medias;
+      }).finally(() => {
+        closeToast();
+      });
+    };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
       const resizeOptions = new ResizeOptions(props.maxImageSideLength);
@@ -14330,7 +14471,7 @@ var stdin_default$A = vue.defineComponent({
       if (imageFiles.length === 0) {
         promise = Promise.resolve([]);
       } else {
-        promise = transformImageFiles(imageFiles);
+        promise = props.imageSizeType === "original" ? transformImageFilesWithoutCompress(imageFiles) : transformImageFiles(imageFiles);
       }
       promise.then((medias) => {
         if (medias && medias.length > 0) {
@@ -14436,24 +14577,24 @@ var stdin_default$A = vue.defineComponent({
     const renderIcon = (mediaType, mediaAddType) => {
       if (mediaType === "photo") {
         if (mediaAddType === "take") {
-          return vue.createVNode(stdin_default$F, {
+          return vue.createVNode(stdin_default$G, {
             "class": bem$t("icon")
           }, null);
         } else if (mediaAddType === "pick") {
-          return vue.createVNode(stdin_default$E, {
+          return vue.createVNode(stdin_default$F, {
             "class": bem$t("icon")
           }, null);
         }
       } else if (mediaType === "video") {
-        return vue.createVNode(stdin_default$D, {
+        return vue.createVNode(stdin_default$E, {
           "class": bem$t("icon")
         }, null);
       } else if (mediaType === "audio") {
-        return vue.createVNode(stdin_default$C, {
+        return vue.createVNode(stdin_default$D, {
           "class": bem$t("icon")
         }, null);
       } else if (mediaType === "file") {
-        return vue.createVNode(stdin_default$B, {
+        return vue.createVNode(stdin_default$C, {
           "class": bem$t("icon")
         }, null);
       }
@@ -14519,10 +14660,10 @@ var stdin_default$A = vue.defineComponent({
         message
       } = media;
       if (status === "uploading" || status === "failed") {
-        const MaskIcon = status === "failed" ? vue.createVNode(stdin_default$1R, {
+        const MaskIcon = status === "failed" ? vue.createVNode(stdin_default$1S, {
           "name": "close",
           "class": bem$t("mask-icon")
-        }, null) : vue.createVNode(stdin_default$1M, {
+        }, null) : vue.createVNode(stdin_default$1N, {
           "class": bem$t("loading")
         }, null);
         const showMessage = isDef(message) && message !== "";
@@ -14540,23 +14681,27 @@ var stdin_default$A = vue.defineComponent({
       emit("delete", media, index);
     };
     const renderMediaThumbnail = (media) => {
-      const thumbnailUrl = media.showSrc || media.url;
-      if (thumbnailUrl) {
-        return vue.createVNode(stdin_default$1I, {
-          "src": thumbnailUrl,
-          "fit": "cover",
-          "radius": "4"
+      if (media.type === "video") {
+        return vue.createVNode(stdin_default$J, {
+          "class": bem$t("thumbnail")
         }, null);
-      } else if (media.type === "video") {
+      } else if (media.type === "audio") {
         return vue.createVNode(stdin_default$I, {
           "class": bem$t("thumbnail")
         }, null);
-      } else if (media.type === "audio") {
+      } else if (media.type === "file") {
         return vue.createVNode(stdin_default$H, {
           "class": bem$t("thumbnail")
         }, null);
-      } else if (media.type === "file") {
-        return vue.createVNode(stdin_default$G, {
+      } else if (media.type === "photo") {
+        const thumbnailUrl = media.showSrc || media.url;
+        return vue.createVNode(stdin_default$1J, {
+          "src": thumbnailUrl,
+          "fit": "cover",
+          "radius": "4"
+        }, null);
+      } else {
+        return vue.createVNode(stdin_default$H, {
           "class": bem$t("thumbnail")
         }, null);
       }
@@ -14615,14 +14760,14 @@ var stdin_default$A = vue.defineComponent({
     };
     const renderMediaList = () => props.mediaList.map((media, index) => {
       const showDelete = media.deletable && media.status !== "uploading";
-      const deleteIcon = showDelete && vue.createVNode(stdin_default$L, {
+      const deleteIcon = showDelete && vue.createVNode(stdin_default$M, {
         "class": bem$t("delete"),
         "onClick": (event) => {
           event.stopPropagation();
           onDelete(media, index);
         }
       }, null);
-      return vue.createVNode(stdin_default$T, {
+      return vue.createVNode(stdin_default$U, {
         "key": media.uniqueCode,
         "onClick": () => previewMedia(index)
       }, {
@@ -14640,12 +14785,12 @@ var stdin_default$A = vue.defineComponent({
       const showButtons = props.allowTakePhoto || props.allowPickPhoto || props.allowTakeVideo || props.allowPickVideo || props.allowTakeAudio || props.allowPickAudio || props.allowPickFile;
       return vue.createVNode("div", {
         "class": bem$t()
-      }, [title, hiddenInput(), vue.createVNode(stdin_default$J, {
+      }, [title, hiddenInput(), vue.createVNode(stdin_default$K, {
         "show": mediaPlayerVisible.value,
         "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value
-      }, null), vue.createVNode(stdin_default$1K, {
+      }, null), vue.createVNode(stdin_default$1L, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,
@@ -14655,7 +14800,7 @@ var stdin_default$A = vue.defineComponent({
         "onSelect": selectAction
       }, null), vue.withDirectives(vue.createVNode("div", {
         "class": bem$t("line")
-      }, [renderButtons()]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$V, {
+      }, [renderButtons()]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$W, {
         "column-num": "3",
         "border": false,
         "square": true,
@@ -14676,7 +14821,7 @@ const defaultMedia = {
   lastModified: 0,
   deletable: false
 };
-const MediaPicker = withInstall(stdin_default$A);
+const MediaPicker = withInstall(stdin_default$B);
 const [name$t, bem$s] = createNamespace("multiple-picker-options");
 const multiplePickerOptionsProps = {
   textKey: makeStringProp(""),
@@ -14687,7 +14832,7 @@ const multiplePickerOptionsProps = {
   initialOptions: makeArrayProp([]),
   currentIndexes: makeArrayProp([])
 };
-var stdin_default$z = vue.defineComponent({
+var stdin_default$A = vue.defineComponent({
   name: name$t,
   props: multiplePickerOptionsProps,
   emits: ["change", "update:currentIndexes"],
@@ -14800,7 +14945,7 @@ const multiplePickerProps = {
   selectedValue: makeArrayProp([]),
   popup: truthProp
 };
-var stdin_default$y = vue.defineComponent({
+var stdin_default$z = vue.defineComponent({
   name: name$s,
   props: multiplePickerProps,
   emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex", "update:selectedValue"],
@@ -14879,7 +15024,7 @@ var stdin_default$y = vue.defineComponent({
     };
     const genCancel = () => {
       const text = props.cancelButtonText || "取消";
-      return vue.createVNode(stdin_default$1F, {
+      return vue.createVNode(stdin_default$1G, {
         "size": "normal",
         "block": true,
         "style": {
@@ -14892,7 +15037,7 @@ var stdin_default$y = vue.defineComponent({
     };
     const genConfirm = () => {
       const text = props.confirmButtonText || "确定";
-      return vue.createVNode(stdin_default$1F, {
+      return vue.createVNode(stdin_default$1G, {
         "type": "primary",
         "size": "normal",
         "block": true,
@@ -14921,7 +15066,7 @@ var stdin_default$y = vue.defineComponent({
       } else {
         formatOptions = props.options;
       }
-      return vue.createVNode(stdin_default$z, {
+      return vue.createVNode(stdin_default$A, {
         "ref": pickerOptions,
         "currentIndexes": confirmIndexes.value,
         "onUpdate:currentIndexes": ($event) => confirmIndexes.value = $event,
@@ -14941,12 +15086,12 @@ var stdin_default$y = vue.defineComponent({
     }, [genOptionItems()]);
     const renderMultiplePicker = () => vue.createVNode("div", {
       "class": bem$r()
-    }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1M, {
+    }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1N, {
       "class": bem$r("loading")
     }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
     return () => {
       if (props.popup) {
-        return vue.createVNode(stdin_default$1O, {
+        return vue.createVNode(stdin_default$1P, {
           "show": currentShow.value,
           "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
           "round": true,
@@ -14962,7 +15107,7 @@ var stdin_default$y = vue.defineComponent({
     };
   }
 });
-const MultiplePicker = withInstall(stdin_default$y);
+const MultiplePicker = withInstall(stdin_default$z);
 function usePlaceholder(contentRef, bem2) {
   const height = useHeight(contentRef, true);
   return (renderContent) => vue.createVNode("div", {
@@ -14989,7 +15134,7 @@ const navBarProps = {
   navBarBackground: String,
   leftBtnStyle: Object
 };
-var stdin_default$x = vue.defineComponent({
+var stdin_default$y = vue.defineComponent({
   name: name$r,
   props: navBarProps,
   emits: ["clickLeft", "clickRight"],
@@ -15078,7 +15223,7 @@ var stdin_default$x = vue.defineComponent({
     };
   }
 });
-const NavBar = withInstall(stdin_default$x);
+const NavBar = withInstall(stdin_default$y);
 const [name$q, bem$p] = createNamespace("notice-bar");
 const noticeBarProps = {
   text: String,
@@ -15094,7 +15239,7 @@ const noticeBarProps = {
     default: null
   }
 };
-var stdin_default$w = vue.defineComponent({
+var stdin_default$x = vue.defineComponent({
   name: name$q,
   props: noticeBarProps,
   emits: ["close", "replay"],
@@ -15117,7 +15262,7 @@ var stdin_default$w = vue.defineComponent({
         return slots["left-icon"]();
       }
       if (props.leftIcon) {
-        return vue.createVNode(stdin_default$1R, {
+        return vue.createVNode(stdin_default$1S, {
           "class": bem$p("left-icon"),
           "name": props.leftIcon
         }, null);
@@ -15143,7 +15288,7 @@ var stdin_default$w = vue.defineComponent({
       }
       const name2 = getRightIconName();
       if (name2) {
-        return vue.createVNode(stdin_default$1R, {
+        return vue.createVNode(stdin_default$1S, {
           "name": name2,
           "class": bem$p("right-icon"),
           "onClick": onClickRightIcon
@@ -15234,7 +15379,7 @@ var stdin_default$w = vue.defineComponent({
     };
   }
 });
-const NoticeBar = withInstall(stdin_default$w);
+const NoticeBar = withInstall(stdin_default$x);
 const [name$p, bem$o] = createNamespace("notify");
 const notifyProps = extend({}, popupSharedProps, {
   type: makeStringProp("danger"),
@@ -15245,7 +15390,7 @@ const notifyProps = extend({}, popupSharedProps, {
   background: String,
   lockScroll: Boolean
 });
-var stdin_default$v = vue.defineComponent({
+var stdin_default$w = vue.defineComponent({
   name: name$p,
   props: notifyProps,
   emits: ["update:show"],
@@ -15285,7 +15430,7 @@ function initInstance() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$v, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$w, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -15329,17 +15474,17 @@ const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
 const resetNotifyDefaultOptions = () => {
   currentOptions = getDefaultOptions();
 };
-const Notify = withInstall(stdin_default$v);
+const Notify = withInstall(stdin_default$w);
 const [name$o, bem$n] = createNamespace("key");
-const CollapseIcon = vue.createVNode(stdin_default$1R, {
+const CollapseIcon = vue.createVNode(stdin_default$1S, {
   "name": "keyboard-shrink",
   "size": "40"
 }, null);
-const DeleteIcon = vue.createVNode(stdin_default$1R, {
+const DeleteIcon = vue.createVNode(stdin_default$1S, {
   "name": "backspace",
   "size": "40"
 }, null);
-var stdin_default$u = vue.defineComponent({
+var stdin_default$v = vue.defineComponent({
   name: name$o,
   props: {
     type: String,
@@ -15442,7 +15587,7 @@ function shuffle(array) {
   }
   return array;
 }
-var stdin_default$t = vue.defineComponent({
+var stdin_default$u = vue.defineComponent({
   name: name$n,
   props: numberKeyboardProps,
   emits: ["show", "hide", "blur", "input", "close", "delete", "update:modelValue"],
@@ -15554,7 +15699,7 @@ var stdin_default$t = vue.defineComponent({
       if (key.type === "extra") {
         keySlots.default = slots["extra-key"];
       }
-      return vue.createVNode(stdin_default$u, {
+      return vue.createVNode(stdin_default$v, {
         "key": key.text,
         "text": key.text,
         "type": key.type,
@@ -15567,14 +15712,14 @@ var stdin_default$t = vue.defineComponent({
       if (props.theme === "custom") {
         return vue.createVNode("div", {
           "class": bem$m("sidebar")
-        }, [props.showDeleteKey && vue.createVNode(stdin_default$u, {
+        }, [props.showDeleteKey && vue.createVNode(stdin_default$v, {
           "large": true,
           "text": props.deleteButtonText,
           "type": "delete",
           "onPress": onPress
         }, {
           delete: slots.delete
-        }), vue.createVNode(stdin_default$u, {
+        }), vue.createVNode(stdin_default$v, {
           "large": true,
           "text": props.closeButtonText,
           "type": "close",
@@ -15628,7 +15773,7 @@ var stdin_default$t = vue.defineComponent({
     };
   }
 });
-const NumberKeyboard = withInstall(stdin_default$t);
+const NumberKeyboard = withInstall(stdin_default$u);
 const [name$m, bem$l] = createNamespace("password-input");
 const passwordInputProps = {
   info: String,
@@ -15639,7 +15784,7 @@ const passwordInputProps = {
   focused: Boolean,
   errorInfo: String
 };
-var stdin_default$s = vue.defineComponent({
+var stdin_default$t = vue.defineComponent({
   name: name$m,
   props: passwordInputProps,
   emits: ["focus"],
@@ -15701,7 +15846,7 @@ var stdin_default$s = vue.defineComponent({
     };
   }
 });
-const PasswordInput = withInstall(stdin_default$s);
+const PasswordInput = withInstall(stdin_default$t);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -15752,7 +15897,7 @@ const popoverProps = {
     default: false
   }
 };
-var stdin_default$r = vue.defineComponent({
+var stdin_default$s = vue.defineComponent({
   name: name$l,
   props: popoverProps,
   emits: ["select", "touchstart", "update:show"],
@@ -15973,7 +16118,7 @@ var stdin_default$r = vue.defineComponent({
     };
   }
 });
-const Popover = withInstall(stdin_default$r);
+const Popover = withInstall(stdin_default$s);
 const [name$k, bem$j, t$2] = createNamespace("pull-refresh");
 const DEFAULT_HEAD_HEIGHT = 50;
 const TEXT_STATUS = ["pulling", "loosing", "success"];
@@ -15990,7 +16135,7 @@ const pullRefreshProps = {
   animationDuration: makeNumericProp(300),
   scrollElement: null
 };
-var stdin_default$q = vue.defineComponent({
+var stdin_default$r = vue.defineComponent({
   name: name$k,
   props: pullRefreshProps,
   emits: ["change", "refresh", "update:modelValue"],
@@ -16172,7 +16317,7 @@ var stdin_default$q = vue.defineComponent({
     };
   }
 });
-const PullRefresh = withInstall(stdin_default$q);
+const PullRefresh = withInstall(stdin_default$r);
 const [name$j, bem$i] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
@@ -16182,7 +16327,7 @@ const radioGroupProps = {
   checkedColor: String
 };
 const RADIO_KEY = Symbol(name$j);
-var stdin_default$p = vue.defineComponent({
+var stdin_default$q = vue.defineComponent({
   name: name$j,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
@@ -16210,7 +16355,7 @@ var stdin_default$p = vue.defineComponent({
   }
 });
 const [name$i, bem$h] = createNamespace("radio");
-var stdin_default$o = vue.defineComponent({
+var stdin_default$p = vue.defineComponent({
   name: name$i,
   props: checkerProps,
   emits: ["update:modelValue"],
@@ -16232,7 +16377,7 @@ var stdin_default$o = vue.defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => vue.createVNode(stdin_default$1n, vue.mergeProps({
+    return () => vue.createVNode(stdin_default$1o, vue.mergeProps({
       "bem": bem$h,
       "role": "radio",
       "parent": parent,
@@ -16241,8 +16386,8 @@ var stdin_default$o = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$o);
-const RadioGroup = withInstall(stdin_default$p);
+const Radio = withInstall(stdin_default$p);
+const RadioGroup = withInstall(stdin_default$q);
 const [name$h, bem$g, t$1] = createNamespace("radio-picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
@@ -16314,7 +16459,7 @@ const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
 const [name$g, bem$f] = createNamespace("radio-picker-column");
 const PICKER_KEY = Symbol(name$g);
-var stdin_default$n = vue.defineComponent({
+var stdin_default$o = vue.defineComponent({
   name: name$g,
   props: {
     value: numericProp,
@@ -16479,7 +16624,7 @@ var stdin_default$n = vue.defineComponent({
         const childData = {
           [props.allowHtml || isSearchedTrans ? "innerHTML" : "textContent"]: text
         };
-        return vue.createVNode(stdin_default$o, data, {
+        return vue.createVNode(stdin_default$p, data, {
           default: () => [slots.option ? slots.option({
             option,
             searchValue: props.autoSearchVal
@@ -16500,7 +16645,7 @@ var stdin_default$n = vue.defineComponent({
         if (slots.searchEmpty) {
           return (_a = slots.searchEmpty) == null ? void 0 : _a.call(slots);
         }
-        return vue.createVNode(stdin_default$Z, {
+        return vue.createVNode(stdin_default$_, {
           "class": bem$f("search-empty"),
           "image": "no-search-result"
         }, {
@@ -16525,7 +16670,7 @@ var stdin_default$n = vue.defineComponent({
       },
       "class": bem$f("wrapper"),
       "onTransitionend": stopMomentum
-    }, [vue.createVNode(stdin_default$p, {
+    }, [vue.createVNode(stdin_default$q, {
       "modelValue": props.value
     }, {
       default: () => [renderOptions()]
@@ -16539,7 +16684,7 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$m = vue.defineComponent({
+var stdin_default$n = vue.defineComponent({
   name: name$f,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
@@ -16655,7 +16800,7 @@ const radioPickerProps = extend({}, pickerSharedProps, {
   autoSearch: truthProp,
   searchPlaceholder: makeStringProp("请搜索")
 });
-var stdin_default$l = vue.defineComponent({
+var stdin_default$m = vue.defineComponent({
   name: name$h,
   props: radioPickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue", "update:showPicker"],
@@ -16757,7 +16902,7 @@ var stdin_default$l = vue.defineComponent({
       emit("cancel", getEventParams());
     };
     const updateShow = (value) => emit("update:showPicker", value);
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$n, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$o, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -16803,7 +16948,7 @@ var stdin_default$l = vue.defineComponent({
       if (props.searchable) {
         return vue.createVNode("div", {
           "class": bem$g("search")
-        }, [vue.createVNode(stdin_default$13, {
+        }, [vue.createVNode(stdin_default$14, {
           "show-action": !props.autoSearch,
           "modelValue": searchVal.value,
           "placeholder": props.searchPlaceholder,
@@ -16825,7 +16970,7 @@ var stdin_default$l = vue.defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return vue.createVNode(stdin_default$m, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+        return vue.createVNode(stdin_default$n, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -16891,7 +17036,7 @@ var stdin_default$l = vue.defineComponent({
     };
     return () => {
       if (props.popup) {
-        return vue.createVNode(stdin_default$1O, {
+        return vue.createVNode(stdin_default$1P, {
           "show": showPicker.value,
           "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
           "round": true,
@@ -16904,7 +17049,7 @@ var stdin_default$l = vue.defineComponent({
     };
   }
 });
-const RadioPicker = withInstall(stdin_default$l);
+const RadioPicker = withInstall(stdin_default$m);
 const [name$e, bem$e] = createNamespace("rate");
 function getRateStatus(value, index, allowHalf, readonly) {
   if (value >= index) {
@@ -16947,7 +17092,7 @@ const rateProps = {
   modelValue: makeNumberProp(0),
   disabledColor: String
 };
-var stdin_default$k = vue.defineComponent({
+var stdin_default$l = vue.defineComponent({
   name: name$e,
   props: rateProps,
   emits: ["change", "update:modelValue"],
@@ -17112,8 +17257,8 @@ var stdin_default$k = vue.defineComponent({
     }, [list.value.map(renderStar)]);
   }
 });
-const Rate = withInstall(stdin_default$k);
-const Row = withInstall(stdin_default$1l);
+const Rate = withInstall(stdin_default$l);
+const Row = withInstall(stdin_default$1m);
 const isPortrait = () => window.orientation == null || window.orientation === 180 || window.orientation === 0;
 const getForceLandscapeStyle = (offsetLeft, offsetTop, forceLandscape) => {
   const resultStyle = {
@@ -17198,7 +17343,7 @@ const signatureProps = {
   unSupportTpl: makeStringProp("对不起，当前浏览器不支持Canvas，无法使用签名组件"),
   allowPortrait: Boolean
 };
-var stdin_default$j = vue.defineComponent({
+var stdin_default$k = vue.defineComponent({
   name: name$d,
   props: signatureProps,
   emits: ["clear", "cancel", "confirm"],
@@ -17379,20 +17524,20 @@ var stdin_default$j = vue.defineComponent({
         "height": canvasHeight.value
       }, null), [[vue.vShow, isCanvasSupported.value]])]), vue.createVNode("div", {
         "class": bem$d("actions")
-      }, [vue.createVNode(stdin_default$1F, {
+      }, [vue.createVNode(stdin_default$1G, {
         "plain": true,
         "type": "warning",
         "onClick": () => clear(),
         "class": bem$d("button-again")
       }, {
         default: () => [vue.createTextVNode("重签")]
-      }), vue.createVNode(stdin_default$1F, {
+      }), vue.createVNode(stdin_default$1G, {
         "type": "default",
         "onClick": cancel,
         "class": bem$d("button-cancel")
       }, {
         default: () => [vue.createTextVNode("取消")]
-      }), vue.createVNode(stdin_default$1F, {
+      }), vue.createVNode(stdin_default$1G, {
         "block": true,
         "type": "primary",
         "disabled": isCompleteButtonDisabled.value,
@@ -17404,7 +17549,7 @@ var stdin_default$j = vue.defineComponent({
     });
   }
 });
-const Signature = withInstall(stdin_default$j);
+const Signature = withInstall(stdin_default$k);
 const [name$c, bem$c] = createNamespace("skeleton");
 const DEFAULT_ROW_WIDTH = "100%";
 const DEFAULT_LAST_ROW_WIDTH = "60%";
@@ -17425,7 +17570,7 @@ const skeletonProps = {
     default: DEFAULT_ROW_WIDTH
   }
 };
-var stdin_default$i = vue.defineComponent({
+var stdin_default$j = vue.defineComponent({
   name: name$c,
   inheritAttrs: false,
   props: skeletonProps,
@@ -17514,7 +17659,7 @@ var stdin_default$i = vue.defineComponent({
     };
   }
 });
-const Skeleton = withInstall(stdin_default$i);
+const Skeleton = withInstall(stdin_default$j);
 const [name$b, bem$b] = createNamespace("slider");
 const sliderProps = {
   min: makeNumericProp(0),
@@ -17538,7 +17683,7 @@ const sliderProps = {
   direction: makeStringProp("horizontal"),
   showPercent: truthProp
 };
-var stdin_default$h = vue.defineComponent({
+var stdin_default$i = vue.defineComponent({
   name: name$b,
   props: sliderProps,
   emits: ["change", "dragEnd", "dragStart", "update:modelValue"],
@@ -17582,6 +17727,12 @@ var stdin_default$h = vue.defineComponent({
       }
       return "0%";
     };
+    const getPositionKey = () => {
+      if (props.vertical) {
+        return props.reverse ? "bottom" : "top";
+      }
+      return props.reverse ? "right" : "left";
+    };
     const barStyle = vue.computed(() => {
       const mainAxis = props.vertical ? "height" : "width";
       const style = {
@@ -17591,12 +17742,6 @@ var stdin_default$h = vue.defineComponent({
       if (dragStatus.value) {
         style.transition = "none";
       }
-      const getPositionKey = () => {
-        if (props.vertical) {
-          return props.reverse ? "bottom" : "top";
-        }
-        return props.reverse ? "right" : "left";
-      };
       style[getPositionKey()] = calcOffset();
       return style;
     });
@@ -17718,13 +17863,6 @@ var stdin_default$h = vue.defineComponent({
       }
       dragStatus.value = "";
     };
-    const getButtonClassName = (index) => {
-      if (typeof index === "number") {
-        const position = ["left", "right"];
-        return bem$b(`button-wrapper`, position[index]);
-      }
-      return bem$b("button-wrapper", props.reverse ? "left" : "right");
-    };
     const renderButtonContent = (value, index) => {
       const dragging = dragStatus.value === "dragging";
       if (typeof index === "number") {
@@ -17754,10 +17892,15 @@ var stdin_default$h = vue.defineComponent({
     };
     const renderButton = (index) => {
       const current22 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
+      const left = `${(current22 - Number(props.min)) * 100 / scope.value}%`;
+      const style = {
+        [getPositionKey()]: left,
+        transform: `translate(-${left},-50%)`
+      };
       return vue.createVNode("div", {
         "ref": slider[index != null ? index : 0],
         "role": "slider",
-        "class": getButtonClassName(index),
+        "class": bem$b("button-wrapper"),
         "tabindex": props.disabled ? void 0 : 0,
         "aria-valuemin": props.min,
         "aria-valuenow": current22,
@@ -17773,7 +17916,8 @@ var stdin_default$h = vue.defineComponent({
         },
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
-        "onClick": stopPropagation
+        "onClick": stopPropagation,
+        "style": style
       }, [renderButtonContent(current22, index)]);
     };
     const renderTitle = () => {
@@ -17838,10 +17982,10 @@ var stdin_default$h = vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": bem$b("bar"),
       "style": barStyle.value
-    }, [renderButtons()])]))]);
+    }, null), renderButtons()]))]);
   }
 });
-const Slider = withInstall(stdin_default$h);
+const Slider = withInstall(stdin_default$i);
 const [name$a, bem$a] = createNamespace("steps");
 const stepsProps = {
   active: makeNumericProp(0),
@@ -17856,7 +18000,7 @@ const stepsProps = {
   titleInactiveColor: String
 };
 const STEPS_KEY = Symbol(name$a);
-var stdin_default$g = vue.defineComponent({
+var stdin_default$h = vue.defineComponent({
   name: name$a,
   props: stepsProps,
   emits: ["clickStep"],
@@ -17888,7 +18032,7 @@ const stepProps = {
   activeIcon: String,
   inactiveIcon: String
 };
-var stdin_default$f = vue.defineComponent({
+var stdin_default$g = vue.defineComponent({
   name: name$9,
   props: stepProps,
   setup(props, {
@@ -18013,7 +18157,7 @@ var stdin_default$f = vue.defineComponent({
     };
   }
 });
-const Step = withInstall(stdin_default$f);
+const Step = withInstall(stdin_default$g);
 const [name$8, bem$8] = createNamespace("stepper");
 const LONG_PRESS_INTERVAL = 200;
 const isEqual = (value1, value2) => String(value1) === String(value2);
@@ -18041,7 +18185,7 @@ const stepperProps = {
   defaultValue: makeNumericProp(1),
   decimalLength: numericProp
 };
-var stdin_default$e = vue.defineComponent({
+var stdin_default$f = vue.defineComponent({
   name: name$8,
   props: stepperProps,
   emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
@@ -18226,7 +18370,7 @@ var stdin_default$e = vue.defineComponent({
         }
       ],
       "aria-disabled": minusDisabled.value || void 0
-    }, createListeners("minus")), [vue.createVNode(stdin_default$1R, {
+    }, createListeners("minus")), [vue.createVNode(stdin_default$1S, {
       "name": "minus",
       "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
     }, null)]), [[vue.vShow, props.showMinus]]), vue.withDirectives(vue.createVNode("input", {
@@ -18259,14 +18403,14 @@ var stdin_default$e = vue.defineComponent({
         // { [HAPTICS_FEEDBACK]: !plusDisabled.value },
       ],
       "aria-disabled": plusDisabled.value || void 0
-    }, createListeners("plus")), [vue.createVNode(stdin_default$1R, {
+    }, createListeners("plus")), [vue.createVNode(stdin_default$1S, {
       "name": "plus",
       "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
     }, null)]), [[vue.vShow, props.showPlus]])]);
   }
 });
-const Stepper = withInstall(stdin_default$e);
-const Steps = withInstall(stdin_default$g);
+const Stepper = withInstall(stdin_default$f);
+const Steps = withInstall(stdin_default$h);
 const [name$7, bem$7] = createNamespace("swipe-cell");
 const swipeCellProps = {
   name: makeNumericProp(""),
@@ -18276,7 +18420,7 @@ const swipeCellProps = {
   beforeClose: Function,
   stopPropagation: Boolean
 };
-var stdin_default$d = vue.defineComponent({
+var stdin_default$e = vue.defineComponent({
   name: name$7,
   props: swipeCellProps,
   emits: ["open", "close", "click"],
@@ -18429,7 +18573,7 @@ var stdin_default$d = vue.defineComponent({
     };
   }
 });
-const SwipeCell = withInstall(stdin_default$d);
+const SwipeCell = withInstall(stdin_default$e);
 const [name$6, bem$6] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
@@ -18447,7 +18591,7 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$c = vue.defineComponent({
+var stdin_default$d = vue.defineComponent({
   name: name$6,
   props: switchProps,
   emits: ["change", "update:modelValue"],
@@ -18507,8 +18651,8 @@ var stdin_default$c = vue.defineComponent({
     };
   }
 });
-const Switch = withInstall(stdin_default$c);
-var stdin_default$b = Switch;
+const Switch = withInstall(stdin_default$d);
+var stdin_default$c = Switch;
 const [name$5, bem$5] = createNamespace("tabbar");
 const tabbarProps = {
   route: Boolean,
@@ -18526,7 +18670,7 @@ const tabbarProps = {
   }
 };
 const TABBAR_KEY = Symbol(name$5);
-var stdin_default$a = vue.defineComponent({
+var stdin_default$b = vue.defineComponent({
   name: name$5,
   props: tabbarProps,
   emits: ["change", "update:modelValue"],
@@ -18584,7 +18728,7 @@ var stdin_default$a = vue.defineComponent({
     };
   }
 });
-const Tabbar = withInstall(stdin_default$a);
+const Tabbar = withInstall(stdin_default$b);
 const [name$4, bem$4] = createNamespace("tabbar-item");
 const tabbarItemProps = extend({}, routeProps, {
   dot: Boolean,
@@ -18594,7 +18738,7 @@ const tabbarItemProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$9 = vue.defineComponent({
+var stdin_default$a = vue.defineComponent({
   name: name$4,
   props: tabbarItemProps,
   emits: ["click"],
@@ -18696,13 +18840,159 @@ var stdin_default$9 = vue.defineComponent({
     };
   }
 });
-const TabbarItem = withInstall(stdin_default$9);
+const TabbarItem = withInstall(stdin_default$a);
 var SortOrderEnum = /* @__PURE__ */ ((SortOrderEnum2) => {
   SortOrderEnum2["ASCEND"] = "ascend";
   SortOrderEnum2["DESCEND"] = "descend";
   return SortOrderEnum2;
 })(SortOrderEnum || {});
-const [name$3, bem$3] = createNamespace("table");
+const [name$3, bem$3] = createNamespace("text-ellipsis");
+const textEllipsisProps = {
+  rows: makeNumericProp(1),
+  dots: makeStringProp("..."),
+  content: makeStringProp(""),
+  expandText: makeStringProp(""),
+  expandType: makeStringProp("flat"),
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
+};
+var stdin_default$9 = vue.defineComponent({
+  name: name$3,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit
+  }) {
+    const text = vue.ref("");
+    const expanded = vue.ref(false);
+    const hasAction = vue.ref(false);
+    const root = vue.ref();
+    const actionText = vue.computed(() => expanded.value ? props.collapseText : props.expandText);
+    const pxToNum = (value) => {
+      if (!value)
+        return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const calcEllipsised = () => {
+      const cloneContainer = () => {
+        if (!root.value)
+          return;
+        const originStyle = window.getComputedStyle(root.value);
+        const container2 = document.createElement("div");
+        const styleNames = Array.prototype.slice.apply(originStyle);
+        styleNames.forEach((name2) => {
+          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
+        });
+        container2.style.position = "fixed";
+        container2.style.zIndex = "-9999";
+        container2.style.top = "-9999px";
+        container2.style.height = "auto";
+        container2.style.minHeight = "auto";
+        container2.style.maxHeight = "auto";
+        container2.innerText = props.content;
+        document.body.appendChild(container2);
+        return container2;
+      };
+      const calcEllipsisText = (container2, maxHeight2) => {
+        const {
+          content,
+          position,
+          dots
+        } = props;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round((left + right) / 2);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
+          }
+          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText;
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
+      };
+      const container = cloneContainer();
+      if (!container)
+        return;
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const onClickAction = (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      expanded.value = !expanded.value;
+      emit("clickAction", event);
+    };
+    const renderAction = () => vue.createVNode("span", {
+      "class": bem$3("action"),
+      "onClick": onClickAction
+    }, [actionText.value]);
+    const onClickEllipsis = () => {
+      if (props.expandType === "dialog" && hasAction.value) {
+        showDialog({
+          message: props.content
+        }).then(() => {
+        });
+      }
+    };
+    vue.onMounted(calcEllipsised);
+    vue.watch(() => [props.content, props.rows, props.position], calcEllipsised);
+    use.useEventListener("resize", calcEllipsised);
+    return () => vue.createVNode("div", {
+      "ref": root,
+      "class": bem$3(),
+      "onClick": onClickEllipsis
+    }, [expanded.value ? props.content : text.value, props.expandType !== "dialog" && hasAction.value ? renderAction() : null]);
+  }
+});
+const TextEllipsis = withInstall(stdin_default$9);
+var stdin_default$8 = TextEllipsis;
+const [name$2, bem$2] = createNamespace("table");
 const tableProps = {
   headList: makeArrayProp(),
   dataList: makeArrayProp(),
@@ -18719,14 +19009,19 @@ const tableProps = {
   border: {
     type: Boolean,
     default: false
+  },
+  hideTableHead: {
+    type: Boolean,
+    default: false
   }
 };
-var stdin_default$8 = vue.defineComponent({
-  name: name$3,
+var stdin_default$7 = vue.defineComponent({
+  name: name$2,
   props: tableProps,
   emits: ["sort"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const sortOrder = vue.ref("");
     const sortKey = vue.ref("");
@@ -18804,9 +19099,11 @@ var stdin_default$8 = vue.defineComponent({
       pingedLeft.value = mergedScrollLeft > 0;
     };
     const getHead = (colData) => {
+      const headSlot = slots[`head-${colData.id}`];
+      const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return vue.createVNode("th", {
-          "class": bem$3("left", {
+          "class": bem$2("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
           }),
@@ -18814,22 +19111,26 @@ var stdin_default$8 = vue.defineComponent({
             left: colData.fixed ? colData.left : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
-        }, [vue.createVNode("div", {
-          "class": bem$3("head"),
+        }, [headSlot ? headSlot(colData) : vue.createVNode("div", {
+          "class": bem$2("head"),
           "onClick": () => onHeaderClick(colData)
-        }, [vue.createVNode("span", {
-          "class": bem$3("head-label")
+        }, [colData.ellipsis ? vue.createVNode(stdin_default$8, {
+          "content": colData.label,
+          "expandType": headEllipsisType,
+          "class": bem$2("head-label-ellipsis")
+        }, null) : vue.createVNode("span", {
+          "class": bem$2("head-label")
         }, [colData.label]), colData.sorter ? vue.createVNode("span", {
-          "class": bem$3("head-sort")
+          "class": bem$2("head-sort")
         }, [vue.createVNode(Icon, {
-          "class": [colData.key === sortKey.value && sortOrder.value === SortOrderEnum.ASCEND ? bem$3("sort-active") : ""],
+          "class": [colData.key === sortKey.value && sortOrder.value === SortOrderEnum.ASCEND ? bem$2("sort-active") : ""],
           "name": "spinner-shrink",
           "size": "12",
           "style": {
             marginBottom: "-3px"
           }
         }, null), vue.createVNode(Icon, {
-          "class": [colData.key === sortKey.value && sortOrder.value === SortOrderEnum.DESCEND ? bem$3("sort-active") : ""],
+          "class": [colData.key === sortKey.value && sortOrder.value === SortOrderEnum.DESCEND ? bem$2("sort-active") : ""],
           "name": "spinner-expand",
           "size": "12",
           "style": {
@@ -18838,6 +19139,15 @@ var stdin_default$8 = vue.defineComponent({
         }, null)]) : ""])]);
       }
     };
+    const getElement = (rowData, colData) => {
+      if (rowData[colData.key] && rowData[colData.key].id && slots[`data-${rowData[colData.key].id}`]) {
+        return slots[`data-${rowData[colData.key].id}`](rowData[colData.key]);
+      }
+      return colData.ellipsis ? vue.createVNode(stdin_default$8, {
+        "content": rowData[colData.key],
+        "expandType": "dialog"
+      }, null) : rowData[colData.key];
+    };
     const getBody = (rowData, rowIndex) => vue.createVNode("tr", null, [formatColumns.value.map((colData) => {
       let additionalCellProps;
       if (colData.customCell) {
@@ -18847,23 +19157,23 @@ var stdin_default$8 = vue.defineComponent({
       style.left = colData.fixed ? colData.left : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && vue.createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem$3("left", {
+        "class": bem$2("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
         }),
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
-      }, [rowData[colData.key]]);
+      }, [getElement(rowData, colData)]);
     })]);
     const getCol = () => {
       const cols = [];
       const col = resortHeadList.value.length;
       for (let j = 0; j < col; j++) {
         cols.push(vue.createVNode("div", {
-          "class": bem$3("col")
+          "class": bem$2("col")
         }, [vue.createVNode("div", {
-          "class": bem$3("col-item")
+          "class": bem$2("col-item")
         }, null)]));
       }
       return cols;
@@ -18872,7 +19182,7 @@ var stdin_default$8 = vue.defineComponent({
       const Rows = [];
       for (let i = 0; i < props.skeletonRow; i++) {
         Rows.push(vue.createVNode("div", {
-          "class": bem$3("row", {
+          "class": bem$2("row", {
             head: i === 0
           })
         }, [getCol()]));
@@ -18880,12 +19190,12 @@ var stdin_default$8 = vue.defineComponent({
       return Rows;
     };
     return () => props.loading ? vue.createVNode("div", {
-      "class": bem$3({
+      "class": bem$2({
         animate: true,
         skeleton: true
       })
     }, [getLoadingColumn()]) : vue.createVNode("div", {
-      "class": bem$3({
+      "class": bem$2({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,
         striped: props.striped
@@ -18895,149 +19205,14 @@ var stdin_default$8 = vue.defineComponent({
       "style": {
         width: item.width
       }
-    }, null))]), vue.createVNode("thead", {
-      "class": bem$3("thead")
-    }, [vue.createVNode("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), vue.createVNode("tbody", {
-      "class": bem$3("tbody")
+    }, null))]), vue.withDirectives(vue.createVNode("thead", {
+      "class": bem$2("thead")
+    }, [vue.createVNode("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), [[vue.vShow, !props.hideTableHead]]), vue.createVNode("tbody", {
+      "class": bem$2("tbody")
     }, [props.dataList.map((rowData, rowIndex) => getBody(rowData, rowIndex))])])]);
   }
 });
-const Table = withInstall(stdin_default$8);
-const [name$2, bem$2] = createNamespace("text-ellipsis");
-const textEllipsisProps = {
-  rows: makeNumericProp(1),
-  dots: makeStringProp("..."),
-  content: makeStringProp(""),
-  expandText: makeStringProp(""),
-  collapseText: makeStringProp(""),
-  position: makeStringProp("end")
-};
-var stdin_default$7 = vue.defineComponent({
-  name: name$2,
-  props: textEllipsisProps,
-  emits: ["clickAction"],
-  setup(props, {
-    emit
-  }) {
-    const text = vue.ref("");
-    const expanded = vue.ref(false);
-    const hasAction = vue.ref(false);
-    const root = vue.ref();
-    const actionText = vue.computed(() => expanded.value ? props.collapseText : props.expandText);
-    const pxToNum = (value) => {
-      if (!value)
-        return 0;
-      const match = value.match(/^\d*(\.\d*)?/);
-      return match ? Number(match[0]) : 0;
-    };
-    const calcEllipsised = () => {
-      const cloneContainer = () => {
-        if (!root.value)
-          return;
-        const originStyle = window.getComputedStyle(root.value);
-        const container2 = document.createElement("div");
-        const styleNames = Array.prototype.slice.apply(originStyle);
-        styleNames.forEach((name2) => {
-          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
-        });
-        container2.style.position = "fixed";
-        container2.style.zIndex = "-9999";
-        container2.style.top = "-9999px";
-        container2.style.height = "auto";
-        container2.style.minHeight = "auto";
-        container2.style.maxHeight = "auto";
-        container2.innerText = props.content;
-        document.body.appendChild(container2);
-        return container2;
-      };
-      const calcEllipsisText = (container2, maxHeight2) => {
-        const {
-          content,
-          position,
-          dots
-        } = props;
-        const end = content.length;
-        const calcEllipse = () => {
-          const tail = (left, right) => {
-            if (right - left <= 1) {
-              if (position === "end") {
-                return content.slice(0, left) + dots;
-              }
-              return dots + content.slice(right, end);
-            }
-            const middle2 = Math.round((left + right) / 2);
-            if (position === "end") {
-              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
-            } else {
-              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
-            }
-            if (container2.offsetHeight > maxHeight2) {
-              if (position === "end") {
-                return tail(left, middle2);
-              }
-              return tail(middle2, right);
-            }
-            if (position === "end") {
-              return tail(middle2, right);
-            }
-            return tail(left, middle2);
-          };
-          container2.innerText = tail(0, end);
-        };
-        const middleTail = (leftPart, rightPart) => {
-          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
-          }
-          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText;
-          if (container2.offsetHeight >= maxHeight2) {
-            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
-          }
-          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
-        };
-        const middle = 0 + end >> 1;
-        props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
-        return container2.innerText;
-      };
-      const container = cloneContainer();
-      if (!container)
-        return;
-      const {
-        paddingBottom,
-        paddingTop,
-        lineHeight
-      } = container.style;
-      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
-      if (maxHeight < container.offsetHeight) {
-        hasAction.value = true;
-        text.value = calcEllipsisText(container, maxHeight);
-      } else {
-        hasAction.value = false;
-        text.value = props.content;
-      }
-      document.body.removeChild(container);
-    };
-    const onClickAction = (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      expanded.value = !expanded.value;
-      emit("clickAction", event);
-    };
-    const renderAction = () => vue.createVNode("span", {
-      "class": bem$2("action"),
-      "onClick": onClickAction
-    }, [actionText.value]);
-    vue.onMounted(calcEllipsised);
-    vue.watch(() => [props.content, props.rows, props.position], calcEllipsised);
-    use.useEventListener("resize", calcEllipsised);
-    return () => vue.createVNode("div", {
-      "ref": root,
-      "class": bem$2()
-    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
-  }
-});
-const TextEllipsis = withInstall(stdin_default$7);
+const Table = withInstall(stdin_default$7);
 const [name$1, bem$1] = createNamespace("timeline");
 const timelineProps = {
   title: makeStringProp("办理经过"),
@@ -19081,7 +19256,7 @@ var stdin_default$6 = vue.defineComponent({
           "class": bem$1("top-right")
         }, [vue.createVNode("span", {
           "class": bem$1("fold-text")
-        }, [vue.createTextVNode("折叠"), props.title]), vue.createVNode(stdin_default$b, {
+        }, [vue.createTextVNode("折叠"), props.title]), vue.createVNode(stdin_default$c, {
           "modelValue": isFold.value,
           "onUpdate:modelValue": ($event) => isFold.value = $event
         }, null)])]);
@@ -20634,7 +20809,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.18";
+const version = "3.1.20";
 function install(app) {
   const components = [
     ActionSheet,