@kmkf-fe-packages/basic-components 1.0.10-beta.7 → 1.0.10-beta.9

package/dist/index.esm.js

@@ -1,11 +1,11 @@
-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, cloneDeep, difference, differenceWith } from 'lodash';
 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 === 'limit' ? undefined : precision
+  })) : /*#__PURE__*/React.createElement(Input, _objectSpread2(_objectSpread2({}, other), {}, {
     onBlur: handleBlur
   }));
 }
@@ -7627,6 +7632,329 @@ 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 = 10;
+var SubForm = function SubForm(props) {
+  var _selectOptions$;
+  var value = props.value,
+    onChange = props.onChange,
+    needFilterShopByPermission = props.needFilterShopByPermission,
+    _props$subConfig = props.subConfig,
+    config = _props$subConfig.config,
+    flowStatus = _props$subConfig.flowStatus,
+    flowTemplateKey = _props$subConfig.flowTemplateKey,
+    nodeId = _props$subConfig.nodeId,
+    workOrderTemplateId = _props$subConfig.workOrderTemplateId;
+  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 newValue = JSON.parse(JSON.stringify(value));
+      newValue[index][type] = val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(newValue));
+    }
+  };
+  var column = [{
+    dataIndex: 'index',
+    title: '序号',
+    width: 70,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: 25
+        }
+      }, index + 1);
+    }
+  }].concat(_toConsumableArray(config.filter(function (t) {
+    return t.isShow;
+  }).map(function (t) {
+    return {
+      dataIndex: t.key,
+      title: /*#__PURE__*/React.createElement("div", null, t.isRequired ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: 'red'
+        }
+      }, "*") : null, t.name),
+      width: 120,
+      render: function render(val, record, index) {
+        // @ts-ignore
+        var precisionValue = t.precision === 'limit' ? undefined : t.precision;
+        return !t.isEdit ? t.isNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+          value: val,
+          precision: precisionValue,
+          onChange: function onChange(e) {
+            return updateHandle(e, index, t.key);
+          }
+        }) : /*#__PURE__*/React.createElement(Input, {
+          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);
+      }
+    };
+  })), [{
+    dataIndex: 'operation',
+    title: '操作',
+    width: 70,
+    fixed: 'right',
+    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(config.map(function (t) {
+      return {
+        dataIndex: t.key,
+        title: t.name
+      };
+    })));
+  }, [config]);
+  var valueMap = useMemo(function () {
+    return config.reduce(function (prv, next) {
+      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = next.key;
+      return prv;
+    }, {});
+  }, [config]);
+  var selectOptions = useMemo(function () {
+    var _options$;
+    var options = config.filter(function (t) {
+      return t.isShow;
+    }).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;
+  }, [config]);
+  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;
+            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 = 5;
+            return extendRequest('/qy/view/workOrderList', {
+              method: 'post',
+              data: params
+            });
+          case 5:
+            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 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getWorkOrderList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    setPageNo(1);
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, []);
+  useEffect(function () {
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, [inputValue]);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
+  var onChangeInput = useCallback(debounce(function (val) {
+    setInputValue(val);
+  }, 1000), []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: '100px'
+    },
+    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() {
+            onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), [_objectSpread2(_objectSpread2({}, record), {}, {
+              uuid: uuid()
+            })]));
+            setOpen(false);
+          }
+        };
+      }
+    })),
+    trigger: "click",
+    placement: "bottom",
+    open: open,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React.createElement(Input, {
+    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,
@@ -7911,18 +8239,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);
 
@@ -14577,4 +14893,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,8 +8,8 @@ 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 zhCN = require('antd/lib/locale/zh_CN');
 var ahooks = require('ahooks');
 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 === 'limit' ? undefined : precision
+  })) : /*#__PURE__*/React__default['default'].createElement(antd.Input, _objectSpread2(_objectSpread2({}, other), {}, {
     onBlur: handleBlur
   }));
 }
