@deot/vc-components 1.0.59 → 1.0.61

package/dist/index.cjs

@@ -121,9 +121,9 @@ const props$1u = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$2a = 'vc-action-sheet';
+const COMPONENT_NAME$2b = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$2a,
+  name: COMPONENT_NAME$2b,
   props: props$1u,
   setup(props, {
     slots
@@ -200,9 +200,9 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$29 = 'vc-affix';
+const COMPONENT_NAME$2a = 'vc-affix';
 const Affix = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$29,
+  name: COMPONENT_NAME$2a,
   emits: ['update:modelValue'],
   props: props$1t,
   setup(props, {
@@ -534,9 +534,9 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$28 = 'vc-icon';
+const COMPONENT_NAME$29 = 'vc-icon';
 const Icon = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$28,
+  name: COMPONENT_NAME$29,
   props: props$1r,
   setup(props) {
     const viewBox = vue.ref('0 0 1024 1024');
@@ -735,9 +735,9 @@ const useTransition = () => {
   };
 };
 
-const COMPONENT_NAME$27 = "vc-transition";
+const COMPONENT_NAME$28 = "vc-transition";
 const Transition = vue.defineComponent({
-  name: COMPONENT_NAME$27,
+  name: COMPONENT_NAME$28,
   props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -758,9 +758,9 @@ const Transition = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$26 = "vc-transition-collapse";
+const COMPONENT_NAME$27 = "vc-transition-collapse";
 const TransitionCollapse = vue.defineComponent({
-  name: COMPONENT_NAME$26,
+  name: COMPONENT_NAME$27,
   props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -875,9 +875,9 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$25 = "vc-transition-fade";
+const COMPONENT_NAME$26 = "vc-transition-fade";
 const TransitionFade = vue.defineComponent({
-  name: COMPONENT_NAME$25,
+  name: COMPONENT_NAME$26,
   props: {
     ...props$1q,
     // inheritAttrs必须是false
@@ -912,9 +912,9 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$24 = "vc-transition-scale";
+const COMPONENT_NAME$25 = "vc-transition-scale";
 const TransitionScale = vue.defineComponent({
-  name: COMPONENT_NAME$24,
+  name: COMPONENT_NAME$25,
   props: {
     ...props$1q,
     mode: {
@@ -954,9 +954,9 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$23 = "vc-transition-slide";
+const COMPONENT_NAME$24 = "vc-transition-slide";
 const TransitionSlide = vue.defineComponent({
-  name: COMPONENT_NAME$23,
+  name: COMPONENT_NAME$24,
   props: {
     ...props$1q,
     mode: {
@@ -996,9 +996,9 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$22 = "vc-transition-zoom";
+const COMPONENT_NAME$23 = "vc-transition-zoom";
 const TransitionZoom = vue.defineComponent({
-  name: COMPONENT_NAME$22,
+  name: COMPONENT_NAME$23,
   props: {
     ...props$1q,
     mode: {
@@ -1040,7 +1040,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$21 = 'vc-alert';
+const COMPONENT_NAME$22 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1050,7 +1050,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$21,
+  name: COMPONENT_NAME$22,
   props: props$1s,
   setup(props, {
     slots,
@@ -1156,9 +1156,9 @@ const props$1p = {
 /** @jsxImportSource vue */
 
 const isTouch = typeof document !== 'undefined' && 'ontouchend' in document;
-const COMPONENT_NAME$20 = 'vc-artboard';
+const COMPONENT_NAME$21 = 'vc-artboard';
 const Artboard = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$20,
+  name: COMPONENT_NAME$21,
   props: props$1p,
   setup(props, {
     emit,
@@ -1386,9 +1386,9 @@ const props$1o = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1$ = 'vc-spin';
+const COMPONENT_NAME$20 = 'vc-spin';
 const Spin = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$20,
   props: props$1o,
   setup(props, {
     slots
@@ -1439,9 +1439,9 @@ const props$1n = {
   exclude: RegExp
 };
 
-const COMPONENT_NAME$1_ = "vc-debounce";
+const COMPONENT_NAME$1$ = "vc-debounce";
 const Debounce = vue.defineComponent({
-  name: COMPONENT_NAME$1_,
+  name: COMPONENT_NAME$1$,
   props: props$1n,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -1514,9 +1514,9 @@ const props$1m = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Z = 'vc-button';
+const COMPONENT_NAME$1_ = 'vc-button';
 const Button = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1Z,
+  name: COMPONENT_NAME$1_,
   emits: ['click'],
   props: props$1m,
   setup(props, {
@@ -1600,9 +1600,9 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Y = 'vc-button-group';
+const COMPONENT_NAME$1Z = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1Z,
   props: props$1l,
   setup(props, {
     slots
@@ -1636,9 +1636,9 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1X = 'vc-calendar';
+const COMPONENT_NAME$1Y = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1X,
+  name: COMPONENT_NAME$1Y,
   props: props$1k,
   setup(props, {
     slots
@@ -1676,9 +1676,9 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1W = 'vc-card';
+const COMPONENT_NAME$1X = 'vc-card';
 const Card = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1W,
+  name: COMPONENT_NAME$1X,
   props: props$1j,
   setup(props, {
     slots
@@ -1714,9 +1714,9 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1V = 'vc-carousel';
+const COMPONENT_NAME$1W = 'vc-carousel';
 const Carousel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1W,
   props: props$1i,
   setup(props, {
     slots
@@ -2010,9 +2010,9 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1U = 'vc-input';
+const COMPONENT_NAME$1V = 'vc-input';
 const Input = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1U,
+  name: COMPONENT_NAME$1V,
   inheritAttrs: false,
   props: {
     ...props$1h,
@@ -2347,9 +2347,9 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-input-number';
+const COMPONENT_NAME$1U = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   props: props$1g,
   inheritAttrs: false,
   setup(props, {
@@ -2413,9 +2413,9 @@ const props$1f = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-input-search';
+const COMPONENT_NAME$1T = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1T,
   props: props$1f,
   inheritAttrs: false,
   setup(props, {
@@ -2808,9 +2808,9 @@ const props$1c = {
   }
 };
 
-const COMPONENT_NAME$1R = "vc-customer";
+const COMPONENT_NAME$1S = "vc-customer";
 const Customer = vue.defineComponent({
-  name: COMPONENT_NAME$1R,
+  name: COMPONENT_NAME$1S,
   props: props$1c,
   setup(props, context) {
     return () => vue.h(() => {
@@ -2886,7 +2886,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1Q = "vc-portal";
+const COMPONENT_NAME$1R = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2936,7 +2936,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1Q)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1R)
     };
   }
   popup(propsData, options) {
@@ -3034,7 +3034,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1Q)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1R)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -3068,7 +3068,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1Q,
+        name: COMPONENT_NAME$1R,
         parent,
         setup() {
           if (alive) {
@@ -3179,13 +3179,13 @@ const props$1b = {
   }
 };
 
-const COMPONENT_NAME$1P = 'vc-portal-view';
+const COMPONENT_NAME$1Q = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1P,
+  name: COMPONENT_NAME$1Q,
   props: props$1b,
   setup(props, {
     slots
@@ -3205,9 +3205,9 @@ const PortalView = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1O = 'vc-popover-wrapper';
+const COMPONENT_NAME$1P = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1O,
+  name: COMPONENT_NAME$1P,
   props: props$1e,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
@@ -3384,7 +3384,7 @@ const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
      * 同时close兼容portal设计
      */
     const handleRemove = () => {
-      !instance.isUnmounted && (emit('portal-fulfilled'), emit('close'));
+      !instance.isUnmounted && (emit('close'), emit('portal-fulfilled'));
     };
 
     /**
@@ -3465,9 +3465,9 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1N = 'vc-popover';
+const COMPONENT_NAME$1O = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1O,
   props: props$1d,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
@@ -3611,9 +3611,9 @@ const Popover = Object.assign(Popover$1, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1M = 'vc-cascader-column';
+const COMPONENT_NAME$1N = 'vc-cascader-column';
 const CascaderColumn = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1N,
   emits: ['click', 'change'],
   props: {
     data: {
@@ -3821,9 +3821,9 @@ const props$19 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1L = 'vc-cascader';
+const COMPONENT_NAME$1M = 'vc-cascader';
 const Cascader = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1M,
   inheritAttrs: false,
   props: props$19,
   emits: ['update:modelValue', 'visible-change', 'ready', 'change', 'close'],
@@ -4024,7 +4024,7 @@ const Cascader = /* @__PURE__ */ vue.defineComponent({
         separator: props.separator
       });
       if (!lodashEs.isEqualWith(currentValue.value, v)) {
-        currentValue.value = v;
+        currentValue.value = [...v];
       }
       emit('close');
     };
@@ -4041,9 +4041,8 @@ const Cascader = /* @__PURE__ */ vue.defineComponent({
         numerable: props.numerable,
         separator: props.separator
       });
-      if (!lodashEs.isEqualWith(currentValue.value, v)) {
-        currentValue.value = v;
-      }
+      // 不使用currentValue.value = v; 避免同步修改源数据，这里有取消操作
+      currentValue.value = v && v.length > 0 ? [...v] : [];
     }, {
       immediate: true
     });
@@ -4176,9 +4175,9 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1K = 'vc-chart';
+const COMPONENT_NAME$1L = 'vc-chart';
 const Chart = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1L,
   props: props$18,
   emits: [...EVENTS, 'ready'],
   setup(props, {
@@ -4417,9 +4416,9 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1J = 'vc-checkbox';
+const COMPONENT_NAME$1K = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1J,
+  name: COMPONENT_NAME$1K,
   props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4506,9 +4505,9 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1I = 'vc-checkbox-group';
+const COMPONENT_NAME$1J = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1I,
+  name: COMPONENT_NAME$1J,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4526,9 +4525,9 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1H = 'vcm-checkbox';
+const COMPONENT_NAME$1I = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1H,
+  name: COMPONENT_NAME$1I,
   props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4568,9 +4567,9 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1G = 'vcm-checkbox-group';
+const COMPONENT_NAME$1H = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1G,
+  name: COMPONENT_NAME$1H,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4624,9 +4623,9 @@ const props$15 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1F = 'vc-message';
+const COMPONENT_NAME$1G = 'vc-message';
 const MessageView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1F,
+  name: COMPONENT_NAME$1G,
   emits: ['before-close', 'close', 'portal-fulfilled'],
   props: props$15,
   setup(props, {
@@ -4875,9 +4874,9 @@ const useClipboard = (done) => {
   return () => vue.h(props.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
 };
 
-const COMPONENT_NAME$1E = "vc-clipboard";
+const COMPONENT_NAME$1F = "vc-clipboard";
 const Clipboard$1 = vue.defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1F,
   props: props$14,
   setup() {
     return useClipboard((content) => Message.success({ content }));
@@ -4917,9 +4916,9 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1D = 'vcm-toast';
+const COMPONENT_NAME$1E = 'vcm-toast';
 const MToastView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1D,
+  name: COMPONENT_NAME$1E,
   emits: ['close', 'portal-fulfilled'],
   props: props$13,
   setup(props, {
@@ -5021,9 +5020,9 @@ const warning$2 = create$3({ mode: "warning" });
 const error$2 = create$3({ mode: "error" });
 const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
 
-const COMPONENT_NAME$1C = "vcm-clipboard";
+const COMPONENT_NAME$1D = "vcm-clipboard";
 const MClipboard$1 = vue.defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1D,
   props: props$14,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
@@ -5055,9 +5054,9 @@ const props$12 = {
   }
 };
 
-const COMPONENT_NAME$1B = "vc-collapse";
+const COMPONENT_NAME$1C = "vc-collapse";
 const Collapse = vue.defineComponent({
-  name: COMPONENT_NAME$1B,
+  name: COMPONENT_NAME$1C,
   props: props$12,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
@@ -5174,9 +5173,9 @@ const props$10 = {
 function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1A = 'vc-expand';
+const COMPONENT_NAME$1B = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1B,
   props: props$10,
   setup(props, {
     slots
@@ -5206,9 +5205,9 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1z = 'vc-collapse-item';
+const COMPONENT_NAME$1A = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1z,
+  name: COMPONENT_NAME$1A,
   props: props$11,
   setup(props, {
     slots,
@@ -5283,9 +5282,9 @@ const props$$ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1y = 'vc-color-picker';
+const COMPONENT_NAME$1z = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1y,
+  name: COMPONENT_NAME$1z,
   props: props$$,
   setup(props, {
     slots
@@ -5348,9 +5347,9 @@ const formatter = (format, arr) => {
 function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1x = 'vc-countdown';
+const COMPONENT_NAME$1y = 'vc-countdown';
 const Countdown = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1x,
+  name: COMPONENT_NAME$1y,
   props: props$_,
   emits: ['change', 'complete', 'error'],
   setup(props, {
@@ -5617,9 +5616,9 @@ const value2separated = (value, options) => {
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1w = 'vc-counter';
+const COMPONENT_NAME$1x = 'vc-counter';
 const Counter = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1x,
   props: props$Z,
   emits: ['begin', 'complete', 'change'],
   setup(props, {
@@ -5631,7 +5630,7 @@ const Counter = /* @__PURE__ */ vue.defineComponent({
     const duration = vue.ref(props.duration);
     const remaining = vue.ref(duration.value);
     const startVal = vue.ref(0);
-    const endVal = vue.ref(separated2value(props.value, props));
+    const endVal = vue.ref(!props.value ? 0 : separated2value(props.value, props));
     const frameVal = vue.ref(startVal.value);
     const finalEndVal = vue.ref(null);
     const useEasing = vue.ref(!!props.easing);
@@ -5654,7 +5653,7 @@ const Counter = /* @__PURE__ */ vue.defineComponent({
       return typeof props.easing === 'function' ? props.easing : (t, b, c, d) => c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
     });
     const displayValue = vue.computed(() => {
-      if (props.value === '' || typeof props.value !== 'string' && typeof props.value !== 'number') {
+      if (props.value === '' || typeof props.value !== 'string' && typeof props.value !== 'number' || typeof props.value === 'string' && Number.isNaN(parseFloat(props.value))) {
         return props.placeholder;
       }
       return prints.value;
@@ -6882,9 +6881,9 @@ const getTimeType = type => {
   }
   return view;
 };
-const COMPONENT_NAME$1v = 'vc-date-confirm';
+const COMPONENT_NAME$1w = 'vc-date-confirm';
 const Confirm = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1v,
+  name: COMPONENT_NAME$1w,
   props: {
     showTime: {
       type: Boolean,
@@ -6948,9 +6947,9 @@ const Confirm = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1u = 'vc-date-header';
+const COMPONENT_NAME$1v = 'vc-date-header';
 const DateHeader = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1u,
+  name: COMPONENT_NAME$1v,
   props: {
     panelDate: Date,
     showNext: {
@@ -7034,9 +7033,9 @@ const DateHeader = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1t = 'vc-date-table';
+const COMPONENT_NAME$1u = 'vc-date-table';
 const DateTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1t,
+  name: COMPONENT_NAME$1u,
   props: {
     value: Array,
     firstDayOfWeek: {
@@ -7245,9 +7244,9 @@ const DateTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1s = 'vc-month-table';
+const COMPONENT_NAME$1t = 'vc-month-table';
 const MonthTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1s,
+  name: COMPONENT_NAME$1t,
   props: {
     value: Array,
     panelDate: Date,
@@ -7379,7 +7378,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1r = 'vc-quarter-table';
+const COMPONENT_NAME$1s = 'vc-quarter-table';
 
 /**
  * 获取季度对应的月份范围
@@ -7413,7 +7412,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1s,
   props: {
     value: Array,
     panelDate: Date,
@@ -7536,9 +7535,9 @@ const QuarterTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1q = 'vc-shortcuts-select';
+const COMPONENT_NAME$1r = 'vc-shortcuts-select';
 const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1r,
   props: {
     panelDate: Date,
     config: Array,
@@ -7578,9 +7577,9 @@ const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1p = 'vc-time-select';
+const COMPONENT_NAME$1q = 'vc-time-select';
 const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1p,
+  name: COMPONENT_NAME$1q,
   props: {
     hours: {
       type: [Number, String],
@@ -7860,9 +7859,9 @@ const TimeSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1o = 'vc-year-table';
+const COMPONENT_NAME$1p = 'vc-year-table';
 const YearTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1o,
+  name: COMPONENT_NAME$1p,
   props: {
     value: Array,
     panelDate: Date,
@@ -7985,9 +7984,9 @@ const getDateIsInRange = (value, type, leftPanelDate, rightPanelDate) => {
   }
   return true;
 };
-const COMPONENT_NAME$1n = 'vc-date-range-panel';
+const COMPONENT_NAME$1o = 'vc-date-range-panel';
 const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1n,
+  name: COMPONENT_NAME$1o,
   props: {
     ...props$W,
     confirm: {
@@ -8366,9 +8365,9 @@ const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1m = 'vc-date-panel';
+const COMPONENT_NAME$1n = 'vc-date-panel';
 const DatePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1m,
+  name: COMPONENT_NAME$1n,
   props: {
     ...props$W,
     type: String,
@@ -8576,9 +8575,9 @@ const isEqualYear$1 = value => {
   const endYear = value[1].getFullYear();
   return startYear === endYear;
 };
-const COMPONENT_NAME$1l = 'vc-monthrange-panel';
+const COMPONENT_NAME$1m = 'vc-monthrange-panel';
 const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1l,
+  name: COMPONENT_NAME$1m,
   props: {
     ...props$W,
     confirm: {
@@ -8753,9 +8752,9 @@ const isEqualYear = value => {
   const endYear = value[1].getFullYear();
   return startYear === endYear;
 };
-const COMPONENT_NAME$1k = 'vc-quarterrange-panel';
+const COMPONENT_NAME$1l = 'vc-quarterrange-panel';
 const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1k,
+  name: COMPONENT_NAME$1l,
   props: {
     ...props$W,
     confirm: {
@@ -8994,9 +8993,9 @@ const getComparedDate = (leftDate, rightDate) => {
     seconds
   };
 };
-const COMPONENT_NAME$1j = 'vc-timerange-panel';
+const COMPONENT_NAME$1k = 'vc-timerange-panel';
 const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1k,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -9097,9 +9096,9 @@ const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1i = 'vc-time-panel';
+const COMPONENT_NAME$1j = 'vc-time-panel';
 const TimePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1j,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -9155,7 +9154,7 @@ const TimePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1h = 'vc-date-picker';
+const COMPONENT_NAME$1i = 'vc-date-picker';
 const getPanel$1 = type => {
   if (['daterange', 'datetimerange'].includes(type)) {
     return DateRangePanel;
@@ -9166,7 +9165,7 @@ const getPanel$1 = type => {
   }
   return DatePanel;
 };
-const DatePicker = createPicker(COMPONENT_NAME$1h, props$Y, () => {
+const DatePicker = createPicker(COMPONENT_NAME$1i, props$Y, () => {
   const props = vue.getCurrentInstance().props;
   const icon = vue.ref('date');
   const panel = vue.shallowRef({});
@@ -9207,9 +9206,9 @@ const props$U = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1g = 'vc-divider';
+const COMPONENT_NAME$1h = 'vc-divider';
 const Divider = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1g,
+  name: COMPONENT_NAME$1h,
   props: props$U,
   setup(props, {
     slots
@@ -9345,7 +9344,7 @@ const props$R = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1f = 'vc-scroller-track';
+const COMPONENT_NAME$1g = 'vc-scroller-track';
 const BAR_MAP = {
   vertical: {
     scroll: 'scrollTop',
@@ -9365,7 +9364,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1f,
+  name: COMPONENT_NAME$1g,
   props: props$T,
   emits: ['change'],
   inheritAttrs: false,
@@ -9555,9 +9554,9 @@ const Track = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1e = 'vc-scroller-bar';
+const COMPONENT_NAME$1f = 'vc-scroller-bar';
 const Bar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1f,
   props: props$S,
   emits: ['change'],
   setup(props, {
@@ -9791,7 +9790,7 @@ const useScroller = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1d = 'vc-scroller';
+const COMPONENT_NAME$1e = 'vc-scroller';
 
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -9802,7 +9801,7 @@ const COMPONENT_NAME$1d = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1d,
+  name: COMPONENT_NAME$1e,
   props: props$R,
   emits: ['scroll'],
   setup(props, {
@@ -9863,7 +9862,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1c = 'vc-scroller-wheel';
+const COMPONENT_NAME$1d = 'vc-scroller-wheel';
 
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -9885,7 +9884,7 @@ const COMPONENT_NAME$1c = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1d,
   props: Object.assign({}, props$R, {
     stopPropagation: {
       type: Boolean,
@@ -10074,9 +10073,9 @@ const props$Q = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1b = 'vc-drawer';
+const COMPONENT_NAME$1c = 'vc-drawer';
 const DrawerView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1c,
   props: props$Q,
   emits: ['close', 'update:modelValue', 'visible-change'],
   setup(props, {
@@ -10265,9 +10264,9 @@ const props$P = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1a = 'vc-dropdown';
+const COMPONENT_NAME$1b = 'vc-dropdown';
 const Dropdown = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1a,
+  name: COMPONENT_NAME$1b,
   props: props$P,
   inheritAttrs: false,
   emits: ['update:modelValue', 'ready', 'close', 'visible-change', 'click'],
@@ -10337,9 +10336,9 @@ const Dropdown = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$19 = 'vc-dropdown-menu';
+const COMPONENT_NAME$1a = 'vc-dropdown-menu';
 const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$19,
+  name: COMPONENT_NAME$1a,
   setup(_, {
     slots
   }) {
@@ -10353,9 +10352,10 @@ const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$18 = 'vc-dropdown-item';
+const COMPONENT_NAME$19 = 'vc-dropdown-item';
 const DropdownItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$18,
+  name: COMPONENT_NAME$19,
+  emits: ['click'],
   props: {
     value: {
       type: [String, Number],
@@ -10559,9 +10559,9 @@ const defaults = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$17 = 'vc-editor-toolbar';
+const COMPONENT_NAME$18 = 'vc-editor-toolbar';
 const EditorToolbar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$18,
   props: {
     options: [Array, Object],
     elementId: String
@@ -10769,9 +10769,9 @@ const props$O = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$16 = 'vc-image-preview';
+const COMPONENT_NAME$17 = 'vc-image-preview';
 const ImagePreview$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$17,
   props: props$O,
   setup(props, {
     slots
@@ -10815,8 +10815,9 @@ const getFitSize = (src) => {
   });
 };
 const open$2 = async (options) => {
+  const { data: originalData, current, ...photoSwipeOptions } = options;
   const e = VcInstance.globalEvent;
-  const data = options.data.map((i) => {
+  const data = originalData.map((i) => {
     if (typeof i === "string") {
       return {
         src: i
@@ -10843,11 +10844,18 @@ const open$2 = async (options) => {
     arrowNextTitle: "下一张",
     errorMsg: "网络异常 图片加载失败",
     indexIndicatorSep: " / ",
-    initialZoomLevel: "fit"
+    wheelToZoom: true,
+    // 默认fit展示
+    initialZoomLevel: "fit",
+    // 最大展示或按钮+最大展示（如果原图size 乘 secondaryZoomLevel 还在屏幕内，不展示+号）
+    secondaryZoomLevel: 4,
+    // 滚轮/手势最大展示
+    maxZoomLevel: 10,
+    ...photoSwipeOptions
   });
   lightbox.init();
   lightbox.loadAndOpen(
-    options.current || 0,
+    current || 0,
     data,
     // 下面无效，需要给官方支持
     {
@@ -10958,9 +10966,9 @@ const props$N = {
   }
 };
 
-const COMPONENT_NAME$15 = "vc-upload";
+const COMPONENT_NAME$16 = "vc-upload";
 const Upload$1 = vue.defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$16,
   props: props$N,
   emits: [
     "message",
@@ -11494,9 +11502,9 @@ const props$M = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$14 = 'vc-editor';
+const COMPONENT_NAME$15 = 'vc-editor';
 const Editor = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$15,
   props: props$M,
   defaults,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
@@ -11685,7 +11693,7 @@ const Editor = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$13 = 'vc-editor-view';
+const COMPONENT_NAME$14 = 'vc-editor-view';
 const setImages = v => {
   if (!v) return;
   const IMG_REGX = /<img.*?(?:>|\/>)/gi;
@@ -11703,7 +11711,7 @@ const setImages = v => {
   return;
 };
 const EditorView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: {
     value: {
       type: String,
@@ -11918,9 +11926,9 @@ const useForm = (expose, options = {}) => {
   });
 };
 
-const COMPONENT_NAME$12 = "vc-form";
+const COMPONENT_NAME$13 = "vc-form";
 const Form = vue.defineComponent({
-  name: COMPONENT_NAME$12,
+  name: COMPONENT_NAME$13,
   props: props$L,
   setup(props, { slots, expose }) {
     useForm(expose);
@@ -12268,9 +12276,9 @@ const useFormItem = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$11 = 'vc-form-item';
+const COMPONENT_NAME$12 = 'vc-form-item';
 const FormItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$11,
+  name: COMPONENT_NAME$12,
   props: props$K,
   setup(props, {
     slots,
@@ -12338,9 +12346,9 @@ const props$J = {
   }
 };
 
-const COMPONENT_NAME$10 = "vcm-form";
+const COMPONENT_NAME$11 = "vcm-form";
 const MForm = vue.defineComponent({
-  name: COMPONENT_NAME$10,
+  name: COMPONENT_NAME$11,
   props: props$J,
   setup(props, { slots, expose }) {
     useForm(expose, {
@@ -12371,9 +12379,9 @@ const props$I = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$$ = 'vcm-form-item';
+const COMPONENT_NAME$10 = 'vcm-form-item';
 const MFormItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$$,
+  name: COMPONENT_NAME$10,
   props: props$I,
   setup(props, {
     slots,
@@ -12428,9 +12436,9 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$_ = "vc-fragment";
+const COMPONENT_NAME$$ = "vc-fragment";
 const Fragment = vue.defineComponent({
-  name: COMPONENT_NAME$_,
+  name: COMPONENT_NAME$$,
   setup(_, { slots }) {
     return () => vue.h(vue.Fragment, slots.default?.());
   }
@@ -12469,9 +12477,9 @@ const props$H = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$Z = 'vc-snapshot';
+const COMPONENT_NAME$_ = 'vc-snapshot';
 const Snapshot = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$Z,
+  name: COMPONENT_NAME$_,
   props: props$H,
   emits: ['ready'],
   setup(props, {
@@ -12630,7 +12638,7 @@ const IMGStore$1 = new IMGStore();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$Y = 'vc-image';
+const COMPONENT_NAME$Z = 'vc-image';
 let isSupportObjectFit = false;
 window.addEventListener('DOMContentLoaded', () => {
   isSupportObjectFit = !vcShared.IS_SERVER && document.documentElement.style.objectFit !== undefined;
@@ -12643,7 +12651,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$Y,
+  name: COMPONENT_NAME$Z,
   inheritAttrs: false,
   props: props$G,
   setup(props, {
@@ -12860,9 +12868,9 @@ const props$F = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$X = 'vc-image-crop';
+const COMPONENT_NAME$Y = 'vc-image-crop';
 const ImageCrop = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$X,
+  name: COMPONENT_NAME$Y,
   props: props$F,
   setup(props, {
     slots
@@ -12888,9 +12896,9 @@ const props$E = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$W = 'vc-image-processing';
+const COMPONENT_NAME$X = 'vc-image-processing';
 const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$W,
+  name: COMPONENT_NAME$X,
   props: props$E,
   setup(props, {
     slots
@@ -12907,9 +12915,9 @@ const MImageProcessing = ImageProcessing;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$V = 'vcm-input';
+const COMPONENT_NAME$W = 'vcm-input';
 const MInput = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$V,
+  name: COMPONENT_NAME$W,
   inheritAttrs: false,
   props: {
     ...props$1h,
@@ -12998,9 +13006,9 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$U = 'vcm-input-number';
+const COMPONENT_NAME$V = 'vcm-input-number';
 const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$U,
+  name: COMPONENT_NAME$V,
   props: props$1g,
   inheritAttrs: false,
   setup(props, {
@@ -13049,9 +13057,9 @@ const MInputNumber = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$T = 'vcm-input-search';
+const COMPONENT_NAME$U = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$T,
+  name: COMPONENT_NAME$U,
   props: {
     ...props$1f,
     cancelText: {
@@ -13128,9 +13136,9 @@ const props$D = {
   }
 };
 
-const COMPONENT_NAME$S = "vcm-list";
+const COMPONENT_NAME$T = "vcm-list";
 const MList = vue.defineComponent({
-  name: COMPONENT_NAME$S,
+  name: COMPONENT_NAME$T,
   props: props$D,
   setup(props, { slots }) {
     vue.provide("vc-list", { props });
@@ -13185,10 +13193,10 @@ const props$C = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$R = 'vcm-list-item';
+const COMPONENT_NAME$S = 'vcm-list-item';
 const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
 const MListItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$R,
+  name: COMPONENT_NAME$S,
   props: props$C,
   emits: ['click'],
   setup(props, {
@@ -13282,11 +13290,11 @@ const props$B = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$Q = 'vc-marquee';
+const COMPONENT_NAME$R = 'vc-marquee';
 const ANIMATION = $.prefixStyle('animation').camel;
 const TRANSFORM_KEBAB = $.prefixStyle('transform').kebab;
 const Marquee = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$Q,
+  name: COMPONENT_NAME$R,
   props: props$B,
   setup(props, {
     slots
@@ -13354,9 +13362,9 @@ const props$A = {
   }
 };
 
-const COMPONENT_NAME$P = "vc-resizer";
+const COMPONENT_NAME$Q = "vc-resizer";
 const Resizer = vue.defineComponent({
-  name: COMPONENT_NAME$P,
+  name: COMPONENT_NAME$Q,
   props: props$A,
   emits: ["resize"],
   setup(props, { emit, slots, expose }) {
@@ -13526,10 +13534,10 @@ const props$z = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$O = 'vc-modal';
+const COMPONENT_NAME$P = 'vc-modal';
 let zIndexNumber = 1002;
 const ModalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$O,
+  name: COMPONENT_NAME$P,
   emits: ['update:modelValue', 'close', 'portal-fulfilled', 'visible-change', 'ok', 'cancel'],
   props: props$z,
   setup(props, {
@@ -13968,9 +13976,9 @@ const props$y = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$N = 'vc-modal';
+const COMPONENT_NAME$O = 'vc-modal';
 const MModalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$N,
+  name: COMPONENT_NAME$O,
   emits: ['update:modelValue', 'portal-fulfilled', 'close', 'ok', 'cancel'],
   props: props$y,
   setup(props, {
@@ -14182,9 +14190,9 @@ const props$x = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$M = 'vc-notice';
+const COMPONENT_NAME$N = 'vc-notice';
 const NoticeView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$M,
+  name: COMPONENT_NAME$N,
   props: props$x,
   emits: ['portal-fulfilled', 'close', 'before-close'],
   setup(props, {
@@ -14357,9 +14365,9 @@ const props$w = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$L = 'vc-option';
+const COMPONENT_NAME$M = 'vc-option';
 const Option$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$L,
+  name: COMPONENT_NAME$M,
   props: props$w,
   setup(props, {
     slots
@@ -14443,9 +14451,9 @@ const props$u = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$K = 'vc-tag';
+const COMPONENT_NAME$L = 'vc-tag';
 const Tag = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$K,
+  name: COMPONENT_NAME$L,
   props: props$u,
   emits: ['close', 'change'],
   setup(props, {
@@ -14516,12 +14524,13 @@ const props$t = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$J = 'vc-select-option';
+const COMPONENT_NAME$K = 'vc-select-option';
 const Option = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$J,
+  name: COMPONENT_NAME$K,
   props: props$t,
   setup(props, {
-    slots
+    slots,
+    expose
   }) {
     const owner = vcHooks.getInstance('select', 'selectId');
     const formatterLabel = vue.computed(() => {
@@ -14541,9 +14550,12 @@ const Option = /* @__PURE__ */ vue.defineComponent({
       } = owner.exposed;
       return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
     });
+    const searchRegex = vue.computed(() => {
+      const v = owner.exposed.searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+      return new RegExp(`(${v.join('|')})`, 'i');
+    });
     const isActive = vue.computed(() => {
-      const regex = owner.exposed.searchRegex.value;
-      return regex.test(formatterLabel.value) || !props.filterable;
+      return !!(searchRegex.value.test(formatterLabel.value) || !props.filterable);
     });
     const customOptions = vue.computed(() => {
       return {
@@ -14571,6 +14583,12 @@ const Option = /* @__PURE__ */ vue.defineComponent({
     const handlePrevent = e => {
       e.preventDefault();
     };
+    expose({
+      isActive,
+      isChecked,
+      formatterLabel,
+      props
+    });
     return () => {
       if (!isActive.value) return;
       return typeof props.render === 'function' ? vue.createVNode(Customer, vue.mergeProps({
@@ -14604,9 +14622,9 @@ const props$s = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$I = 'vc-select-option-group';
+const COMPONENT_NAME$J = 'vc-select-option-group';
 const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$I,
+  name: COMPONENT_NAME$J,
   props: props$s,
   setup(props, {
     slots
@@ -14636,6 +14654,78 @@ const OptionGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
+const COMPONENT_NAME$I = 'vc-select-all';
+const SelectAll = /* @__PURE__ */ vue.defineComponent({
+  name: COMPONENT_NAME$I,
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const owner = vcHooks.getInstance('select', 'selectId');
+
+    /**
+     * 获取所有可选择的选项（排除disabled的）
+     */
+    const selectableOptions = vue.computed(() => {
+      return props.data.filter(option => {
+        if (!option.isActive || option.props.disabled) return false;
+        return true;
+      });
+    });
+
+    /**
+     * 获取所有可选项的值
+     */
+    const selectableValues = vue.computed(() => {
+      return selectableOptions.value.map(option => option.props.value);
+    });
+
+    /**
+     * 判断是否所有可选项都已选中
+     */
+    const isAllSelected = vue.computed(() => {
+      if (!owner?.exposed || selectableValues.value.length === 0) {
+        return false;
+      }
+      const current = owner.exposed.current.value || [];
+      return selectableValues.value.every(value => current.includes(value));
+    });
+    const handleSelectAll = () => {
+      if (!owner?.exposed) return;
+      const current = owner.exposed.current.value || [];
+      const {
+        add,
+        remove
+      } = owner.exposed;
+      const isSelected = isAllSelected.value;
+      selectableValues.value.forEach(value => {
+        if (isSelected && current.includes(value)) {
+          remove(value);
+        } else if (!isSelected && !current.includes(value)) {
+          add(value);
+        }
+      });
+    };
+    return () => {
+      // 如果没有可选项，不显示按钮
+      if (selectableOptions.value.length === 0) {
+        return null;
+      }
+      return vue.createVNode("div", {
+        "class": [{
+          'is-selected': isAllSelected.value
+        }, 'vc-select-all'],
+        "onClick": handleSelectAll
+      }, [isAllSelected.value ? '取消全选' : '全选']);
+    };
+  }
+});
+
+/** @jsxImportSource vue */
+
 const COMPONENT_NAME$H = 'vc-select';
 const Select = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$H,
@@ -14656,7 +14746,6 @@ const Select = /* @__PURE__ */ vue.defineComponent({
     const isActive = vue.ref(false);
     const isLoading = vue.ref(false);
     const searchValue = vue.ref('');
-    const searchRegex = vue.ref(new RegExp(''));
     const currentValue = vue.ref([]);
     const source = vue.computed(() => {
       return flattenData$1(props.data, {
@@ -14691,6 +14780,20 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       const v = currentValue.value.length - props.maxTags;
       return v < 0 ? 0 : v;
     });
+    const optionMap = vue.ref({});
+    const options = vue.computed(() => {
+      return Object.values(optionMap.value);
+    });
+    const showSelectAll = vue.computed(() => {
+      return props.searchable && multiple.value && searchValue.value.trim().length > 0 && options.value.length > 0;
+    });
+    const setOption = (item, el) => {
+      if (el) {
+        optionMap.value[item.value] = el;
+      } else {
+        delete optionMap.value[item.value];
+      }
+    };
 
     /**
      * v-model 同步, 外部的数据改变时不会触发
@@ -14736,7 +14839,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       sync();
     };
     const remove = v => {
-      const index = currentValue.value.findIndex(i => i == v);
+      const index = currentValue.value.findIndex(i => i === v);
       currentValue.value.splice(index, 1);
       sync();
     };
@@ -14756,7 +14859,6 @@ const Select = /* @__PURE__ */ vue.defineComponent({
     };
     const handleSearch = v => {
       searchValue.value = v;
-      searchRegex.value = new RegExp(escapeString(v.trim()), 'i');
       props.loadData && _loadData();
     };
     vue.watch(() => props.modelValue, v => {
@@ -14774,7 +14876,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       add,
       remove,
       close,
-      searchRegex,
+      searchValue,
       multiple,
       isActive,
       current: currentValue,
@@ -14859,6 +14961,8 @@ const Select = /* @__PURE__ */ vue.defineComponent({
             "modelValue": searchValue.value,
             "placeholder": props.searchPlaceholder,
             "onInput": handleSearch
+          }, null), showSelectAll.value && vue.createVNode(SelectAll, {
+            "data": options.value
           }, null)]), isLoading.value && vue.createVNode("div", {
             "class": "vc-select__loading"
           }, [vue.createVNode(Spin, {
@@ -14879,6 +14983,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
                 default: () => {
                   return item.children.map($item => {
                     return vue.createVNode(Option, {
+                      "ref": el => setOption($item, el),
                       "key": $item.value,
                       "row": $item,
                       "value": $item.value,
@@ -14892,6 +14997,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
                   });
                 }
               }) : vue.createVNode(Option, {
+                "ref": el => setOption(item, el),
                 "key": item.value,
                 "row": item,
                 "value": item.value,