tntd 2.8.0-beta.2 → 3.0.0-beta

package/es/descriptions/descriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAA2B,wCAAwC,CAAA;AAEnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAElE,cAAc,sBAAsB,CAAA;AAQpC,MAAM,UAAU,YAAY,CAAC,EAAiD;QAAjD,EAAE,SAAS,EAAE,MAAM,OAA8B,EAAzB,IAAI,cAA5B,uBAA8B,CAAF;IACvD,IAAI,cAAc,GAAG,KAAK,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;IAClD,IAAI,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE;QACnC,cAAc,GAAG,IAAI,CAAA;KACtB;IACD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;QAC9C,OAAO,CACL,oBAAC,gBAAgB,kBACf,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,mBAAmB,EACnB;gBACE,iBAAiB,EAAE,cAAc;aAClC,EACD;gBACE,eAAe,EAAE,QAAQ;aAC1B,EACD;gBACE,WAAW,EAAE,CAAC,QAAQ;aACvB,EACD;gBACE,WAAW,EAAE,CAAC,SAAS;aACxB,EACD,SAAS,CACV,IACG,IAAI,EACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAED,YAAY,CAAC,IAAI,GAAG,gBAAgB,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: 2023-05-05 15:59:07\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 from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDescriptions } from 'antd/es/descriptions'\n\nexport * from 'antd/es/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n  tdType: boolean\n  ellipsis: boolean\n  widthAuto: boolean\n}\n\nexport function Descriptions({ className, tdType, ...rest }: DescriptionsProps): JSX.Element {\n  let tdDescriptions = false\n  const { layout, ellipsis, widthAuto } = rest || {}\n  if (layout !== 'vertical' && tdType) {\n    tdDescriptions = true\n  }\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('descriptions')\n        return (\n          <AntdDescriptions\n            className={classNames(\n              prefixCls,\n              'tntd-descriptions',\n              {\n                'td-descriptions': tdDescriptions,\n              },\n              {\n                'tntd-ellipsis': ellipsis,\n              },\n              {\n                'tntd-wrap': !ellipsis,\n              },\n              {\n                'width-160': !widthAuto,\n              },\n              className\n            )}\n            {...rest}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\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: 2023-05-05 15:48:09\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-04 16:49:24\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/es/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/es/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDescriptions } from 'antd/es/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/es/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,\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          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 (\n                      <div>\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                      </div>\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 { label, labelPrefix, children: childContext } = 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 lines={ellipsisLine} title={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/es/descriptions/descriptions.less

@@ -5,42 +5,127 @@
 @descriptions-small-padding: 8px 16px;
 @descriptions-bg: #e1e6ee;
 
-.@{descriptions-prefix-cls} {
-    &-bordered {
-        &.td-descriptions {
-            &.tntd-ellipsis{
+.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"]{
+            // 默认色主题
+            >.@{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: @border-radius-base;//8px;
+                    position: absolute;
+                    top:6px;
+                    left:0;
+                }
+            }
+            // 默认没有前面的线条展示
+            &.title-theme-none{
+                >.@{descriptions-prefix-cls}-title{
+                    padding-left:0;
+                    &::before{
+                        content: '';
+                        display: none;
+                    }
+                }
+            }
+        }
+
+        // 带边框
+        &-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; // 其他语言模式默认180
+                    background-color: @fill-color-quaternary; //#F8F9FB;
                 }
             }
-            &.tntd-wrap{
-                .@{descriptions-prefix-cls}-item-label,
-                .@{descriptions-prefix-cls}-item-content {
-                    white-space: pre-wrap;
+            &.@{descriptions-prefix-cls}-cn{
+                .@{descriptions-prefix-cls}-item-label{
+                    width: 160px; // 中文160
                 }
             }
             .@{descriptions-prefix-cls}-view > table {
                 table-layout: fixed;
             }
-            &.width-160{
-                .@{descriptions-prefix-cls}-item-label{
-                    width: 160px;
-                }
+            .@{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;
+        // 不带边框
+        &:not(.@{descriptions-prefix-cls}-bordered ){
+            .@{descriptions-prefix-cls}-item{
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                padding:0;
+                &:not(:first-of-type){
+                    padding-left: 12px;
+                    &::before{
+                        content: "";
+                        left:0;
+                        position: absolute;
+                        width:1px;
+                        background-color: @descriptions-bg;
+                        height:16px;
+                        top: 50%;
+                        margin-top:-8px;
+                    }
+                }
+                .@{descriptions-prefix-cls}-item-no-label{
+                    display: none;
+                }
+                .@{descriptions-prefix-cls}-item-content{
+                    display: flex;
+                    width: 100%;
+                    &>.tntd-ellipsis,>.tnt-ellipsis{
+                        width: 100%;
+                        .tnt-descriptions-label-title{
+                            max-width: 70%;
+                            margin-right: 4px;
+                            color: tint(@bg-color-spotilight, 50%);//#8B919E;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            -webkit-box-orient: vertical;
+                            &+.tnt-descriptions-item{
+                                flex:1;
+                                padding-right: 8px;
+                            }
+                        }
+                    }
+                }
+            }
         }
     }
 }

package/es/descriptions/index.js

@@ -2,13 +2,13 @@
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-04-10 16:10:31
  * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2023-05-05 15:57:16
+ * @LastEditTime: 2024-03-05 14:05:43
  * @FilePath: /tntd/packages/tntd/src/descriptions/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 // import Descriptions from 'antd/es/descriptions'
-import 'antd/es/descriptions/style';
-import { Descriptions } from './descriptions';
+import './style';
 import './descriptions.less';
+import { Descriptions } from './descriptions';
 export * from './descriptions';
 export default Descriptions;

package/es/descriptions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/descriptions/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,kDAAkD;AAElD,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,qBAAqB,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAE9B,eAAe,YAAY,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-04-10 16:10:31\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-05-05 15:57:16\n * @FilePath: /tntd/packages/tntd/src/descriptions/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n// import Descriptions from 'antd/es/descriptions'\n\nimport 'antd/es/descriptions/style'\nimport { Descriptions } from './descriptions'\n\nimport './descriptions.less'\nexport * from './descriptions'\n\nexport default Descriptions\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/descriptions/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,kDAAkD;AAElD,OAAO,SAAS,CAAA;AAChB,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,cAAc,gBAAgB,CAAA;AAE9B,eAAe,YAAY,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-04-10 16:10:31\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-05 14:05:43\n * @FilePath: /tntd/packages/tntd/src/descriptions/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\n// import Descriptions from 'antd/es/descriptions'\n\nimport './style'\nimport './descriptions.less'\n\nimport { Descriptions } from './descriptions'\n\nexport * from './descriptions'\n\nexport default Descriptions\n"]}

package/es/descriptions/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/descriptions/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/descriptions/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/descriptions/style/index.less

@@ -0,0 +1,144 @@
+@import '../../style/themes/default';
+@import '../../style/mixins/index';
+
+@descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';
+
+@descriptions-default-padding: 16px 24px;
+@descriptions-middle-padding: 12px 24px;
+@descriptions-small-padding: 8px 16px;
+
+.@{descriptions-prefix-cls} {
+  &-title {
+    margin-bottom: 20px;
+    color: @heading-color;
+    font-weight: bold;
+    font-size: @font-size-lg;
+    line-height: @line-height-base;
+  }
+
+  &-view {
+    width: 100%;
+    overflow: hidden;
+    border-radius: @border-radius-base;
+    table {
+      width: 100%;
+      table-layout: fixed;
+    }
+  }
+
+  &-row {
+    > th,
+    > td {
+      padding-bottom: 16px;
+    }
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  &-item-label {
+    color: @heading-color;
+    font-weight: normal;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
+
+    &::after {
+      position: relative;
+      top: -0.5px;
+      margin: 0 8px 0 2px;
+      content: ' ';
+    }
+  }
+
+  &-item-colon {
+    &::after {
+      content: ':';
+    }
+  }
+
+  &-item-no-label {
+    &::after {
+      margin: 0;
+      content: '';
+    }
+  }
+
+  &-item-content {
+    display: table-cell;
+    color: @text-color;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
+  }
+
+  &-item {
+    padding-bottom: 0;
+    > span {
+      display: inline-block;
+    }
+  }
+
+  &-middle {
+    .@{descriptions-prefix-cls}-row {
+      > th,
+      > td {
+        padding-bottom: 12px;
+      }
+    }
+  }
+
+  &-small {
+    .@{descriptions-prefix-cls}-row {
+      > th,
+      > td {
+        padding-bottom: 8px;
+      }
+    }
+  }
+
+  &-bordered {
+    .@{descriptions-prefix-cls}-view {
+      border: 1px solid @border-color-split;
+      > table {
+        table-layout: auto;
+      }
+    }
+
+    .@{descriptions-prefix-cls}-item-label,
+    .@{descriptions-prefix-cls}-item-content {
+      padding: @descriptions-default-padding;
+      border-right: 1px solid @border-color-split;
+
+      &:last-child {
+        border-right: none;
+      }
+    }
+
+    .@{descriptions-prefix-cls}-item-label {
+      background-color: @descriptions-bg;
+      &::after {
+        display: none;
+      }
+    }
+
+    .@{descriptions-prefix-cls}-row {
+      border-bottom: 1px solid @border-color-split;
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+
+    &.@{descriptions-prefix-cls}-middle {
+      .@{descriptions-prefix-cls}-item-label,
+      .@{descriptions-prefix-cls}-item-content {
+        padding: @descriptions-middle-padding;
+      }
+    }
+
+    &.@{descriptions-prefix-cls}-small {
+      .@{descriptions-prefix-cls}-item-label,
+      .@{descriptions-prefix-cls}-item-content {
+        padding: @descriptions-small-padding;
+      }
+    }
+  }
+}

package/es/divider/index.js

@@ -1,4 +1,4 @@
 import Divider from 'antd/es/divider';
-import 'antd/es/divider/style';
+import './style';
 export * from 'antd/es/divider';
 export default Divider;

package/es/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAA;AAErC,OAAO,uBAAuB,CAAA;AAE9B,cAAc,iBAAiB,CAAA;AAE/B,eAAe,OAAO,CAAA","sourcesContent":["import Divider from 'antd/es/divider'\n\nimport 'antd/es/divider/style'\n\nexport * from 'antd/es/divider'\n\nexport default Divider\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAA;AAErC,OAAO,SAAS,CAAA;AAEhB,cAAc,iBAAiB,CAAA;AAE/B,eAAe,OAAO,CAAA","sourcesContent":["import Divider from 'antd/es/divider'\n\nimport './style'\n\nexport * from 'antd/es/divider'\n\nexport default Divider\n"]}

package/es/divider/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/divider/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/divider/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/divider/style/index.less

@@ -0,0 +1,109 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@divider-prefix-cls: ~'@{ant-prefix}-divider';
+
+.@{divider-prefix-cls} {
+  .reset-component;
+
+  background: @border-color-split;
+
+  &,  /* for compatiable */
+  &-vertical {
+    position: relative;
+    top: -0.06em;
+    display: inline-block;
+    width: 1px;
+    height: 0.9em;
+    margin: 0 8px;
+    vertical-align: middle;
+  }
+
+  &-horizontal {
+    display: block;
+    clear: both;
+    width: 100%;
+    min-width: 100%; // Fix https://github.com/ant-design/ant-design/issues/10914
+    height: 1px;
+    margin: 24px 0;
+  }
+
+  &-horizontal&-with-text-center,
+  &-horizontal&-with-text-left,
+  &-horizontal&-with-text-right {
+    display: table;
+    margin: 16px 0;
+    color: @heading-color;
+    font-weight: 500;
+    font-size: @font-size-lg;
+    white-space: nowrap;
+    text-align: center;
+    background: transparent;
+    &::before,
+    &::after {
+      position: relative;
+      top: 50%;
+      display: table-cell;
+      width: 50%;
+      border-top: 1px solid @border-color-split;
+      transform: translateY(50%);
+      content: '';
+    }
+  }
+
+  &-horizontal&-with-text-left,
+  &-horizontal&-with-text-right {
+    .@{divider-prefix-cls}-inner-text {
+      display: inline-block;
+      padding: 0 10px;
+    }
+  }
+
+  &-horizontal&-with-text-left {
+    &::before {
+      top: 50%;
+      width: 5%;
+    }
+    &::after {
+      top: 50%;
+      width: 95%;
+    }
+  }
+
+  &-horizontal&-with-text-right {
+    &::before {
+      top: 50%;
+      width: 95%;
+    }
+    &::after {
+      top: 50%;
+      width: 5%;
+    }
+  }
+
+  &-inner-text {
+    display: inline-block;
+    padding: 0 24px;
+  }
+
+  &-dashed {
+    background: none;
+    border-color: @border-color-split;
+    border-style: dashed;
+    border-width: 1px 0 0;
+  }
+
+  &-horizontal&-with-text-center&-dashed,
+  &-horizontal&-with-text-left&-dashed,
+  &-horizontal&-with-text-right&-dashed {
+    border-top: 0;
+    &::before,
+    &::after {
+      border-style: dashed none none;
+    }
+  }
+
+  &-vertical&-dashed {
+    border-width: 0 0 0 1px;
+  }
+}

package/es/drawer/drawer.js

@@ -6,28 +6,113 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
-import classNames from 'classnames';
-import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdDrawer } from 'antd/es/drawer';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import classNames from 'classnames';
+import React, { useEffect } from 'react';
+import { Button } from '../button';
+import Icon from '../icon';
+const DefaultFooter = ({
+  locale,
+  onClose,
+  onSubmit,
+  okText,
+  okType,
+  cancelText,
+  confirmLoading,
+  okButtonProps,
+  cancelButtonProps
+}) => {
+  return React.createElement(React.Fragment, null, React.createElement(Button, Object.assign({
+    onClick: onClose,
+    style: {
+      marginRight: 8
+    },
+    type: 'tertiary'
+  }, cancelButtonProps), cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText)), React.createElement(Button, Object.assign({
+    onClick: onSubmit,
+    type: okType,
+    loading: confirmLoading
+  }, okButtonProps), okText || (locale === null || locale === void 0 ? void 0 : locale.okText)));
+};
 export const Drawer = _a => {
   var {
-      closable,
-      className
+      closable = true,
+      className,
+      footer,
+      showFooter,
+      onClose,
+      onSubmit,
+      okText = '',
+      cancelText = '',
+      locale,
+      okType = 'primary',
+      confirmLoading = false,
+      okButtonProps = {},
+      cancelButtonProps = {},
+      clickOnBlankToClose = false
     } = _a,
-    rest = __rest(_a, ["closable", "className"]);
+    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "okText", "cancelText", "locale", "okType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose"]);
+  const drawerDom = React.useRef(null);
+  useEffect(() => {
+    if (clickOnBlankToClose) {
+      const handleOutsideClick = event => {
+        const drawer = drawerDom.current;
+        const targetElement = event.target;
+        let isInDrawer = false;
+        if (drawer && targetElement) {
+          isInDrawer = drawer.contains(targetElement) || targetElement === drawer;
+        }
+        drawerDom.current = null;
+        if (rest.visible && !isInDrawer && onClose) {
+          onClose();
+        }
+      };
+      document.removeEventListener('click', handleOutsideClick);
+      document.addEventListener('click', handleOutsideClick);
+      return () => {
+        document.removeEventListener('click', handleOutsideClick);
+      };
+    }
+  }, [rest.visible, clickOnBlankToClose, onClose]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
     const prefixCls = getPrefixCls('drawer');
     return React.createElement(LocaleReceiver, {
-      componentName: "Drawer"
-    }, () => React.createElement(AntdDrawer, Object.assign({
-      className: classNames(prefixCls, 'tntd-drawer', className, {
-        [`${prefixCls}-contain-closable`]: closable !== false
-      }),
-      closable: closable
-    }, rest)));
+      componentName: "Drawer",
+      defaultLocale: locale
+    }, locale => {
+      return React.createElement("div", {
+        onClick: event => {
+          drawerDom.current = event.target;
+        }
+      }, React.createElement(AntdDrawer, Object.assign({
+        className: classNames(prefixCls, 'tnt-drawer', className, {
+          [`${prefixCls}-contain-closable`]: closable !== false,
+          [`${prefixCls}-footer`]: showFooter
+        }),
+        closable: false,
+        onClose: onClose,
+        width: 480
+      }, rest), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
+        type: "close",
+        className: `${prefixCls}-close`,
+        onClick: onClose
+      }), rest.children, showFooter && React.createElement("div", {
+        className: `${prefixCls}-footer-style`
+      }, showFooter && !footer ? React.createElement(DefaultFooter, {
+        confirmLoading: confirmLoading,
+        okButtonProps: okButtonProps,
+        cancelButtonProps: cancelButtonProps,
+        okType: okType,
+        locale: locale,
+        okText: okText,
+        cancelText: cancelText,
+        onClose: onClose,
+        onSubmit: onSubmit
+      }) : footer))));
+    });
   });
 };

