ls-pro-common 3.0.29 → 3.0.31

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,7 @@ 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';
+export { getUrlQuery, setUrlQuery, toGatewayUrl, dateFormat, getResourceProps } from 'ls-pro-table/es/utils/index';
 /**
  * 设置文档title
  * @param {*} title
@@ -15,7 +15,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 | undefined) => string;
 /**
  * 返回当前日期
  * @returns YYYY-MM-DD

package/es/utils/index.js

@@ -9,11 +9,11 @@ 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 { dateFormat, toGatewayUrl } from 'ls-pro-table/es/utils/index';
 import { httpPost } from '../http';
 import React from 'react';
 export { throttle, debounce } from 'lodash';
-export { getUrlQuery, setUrlQuery, toGatewayUrl, dateFormat, getResourceProps } from 'ls-pro-table';
+export { getUrlQuery, setUrlQuery, toGatewayUrl, dateFormat, getResourceProps } from 'ls-pro-table/es/utils/index';
 /**
  * 设置文档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;

package/lib/components/DescritionCard.js

@@ -1,21 +1,13 @@
-"use strict";
-
-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");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground", "collapseTitle"];
+import React, { useMemo, useState } from 'react';
+import classNames from 'classnames';
+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,
@@ -28,20 +20,20 @@ function DescritionCard(props) {
     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),
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(defaultCollapsed),
+    _useState2 = _slicedToArray(_useState, 2),
     collapsed = _useState2[0],
     setCollapsed = _useState2[1];
-  var titleLayout = (0, _react.useMemo)(function () {
+  var titleLayout = useMemo(function () {
     if (typeof title === 'string') {
-      return /*#__PURE__*/_react.default.createElement("span", null, title);
+      return /*#__PURE__*/React.createElement("span", null, title);
     }
     return title;
   }, [title]);
-  var collapsedDom = (0, _react.useMemo)(function () {
+  var collapsedDom = useMemo(function () {
     if (!collapsible) return null;
-    return /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
+    return /*#__PURE__*/React.createElement(UpOutlined, {
       rotate: !!collapsed ? 180 : undefined,
       className: "btn-expand",
       onClick: function onClick() {
@@ -50,9 +42,9 @@ function DescritionCard(props) {
       title: collapseTitle || undefined
     });
   }, [collapsed, collapsible]);
-  var extraDom = (0, _react.useMemo)(function () {
+  var extraDom = useMemo(function () {
     if (extra && collapsedDom) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extra, collapsedDom);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, extra, collapsedDom);
     } else if (extra) {
       return extra;
     } else if (collapsedDom) {
@@ -60,15 +52,15 @@ function DescritionCard(props) {
     }
     return null;
   }, [extra, collapsedDom]);
-  return desc ? /*#__PURE__*/_react.default.createElement(_lsProCard.default, (0, _extends2.default)({
-    className: (0, _classnames.default)('description-card', {
+  return desc ? /*#__PURE__*/React.createElement(ProCard, _extends({
+    className: classNames('description-card', {
       'has-background': hasBackground
     }, className),
     title: titleLayout,
     extra: extraDom,
     collapsed: collapsed
-  }, rest), /*#__PURE__*/_react.default.createElement(_lsProDescriptions.default, desc)) : /*#__PURE__*/_react.default.createElement(_lsProCard.default, (0, _extends2.default)({
-    className: (0, _classnames.default)('description-card', {
+  }, rest), /*#__PURE__*/React.createElement(ProDescriptions, desc)) : /*#__PURE__*/React.createElement(ProCard, _extends({
+    className: classNames('description-card', {
       'has-background': hasBackground
     }, className),
     title: titleLayout,
@@ -76,5 +68,4 @@ function DescritionCard(props) {
     collapsed: collapsed
   }, rest));
 }
-var _default = DescritionCard;
-exports.default = _default;
+export default DescritionCard;