tntd 3.0.0-beta.9 → 3.0.2

package/es/drawer/drawer.js

@@ -10,13 +10,12 @@ 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 { doUpperTitle } from '../utils';
+import React, { useCallback, useEffect } from 'react';
 import { Button } from '../button';
 import Icon from '../icon';
 const DefaultFooter = ({
   locale,
-  onClose,
-  onSubmit,
   onCancel,
   onOk,
   okText,
@@ -28,13 +27,10 @@ const DefaultFooter = ({
   cancelType
 }) => {
   return React.createElement(React.Fragment, null, React.createElement(Button, Object.assign({
-    onClick: onCancel || onClose,
-    style: {
-      marginRight: 8
-    },
-    type: cancelType || 'tertiary'
+    onClick: onCancel,
+    type: cancelType || 'default'
   }, cancelButtonProps), cancelText || (locale === null || locale === void 0 ? void 0 : locale.cancelText)), React.createElement(Button, Object.assign({
-    onClick: onOk || onSubmit,
+    onClick: onOk,
     type: okType || 'primary',
     loading: confirmLoading
   }, okButtonProps), okText || (locale === null || locale === void 0 ? void 0 : locale.okText)));
@@ -46,6 +42,7 @@ export const Drawer = _a => {
       footer,
       showFooter,
       onClose,
+      afterClose,
       onSubmit,
       onCancel,
       onOk,
@@ -57,11 +54,24 @@ export const Drawer = _a => {
       confirmLoading = false,
       okButtonProps = {},
       cancelButtonProps = {},
-      clickOnBlankToClose = false
+      clickOnBlankToClose = false,
+      upperCaseIgnore,
+      unUpperConverted,
+      title
     } = _a,
-    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose"]);
+    rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "afterClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose", "upperCaseIgnore", "unUpperConverted", "title"]);
   const drawerDom = React.useRef(null);
-  const _onCancel = onCancel || onClose;
+  const _onCancel = useCallback(() => {
+    if (onCancel) {
+      onCancel();
+    } else if (onClose) {
+      onClose();
+    }
+    if (afterClose) {
+      afterClose();
+    }
+  }, [onCancel, onClose, afterClose]);
+  const _onOk = onOk || onSubmit;
   useEffect(() => {
     if (clickOnBlankToClose) {
       const handleOutsideClick = event => {
@@ -101,15 +111,17 @@ export const Drawer = _a => {
           [`${prefixCls}-footer`]: showFooter || footer
         }),
         closable: false,
-        onClose: onClose,
+        onClose: _onCancel,
         width: 480
-      }, rest), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
+      }, rest, {
+        title: !unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title
+      }), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
         type: "close",
         className: `${prefixCls}-close`,
-        onClick: onClose
-      }), rest.children, React.createElement("div", {
+        onClick: _onCancel
+      }), rest.children, (showFooter || footer) && React.createElement("div", {
         className: `${prefixCls}-footer-style`
-      }, !footer ? showFooter && React.createElement(DefaultFooter, {
+      }, footer || React.createElement(DefaultFooter, {
         confirmLoading: confirmLoading,
         okButtonProps: okButtonProps,
         cancelButtonProps: cancelButtonProps,
@@ -118,11 +130,9 @@ export const Drawer = _a => {
         okText: okText,
         cancelType: cancelType,
         cancelText: cancelText,
-        onClose: onClose,
-        onSubmit: onSubmit,
-        onOk: onOk,
-        onCancel: onCancel
-      }) : footer))));
+        onOk: _onOk,
+        onCancel: _onCancel
+      })))));
     });
   });
 };

package/es/drawer/drawer.js.map