package/es/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AASA,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAwB,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAO,OAAA,CAC/E,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACxC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,QAAQ,IACnC,GAAG,EAAE,CAAC,CACL,oBAAC,UAAU,kBACT,SAAS,EAAE,UAAU,CAAC,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","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/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport React, { FC } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdDrawer } from 'antd/es/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/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { TntButtonType } from '../button/button'\n\nimport React, { FC, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n  locale,\n  onClose,\n  onSubmit,\n  okText,\n  okType,\n  cancelText,\n  confirmLoading,\n  okButtonProps,\n  cancelButtonProps,\n}: {\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  onClose?: () => void\n  onSubmit?: () => void\n  okText: string\n  cancelText: string\n  okType?: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n}) => {\n  return (\n    <>\n      <Button onClick={onClose} style={{ marginRight: 8 }} type={'tertiary'} {...cancelButtonProps}>\n        {cancelText || locale?.cancelText}\n      </Button>\n      <Button onClick={onSubmit} type={okType} 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  okText?: string\n  cancelText?: string\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  okType?: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n  clickOnBlankToClose: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n  closable = true,\n  className,\n  footer,\n  showFooter,\n  onClose,\n  onSubmit,\n  okText = '',\n  cancelText = '',\n  locale,\n  okType = 'primary',\n  confirmLoading = false,\n  okButtonProps = {},\n  cancelButtonProps = {},\n  clickOnBlankToClose = false,\n  ...rest\n}) => {\n  const drawerDom = React.useRef<EventTarget | null>(null)\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 && onClose) {\n          onClose()\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, onClose])\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', className, {\n                      [`${prefixCls}-contain-closable`]: closable !== false,\n                      [`${prefixCls}-footer`]: showFooter,\n                    })}\n                    closable={false}\n                    onClose={onClose}\n                    width={480}\n                    {...rest}\n                  >\n                    <>\n                      {closable !== false && (\n                        <Icon type=\"close\" className={`${prefixCls}-close`} onClick={onClose} />\n                      )}\n                      {rest.children}\n                      {showFooter && (\n                        <div className={`${prefixCls}-footer-style`}>\n                          {showFooter && !footer ? (\n                            <DefaultFooter\n                              confirmLoading={confirmLoading}\n                              okButtonProps={okButtonProps}\n                              cancelButtonProps={cancelButtonProps}\n                              okType={okType}\n                              locale={locale}\n                              okText={okText}\n                              cancelText={cancelText}\n                              onClose={onClose}\n                              onSubmit={onSubmit}\n                            />\n                          ) : (\n                            footer\n                          )}\n                        </div>\n                      )}\n                    </>\n                  </AntdDrawer>\n                </div>\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/es/drawer/index.js

@@ -1,5 +1,5 @@
-import 'antd/es/drawer/style';
+import './style';
 import { Drawer } from './drawer';
-import './drawer.less';
+import './index.less';
 export * from 'antd/es/drawer';
 export default Drawer;