@bit-sun/business-component 4.2.1-alpha.6-longya → 4.2.1-alpha.7-longya

package/dist/components/Functional/QueryAutoComplete/buildOptions.d.ts

@@ -0,0 +1,3 @@
+export declare function buildAutoCompleteOptions(list: Array<Record<string, any>> | null | undefined, mappingTextField?: string): {
+    value: string;
+}[];

package/dist/components/Functional/QueryAutoComplete/buildOptions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Functional/QueryAutoComplete/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type QueryAutoCompleteRequestConfig = {
+    url: string;
+    method?: 'get' | 'GET' | 'post' | 'POST' | 'patch' | 'PATCH' | 'put' | 'PUT';
+    otherParams?: Record<string, any>;
+    mappingTextField?: string;
+    pageSize?: number;
+    debounceWait?: number;
+    /** 写入查询串的 like 参数名，默认 qp-skuName-like */
+    likeParamName?: string;
+};
+export type QueryAutoCompleteProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    onPressEnter?: () => void;
+    requestConfig: QueryAutoCompleteRequestConfig;
+    placeholder?: string;
+    allowClear?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+};
+declare const QueryAutoComplete: React.FC<QueryAutoCompleteProps>;
+export default QueryAutoComplete;

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import request$1 from 'umi-request';
 import cookie from 'js-cookie';
-import { message as message$1, Tooltip, Image, Popover, Card, Avatar, Badge, Menu, Input, InputNumber, Space, Button, Dropdown, Upload, Checkbox, Modal, ConfigProvider, Tag, Select, Spin, Form, Table, Empty, Row, Col, Tabs, TreeSelect, DatePicker, Typography, Alert, Breadcrumb, Drawer as Drawer$1, List, Radio, Tree, Result, Affix, Cascader, TimePicker, Divider, Switch, Collapse, Descriptions, Steps, Progress } from 'antd';
+import { message as message$1, Tooltip, Image, Popover, Card, Avatar, Badge, Menu, Input, InputNumber, Space, Button, Dropdown, Upload, Checkbox, Modal, ConfigProvider, Tag, Select, Spin, AutoComplete, Form, Table, Empty, Row, Col, Tabs, TreeSelect, DatePicker, Typography, Alert, Breadcrumb, Drawer as Drawer$1, List, Radio, Tree, Result, Affix, Cascader, TimePicker, Divider, Switch, Collapse, Descriptions, Steps, Progress } from 'antd';
 import _, { omit, uniqBy, escapeRegExp, isNil, cloneDeep, isEmpty, isBoolean, debounce, throttle } from 'lodash';
 import memoizeOne from 'memoize-one';
 import { formatMessage, history, useLocation, Link, useModel, setLocale, useIntl, request as request$3 } from 'umi';
@@ -89,6 +89,54 @@ function _createClass(e, r, t) {
     writable: !1
   }), e;
 }
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -5458,6 +5506,144 @@ var _buildCurrentPageFilterColumns = function buildCurrentPageFilterColumns() {
   });
 };
 
