@deot/vc-components 1.0.61 → 1.0.63

package/dist/index.cjs

@@ -5361,6 +5361,7 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
     const minute = vue.ref('');
     const second = vue.ref('');
     const millisecond = vue.ref('');
+    const isComplete = vue.ref(false);
     const showResult = vue.computed(() => {
       return !props.render && !slots.default;
     });
@@ -5433,15 +5434,18 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
 
       if (timestamp <= 0) {
         stop();
-        emit('change', {
-          timestamp: 0,
-          day: '00',
-          hour: '00',
-          minute: '00',
-          second: '00',
-          millisecond: '00'
-        });
-        emit('complete');
+        if (!isComplete.value) {
+          isComplete.value = true;
+          emit('change', {
+            timestamp: 0,
+            day: '00',
+            hour: '00',
+            minute: '00',
+            second: '00',
+            millisecond: '00'
+          });
+          emit('complete');
+        }
       } else {
         emit('change', {
           timestamp,
@@ -5456,6 +5460,8 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
     const start = () => {
       if (targetTimestamp.value) {
         timer && clearInterval(timer);
+        isComplete.value = false;
+        run(); // 立即执行一次，界面马上展示当前数值
         timer = setInterval(run, T.value);
       }
     };
@@ -9674,10 +9680,11 @@ const useScroller = (expose) => {
       "vc-scroller__wrapper"
     ];
   });
-  const refreshSize = () => {
+  const refreshSize = async () => {
     if (!wrapper.value) return;
     wrapperW.value = wrapper.value.clientWidth;
     wrapperH.value = wrapper.value.clientHeight;
+    await vue.nextTick();
     contentH.value = wrapper.value.scrollHeight;
     contentW.value = wrapper.value.scrollWidth;
   };
@@ -14550,11 +14557,10 @@ const Option = /* @__PURE__ */ vue.defineComponent({
       } = owner.exposed;
       return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
     });
-    const searchRegex = vue.computed(() => {
-      const v = owner.exposed.searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
-      return new RegExp(`(${v.join('|')})`, 'i');
-    });
     const isActive = vue.computed(() => {
+      const {
+        searchRegex
+      } = owner.exposed;
       return !!(searchRegex.value.test(formatterLabel.value) || !props.filterable);
     });
     const customOptions = vue.computed(() => {
@@ -14780,6 +14786,10 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       const v = currentValue.value.length - props.maxTags;
       return v < 0 ? 0 : v;
     });
+    const searchRegex = vue.computed(() => {
+      const v = searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+      return new RegExp(escapeString(`(${v.join('|')})`), 'i');
+    });
     const optionMap = vue.ref({});
     const options = vue.computed(() => {
       return Object.values(optionMap.value);
@@ -14876,7 +14886,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
       add,
       remove,
       close,
-      searchValue,
+      searchRegex,
       multiple,
       isActive,
       current: currentValue,
@@ -19151,6 +19161,10 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
     sort: {
       type: Object,
       default: () => ({})
+    },
+    resizable: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup(props) {
@@ -19159,6 +19173,13 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
     const draggingColumn = vue.ref(null);
     const dragging = vue.ref(false);
     const dragState = vue.ref({});
+    const allowDrag = vue.computed(() => {
+      return typeof props.resizable === 'boolean' ? props.resizable : props.border;
+    });
+    const dragLineClass = vue.computed(() => {
+      if (props.border || !props.resizable) return;
+      return 'has-drag-line';
+    });
     const states = useStates({
       columns: 'columns',
       isAllSelected: 'isAllSelected',
@@ -19262,10 +19283,10 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
       if (vcShared.IS_SERVER) return;
       if (column.children && column.children.length > 0) return;
       /* istanbul ignore if */
-      if (draggingColumn.value && props.border) {
+      if (draggingColumn.value && allowDrag.value) {
         dragging.value = true;
         table.resizeProxyVisible.value = true;
-        const tableEl = table.vnode.el;
+        const tableEl = table.tableWrapper.value;
         const tableLeft = tableEl.getBoundingClientRect().left;
         const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
@@ -19294,15 +19315,14 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
             } = dragState.value;
             const finalLeft = parseInt(resizeProxy.style.left, 10);
             const columnWidth = finalLeft - startColumnLeft;
-            column.width = columnWidth;
-            column.realWidth = column.width;
-            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
+            column.width = column.minWidth = column.realWidth = columnWidth;
+            table.emit('header-dragend', column.width, startLeft - startColumnLeft, column);
             table.store.scheduleLayout();
             document.body.style.cursor = '';
             dragging.value = false;
             draggingColumn.value = null;
             dragState.value = {};
-            table.resizeProxyVisible = false;
+            table.resizeProxyVisible.value = false;
           }
           document.removeEventListener('mousemove', handleMouseMove);
           document.removeEventListener('mouseup', handleMouseUp);
@@ -19323,7 +19343,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
         target = target.parentNode;
       }
       if (!column || !column.resizable) return;
-      if (!dragging.value && props.border) {
+      if (!dragging.value && allowDrag.value) {
         const rect = target.getBoundingClientRect();
         const bodyStyle = document.body.style;
         if (rect.width > 12 && rect.right - event.pageX < 8) {
@@ -19393,7 +19413,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
         "style": [getHeaderCellStyle(rowIndex, columnIndex, columns, column), {
           width: `${column.realWidth}px`
         }],
-        "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), 'vc-table__th'],
+        "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), column.resizable && dragLineClass.value, 'vc-table__th'],
         "key": column.id
       }, [vue.createVNode("div", {
         "class": ['vc-table__cell',
@@ -19630,7 +19650,11 @@ const props$d = {
     default: () => ({})
   },
   // 用于延迟渲染，用于计算高度
-  delay: Number
+  delay: Number,
+  resizable: {
+    type: Boolean,
+    default: void 0
+  }
 };
 
 /** @jsxImportSource vue */
@@ -19639,7 +19663,7 @@ const COMPONENT_NAME$j = 'vc-table';
 const Table = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$j,
   props: props$d,
-  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend ', 'expand-change', 'sort-change', 'update:sort'],
+  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend', 'expand-change', 'sort-change', 'update:sort'],
   setup(props, {
     slots,
     expose,
@@ -19660,7 +19684,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       width: null,
       height: null
     });
-
+    const tableWrapper = vue.ref(null);
     // refs
     const hiddenColumns = vue.ref(null);
     const headerWrapper = vue.ref(null);
@@ -20018,6 +20042,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       toggleRowExpansion,
       clearSelection,
       scroller,
+      tableWrapper,
       headerWrapper,
       appendWrapper,
       footerWrapper,
@@ -20028,12 +20053,15 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       renderExpanded,
       hiddenColumns,
       props,
-      emit
+      emit,
+      resizeProxy,
+      resizeProxyVisible
     };
     expose(exposed);
     vue.provide('vc-table', exposed);
     return () => {
       return vue.createVNode("div", {
+        "ref": tableWrapper,
         "class": [classes.value, tableId, 'vc-table'],
         "onMouseleave": handleMouseLeave
       }, [vue.createVNode("div", {
@@ -20045,6 +20073,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": tableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value
       }, null)]), states.columns.length > 0 && vue.createVNode(ScrollerWheel, {
@@ -20062,15 +20091,10 @@ const Table = /* @__PURE__ */ vue.defineComponent({
           "style": [bodyWidthStyle.value],
           "height-style": [bodyHeightStyle.value],
           "onScroll": handleScollY
-        }, null), props.data.length === 0 && vue.createVNode("div", {
-          "ref": emptyBlock,
-          "style": bodyWidthStyle.value,
-          "class": [{
-            'is-absolute': !!props.height
-          }, 'vc-table__empty-wrapper']
-        }, [vue.createVNode("span", {
-          "class": "vc-table__empty-text"
-        }, [slots.empty ? slots.empty() : props.emptyText || '暂无数据'])]), slots.append && vue.createVNode("div", {
+        }, null), props.data.length === 0 && !props.height && vue.createVNode("div", {
+          "class": "vc-table__empty-placeholder",
+          "style": [bodyWidthStyle.value]
+        }, null), slots.append && vue.createVNode("div", {
           "ref": appendWrapper,
           "class": "vc-table__append-wrapper"
         }, [slots.append()])]
@@ -20094,6 +20118,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": leftFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "left"
@@ -20133,6 +20158,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(TableHeader, {
         "ref": rightFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "right"
@@ -20160,7 +20186,14 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "get-summary": props.getSummary,
         "style": bodyWidthStyle.value,
         "fixed": "right"
-      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), vue.withDirectives(vue.createVNode("div", {
+      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), props.data.length === 0 && vue.createVNode("div", {
+        "ref": emptyBlock,
+        "class": [{
+          'has-height': !!props.height
+        }, 'vc-table__empty-wrapper']
+      }, [slots.empty ? slots.empty() : vue.createVNode("span", {
+        "class": "vc-table__empty-text"
+      }, [props.emptyText || '暂无数据'])]), vue.withDirectives(vue.createVNode("div", {
         "ref": resizeProxy,
         "class": "vc-table__column-resize-proxy"
       }, null), [[vue.vShow, resizeProxyVisible.value]])]);

package/dist/index.d.ts

@@ -8946,7 +8946,11 @@ type: ObjectConstructor;
 default: () => {};
 };
 delay: NumberConstructor;
-}>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-dragend ")[], "select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-dragend ", PublicProps, Readonly<ExtractPropTypes<    {
+resizable: {
+type: BooleanConstructor;
+default: undefined;
+};
+}>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "header-dragend" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick")[], "select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "header-dragend" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick", PublicProps, Readonly<ExtractPropTypes<    {
 data: {
 type: ArrayConstructor;
 default: () => never[];
@@ -9018,6 +9022,10 @@ type: ObjectConstructor;
 default: () => {};
 };
 delay: NumberConstructor;
+resizable: {
+type: BooleanConstructor;
+default: undefined;
+};
 }>> & Readonly<{
 onSelect?: ((...args: any[]) => any) | undefined;
 "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -9030,12 +9038,12 @@ onSelect?: ((...args: any[]) => any) | undefined;
 "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
 "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
 "onSort-change"?: ((...args: any[]) => any) | undefined;
+"onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 "onCell-click"?: ((...args: any[]) => any) | undefined;
 "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
 "onRow-click"?: ((...args: any[]) => any) | undefined;
 "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
 "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-"onHeader-dragend "?: ((...args: any[]) => any) | undefined;
 }>, {
 sort: Record<string, any>;
 data: unknown[];
@@ -9049,6 +9057,7 @@ defaultExpandAll: boolean;
 expandSelectable: boolean;
 showHeader: boolean;
 rows: number;
+resizable: boolean;
 stripe: boolean;
 divider: boolean;
 showSummary: boolean;
@@ -9131,8 +9140,8 @@ tooltip: (StringConstructor | FunctionConstructor)[];
 }>> & Readonly<{}>, {
 type: string;
 reserveSelection: boolean;
-sortable: boolean;
 resizable: boolean;
+sortable: boolean;
 filterMultiple: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -13847,7 +13856,11 @@ type: ObjectConstructor;
 default: () => {};
 };
 delay: NumberConstructor;
-}>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-dragend ")[], "select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-dragend ", PublicProps, Readonly<ExtractPropTypes<    {
+resizable: {
+type: BooleanConstructor;
+default: undefined;
+};
+}>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "header-dragend" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick")[], "select" | "select-all" | "selection-change" | "expand-change" | "current-change" | "cell-mouse-enter" | "cell-mouse-leave" | "header-click" | "header-contextmenu" | "update:sort" | "sort-change" | "header-dragend" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick", PublicProps, Readonly<ExtractPropTypes<    {
 data: {
 type: ArrayConstructor;
 default: () => never[];
@@ -13919,6 +13932,10 @@ type: ObjectConstructor;
 default: () => {};
 };
 delay: NumberConstructor;
+resizable: {
+type: BooleanConstructor;
+default: undefined;
+};
 }>> & Readonly<{
 onSelect?: ((...args: any[]) => any) | undefined;
 "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -13931,12 +13948,12 @@ onSelect?: ((...args: any[]) => any) | undefined;
 "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
 "onUpdate:sort"?: ((...args: any[]) => any) | undefined;
 "onSort-change"?: ((...args: any[]) => any) | undefined;
+"onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 "onCell-click"?: ((...args: any[]) => any) | undefined;
 "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
 "onRow-click"?: ((...args: any[]) => any) | undefined;
 "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
 "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-"onHeader-dragend "?: ((...args: any[]) => any) | undefined;
 }>, {
 sort: Record<string, any>;
 data: unknown[];
@@ -13950,6 +13967,7 @@ defaultExpandAll: boolean;
 expandSelectable: boolean;
 showHeader: boolean;
 rows: number;
+resizable: boolean;
 stripe: boolean;
 divider: boolean;
 showSummary: boolean;
@@ -14032,8 +14050,8 @@ tooltip: (StringConstructor | FunctionConstructor)[];
 }>> & Readonly<{}>, {
 type: string;
 reserveSelection: boolean;
-sortable: boolean;
 resizable: boolean;
+sortable: boolean;
 filterMultiple: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 

package/dist/index.iife.js

@@ -10888,6 +10888,7 @@ var VcComponents = (function (exports, vue) {
 	    const minute = vue.ref('');
 	    const second = vue.ref('');
 	    const millisecond = vue.ref('');
+	    const isComplete = vue.ref(false);
 	    const showResult = vue.computed(() => {
 	      return !props.render && !slots.default;
 	    });
@@ -10960,15 +10961,18 @@ var VcComponents = (function (exports, vue) {
 
 	      if (timestamp <= 0) {
 	        stop();
-	        emit('change', {
-	          timestamp: 0,
-	          day: '00',
-	          hour: '00',
-	          minute: '00',
-	          second: '00',
-	          millisecond: '00'
-	        });
-	        emit('complete');
+	        if (!isComplete.value) {
+	          isComplete.value = true;
+	          emit('change', {
+	            timestamp: 0,
+	            day: '00',
+	            hour: '00',
+	            minute: '00',
+	            second: '00',
+	            millisecond: '00'
+	          });
+	          emit('complete');
+	        }
 	      } else {
 	        emit('change', {
 	          timestamp,
@@ -10983,6 +10987,8 @@ var VcComponents = (function (exports, vue) {
 	    const start = () => {
 	      if (targetTimestamp.value) {
 	        timer && clearInterval(timer);
+	        isComplete.value = false;
+	        run(); // 立即执行一次，界面马上展示当前数值
 	        timer = setInterval(run, T.value);
 	      }
 	    };
@@ -15201,10 +15207,11 @@ var VcComponents = (function (exports, vue) {
 	      "vc-scroller__wrapper"
 	    ];
 	  });
-	  const refreshSize = () => {
+	  const refreshSize = async () => {
 	    if (!wrapper.value) return;
 	    wrapperW.value = wrapper.value.clientWidth;
 	    wrapperH.value = wrapper.value.clientHeight;
+	    await vue.nextTick();
 	    contentH.value = wrapper.value.scrollHeight;
 	    contentW.value = wrapper.value.scrollWidth;
 	  };
@@ -23466,11 +23473,10 @@ var VcComponents = (function (exports, vue) {
 	      } = owner.exposed;
 	      return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
 	    });
-	    const searchRegex = vue.computed(() => {
-	      const v = owner.exposed.searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
-	      return new RegExp(`(${v.join('|')})`, 'i');
-	    });
 	    const isActive = vue.computed(() => {
+	      const {
+	        searchRegex
+	      } = owner.exposed;
 	      return !!(searchRegex.value.test(formatterLabel.value) || !props.filterable);
 	    });
 	    const customOptions = vue.computed(() => {
@@ -23696,6 +23702,10 @@ var VcComponents = (function (exports, vue) {
 	      const v = currentValue.value.length - props.maxTags;
 	      return v < 0 ? 0 : v;
 	    });
+	    const searchRegex = vue.computed(() => {
+	      const v = searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+	      return new RegExp(escapeString(`(${v.join('|')})`), 'i');
+	    });
 	    const optionMap = vue.ref({});
 	    const options = vue.computed(() => {
 	      return Object.values(optionMap.value);
@@ -23792,7 +23802,7 @@ var VcComponents = (function (exports, vue) {
 	      add,
 	      remove,
 	      close,
-	      searchValue,
+	      searchRegex,
 	      multiple,
 	      isActive,
 	      current: currentValue,
@@ -28181,6 +28191,10 @@ var VcComponents = (function (exports, vue) {
 	    sort: {
 	      type: Object,
 	      default: () => ({})
+	    },
+	    resizable: {
+	      type: Boolean,
+	      default: void 0
 	    }
 	  },
 	  setup(props) {
@@ -28189,6 +28203,13 @@ var VcComponents = (function (exports, vue) {
 	    const draggingColumn = vue.ref(null);
 	    const dragging = vue.ref(false);
 	    const dragState = vue.ref({});
+	    const allowDrag = vue.computed(() => {
+	      return typeof props.resizable === 'boolean' ? props.resizable : props.border;
+	    });
+	    const dragLineClass = vue.computed(() => {
+	      if (props.border || !props.resizable) return;
+	      return 'has-drag-line';
+	    });
 	    const states = useStates({
 	      columns: 'columns',
 	      isAllSelected: 'isAllSelected',
@@ -28292,10 +28313,10 @@ var VcComponents = (function (exports, vue) {
 	      if (IS_SERVER$1) return;
 	      if (column.children && column.children.length > 0) return;
 	      /* istanbul ignore if */
-	      if (draggingColumn.value && props.border) {
+	      if (draggingColumn.value && allowDrag.value) {
 	        dragging.value = true;
 	        table.resizeProxyVisible.value = true;
-	        const tableEl = table.vnode.el;
+	        const tableEl = table.tableWrapper.value;
 	        const tableLeft = tableEl.getBoundingClientRect().left;
 	        const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
 	        const columnRect = columnEl.getBoundingClientRect();
@@ -28324,15 +28345,14 @@ var VcComponents = (function (exports, vue) {
 	            } = dragState.value;
 	            const finalLeft = parseInt(resizeProxy.style.left, 10);
 	            const columnWidth = finalLeft - startColumnLeft;
-	            column.width = columnWidth;
-	            column.realWidth = column.width;
-	            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
+	            column.width = column.minWidth = column.realWidth = columnWidth;
+	            table.emit('header-dragend', column.width, startLeft - startColumnLeft, column);
 	            table.store.scheduleLayout();
 	            document.body.style.cursor = '';
 	            dragging.value = false;
 	            draggingColumn.value = null;
 	            dragState.value = {};
-	            table.resizeProxyVisible = false;
+	            table.resizeProxyVisible.value = false;
 	          }
 	          document.removeEventListener('mousemove', handleMouseMove);
 	          document.removeEventListener('mouseup', handleMouseUp);
@@ -28353,7 +28373,7 @@ var VcComponents = (function (exports, vue) {
 	        target = target.parentNode;
 	      }
 	      if (!column || !column.resizable) return;
-	      if (!dragging.value && props.border) {
+	      if (!dragging.value && allowDrag.value) {
 	        const rect = target.getBoundingClientRect();
 	        const bodyStyle = document.body.style;
 	        if (rect.width > 12 && rect.right - event.pageX < 8) {
@@ -28423,7 +28443,7 @@ var VcComponents = (function (exports, vue) {
 	        "style": [getHeaderCellStyle(rowIndex, columnIndex, columns, column), {
 	          width: `${column.realWidth}px`
 	        }],
-	        "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), 'vc-table__th'],
+	        "class": [getHeaderCellClass(rowIndex, columnIndex, columns, column), column.resizable && dragLineClass.value, 'vc-table__th'],
 	        "key": column.id
 	      }, [vue.createVNode("div", {
 	        "class": ['vc-table__cell',
@@ -28660,7 +28680,11 @@ var VcComponents = (function (exports, vue) {
 	    default: () => ({})
 	  },
 	  // 用于延迟渲染，用于计算高度
-	  delay: Number
+	  delay: Number,
+	  resizable: {
+	    type: Boolean,
+	    default: void 0
+	  }
 	};
 
 	/** @jsxImportSource vue */
@@ -28669,7 +28693,7 @@ var VcComponents = (function (exports, vue) {
 	const Table$1 = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$j,
 	  props: props$d,
-	  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend ', 'expand-change', 'sort-change', 'update:sort'],
+	  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend', 'expand-change', 'sort-change', 'update:sort'],
 	  setup(props, {
 	    slots,
 	    expose,
@@ -28690,7 +28714,7 @@ var VcComponents = (function (exports, vue) {
 	      width: null,
 	      height: null
 	    });
-
+	    const tableWrapper = vue.ref(null);
 	    // refs
 	    const hiddenColumns = vue.ref(null);
 	    const headerWrapper = vue.ref(null);
@@ -29048,6 +29072,7 @@ var VcComponents = (function (exports, vue) {
 	      toggleRowExpansion,
 	      clearSelection,
 	      scroller,
+	      tableWrapper,
 	      headerWrapper,
 	      appendWrapper,
 	      footerWrapper,
@@ -29058,12 +29083,15 @@ var VcComponents = (function (exports, vue) {
 	      renderExpanded,
 	      hiddenColumns,
 	      props,
-	      emit
+	      emit,
+	      resizeProxy,
+	      resizeProxyVisible
 	    };
 	    expose(exposed);
 	    vue.provide('vc-table', exposed);
 	    return () => {
 	      return vue.createVNode("div", {
+	        "ref": tableWrapper,
 	        "class": [classes.value, tableId, 'vc-table'],
 	        "onMouseleave": handleMouseLeave
 	      }, [vue.createVNode("div", {
@@ -29075,6 +29103,7 @@ var VcComponents = (function (exports, vue) {
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": tableHeader,
 	        "border": props.border,
+	        "resizable": props.resizable,
 	        "sort": props.sort,
 	        "style": bodyWidthStyle.value
 	      }, null)]), states.columns.length > 0 && vue.createVNode(ScrollerWheel, {
@@ -29092,15 +29121,10 @@ var VcComponents = (function (exports, vue) {
 	          "style": [bodyWidthStyle.value],
 	          "height-style": [bodyHeightStyle.value],
 	          "onScroll": handleScollY
-	        }, null), props.data.length === 0 && vue.createVNode("div", {
-	          "ref": emptyBlock,
-	          "style": bodyWidthStyle.value,
-	          "class": [{
-	            'is-absolute': !!props.height
-	          }, 'vc-table__empty-wrapper']
-	        }, [vue.createVNode("span", {
-	          "class": "vc-table__empty-text"
-	        }, [slots.empty ? slots.empty() : props.emptyText || '暂无数据'])]), slots.append && vue.createVNode("div", {
+	        }, null), props.data.length === 0 && !props.height && vue.createVNode("div", {
+	          "class": "vc-table__empty-placeholder",
+	          "style": [bodyWidthStyle.value]
+	        }, null), slots.append && vue.createVNode("div", {
 	          "ref": appendWrapper,
 	          "class": "vc-table__append-wrapper"
 	        }, [slots.append()])]
@@ -29124,6 +29148,7 @@ var VcComponents = (function (exports, vue) {
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": leftFixedTableHeader,
 	        "border": props.border,
+	        "resizable": props.resizable,
 	        "sort": props.sort,
 	        "style": bodyWidthStyle.value,
 	        "fixed": "left"
@@ -29163,6 +29188,7 @@ var VcComponents = (function (exports, vue) {
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": rightFixedTableHeader,
 	        "border": props.border,
+	        "resizable": props.resizable,
 	        "sort": props.sort,
 	        "style": bodyWidthStyle.value,
 	        "fixed": "right"
@@ -29190,7 +29216,14 @@ var VcComponents = (function (exports, vue) {
 	        "get-summary": props.getSummary,
 	        "style": bodyWidthStyle.value,
 	        "fixed": "right"
-	      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), vue.withDirectives(vue.createVNode("div", {
+	      }, null)]), [[vue.vShow, props.data && props.data.length > 0]])]), props.data.length === 0 && vue.createVNode("div", {
+	        "ref": emptyBlock,
+	        "class": [{
+	          'has-height': !!props.height
+	        }, 'vc-table__empty-wrapper']
+	      }, [slots.empty ? slots.empty() : vue.createVNode("span", {
+	        "class": "vc-table__empty-text"
+	      }, [props.emptyText || '暂无数据'])]), vue.withDirectives(vue.createVNode("div", {
 	        "ref": resizeProxy,
 	        "class": "vc-table__column-resize-proxy"
 	      }, null), [[vue.vShow, resizeProxyVisible.value]])]);