ls-pro-common 3.0.13 → 3.0.15

package/es/components/404.d.ts

@@ -0,0 +1,3 @@
+import './common.less';
+declare const _default: () => JSX.Element;
+export default _default;

package/es/components/404.js

@@ -0,0 +1,9 @@
+import React from "react";
+import './common.less';
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "page404"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: require('./404.jpg')
+  }), " \u60A8\u8BBF\u95EE\u7684\u8D44\u6E90\u4E0D\u5B58\u5728~~");
+});

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,76 @@
+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 = 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/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.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ProCardProps } from 'ls-pro-card';
+import type { ProDescriptionsProps } from 'ls-pro-descriptions';
+import './common.less';
+export declare type DescritionCardProps = ProCardProps & {
+    hasBackground?: boolean;
+    desc?: ProDescriptionsProps;
+    collapseTitle?: string;
+};
+declare function DescritionCard(props: DescritionCardProps): JSX.Element;
+export default DescritionCard;

package/es/components/DescritionCard.js

@@ -0,0 +1,79 @@
+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,
+    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];
+  var titleLayout = useMemo(function () {
+    if (typeof title === 'string') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'description-card-title'
+      }, /*#__PURE__*/React.createElement("span", null, title));
+    } else {
+      return title;
+    }
+  }, [title]);
+  var collapsedDom = useMemo(function () {
+    if (!collapsible) return null;
+    return /*#__PURE__*/React.createElement(UpOutlined, {
+      rotate: !!collapsed ? 180 : undefined,
+      style: {
+        margin: 'auto',
+        marginLeft: '24px',
+        fontSize: '16px',
+        color: 'var(--ant-primary-color, #4997e6)'
+      },
+      onClick: function onClick() {
+        setCollapsed(!collapsed);
+      },
+      title: collapseTitle || undefined
+    });
+  }, [collapsed, collapsible]);
+  var extraDom = useMemo(function () {
+    if (extra && collapsedDom) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, extra, collapsedDom);
+    } else if (extra) {
+      return extra;
+    } else if (collapsedDom) {
+      return collapsedDom;
+    }
+    return null;
+  }, [extra, collapsedDom]);
+  return desc ? /*#__PURE__*/React.createElement(ProCard, _extends({
+    className: classNames('description-card', {
+      'has-background': hasBackground
+    }, className),
+    title: titleLayout,
+    extra: extraDom,
+    collapsed: collapsed
+  }, rest), /*#__PURE__*/React.createElement(ProDescriptions, desc)) : /*#__PURE__*/React.createElement(ProCard, _extends({
+    className: classNames('description-card', {
+      'has-background': hasBackground
+    }, className),
+    title: titleLayout,
+    extra: extraDom,
+    collapsed: collapsed
+  }, rest));
+}
+export default DescritionCard;

package/es/components/DtlLayout.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { ProFormInstance } from 'ls-pro-form';
+import './common.less';
+export declare type DtlLyaoutProps = Record<string, any> & {
+    /** 返回方法 */
+    onExit: (visible?: boolean) => void;
+    /** 保存方法 */
+    onSave?: () => void;
+    /** 自定义按钮方法,defaultBtn 默认有三个按钮，btnBack=返回，btnSave=保存，btnAudit=审核 */
+    renderButton?: (defaultBtn: JSX.Element[]) => JSX.Element[];
+    /** 审核方法 */
+    onAudit?: () => void;
+    /**按钮状态 */
+    btnStatus?: (btnKey: string) => boolean | void;
+    /** 保存按钮文本,默认为‘保存’,传入''时不展示 */
+    btnSaveText?: string;
+    /** 审核按钮文本,默认为‘审核’,传入''时不展示 */
+    btnAuditText?: string;
+    /** 返回按钮文本,默认为'返回' */
+    btnExitText?: string;
+    /** 标题 */
+    title?: JSX.Element | string;
+    /** 主表对象 */
+    masterObject?: any;
+    /** 主表主键字段 */
+    keyField?: string;
+    /** body类 */
+    bodyClass?: string;
+    /** header 类 */
+    headerClass?: string;
+    /** body样式 */
+    bodyStyle?: React.CSSProperties;
+    /** header样式 */
+    headerStyle?: React.CSSProperties;
+    /** 表单ref */
+    formRef?: React.MutableRefObject<ProFormInstance | undefined>;
+    /**状态字段 */
+    statusField?: string;
+    /** 审核状态值 */
+    auditStatus?: number;
+    isView?: boolean;
+};
+declare function DtlLayout(props: DtlLyaoutProps): JSX.Element;
+export default DtlLayout;

package/es/components/DtlLayout.js

