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

package/dist/index.esm.js

@@ -8941,7 +8941,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 .goodBox-Img.rich-item.with-pic,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context .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 .goodBox-Img.rich-item .right-context .ant-input {\n  flex-shrink: 1;\n  flex-grow: 1;\n  width: 20px;\n  flex-basis: 40px;\n}\n.goodBox-Img.rich-item {\n  position: relative;\n  border: 1px solid #ccc;\n  display: flex;\n  flex-basis: 80px;\n  flex-wrap: wrap;\n  margin: 0 10px 10px 0;\n  padding: 4px;\n}\n.goodBox-Img.rich-item.with-pic {\n  flex-basis: 90px;\n}\n.goodBox-Img.rich-item.with-attr {\n  flex-basis: 150px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n.goodBox-Img.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n.goodBox-Img.rich-item .goods-imgBox {\n  margin-bottom: 0;\n}\n.goodBox-Img.rich-item .right-context div {\n  display: flex;\n}\n.goodBox-Img.rich-item .right-context div:not(:first-child) {\n  margin-top: 4px;\n}\n";
+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-box.rich-item.with-pic,\n.goodsBox.single-row .good-box.rich-item.with-attr,\n.goodsBox.single-row .good-box.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-box.rich-item .right-context {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.goodsBox.single-row .good-box.rich-item .right-context .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-box.rich-item .right-context .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";
 styleInject(css_248z$6);
 
 var GoodItem = function GoodItem(props) {
@@ -9176,7 +9176,7 @@ var GoodItem = function GoodItem(props) {
   }];
   var hasPic = headerList.includes('picUrl');
   var hasAttr = hasPic ? headerList.length > 1 : headerList.length > 0;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, imgList.length === 0 ? /*#__PURE__*/React.createElement("p", {
+  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"
@@ -9188,7 +9188,7 @@ var GoodItem = function GoodItem(props) {
   }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
+      className: "good-item rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
     }, !disabled && /*#__PURE__*/React.createElement("img", {
       src: iconDelete,
       alt: "",
@@ -9197,7 +9197,7 @@ var GoodItem = function GoodItem(props) {
         handleDelete(index);
       }
     }), hasPic && /*#__PURE__*/React.createElement("div", {
-      className: "goods-imgBox",
+      className: "good-img",
       key: "".concat(img.picUrl, "-").concat(index, "-goods")
     }, img.platform !== 'taobao' ? /*#__PURE__*/React.createElement("img", {
       src: img.picUrl || defaultImg,
@@ -9211,7 +9211,7 @@ var GoodItem = function GoodItem(props) {
       className: "img",
       alt: ""
     }))), /*#__PURE__*/React.createElement("div", {
-      className: "right-context",
+      className: "good-attrs",
       key: "".concat(img.picUrl, "-").concat(index, "-context")
     }, goodItemAttrs.map(function (item) {
       return item.isShow && /*#__PURE__*/React.createElement("div", {

package/dist/index.js

@@ -8952,7 +8952,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 .goodBox-Img.rich-item.with-pic,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr,\n.goodsBox.single-row .goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.goodsBox.single-row .goodBox-Img.rich-item .right-context .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 .goodBox-Img.rich-item .right-context .ant-input {\n  flex-shrink: 1;\n  flex-grow: 1;\n  width: 20px;\n  flex-basis: 40px;\n}\n.goodBox-Img.rich-item {\n  position: relative;\n  border: 1px solid #ccc;\n  display: flex;\n  flex-basis: 80px;\n  flex-wrap: wrap;\n  margin: 0 10px 10px 0;\n  padding: 4px;\n}\n.goodBox-Img.rich-item.with-pic {\n  flex-basis: 90px;\n}\n.goodBox-Img.rich-item.with-attr {\n  flex-basis: 150px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic {\n  flex-basis: 238px;\n}\n.goodBox-Img.rich-item.with-attr.with-pic .goods-imgBox {\n  margin-right: 8px;\n}\n.goodBox-Img.rich-item .good-item-attr {\n  margin-right: 6px;\n  width: 52px;\n  flex-basis: 52px;\n}\n.goodBox-Img.rich-item .goods-imgBox {\n  margin-bottom: 0;\n}\n.goodBox-Img.rich-item .right-context div {\n  display: flex;\n}\n.goodBox-Img.rich-item .right-context div:not(:first-child) {\n  margin-top: 4px;\n}\n";
+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-box.rich-item.with-pic,\n.goodsBox.single-row .good-box.rich-item.with-attr,\n.goodsBox.single-row .good-box.rich-item.with-attr.with-pic {\n  flex-basis: 100%;\n}\n.goodsBox.single-row .good-box.rich-item .right-context {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.goodsBox.single-row .good-box.rich-item .right-context .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-box.rich-item .right-context .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";
 styleInject(css_248z$6);
 
 var GoodItem = function GoodItem(props) {
@@ -9187,7 +9187,7 @@ var GoodItem = function GoodItem(props) {
   }];
   var hasPic = headerList.includes('picUrl');
   var hasAttr = hasPic ? headerList.length > 1 : headerList.length > 0;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imgList.length === 0 ? /*#__PURE__*/React__default['default'].createElement("p", {
+  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"
@@ -9199,7 +9199,7 @@ var GoodItem = function GoodItem(props) {
   }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: index,
-      className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
+      className: "good-item rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
     }, !disabled && /*#__PURE__*/React__default['default'].createElement("img", {
       src: iconDelete,
       alt: "",
@@ -9208,7 +9208,7 @@ var GoodItem = function GoodItem(props) {
         handleDelete(index);
       }
     }), hasPic && /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "goods-imgBox",
+      className: "good-img",
       key: "".concat(img.picUrl, "-").concat(index, "-goods")
     }, img.platform !== 'taobao' ? /*#__PURE__*/React__default['default'].createElement("img", {
       src: img.picUrl || defaultImg,
@@ -9222,7 +9222,7 @@ var GoodItem = function GoodItem(props) {
       className: "img",
       alt: ""
     }))), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "right-context",
+      className: "good-attrs",
       key: "".concat(img.picUrl, "-").concat(index, "-context")
     }, goodItemAttrs.map(function (item) {
       return item.isShow && /*#__PURE__*/React__default['default'].createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.24.1-alpha.4",
+  "version": "0.24.1-alpha.5",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8b1fad185651cc39d945fa3a0a869f843d4c392b"
+  "gitHead": "80ad0e620b472074e6d56b101f9f1a77ec630c61"
 }