ls-pro-common 1.0.41 → 1.0.44

package/es/components/AreaCascader.d.ts

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

package/es/components/AreaCascader.js

@@ -0,0 +1,89 @@
+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 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];
+
+  var areaRef = useRef();
+  useImperativeHandle(ref, function () {
+    return areaRef.current;
+  });
+  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;
+              }
+
+              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();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function initOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(_Cascader, _extends({
+    options: options,
+    style: {
+      width: '100%'
+    },
+    changeOnSelect: true,
+    placeholder: "\u8BF7\u9009\u62E9"
+  }, props, {
+    ref: areaRef
+  }));
+});
+export default AreaCascader;

package/es/components/InputMultiLine.js

@@ -111,11 +111,10 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         }
       })),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/React.createElement(UnorderedListOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
       }
     }));

package/es/components/InputTable.js

@@ -345,13 +345,11 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         }
       }, tableDom),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/React.createElement(MoreOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
-        e.stopPropagation && e.stopPropagation();
       }
     })),
     onClick: function onClick() {
@@ -384,11 +382,10 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         }
       }, tableDom),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/React.createElement(MoreOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
       }
     })),

package/es/components/common.less

@@ -7,6 +7,7 @@
     background    : white;
     display       : flex;
     flex-direction: column;
+    z-index       : 50;
 
     .dtl-header {
         display      : flex;
@@ -67,7 +68,7 @@
     width           : 100%;
     height          : 100%;
     text-align      : center;
-    padding-top     : 10%;   
+    padding-top     : 10%;
     font-size       : 15px;
     font-weight     : 600;
     color           : gray;

package/es/hooks/useSingle/index.js

@@ -542,7 +542,7 @@ function useSingle(inParam) {
                 sortArr = [];
 
                 for (_key2 in sort) {
-                  sortArr.push(_key2 + ' ' + sort[_key2] === 'ascend' ? 'asc' : 'desc');
+                  sortArr.push(_key2 + ' ' + (sort[_key2] === 'ascend' ? 'asc' : 'desc'));
                 }
 
                 param.sort = sortArr.join(',');

package/es/index.d.ts

@@ -4,6 +4,7 @@ import Page404 from './components/404';
 import Loading from './components/Loading';
 import IconSelector from './components/IconSelector';
 import InputMultiLine from './components/InputMultiLine';
+import AreaCascader from './components/AreaCascader';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -15,4 +16,4 @@ import usePermission from './hooks/usePermission';
 import type { ApiResponse, TableToolbar, BaseApiType, MethodType } from './typing';
 import type { DtlLyaoutProps } from './components/DtlLayout';
 export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps };
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, AreaCascader, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };

package/es/index.js

@@ -4,6 +4,7 @@ import Page404 from './components/404';
 import Loading from './components/Loading';
 import IconSelector from './components/IconSelector';
 import InputMultiLine from './components/InputMultiLine';
+import AreaCascader from './components/AreaCascader';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -12,4 +13,4 @@ import * as utils from './utils';
 import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, AreaCascader, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };

package/lib/components/AreaCascader.d.ts

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

package/lib/components/AreaCascader.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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];
+
+  var areaRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return areaRef.current;
+  });
+  (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;
+              }
+
+              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();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function initOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+    options: options,
+    style: {
+      width: '100%'
+    },
+    changeOnSelect: true,
+    placeholder: "\u8BF7\u9009\u62E9"
+  }, props, {
+    ref: areaRef
+  }));
+});
+
+var _default = AreaCascader;
+exports.default = _default;

package/lib/components/InputMultiLine.js

@@ -132,11 +132,10 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
         }
       })),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/_react.default.createElement(_icons.UnorderedListOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
       }
     }));

package/lib/components/InputTable.js

@@ -374,13 +374,11 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
         }
       }, tableDom),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/_react.default.createElement(_icons.MoreOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
-        e.stopPropagation && e.stopPropagation();
       }
     })),
     onClick: function onClick() {
@@ -413,11 +411,10 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
         }
       }, tableDom),
       trigger: "click",
-      visible: visible,
+      visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible
     }, /*#__PURE__*/_react.default.createElement(_icons.MoreOutlined, {
       onClick: function onClick(e) {
-        if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
         setVisible(true);
       }
     })),

package/lib/components/common.less

@@ -7,6 +7,7 @@
     background    : white;
     display       : flex;
     flex-direction: column;
+    z-index       : 50;
 
     .dtl-header {
         display      : flex;
@@ -67,7 +68,7 @@
     width           : 100%;
     height          : 100%;
     text-align      : center;
-    padding-top     : 10%;   
+    padding-top     : 10%;
     font-size       : 15px;
     font-weight     : 600;
     color           : gray;

package/lib/hooks/useSingle/index.js

@@ -563,7 +563,7 @@ function useSingle(inParam) {
                 sortArr = [];
 
                 for (_key2 in sort) {
-                  sortArr.push(_key2 + ' ' + sort[_key2] === 'ascend' ? 'asc' : 'desc');
+                  sortArr.push(_key2 + ' ' + (sort[_key2] === 'ascend' ? 'asc' : 'desc'));
                 }
 
                 param.sort = sortArr.join(',');

package/lib/index.d.ts

@@ -4,6 +4,7 @@ import Page404 from './components/404';
 import Loading from './components/Loading';
 import IconSelector from './components/IconSelector';
 import InputMultiLine from './components/InputMultiLine';
+import AreaCascader from './components/AreaCascader';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -15,4 +16,4 @@ import usePermission from './hooks/usePermission';
 import type { ApiResponse, TableToolbar, BaseApiType, MethodType } from './typing';
 import type { DtlLyaoutProps } from './components/DtlLayout';
 export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps };
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, InputMultiLine, AreaCascader, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };

package/lib/index.js

@@ -7,6 +7,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AreaCascader", {
+  enumerable: true,
+  get: function get() {
+    return _AreaCascader.default;
+  }
+});
 Object.defineProperty(exports, "BaseService", {
   enumerable: true,
   get: function get() {
@@ -123,6 +129,8 @@ var _IconSelector = _interopRequireDefault(require("./components/IconSelector"))
 
 var _InputMultiLine = _interopRequireDefault(require("./components/InputMultiLine"));
 
+var _AreaCascader = _interopRequireDefault(require("./components/AreaCascader"));
+
 var _BaseService = _interopRequireDefault(require("./service/BaseService"));
 
 var _http = _interopRequireWildcard(require("./http"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "1.0.41",
+  "version": "1.0.44",
   "description": "ls-pro-common",
   "keywords": [
     "antd",  
@@ -28,7 +28,7 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.3.0",
-    "ls-pro-table": "2.62.32",
+    "ls-pro-table": "2.62.34",
     "ls-pro-form": "1.52.27",
     "@babel/runtime": "^7.16.3",
     "classnames": "^2.2.6",