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

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 +13 -7
  2. package/dist/index.js +13 -7
  3. package/package.json +3 -3
package/dist/index.esm.js CHANGED
@@ -8941,7 +8941,7 @@ var ChooseBaby = function ChooseBaby(props) {
8941
8941
  }));
8942
8942
  };
8943
8943
 
8944
- 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";
8944
+ 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";
8945
8945
  styleInject(css_248z$6);
8946
8946
 
8947
8947
  var GoodItem = function GoodItem(props) {
@@ -8953,7 +8953,7 @@ var GoodItem = function GoodItem(props) {
8953
8953
  imgList: []
8954
8954
  } : _props$value,
8955
8955
  _props$maxLength = props.maxLength,
8956
- maxLength = _props$maxLength === void 0 ? 999999999 : _props$maxLength,
8956
+ maxLength = _props$maxLength === void 0 ? 20 : _props$maxLength,
8957
8957
  onChange = props.onChange,
8958
8958
  _props$type = props.type,
8959
8959
  type = _props$type === void 0 ? 2 : _props$type,
@@ -9176,13 +9176,19 @@ var GoodItem = function GoodItem(props) {
9176
9176
  }];
9177
9177
  var hasPic = headerList.includes('picUrl');
9178
9178
  var hasAttr = hasPic ? headerList.length > 1 : headerList.length > 0;
