@kmkf-fe-packages/basic-components 2.2.44-beta.22 → 2.2.44-beta.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.esm.js +26 -5
  2. package/dist/index.js +26 -5
  3. package/package.json +2 -2
package/dist/index.esm.js CHANGED
@@ -9994,10 +9994,14 @@ var EditSplitRenderMap = {
9994
9994
  return /*#__PURE__*/React.createElement(ApaasLogistics, {
9995
9995
  value: val,
9996
9996
  allowClear: true,
9997
+ showSearch: true,
9997
9998
  onChange: function onChange(e) {
9998
9999
  return updateHandle(e, index, t.key);
9999
10000
  },
10000
- disabled: t.isEdit || disabled
10001
+ disabled: t.isEdit || disabled,
10002
+ filterOption: function filterOption(input, option) {
10003
+ return option.label.includes(input);
10004
+ }
10001
10005
  });
10002
10006
  },
10003
10007
  //退货物流-物流公司
@@ -10010,10 +10014,14 @@ var EditSplitRenderMap = {
10010
10014
  return /*#__PURE__*/React.createElement(ApaasLogistics, {
10011
10015
  value: val,
10012
10016
  allowClear: true,
10017
+ showSearch: true,
10013
10018
  onChange: function onChange(e) {
10014
10019
  return updateHandle(e, index, t.key);
10015
10020
  },
10016
- disabled: t.isEdit || disabled
10021
+ disabled: t.isEdit || disabled,
10022
+ filterOption: function filterOption(input, option) {
10023
+ return option.label.includes(input);
10024
+ }
10017
10025
  });
10018
10026
  }
10019
10027
  };
@@ -10482,7 +10490,11 @@ var SubForm = function SubForm(props) {
10482
10490
  });
10483
10491
  }, [inputValue]);
10484
10492
  var handleOpenChange = function handleOpenChange(newOpen) {
10485
- setOpen(newOpen);
10493
+ if (!['jbCFrJV4m7_trajectoryCompany', '0qFEv9GEyd_returnLogisticsCompany'].includes(selectKey)) {
10494
+ setOpen(newOpen);
10495
+ } else {
10496
+ setOpen(false);
10497
+ }
10486
10498
  };
10487
10499
  var onChangeInput = useCallback(debounce(function (val) {
10488
10500
  setInputValue(val);
@@ -12101,7 +12113,7 @@ var ChooseBaby = function ChooseBaby(props) {
12101
12113
  }));
12102
12114
  };
12103
12115
 
12104
- var css_248z$7 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
12116
+ var css_248z$7 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n.goods-uploaded-state {\n display: flex;\n}\n.goods-uploaded-state .clear-all {\n float: right;\n color: #1966ff;\n cursor: pointer;\n margin-left: 12px;\n}\n";
12105
12117
  styleInject(css_248z$7);
12106
12118
 
12107
12119
  var GoodItem = function GoodItem(props) {
@@ -12430,13 +12442,22 @@ var GoodItem = function GoodItem(props) {
12430
12442
  var hasAttr = useMemo(function () {
12431
12443
  return hasPic ? headerList.length > 1 : headerList.length > 0;
12432
12444
  }, [hasPic, headerList]);
12445
+ var clearAll = function clearAll() {
12446
+ onChange === null || onChange === void 0 ? void 0 : onChange({
12447
+ shopId: shopId,
12448
+ imgList: []
12449
+ });
12450
+ };
12433
12451
  return /*#__PURE__*/React.createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React.createElement("p", {
12434
12452
  className: "goods-title"
12435
12453
  }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React.createElement("p", {
12436
12454
  className: "goods-uploaded-state"
12437
12455
  }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React.createElement("span", {
12438
12456
  className: "goods-uploaded-count"
12439
- }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React.createElement("div", {
12457
+ }, imgList.length), "/", maxLength, /*#__PURE__*/React.createElement("span", {
12458
+ className: 'clear-all',
12459
+ onClick: clearAll
12460
+ }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
12440
12461
  ref: boxRef,
12441
12462
  id: "goods-wrap",
12442
12463
  className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
package/dist/index.js CHANGED
@@ -10009,10 +10009,14 @@ var EditSplitRenderMap = {
10009
10009
  return /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
10010
10010
  value: val,
10011
10011
  allowClear: true,
10012
+ showSearch: true,
10012
10013
  onChange: function onChange(e) {
10013
10014
  return updateHandle(e, index, t.key);
10014
10015
  },
10015
- disabled: t.isEdit || disabled
10016
+ disabled: t.isEdit || disabled,
10017
+ filterOption: function filterOption(input, option) {
10018
+ return option.label.includes(input);
10019
+ }
10016
10020
  });
10017
10021
  },
10018
10022
  //退货物流-物流公司
@@ -10025,10 +10029,14 @@ var EditSplitRenderMap = {
10025
10029
  return /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
10026
10030
  value: val,
10027
10031
  allowClear: true,
10032
+ showSearch: true,
10028
10033
  onChange: function onChange(e) {
10029
10034
  return updateHandle(e, index, t.key);
10030
10035
  },
10031
- disabled: t.isEdit || disabled
10036
+ disabled: t.isEdit || disabled,
10037
+ filterOption: function filterOption(input, option) {
10038
+ return option.label.includes(input);
10039
+ }
10032
10040
  });
10033
10041
  }
10034
10042
  };
@@ -10497,7 +10505,11 @@ var SubForm = function SubForm(props) {
10497
10505
  });
10498
10506
  }, [inputValue]);
