tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/es/descriptions/index.js

@@ -2,13 +2,14 @@
  * @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 './style';
-import { Descriptions } from './descriptions';
 import './descriptions.less';
+import { Descriptions } from './descriptions';
 export * from './descriptions';
-export default Descriptions;
+export default Descriptions;
+//# sourceMappingURL=index.js.map

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,SAAS,CAAA;AAChB,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 './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

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/development-login/LoginModal.js

@@ -7,86 +7,51 @@ import message from '../message';
 const cookies = new Cookies();
 // 默认
 let accountInfoDefault = {
-  account: undefined,
-  password: undefined
+    account: undefined,
+    password: undefined,
 };
-export default (({
-  visible,
-  close,
-  signIn
-}) => {
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  // 如果storage中已存在，则取storage
-  const storageAccountInfo = localStorage.getItem('accountInfo');
-  if (storageAccountInfo) {
-    try {
-      accountInfoDefault = JSON.parse(storageAccountInfo);
-    } catch (e) {}
-  }
-  const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
-  const {
-    account,
-    password
-  } = accountInfo;
-  const onSubmit = () => {
-    setConfirmLoading(true);
-    const returnVal = signIn && signIn(accountInfo);
-    if (returnVal && returnVal.then) {
-      returnVal.then(res => {
-        message.success('模拟登陆成功');
-        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
-        setConfirmLoading(false);
-        setTimeout(() => {
-          const {
-            tdToken: token,
-            userId
-          } = res || {};
-          cookies.set('_td_token_', token, {
-            path: '/'
-          });
-          cookies.set('_uid_', userId, {
-            path: '/'
-          });
-          close();
-        }, 500);
-      }).catch(err => {
-        setConfirmLoading(false);
-        throw err;
-      });
+export default ({ visible, close, signIn }) => {
+    const [confirmLoading, setConfirmLoading] = useState(false);
+    // 如果storage中已存在，则取storage
+    const storageAccountInfo = localStorage.getItem('accountInfo');
+    if (storageAccountInfo) {
+        try {
+            accountInfoDefault = JSON.parse(storageAccountInfo);
+        }
+        catch (e) { }
     }
-  };
-  const changeFieldValue = (key, evt) => {
-    setAccountInfo(Object.assign(Object.assign({}, accountInfo), {
-      [key]: evt.target.value
-    }));
-  };
-  return React.createElement(Modal, {
-    title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
-    visible: visible,
-    maskClosable: false,
-    onOk: onSubmit,
-    onCancel: close,
-    confirmLoading: confirmLoading
-  }, React.createElement(Form, {
-    labelCol: {
-      span: 5
-    },
-    wrapperCol: {
-      span: 18
-    }
-  }, React.createElement(Form.Item, {
-    label: "\u7528\u6237\u540D\uFF1A"
-  }, React.createElement(Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: account || undefined,
-    onChange: evt => changeFieldValue('account', evt)
-  })), React.createElement(Form.Item, {
-    label: "\u5BC6\u7801\uFF1A"
-  }, React.createElement(Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: password || undefined,
-    onChange: evt => changeFieldValue('password', evt)
-  }))));
-});
+    const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
+    const { account, password } = accountInfo;
+    const onSubmit = () => {
+        setConfirmLoading(true);
+        const returnVal = signIn && signIn(accountInfo);
+        if (returnVal && returnVal.then) {
+            returnVal
+                .then((res) => {
+                message.success('模拟登陆成功');
+                localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
+                setConfirmLoading(false);
+                setTimeout(() => {
+                    const { tdToken: token, userId } = res || {};
+                    cookies.set('_td_token_', token, { path: '/' });
+                    cookies.set('_uid_', userId, { path: '/' });
+                    close();
+                }, 500);
+            })
+                .catch((err) => {
+                setConfirmLoading(false);
+                throw err;
+            });
+        }
+    };
+    const changeFieldValue = (key, evt) => {
+        setAccountInfo(Object.assign(Object.assign({}, accountInfo), { [key]: evt.target.value }));
+    };
+    return (React.createElement(Modal, { title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646", visible: visible, maskClosable: false, onOk: onSubmit, onCancel: close, confirmLoading: confirmLoading },
+        React.createElement(Form, { labelCol: { span: 5 }, wrapperCol: { span: 18 } },
+            React.createElement(Form.Item, { label: "\u7528\u6237\u540D\uFF1A" },
+                React.createElement(Input, { type: "text", placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D", value: account || undefined, onChange: (evt) => changeFieldValue('account', evt) })),
+            React.createElement(Form.Item, { label: "\u5BC6\u7801\uFF1A" },
+                React.createElement(Input, { type: "text", placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D", value: password || undefined, onChange: (evt) => changeFieldValue('password', evt) })))));
+};
+//# sourceMappingURL=LoginModal.js.map

package/es/development-login/index.js

@@ -3,20 +3,11 @@
  */
 import React, { useState } from 'react';
 const DevelopmentLoginModal = React.lazy(() => import('./LoginModal'));
-export default (({
-  signIn
-}) => {
-  const [loginVisible, setLoginVisible] = useState(false);
-  return React.createElement(React.Fragment, null, React.createElement("a", {
-    style: {
-      fontSize: 14
-    },
-    onClick: () => setLoginVisible(true)
-  }, "\u6A21\u62DF\u767B\u5F55"), loginVisible && React.createElement(React.Suspense, {
-    fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
-  }, React.createElement(DevelopmentLoginModal, {
-    visible: loginVisible,
-    signIn: signIn,
-    close: () => setLoginVisible(false)
-  })));
-});
+export default ({ signIn }) => {
+    const [loginVisible, setLoginVisible] = useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("a", { style: { fontSize: 14 }, onClick: () => setLoginVisible(true) }, "\u6A21\u62DF\u767B\u5F55"),
+        loginVisible && (React.createElement(React.Suspense, { fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D") },
+            React.createElement(DevelopmentLoginModal, { visible: loginVisible, signIn: signIn, close: () => setLoginVisible(false) })))));
+};
+//# sourceMappingURL=index.js.map

package/es/divider/index.js

@@ -1,4 +1,5 @@
 import Divider from 'antd/es/divider';
 import './style';
 export * from 'antd/es/divider';
-export default Divider;
+export default Divider;
+//# sourceMappingURL=index.js.map

package/es/divider/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/drawer/drawer.js

@@ -1,33 +1,65 @@
-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;
+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 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';
-export const Drawer = _a => {
-  var {
-      closable,
-      className
-    } = _a,
-    rest = __rest(_a, ["closable", "className"]);
-  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)));
-  });
-};
+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 = true, className, footer, showFooter, onClose, onSubmit, okText = '', cancelText = '', locale, okType = 'primary', confirmLoading = false, okButtonProps = {}, cancelButtonProps = {}, clickOnBlankToClose = false } = _a, 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", 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)))))));
+        }));
+    }));
+};
+//# sourceMappingURL=drawer.js.map

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,6 @@
 import './style';
 import { Drawer } from './drawer';