9179
- return /*#__PURE__*/React.createElement("div", {
9179
+ return /*#__PURE__*/React.createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React.createElement("p", {
9180
+ className: "goods-title"
9181
+ }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React.createElement("p", {
9182
+ className: "goods-uploaded-state"
9183
+ }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React.createElement("span", {
9184
+ className: "goods-uploaded-count"
9185
+ }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React.createElement("div", {
9180
9186
  ref: boxRef,
9181
9187
  className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
9182
9188
  }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
9183
9189
  return /*#__PURE__*/React.createElement("div", {
9184
9190
  key: index,
9185
- className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
9191
+ className: "good-item rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
9186
9192
  }, !disabled && /*#__PURE__*/React.createElement("img", {
9187
9193
  src: iconDelete,
9188
9194
  alt: "",
@@ -9191,7 +9197,7 @@ var GoodItem = function GoodItem(props) {
9191
9197
  handleDelete(index);
9192
9198
  }
9193
9199
  }), hasPic && /*#__PURE__*/React.createElement("div", {
9194
- className: "goods-imgBox",
9200
+ className: "good-img",
9195
9201
  key: "".concat(img.picUrl, "-").concat(index, "-goods")
9196
9202
  }, img.platform !== 'taobao' ? /*#__PURE__*/React.createElement("img", {
9197
9203
  src: img.picUrl || defaultImg,
@@ -9205,7 +9211,7 @@ var GoodItem = function GoodItem(props) {
9205
9211
  className: "img",
9206
9212
  alt: ""
9207
9213
  }))), /*#__PURE__*/React.createElement("div", {
9208
- className: "right-context",
9214
+ className: "good-attrs",
9209
9215
  key: "".concat(img.picUrl, "-").concat(index, "-context")
9210
9216
  }, goodItemAttrs.map(function (item) {
9211
9217
  return item.isShow && /*#__PURE__*/React.createElement("div", {
@@ -9254,7 +9260,7 @@ var GoodItem = function GoodItem(props) {
9254
9260
  ref: skuRef,
9255
9261
  userNick: userNick,
9256
9262
  type: type
9257
- }));
9263
+ })));
9258
9264
  };
9259
9265
 
9260
9266
  var TBGoodSerial = function TBGoodSerial(props) {
package/dist/index.js CHANGED
@@ -8952,7 +8952,7 @@ var ChooseBaby = function ChooseBaby(props) {
8952
8952
  }));
8953
8953
  };
8954
8954
 
8955
- 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";
8955
+ 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";
8956
8956
  styleInject(css_248z$6);
8957
8957
 
8958
8958
  var GoodItem = function GoodItem(props) {
@@ -8964,7 +8964,7 @@ var GoodItem = function GoodItem(props) {
8964
8964
  imgList: []
8965
8965
  } : _props$value,
8966
8966
  _props$maxLength = props.maxLength,
8967
- maxLength = _props$maxLength === void 0 ? 999999999 : _props$maxLength,
8967
+ maxLength = _props$maxLength === void 0 ? 20 : _props$maxLength,
8968
8968
  onChange = props.onChange,
8969
8969
  _props$type = props.type,
8970
8970
  type = _props$type === void 0 ? 2 : _props$type,
@@ -9187,13 +9187,19 @@ var GoodItem = function GoodItem(props) {
9187
9187
  }];
9188
9188
  var hasPic = headerList.includes('picUrl');
9189
9189
  var hasAttr = hasPic ? headerList.length > 1 : headerList.length > 0;
9190
- return /*#__PURE__*/React__default['default'].createElement("div", {
9190
+ return /*#__PURE__*/React__default['default'].createElement("div", null, imgList.length === 0 ? /*#__PURE__*/React__default['default'].createElement("p", {
9191
+ className: "goods-title"
9192
+ }, "\u6700\u591A\u6DFB\u52A0", maxLength, "\u4E2A\u5B9D\u8D1D") : /*#__PURE__*/React__default['default'].createElement("p", {
9193
+ className: "goods-uploaded-state"
9194
+ }, "\u5DF2\u6DFB\u52A0", /*#__PURE__*/React__default['default'].createElement("span", {
9195
+ className: "goods-uploaded-count"
9196
+ }, imgList.length), "/", maxLength, "\u4E2A\u5B9D\u8D1D"), /*#__PURE__*/React__default['default'].createElement("div", {
9191
9197
  ref: boxRef,
9192
9198
  className: "goodsBox goodsBox-item-horizontal--box".concat(isSingleRow ? ' single-row' : '')
9193
9199
  }, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (img, index) {
9194
9200
  return /*#__PURE__*/React__default['default'].createElement("div", {
9195
9201
  key: index,
9196
- className: "goodBox-Img rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
9202
+ className: "good-item rich-item".concat(hasPic ? ' with-pic' : '').concat(hasAttr ? ' with-attr' : '')
9197
9203
  }, !disabled && /*#__PURE__*/React__default['default'].createElement("img", {
9198
9204
  src: iconDelete,
9199
9205
  alt: "",
@@ -9202,7 +9208,7 @@ var GoodItem = function GoodItem(props) {
9202
9208
  handleDelete(index);
9203
9209
  }
9204
9210
  }), hasPic && /*#__PURE__*/React__default['default'].createElement("div", {
9205
- className: "goods-imgBox",
9211
+ className: "good-img",
9206
9212
  key: "".concat(img.picUrl, "-").concat(index, "-goods")
9207
9213
  }, img.platform !== 'taobao' ? /*#__PURE__*/React__default['default'].createElement("img", {
9208
9214
  src: img.picUrl || defaultImg,
@@ -9216,7 +9222,7 @@ var GoodItem = function GoodItem(props) {
9216
9222
  className: "img",
9217
9223
  alt: ""
9218
9224
  }))), /*#__PURE__*/React__default['default'].createElement("div", {
9219
- className: "right-context",
9225
+ className: "good-attrs",
9220
9226
  key: "".concat(img.picUrl, "-").concat(index, "-context")
9221
9227
  }, goodItemAttrs.map(function (item) {
9222
9228
  return item.isShow && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -9265,7 +9271,7 @@ var GoodItem = function GoodItem(props) {
9265
9271
  ref: skuRef,
9266
9272
  userNick: userNick,
9267
9273
  type: type
9268
- }));
9274
+ })));
9269
9275
  };
9270
9276
 
9271
9277
  var TBGoodSerial = function TBGoodSerial(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/basic-components",
3
- "version": "0.24.1-alpha.1",
3
+ "version": "0.24.1-alpha.5",
4
4
  "description": "> TODO: description",
5
5
  "homepage": "",
6
6
  "license": "ISC",
@@ -20,7 +20,7 @@
20
20
  "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
21
21
  },
22
22
  "dependencies": {
23
- "@kmkf-fe-packages/kmkf-utils": "^0.24.1-alpha.0",
23
+ "@kmkf-fe-packages/kmkf-utils": "^0.24.1-alpha.4",
24
24
  "ahooks": "^3.7.4",
25
25
  "kmkf-monitor": "^0.8.8",
26
26
  "lodash": "^4.17.21",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "f2f307188e76984908f2f53a1a218d8be57794b5"
67
+ "gitHead": "80ad0e620b472074e6d56b101f9f1a77ec630c61"
68
68
  }