ls-pro-common 3.0.30 → 3.0.32

package/es/components/IconBack.d.ts

@@ -1,5 +1,6 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconBack: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { CustomIconComponentProps } from '@ant-design/icons/es/components/Icon';
+export declare type LsIconProps = Partial<CustomIconComponentProps> & {
+    onClick?: (e: any) => any;
+};
+declare const IconBack: (props: LsIconProps) => JSX.Element;
 export default IconBack;

package/es/components/IconBack.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
-import Icon from '@ant-design/icons';
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "1em",

package/es/components/IconBell.d.ts

@@ -1,5 +1,3 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconBell: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { LsIconProps } from './IconBack';
+declare const IconBell: (props: LsIconProps) => JSX.Element;
 export default IconBell;

package/es/components/IconBell.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
-import Icon from '@ant-design/icons';
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "1em",

package/es/components/IconQuestion.d.ts

@@ -1,5 +1,3 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconQuestion: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { LsIconProps } from './IconBack';
+declare const IconQuestion: (props: LsIconProps) => JSX.Element;
 export default IconQuestion;

package/es/components/IconQuestion.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
-import Icon from '@ant-design/icons';
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "1em",

package/es/components/IconSearch.d.ts

@@ -1,5 +1,3 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconSearch: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { LsIconProps } from './IconBack';
+declare const IconSearch: (props: LsIconProps) => JSX.Element;
 export default IconSearch;

package/es/components/IconSearch.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
-import Icon from '@ant-design/icons';
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "1em",

package/es/components/IconText.d.ts

@@ -1,5 +1,3 @@
-import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
-declare const IconText: (props: Partial<CustomIconComponentProps> & {
-    onClick?: ((e: any) => any) | undefined;
-}) => JSX.Element;
+import { LsIconProps } from './IconBack';
+declare const IconText: (props: LsIconProps) => JSX.Element;
 export default IconText;

package/es/components/IconText.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
-import Icon from '@ant-design/icons';
+import Icon from '@ant-design/icons/es/components/Icon';
 var Svg = function Svg() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "1em",

package/es/utils/index.d.ts

@@ -2,7 +2,36 @@ import { ModalFuncProps } from 'antd';
 import ReactDOM from 'react-dom';
 import React from 'react';
 export { throttle, debounce } from 'lodash';
-export { getUrlQuery, setUrlQuery, toGatewayUrl, dateFormat, getResourceProps } from 'ls-pro-table';
+/**
+ * 获取 url 参数
+ * @param name
+ * @param url
+ * @returns
+ */
+export declare const getUrlQuery: (name: string, url?: string) => string;
+export declare const getResourceProps: (name: string) => any;
+/**
+* 设置url传参
+* @param {*} url
+* @param {*} keyvals
+* @returns
+*/
+export declare const setUrlQuery: (url: string, keyvals?: Record<string, any>) => string;
+/**
+ * 日期格式化
+ * @param dt 日期
+ * @param showTime 是否显示时间
+ * @returns YYYY-MM-DD
+ */
+export declare const dateFormat: (dt?: Date | null | undefined, showTime?: boolean) => string;
+/**
+ * 给 url 添加网关
+ * @param url 原url，以 / 打头
+ * @param gatewayKey 设置gateway关键字 默认为 'gateway'
+ * @param defGateway 默认网关 ''
+ * @returns
+ */
+export declare const toGatewayUrl: (url: string, gatewayKey?: string, defGateway?: string) => string;
 /**
  * 设置文档title
  * @param {*} title
@@ -15,7 +44,7 @@ export declare const setTitle: (title: string) => void;
  * @param showTime 是否显示时间 默认true
  * @returns YYYY-MM-DD hh:mm:ss
  */