@@ -1 +1 @@
-{"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  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  onClose?: () => void\n  onSubmit?: () => void\n  onCancel?: () => void\n  onOk?: () => void\n  okText: string\n  cancelText: string\n  okType?: TntButtonType\n  cancelType: TntButtonType\n  confirmLoading?: boolean\n  okButtonProps?: BaseButtonProps\n  cancelButtonProps?: BaseButtonProps\n}) => {\n  return (\n    <>\n      <Button\n        onClick={onCancel || onClose}\n        style={{ marginRight: 8 }}\n        type={cancelType || 'tertiary'}\n        {...cancelButtonProps}\n      >\n        {cancelText || locale?.cancelText}\n      </Button>\n      <Button\n        onClick={onOk || onSubmit}\n        type={okType || 'primary'}\n        loading={confirmLoading}\n        {...okButtonProps}\n      >\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  onOk?: () => void\n  okText?: string\n  cancelText?: string\n  locale?: {\n    okText?: string\n    cancelText?: string\n  }\n  okType?: TntButtonType\n  cancelType?: 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  onCancel,\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  ...rest\n}) => {\n  const drawerDom = React.useRef<EventTarget | null>(null)\n  const _onCancel = onCancel || onClose\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', className, {\n                      [`${prefixCls}-contain-closable`]: closable !== false,\n                      [`${prefixCls}-footer`]: showFooter || footer,\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                      <div className={`${prefixCls}-footer-style`}>\n                        {!footer\n                          ? showFooter && (\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                                onClose={onClose}\n                                onSubmit={onSubmit}\n                                onOk={onOk}\n                                onCancel={onCancel}\n                              />\n                            )\n                          : footer}\n                      </div>\n                    </>\n                  </AntdDrawer>\n                </div>\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,UAAU,GAeX,EAAE,EAAE;IACH,OAAO,CACL;QACE,oBAAC,MAAM,kBAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,IAAI,SAAS,IAAM,iBAAiB,GAC5E,UAAU,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA,CAC1B;QACT,oBAAC,MAAM,kBAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,SAAS,EAAE,OAAO,EAAE,cAAc,IAAM,aAAa,GACzF,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,CAClB,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AA0BD,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAuB7C,EAAE,EAAE;QAvByC,EAC5C,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,EAAE,EACX,UAAU,GAAG,EAAE,EACf,MAAM,EACN,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,SAAS,EACtB,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,EAAE,EACtB,mBAAmB,GAAG,KAAK,EAC3B,eAAe,EACf,gBAAgB,EAChB,KAAK,OAEN,EADI,IAAI,cAtBqC,mSAuB7C,CADQ;IAEP,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAA;IACxD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;aAAM,IAAI,OAAO,EAAE;YAClB,OAAO,EAAE,CAAA;SACV;QACD,IAAI,UAAU,EAAE;YACd,UAAU,EAAE,CAAA;SACb;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IACnC,MAAM,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,EAAE;YACvB,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;gBAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,OAAe,CAAA;gBACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAc,CAAA;gBAE1C,IAAI,UAAU,GAAG,KAAK,CAAA;gBACtB,IAAI,MAAM,IAAI,aAAa,EAAE;oBAC3B,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAqB,CAAC,IAAI,aAAa,KAAK,MAAM,CAAA;iBAChF;gBACD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;gBACxB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,EAAE;oBAC5C,SAAS,EAAE,CAAA;iBACZ;YACH,CAAC,CAAA;YACD,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACzD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YACtD,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;YAC3D,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAA;IAElD,OAAO,CACL,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,EAAC,aAAa,EAAE,MAAM,IACzD,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,KAAuC,EAAE,EAAE;oBACnD,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAA;gBAClC,CAAC;gBAED,oBAAC,UAAU,kBACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE;wBACxD,CAAC,GAAG,SAAS,mBAAmB,CAAC,EAAE,QAAQ,KAAK,KAAK;wBACrD,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,UAAU,IAAI,MAAM;qBAC9C,CAAC,EACF,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,GAAG,IACN,IAAI,IACR,KAAK,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK;oBAEvE;wBACG,QAAQ,KAAK,KAAK,IAAI,CACrB,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,OAAO,EAAE,SAAS,GAAI,CAC3E;wBACA,IAAI,CAAC,QAAQ;wBACb,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,CACzB,6BAAK,SAAS,EAAE,GAAG,SAAS,eAAe,IACxC,MAAM,IAAI,CACT,oBAAC,aAAa,IACZ,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,GACnB,CACH,CACG,CACP,CACA,CACQ,CACT,CACP,CAAA;QACH,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA","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'\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?: TntButtonType\n  cancelType: TntButtonType\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?: TntButtonType\n  cancelType?: TntButtonType\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  afterClose,\n  onSubmit,\n  onCancel,\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', 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/es/drawer/index.less

@@ -20,12 +20,12 @@
 
     .@{drawer-prefix-cls}-wrapper-body {
         margin-top: 48px;
-        max-height: ~'calc(100vh - 50px)';
+        max-height: ~'calc(100vh - 48px)';
     }
 
     &-footer {
         .@{drawer-prefix-cls}-header {
-            border-bottom: none;
+            // border-bottom: none;
             position: absolute;
             right: 0;
             top: 0;
@@ -34,7 +34,7 @@
         }
 
         .@{drawer-prefix-cls}-wrapper-body {
-            max-height: ~'calc(100vh - 98px)' !important;
+            max-height: ~'calc(100vh - 96px)' !important;
             margin-top: 48px !important;
             margin-bottom: 48px !important;
         }
@@ -42,16 +42,11 @@
     }
 
     .@{drawer-prefix-cls}-title {
-        font-size: 14px;
-        font-weight: 600;
+        font-size: 16px !important;
+        font-weight: 500 !important;
     }
 
     .@{drawer-prefix-cls}-close {
-        color: fade(@text-color, 50%);
-        width: 62px;
-        top: -4px;
-
-
         position: absolute;
         top: -2px;
         right: 0;
@@ -124,20 +119,19 @@
 
     .@{drawer-prefix-cls}-header {
         padding: 13px 24px;
-        border-bottom: none;
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         background: #fff;
+        border-bottom: 1px solid #E9EDF3;
+
     }
 
     .@{drawer-prefix-cls}-body {
-        padding: @padding-lg !important;
-
+        padding: 24px !important;
     }
 
-
     .@{drawer-prefix-cls}-wrapper-body {
 
         .@{drawer-prefix-cls}-footer-style {
@@ -148,6 +142,11 @@
             padding: 8px 24px;
             background: #fff;
             text-align: right;
+            border-top: 1px solid #E9EDF3;
+
+            .@{ant-prefix}-btn {
+                margin-left: 15px;
+            }
         }
 
     }

package/es/drawer/style/drawer.less

@@ -168,7 +168,7 @@
     padding: 0;
     color: @text-color-secondary;
     font-weight: 700;
-    font-size: 20px;
+    font-size: @font-size-lg;
     font-style: normal;
     line-height: 56px;
     text-align: center;
@@ -180,9 +180,7 @@
     cursor: pointer;
     transition: color @animation-duration-slow;
     text-rendering: auto;
-    .tntd-anticon {
-      font-size: 20px;
-    }
+
     &:focus,
     &:hover {
       color: @icon-color-hover;

package/es/form/form.less

@@ -1,8 +1,8 @@
 @form-prefix-cls: ~'@{ant-prefix}-form';
 
-.tnt-form{
-    .@{form-prefix-cls}-item{
-        min-height: @input-height-base;
+.tnt-form {
+    .@{form-prefix-cls}-item {
+        // min-height: @input-height-base;
 
         .@{form-prefix-cls}-item-required::before {
             top: 2px;
@@ -22,7 +22,7 @@
             line-height: @input-height-base;
         }
 
-        &-children{
+        &-children {
             line-height: calc(@input-height-base - 2px);
         }
     }
@@ -31,6 +31,12 @@
     .@{form-prefix-cls}-extra {
         margin-top: 4px;
     }
-}
-
 
+    &.@{form-prefix-cls}-vertical{
+        .@{form-prefix-cls}-item {
+            &-label {
+                line-height: @line-height-base;
+            }
+        }
+    }
+}

package/es/form/style/index.less

@@ -83,9 +83,9 @@
     position: relative;
   }
 
-  &-with-help {
-    margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
-  }
+  // &-with-help {
+  //   margin-bottom: max(0, @form-item-margin-bottom - @form-explain-height - @form-help-margin-top);
+  // }
 
   &-label {
     display: inline-block;
@@ -310,9 +310,9 @@ form {
 }
 
 .@{form-prefix-cls}-vertical {
-  .@{form-prefix-cls}-item {
-    padding-bottom: 8px;
-  }
+  // .@{form-prefix-cls}-item {
+  //   padding-bottom: 8px;
+  // }
   .@{form-prefix-cls}-item-control {
     line-height: @line-height-base;
   }

package/es/handle-icon/index.js

@@ -0,0 +1,201 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import React from 'react';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import toArray from "rc-util/es/Children/toArray";
+import Icon from '../icon';
+import PopConfirm from "../popconfirm";
+import Divider from '../divider';
+import Dropdown from '../dropdown';
+import Tooltip from '../tooltip';
+import { doUpperTitle } from '../utils';
+import Menu from '../menu';
+import './index.less';
+const HandleIcon = props => {
+  return React.createElement(LocaleReceiver, {
+    componentName: "HandleIcon"
+  }, () => {
+    const _a = props || {},
+      {
+        children = [],
+        num = 5,
+        divider = false,
+        stopPropagation = true,
+        size = 'large'
+      } = _a,
+      rest = __rest(_a, ["children", "num", "divider", "stopPropagation", "size"]);
+    let newChildren = [];
+    if (Array.isArray(children)) {
+      newChildren = (children === null || children === void 0 ? void 0 : children.filter(item => !!item)) || [];
+    } else if (children) {
+      newChildren.push(children);
+    }
+    const flattenChildren = children => {
+      if (!children) {
+        return [];
+      }
+      return toArray(children).reduce(function (flatChildren, child) {
+        if (child && child.type === React.Fragment) {
+          return flatChildren.concat(flattenChildren(child.props.children));
+        }
+        flatChildren.push(child);
+        return flatChildren;
+      }, []);
+    };
+    // 解决需要Fragment包的场景
+    newChildren = flattenChildren(newChildren);
+    let [preChildPart, lastChildPart] = [newChildren, null];
+    // 只有1个时不适配
+    if (newChildren.length - num === 1) {
+      preChildPart = newChildren;
+    } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
+      preChildPart = newChildren.slice(0, num);
+      lastChildPart = newChildren.slice(num);
+    }
+    if (divider && preChildPart) {
+      preChildPart = preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.map((dom, i) => React.createElement(React.Fragment, null, dom, !(i === (preChildPart === null || preChildPart === void 0 ? void 0 : preChildPart.length) - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) // 没有更多 且 是最后一个时 不显示 Divider
+      ) && React.createElement(Divider, {
+        type: "vertical"
+      })));
+    }
+    const decoratePopconfirm = (element, parentElement) => {
+      if (React.isValidElement(element)) {
+        const {
+          type,
+          props
+        } = element;
+        if (type === PopConfirm) {
+          const placement = {
+            placement: 'left'
+          };
+          const {
+            disabled
+          } = (parentElement === null || parentElement === void 0 ? void 0 : parentElement.props) || {};
+          let disableProps = {};
+          if (disabled) {
+            disableProps = {
+              disabled,
+              onConfirm: () => {}
+            };
+          }
+          return React.cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+            overlayStyle: {
+              width: 180
+            }
+          }, props || {}), {
+            onClick: e => e.stopPropagation()
+          }), placement), {
+            trigger: 'hover',
+            getPopupContainer: trigger => trigger.parentNode
+          }), disableProps || {}));
+        }
+        if (props && props.children) {
+          const modifiedChildren = React.Children.map(props.children, child => {
+            return decoratePopconfirm(child, element);
+          });
+          return React.cloneElement(element, props, modifiedChildren);
+        }
+      }
+      return element;
+    };
+    // 对更多的popConfirm
+    if (lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) {
+      lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.forEach((v, i) => {
+        v = decoratePopconfirm(v);
+        lastChildPart[i] = React.cloneElement(v, Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.props) || {}), {
+          inMore: true
+        }));
+      });
+    }
+    const menu = childArr => React.createElement(Menu, {
+      className: `menu-handle-icon-more tnt-handle-icon-${size}`
+    }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => React.createElement(Menu.Item, {
+      key: i
+    }, child)));
+    return React.createElement("div", Object.assign({
+      onClick: e => {
+        if (stopPropagation) {
+          e.stopPropagation();
+        }
+      }
+    }, rest, {
+      className: `tnt-handle-icon-wrap tnt-handle-icon-${size} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`
+    }), preChildPart, !!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && React.createElement(Dropdown, {
+      overlay: menu(lastChildPart || []),
+      arrow: true,
+      onClick: e => {
+        stopPropagation && e.stopPropagation();
+      }
+    }, React.createElement(Icon, {
+      type: "more",
+      className: 'tnt-handle-icon-more'
+    })));
+  });
+};
+HandleIcon.Item = props => {
+  const {
+      children,
+      title,
+      desc,
+      tooltip = true,
+      inMore,
+      disabled,
+      upperCaseIgnore = []
+    } = props,
+    rest = __rest(props, ["children", "title", "desc", "tooltip", "inMore", "disabled", "upperCaseIgnore"]);
+  const upTitle = doUpperTitle(title, upperCaseIgnore);
+  ;
+  const replaceIconWithText = element => {
+    if (React.isValidElement(element)) {
+      const {
+        type,
+        props: eleProps
+      } = element;
+      let disabledProps = {};
+      if (disabled) {
+        disabledProps = {
+          disabled,
+          onClick: e => {
+            e.stopPropagation();
+          },
+          className: ((eleProps === null || eleProps === void 0 ? void 0 : eleProps.className) || "") + (disabled ? ' disabled' : "")
+        };
+      }
+      // 如果是更多需要替换文字
+      if (type === Icon || type === 'img') {
+        if (inMore) {
+          return React.createElement("a", Object.assign({}, eleProps, disabledProps), upTitle);
+        }
+      }
+      if (disabled && (type === Icon || ['img', 'a'].includes(type))) {
+        return React.cloneElement(element, Object.assign(Object.assign({}, (element === null || element === void 0 ? void 0 : element.props) || {}), disabledProps || {}));
+      }
+      if (eleProps && eleProps.children) {
+        const modifiedChildren = React.Children.map(eleProps.children, child => {
+          return replaceIconWithText(child);
+        });
+        return React.cloneElement(element, eleProps, modifiedChildren);
+      }
+    }
+    return element;
+  };
+  let newChildren = children;
+  if (Array.isArray(newChildren)) {
+    newChildren = children === null || children === void 0 ? void 0 : children.map(child => replaceIconWithText(child));
+  } else {
+    newChildren = replaceIconWithText(children);
+  }
+  if ((inMore && desc || !inMore) && tooltip) {
+    return React.createElement(Tooltip, Object.assign({
+      title: disabled ? desc || upTitle : upTitle
+    }, rest || {}), newChildren);
+  }
+  return newChildren;
+};
+export default HandleIcon;

