@kmkf-fe-packages/basic-components 0.23.1-beta.15 → 0.23.1-beta.16

package/dist/index.esm.js

@@ -10702,43 +10702,44 @@ var columns$1 = [{
 }, {
   dataIndex: 'goodName',
   title: '商品名称',
-  with: 200,
+  width: 200,
   ellipsis: true
 }, {
   dataIndex: 'goodNo',
   title: '商品spu编码',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'goodId',
   title: 'SPUID',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'specCount',
   title: '规格数',
-  with: 200,
-  ellipsis: true
+  width: 160
+  // ellipsis: true,
 }];
+
 var expandedColumns = [{
   dataIndex: 'specName',
   title: '商品sku名称',
-  with: 200,
+  width: 200,
   ellipsis: true
 }, {
   dataIndex: 'specNo',
   title: '商品sku编码',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'specId',
   title: 'SKUID',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'imgUrl',
   title: '商品图片',
-  with: 200,
+  width: 100,
   render: function render(picUrl) {
     return /*#__PURE__*/React.createElement("img", {
       style: {
@@ -10751,13 +10752,16 @@ var expandedColumns = [{
   }
 }, {
   dataIndex: 'marketPrice',
-  title: '市场价'
+  title: '市场价',
+  width: 140
 }, {
   dataIndex: 'retailPrice',
-  title: '零售价'
+  title: '零售价',
+  width: 140
 }, {
   dataIndex: 'memberPrice',
-  title: '会员价'
+  title: '会员价',
+  width: 140
 }];
 var dateFormat = 'YYYY-MM-DD HH:mm:ss';
 var GoodsModal$3 = function GoodsModal(props, ref) {
@@ -10774,6 +10778,8 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     };
   });
 
+  var initStartTime = hooks().subtract(1, 'M').format(dateFormat);
+  var initEndTime = hooks().format(dateFormat);
   var onSubmit = props.onSubmit,
     shopId = props.shopId,
     shopList = props.shopList,
@@ -10810,11 +10816,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     total = _useState16[0],
     setTotal = _useState16[1];
-  var _useState17 = useState(hooks().subtract(1, 'M').format(dateFormat)),
+  var _useState17 = useState(initStartTime),
     _useState18 = _slicedToArray(_useState17, 2),
     startTime = _useState18[0],
     setStartTime = _useState18[1];
-  var _useState19 = useState(hooks().format(dateFormat)),
+  var _useState19 = useState(initEndTime),
     _useState20 = _slicedToArray(_useState19, 2),
     endTime = _useState20[0],
     setEndTime = _useState20[1];
@@ -10824,13 +10830,15 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       return item;
     });
   }, [selectList]);