-export declare const formatDate: (dt: Date | null | undefined, showTime?: boolean | undefined) => string;
+export declare const formatDate: (dt?: Date | null | undefined, showTime?: boolean) => string;
 /**
  * 返回当前日期
  * @returns YYYY-MM-DD

package/es/utils/index.js

@@ -9,11 +9,122 @@ import _message from "antd/es/message";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import ReactDOM from 'react-dom';
 import { QuestionCircleOutlined } from '@ant-design/icons';
-import { dateFormat, toGatewayUrl } from 'ls-pro-table';
 import { httpPost } from '../http';
 import React from 'react';
 export { throttle, debounce } from 'lodash';
-export { getUrlQuery, setUrlQuery, toGatewayUrl, dateFormat, getResourceProps } from 'ls-pro-table';
+/**
+ * 获取 url 参数
+ * @param name
+ * @param url
+ * @returns
+ */
+export var getUrlQuery = function getUrlQuery(name) {
+  var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : location.search.slice(1) || '';
+  if (!name) return '';
+  var reg = new RegExp('(^|[&|?])' + name + '=([^&]*)(&|$)');
+  var r = url.match(reg);
+  if (r != null) {
+    return decodeURIComponent(decodeURI(r[2]));
+  }
+  return '';
+};
+export var getResourceProps = function getResourceProps(name) {
+  if (!name) return '';
+  var id = getUrlQuery('resCode');
+  var obj;
+  // window.lsResourceList 为主工程写入的资源
+  // @ts-ignore
+  var resList = window.lsResourceList || parent.window.lsResourceList || [];
+  if (id) {
+    obj = resList.find(function (o) {
+      return o.resourceId === id;
+    });
+  } else if (location.pathname && location.pathname.length > 2) {
+    obj = resList.find(function (o) {
+      return o.microUrl === location.pathname;
+    });
+  }
+  if (!obj) return '';
+  return obj[name] || '';
+};
+/**
+* 设置url传参
+* @param {*} url
+* @param {*} keyvals
+* @returns
+*/
+export var setUrlQuery = function setUrlQuery(url) {
+  var keyvals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var newUrl = url;
+  for (var name in keyvals) {
+    var reg = new RegExp('(^|[&|?])' + name + '=([^&]*)(|$)');
+    var tmp = (newUrl.includes('?') ? '&' : '?') + name + '=' + keyvals[name];
+    if (newUrl.match(reg) != null) {
+      // @ts-ignore
+      newUrl = newUrl.replace(eval(reg), tmp);
+      if (!newUrl.includes('?')) {
+        newUrl = newUrl.replace('&', '?');
+      }
+    } else {
+      newUrl = newUrl + tmp;
+    }
+  }
+  return newUrl;
+};
+/**
+ * 日期格式化
+ * @param dt 日期
+ * @param showTime 是否显示时间
+ * @returns YYYY-MM-DD
+ */
+export var dateFormat = function dateFormat(dt) {
+  var showTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var ct = dt ? dt : new Date(Date.now());
+  var str = ct.getFullYear() + '-' + ('' + (ct.getMonth() + 1)).padStart(2, '0') + '-' + ('' + ct.getDate()).padStart(2, '0');
+  if (showTime) {
+    str += ' ' + (ct.getHours() + '').padStart(2, '0') + ':' + (ct.getMinutes() + '').padStart(2, '0') + ":" + (ct.getSeconds() + '').padStart(2, '0');
+  }
+  return str;
+};
+/**
+ * 给 url 添加网关
+ * @param url 原url，以 / 打头
+ * @param gatewayKey 设置gateway关键字 默认为 'gateway'
+ * @param defGateway 默认网关 ''
+ * @returns
+ */
+export var toGatewayUrl = function toGatewayUrl(url) {
+  var gatewayKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'gateway';
+  var defGateway = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  // 如果url带有名称，不需要设置网关
+  if (url.startsWith('http://') || url.startsWith('https://') || url.startsWith('//')) return url;
+  // 读取项目的默认网关
+  if (!defGateway) {
+    // @ts-ignore
+    defGateway = window.defaultGateway || '';
+  }
+  // 取网关的顺序， 1.取url里的传参，2.取资源里的网关， 3. 取项目里设置的默认网关
+  var gateway = getUrlQuery(gatewayKey) || getResourceProps(gatewayKey) || defGateway;
+  // 如果没有找到网关，直接从项目配置中取网关 
+  if (!gateway) {
+    var projects = JSON.parse(sessionStorage.getItem('lsProjects') || '[]');
+    var projectKey = localStorage.getItem("projectId");
+    if (projectKey && projects.length) {
+      var project = projects.find(function (o) {
+        return o.projectId === projectKey;
+      });
+      if (project) {
+        gateway = project.gatewayUrl || '';
+      }
+    }
+  }
+  // 网关加上域名，避免多次设置
+  if (gateway && !gateway.startsWith("http")) {
+    var h = location.origin ? location.origin : "".concat(location.protocol, "//").concat(location.hostname).concat(location.port ? ':' + location.port : '');
+    gateway = h + gateway;
+  }
+  return gateway + url;
+};
 /**
  * 设置文档title
  * @param {*} title

package/lib/components/404.js

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-require("./common.less");
-var _default = function _default(props) {
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import './common.less';
+export default (function (props) {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: "page404"
-  }, props), /*#__PURE__*/_react.default.createElement("img", {
+  }, props), /*#__PURE__*/React.createElement("img", {
     src: require('./404.jpg')
   }), " \u60A8\u8BBF\u95EE\u7684\u8D44\u6E90\u4E0D\u5B58\u5728~~");
