@deot/vc-components 1.0.59 → 1.0.61

package/dist/index.js

@@ -99,9 +99,9 @@ const props$1u = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$2a = 'vc-action-sheet';
+const COMPONENT_NAME$2b = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$2a,
+  name: COMPONENT_NAME$2b,
   props: props$1u,
   setup(props, {
     slots
@@ -178,9 +178,9 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$29 = 'vc-affix';
+const COMPONENT_NAME$2a = 'vc-affix';
 const Affix = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$29,
+  name: COMPONENT_NAME$2a,
   emits: ['update:modelValue'],
   props: props$1t,
   setup(props, {
@@ -512,9 +512,9 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$28 = 'vc-icon';
+const COMPONENT_NAME$29 = 'vc-icon';
 const Icon = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$28,
+  name: COMPONENT_NAME$29,
   props: props$1r,
   setup(props) {
     const viewBox = ref('0 0 1024 1024');
@@ -713,9 +713,9 @@ const useTransition = () => {
   };
 };
 
-const COMPONENT_NAME$27 = "vc-transition";
+const COMPONENT_NAME$28 = "vc-transition";
 const Transition = defineComponent({
-  name: COMPONENT_NAME$27,
+  name: COMPONENT_NAME$28,
   props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -736,9 +736,9 @@ const Transition = defineComponent({
   }
 });
 
-const COMPONENT_NAME$26 = "vc-transition-collapse";
+const COMPONENT_NAME$27 = "vc-transition-collapse";
 const TransitionCollapse = defineComponent({
-  name: COMPONENT_NAME$26,
+  name: COMPONENT_NAME$27,
   props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -853,9 +853,9 @@ const TransitionCollapse = defineComponent({
   }
 });
 
-const COMPONENT_NAME$25 = "vc-transition-fade";
+const COMPONENT_NAME$26 = "vc-transition-fade";
 const TransitionFade = defineComponent({
-  name: COMPONENT_NAME$25,
+  name: COMPONENT_NAME$26,
   props: {
     ...props$1q,
     // inheritAttrs必须是false
@@ -890,9 +890,9 @@ const TransitionFade = defineComponent({
   }
 });
 
-const COMPONENT_NAME$24 = "vc-transition-scale";
+const COMPONENT_NAME$25 = "vc-transition-scale";
 const TransitionScale = defineComponent({
-  name: COMPONENT_NAME$24,
+  name: COMPONENT_NAME$25,
   props: {
     ...props$1q,
     mode: {
@@ -932,9 +932,9 @@ const TransitionScale = defineComponent({
   }
 });
 
-const COMPONENT_NAME$23 = "vc-transition-slide";
+const COMPONENT_NAME$24 = "vc-transition-slide";
 const TransitionSlide = defineComponent({
-  name: COMPONENT_NAME$23,
+  name: COMPONENT_NAME$24,
   props: {
     ...props$1q,
     mode: {
@@ -974,9 +974,9 @@ const TransitionSlide = defineComponent({
   }
 });
 
-const COMPONENT_NAME$22 = "vc-transition-zoom";
+const COMPONENT_NAME$23 = "vc-transition-zoom";
 const TransitionZoom = defineComponent({
-  name: COMPONENT_NAME$22,
+  name: COMPONENT_NAME$23,
   props: {
     ...props$1q,
     mode: {
@@ -1018,7 +1018,7 @@ const TransitionZoom = defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$21 = 'vc-alert';
+const COMPONENT_NAME$22 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1028,7 +1028,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$21,
+  name: COMPONENT_NAME$22,
   props: props$1s,
   setup(props, {
     slots,
@@ -1134,9 +1134,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__ */ defineComponent({
-  name: COMPONENT_NAME$20,
+  name: COMPONENT_NAME$21,
   props: props$1p,
   setup(props, {
     emit,
@@ -1364,9 +1364,9 @@ const props$1o = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1$ = 'vc-spin';
+const COMPONENT_NAME$20 = 'vc-spin';
 const Spin = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$20,
   props: props$1o,
   setup(props, {
     slots
@@ -1417,9 +1417,9 @@ const props$1n = {
   exclude: RegExp
 };
 
-const COMPONENT_NAME$1_ = "vc-debounce";
+const COMPONENT_NAME$1$ = "vc-debounce";
 const Debounce = defineComponent({
-  name: COMPONENT_NAME$1_,
+  name: COMPONENT_NAME$1$,
   props: props$1n,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -1492,9 +1492,9 @@ const props$1m = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Z = 'vc-button';
+const COMPONENT_NAME$1_ = 'vc-button';
 const Button = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Z,
+  name: COMPONENT_NAME$1_,
   emits: ['click'],
   props: props$1m,
   setup(props, {
@@ -1578,9 +1578,9 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Y = 'vc-button-group';
+const COMPONENT_NAME$1Z = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1Z,
   props: props$1l,
   setup(props, {
     slots
@@ -1614,9 +1614,9 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1X = 'vc-calendar';
+const COMPONENT_NAME$1Y = 'vc-calendar';
 const Calendar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1X,
+  name: COMPONENT_NAME$1Y,
   props: props$1k,
   setup(props, {
     slots
@@ -1654,9 +1654,9 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1W = 'vc-card';
+const COMPONENT_NAME$1X = 'vc-card';
 const Card = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1W,
+  name: COMPONENT_NAME$1X,
   props: props$1j,
   setup(props, {
     slots
@@ -1692,9 +1692,9 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1V = 'vc-carousel';
+const COMPONENT_NAME$1W = 'vc-carousel';
 const Carousel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1W,
   props: props$1i,
   setup(props, {
     slots
@@ -1988,9 +1988,9 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1U = 'vc-input';
+const COMPONENT_NAME$1V = 'vc-input';
 const Input = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1U,
+  name: COMPONENT_NAME$1V,
   inheritAttrs: false,
   props: {
     ...props$1h,
@@ -2325,9 +2325,9 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-input-number';
+const COMPONENT_NAME$1U = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   props: props$1g,
   inheritAttrs: false,
   setup(props, {
@@ -2391,9 +2391,9 @@ const props$1f = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-input-search';
+const COMPONENT_NAME$1T = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1T,
   props: props$1f,
   inheritAttrs: false,
   setup(props, {
@@ -2786,9 +2786,9 @@ const props$1c = {
   }
 };
 
-const COMPONENT_NAME$1R = "vc-customer";
+const COMPONENT_NAME$1S = "vc-customer";
 const Customer = defineComponent({
-  name: COMPONENT_NAME$1R,
+  name: COMPONENT_NAME$1S,
   props: props$1c,
   setup(props, context) {
     return () => h(() => {
@@ -2864,7 +2864,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1Q = "vc-portal";
+const COMPONENT_NAME$1R = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2914,7 +2914,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1Q)
+      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1R)
     };
   }
   popup(propsData, options) {
@@ -3012,7 +3012,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils.getUid(COMPONENT_NAME$1Q)}` : name$;
+    const name = multiple ? `${name$}__${Utils.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();
@@ -3046,7 +3046,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = createApp({
-        name: COMPONENT_NAME$1Q,
+        name: COMPONENT_NAME$1R,
         parent,
         setup() {
           if (alive) {
@@ -3157,13 +3157,13 @@ const props$1b = {
   }
 };
 
-const COMPONENT_NAME$1P = 'vc-portal-view';
+const COMPONENT_NAME$1Q = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1P,
+  name: COMPONENT_NAME$1Q,
   props: props$1b,
   setup(props, {
     slots
@@ -3183,9 +3183,9 @@ const PortalView = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1O = 'vc-popover-wrapper';
+const COMPONENT_NAME$1P = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1O,
+  name: COMPONENT_NAME$1P,
   props: props$1e,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
@@ -3362,7 +3362,7 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
      * 同时close兼容portal设计
      */
     const handleRemove = () => {
-      !instance.isUnmounted && (emit('portal-fulfilled'), emit('close'));
+      !instance.isUnmounted && (emit('close'), emit('portal-fulfilled'));
     };
 
     /**
@@ -3443,9 +3443,9 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1N = 'vc-popover';
+const COMPONENT_NAME$1O = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1O,
   props: props$1d,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
@@ -3589,9 +3589,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__ */ defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1N,
   emits: ['click', 'change'],
   props: {
     data: {
@@ -3799,9 +3799,9 @@ const props$19 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1L = 'vc-cascader';
+const COMPONENT_NAME$1M = 'vc-cascader';
 const Cascader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1M,
   inheritAttrs: false,
   props: props$19,
   emits: ['update:modelValue', 'visible-change', 'ready', 'change', 'close'],
@@ -4002,7 +4002,7 @@ const Cascader = /* @__PURE__ */ defineComponent({
         separator: props.separator
       });
       if (!isEqualWith(currentValue.value, v)) {
-        currentValue.value = v;
+        currentValue.value = [...v];
       }
       emit('close');
     };
@@ -4019,9 +4019,8 @@ const Cascader = /* @__PURE__ */ defineComponent({
         numerable: props.numerable,
         separator: props.separator
       });
-      if (!isEqualWith(currentValue.value, v)) {
-        currentValue.value = v;
-      }
+      // 不使用currentValue.value = v; 避免同步修改源数据，这里有取消操作
+      currentValue.value = v && v.length > 0 ? [...v] : [];
     }, {
       immediate: true
     });
@@ -4154,9 +4153,9 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1K = 'vc-chart';
+const COMPONENT_NAME$1L = 'vc-chart';
 const Chart = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1L,
   props: props$18,
   emits: [...EVENTS, 'ready'],
   setup(props, {
@@ -4395,9 +4394,9 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1J = 'vc-checkbox';
+const COMPONENT_NAME$1K = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1J,
+  name: COMPONENT_NAME$1K,
   props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4484,9 +4483,9 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1I = 'vc-checkbox-group';
+const COMPONENT_NAME$1J = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1I,
+  name: COMPONENT_NAME$1J,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4504,9 +4503,9 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1H = 'vcm-checkbox';
+const COMPONENT_NAME$1I = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1H,
+  name: COMPONENT_NAME$1I,
   props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4546,9 +4545,9 @@ const MCheckbox = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1G = 'vcm-checkbox-group';
+const COMPONENT_NAME$1H = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1G,
+  name: COMPONENT_NAME$1H,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4602,9 +4601,9 @@ const props$15 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1F = 'vc-message';
+const COMPONENT_NAME$1G = 'vc-message';
 const MessageView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1F,
+  name: COMPONENT_NAME$1G,
   emits: ['before-close', 'close', 'portal-fulfilled'],
   props: props$15,
   setup(props, {
@@ -4853,9 +4852,9 @@ const useClipboard = (done) => {
   return () => 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 = defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1F,
   props: props$14,
   setup() {
     return useClipboard((content) => Message.success({ content }));
@@ -4895,9 +4894,9 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1D = 'vcm-toast';
+const COMPONENT_NAME$1E = 'vcm-toast';
 const MToastView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1D,
+  name: COMPONENT_NAME$1E,
   emits: ['close', 'portal-fulfilled'],
   props: props$13,
   setup(props, {
@@ -4999,9 +4998,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 = defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1D,
   props: props$14,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
@@ -5033,9 +5032,9 @@ const props$12 = {
   }
 };
 
-const COMPONENT_NAME$1B = "vc-collapse";
+const COMPONENT_NAME$1C = "vc-collapse";
 const Collapse = defineComponent({
-  name: COMPONENT_NAME$1B,
+  name: COMPONENT_NAME$1C,
   props: props$12,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
@@ -5152,9 +5151,9 @@ const props$10 = {
 function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1A = 'vc-expand';
+const COMPONENT_NAME$1B = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1B,
   props: props$10,
   setup(props, {
     slots
@@ -5184,9 +5183,9 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1z = 'vc-collapse-item';
+const COMPONENT_NAME$1A = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1z,
+  name: COMPONENT_NAME$1A,
   props: props$11,
   setup(props, {
     slots,
@@ -5261,9 +5260,9 @@ const props$$ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1y = 'vc-color-picker';
+const COMPONENT_NAME$1z = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1y,
+  name: COMPONENT_NAME$1z,
   props: props$$,
   setup(props, {
     slots
@@ -5326,9 +5325,9 @@ const formatter = (format, arr) => {
 function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1x = 'vc-countdown';
+const COMPONENT_NAME$1y = 'vc-countdown';
 const Countdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1x,
+  name: COMPONENT_NAME$1y,
   props: props$_,
   emits: ['change', 'complete', 'error'],
   setup(props, {
@@ -5595,9 +5594,9 @@ const value2separated = (value, options) => {
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1w = 'vc-counter';
+const COMPONENT_NAME$1x = 'vc-counter';
 const Counter = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1x,
   props: props$Z,
   emits: ['begin', 'complete', 'change'],
   setup(props, {
@@ -5609,7 +5608,7 @@ const Counter = /* @__PURE__ */ defineComponent({
     const duration = ref(props.duration);
     const remaining = ref(duration.value);
     const startVal = ref(0);
-    const endVal = ref(separated2value(props.value, props));
+    const endVal = ref(!props.value ? 0 : separated2value(props.value, props));
     const frameVal = ref(startVal.value);
     const finalEndVal = ref(null);
     const useEasing = ref(!!props.easing);
@@ -5632,7 +5631,7 @@ const Counter = /* @__PURE__ */ 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 = 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;
@@ -6860,9 +6859,9 @@ const getTimeType = type => {
   }
   return view;
 };
-const COMPONENT_NAME$1v = 'vc-date-confirm';
+const COMPONENT_NAME$1w = 'vc-date-confirm';
 const Confirm = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1v,
+  name: COMPONENT_NAME$1w,
   props: {
     showTime: {
       type: Boolean,
@@ -6926,9 +6925,9 @@ const Confirm = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1u = 'vc-date-header';
+const COMPONENT_NAME$1v = 'vc-date-header';
 const DateHeader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1u,
+  name: COMPONENT_NAME$1v,
   props: {
     panelDate: Date,
     showNext: {
@@ -7012,9 +7011,9 @@ const DateHeader = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1t = 'vc-date-table';
+const COMPONENT_NAME$1u = 'vc-date-table';
 const DateTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1t,
+  name: COMPONENT_NAME$1u,
   props: {
     value: Array,
     firstDayOfWeek: {
@@ -7223,9 +7222,9 @@ const DateTable = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1s = 'vc-month-table';
+const COMPONENT_NAME$1t = 'vc-month-table';
 const MonthTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1s,
+  name: COMPONENT_NAME$1t,
   props: {
     value: Array,
     panelDate: Date,
@@ -7357,7 +7356,7 @@ const MonthTable = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1r = 'vc-quarter-table';
+const COMPONENT_NAME$1s = 'vc-quarter-table';
 
 /**
  * 获取季度对应的月份范围
@@ -7391,7 +7390,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1s,
   props: {
     value: Array,
     panelDate: Date,
@@ -7514,9 +7513,9 @@ const QuarterTable = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1q = 'vc-shortcuts-select';
+const COMPONENT_NAME$1r = 'vc-shortcuts-select';
 const ShortcutsSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1r,
   props: {
     panelDate: Date,
     config: Array,
@@ -7556,9 +7555,9 @@ const ShortcutsSelect = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1p = 'vc-time-select';
+const COMPONENT_NAME$1q = 'vc-time-select';
 const TimeSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1p,
+  name: COMPONENT_NAME$1q,
   props: {
     hours: {
       type: [Number, String],
@@ -7838,9 +7837,9 @@ const TimeSelect = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1o = 'vc-year-table';
+const COMPONENT_NAME$1p = 'vc-year-table';
 const YearTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1o,
+  name: COMPONENT_NAME$1p,
   props: {
     value: Array,
     panelDate: Date,
@@ -7963,9 +7962,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__ */ defineComponent({
-  name: COMPONENT_NAME$1n,
+  name: COMPONENT_NAME$1o,
   props: {
     ...props$W,
     confirm: {
@@ -8344,9 +8343,9 @@ const DateRangePanel = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1m = 'vc-date-panel';
+const COMPONENT_NAME$1n = 'vc-date-panel';
 const DatePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1m,
+  name: COMPONENT_NAME$1n,
   props: {
     ...props$W,
     type: String,
@@ -8554,9 +8553,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__ */ defineComponent({
-  name: COMPONENT_NAME$1l,
+  name: COMPONENT_NAME$1m,
   props: {
     ...props$W,
     confirm: {
@@ -8731,9 +8730,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__ */ defineComponent({
-  name: COMPONENT_NAME$1k,
+  name: COMPONENT_NAME$1l,
   props: {
     ...props$W,
     confirm: {
@@ -8972,9 +8971,9 @@ const getComparedDate = (leftDate, rightDate) => {
     seconds
   };
 };
-const COMPONENT_NAME$1j = 'vc-timerange-panel';
+const COMPONENT_NAME$1k = 'vc-timerange-panel';
 const TimeRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1k,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -9075,9 +9074,9 @@ const TimeRangePanel = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1i = 'vc-time-panel';
+const COMPONENT_NAME$1j = 'vc-time-panel';
 const TimePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1j,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -9133,7 +9132,7 @@ const TimePanel = /* @__PURE__ */ 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;
@@ -9144,7 +9143,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 = getCurrentInstance().props;
   const icon = ref('date');
   const panel = shallowRef({});
@@ -9185,9 +9184,9 @@ const props$U = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1g = 'vc-divider';
+const COMPONENT_NAME$1h = 'vc-divider';
 const Divider = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1g,
+  name: COMPONENT_NAME$1h,
   props: props$U,
   setup(props, {
     slots
@@ -9323,7 +9322,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',
@@ -9343,7 +9342,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1f,
+  name: COMPONENT_NAME$1g,
   props: props$T,
   emits: ['change'],
   inheritAttrs: false,
@@ -9533,9 +9532,9 @@ const Track = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1e = 'vc-scroller-bar';
+const COMPONENT_NAME$1f = 'vc-scroller-bar';
 const Bar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1f,
   props: props$S,
   emits: ['change'],
   setup(props, {
@@ -9769,7 +9768,7 @@ const useScroller = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1d = 'vc-scroller';
+const COMPONENT_NAME$1e = 'vc-scroller';
 
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -9780,7 +9779,7 @@ const COMPONENT_NAME$1d = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1d,
+  name: COMPONENT_NAME$1e,
   props: props$R,
   emits: ['scroll'],
   setup(props, {
@@ -9841,7 +9840,7 @@ const Scroller = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1c = 'vc-scroller-wheel';
+const COMPONENT_NAME$1d = 'vc-scroller-wheel';
 
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -9863,7 +9862,7 @@ const COMPONENT_NAME$1c = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1d,
   props: Object.assign({}, props$R, {
     stopPropagation: {
       type: Boolean,
@@ -10052,9 +10051,9 @@ const props$Q = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1b = 'vc-drawer';
+const COMPONENT_NAME$1c = 'vc-drawer';
 const DrawerView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1c,
   props: props$Q,
   emits: ['close', 'update:modelValue', 'visible-change'],
   setup(props, {
@@ -10243,9 +10242,9 @@ const props$P = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1a = 'vc-dropdown';
+const COMPONENT_NAME$1b = 'vc-dropdown';
 const Dropdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1a,
+  name: COMPONENT_NAME$1b,
   props: props$P,
   inheritAttrs: false,
   emits: ['update:modelValue', 'ready', 'close', 'visible-change', 'click'],
@@ -10315,9 +10314,9 @@ const Dropdown = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$19 = 'vc-dropdown-menu';
+const COMPONENT_NAME$1a = 'vc-dropdown-menu';
 const DropdownMenu = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$19,
+  name: COMPONENT_NAME$1a,
   setup(_, {
     slots
   }) {
@@ -10331,9 +10330,10 @@ const DropdownMenu = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$18 = 'vc-dropdown-item';
+const COMPONENT_NAME$19 = 'vc-dropdown-item';
 const DropdownItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$18,
+  name: COMPONENT_NAME$19,
+  emits: ['click'],
   props: {
     value: {
       type: [String, Number],
@@ -10537,9 +10537,9 @@ const defaults = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$17 = 'vc-editor-toolbar';
+const COMPONENT_NAME$18 = 'vc-editor-toolbar';
 const EditorToolbar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$18,
   props: {
     options: [Array, Object],
     elementId: String
@@ -10747,9 +10747,9 @@ const props$O = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$16 = 'vc-image-preview';
+const COMPONENT_NAME$17 = 'vc-image-preview';
 const ImagePreview$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$17,
   props: props$O,
   setup(props, {
     slots
@@ -10793,8 +10793,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
@@ -10821,11 +10822,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,
     // 下面无效，需要给官方支持
     {
@@ -10936,9 +10944,9 @@ const props$N = {
   }
 };
 
-const COMPONENT_NAME$15 = "vc-upload";
+const COMPONENT_NAME$16 = "vc-upload";
 const Upload$1 = defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$16,
   props: props$N,
   emits: [
     "message",
@@ -11472,9 +11480,9 @@ const props$M = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$14 = 'vc-editor';
+const COMPONENT_NAME$15 = 'vc-editor';
 const Editor = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$15,
   props: props$M,
   defaults,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
@@ -11663,7 +11671,7 @@ const Editor = /* @__PURE__ */ 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;
@@ -11681,7 +11689,7 @@ const setImages = v => {
   return;
 };
 const EditorView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: {
     value: {
       type: String,
@@ -11896,9 +11904,9 @@ const useForm = (expose, options = {}) => {
   });
 };
 
-const COMPONENT_NAME$12 = "vc-form";
+const COMPONENT_NAME$13 = "vc-form";
 const Form = defineComponent({
-  name: COMPONENT_NAME$12,
+  name: COMPONENT_NAME$13,
   props: props$L,
   setup(props, { slots, expose }) {
     useForm(expose);
@@ -12246,9 +12254,9 @@ const useFormItem = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$11 = 'vc-form-item';
+const COMPONENT_NAME$12 = 'vc-form-item';
 const FormItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$11,
+  name: COMPONENT_NAME$12,
   props: props$K,
   setup(props, {
     slots,
@@ -12316,9 +12324,9 @@ const props$J = {
   }
 };
 
-const COMPONENT_NAME$10 = "vcm-form";
+const COMPONENT_NAME$11 = "vcm-form";
 const MForm = defineComponent({
-  name: COMPONENT_NAME$10,
+  name: COMPONENT_NAME$11,
   props: props$J,
   setup(props, { slots, expose }) {
     useForm(expose, {
@@ -12349,9 +12357,9 @@ const props$I = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$$ = 'vcm-form-item';
+const COMPONENT_NAME$10 = 'vcm-form-item';
 const MFormItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$$,
+  name: COMPONENT_NAME$10,
   props: props$I,
   setup(props, {
     slots,
@@ -12406,9 +12414,9 @@ const MFormItem = /* @__PURE__ */ defineComponent({
   }
 });
 
-const COMPONENT_NAME$_ = "vc-fragment";
+const COMPONENT_NAME$$ = "vc-fragment";
 const Fragment = defineComponent({
-  name: COMPONENT_NAME$_,
+  name: COMPONENT_NAME$$,
   setup(_, { slots }) {
     return () => h(Fragment$1, slots.default?.());
   }
@@ -12447,9 +12455,9 @@ const props$H = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$Z = 'vc-snapshot';
+const COMPONENT_NAME$_ = 'vc-snapshot';
 const Snapshot = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$Z,
+  name: COMPONENT_NAME$_,
   props: props$H,
   emits: ['ready'],
   setup(props, {
@@ -12608,7 +12616,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 = !IS_SERVER$1 && document.documentElement.style.objectFit !== undefined;
@@ -12621,7 +12629,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$Y,
+  name: COMPONENT_NAME$Z,
   inheritAttrs: false,
   props: props$G,
   setup(props, {
@@ -12838,9 +12846,9 @@ const props$F = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$X = 'vc-image-crop';
+const COMPONENT_NAME$Y = 'vc-image-crop';
 const ImageCrop = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$X,
+  name: COMPONENT_NAME$Y,
   props: props$F,
   setup(props, {
     slots
@@ -12866,9 +12874,9 @@ const props$E = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$W = 'vc-image-processing';
+const COMPONENT_NAME$X = 'vc-image-processing';
 const ImageProcessing = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$W,
+  name: COMPONENT_NAME$X,
   props: props$E,
   setup(props, {
     slots
@@ -12885,9 +12893,9 @@ const MImageProcessing = ImageProcessing;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$V = 'vcm-input';
+const COMPONENT_NAME$W = 'vcm-input';
 const MInput = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$V,
+  name: COMPONENT_NAME$W,
   inheritAttrs: false,
   props: {
     ...props$1h,
@@ -12976,9 +12984,9 @@ const MInput = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$U = 'vcm-input-number';
+const COMPONENT_NAME$V = 'vcm-input-number';
 const MInputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$U,
+  name: COMPONENT_NAME$V,
   props: props$1g,
   inheritAttrs: false,
   setup(props, {
@@ -13027,9 +13035,9 @@ const MInputNumber = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$T = 'vcm-input-search';
+const COMPONENT_NAME$U = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$T,
+  name: COMPONENT_NAME$U,
   props: {
     ...props$1f,
     cancelText: {
@@ -13106,9 +13114,9 @@ const props$D = {
   }
 };
 
-const COMPONENT_NAME$S = "vcm-list";
+const COMPONENT_NAME$T = "vcm-list";
 const MList = defineComponent({
-  name: COMPONENT_NAME$S,
+  name: COMPONENT_NAME$T,
   props: props$D,
   setup(props, { slots }) {
     provide("vc-list", { props });
@@ -13163,10 +13171,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__ */ defineComponent({
-  name: COMPONENT_NAME$R,
+  name: COMPONENT_NAME$S,
   props: props$C,
   emits: ['click'],
   setup(props, {
@@ -13260,11 +13268,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__ */ defineComponent({
-  name: COMPONENT_NAME$Q,
+  name: COMPONENT_NAME$R,
   props: props$B,
   setup(props, {
     slots
@@ -13332,9 +13340,9 @@ const props$A = {
   }
 };
 
-const COMPONENT_NAME$P = "vc-resizer";
+const COMPONENT_NAME$Q = "vc-resizer";
 const Resizer = defineComponent({
-  name: COMPONENT_NAME$P,
+  name: COMPONENT_NAME$Q,
   props: props$A,
   emits: ["resize"],
   setup(props, { emit, slots, expose }) {
@@ -13504,10 +13512,10 @@ const props$z = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$O = 'vc-modal';
+const COMPONENT_NAME$P = 'vc-modal';
 let zIndexNumber = 1002;
 const ModalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$O,
+  name: COMPONENT_NAME$P,
   emits: ['update:modelValue', 'close', 'portal-fulfilled', 'visible-change', 'ok', 'cancel'],
   props: props$z,
   setup(props, {
@@ -13946,9 +13954,9 @@ const props$y = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$N = 'vc-modal';
+const COMPONENT_NAME$O = 'vc-modal';
 const MModalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$N,
+  name: COMPONENT_NAME$O,
   emits: ['update:modelValue', 'portal-fulfilled', 'close', 'ok', 'cancel'],
   props: props$y,
   setup(props, {
@@ -14160,9 +14168,9 @@ const props$x = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$M = 'vc-notice';
+const COMPONENT_NAME$N = 'vc-notice';
 const NoticeView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$M,
+  name: COMPONENT_NAME$N,
   props: props$x,
   emits: ['portal-fulfilled', 'close', 'before-close'],
   setup(props, {
@@ -14335,9 +14343,9 @@ const props$w = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$L = 'vc-option';
+const COMPONENT_NAME$M = 'vc-option';
 const Option$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$L,
+  name: COMPONENT_NAME$M,
   props: props$w,
   setup(props, {
     slots
@@ -14421,9 +14429,9 @@ const props$u = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$K = 'vc-tag';
+const COMPONENT_NAME$L = 'vc-tag';
 const Tag = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$K,
+  name: COMPONENT_NAME$L,
   props: props$u,
   emits: ['close', 'change'],
   setup(props, {
@@ -14494,12 +14502,13 @@ const props$t = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$J = 'vc-select-option';
+const COMPONENT_NAME$K = 'vc-select-option';
 const Option = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$J,
+  name: COMPONENT_NAME$K,
   props: props$t,
   setup(props, {
-    slots
+    slots,
+    expose
   }) {
     const owner = getInstance('select', 'selectId');
     const formatterLabel = computed(() => {
@@ -14519,9 +14528,12 @@ const Option = /* @__PURE__ */ defineComponent({
       } = owner.exposed;
       return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
     });
+    const searchRegex = computed(() => {
+      const v = owner.exposed.searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+      return new RegExp(`(${v.join('|')})`, 'i');
+    });
     const isActive = computed(() => {
-      const regex = owner.exposed.searchRegex.value;
-      return regex.test(formatterLabel.value) || !props.filterable;
+      return !!(searchRegex.value.test(formatterLabel.value) || !props.filterable);
     });
     const customOptions = computed(() => {
       return {
@@ -14549,6 +14561,12 @@ const Option = /* @__PURE__ */ defineComponent({
     const handlePrevent = e => {
       e.preventDefault();
     };
+    expose({
+      isActive,
+      isChecked,
+      formatterLabel,
+      props
+    });
     return () => {
       if (!isActive.value) return;
       return typeof props.render === 'function' ? createVNode(Customer, mergeProps({
@@ -14582,9 +14600,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__ */ defineComponent({
-  name: COMPONENT_NAME$I,
+  name: COMPONENT_NAME$J,
   props: props$s,
   setup(props, {
     slots
@@ -14614,6 +14632,78 @@ const OptionGroup = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
+const COMPONENT_NAME$I = 'vc-select-all';
+const SelectAll = /* @__PURE__ */ defineComponent({
+  name: COMPONENT_NAME$I,
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const owner = getInstance('select', 'selectId');
+
+    /**
+     * 获取所有可选择的选项（排除disabled的）
+     */
+    const selectableOptions = computed(() => {
+      return props.data.filter(option => {
+        if (!option.isActive || option.props.disabled) return false;
+        return true;
+      });
+    });
+
+    /**
+     * 获取所有可选项的值
+     */
+    const selectableValues = computed(() => {
+      return selectableOptions.value.map(option => option.props.value);
+    });
+
+    /**
+     * 判断是否所有可选项都已选中
+     */
+    const isAllSelected = 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 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__ */ defineComponent({
   name: COMPONENT_NAME$H,
@@ -14634,7 +14724,6 @@ const Select = /* @__PURE__ */ defineComponent({
     const isActive = ref(false);
     const isLoading = ref(false);
     const searchValue = ref('');
-    const searchRegex = ref(new RegExp(''));
     const currentValue = ref([]);
     const source = computed(() => {
       return flattenData$1(props.data, {
@@ -14669,6 +14758,20 @@ const Select = /* @__PURE__ */ defineComponent({
       const v = currentValue.value.length - props.maxTags;
       return v < 0 ? 0 : v;
     });
+    const optionMap = ref({});
+    const options = computed(() => {
+      return Object.values(optionMap.value);
+    });
+    const showSelectAll = 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 同步, 外部的数据改变时不会触发
@@ -14714,7 +14817,7 @@ const Select = /* @__PURE__ */ 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();
     };
@@ -14734,7 +14837,6 @@ const Select = /* @__PURE__ */ defineComponent({
     };
     const handleSearch = v => {
       searchValue.value = v;
-      searchRegex.value = new RegExp(escapeString(v.trim()), 'i');
       props.loadData && _loadData();
     };
     watch(() => props.modelValue, v => {
@@ -14752,7 +14854,7 @@ const Select = /* @__PURE__ */ defineComponent({
       add,
       remove,
       close,
-      searchRegex,
+      searchValue,
       multiple,
       isActive,
       current: currentValue,
@@ -14837,6 +14939,8 @@ const Select = /* @__PURE__ */ defineComponent({
             "modelValue": searchValue.value,
             "placeholder": props.searchPlaceholder,
             "onInput": handleSearch
+          }, null), showSelectAll.value && createVNode(SelectAll, {
+            "data": options.value
           }, null)]), isLoading.value && createVNode("div", {
             "class": "vc-select__loading"
           }, [createVNode(Spin, {
@@ -14857,6 +14961,7 @@ const Select = /* @__PURE__ */ defineComponent({
                 default: () => {
                   return item.children.map($item => {
                     return createVNode(Option, {
+                      "ref": el => setOption($item, el),
                       "key": $item.value,
                       "row": $item,
                       "value": $item.value,
@@ -14870,6 +14975,7 @@ const Select = /* @__PURE__ */ defineComponent({
                   });
                 }
               }) : createVNode(Option, {
+                "ref": el => setOption(item, el),
                 "key": item.value,
                 "row": item,
                 "value": item.value,