@deot/vc 1.0.12 → 1.0.14

package/dist/index.d.ts

@@ -4175,7 +4175,7 @@ export declare const Components: {
         validator: (v: string) => boolean;
         default: string;
         };
-        portalClass: (ObjectConstructor | StringConstructor)[];
+        contentClass: (ObjectConstructor | StringConstructor)[];
         width: {
         type: NumberConstructor;
         };
@@ -4223,6 +4223,10 @@ export declare const Components: {
         type: BooleanConstructor;
         default: boolean;
         };
+        border: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         onOk: {
         type: FunctionConstructor;
         };
@@ -4242,6 +4246,7 @@ export declare const Components: {
         mask: boolean;
         modelValue: boolean;
         closable: boolean;
+        border: boolean;
         content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
         maskClosable: boolean;
         scrollable: boolean;
@@ -4275,7 +4280,7 @@ export declare const Components: {
         validator: (v: string) => boolean;
         default: string;
         };
-        portalClass: (ObjectConstructor | StringConstructor)[];
+        contentClass: (ObjectConstructor | StringConstructor)[];
         width: {
         type: NumberConstructor;
         };
@@ -4323,6 +4328,10 @@ export declare const Components: {
         type: BooleanConstructor;
         default: boolean;
         };
+        border: {
+        type: BooleanConstructor;
+        default: boolean;
+        };
         onOk: {
         type: FunctionConstructor;
         };
@@ -4342,6 +4351,7 @@ export declare const Components: {
         mask: boolean;
         modelValue: boolean;
         closable: boolean;
+        border: boolean;
         content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
         maskClosable: boolean;
         scrollable: boolean;
@@ -4372,7 +4382,7 @@ export declare const Components: {
     validator: (v: string) => boolean;
     default: string;
     };
-    portalClass: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
     type: NumberConstructor;
     };
@@ -4420,6 +4430,10 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    border: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4439,6 +4453,7 @@ export declare const Components: {
     mask: boolean;
     modelValue: boolean;
     closable: boolean;
+    border: boolean;
     content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
     maskClosable: boolean;
     scrollable: boolean;
@@ -4455,6 +4470,7 @@ export declare const Components: {
             mask: boolean;
             modelValue: boolean;
             closable: boolean;
+            border: boolean;
             content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
             maskClosable: boolean;
             scrollable: boolean;
@@ -4467,10 +4483,10 @@ export declare const Components: {
             title?: string | undefined;
             mode?: "error" | "success" | "info" | "warning" | undefined;
             onCancel?: Function | undefined;
-            portalClass?: string | Record<string, any> | undefined;
             width?: number | undefined;
             wrapperStyle?: string | Record<string, any> | undefined;
             onOk?: Function | undefined;
+            contentClass?: string | Record<string, any> | undefined;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -4480,6 +4496,7 @@ export declare const Components: {
             mask: boolean;
             modelValue: boolean;
             closable: boolean;
+            border: boolean;
             content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
             maskClosable: boolean;
             scrollable: boolean;
@@ -4492,10 +4509,10 @@ export declare const Components: {
             title?: string | undefined;
             mode?: "error" | "success" | "info" | "warning" | undefined;
             onCancel?: Function | undefined;
-            portalClass?: string | Record<string, any> | undefined;
             width?: number | undefined;
             wrapperStyle?: string | Record<string, any> | undefined;
             onOk?: Function | undefined;
+            contentClass?: string | Record<string, any> | undefined;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -4505,6 +4522,7 @@ export declare const Components: {
             mask: boolean;
             modelValue: boolean;
             closable: boolean;
+            border: boolean;
             content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
             maskClosable: boolean;
             scrollable: boolean;
@@ -4517,10 +4535,10 @@ export declare const Components: {
             title?: string | undefined;
             mode?: "error" | "success" | "info" | "warning" | undefined;
             onCancel?: Function | undefined;
-            portalClass?: string | Record<string, any> | undefined;
             width?: number | undefined;
             wrapperStyle?: string | Record<string, any> | undefined;
             onOk?: Function | undefined;
+            contentClass?: string | Record<string, any> | undefined;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -4530,6 +4548,7 @@ export declare const Components: {
             mask: boolean;
             modelValue: boolean;
             closable: boolean;
+            border: boolean;
             content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
             maskClosable: boolean;
             scrollable: boolean;
@@ -4542,10 +4561,10 @@ export declare const Components: {
             title?: string | undefined;
             mode?: "error" | "success" | "info" | "warning" | undefined;
             onCancel?: Function | undefined;
-            portalClass?: string | Record<string, any> | undefined;
             width?: number | undefined;
             wrapperStyle?: string | Record<string, any> | undefined;
             onOk?: Function | undefined;
+            contentClass?: string | Record<string, any> | undefined;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -4569,7 +4588,7 @@ export declare const Components: {
     validator: (v: string) => boolean;
     default: string;
     };
-    portalClass: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
     type: NumberConstructor;
     };
@@ -4617,6 +4636,10 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    border: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4641,7 +4664,7 @@ export declare const Components: {
     validator: (v: string) => boolean;
     default: string;
     };
-    portalClass: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
     type: NumberConstructor;
     };
@@ -4689,6 +4712,10 @@ export declare const Components: {
     type: BooleanConstructor;
     default: boolean;
     };
+    border: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -4708,6 +4735,7 @@ export declare const Components: {
     mask: boolean;
     modelValue: boolean;
     closable: boolean;
+    border: boolean;
     content: string | ((props: Record<string, unknown>, context: SetupContext) => any);
     maskClosable: boolean;
     scrollable: boolean;

package/dist/index.iife.js

@@ -24841,7 +24841,7 @@ var Vc = (function (exports, vue) {
   });
   const COMPONENT_NAME$1T = "vc-alert";
   const THEME_MAP = {
-    info: ["#5495f6", "#91d5ff", "#e6f7ff"],
+    info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
     error: ["#ed4014", "#ffb08f", "#fbe9e9"],
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
@@ -33841,7 +33841,7 @@ var Vc = (function (exports, vue) {
       validator: (v) => /(small|medium|large)/.test(v),
       default: "small"
     },
-    portalClass: [Object, String],
+    contentClass: [Object, String],
     width: {
       type: Number
     },
@@ -33890,6 +33890,10 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: true
     },
+    border: {
+      type: Boolean,
+      default: false
+    },
     /**
      * 兼容portal设计, 实现Promise方式
      */
@@ -34142,7 +34146,8 @@ var Vc = (function (exports, vue) {
             "class": [{
               "is-drag": props2.draggable,
               "is-large": props2.size === "large" || props2.size === "medium",
-              "is-no-footer": !props2.footer || !props2.cancelText && !props2.okText
+              "has-footer": props2.footer && (props2.cancelText || props2.okText),
+              "has-border": props2.border
             }, "vc-modal__container"],
             "style": [basicStyle.value, draggableStyle.value]
           }, [vue.createVNode("div", {
@@ -34174,7 +34179,7 @@ var Vc = (function (exports, vue) {
                 "height": isTransitionEnd.value ? row.height : void 0,
                 "contentClass": [{
                   "is-confirm": props2.mode
-                }, props2.portalClass, "vc-modal__content"]
+                }, props2.contentClass, "vc-modal__content"]
               }, {
                 default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
                   "innerHTML": props2.content
@@ -35558,7 +35563,7 @@ var Vc = (function (exports, vue) {
     color: {
       type: [Object, String],
       default: () => ({
-        normal: "#5495f6",
+        normal: "#2B72FD",
         success: "#52c41a",
         error: "#f5222d"
       })
@@ -36705,6 +36710,8 @@ var Vc = (function (exports, vue) {
         });
         if (!originalData.length) {
           rebuildData.value = [];
+        } else {
+          rebuildData.value = originalData.slice();
         }
         offsetPageSize.value = 0;
         await refreshLayout(0, originalData.length);
@@ -37811,17 +37818,24 @@ var Vc = (function (exports, vue) {
       const dataInstanceChanged = this.states._data !== data;
       this.states._data = data;
       this.states.data = data;
+      const caches = /* @__PURE__ */ new Map();
+      this.states.list.forEach((item) => {
+        item.rows.forEach((row) => {
+          caches.set(row.data, row);
+        });
+      });
       this.states.list = data.reduce((pre, row, index) => {
+        const cache = caches.get(row) || { heightMap: {} };
         pre.push({
           rows: [
             {
               index,
               data: row,
-              height: "",
+              height: cache.height || "",
               heightMap: {
-                left: "",
-                main: "",
-                right: ""
+                left: cache.heightMap.left || "",
+                main: cache.heightMap.main || "",
+                right: cache.heightMap.right || ""
               }
             }
           ],
@@ -37829,6 +37843,7 @@ var Vc = (function (exports, vue) {
         });
         return pre;
       }, []);
+      caches.clear();
       this.current.update();
       this.expand.update();
       if (!this.states.reserveSelection) {
@@ -37962,12 +37977,12 @@ var Vc = (function (exports, vue) {
      */
     cleanSelection() {
       const { primaryKey } = this.table.props;
-      const { selection = [] } = this.states;
+      const { selection = [], data } = this.states;
       let deleted;
       if (primaryKey) {
         deleted = [];
         const selectedMap = getValuesMap(selection, primaryKey);
-        const dataMap = getValuesMap(selection, primaryKey);
+        const dataMap = getValuesMap(data, primaryKey);
         for (const key in selectedMap) {
           if (hasOwn$1(selectedMap, key) && !dataMap[key]) {
             deleted.push(selectedMap[key].row);
@@ -38138,8 +38153,10 @@ var Vc = (function (exports, vue) {
   const NormalList = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$h,
     props: {
-      data: Array,
-      default: () => []
+      data: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["row-resize"],
     setup(props2, {
@@ -38180,7 +38197,7 @@ var Vc = (function (exports, vue) {
       expose
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const states = useStates({
         data: "data",
         list: "list",
@@ -38304,7 +38321,7 @@ var Vc = (function (exports, vue) {
             column,
             row
           };
-          table.exposed.hoverState.value = hoverState;
+          table.hoverState.value = hoverState;
           table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, e);
         }
         const cellChild = e.target.querySelector(".vc-table__cell");
@@ -38333,7 +38350,7 @@ var Vc = (function (exports, vue) {
       const handleCellMouseLeave = (e) => {
         const cell = getCell(e);
         if (!cell) return;
-        const oldHoverState = table.exposed.hoverState.value || {};
+        const oldHoverState = table.hoverState.value || {};
         table.emit("cell-mouse-leave", oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
       };
       const handleMouseEnter = debounce$1((index) => {
@@ -38371,6 +38388,7 @@ var Vc = (function (exports, vue) {
           columns
         } = states;
         const key = getValueOfRow(row, rowIndex);
+        const selected = props2.store.isSelected(row);
         return vue.createVNode("div", {
           "key": key,
           "class": [getRowClass(row, rowIndex), "vc-table__tr"],
@@ -38391,10 +38409,12 @@ var Vc = (function (exports, vue) {
           };
           if (columnsHidden.value[columnIndex]) {
             return vue.createVNode("div", {
+              "key": column.id,
               "style": [sizeStyle]
             }, null);
           }
           return vue.createVNode("div", {
+            "key": column.id,
             "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
             "class": [getCellClass(rowIndex, columnIndex, row, column), "vc-table__td"],
             "onMouseenter": (e) => handleCellMouseEnter(e, row),
@@ -38404,7 +38424,8 @@ var Vc = (function (exports, vue) {
             column,
             rowIndex,
             columnIndex,
-            store: props2.store
+            store: props2.store,
+            selected
           })]);
         })]);
       };
@@ -38438,7 +38459,7 @@ var Vc = (function (exports, vue) {
         wrapper,
         getRootElement: () => instance.vnode.el
       });
-      const layout = table.exposed.layout;
+      const layout = table.layout;
       return () => {
         return vue.createVNode("div", {
           "class": "vc-table__body"
@@ -38448,7 +38469,7 @@ var Vc = (function (exports, vue) {
           "disabled": true,
           "class": "vc-table__tbody",
           "scrollerOptions": {
-            barTo: `.${table.exposed.tableId}`,
+            barTo: `.${table.tableId}`,
             native: false,
             always: false,
             showBar: !props2.fixed,
@@ -38500,7 +38521,7 @@ var Vc = (function (exports, vue) {
       }
     },
     setup(props2) {
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const instance = vue.getCurrentInstance();
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
@@ -38606,7 +38627,7 @@ var Vc = (function (exports, vue) {
         if (column.children && column.children.length > 0) return;
         if (draggingColumn.value && props2.border) {
           dragging.value = true;
-          table.exposed.resizeProxyVisible.value = true;
+          table.resizeProxyVisible.value = true;
           const tableEl = table.vnode.el;
           const tableLeft = tableEl.getBoundingClientRect().left;
           const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
@@ -38619,7 +38640,7 @@ var Vc = (function (exports, vue) {
             startColumnLeft: columnRect.left - tableLeft,
             tableLeft
           };
-          const resizeProxy = table.exposed.resizeProxy.value;
+          const resizeProxy = table.resizeProxy.value;
           resizeProxy.style.left = dragState.value.startLeft + "px";
           document.onselectstart = () => false;
           document.ondragstart = () => false;
@@ -38976,7 +38997,8 @@ var Vc = (function (exports, vue) {
     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"],
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const instance = vue.getCurrentInstance();
       const store = new Store({
@@ -39088,7 +39110,8 @@ var Vc = (function (exports, vue) {
             };
           }
           return {
-            height: layout.states.viewportHeight ? layout.states.viewportHeight + "px" : ""
+            height: layout.states.viewportHeight ? layout.states.viewportHeight + "px" : "",
+            bottom: 0
           };
         }
       });
@@ -39275,8 +39298,8 @@ var Vc = (function (exports, vue) {
       }, {
         immediate: true
       });
-      vue.watch(() => props2.data, (v) => {
-        store.setData(v);
+      vue.watch(() => [props2.data, props2.data.length], () => {
+        store.setData(props2.data);
         isReady.value && vue.nextTick(refreshLayout);
       }, {
         immediate: true
@@ -39312,7 +39335,7 @@ var Vc = (function (exports, vue) {
         isUnMount = true;
         unbindEvents();
       });
-      expose({
+      const exposed = {
         bodyXWrapper,
         bodyYWrapper,
         tableId,
@@ -39334,8 +39357,12 @@ var Vc = (function (exports, vue) {
         isReady,
         hoverState,
         renderExpanded,
-        hiddenColumns
-      });
+        hiddenColumns,
+        props: props2,
+        emit
+      };
+      expose(exposed);
+      vue.provide("vc-table", exposed);
       return () => {
         return vue.createVNode("div", {
           "class": [classes.value, tableId, "vc-table"],
@@ -39371,7 +39398,9 @@ var Vc = (function (exports, vue) {
           }, null), props2.data.length === 0 && vue.createVNode("div", {
             "ref": emptyBlock,
             "style": bodyWidthStyle.value,
-            "class": "vc-table__empty-block"
+            "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", {
@@ -39519,10 +39548,11 @@ var Vc = (function (exports, vue) {
         column,
         store,
         rowIndex,
-        level
+        level,
+        selected
       }) {
         return vue.withDirectives(vue.createVNode(Checkbox, {
-          "modelValue": store.isSelected(row),
+          "modelValue": selected,
           "disabled": column.selectable ? !column.selectable.call(null, row, rowIndex) : false,
           "onChange": () => store.rowSelectedChanged(row),
           "onClick": (e) => e.stopPropagation()
@@ -39690,14 +39720,13 @@ var Vc = (function (exports, vue) {
       tooltip: [String, Function]
     },
     setup(props2, {
-      slots,
-      expose
+      slots
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
-      const parent = getInstance$1("table-column", "columnId") || table;
+      const table = vue.inject("vc-table");
+      const parent = vue.inject("vc-table-column", table);
       const isSubColumn = table !== parent;
-      const columnId = vue.ref((parent.exposed.tableId || parent.exposed.columnId) + getUid("column"));
+      const columnId = vue.ref((parent.tableId || parent.columnId) + getUid("column"));
       const realWidth = vue.computed(() => {
         return parseWidth(props2.width);
       });
@@ -39761,7 +39790,7 @@ var Vc = (function (exports, vue) {
           column.renderCell = (data) => vue.createVNode("div", {
             "class": "vc-table__cell"
           }, [originRenderCell(data)]);
-          table.exposed.renderExpanded.value = (data) => {
+          table.renderExpanded.value = (data) => {
             return slots.default ? slots.default(data) : slots.default;
           };
         } else {
@@ -39778,7 +39807,7 @@ var Vc = (function (exports, vue) {
               class: "vc-table__cell",
               style: {}
             };
-            if (!isEmpty$1(table.exposed.store.states.treeData) && !prefix2 && data.isExpandColumn) {
+            if (!isEmpty$1(table.store.states.treeData) && !prefix2 && data.isExpandColumn) {
               prefix2 = vue.createVNode("span", {
                 "class": "vc-table-un-expand__indent"
               }, null);
@@ -39816,15 +39845,15 @@ var Vc = (function (exports, vue) {
       const registerWatchers = () => {
         Object.keys(props2).forEach((k) => vue.watch(() => props2[k], (v) => columnConfig[k] = v));
         vue.watch(() => props2.fixed, () => {
-          table.exposed.store.scheduleLayout(true);
+          table.store.scheduleLayout(true);
         });
         vue.watch(() => realWidth.value, (v) => {
           columnConfig["width"] = v;
           columnConfig["realWidth"] = v;
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
         vue.watch(() => realMinWidth.value, () => {
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
       };
       vue.onBeforeMount(() => {
@@ -39832,15 +39861,15 @@ var Vc = (function (exports, vue) {
         registerWatchers();
       });
       vue.onMounted(() => {
-        const children = isSubColumn ? parent.vnode.el.children : parent.exposed.hiddenColumns.value.children;
+        const children = isSubColumn ? parent.vnode.el.children : parent.hiddenColumns.value.children;
         const columnIndex = [...children].indexOf(instance.vnode.el);
-        table.exposed.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.exposed.columnConfig);
+        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.columnConfig);
       });
       vue.onUnmounted(() => {
         if (!instance.parent) return;
-        table.exposed.store.removeColumn(columnConfig, isSubColumn && parent.exposed.columnConfig);
+        table.store.removeColumn(columnConfig, isSubColumn && parent.columnConfig);
       });
-      expose({
+      vue.provide("vc-table-column", {
         columnId,
         columnConfig
       });
@@ -40058,7 +40087,7 @@ var Vc = (function (exports, vue) {
           if (!Array.from(items).length) return;
           let offset = 0;
           if (index > 0) {
-            const gutter = 16;
+            const gutter = 12;
             for (let i = 0; i < index; i++) {
               offset += parseFloat(items[i].offsetWidth) + gutter;
             }
@@ -40122,7 +40151,7 @@ var Vc = (function (exports, vue) {
         }, [slots.extra?.()]), vue.createVNode("div", {
           "ref": wrapper,
           "style": {
-            padding: tabs.scrollable.value && "0 24px"
+            padding: tabs.scrollable.value ? "0 24px" : 0
           },
           "class": "vc-tabs__bar"
         }, [tabs.scrollable.value && vue.createVNode(Icon, {

package/dist/index.umd.cjs

@@ -24844,7 +24844,7 @@
   });
   const COMPONENT_NAME$1T = "vc-alert";
   const THEME_MAP = {
-    info: ["#5495f6", "#91d5ff", "#e6f7ff"],
+    info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
     error: ["#ed4014", "#ffb08f", "#fbe9e9"],
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
@@ -33844,7 +33844,7 @@
       validator: (v) => /(small|medium|large)/.test(v),
       default: "small"
     },
-    portalClass: [Object, String],
+    contentClass: [Object, String],
     width: {
       type: Number
     },
@@ -33893,6 +33893,10 @@
       type: Boolean,
       default: true
     },
+    border: {
+      type: Boolean,
+      default: false
+    },
     /**
      * 兼容portal设计, 实现Promise方式
      */
@@ -34145,7 +34149,8 @@
             "class": [{
               "is-drag": props2.draggable,
               "is-large": props2.size === "large" || props2.size === "medium",
-              "is-no-footer": !props2.footer || !props2.cancelText && !props2.okText
+              "has-footer": props2.footer && (props2.cancelText || props2.okText),
+              "has-border": props2.border
             }, "vc-modal__container"],
             "style": [basicStyle.value, draggableStyle.value]
           }, [vue.createVNode("div", {
@@ -34177,7 +34182,7 @@
                 "height": isTransitionEnd.value ? row.height : void 0,
                 "contentClass": [{
                   "is-confirm": props2.mode
-                }, props2.portalClass, "vc-modal__content"]
+                }, props2.contentClass, "vc-modal__content"]
               }, {
                 default: () => [typeof props2.content === "string" ? vue.createVNode("div", {
                   "innerHTML": props2.content
@@ -35561,7 +35566,7 @@
     color: {
       type: [Object, String],
       default: () => ({
-        normal: "#5495f6",
+        normal: "#2B72FD",
         success: "#52c41a",
         error: "#f5222d"
       })
@@ -36708,6 +36713,8 @@
         });
         if (!originalData.length) {
           rebuildData.value = [];
+        } else {
+          rebuildData.value = originalData.slice();
         }
         offsetPageSize.value = 0;
         await refreshLayout(0, originalData.length);
@@ -37814,17 +37821,24 @@
       const dataInstanceChanged = this.states._data !== data;
       this.states._data = data;
       this.states.data = data;
+      const caches = /* @__PURE__ */ new Map();
+      this.states.list.forEach((item) => {
+        item.rows.forEach((row) => {
+          caches.set(row.data, row);
+        });
+      });
       this.states.list = data.reduce((pre, row, index) => {
+        const cache = caches.get(row) || { heightMap: {} };
         pre.push({
           rows: [
             {
               index,
               data: row,
-              height: "",
+              height: cache.height || "",
               heightMap: {
-                left: "",
-                main: "",
-                right: ""
+                left: cache.heightMap.left || "",
+                main: cache.heightMap.main || "",
+                right: cache.heightMap.right || ""
               }
             }
           ],
@@ -37832,6 +37846,7 @@
         });
         return pre;
       }, []);
+      caches.clear();
       this.current.update();
       this.expand.update();
       if (!this.states.reserveSelection) {
@@ -37965,12 +37980,12 @@
      */
     cleanSelection() {
       const { primaryKey } = this.table.props;
-      const { selection = [] } = this.states;
+      const { selection = [], data } = this.states;
       let deleted;
       if (primaryKey) {
         deleted = [];
         const selectedMap = getValuesMap(selection, primaryKey);
-        const dataMap = getValuesMap(selection, primaryKey);
+        const dataMap = getValuesMap(data, primaryKey);
         for (const key in selectedMap) {
           if (hasOwn$1(selectedMap, key) && !dataMap[key]) {
             deleted.push(selectedMap[key].row);
@@ -38141,8 +38156,10 @@
   const NormalList = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$h,
     props: {
-      data: Array,
-      default: () => []
+      data: {
+        type: Array,
+        default: () => []
+      }
     },
     emits: ["row-resize"],
     setup(props2, {
@@ -38183,7 +38200,7 @@
       expose
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const states = useStates({
         data: "data",
         list: "list",
@@ -38307,7 +38324,7 @@
             column,
             row
           };
-          table.exposed.hoverState.value = hoverState;
+          table.hoverState.value = hoverState;
           table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, e);
         }
         const cellChild = e.target.querySelector(".vc-table__cell");
@@ -38336,7 +38353,7 @@
       const handleCellMouseLeave = (e) => {
         const cell = getCell(e);
         if (!cell) return;
-        const oldHoverState = table.exposed.hoverState.value || {};
+        const oldHoverState = table.hoverState.value || {};
         table.emit("cell-mouse-leave", oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
       };
       const handleMouseEnter = debounce$1((index) => {
@@ -38374,6 +38391,7 @@
           columns
         } = states;
         const key = getValueOfRow(row, rowIndex);
+        const selected = props2.store.isSelected(row);
         return vue.createVNode("div", {
           "key": key,
           "class": [getRowClass(row, rowIndex), "vc-table__tr"],
@@ -38394,10 +38412,12 @@
           };
           if (columnsHidden.value[columnIndex]) {
             return vue.createVNode("div", {
+              "key": column.id,
               "style": [sizeStyle]
             }, null);
           }
           return vue.createVNode("div", {
+            "key": column.id,
             "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
             "class": [getCellClass(rowIndex, columnIndex, row, column), "vc-table__td"],
             "onMouseenter": (e) => handleCellMouseEnter(e, row),
@@ -38407,7 +38427,8 @@
             column,
             rowIndex,
             columnIndex,
-            store: props2.store
+            store: props2.store,
+            selected
           })]);
         })]);
       };
@@ -38441,7 +38462,7 @@
         wrapper,
         getRootElement: () => instance.vnode.el
       });
-      const layout = table.exposed.layout;
+      const layout = table.layout;
       return () => {
         return vue.createVNode("div", {
           "class": "vc-table__body"
@@ -38451,7 +38472,7 @@
           "disabled": true,
           "class": "vc-table__tbody",
           "scrollerOptions": {
-            barTo: `.${table.exposed.tableId}`,
+            barTo: `.${table.tableId}`,
             native: false,
             always: false,
             showBar: !props2.fixed,
@@ -38503,7 +38524,7 @@
       }
     },
     setup(props2) {
-      const table = getInstance$1("table", "tableId");
+      const table = vue.inject("vc-table");
       const instance = vue.getCurrentInstance();
       const draggingColumn = vue.ref(null);
       const dragging = vue.ref(false);
@@ -38609,7 +38630,7 @@
         if (column.children && column.children.length > 0) return;
         if (draggingColumn.value && props2.border) {
           dragging.value = true;
-          table.exposed.resizeProxyVisible.value = true;
+          table.resizeProxyVisible.value = true;
           const tableEl = table.vnode.el;
           const tableLeft = tableEl.getBoundingClientRect().left;
           const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
@@ -38622,7 +38643,7 @@
             startColumnLeft: columnRect.left - tableLeft,
             tableLeft
           };
-          const resizeProxy = table.exposed.resizeProxy.value;
+          const resizeProxy = table.resizeProxy.value;
           resizeProxy.style.left = dragState.value.startLeft + "px";
           document.onselectstart = () => false;
           document.ondragstart = () => false;
@@ -38979,7 +39000,8 @@
     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"],
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const instance = vue.getCurrentInstance();
       const store = new Store({
@@ -39091,7 +39113,8 @@
             };
           }
           return {
-            height: layout.states.viewportHeight ? layout.states.viewportHeight + "px" : ""
+            height: layout.states.viewportHeight ? layout.states.viewportHeight + "px" : "",
+            bottom: 0
           };
         }
       });
@@ -39278,8 +39301,8 @@
       }, {
         immediate: true
       });
-      vue.watch(() => props2.data, (v) => {
-        store.setData(v);
+      vue.watch(() => [props2.data, props2.data.length], () => {
+        store.setData(props2.data);
         isReady.value && vue.nextTick(refreshLayout);
       }, {
         immediate: true
@@ -39315,7 +39338,7 @@
         isUnMount = true;
         unbindEvents();
       });
-      expose({
+      const exposed = {
         bodyXWrapper,
         bodyYWrapper,
         tableId,
@@ -39337,8 +39360,12 @@
         isReady,
         hoverState,
         renderExpanded,
-        hiddenColumns
-      });
+        hiddenColumns,
+        props: props2,
+        emit
+      };
+      expose(exposed);
+      vue.provide("vc-table", exposed);
       return () => {
         return vue.createVNode("div", {
           "class": [classes.value, tableId, "vc-table"],
@@ -39374,7 +39401,9 @@
           }, null), props2.data.length === 0 && vue.createVNode("div", {
             "ref": emptyBlock,
             "style": bodyWidthStyle.value,
-            "class": "vc-table__empty-block"
+            "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", {
@@ -39522,10 +39551,11 @@
         column,
         store,
         rowIndex,
-        level
+        level,
+        selected
       }) {
         return vue.withDirectives(vue.createVNode(Checkbox, {
-          "modelValue": store.isSelected(row),
+          "modelValue": selected,
           "disabled": column.selectable ? !column.selectable.call(null, row, rowIndex) : false,
           "onChange": () => store.rowSelectedChanged(row),
           "onClick": (e) => e.stopPropagation()
@@ -39693,14 +39723,13 @@
       tooltip: [String, Function]
     },
     setup(props2, {
-      slots,
-      expose
+      slots
     }) {
       const instance = vue.getCurrentInstance();
-      const table = getInstance$1("table", "tableId");
-      const parent = getInstance$1("table-column", "columnId") || table;
+      const table = vue.inject("vc-table");
+      const parent = vue.inject("vc-table-column", table);
       const isSubColumn = table !== parent;
-      const columnId = vue.ref((parent.exposed.tableId || parent.exposed.columnId) + getUid("column"));
+      const columnId = vue.ref((parent.tableId || parent.columnId) + getUid("column"));
       const realWidth = vue.computed(() => {
         return parseWidth(props2.width);
       });
@@ -39764,7 +39793,7 @@
           column.renderCell = (data) => vue.createVNode("div", {
             "class": "vc-table__cell"
           }, [originRenderCell(data)]);
-          table.exposed.renderExpanded.value = (data) => {
+          table.renderExpanded.value = (data) => {
             return slots.default ? slots.default(data) : slots.default;
           };
         } else {
@@ -39781,7 +39810,7 @@
               class: "vc-table__cell",
               style: {}
             };
-            if (!isEmpty$1(table.exposed.store.states.treeData) && !prefix2 && data.isExpandColumn) {
+            if (!isEmpty$1(table.store.states.treeData) && !prefix2 && data.isExpandColumn) {
               prefix2 = vue.createVNode("span", {
                 "class": "vc-table-un-expand__indent"
               }, null);
@@ -39819,15 +39848,15 @@
       const registerWatchers = () => {
         Object.keys(props2).forEach((k) => vue.watch(() => props2[k], (v) => columnConfig[k] = v));
         vue.watch(() => props2.fixed, () => {
-          table.exposed.store.scheduleLayout(true);
+          table.store.scheduleLayout(true);
         });
         vue.watch(() => realWidth.value, (v) => {
           columnConfig["width"] = v;
           columnConfig["realWidth"] = v;
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
         vue.watch(() => realMinWidth.value, () => {
-          table.exposed.store.scheduleLayout(false);
+          table.store.scheduleLayout(false);
         });
       };
       vue.onBeforeMount(() => {
@@ -39835,15 +39864,15 @@
         registerWatchers();
       });
       vue.onMounted(() => {
-        const children = isSubColumn ? parent.vnode.el.children : parent.exposed.hiddenColumns.value.children;
+        const children = isSubColumn ? parent.vnode.el.children : parent.hiddenColumns.value.children;
         const columnIndex = [...children].indexOf(instance.vnode.el);
-        table.exposed.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.exposed.columnConfig);
+        table.store.insertColumn(columnConfig, columnIndex, isSubColumn && parent.columnConfig);
       });
       vue.onUnmounted(() => {
         if (!instance.parent) return;
-        table.exposed.store.removeColumn(columnConfig, isSubColumn && parent.exposed.columnConfig);
+        table.store.removeColumn(columnConfig, isSubColumn && parent.columnConfig);
       });
-      expose({
+      vue.provide("vc-table-column", {
         columnId,
         columnConfig
       });
@@ -40061,7 +40090,7 @@
           if (!Array.from(items).length) return;
           let offset = 0;
           if (index > 0) {
-            const gutter = 16;
+            const gutter = 12;
             for (let i = 0; i < index; i++) {
               offset += parseFloat(items[i].offsetWidth) + gutter;
             }
@@ -40125,7 +40154,7 @@
         }, [slots.extra?.()]), vue.createVNode("div", {
           "ref": wrapper,
           "style": {
-            padding: tabs.scrollable.value && "0 24px"
+            padding: tabs.scrollable.value ? "0 24px" : 0
           },
           "class": "vc-tabs__bar"
         }, [tabs.scrollable.value && vue.createVNode(Icon, {

package/package.json

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