@lm_fe/components 0.2.2

package/dist/src/a_chunks/root.6.js

@@ -0,0 +1,310 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { mchcEnv } from '@lm_fe/env';
+import { SMchc_Address } from '@lm_fe/service';
+import { copyText } from '@lm_fe/utils';
+import { MyIcon } from '@noah-libjs/components';
+import { Space, Cascader, Input, Button, Tooltip } from 'antd';
+import { isEmpty, isEqual, isString, cloneDeep, get } from 'lodash';
+import React, { useState, useRef, useEffect } from 'react';
+function checkFetchAddrOptionsNeed(value, oldArr, options) {
+  var _parseValue = parseValue(value),
+    arr = _parseValue.arr;
+  if (isEmpty(arr)) {
+    if (isEmpty(options)) return 'init';
+    return 'noNeed';
+  } else {
+    if (isEqual(arr, oldArr)) return 'noNeed';
+    return 'detail';
+  }
+}
+function parseValue(value) {
+  if (!value || !isString(value)) return {
+    arr: [],
+    str: ''
+  };
+  // “&”分割选择地址和详细地址
+  var _value$split = value.split('&'),
+    _value$split2 = _slicedToArray(_value$split, 2),
+    provinces = _value$split2[0],
+    detailed = _value$split2[1];
+  var rawArr = provinces ? provinces.split(',') : [];
+  var newArr = cloneDeep(rawArr);
+  // 兼容旧版本全是“,”分割的地址（省,市,区,街道,详细地址）
+  if (!value.includes('&')) {
+    newArr = rawArr.slice(0, 3);
+    detailed = rawArr.slice(3).join(',');
+  }
+  return {
+    arr: newArr,
+    str: detailed
+  };
+}
+function MyAddressNew_Inner(props) {
+  var _value$replace;
+  var id = props.id,
+    value = props.value,
+    form = props.form,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    _props$addressBtns = props.addressBtns,
+    addressBtns = _props$addressBtns === void 0 ? [] : _props$addressBtns;
+  function safeChange(str) {
+    onChange === null || onChange === void 0 || onChange(str);
+  }
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    detail = _useState2[0],
+    setDetail = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cascaderOptions = _useState4[0],
+    setCascaderOptions = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cascaderValue = _useState6[0],
+    setCascaderValue = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var task_queue = useRef([]);
+  // turn the concurrent reqs into linear ones
+  function consume() {
+    return _consume.apply(this, arguments);
+  }
+  function _consume() {
+    _consume = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var task;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            task = task_queue.current[0];
+            if (!task) {
+              _context3.next = 6;
+              break;
+            }
+            _context3.next = 4;
+            return task();
+          case 4:
+            task_queue.current.shift();
+            consume();
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return _consume.apply(this, arguments);
+  }
+  function __setCascaderValue(arr) {
+    setCascaderValue(arr);
+    cascaderValueCache.current = arr;
+  }
+  function __setCascaderOptions(arr) {
+    setCascaderOptions(arr);
+    cascaderOptionsCache.current = arr;
+  }
+  var valueCache = useRef();
+  var cascaderValueCache = useRef([]);
+  var cascaderOptionsCache = useRef([]);
+  valueCache.current = value;
+  useEffect(function () {
+    // setLoading(true)
+    // setTimeout(() => {
+    //   const p = valueCache.current
+    //     ? SMchc_Address.getAddressTree(valueCache.current)
+    //     : SMchc_Address.getAddressFirst()
+    //   p
+    //     .then(res => {
+    //       const list = Array.isArray(res) ? res : []
+    //       __setCascaderOptions(list)
+    //     })
+    //     .finally(() => setLoading(false))
+    // }, 1400);
+  }, []);
+  useEffect(function () {
+    var _parseValue2 = parseValue(value),
+      arr = _parseValue2.arr,
+      str = _parseValue2.str;
+    setDetail(str);
+    var flag = checkFetchAddrOptionsNeed(value, cascaderValueCache.current, cascaderOptionsCache.current);
+    if (flag === 'noNeed') {
+      __setCascaderValue(arr);
+      return;
+    }
+    var p = flag === 'init'
+    // ? SMchc_Address.getAddressListFirst()
+    ? SMchc_Address.getAddressFirst() : SMchc_Address.getAddressByDetail(value);
+    var task = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var res, list;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              setLoading(true);
+              _context.prev = 1;
+              _context.next = 4;
+              return p;
+            case 4:
+              res = _context.sent;
+              list = Array.isArray(res) ? res : []; // 级联 options 和 value 不对应时候，必须同时更新，否则会报错
+              __setCascaderOptions(list);
+              __setCascaderValue(arr);
+              _context.next = 12;
+              break;
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
+            case 12:
+              setLoading(false);
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1, 10]]);
+      }));
+      return function task() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    if (task_queue.current.length) {
+      task_queue.current.push(task);
+    } else {
+      task_queue.current.push(task);
+      consume();
+    }
+    return function () {};
+  }, [value]);
+  var handlePcasvChange = function handlePcasvChange(val) {
+    var _val$map, _val$map2;
+    var strArr = (_val$map = val === null || val === void 0 || (_val$map2 = val.map) === null || _val$map2 === void 0 ? void 0 : _val$map2.call(val, function (_) {
+      var _$toString;
+      return (_$toString = _ === null || _ === void 0 ? void 0 : _.toString()) !== null && _$toString !== void 0 ? _$toString : '';
+    })) !== null && _val$map !== void 0 ? _val$map : [];
+    __setCascaderValue(strArr);
+    var address = strArr.join(',') + '&' + detail;
+    safeChange(address);
+  };
+  var handleDetails = function handleDetails(e) {
+    var val = e.target.value;
+    setDetail(val);
+    var address = _toConsumableArray(cascaderValue).join(',') + '&' + val;
+    safeChange(address);
+  };
+  var handleSameAdress = function handleSameAdress(key) {
+    return function () {
+      var sourceValue = get(form === null || form === void 0 ? void 0 : form.getFieldsValue(), key);
+      if (sourceValue) {
+        safeChange === null || safeChange === void 0 || safeChange(sourceValue);
+      }
+    };
+  };
+  function copy() {
+    copyText(txt !== null && txt !== void 0 ? txt : '');
+    mchcEnv.success('复制成功');
+  }
+  if (loading) {
+    return /*#__PURE__*/React.createElement("span", null, "\u6570\u636E\u52A0\u8F7D\u4E2D....");
+  }
+  var txt = value === null || value === void 0 || (_value$replace = value.replace) === null || _value$replace === void 0 ? void 0 : _value$replace.call(value, /,|&/g, '');
+  var node = /*#__PURE__*/React.createElement(Space.Compact, {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(Cascader, {
+    changeOnSelect: true,
+    allowClear: true,
+    size: size,
+    bordered: bordered,
+    disabled: disabled,
+    options: cascaderOptions,
+    onChange: handlePcasvChange,
+    loadData: function loadData(arr) {
+      if (arr) {
+        var item = arr[arr.length - 1];
+        if (item && isEmpty(item.children)) {
+          item.loading = true;
+          SMchc_Address.getAddressList(item).then(/*#__PURE__*/function () {
+            var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(r) {
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    // await sleep(.2 * 1000)
+                    item.loading = false;
+                    item.children = r;
+                    __setCascaderOptions(_toConsumableArray(cascaderOptions));
+                  case 3:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x) {
+              return _ref2.apply(this, arguments);
+            };
+          }());
+        }
+      }
+    },
+    // showSearch={{ filter }}
+    placeholder: "\u8BF7\u9009\u62E9\u5730\u533A",
+    value: cascaderValue,
+    style: {
+      width: '50%'
+    },
+    getPopupContainer: getPopupContainer
+  }), /*#__PURE__*/React.createElement(Input
+  // title={txt}
+  , {
+    // title={txt}
+    size: size,
+    disabled: disabled,
+    bordered: bordered,
+    placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740\uFF0C\u5982\u95E8\u724C\u53F7\u3001\u5C0F\u533A\u3001\u697C\u680B\u53F7\u3001\u5355\u5143\u5BA4",
+    onChange: handleDetails,
+    allowClear: true,
+    value: detail,
+    style: {
+      width: '50%'
+    }
+  }), addressBtns.map(function (_ref3) {
+    var label = _ref3.label,
+      name = _ref3.name,
+      _ref3$props = _ref3.props,
+      props = _ref3$props === void 0 ? {} : _ref3$props;
+    return /*#__PURE__*/React.createElement(Button, _objectSpread(_objectSpread({
+      key: name,
+      ghost: true,
+      type: "primary"
+    }, props), {}, {
+      onClick: handleSameAdress(name)
+    }), label !== null && label !== void 0 ? label : 'label');
+  }));
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    id: id,
+    placement: "topLeft",
+    title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, txt, " "), /*#__PURE__*/React.createElement(Button, {
+      size: 'small',
+      onClick: copy,
+      type: 'primary',
+      icon: /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'CopyOutlined'
+      })
+    }))
+  }, node);
+}
+export { MyAddressNew_Inner as default };