@kmkf-fe-packages/basic-components 2.2.44-beta.23 → 2.2.44-beta.25

package/dist/index.esm.js

@@ -7996,13 +7996,14 @@ function ApaasPosting(props) {
   });
 }
 
-var _excluded$b = ["value", "onChange", "platformType", "type"];
+var _excluded$b = ["value", "onChange", "platformType", "type", "placement"];
 function ApaasLogistics(props) {
   var value = props.value,
     onChange = props.onChange,
     platformType = props.platformType,
     _props$type = props.type,
     type = _props$type === void 0 ? 'select' : _props$type,
+    placement = props.placement,
     other = _objectWithoutProperties(props, _excluded$b);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -8040,12 +8041,13 @@ function ApaasLogistics(props) {
   return type === 'input' ? /*#__PURE__*/React.createElement(Input, _objectSpread2(_objectSpread2({}, other), {}, {
     value: value,
     onChange: handleInputChange
-  })) : /*#__PURE__*/React.createElement(Select, _objectSpread2(_objectSpread2({}, other), {}, {
+  })) : /*#__PURE__*/React.createElement(Select, _objectSpread2({
     value: value,
     onChange: onChange,
     options: option,
-    virtual: true
-  }));
+    virtual: true,
+    placement: placement
+  }, other));
 }
 
 var _excluded$c = ["label", "name", "extra", "required", "rules", "initialValue"];
@@ -9992,6 +9994,9 @@ var EditSplitRenderMap = {
       updateHandle = _ref17.updateHandle,
       disabled = _ref17.disabled;
     return /*#__PURE__*/React.createElement(ApaasLogistics, {
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById('subform');
+      },
       value: val,
       allowClear: true,
       showSearch: true,
@@ -10001,7 +10006,9 @@ var EditSplitRenderMap = {
       disabled: t.isEdit || disabled,
       filterOption: function filterOption(input, option) {
         return option.label.includes(input);
-      }
+      },
+      placement: "topLeft",
+      listHeight: 120
     });
   },
   //退货物流-物流公司
@@ -10012,6 +10019,9 @@ var EditSplitRenderMap = {
       updateHandle = _ref18.updateHandle,
       disabled = _ref18.disabled;
     return /*#__PURE__*/React.createElement(ApaasLogistics, {
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById('subform');
+      },
       value: val,
       allowClear: true,
       showSearch: true,
@@ -10021,7 +10031,9 @@ var EditSplitRenderMap = {
       disabled: t.isEdit || disabled,
       filterOption: function filterOption(input, option) {
         return option.label.includes(input);
-      }
+      },
+      placement: "topLeft",
+      listHeight: 120
     });
   }
 };
@@ -10582,6 +10594,9 @@ var SubForm = function SubForm(props) {
     visible: open,
     onVisibleChange: handleOpenChange
   }, ['0qFEv9GEyd_returnLogisticsCompany', 'jbCFrJV4m7_trajectoryCompany'].includes(selectKey) ? /*#__PURE__*/React.createElement(ApaasLogistics, {
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('subform');
+    },
     value: undefined,
     onChange: function onChange(val) {
       onChangeInput(val);
@@ -10594,7 +10609,9 @@ var SubForm = function SubForm(props) {
     },
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
-    }
+    },
+    placement: "topLeft",
+    listHeight: 120
   }) : /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u67E5\u8BE2",
     allowClear: true,
@@ -12113,7 +12130,7 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
 
