@deot/vc-components 1.0.12 → 1.0.13

package/dist/index.cjs

@@ -794,7 +794,7 @@ const COMPONENT_NAME$1T = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
-  info: ['#5495f6', '#91d5ff', '#e6f7ff'],
+  info: ['#2B72FD', '#91d5ff', '#e6f7ff'],
   success: ['#52c41a', '#b7eb8f', '#f6ffed'],
   error: ['#ed4014', '#ffb08f', '#fbe9e9'],
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
@@ -12144,7 +12144,7 @@ const props$m = {
   color: {
     type: [Object, String],
     default: () => ({
-      normal: "#5495f6",
+      normal: "#2B72FD",
       success: "#52c41a",
       error: "#f5222d"
     })
@@ -13384,6 +13384,8 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       });
       if (!originalData.length) {
         rebuildData.value = [];
+      } else {
+        rebuildData.value = originalData.slice();
       }
       offsetPageSize.value = 0;
       await refreshLayout(0, originalData.length);
@@ -14526,17 +14528,24 @@ class Store extends BaseWatcher {
     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 || ""
             }
           }
         ],
@@ -14544,6 +14553,7 @@ class Store extends BaseWatcher {
       });
       return pre;
     }, []);
+    caches.clear();
     this.current.update();
     this.expand.update();
     if (!this.states.reserveSelection) {
@@ -14677,12 +14687,12 @@ class Store extends BaseWatcher {
    */
   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 (Utils.hasOwn(selectedMap, key) && !dataMap[key]) {
           deleted.push(selectedMap[key].row);
@@ -14857,8 +14867,10 @@ const COMPONENT_NAME$h = 'vc-table-normal-list';
 const NormalList = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$h,
   props: {
-    data: Array,
-    default: () => []
+    data: {
+      type: Array,
+      default: () => []
+    }
   },
   emits: ['row-resize'],
   setup(props, {
@@ -14900,7 +14912,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
     expose
   }) {
     const instance = vue.getCurrentInstance();
-    const table = vcHooks.getInstance('table', 'tableId');
+    const table = vue.inject('vc-table');
     const states = useStates({
       data: 'data',
       list: 'list',
@@ -15024,7 +15036,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
           column,
           row
         };
-        table.exposed.hoverState.value = hoverState;
+        table.hoverState.value = hoverState;
         table.emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, e);
       }
 
@@ -15057,7 +15069,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
     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 = lodashEs.debounce(index => {
@@ -15095,6 +15107,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         columns
       } = states;
       const key = getValueOfRow(row, rowIndex);
+      const selected = props.store.isSelected(row);
       return vue.createVNode("div", {
         "key": key,
         "class": [getRowClass(row, rowIndex), 'vc-table__tr'],
@@ -15115,10 +15128,12 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         };
         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),
@@ -15128,7 +15143,8 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
           column,
           rowIndex,
           columnIndex,
-          store: props.store
+          store: props.store,
+          selected
         })]);
       })]);
     };
@@ -15162,7 +15178,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       wrapper,
       getRootElement: () => instance.vnode.el
     });