+  useEffect(function () {
+    queryItems();
+  }, [pageNo]);
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   //选择页码
   var pageChange = function pageChange(page) {
     setPageNo(page);
-    queryItems();
   };
   /**
    * 查询商品
@@ -10840,8 +10848,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       var search,
         params,
         res,
+        _res$data,
         _res$data$productList,
         productList,
+        _res$data$total,
+        _total,
         newProducts,
         _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -10866,13 +10877,16 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
           case 6:
             res = _context.sent;
             if (res.success) {
-              _res$data$productList = res.data.productList, productList = _res$data$productList === void 0 ? [] : _res$data$productList;
+              _res$data = res.data, _res$data$productList = _res$data.productList, productList = _res$data$productList === void 0 ? [] : _res$data$productList, _res$data$total = _res$data.total, _total = _res$data$total === void 0 ? 0 : _res$data$total;
               newProducts = productList.map(function (item, index) {
                 return _objectSpread2(_objectSpread2({}, item), {}, {
                   index: index + 1
                 });
               });
-              initData(_toConsumableArray(newProducts));
+              setGoodList(_toConsumableArray(newProducts));
+              if (pageNo === 1) {
+                setTotal(_total);
+              }
             }
           case 8:
             _context.prev = 8;
@@ -10888,11 +10902,6 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  var initData = function initData(list) {
-    setGoodList(_toConsumableArray(list));
-    setTotal(list.length);
-    setPageNo(1);
-  };
   var _onCancel = function onCancel() {
     onReset();
     setVisible(false);
@@ -10909,7 +10918,8 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
   };
   var onReset = function onReset() {
     form.resetFields();
-    initData([]);
+    setPageNo(1);
+    // queryItems()
   };
   // const getShopList = async () => {
   //   const { success, data } = await request('/qy/diamond/getConfigInfo', {
@@ -11012,7 +11022,10 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       columns: expandedColumns,
       dataSource: record.itemDetailList || [],
       pagination: false,
-      rowSelection: expandedRowSelection
+      rowSelection: expandedRowSelection,
+      scroll: {
+        x: true
+      }
     });
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
@@ -11030,7 +11043,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     layout: "inline",
     form: form,
     onFinish: onFinish,
-    onValuesChange: onValuesChange
+    onValuesChange: onValuesChange,
+    initialValues: {
+      dateTimePicker: [hooks(initStartTime, dateFormat), hooks(initEndTime, dateFormat)],
+      code: ''
+    }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: "dateTimePicker"
   }, /*#__PURE__*/React.createElement(RangePicker, {
@@ -11050,12 +11067,15 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     htmlType: "submit"
   }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
     onClick: onReset
-  }, "\u91CD\u7F6E"))), /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
+  }, "\u91CD\u7F6E"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '16px'
+    }
   }, /*#__PURE__*/React.createElement(Table, {
     rowKey: 'goodNo',
     columns: columns$1,
     dataSource: goodList,
+    loading: loading,
     scroll: {
       x: true,
       y: 250
@@ -11164,18 +11184,18 @@ var GoodItem = function GoodItem(props) {
             align: 'center',
             ellipsis: true,
             width: 100
-          }, {
-            dataIndex: 'specId',
-            title: "".concat(text, "SKUID"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
           }, {
             dataIndex: 'goodName',
             title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
             align: 'center',
             ellipsis: true,
             width: 250
+          }, {
+            dataIndex: 'specId',
+            title: "".concat(text, "SKUID"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
           }, {
             dataIndex: 'specNo',
             title: "".concat(text, "sku\u7F16\u7801"),
@@ -11190,7 +11210,7 @@ var GoodItem = function GoodItem(props) {
             width: 250
           }, {
             dataIndex: 'orderPrice',
-            title: "\u5B9E\u4ED8\u91D1\u989D",
+            title: "\u5B9E\u4ED8\u603B\u91D1\u989D",
             align: 'center',
             ellipsis: true,
             width: 100
@@ -11229,7 +11249,7 @@ var GoodItem = function GoodItem(props) {
             width: 70
           }, {
             dataIndex: 'giftType',
-            title: "\u8D60\u54C1\u7C7B\u578B",
+            title: "\u8D60\u54C1\u65B9\u5F0F",
             align: 'center',
             ellipsis: true,
             width: 100,

package/dist/index.js

@@ -10713,43 +10713,44 @@ var columns$1 = [{
 }, {
   dataIndex: 'goodName',
   title: '商品名称',
-  with: 200,
+  width: 200,
   ellipsis: true
 }, {
   dataIndex: 'goodNo',
   title: '商品spu编码',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'goodId',
   title: 'SPUID',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'specCount',
   title: '规格数',
-  with: 200,
-  ellipsis: true
+  width: 160
+  // ellipsis: true,
 }];
+
 var expandedColumns = [{
   dataIndex: 'specName',
   title: '商品sku名称',
-  with: 200,
+  width: 200,
   ellipsis: true
 }, {
   dataIndex: 'specNo',
   title: '商品sku编码',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'specId',
   title: 'SKUID',
-  with: 200,
-  ellipsis: true
+  width: 200
+  // ellipsis: true,
 }, {
   dataIndex: 'imgUrl',
   title: '商品图片',
-  with: 200,
+  width: 100,
   render: function render(picUrl) {
     return /*#__PURE__*/React__default['default'].createElement("img", {
       style: {
@@ -10762,13 +10763,16 @@ var expandedColumns = [{
   }
 }, {
   dataIndex: 'marketPrice',
-  title: '市场价'
+  title: '市场价',
+  width: 140
 }, {
   dataIndex: 'retailPrice',
-  title: '零售价'
+  title: '零售价',
+  width: 140
 }, {
   dataIndex: 'memberPrice',
-  title: '会员价'
+  title: '会员价',
+  width: 140
 }];
 var dateFormat = 'YYYY-MM-DD HH:mm:ss';
 var GoodsModal$3 = function GoodsModal(props, ref) {
@@ -10785,6 +10789,8 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     };
   });
 
+  var initStartTime = hooks().subtract(1, 'M').format(dateFormat);
+  var initEndTime = hooks().format(dateFormat);
   var onSubmit = props.onSubmit,
     shopId = props.shopId,
     shopList = props.shopList,
@@ -10821,11 +10827,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     total = _useState16[0],
     setTotal = _useState16[1];
-  var _useState17 = React.useState(hooks().subtract(1, 'M').format(dateFormat)),
+  var _useState17 = React.useState(initStartTime),
     _useState18 = _slicedToArray(_useState17, 2),
     startTime = _useState18[0],
     setStartTime = _useState18[1];
-  var _useState19 = React.useState(hooks().format(dateFormat)),
+  var _useState19 = React.useState(initEndTime),
     _useState20 = _slicedToArray(_useState19, 2),
     endTime = _useState20[0],
     setEndTime = _useState20[1];
@@ -10835,13 +10841,15 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       return item;
     });
   }, [selectList]);
+  React.useEffect(function () {
+    queryItems();
+  }, [pageNo]);
   var _Form$useForm = antd.Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   //选择页码
   var pageChange = function pageChange(page) {
     setPageNo(page);
-    queryItems();
   };
   /**
    * 查询商品
@@ -10851,8 +10859,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       var search,
         params,
         res,
+        _res$data,
         _res$data$productList,
         productList,
+        _res$data$total,
+        _total,
         newProducts,
         _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -10877,13 +10888,16 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
           case 6:
             res = _context.sent;
             if (res.success) {
-              _res$data$productList = res.data.productList, productList = _res$data$productList === void 0 ? [] : _res$data$productList;
+              _res$data = res.data, _res$data$productList = _res$data.productList, productList = _res$data$productList === void 0 ? [] : _res$data$productList, _res$data$total = _res$data.total, _total = _res$data$total === void 0 ? 0 : _res$data$total;
               newProducts = productList.map(function (item, index) {
                 return _objectSpread2(_objectSpread2({}, item), {}, {
                   index: index + 1
                 });
               });
-              initData(_toConsumableArray(newProducts));
+              setGoodList(_toConsumableArray(newProducts));
+              if (pageNo === 1) {
+                setTotal(_total);
+              }
             }
           case 8:
             _context.prev = 8;
@@ -10899,11 +10913,6 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  var initData = function initData(list) {
-    setGoodList(_toConsumableArray(list));
-    setTotal(list.length);
-    setPageNo(1);
-  };
   var _onCancel = function onCancel() {
     onReset();
     setVisible(false);
@@ -10920,7 +10929,8 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
   };
   var onReset = function onReset() {
     form.resetFields();
-    initData([]);
+    setPageNo(1);
+    // queryItems()
   };
   // const getShopList = async () => {
   //   const { success, data } = await request('/qy/diamond/getConfigInfo', {
@@ -11023,7 +11033,10 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
       columns: expandedColumns,
       dataSource: record.itemDetailList || [],
       pagination: false,
-      rowSelection: expandedRowSelection
+      rowSelection: expandedRowSelection,
+      scroll: {
+        x: true
+      }
     });
   };
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Modal, {
@@ -11041,7 +11054,11 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     layout: "inline",
     form: form,
     onFinish: onFinish,
-    onValuesChange: onValuesChange
+    onValuesChange: onValuesChange,
+    initialValues: {
+      dateTimePicker: [hooks(initStartTime, dateFormat), hooks(initEndTime, dateFormat)],
+      code: ''
+    }
   }, /*#__PURE__*/React__default['default'].createElement(antd.Form.Item, {
     name: "dateTimePicker"
   }, /*#__PURE__*/React__default['default'].createElement(RangePicker, {
@@ -11061,12 +11078,15 @@ var GoodsModal$3 = function GoodsModal(props, ref) {
     htmlType: "submit"
   }, "\u67E5\u8BE2"), /*#__PURE__*/React__default['default'].createElement(antd.Button, {
     onClick: onReset
-  }, "\u91CD\u7F6E"))), /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
-    spinning: loading
+  }, "\u91CD\u7F6E"))), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      marginTop: '16px'
+    }
   }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
     rowKey: 'goodNo',
     columns: columns$1,
     dataSource: goodList,
+    loading: loading,
     scroll: {
       x: true,
       y: 250
@@ -11175,18 +11195,18 @@ var GoodItem = function GoodItem(props) {
             align: 'center',
             ellipsis: true,
             width: 100
-          }, {
-            dataIndex: 'specId',
-            title: "".concat(text, "SKUID"),
-            align: 'center',
-            ellipsis: true,
-            width: 100
           }, {
             dataIndex: 'goodName',
             title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
             align: 'center',
             ellipsis: true,
             width: 250
+          }, {
+            dataIndex: 'specId',
+            title: "".concat(text, "SKUID"),
+            align: 'center',
+            ellipsis: true,
+            width: 100
           }, {
             dataIndex: 'specNo',
             title: "".concat(text, "sku\u7F16\u7801"),
@@ -11201,7 +11221,7 @@ var GoodItem = function GoodItem(props) {
             width: 250
           }, {
             dataIndex: 'orderPrice',
-            title: "\u5B9E\u4ED8\u91D1\u989D",
+            title: "\u5B9E\u4ED8\u603B\u91D1\u989D",
             align: 'center',
             ellipsis: true,
             width: 100
@@ -11240,7 +11260,7 @@ var GoodItem = function GoodItem(props) {
             width: 70
           }, {
             dataIndex: 'giftType',
-            title: "\u8D60\u54C1\u7C7B\u578B",
+            title: "\u8D60\u54C1\u65B9\u5F0F",
             align: 'center',
             ellipsis: true,
             width: 100,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.23.1-beta.15",
+  "version": "0.23.1-beta.16",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3ca079b7e16ea45b440c80b4e49222fa21b1a545"
+  "gitHead": "b25d0a7eff9d6692d21f0f554367111c917fd552"
 }