react-table-edit 0.8.3 → 0.8.4

package/dist/index.d.mts

@@ -100,9 +100,9 @@ type IColumnTable = {
     validate?: any;
     disabledCondition?: any;
     callback?: any;
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
     editEnable?: boolean;
     visible?: boolean;
     invisibleDisable?: boolean;
@@ -195,9 +195,9 @@ type IFRef = {
 type IHeaderColumnTable = {
     field: string;
     headerText?: string;
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
     visible?: boolean;
     rowspan?: number;
     columns?: IColumnTable[];

package/dist/index.d.ts

@@ -100,9 +100,9 @@ type IColumnTable = {
     validate?: any;
     disabledCondition?: any;
     callback?: any;
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
     editEnable?: boolean;
     visible?: boolean;
     invisibleDisable?: boolean;
@@ -195,9 +195,9 @@ type IFRef = {
 type IHeaderColumnTable = {
     field: string;
     headerText?: string;
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
     visible?: boolean;
     rowspan?: number;
     columns?: IColumnTable[];

package/dist/index.js

@@ -5179,7 +5179,7 @@ var HeaderTableCol = (props) => {
     import_react_resizable.Resizable,
     {
       className: "r-resize",
-      width: Number(col.width ?? 0),
+      width: typeof col.width === "number" ? col.width : Number((col.width ?? "").replaceAll(new RegExp(`[^0-9]`, "g"), "")),
       height: 0,
       onResize: handleResize,
       draggableOpts: { enableUserSelectHack: false },
@@ -5193,9 +5193,9 @@ var HeaderTableCol = (props) => {
             top: `${indexParent * 42}px`,
             left: col.fixedType === "left" ? objWidthFix[col.index ?? 0] : void 0,
             right: col.fixedType === "right" ? objWidthFix[col.index ?? 0] : void 0,
-            width: col.width,
-            minWidth: col.width,
-            maxWidth: col.width
+            width: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto",
+            minWidth: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto",
+            maxWidth: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto"
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
             "div",
@@ -6534,7 +6534,6 @@ var TableEdit = (0, import_react16.forwardRef)((props, ref) => {
         style: {
           left: col.fixedType === "left" ? objWidthFix[indexCol] : void 0,
           right: col.fixedType === "right" ? objWidthFix[indexCol] : void 0,
-          width: col.width,
           textAlign: col.textAlign ? col.textAlign : "left"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "r-footer-div", children: col.haveSum === true && col.editType === "numeric" ? formartNumberic(dataSource.reduce(function(accumulator, currentValue) {

package/dist/index.mjs

@@ -5179,7 +5179,7 @@ var HeaderTableCol = (props) => {
     import_react_resizable.Resizable,
     {
       className: "r-resize",
-      width: Number(col.width ?? 0),
+      width: typeof col.width === "number" ? col.width : Number((col.width ?? "").replaceAll(new RegExp(`[^0-9]`, "g"), "")),
       height: 0,
       onResize: handleResize,
       draggableOpts: { enableUserSelectHack: false },
@@ -5193,9 +5193,9 @@ var HeaderTableCol = (props) => {
             top: `${indexParent * 42}px`,
             left: col.fixedType === "left" ? objWidthFix[col.index ?? 0] : void 0,
             right: col.fixedType === "right" ? objWidthFix[col.index ?? 0] : void 0,
-            width: col.width,
-            minWidth: col.width,
-            maxWidth: col.width
+            width: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto",
+            minWidth: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto",
+            maxWidth: col.width ? typeof col.width === "number" ? col.width : col.width?.includes("px") || col.width?.includes("%") ? col.width : `${col.width}px` : "auto"
           },
           children: /* @__PURE__ */ jsxs13(
             "div",
@@ -6534,7 +6534,6 @@ var TableEdit = forwardRef3((props, ref) => {
         style: {
           left: col.fixedType === "left" ? objWidthFix[indexCol] : void 0,
           right: col.fixedType === "right" ? objWidthFix[indexCol] : void 0,
-          width: col.width,
           textAlign: col.textAlign ? col.textAlign : "left"
         },
         children: /* @__PURE__ */ jsx16("div", { className: "r-footer-div", children: col.haveSum === true && col.editType === "numeric" ? formartNumberic(dataSource.reduce(function(accumulator, currentValue) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-table-edit",
   "license": "MIT",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",