@@ -7639,6 +7644,329 @@ 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 = 10;
+var SubForm = function SubForm(props) {
+  var _selectOptions$;
+  var value = props.value,
+    onChange = props.onChange,
+    needFilterShopByPermission = props.needFilterShopByPermission,
+    _props$subConfig = props.subConfig,
+    config = _props$subConfig.config,
+    flowStatus = _props$subConfig.flowStatus,
+    flowTemplateKey = _props$subConfig.flowTemplateKey,
+    nodeId = _props$subConfig.nodeId,
+    workOrderTemplateId = _props$subConfig.workOrderTemplateId;
+  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 newValue = JSON.parse(JSON.stringify(value));
+      newValue[index][type] = val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_toConsumableArray(newValue));
+    }
+  };
+  var column = [{
+    dataIndex: 'index',
+    title: '序号',
+    width: 70,
+    render: function render(val, record, index) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          width: 25
+        }
+      }, index + 1);
+    }
+  }].concat(_toConsumableArray(config.filter(function (t) {
+    return t.isShow;
+  }).map(function (t) {
+    return {
+      dataIndex: t.key,
+      title: /*#__PURE__*/React__default['default'].createElement("div", null, t.isRequired ? /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          color: 'red'
+        }
+      }, "*") : null, t.name),
+      width: 120,
+      render: function render(val, record, index) {
+        // @ts-ignore
+        var precisionValue = t.precision === 'limit' ? undefined : t.precision;
+        return !t.isEdit ? t.isNumber ? /*#__PURE__*/React__default['default'].createElement(antd.InputNumber, {
+          value: val,
+          precision: precisionValue,
+          onChange: function onChange(e) {
+            return updateHandle(e, index, t.key);
+          }
+        }) : /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+          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);
+      }
+    };
+  })), [{
+    dataIndex: 'operation',
+    title: '操作',
+    width: 70,
+    fixed: 'right',
+    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(config.map(function (t) {
+      return {
+        dataIndex: t.key,
+        title: t.name
+      };
+    })));
+  }, [config]);
+  var valueMap = React.useMemo(function () {
+    return config.reduce(function (prv, next) {
+      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = next.key;
+      return prv;
+    }, {});
+  }, [config]);
+  var selectOptions = React.useMemo(function () {
+    var _options$;
+    var options = config.filter(function (t) {
+      return t.isShow;
+    }).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;
+  }, [config]);
+  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;
+            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 = 5;
+            return extendRequest('/qy/view/workOrderList', {
+              method: 'post',
+              data: params
+            });
+          case 5:
+            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 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getWorkOrderList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    setPageNo(1);
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, []);
+  React.useEffect(function () {
+    getWorkOrderList({
+      pageNo: 1
+    });
+  }, [inputValue]);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
+  var onChangeInput = React.useCallback(lodash.debounce(function (val) {
+    setInputValue(val);
+  }, 1000), []);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Space, null, /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+    style: {
+      width: '100px'
+    },
+    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() {
+            onChange === null || onChange === void 0 ? void 0 : onChange([].concat(_toConsumableArray(value), [_objectSpread2(_objectSpread2({}, record), {}, {
+              uuid: kmkfUtils.uuid()
+            })]));
+            setOpen(false);
+          }
+        };
+      }
+    })),
+    trigger: "click",
+    placement: "bottom",
+    open: open,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+    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,
@@ -7923,18 +8251,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);
 
@@ -14641,6 +14957,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?: 'limit' | number | undefined;
 }
 declare function ApaasInput(props: ApaasInputProps): React.JSX.Element;
 export default ApaasInput;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+type subConfigType = {
+    name: string;
+    key: string;
+    workOrderComponentType: string;
+    isShow: boolean;
+    isEdit: boolean;
+    isRequired: boolean;
+    isNumber: boolean;
+    precision: string | number;
+    [key: string]: any;
+};
+type SubFormProps = {
+    value: any;
+    onChange: (val: any) => void;
+    needFilterShopByPermission: boolean;
+    subConfig: {
+        config: subConfigType[];
+        flowStatus: Array<string>;
+        flowTemplateKey: Array<any>;
+        nodeId: string;
+        workOrderTemplateId: string;
+    };
+};
+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.0.10-beta.7",
+  "version": "1.0.10-beta.9",
   "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.0.10-beta.7",
+    "@kmkf-fe-packages/kmkf-utils": "1.0.10-beta.9",
     "ahooks": "^3.7.4",
     "bignumber.js": "^9.1.2",
     "kmkf-monitor": "^0.8.8",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "029cd609342e2316692265e251749dfa82298a90"
+  "gitHead": "22ef34fb7c01a462e3b11b2c5784eb40e64a9207"
 }