+function buildAutoCompleteOptions(list) {
+  var mappingTextField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+  if (!Array.isArray(list)) return [];
+  var seen = new Set();
+  var options = [];
+  var _iterator = _createForOfIteratorHelper(list),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var text = item === null || item === void 0 ? void 0 : item[mappingTextField];
+      if (text == null) continue;
+      var value = String(text).trim();
+      if (!value || seen.has(value)) continue;
+      seen.add(value);
+      options.push({
+        value: value
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return options;
+}
+
+var QueryAutoComplete = function QueryAutoComplete(_ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    _onPressEnter = _ref.onPressEnter,
+    requestConfig = _ref.requestConfig,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
+    _ref$allowClear = _ref.allowClear,
+    allowClear = _ref$allowClear === void 0 ? true : _ref$allowClear,
+    style = _ref.style,
+    disabled = _ref.disabled;
+  var _ref2 = requestConfig || {},
+    url = _ref2.url,
+    _ref2$method = _ref2.method,
+    method = _ref2$method === void 0 ? 'get' : _ref2$method,
+    _ref2$otherParams = _ref2.otherParams,
+    otherParams = _ref2$otherParams === void 0 ? {} : _ref2$otherParams,
+    _ref2$mappingTextFiel = _ref2.mappingTextField,
+    mappingTextField = _ref2$mappingTextFiel === void 0 ? 'name' : _ref2$mappingTextFiel,
+    _ref2$pageSize = _ref2.pageSize,
+    pageSize = _ref2$pageSize === void 0 ? 50 : _ref2$pageSize,
+    _ref2$debounceWait = _ref2.debounceWait,
+    debounceWait = _ref2$debounceWait === void 0 ? 300 : _ref2$debounceWait,
+    _ref2$likeParamName = _ref2.likeParamName,
+    likeParamName = _ref2$likeParamName === void 0 ? 'qp-skuName-like' : _ref2$likeParamName;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var seqRef = useRef(0);
+  var mountedRef = useRef(true);
+  useEffect(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+      seqRef.current += 1;
+    };
+  }, []);
+  var fetchSuggest = function fetchSuggest(keyword) {
+    var trimmed = (keyword || '').trim();
+    if (!url || !trimmed) {
+      setOptions([]);
+      return;
+    }
+    var seq = ++seqRef.current;
+    var queryParams = _objectSpread2(_objectSpread2({
+      pageSize: pageSize,
+      currentPage: 1
+    }, otherParams), {}, _defineProperty({}, likeParamName, trimmed));
+    var qs = stringify(queryParams);
+    var fullUrl = "".concat(url).concat(url.includes('?') ? '&' : '?').concat(qs);
+    var methodName = String(method).toLowerCase();
+    var pending = ['post', 'patch', 'put'].includes(methodName) ?
+    // 与 SearchSelect 弹窗列表一致：参数在 query，body 为空
+    requestUtil[methodName](fullUrl, null) : requestUtil.get(fullUrl);
+    pending.then(function (result) {
+      if (!mountedRef.current || seq !== seqRef.current) return;
+      var body = result === null || result === void 0 ? void 0 : result.data;
+      if (judgeIsRequestError(body)) {
+        setOptions([]);
+        return;
+      }
+      var res = body === null || body === void 0 ? void 0 : body.data;
+      var list = (res === null || res === void 0 ? void 0 : res.list) || (res === null || res === void 0 ? void 0 : res.items) || (Array.isArray(res) ? res : []);
+      // sku 名称：列表列用 skuName，pager 用 name；其它字段（如 itemName）不做跨字段回退
+      var primary = buildAutoCompleteOptions(list, mappingTextField);
+      if (primary.length) {
+        setOptions(primary);
+        return;
+      }
+      if (mappingTextField === 'skuName' || mappingTextField === 'name') {
+        var fallbackField = mappingTextField === 'skuName' ? 'name' : 'skuName';
+        setOptions(buildAutoCompleteOptions(list, fallbackField));
+        return;
+      }
+      setOptions([]);
+    }).catch(function () {
+      if (!mountedRef.current || seq !== seqRef.current) return;
+      setOptions([]);
+    });
+  };
+  var _useDebounceFn = useDebounceFn(fetchSuggest, {
+      wait: debounceWait
+    }),
+    debouncedFetch = _useDebounceFn.run;
+  return /*#__PURE__*/React$1.createElement(AutoComplete, {
+    value: value,
+    options: options,
+    onSearch: function onSearch(text) {
+      debouncedFetch(text);
+    },
+    onSelect: function onSelect(text) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(String(text !== null && text !== void 0 ? text : ''));
+    },
+    onChange: function onChange(next) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(next !== null && next !== void 0 ? next : '');
+    },
+    disabled: disabled,
+    style: _objectSpread2({
+      width: '100%'
+    }, style)
+  }, /*#__PURE__*/React$1.createElement(Input, {
+    allowClear: allowClear,
+    disabled: disabled,
+    placeholder: placeholder,
+    onPressEnter: function onPressEnter() {
+      return _onPressEnter === null || _onPressEnter === void 0 ? void 0 : _onPressEnter();
+    }
+  }));
+};
+
 var Option$1 = Select.Option;
 var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var _pathname$match;