-import './drawer.less';
+import './index.less';
 export * from 'antd/es/drawer';
-export default Drawer;
+export default Drawer;
+//# sourceMappingURL=index.js.map

package/es/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","sourcesContent":["import './style'\nimport { Drawer } from './drawer'\n\nimport './drawer.less'\nexport * from 'antd/es/drawer'\n\nexport default Drawer\n"]}
+{"version":3,"file":"index.js","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","sourcesContent":["import './style'\nimport { Drawer } from './drawer'\n\nimport './index.less'\nexport * from 'antd/es/drawer'\n\nexport default Drawer\n"]}

package/es/drawer/index.less

@@ -0,0 +1,154 @@
+@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
+
+
+.tnt-drawer.@{drawer-prefix-cls} {
+    &-top {
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-content-wrapper {
+            height: 480px !important;
+        }
+    }
+
+    &-bottom {
+        .@{drawer-prefix-cls}-content-wrapper {
+            height: 480px !important;
+        }
+    }
+
+    .@{drawer-prefix-cls}-wrapper-body {
+        margin-top: 48px;
+        max-height: ~'calc(100vh - 50px)';
+    }
+
+    &-footer {
+        .@{drawer-prefix-cls}-header {
+            border-bottom: none;
+            position: absolute;
+            right: 0;
+            top: 0;
+            background: #fff;
+            width: 100%;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            max-height: ~'calc(100vh - 98px)' !important;
+            margin-top: 48px !important;
+            margin-bottom: 48px !important;
+        }
+
+    }
+
+    .@{drawer-prefix-cls}-title {
+        font-size: 14px;
+        font-weight: 600;
+    }
+
+    .@{drawer-prefix-cls}-close {
+        color: fade(@text-color, 50%);
+        width: 62px;
+        top: -4px;
+
+
+        position: absolute;
+        top: -2px;
+        right: 0;
+        z-index: 10;
+        display: block;
+        width: 48px;
+        height: 48px;
+        padding: 0;
+        color: rgba(23, 35, 61, 0.8);
+        font-weight: 700;
+        font-size: 20px;
+        font-style: normal;
+        line-height: 56px;
+        text-align: center;
+        text-transform: none;
+        text-decoration: none;
+        background: transparent;
+        border: 0;
+        outline: 0;
+        cursor: pointer;
+        transition: color 0.3s;
+        text-rendering: auto;
+    }
+
+
+    .@{drawer-prefix-cls}-contain-closable {
+        .@{drawer-prefix-cls}-header {
+            padding: 12px 36px 12px 20px;
+        }
+    }
+
+    &-right {
+        .@{drawer-prefix-cls}-content {
+            border-radius: @border-radius-base 0px 0px @border-radius-base;
+            background: #F8F9FB;
+        }
+    }
+
+    &-left {
+        .@{drawer-prefix-cls}-content {
+            border-radius: 0px @border-radius-base @border-radius-base 0px;
+            background: #F8F9FB;
+        }
+    }
+
+    &-top {
+        .@{drawer-prefix-cls}-content {
+            border-radius: 0px 0px @border-radius-base @border-radius-base;
+            background: #F8F9FB;
+            padding-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 0px !important;
+        }
+    }
+
+    &-bottom {
+        .@{drawer-prefix-cls}-content {
+            border-radius: @border-radius-base @border-radius-base 0px 0px;
+            background: #F8F9FB;
+            padding-top: 48px;
+        }
+
+        .@{drawer-prefix-cls}-wrapper-body {
+            margin-top: 0px !important;
+        }
+    }
+
+
+    .@{drawer-prefix-cls}-header {
+        padding: 13px 24px;
+        border-bottom: none;
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 100%;
+        background: #fff;
+    }
+
+    .@{drawer-prefix-cls}-body {
+        padding: @padding-lg !important;
+
+    }
+
+
+    .@{drawer-prefix-cls}-wrapper-body {
+
+        .@{drawer-prefix-cls}-footer-style {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            width: 100%;
+            padding: 8px 24px;
+            background: #fff;
+            text-align: right;
+        }
+
+    }
+}

