ls-pro-common 1.1.4 → 3.0.0

package/es/components/common.less

@@ -1,21 +1,21 @@
 body {
-  --ant-primary-color                       : #1869ed;
-  --ant-primary-color-hover                 : #418efa;
-  --ant-primary-color-active                : #0a4cc7;
-  --ant-primary-color-outline               : rgba(24, 105, 237, 0.2);
+  --ant-primary-color                       : #0E55CB;
+  --ant-primary-color-hover                 : #3277d9;
+  --ant-primary-color-active                : #033ca6;
+  --ant-primary-color-outline               : rgba(14, 85, 203, 0.2);
   --ant-primary-1                           : #e6f4ff;
-  --ant-primary-2                           : #bddfff;
-  --ant-primary-3                           : #94c8ff;
-  --ant-primary-4                           : #6baeff;
-  --ant-primary-5                           : #418efa;
-  --ant-primary-6                           : #1869ed;
-  --ant-primary-7                           : #0a4cc7;
-  --ant-primary-color-deprecated-pure       : #bed5fa;
-  --ant-primary-color-deprecated-l-35       : #bed5fa;
-  --ant-primary-color-deprecated-l-20       : #77a6f4;
-  --ant-primary-color-deprecated-t-20       : #4687f1;
-  --ant-primary-color-deprecated-t-50       : #8cb4f6;
-  --ant-primary-color-deprecated-f-12       : rgba(24, 105, 237, 0.12);
+  --ant-primary-2                           : #b5dbff;
+  --ant-primary-3                           : #85baf2;
+  --ant-primary-4                           : #5a99e6;
+  --ant-primary-5                           : #3277d9;
+  --ant-primary-6                           : #0E55CB;
+  --ant-primary-7                           : #033ca6;
+  --ant-primary-color-deprecated-pure       : #94b9f8;
+  --ant-primary-color-deprecated-l-35       : #94b9f8;
+  --ant-primary-color-deprecated-l-20       : #4c8bf3;
+  --ant-primary-color-deprecated-t-20       : #3e77d5;
+  --ant-primary-color-deprecated-t-50       : #87aae5;
+  --ant-primary-color-deprecated-f-12       : rgba(14, 85, 203, 0.12);
   --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
   --ant-primary-color-active-deprecated-d-02: #dcf0ff;
   --ant-success-color                       : #52c41a;
@@ -36,9 +36,10 @@ body {
   --ant-warning-color-outline               : rgba(250, 173, 20, 0.2);
   --ant-warning-color-deprecated-bg         : #fffbe6;
   --ant-warning-color-deprecated-border     : #ffe58f;
-  --ant-info-color                          : #1869ed;
+  --ant-info-color                          : #0E55CB;
   --ant-info-color-deprecated-bg            : #e6f4ff;
-  --ant-info-color-deprecated-border        : #94c8ff;
+  --ant-info-color-deprecated-border        : #85baf2;
+
 
   // --ant-primary-color                       : #4997E6;
   // --ant-primary-color-hover                 : #74b7f2;
@@ -82,52 +83,72 @@ body {
   // --ant-info-color-deprecated-border        : #ccebff;
 }
 
+* ::-webkit-scrollbar-thumb {
+  background-color: rgba(101, 100, 99, 0.5);
+  border-radius   : 6px;
+
+  &:hover {
+    background-color: rgba(101, 100, 99, 0.8);
+    border-radius   : 6px;
+  }
+}
+
+* ::-webkit-scrollbar {
+  width           : 8px;
+  height          : 8px;
+  background-color: transparent;
+}
+
+* {
+  scrollbar-width: thin;
+}
+
 
 body.theme-yellow {
-  --ant-primary-color: #fa8500;
-  --ant-primary-color-hover: #ffa229;
-  --ant-primary-color-active: #d46a00;
-  --ant-primary-color-outline: rgba(250, 133, 0, 0.2);
-  --ant-primary-bg: #fff;
-  --ant-primary-side: #fff7e6;
-  --ant-primary-0: #ffd9ad;
-  --ant-primary-1: #fff7e6;
-  --ant-primary-2: #ffe0a3;
-  --ant-primary-3: #ffce7a;
-  --ant-primary-4: #ffba52;
-  --ant-primary-5: #ffa229;
-  --ant-primary-6: #fa8500;
-  --ant-primary-7: #d46a00;
-  --ant-primary-color-deprecated-pure: #ffd9ad;
-  --ant-primary-color-deprecated-l-35: #ffd9ad;
-  --ant-primary-color-deprecated-l-20: #ffb561;
-  --ant-primary-color-deprecated-t-20: #fb9d33;
-  --ant-primary-color-deprecated-t-50: #fdc280;
-  --ant-primary-color-deprecated-f-12: rgba(250, 133, 0, 0.12);
+  --ant-primary-color                       : #fa8500;
+  --ant-primary-color-hover                 : #ffa229;
+  --ant-primary-color-active                : #d46a00;
+  --ant-primary-color-outline               : rgba(250, 133, 0, 0.2);
+  --ant-primary-bg                          : #fff;
+  --ant-primary-side                        : #fff7e6;
+  --ant-primary-0                           : #ffd9ad;
+  --ant-primary-1                           : #fff7e6;
+  --ant-primary-2                           : #ffe0a3;
+  --ant-primary-3                           : #ffce7a;
+  --ant-primary-4                           : #ffba52;
+  --ant-primary-5                           : #ffa229;
+  --ant-primary-6                           : #fa8500;
+  --ant-primary-7                           : #d46a00;
+  --ant-primary-color-deprecated-pure       : #ffd9ad;
+  --ant-primary-color-deprecated-l-35       : #ffd9ad;
+  --ant-primary-color-deprecated-l-20       : #ffb561;
+  --ant-primary-color-deprecated-t-20       : #fb9d33;
+  --ant-primary-color-deprecated-t-50       : #fdc280;
+  --ant-primary-color-deprecated-f-12       : rgba(250, 133, 0, 0.12);
   --ant-primary-color-active-deprecated-f-30: rgba(255, 247, 230, 0.3);
   --ant-primary-color-active-deprecated-d-02: #fff4dc;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
-  --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #fa8500;
-  --ant-info-color-deprecated-bg: #fff7e6;
-  --ant-info-color-deprecated-border: #ffce7a;
-  --antd-wave-shadow-color: #fa8500;
+  --ant-success-color                       : #52c41a;
+  --ant-success-color-hover                 : #73d13d;
+  --ant-success-color-active                : #389e0d;
+  --ant-success-color-outline               : rgba(82, 196, 26, 0.2);
+  --ant-success-color-deprecated-bg         : #f6ffed;
+  --ant-success-color-deprecated-border     : #b7eb8f;
+  --ant-error-color                         : #ff4d4f;
+  --ant-error-color-hover                   : #ff7875;
+  --ant-error-color-active                  : #d9363e;
+  --ant-error-color-outline                 : rgba(255, 77, 79, 0.2);
+  --ant-error-color-deprecated-bg           : #fff2f0;
+  --ant-error-color-deprecated-border       : #ffccc7;
+  --ant-warning-color                       : #faad14;
+  --ant-warning-color-hover                 : #ffc53d;
+  --ant-warning-color-active                : #d48806;
+  --ant-warning-color-outline               : rgba(250, 173, 20, 0.2);
+  --ant-warning-color-deprecated-bg         : #fffbe6;
+  --ant-warning-color-deprecated-border     : #ffe58f;
+  --ant-info-color                          : #fa8500;
+  --ant-info-color-deprecated-bg            : #fff7e6;
+  --ant-info-color-deprecated-border        : #ffce7a;
+  --antd-wave-shadow-color                  : #fa8500;
 
   .ant-table-cell,
   .ant-pro-table-alert-info-content {
@@ -151,44 +172,41 @@ body.theme-yellow {
   left          : 0;
   right         : 0;
   bottom        : 0;
-  background    : white;
+  background    : #f5f5f5;
   display       : flex;
   flex-direction: column;
   z-index       : 50;
 
   .dtl-header {
-    display      : flex;
-    justify-items: center;
-    padding      : 8px 14px;
-    border-bottom: 1px solid #f0f0f0;
-
-    .dtl-back {
-      display      : flex;
-      align-items  : center;
-      padding-right: 5px;
-
-      >span {
-        padding      : 3px;
-        border-radius: 2px;
-
-        &:hover {
-          background: var(--ant-primary-2);
-          color     : var(--ant-primary-color)
-        }
-      }
-    }
+    display         : flex;
+    justify-items   : center;
+    padding         : 8px 20px;
+    background      : #fff;
+    // border-bottom: 1px solid #f0f0f0;
+
+    // .dtl-back {
+    //   display      : flex;
+    //   align-items  : center;
+    //   padding-right: 5px;
+
+    //   >span {
+    //     padding      : 3px;
+    //     border-radius: 2px;
+
+    //     &:hover {
+    //       background: var(--ant-primary-2);
+    //       color     : var(--ant-primary-color)
+    //     }
+    // }
+    // }
 
     .dtl-title {
-      font-size: 14pt;
+      font-size: 14px;
     }
 
     .dtl-btns {
       flex      : 1;
       text-align: right;
-
-      button+button {
-        margin-left: 8px;
-      }
     }
   }
 
@@ -196,7 +214,6 @@ body.theme-yellow {
     height  : 0;
     flex    : 1;
     overflow: auto;
-    padding : 12px;
   }
 
   .dtl-flex {
@@ -272,33 +289,6 @@ body.theme-yellow {
   }
 }
 
-.ant-btn {
-  border-radius: 4px;
-  border-color : var(--ant-primary-color);
-  color        : var(--ant-primary-color);
-  height       : 28px;
-  line-height  : 1.2;
-  padding      : 2px 15px;
-
-  &:active {
-    border-color: var(--ant-primary-color-hover);
-    color       : var(--ant-primary-color-hover);
-  }
-}
-
-.ant-btn-icon-only {
-  padding: 2px 0;
-}
-
-.ant-btn-primary {
-  color: #fff;
-}
-
-.ant-btn-dangerous {
-  color       : var(--ant-error-color);
-  border-color: var(--ant-error-color);
-  background  : #fff;
-}
 
 a {
   color: var(--ant-primary-color);
@@ -399,102 +389,103 @@ a:hover {
 }
 
 
-.ant-input-has-value:hover {
-  .ant-input-clear-icon {
-    visibility: visible;
+.ls-group-tip {
+  display       : flex;
+  position      : relative;
+  width         : 100%;
+  align-items   : center;
+  background    : #fff;
+  padding-bottom: 12px;
+  .ls-group-divider {
+    height      : 14px;
+    border-right: 2px solid var(--ant-primary-color);
   }
-}
 
-.ant-modal-confirm-body {
-  .ant-modal-confirm-content {
-    max-height: 60vh;
-    overflow  : auto;
+  .ls-group-text {
+    font-size   : 14px;
+    color       : #181818;
+    padding-left: 8px;
   }
 }
 
-.ant-row {
-  width: 100%;
-}
 
-.ant-popover {
-  max-width: min-content !important;
-}
+
 //-------------------省市区组件样式-----------
 //最外层盒子
 .ls-area-cascaded-box {
-  width: 600px;
-  display: flex;
+  width         : 600px;
+  display       : flex;
   flex-direction: column;
-  transition: all 0.3s;
+  transition    : all 0.3s;
 
   .ls-area-cascaded-header {
-    width: 100%;
-    padding: 2px 0 6px;
-    border-bottom: 1px solid #f0f0f0;
-    display: flex;
-    flex-direction: row;
+    width          : 100%;
+    padding        : 2px 0 6px;
+    border-bottom  : 1px solid #f0f0f0;
+    display        : flex;
+    flex-direction : row;
     justify-content: space-around;
     justify-content: center;
 
     .ls-word-box-display {
-      margin: 0 10px;
-      font-size: 14px;
+      margin     : 0 10px;
+      font-size  : 14px;
       font-weight: 100;
 
       button {
-        border: none;
+        border          : none;
         background-color: var(--ant-primary-2, #f0f9ff);
 
         &[disabled] {
           background-color: #fafafa !important;
 
           .ls-myself-select-title-style {
-            color: var(--ant-primary-4, #a3d7ff);
+            color     : var(--ant-primary-4, #a3d7ff);
             transition: all 0.3s;
           }
         }
       }
 
       .ls-myself-select-title-style {
-        color: var(--ant-primary-color, rgb(69, 154, 220));
-        font-size: 14px;
+        color      : var(--ant-primary-color, rgb(69, 154, 220));
+        font-size  : 14px;
         font-weight: 600;
-        transition: all 0.3s;
+        transition : all 0.3s;
       }
     }
 
     .ls-icon-box-display {
-      display: flex;
+      display    : flex;
       align-items: center;
     }
   }
 
   .ls-area-cascaded-body {
-    width: 100%;
-    min-height: 100px;
-    max-height: 350px;
-    overflow: auto;
-    padding: 8px 12px 4px;
-    display: grid;
+    width                : 100%;
+    min-height           : 100px;
+    max-height           : 350px;
+    overflow             : auto;
+    padding              : 8px 12px 4px;
+    display              : grid;
     grid-template-columns: repeat(4, 1fr);
-    gap: 4px;
-    justify-content: start;
-    align-content: flex-start;
-    align-items: center;
+    gap                  : 4px;
+    justify-content      : start;
+    align-content        : flex-start;
+    align-items          : center;
 
     .ls-area-cascaded-span {
       text-align: center;
-      padding: 6px 10px;
+      padding   : 6px 10px;
 
       //文字不换行，超出省略
-      overflow: hidden;
+      overflow     : hidden;
       text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
+      white-space  : nowrap;
+      cursor       : pointer;
 
       &.ls-area-selected,
       &:hover {
-        color: var(--ant-primary-color, rgb(69, 154, 220));
+        color     : var(--ant-primary-color, rgb(69, 154, 220));
         transition: all 0.3s;
       }
     }
@@ -508,4 +499,7 @@ a:hover {
   }
 }
 
+
+@import url('./antd-custom.less');
+
 //-------------------省市区组件样式-----------

package/es/hooks/useSingle/index.js

@@ -585,6 +585,7 @@ function useSingle(inParam) {
   var tableTools = useMemo(function () {
     return [(toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.add) && canAdd ? /*#__PURE__*/React.createElement(_Button, {
       key: "add",
+      type: "primary",
       onClick: function onClick() {
         return onAdd(null);
       },

package/es/index.d.ts

@@ -9,6 +9,7 @@ import AreaCascader from './components/AreaCascader';
 import AreaCascaderPanel from './components/AreaCascaderPanel';
 import DescritionCard from './components/DescritionCard';
 import Permission from './components/Permission';
+import GroupTip from './components/GroupTip';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -22,4 +23,4 @@ import type { DtlLyaoutProps } from './components/DtlLayout';
 import type { DescritionCardProps } from './components/DescritionCard';
 import type { PermissionProps } from './components/Permission';
 export type { ApiResponse, TableToolbar, BaseApiType, MethodType, DtlLyaoutProps, DescritionCardProps, PermissionProps };
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };

package/es/index.js

@@ -9,6 +9,7 @@ import AreaCascader from './components/AreaCascader';
 import AreaCascaderPanel from './components/AreaCascaderPanel';
 import DescritionCard from './components/DescritionCard';
 import Permission from './components/Permission';
+import GroupTip from './components/GroupTip';
 import BaseService from './service/BaseService';
 import request, { httpGet, httpPut, httpPost, httpDelete, getDict, fetchOptions } from './http';
 import * as utils from './utils';
@@ -16,4 +17,4 @@ import * as utils from './utils';
 import useSingle from './hooks/useSingle';
 import useDtl from './hooks/useDtl';
 import usePermission from './hooks/usePermission';
-export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };
+export { DtlLayout, InputTable, Page404, Loading, IconSelector, ImageSelector, InputMultiLine, AreaCascader, AreaCascaderPanel, DescritionCard, Permission, GroupTip, BaseService, request, httpDelete, httpGet, httpPost, httpPut, getDict, fetchOptions, utils, useSingle, useDtl, usePermission };

package/es/utils/index.d.ts

@@ -98,11 +98,11 @@ export declare const getCache: (key: string, session?: boolean) => string | null
  */
 export declare const clearCache: (key?: string | undefined, session?: boolean) => void;
 /** @name 显示错误 */
-export declare const showError: (text: string) => void;
+export declare const showError: (text: string, duration?: number) => void;
 /** @name 显示警示 */
-export declare const showWarn: (text: string) => void;
+export declare const showWarn: (text: string, duration?: number) => void;
 /** @name 显示成功 */
-export declare const showSuccess: (text: string) => void;
+export declare const showSuccess: (text: string, duration?: number) => void;
 /**
  * 弹框提示
  * @param text 提示信息

package/es/utils/index.js

@@ -215,8 +215,10 @@ _message.config({
 });
 /** @name 显示错误 */
 export var showError = function showError(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 4;
   _message.error({
     content: text,
+    duration: duration,
     getPopupContainer: function getPopupContainer(e) {
       return getFullScreenElement() || document.body;
     }
@@ -224,8 +226,10 @@ export var showError = function showError(text) {
 };
 /** @name 显示警示 */
 export var showWarn = function showWarn(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   _message.warn({
     content: text,
+    duration: duration,
     getPopupContainer: function getPopupContainer(e) {
       return getFullScreenElement() || document.body;
     }
@@ -233,8 +237,10 @@ export var showWarn = function showWarn(text) {
 };
 /** @name 显示成功 */
 export var showSuccess = function showSuccess(text) {
+  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   _message.success({
     content: text,
+    duration: duration,
     getPopupContainer: function getPopupContainer(e) {
       return getFullScreenElement() || document.body;
     }

package/lib/components/DtlLayout.d.ts

@@ -6,15 +6,17 @@ 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?: string;

package/lib/components/DtlLayout.js

@@ -6,6 +6,8 @@ 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"));
@@ -28,6 +30,8 @@ function DtlLayout(props) {
     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,
@@ -55,18 +59,17 @@ function DtlLayout(props) {
     return isAudit();
   };
   var btns = (0, _react.useMemo)(function () {
-    // const b = [
-    //   <Button
-    //     key="btnBack"
-    //     onClick={() => props.onExit(false)}
-    //     icon={<ArrowLeftOutlined />}>
-    //     {btnExitText}
-    //   </Button>
-    // ]
-    var b = [];
+    var back = /*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "btnBack",
+      onClick: function onClick() {
+        return props.onExit(false);
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ArrowLeftOutlined, null)
+    }, btnExitText);
+    var btnList = [back];
     // 有新增或更改权限且未审核，开放出保存按钮
-    if ((checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
-      b.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
+    if (btnSaveText && (checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
+      btnList.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
         key: "btnSave",
         onClick: function onClick() {
           var _formRef$current;
@@ -80,8 +83,8 @@ function DtlLayout(props) {
       }, btnSaveText));
     }
     // 转入onAudit方法且有审核权限，数据未审核，开放出审核按钮
-    if (props.onAudit && checkRight(64) && !isAudit() && !isView) {
-      b.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
+    if (btnAuditText && props.onAudit && checkRight(64) && !isAudit() && !isView) {
+      btnList.unshift( /*#__PURE__*/_react.default.createElement(_button.default, {
         key: "btnAudit",
         disabled: btnDisabled('btnAudit'),
         onClick: function onClick() {
@@ -89,10 +92,16 @@ function DtlLayout(props) {
           props.onAudit();
         },
         icon: /*#__PURE__*/_react.default.createElement(_icons.AuditOutlined, null)
-      }, "\u5BA1\u6838"));
+      }, btnAuditText));
     }
-    if (props.renderButton) return props.renderButton(b);
-    return b;
+    // 如果用户直接返回空，还是需要把返回按钮加上。
+    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"
@@ -100,16 +109,12 @@ function DtlLayout(props) {
     className: (0, _classnames.default)('dtl-header', headerClass),
     style: headerStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtl-back"
-  }, /*#__PURE__*/_react.default.createElement(_icons.LeftOutlined, {
-    onClick: function onClick() {
-      return props.onExit(false);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "dtl-title"
   }, dtlTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: "dtl-btns"
-  }, btns)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_space.default, {
+    size: 8
+  }, btns))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('dtl-body', bodyClass),
     style: bodyStyle
   }, children));

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;