@@ -6253,7 +6439,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       })) || [];
       var searchList = (modalTableProps === null || modalTableProps === void 0 ? void 0 : modalTableProps.noEmptySearchField) ? list : list === null || list === void 0 ? void 0 : list.concat(addKong);
       return searchList.map(function (i, index) {
-        var _i$field, _i$field3, _i$field5, _i$field7, _i$field9, _i$field0, _i$field1, _i$field10, _i$field12, _i$field13;
+        var _i$field, _i$field3, _i$field5, _i$field7, _i$field9, _i$field0, _i$field1, _i$field11, _i$field12, _i$field14, _i$field15;
         if ((i === null || i === void 0 ? void 0 : i.type) === 'kong') return /*#__PURE__*/React$1.createElement(Col, {
           span: ColSpan,
           key: i
@@ -6365,7 +6551,21 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             }
           })));
         }
-        if ((i === null || i === void 0 ? void 0 : (_i$field1 = i.field) === null || _i$field1 === void 0 ? void 0 : _i$field1.type) === 'proppertySelector') {
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'autoComplete' || (i === null || i === void 0 ? void 0 : (_i$field1 = i.field) === null || _i$field1 === void 0 ? void 0 : _i$field1.type) === 'autoComplete') {
+          var _i$field10;
+          return /*#__PURE__*/React$1.createElement(Col, {
+            span: ColSpan,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(Form.Item, {
+            name: i.name,
+            label: i.label,
+            key: i.name
+          }, /*#__PURE__*/React$1.createElement(QueryAutoComplete, _objectSpread2({
+            onPressEnter: onSearchTable,
+            disabled: setDisabled(i.name)
+          }, (i === null || i === void 0 ? void 0 : (_i$field10 = i.field) === null || _i$field10 === void 0 ? void 0 : _i$field10.props) || {}))));
+        }
+        if ((i === null || i === void 0 ? void 0 : (_i$field11 = i.field) === null || _i$field11 === void 0 ? void 0 : _i$field11.type) === 'proppertySelector') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -6375,8 +6575,8 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
             key: i.name
           }, /*#__PURE__*/React$1.createElement(PropertySelector, null)));
         }
-        if ((i === null || i === void 0 ? void 0 : i.type) === 'itemPropertySelector' || (i === null || i === void 0 ? void 0 : (_i$field10 = i.field) === null || _i$field10 === void 0 ? void 0 : _i$field10.type) === 'itemPropertySelector') {
-          var _i$field11;
+        if ((i === null || i === void 0 ? void 0 : i.type) === 'itemPropertySelector' || (i === null || i === void 0 ? void 0 : (_i$field12 = i.field) === null || _i$field12 === void 0 ? void 0 : _i$field12.type) === 'itemPropertySelector') {
+          var _i$field13;
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -6389,9 +6589,9 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
               width: '100%'
             },
             placeholder: "\u8BF7\u9009\u62E9"
-          }, i === null || i === void 0 ? void 0 : (_i$field11 = i.field) === null || _i$field11 === void 0 ? void 0 : _i$field11.props))));
+          }, i === null || i === void 0 ? void 0 : (_i$field13 = i.field) === null || _i$field13 === void 0 ? void 0 : _i$field13.props))));
         }
-        if ((i === null || i === void 0 ? void 0 : (_i$field12 = i.field) === null || _i$field12 === void 0 ? void 0 : _i$field12.type) === 'multipleQuerySearchSelect') {
+        if ((i === null || i === void 0 ? void 0 : (_i$field14 = i.field) === null || _i$field14 === void 0 ? void 0 : _i$field14.type) === 'multipleQuerySearchSelect') {
           return /*#__PURE__*/React$1.createElement(Col, {
             span: ColSpan,
             key: i.name
@@ -6420,7 +6620,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           placeholder: "\u8BF7\u8F93\u5165",
           allowClear: true,
           maxLength: 100
-        }, i === null || i === void 0 ? void 0 : (_i$field13 = i.field) === null || _i$field13 === void 0 ? void 0 : _i$field13.props), {}, {
+        }, i === null || i === void 0 ? void 0 : (_i$field15 = i.field) === null || _i$field15 === void 0 ? void 0 : _i$field15.props), {}, {
           disabled: setDisabled(i.name)
         }))));
       });
