@deot/vc 1.0.18 → 1.0.20

package/dist/index.iife.js

@@ -36459,12 +36459,19 @@ var Vc = (function (exports, vue) {
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
+        const oldSize = current.size;
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
+        if (oldSize !== current.size) {
+          emit("row-resize", {
+            index: current.id,
+            size: current.size
+          });
+        }
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -36673,13 +36680,6 @@ var Vc = (function (exports, vue) {
         leading: false,
         trailing: true
       });
-      const handleRowChange = (e, row) => {
-        emit("row-resize", {
-          index: row.id,
-          height: e.height,
-          width: e.width
-        });
-      };
       const setDataSource = async (v, oldV) => {
         if (!Array.isArray(v) || oldV === v) return;
         if (props2.data.length % props2.pageSize > 0) {
@@ -36806,8 +36806,7 @@ var Vc = (function (exports, vue) {
               "data-column": item.column,
               "data-size": item.size,
               "data-position": item.position,
-              "onResize": handleResize,
-              "onChange": (e) => handleRowChange(e, item)
+              "onResize": handleResize
             }, {
               default: () => [slots.default?.({
                 row: item.data || {},
@@ -38157,8 +38156,7 @@ var Vc = (function (exports, vue) {
       const handleResize = (e, index) => {
         emit("row-resize", {
           index,
-          height: e.height,
-          width: e.width
+          size: e.height
         });
       };
       return () => {
@@ -38419,7 +38417,9 @@ var Vc = (function (exports, vue) {
       const handleMergeRowResize = (v) => {
         if (table.props.rowHeight) return;
         states.list[v.index].rows.forEach((row) => {
-          row.heightMap[props2.fixed || "main"] = v.height;
+          const old = row.heightMap[props2.fixed || "main"];
+          if (old === v.size) return;
+          row.heightMap[props2.fixed || "main"] = v.size;
           const heights = [row.heightMap.main];
           if (states.leftFixedCount) {
             heights.push(row.heightMap.left);
@@ -38741,7 +38741,7 @@ var Vc = (function (exports, vue) {
             "class": [
               "vc-table__cell",
               // {
-              // 	"highlight": column.filteredValue && column.filteredValue.length > 0
+              // 	"is-highlight": column.filteredValue && column.filteredValue.length > 0
               // },
               column.labelClass
             ]
@@ -38776,6 +38776,7 @@ var Vc = (function (exports, vue) {
       border: Boolean
     },
     setup(props2) {
+      vue.inject("vc-table");
       const states = useStates({
         data: "data",
         columns: "columns",
@@ -38869,7 +38870,8 @@ var Vc = (function (exports, vue) {
           "key": columnIndex,
           "class": [getRowClasses(column, columnIndex), "vc-table__td"],
           "style": [{
-            width: `${column.realWidth}px`
+            width: `${column.realWidth}px`,
+            height: `44px`
           }]
         }, [vue.createVNode("div", {
           "class": ["vc-table__cell", column.labelClass]
@@ -38957,7 +38959,7 @@ var Vc = (function (exports, vue) {
     getSpan: Function,
     placeholder: {
       type: [String, Function],
-      default: "--"
+      default: "-"
     },
     /**
      * 排序全部交给外部处理，内部不处理数据，只做交互
@@ -39568,7 +39570,7 @@ var Vc = (function (exports, vue) {
     }
     let endIndex = 0;
     hiddenEl$1.innerText = suffix;
-    value.split("").forEach((item, i) => {
+    (value || "").split("").forEach((item, i) => {
       let old = hiddenEl$1.innerText;
       old = old.substring(0, old.length - suffix.length);
       hiddenEl$1.innerText = old + item + suffix;
@@ -39779,7 +39781,7 @@ var Vc = (function (exports, vue) {
       return column.formatter(rowData);
     }
     const line = column.line || VcInstance.options.TableColumn?.line;
-    if (line) {
+    if (line && value) {
       const style2 = {
         // 目前左右pading为10
         // TODO: 含有border还要-1

package/dist/index.umd.cjs

@@ -36462,12 +36462,19 @@
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
+        const oldSize = current.size;
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
+        if (oldSize !== current.size) {
+          emit("row-resize", {
+            index: current.id,
+            size: current.size
+          });
+        }
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -36676,13 +36683,6 @@
         leading: false,
         trailing: true
       });
-      const handleRowChange = (e, row) => {
-        emit("row-resize", {
-          index: row.id,
-          height: e.height,
-          width: e.width
-        });
-      };
       const setDataSource = async (v, oldV) => {
         if (!Array.isArray(v) || oldV === v) return;
         if (props2.data.length % props2.pageSize > 0) {
@@ -36809,8 +36809,7 @@
               "data-column": item.column,
               "data-size": item.size,
               "data-position": item.position,
-              "onResize": handleResize,
-              "onChange": (e) => handleRowChange(e, item)
+              "onResize": handleResize
             }, {
               default: () => [slots.default?.({
                 row: item.data || {},
@@ -38160,8 +38159,7 @@
       const handleResize = (e, index) => {
         emit("row-resize", {
           index,
-          height: e.height,
-          width: e.width
+          size: e.height
         });
       };
       return () => {
@@ -38422,7 +38420,9 @@
       const handleMergeRowResize = (v) => {
         if (table.props.rowHeight) return;
         states.list[v.index].rows.forEach((row) => {
-          row.heightMap[props2.fixed || "main"] = v.height;
+          const old = row.heightMap[props2.fixed || "main"];
+          if (old === v.size) return;
+          row.heightMap[props2.fixed || "main"] = v.size;
           const heights = [row.heightMap.main];
           if (states.leftFixedCount) {
             heights.push(row.heightMap.left);
@@ -38744,7 +38744,7 @@
             "class": [
               "vc-table__cell",
               // {
-              // 	"highlight": column.filteredValue && column.filteredValue.length > 0
+              // 	"is-highlight": column.filteredValue && column.filteredValue.length > 0
               // },
               column.labelClass
             ]
@@ -38779,6 +38779,7 @@
       border: Boolean
     },
     setup(props2) {
+      vue.inject("vc-table");
       const states = useStates({
         data: "data",
         columns: "columns",
@@ -38872,7 +38873,8 @@
           "key": columnIndex,
           "class": [getRowClasses(column, columnIndex), "vc-table__td"],
           "style": [{
-            width: `${column.realWidth}px`
+            width: `${column.realWidth}px`,
+            height: `44px`
           }]
         }, [vue.createVNode("div", {
           "class": ["vc-table__cell", column.labelClass]
@@ -38960,7 +38962,7 @@
     getSpan: Function,
     placeholder: {
       type: [String, Function],
-      default: "--"
+      default: "-"
     },
     /**
      * 排序全部交给外部处理，内部不处理数据，只做交互
@@ -39571,7 +39573,7 @@
     }
     let endIndex = 0;
     hiddenEl$1.innerText = suffix;
-    value.split("").forEach((item, i) => {
+    (value || "").split("").forEach((item, i) => {
       let old = hiddenEl$1.innerText;
       old = old.substring(0, old.length - suffix.length);
       hiddenEl$1.innerText = old + item + suffix;
@@ -39782,7 +39784,7 @@
       return column.formatter(rowData);
     }
     const line = column.line || VcInstance.options.TableColumn?.line;
-    if (line) {
+    if (line && value) {
       const style2 = {
         // 目前左右pading为10
         // TODO: 含有border还要-1

package/package.json

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