-};
-exports.default = _default;
+});

package/lib/components/AreaCascader.js

@@ -1,39 +1,31 @@
-"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"));
-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),
+import "antd/es/cascader/style";
+import _Cascader from "antd/es/cascader";
+import _extends from "@babel/runtime/helpers/esm/extends";
+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];
-  var areaRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, function () {
+  var areaRef = useRef();
+  useImperativeHandle(ref, function () {
     return areaRef.current;
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     initOptions();
   }, []);
   var initOptions = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var cacheItems, api, result, opts;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            cacheItems = (0, _utils.getCache)("areaOptions", true);
+            cacheItems = getCache("areaOptions", true);
             if (!(cacheItems && Array.isArray(cacheItems))) {
               _context.next = 4;
               break;
@@ -43,11 +35,11 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           case 4:
             api = '/petrel/petrel-location-center-api/sysAdministrativeDivision/allByTree';
             _context.next = 7;
-            return (0, _http.httpGet)(api, {}, false);
+            return httpGet(api, {}, false);
           case 7:
             result = _context.sent;
             opts = result.rows || [];
-            (0, _utils.treeEach)(opts, function (item) {
+            treeEach(opts, function (item) {
               item.label = item.name;
               item.value = item.id;
               if (item.level === 'district') {
@@ -58,7 +50,7 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
               delete item.level;
               delete item.parentId;
             });
-            (0, _utils.setCache)('areaOptions', opts, true);
+            setCache('areaOptions', opts, true);
             setOptions(opts);
           case 12:
           case "end":
@@ -70,7 +62,7 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       return _ref.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_Cascader, _extends({
     options: options,
     style: {
       width: '100%'
@@ -81,5 +73,4 @@ var AreaCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: areaRef
   }));
 });
-var _default = AreaCascader;
-exports.default = _default;
+export default AreaCascader;

package/lib/components/AreaCascaderPanel.js

@@ -1,64 +1,56 @@
-"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)({
+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 = (0, _react.useState)((0, _utils.getCache)('areaOptionsPanel', true) || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = useState(getCache('areaOptionsPanel', true) || []),
+    _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
   //显示数据
-  var _useState3 = (0, _react.useState)((0, _utils.getCache)('areaOptionsPanel', true) || []),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = useState(getCache('areaOptionsPanel', true) || []),
+    _useState4 = _slicedToArray(_useState3, 2),
     showData = _useState4[0],
     setShowData = _useState4[1];
   //暂存值
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
     listData = _useState6[0],
     setListData = _useState6[1];
   //省市区实际值
-  var _useState7 = (0, _react.useState)(props.value || []),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+  var _useState7 = useState(props.value || []),
+    _useState8 = _slicedToArray(_useState7, 2),
     actualData = _useState8[0],
     setActualData = _useState8[1];
   //标题显示值
-  var _useState9 = (0, _react.useState)('province'),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+  var _useState9 = useState('province'),
+    _useState10 = _slicedToArray(_useState9, 2),
     areaTitle = _useState10[0],
     setAreaTitle = _useState10[1];
-  var areaRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, function () {
+  var areaRef = useRef();
+  useImperativeHandle(ref, function () {
     return areaRef.current;
   });
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     initOptions();
   }, []);
-  (0, _react.useEffect)(function () {
+  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);
@@ -66,10 +58,10 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setAreaTitle('province');
     }
   }, [actualData]);
-  (0, _react.useEffect)(function () {
+  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),
+    var _props$value2 = _slicedToArray(props.value, 3),
       pKey = _props$value2[0],
       cKey = _props$value2[1],
       dKey = _props$value2[2];
@@ -88,12 +80,12 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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 _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var cacheItems, api, result, opts;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            cacheItems = (0, _utils.getCache)('areaOptionsPanel', true);
+            cacheItems = getCache('areaOptionsPanel', true);
             if (!(cacheItems && Array.isArray(cacheItems) && cacheItems.length)) {
               _context.next = 3;
               break;
@@ -102,11 +94,11 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           case 3:
             api = '/petrel/petrel-location-center-api/sysAdministrativeDivision/allByTree';
             _context.next = 6;
-            return (0, _http.httpGet)(api, {}, false);
+            return httpGet(api, {}, false);
           case 6:
             result = _context.sent;
             opts = result.rows || [];
-            (0, _utils.treeEach)(opts, function (item) {
+            treeEach(opts, function (item) {
               item.label = item.name;
               item.value = item.id;
               if (item.level === 'district') {
@@ -116,7 +108,7 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
               delete item.id;
               delete item.parentId;
             });
-            (0, _utils.setCache)('areaOptionsPanel', opts, true);
+            setCache('areaOptionsPanel', opts, true);
             setOptions(opts);
             setShowData(opts);
           case 12:
@@ -131,11 +123,11 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }();
   var dropdownRender = function dropdownRender(menus) {
     var _listData$, _listData$3;
-    var title = /*#__PURE__*/_react.default.createElement("div", {
+    var title = /*#__PURE__*/React.createElement("div", {
       className: "ls-area-cascaded-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "ls-word-box-display"
-    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    }, /*#__PURE__*/React.createElement(_Button, {
       type: "text",
       onClick: function onClick() {
         setAreaTitle('province');
@@ -144,11 +136,11 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           return val.length ? [val[0]] : [];
         });
       }
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__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.default.createElement("div", {
+    }, listData[0] ? (_listData$ = listData[0]) === null || _listData$ === void 0 ? void 0 : _listData$.label : '省/直辖市'))), /*#__PURE__*/React.createElement("div", {
       className: "ls-word-box-display"
-    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    }, /*#__PURE__*/React.createElement(_Button, {
       type: "text",
       disabled: listData.length < 2,
       onClick: function onClick() {
@@ -161,22 +153,22 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           });
         });
       }
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__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.default.createElement("div", {
+    }, 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.default.createElement(_button.default, {
+    }, /*#__PURE__*/React.createElement(_Button, {
       type: "text",
       disabled: listData.length < 3
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: 'ls-myself-select-title-style'
     }, listData[2] ? listData[2].label : '区'))));
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "ls-area-cascaded-box"
-    }, title, /*#__PURE__*/_react.default.createElement("div", {
+    }, title, /*#__PURE__*/React.createElement("div", {
       className: "ls-area-cascaded-body"
     }, showData.map(function (item) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "ls-area-cascaded-span ".concat(actualData.find(function (o) {
           return o === item.value;
         }) ? ' ls-area-selected' : ''),
@@ -219,7 +211,7 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, item.label);
     })));
   };
-  return /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_Cascader, _extends({
     options: options,
     style: {
       width: '100%'
@@ -235,5 +227,4 @@ var AreaPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dropdownRender: dropdownRender
   }, propsConfig));
 });
-var _default = AreaPicker;
-exports.default = _default;
+export default AreaPicker;