@deot/vc 1.0.61 → 1.0.63

package/dist/index.d.ts

@@ -10179,7 +10179,11 @@ export declare const Components: {
     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[];
@@ -10251,6 +10255,10 @@ export declare const Components: {
     default: () => {};
     };
     delay: NumberConstructor;
+    resizable: {
+    type: BooleanConstructor;
+    default: undefined;
+    };
     }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -10263,12 +10271,12 @@ export declare const Components: {
     "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[];
@@ -10282,6 +10290,7 @@ export declare const Components: {
     expandSelectable: boolean;
     showHeader: boolean;
     rows: number;
+    resizable: boolean;
     stripe: boolean;
     divider: boolean;
     showSummary: boolean;
@@ -10360,7 +10369,11 @@ export declare const Components: {
     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[];
@@ -10432,6 +10445,10 @@ export declare const Components: {
     default: () => {};
     };
     delay: NumberConstructor;
+    resizable: {
+    type: BooleanConstructor;
+    default: undefined;
+    };
     }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onSelect-all"?: ((...args: any[]) => any) | undefined;
@@ -10444,12 +10461,12 @@ export declare const Components: {
     "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[];
@@ -10463,6 +10480,7 @@ export declare const Components: {
     expandSelectable: boolean;
     showHeader: boolean;
     rows: number;
+    resizable: boolean;
     stripe: boolean;
     divider: boolean;
     showSummary: boolean;
@@ -10544,8 +10562,8 @@ export declare const Components: {
     }>> & Readonly<{}>, {
     type: string;
     reserveSelection: boolean;
-    sortable: boolean;
     resizable: boolean;
+    sortable: boolean;
     filterMultiple: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     MTableColumn: DefineComponent<ExtractPropTypes<    {
@@ -10623,8 +10641,8 @@ export declare const Components: {
     }>> & Readonly<{}>, {
     type: string;
     reserveSelection: boolean;
-    sortable: boolean;
     resizable: boolean;
+    sortable: boolean;
     filterMultiple: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Tabs: DefineComponent<ExtractPropTypes<    {

package/dist/index.iife.js

@@ -12993,9 +12993,9 @@ var Vc = (function (exports, vue) {
           chart.value.group = props2.group;
         }
         chart.value.setOption(manualOptions.value || props2.options || {}, true);
-        EVENTS$1.forEach((event2) => {
-          chart.value.on(event2, (params) => {
-            emit(event2, params);
+        EVENTS$1.forEach((event) => {
+          chart.value.on(event, (params) => {
+            emit(event, params);
           });
         });
         if (props2.resize !== false) {
@@ -14067,6 +14067,7 @@ var Vc = (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 !props2.render && !slots.default;
       });
@@ -14132,15 +14133,18 @@ var Vc = (function (exports, vue) {
         millisecond.value = String(Math.floor(timestamp % 1e3 / (1e3 / msDividend.value)));
         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,
@@ -14155,6 +14159,8 @@ var Vc = (function (exports, vue) {
       const start = () => {
         if (targetTimestamp.value) {
           timer && clearInterval(timer);
+          isComplete.value = false;
+          run();
           timer = setInterval(run, T.value);
         }
       };
@@ -15823,8 +15829,8 @@ var Vc = (function (exports, vue) {
         const offsetFromStart = row * 7 + column - offsetDay.value;
         return nextDate(startDate.value, offsetFromStart);
       };
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -15858,23 +15864,23 @@ var Vc = (function (exports, vue) {
         }
         return classes.join(" ");
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell,
           row,
           column
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled || cell.type === "week") return;
         const newDate = getDateOfCell(row, column);
         emit("pick", newDate, cell);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell,
           row,
           column
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         const newDate = getDateOfCell(row, column);
@@ -15965,8 +15971,8 @@ var Vc = (function (exports, vue) {
         }
         return $rows;
       });
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -15998,18 +16004,18 @@ var Vc = (function (exports, vue) {
         }
         return classes.join(" ");
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled) return;
         emit("pick", cell.date);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         emit("range-change", cell.date);
@@ -16126,8 +16132,8 @@ var Vc = (function (exports, vue) {
         }
         return classes.join(" ");
       };
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -16143,18 +16149,18 @@ var Vc = (function (exports, vue) {
           column
         };
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled) return;
         emit("pick", cell.dates);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         emit("range-change", cell.dates);
@@ -18219,10 +18225,11 @@ var Vc = (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;
     };
@@ -22820,11 +22827,10 @@ var Vc = (function (exports, vue) {
         } = owner.exposed;
         return !multiple.value ? true : current.value.slice(-1)[0] === props2.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) || !props2.filterable);
       });
       const customOptions = vue.computed(() => {
@@ -23025,6 +23031,10 @@ var Vc = (function (exports, vue) {
         const v = currentValue.value.length - props2.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);
@@ -23111,7 +23121,7 @@ var Vc = (function (exports, vue) {
         add,
         remove,
         close,
-        searchValue,
+        searchRegex,
         multiple,
         isActive,
         current: currentValue,
@@ -27198,6 +27208,10 @@ var Vc = (function (exports, vue) {
       sort: {
         type: Object,
         default: () => ({})
+      },
+      resizable: {
+        type: Boolean,
+        default: void 0
       }
     },
     setup(props2) {
@@ -27206,6 +27220,13 @@ var Vc = (function (exports, vue) {
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
       const dragState = vue.ref({});
+      const allowDrag = vue.computed(() => {
+        return typeof props2.resizable === "boolean" ? props2.resizable : props2.border;
+      });
+      const dragLineClass = vue.computed(() => {
+        if (props2.border || !props2.resizable) return;
+        return "has-drag-line";
+      });
       const states = useStates({
         columns: "columns",
         isAllSelected: "isAllSelected",
@@ -27308,10 +27329,10 @@ var Vc = (function (exports, vue) {
       const handleMouseDown = (e, column) => {
         if (IS_SERVER$3) return;
         if (column.children && column.children.length > 0) return;
-        if (draggingColumn.value && props2.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();
@@ -27340,15 +27361,14 @@ var Vc = (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", handleMouseMove2);
             document.removeEventListener("mouseup", handleMouseUp);
@@ -27362,17 +27382,17 @@ var Vc = (function (exports, vue) {
           document.addEventListener("mouseup", handleMouseUp);
         }
       };
-      const handleMouseMove = (event2, column) => {
+      const handleMouseMove = (event, column) => {
         if (column.children && column.children.length > 0) return;
-        let target = event2.target;
+        let target = event.target;
         while (target && !target.classList?.contains?.("vc-table__th")) {
           target = target.parentNode;
         }
         if (!column || !column.resizable) return;
-        if (!dragging.value && props2.border) {
+        if (!dragging.value && allowDrag.value) {
           const rect = target.getBoundingClientRect();
           const bodyStyle = document.body.style;
-          if (rect.width > 12 && rect.right - event2.pageX < 8) {
+          if (rect.width > 12 && rect.right - event.pageX < 8) {
             bodyStyle.cursor = "col-resize";
             if (hasClass(target, "is-sortable")) {
               target.style.cursor = "col-resize";
@@ -27439,7 +27459,7 @@ var Vc = (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": [
@@ -27677,13 +27697,17 @@ var Vc = (function (exports, vue) {
       default: () => ({})
     },
     // 用于延迟渲染，用于计算高度
-    delay: Number
+    delay: Number,
+    resizable: {
+      type: Boolean,
+      default: void 0
+    }
   };
   const COMPONENT_NAME$j = "vc-table";
   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(props2, {
       slots,
       expose,
@@ -27702,6 +27726,7 @@ var Vc = (function (exports, vue) {
         width: null,
         height: null
       });
+      const tableWrapper = vue.ref(null);
       const hiddenColumns = vue.ref(null);
       const headerWrapper = vue.ref(null);
       const tableHeader = vue.ref(null);
@@ -28039,6 +28064,7 @@ var Vc = (function (exports, vue) {
         toggleRowExpansion,
         clearSelection,
         scroller,
+        tableWrapper,
         headerWrapper,
         appendWrapper,
         footerWrapper,
@@ -28049,12 +28075,15 @@ var Vc = (function (exports, vue) {
         renderExpanded,
         hiddenColumns,
         props: props2,
-        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", {
@@ -28066,6 +28095,7 @@ var Vc = (function (exports, vue) {
         }, [vue.createVNode(TableHeader, {
           "ref": tableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value
         }, null)]), states.columns.length > 0 && vue.createVNode(ScrollerWheel, {
@@ -28083,15 +28113,10 @@ var Vc = (function (exports, vue) {
             "style": [bodyWidthStyle.value],
             "height-style": [bodyHeightStyle.value],
             "onScroll": handleScollY
-          }, null), props2.data.length === 0 && vue.createVNode("div", {
-            "ref": emptyBlock,
-            "style": bodyWidthStyle.value,
-            "class": [{
-              "is-absolute": !!props2.height
-            }, "vc-table__empty-wrapper"]
-          }, [vue.createVNode("span", {
-            "class": "vc-table__empty-text"
-          }, [slots.empty ? slots.empty() : props2.emptyText || "暂无数据"])]), slots.append && vue.createVNode("div", {
+          }, null), props2.data.length === 0 && !props2.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()])]
@@ -28115,6 +28140,7 @@ var Vc = (function (exports, vue) {
         }, [vue.createVNode(TableHeader, {
           "ref": leftFixedTableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value,
           "fixed": "left"
@@ -28154,6 +28180,7 @@ var Vc = (function (exports, vue) {
         }, [vue.createVNode(TableHeader, {
           "ref": rightFixedTableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value,
           "fixed": "right"
@@ -28181,7 +28208,14 @@ var Vc = (function (exports, vue) {
           "get-summary": props2.getSummary,
           "style": bodyWidthStyle.value,
           "fixed": "right"
-        }, null)]), [[vue.vShow, props2.data && props2.data.length > 0]])]), vue.withDirectives(vue.createVNode("div", {
+        }, null)]), [[vue.vShow, props2.data && props2.data.length > 0]])]), props2.data.length === 0 && vue.createVNode("div", {
+          "ref": emptyBlock,
+          "class": [{
+            "has-height": !!props2.height
+          }, "vc-table__empty-wrapper"]
+        }, [slots.empty ? slots.empty() : vue.createVNode("span", {
+          "class": "vc-table__empty-text"
+        }, [props2.emptyText || "暂无数据"])]), vue.withDirectives(vue.createVNode("div", {
           "ref": resizeProxy,
           "class": "vc-table__column-resize-proxy"
         }, null), [[vue.vShow, resizeProxyVisible.value]])]);

package/dist/index.umd.cjs

@@ -12996,9 +12996,9 @@
           chart.value.group = props2.group;
         }
         chart.value.setOption(manualOptions.value || props2.options || {}, true);
-        EVENTS$1.forEach((event2) => {
-          chart.value.on(event2, (params) => {
-            emit(event2, params);
+        EVENTS$1.forEach((event) => {
+          chart.value.on(event, (params) => {
+            emit(event, params);
           });
         });
         if (props2.resize !== false) {
@@ -14070,6 +14070,7 @@
       const minute = vue.ref("");
       const second = vue.ref("");
       const millisecond = vue.ref("");
+      const isComplete = vue.ref(false);
       const showResult = vue.computed(() => {
         return !props2.render && !slots.default;
       });
@@ -14135,15 +14136,18 @@
         millisecond.value = String(Math.floor(timestamp % 1e3 / (1e3 / msDividend.value)));
         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,
@@ -14158,6 +14162,8 @@
       const start = () => {
         if (targetTimestamp.value) {
           timer && clearInterval(timer);
+          isComplete.value = false;
+          run();
           timer = setInterval(run, T.value);
         }
       };
@@ -15826,8 +15832,8 @@
         const offsetFromStart = row * 7 + column - offsetDay.value;
         return nextDate(startDate.value, offsetFromStart);
       };
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -15861,23 +15867,23 @@
         }
         return classes.join(" ");
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell,
           row,
           column
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled || cell.type === "week") return;
         const newDate = getDateOfCell(row, column);
         emit("pick", newDate, cell);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell,
           row,
           column
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         const newDate = getDateOfCell(row, column);
@@ -15968,8 +15974,8 @@
         }
         return $rows;
       });
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -16001,18 +16007,18 @@
         }
         return classes.join(" ");
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled) return;
         emit("pick", cell.date);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         emit("range-change", cell.date);
@@ -16129,8 +16135,8 @@
         }
         return classes.join(" ");
       };
-      const getCell2 = (event2) => {
-        let target = event2.target;
+      const getCell2 = (event) => {
+        let target = event.target;
         if (target.tagName === "SPAN") {
           target = target.parentNode.parentNode;
         }
@@ -16146,18 +16152,18 @@
           column
         };
       };
-      const handleClick = (event2) => {
+      const handleClick = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (cell.disabled) return;
         emit("pick", cell.dates);
       };
-      const handleMouseMove = (event2) => {
+      const handleMouseMove = (event) => {
         const {
           cell
-        } = getCell2(event2);
+        } = getCell2(event);
         if (!cell) return;
         if (!props2.rangeState.selecting || cell.disabled) return;
         emit("range-change", cell.dates);
@@ -18222,10 +18228,11 @@
         "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;
     };
@@ -22823,11 +22830,10 @@
         } = owner.exposed;
         return !multiple.value ? true : current.value.slice(-1)[0] === props2.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) || !props2.filterable);
       });
       const customOptions = vue.computed(() => {
@@ -23028,6 +23034,10 @@
         const v = currentValue.value.length - props2.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);
@@ -23114,7 +23124,7 @@
         add,
         remove,
         close,
-        searchValue,
+        searchRegex,
         multiple,
         isActive,
         current: currentValue,
@@ -27201,6 +27211,10 @@
       sort: {
         type: Object,
         default: () => ({})
+      },
+      resizable: {
+        type: Boolean,
+        default: void 0
       }
     },
     setup(props2) {
@@ -27209,6 +27223,13 @@
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
       const dragState = vue.ref({});
+      const allowDrag = vue.computed(() => {
+        return typeof props2.resizable === "boolean" ? props2.resizable : props2.border;
+      });
+      const dragLineClass = vue.computed(() => {
+        if (props2.border || !props2.resizable) return;
+        return "has-drag-line";
+      });
       const states = useStates({
         columns: "columns",
         isAllSelected: "isAllSelected",
@@ -27311,10 +27332,10 @@
       const handleMouseDown = (e, column) => {
         if (IS_SERVER$3) return;
         if (column.children && column.children.length > 0) return;
-        if (draggingColumn.value && props2.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();
@@ -27343,15 +27364,14 @@
               } = 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", handleMouseMove2);
             document.removeEventListener("mouseup", handleMouseUp);
@@ -27365,17 +27385,17 @@
           document.addEventListener("mouseup", handleMouseUp);
         }
       };
-      const handleMouseMove = (event2, column) => {
+      const handleMouseMove = (event, column) => {
         if (column.children && column.children.length > 0) return;
-        let target = event2.target;
+        let target = event.target;
         while (target && !target.classList?.contains?.("vc-table__th")) {
           target = target.parentNode;
         }
         if (!column || !column.resizable) return;
-        if (!dragging.value && props2.border) {
+        if (!dragging.value && allowDrag.value) {
           const rect = target.getBoundingClientRect();
           const bodyStyle = document.body.style;
-          if (rect.width > 12 && rect.right - event2.pageX < 8) {
+          if (rect.width > 12 && rect.right - event.pageX < 8) {
             bodyStyle.cursor = "col-resize";
             if (hasClass(target, "is-sortable")) {
               target.style.cursor = "col-resize";
@@ -27442,7 +27462,7 @@
             "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": [
@@ -27680,13 +27700,17 @@
       default: () => ({})
     },
     // 用于延迟渲染，用于计算高度
-    delay: Number
+    delay: Number,
+    resizable: {
+      type: Boolean,
+      default: void 0
+    }
   };
   const COMPONENT_NAME$j = "vc-table";
   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(props2, {
       slots,
       expose,
@@ -27705,6 +27729,7 @@
         width: null,
         height: null
       });
+      const tableWrapper = vue.ref(null);
       const hiddenColumns = vue.ref(null);
       const headerWrapper = vue.ref(null);
       const tableHeader = vue.ref(null);
@@ -28042,6 +28067,7 @@
         toggleRowExpansion,
         clearSelection,
         scroller,
+        tableWrapper,
         headerWrapper,
         appendWrapper,
         footerWrapper,
@@ -28052,12 +28078,15 @@
         renderExpanded,
         hiddenColumns,
         props: props2,
-        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", {
@@ -28069,6 +28098,7 @@
         }, [vue.createVNode(TableHeader, {
           "ref": tableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value
         }, null)]), states.columns.length > 0 && vue.createVNode(ScrollerWheel, {
@@ -28086,15 +28116,10 @@
             "style": [bodyWidthStyle.value],
             "height-style": [bodyHeightStyle.value],
             "onScroll": handleScollY
-          }, null), props2.data.length === 0 && vue.createVNode("div", {
-            "ref": emptyBlock,
-            "style": bodyWidthStyle.value,
-            "class": [{
-              "is-absolute": !!props2.height
-            }, "vc-table__empty-wrapper"]
-          }, [vue.createVNode("span", {
-            "class": "vc-table__empty-text"
-          }, [slots.empty ? slots.empty() : props2.emptyText || "暂无数据"])]), slots.append && vue.createVNode("div", {
+          }, null), props2.data.length === 0 && !props2.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()])]
@@ -28118,6 +28143,7 @@
         }, [vue.createVNode(TableHeader, {
           "ref": leftFixedTableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value,
           "fixed": "left"
@@ -28157,6 +28183,7 @@
         }, [vue.createVNode(TableHeader, {
           "ref": rightFixedTableHeader,
           "border": props2.border,
+          "resizable": props2.resizable,
           "sort": props2.sort,
           "style": bodyWidthStyle.value,
           "fixed": "right"
@@ -28184,7 +28211,14 @@
           "get-summary": props2.getSummary,
           "style": bodyWidthStyle.value,
           "fixed": "right"
-        }, null)]), [[vue.vShow, props2.data && props2.data.length > 0]])]), vue.withDirectives(vue.createVNode("div", {
+        }, null)]), [[vue.vShow, props2.data && props2.data.length > 0]])]), props2.data.length === 0 && vue.createVNode("div", {
+          "ref": emptyBlock,
+          "class": [{
+            "has-height": !!props2.height
+          }, "vc-table__empty-wrapper"]
+        }, [slots.empty ? slots.empty() : vue.createVNode("span", {
+          "class": "vc-table__empty-text"
+        }, [props2.emptyText || "暂无数据"])]), vue.withDirectives(vue.createVNode("div", {
           "ref": resizeProxy,
           "class": "vc-table__column-resize-proxy"
         }, null), [[vue.vShow, resizeProxyVisible.value]])]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.61",
+  "version": "1.0.63",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.61",
-    "@deot/vc-hooks": "^1.0.61",
-    "@deot/vc-shared": "^1.0.61"
+    "@deot/vc-components": "^1.0.63",
+    "@deot/vc-hooks": "^1.0.63",
+    "@deot/vc-shared": "^1.0.63"
   },
   "peerDependencies": {
     "vue": "*"