@kmkf-fe-packages/basic-components 1.6.1 → 1.8.0-beta.0

package/README.md

@@ -18,4 +18,4 @@ yarn start
 - common 公共组件
 - config 公共方法
 - assets 静态资源 
-- 
+- 

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo } from 'react';
-import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Tabs, ConfigProvider, Pagination, Popover, Table } from 'antd';
+import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
+import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate, Form, Popover, Table, Tabs, ConfigProvider, Pagination } from 'antd';
 import { EyeOutlined, DeleteOutlined, CloseCircleOutlined, CaretUpOutlined } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { AddressData, BsAddressData, WdtAddressData, request as request$1, ExpressData, uuid, LogisticsAddressData, WdtSendData, WDT_ORDER_TYPE_MAP } from '@kmkf-fe-packages/kmkf-utils';
+import { debounce, isNaN as isNaN$1, isNumber as isNumber$1, cloneDeep, difference, differenceWith } from 'lodash';
+import { useUpdateEffect, useDebounceEffect } from 'ahooks';
 import zhCN from 'antd/lib/locale/zh_CN';
-import { cloneDeep, difference, differenceWith } from 'lodash';
-import { useDebounceEffect } from 'ahooks';
 import pubsub from 'pubsub-js';
 import BigNumber from 'bignumber.js';
 
@@ -511,11 +511,12 @@ var ApaasDate = function ApaasDate(props) {
   }, otherProps));
 };
 
-var _excluded$1 = ["isNumber", "replaceWarn"];
+var _excluded$1 = ["isNumber", "replaceWarn", "precision"];
 function ApaasInput(props) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var isNumber = props.isNumber,
     replaceWarn = props.replaceWarn,
