ls-pro-common 1.1.0 → 1.1.2

package/dist/common.min.js.LICENSE.txt

@@ -1,7 +1,7 @@
 /*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
 */
 
 /*! *****************************************************************************
@@ -19,6 +19,8 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/es/components/AreaCascader.js

@@ -1,18 +1,17 @@
 import "antd/es/cascader/style";
 import _Cascader from "antd/es/cascader";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
 import { httpGet } from '../http';
 import { getCache, setCache, treeEach } from '../utils';
 var AreaCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
   var areaRef = useRef();
   useImperativeHandle(ref, function () {
     return areaRef.current;
@@ -20,61 +19,49 @@ var AreaCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     initOptions();
   }, []);
-
   var initOptions = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var cacheItems, api, result, opts;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              cacheItems = getCache("areaOptions", true);
-
-              if (!(cacheItems && Array.isArray(cacheItems))) {
-                _context.next = 4;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            cacheItems = 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 httpGet(api, {}, false);
+          case 7:
+            result = _context.sent;
+            opts = result.rows || [];
+            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 httpGet(api, {}, false);
-
-            case 7:
-              result = _context.sent;
-              opts = result.rows || [];
-              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;
-              });
-              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;
+            });
+            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.createElement(_Cascader, _extends({
     options: options,
     style: {

package/es/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/es/components/AreaCascaderPanel.js

@@ -0,0 +1,230 @@
+import "antd/es/cascader/style";
+import _Cascader from "antd/es/cascader";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { httpGet } from '../http';
+import { getCache, setCache, treeEach } from '../utils';
+import './common.less';
+var AreaPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var propsConfig = _objectSpread({
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      var _document;
+      return (_document = document) === null || _document === void 0 ? void 0 : _document.body;
+    },
+    placeholder: "请选择"
+  }, props);
+  var _useState = useState(getCache('areaOptionsPanel', true) || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  //显示数据
+  var _useState3 = useState(getCache('areaOptionsPanel', true) || []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showData = _useState4[0],
+    setShowData = _useState4[1];
+  //暂存值
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    listData = _useState6[0],
+    setListData = _useState6[1];
+  //省市区实际值
+  var _useState7 = useState(props.value || []),
+    _useState8 = _slicedToArray(_useState7, 2),
+    actualData = _useState8[0],
+    setActualData = _useState8[1];
+  //标题显示值
+  var _useState9 = useState('province'),
+    _useState10 = _slicedToArray(_useState9, 2),
+    areaTitle = _useState10[0],
+    setAreaTitle = _useState10[1];
+  var areaRef = useRef();
+  useImperativeHandle(ref, function () {
+    return areaRef.current;
+  });
+  useEffect(function () {
+    initOptions();
+  }, []);
+  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]);
+  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 = _slicedToArray(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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var cacheItems, api, result, opts;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            cacheItems = 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 httpGet(api, {}, false);
+          case 6:
+            result = _context.sent;
+            opts = result.rows || [];
+            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;
+            });
+            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.createElement("div", {
+      className: "ls-area-cascaded-header"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/React.createElement(_Button, {
+      type: "text",
+      onClick: function onClick() {
+        setAreaTitle('province');
+        setShowData(options);
+        setListData(function (val) {
+          return val.length ? [val[0]] : [];
+        });
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, listData[0] ? (_listData$ = listData[0]) === null || _listData$ === void 0 ? void 0 : _listData$.label : '省/直辖市'))), /*#__PURE__*/React.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/React.createElement(_Button, {
+      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.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.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/React.createElement(_Button, {
+      type: "text",
+      disabled: listData.length < 3
+    }, /*#__PURE__*/React.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, listData[2] ? listData[2].label : '区'))));
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ls-area-cascaded-box"
+    }, title, /*#__PURE__*/React.createElement("div", {
+      className: "ls-area-cascaded-body"
+    }, showData.map(function (item) {
+      return /*#__PURE__*/React.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.createElement(_Cascader, _extends({
+    options: options,
+    style: {
+      width: '100%'
+    },
+    className: 'ls-area-box-position',
+    changeOnSelect: true,
+    ref: areaRef,
+    onClear: function onClear() {
+      setActualData([]);
+      setListData([]);
+      setShowData(options);
+    },
+    dropdownRender: dropdownRender
+  }, propsConfig));
+});
+export default AreaPicker;

package/es/components/DescritionCard.js

@@ -8,26 +8,23 @@ import { UpOutlined } from '@ant-design/icons';
 import ProCard from 'ls-pro-card';
 import ProDescriptions from 'ls-pro-descriptions';
 import './common.less';
-
 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 = _objectWithoutProperties(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 = _objectWithoutProperties(props, _excluded);
   var _useState = useState(defaultCollapsed),
-      _useState2 = _slicedToArray(_useState, 2),
-      collapsed = _useState2[0],
-      setCollapsed = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
   var titleLayout = useMemo(function () {
     if (typeof title === 'string') {
       return /*#__PURE__*/React.createElement("div", {
@@ -61,7 +58,6 @@ function DescritionCard(props) {
     } else if (collapsedDom) {
       return collapsedDom;
     }
-
     return null;
   }, [extra, collapsedDom]);
   return desc ? /*#__PURE__*/React.createElement(ProCard, _extends({
@@ -80,5 +76,4 @@ function DescritionCard(props) {
     collapsed: collapsed
   }, rest));
 }
-
 export default DescritionCard;

package/es/components/DtlLayout.js

@@ -5,55 +5,47 @@ import classNames from 'classnames';
 import { LeftOutlined, SaveOutlined, AuditOutlined } from '@ant-design/icons';
 import './common.less';
 import usePermission from '../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 = usePermission(),
-      checkRight = _usePermission.checkRight;
-
+    checkRight = _usePermission.checkRight;
   var dtlTitle = 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 = useMemo(function () {
     // const b = [
     //   <Button
@@ -63,26 +55,23 @@ function DtlLayout(props) {
     //     {btnExitText}
     //   </Button>
     // ]
-    var b = []; // 有新增或更改权限且未审核，开放出保存按钮
-
+    var b = [];
+    // 有新增或更改权限且未审核，开放出保存按钮
     if ((checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
       b.unshift( /*#__PURE__*/React.createElement(_Button, {
         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.createElement(SaveOutlined, null)
       }, btnSaveText));
-    } // 转入onAudit方法且有审核权限，数据未审核，开放出审核按钮
-
-
+    }
+    // 转入onAudit方法且有审核权限，数据未审核，开放出审核按钮
     if (props.onAudit && checkRight(64) && !isAudit() && !isView) {
       b.unshift( /*#__PURE__*/React.createElement(_Button, {
         key: "btnAudit",
@@ -94,7 +83,6 @@ function DtlLayout(props) {
         icon: /*#__PURE__*/React.createElement(AuditOutlined, null)
       }, "\u5BA1\u6838"));
     }
-
     if (props.renderButton) return props.renderButton(b);
     return b;
   }, [props]);
@@ -118,5 +106,4 @@ function DtlLayout(props) {
     style: bodyStyle
   }, children));
 }
-
 export default DtlLayout;