ls-pro-common 1.1.0 → 1.1.2

package/lib/components/AreaCascader.js

@@ -1,38 +1,25 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("antd/es/cascader/style");
-
 var _cascader = _interopRequireDefault(require("antd/es/cascader"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _http = require("../http");
-
 var _utils = require("../utils");
-
 var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
   var areaRef = (0, _react.useRef)();
   (0, _react.useImperativeHandle)(ref, function () {
     return areaRef.current;
@@ -40,61 +27,49 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   (0, _react.useEffect)(function () {
     initOptions();
   }, []);
-
   var initOptions = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var cacheItems, api, result, opts;
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              cacheItems = (0, _utils.getCache)("areaOptions", true);
-
-              if (!(cacheItems && Array.isArray(cacheItems))) {
-                _context.next = 4;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            cacheItems = (0, _utils.getCache)("areaOptions", true);
+            if (!(cacheItems && Array.isArray(cacheItems))) {
+              _context.next = 4;
+              break;
+            }
+            setOptions(cacheItems);
+            return _context.abrupt("return");
+          case 4:
+            api = '/petrel/petrel-location-center-api/sysAdministrativeDivision/allByTree';
+            _context.next = 7;
+            return (0, _http.httpGet)(api, {}, false);
+          case 7:
+            result = _context.sent;
+            opts = result.rows || [];
+            (0, _utils.treeEach)(opts, function (item) {
+              item.label = item.name;
+              item.value = item.id;
+              if (item.level === 'district') {
+                delete item.children;
               }
-
-              setOptions(cacheItems);
-              return _context.abrupt("return");
-
-            case 4:
-              api = '/petrel/petrel-location-center-api/sysAdministrativeDivision/allByTree';
-              _context.next = 7;
-              return (0, _http.httpGet)(api, {}, false);
-
-            case 7:
-              result = _context.sent;
-              opts = result.rows || [];
-              (0, _utils.treeEach)(opts, function (item) {
-                item.label = item.name;
-                item.value = item.id;
-
-                if (item.level === 'district') {
-                  delete item.children;
-                }
-
-                delete item.name;
-                delete item.id;
-                delete item.level;
-                delete item.parentId;
-              });
-              (0, _utils.setCache)('areaOptions', opts, true);
-              setOptions(opts);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+              delete item.name;
+              delete item.id;
+              delete item.level;
+              delete item.parentId;
+            });
+            (0, _utils.setCache)('areaOptions', opts, true);
+            setOptions(opts);
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function initOptions() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
     options: options,
     style: {
@@ -106,6 +81,5 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: areaRef
   }));
 });
-
 var _default = AreaCascader;
 exports.default = _default;

package/lib/components/AreaCascaderPanel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CascaderProps } from 'antd';
+import './common.less';
+declare const AreaPicker: React.ForwardRefExoticComponent<CascaderProps<any> & React.RefAttributes<unknown>>;
+export default AreaPicker;

package/lib/components/AreaCascaderPanel.js