@@ -0,0 +1,116 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { SaveOutlined, AuditOutlined } from '@ant-design/icons';
+import './common.less';
+import usePermission from '../hooks/usePermission';
+import IconBack from './IconBack';
+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,
+    _props$btnAuditText = props.btnAuditText,
+    btnAuditText = _props$btnAuditText === void 0 ? '审核' : _props$btnAuditText,
+    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;
+  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 (btnStatus && typeof btnStatus(btnKey) === 'boolean') {
+      return btnStatus(btnKey) || false;
+    }
+    return isAudit();
+  };
+  var btns = useMemo(function () {
+    var back = /*#__PURE__*/React.createElement(_Button, {
+      key: "btnBack",
+      onClick: function onClick() {
+        return props.onExit(false);
+      },
+      className: "ant-btn-gray",
+      icon: /*#__PURE__*/React.createElement(IconBack, null)
+    }, btnExitText);
+    var btnList = [back];
+    // 有新增或更改权限且未审核，开放出保存按钮
+    if (btnSaveText && (checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
+      btnList.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方法且有审核权限，数据未审核，开放出审核按钮
+    if (btnAuditText && props.onAudit && checkRight(64) && !isAudit() && !isView) {
+      btnList.unshift( /*#__PURE__*/React.createElement(_Button, {
+        key: "btnAudit",
+        disabled: btnDisabled('btnAudit'),
+        onClick: function onClick() {
+          if (!props.onAudit) return;
+          props.onAudit();
+        },
+        icon: /*#__PURE__*/React.createElement(AuditOutlined, null)
+      }, btnAuditText));
+    }
+    // 如果用户直接返回空，还是需要把返回按钮加上。
+    if (props.renderButton) {
+      btnList = props.renderButton(btnList);
+      if (!btnList || !btnList.length) {
+        btnList = [back];
+      }
+    }
+    return btnList;
+  }, [props]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dtl-layout"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('dtl-header', headerClass),
+    style: headerStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "dtl-title"
+  }, dtlTitle), /*#__PURE__*/React.createElement("div", {
+    className: "dtl-btns"
+  }, /*#__PURE__*/React.createElement(_Space, {
+    size: 8
+  }, btns))), /*#__PURE__*/React.createElement("div", {
+    className: classNames('dtl-body', bodyClass),
+    style: bodyStyle
+  }, children));
+}
+export default DtlLayout;

package/es/components/GroupTip.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './common.less';
+export declare type GroupTitleProps = {
+    text: React.ReactNode | string;
+    className?: string;
+    style?: React.CSSProperties;
+    isInner?: boolean;
+};
+declare const GroupTip: React.FC<GroupTitleProps>;
+export default GroupTip;

package/es/components/GroupTip.js

@@ -0,0 +1,31 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import classNames from 'classnames';
+import './common.less';
+var GroupTip = function GroupTip(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    text = _ref.text,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$isInner = _ref.isInner,
+    isInner = _ref$isInner === void 0 ? true : _ref$isInner;
+  var cls = classNames('ls-group-tip', className);
+  var styles = isInner ? {} : {
+    paddingTop: '12px',
+    paddingLeft: '20px',
+    borderTopLeftRadius: '8px',
+    borderTopRightRadius: '8px'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls,
+    style: _objectSpread(_objectSpread({}, styles), style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ls-group-divider"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "ls-group-text"
+  }, text), children && /*#__PURE__*/React.createElement("div", {
+    className: "flex"
+  }, children));
+};
+export default GroupTip;

package/es/components/IconBack.d.ts

@@ -0,0 +1,3 @@
+import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+declare const IconBack: (props: Partial<CustomIconComponentProps>) => JSX.Element;
+export default IconBack;

package/es/components/IconBack.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import Icon from '@ant-design/icons';
+var Svg = function Svg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 18 18",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 10.4575C16 9.17825 15.4505 7.97554 14.4516 7.07099C13.4883 6.19867 12.2047 5.69905 10.8409 5.66883C10.8276 5.66883 10.8142 5.66883 10.8009 5.66681H4.5228L6.26474 4.08939C6.5406 3.83958 6.5406 3.43263 6.26474 3.18282C5.98888 2.93301 5.54171 2.93502 5.26363 3.18282L2.2069 5.95087C1.93103 6.20068 1.93103 6.60763 2.2069 6.85744L5.2614 9.62348C5.53726 9.87329 5.98665 9.87329 6.26251 9.62348C6.53615 9.37568 6.53615 8.96874 6.26251 8.71691L4.40267 7.03473H10.7119C12.7964 7.03473 14.4917 8.56985 14.4917 10.4575C14.4917 12.3452 12.7964 13.8803 10.7119 13.8803H5.4505C5.03448 13.8803 4.69633 14.1865 4.69633 14.5633C4.69633 14.94 5.03448 15.2462 5.4505 15.2462H10.7364C12.1379 15.2402 13.4594 14.7426 14.4538 13.8441C15.4505 12.9395 16 11.7368 16 10.4575V10.4575Z"
+  }));
+};
+var IconBack = function IconBack(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    component: Svg
+  }, props));
+};
+export default IconBack;

package/es/components/IconBell.d.ts

@@ -0,0 +1,3 @@
+import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+declare const IconBell: (props: Partial<CustomIconComponentProps>) => JSX.Element;
+export default IconBell;