@kmkf-fe-packages/basic-components 2.0.79-beta.78 → 2.0.79-beta.81

package/dist/index.esm.js

@@ -8494,7 +8494,7 @@ var SubForm = function SubForm(props) {
       x: '100%'
     },
     locale: {
-      emptyText: manual ? /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React.createElement(Button, {
+      emptyText: !disabled && manual ? /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React.createElement(Button, {
         type: "link",
         onClick: function onClick() {
           return addHandle(0);
@@ -18848,11 +18848,11 @@ var getColumns$8 = function getColumns(_ref) {
     }, {
       dataIndex: 'subOrderId',
       title: "[SKX]\u53D1\u8D27\u5355-\u5B50\u8BA2\u5355\u53F7",
-      width: 200
+      width: 300
     }, {
       dataIndex: 'onBillNo',
       title: "[SKX]ON\u51FA\u5E93\u901A\u77E5\u5355\u53F7",
-      width: 280
+      width: 200
     }].map(function (item) {
       return _objectSpread2(_objectSpread2({}, item), {}, {
         align: 'center',
@@ -24688,11 +24688,21 @@ var IdInputSelect = function IdInputSelect(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     spinning = _useState6[0],
     setSpinning = _useState6[1];
-  var tradeIdRef = useRef('');
-  var _useState7 = useState([]),
+  var divRef = useRef(null);
+  var _useState7 = useState(340),
     _useState8 = _slicedToArray(_useState7, 2),
-    dataSource = _useState8[0],
-    setDataSource = _useState8[1];
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var tradeIdRef = useRef('');
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dataSource = _useState10[0],
+    setDataSource = _useState10[1];
+  useEffect(function () {
+    if (!divRef.current) return;
+    var measuredWidth = divRef.current.offsetWidth;
+    setWidth(measuredWidth);
+  }, []);
   //当外部数据源变化时更新内部状态;
   useEffect(function () {
     if (popoverVisible) {
@@ -24745,7 +24755,7 @@ var IdInputSelect = function IdInputSelect(props) {
       spinning: spinning
     }, /*#__PURE__*/React.createElement("div", {
       style: {
-        minWidth: 500,
+        width: typeof width === 'number' ? width - 30 : 320,
         maxHeight: 400,
         minHeight: 36,
         overflow: 'auto'
@@ -24758,21 +24768,27 @@ var IdInputSelect = function IdInputSelect(props) {
       }
     }, typeMap$6[type].notDataText), dataSource && dataSource.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
-        display: 'grid',
-        gridTemplateColumns: '1fr 1fr',
-        gap: '16px',
-        padding: '8px 16px',
+        display: 'flex',
+        padding: '8px 12px',
         fontWeight: 500,
         color: '#333'
       }
-    }, /*#__PURE__*/React.createElement("div", null, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React.createElement("div", null, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
       return /*#__PURE__*/React.createElement("div", {
         key: group[typeMap$6[type].key]
       }, /*#__PURE__*/React.createElement("div", {
         style: {
           display: 'flex',
           alignItems: 'center',
-          padding: '10px 16px',
+          padding: '8px 12px',
           backgroundColor: '#f5f5f4'
         }
       }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -24796,12 +24812,20 @@ var IdInputSelect = function IdInputSelect(props) {
         return /*#__PURE__*/React.createElement("div", {
           key: "".concat(group[typeMap$6[type].key], "-").concat(itemIndex),
           style: {
-            display: 'grid',
-            gridTemplateColumns: '1fr 1fr',
-            gap: '16px',
-            padding: '10px 16px 10px 44px'
+            padding: '8px 12px',
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
+          }
+        }, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React.createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
           }
-        }, /*#__PURE__*/React.createElement("div", null, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React.createElement("div", null, item[typeMap$6[type].columnHeaders.rightColumn.value]));
+        }, item[typeMap$6[type].columnHeaders.rightColumn.value]));
       }));
     }))));
   };
@@ -24810,7 +24834,9 @@ var IdInputSelect = function IdInputSelect(props) {
     // 关闭浮窗
     setPopoverVisible(false);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React.createElement("div", {
+    ref: divRef
+  }, /*#__PURE__*/React.createElement(Input, {
     placeholder: typeMap$6[type].placeholder,
     disabled: disabled,
     value: inputValue,

package/dist/index.js

@@ -8507,7 +8507,7 @@ var SubForm = function SubForm(props) {
       x: '100%'
     },
     locale: {
-      emptyText: manual ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+      emptyText: !disabled && manual ? /*#__PURE__*/React__default['default'].createElement("span", null, "\u6682\u65E0\u6570\u636E,", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
         type: "link",
         onClick: function onClick() {
           return addHandle(0);
@@ -18861,11 +18861,11 @@ var getColumns$8 = function getColumns(_ref) {
     }, {
       dataIndex: 'subOrderId',
       title: "[SKX]\u53D1\u8D27\u5355-\u5B50\u8BA2\u5355\u53F7",
-      width: 200
+      width: 300
     }, {
       dataIndex: 'onBillNo',
       title: "[SKX]ON\u51FA\u5E93\u901A\u77E5\u5355\u53F7",
-      width: 280
+      width: 200
     }].map(function (item) {
       return _objectSpread2(_objectSpread2({}, item), {}, {
         align: 'center',
@@ -24701,11 +24701,21 @@ var IdInputSelect = function IdInputSelect(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     spinning = _useState6[0],
     setSpinning = _useState6[1];
-  var tradeIdRef = React.useRef('');
-  var _useState7 = React.useState([]),
+  var divRef = React.useRef(null);
+  var _useState7 = React.useState(340),
     _useState8 = _slicedToArray(_useState7, 2),
-    dataSource = _useState8[0],
-    setDataSource = _useState8[1];
+    width = _useState8[0],
+    setWidth = _useState8[1];
+  var tradeIdRef = React.useRef('');
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dataSource = _useState10[0],
+    setDataSource = _useState10[1];
+  React.useEffect(function () {
+    if (!divRef.current) return;
+    var measuredWidth = divRef.current.offsetWidth;
+    setWidth(measuredWidth);
+  }, []);
   //当外部数据源变化时更新内部状态;
   React.useEffect(function () {
     if (popoverVisible) {
@@ -24758,7 +24768,7 @@ var IdInputSelect = function IdInputSelect(props) {
       spinning: spinning
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
-        minWidth: 500,
+        width: typeof width === 'number' ? width - 30 : 320,
         maxHeight: 400,
         minHeight: 36,
         overflow: 'auto'
@@ -24771,21 +24781,27 @@ var IdInputSelect = function IdInputSelect(props) {
       }
     }, typeMap$6[type].notDataText), dataSource && dataSource.length > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
-        display: 'grid',
-        gridTemplateColumns: '1fr 1fr',
-        gap: '16px',
-        padding: '8px 16px',
+        display: 'flex',
+        padding: '8px 12px',
         fontWeight: 500,
         color: '#333'
       }
-    }, /*#__PURE__*/React__default['default'].createElement("div", null, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React__default['default'].createElement("div", null, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.leftColumn.label), /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, typeMap$6[type].columnHeaders.rightColumn.label)), dataSource.map(function (group) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: group[typeMap$6[type].key]
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         style: {
           display: 'flex',
           alignItems: 'center',
-          padding: '10px 16px',
+          padding: '8px 12px',
           backgroundColor: '#f5f5f4'
         }
       }, /*#__PURE__*/React__default['default'].createElement(antd.Checkbox, {
@@ -24809,12 +24825,20 @@ var IdInputSelect = function IdInputSelect(props) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
           key: "".concat(group[typeMap$6[type].key], "-").concat(itemIndex),
           style: {
-            display: 'grid',
-            gridTemplateColumns: '1fr 1fr',
-            gap: '16px',
-            padding: '10px 16px 10px 44px'
+            padding: '8px 12px',
+            display: 'flex'
+          }
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
+          }
+        }, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React__default['default'].createElement("div", {
+          style: {
+            flex: 1,
+            wordBreak: 'break-all'
           }
-        }, /*#__PURE__*/React__default['default'].createElement("div", null, item[typeMap$6[type].columnHeaders.leftColumn.value]), /*#__PURE__*/React__default['default'].createElement("div", null, item[typeMap$6[type].columnHeaders.rightColumn.value]));
+        }, item[typeMap$6[type].columnHeaders.rightColumn.value]));
       }));
     }))));
   };
@@ -24823,7 +24847,9 @@ var IdInputSelect = function IdInputSelect(props) {
     // 关闭浮窗
     setPopoverVisible(false);
   };
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: divRef
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
     placeholder: typeMap$6[type].placeholder,
     disabled: disabled,
     value: inputValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.0.79-beta.78",
+  "version": "2.0.79-beta.81",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ce7bdf6dad1364e5e60f55e65cee07a0f3665352"
+  "gitHead": "0a63b2ab4873f0cdaad4add65493a70e8b6ffc54"
 }