-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";
+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";
 styleInject(css_248z$7);
 
 var GoodItem = function GoodItem(props) {
@@ -12442,13 +12459,22 @@ var GoodItem = function GoodItem(props) {
   var hasAttr = useMemo(function () {
     return hasPic ? headerList.length > 1 : headerList.length > 0;
   }, [hasPic, headerList]);
+  var clearAll = function clearAll() {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      shopId: shopId,
+      imgList: []
+    });
+  };
   return /*#__PURE__*/React.createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React.createElement("p", {
     className: "goods-title"
   }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React.createElement("p", {
     className: "goods-uploaded-state"
   }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React.createElement("span", {
     className: "goods-uploaded-count"
-  }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React.createElement("div", {
+  }, imgList.length), "/", maxLength, /*#__PURE__*/React.createElement("span", {
+    className: 'clear-all',
+    onClick: clearAll
+  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
     ref: boxRef,
     id: "goods-wrap",
     className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')

package/dist/index.js

@@ -8011,13 +8011,14 @@ function ApaasPosting(props) {
   });
 }
 
-var _excluded$b = ["value", "onChange", "platformType", "type"];
+var _excluded$b = ["value", "onChange", "platformType", "type", "placement"];
 function ApaasLogistics(props) {
   var value = props.value,
     onChange = props.onChange,
     platformType = props.platformType,
     _props$type = props.type,
     type = _props$type === void 0 ? 'select' : _props$type,
+    placement = props.placement,
     other = _objectWithoutProperties(props, _excluded$b);
   var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -8055,12 +8056,13 @@ function ApaasLogistics(props) {
   return type === 'input' ? /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2(_objectSpread2({}, other), {}, {
     value: value,
     onChange: handleInputChange
-  })) : /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2(_objectSpread2({}, other), {}, {
+  })) : /*#__PURE__*/React__default['default'].createElement(antd.Select, _objectSpread2({
     value: value,
     onChange: onChange,
     options: option,
-    virtual: true
-  }));
+    virtual: true,
+    placement: placement
+  }, other));
 }
 
 var _excluded$c = ["label", "name", "extra", "required", "rules", "initialValue"];
@@ -10007,6 +10009,9 @@ var EditSplitRenderMap = {
       updateHandle = _ref17.updateHandle,
       disabled = _ref17.disabled;
     return /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById('subform');
+      },
       value: val,
       allowClear: true,
       showSearch: true,
@@ -10016,7 +10021,9 @@ var EditSplitRenderMap = {
       disabled: t.isEdit || disabled,
       filterOption: function filterOption(input, option) {
         return option.label.includes(input);
-      }
+      },
+      placement: "topLeft",
+      listHeight: 120
     });
   },
   //退货物流-物流公司
@@ -10027,6 +10034,9 @@ var EditSplitRenderMap = {
       updateHandle = _ref18.updateHandle,
       disabled = _ref18.disabled;
     return /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById('subform');
+      },
       value: val,
       allowClear: true,
       showSearch: true,
@@ -10036,7 +10046,9 @@ var EditSplitRenderMap = {
       disabled: t.isEdit || disabled,
       filterOption: function filterOption(input, option) {
         return option.label.includes(input);
-      }
+      },
+      placement: "topLeft",
+      listHeight: 120
     });
   }
 };
@@ -10597,6 +10609,9 @@ var SubForm = function SubForm(props) {
     visible: open,
     onVisibleChange: handleOpenChange
   }, ['0qFEv9GEyd_returnLogisticsCompany', 'jbCFrJV4m7_trajectoryCompany'].includes(selectKey) ? /*#__PURE__*/React__default['default'].createElement(ApaasLogistics, {
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('subform');
+    },
     value: undefined,
     onChange: function onChange(val) {
       onChangeInput(val);
@@ -10609,7 +10624,9 @@ var SubForm = function SubForm(props) {
     },
     filterOption: function filterOption(input, option) {
       return option.label.includes(input);
-    }
+    },
+    placement: "topLeft",
+    listHeight: 120
   }) : /*#__PURE__*/React__default['default'].createElement(antd.Input, {
     placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u67E5\u8BE2",
     allowClear: true,
@@ -12128,7 +12145,7 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
 
-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";
+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";
 styleInject(css_248z$7);
 
 var GoodItem = function GoodItem(props) {
@@ -12457,13 +12474,22 @@ var GoodItem = function GoodItem(props) {
   var hasAttr = React.useMemo(function () {
     return hasPic ? headerList.length > 1 : headerList.length > 0;
   }, [hasPic, headerList]);
+  var clearAll = function clearAll() {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      shopId: shopId,
+      imgList: []
+    });
+  };
   return /*#__PURE__*/React__default['default'].createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React__default['default'].createElement("p", {
     className: "goods-title"
   }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React__default['default'].createElement("p", {
     className: "goods-uploaded-state"
   }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React__default['default'].createElement("span", {
     className: "goods-uploaded-count"
-  }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, imgList.length), "/", maxLength, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: 'clear-all',
+    onClick: clearAll
+  }, "\u6E05\u7A7A")), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: boxRef,
     id: "goods-wrap",
     className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.2.44-beta.23",
+  "version": "2.2.44-beta.25",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fe6235742c550d5bc7adf697b8d0bcbf6b407913"
+  "gitHead": "59590b9f5c6271daf0f744218e1c93ff03bea5fe"
 }