@@ -0,0 +1,239 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("antd/es/cascader/style");
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _http = require("../http");
+var _utils = require("../utils");
+require("./common.less");
+var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var propsConfig = (0, _objectSpread2.default)({
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      var _document;
+      return (_document = document) === null || _document === void 0 ? void 0 : _document.body;
+    },
+    placeholder: "请选择"
+  }, props);
+  var _useState = (0, _react.useState)((0, _utils.getCache)('areaOptionsPanel', true) || []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  //显示数据
+  var _useState3 = (0, _react.useState)((0, _utils.getCache)('areaOptionsPanel', true) || []),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showData = _useState4[0],
+    setShowData = _useState4[1];
+  //暂存值
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    listData = _useState6[0],
+    setListData = _useState6[1];
+  //省市区实际值
+  var _useState7 = (0, _react.useState)(props.value || []),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    actualData = _useState8[0],
+    setActualData = _useState8[1];
+  //标题显示值
+  var _useState9 = (0, _react.useState)('province'),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    areaTitle = _useState10[0],
+    setAreaTitle = _useState10[1];
+  var areaRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return areaRef.current;
+  });
+  (0, _react.useEffect)(function () {
+    initOptions();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (actualData.length !== 0) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, actualData, listData);
+    } else {
+      setAreaTitle('province');
+    }
+  }, [actualData]);
+  (0, _react.useEffect)(function () {
+    var _props$value;
+    if (!options.length || !((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length)) return;
+    var _props$value2 = (0, _slicedToArray2.default)(props.value, 3),
+      pKey = _props$value2[0],
+      cKey = _props$value2[1],
+      dKey = _props$value2[2];
+    var province = pKey ? options.find(function (o) {
+      return o.value === pKey;
+    }) : false;
+    var city = province && cKey ? province.children.find(function (o) {
+      return o.value === cKey;
+    }) : false;
+    var district = city && dKey ? city.children.find(function (o) {
+      return o.value === dKey;
+    }) : false;
+    var area = [province, city, district].filter(Boolean);
+    setListData(area);
+    setAreaTitle(area.length === 3 ? 'district' : area.length === 2 ? 'city' : 'province');
+    setShowData(area.length === 3 ? city.children : area.length === 2 ? province.children : options);
+  }, [options]);
+  var initOptions = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var cacheItems, api, result, opts;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            cacheItems = (0, _utils.getCache)('areaOptionsPanel', true);
+            if (!(cacheItems && Array.isArray(cacheItems) && cacheItems.length)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            api = '/petrel/petrel-location-center-api/sysAdministrativeDivision/allByTree';
+            _context.next = 6;
+            return (0, _http.httpGet)(api, {}, false);
+          case 6:
+            result = _context.sent;
+            opts = result.rows || [];
+            (0, _utils.treeEach)(opts, function (item) {
+              item.label = item.name;
+              item.value = item.id;
+              if (item.level === 'district') {
+                delete item.children;
+              }
+              delete item.name;
+              delete item.id;
+              delete item.parentId;
+            });
+            (0, _utils.setCache)('areaOptionsPanel', opts, true);
+            setOptions(opts);
+            setShowData(opts);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function initOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var dropdownRender = function dropdownRender(menus) {
+    var _listData$, _listData$3;
+    var title = /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-area-cascaded-header"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "text",
+      onClick: function onClick() {
+        setAreaTitle('province');
+        setShowData(options);
+        setListData(function (val) {
+          return val.length ? [val[0]] : [];
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, listData[0] ? (_listData$ = listData[0]) === null || _listData$ === void 0 ? void 0 : _listData$.label : '省/直辖市'))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "text",
+      disabled: listData.length < 2,
+      onClick: function onClick() {
+        var _listData$2;
+        setAreaTitle('city');
+        setShowData((_listData$2 = listData[0]) === null || _listData$2 === void 0 ? void 0 : _listData$2.children);
+        setListData(function (val) {
+          return val.filter(function (o, i) {
+            return i < 2;
+          });
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, areaTitle !== 'province' && listData[1] ? (_listData$3 = listData[1]) === null || _listData$3 === void 0 ? void 0 : _listData$3.label : '市'))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "text",
+      disabled: listData.length < 3
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, listData[2] ? listData[2].label : '区'))));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-area-cascaded-box"
+    }, title, /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-area-cascaded-body"
+    }, showData.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "ls-area-cascaded-span ".concat(actualData.find(function (o) {
+          return o === item.value;
+        }) ? ' ls-area-selected' : ''),
+        title: item.label,
+        onClick: function onClick(e) {
+          var _areaRef$current;
+          switch ((item === null || item === void 0 ? void 0 : item.level) || '') {
+            case 'province':
+              setShowData(item === null || item === void 0 ? void 0 : item.children);
+              setActualData([item === null || item === void 0 ? void 0 : item.value]);
+              setListData(function (val) {
+                return [item];
+              });
+              //面板标题指向市
+              setAreaTitle('city');
+              break;
+            case 'city':
+              setShowData(item === null || item === void 0 ? void 0 : item.children);
+              setActualData(function (val) {
+                return [val[0], item === null || item === void 0 ? void 0 : item.value];
+              });
+              setListData(function (val) {
+                return [val[0], item];
+              });
+              setAreaTitle('district');
+              break;
+            case 'district':
+              setActualData(function (val) {
+                return [val[0], val[1], item === null || item === void 0 ? void 0 : item.value];
+              });
+              setListData(function (val) {
+                return [val[0], val[1], item];
+              });
+              (_areaRef$current = areaRef.current) === null || _areaRef$current === void 0 ? void 0 : _areaRef$current.blur();
+              break;
+            default:
+              break;
+          }
+        }
+      }, item.label);
+    })));
+  };
+  return /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+    options: options,
+    style: {
+      width: '100%'
+    },
+    className: 'ls-area-box-position',
+    changeOnSelect: true,
+    ref: areaRef,
+    onClear: function onClear() {
+      setActualData([]);
+      setListData([]);
+      setShowData(options);
+    },
+    dropdownRender: dropdownRender
+  }, propsConfig));
+});
+var _default = AreaPicker;
+exports.default = _default;

