npm - @deot/vc-components - Versions diffs - 1.0.60 → 1.0.62 - Mend

@deot/vc-components 1.0.60 → 1.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -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, {
@@ -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'],
@@ -4175,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, {
@@ -4416,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, {
@@ -4505,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, {
@@ -4525,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, {
@@ -4567,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, {
@@ -4623,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, {
@@ -4874,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 }));
@@ -4916,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, {
@@ -5020,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 }));
@@ -5054,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 }) {
@@ -5173,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
@@ -5205,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,
@@ -5282,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
@@ -5347,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, {
@@ -5616,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, {
@@ -6881,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,
@@ -6947,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: {
@@ -7033,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: {
@@ -7244,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,
@@ -7378,7 +7378,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1r = 'vc-quarter-table';
+const COMPONENT_NAME$1s = 'vc-quarter-table';
 /**
  * 获取季度对应的月份范围
@@ -7412,7 +7412,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1s,
   props: {
     value: Array,
     panelDate: Date,
@@ -7535,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,
@@ -7577,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],
@@ -7859,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,
@@ -7984,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: {
@@ -8365,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,
@@ -8575,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: {
@@ -8752,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: {
@@ -8993,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, {
@@ -9096,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, {
@@ -9154,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;
@@ -9165,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({});
@@ -9206,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
@@ -9344,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',
@@ -9364,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,
@@ -9554,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, {
@@ -9674,10 +9674,11 @@ const useScroller = (expose) => {
       "vc-scroller__wrapper"
     ];
   });
-  const refreshSize = () => {
+  const refreshSize = async () => {
     if (!wrapper.value) return;
     wrapperW.value = wrapper.value.clientWidth;
     wrapperH.value = wrapper.value.clientHeight;
+    await vue.nextTick();
     contentH.value = wrapper.value.scrollHeight;
     contentW.value = wrapper.value.scrollWidth;
   };
@@ -9790,7 +9791,7 @@ const useScroller = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1d = 'vc-scroller';
+const COMPONENT_NAME$1e = 'vc-scroller';
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -9801,7 +9802,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, {
@@ -9862,7 +9863,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1c = 'vc-scroller-wheel';
+const COMPONENT_NAME$1d = 'vc-scroller-wheel';
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -9884,7 +9885,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,
@@ -10073,9 +10074,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, {
@@ -10264,9 +10265,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'],
@@ -10336,9 +10337,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
   }) {
@@ -10352,9 +10353,9 @@ 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: {
@@ -10559,9 +10560,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 +10770,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 +10816,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 +10845,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 +10967,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 +11503,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 +11694,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 +11712,7 @@ const setImages = v => {
   return;
 };
 const EditorView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: {
     value: {
       type: String,
@@ -11918,9 +11927,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 +12277,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 +12347,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 +12380,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 +12437,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 +12478,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 +12639,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 +12652,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 +12869,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 +12897,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 +12916,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 +13007,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 +13058,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 +13137,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 +13194,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 +13291,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 +13363,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 +13535,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 +13977,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 +14191,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 +14366,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 +14452,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 +14525,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(() => {
@@ -14542,8 +14552,10 @@ const Option = /* @__PURE__ */ vue.defineComponent({
       return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
     });
     const isActive = vue.computed(() => {
-      const regex = owner.exposed.searchRegex.value;
-      return regex.test(formatterLabel.value) || !props.filterable;
+      const {
+        searchRegex
+      } = owner.exposed;
+      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,24 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       const v = currentValue.value.length - props.maxTags;
       return v < 0 ? 0 : v;
     });
+    const searchRegex = vue.computed(() => {
+      const v = searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+      return new RegExp(escapeString(`(${v.join('|')})`), 'i');
+    });
+    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 +14843,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 +14863,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 => {
@@ -14859,6 +14965,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 +14987,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 +15001,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
                   });
                 }
               }) : vue.createVNode(Option, {
+                "ref": el => setOption(item, el),
                 "key": item.value,
                 "row": item,
                 "value": item.value,
@@ -19045,6 +19155,10 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
     sort: {
       type: Object,
       default: () => ({})
+    },
+    resizable: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup(props) {
@@ -19053,6 +19167,9 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
     const draggingColumn = vue.ref(null);
     const dragging = vue.ref(false);
     const dragState = vue.ref({});
+    const allowDrag = vue.computed(() => {
+      return typeof props.resizable === 'boolean' ? props.resizable : props.border;
+    });
     const states = useStates({
       columns: 'columns',
       isAllSelected: 'isAllSelected',
@@ -19156,10 +19273,10 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
       if (vcShared.IS_SERVER) return;
       if (column.children && column.children.length > 0) return;
       /* istanbul ignore if */
-      if (draggingColumn.value && props.border) {
+      if (draggingColumn.value && allowDrag.value) {
         dragging.value = true;
         table.resizeProxyVisible.value = true;
-        const tableEl = table.vnode.el;
+        const tableEl = table.tableWrapper.value;
         const tableLeft = tableEl.getBoundingClientRect().left;
         const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
@@ -19188,15 +19305,14 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
             } = dragState.value;
             const finalLeft = parseInt(resizeProxy.style.left, 10);
             const columnWidth = finalLeft - startColumnLeft;
-            column.width = columnWidth;
-            column.realWidth = column.width;
-            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
+            column.width = column.minWidth = column.realWidth = columnWidth;
+            table.emit('header-dragend', column.width, startLeft - startColumnLeft, column);
             table.store.scheduleLayout();
             document.body.style.cursor = '';
             dragging.value = false;
             draggingColumn.value = null;
             dragState.value = {};
-            table.resizeProxyVisible = false;
+            table.resizeProxyVisible.value = false;
           }
           document.removeEventListener('mousemove', handleMouseMove);
           document.removeEventListener('mouseup', handleMouseUp);
@@ -19217,7 +19333,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
         target = target.parentNode;
       }
       if (!column || !column.resizable) return;
-      if (!dragging.value && props.border) {
+      if (!dragging.value && allowDrag.value) {
         const rect = target.getBoundingClientRect();
         const bodyStyle = document.body.style;
         if (rect.width > 12 && rect.right - event.pageX < 8) {
@@ -19524,7 +19640,11 @@ const props$d = {
     default: () => ({})
   },
   // 用于延迟渲染，用于计算高度
-  delay: Number
+  delay: Number,
+  resizable: {
+    type: Boolean,
+    default: void 0
+  }
 };
 /** @jsxImportSource vue */
@@ -19533,7 +19653,7 @@ const COMPONENT_NAME$j = 'vc-table';
 const Table = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$j,
   props: props$d,
-  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend ', 'expand-change', 'sort-change', 'update:sort'],
+  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend', 'expand-change', 'sort-change', 'update:sort'],
   setup(props, {
     slots,
     expose,
@@ -19554,7 +19674,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       width: null,
       height: null
     });
+    const tableWrapper = vue.ref(null);
     // refs
     const hiddenColumns = vue.ref(null);
     const headerWrapper = vue.ref(null);
@@ -19912,6 +20032,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       toggleRowExpansion,
       clearSelection,
       scroller,
+      tableWrapper,
       headerWrapper,
       appendWrapper,
       footerWrapper,
@@ -19922,12 +20043,15 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       renderExpanded,
       hiddenColumns,
       props,
-      emit
+      emit,
+      resizeProxy,
+      resizeProxyVisible
     };
     expose(exposed);
     vue.provide('vc-table', exposed);
     return () => {
       return vue.createVNode("div", {
+        "ref": tableWrapper,
         "class": [classes.value, tableId, 'vc-table'],
         "onMouseleave": handleMouseLeave
       }, [vue.createVNode("div", {
@@ -19939,6 +20063,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": tableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value
       }, null)]), states.columns.length > 0 && vue.createVNode(ScrollerWheel, {
@@ -19956,15 +20081,10 @@ const Table = /* @__PURE__ */ vue.defineComponent({
           "style": [bodyWidthStyle.value],
           "height-style": [bodyHeightStyle.value],
           "onScroll": handleScollY
-        }, null), props.data.length === 0 && vue.createVNode("div", {
-          "ref": emptyBlock,
-          "style": bodyWidthStyle.value,
-          "class": [{
-            'is-absolute': !!props.height
-          }, 'vc-table__empty-wrapper']
-        }, [vue.createVNode("span", {
-          "class": "vc-table__empty-text"
-        }, [slots.empty ? slots.empty() : props.emptyText || '暂无数据'])]), slots.append && vue.createVNode("div", {
+        }, null), props.data.length === 0 && !props.height && vue.createVNode("div", {
+          "class": "vc-table__empty-placeholder",
+          "style": [bodyWidthStyle.value]
+        }, null), slots.append && vue.createVNode("div", {
           "ref": appendWrapper,
           "class": "vc-table__append-wrapper"
         }, [slots.append()])]
@@ -19988,6 +20108,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": leftFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "left"
@@ -20027,6 +20148,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": rightFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "right"
@@ -20054,7 +20176,14 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "get-summary": props.getSummary,
         "style": bodyWidthStyle.value,
         "fixed": "right"
-      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), vue.withDirectives(vue.createVNode("div", {
+      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), props.data.length === 0 && vue.createVNode("div", {
+        "ref": emptyBlock,
+        "class": [{
+          'has-height': !!props.height
+        }, 'vc-table__empty-wrapper']
+      }, [slots.empty ? slots.empty() : vue.createVNode("span", {
+        "class": "vc-table__empty-text"
+      }, [props.emptyText || '暂无数据'])]), vue.withDirectives(vue.createVNode("div", {
         "ref": resizeProxy,
         "class": "vc-table__column-resize-proxy"
       }, null), [[vue.vShow, resizeProxyVisible.value]])]);