+    precision = props.precision,
     other = _objectWithoutProperties(props, _excluded$1);
   var handleBlur = function handleBlur(e) {
     // 去除头尾空格
@@ -525,8 +526,12 @@ function ApaasInput(props) {
     typeof onChange === 'function' && onChange(e);
     typeof onBlur === 'function' && onBlur(e);
   };
+  return isNumber ?
+  /*#__PURE__*/
   // @ts-ignore
-  return isNumber ? /*#__PURE__*/React.createElement(InputNumber, _objectSpread2({}, other)) : /*#__PURE__*/React.createElement(Input, _objectSpread2(_objectSpread2({}, other), {}, {
+  React.createElement(InputNumber, _objectSpread2(_objectSpread2({}, other), {}, {
+    precision: precision === 'nolimit' ? undefined : precision
+  })) : /*#__PURE__*/React.createElement(Input, _objectSpread2(_objectSpread2({}, other), {}, {
     onBlur: handleBlur
   }));
 }
@@ -7627,6 +7632,391 @@ function withFormItem(WrappedComponent) {
   };
 }
 
+/*
+ * @Author: wangzhenggui jianjia.wzg@raycloud.com
+ * @Date: 2022-09-13 11:06:09
+ * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
+ * @LastEditTime: 2022-11-04 15:55:10
+ * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/common/request.ts
+ * @Description:
+ *
+ * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
+ */
+var extendRequest = extend$1({});
+
+var WidgetMap = {
+  INPUT: 'input',
+  TEXTAREA: 'textarea'
+};
+var pageSize = 50;
+var SubForm = function SubForm(props) {
+  var _selectOptions$;
+  var value = props.value,
+    onChange = props.onChange,
+    needFilterShopByPermission = props.needFilterShopByPermission,
+    _props$subConfig = props.subConfig,
+    flowStatus = _props$subConfig.flowStatus,
+    flowTemplateKey = _props$subConfig.flowTemplateKey,
+    nodeId = _props$subConfig.nodeId,
+    workOrderTemplateId = _props$subConfig.workOrderTemplateId,
+    correlationList = _props$subConfig.correlationList,
+    tableHeader = props.tableHeader,
+    disabled = props.disabled;
+  var ref = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectKey = _useState4[0],
+    setSelectKey = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    list = _useState8[0],
+    setList = _useState8[1];
+  var _useState9 = useState(1),
+    _useState10 = _slicedToArray(_useState9, 2),
+    pageNo = _useState10[0],
+    setPageNo = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    hasMore = _useState12[0],
+    setHasMore = _useState12[1];
+  var updateHandle = function updateHandle(val, index, type) {
+    if (value === null || value === void 0 ? void 0 : value.length) {
+      var valueItem = tableHeader.find(function (t) {
+        return t.key === type && t.isNumber && t.precision !== 'nolimit';
+      });
+      var newValue = JSON.parse(JSON.stringify(value));
+      newValue[index][type] = valueItem ? Number(val).toFixed(+valueItem.precision) : val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(newValue));
+    }
+  };
+  var newTableHeader = useMemo(function () {
+    return correlationList.reduce(function (prv, next) {
+      var t = tableHeader.find(function (t) {
+        return t.key === next.key;
+      }) || {
+        isShow: true,
+        isEdit: false,
+        isRequired: false,
+        isNumber: false,
+        precision: 'nolimit',
+        width: 150
+      };
+      if (t && t.isShow) {
+        prv.push(_objectSpread2(_objectSpread2({}, next), t));
+      }
+      return prv;
+    }, []);
+  }, [correlationList, tableHeader]);
+  var column = [{
+    dataIndex: 'index',
+    title: '序号',
+    width: 50,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: 25
+        }
+      }, index + 1);
+    }
+  }].concat(_toConsumableArray(newTableHeader.map(function (t) {
+    return {
+      dataIndex: t.key,
+      title: /*#__PURE__*/React.createElement("span", null, t.isRequired ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: 'red'
+        }
+      }, "*") : null, t.name),
+      ellipsis: true,
+      width: t.width,
+      render: function render(val, record, index) {
+        // @ts-ignore
+        var precisionValue = t.precision === 'nolimit' ? undefined : t.precision;
+        return !t.isEdit && !disabled ? t.isNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+          style: {
+            width: '100%'
+          },
+          value: val,
+          precision: precisionValue,
+          onChange: function onChange(e) {
+            return updateHandle(e, index, t.key);
+          },
+          stringMode: true
+        }) : /*#__PURE__*/React.createElement(Input, {
+          style: {
+            width: '100%'
+          },
+          value: val,
+          onChange: function onChange(e) {
+            var _e$target;
+            return updateHandle(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value, index, t.key);
+          }
+        }) : /*#__PURE__*/React.createElement("div", null, val);
+      }
+    };
+  })), [disabled ? {} : {
+    dataIndex: 'operation',
+    title: '操作',
+    width: 70,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        onClick: function onClick() {
+          return deleteHandle(record.uuid);
+        }
+      }, "\u5220\u9664");
+    }
+  }]);
+  var columsSearch = useMemo(function () {
+    return [{
+      dataIndex: 'index',
+      title: '序号',
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: 25
+          }
+        }, index + 1);
+      }
+    }].concat(_toConsumableArray(newTableHeader.map(function (t) {
+      return {
+        dataIndex: t.key,
+        title: t.name
+      };
+    })));
+  }, [newTableHeader]);
+  var valueMap = useMemo(function () {
+    return newTableHeader.reduce(function (prv, next) {
+      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = next.key;
+      return prv;
+    }, {});
+  }, [newTableHeader]);
+  var selectOptions = useMemo(function () {
+    var _options$;
+    var options = newTableHeader.map(function (item) {
+      return {
+        label: item.name,
+        value: "".concat(item.key, "_").concat(WidgetMap[item.workOrderComponentType])
+      };
+    });
+    setSelectKey(options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value);
+    return options;
+  }, [newTableHeader]);
+  var deleteHandle = function deleteHandle(uuid) {
+    var newList = value.filter(function (item) {
+      return item.uuid !== uuid;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  var onScrollCapture = function onScrollCapture(e) {
+    if (e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight) {
+      if (hasMore) {
+        getWorkOrderList({
+          pageNo: pageNo + 1
+        });
+        setPageNo(pageNo + 1);
+      }
+    }
+  };
+  var getWorkOrderList = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref2,
+        _ref2$pageNo,
+        pageNo,
+        params,
+        res,
+        data,
+        success,
+        newList,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _ref2 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, _ref2$pageNo = _ref2.pageNo, pageNo = _ref2$pageNo === void 0 ? 1 : _ref2$pageNo;
+            if (!disabled) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            params = {
+              flowNodeId: nodeId,
+              flowTemplateKey: flowTemplateKey === null || flowTemplateKey === void 0 ? void 0 : flowTemplateKey[1],
+              pageNo: pageNo,
+              pageSize: pageSize,
+              templateKey: workOrderTemplateId,
+              needReturnRepeatValue: true,
+              needFilterShopByPermission: needFilterShopByPermission,
+              queryComponents: [{
+                key: 'flowStatus',
+                symbol: 'in',
+                value: flowStatus
+              }]
+            };
+            if (selectKey && inputValue) {
+              params.queryComponents = [{
+                key: 'flowStatus',
+                symbol: 'in',
+                value: flowStatus
+              }, {
+                key: selectKey,
+                symbol: 'in',
+                value: [inputValue]
+              }];
+            }
+            _context.next = 7;
+            return extendRequest('/qy/view/workOrderList', {
+              method: 'post',
+              data: params
+            });
+          case 7:
+            res = _context.sent;
+            data = res.data, success = res.success;
+            if (success) {
+              newList = ((data === null || data === void 0 ? void 0 : data.list) || []).map(function (item) {
+                var params = {};
+                Object.keys(item.jsonMap).forEach(function (key) {
+                  if (valueMap[key]) {
+                    params[valueMap[key]] = item.jsonMap[key];
+                  }
+                });
+                return params;
+              });
+              if (pageNo === 1) {
+                setList(newList);
+              } else {
+                setList([].concat(_toConsumableArray(list), _toConsumableArray(newList)));
+                setHasMore((data === null || data === void 0 ? void 0 : data.list.length) === pageSize);
+              }
+            }
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getWorkOrderList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, []);
+  useUpdateEffect(function () {
+    setPageNo(1);
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, [inputValue]);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
+  var onChangeInput = useCallback(debounce(function (val) {
+    setInputValue(val);
+    setOpen(true);
+  }, 1000), []);
+  var hasNumber = function hasNumber(val) {
+    try {
+      return isNaN$1(+val) ? false : isNumber$1(+val);
+    } catch (e) {
+      return false;
+    }
+  };
+  var selectValueHandle = function selectValueHandle(record) {
+    var numberKeys = newTableHeader.map(function (t) {
+      if (t.isNumber) {
+        return t.key;
+      }
+    });
+    var newValue = _objectSpread2({}, record);
+    if (numberKeys.length) {
+      Object.keys(newValue).forEach(function (key) {
+        if (numberKeys.includes(key)) {
+          newValue[key] = hasNumber(newValue[key]) ? newValue[key] : '';
+        }
+      });
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), [_objectSpread2(_objectSpread2({}, newValue), {}, {
+      uuid: uuid()
+    })]));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !disabled && /*#__PURE__*/React.createElement(Space, {
+    style: {
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: '120px'
+    },
+    options: selectOptions,
+    defaultValue: selectOptions === null || selectOptions === void 0 ? void 0 : (_selectOptions$ = selectOptions[0]) === null || _selectOptions$ === void 0 ? void 0 : _selectOptions$.value,
+    value: selectKey,
+    onChange: setSelectKey
+  }), /*#__PURE__*/React.createElement(Popover, {
+    content: /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      onScrollCapture: onScrollCapture,
+      style: {
+        height: 320,
+        overflowY: 'scroll',
+        overflowX: 'auto'
+      }
+    }, /*#__PURE__*/React.createElement(Table, {
+      columns: columsSearch,
+      dataSource: list,
+      rowKey: 'index',
+      size: "small",
+      pagination: false,
+      scroll: {
+        x: '100%'
+      },
+      locale: {
+        emptyText: '暂无数据'
+      },
+      onRow: function onRow(record) {
+        return {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            selectValueHandle(record);
+            setOpen(false);
+          }
+        };
+      }
+    })),
+    trigger: "click",
+    placement: "bottom",
+    visible: open,
+    onVisibleChange: handleOpenChange
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u67E5\u8BE2",
+    allowClear: true,
+    onChange: function onChange(e) {
+      onChangeInput(e.target.value);
+    }
+  }))), /*#__PURE__*/React.createElement(Table, {
+    columns: column,
+    dataSource: value,
+    rowKey: 'uuid',
+    size: "small",
+    pagination: false,
+    scroll: {
+      x: '100%'
+    },
+    locale: {
+      emptyText: '暂无数据'
+    }
+  }));
+};
+
 var BuyerNick = function BuyerNick(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -7913,18 +8303,6 @@ var AliPay = function AliPay(props) {
   })));
 };
 
