@kmkf-fe-packages/basic-components 2.5.0-rc.0 → 2.7.0-rc.0

package/dist/index.esm.js

@@ -19493,7 +19493,8 @@ var OrderSubForm = function OrderSubForm(props) {
     onChange = props.onChange,
     _props$tableHeader = props.tableHeader,
     tableHeader = _props$tableHeader === void 0 ? [] : _props$tableHeader,
-    disabled = props.disabled,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     maxCount = props.maxCount,
     manual = props.manual,
     correlationList = props.subConfig.correlationList,
@@ -19542,7 +19543,7 @@ var OrderSubForm = function OrderSubForm(props) {
         isShow: true,
         isEdit: false,
         isRequired: false,
-        width: Number(next === null || next === void 0 ? void 0 : next.width) || 150
+        width: (next === null || next === void 0 ? void 0 : next.width) ? Number(next === null || next === void 0 ? void 0 : next.width) : 150
       };
       if (t && t.isShow) {
         prv.push(_objectSpread2(_objectSpread2(_objectSpread2({}, next), t), {}, {
@@ -19553,10 +19554,11 @@ var OrderSubForm = function OrderSubForm(props) {
     }, []);
   }, [orderSubformColumns, tableHeader]);
   var column = useMemo(function () {
-    return [{
+    var list = [{
       dataIndex: 'index',
       title: '序号',
       width: 80,
+      ellipsis: true,
       render: function render(val, record, index) {
         return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
           index: index,
@@ -19565,17 +19567,17 @@ var OrderSubForm = function OrderSubForm(props) {
             return deleteHandle(record.uuid);
           }
         });
-        // return <div style={{ width: 25 }}>{index + 1}</div>;
       }
     }].concat(_toConsumableArray(newTableHeader.map(function (t) {
       return _objectSpread2(_objectSpread2({}, t), {}, {
+        ellipsis: true,
         dataIndex: t === null || t === void 0 ? void 0 : t.dataIndex,
         title: /*#__PURE__*/React.createElement("span", null, t.isRequired ? /*#__PURE__*/React.createElement("span", {
           style: {
             color: 'red'
           }
         }, "*") : null, (t === null || t === void 0 ? void 0 : t.settingName) || t.title),
-        width: Number(t.width),
+        width: (t === null || t === void 0 ? void 0 : t.width) ? Number(t === null || t === void 0 ? void 0 : t.width) : 150,
         render: function render(val, record, index) {
           // const column = orderSubformColumnMap[t.dataIndex];
           var isDisabled = t.isEdit || disabled;
@@ -19589,35 +19591,40 @@ var OrderSubForm = function OrderSubForm(props) {
           });
         }
       });
-    })), [disabled ? {} : {
-      dataIndex: 'operation',
-      title: '操作',
-      width: 70,
-      fixed: 'right',
-      render: function render(val, record, index) {
-        return /*#__PURE__*/React.createElement(Space, null, manual && /*#__PURE__*/React.createElement(Tooltip, {
-          title: "\u6DFB\u52A0"
-        }, /*#__PURE__*/React.createElement(PlusCircleFilled, {
-          style: {
-            fontSize: 18,
-            color: '#1890ff'
-          },
-          onClick: function onClick() {
-            return addHandle(index + 1);
-          }
-        })), /*#__PURE__*/React.createElement(Tooltip, {
-          title: "\u5220\u9664"
-        }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
-          style: {
-            fontSize: 18
-          },
-          onClick: function onClick() {
-            return deleteHandle(record.uuid);
-          }
-        })));
-      }
-    }]);
+    })));
+    if (!disabled) {
+      list.push({
+        dataIndex: 'operation',
+        title: '操作',
+        width: 70,
+        fixed: 'right',
+        render: function render(val, record, index) {
+          return /*#__PURE__*/React.createElement(Space, null, manual && /*#__PURE__*/React.createElement(Tooltip, {
+            title: "\u6DFB\u52A0"
+          }, /*#__PURE__*/React.createElement(PlusCircleFilled, {
+            style: {
+              fontSize: 18,
+              color: '#1890ff'
+            },
+            onClick: function onClick() {
+              return addHandle(index + 1);
+            }
+          })), /*#__PURE__*/React.createElement(Tooltip, {
+            title: "\u5220\u9664"
+          }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
+            style: {
+              fontSize: 18
+            },
+            onClick: function onClick() {
+              return deleteHandle(record.uuid);
+            }
+          })));
+        }
+      });
+    }
+    return list;
   }, [newTableHeader, disabled, updateHandle]);
