@kmkf-fe-packages/basic-components 0.24.1-alpha.8 → 0.24.1

package/dist/index.esm.js

@@ -8951,7 +8951,7 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
 
-var css_248z$6 = ".goodsBox.single-row {\n  max-height: 800px;\n  overflow-y: auto;\n  padding-top: 4px;\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item.with-pic,\n.goodsBox.single-row .good-item.rich-item.with-attr,\n.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.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.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.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.good-item.rich-item.with-pic {\n  flex-basis: 90px;\n}\n.good-item.rich-item.with-attr {\n  flex-basis: 150px;\n}\n.good-item.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n.good-item.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n.good-item.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n.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.good-item.rich-item .good-attrs {\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n}\n.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.good-item.rich-item .good-attrs .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.good-item.rich-item .good-attrs div {\n  display: flex;\n}\n.good-item.rich-item .good-attrs div:not(:first-child) {\n  margin-top: 4px;\n}\n";
+var css_248z$6 = "#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";
 styleInject(css_248z$6);
 
 var GoodItem = function GoodItem(props) {
@@ -9194,6 +9194,7 @@ var GoodItem = function GoodItem(props) {
     className: "goods-uploaded-count"
   }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React.createElement("div", {
     ref: boxRef,
+    id: "goods-wrap",
     className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
   }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -10947,7 +10948,12 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
         }, val);
       }
     }];
-    return selectList.length ? /*#__PURE__*/React.createElement(Table, {
+    return selectList.length ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        maxWidth: '387px'
+      }
+    }, /*#__PURE__*/React.createElement(Table, {
       columns: showColumns,
       rowKey: 'skuCode',
       dataSource: selectList,
@@ -10961,7 +10967,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
         pageSize: pageSize,
         showSizeChanger: false
       }
-    }) : null;
+    })) : null;
   };
   return /*#__PURE__*/React.createElement(Modal, {
     title: '选择商品',
@@ -10973,7 +10979,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       _onCancel();
     },
     onOk: onOk,
-    wrapClassName: "goodModal"
+    wrapClassName: "goodModal",
+    style: {
+      top: 20
+    }
   }, /*#__PURE__*/React.createElement(Form, {
     layout: "inline",
     form: form,
@@ -11049,6 +11058,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       onChange: pageChange
     }
   }), /*#__PURE__*/React.createElement(Popover, {
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentElement;
+    },
     content: showTable(),
     title: "\u5DF2\u9009\u62E9".concat(selectIds.length, "\u4E2A\u5546\u54C1")
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/index.js

@@ -8962,7 +8962,7 @@ var ChooseBaby = function ChooseBaby(props) {
   }));
 };
 
-var css_248z$6 = ".goodsBox.single-row {\n  max-height: 800px;\n  overflow-y: auto;\n  padding-top: 4px;\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item.with-pic,\n.goodsBox.single-row .good-item.rich-item.with-attr,\n.goodsBox.single-row .good-item.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-item.rich-item .good-attrs {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.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.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.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.good-item.rich-item.with-pic {\n  flex-basis: 90px;\n}\n.good-item.rich-item.with-attr {\n  flex-basis: 150px;\n}\n.good-item.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n.good-item.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n.good-item.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n.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.good-item.rich-item .good-attrs {\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n}\n.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.good-item.rich-item .good-attrs .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.good-item.rich-item .good-attrs div {\n  display: flex;\n}\n.good-item.rich-item .good-attrs div:not(:first-child) {\n  margin-top: 4px;\n}\n";
+var css_248z$6 = "#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";
 styleInject(css_248z$6);
 
 var GoodItem = function GoodItem(props) {
@@ -9205,6 +9205,7 @@ var GoodItem = function GoodItem(props) {
     className: "goods-uploaded-count"
   }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: boxRef,
+    id: "goods-wrap",
     className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
   }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -10958,7 +10959,12 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
         }, val);
       }
     }];
-    return selectList.length ? /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+    return selectList.length ? /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: '100%',
+        maxWidth: '387px'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
       columns: showColumns,
       rowKey: 'skuCode',
       dataSource: selectList,
@@ -10972,7 +10978,7 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
         pageSize: pageSize,
         showSizeChanger: false
       }
-    }) : null;
+    })) : null;
   };
   return /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
     title: '选择商品',
@@ -10984,7 +10990,10 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       _onCancel();
     },
     onOk: onOk,
-    wrapClassName: "goodModal"
+    wrapClassName: "goodModal",
+    style: {
+      top: 20
+    }
   }, /*#__PURE__*/React__default['default'].createElement(antd.Form, {
     layout: "inline",
     form: form,
@@ -11060,6 +11069,9 @@ var GoodsModal$1 = function GoodsModal(props, ref) {
       onChange: pageChange
     }
   }), /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode.parentElement;
+    },
     content: showTable(),
     title: "\u5DF2\u9009\u62E9".concat(selectIds.length, "\u4E2A\u5546\u54C1")
   }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.24.1-alpha.8",
+  "version": "0.24.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "^0.24.1-alpha.4",
+    "@kmkf-fe-packages/kmkf-utils": "^0.24.1",
     "ahooks": "^3.7.4",
     "kmkf-monitor": "^0.8.8",
     "lodash": "^4.17.21",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c95816485d356e428467a0a0b5b1402171662270"
+  "gitHead": "1574e8b0d511d79bf4a92f7d614a226b67fc8640"
 }