-/*
- * @Author: wangzhenggui jianjia.wzg@raycloud.com
- * @Date: 2022-09-13 11:06:09
- * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
- * @LastEditTime: 2022-11-04 15:55:10
- * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/common/request.ts
- * @Description:
- *
- * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
- */
-var extendRequest = extend$1({});
-
 var css_248z$5 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$5);
 
@@ -8738,7 +9116,7 @@ var Goods = function Goods(props) {
             onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
             setVisible(false);
             //供应上编码组件 ｜｜ 商品组件且可以选择sku
-            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
+            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && list.length > 0)) {
               _context2.next = 12;
               break;
             }
@@ -8750,12 +9128,12 @@ var Goods = function Goods(props) {
           case 9:
             _yield$querySkus = _context2.sent;
             data = _yield$querySkus.data;
-            if (data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
+            if (data && data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
               options = data[0]['skus'].map(function (item) {
                 return {
-                  label: item.propertiesName.split(';').map(function (i) {
+                  label: isTaobaoPlat ? item.propertiesName.split(';').map(function (i) {
                     return i.split(':').slice(2);
-                  }).join(';'),
+                  }).join(';') : item.propertiesName,
                   value: item.skuId,
                   picUrl: item.picUrl,
                   outerSkuId: item === null || item === void 0 ? void 0 : item.outerSkuId
@@ -9068,7 +9446,7 @@ var GoodItem = function GoodItem(props) {
             });
             setVisible(false);
             //供应上编码组件 ｜｜ 商品组件且可以选择sku
-            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
+            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && list.length > 0)) {
               _context2.next = 10;
               break;
             }
@@ -9080,12 +9458,12 @@ var GoodItem = function GoodItem(props) {
           case 7:
             _yield$querySkus = _context2.sent;
             data = _yield$querySkus.data;
-            if (data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
+            if (data && data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
               options = data[0]['skus'].map(function (item) {
                 return {
-                  label: item.propertiesName.split(';').map(function (i) {
+                  label: isTaobaoPlat ? item.propertiesName.split(';').map(function (i) {
                     return i.split(':').slice(2);
-                  }).join(';'),
+                  }).join(';') : item.propertiesName,
                   value: item.skuId,
                   picUrl: item.picUrl,
                   outerSkuId: item === null || item === void 0 ? void 0 : item.outerSkuId,
@@ -13752,9 +14130,7 @@ var wdtReissue = function wdtReissue(props) {
     var _typeMap$type25;
     return !!(value === null || value === void 0 ? void 0 : value[(_typeMap$type25 = typeMap$1[type]) === null || _typeMap$type25 === void 0 ? void 0 : _typeMap$type25.wdtSystemOrderNo]);
   }, [value === null || value === void 0 ? void 0 : value[(_typeMap$type26 = typeMap$1[type]) === null || _typeMap$type26 === void 0 ? void 0 : _typeMap$type26.wdtSystemOrderNo]]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
-    gutter: 8
-  }, /*#__PURE__*/React.createElement(Col, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
     className: "gutter-row",
     xs: {
       span: 11
@@ -13786,6 +14162,9 @@ var wdtReissue = function wdtReissue(props) {
     },
     md: {
       span: 6
+    },
+    style: {
+      marginLeft: '8px'
     }
   }, /*#__PURE__*/React.createElement(Cascader, {
     style: {
@@ -14580,4 +14959,4 @@ var CalculationInput = function CalculationInput(props) {
   }, config === null || config === void 0 ? void 0 : config.unit));
 };
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods };

package/dist/index.js

@@ -8,9 +8,9 @@ var icons = require('@ant-design/icons');
 var request = require('umi-request');
 var reactCopyToClipboard = require('react-copy-to-clipboard');
 var kmkfUtils = require('@kmkf-fe-packages/kmkf-utils');
-var zhCN = require('antd/lib/locale/zh_CN');
 var lodash = require('lodash');
 var ahooks = require('ahooks');
+var zhCN = require('antd/lib/locale/zh_CN');
 var pubsub = require('pubsub-js');
 var BigNumber = require('bignumber.js');
 
@@ -523,11 +523,12 @@ var ApaasDate = function ApaasDate(props) {
   }, otherProps));
 };
 
-var _excluded$1 = ["isNumber", "replaceWarn"];
+var _excluded$1 = ["isNumber", "replaceWarn", "precision"];
 function ApaasInput(props) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var isNumber = props.isNumber,
     replaceWarn = props.replaceWarn,
+    precision = props.precision,
     other = _objectWithoutProperties(props, _excluded$1);
   var handleBlur = function handleBlur(e) {
     // 去除头尾空格
@@ -537,8 +538,12 @@ function ApaasInput(props) {
     typeof onChange === 'function' && onChange(e);
     typeof onBlur === 'function' && onBlur(e);
   };
+  return isNumber ?
+  /*#__PURE__*/
   // @ts-ignore
-  return isNumber ? /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, _objectSpread2({}, other)) : /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2(_objectSpread2({}, other), {}, {
+  React__default['default'].createElement(antd.InputNumber, _objectSpread2(_objectSpread2({}, other), {}, {
+    precision: precision === 'nolimit' ? undefined : precision
+  })) : /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2(_objectSpread2({}, other), {}, {
     onBlur: handleBlur
   }));
 }
@@ -7639,6 +7644,391 @@ function withFormItem(WrappedComponent) {
   };
 }
 
+/*
+ * @Author: wangzhenggui jianjia.wzg@raycloud.com
+ * @Date: 2022-09-13 11:06:09
+ * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
+ * @LastEditTime: 2022-11-04 15:55:10
+ * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/common/request.ts
+ * @Description:
+ *
+ * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
+ */
+var extendRequest = request.extend({});
+
+var WidgetMap = {
+  INPUT: 'input',
+  TEXTAREA: 'textarea'
+};
+var pageSize = 50;
+var SubForm = function SubForm(props) {
+  var _selectOptions$;
+  var value = props.value,
+    onChange = props.onChange,
+    needFilterShopByPermission = props.needFilterShopByPermission,
+    _props$subConfig = props.subConfig,
+    flowStatus = _props$subConfig.flowStatus,
+    flowTemplateKey = _props$subConfig.flowTemplateKey,
+    nodeId = _props$subConfig.nodeId,
+    workOrderTemplateId = _props$subConfig.workOrderTemplateId,
+    correlationList = _props$subConfig.correlationList,
+    tableHeader = props.tableHeader,
+    disabled = props.disabled;
+  var ref = React.useRef(null);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectKey = _useState4[0],
+    setSelectKey = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    list = _useState8[0],
+    setList = _useState8[1];
+  var _useState9 = React.useState(1),
+    _useState10 = _slicedToArray(_useState9, 2),
+    pageNo = _useState10[0],
+    setPageNo = _useState10[1];
+  var _useState11 = React.useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    hasMore = _useState12[0],
+    setHasMore = _useState12[1];
+  var updateHandle = function updateHandle(val, index, type) {
+    if (value === null || value === void 0 ? void 0 : value.length) {
+      var valueItem = tableHeader.find(function (t) {
+        return t.key === type && t.isNumber && t.precision !== 'nolimit';
+      });
+      var newValue = JSON.parse(JSON.stringify(value));
+      newValue[index][type] = valueItem ? Number(val).toFixed(+valueItem.precision) : val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(newValue));
+    }
+  };
+  var newTableHeader = React.useMemo(function () {
+    return correlationList.reduce(function (prv, next) {
+      var t = tableHeader.find(function (t) {
+        return t.key === next.key;
+      }) || {
+        isShow: true,
+        isEdit: false,
+        isRequired: false,
+        isNumber: false,
+        precision: 'nolimit',
+        width: 150
+      };
+      if (t && t.isShow) {
+        prv.push(_objectSpread2(_objectSpread2({}, next), t));
+      }
+      return prv;
+    }, []);
+  }, [correlationList, tableHeader]);
+  var column = [{
+    dataIndex: 'index',
+    title: '序号',
+    width: 50,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          width: 25
+        }
+      }, index + 1);
+    }
+  }].concat(_toConsumableArray(newTableHeader.map(function (t) {
+    return {
+      dataIndex: t.key,
+      title: /*#__PURE__*/React__default['default'].createElement("span", null, t.isRequired ? /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          color: 'red'
+        }
+      }, "*") : null, t.name),
+      ellipsis: true,
+      width: t.width,
+      render: function render(val, record, index) {
+        // @ts-ignore
+        var precisionValue = t.precision === 'nolimit' ? undefined : t.precision;
+        return !t.isEdit && !disabled ? t.isNumber ? /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, {
+          style: {
+            width: '100%'
+          },
+          value: val,
+          precision: precisionValue,
+          onChange: function onChange(e) {
+            return updateHandle(e, index, t.key);
+          },
+          stringMode: true
+        }) : /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+          style: {
+            width: '100%'
+          },
+          value: val,
+          onChange: function onChange(e) {
+            var _e$target;
+            return updateHandle(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value, index, t.key);
+          }
+        }) : /*#__PURE__*/React__default['default'].createElement("div", null, val);
+      }
+    };
+  })), [disabled ? {} : {
+    dataIndex: 'operation',
+    title: '操作',
+    width: 70,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+        type: "link",
+        onClick: function onClick() {
+          return deleteHandle(record.uuid);
+        }
+      }, "\u5220\u9664");
+    }
+  }]);
+  var columsSearch = React.useMemo(function () {
+    return [{
+      dataIndex: 'index',
+      title: '序号',
+      render: function render(val, record, index) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          style: {
+            width: 25
+          }
+        }, index + 1);
+      }
+    }].concat(_toConsumableArray(newTableHeader.map(function (t) {
+      return {
+        dataIndex: t.key,
+        title: t.name
+      };
+    })));
+  }, [newTableHeader]);
+  var valueMap = React.useMemo(function () {
+    return newTableHeader.reduce(function (prv, next) {
+      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = next.key;
+      return prv;
+    }, {});
+  }, [newTableHeader]);
+  var selectOptions = React.useMemo(function () {
+    var _options$;
+    var options = newTableHeader.map(function (item) {
+      return {
+        label: item.name,
+        value: "".concat(item.key, "_").concat(WidgetMap[item.workOrderComponentType])
+      };
+    });
+    setSelectKey(options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value);
+    return options;
+  }, [newTableHeader]);
+  var deleteHandle = function deleteHandle(uuid) {
+    var newList = value.filter(function (item) {
+      return item.uuid !== uuid;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newList);
+  };
+  var onScrollCapture = function onScrollCapture(e) {
+    if (e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight) {
+      if (hasMore) {
+        getWorkOrderList({
+          pageNo: pageNo + 1
+        });
+        setPageNo(pageNo + 1);
+      }
+    }
+  };
+  var getWorkOrderList = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref2,
+        _ref2$pageNo,
+        pageNo,
+        params,
+        res,
+        data,
+        success,
+        newList,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _ref2 = _args.length > 0 && _args[0] !== undefined ? _args[0] : {}, _ref2$pageNo = _ref2.pageNo, pageNo = _ref2$pageNo === void 0 ? 1 : _ref2$pageNo;
+            if (!disabled) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            params = {
+              flowNodeId: nodeId,
+              flowTemplateKey: flowTemplateKey === null || flowTemplateKey === void 0 ? void 0 : flowTemplateKey[1],
+              pageNo: pageNo,
+              pageSize: pageSize,
+              templateKey: workOrderTemplateId,
+              needReturnRepeatValue: true,
+              needFilterShopByPermission: needFilterShopByPermission,
+              queryComponents: [{
+                key: 'flowStatus',
+                symbol: 'in',
+                value: flowStatus
+              }]
+            };
+            if (selectKey && inputValue) {
+              params.queryComponents = [{
+                key: 'flowStatus',
+                symbol: 'in',
+                value: flowStatus
+              }, {
+                key: selectKey,
+                symbol: 'in',
+                value: [inputValue]
+              }];
+            }
+            _context.next = 7;
+            return extendRequest('/qy/view/workOrderList', {
+              method: 'post',
+              data: params
+            });
+          case 7:
+            res = _context.sent;
+            data = res.data, success = res.success;
+            if (success) {
+              newList = ((data === null || data === void 0 ? void 0 : data.list) || []).map(function (item) {
+                var params = {};
+                Object.keys(item.jsonMap).forEach(function (key) {
+                  if (valueMap[key]) {
+                    params[valueMap[key]] = item.jsonMap[key];
+                  }
+                });
+                return params;
+              });
+              if (pageNo === 1) {
+                setList(newList);
+              } else {
+                setList([].concat(_toConsumableArray(list), _toConsumableArray(newList)));
+                setHasMore((data === null || data === void 0 ? void 0 : data.list.length) === pageSize);
+              }
+            }
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getWorkOrderList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, []);
+  ahooks.useUpdateEffect(function () {
+    setPageNo(1);
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, [inputValue]);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
+  var onChangeInput = React.useCallback(lodash.debounce(function (val) {
+    setInputValue(val);
+    setOpen(true);
+  }, 1000), []);
+  var hasNumber = function hasNumber(val) {
+    try {
+      return lodash.isNaN(+val) ? false : lodash.isNumber(+val);
+    } catch (e) {
+      return false;
+    }
+  };
+  var selectValueHandle = function selectValueHandle(record) {
+    var numberKeys = newTableHeader.map(function (t) {
+      if (t.isNumber) {
+        return t.key;
+      }
+    });
+    var newValue = _objectSpread2({}, record);
+    if (numberKeys.length) {
+      Object.keys(newValue).forEach(function (key) {
+        if (numberKeys.includes(key)) {
+          newValue[key] = hasNumber(newValue[key]) ? newValue[key] : '';
+        }
+      });
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), [_objectSpread2(_objectSpread2({}, newValue), {}, {
+      uuid: kmkfUtils.uuid()
+    })]));
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, !disabled && /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    style: {
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    style: {
+      width: '120px'
+    },
+    options: selectOptions,
+    defaultValue: selectOptions === null || selectOptions === void 0 ? void 0 : (_selectOptions$ = selectOptions[0]) === null || _selectOptions$ === void 0 ? void 0 : _selectOptions$.value,
+    value: selectKey,
+    onChange: setSelectKey
+  }), /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+    content: /*#__PURE__*/React__default['default'].createElement("div", {
+      ref: ref,
+      onScrollCapture: onScrollCapture,
+      style: {
+        height: 320,
+        overflowY: 'scroll',
+        overflowX: 'auto'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+      columns: columsSearch,
+      dataSource: list,
+      rowKey: 'index',
+      size: "small",
+      pagination: false,
+      scroll: {
+        x: '100%'
+      },
+      locale: {
+        emptyText: '暂无数据'
+      },
+      onRow: function onRow(record) {
+        return {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            selectValueHandle(record);
+            setOpen(false);
+          }
+        };
+      }
+    })),
+    trigger: "click",
+    placement: "bottom",
+    visible: open,
+    onVisibleChange: handleOpenChange
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD\u67E5\u8BE2",
+    allowClear: true,
+    onChange: function onChange(e) {
+      onChangeInput(e.target.value);
+    }
+  }))), /*#__PURE__*/React__default['default'].createElement(antd.Table, {
+    columns: column,
+    dataSource: value,
+    rowKey: 'uuid',
+    size: "small",
+    pagination: false,
+    scroll: {
+      x: '100%'
+    },
+    locale: {
+      emptyText: '暂无数据'
+    }
+  }));
+};
+
 var BuyerNick = function BuyerNick(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -7925,18 +8315,6 @@ var AliPay = function AliPay(props) {
   })));
 };
 