package/es/drawer/style/drawer.less

@@ -13,7 +13,8 @@
   height: 100%;
   transition: transform @animation-duration-slow @ease-base-out,
     height 0s ease @animation-duration-slow, width 0s ease @animation-duration-slow;
-  > * {
+
+  >* {
     transition: transform @animation-duration-slow @ease-base-out,
       box-shadow @animation-duration-slow @ease-base-out;
   }
@@ -21,6 +22,7 @@
   &-content-wrapper {
     position: absolute;
   }
+
   .@{drawer-prefix-cls}-content {
     width: 100%;
     height: 100%;
@@ -31,13 +33,16 @@
     top: 0;
     width: 0%;
     height: 100%;
+
     .@{drawer-prefix-cls}-content-wrapper {
       height: 100%;
     }
+
     &.@{drawer-prefix-cls}-open {
       width: 100%;
       transition: transform @animation-duration-slow @ease-base-out;
     }
+
     &.@{drawer-prefix-cls}-open.no-mask {
       width: 0%;
     }
@@ -59,10 +64,12 @@
         right: 0;
       }
     }
+
     &.@{drawer-prefix-cls}-open {
       .@{drawer-prefix-cls}-content-wrapper {
         box-shadow: @shadow-1-left;
       }
+
       // https://github.com/ant-design/ant-design/issues/18607, Avoid edge alignment bug.
       &.no-mask {
         right: 1px;
@@ -80,10 +87,12 @@
     .@{drawer-prefix-cls}-content-wrapper {
       width: 100%;
     }
+
     &.@{drawer-prefix-cls}-open {
       height: 100%;
       transition: transform @animation-duration-slow @ease-base-out;
     }
+
     &.@{drawer-prefix-cls}-open.no-mask {
       height: 0%;
     }
@@ -107,10 +116,12 @@
         bottom: 0;
       }
     }
+
     &.@{drawer-prefix-cls}-open {
       .@{drawer-prefix-cls}-content-wrapper {
         box-shadow: @shadow-1-up;
       }
+
       &.no-mask {
         bottom: 1px;
         transform: translateY(1px);
@@ -197,6 +208,7 @@
     line-height: @line-height-base;
     word-wrap: break-word;
   }
+
   &-wrapper-body {
     height: 100%;
     overflow: auto;
@@ -210,9 +222,11 @@
     height: 0;
     background-color: @modal-mask-bg;
     opacity: 0;
-    filter: ~'alpha(opacity=45)';
     transition: opacity @animation-duration-slow linear, height 0s ease @animation-duration-slow;
+    filter: ~'alpha(opacity=45)';
+
   }
+
   &-open {
     &-content {
       box-shadow: @shadow-2;
@@ -224,7 +238,8 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }
-}
+}

package/es/drawer/style/index.js

@@ -1,3 +1,5 @@
 // deps-lint-skip: empty
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+import '../index.less';
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/style/index.tsx"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["// deps-lint-skip: empty\nimport '../../style/index.less'\nimport './index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/style/index.tsx"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,OAAO,eAAe,CAAA","sourcesContent":["// deps-lint-skip: empty\nimport '../../style/index.less'\nimport './index.less'\nimport '../index.less'\n"]}

package/es/dropdown/index.js

@@ -1,4 +1,5 @@
 import Dropdown from 'antd/es/dropdown';
 import './style';
 export * from 'antd/es/dropdown';
-export default Dropdown;
+export default Dropdown;
+//# sourceMappingURL=index.js.map

package/es/dropdown/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../button/style';
+import '../../button/style';
+//# sourceMappingURL=index.js.map