package/lib/components/DescritionCard.js

@@ -1,53 +1,38 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _icons = require("@ant-design/icons");
-
 var _lsProCard = _interopRequireDefault(require("ls-pro-card"));
-
 var _lsProDescriptions = _interopRequireDefault(require("ls-pro-descriptions"));
-
 require("./common.less");
-
 var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground", "collapseTitle"];
-
 function DescritionCard(props) {
   var title = props.title,
-      extra = props.extra,
-      className = props.className,
-      _props$collapsible = props.collapsible,
-      collapsible = _props$collapsible === void 0 ? true : _props$collapsible,
-      _props$defaultCollaps = props.defaultCollapsed,
-      defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
-      desc = props.desc,
-      hasBackground = props.hasBackground,
-      _props$collapseTitle = props.collapseTitle,
-      collapseTitle = _props$collapseTitle === void 0 ? '展开/收起' : _props$collapseTitle,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+    extra = props.extra,
+    className = props.className,
+    _props$collapsible = props.collapsible,
+    collapsible = _props$collapsible === void 0 ? true : _props$collapsible,
+    _props$defaultCollaps = props.defaultCollapsed,
+    defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
+    desc = props.desc,
+    hasBackground = props.hasBackground,
+    _props$collapseTitle = props.collapseTitle,
+    collapseTitle = _props$collapseTitle === void 0 ? '展开/收起' : _props$collapseTitle,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useState = (0, _react.useState)(defaultCollapsed),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      collapsed = _useState2[0],
-      setCollapsed = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
   var titleLayout = (0, _react.useMemo)(function () {
     if (typeof title === 'string') {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -81,7 +66,6 @@ function DescritionCard(props) {
     } else if (collapsedDom) {
       return collapsedDom;
     }
-
     return null;
   }, [extra, collapsedDom]);
   return desc ? /*#__PURE__*/_react.default.createElement(_lsProCard.default, (0, _extends2.default)({
@@ -100,6 +84,5 @@ function DescritionCard(props) {
     collapsed: collapsed
   }, rest));
 }
-
 var _default = DescritionCard;
 exports.default = _default;

package/lib/components/DtlLayout.js

@@ -1,76 +1,59 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("antd/es/button/style");
-
 var _button = _interopRequireDefault(require("antd/es/button"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _icons = require("@ant-design/icons");
-
 require("./common.less");
-
 var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
-
 function DtlLayout(props) {
   var title = props.title,
-      _props$keyField = props.keyField,
-      keyField = _props$keyField === void 0 ? 'id' : _props$keyField,
-      masterObject = props.masterObject,
-      children = props.children,
-      headerClass = props.headerClass,
-      headerStyle = props.headerStyle,
-      bodyClass = props.bodyClass,
-      bodyStyle = props.bodyStyle,
-      formRef = props.formRef,
-      _props$btnSaveText = props.btnSaveText,
-      btnSaveText = _props$btnSaveText === void 0 ? '保存' : _props$btnSaveText,
-      _props$btnExitText = props.btnExitText,
-      btnExitText = _props$btnExitText === void 0 ? '返回' : _props$btnExitText,
-      btnStatus = props.btnStatus,
-      statusField = props.statusField,
-      auditStatus = props.auditStatus,
-      _props$isView = props.isView,
-      isView = _props$isView === void 0 ? false : _props$isView;
-
+    _props$keyField = props.keyField,
+    keyField = _props$keyField === void 0 ? 'id' : _props$keyField,
+    masterObject = props.masterObject,
+    children = props.children,
+    headerClass = props.headerClass,
+    headerStyle = props.headerStyle,
+    bodyClass = props.bodyClass,
+    bodyStyle = props.bodyStyle,
+    formRef = props.formRef,
+    _props$btnSaveText = props.btnSaveText,
+    btnSaveText = _props$btnSaveText === void 0 ? '保存' : _props$btnSaveText,
+    _props$btnExitText = props.btnExitText,
+    btnExitText = _props$btnExitText === void 0 ? '返回' : _props$btnExitText,
+    btnStatus = props.btnStatus,
+    statusField = props.statusField,
+    auditStatus = props.auditStatus,
+    _props$isView = props.isView,
+    isView = _props$isView === void 0 ? false : _props$isView;
   var _usePermission = (0, _usePermission2.default)(),
-      checkRight = _usePermission.checkRight;
-
+    checkRight = _usePermission.checkRight;
   var dtlTitle = (0, _react.useMemo)(function () {
     if (title) return title;
     if (!masterObject) return '';
     return masterObject[keyField] ? '编辑' : '新增';
   }, [title, masterObject, keyField]);
-
   var isAudit = function isAudit() {
     if (masterObject && statusField && auditStatus) {
       return Number(masterObject[statusField] || 0) >= auditStatus;
     }
-
     return false;
   };
-
   var btnDisabled = function btnDisabled(btnKey) {
-    if (isView) return true; // 优先处理自定义的状态
-
+    if (isView) return true;
+    // 优先处理自定义的状态
     if (btnStatus && typeof btnStatus(btnKey) === 'boolean') {
       return btnStatus(btnKey) || false;
     }
-
     return isAudit();
   };
-
   var btns = (0, _react.useMemo)(function () {
     // const b = [
     //   <Button
@@ -80,26 +63,23 @@ function DtlLayout(props) {
     //     {btnExitText}
     //   </Button>
     // ]
-    var b = []; // 有新增或更改权限且未审核，开放出保存按钮
-
+    var b = [];
+    // 有新增或更改权限且未审核，开放出保存按钮
     if ((checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
       b.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
         key: "btnSave",
         onClick: function onClick() {
           var _formRef$current;
-
           if (props.onSave) {
             return props.onSave();
           }
-
           formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.submit();
         },
         disabled: btnDisabled('btnSave'),
         icon: /*#__PURE__*/_react.default.createElement(_icons.SaveOutlined, null)
       }, btnSaveText));
-    } // 转入onAudit方法且有审核权限，数据未审核，开放出审核按钮
-
-
+    }
+    // 转入onAudit方法且有审核权限，数据未审核，开放出审核按钮
     if (props.onAudit && checkRight(64) && !isAudit() && !isView) {
       b.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
         key: "btnAudit",
@@ -111,7 +91,6 @@ function DtlLayout(props) {
         icon: /*#__PURE__*/_react.default.createElement(_icons.AuditOutlined, null)
       }, "\u5BA1\u6838"));
     }
-
     if (props.renderButton) return props.renderButton(b);
     return b;
   }, [props]);
@@ -135,6 +114,5 @@ function DtlLayout(props) {
     style: bodyStyle
   }, children));
 }
-
 var _default = DtlLayout;
 exports.default = _default;