@@ -8789,6 +8989,15 @@ var AddSelect = function AddSelect(props) {
             }
           })));
         }
+        if (type === 'autoComplete' || (field === null || field === void 0 ? void 0 : field.type) === 'autoComplete') {
+          return /*#__PURE__*/React$1.createElement(Form.Item, _objectSpread2({
+            name: name,
+            label: label,
+            key: name
+          }, restProps), /*#__PURE__*/React$1.createElement(QueryAutoComplete, _objectSpread2({
+            onPressEnter: onSearchTable
+          }, (field === null || field === void 0 ? void 0 : field.props) || {})));
+        }
         // 默认type是input
         return /*#__PURE__*/React$1.createElement(Form.Item, _objectSpread2({
           name: name,
@@ -10674,7 +10883,44 @@ function commonFun(type, prefixUrl, parentProps) {
       }
     }, {
       name: 'qp-skuName-like',
-      label: 'SKU名称'
+      label: 'SKU名称',
+      type: 'autoComplete',
+      field: {
+        type: 'autoComplete',
+        props: {
+          requestConfig: {
+            url: "".concat(prefixUrl.selectPrefix, "/sku/doPageBySelect/v4"),
+            method: 'post',
+            otherParams: _objectSpread2({
+              ownOrgSign: getCurrentTargetBgId()
+            }, (requestConfigProp === null || requestConfigProp === void 0 ? void 0 : requestConfigProp.addOtherParams) || {}),
+            mappingTextField: 'skuName',
+            pageSize: 50,
+            debounceWait: 300,
+            likeParamName: 'qp-skuName-like'
+          }
+        }
+      }
+    }, {
+      name: 'qp-itemName-like',
+      label: '商品名称',
+      type: 'autoComplete',
+      field: {
+        type: 'autoComplete',
+        props: {
+          requestConfig: {
+            url: "".concat(prefixUrl.selectPrefix, "/sku/doPageBySelect/v4"),
+            method: 'post',
+            otherParams: _objectSpread2({
+              ownOrgSign: getCurrentTargetBgId()
+            }, (requestConfigProp === null || requestConfigProp === void 0 ? void 0 : requestConfigProp.addOtherParams) || {}),
+            mappingTextField: 'itemName',
+            pageSize: 50,
+            debounceWait: 300,
+            likeParamName: 'qp-itemName-like'
+          }
+        }
+      }
     }, {
       name: 'qp-itemCode-in',
       label: 'SPU编码',
@@ -14451,7 +14697,7 @@ function handleFormSearchSourceLoad(c, parentProps) {
   return result;
 }
 var AddSkuSelect = function AddSkuSelect(parProps) {
-  var _parProps$requestConf, _parProps$requestConf2, _topTablePagination$p, _topTablePagination$s;
+  var _parProps$requestConf, _parProps$requestConf2, _parProps$requestConf3, _parProps$requestConf4, _topTablePagination$p, _topTablePagination$s;
   var selectProps = {
     mode: 'multiple'
   };
@@ -14757,7 +15003,46 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
     type: 'multipleQueryInput'
   }, {
     name: 'qp-skuName-like',
-    label: 'SKU名称'
+    label: 'SKU名称',
+    type: 'autoComplete',
+    field: {
+      type: 'autoComplete',
+      props: {
+        requestConfig: {
+          url: '/items/sku/pager/v2',
+          otherParams: _objectSpread2({
+            'qp-combination-eq': false,
+            'qp-approveStatus-eq': 1,
+            'qp-status-eq': 1
+          }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf = parProps.requestConfig) === null || _parProps$requestConf === void 0 ? void 0 : _parProps$requestConf.addOtherParams) || {}),
+          mappingTextField: 'name',
+          pageSize: 50,
+          debounceWait: 300,
+          likeParamName: 'qp-skuName-like'
+        }
+      }
+    }
+  }, {
+    name: 'qp-itemName-like',
+    label: '商品名称',
+    type: 'autoComplete',
+    field: {
+      type: 'autoComplete',
+      props: {
+        requestConfig: {
+          url: '/items/sku/pager/v2',
+          otherParams: _objectSpread2({
+            'qp-combination-eq': false,
+            'qp-approveStatus-eq': 1,
+            'qp-status-eq': 1
+          }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf2 = parProps.requestConfig) === null || _parProps$requestConf2 === void 0 ? void 0 : _parProps$requestConf2.addOtherParams) || {}),
+          mappingTextField: 'itemName',
+          pageSize: 50,
+          debounceWait: 300,
+          likeParamName: 'qp-itemName-like'
+        }
+      }
+    }
   }, {
     name: 'qp-longyaStyleCode-in',
     label: '龙牙款号',
@@ -14774,7 +15059,7 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
     label: '商品条码',
     field: {
       type: 'multipleQueryInput',
-      props: _objectSpread2({}, ((_parProps$requestConf = parProps.requestConfig) === null || _parProps$requestConf === void 0 ? void 0 : _parProps$requestConf.itemEancodeValueRequestConfig) || {})
+      props: _objectSpread2({}, ((_parProps$requestConf3 = parProps.requestConfig) === null || _parProps$requestConf3 === void 0 ? void 0 : _parProps$requestConf3.itemEancodeValueRequestConfig) || {})
     }
   }]), [{
     name: 'qp-brandId-in',
@@ -14866,7 +15151,7 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
         'qp-combination-eq': false,
         'qp-approveStatus-eq': 1,
         'qp-status-eq': 1
-      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf2 = parProps.requestConfig) === null || _parProps$requestConf2 === void 0 ? void 0 : _parProps$requestConf2.addOtherParams) || {}),
+      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf4 = parProps.requestConfig) === null || _parProps$requestConf4 === void 0 ? void 0 : _parProps$requestConf4.addOtherParams) || {}),
       mappingTextField: 'name',
       mappingValueField: 'skuCode'
     }, parProps.requestConfig),