10499
10507
  var handleOpenChange = function handleOpenChange(newOpen) {
10500
- setOpen(newOpen);
10508
+ if (!['jbCFrJV4m7_trajectoryCompany', '0qFEv9GEyd_returnLogisticsCompany'].includes(selectKey)) {
10509
+ setOpen(newOpen);
10510
+ } else {
10511
+ setOpen(false);
10512
+ }
10501
10513
  };
10502
10514
  var onChangeInput = React.useCallback(lodash.debounce(function (val) {
10503
10515
  setInputValue(val);
@@ -12116,7 +12128,7 @@ var ChooseBaby = function ChooseBaby(props) {
12116
12128
  }));
12117
12129
  };
12118
12130
 
12119
- var css_248z$7 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n";
12131
+ var css_248z$7 = "#goods-wrap.goodsBox.single-row {\n max-height: 800px;\n overflow-y: auto;\n padding-top: 4px;\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-pic,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr,\n#goods-wrap.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n flex-basis: 100%;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs {\n flex-grow: 1;\n flex-shrink: 1;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .good-item-attr {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 80px;\n width: 20px;\n flex-basis: 20px;\n}\n#goods-wrap.goodsBox.single-row .good-item.rich-item .good-attrs .ant-input {\n flex-shrink: 1;\n flex-grow: 1;\n width: 20px;\n flex-basis: 40px;\n}\n#goods-wrap .good-item.rich-item {\n position: relative;\n border: 1px solid #ccc;\n display: flex;\n flex-basis: 80px;\n flex-wrap: nowrap;\n margin: 0 10px 10px 0;\n padding: 4px;\n}\n#goods-wrap .good-item.rich-item.with-pic {\n flex-basis: 90px;\n}\n#goods-wrap .good-item.rich-item.with-attr {\n flex-basis: 150px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic {\n flex-basis: 238px;\n}\n#goods-wrap .good-item.rich-item.with-attr.with-pic .goods-imgBox {\n margin-right: 8px;\n}\n#goods-wrap .good-item.rich-item .good-item-attr {\n margin-right: 6px;\n width: 52px;\n flex-basis: 52px;\n}\n#goods-wrap .good-item.rich-item .good-img {\n position: relative;\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 1px solid #f2f3f5;\n margin: 0 10px 0 0;\n text-align: center;\n background-color: #f2f3f5;\n}\n#goods-wrap .good-item.rich-item .good-attrs {\n display: flex;\n flex-direction: column;\n font-size: 12px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input {\n font-size: 12px;\n width: 80px;\n height: 20px;\n padding-left: 5px;\n padding-right: 5px;\n}\n#goods-wrap .good-item.rich-item .good-attrs .ant-input.id-textarea {\n width: 80px;\n resize: none;\n height: 45px;\n}\n#goods-wrap .good-item.rich-item .good-attrs div {\n display: flex;\n}\n#goods-wrap .good-item.rich-item .good-attrs div:not(:first-child) {\n margin-top: 4px;\n}\n.goods-uploaded-state {\n display: flex;\n}\n.goods-uploaded-state .clear-all {\n float: right;\n color: #1966ff;\n cursor: pointer;\n margin-left: 12px;\n}\n";
12120
12132
  styleInject(css_248z$7);
12121
12133
 
12122
12134
  var GoodItem = function GoodItem(props) {
@@ -12445,13 +12457,22 @@ var GoodItem = function GoodItem(props) {
12445
12457
  var hasAttr = React.useMemo(function () {
12446
12458
  return hasPic ? headerList.length > 1 : headerList.length > 0;
12447
12459
  }, [hasPic, headerList]);
12460
+ var clearAll = function clearAll() {
12461
+ onChange === null || onChange === void 0 ? void 0 : onChange({
12462
+ shopId: shopId,
12463
+ imgList: []
12464
+ });
12465
+ };
12448
12466
  return /*#__PURE__*/React__default['default'].createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React__default['default'].createElement("p", {
12449
12467
  className: "goods-title"
12450
12468
  }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React__default['default'].createElement("p", {
12451
12469
  className: "goods-uploaded-state"
12452
12470
  }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React__default['default'].createElement("span", {
12453
12471
  className: "goods-uploaded-count"
12454
- }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
12472
+ }, imgList.length), "/", maxLength, /*#__PURE__*/React__default['default'].createElement("span", {
12473
+ className: 'clear-all',
12474
+ onClick: clearAll
12475
+ }, "\u6E05\u7A7A")), /*#__PURE__*/React__default['default'].createElement("div", {
12455
12476
  ref: boxRef,
12456
12477
  id: "goods-wrap",
12457
12478
  className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/basic-components",
3
- "version": "2.2.44-beta.22",
3
+ "version": "2.2.44-beta.24",
4
4
  "description": "> TODO: description",
5
5
  "homepage": "",
6
6
  "license": "ISC",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "5f7da6546e40260630c0185ac564a89695a11a4a"
69
+ "gitHead": "2337d45c74f309e27117d93d4c20c7dd556ef04e"
70
70
  }