ls-pro-common 3.0.14 → 3.0.16

package/lib/components/AreaCascader.js

@@ -0,0 +1,85 @@
+"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),
+    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/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/lib/components/AreaCascaderPanel.js

@@ -0,0 +1,239 @@
+"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)({
+    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),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  //显示数据
+  var _useState3 = (0, _react.useState)((0, _utils.getCache)('areaOptionsPanel', true) || []),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showData = _useState4[0],
+    setShowData = _useState4[1];
+  //暂存值
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    listData = _useState6[0],
+    setListData = _useState6[1];
+  //省市区实际值
+  var _useState7 = (0, _react.useState)(props.value || []),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    actualData = _useState8[0],
+    setActualData = _useState8[1];
+  //标题显示值
+  var _useState9 = (0, _react.useState)('province'),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    areaTitle = _useState10[0],
+    setAreaTitle = _useState10[1];
+  var areaRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, function () {
+    return areaRef.current;
+  });
+  (0, _react.useEffect)(function () {
+    initOptions();
+  }, []);
+  (0, _react.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]);
+  (0, _react.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),
+      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 = (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)('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 (0, _http.httpGet)(api, {}, false);
+          case 6:
+            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.parentId;
+            });
+            (0, _utils.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.default.createElement("div", {
+      className: "ls-area-cascaded-header"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "text",
+      onClick: function onClick() {
+        setAreaTitle('province');
+        setShowData(options);
+        setListData(function (val) {
+          return val.length ? [val[0]] : [];
+        });
+      }
+    }, /*#__PURE__*/_react.default.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", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      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.default.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", {
+      className: "ls-word-box-display"
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "text",
+      disabled: listData.length < 3
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: 'ls-myself-select-title-style'
+    }, listData[2] ? listData[2].label : '区'))));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-area-cascaded-box"
+    }, title, /*#__PURE__*/_react.default.createElement("div", {
+      className: "ls-area-cascaded-body"
+    }, showData.map(function (item) {
+      return /*#__PURE__*/_react.default.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.default.createElement(_cascader.default, (0, _extends2.default)({
+    options: options,
+    style: {
+      width: '100%'
+    },
+    className: 'ls-area-box-position',
+    changeOnSelect: true,
+    ref: areaRef,
+    onClear: function onClear() {
+      setActualData([]);
+      setListData([]);
+      setShowData(options);
+    },
+    dropdownRender: dropdownRender
+  }, propsConfig));
+});
+var _default = AreaPicker;
+exports.default = _default;

package/lib/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/lib/components/DescritionCard.js

@@ -0,0 +1,88 @@
+"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");
+var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground", "collapseTitle"];
+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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useState = (0, _react.useState)(defaultCollapsed),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
+  var titleLayout = (0, _react.useMemo)(function () {
+    if (typeof title === 'string') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'description-card-title'
+      }, /*#__PURE__*/_react.default.createElement("span", null, title));
+    } else {
+      return title;
+    }
+  }, [title]);
+  var collapsedDom = (0, _react.useMemo)(function () {
+    if (!collapsible) return null;
+    return /*#__PURE__*/_react.default.createElement(_icons.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 = (0, _react.useMemo)(function () {
+    if (extra && collapsedDom) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extra, collapsedDom);
+    } else if (extra) {
+      return extra;
+    } else if (collapsedDom) {
+      return collapsedDom;
+    }
+    return null;
+  }, [extra, collapsedDom]);
+  return desc ? /*#__PURE__*/_react.default.createElement(_lsProCard.default, (0, _extends2.default)({
+    className: (0, _classnames.default)('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', {
+      'has-background': hasBackground
+    }, className),
+    title: titleLayout,
+    extra: extraDom,
+    collapsed: collapsed
+  }, rest));
+}
+var _default = DescritionCard;
+exports.default = _default;

package/lib/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/lib/components/DtlLayout.js

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

package/lib/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/lib/components/GroupTip.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./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 = (0, _classnames.default)('ls-group-tip', className);
+  var styles = isInner ? {} : {
+    paddingTop: '12px',
+    paddingLeft: '20px',
+    borderTopLeftRadius: '8px',
+    borderTopRightRadius: '8px'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: cls,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), style)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ls-group-divider"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "ls-group-text"
+  }, text), children && /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, children));
+};
+var _default = GroupTip;
+exports.default = _default;

package/lib/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;