+  console.log('column', column);
   var orderModalColumns = useMemo(function () {
     return [{
       dataIndex: '',
@@ -19727,8 +19734,9 @@ var OrderSubForm = function OrderSubForm(props) {
     rowKey: 'uuid',
     size: "small",
     pagination: false,
+    tableLayout: "fixed",
     scroll: {
-      x: '100%'
+      x: 'max-content'
     },
     locale: {
       emptyText: !disabled && manual ? /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React.createElement(Button, {

package/dist/index.js

@@ -19505,7 +19505,8 @@ var OrderSubForm = function OrderSubForm(props) {
     onChange = props.onChange,
     _props$tableHeader = props.tableHeader,
     tableHeader = _props$tableHeader === void 0 ? [] : _props$tableHeader,
-    disabled = props.disabled,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
     maxCount = props.maxCount,
     manual = props.manual,
     correlationList = props.subConfig.correlationList,
@@ -19554,7 +19555,7 @@ var OrderSubForm = function OrderSubForm(props) {
         isShow: true,
         isEdit: false,
         isRequired: false,
-        width: Number(next === null || next === void 0 ? void 0 : next.width) || 150
+        width: (next === null || next === void 0 ? void 0 : next.width) ? Number(next === null || next === void 0 ? void 0 : next.width) : 150
       };
       if (t && t.isShow) {
         prv.push(_objectSpread2(_objectSpread2(_objectSpread2({}, next), t), {}, {
@@ -19565,10 +19566,11 @@ var OrderSubForm = function OrderSubForm(props) {
     }, []);
   }, [orderSubformColumns, tableHeader]);
   var column = React.useMemo(function () {
-    return [{
+    var list = [{
       dataIndex: 'index',
       title: '序号',
       width: 80,
+      ellipsis: true,
       render: function render(val, record, index) {
         return /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
           index: index,
@@ -19577,17 +19579,17 @@ var OrderSubForm = function OrderSubForm(props) {
             return deleteHandle(record.uuid);
           }
         });
-        // return <div style={{ width: 25 }}>{index + 1}</div>;
       }
     }].concat(_toConsumableArray(newTableHeader.map(function (t) {
       return _objectSpread2(_objectSpread2({}, t), {}, {
+        ellipsis: true,
         dataIndex: t === null || t === void 0 ? void 0 : t.dataIndex,
         title: /*#__PURE__*/React__default['default'].createElement("span", null, t.isRequired ? /*#__PURE__*/React__default['default'].createElement("span", {
           style: {
             color: 'red'
           }
         }, "*") : null, (t === null || t === void 0 ? void 0 : t.settingName) || t.title),
-        width: Number(t.width),
+        width: (t === null || t === void 0 ? void 0 : t.width) ? Number(t === null || t === void 0 ? void 0 : t.width) : 150,
         render: function render(val, record, index) {
           // const column = orderSubformColumnMap[t.dataIndex];
           var isDisabled = t.isEdit || disabled;
@@ -19601,35 +19603,40 @@ var OrderSubForm = function OrderSubForm(props) {
           });
         }
       });
-    })), [disabled ? {} : {
-      dataIndex: 'operation',
-      title: '操作',
-      width: 70,
-      fixed: 'right',
-      render: function render(val, record, index) {
-        return /*#__PURE__*/React__default['default'].createElement(antd.Space, null, manual && /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
-          title: "\u6DFB\u52A0"
-        }, /*#__PURE__*/React__default['default'].createElement(icons.PlusCircleFilled, {
-          style: {
-            fontSize: 18,
-            color: '#1890ff'
-          },
-          onClick: function onClick() {
-            return addHandle(index + 1);
-          }
-        })), /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
-          title: "\u5220\u9664"
-        }, /*#__PURE__*/React__default['default'].createElement(icons.MinusCircleFilled, {
-          style: {
-            fontSize: 18
-          },
-          onClick: function onClick() {
-            return deleteHandle(record.uuid);
-          }
-        })));
-      }
-    }]);
+    })));
+    if (!disabled) {
+      list.push({
+        dataIndex: 'operation',
+        title: '操作',
+        width: 70,
+        fixed: 'right',
+        render: function render(val, record, index) {
+          return /*#__PURE__*/React__default['default'].createElement(antd.Space, null, manual && /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+            title: "\u6DFB\u52A0"
+          }, /*#__PURE__*/React__default['default'].createElement(icons.PlusCircleFilled, {
+            style: {
+              fontSize: 18,
+              color: '#1890ff'
+            },
+            onClick: function onClick() {
+              return addHandle(index + 1);
+            }
+          })), /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
+            title: "\u5220\u9664"
+          }, /*#__PURE__*/React__default['default'].createElement(icons.MinusCircleFilled, {
+            style: {
+              fontSize: 18
+            },
+            onClick: function onClick() {
+              return deleteHandle(record.uuid);
+            }
+          })));
+        }
+      });
+    }
+    return list;
   }, [newTableHeader, disabled, updateHandle]);
+  console.log('column', column);
   var orderModalColumns = React.useMemo(function () {
     return [{
       dataIndex: '',
@@ -19739,8 +19746,9 @@ var OrderSubForm = function OrderSubForm(props) {
     rowKey: 'uuid',
     size: "small",
     pagination: false,
+    tableLayout: "fixed",
     scroll: {
-      x: '100%'
+      x: 'max-content'
     },
     locale: {
       emptyText: !disabled && manual ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React__default['default'].createElement(antd.Button, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.5.0-rc.0",
+  "version": "2.7.0-rc.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dd823f96804157434b7aee9febe5b37f9ab6bea7"
+  "gitHead": "37a143fed0f8a760f5821f1609a2c86ab7d98286"
 }