-/*
- * @Author: wangzhenggui jianjia.wzg@raycloud.com
- * @Date: 2022-09-13 11:06:09
- * @LastEditors: wangzhenggui jianjia.wzg@raycloud.com
- * @LastEditTime: 2022-11-04 15:55:10
- * @FilePath: /raycloud-apaas-fe-setup/packages/apaas-react-basics-widgets/src/common/request.ts
- * @Description:
- *
- * Copyright (c) 2022 by wangzhenggui jianjia.wzg@raycloud.com, All Rights Reserved.
- */
-var extendRequest = request.extend({});
-
 var css_248z$5 = ".goodsBox {\n  display: flex;\n  flex-wrap: wrap;\n}\n.goodsBox .goodBox-Img {\n  width: 80px;\n  margin: 0 10px 10px 0;\n}\n.goodsBox .right-context {\n  font-size: 12px;\n}\n.goodsBox .right-context .ant-input {\n  font-size: 12px;\n  width: 80px;\n  height: 20px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.goodsBox .right-context .ant-input.id-textarea {\n  width: 80px;\n  resize: none;\n  height: 45px;\n}\n.goodsBox.goodsBox-item-horizontal--box {\n  flex-direction: row;\n  width: auto;\n}\n.goods-imgBox {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 4px;\n  border: 1px solid #f2f3f5;\n  margin: 0 10px 10px 0;\n  text-align: center;\n  background-color: #f2f3f5;\n}\n.goods-imgBox .add-btn {\n  color: #86909c;\n}\n.goods-imgBox .text {\n  color: #86909c;\n}\n.icon-close {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  z-index: 3;\n  background-color: #fff;\n  cursor: pointer;\n}\n.img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goods-title {\n  margin: 0 0 10px 5px;\n  color: #4e5969;\n}\n.searchBox {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n}\n.searchBox .search {\n  width: 150px;\n  margin-left: 6px;\n}\n.deg90 {\n  transform: rotate(90deg);\n}\n.goodsMain {\n  display: flex;\n  flex-wrap: wrap;\n  height: 400px;\n  overflow-y: auto;\n  margin-bottom: 10px;\n}\n.goodsMain .goodItem {\n  width: 142px;\n  height: 184px;\n  padding: 7px;\n  margin: 0 16px 16px 0;\n  border-radius: 4px;\n  background: #ffffff;\n  box-sizing: border-box;\n  /* 主题色/常规 */\n  border: 1px solid #c9cdd4;\n}\n.goodsMain .goodItem .goodImg {\n  width: 128px;\n  height: 128px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.goodsMain .goodItem .goodImg img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.goodsMain .goodItem .goodText {\n  text-align: center;\n  font-size: 12px;\n  color: #4e5969;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.goodsMain .goodItem .goodPrice {\n  text-align: center;\n  font-size: 14px;\n  color: #1d2129;\n}\n.goodsMain .goodItem.active {\n  border: 1px solid #1b5bf3;\n}\n@media screen and (max-width: 500px) {\n  .goodsMain {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 8px;\n    height: 300px;\n  }\n  .goodsMain .goodItem {\n    height: 126px;\n    width: 83px;\n    padding: 4px;\n    margin: 0;\n    border-radius: 4px;\n    background: #FFFFFF;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .goodsMain .goodItem .goodImg {\n    width: 98%;\n    height: 77px;\n  }\n  .goodsMain .goodItem .goodText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .goodsMain .goodItem.active {\n    border: 1px solid #3089dc;\n  }\n  .searchBox {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: initial;\n  }\n  .searchBox .classify {\n    width: 120px;\n  }\n  .goodModal .ant-modal-body {\n    padding: 8px;\n  }\n}\n.goods-uploaded-count {\n  color: #ff3638;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n}\n.right-context {\n  display: flex;\n  flex-direction: column;\n}\n.right-context .info-row {\n  width: 80px;\n  display: flex;\n  align-items: center;\n  padding: 0px 8px;\n  border-radius: 2px;\n  cursor: pointer;\n  background: #f2f3f5;\n  margin-bottom: 4px;\n}\n.right-context .info-row > div {\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  word-break: break-all;\n}\n.sphPagination {\n  display: flex;\n  align-items: center;\n}\n.sphPagination .shpBtn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 8px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  cursor: pointer;\n  margin: 0 8px;\n}\n.sphPagination .shpBtn.unCursor {\n  color: #eee;\n  cursor: not-allowed;\n}\n";
 styleInject(css_248z$5);
 
