tntd 2.8.0-beta.8 → 2.8.1

package/lib/descriptions/descriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AACzC,kDAAmE;AAGnE,4DAAmC;AACnC,6DAAwD;AACxD,wEAAkE;AAElE,2DAAkC;AAElC,uDAAoC;AAoBvB,QAAA,YAAY,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAApD,qDAAsD,CAAF;IACrD,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QACjD,aAAa;QACb,MAAM,cAAc,GAAG,MAAM,KAAK,UAAU,IAAI,MAAM,CAAA;QACtD,OAAO,CACL,8BAAC,sBAAgB,kBACf,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EACjD;gBACE,6BAA6B,EAAE,CAAC,QAAQ;aACzC,EACD;gBACE,mBAAmB,EAAE,cAAc;aACpC,EACD;gBACE,4BAA4B,EAAE,QAAQ;aACvC,EACD,SAAS,CACV,IACG,IAAI,IACR,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,KAGjD,cAAc,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;oBAC7C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAA;oBACtC,OAAO,CACL;wBACE,8BAAC,kBAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,uCAAK,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAO,EACnE,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAA;iBACF;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,QAAQ,CACK,CACpB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAA0B,CAAA;AAE3B,oBAAY,CAAC,IAAI,GAAG,sBAAgB,CAAC,IAAI,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-05-05 15:48:09\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-01-18 15:27:45\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType: boolean\n  ellipsis: boolean\n  theme: string\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  tdType: boolean\n  theme: string\n}\n\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof AntdDescriptions.Item\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(({ className, tdType, theme, colon, children, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {() => {\n        const { layout, ellipsis, bordered } = rest || {}\n        //   非垂直 且 同盾\n        const tdDescriptions = layout !== 'vertical' && tdType\n        return (\n          <AntdDescriptions\n            className={classNames(\n              `theme-${theme || (bordered ? 'line' : 'block')}`,\n              {\n                'tntd-descriptions-no-border': !bordered,\n              },\n              {\n                'tntd-descriptions': tdDescriptions,\n              },\n              {\n                'tntd-descriptions-ellipsis': ellipsis,\n              },\n              className\n            )}\n            {...rest}\n            colon={tdDescriptions && !bordered ? false : colon}\n          >\n            {/* 非边框的同盾内置样式 */}\n            {tdDescriptions && !bordered\n              ? React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, children } = childProps\n                    return (\n                      <div>\n                        <Ellipsis\n                          className=\"tntd-description-item\"\n                          prefix={<div className=\"tntd-description-label-title\">{label}</div>}\n                          title={child}\n                        />\n                      </div>\n                    )\n                  }\n                })\n              : children}\n          </AntdDescriptions>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
+{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-07-22 15:03:26\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport toArray from 'rc-util/es/Children/toArray'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType?: boolean\n  ellipsis?: boolean\n  ellipsisLine?: number\n  hideTooltip?: boolean\n  undoUpper?: boolean\n  upperCaseIgnore?: Array<string>\n  titleType?: string\n  titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n  labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n  extends React.ForwardRefExoticComponent<\n    DescriptionsProps & React.RefAttributes<AntdDescriptions>\n  > {\n  Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n  AntdDescriptions,\n  DescriptionsProps & { capitalize?: boolean }\n>(\n  (\n    {\n      className,\n      tdType = true,\n      titleWeight = true,\n      titleType,\n      colon,\n      children,\n      undoUpper = false,\n      upperCaseIgnore = [],\n      title,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefixCls = getPrefixCls('descriptions')\n          const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n          //   非垂直 且 同盾\n          const tdDescriptions = layout !== 'vertical' && tdType\n\n          const tntPrefixCls = 'tnt-descriptions'\n\n          const flattenChildren = (children: React.ReactNode): React.ReactNode[] => {\n            if (!children) {\n              return []\n            }\n            return toArray(children).reduce(function (\n              flatChildren: React.ReactNode[],\n              child: React.ReactNode\n            ) {\n              if (child && (child as any).type === React.Fragment) {\n                return flatChildren.concat(flattenChildren((child as any).props.children))\n              }\n\n              flatChildren.push(child)\n              return flatChildren\n            },\n            [])\n          }\n\n          children = flattenChildren(children)\n\n          return (\n            <AntdDescriptions\n              className={classNames(\n                `${prefixCls}-${getLanguage()}`,\n                {\n                  [tntPrefixCls]: tdDescriptions,\n                },\n                `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n                {\n                  [tntPrefixCls + '-title-weight']: titleWeight,\n                },\n                {\n                  [tntPrefixCls + '-ellipsis']: ellipsis,\n                },\n                className\n              )}\n              title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n              {...rest}\n              colon={tdDescriptions ? false : colon}\n              ref={ref}\n            >\n              {/*同盾描述框 非边框 开启默认tooltip */}\n              {tdDescriptions &&\n                !bordered &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const { label, labelPrefix, children: childContext } = childProps\n                    return React.cloneElement(child, {\n                      ...child.props,\n                      label: null,\n                      children: (\n                        <Ellipsis\n                          lines={ellipsisLine}\n                          className=\"tnt-descriptions-item\"\n                          prefix={\n                            <div className=\"tnt-descriptions-label-title\">\n                              <Ellipsis\n                                prefix={\n                                  labelPrefix ? (\n                                    <span className=\"tnt-descriptions-label-tag\">\n                                      {labelPrefix}\n                                    </span>\n                                  ) : null\n                                }\n                                lines={ellipsisLine}\n                                title={label}\n                              />\n                            </div>\n                          }\n                          title={childContext}\n                        />\n                      ),\n                    })\n                  }\n                })}\n\n              {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n              {tdDescriptions &&\n                bordered &&\n                ellipsis &&\n                !hideTooltip &&\n                React.Children.map(children, (child) => {\n                  if (React.isValidElement(child)) {\n                    const childProps = (child.props || {}) as any\n                    const {\n                      label,\n                      labelPrefix,\n                      children: childContext,\n                      ellipsis = true,\n                    } = childProps\n                    return React.cloneElement(child, {\n                      ...child.props,\n                      label: (\n                        <Ellipsis\n                          prefix={\n                            labelPrefix ? (\n                              <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n                            ) : null\n                          }\n                          lines={ellipsisLine}\n                          title={label}\n                        />\n                      ),\n                      children: ellipsis ? (\n                        <Ellipsis lines={ellipsisLine} title={childContext} />\n                      ) : (\n                        childContext\n                      ),\n                    })\n                  }\n                })}\n              {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n              {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n            </AntdDescriptions>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}

package/lib/descriptions/descriptions.less

@@ -5,94 +5,90 @@
 @descriptions-small-padding: 8px 16px;
 @descriptions-bg: #e1e6ee;
 
-.@{descriptions-prefix-cls} {
-    // title样式
-    &.tntd-descriptions {
-        // 线条模式
-        &[class*="theme-line"]{
+.tnt-descriptions{
+    &.@{descriptions-prefix-cls} {
+        // 加粗的头部
+        &.tnt-descriptions-title-weight{
+            >.@{descriptions-prefix-cls}-title{
+                font-weight: 600 !important;
+            }
+        }
+
+        // label中有标签前缀
+        .tnt-descriptions-label-tag{
+            color:@primary-color;
+            margin-right: 4px;
+        }
+
+        // title样式
+        &[class*="tnt-descriptions-title-theme"]{
             // 默认色主题
-            >.ant-descriptions-title{
+            >.@{descriptions-prefix-cls}-title{
                 font-size:@font-size-base;
                 position: relative;
                 margin-bottom:12px;
                 padding-left:12px;
+                font-weight: 400;
                 &::before{
                     content: '';
                     width: 4px;
                     height: 12px;
                     background-color: @primary-color;
-                    border-radius: 8px;
+                    border-radius: @border-radius-base;//8px;
                     position: absolute;
-                    top:6px;
+                    top:5px;
                     left:0;
                 }
             }
-
-            // 黑色主题
-            &.theme-line-black{
-                .ant-descriptions-title{
+            // 默认没有前面的线条展示
+            &.title-theme-none{
+                >.@{descriptions-prefix-cls}-title{
+                    padding-left:0;
                     &::before{
                         content: '';
-                        background-color: @text-color;
+                        display: none;
                     }
                 }
             }
-
         }
 
-        // 区块模式
-        &.theme-block{
-            .ant-descriptions-title{
-                font-size:@font-size-base;
-                max-width: 100%;
-                display: inline-block;
-                padding: 6px 20px 6px 16px;
-                border-radius: 8px 20px 20px 0px;
-                background: linear-gradient(0deg, rgba(18, 107, 251, 0.16) 0%, rgba(18, 107, 251, 0.08) 76.56%);
-                margin-right: 4px;
-                margin-bottom:16px;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                font-weight: 600;
-            }
-        }
-    }
-
-    &-bordered {
-        &.tntd-descriptions {
-            &.tntd-descriptions-ellipsis{
+        // 带边框
+        &-bordered {
+            &.tnt-descriptions-ellipsis{
                 .@{descriptions-prefix-cls}-item-label,
                 .@{descriptions-prefix-cls}-item-content {
-                    white-space: nowrap;
                     overflow: hidden;
                     text-overflow: ellipsis;
+                    -webkit-box-orient: vertical;
                 }
-
                 .@{descriptions-prefix-cls}-item-label{
-                    width: 180px;
+                    width: 180px; // 其他语言模式默认180
+                    background-color: @fill-color-quaternary; //#F8F9FB;
+                }
+            }
+            &.@{descriptions-prefix-cls}-cn{
+                .@{descriptions-prefix-cls}-item-label{
+                    width: 160px; // 中文160
                 }
             }
             .@{descriptions-prefix-cls}-view > table {
                 table-layout: fixed;
             }
+            .@{descriptions-prefix-cls}-item-label{
+                background-color: fade(@descriptions-bg, 40%); ;
+            }
+            .@{descriptions-prefix-cls}-item-label,
+            .@{descriptions-prefix-cls}-item-content {
+                padding: @descriptions-small-padding;
+            }
         }
-        .@{descriptions-prefix-cls}-item-label{
-            background-color: fade(@descriptions-bg, 40%); ;
-        }
-        .@{descriptions-prefix-cls}-item-label,
-        .@{descriptions-prefix-cls}-item-content {
-            padding: 10px 16px;
-        }
-    }
 
-    &.tntd-descriptions-no-border{
-        &.tntd-descriptions{
-            .ant-descriptions-item{
-                height: 34px;
-                line-height: 34px;
+        // 不带边框
+        &:not(.@{descriptions-prefix-cls}-bordered ){
+            .@{descriptions-prefix-cls}-item{
+                height: 30px;
+                line-height: 30px;
                 position: relative;
-                padding-right: 12px;
                 padding:0;
                 &:not(:first-of-type){
                     padding-left: 12px;
@@ -101,29 +97,34 @@
                         left:0;
                         position: absolute;
                         width:1px;
-                        background-color: #CBD4E2;
+                        background-color: @descriptions-bg;
                         height:16px;
                         top: 50%;
                         margin-top:-8px;
                     }
                 }
-                .ant-descriptions-item-no-label{
+                .@{descriptions-prefix-cls}-item-no-label{
                     display: none;
                 }
-                .ant-descriptions-item-content{
+                .@{descriptions-prefix-cls}-item-content{
                     display: flex;
                     width: 100%;
-                    &>.tntd-ellipsis{
+                    height:100%;
+                    align-items: center;
+                    &>.tntd-ellipsis,>.tnt-ellipsis{
                         width: 100%;
-                        .tntd-description-label-title{
+                        height: 100%;
+                        align-items: center;
+                        .tnt-descriptions-label-title{
                             max-width: 70%;
-                            margin-right: 4px;
-                            color:#8B919E;
-                            white-space: nowrap;
+                            margin-right: 8px;
+                            color: tint(@bg-color-spotilight, 50%);//#8B919E;
                             overflow: hidden;
                             text-overflow: ellipsis;
-                            &+.tntd-description-item{
+                            -webkit-box-orient: vertical;
+                            &+.tnt-descriptions-item{
                                 flex:1;
+                                padding-right: 8px;
                             }
                         }
                     }

package/lib/descriptions/style/index.less

@@ -23,6 +23,7 @@
     table {
       width: 100%;
       table-layout: fixed;
+      border-collapse: collapse !important; // 在Table下 下边框不展示问题
     }
   }
 

package/lib/drawer/drawer.d.ts

@@ -1,4 +1,30 @@
 import type { DrawerProps as AntdDrawerProps } from 'antd/lib/drawer';
-import { FC } from 'react';
-export declare const Drawer: FC<AntdDrawerProps>;
+import type { BaseButtonProps } from 'antd/lib/button/button';
+import type { ButtonType } from '../button/button';
+import React, { FC } from 'react';
+interface CustomDrawerProps extends AntdDrawerProps {
+    footer?: React.ReactNode;
+    showFooter?: boolean;
+    onClose?: () => void;
+    onSubmit?: () => void;
+    onCancel?: () => void;
+    afterClose?: () => void;
+    onOk?: () => void;
+    okText?: string;
+    cancelText?: string;
+    locale?: {
+        okText?: string;
+        cancelText?: string;
+    };
+    okType?: ButtonType;
+    cancelType?: ButtonType;
+    confirmLoading?: boolean;
+    okButtonProps?: BaseButtonProps;
+    cancelButtonProps?: BaseButtonProps;
+    clickOnBlankToClose: boolean;
+    upperCaseIgnore?: [];
+    unUpperConverted: boolean;
+}
+export declare const Drawer: FC<CustomDrawerProps>;
+export {};
 //# sourceMappingURL=drawer.d.ts.map

package/lib/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGpE,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,eAAe,CAmBtC,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAIpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,EAAE,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAA;AAyCjE,UAAU,iBAAkB,SAAQ,eAAe;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,eAAe,CAAA;IAC/B,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,EAAE,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAqHxC,CAAA"}

package/lib/drawer/drawer.js

@@ -4,11 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Drawer = void 0;
-var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
 var _configProvider = require("antd/lib/config-provider");
 var _drawer = _interopRequireDefault(require("antd/lib/drawer"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _react = _interopRequireWildcard(require("react"));
+var _button = require("../button");
+var _icon = _interopRequireDefault(require("../icon"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -22,20 +27,127 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
+var DefaultFooter = function DefaultFooter(_ref) {
+  var locale = _ref.locale,
+    onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    okText = _ref.okText,
+    okType = _ref.okType,
+    cancelText = _ref.cancelText,
+    confirmLoading = _ref.confirmLoading,
+    okButtonProps = _ref.okButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    cancelType = _ref.cancelType;
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_button.Button, Object.assign({
+    onClick: onCancel,
+    type: cancelType || 'default'
+  }, cancelButtonProps), cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText)), _react["default"].createElement(_button.Button, Object.assign({
+    onClick: onOk,
+    type: okType || 'primary',
+    loading: confirmLoading
+  }, okButtonProps), okText || (locale === null || locale === void 0 ? void 0 : locale.okText)));
+};
 var Drawer = exports.Drawer = function Drawer(_a) {
-  var closable = _a.closable,
+  var _a$closable = _a.closable,
+    closable = _a$closable === void 0 ? true : _a$closable,
     className = _a.className,
-    rest = __rest(_a, ["closable", "className"]);
-  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
-    var getPrefixCls = _ref.getPrefixCls;
+    footer = _a.footer,
+    showFooter = _a.showFooter,
+    onClose = _a.onClose,
+    onSubmit = _a.onSubmit,
+    onCancel = _a.onCancel,
+    afterClose = _a.afterClose,
+    onOk = _a.onOk,
+    _a$okText = _a.okText,
+    okText = _a$okText === void 0 ? '' : _a$okText,
+    _a$cancelText = _a.cancelText,
+    cancelText = _a$cancelText === void 0 ? '' : _a$cancelText,
+    locale = _a.locale,
+    _a$okType = _a.okType,
+    okType = _a$okType === void 0 ? 'primary' : _a$okType,
+    _a$cancelType = _a.cancelType,
+    cancelType = _a$cancelType === void 0 ? 'default' : _a$cancelType,
+    _a$confirmLoading = _a.confirmLoading,
+    confirmLoading = _a$confirmLoading === void 0 ? false : _a$confirmLoading,
+    _a$okButtonProps = _a.okButtonProps,
+    okButtonProps = _a$okButtonProps === void 0 ? {} : _a$okButtonProps,
+    _a$cancelButtonProps = _a.cancelButtonProps,
+    cancelButtonProps = _a$cancelButtonProps === void 0 ? {} : _a$cancelButtonProps,
+    _a$clickOnBlankToClos = _a.clickOnBlankToClose,
+    clickOnBlankToClose = _a$clickOnBlankToClos === void 0 ? false : _a$clickOnBlankToClos,
+    upperCaseIgnore = _a.upperCaseIgnore,
+    unUpperConverted = _a.unUpperConverted,
+    title = _a.title,
+    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "afterClose", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose", "upperCaseIgnore", "unUpperConverted", "title"]);
+  var drawerDom = _react["default"].useRef(null);
+  var _onCancel = (0, _react.useCallback)(function () {
+    if (onCancel) {
+      onCancel();
+    } else if (onClose) {
+      onClose();
+    }
+    if (afterClose) {
+      afterClose();
+    }
+  }, [onCancel, onClose, afterClose]);
+  var _onOk = onOk || onSubmit;
+  (0, _react.useEffect)(function () {
+    if (clickOnBlankToClose) {
+      var handleOutsideClick = function handleOutsideClick(event) {
+        var drawer = drawerDom.current;
+        var targetElement = event.target;
+        var isInDrawer = false;
+        if (drawer && targetElement) {
+          isInDrawer = drawer.contains(targetElement) || targetElement === drawer;
+        }
+        drawerDom.current = null;
+        if (rest.visible && !isInDrawer && _onCancel) {
+          _onCancel();
+        }
+      };
+      document.removeEventListener('click', handleOutsideClick);
+      document.addEventListener('click', handleOutsideClick);
+      return function () {
+        document.removeEventListener('click', handleOutsideClick);
+      };
+    }
+  }, [rest.visible, clickOnBlankToClose, _onCancel]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
+    var getPrefixCls = _ref2.getPrefixCls;
     var prefixCls = getPrefixCls('drawer');
     return _react["default"].createElement(_LocaleReceiver["default"], {
-      componentName: "Drawer"
-    }, function () {
-      return _react["default"].createElement(_drawer["default"], Object.assign({
-        className: (0, _classnames["default"])(prefixCls, 'tntd-drawer', className, _defineProperty({}, "".concat(prefixCls, "-contain-closable"), closable !== false)),
-        closable: closable
-      }, rest));
+      componentName: "Drawer",
+      defaultLocale: locale
+    }, function (locale) {
+      return _react["default"].createElement("div", {
+        onClick: function onClick(event) {
+          drawerDom.current = event.target;
+        }
+      }, _react["default"].createElement(_drawer["default"], Object.assign({
+        className: (0, _classnames["default"])(prefixCls, 'tnt-drawer', 'tntd-drawer', className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-contain-closable"), closable !== false), "".concat(prefixCls, "-footer"), showFooter || footer)),
+        closable: false,
+        onClose: _onCancel,
+        width: 480
+      }, rest, {
+        title: !unUpperConverted ? (0, _utils.doUpperTitle)(title, upperCaseIgnore) : title
+      }), _react["default"].createElement(_react["default"].Fragment, null, closable !== false && _react["default"].createElement(_icon["default"], {
+        type: "close",
+        className: "".concat(prefixCls, "-close"),
+        onClick: _onCancel
+      }), rest.children, (showFooter || footer) && _react["default"].createElement("div", {
+        className: "".concat(prefixCls, "-footer-style")
+      }, footer || _react["default"].createElement(DefaultFooter, {
+        confirmLoading: confirmLoading,
+        okButtonProps: okButtonProps,
+        cancelButtonProps: cancelButtonProps,
+        okType: okType,
+        locale: locale,
+        okText: okText,
+        cancelType: cancelType,
+        cancelText: cancelText,
+        onOk: _onOk,
+        onCancel: _onCancel
+      })))));
     });
   });
 };

package/lib/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AASA,4FAAmE;AACnE,4DAAmC;AACnC,kDAAiC;AAEjC,6DAAwD;AACxD,4DAAsD;AAE/C,MAAM,MAAM,GAAwB,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAO,OAAA,CAC/E,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxC,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,QAAQ,IACnC,GAAG,EAAE,CAAC,CACL,8BAAC,gBAAU,kBACT,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE;gBACzD,CAAC,GAAG,SAAS,mBAAmB,CAAC,EAAE,QAAQ,KAAK,KAAK;aACtD,CAAC,EACF,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;CAAA,CAAA;AAnBY,QAAA,MAAM,UAmBlB","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-03-08 16:45:46\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-03-08 18:56:20\n * @FilePath: /tntd/packages/tntd/src/drawer/drawer.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport type { DrawerProps as AntdDrawerProps } from 'antd/lib/drawer'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport React, { FC } from 'react'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDrawer } from 'antd/lib/drawer'\n\nexport const Drawer: FC<AntdDrawerProps> = ({ closable, className, ...rest }) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefixCls = getPrefixCls('drawer')\n      return (\n        <LocaleReceiver componentName=\"Drawer\">\n          {() => (\n            <AntdDrawer\n              className={classNames(prefixCls, 'tntd-drawer', className, {\n                [`${prefixCls}-contain-closable`]: closable !== false,\n              })}\n              closable={closable}\n              {...rest}\n            />\n          )}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/lib/drawer'\nimport { default as AntdDrawer } from 'antd/lib/drawer'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/lib/button/button'\nimport type { ButtonType } from '../button/button'\nimport { doUpperTitle } from '../utils'\nimport React, { FC, useCallback, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n  locale,\n  onCancel,\n  onOk,\n  okText,\n  okType,\n  cancelText,\n  confirmLoading,\n  okButtonProps,\n  cancelButtonProps,\n  cancelType,\n}: {\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  onCancel?: () => void\n  onOk?: () => void\n  okText: string\n  cancelText: string\n  okType?: ButtonType\n  cancelType: ButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n}) => {\n  return (\n    <>\n      <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n        {cancelText || locale?.cancelText}\n      </Button>\n      <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n        {okText || locale?.okText}\n      </Button>\n    </>\n  )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n  footer?: React.ReactNode\n  showFooter?: boolean\n  onClose?: () => void\n  onSubmit?: () => void\n  onCancel?: () => void\n  afterClose?: () => void\n  onOk?: () => void\n  okText?: string\n  cancelText?: string\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  okType?: ButtonType\n  cancelType?: ButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n  clickOnBlankToClose: boolean\n  upperCaseIgnore?: []\n  unUpperConverted: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n  closable = true,\n  className,\n  footer,\n  showFooter,\n  onClose,\n  onSubmit,\n  onCancel,\n  afterClose,\n  onOk,\n  okText = '',\n  cancelText = '',\n  locale,\n  okType = 'primary',\n  cancelType = 'default',\n  confirmLoading = false,\n  okButtonProps = {},\n  cancelButtonProps = {},\n  clickOnBlankToClose = false,\n  upperCaseIgnore,\n  unUpperConverted,\n  title,\n  ...rest\n}) => {\n  const drawerDom = React.useRef<EventTarget | null>(null)\n  const _onCancel = useCallback(() => {\n    if (onCancel) {\n      onCancel()\n    } else if (onClose) {\n      onClose()\n    }\n    if (afterClose) {\n      afterClose()\n    }\n  }, [onCancel, onClose, afterClose])\n  const _onOk = onOk || onSubmit\n\n  useEffect(() => {\n    if (clickOnBlankToClose) {\n      const handleOutsideClick = (event: Event) => {\n        const drawer = drawerDom.current as Node\n        const targetElement = event.target as Node\n\n        let isInDrawer = false\n        if (drawer && targetElement) {\n          isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n        }\n        drawerDom.current = null\n        if (rest.visible && !isInDrawer && _onCancel) {\n          _onCancel()\n        }\n      }\n      document.removeEventListener('click', handleOutsideClick)\n      document.addEventListener('click', handleOutsideClick)\n      return () => {\n        document.removeEventListener('click', handleOutsideClick)\n      }\n    }\n  }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('drawer')\n        return (\n          <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n            {(locale) => {\n              return (\n                <div\n                  onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n                    drawerDom.current = event.target\n                  }}\n                >\n                  <AntdDrawer\n                    className={classNames(prefixCls, 'tnt-drawer', 'tntd-drawer', className, {\n                      [`${prefixCls}-contain-closable`]: closable !== false,\n                      [`${prefixCls}-footer`]: showFooter || footer,\n                    })}\n                    closable={false}\n                    onClose={_onCancel}\n                    width={480}\n                    {...rest}\n                    title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n                  >\n                    <>\n                      {closable !== false && (\n                        <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n                      )}\n                      {rest.children}\n                      {(showFooter || footer) && (\n                        <div className={`${prefixCls}-footer-style`}>\n                          {footer || (\n                            <DefaultFooter\n                              confirmLoading={confirmLoading}\n                              okButtonProps={okButtonProps}\n                              cancelButtonProps={cancelButtonProps}\n                              okType={okType}\n                              locale={locale}\n                              okText={okText}\n                              cancelType={cancelType}\n                              cancelText={cancelText}\n                              onOk={_onOk}\n                              onCancel={_onCancel}\n                            />\n                          )}\n                        </div>\n                      )}\n                    </>\n                  </AntdDrawer>\n                </div>\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/lib/drawer/index.d.ts

@@ -1,6 +1,6 @@
 import './style';
 import { Drawer } from './drawer';
-import './drawer.less';
+import './index.less';
 export * from 'antd/lib/drawer';
 export default Drawer;
 //# sourceMappingURL=index.d.ts.map

package/lib/drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,eAAe,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,cAAc,CAAA;AACrB,cAAc,gBAAgB,CAAA;AAE9B,eAAe,MAAM,CAAA"}

package/lib/drawer/index.js

@@ -7,16 +7,16 @@ var _exportNames = {};
 exports["default"] = void 0;
 require("./style");
 var _drawer = require("./drawer");
-require("./drawer.less");
-var _drawer3 = require("antd/lib/drawer");
-Object.keys(_drawer3).forEach(function (key) {
+require("./index.less");
+var _drawer2 = require("antd/lib/drawer");
+Object.keys(_drawer2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _drawer3[key]) return;
+  if (key in exports && exports[key] === _drawer2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _drawer3[key];
+      return _drawer2[key];
     }
   });
 });

package/lib/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,qCAAiC;AAEjC,yBAAsB;AACtB,iDAA8B;AAE9B,kBAAe,eAAM,CAAA","sourcesContent":["import './style'\nimport { Drawer } from './drawer'\n\nimport './drawer.less'\nexport * from 'antd/lib/drawer'\n\nexport default Drawer\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mBAAgB;AAChB,qCAAiC;AAEjC,wBAAqB;AACrB,iDAA8B;AAE9B,kBAAe,eAAM,CAAA","sourcesContent":["import './style'\nimport { Drawer } from './drawer'\n\nimport './index.less'\nexport * from 'antd/lib/drawer'\n\nexport default Drawer\n"]}