@deot/vc 1.0.63 → 1.0.64

package/dist/index.iife.js

@@ -9138,16 +9138,16 @@ var Vc = (function (exports, vue) {
     }
   }
   const VcInstance = new Instance();
-  const props$1u = {
+  const props$1v = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$2b = "vc-action-sheet";
+  const COMPONENT_NAME$2g = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$2b,
-    props: props$1u,
+    name: COMPONENT_NAME$2g,
+    props: props$1v,
     setup(props2, {
       slots
     }) {
@@ -9159,7 +9159,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MActionSheet = ActionSheet;
-  const props$1t = {
+  const props$1u = {
     modelValue: {
       type: Boolean,
       default: false
@@ -9217,11 +9217,11 @@ var Vc = (function (exports, vue) {
   const isWheel = (el2) => {
     return SCROLLER_WHEEL_REG.test(el2?.className || "");
   };
-  const COMPONENT_NAME$2a = "vc-affix";
+  const COMPONENT_NAME$2f = "vc-affix";
   const Affix = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$2a,
+    name: COMPONENT_NAME$2f,
     emits: ["update:modelValue"],
-    props: props$1t,
+    props: props$1u,
     setup(props2, {
       slots,
       expose,
@@ -9381,7 +9381,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MAffix = Affix;
-  const props$1s = {
+  const props$1t = {
     modelValue: {
       type: Boolean,
       default: true
@@ -9407,7 +9407,7 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const props$1r = {
+  const props$1s = {
     type: String,
     inherit: {
       type: Boolean,
@@ -9540,10 +9540,10 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  const COMPONENT_NAME$29 = "vc-icon";
+  const COMPONENT_NAME$2e = "vc-icon";
   const Icon = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$29,
-    props: props$1r,
+    name: COMPONENT_NAME$2e,
+    props: props$1s,
     setup(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
       const path = vue.ref([]);
@@ -9575,7 +9575,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1q = {
+  const props$1r = {
     /**
      * 进入/离开持续时间
      * {enter: 300, leave: 300}
@@ -9738,10 +9738,10 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  const COMPONENT_NAME$28 = "vc-transition";
+  const COMPONENT_NAME$2d = "vc-transition";
   const Transition = vue.defineComponent({
-    name: COMPONENT_NAME$28,
-    props: props$1q,
+    name: COMPONENT_NAME$2d,
+    props: props$1r,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
     setup(props2, { slots, attrs }) {
@@ -9760,10 +9760,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$27 = "vc-transition-collapse";
+  const COMPONENT_NAME$2c = "vc-transition-collapse";
   const TransitionCollapse = vue.defineComponent({
-    name: COMPONENT_NAME$27,
-    props: props$1q,
+    name: COMPONENT_NAME$2c,
+    props: props$1r,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
     setup(props2, { slots, attrs: _attrs }) {
@@ -9876,11 +9876,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$26 = "vc-transition-fade";
+  const COMPONENT_NAME$2b = "vc-transition-fade";
   const TransitionFade = vue.defineComponent({
-    name: COMPONENT_NAME$26,
+    name: COMPONENT_NAME$2b,
     props: {
-      ...props$1q,
+      ...props$1r,
       // inheritAttrs必须是false
       style: {
         type: Object,
@@ -9912,11 +9912,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$25 = "vc-transition-scale";
+  const COMPONENT_NAME$2a = "vc-transition-scale";
   const TransitionScale = vue.defineComponent({
-    name: COMPONENT_NAME$25,
+    name: COMPONENT_NAME$2a,
     props: {
-      ...props$1q,
+      ...props$1r,
       mode: {
         type: String,
         default: "both",
@@ -9953,11 +9953,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$24 = "vc-transition-slide";
+  const COMPONENT_NAME$29 = "vc-transition-slide";
   const TransitionSlide = vue.defineComponent({
-    name: COMPONENT_NAME$24,
+    name: COMPONENT_NAME$29,
     props: {
-      ...props$1q,
+      ...props$1r,
       mode: {
         type: String,
         default: "left",
@@ -9994,11 +9994,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$23 = "vc-transition-zoom";
+  const COMPONENT_NAME$28 = "vc-transition-zoom";
   const TransitionZoom = vue.defineComponent({
-    name: COMPONENT_NAME$23,
+    name: COMPONENT_NAME$28,
     props: {
-      ...props$1q,
+      ...props$1r,
       mode: {
         type: String,
         default: "x",
@@ -10035,7 +10035,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$22 = "vc-alert";
+  const COMPONENT_NAME$27 = "vc-alert";
   const THEME_MAP = {
     info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -10043,8 +10043,8 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$22,
-    props: props$1s,
+    name: COMPONENT_NAME$27,
+    props: props$1t,
     setup(props2, {
       slots,
       emit
@@ -10130,7 +10130,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MAlert = Alert;
-  const props$1p = {
+  const props$1q = {
     // canvas配置参数
     options: Object,
     width: {
@@ -10143,10 +10143,10 @@ var Vc = (function (exports, vue) {
     }
   };
   const isTouch = typeof document !== "undefined" && "ontouchend" in document;
-  const COMPONENT_NAME$21 = "vc-artboard";
+  const COMPONENT_NAME$26 = "vc-artboard";
   const Artboard = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$21,
-    props: props$1p,
+    name: COMPONENT_NAME$26,
+    props: props$1q,
     setup(props2, {
       emit,
       expose
@@ -10321,7 +10321,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MArtboard = Artboard;
-  const props$1o = {
+  const props$1p = {
     size: {
       type: Number,
       default: 28
@@ -10342,10 +10342,10 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$20 = "vc-spin";
+  const COMPONENT_NAME$25 = "vc-spin";
   const Spin = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$20,
-    props: props$1o,
+    name: COMPONENT_NAME$25,
+    props: props$1p,
     setup(props2, {
       slots
     }) {
@@ -10378,7 +10378,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1n = {
+  const props$1o = {
     wait: {
       type: Number,
       default: 250
@@ -10393,10 +10393,10 @@ var Vc = (function (exports, vue) {
     },
     exclude: RegExp
   };
-  const COMPONENT_NAME$1$ = "vc-debounce";
+  const COMPONENT_NAME$24 = "vc-debounce";
   const Debounce = vue.defineComponent({
-    name: COMPONENT_NAME$1$,
-    props: props$1n,
+    name: COMPONENT_NAME$24,
+    props: props$1o,
     /**
      * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
      * 如事件onClick
@@ -10435,7 +10435,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1m = {
+  const props$1n = {
     tag: {
       type: String,
       default: "button"
@@ -10464,11 +10464,11 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  const COMPONENT_NAME$1_ = "vc-button";
+  const COMPONENT_NAME$23 = "vc-button";
   const Button = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1_,
+    name: COMPONENT_NAME$23,
     emits: ["click"],
-    props: props$1m,
+    props: props$1n,
     setup(props2, {
       slots
     }) {
@@ -10528,7 +10528,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1l = {
+  const props$1m = {
     vertical: {
       type: Boolean,
       default: false
@@ -10546,10 +10546,10 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1Z = "vc-button-group";
+  const COMPONENT_NAME$22 = "vc-button-group";
   const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Z,
-    props: props$1l,
+    name: COMPONENT_NAME$22,
+    props: props$1m,
     setup(props2, {
       slots
     }) {
@@ -10571,16 +10571,16 @@ var Vc = (function (exports, vue) {
   });
   const MButton = Button;
   const MButtonGroup = ButtonGroup;
-  const props$1k = {
+  const props$1l = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$1Y = "vc-calendar";
+  const COMPONENT_NAME$21 = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Y,
-    props: props$1k,
+    name: COMPONENT_NAME$21,
+    props: props$1l,
     setup(props2, {
       slots
     }) {
@@ -10592,7 +10592,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MCalendar = Calendar$1;
-  const props$1j = {
+  const props$1k = {
     border: {
       type: Boolean,
       default: true
@@ -10612,10 +10612,10 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  const COMPONENT_NAME$1X = "vc-card";
+  const COMPONENT_NAME$20 = "vc-card";
   const Card = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1X,
-    props: props$1j,
+    name: COMPONENT_NAME$20,
+    props: props$1k,
     setup(props2, {
       slots
     }) {
@@ -10639,27 +10639,696 @@ var Vc = (function (exports, vue) {
     }
   });
   const MCard = Card;
-  const props$1i = {
-    tag: {
+  const useCarousel = (wrapper, content, expose) => {
+    const instance = vue.getCurrentInstance();
+    const props2 = instance.props;
+    const { emit } = instance;
+    const items = vue.ref([]);
+    const activeIndex = vue.ref(-1);
+    const timer = vue.ref(null);
+    const offset = vue.ref(0);
+    const carouselId = vue.ref(getUid("carousel"));
+    const start = vue.ref();
+    const startX = vue.ref();
+    const startY = vue.ref();
+    const allowTransition = vue.ref(false);
+    const direction = vue.computed(() => {
+      return props2.vertical ? "vertical" : "horizontal";
+    });
+    const hasLabel = vue.computed(() => {
+      return items.value.some((item) => item.props.label.toString().length > 0);
+    });
+    const dotsClasses = vue.computed(() => {
+      const classes = ["is-" + direction.value];
+      if (hasLabel.value) {
+        classes.push("is-labels");
+      }
+      if (props2.dots === "outside" || props2.card) {
+        classes.push("is-outside");
+      }
+      return classes;
+    });
+    const resetItems = (oldIndex) => {
+      items.value.forEach((item, index) => {
+        item.exposed?.reset?.(index, activeIndex.value, oldIndex);
+      });
+    };
+    const playSlides = () => {
+      allowTransition.value = true;
+      if (activeIndex.value < items.value.length - 1) {
+        activeIndex.value++;
+      } else if (props2.loop) {
+        activeIndex.value = 0;
+      }
+    };
+    const pauseTimer = () => {
+      if (timer.value) {
+        clearInterval(timer.value);
+        timer.value = null;
+      }
+    };
+    const startTimer = () => {
+      if (props2.t <= 0 || !props2.autoplay || timer.value) return;
+      timer.value = setInterval(playSlides, props2.t);
+    };
+    const setActiveItem = (index) => {
+      if (typeof index === "string") {
+        const filteredItems = items.value.filter((item) => item.props.name === index);
+        if (filteredItems.length > 0) {
+          index = items.value.indexOf(filteredItems[0]);
+        }
+      }
+      index = Number(index);
+      if (isNaN(index) || index !== Math.floor(index)) {
+        throw new VcError("carousel", "索引必须是整数");
+      }
+      const length = items.value.length;
+      const oldIndex = activeIndex.value;
+      if (index < 0) {
+        activeIndex.value = props2.loop ? length - 1 : 0;
+      } else if (index >= length) {
+        activeIndex.value = props2.loop ? 0 : length - 1;
+      } else {
+        activeIndex.value = index;
+      }
+      if (oldIndex === activeIndex.value) {
+        resetItems(oldIndex);
+      }
+    };
+    const prev = () => {
+      setActiveItem(activeIndex.value - 1);
+    };
+    const next = () => {
+      setActiveItem(activeIndex.value + 1);
+    };
+    const handleDotClick = (index) => {
+      activeIndex.value = index;
+    };
+    const handleStart = (e) => {
+      allowTransition.value = true;
+      if (!props2.draggable) return;
+      pauseTimer();
+      start.value = true;
+      startX.value = e.screenX;
+      startY.value = e.screenY;
+    };
+    const handleMove = (e) => {
+      if (!start.value || !props2.draggable) return;
+      offset.value = !props2.vertical ? e.screenX - startX.value : e.screenY - startY.value;
+      resetItems();
+    };
+    const handleEnd = () => {
+      if (!props2.draggable) return;
+      start.value = false;
+      startTimer();
+      const $offset = Math.abs(offset.value);
+      const $direction = offset.value > 0;
+      offset.value = 0;
+      if ($offset > 5) {
+        $direction && prev();
+        !$direction && next();
+      } else {
+        resetItems();
+      }
+    };
+    vue.watch(
+      () => items.value,
+      (v) => {
+        if (v.length > 0) setActiveItem(props2.initialIndex);
+      }
+    );
+    vue.watch(
+      () => activeIndex.value,
+      (v, oldV) => {
+        resetItems(oldV);
+        emit("change", v, oldV);
+      }
+    );
+    vue.watch(
+      () => props2.autoplay,
+      (v) => {
+        v ? startTimer() : pauseTimer();
+      }
+    );
+    vue.watch(
+      () => props2.loop,
+      () => {
+        setActiveItem(activeIndex.value);
+      }
+    );
+    vue.watch(
+      () => props2.t,
+      () => {
+        pauseTimer();
+        startTimer();
+      }
+    );
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        if (wrapper.value) Resize.on(wrapper.value, resetItems);
+        if (props2.initialIndex < items.value.length && props2.initialIndex >= 0) {
+          activeIndex.value = props2.initialIndex;
+        }
+        startTimer();
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      if (wrapper.value) Resize.off(wrapper.value, resetItems);
+      pauseTimer();
+      startTimer();
+    });
+    const add = (item) => {
+      if (!item) return;
+      vue.nextTick(() => {
+        if (content.value) {
+          const index = Array.from(content.value.children).filter((i) => /vcm?-carousel-item/.test(i.className)).indexOf(item.vnode.el);
+          items.value.splice(index, 0, item);
+          return;
+        }
+        items.value.push(item);
+      });
+    };
+    const remove = (item) => {
+      if (!item) return;
+      items.value.splice(items.value.indexOf(item), 1);
+    };
+    vue.provide("vc-carousel", {
+      props: props2,
+      items,
+      offset,
+      allowTransition,
+      setActiveItem,
+      wrapper,
+      content,
+      add,
+      remove
+    });
+    expose({
+      setActiveItem,
+      prev,
+      next
+    });
+    return {
+      carouselId,
+      allowTransition,
+      items,
+      activeIndex,
+      offset,
+      direction,
+      hasLabel,
+      dotsClasses,
+      start,
+      startX,
+      startY,
+      handleStart,
+      handleMove,
+      handleEnd,
+      handleDotClick,
+      prev,
+      next,
+      setActiveItem,
+      pauseTimer,
+      startTimer
+    };
+  };
+  const props$1j = {
+    t: {
+      type: Number,
+      default: 3e3
+    },
+    card: Boolean,
+    gutter: {
+      type: Number,
+      default: 0
+    },
+    height: [String, Number],
+    initialIndex: {
+      type: Number,
+      default: 0
+    },
+    trigger: {
       type: String,
-      default: "div"
+      default: "hover"
+    },
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    dots: {
+      type: [String, Boolean],
+      default: "bottom"
+      // bottom/outside | false
+    },
+    arrow: {
+      type: [String, Boolean],
+      default: "hover"
+      // hover/always | false
+    },
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    draggable: {
+      type: Boolean,
+      default: true
     }
   };
-  const COMPONENT_NAME$1W = "vc-carousel";
+  const COMPONENT_NAME$1$ = "vc-carousel";
   const Carousel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1W,
+    name: COMPONENT_NAME$1$,
+    props: props$1j,
+    setup(props2, {
+      slots,
+      expose
+    }) {
+      const isHover = vue.ref(false);
+      const wrapper = vue.ref(null);
+      const content = vue.ref(null);
+      const arrowDisplay = vue.computed(() => {
+        return props2.arrow && !props2.vertical;
+      });
+      const carousel = useCarousel(wrapper, content, expose);
+      const itemInStage = (item, index, items) => {
+        const length = items.length;
+        const isInStage = item.exposed.isInStage.value;
+        if (index === length - 1 && isInStage && items[0].exposed.isActive.value || isInStage && items[index + 1] && items[index + 1].exposed.isActive.value) {
+          return "left";
+        } else if (index === 0 && isInStage && items[length - 1].exposed.isActive.value || isInStage && items[index - 1] && items[index - 1].exposed.isActive.value) {
+          return "right";
+        }
+        return false;
+      };
+      const handleButtonEnter = (arrow) => {
+        if (props2.vertical) return;
+        carousel.items.value.forEach((item, index, items) => {
+          if (arrow === itemInStage(item, index, items)) {
+            item.exposed.isHover.value = true;
+          }
+        });
+      };
+      const handleButtonLeave = () => {
+        if (props2.vertical) return;
+        carousel.items.value.forEach((item) => {
+          item.exposed.isHover.value = false;
+        });
+      };
+      const handleDotHover = (index) => {
+        if (props2.trigger === "hover" && index !== carousel.activeIndex.value) {
+          carousel.activeIndex.value = index;
+        }
+      };
+      const handleMouseEnter = () => {
+        isHover.value = true;
+        carousel.pauseTimer();
+      };
+      const handleMouseLeave = () => {
+        isHover.value = false;
+        carousel.startTimer();
+      };
+      const throttledArrowClick = throttle$1(carousel.setActiveItem);
+      const throttledDotHover = throttle$1(handleDotHover);
+      return () => {
+        return vue.createVNode("div", {
+          "ref": wrapper,
+          "class": ["vc-carousel", `is-${carousel.direction.value}`],
+          "onMousedown": vue.withModifiers(carousel.handleStart, ["stop", "prevent"]),
+          "onMousemove": vue.withModifiers(carousel.handleMove, ["stop", "prevent"]),
+          "onMouseup": vue.withModifiers(carousel.handleEnd, ["stop", "prevent"]),
+          "onMouseenter": vue.withModifiers(handleMouseEnter, ["stop"]),
+          "onMouseleave": vue.withModifiers(handleMouseLeave, ["stop"])
+        }, [vue.createVNode("div", {
+          "ref": content,
+          "class": "vc-carousel__wrapper",
+          "style": {
+            height: props2.height ? `${props2.height}px` : "auto"
+          }
+        }, [arrowDisplay.value && vue.createVNode(TransitionSlide, {
+          "mode": "left-part"
+        }, {
+          default: () => [vue.withDirectives(vue.createVNode("button", {
+            "type": "button",
+            "class": "vc-carousel__arrow is-left-arrow",
+            "onMouseenter": () => handleButtonEnter("left"),
+            "onMouseleave": handleButtonLeave,
+            "onClick": vue.withModifiers(() => throttledArrowClick(carousel.activeIndex.value - 1), ["stop"])
+          }, [vue.createVNode(Icon, {
+            "type": "left"
+          }, null)]), [[vue.vShow, (props2.arrow === "always" || isHover.value) && (props2.loop || carousel.activeIndex.value > 0)]])]
+        }), arrowDisplay.value && vue.createVNode(TransitionSlide, {
+          "mode": "right-part"
+        }, {
+          default: () => [vue.withDirectives(vue.createVNode("button", {
+            "type": "button",
+            "class": "vc-carousel__arrow is-right-arrow",
+            "onMouseenter": () => handleButtonEnter("right"),
+            "onMouseleave": handleButtonLeave,
+            "onClick": vue.withModifiers(() => throttledArrowClick(carousel.activeIndex.value + 1), ["stop"])
+          }, [vue.createVNode(Icon, {
+            "type": "right"
+          }, null)]), [[vue.vShow, (props2.arrow === "always" || isHover.value) && (props2.loop || carousel.activeIndex.value < carousel.items.value.length - 1)]])]
+        }), slots.default?.()]), props2.dots && vue.createVNode("ul", {
+          "class": ["vc-carousel__dots", ...carousel.dotsClasses.value]
+        }, [carousel.items.value.map((item, index) => vue.createVNode("li", {
+          "key": index,
+          "class": ["vc-carousel__dot", `is-${carousel.direction.value}`, {
+            "is-active": index === carousel.activeIndex.value
+          }],
+          "onMouseenter": () => throttledDotHover(index),
+          "onClick": () => carousel.handleDotClick(index)
+        }, [vue.createVNode("button", {
+          "class": "vc-carousel__button"
+        }, [carousel.hasLabel.value && vue.createVNode("span", null, [item.props.label])])]))])]);
+      };
+    }
+  });
+  const props$1i = {
+    name: String,
+    label: {
+      type: [String, Number],
+      default: ""
+    },
+    // card大小
+    width: {
+      type: [Number, String],
+      default: "70%"
+    },
+    // card之间间距, 或者滑动时候的间距
+    gutter: {
+      type: Number,
+      default: 0
+    },
+    scale: {
+      type: Number,
+      default: 0.83
+    }
+  };
+  const TRANSFORM = prefixStyle("transform").camel;
+  const useCarouselItem = (expose) => {
+    const instance = vue.getCurrentInstance();
+    const carousel = vue.inject("vc-carousel", {});
+    const props2 = instance.props;
+    const translate = vue.ref(0);
+    const currentScale = vue.ref(1);
+    const isHover = vue.ref(false);
+    const isActive = vue.ref(false);
+    const isReady = vue.ref(false);
+    const isInStage = vue.ref(false);
+    const isAnimating = vue.ref(false);
+    const isVertical = vue.computed(() => {
+      return carousel.props.vertical;
+    });
+    const isCard = vue.computed(() => {
+      return carousel.props.card;
+    });
+    const isMove = vue.computed(() => {
+      return carousel.offset.value !== 0;
+    });
+    const itemGutter = vue.computed(() => {
+      return props2.gutter || carousel.props.gutter || 0;
+    });
+    const itemStyle = vue.computed(() => {
+      const translateType = isVertical.value ? "translateY" : "translateX";
+      if (carousel.props.card) {
+        return {
+          [TRANSFORM]: `${translateType}(${translate.value}px) scale(${currentScale.value})`,
+          width: props2.width
+        };
+      } else {
+        return {
+          [TRANSFORM]: `${translateType}(${translate.value}px) scale(${currentScale.value})`,
+          width: itemGutter.value ? props2.width : "100%"
+        };
+      }
+    });
+    vue.onBeforeMount(() => {
+      carousel.add?.(instance);
+      if (!isCard.value && itemGutter.value && carousel.props.loop) {
+        throw new VcError("carousel", "slide模式下loop不能为true");
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      carousel.remove?.(instance);
+    });
+    const processIndex = (index, activeIndex, length) => {
+      if (activeIndex === 0 && index === length - 1) {
+        return -1;
+      } else if (activeIndex === length - 1 && index === 0) {
+        return length;
+      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {
+        return length + 1;
+      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {
+        return -2;
+      }
+      return index;
+    };
+    const calcCardTranslate = (index, activeIndex) => {
+      let value;
+      const widthNumber = +props2.width / 100;
+      const parentW = carousel.wrapper.value.offsetWidth;
+      if (isInStage.value) {
+        if (index === activeIndex) {
+          value = parentW * (1 - widthNumber) / 2;
+        } else if (index > activeIndex) {
+          value = parentW * (1 + widthNumber * props2.scale) / 2 + itemGutter.value;
+        } else {
+          value = -(parentW * ((widthNumber * props2.scale - 1) / 2 + widthNumber)) - itemGutter.value;
+        }
+      } else if (index < activeIndex) {
+        value = parentW * (1 - widthNumber) / 2;
+      } else {
+        value = parentW * (1 - widthNumber) / 2;
+      }
+      return value;
+    };
+    const calcSlideOffset = (index, activeIndex, wrapperWidth) => {
+      const { length } = carousel.items.value;
+      const offset = wrapperWidth - (instance.vnode?.el?.offsetWidth || 0);
+      const gutter = itemGutter.value;
+      if (!gutter || isVertical.value) return 0;
+      let slideOffset = 0;
+      if (length === 1) {
+        return offset / 2;
+      }
+      if (activeIndex == 0) {
+        if (index - activeIndex === 0) {
+          slideOffset = gutter;
+        } else if (index - activeIndex === 1) {
+          slideOffset = -offset + gutter * 2;
+        }
+      }
+      if (activeIndex !== 0 && activeIndex != length - 1) {
+        if (index - activeIndex === 0) {
+          slideOffset = offset / 2;
+        } else if (index - activeIndex === 1) {
+          slideOffset = -offset / 2 + gutter;
+        } else if (index - activeIndex === -1) {
+          slideOffset = offset * 3 / 2 - gutter;
+        }
+      }
+      if (activeIndex == length - 1) {
+        if (index - activeIndex === 0) {
+          slideOffset = offset - gutter;
+        } else if (index - activeIndex === -1) {
+          slideOffset = offset * 2 - gutter * 2;
+        }
+      }
+      return slideOffset;
+    };
+    const calcTranslate = (index, activeIndex) => {
+      const distance = carousel.vnode.el[isVertical.value ? "offsetHeight" : "offsetWidth"];
+      const slideOffset = calcSlideOffset(index, activeIndex, distance);
+      return distance * (index - activeIndex) + carousel.offset.value + slideOffset;
+    };
+    const reset = (index, activeIndex, oldIndex) => {
+      const { length } = carousel.items.value;
+      if (carousel.allowTransition.value && !isCard.value && oldIndex !== void 0) {
+        isAnimating.value = index === activeIndex || index === oldIndex;
+        if (!isVertical.value && !isAnimating.value && itemGutter.value && (index - activeIndex === 1 || index - activeIndex === -1)) {
+          isAnimating.value = true;
+        }
+      }
+      if (index !== activeIndex && length > 2 && carousel.props.loop) {
+        index = processIndex(index, activeIndex, length);
+      }
+      if (isCard.value) {
+        if (isVertical.value) {
+          throw new VcError("carousel", "卡片模式不支持垂直方向");
+        }
+        isInStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
+        isActive.value = index === activeIndex;
+        translate.value = calcCardTranslate(index, activeIndex);
+        currentScale.value = isActive.value ? 1 : props2.scale;
+      } else {
+        isActive.value = index === activeIndex;
+        translate.value = calcTranslate(index, activeIndex);
+      }
+      isReady.value = true;
+    };
+    const handleItemClick = () => {
+      if (parent && isCard.value) {
+        const index = carousel.items.value.indexOf(instance);
+        carousel.setActiveItem(index);
+      }
+    };
+    expose({
+      reset,
+      isInStage,
+      isHover,
+      isActive
+    });
+    return {
+      translate,
+      currentScale,
+      isHover,
+      isActive,
+      isReady,
+      isInStage,
+      isAnimating,
+      isVertical,
+      isCard,
+      isMove,
+      itemGutter,
+      itemStyle,
+      reset,
+      handleItemClick
+    };
+  };
+  const COMPONENT_NAME$1_ = "vc-carousel-item";
+  const CarouselItem = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$1_,
     props: props$1i,
+    setup(_, {
+      slots,
+      expose
+    }) {
+      const it = useCarouselItem(expose);
+      return () => {
+        return vue.withDirectives(vue.createVNode("div", {
+          "class": ["vc-carousel-item", {
+            "is-active": it.isActive.value,
+            "is-card": it.isCard.value,
+            "is-in-stage": it.isInStage.value,
+            "is-hover": it.isHover.value,
+            "is-animating": it.isAnimating.value && !it.isMove.value
+          }],
+          "style": it.itemStyle.value,
+          "onClick": it.handleItemClick
+        }, [it.isCard.value && vue.withDirectives(vue.createVNode("div", {
+          "class": "vc-carousel-item__mask"
+        }, null), [[vue.vShow, !it.isActive.value]]), slots.default?.()]), [[vue.vShow, it.isReady.value]]);
+      };
+    }
+  });
+  const COMPONENT_NAME$1Z = "vcm-carousel";
+  const MCarousel = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$1Z,
+    props: {
+      ...props$1j,
+      dots: {
+        type: [String, Boolean],
+        default: false
+      },
+      indicator: {
+        type: Boolean,
+        default: true
+      }
+    },
     setup(props2, {
-      slots
+      slots,
+      expose
     }) {
+      const wrapper = vue.ref(null);
+      const content = vue.ref(null);
+      const carousel = useCarousel(wrapper, content, expose);
+      let scrollStatus = 0;
+      const handleTouchStart = (e) => {
+        carousel.handleStart(e.touches[0]);
+        scrollStatus = 0;
+      };
+      const handleTouchMove = (e) => {
+        const absX = Math.abs(e.touches[0].screenX - carousel.startX.value);
+        const absY = Math.abs(e.touches[0].screenY - carousel.startY.value);
+        if (!props2.vertical && absX > absY && scrollStatus !== 1) {
+          e.preventDefault();
+          carousel.handleMove(e.touches[0]);
+          scrollStatus = 2;
+          return;
+        }
+        if (props2.vertical && absY > absX) {
+          e.preventDefault();
+          carousel.handleMove(e.touches[0]);
+          return;
+        }
+        if (scrollStatus === 0) {
+          scrollStatus = 1;
+        }
+      };
+      const handleTouchEnd = () => {
+        carousel.handleEnd();
+        scrollStatus = 0;
+      };
       return () => {
         return vue.createVNode("div", {
-          "class": "vc-carousel"
-        }, [slots?.default?.()]);
+          "ref": wrapper,
+          "class": ["vcm-carousel", `is-${carousel.direction.value}`],
+          "onTouchstart": vue.withModifiers(handleTouchStart, ["stop"]),
+          "onTouchmove": vue.withModifiers(handleTouchMove, ["stop"]),
+          "onTouchend": vue.withModifiers(handleTouchEnd, ["stop"])
+        }, [vue.createVNode("div", {
+          "ref": content,
+          "style": {
+            height: props2.height ? `${props2.height}px` : "auto"
+          },
+          "class": "vcm-carousel__wrapper"
+        }, [slots.default?.()]), props2.dots && vue.createVNode("ul", {
+          "class": ["vcm-carousel__dots", ...carousel.dotsClasses.value]
+        }, [carousel.items.value.map((_, index) => vue.createVNode("li", {
+          "key": index,
+          "class": ["vcm-carousel__dot", "is-" + carousel.direction.value, {
+            "is-active": index === carousel.activeIndex.value
+          }],
+          "onClick": (e) => {
+            e.stopPropagation();
+            carousel.handleDotClick(index);
+          }
+        }, [vue.createVNode("button", {
+          "class": "vcm-carousel__button"
+        }, [carousel.hasLabel.value && vue.createVNode("span", null, [carousel.items.value[index].props.label])])]))]), !props2.card && props2.indicator && vue.createVNode("div", {
+          "class": "vcm-carousel__indicator"
+        }, [vue.createVNode("span", null, [carousel.activeIndex.value + 1]), vue.createVNode("span", null, [vue.createTextVNode(" / ")]), vue.createVNode("span", null, [carousel.items.value.length])])]);
+      };
+    }
+  });
+  const COMPONENT_NAME$1Y = "vcm-carousel-item";
+  const MCarouselItem = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$1Y,
+    props: props$1i,
+    setup(_, {
+      slots,
+      expose
+    }) {
+      const it = useCarouselItem(expose);
+      return () => {
+        return vue.withDirectives(vue.createVNode("div", {
+          "style": it.itemStyle.value,
+          "class": {
+            "vcm-carousel-item": true,
+            "is-active": it.isActive.value,
+            "is-card": it.isCard.value,
+            "is-animating": it.isAnimating.value && !it.isMove.value,
+            "is-in-stage": it.isInStage.value
+          },
+          "onClick": it.handleItemClick
+        }, [it.isCard.value && !it.isActive.value && vue.createVNode("div", {
+          "class": "vcm-carousel-item__mask"
+        }, null), slots.default?.()]), [[vue.vShow, it.isReady.value]]);
       };
     }
   });
-  const MCarousel = Carousel;
   const getSelectedData = (value = [], source = []) => {
     const label = [];
     const data = [];
@@ -10932,9 +11601,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  const COMPONENT_NAME$1V = "vc-input";
+  const COMPONENT_NAME$1X = "vc-input";
   const Input$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1V,
+    name: COMPONENT_NAME$1X,
     inheritAttrs: false,
     props: {
       ...props$1h,
@@ -11265,9 +11934,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  const COMPONENT_NAME$1U = "vc-input-number";
+  const COMPONENT_NAME$1W = "vc-input-number";
   const InputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1U,
+    name: COMPONENT_NAME$1W,
     props: props$1g,
     inheritAttrs: false,
     setup(props2, {
@@ -11327,9 +11996,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1T = "vc-input-search";
+  const COMPONENT_NAME$1V = "vc-input-search";
   const InputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1V,
     props: props$1f,
     inheritAttrs: false,
     setup(props2, {
@@ -11717,9 +12386,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  const COMPONENT_NAME$1S = "vc-customer";
+  const COMPONENT_NAME$1U = "vc-customer";
   const Customer = vue.defineComponent({
-    name: COMPONENT_NAME$1S,
+    name: COMPONENT_NAME$1U,
     props: props$1c,
     setup(props2, context) {
       return () => vue.h(() => {
@@ -11792,7 +12461,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1R = "vc-portal";
+  const COMPONENT_NAME$1T = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -11842,7 +12511,7 @@ var Vc = (function (exports, vue) {
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1R)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1T)
       };
     }
     popup(propsData, options) {
@@ -11935,12 +12604,12 @@ var Vc = (function (exports, vue) {
         components,
         uses,
         slots,
-        parent,
+        parent: parent2,
         propsData,
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1R)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1T)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -11974,8 +12643,8 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1R,
-          parent,
+          name: COMPONENT_NAME$1T,
+          parent: parent2,
           setup() {
             if (alive) {
               const handleExtra = (e) => {
@@ -12083,9 +12752,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1Q = "vc-portal-view";
+  const COMPONENT_NAME$1S = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Q,
+    name: COMPONENT_NAME$1S,
     props: props$1b,
     setup(props2, {
       slots
@@ -12099,9 +12768,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1P = "vc-popover-wrapper";
+  const COMPONENT_NAME$1R = "vc-popover-wrapper";
   const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1P,
+    name: COMPONENT_NAME$1R,
     props: props$1e,
     emits: ["portal-fulfilled", "close"],
     setup(props2, {
@@ -12323,9 +12992,9 @@ var Vc = (function (exports, vue) {
   const PopoverPortal = new Portal(PopoverWrapper, {
     leaveDelay: 0
   });
-  const COMPONENT_NAME$1O = "vc-popover";
+  const COMPONENT_NAME$1Q = "vc-popover";
   const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1O,
+    name: COMPONENT_NAME$1Q,
     props: props$1d,
     emits: ["update:modelValue", "visible-change", "ready", "close"],
     setup(props2, {
@@ -12453,9 +13122,9 @@ var Vc = (function (exports, vue) {
   const Popover = Object.assign(Popover$1, {
     open: PopoverPortal.popup.bind(PopoverPortal)
   });
-  const COMPONENT_NAME$1N = "vc-cascader-column";
+  const COMPONENT_NAME$1P = "vc-cascader-column";
   const CascaderColumn = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1N,
+    name: COMPONENT_NAME$1P,
     emits: ["click", "change"],
     props: {
       data: {
@@ -12658,9 +13327,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1M = "vc-cascader";
+  const COMPONENT_NAME$1O = "vc-cascader";
   const Cascader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1M,
+    name: COMPONENT_NAME$1O,
     inheritAttrs: false,
     props: props$19,
     emits: ["update:modelValue", "visible-change", "ready", "change", "close"],
@@ -12947,9 +13616,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  const COMPONENT_NAME$1L = "vc-chart";
+  const COMPONENT_NAME$1N = "vc-chart";
   const Chart = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1L,
+    name: COMPONENT_NAME$1N,
     props: props$18,
     emits: [...EVENTS$1, "ready"],
     setup(props2, {
@@ -13176,9 +13845,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$1K = "vc-checkbox";
+  const COMPONENT_NAME$1M = "vc-checkbox";
   const Checkbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1K,
+    name: COMPONENT_NAME$1M,
     props: props$17,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13260,9 +13929,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$1J = "vc-checkbox-group";
+  const COMPONENT_NAME$1L = "vc-checkbox-group";
   const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1J,
+    name: COMPONENT_NAME$1L,
     props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13277,9 +13946,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1I = "vcm-checkbox";
+  const COMPONENT_NAME$1K = "vcm-checkbox";
   const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1I,
+    name: COMPONENT_NAME$1K,
     props: props$17,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13316,9 +13985,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1H = "vcm-checkbox-group";
+  const COMPONENT_NAME$1J = "vcm-checkbox-group";
   const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1H,
+    name: COMPONENT_NAME$1J,
     props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13368,9 +14037,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$1G = "vc-message";
+  const COMPONENT_NAME$1I = "vc-message";
   const MessageView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1G,
+    name: COMPONENT_NAME$1I,
     emits: ["before-close", "close", "portal-fulfilled"],
     props: props$15,
     setup(props2, {
@@ -13613,9 +14282,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
   };
-  const COMPONENT_NAME$1F = "vc-clipboard";
+  const COMPONENT_NAME$1H = "vc-clipboard";
   const Clipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1F,
+    name: COMPONENT_NAME$1H,
     props: props$14,
     setup() {
       return useClipboard((content) => Message.success({ content }));
@@ -13647,9 +14316,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  const COMPONENT_NAME$1E = "vcm-toast";
+  const COMPONENT_NAME$1G = "vcm-toast";
   const MToastView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1E,
+    name: COMPONENT_NAME$1G,
     emits: ["close", "portal-fulfilled"],
     props: props$13,
     setup(props2, {
@@ -13748,9 +14417,9 @@ var Vc = (function (exports, vue) {
   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$1D = "vcm-clipboard";
+  const COMPONENT_NAME$1F = "vcm-clipboard";
   const MClipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1D,
+    name: COMPONENT_NAME$1F,
     props: props$14,
     setup() {
       return useClipboard((content) => MToast.info({ content }));
@@ -13779,9 +14448,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1C = "vc-collapse";
+  const COMPONENT_NAME$1E = "vc-collapse";
   const Collapse = vue.defineComponent({
-    name: COMPONENT_NAME$1C,
+    name: COMPONENT_NAME$1E,
     props: props$12,
     emits: ["update:moodelValue", "change"],
     setup(props2, { slots, emit }) {
@@ -13893,9 +14562,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1B = "vc-expand";
+  const COMPONENT_NAME$1D = "vc-expand";
   const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1B,
+    name: COMPONENT_NAME$1D,
     props: props$10,
     setup(props2, {
       slots
@@ -13922,9 +14591,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1A = "vc-collapse-item";
+  const COMPONENT_NAME$1C = "vc-collapse-item";
   const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1A,
+    name: COMPONENT_NAME$1C,
     props: props$11,
     setup(props2, {
       slots,
@@ -13994,9 +14663,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1z = "vc-color-picker";
+  const COMPONENT_NAME$1B = "vc-color-picker";
   const ColorPicker$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1z,
+    name: COMPONENT_NAME$1B,
     props: props$$,
     setup(props2, {
       slots
@@ -14053,9 +14722,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$2(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1y = "vc-countdown";
+  const COMPONENT_NAME$1A = "vc-countdown";
   const Countdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1y,
+    name: COMPONENT_NAME$1A,
     props: props$_,
     emits: ["change", "complete", "error"],
     setup(props2, {
@@ -14317,9 +14986,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$1(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1x = "vc-counter";
+  const COMPONENT_NAME$1z = "vc-counter";
   const Counter = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1x,
+    name: COMPONENT_NAME$1z,
     props: props$Z,
     emits: ["begin", "complete", "change"],
     setup(props2, {
@@ -15567,9 +16236,9 @@ var Vc = (function (exports, vue) {
     }
     return view;
   };
-  const COMPONENT_NAME$1w = "vc-date-confirm";
+  const COMPONENT_NAME$1y = "vc-date-confirm";
   const Confirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1w,
+    name: COMPONENT_NAME$1y,
     props: {
       showTime: {
         type: Boolean,
@@ -15630,9 +16299,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1v = "vc-date-header";
+  const COMPONENT_NAME$1x = "vc-date-header";
   const DateHeader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1v,
+    name: COMPONENT_NAME$1x,
     props: {
       panelDate: Date,
       showNext: {
@@ -15713,9 +16382,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1u = "vc-date-table";
+  const COMPONENT_NAME$1w = "vc-date-table";
   const DateTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1u,
+    name: COMPONENT_NAME$1w,
     props: {
       value: Array,
       firstDayOfWeek: {
@@ -15915,9 +16584,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1t = "vc-month-table";
+  const COMPONENT_NAME$1v = "vc-month-table";
   const MonthTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1t,
+    name: COMPONENT_NAME$1v,
     props: {
       value: Array,
       panelDate: Date,
@@ -16043,7 +16712,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1s = "vc-quarter-table";
+  const COMPONENT_NAME$1u = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -16070,7 +16739,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1s,
+    name: COMPONENT_NAME$1u,
     props: {
       value: Array,
       panelDate: Date,
@@ -16188,9 +16857,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1r = "vc-shortcuts-select";
+  const COMPONENT_NAME$1t = "vc-shortcuts-select";
   const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1r,
+    name: COMPONENT_NAME$1t,
     props: {
       panelDate: Date,
       config: Array,
@@ -16227,9 +16896,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1q = "vc-time-select";
+  const COMPONENT_NAME$1s = "vc-time-select";
   const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1q,
+    name: COMPONENT_NAME$1s,
     props: {
       hours: {
         type: [Number, String],
@@ -16505,9 +17174,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1p = "vc-year-table";
+  const COMPONENT_NAME$1r = "vc-year-table";
   const YearTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1p,
+    name: COMPONENT_NAME$1r,
     props: {
       value: Array,
       panelDate: Date,
@@ -16623,9 +17292,9 @@ var Vc = (function (exports, vue) {
     }
     return true;
   };
-  const COMPONENT_NAME$1o = "vc-date-range-panel";
+  const COMPONENT_NAME$1q = "vc-date-range-panel";
   const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1o,
+    name: COMPONENT_NAME$1q,
     props: {
       ...props$W,
       confirm: {
@@ -16986,9 +17655,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1n = "vc-date-panel";
+  const COMPONENT_NAME$1p = "vc-date-panel";
   const DatePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1n,
+    name: COMPONENT_NAME$1p,
     props: {
       ...props$W,
       type: String,
@@ -17187,9 +17856,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1m = "vc-monthrange-panel";
+  const COMPONENT_NAME$1o = "vc-monthrange-panel";
   const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1m,
+    name: COMPONENT_NAME$1o,
     props: {
       ...props$W,
       confirm: {
@@ -17359,9 +18028,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1l = "vc-quarterrange-panel";
+  const COMPONENT_NAME$1n = "vc-quarterrange-panel";
   const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1l,
+    name: COMPONENT_NAME$1n,
     props: {
       ...props$W,
       confirm: {
@@ -17592,9 +18261,9 @@ var Vc = (function (exports, vue) {
       seconds
     };
   };
-  const COMPONENT_NAME$1k = "vc-timerange-panel";
+  const COMPONENT_NAME$1m = "vc-timerange-panel";
   const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1k,
+    name: COMPONENT_NAME$1m,
     props: props$V,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -17692,9 +18361,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1j = "vc-time-panel";
+  const COMPONENT_NAME$1l = "vc-time-panel";
   const TimePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1j,
+    name: COMPONENT_NAME$1l,
     props: props$V,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -17746,7 +18415,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1i = "vc-date-picker";
+  const COMPONENT_NAME$1k = "vc-date-picker";
   const getPanel$1 = (type) => {
     if (["daterange", "datetimerange"].includes(type)) {
       return DateRangePanel;
@@ -17757,7 +18426,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$1i, props$Y, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$1k, props$Y, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -17793,9 +18462,9 @@ var Vc = (function (exports, vue) {
       }
     }
   };
-  const COMPONENT_NAME$1h = "vc-divider";
+  const COMPONENT_NAME$1j = "vc-divider";
   const Divider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1h,
+    name: COMPONENT_NAME$1j,
     props: props$U,
     setup(props2, {
       slots
@@ -17924,7 +18593,7 @@ var Vc = (function (exports, vue) {
     barTo: props$S.to,
     ...pick(props$S, barKeys)
   };
-  const COMPONENT_NAME$1g = "vc-scroller-track";
+  const COMPONENT_NAME$1i = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -17944,7 +18613,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1g,
+    name: COMPONENT_NAME$1i,
     props: props$T,
     emits: ["change"],
     inheritAttrs: false,
@@ -18106,9 +18775,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1f = "vc-scroller-bar";
+  const COMPONENT_NAME$1h = "vc-scroller-bar";
   const Bar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1f,
+    name: COMPONENT_NAME$1h,
     props: props$S,
     emits: ["change"],
     setup(props2, {
@@ -18339,9 +19008,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$1e = "vc-scroller";
+  const COMPONENT_NAME$1g = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1e,
+    name: COMPONENT_NAME$1g,
     props: props$R,
     emits: ["scroll"],
     setup(props2, {
@@ -18399,9 +19068,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1d = "vc-scroller-wheel";
+  const COMPONENT_NAME$1f = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1d,
+    name: COMPONENT_NAME$1f,
     props: Object.assign({}, props$R, {
       stopPropagation: {
         type: Boolean,
@@ -18582,9 +19251,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$1c = "vc-drawer";
+  const COMPONENT_NAME$1e = "vc-drawer";
   const DrawerView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1c,
+    name: COMPONENT_NAME$1e,
     props: props$Q,
     emits: ["close", "update:modelValue", "visible-change"],
     setup(props2, {
@@ -18756,9 +19425,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1b = "vc-dropdown";
+  const COMPONENT_NAME$1d = "vc-dropdown";
   const Dropdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1b,
+    name: COMPONENT_NAME$1d,
     props: props$P,
     inheritAttrs: false,
     emits: ["update:modelValue", "ready", "close", "visible-change", "click"],
@@ -18821,9 +19490,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1a = "vc-dropdown-menu";
+  const COMPONENT_NAME$1c = "vc-dropdown-menu";
   const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1a,
+    name: COMPONENT_NAME$1c,
     setup(_, {
       slots
     }) {
@@ -18834,9 +19503,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$19 = "vc-dropdown-item";
+  const COMPONENT_NAME$1b = "vc-dropdown-item";
   const DropdownItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$19,
+    name: COMPONENT_NAME$1b,
     emits: ["click"],
     props: {
       value: {
@@ -19035,9 +19704,9 @@ var Vc = (function (exports, vue) {
       ["link", "upload/video", "upload/image", "undo", "redo"]
     ]
   };
-  const COMPONENT_NAME$18 = "vc-editor-toolbar";
+  const COMPONENT_NAME$1a = "vc-editor-toolbar";
   const EditorToolbar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$18,
+    name: COMPONENT_NAME$1a,
     props: {
       options: [Array, Object],
       elementId: String
@@ -19237,9 +19906,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$17 = "vc-image-preview";
+  const COMPONENT_NAME$19 = "vc-image-preview";
   const ImagePreview$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$17,
+    name: COMPONENT_NAME$19,
     props: props$O,
     setup(props2, {
       slots
@@ -19429,9 +20098,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$16 = "vc-upload";
+  const COMPONENT_NAME$18 = "vc-upload";
   const Upload$1 = vue.defineComponent({
-    name: COMPONENT_NAME$16,
+    name: COMPONENT_NAME$18,
     props: props$N,
     emits: [
       "message",
@@ -19954,9 +20623,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$15 = "vc-editor";
+  const COMPONENT_NAME$17 = "vc-editor";
   const Editor$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$17,
     props: props$M,
     defaults: defaults$3,
     emits: ["ready", "blur", "focus", "input", "update:modelValue", "change"],
@@ -20137,7 +20806,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$14 = "vc-editor-view";
+  const COMPONENT_NAME$16 = "vc-editor-view";
   const setImages = (v) => {
     if (!v) return;
     const IMG_REGX = /<img.*?(?:>|\/>)/gi;
@@ -20154,7 +20823,7 @@ var Vc = (function (exports, vue) {
     return;
   };
   const EditorView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$14,
+    name: COMPONENT_NAME$16,
     props: {
       value: {
         type: String,
@@ -20362,9 +21031,9 @@ var Vc = (function (exports, vue) {
       validateField
     });
   };
-  const COMPONENT_NAME$13 = "vc-form";
+  const COMPONENT_NAME$15 = "vc-form";
   const Form = vue.defineComponent({
-    name: COMPONENT_NAME$13,
+    name: COMPONENT_NAME$15,
     props: props$L,
     setup(props2, { slots, expose }) {
       useForm(expose);
@@ -20707,9 +21376,9 @@ var Vc = (function (exports, vue) {
       labelPosition
     };
   };
-  const COMPONENT_NAME$12 = "vc-form-item";
+  const COMPONENT_NAME$14 = "vc-form-item";
   const FormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$12,
+    name: COMPONENT_NAME$14,
     props: props$K,
     setup(props2, {
       slots,
@@ -20775,9 +21444,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$11 = "vcm-form";
+  const COMPONENT_NAME$13 = "vcm-form";
   const MForm = vue.defineComponent({
-    name: COMPONENT_NAME$11,
+    name: COMPONENT_NAME$13,
     props: props$J,
     setup(props2, { slots, expose }) {
       useForm(expose, {
@@ -20804,9 +21473,9 @@ var Vc = (function (exports, vue) {
       default: 12
     }
   };
-  const COMPONENT_NAME$10 = "vcm-form-item";
+  const COMPONENT_NAME$12 = "vcm-form-item";
   const MFormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$10,
+    name: COMPONENT_NAME$12,
     props: props$I,
     setup(props2, {
       slots,
@@ -20860,9 +21529,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$$ = "vc-fragment";
+  const COMPONENT_NAME$11 = "vc-fragment";
   const Fragment = vue.defineComponent({
-    name: COMPONENT_NAME$$,
+    name: COMPONENT_NAME$11,
     setup(_, { slots }) {
       return () => vue.h(vue.Fragment, slots.default?.());
     }
@@ -20896,9 +21565,9 @@ var Vc = (function (exports, vue) {
       default: () => ({})
     }
   };
-  const COMPONENT_NAME$_ = "vc-snapshot";
+  const COMPONENT_NAME$10 = "vc-snapshot";
   const Snapshot = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$_,
+    name: COMPONENT_NAME$10,
     props: props$H,
     emits: ["ready"],
     setup(props2, {
@@ -21050,7 +21719,7 @@ var Vc = (function (exports, vue) {
     }
   }
   const IMGStore$1 = new IMGStore();
-  const COMPONENT_NAME$Z = "vc-image";
+  const COMPONENT_NAME$$ = "vc-image";
   let isSupportObjectFit = false;
   window.addEventListener("DOMContentLoaded", () => {
     isSupportObjectFit = !IS_SERVER$3 && document.documentElement.style.objectFit !== void 0;
@@ -21063,7 +21732,7 @@ var Vc = (function (exports, vue) {
     SCALE_DOWN: "scale-down"
   };
   const Image$1$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Z,
+    name: COMPONENT_NAME$$,
     inheritAttrs: false,
     props: props$G,
     setup(props2, {
@@ -21271,9 +21940,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$Y = "vc-image-crop";
+  const COMPONENT_NAME$_ = "vc-image-crop";
   const ImageCrop = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Y,
+    name: COMPONENT_NAME$_,
     props: props$F,
     setup(props2, {
       slots
@@ -21293,9 +21962,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$X = "vc-image-processing";
+  const COMPONENT_NAME$Z = "vc-image-processing";
   const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$X,
+    name: COMPONENT_NAME$Z,
     props: props$E,
     setup(props2, {
       slots
@@ -21308,9 +21977,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageProcessing = ImageProcessing;
-  const COMPONENT_NAME$W = "vcm-input";
+  const COMPONENT_NAME$Y = "vcm-input";
   const MInput = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$W,
+    name: COMPONENT_NAME$Y,
     inheritAttrs: false,
     props: {
       ...props$1h,
@@ -21397,9 +22066,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$V = "vcm-input-number";
+  const COMPONENT_NAME$X = "vcm-input-number";
   const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$V,
+    name: COMPONENT_NAME$X,
     props: props$1g,
     inheritAttrs: false,
     setup(props2, {
@@ -21445,9 +22114,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$U = "vcm-input-search";
+  const COMPONENT_NAME$W = "vcm-input-search";
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$U,
+    name: COMPONENT_NAME$W,
     props: {
       ...props$1f,
       cancelText: {
@@ -21521,9 +22190,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$T = "vcm-list";
+  const COMPONENT_NAME$V = "vcm-list";
   const MList = vue.defineComponent({
-    name: COMPONENT_NAME$T,
+    name: COMPONENT_NAME$V,
     props: props$D,
     setup(props2, { slots }) {
       vue.provide("vc-list", { props: props2 });
@@ -21574,10 +22243,10 @@ var Vc = (function (exports, vue) {
     // MListItem是否独立存在
     alone: Boolean
   };
-  const COMPONENT_NAME$S = "vcm-list-item";
+  const COMPONENT_NAME$U = "vcm-list-item";
   const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
   const MListItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$S,
+    name: COMPONENT_NAME$U,
     props: props$C,
     emits: ["click"],
     setup(props2, {
@@ -21661,11 +22330,11 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$R = "vc-marquee";
+  const COMPONENT_NAME$T = "vc-marquee";
   const ANIMATION = prefixStyle("animation").camel;
   const TRANSFORM_KEBAB = prefixStyle("transform").kebab;
   const Marquee = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$R,
+    name: COMPONENT_NAME$T,
     props: props$B,
     setup(props2, {
       slots
@@ -21726,9 +22395,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$Q = "vc-resizer";
+  const COMPONENT_NAME$S = "vc-resizer";
   const Resizer = vue.defineComponent({
-    name: COMPONENT_NAME$Q,
+    name: COMPONENT_NAME$S,
     props: props$A,
     emits: ["resize"],
     setup(props2, { emit, slots, expose }) {
@@ -21894,10 +22563,10 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$P = "vc-modal";
+  const COMPONENT_NAME$R = "vc-modal";
   let zIndexNumber = 1002;
   const ModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$P,
+    name: COMPONENT_NAME$R,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change", "ok", "cancel"],
     props: props$z,
     setup(props2, {
@@ -22287,9 +22956,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$O = "vc-modal";
+  const COMPONENT_NAME$Q = "vc-modal";
   const MModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$O,
+    name: COMPONENT_NAME$Q,
     emits: ["update:modelValue", "portal-fulfilled", "close", "ok", "cancel"],
     props: props$y,
     setup(props2, {
@@ -22484,9 +23153,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$N = "vc-notice";
+  const COMPONENT_NAME$P = "vc-notice";
   const NoticeView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$N,
+    name: COMPONENT_NAME$P,
     props: props$x,
     emits: ["portal-fulfilled", "close", "before-close"],
     setup(props2, {
@@ -22652,9 +23321,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$M = "vc-option";
+  const COMPONENT_NAME$O = "vc-option";
   const Option$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$M,
+    name: COMPONENT_NAME$O,
     props: props$w,
     setup(props2, {
       slots
@@ -22732,9 +23401,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$L = "vc-tag";
+  const COMPONENT_NAME$N = "vc-tag";
   const Tag = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$L,
+    name: COMPONENT_NAME$N,
     props: props$u,
     emits: ["close", "change"],
     setup(props2, {
@@ -22801,9 +23470,9 @@ var Vc = (function (exports, vue) {
     render: [Function],
     row: Object
   };
-  const COMPONENT_NAME$K = "vc-select-option";
+  const COMPONENT_NAME$M = "vc-select-option";
   const Option = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$K,
+    name: COMPONENT_NAME$M,
     props: props$t,
     setup(props2, {
       slots,
@@ -22892,9 +23561,9 @@ var Vc = (function (exports, vue) {
     row: Object,
     render: [Function]
   };
-  const COMPONENT_NAME$J = "vc-select-option-group";
+  const COMPONENT_NAME$L = "vc-select-option-group";
   const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$J,
+    name: COMPONENT_NAME$L,
     props: props$s,
     setup(props2, {
       slots
@@ -22921,9 +23590,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$I = "vc-select-all";
+  const COMPONENT_NAME$K = "vc-select-all";
   const SelectAll = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$I,
+    name: COMPONENT_NAME$K,
     props: {
       data: {
         type: Array,
@@ -22977,9 +23646,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$H = "vc-select";
+  const COMPONENT_NAME$J = "vc-select";
   const Select = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$H,
+    name: COMPONENT_NAME$J,
     props: props$1a,
     emits: ["ready", "close", "visible-change", "clear", "change", "update:modelValue"],
     setup(props2, {
@@ -23260,9 +23929,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$G = "vc-pagination";
+  const COMPONENT_NAME$I = "vc-pagination";
   const Pagination = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$G,
+    name: COMPONENT_NAME$I,
     props: props$v,
     emits: ["update:current", "change", "page-size-change"],
     setup(props2, {
@@ -23453,9 +24122,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$F = "vc-picker";
+  const COMPONENT_NAME$H = "vc-picker";
   const Picker$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$F,
+    name: COMPONENT_NAME$H,
     props: props$r,
     setup(props2, {
       slots
@@ -23513,9 +24182,9 @@ var Vc = (function (exports, vue) {
     width: [String, Number],
     portalClass: [String, Object]
   };
-  const COMPONENT_NAME$E = "vc-popconfirm";
+  const COMPONENT_NAME$G = "vc-popconfirm";
   const Popconfirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$E,
+    name: COMPONENT_NAME$G,
     props: props$q,
     inheritAttrs: false,
     emits: ["update:modelValue", "visible-change", "ready", "close", "cancel", "ok"],
@@ -23675,9 +24344,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$D = "vc-popup";
+  const COMPONENT_NAME$F = "vc-popup";
   const MPopup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$D,
+    name: COMPONENT_NAME$F,
     props: props$p,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change"],
     setup(props2, {
@@ -23786,9 +24455,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$C = "vc-print";
+  const COMPONENT_NAME$E = "vc-print";
   const Print = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$C,
+    name: COMPONENT_NAME$E,
     props: props$o,
     setup(props2, {
       expose,
@@ -23859,7 +24528,7 @@ var Vc = (function (exports, vue) {
     },
     strokeColor: {
       type: String,
-      default: "#2d8cf0"
+      default: "#456CF6"
     },
     trackColor: {
       type: String,
@@ -23878,9 +24547,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$B = "vc-progress-circle";
+  const COMPONENT_NAME$D = "vc-progress-circle";
   const Circle$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$B,
+    name: COMPONENT_NAME$D,
     props: props$n,
     setup(props2, {
       slots
@@ -23937,9 +24606,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$A = "vc-progress-line";
+  const COMPONENT_NAME$C = "vc-progress-line";
   const Line$2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$A,
+    name: COMPONENT_NAME$C,
     props: props$n,
     setup(props2) {
       const colorStyle = vue.computed(() => {
@@ -23983,9 +24652,9 @@ var Vc = (function (exports, vue) {
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$z = "vc-progress";
+  const COMPONENT_NAME$B = "vc-progress";
   const Progress = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$z,
+    name: COMPONENT_NAME$B,
     props: props$n,
     setup(props2, {
       slots
@@ -24141,9 +24810,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$y = "vc-radio";
+  const COMPONENT_NAME$A = "vc-radio";
   const Radio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$y,
+    name: COMPONENT_NAME$A,
     props: props$m,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -24184,9 +24853,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$x = "vc-radio-button";
+  const COMPONENT_NAME$z = "vc-radio-button";
   const RadioButton = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$x,
+    name: COMPONENT_NAME$z,
     props: {
       ...props$m,
       labelStyle: [String, Object],
@@ -24294,9 +24963,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$w = "vc-radio-group";
+  const COMPONENT_NAME$y = "vc-radio-group";
   const RadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$w,
+    name: COMPONENT_NAME$y,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -24314,9 +24983,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$v = "vcm-radio";
+  const COMPONENT_NAME$x = "vcm-radio";
   const MRadio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$v,
+    name: COMPONENT_NAME$x,
     props: props$m,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -24357,9 +25026,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$u = "vcm-radio-group";
+  const COMPONENT_NAME$w = "vcm-radio-group";
   const MRadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$u,
+    name: COMPONENT_NAME$w,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -24421,9 +25090,9 @@ var Vc = (function (exports, vue) {
       default: () => ({})
     }
   };
-  const COMPONENT_NAME$t = "vc-rate";
+  const COMPONENT_NAME$v = "vc-rate";
   const Rate = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$t,
+    name: COMPONENT_NAME$v,
     props: props$k,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -24618,9 +25287,9 @@ var Vc = (function (exports, vue) {
     renderPlaceholder: Function,
     renderRefresh: Function
   };
-  const COMPONENT_NAME$s = "vc-recycle-list-scroll-state";
+  const COMPONENT_NAME$u = "vc-recycle-list-scroll-state";
   const ScrollState = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$s,
+    name: COMPONENT_NAME$u,
     setup(_, {
       slots
     }) {
@@ -24744,10 +25413,10 @@ var Vc = (function (exports, vue) {
     );
     return keys;
   };
-  const COMPONENT_NAME$r = "vc-recycle-list-container";
+  const COMPONENT_NAME$t = "vc-recycle-list-container";
   const transformKey = prefixStyle("transform").camel;
   const Container$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$r,
+    name: COMPONENT_NAME$t,
     props: props$i,
     emits: ["refresh"],
     setup(props2, {
@@ -24840,9 +25509,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$q = "vc-recycle-list";
+  const COMPONENT_NAME$s = "vc-recycle-list";
   const RecycleList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$q,
+    name: COMPONENT_NAME$s,
     props: props$j,
     emits: ["scroll", "row-resize"],
     setup(props2, {
@@ -25367,9 +26036,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$p = "vc-slider";
+  const COMPONENT_NAME$r = "vc-slider";
   const Slider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$p,
+    name: COMPONENT_NAME$r,
     props: props$h,
     setup(props2, {
       slots
@@ -25388,9 +26057,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$o = "vc-sort-list";
+  const COMPONENT_NAME$q = "vc-sort-list";
   const SortList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$o,
+    name: COMPONENT_NAME$q,
     props: props$g,
     setup(props2, {
       slots
@@ -25409,9 +26078,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$n = "vc-steps";
+  const COMPONENT_NAME$p = "vc-steps";
   const Steps = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$n,
+    name: COMPONENT_NAME$p,
     props: props$f,
     setup(props2, {
       slots
@@ -25531,9 +26200,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$m = "vc-switch";
+  const COMPONENT_NAME$o = "vc-switch";
   const Switch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$m,
+    name: COMPONENT_NAME$o,
     props: props$e,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -25604,9 +26273,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$l = "vcm-switch";
+  const COMPONENT_NAME$n = "vcm-switch";
   const MSwitch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$l,
+    name: COMPONENT_NAME$n,
     props: props$e,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -25742,9 +26411,9 @@ var Vc = (function (exports, vue) {
   };
   const columnsToRowsEffect = (v) => {
     let maxLevel = 1;
-    const traverse = (column, parent) => {
-      if (parent) {
-        column.level = parent.level + 1;
+    const traverse = (column, parent2) => {
+      if (parent2) {
+        column.level = parent2.level + 1;
         if (maxLevel < column.level) {
           maxLevel = column.level;
         }
@@ -25798,8 +26467,8 @@ var Vc = (function (exports, vue) {
       level: baseLevel = 0
     } = opts;
     const isNil = (array) => !(Array.isArray(array) && array.length);
-    function _walker(parent, children, level) {
-      cb(parent, children, level);
+    function _walker(parent2, children, level) {
+      cb(parent2, children, level);
       children.forEach((item) => {
         if (item[lazyKey]) {
           cb(item, null, level + 1);
@@ -26012,8 +26681,8 @@ var Vc = (function (exports, vue) {
       const res = {};
       walkTreeNode(
         data,
-        (parent, children, level) => {
-          const parentId = getRowValue(parent, primaryKey);
+        (parent2, children, level) => {
+          const parentId = getRowValue(parent2, primaryKey);
           if (Array.isArray(children)) {
             res[parentId] = {
               children: children.map((row) => getRowValue(row, primaryKey)),
@@ -26153,9 +26822,9 @@ var Vc = (function (exports, vue) {
           this.store.states.treeData[key].expanded = true;
           walkTreeNode(
             data,
-            (parent, _, level) => {
-              const id = getRowValue(parent, primaryKey);
-              Object.defineProperty(parent, "__KEY__", {
+            (parent2, _, level) => {
+              const id = getRowValue(parent2, primaryKey);
+              Object.defineProperty(parent2, "__KEY__", {
                 value: `${level}__${id}`,
                 writable: false
               });
@@ -26448,13 +27117,13 @@ var Vc = (function (exports, vue) {
      * @param index ~
      * @param parent ~
      */
-    insertColumn(column, index, parent) {
+    insertColumn(column, index, parent2) {
       let array = this.states._columns;
-      if (parent) {
-        array = parent.children;
+      if (parent2) {
+        array = parent2.children;
         if (!array) {
           array = [];
-          parent.children = array;
+          parent2.children = array;
         }
       }
       if (typeof index !== "undefined") {
@@ -26471,10 +27140,10 @@ var Vc = (function (exports, vue) {
         this.scheduleLayout();
       }
     }
-    removeColumn(column, parent) {
+    removeColumn(column, parent2) {
       let array = this.states._columns;
-      if (parent) {
-        array = parent.children || [];
+      if (parent2) {
+        array = parent2.children || [];
       }
       if (array) {
         array.splice(array.indexOf(column), 1);
@@ -26707,9 +27376,9 @@ var Vc = (function (exports, vue) {
     });
     return states;
   };
-  const COMPONENT_NAME$k = "vc-table-normal-list";
+  const COMPONENT_NAME$m = "vc-table-normal-list";
   const NormalList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$k,
+    name: COMPONENT_NAME$m,
     props: {
       data: {
         type: Array,
@@ -27703,9 +28372,9 @@ var Vc = (function (exports, vue) {
       default: void 0
     }
   };
-  const COMPONENT_NAME$j = "vc-table";
+  const COMPONENT_NAME$l = "vc-table";
   const Table$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$j,
+    name: COMPONENT_NAME$l,
     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"],
     setup(props2, {
@@ -28442,9 +29111,9 @@ var Vc = (function (exports, vue) {
     }) {
       const instance = vue.getCurrentInstance();
       const table = vue.inject("vc-table");
-      const parent = vue.inject("vc-table-column", table);
-      const isSubColumn = table !== parent;
-      const columnId = vue.ref((parent.tableId || parent.columnId) + getUid("column"));
+      const parent2 = vue.inject("vc-table-column", table);
+      const isSubColumn = table !== parent2;
+      const columnId = vue.ref((parent2.tableId || parent2.columnId) + getUid("column"));
       const realWidth = vue.computed(() => {
         return parseWidth(props2.width);
       });
@@ -28570,13 +29239,13 @@ var Vc = (function (exports, vue) {
         registerWatchers();
       });
       vue.onMounted(() => {
-        const children = isSubColumn ? parent.vnode.el.children : parent.hiddenColumns.value.children;
+        const children = isSubColumn ? parent2.vnode.el.children : parent2.hiddenColumns.value.children;
         const columnIndex = [...children].indexOf(instance.vnode.el);
-        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.columnConfig);
+        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent2.columnConfig);
       });
       vue.onUnmounted(() => {
         if (!instance.parent) return;
-        table.store.removeColumn(columnConfig, isSubColumn && parent.columnConfig);
+        table.store.removeColumn(columnConfig, isSubColumn && parent2.columnConfig);
       });
       vue.provide("vc-table-column", {
         columnId,
@@ -28821,9 +29490,9 @@ var Vc = (function (exports, vue) {
       handleChange
     };
   };
-  const COMPONENT_NAME$i = "vc-tabs";
+  const COMPONENT_NAME$k = "vc-tabs";
   const Tabs = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$i,
+    name: COMPONENT_NAME$k,
     props: props$c,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
@@ -29052,9 +29721,9 @@ var Vc = (function (exports, vue) {
       currentValue
     };
   };
-  const COMPONENT_NAME$h = "vc-tabs-pane";
+  const COMPONENT_NAME$j = "vc-tabs-pane";
   const TabsPane = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$h,
+    name: COMPONENT_NAME$j,
     props: props$b,
     setup(_, {
       slots
@@ -29105,9 +29774,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$g = "vcm-tabs";
+  const COMPONENT_NAME$i = "vcm-tabs";
   const MTabs = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$g,
+    name: COMPONENT_NAME$i,
     props: props$a,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
@@ -29335,9 +30004,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$f = "vcm-tabs-pane";
+  const COMPONENT_NAME$h = "vcm-tabs-pane";
   const MTabsPane = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$f,
+    name: COMPONENT_NAME$h,
     props: props$b,
     setup(_, {
       slots
@@ -29396,9 +30065,9 @@ var Vc = (function (exports, vue) {
       default: "dark"
     }
   };
-  const COMPONENT_NAME$e = "vc-text";
+  const COMPONENT_NAME$g = "vc-text";
   const Text$2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$e,
+    name: COMPONENT_NAME$g,
     props: props$9,
     setup(props2, {
       emit
@@ -29757,9 +30426,9 @@ var Vc = (function (exports, vue) {
       type: [Object, Array]
     }
   };
-  const COMPONENT_NAME$d = "vc-textarea";
+  const COMPONENT_NAME$f = "vc-textarea";
   const Textarea = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$f,
     props: Object.assign({}, props$8, {
       indicator: {
         type: [Boolean, Object],
@@ -29812,9 +30481,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$c = "vcm-textarea";
+  const COMPONENT_NAME$e = "vcm-textarea";
   const MTextarea = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$e,
     props: Object.assign({}, props$8, {
       align: {
         type: String,
@@ -29895,9 +30564,9 @@ var Vc = (function (exports, vue) {
       type: [String, Object]
     }
   };
-  const COMPONENT_NAME$b = "vc-theme";
+  const COMPONENT_NAME$d = "vc-theme";
   const Theme$1 = vue.defineComponent({
-    name: COMPONENT_NAME$b,
+    name: COMPONENT_NAME$d,
     props: props$7,
     setup(props2, { slots }) {
       const themeId = getUid("vc-theme");
@@ -29979,9 +30648,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$a = "vc-theme-view";
+  const COMPONENT_NAME$c = "vc-theme-view";
   const ThemeView = vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$c,
     props: props$7,
     setup(props2, { slots }) {
       return () => {
@@ -29996,9 +30665,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$9 = "vc-theme-text";
+  const COMPONENT_NAME$b = "vc-theme-text";
   const ThemeText = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$b,
     props: props$7,
     setup(props2, { slots }) {
       return () => {
@@ -30013,9 +30682,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$8 = "vc-theme-image";
+  const COMPONENT_NAME$a = "vc-theme-image";
   const ThemeImage = vue.defineComponent({
-    name: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$a,
     props: props$7,
     setup(props2, { slots }) {
       return () => {
@@ -30063,12 +30732,12 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$7 = "vc-time-picker";
+  const COMPONENT_NAME$9 = "vc-time-picker";
   const getPanel = (type) => {
     const isRange = type === "timerange";
     return isRange ? TimeRangePanel : TimePanel;
   };
-  const TimePicker = createPicker(COMPONENT_NAME$7, props$6, () => {
+  const TimePicker = createPicker(COMPONENT_NAME$9, props$6, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("icon");
     const panel = vue.shallowRef({});
@@ -30099,9 +30768,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$6 = "vc-timeline";
+  const COMPONENT_NAME$8 = "vc-timeline";
   const Timeline = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$8,
     props: props$5,
     setup(props2, {
       slots
@@ -30122,9 +30791,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$5 = "vc-touch";
+  const COMPONENT_NAME$7 = "vc-touch";
   const Touch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$5,
+    name: COMPONENT_NAME$7,
     props: props$4,
     setup(props2, {
       slots
@@ -30185,10 +30854,10 @@ var Vc = (function (exports, vue) {
       node.states.checked = false;
       node.states.indeterminate = false;
     }
-    const parent = node.parentNode;
-    if (!parent || parent.states.level === 0) return;
+    const parent2 = node.parentNode;
+    if (!parent2 || parent2.states.level === 0) return;
     if (!node.store.checkStrictly) {
-      reInitChecked(parent);
+      reInitChecked(parent2);
     }
   };
   const getPropertyFromData = (node, prop) => {
@@ -30281,21 +30950,21 @@ var Vc = (function (exports, vue) {
       this.updateLeafState();
     }
     getNextSiblingNode() {
-      const parent = this.parentNode;
-      if (parent) {
-        const index = parent.childNodes.indexOf(this);
+      const parent2 = this.parentNode;
+      if (parent2) {
+        const index = parent2.childNodes.indexOf(this);
         if (index > -1) {
-          return parent.childNodes[index + 1];
+          return parent2.childNodes[index + 1];
         }
       }
       return null;
     }
     getPreviousSiblingNode() {
-      const parent = this.parentNode;
-      if (parent) {
-        const index = parent.childNodes.indexOf(this);
+      const parent2 = this.parentNode;
+      if (parent2) {
+        const index = parent2.childNodes.indexOf(this);
         if (index > -1) {
-          return index > 0 ? parent.childNodes[index - 1] : null;
+          return index > 0 ? parent2.childNodes[index - 1] : null;
         }
       }
       return null;
@@ -30317,8 +30986,8 @@ var Vc = (function (exports, vue) {
       }
     }
     contains(target, deep = true) {
-      const walk = function(parent) {
-        const children = parent.childNodes || [];
+      const walk = function(parent2) {
+        const children = parent2.childNodes || [];
         let result = false;
         for (let i = 0, j = children.length; i < j; i++) {
           const child = children[i];
@@ -30332,9 +31001,9 @@ var Vc = (function (exports, vue) {
       return walk(this);
     }
     remove() {
-      const parent = this.parentNode;
-      if (parent) {
-        parent.removeChild(this);
+      const parent2 = this.parentNode;
+      if (parent2) {
+        parent2.removeChild(this);
       }
     }
     insertChild(states, index, batch) {
@@ -30407,10 +31076,10 @@ var Vc = (function (exports, vue) {
     async expand(expandParent) {
       const done = () => {
         if (expandParent) {
-          let parent = this.parentNode;
-          while (parent && parent.states.level > 0) {
-            parent.states.expanded = true;
-            parent = parent.parentNode;
+          let parent2 = this.parentNode;
+          while (parent2 && parent2.states.level > 0) {
+            parent2.states.expanded = true;
+            parent2 = parent2.parentNode;
           }
         }
         this.states.expanded = true;
@@ -30487,10 +31156,10 @@ var Vc = (function (exports, vue) {
           handleDescendants();
         }
       }
-      const parent = this.parentNode;
-      if (!parent || parent.states.level === 0) return;
+      const parent2 = this.parentNode;
+      if (!parent2 || parent2.states.level === 0) return;
       if (!recursion) {
-        reInitChecked(parent);
+        reInitChecked(parent2);
       }
     }
     getChildren(forceInit = false) {
@@ -30628,21 +31297,68 @@ var Vc = (function (exports, vue) {
         parentNode.insertChild({ data });
       }
     }
+    /**
+     * 级联非 strict：仅对「选中集合里的最深节点」做 setChecked(true, deep)，
+     * 避免对祖先逐个 deep 勾选把未出现在 checkedValues 里的兄弟子树再次全选。
+     * @param checkedValues ~
+     * @returns ~
+     */
+    _getCascadeCheckedAnchorIds(checkedValues) {
+      const checkedSet = new Set(checkedValues);
+      const nodesMap = this.nodesMap;
+      const anchors = [];
+      for (const id of checkedValues) {
+        const node = nodesMap[id];
+        if (!node) continue;
+        const hasSelectedChildInSet = node.childNodes.some(
+          (child) => checkedSet.has(child.getter.value)
+        );
+        if (!hasSelectedChildInSet) {
+          anchors.push(id);
+        }
+      }
+      anchors.sort((a, b) => {
+        const na = nodesMap[a];
+        const nb = nodesMap[b];
+        if (!na || !nb) return 0;
+        return nb.states.level - na.states.level;
+      });
+      return anchors;
+    }
     _initDefaultCheckedNodes() {
       const checkedValues = this.checkedValues || [];
       const nodesMap = this.nodesMap;
-      checkedValues.forEach((id) => {
+      if (this.checkStrictly) {
+        checkedValues.forEach((id) => {
+          const node = nodesMap[id];
+          if (node) {
+            node.setChecked(true, false);
+          }
+        });
+        return;
+      }
+      const anchorIds = this._getCascadeCheckedAnchorIds(checkedValues);
+      anchorIds.forEach((id) => {
         const node = nodesMap[id];
         if (node) {
-          node.setChecked(true, !this.checkStrictly);
+          node.setChecked(true, true);
         }
       });
     }
     _initDefaultCheckedNode(node) {
       const checkedValues = this.checkedValues || [];
       const nodeValue = node.getter.value;
-      if (checkedValues.indexOf(nodeValue) !== -1) {
-        node.setChecked(true, !this.checkStrictly);
+      if (checkedValues.indexOf(nodeValue) === -1) return;
+      if (this.checkStrictly) {
+        node.setChecked(true, false);
+        return;
+      }
+      const checkedSet = new Set(checkedValues);
+      const hasSelectedChildInSet = node.childNodes.some(
+        (child) => checkedSet.has(child.getter.value)
+      );
+      if (!hasSelectedChildInSet) {
+        node.setChecked(true, true);
       }
     }
     setCheckedValues(newVal) {
@@ -30740,10 +31456,10 @@ var Vc = (function (exports, vue) {
             node.setChecked(false, false);
           }
         } else {
-          let parent = node.parentNode;
-          while (parent && parent.states.level > 0) {
-            cache[parent.states.data[key]] = true;
-            parent = parent.parentNode;
+          let parent2 = node.parentNode;
+          while (parent2 && parent2.states.level > 0) {
+            cache[parent2.states.data[key]] = true;
+            parent2 = parent2.parentNode;
           }
           if (node.states.isLeaf || this.checkStrictly) {
             node.setChecked(true, false);
@@ -30865,9 +31581,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$4 = "vc-tree-node";
+  const COMPONENT_NAME$6 = "vc-tree-node";
   const TreeNodeContent = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$4,
+    name: COMPONENT_NAME$6,
     props: props$3,
     emits: ["node-expand"],
     setup(props2, {
@@ -31360,9 +32076,9 @@ var Vc = (function (exports, vue) {
       default: () => KEY_VALUE
     }
   };
-  const COMPONENT_NAME$3 = "vc-tree";
+  const COMPONENT_NAME$5 = "vc-tree";
   const Tree2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$3,
+    name: COMPONENT_NAME$5,
     props: props$2,
     emits: ["update:modelValue", "change", "check-change", "current-change", "node-click", "node-contextmenu", "node-collapse", "node-expand", "check", "node-drag-start", "node-drag-end", "node-drop", "node-drag-leave", "node-drag-enter", "node-drag-over"],
     setup(props2, {
@@ -31421,10 +32137,10 @@ var Vc = (function (exports, vue) {
         const node = store.getNode(data);
         if (!node) return [];
         const path = [node.states.data];
-        let parent = node.parentNode;
-        while (parent && parent !== root) {
-          path.push(parent.states.data);
-          parent = parent.parentNode;
+        let parent2 = node.parentNode;
+        while (parent2 && parent2 !== root) {
+          path.push(parent2.states.data);
+          parent2 = parent2.parentNode;
         }
         return path.reverse();
       };
@@ -31556,6 +32272,217 @@ var Vc = (function (exports, vue) {
       };
     }
   });
+  const COMPONENT_NAME$4 = "vc-tree-select-content";
+  const TreeSelectContent = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$4,
+    props: {
+      value: {
+        type: Array,
+        required: true
+      },
+      data: {
+        type: Array,
+        default: () => []
+      },
+      checkStrictly: {
+        type: Boolean,
+        default: false
+      },
+      renderNodeLabel: Function
+    },
+    emits: ["change"],
+    setup(props2, {
+      emit
+    }) {
+      return () => {
+        return vue.createVNode(Scroller, {
+          "class": "vc-tree-select__options",
+          "max-height": "200px"
+        }, {
+          default: () => [vue.createVNode(Tree2, {
+            "model-value": props2.value,
+            "expanded-values": props2.value,
+            "data": props2.data,
+            "checkStrictly": props2.checkStrictly,
+            "allowDispatch": false,
+            "showCheckbox": true,
+            "renderNodeLabel": props2.renderNodeLabel,
+            "onChange": (_, data) => emit("change", _, data)
+          }, null)]
+        });
+      };
+    }
+  });
+  const COMPONENT_NAME$3 = "vc-tree-select-content-cascader";
+  const TreeSelectContentCascader = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$3,
+    props: {
+      value: {
+        type: Array,
+        required: true
+      },
+      data: {
+        type: Array,
+        default: () => []
+      },
+      checkStrictly: {
+        type: Boolean,
+        default: false
+      },
+      renderNodeLabel: Function,
+      numerable: {
+        type: Boolean,
+        default: false
+      },
+      separator: {
+        type: String,
+        default: ","
+      },
+      max: {
+        type: Number,
+        default: 1
+      },
+      nullValue: {
+        type: [Number, String, Object],
+        default: void 0
+      }
+    },
+    emits: ["change"],
+    setup(props2, {
+      emit
+    }) {
+      const treeRef = vue.ref(null);
+      const currentValue = vue.ref([]);
+      const rebuildData = vue.computed(() => {
+        if (!props2.data.length) return [];
+        let temp = props2.data;
+        const data = [];
+        currentValue.value.forEach((cur) => {
+          const col = temp;
+          data.push(col);
+          const next = (temp.find((i) => i.value == cur) || {}).children || [];
+          temp = next;
+        });
+        data.push(temp);
+        return data;
+      });
+      const panelTick = vue.ref(0);
+      const columns = vue.computed(() => Array.from({
+        length: currentValue.value.length + 1
+      }).map((_, index) => index));
+      const handleHover = (value, columnIndex) => {
+        const len = currentValue.value.length - columnIndex;
+        currentValue.value.splice(columnIndex, len, value);
+      };
+      const sync = async () => {
+        await vue.nextTick();
+        const tree = treeRef.value;
+        if (!tree) return;
+        const data = {
+          checkedNodes: tree.getCheckedNodes(),
+          checkedValues: tree.getCheckedValues(),
+          halfCheckedNodes: tree.getHalfCheckedNodes(),
+          halfCheckedValues: tree.getHalfCheckedValues()
+        };
+        panelTick.value++;
+        emit("change", null, data);
+      };
+      const getNodeState = (item) => {
+        const tree = treeRef.value;
+        if (!tree) {
+          return {
+            checked: false,
+            indeterminate: false
+          };
+        }
+        const node = tree.getNode(item);
+        if (!node) {
+          return {
+            checked: false,
+            indeterminate: false
+          };
+        }
+        return {
+          checked: !!node.states.checked,
+          indeterminate: !!node.states.indeterminate
+        };
+      };
+      const hasChildren = (item) => {
+        return !!(item.children && item.children.length > 0);
+      };
+      const handleCheckboxChange = async (v, item) => {
+        const tree = treeRef.value;
+        if (!tree) return;
+        tree.setChecked(item, v, !props2.checkStrictly);
+        sync();
+      };
+      const handleLabelClick = (v, item) => {
+        const tree = treeRef.value;
+        if (!tree) return;
+        tree.setChecked(item, v, !props2.checkStrictly);
+        sync();
+      };
+      return () => {
+        return vue.createVNode("div", {
+          "class": "vc-tree-select__cascader"
+        }, [vue.createVNode(Tree2, {
+          "ref": treeRef,
+          "class": "vc-tree-select__cascader-tree-hidden",
+          "model-value": props2.value,
+          "expanded-values": props2.value,
+          "data": props2.data,
+          "checkStrictly": props2.checkStrictly,
+          "allowDispatch": false,
+          "showCheckbox": true,
+          "renderNodeLabel": props2.renderNodeLabel,
+          "numerable": props2.numerable,
+          "separator": props2.separator,
+          "max": props2.max,
+          "nullValue": props2.nullValue
+        }, null), vue.createVNode("div", {
+          "class": "vc-tree-select__cascader-columns"
+        }, [columns.value.map((columnIndex) => {
+          const col = rebuildData.value[columnIndex];
+          if (!col || !col.length) return null;
+          return vue.createVNode("div", {
+            "class": "vc-tree-select__cascader-column",
+            "key": columnIndex
+          }, [vue.createVNode("div", {
+            "class": "vc-tree-select__cascader-column-wrapper"
+          }, [col.map((item) => {
+            const state = getNodeState(item);
+            const isSelect = currentValue.value[columnIndex] === item.value;
+            const child = hasChildren(item);
+            return vue.createVNode("div", {
+              "key": item.value,
+              "class": ["vc-tree-select__cascader-item", {
+                "is-select": isSelect
+              }],
+              "onMouseenter": () => handleHover(item.value, columnIndex),
+              "onClick": () => handleLabelClick(!state.checked, item)
+            }, [vue.createVNode("span", {
+              "class": "vc-tree-select__cascader-checkbox",
+              "onClick": (e) => e.stopPropagation()
+            }, [vue.createVNode(Checkbox, {
+              "modelValue": state.checked,
+              "indeterminate": state.indeterminate,
+              "disabled": !!item.disabled,
+              "onChange": (v) => handleCheckboxChange(v, item)
+            }, null)]), vue.createVNode("span", {
+              "class": "vc-tree-select__cascader-label"
+            }, [props2.renderNodeLabel && treeRef.value?.getNode?.(item) ? vue.createVNode(Customer, {
+              "render": props2.renderNodeLabel,
+              "store": treeRef.value.getNode(item),
+              "row": item
+            }, null) : vue.createVNode("span", null, [item.label])]), child ? vue.createVNode(Icon, {
+              "type": "right",
+              "class": "vc-tree-select__cascader-icon"
+            }, null) : null]);
+          })])]);
+        })])]);
+      };
+    }
+  });
   const treeKeys = [
     "checkStrictly",
     "data",
@@ -31564,7 +32491,18 @@ var Vc = (function (exports, vue) {
   ];
   const props$1 = {
     ...props$1a,
-    ...pick(props$2, treeKeys)
+    ...pick(props$2, treeKeys),
+    autoWidth: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * 级联列模式：与 Cascader 相同的 hover 展开下一级，勾选逻辑与树形模式一致
+     */
+    cascader: {
+      type: Boolean,
+      default: false
+    }
   };
   const COMPONENT_NAME$2 = "vc-tree-select";
   const TreeSelect = /* @__PURE__ */ vue.defineComponent({
@@ -31587,12 +32525,37 @@ var Vc = (function (exports, vue) {
       const searchValue = vue.ref("");
       const searchRegex = vue.ref(new RegExp(""));
       const currentValue = vue.ref([]);
+      const currentValueGroups = vue.computed(() => {
+        if (props2.checkStrictly) return;
+        if (!props2.data?.length || !Array.isArray(currentValue.value) || !currentValue.value.length) {
+          return [];
+        }
+        const pathMap = /* @__PURE__ */ new Map();
+        const traverse = (data, path = []) => {
+          data.forEach((item) => {
+            const v = item.value;
+            if (v == null) return;
+            const fullPath = [...path, v];
+            pathMap.set(v, fullPath);
+            if (item.children?.length) traverse(item.children, fullPath);
+          });
+        };
+        traverse(props2.data);
+        const allPaths = currentValue.value.map((v) => pathMap.get(v)).filter(Boolean);
+        return allPaths.filter((path) => !allPaths.some((other) => other !== path && other.length > path.length && path.every((v, i) => v === other[i])));
+      });
       const source = vue.computed(() => {
         return flattenData$1(props2.data, {
           parent: true,
           cascader: true
         });
       });
+      const labelMap = vue.computed(() => {
+        return source.value.reduce((pre, cur) => {
+          pre[cur.value] = cur.label || "";
+          return pre;
+        }, {});
+      });
       const icon = vue.computed(() => {
         return isActive.value ? "up" : "down";
       });
@@ -31609,17 +32572,34 @@ var Vc = (function (exports, vue) {
           "is-disabled": props2.disabled
         };
       });
-      const currentLabel = vue.computed(() => {
+      const displayTags = vue.computed(() => {
         if (!props2.data.length) {
           return [];
         }
-        return currentValue.value.map(getLabel.bind(null, source.value));
+        if (props2.checkStrictly) {
+          return currentValue.value.map((v) => ({
+            value: v,
+            label: labelMap.value[v] || ""
+          }));
+        }
+        return (currentValueGroups.value || []).map((path) => {
+          const value = path[path.length - 1];
+          const label = path.map((v) => labelMap.value[v] || "").filter(Boolean).join(" / ");
+          return {
+            path,
+            value,
+            label
+          };
+        });
       });
       const collapseTagCount = vue.computed(() => {
         if (!props2.maxTags) return 0;
-        const v = currentValue.value.length - props2.maxTags;
+        const v = displayTags.value.length - props2.maxTags;
         return v < 0 ? 0 : v;
       });
+      const autoWidth = vue.computed(() => {
+        return typeof props2.autoWidth === "boolean" ? props2.autoWidth : !!props2.cascader;
+      });
       const sync = () => {
         const v = toModelValue(currentValue.value, {
           modelValue: props2.modelValue,
@@ -31628,8 +32608,9 @@ var Vc = (function (exports, vue) {
           separator: props2.separator,
           nullValue: props2.nullValue
         });
-        emit("update:modelValue", v, currentLabel.value);
-        emit("change", v, currentLabel.value);
+        const labels = displayTags.value.map((item) => item.label);
+        emit("update:modelValue", v, labels);
+        emit("change", v, labels);
         formItem?.change?.(currentValue.value);
       };
       const _loadData = debounce(function() {
@@ -31648,8 +32629,15 @@ var Vc = (function (exports, vue) {
       const close = () => {
         isActive.value = false;
       };
-      const handleClose = (index) => {
-        currentValue.value.splice(index, 1);
+      const handleClose = (item) => {
+        if (props2.checkStrictly) {
+          const index = currentValue.value.findIndex((v) => v === item.value);
+          if (index === -1) return;
+          currentValue.value = currentValue.value.filter((_, i) => i !== index);
+        } else if (item.path) {
+          const remaining = (currentValueGroups.value || []).filter((p) => !(p.length === item.path.length && p.every((v, i) => v === item.path[i])));
+          currentValue.value = [...new Set(remaining.flat())];
+        }
         sync();
       };
       const handleClear = (e) => {
@@ -31686,6 +32674,7 @@ var Vc = (function (exports, vue) {
         multiple,
         isActive,
         current: currentValue,
+        currentValueGroups,
         // for portal
         toggle(v) {
           v = typeof v === "boolean" ? v : !isActive.value;
@@ -31700,7 +32689,7 @@ var Vc = (function (exports, vue) {
           "trigger": props2.trigger,
           "tag": props2.tag,
           "placement": props2.placement,
-          "auto-width": props2.autoWidth,
+          "autoWidth": autoWidth.value,
           "disabled": props2.disabled,
           "portalClass": [["is-padding-none", props2.portalClass]],
           "class": [classes.value, its.value.class, "vc-tree-select"],
@@ -31717,22 +32706,22 @@ var Vc = (function (exports, vue) {
             return vue.createVNode(Input$1, {
               "id": props2.id,
               "disabled": props2.disabled,
-              "modelValue": currentLabel.value[0] || props2.extra,
+              "modelValue": displayTags.value[0]?.label || props2.extra,
               "allow-dispatch": false,
               "class": "vc-tree-select__input",
               "readonly": true,
               "placeholder": its.value.attrs?.placeholder || "请选择"
             }, {
-              content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
+              content: multiple.value && displayTags.value.length > 0 ? () => {
                 return vue.createVNode("div", {
                   "class": [classes.value, "vc-tree-select__tags"]
-                }, [currentValue.value.slice(0, props2.maxTags).map((item, index) => {
+                }, [displayTags.value.slice(0, props2.maxTags).map((item) => {
                   return vue.createVNode(Tag, {
-                    "key": item,
+                    "key": item.path ? item.path.join("-") : item.value,
                     "closable": !props2.disabled,
-                    "onClose": () => handleClose(index)
+                    "onClose": () => handleClose(item)
                   }, {
-                    default: () => [currentLabel.value[index] || ""]
+                    default: () => [item.label]
                   });
                 }), collapseTagCount.value ? vue.createVNode(Tag, null, {
                   default: () => [`+${collapseTagCount.value}...`]
@@ -31765,16 +32754,23 @@ var Vc = (function (exports, vue) {
             }, [vue.createVNode(Spin, {
               "size": 16
             }, null)]), vue.createVNode(Scroller, {
-              "class": "vc-tree-select__options",
+              "class": ["vc-tree-select__options", props2.cascader && "is-cascader"],
               "max-height": "200px"
             }, {
-              default: () => [vue.createVNode(Tree2, {
-                "model-value": currentValue.value,
-                "expanded-values": currentValue.value,
+              default: () => [props2.cascader ? vue.createVNode(TreeSelectContentCascader, {
+                "value": currentValue.value,
+                "data": props2.data,
+                "checkStrictly": props2.checkStrictly,
+                "renderNodeLabel": props2.renderNodeLabel,
+                "numerable": props2.numerable,
+                "separator": props2.separator,
+                "max": props2.max,
+                "nullValue": props2.nullValue,
+                "onChange": handleChange
+              }, null) : vue.createVNode(TreeSelectContent, {
+                "value": currentValue.value,
                 "data": props2.data,
                 "checkStrictly": props2.checkStrictly,
-                "allowDispatch": false,
-                "showCheckbox": true,
                 "renderNodeLabel": props2.renderNodeLabel,
                 "onChange": handleChange
               }, null)]
@@ -32343,8 +33339,8 @@ var Vc = (function (exports, vue) {
     MCard,
     Carousel,
     MCarousel,
-    // CarouselItem,
-    // MCarouselItem,
+    CarouselItem,
+    MCarouselItem,
     Cascader,
     MCascader,
     // MCascaderView,
@@ -138696,6 +139692,7 @@ ${r}
   exports.Calendar = Calendar$1;
   exports.Card = Card;
   exports.Carousel = Carousel;
+  exports.CarouselItem = CarouselItem;
   exports.Cascader = Cascader;
   exports.Chart = Chart;
   exports.Checkbox = Checkbox;
@@ -138742,6 +139739,7 @@ ${r}
   exports.MCalendar = MCalendar;
   exports.MCard = MCard;
   exports.MCarousel = MCarousel;
+  exports.MCarouselItem = MCarouselItem;
   exports.MCascader = MCascader;
   exports.MChart = MChart;
   exports.MCheckbox = MCheckbox;