@@ -8750,7 +9128,7 @@ var Goods = function Goods(props) {
             onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2({}, newValue));
             setVisible(false);
             //供应上编码组件 ｜｜ 商品组件且可以选择sku
-            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
+            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && list.length > 0)) {
               _context2.next = 12;
               break;
             }
@@ -8762,12 +9140,12 @@ var Goods = function Goods(props) {
           case 9:
             _yield$querySkus = _context2.sent;
             data = _yield$querySkus.data;
-            if (data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
+            if (data && data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
               options = data[0]['skus'].map(function (item) {
                 return {
-                  label: item.propertiesName.split(';').map(function (i) {
+                  label: isTaobaoPlat ? item.propertiesName.split(';').map(function (i) {
                     return i.split(':').slice(2);
-                  }).join(';'),
+                  }).join(';') : item.propertiesName,
                   value: item.skuId,
                   picUrl: item.picUrl,
                   outerSkuId: item === null || item === void 0 ? void 0 : item.outerSkuId
@@ -9080,7 +9458,7 @@ var GoodItem = function GoodItem(props) {
             });
             setVisible(false);
             //供应上编码组件 ｜｜ 商品组件且可以选择sku
-            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && isTaobaoPlat && list.length > 0)) {
+            if (!(type === 4 && (enableItemId || enableSupplierName) || type !== 4 && changeSku && list.length > 0)) {
               _context2.next = 10;
               break;
             }
@@ -9092,12 +9470,12 @@ var GoodItem = function GoodItem(props) {
           case 7:
             _yield$querySkus = _context2.sent;
             data = _yield$querySkus.data;
-            if (data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
+            if (data && data.length > 0 && data[0]['skus'] && data[0]['skus']['length'] > 0) {
               options = data[0]['skus'].map(function (item) {
                 return {
-                  label: item.propertiesName.split(';').map(function (i) {
+                  label: isTaobaoPlat ? item.propertiesName.split(';').map(function (i) {
                     return i.split(':').slice(2);
-                  }).join(';'),
+                  }).join(';') : item.propertiesName,
                   value: item.skuId,
                   picUrl: item.picUrl,
                   outerSkuId: item === null || item === void 0 ? void 0 : item.outerSkuId,
@@ -13764,9 +14142,7 @@ var wdtReissue = function wdtReissue(props) {
     var _typeMap$type25;
     return !!(value === null || value === void 0 ? void 0 : value[(_typeMap$type25 = typeMap$1[type]) === null || _typeMap$type25 === void 0 ? void 0 : _typeMap$type25.wdtSystemOrderNo]);
   }, [value === null || value === void 0 ? void 0 : value[(_typeMap$type26 = typeMap$1[type]) === null || _typeMap$type26 === void 0 ? void 0 : _typeMap$type26.wdtSystemOrderNo]]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Row, {
-    gutter: 8
-  }, /*#__PURE__*/React__default['default'].createElement(antd.Col, {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Row, null, /*#__PURE__*/React__default['default'].createElement(antd.Col, {
     className: "gutter-row",
     xs: {
       span: 11
@@ -13798,6 +14174,9 @@ var wdtReissue = function wdtReissue(props) {
     },
     md: {
       span: 6
+    },
+    style: {
+      marginLeft: '8px'
     }
   }, /*#__PURE__*/React__default['default'].createElement(antd.Cascader, {
     style: {
@@ -14644,6 +15023,7 @@ exports.Remark = RemarkInput;
 exports.ReturnLogistics = ExpressLogistics;
 exports.ShopName = ShopNameSelect;
 exports.Status = Status;
+exports.SubForm = SubForm;
 exports.Supplier = Supplier;
 exports.TBGoodId = TBGoodId;
 exports.TBGoodSerial = TBGoodSerial;

package/dist/src/apaas/ApaasInput/index.d.ts

@@ -3,6 +3,7 @@ import { InputProps } from 'antd';
 export interface ApaasInputProps extends InputProps {
     isNumber?: boolean;
     replaceWarn?: boolean;
+    precision?: 'nolimit' | number | undefined;
 }
 declare function ApaasInput(props: ApaasInputProps): React.JSX.Element;
 export default ApaasInput;

package/dist/src/apaas/SubForm/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+type subConfigType = {
+    name: string;
+    key: string;
+    workOrderComponentType: string;
+    isShow: boolean;
+    isEdit: boolean;
+    isRequired: boolean;
+    isNumber: boolean;
+    precision: string | number;
+    width: number;
+    [key: string]: any;
+};
+type SubFormProps = {
+    value: any;
+    onChange: (val: any) => void;
+    subConfig: {
+        flowStatus: Array<string>;
+        flowTemplateKey: Array<any>;
+        nodeId: string;
+        workOrderTemplateId: string;
+        correlationList: subConfigType[];
+    };
+    needFilterShopByPermission: boolean;
+    tableHeader: subConfigType[];
+    disabled: boolean;
+};
+declare const SubForm: (props: SubFormProps) => React.JSX.Element;
+export default SubForm;

package/dist/src/index.d.ts

@@ -16,6 +16,7 @@ export { default as ApaasAddress } from './apaas/ApaasAddress';
 export { default as ApaasPosting } from './apaas/ApaasPosting';
 export { default as ApaasLogistics } from './apaas/ApaasLogistics';
 export { default as ApaasHoc } from './apaas/hoc/withFormItem';
+export { default as SubForm } from './apaas/SubForm';
 export { default as BuyerNick } from './business/BuyerNick';
 export { default as TradeId } from './business/TradeId';
 export { default as ShopName } from './business/ShopName';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "1.6.1",
+  "version": "1.8.0-beta.0",
   "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": "1.6.1",
+    "@kmkf-fe-packages/kmkf-utils": "1.8.0-beta.0",
     "ahooks": "^3.7.4",
     "bignumber.js": "^9.1.2",
     "kmkf-monitor": "^0.8.8",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6012d491910b54eb0ad306be7ddfc340ab2f5fa5"
+  "gitHead": "b854b2c34a9d25d96f0484f45aa15d4d7b5eb958"
 }