@deot/vc-components 1.0.27 → 1.0.29

package/dist/index.iife.js

@@ -64,9 +64,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$20 = 'vc-action-sheet';
+	const COMPONENT_NAME$22 = 'vc-action-sheet';
 	const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$20,
+	  name: COMPONENT_NAME$22,
 	  props: props$1q,
 	  setup(props, {
 	    slots
@@ -253,9 +253,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1$ = 'vc-icon';
+	const COMPONENT_NAME$21 = 'vc-icon';
 	const Icon = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1$,
+	  name: COMPONENT_NAME$21,
 	  props: props$1o,
 	  setup(props) {
 	    const viewBox = vue.ref('0 0 1024 1024');
@@ -454,9 +454,9 @@ var VcComponents = (function (exports, vue) {
 	  };
 	};
 
-	const COMPONENT_NAME$1_ = "vc-transition";
+	const COMPONENT_NAME$20 = "vc-transition";
 	const Transition = vue.defineComponent({
-	  name: COMPONENT_NAME$1_,
+	  name: COMPONENT_NAME$20,
 	  props: props$1n,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
@@ -477,9 +477,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1Z = "vc-transition-collapse";
+	const COMPONENT_NAME$1$ = "vc-transition-collapse";
 	const TransitionCollapse = vue.defineComponent({
-	  name: COMPONENT_NAME$1Z,
+	  name: COMPONENT_NAME$1$,
 	  props: props$1n,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
@@ -598,9 +598,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1Y = "vc-transition-fade";
+	const COMPONENT_NAME$1_ = "vc-transition-fade";
 	const TransitionFade = vue.defineComponent({
-	  name: COMPONENT_NAME$1Y,
+	  name: COMPONENT_NAME$1_,
 	  props: {
 	    ...props$1n,
 	    // inheritAttrs必须是false
@@ -635,9 +635,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1X = "vc-transition-scale";
+	const COMPONENT_NAME$1Z = "vc-transition-scale";
 	const TransitionScale = vue.defineComponent({
-	  name: COMPONENT_NAME$1X,
+	  name: COMPONENT_NAME$1Z,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -677,9 +677,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1W = "vc-transition-slide";
+	const COMPONENT_NAME$1Y = "vc-transition-slide";
 	const TransitionSlide = vue.defineComponent({
-	  name: COMPONENT_NAME$1W,
+	  name: COMPONENT_NAME$1Y,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -719,9 +719,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1V = "vc-transition-zoom";
+	const COMPONENT_NAME$1X = "vc-transition-zoom";
 	const TransitionZoom = vue.defineComponent({
-	  name: COMPONENT_NAME$1V,
+	  name: COMPONENT_NAME$1X,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -763,7 +763,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1U = 'vc-alert';
+	const COMPONENT_NAME$1W = 'vc-alert';
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
@@ -773,7 +773,7 @@ var VcComponents = (function (exports, vue) {
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 	};
 	const Alert = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1U,
+	  name: COMPONENT_NAME$1W,
 	  props: props$1p,
 	  setup(props, {
 	    slots,
@@ -872,9 +872,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1T = 'vc-artboard';
+	const COMPONENT_NAME$1V = 'vc-artboard';
 	const Artboard = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1T,
+	  name: COMPONENT_NAME$1V,
 	  props: props$1m,
 	  setup(props, {
 	    slots
@@ -913,9 +913,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1S = 'vc-spin';
+	const COMPONENT_NAME$1U = 'vc-spin';
 	const Spin = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1S,
+	  name: COMPONENT_NAME$1U,
 	  props: props$1l,
 	  setup(props, {
 	    slots
@@ -5771,9 +5771,9 @@ var VcComponents = (function (exports, vue) {
 	  exclude: RegExp
 	};
 
-	const COMPONENT_NAME$1R = "vc-debounce";
+	const COMPONENT_NAME$1T = "vc-debounce";
 	const Debounce = vue.defineComponent({
-	  name: COMPONENT_NAME$1R,
+	  name: COMPONENT_NAME$1T,
 	  props: props$1k,
 	  /**
 	   * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -5845,9 +5845,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1Q = 'vc-button';
+	const COMPONENT_NAME$1S = 'vc-button';
 	const Button = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1Q,
+	  name: COMPONENT_NAME$1S,
 	  emits: ['click'],
 	  props: props$1j,
 	  setup(props, {
@@ -5929,9 +5929,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1P = 'vc-button-group';
+	const COMPONENT_NAME$1R = 'vc-button-group';
 	const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1P,
+	  name: COMPONENT_NAME$1R,
 	  props: props$1i,
 	  setup(props, {
 	    slots
@@ -5965,9 +5965,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1O = 'vc-calendar';
+	const COMPONENT_NAME$1Q = 'vc-calendar';
 	const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1O,
+	  name: COMPONENT_NAME$1Q,
 	  props: props$1h,
 	  setup(props, {
 	    slots
@@ -6005,9 +6005,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1N = 'vc-card';
+	const COMPONENT_NAME$1P = 'vc-card';
 	const Card = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1N,
+	  name: COMPONENT_NAME$1P,
 	  props: props$1g,
 	  setup(props, {
 	    slots
@@ -6043,9 +6043,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1M = 'vc-carousel';
+	const COMPONENT_NAME$1O = 'vc-carousel';
 	const Carousel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1M,
+	  name: COMPONENT_NAME$1O,
 	  props: props$1f,
 	  setup(props, {
 	    slots
@@ -6069,9 +6069,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1L = 'vc-cascader';
+	const COMPONENT_NAME$1N = 'vc-cascader';
 	const Cascader = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1L,
+	  name: COMPONENT_NAME$1N,
 	  props: props$1e,
 	  setup(props, {
 	    slots
@@ -6203,9 +6203,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1K = 'vc-chart';
+	const COMPONENT_NAME$1M = 'vc-chart';
 	const Chart = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1K,
+	  name: COMPONENT_NAME$1M,
 	  props: props$1d,
 	  emits: [...EVENTS, 'ready'],
 	  setup(props, {
@@ -6437,9 +6437,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1J = 'vc-checkbox';
+	const COMPONENT_NAME$1L = 'vc-checkbox';
 	const Checkbox = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1J,
+	  name: COMPONENT_NAME$1L,
 	  props: props$1c,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6526,9 +6526,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1I = 'vc-checkbox-group';
+	const COMPONENT_NAME$1K = 'vc-checkbox-group';
 	const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1I,
+	  name: COMPONENT_NAME$1K,
 	  props: props$1b,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6546,9 +6546,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1H = 'vcm-checkbox';
+	const COMPONENT_NAME$1J = 'vcm-checkbox';
 	const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1H,
+	  name: COMPONENT_NAME$1J,
 	  props: props$1c,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6588,9 +6588,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1G = 'vcm-checkbox-group';
+	const COMPONENT_NAME$1I = 'vcm-checkbox-group';
 	const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1G,
+	  name: COMPONENT_NAME$1I,
 	  props: props$1b,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6649,9 +6649,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1F = "vc-customer";
+	const COMPONENT_NAME$1H = "vc-customer";
 	const Customer = vue.defineComponent({
-	  name: COMPONENT_NAME$1F,
+	  name: COMPONENT_NAME$1H,
 	  props: props$19,
 	  setup(props, context) {
 	    return () => vue.h(() => {
@@ -6662,9 +6662,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1E = 'vc-message';
+	const COMPONENT_NAME$1G = 'vc-message';
 	const MessageView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1E,
+	  name: COMPONENT_NAME$1G,
 	  emits: ['before-close', 'close', 'portal-fulfilled'],
 	  props: props$1a,
 	  setup(props, {
@@ -7224,7 +7224,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	}
 
-	const COMPONENT_NAME$1D = "vc-portal";
+	const COMPONENT_NAME$1F = "vc-portal";
 	class Portal {
 	  /**
 	   * 清理Portals类型组件
@@ -7276,7 +7276,7 @@ var VcComponents = (function (exports, vue) {
 	    this.wrapper = wrapper;
 	    this.globalOptions = {
 	      ...options,
-	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1D)
+	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1F)
 	    };
 	  }
 	  popup(propsData, options) {
@@ -7375,7 +7375,7 @@ var VcComponents = (function (exports, vue) {
 	      ...rest
 	    } = options;
 	    let useAllNodes = fragment;
-	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1D)}` : name$;
+	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1F)}` : name$;
 	    const container = document.createElement(tag);
 	    const root = typeof el === "object" ? el : document.querySelector(el || "body");
 	    !alive && Portal.leafs.get(name)?.destroy();
@@ -7409,7 +7409,7 @@ var VcComponents = (function (exports, vue) {
 	    } else {
 	      const wrapper = this.wrapper;
 	      const app = vue.createApp({
-	        name: COMPONENT_NAME$1D,
+	        name: COMPONENT_NAME$1F,
 	        parent,
 	        setup() {
 	          if (alive) {
@@ -7521,13 +7521,13 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1C = 'vc-portal-view';
+	const COMPONENT_NAME$1E = 'vc-portal-view';
 
 	/**
 	 * 写法不同，但与vue@2.x 保持一致
 	 */
 	const PortalView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1C,
+	  name: COMPONENT_NAME$1E,
 	  props: props$18,
 	  setup(props, {
 	    slots
@@ -7698,9 +7698,9 @@ var VcComponents = (function (exports, vue) {
 	  return () => vue.h(props.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
 	};
 
-	const COMPONENT_NAME$1B = "vc-clipboard";
+	const COMPONENT_NAME$1D = "vc-clipboard";
 	const Clipboard$1 = vue.defineComponent({
-	  name: COMPONENT_NAME$1B,
+	  name: COMPONENT_NAME$1D,
 	  props: props$17,
 	  setup() {
 	    return useClipboard((content) => Message.success({ content }));
@@ -7740,9 +7740,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1A = 'vcm-toast';
+	const COMPONENT_NAME$1C = 'vcm-toast';
 	const MToastView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1A,
+	  name: COMPONENT_NAME$1C,
 	  emits: ['close', 'portal-fulfilled'],
 	  props: props$16,
 	  setup(props, {
@@ -7844,9 +7844,9 @@ var VcComponents = (function (exports, vue) {
 	const error$2 = create$6({ 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$1z = "vcm-clipboard";
+	const COMPONENT_NAME$1B = "vcm-clipboard";
 	const MClipboard$1 = vue.defineComponent({
-	  name: COMPONENT_NAME$1z,
+	  name: COMPONENT_NAME$1B,
 	  props: props$17,
 	  setup() {
 	    return useClipboard((content) => MToast.info({ content }));
@@ -7878,9 +7878,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1y = "vc-collapse";
+	const COMPONENT_NAME$1A = "vc-collapse";
 	const Collapse = vue.defineComponent({
-	  name: COMPONENT_NAME$1y,
+	  name: COMPONENT_NAME$1A,
 	  props: props$15,
 	  emits: ["update:moodelValue", "change"],
 	  setup(props, { slots, emit }) {
@@ -7994,12 +7994,12 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	function _isSlot$3(s) {
+	function _isSlot$2(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
-	const COMPONENT_NAME$1x = 'vc-expand';
+	const COMPONENT_NAME$1z = 'vc-expand';
 	const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1x,
+	  name: COMPONENT_NAME$1z,
 	  props: props$13,
 	  setup(props, {
 	    slots
@@ -8018,7 +8018,7 @@ var VcComponents = (function (exports, vue) {
 	          enter: 200,
 	          leave: 200
 	        }
-	      }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+	      }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
 	        default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
 	      }), [[vue.vShow, isActive.value]])) ? _slot : {
 	        default: () => [_slot]
@@ -8029,9 +8029,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1w = 'vc-collapse-item';
+	const COMPONENT_NAME$1y = 'vc-collapse-item';
 	const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1w,
+	  name: COMPONENT_NAME$1y,
 	  props: props$14,
 	  setup(props, {
 	    slots,
@@ -8106,9 +8106,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1v = 'vc-color-picker';
+	const COMPONENT_NAME$1x = 'vc-color-picker';
 	const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1v,
+	  name: COMPONENT_NAME$1x,
 	  props: props$12,
 	  setup(props, {
 	    slots
@@ -8132,9 +8132,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1u = 'vc-countdown';
+	const COMPONENT_NAME$1w = 'vc-countdown';
 	const Countdown = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1u,
+	  name: COMPONENT_NAME$1w,
 	  props: props$11,
 	  setup(props, {
 	    slots
@@ -8648,9 +8648,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1t = 'vc-input';
+	const COMPONENT_NAME$1v = 'vc-input';
 	const Input = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1t,
+	  name: COMPONENT_NAME$1v,
 	  inheritAttrs: false,
 	  props: {
 	    ...props$$,
@@ -8663,7 +8663,8 @@ var VcComponents = (function (exports, vue) {
 	  emits: ['update:modelValue', 'input', 'change', 'focus', 'blur', 'clear', 'paste', 'keydown', 'keypress', 'keyup', 'enter', 'tip'],
 	  setup(props, {
 	    slots,
-	    expose
+	    expose,
+	    attrs
 	  }) {
 	    const input = vue.ref();
 	    useNativeEmitter(input, expose);
@@ -8730,9 +8731,9 @@ var VcComponents = (function (exports, vue) {
 	        }, classes.value]
 	      }, [slots.prepend?.() || props.prepend && vue.createVNode(Icon, {
 	        "type": props.prepend
-	      }, null)]), vue.createVNode("div", {
+	      }, null)]), vue.createVNode("div", vue.mergeProps({
 	        "class": ['vc-input__content', classes.value]
-	      }, [slots.content?.() || renderInput(false)]), !props.disabled && props.clearable && vue.createVNode(TransitionFade, null, {
+	      }, slots.content ? it.value.listeners : {}), [slots.content ? slots.content() : renderInput(false)]), !props.disabled && props.clearable && vue.createVNode(TransitionFade, null, {
 	        default: () => [vue.createVNode(Icon, {
 	          "class": "vc-input__icon-clear",
 	          "type": "clear",
@@ -8984,9 +8985,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1s = 'vc-input-number';
+	const COMPONENT_NAME$1u = 'vc-input-number';
 	const InputNumber = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1s,
+	  name: COMPONENT_NAME$1u,
 	  props: props$X,
 	  inheritAttrs: false,
 	  setup(props, {
@@ -9050,9 +9051,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1r = 'vc-input-search';
+	const COMPONENT_NAME$1t = 'vc-input-search';
 	const InputSearch = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1r,
+	  name: COMPONENT_NAME$1t,
 	  props: props$W,
 	  inheritAttrs: false,
 	  setup(props, {
@@ -9340,12 +9341,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	function _isSlot$2(s) {
-	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-	}
-	const COMPONENT_NAME$1q = 'vc-popover-wrapper';
+	const COMPONENT_NAME$1s = 'vc-popover-wrapper';
 	const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1q,
+	  name: COMPONENT_NAME$1s,
 	  props: props$_,
 	  emits: ['portal-fulfilled', 'close'],
 	  setup(props, {
@@ -9407,7 +9405,12 @@ var VcComponents = (function (exports, vue) {
 	        return container;
 	      }
 	    };
-	    const setPopupStyle = () => {
+
+	    /**
+	     * 添加debounce解决连续setPopupStyle的情况
+	     * 待排查
+	     */
+	    const setPopupStyle = debounce$1(() => {
 	      if (!vnode.el) return;
 	      const triggerEl = getHackContainer();
 	      const {
@@ -9437,13 +9440,15 @@ var VcComponents = (function (exports, vue) {
 	      fitPos.value = result;
 	      wrapperStyle.value = $wrapperStyle;
 	      arrowStyle.value = $arrowStyle;
-
 	      // 自适应高度
 	      if (props.autoWidth) return;
 	      wrapperW.value = {
 	        width: `${triggerEl.getBoundingClientRect().width}px`
 	      };
-	    };
+	    }, 50, {
+	      leading: true,
+	      trailing: false
+	    });
 	    let timer;
 	    let isPressMouse = false;
 	    const handleTriggerChange = e => {
@@ -9498,7 +9503,7 @@ var VcComponents = (function (exports, vue) {
 	      switch (direction[0]) {
 	        case 'top':
 	        case 'bottom':
-	          if (left + vnode.el.offsetWidth >= window.innerWidth) {
+	          if (left + vnode.el.offsetWidth > window.innerWidth) {
 	            wrapperStyle.value = {
 	              ...wrapperStyle.value,
 	              left: `${window.innerWidth - vnode.el.offsetWidth}px`
@@ -9558,7 +9563,6 @@ var VcComponents = (function (exports, vue) {
 	      }
 	    });
 	    return () => {
-	      let _slot;
 	      return vue.createVNode(TransitionScale, {
 	        "mode": props.animation || 'part',
 	        "duration": {
@@ -9566,38 +9570,40 @@ var VcComponents = (function (exports, vue) {
 	          leave: 150
 	        },
 	        "onAfterLeave": handleRemove
-	      }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode("div", {
-	        "style": [wrapperStyle.value, wrapperW.value, props.portalStyle],
-	        "class": [wrapperClasses.value, props.portalClass, 'vc-popover-wrapper'],
-	        "onMousedown": () => !props.hover && handleMouseDown(),
-	        "onMouseenter": e => props.hover && handleChange(e, {
-	          visible: true
-	        }),
-	        "onMouseleave": e => props.hover && handleChange(e, {
-	          visible: false
-	        })
-	      }, [vue.createVNode("div", {
-	        "class": [themeClasses.value, 'vc-popover-wrapper__container']
-	      }, [props.arrow && vue.createVNode("div", {
-	        "style": arrowStyle.value,
-	        "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
-	      }, null), slots.content ? slots.content() : typeof props.content === 'function' ? vue.createVNode(Customer, {
-	        "render": props.content
-	      }, null) : vue.createVNode("div", {
-	        "innerHTML": props.content
-	      }, null)])]), [[vue.vShow, isActive.value]])) ? _slot : {
-	        default: () => [_slot]
+	      }, {
+	        default: () => [vue.withDirectives(vue.createVNode("div", {
+	          "style": [wrapperStyle.value, wrapperW.value, props.portalStyle],
+	          "class": [wrapperClasses.value, props.portalClass, 'vc-popover-wrapper'],
+	          "onMousedown": () => !props.hover && handleMouseDown(),
+	          "onMouseenter": e => props.hover && handleChange(e, {
+	            visible: true
+	          }),
+	          "onMouseleave": e => props.hover && handleChange(e, {
+	            visible: false
+	          })
+	        }, [vue.createVNode("div", {
+	          "class": [themeClasses.value, 'vc-popover-wrapper__container']
+	        }, [props.arrow && vue.createVNode("div", {
+	          "style": arrowStyle.value,
+	          "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
+	        }, null), slots.content ? slots.content() : typeof props.content === 'function' ? vue.createVNode(Customer, {
+	          "render": props.content
+	        }, null) : vue.createVNode("div", {
+	          "innerHTML": props.content
+	        }, null)])]), [[vue.vShow, isActive.value]])]
 	      });
 	    };
 	  }
 	});
-	const PopoverPortal = new Portal(PopoverWrapper);
+	const PopoverPortal = new Portal(PopoverWrapper, {
+	  leaveDelay: 0
+	});
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1p = 'vc-popover';
+	const COMPONENT_NAME$1r = 'vc-popover';
 	const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1p,
+	  name: COMPONENT_NAME$1r,
 	  props: props$Z,
 	  emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
 	  setup(props, {
@@ -10698,9 +10704,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return view;
 	};
-	const COMPONENT_NAME$1o = 'vc-date-confirm';
+	const COMPONENT_NAME$1q = 'vc-date-confirm';
 	const Confirm = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1o,
+	  name: COMPONENT_NAME$1q,
 	  props: {
 	    showTime: {
 	      type: Boolean,
@@ -10764,9 +10770,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1n = 'vc-date-header';
+	const COMPONENT_NAME$1p = 'vc-date-header';
 	const DateHeader = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1n,
+	  name: COMPONENT_NAME$1p,
 	  props: {
 	    panelDate: Date,
 	    showNext: {
@@ -10850,9 +10856,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1m = 'vc-date-table';
+	const COMPONENT_NAME$1o = 'vc-date-table';
 	const DateTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1m,
+	  name: COMPONENT_NAME$1o,
 	  props: {
 	    value: Array,
 	    firstDayOfWeek: {
@@ -11061,9 +11067,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1l = 'vc-month-table';
+	const COMPONENT_NAME$1n = 'vc-month-table';
 	const MonthTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1l,
+	  name: COMPONENT_NAME$1n,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11195,7 +11201,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1k = 'vc-quarter-table';
+	const COMPONENT_NAME$1m = 'vc-quarter-table';
 
 	/**
 	 * 获取季度对应的月份范围
@@ -11229,7 +11235,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 	const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1k,
+	  name: COMPONENT_NAME$1m,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11352,9 +11358,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1j = 'vc-shortcuts-select';
+	const COMPONENT_NAME$1l = 'vc-shortcuts-select';
 	const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1j,
+	  name: COMPONENT_NAME$1l,
 	  props: {
 	    panelDate: Date,
 	    config: Array,
@@ -11394,9 +11400,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1i = 'vc-time-select';
+	const COMPONENT_NAME$1k = 'vc-time-select';
 	const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1i,
+	  name: COMPONENT_NAME$1k,
 	  props: {
 	    hours: {
 	      type: [Number, String],
@@ -11675,9 +11681,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1h = 'vc-year-table';
+	const COMPONENT_NAME$1j = 'vc-year-table';
 	const YearTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1h,
+	  name: COMPONENT_NAME$1j,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11800,9 +11806,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return true;
 	};
-	const COMPONENT_NAME$1g = 'vc-date-range-panel';
+	const COMPONENT_NAME$1i = 'vc-date-range-panel';
 	const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1g,
+	  name: COMPONENT_NAME$1i,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12181,9 +12187,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1f = 'vc-date-panel';
+	const COMPONENT_NAME$1h = 'vc-date-panel';
 	const DatePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1f,
+	  name: COMPONENT_NAME$1h,
 	  props: {
 	    ...props$V,
 	    type: String,
@@ -12391,9 +12397,9 @@ var VcComponents = (function (exports, vue) {
 	  const endYear = value[1].getFullYear();
 	  return startYear === endYear;
 	};
-	const COMPONENT_NAME$1e = 'vc-monthrange-panel';
+	const COMPONENT_NAME$1g = 'vc-monthrange-panel';
 	const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1e,
+	  name: COMPONENT_NAME$1g,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12568,9 +12574,9 @@ var VcComponents = (function (exports, vue) {
 	  const endYear = value[1].getFullYear();
 	  return startYear === endYear;
 	};
-	const COMPONENT_NAME$1d = 'vc-quarterrange-panel';
+	const COMPONENT_NAME$1f = 'vc-quarterrange-panel';
 	const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1d,
+	  name: COMPONENT_NAME$1f,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12809,9 +12815,9 @@ var VcComponents = (function (exports, vue) {
 	    seconds
 	  };
 	};
-	const COMPONENT_NAME$1c = 'vc-timerange-panel';
+	const COMPONENT_NAME$1e = 'vc-timerange-panel';
 	const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1c,
+	  name: COMPONENT_NAME$1e,
 	  props: props$U,
 	  emits: ['pick', 'clear', 'ok'],
 	  setup(props, {
@@ -12910,9 +12916,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1b = 'vc-time-panel';
+	const COMPONENT_NAME$1d = 'vc-time-panel';
 	const TimePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1b,
+	  name: COMPONENT_NAME$1d,
 	  props: props$U,
 	  emits: ['pick', 'clear', 'ok'],
 	  setup(props, {
@@ -12967,7 +12973,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1a = 'vc-date-picker';
+	const COMPONENT_NAME$1c = 'vc-date-picker';
 	const getPanel$1 = type => {
 	  if (['daterange', 'datetimerange'].includes(type)) {
 	    return DateRangePanel;
@@ -12978,7 +12984,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return DatePanel;
 	};
-	const DatePicker = createPicker(COMPONENT_NAME$1a, props$10, () => {
+	const DatePicker = createPicker(COMPONENT_NAME$1c, props$10, () => {
 	  const props = vue.getCurrentInstance().props;
 	  const icon = vue.ref('date');
 	  const panel = vue.shallowRef({});
@@ -13011,9 +13017,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$19 = 'vc-divider';
+	const COMPONENT_NAME$1b = 'vc-divider';
 	const Divider = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$19,
+	  name: COMPONENT_NAME$1b,
 	  props: props$T,
 	  setup(props, {
 	    slots
@@ -13168,7 +13174,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$18 = 'vc-scroller-track';
+	const COMPONENT_NAME$1a = 'vc-scroller-track';
 	const BAR_MAP = {
 	  vertical: {
 	    scroll: 'scrollTop',
@@ -13188,7 +13194,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 	const Track$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$18,
+	  name: COMPONENT_NAME$1a,
 	  props: props$S,
 	  emits: ['change'],
 	  inheritAttrs: false,
@@ -13378,9 +13384,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$17 = 'vc-scroller-bar';
+	const COMPONENT_NAME$19 = 'vc-scroller-bar';
 	const Bar = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$17,
+	  name: COMPONENT_NAME$19,
 	  props: props$R,
 	  emits: ['change'],
 	  setup(props, {
@@ -13595,7 +13601,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$16 = 'vc-scroller';
+	const COMPONENT_NAME$18 = 'vc-scroller';
 
 	/**
 	 * 作为备选方案,目前推荐使用ScrollerWheel
@@ -13606,7 +13612,7 @@ var VcComponents = (function (exports, vue) {
 	 * 2. 增加了一层嵌套
 	 */
 	const Scroller = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$16,
+	  name: COMPONENT_NAME$18,
 	  props: props$Q,
 	  emits: ['scroll'],
 	  setup(props, {
@@ -14556,7 +14562,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$15 = 'vc-scroller-wheel';
+	const COMPONENT_NAME$17 = 'vc-scroller-wheel';
 
 	/**
 	 * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -14578,7 +14584,7 @@ var VcComponents = (function (exports, vue) {
 	 * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
 	 */
 	const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$15,
+	  name: COMPONENT_NAME$17,
 	  props: Object.assign(props$Q, {
 	    stopPropagation: {
 	      type: Boolean,
@@ -14767,9 +14773,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$14 = 'vc-drawer';
+	const COMPONENT_NAME$16 = 'vc-drawer';
 	const DrawerView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$14,
+	  name: COMPONENT_NAME$16,
 	  props: props$P,
 	  emits: ['close', 'update:modelValue', 'visible-change'],
 	  setup(props, {
@@ -14937,30 +14943,178 @@ var VcComponents = (function (exports, vue) {
 	const MDrawerView = DrawerView;
 
 	const props$O = {
-	  tag: {
+	  modelValue: {
+	    type: Boolean,
+	    default: false
+	  },
+	  portalClass: [String, Object],
+	  placement: {
 	    type: String,
-	    default: "div"
+	    default: "bottom"
+	  },
+	  trigger: {
+	    type: String,
+	    default: "hover"
+	  },
+	  arrow: {
+	    type: Boolean,
+	    default: false
 	  }
 	};
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$13 = 'vc-dropdown';
+	const COMPONENT_NAME$15 = 'vc-dropdown';
 	const Dropdown = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$13,
+	  name: COMPONENT_NAME$15,
 	  props: props$O,
+	  inheritAttrs: false,
+	  emits: ['update:modelValue', 'ready', 'close', 'visible-change', 'click'],
 	  setup(props, {
+	    slots,
+	    emit,
+	    expose
+	  }) {
+	    const its = useAttrs({
+	      merge: false
+	    });
+	    const isActive = vue.ref(false);
+	    const dropdownId = vue.ref(getUid('dropdown'));
+	    const inherit = vue.computed(() => {
+	      return {
+	        style: its.value.style,
+	        class: its.value.class
+	      };
+	    });
+	    const attrs = vue.computed(() => {
+	      return its.value.attrs;
+	    });
+	    vue.watch(() => props.modelValue, v => {
+	      isActive.value = v;
+	    }, {
+	      immediate: true
+	    });
+
+	    /**
+	     * v-model 同步, 外部的数据改变时不会触发
+	     */
+	    const sync = () => {
+	      emit('update:modelValue', isActive.value);
+	      emit('visible-change', isActive.value);
+	    };
+	    const handleChange = v => {
+	      isActive.value = v;
+	      sync();
+	    };
+	    const close = () => {
+	      isActive.value = false;
+	      sync();
+	    };
+	    expose({
+	      close,
+	      dropdownId
+	    });
+	    return () => {
+	      return vue.createVNode(Popover, vue.mergeProps(attrs.value, {
+	        "modelValue": isActive.value,
+	        "placement": props.placement,
+	        "trigger": props.trigger,
+	        "arrow": props.arrow,
+	        "portalClass": ['is-padding-none', 'vc-dropdown-wrapper', props.portalClass],
+	        "class": ['vc-dropdown', inherit.value.class],
+	        "style": inherit.value.style,
+	        "onReady": () => emit('ready'),
+	        "onClose": () => emit('close'),
+	        "onVisibleChange": handleChange
+	      }), {
+	        default: () => slots?.default?.(),
+	        content: () => slots?.content?.()
+	      });
+	    };
+	  }
+	});
+
+	/** @jsxImportSource vue */
+
+	const COMPONENT_NAME$14 = 'vc-dropdown-menu';
+	const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
+	  name: COMPONENT_NAME$14,
+	  setup(_, {
 	    slots
 	  }) {
 	    return () => {
-	      return vue.createVNode("div", {
-	        "class": "vc-dropdown"
+	      return vue.createVNode("ul", {
+	        "class": "vc-dropdown-menu"
 	      }, [slots?.default?.()]);
 	    };
 	  }
 	});
 
+	/** @jsxImportSource vue */
+
+	const COMPONENT_NAME$13 = 'vc-dropdown-item';
+	const DropdownItem = /* @__PURE__ */ vue.defineComponent({
+	  name: COMPONENT_NAME$13,
+	  props: {
+	    value: {
+	      type: [String, Number],
+	      value: undefined
+	    },
+	    label: {
+	      type: [String, Number],
+	      value: undefined
+	    },
+	    disabled: {
+	      type: Boolean,
+	      default: false
+	    },
+	    selected: {
+	      type: Boolean,
+	      default: false
+	    },
+	    divided: {
+	      type: Boolean,
+	      default: false
+	    },
+	    closable: {
+	      type: Boolean,
+	      default: true
+	    }
+	  },
+	  setup(props, {
+	    slots,
+	    emit
+	  }) {
+	    const owner = getInstance$1('dropdown', 'dropdownId');
+	    const currentValue = vue.computed(() => {
+	      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+	      return v;
+	    });
+	    const classes = vue.computed(() => {
+	      return {
+	        'is-selected': props.selected,
+	        'is-divided': props.divided,
+	        'is-disabled': props.disabled
+	      };
+	    });
+	    const handleClick = e => {
+	      if (props.disabled) return;
+	      emit('click', currentValue.value, e);
+	      owner.emit('click', currentValue.value, e);
+	      props.closable && owner.exposed?.close();
+	    };
+	    return () => {
+	      return vue.createVNode("li", {
+	        "class": [classes.value, 'vc-dropdown-item'],
+	        "onClick": handleClick
+	      }, [slots.default ? slots.default?.() : props.label]);
+	    };
+	  }
+	});
+
 	const MDropdown = Dropdown;
+	const MDropdownMenu = DropdownMenu;
+	const MDropdownItem = DropdownItem;
 
 	const props$N = {
 	  tag: {
@@ -15378,6 +15532,8 @@ var VcComponents = (function (exports, vue) {
 	      "is-validating": validateState.value === "validating",
 	      "is-inline": form.props.inline,
 	      "is-nest": isNest.value,
+	      "is-alone": !props.showMessage,
+	      // 用于单独去除form-item的默认margin_bottom
 	      [`is-${labelPosition.value}`]: true
 	    };
 	  });
@@ -19156,6 +19312,9 @@ var VcComponents = (function (exports, vue) {
 	    type: Boolean,
 	    default: false
 	  },
+	  // draggable为true时有效
+	  x: Number,
+	  y: Number,
 	  okText: {
 	    type: [String, Boolean],
 	    default: "确定"
@@ -19213,8 +19372,8 @@ var VcComponents = (function (exports, vue) {
 	    const header = vue.shallowRef();
 	    const scroller = vue.shallowRef();
 	    const resizer = vue.shallowRef();
-	    const x = vue.ref(0);
-	    const y = vue.ref(0);
+	    const x = vue.ref(props.x);
+	    const y = vue.ref(props.y);
 	    const isActive = vue.ref(false);
 
 	    // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
@@ -19256,8 +19415,8 @@ var VcComponents = (function (exports, vue) {
 	    });
 	    const draggableStyle = vue.computed(() => {
 	      if (IS_SERVER$2 || !props.draggable) return {};
-	      const left = x.value || window.innerWidth / 2 - defaultSize.value.width / 2;
-	      const top = y.value || window.innerHeight / 2 - defaultSize.value.height / 2;
+	      const left = typeof x.value === 'undefined' ? window.innerWidth / 2 - defaultSize.value.width / 2 : x.value;
+	      const top = typeof y.value === 'undefined' ? window.innerHeight / 2 - defaultSize.value.height / 2 : y.value;
 	      return {
 	        left: `${left}px`,
 	        top: `${top}px`
@@ -20854,10 +21013,49 @@ var VcComponents = (function (exports, vue) {
 	const MPicker = Picker;
 
 	const props$p = {
-	  tag: {
+	  title: {
+	    type: [String, Function],
+	    default: ""
+	  },
+	  content: {
+	    type: [String, Function],
+	    default: ""
+	  },
+	  modelValue: {
+	    type: Boolean,
+	    default: false
+	  },
+	  placement: {
 	    type: String,
-	    default: "div"
-	  }
+	    default: "top"
+	  },
+	  trigger: {
+	    type: String,
+	    default: "click"
+	  },
+	  okText: {
+	    type: String,
+	    default: "确定"
+	  },
+	  cancelText: {
+	    type: String,
+	    default: "取消"
+	  },
+	  okType: {
+	    type: String,
+	    default: "primary"
+	  },
+	  cancelType: {
+	    type: String,
+	    default: "default"
+	  },
+	  type: {
+	    type: String,
+	    default: "warning",
+	    validator: (v) => /(warning|info|success|error)/.test(v)
+	  },
+	  width: [String, Number],
+	  portalClass: [String, Object]
 	};
 
 	/** @jsxImportSource vue */
@@ -20866,13 +21064,125 @@ var VcComponents = (function (exports, vue) {
 	const Popconfirm = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$C,
 	  props: props$p,
+	  inheritAttrs: false,
+	  emits: ['update:modelValue', 'visible-change', 'ready', 'close', 'cancel', 'ok'],
 	  setup(props, {
-	    slots
+	    slots,
+	    emit
 	  }) {
+	    const instance = vue.getCurrentInstance();
+	    const its = useAttrs({
+	      merge: false
+	    });
+	    const isActive = vue.ref(false);
+	    const contentStyle = vue.computed(() => {
+	      return props.content || !!slots.content ? {
+	        marginBottom: '15px'
+	      } : {};
+	    });
+	    const inherit = vue.computed(() => {
+	      return {
+	        style: its.value.style,
+	        class: its.value.class
+	      };
+	    });
+	    const attrs = vue.computed(() => {
+	      return its.value.attrs;
+	    });
+	    vue.watch(() => props.modelValue, v => {
+	      isActive.value = v;
+	    }, {
+	      immediate: true
+	    });
+
+	    /**
+	     * v-model 同步, 外部的数据改变时不会触发
+	     */
+	    const sync = () => {
+	      emit('update:modelValue', isActive.value);
+	      emit('visible-change', isActive.value);
+	    };
+	    const handleBefore = (e, hook) => {
+	      e.stopPropagation();
+	      e.preventDefault();
+	      if (!isActive.value) return;
+	      const fn = hook && hook(e);
+	      if (fn && fn.then) {
+	        return fn.then(res => {
+	          isActive.value = false;
+	          sync();
+	          return res;
+	        });
+	      } else if (!fn || fn === true) {
+	        isActive.value = false;
+	        sync();
+	      }
+	    };
+	    const handleOk = (...rest) => {
+	      const ok = instance.vnode.props?.onOk || (() => {});
+	      return ok(...rest);
+	    };
+	    const handleCancel = (...rest) => {
+	      const cancel = instance.vnode.props?.onCancel || (() => {});
+	      return cancel(...rest);
+	    };
+	    const handleChange = v => {
+	      isActive.value = v;
+	      sync();
+	    };
 	    return () => {
-	      return vue.createVNode("div", {
-	        "class": "vc-popconfirm"
-	      }, [slots?.default?.()]);
+	      return vue.createVNode(Popover, vue.mergeProps(attrs.value, {
+	        "modelValue": isActive.value,
+	        "placement": props.placement,
+	        "trigger": props.trigger,
+	        "portalClass": ['is-padding-none', 'vc-popconfirm-wrapper', props.portalClass],
+	        "class": ['vc-popconfirm', inherit.value.class],
+	        "style": inherit.value.style,
+	        "onReady": () => emit('ready'),
+	        "onClose": () => emit('close'),
+	        "onVisibleChange": handleChange
+	      }), {
+	        default: () => slots?.default?.(),
+	        content: () => {
+	          return vue.createVNode("div", {
+	            "style": [{
+	              width: `${props.width}px`
+	            }],
+	            "class": "vc-popconfirm__wrapper"
+	          }, [vue.createVNode("div", {
+	            "class": "vc-popconfirm__title"
+	          }, [slots.icon ? slots.icon() : vue.createVNode(Icon, {
+	            "type": props.type,
+	            "class": [`is-${props.type}`, 'vc-popconfirm__icon']
+	          }, null), vue.createVNode("div", null, [slots.title ? slots.title() : typeof props.title === 'string' ? vue.createVNode("div", {
+	            "innerHTML": props.title
+	          }, null) : typeof props.title === 'function' ? vue.createVNode(Customer, {
+	            "render": props.title
+	          }, null) : null])]), vue.createVNode("div", {
+	            "style": contentStyle.value,
+	            "class": "vc-popconfirm__content"
+	          }, [slots.content ? slots.content() : typeof props.content === 'string' ? vue.createVNode("div", {
+	            "innerHTML": props.content
+	          }, null) : typeof props.content === 'function' ? vue.createVNode(Customer, {
+	            "render": props.content
+	          }, null) : null]), vue.createVNode("div", {
+	            "class": "vc-popconfirm__footer"
+	          }, [vue.createVNode(Button, {
+	            "type": props.cancelType,
+	            "style": "margin-right: 8px;",
+	            "size": "small",
+	            "onClick": e => handleBefore(e, handleCancel)
+	          }, {
+	            default: () => [props.cancelText]
+	          }), vue.createVNode(Button, {
+	            "type": props.okType,
+	            "size": "small",
+	            "onClick": e => handleBefore(e, handleOk)
+	          }, {
+	            default: () => [props.okText]
+	          })])]);
+	        }
+	      });
 	    };
 	  }
 	});
@@ -22593,6 +22903,18 @@ var VcComponents = (function (exports, vue) {
 	  uncheckedText: {
 	    type: String,
 	    default: ""
+	  },
+	  width: {
+	    type: Number,
+	    default: 36
+	  },
+	  height: {
+	    type: Number,
+	    default: 20
+	  },
+	  borderWidth: {
+	    type: Number,
+	    default: 1
 	  }
 	};
 
@@ -22675,28 +22997,65 @@ var VcComponents = (function (exports, vue) {
 	    expose
 	  }) {
 	    const {
+	      checked,
 	      classes,
 	      currentValue,
 	      isLoading,
 	      handleToggle
 	    } = useSwitch(expose);
+	    const size = vue.computed(() => {
+	      return props.height - props.borderWidth * 4;
+	    });
+	    const lefts = vue.computed(() => {
+	      return {
+	        inner: checked.value ? props.width - props.borderWidth * 3 - size.value : props.borderWidth,
+	        loading: checked.value ? props.height - props.borderWidth * 2 : props.borderWidth * 2
+	      };
+	    });
+	    const contentOffset = vue.computed(() => {
+	      return Math.max(props.height / 2, size.value) + props.borderWidth * 2;
+	    });
 	    return () => {
-	      return vue.createVNode("span", {
-	        "class": [classes.value, 'vc-switch'],
+	      return vue.createVNode("div", {
+	        "style": {
+	          width: `${props.width}px`
+	        },
+	        "class": [classes.value, 'vc-switch']
+	      }, [vue.createVNode("span", {
+	        "style": {
+	          height: `${props.height}px`,
+	          borderWidth: `${props.borderWidth}px`
+	        },
+	        "class": "vc-switch__wrapper",
 	        "onClick": handleToggle
 	      }, [vue.createVNode("input", {
 	        "name": props.name,
 	        "value": currentValue.value,
 	        "type": "hidden"
 	      }, null), vue.createVNode("span", {
-	        "class": "vc-switch__content"
+	        "class": "vc-switch__content",
+	        "style": {
+	          left: `${checked.value ? props.height / 4 : contentOffset.value}px`,
+	          right: `${checked.value ? contentOffset.value : props.height / 4}px`,
+	          top: 0,
+	          bottom: 0
+	        }
 	      }, [currentValue.value === props.checkedValue ? slots.checked ? slots.checked() : props.checkedText : null, currentValue.value === props.uncheckedValue ? slots.unchecked ? slots.unchecked() : props.uncheckedText : null]), vue.createVNode("span", {
-	        "class": "vc-switch__inner"
+	        "class": "vc-switch__inner",
+	        "style": {
+	          width: `${size.value}px`,
+	          height: `${size.value}px`,
+	          left: `${lefts.value.inner}px`,
+	          top: `${props.borderWidth}px`
+	        }
 	      }, null), isLoading.value && vue.createVNode(Spin, {
 	        "size": 14,
 	        "foreground": "#fff",
-	        "class": "vc-switch__loading"
-	      }, null)]);
+	        "class": "vc-switch__loading",
+	        "style": {
+	          left: `${lefts.value.loading}px`
+	        }
+	      }, null)])]);
 	    };
 	  }
 	});
@@ -41066,6 +41425,79 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
+	const HIDDEN_TEXT_STYLE = `
+	position: absolute!important;
+	word-break: break-all!important;
+	overflow: auto!important;
+	opacity: 1!important;
+	z-index: -1000!important;
+	top: 0!important;
+	right: 100px!important;
+`;
+	const SIZING_STYLE$1 = [
+	  "letter-spacing",
+	  "line-height",
+	  "padding-top",
+	  "padding-bottom",
+	  "font-family",
+	  "font-weight",
+	  "font-size",
+	  "text-rendering",
+	  "text-transform",
+	  "width",
+	  // 'text-indent', // 需要额外计算
+	  "padding-left",
+	  "padding-right",
+	  "border-width",
+	  "box-sizing"
+	];
+	let hiddenEl$1;
+	const getFitIndex = (options = {}) => {
+	  const { el, line, value, suffix, indent = 0 } = options;
+	  let lineHeight = parseInt(getStyle$1(el, "line-height"), 10);
+	  if (!hiddenEl$1) {
+	    hiddenEl$1 = document.createElement("div");
+	    document.body.appendChild(hiddenEl$1);
+	  }
+	  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
+	  const {
+	    paddingSize,
+	    borderSize,
+	    boxSizing,
+	    sizingStyle
+	  } = utils.getComputedStyle(el, SIZING_STYLE$1);
+	  const textIndent = `text-indent: ${parseInt(getStyle$1(el, "text-indent"), 10) + indent}px;`;
+	  hiddenEl$1.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
+	  let sideHeight = paddingSize || 0;
+	  boxSizing === "border-box" && (sideHeight += borderSize);
+	  if (Number.isNaN(lineHeight)) {
+	    hiddenEl$1.innerText = ".";
+	    lineHeight = hiddenEl$1.clientHeight - sideHeight;
+	  }
+	  let endIndex = -1;
+	  const strs = (typeof value === "number" ? `${value}` : value || "").split("");
+	  let innerText = "";
+	  for (let i = 0; i < strs.length; i++) {
+	    innerText += strs[i];
+	    hiddenEl$1.innerText = innerText;
+	    if (endIndex === -1 && hiddenEl$1.clientHeight - sideHeight > lineHeight * line) {
+	      endIndex = i;
+	      break;
+	    }
+	  }
+	  if (endIndex >= 0 && endIndex <= strs.length - 1) {
+	    for (let i = endIndex - 1; i >= 0; i--) {
+	      innerText = innerText.substring(0, i);
+	      hiddenEl$1.innerText = innerText + suffix;
+	      if (hiddenEl$1.clientHeight - sideHeight <= lineHeight * line) {
+	        endIndex = i;
+	        break;
+	      }
+	    }
+	  }
+	  return endIndex;
+	};
+
 	const TableBody = /* @__PURE__ */ vue.defineComponent({
 	  name: 'vc-table-body',
 	  props: {
@@ -41174,10 +41606,13 @@ var VcComponents = (function (exports, vue) {
 	          column
 	        });
 	      }
-	      return cellStyle;
+	      return {
+	        ...cellStyle,
+	        ...column.style
+	      };
 	    };
 	    const getCellClass = (rowIndex, columnIndex, row, column) => {
-	      const classes = [column.realAlign, column.className];
+	      const classes = [column.realAlign, column.class];
 	      if (isColumnHidden(columnIndex)) {
 	        classes.push('is-hidden');
 	      }
@@ -41194,24 +41629,44 @@ var VcComponents = (function (exports, vue) {
 	      }
 	      return classes.join(' ');
 	    };
-	    const handleCellMouseEnter = (e, row) => {
+	    let poper;
+	    const handleCellMouseEnter = (e, row, column) => {
 	      const cell = getCell(e);
+	      const hoverState = {
+	        cell,
+	        column,
+	        row
+	      };
 	      if (cell) {
-	        const column = getColumnByCell(states.columns, cell);
-	        const hoverState = {
-	          cell,
-	          column,
-	          row
-	        };
 	        table.hoverState.value = hoverState;
 	        table.emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, e);
 	      }
+	      // 判断是否text-overflow, 如果是就显示tooltip
+	      const el = e.target.querySelector('.vc-table__text-line');
+	      if (!el) return;
+	      const value = `${row[column.prop]}`;
+	      const endIndex = getFitIndex({
+	        el,
+	        value,
+	        line: column.line,
+	        suffix: '...'
+	      });
+	      if (endIndex > 0 && endIndex < value.length - 1) {
+	        poper && poper.destroy();
+	        poper = Popover.open({
+	          el: document.body,
+	          triggerEl: el,
+	          hover: true,
+	          alone: true,
+	          autoWidth: true,
+	          content: value
+	        });
+	      }
 	    };
-	    const handleCellMouseLeave = e => {
+	    const handleCellMouseLeave = (e, row, column) => {
 	      const cell = getCell(e);
 	      if (!cell) return;
-	      const oldHoverState = table.hoverState.value || {};
-	      table.emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
+	      table.emit('cell-mouse-leave', row, column, cell, e);
 	    };
 	    const handleMouseEnter = debounce$1(index => {
 	      table.store.setHoverRow(index);
@@ -41282,8 +41737,8 @@ var VcComponents = (function (exports, vue) {
 	          "key": column.id,
 	          "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
 	          "class": [getCellClass(rowIndex, columnIndex, row, column), 'vc-table__td'],
-	          "onMouseenter": e => handleCellMouseEnter(e, row),
-	          "onMouseleave": e => handleCellMouseLeave(e)
+	          "onMouseenter": e => handleCellMouseEnter(e, row, column),
+	          "onMouseleave": e => handleCellMouseLeave(e, row, column)
 	        }, [renderCell({
 	          row,
 	          column,
@@ -41339,7 +41794,11 @@ var VcComponents = (function (exports, vue) {
 	        allowRender.value = true;
 	      }
 	    });
-	    vue.onBeforeUnmount(() => (timer && clearTimeout(timer), allowRender.value = false));
+	    vue.onBeforeUnmount(() => {
+	      poper && poper.destroy();
+	      timer && clearTimeout(timer);
+	      allowRender.value = false;
+	    });
 	    return () => {
 	      if (!allowRender.value) return;
 	      return vue.createVNode("div", {
@@ -41466,10 +41925,13 @@ var VcComponents = (function (exports, vue) {
 	          column
 	        });
 	      }
-	      return headerCellStyle;
+	      return {
+	        ...headerCellStyle,
+	        ...column.style
+	      };
 	    };
 	    const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
-	      const classes = [column.id, column.order, column.realHeaderAlign, column.className, column.labelClass];
+	      const classes = [column.id, column.order, column.realHeaderAlign, column.class, column.labelClass];
 	      if (rowIndex === 0 && columnsHidden.value[columnIndex]) {
 	        classes.push('is-hidden');
 	      }
@@ -42404,196 +42866,6 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const props$b = {
-	  tag: {
-	    type: String,
-	    default: "div"
-	  },
-	  value: {
-	    type: String,
-	    default: ""
-	  },
-	  line: {
-	    type: Number,
-	    default: 0
-	  },
-	  // TODO: 是否改为tail-indent来表示尾部缩进
-	  indent: {
-	    type: Number,
-	    default: 0
-	  },
-	  resize: {
-	    type: [Boolean, Number],
-	    default: 100
-	  },
-	  suffix: {
-	    type: String,
-	    default: "..."
-	  },
-	  placement: {
-	    type: String,
-	    default: "top"
-	  },
-	  portalClass: [Object, String, Array],
-	  portalStyle: [Object, String, Array],
-	  renderRow: {
-	    type: Function,
-	    default: (props$) => {
-	      return props$.value;
-	    }
-	  }
-	};
-
-	const HIDDEN_TEXT_STYLE = `
-	position: absolute!important;
-	word-break: break-all!important;
-	overflow: auto!important;
-	opacity: 0!important;
-	z-index: -1000!important;
-	top: 0!important;
-	right: 0!important;
-`;
-	const SIZING_STYLE$1 = [
-	  "letter-spacing",
-	  "line-height",
-	  "padding-top",
-	  "padding-bottom",
-	  "font-family",
-	  "font-weight",
-	  "font-size",
-	  "text-rendering",
-	  "text-transform",
-	  "width",
-	  // 'text-indent', // 需要额外计算
-	  "padding-left",
-	  "padding-right",
-	  "border-width",
-	  "box-sizing"
-	];
-	let hiddenEl$1;
-	const getFitIndex = (options = {}) => {
-	  const { el, line, value, suffix, indent } = options;
-	  let lineHeight = parseInt(getStyle$1(el, "line-height"), 10);
-	  if (!hiddenEl$1) {
-	    hiddenEl$1 = document.createElement("div");
-	    document.body.appendChild(hiddenEl$1);
-	  }
-	  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
-	  const {
-	    paddingSize,
-	    borderSize,
-	    boxSizing,
-	    sizingStyle
-	  } = utils.getComputedStyle(el, SIZING_STYLE$1);
-	  const textIndent = `text-indent: ${parseInt(getStyle$1(el, "text-indent"), 10) + indent}px;`;
-	  hiddenEl$1.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
-	  let sideHeight = paddingSize || 0;
-	  boxSizing === "border-box" && (sideHeight += borderSize);
-	  if (Number.isNaN(lineHeight)) {
-	    hiddenEl$1.innerText = ".";
-	    lineHeight = hiddenEl$1.clientHeight - sideHeight;
-	  }
-	  let endIndex = 0;
-	  hiddenEl$1.innerText = suffix;
-	  (value || "").split("").forEach((item, i) => {
-	    let old = hiddenEl$1.innerText;
-	    old = old.substring(0, old.length - suffix.length);
-	    hiddenEl$1.innerText = old + item + suffix;
-	    if (hiddenEl$1.clientHeight - sideHeight > lineHeight * line && endIndex === 0) {
-	      endIndex = i;
-	    }
-	  });
-	  return endIndex;
-	};
-
-	/** @jsxImportSource vue */
-
-	const COMPONENT_NAME$h = 'vc-text';
-	const Text = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$h,
-	  props: props$b,
-	  setup(props, {
-	    emit
-	  }) {
-	    const instance = vue.getCurrentInstance();
-	    const isActive = vue.ref(false);
-	    const endIndex = vue.ref(0);
-	    const styles = vue.computed(() => {
-	      return {
-	        cursor: endIndex.value === 0 ? 'unset' : 'pointer'
-	      };
-	    });
-	    const calcPosition = () => {
-	      const {
-	        suffix,
-	        line,
-	        value,
-	        indent
-	      } = props;
-	      if (line === 0) {
-	        endIndex.value = 0;
-	        isActive.value = true;
-	      } else {
-	        endIndex.value = getFitIndex({
-	          el: instance.vnode.el,
-	          line,
-	          value,
-	          suffix,
-	          indent
-	        });
-	        isActive.value = true;
-	      }
-	      emit('clip', endIndex.value);
-	    };
-	    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : debounce$1(calcPosition, props.resize || 0);
-	    let poper;
-	    const handleMouseOver = e => {
-	      if (endIndex.value > 0) {
-	        poper = Popover.open({
-	          el: document.body,
-	          name: 'vc-text-popover',
-	          // 确保不重复创建
-	          triggerEl: e.target,
-	          hover: true,
-	          theme: 'dark',
-	          placement: props.placement,
-	          portalClass: props.portalClass,
-	          portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],
-	          content: props.value
-	        });
-	      }
-	    };
-	    const handleMouseOut = () => {
-	      // Do.
-	    };
-	    ['value', 'indent', 'line'].forEach(key => {
-	      vue.watch(() => props[key], calcPosition);
-	    });
-	    vue.onMounted(() => {
-	      props.resize !== false && Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
-	    });
-	    vue.onBeforeUnmount(() => {
-	      props.resize !== false && Resize.off(instance.vnode.el, handleResize);
-	      poper?.destroy?.();
-	    });
-	    const Content = props.tag;
-	    return () => {
-	      return vue.createVNode(Content, {
-	        "class": "vc-text",
-	        "style": styles.value,
-	        "onMouseover": handleMouseOver,
-	        "onMouseout": handleMouseOut
-	      }, {
-	        default: () => [isActive.value ? vue.createVNode(Customer, {
-	          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
-	          "index": endIndex.value,
-	          "render": props.renderRow
-	        }, null) : null]
-	      });
-	    };
-	  }
-	});
-
 	const cellStarts = {
 	  default: {
 	    order: ''
@@ -42601,8 +42873,7 @@ var VcComponents = (function (exports, vue) {
 	  selection: {
 	    width: 60,
 	    minWidth: 60,
-	    order: '',
-	    className: 'vc-table-column--selection'
+	    order: ''
 	  },
 	  expand: {
 	    width: 60,
@@ -42648,7 +42919,8 @@ var VcComponents = (function (exports, vue) {
 	      }, null), [[vue.vShow, store.states.expandSelectable || level === 0]]);
 	    },
 	    sortable: false,
-	    resizable: false
+	    resizable: false,
+	    class: 'vc-table__selection-column'
 	  },
 	  index: {
 	    renderHeader(h, {
@@ -42698,7 +42970,7 @@ var VcComponents = (function (exports, vue) {
 	    },
 	    sortable: false,
 	    resizable: false,
-	    className: 'vc-table__expand-column'
+	    class: 'vc-table__expand-column'
 	  }
 	};
 
@@ -42718,17 +42990,13 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  const line = column.line || VcInstance.options.TableColumn?.line;
 	  if (line && value) {
-	    const base = rowData.isHead || rowData.isTail ? 36 : 24; // 目前gap是12
 	    const style = {
-	      // 目前左右pading为10
-	      // TODO: 含有border还要-1
-	      width: (column.realWidth || column.width) - base + 'px'
+	      '-webkit-line-clamp': line
 	    };
-	    return vue.createVNode(Text, {
-	      "style": style,
-	      "line": line,
-	      "value": `${value}`
-	    }, null);
+	    return vue.createVNode("div", {
+	      "class": "vc-table__text-line",
+	      "style": style
+	    }, [value]);
 	  }
 	  return value;
 	};
@@ -42776,6 +43044,7 @@ var VcComponents = (function (exports, vue) {
 
 	const TableColumn = /* @__PURE__ */ vue.defineComponent({
 	  name: 'vc-table-column',
+	  inheritAttrs: false,
 	  props: {
 	    type: {
 	      type: String,
@@ -42787,7 +43056,6 @@ var VcComponents = (function (exports, vue) {
 	      default: 0
 	    },
 	    label: String,
-	    customClass: String,
 	    labelClass: String,
 	    prop: String,
 	    width: Number,
@@ -42824,7 +43092,8 @@ var VcComponents = (function (exports, vue) {
 	    tooltip: [String, Function]
 	  },
 	  setup(props, {
-	    slots
+	    slots,
+	    attrs
 	  }) {
 	    const instance = vue.getCurrentInstance();
 	    const table = vue.inject('vc-table');
@@ -42874,7 +43143,7 @@ var VcComponents = (function (exports, vue) {
 	      Object.keys(source).forEach(prop => {
 	        const value = source[prop];
 	        if (value !== undefined) {
-	          column[prop] = prop === 'customClass' ? `${column[prop]} ${value}` : value;
+	          column[prop] = prop === 'class' ? `${column[prop] ? `${column[prop]} ` : ''}${value}` : value;
 	        }
 	      });
 	      return column;
@@ -42944,7 +43213,7 @@ var VcComponents = (function (exports, vue) {
 	          // 存在树形数组，且当前行无箭头图标且处于当前展开列，表格对齐
 	          if (!isEmpty$1(table.store.states.treeData) && !prefix && data.isExpandColumn) {
 	            prefix = vue.createVNode("span", {
-	              "class": "vc-table-un-expand__indent"
+	              "class": "vc-table__unexpand__indent"
 	            }, null);
 	          }
 	          const {
@@ -42960,6 +43229,8 @@ var VcComponents = (function (exports, vue) {
 	      const defaults = {
 	        colspan: 1,
 	        rowspan: 1,
+	        class: attrs.class,
+	        style: attrs.style,
 	        ...cellStarts[props.type],
 	        id: columnId.value,
 	        realAlign,
@@ -43046,7 +43317,7 @@ var VcComponents = (function (exports, vue) {
 	const MTable = Table;
 	const MTableColumn = TableColumn;
 
-	const props$a = {
+	const props$b = {
 	  type: {
 	    type: String,
 	    validator: (v) => /^(line|card)$/.test(v),
@@ -43205,10 +43476,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$g = 'vc-tabs';
+	const COMPONENT_NAME$h = 'vc-tabs';
 	const Tabs = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$g,
-	  props: props$a,
+	  name: COMPONENT_NAME$h,
+	  props: props$b,
 	  emits: ['update:modelValue', 'change', 'click'],
 	  setup(props, {
 	    slots
@@ -43373,7 +43644,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const props$9 = {
+	const props$a = {
 	  value: {
 	    type: [String, Number]
 	  },
@@ -43455,10 +43726,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$f = 'vc-tabs-pane';
+	const COMPONENT_NAME$g = 'vc-tabs-pane';
 	const TabsPane = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$f,
-	  props: props$9,
+	  name: COMPONENT_NAME$g,
+	  props: props$a,
 	  setup(_, {
 	    slots
 	  }) {
@@ -43473,8 +43744,8 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const props$8 = {
-	  ...props$a,
+	const props$9 = {
+	  ...props$b,
 	  theme: {
 	    type: String,
 	    default: "light",
@@ -43512,10 +43783,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$e = 'vcm-tabs';
+	const COMPONENT_NAME$f = 'vcm-tabs';
 	const MTabs = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$e,
-	  props: props$8,
+	  name: COMPONENT_NAME$f,
+	  props: props$9,
 	  emits: ['update:modelValue', 'change', 'click'],
 	  setup(props, {
 	    slots
@@ -43779,10 +44050,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$d = 'vcm-tabs-pane';
+	const COMPONENT_NAME$e = 'vcm-tabs-pane';
 	const MTabsPane = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$d,
-	  props: props$9,
+	  name: COMPONENT_NAME$e,
+	  props: props$a,
 	  setup(_, {
 	    slots
 	  }) {
@@ -43799,6 +44070,134 @@ var VcComponents = (function (exports, vue) {
 
 	const MTag = Tag;
 
+	const props$8 = {
+	  tag: {
+	    type: String,
+	    default: "div"
+	  },
+	  value: {
+	    type: String,
+	    default: ""
+	  },
+	  line: {
+	    type: Number,
+	    default: 0
+	  },
+	  // TODO: 是否改为tail-indent来表示尾部缩进
+	  indent: {
+	    type: Number,
+	    default: 0
+	  },
+	  resize: {
+	    type: [Boolean, Number],
+	    default: 100
+	  },
+	  suffix: {
+	    type: String,
+	    default: "..."
+	  },
+	  placement: {
+	    type: String,
+	    default: "top"
+	  },
+	  portalClass: [Object, String, Array],
+	  portalStyle: [Object, String, Array],
+	  renderRow: {
+	    type: Function,
+	    default: (props$) => {
+	      return props$.value;
+	    }
+	  }
+	};
+
+	/** @jsxImportSource vue */
+
+	const COMPONENT_NAME$d = 'vc-text';
+	const Text = /* @__PURE__ */ vue.defineComponent({
+	  name: COMPONENT_NAME$d,
+	  props: props$8,
+	  setup(props, {
+	    emit
+	  }) {
+	    const instance = vue.getCurrentInstance();
+	    const isActive = vue.ref(false);
+	    const endIndex = vue.ref(-1);
+	    const styles = vue.computed(() => {
+	      return {
+	        cursor: endIndex.value <= 0 ? 'unset' : 'pointer'
+	      };
+	    });
+	    const calcPosition = () => {
+	      const {
+	        suffix,
+	        line,
+	        value,
+	        indent
+	      } = props;
+	      if (line === 0) {
+	        endIndex.value = -1;
+	        isActive.value = true;
+	      } else {
+	        endIndex.value = getFitIndex({
+	          el: instance.vnode.el,
+	          line,
+	          value,
+	          suffix,
+	          indent
+	        });
+	        isActive.value = true;
+	      }
+	      emit('clip', endIndex.value);
+	    };
+	    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : debounce$1(calcPosition, props.resize || 0);
+	    let poper;
+	    const handleMouseOver = e => {
+	      if (endIndex.value > 0) {
+	        poper = Popover.open({
+	          el: document.body,
+	          name: 'vc-text-popover',
+	          // 确保不重复创建
+	          triggerEl: e.target,
+	          hover: true,
+	          theme: 'dark',
+	          placement: props.placement,
+	          portalClass: props.portalClass,
+	          portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],
+	          content: props.value
+	        });
+	      }
+	    };
+	    const handleMouseOut = () => {
+	      // Do.
+	    };
+	    ['value', 'indent', 'line'].forEach(key => {
+	      vue.watch(() => props[key], calcPosition);
+	    });
+	    vue.onMounted(() => {
+	      props.resize !== false && Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+	    });
+	    vue.onBeforeUnmount(() => {
+	      props.resize !== false && Resize.off(instance.vnode.el, handleResize);
+	      poper?.destroy?.();
+	    });
+	    const Content = props.tag;
+	    return () => {
+	      return vue.createVNode(Content, {
+	        "class": "vc-text",
+	        "style": styles.value,
+	        "onMouseover": handleMouseOver,
+	        "onMouseout": handleMouseOut
+	      }, {
+	        default: () => [isActive.value ? vue.createVNode(Customer, {
+	          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
+	          "index": endIndex.value,
+	          "render": props.renderRow
+	        }, null) : null]
+	      });
+	    };
+	  }
+	});
+
 	const MText = Text;
 
 	const HIDDEN_TEXTAREA_STYLE = `
@@ -132675,6 +133074,8 @@ var VcComponents = (function (exports, vue) {
 	exports.Drawer = Drawer;
 	exports.DrawerView = DrawerView;
 	exports.Dropdown = Dropdown;
+	exports.DropdownItem = DropdownItem;
+	exports.DropdownMenu = DropdownMenu;
 	exports.Editor = Editor;
 	exports.Expand = Expand$1;
 	exports.Form = Form;
@@ -132716,6 +133117,8 @@ var VcComponents = (function (exports, vue) {
 	exports.MDrawer = MDrawer;
 	exports.MDrawerView = MDrawerView;
 	exports.MDropdown = MDropdown;
+	exports.MDropdownItem = MDropdownItem;
+	exports.MDropdownMenu = MDropdownMenu;
 	exports.MEditor = MEditor;
 	exports.MExpand = MExpand;
 	exports.MForm = MForm;