-    const layout = table.exposed.layout;
+    const layout = table.layout;
     return () => {
       return vue.createVNode("div", {
         "class": "vc-table__body"
@@ -15172,7 +15188,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         "disabled": true,
         "class": "vc-table__tbody",
         "scrollerOptions": {
-          barTo: `.${table.exposed.tableId}`,
+          barTo: `.${table.tableId}`,
           native: false,
           always: false,
           showBar: !props.fixed,
@@ -15224,7 +15240,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
-    const table = vcHooks.getInstance('table', 'tableId');
+    const table = vue.inject('vc-table');
     const instance = vue.getCurrentInstance();
     const draggingColumn = vue.ref(null);
     const dragging = vue.ref(false);
@@ -15331,7 +15347,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
       /* istanbul ignore if */
       if (draggingColumn.value && props.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}`);
@@ -15344,7 +15360,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
           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;
@@ -15703,7 +15719,8 @@ const Table = /* @__PURE__ */ vue.defineComponent({
   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(props, {
     slots,
-    expose
+    expose,
+    emit
   }) {
     const instance = vue.getCurrentInstance();
     const store = new Store({
@@ -16023,8 +16040,8 @@ const Table = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.data, v => {
-      store.setData(v);
+    vue.watch(() => [props.data, props.data.length], () => {
+      store.setData(props.data);
       isReady.value && vue.nextTick(refreshLayout);
     }, {
       immediate: true
@@ -16062,7 +16079,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       isUnMount = true;
       unbindEvents();
     });
-    expose({
+    const exposed = {
       bodyXWrapper,
       bodyYWrapper,
       tableId,
@@ -16084,8 +16101,12 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       isReady,
       hoverState,
       renderExpanded,
-      hiddenColumns
-    });
+      hiddenColumns,
+      props,
+      emit
+    };
+    expose(exposed);
+    vue.provide('vc-table', exposed);
     return () => {
       return vue.createVNode("div", {
         "class": [classes.value, tableId, 'vc-table'],
@@ -16272,10 +16293,11 @@ const cellForced = {
       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()
@@ -16448,15 +16470,14 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
     tooltip: [String, Function]
   },
   setup(props, {
-    slots,
-    expose
+    slots
   }) {
     const instance = vue.getCurrentInstance();
-    const table = vcHooks.getInstance('table', 'tableId');
-    const parent = vcHooks.getInstance('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) + Utils.getUid('column'));
+    const columnId = vue.ref((parent.tableId || parent.columnId) + Utils.getUid('column'));
     const realWidth = vue.computed(() => {
       return parseWidth(props.width);
     });
@@ -16555,7 +16576,7 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
         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 {
@@ -16574,7 +16595,7 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
             style: {}
           };
           // 存在树形数组，且当前行无箭头图标且处于当前展开列，表格对齐
-          if (!lodashEs.isEmpty(table.exposed.store.states.treeData) && !prefix && data.isExpandColumn) {
+          if (!lodashEs.isEmpty(table.store.states.treeData) && !prefix && data.isExpandColumn) {
             prefix = vue.createVNode("span", {
               "class": "vc-table-un-expand__indent"
             }, null);
@@ -16617,15 +16638,15 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
 
       // 影响布局
       vue.watch(() => props.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(() => {
@@ -16633,17 +16654,17 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
       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;
 
       // DOM上
       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
     });

package/dist/index.iife.js

@@ -756,7 +756,7 @@ var VcComponents = (function (exports, vue) {
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
-	  info: ['#5495f6', '#91d5ff', '#e6f7ff'],
+	  info: ['#2B72FD', '#91d5ff', '#e6f7ff'],
 	  success: ['#52c41a', '#b7eb8f', '#f6ffed'],
 	  error: ['#ed4014', '#ffb08f', '#fbe9e9'],
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
@@ -18893,7 +18893,7 @@ var VcComponents = (function (exports, vue) {
 	  color: {
 	    type: [Object, String],
 	    default: () => ({
-	      normal: "#5495f6",
+	      normal: "#2B72FD",
 	      success: "#52c41a",
 	      error: "#f5222d"
 	    })
@@ -20247,6 +20247,8 @@ var VcComponents = (function (exports, vue) {
 	      });
 	      if (!originalData.length) {
 	        rebuildData.value = [];
+	      } else {
+	        rebuildData.value = originalData.slice();
 	      }
 	      offsetPageSize.value = 0;
 	      await refreshLayout(0, originalData.length);
@@ -38600,17 +38602,24 @@ var VcComponents = (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 || ""
 	            }
 	          }
 	        ],
@@ -38618,6 +38627,7 @@ var VcComponents = (function (exports, vue) {
 	      });
 	      return pre;
 	    }, []);
+	    caches.clear();
 	    this.current.update();
 	    this.expand.update();
 	    if (!this.states.reserveSelection) {
@@ -38751,12 +38761,12 @@ var VcComponents = (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);
@@ -38931,8 +38941,10 @@ var VcComponents = (function (exports, vue) {
 	const NormalList = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$h,
 	  props: {
-	    data: Array,
-	    default: () => []
+	    data: {
+	      type: Array,
+	      default: () => []
+	    }
 	  },
 	  emits: ['row-resize'],
 	  setup(props, {
@@ -38974,7 +38986,7 @@ var VcComponents = (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',
@@ -39098,7 +39110,7 @@ var VcComponents = (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);
 	      }
 
@@ -39131,7 +39143,7 @@ var VcComponents = (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 => {
@@ -39169,6 +39181,7 @@ var VcComponents = (function (exports, vue) {
 	        columns
 	      } = states;
 	      const key = getValueOfRow(row, rowIndex);
+	      const selected = props.store.isSelected(row);
 	      return vue.createVNode("div", {
 	        "key": key,
 	        "class": [getRowClass(row, rowIndex), 'vc-table__tr'],
@@ -39189,10 +39202,12 @@ var VcComponents = (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),
@@ -39202,7 +39217,8 @@ var VcComponents = (function (exports, vue) {
 	          column,
 	          rowIndex,
 	          columnIndex,
-	          store: props.store
+	          store: props.store,
+	          selected
 	        })]);
 	      })]);
 	    };
@@ -39236,7 +39252,7 @@ var VcComponents = (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"
@@ -39246,7 +39262,7 @@ var VcComponents = (function (exports, vue) {
 	        "disabled": true,
 	        "class": "vc-table__tbody",
 	        "scrollerOptions": {
-	          barTo: `.${table.exposed.tableId}`,
+	          barTo: `.${table.tableId}`,
 	          native: false,
 	          always: false,
 	          showBar: !props.fixed,
@@ -39298,7 +39314,7 @@ var VcComponents = (function (exports, vue) {
 	    }
 	  },
 	  setup(props) {
-	    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);
@@ -39405,7 +39421,7 @@ var VcComponents = (function (exports, vue) {
 	      /* istanbul ignore if */
 	      if (draggingColumn.value && props.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}`);
@@ -39418,7 +39434,7 @@ var VcComponents = (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;
@@ -39777,7 +39793,8 @@ var VcComponents = (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(props, {
 	    slots,
-	    expose
+	    expose,
+	    emit
 	  }) {
 	    const instance = vue.getCurrentInstance();
 	    const store = new Store({
@@ -40097,8 +40114,8 @@ var VcComponents = (function (exports, vue) {
 	    }, {
 	      immediate: true
 	    });
-	    vue.watch(() => props.data, v => {
-	      store.setData(v);
+	    vue.watch(() => [props.data, props.data.length], () => {
+	      store.setData(props.data);
 	      isReady.value && vue.nextTick(refreshLayout);
 	    }, {
 	      immediate: true
@@ -40136,7 +40153,7 @@ var VcComponents = (function (exports, vue) {
 	      isUnMount = true;
 	      unbindEvents();
 	    });
-	    expose({
+	    const exposed = {
 	      bodyXWrapper,
 	      bodyYWrapper,
 	      tableId,
@@ -40158,8 +40175,12 @@ var VcComponents = (function (exports, vue) {
 	      isReady,
 	      hoverState,
 	      renderExpanded,
-	      hiddenColumns
-	    });
+	      hiddenColumns,
+	      props,
+	      emit
+	    };
+	    expose(exposed);
+	    vue.provide('vc-table', exposed);
 	    return () => {
 	      return vue.createVNode("div", {
 	        "class": [classes.value, tableId, 'vc-table'],
@@ -40346,10 +40367,11 @@ var VcComponents = (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()
@@ -40522,15 +40544,14 @@ var VcComponents = (function (exports, vue) {
 	    tooltip: [String, Function]
 	  },
 	  setup(props, {
-	    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(props.width);
 	    });
@@ -40629,7 +40650,7 @@ var VcComponents = (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 {
@@ -40648,7 +40669,7 @@ var VcComponents = (function (exports, vue) {
 	            style: {}
 	          };
 	          // 存在树形数组，且当前行无箭头图标且处于当前展开列，表格对齐
-	          if (!isEmpty$1(table.exposed.store.states.treeData) && !prefix && data.isExpandColumn) {
+	          if (!isEmpty$1(table.store.states.treeData) && !prefix && data.isExpandColumn) {
 	            prefix = vue.createVNode("span", {
 	              "class": "vc-table-un-expand__indent"
 	            }, null);
@@ -40691,15 +40712,15 @@ var VcComponents = (function (exports, vue) {
 
 	      // 影响布局
 	      vue.watch(() => props.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(() => {
@@ -40707,17 +40728,17 @@ var VcComponents = (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;
 
 	      // DOM上
 	      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
 	    });