package/es/handle-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport toArray from \"rc-util/es/Children/toArray\";\nimport Icon from '../icon'\nimport PopConfirm from \"../popconfirm\"\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Tooltip from '../tooltip'\nimport { doUpperTitle } from '../utils'\nimport Menu from '../menu'\nimport './index.less'\n\nconst HandleIcon =  (props) => {\n  return (\n    <LocaleReceiver componentName=\"HandleIcon\">\n      {() => {\n        const {\n            children = [],\n            num = 5,\n            divider = false,\n            stopPropagation=true,\n            size= 'large',\n            ...rest\n        } = props || {}\n\n       \n        let newChildren = []\n        if (Array.isArray(children)) {\n          newChildren = children?.filter((item) => !!item) || []\n        } else if (children) {\n          newChildren.push(children)\n        }\n\n        const flattenChildren = (children) => {\n            if (!children) {\n              return [];\n            }\n            return toArray(children).reduce(function (flatChildren, child) {\n              if (child && child.type === React.Fragment) {\n                return flatChildren.concat(flattenChildren(child.props.children));\n              }\n          \n              flatChildren.push(child);\n              return flatChildren;\n            }, []);\n        }\n\n        // 解决需要Fragment包的场景\n        newChildren = flattenChildren(newChildren);\n\n        let [preChildPart, lastChildPart] = [newChildren, null];\n        \n        // 只有1个时不适配\n        if (newChildren.length - num === 1) {\n          preChildPart = newChildren\n        } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n          preChildPart = newChildren.slice(0, num)\n          lastChildPart = newChildren.slice(num)\n        }\n        \n        if (divider && preChildPart) {\n            preChildPart = preChildPart?.map((dom, i) => (\n                <>\n                {dom}\n                {!(\n                    (i === preChildPart?.length - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n                ) && <Divider type=\"vertical\" />}\n                </>\n            ))\n        }\n\n        const decoratePopconfirm =  (element, parentElement) => {\n            if (React.isValidElement(element)) {\n                const { type, props } = element;\n                if (type === PopConfirm ) {\n                    const placement = { placement: 'left' }\n                    const {disabled} = parentElement?.props||{}\n                    let disableProps={};\n                    if(disabled){\n                        disableProps={\n                            disabled,\n                            onConfirm:()=>{}\n                        };\n                    }\n                    return React.cloneElement(element, {\n                        overlayStyle: { width: 180 },\n                        ...(props || {}),\n                        onClick: (e) => e.stopPropagation(),\n                        ...placement,\n                        trigger: 'hover',\n                        getPopupContainer: (trigger) => trigger.parentNode,\n                        ...disableProps||{}\n                    })\n                }\n                if (props && props.children) {\n                    const modifiedChildren = React.Children.map(props.children, (child) => {\n                        return decoratePopconfirm(child,element);\n                    });\n                    return React.cloneElement(element, props, modifiedChildren);\n                }\n            }\n            return element;\n        };\n    \n\n        // 对更多的popConfirm\n        if(lastChildPart?.length){\n           lastChildPart?.forEach((v, i) => {\n                v = decoratePopconfirm(v);\n                lastChildPart[i] = React.cloneElement(v, {\n                    ...(v?.props || {}),\n                    inMore:true,\n                })\n            })  \n        }\n        \n        const menu = (childArr)=>(\n            <Menu className={`menu-handle-icon-more tnt-handle-icon-${size}`}>\n                {\n                    childArr?.map(\n                        (child,i) => (\n                            <Menu.Item key={i}>\n                                {child}\n                            </Menu.Item>\n                        )\n                    )\n                }\n            </Menu>\n        );\n\n        return (\n          <div\n            onClick={(e) => {\n                if(stopPropagation){\n                    e.stopPropagation()\n                }\n            }}\n            {...rest}\n            className={`tnt-handle-icon-wrap tnt-handle-icon-${size} ${rest?.className||''}`}\n          >\n            {preChildPart}\n            {!!lastChildPart?.length && (\n                <Dropdown \n                    overlay={menu(lastChildPart || [])} \n                    arrow \n                    onClick={(e)=>{\n                        stopPropagation &&  e.stopPropagation()\n                    }}\n                >\n                    <Icon type=\"more\" className='tnt-handle-icon-more'/>\n                </Dropdown>\n            )}\n          </div>\n        )\n      }}\n    </LocaleReceiver>\n  )\n}\n\nHandleIcon.Item = (props) => {\n    const {children, title, desc, tooltip=true, inMore, disabled,upperCaseIgnore=[],...rest} = props\n    const upTitle = doUpperTitle(title,upperCaseIgnore);;\n\n    const replaceIconWithText = (element) => {\n        if (React.isValidElement(element)) {\n            const { type, props:eleProps } = element;\n            let disabledProps = {}\n            if(disabled){\n                disabledProps = {\n                    disabled,\n                    onClick:(e)=>{\n                        e.stopPropagation()\n                    },\n                    className:(eleProps?.className || \"\")+ (disabled?' disabled':\"\")\n                }\n            }\n            // 如果是更多需要替换文字\n            if (type === Icon || type ==='img') {\n                if(inMore){\n                    return (\n                        <a  \n                            {...eleProps}\n                            {...disabledProps}\n                           \n                        >{upTitle}</a>\n                    );\n                }\n            }\n\n            if(disabled && (type===Icon || ['img','a'].includes(type))){\n                return React.cloneElement(element, {\n                    ...element?.props || {} ,\n                    ...disabledProps||{}\n                })\n            }\n\n            if (eleProps && eleProps.children) {\n                const modifiedChildren = React.Children.map(eleProps.children, (child) => {\n                    return replaceIconWithText(child);\n                });\n                return React.cloneElement(element, eleProps, modifiedChildren);\n            }\n        }\n        return element;\n    };\n\n    let newChildren = children;\n    if(Array.isArray(newChildren)){\n        newChildren= children?.map(child=> replaceIconWithText(child))\n    }else{\n        newChildren= replaceIconWithText(children)\n    }\n\n\n    if(((inMore && desc) || !inMore) && tooltip){\n        return (\n            <Tooltip title={disabled ? (desc||upTitle) : upTitle} {...(rest||{})}>\n                {newChildren}\n            </Tooltip>\n        )\n    }\n\n    return newChildren\n    \n}\nexport default HandleIcon"]}