@@ -14899,7 +15184,7 @@ var AddSkuSelect = function AddSkuSelect(parProps) {
   })));
 };
 var AddSkcSelect = function AddSkcSelect(parProps) {
-  var _parProps$requestConf3;
+  var _parProps$requestConf5;
   var selectProps = {
     mode: 'multiple'
   };
@@ -15195,7 +15480,7 @@ var AddSkcSelect = function AddSkcSelect(parProps) {
       filter: 'qp-name-like',
       otherParams: _objectSpread2({
         'qp-skcStatus-eq': 1
-      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf3 = parProps.requestConfig) === null || _parProps$requestConf3 === void 0 ? void 0 : _parProps$requestConf3.addOtherParams) || {}),
+      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf5 = parProps.requestConfig) === null || _parProps$requestConf5 === void 0 ? void 0 : _parProps$requestConf5.addOtherParams) || {}),
       mappingTextField: 'name',
       mappingValueField: 'code'
     }, parProps.requestConfig),
@@ -15221,7 +15506,7 @@ var AddSkcSelect = function AddSkcSelect(parProps) {
   })));
 };
 var AddSpuSelect = function AddSpuSelect(parProps) {
-  var _parProps$requestConf4;
+  var _parProps$requestConf6;
   var selectProps = {
     mode: 'multiple'
   };
@@ -15512,7 +15797,7 @@ var AddSpuSelect = function AddSpuSelect(parProps) {
         'qp-approveStatus-eq': 1,
         'qp-status-eq': 1,
         sorter: 'desc-id'
-      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf4 = parProps.requestConfig) === null || _parProps$requestConf4 === void 0 ? void 0 : _parProps$requestConf4.addOtherParams) || {}),
+      }, (parProps === null || parProps === void 0 ? void 0 : (_parProps$requestConf6 = parProps.requestConfig) === null || _parProps$requestConf6 === void 0 ? void 0 : _parProps$requestConf6.addOtherParams) || {}),
       mappingTextField: 'name',
       mappingValueField: 'itemCode'
     }, parProps.requestConfig),