package/es/handle-icon/index.less

@@ -0,0 +1,53 @@
+@small-size: 16px;
+@middle-size: 18px;
+@large-size: 20px;
+.tnt-handle-icon-wrap{
+    >*:not(:last-child){
+        margin-right: 8px;
+    }
+}
+
+.menu-handle-icon-more{
+    min-width: 100px;
+    max-width: 300px;
+}
+
+[class*=tnt-handle-icon]{
+    a{
+        display: block;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color:@text-color;
+    }
+    .icon-disabled,.disabled{
+        cursor: not-allowed;
+        pointer-events: auto;
+        color: @disabled-color;
+    }
+    
+}
+.tnt-handle-icon-small{
+    .tntd-anticon{
+        font-size: @small-size;
+        cursor: pointer;
+    }
+    font-size: @small-size;
+    line-height: 22px;
+}
+.tnt-handle-icon-middle{
+    .tntd-anticon{
+        font-size: @middle-size;
+        cursor: pointer;
+    }
+    font-size: @middle-size;
+    line-height: 22px;
+}
+.tnt-handle-icon-large{
+    .tntd-anticon{
+        font-size: @large-size;
+        cursor: pointer;
+    }
+    font-size: @large-size;
+    line-height: 22px;
+}

package/es/icon/style/style.less

@@ -2,5 +2,5 @@
 
 .tntd-anticon {
   font-size: @font-size-lg;
-  vertical-align: -0.25em;
+  vertical-align: -0.1875em;
 }

package/es/index.js

@@ -84,6 +84,7 @@ export { default as Columns } from './columns';
 export { default as DevelopmentLogin } from './development-login';
 export { default as LoadingButton } from './loading-button';
 export { default as Handle } from './handle';
+export { default as HandleIcon } from './handle-icon';
 export { default as Page } from './page';
 export { default as TntdSelect } from './tntd-select';
 export { default as TntdRcSelect } from './tntd-rc-select';