tntd 2.8.0-beta.2 → 3.0.0-beta

package/es/modal/modal.js

@@ -9,16 +9,16 @@ var __rest = this && this.__rest || function (s, e) {
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-03-08 17:45:01
- * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
- * @LastEditTime: 2023-03-08 19:01:48
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2024-03-20 11:28:43
  * @FilePath: /tntd/packages/tntd/src/modal/modal.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 import React, { forwardRef } from 'react';
-import 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdModal } from 'antd/es/modal';
+import { default as Icon } from '../icon';
 import { doUpperTitle } from '../utils';
 export * from 'antd/es/modal';
 export {} from 'antd/es/modal';
@@ -27,24 +27,153 @@ export const Modal = forwardRef((_a, ref) => {
       title,
       className,
       upperCaseIgnore,
-      unUpperConverted
+      unUpperConverted,
+      cancelButtonProps,
+      okButtonProps,
+      closeIcon
     } = _a,
-    rest = __rest(_a, ["title", "className", "upperCaseIgnore", "unUpperConverted"]);
+    rest = __rest(_a, ["title", "className", "upperCaseIgnore", "unUpperConverted", "cancelButtonProps", "okButtonProps", "closeIcon"]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {
     return React.createElement(AntdModal, Object.assign({
-      className: classNames('tntd-modal', className)
+      closeIcon: React.createElement(Icon, {
+        type: "close"
+      }),
+      className: classNames('tntd-modal', className),
+      cancelButtonProps: Object.assign({
+        type: 'tertiary',
+        className: classNames('tnt-btn', {
+          'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
+          'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini'
+        })
+      }, cancelButtonProps),
+      okButtonProps: Object.assign({
+        className: classNames('tnt-btn', {
+          'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+          'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+        })
+      }, okButtonProps)
     }, rest, {
       title: !unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title,
       ref: ref
     }));
   });
 });
-Modal.info = AntdModal.info;
-Modal.success = AntdModal.success;
-Modal.error = AntdModal.error;
-Modal.warning = AntdModal.warning;
-Modal.warn = AntdModal.warn;
-Modal.confirm = AntdModal.confirm;
+Modal.info = _a => {
+  var {
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["okButtonProps"]);
+  return AntdModal.info(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "info-circle",
+      theme: "filled"
+    }),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
+Modal.success = _a => {
+  var {
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["okButtonProps"]);
+  return AntdModal.success(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "check-circle",
+      theme: "filled"
+    }),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
+Modal.error = _a => {
+  var {
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["okButtonProps"]);
+  return AntdModal.error(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "close-circle",
+      theme: "filled"
+    }),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
+Modal.warning = _a => {
+  var {
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["okButtonProps"]);
+  return AntdModal.warning(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "exclamation-circle",
+      theme: "filled"
+    }),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
+Modal.warn = _a => {
+  var {
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["okButtonProps"]);
+  return AntdModal.warn(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "exclamation-circle",
+      theme: "filled"
+    }),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
+Modal.confirm = _a => {
+  var {
+      cancelButtonProps,
+      okButtonProps
+    } = _a,
+    props = __rest(_a, ["cancelButtonProps", "okButtonProps"]);
+  return AntdModal.confirm(Object.assign({
+    icon: React.createElement(Icon, {
+      type: "question-circle",
+      theme: "filled"
+    }),
+    cancelButtonProps: Object.assign({
+      type: 'tertiary',
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
+        'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini'
+      })
+    }, cancelButtonProps),
+    okButtonProps: Object.assign({
+      className: classNames('tnt-btn', {
+        'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
+        'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini'
+      })
+    }, okButtonProps)
+  }, props));
+};
 Modal.destroyAll = AntdModal.destroyAll;

package/es/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAA2B,wCAAwC,CAAA;AAEnE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAiD,MAAM,eAAe,CAAA;AAkB7E,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,OAAW,EAAN,IAAI,cAA9D,6DAAgE,CAAF;IAC7D,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,IAC1C,IAAI,IACR,KAAK,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,EACvE,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACgB,CAAA;AAEnB,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAA;AAC7B,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;AAC3B,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;AACjC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-03-08 17:45:01\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-03-08 19:01:48\n * @FilePath: /tntd/packages/tntd/src/modal/modal.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { ModalProps as AntdModalProps } from 'antd/es/modal'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdModal } from 'antd/es/modal'\nimport { doUpperTitle } from '../utils'\n\nexport * from 'antd/es/modal'\nexport { ActionButtonProps, ModalProps, ModalFuncProps } from 'antd/es/modal'\n\nexport interface CurModalProps extends AntdModalProps {\n  upperCaseIgnore?: []\n  unUpperConverted?: boolean\n}\n\ninterface ModalComponent\n  extends React.ForwardRefExoticComponent<CurModalProps & React.RefAttributes<AntdModal>> {\n  info: typeof AntdModal.info\n  success: typeof AntdModal.success\n  error: typeof AntdModal.error\n  warning: typeof AntdModal.warning\n  warn: typeof AntdModal.warn\n  confirm: typeof AntdModal.confirm\n  destroyAll: typeof AntdModal.destroyAll\n}\n\nexport const Modal = forwardRef<AntdModal, CurModalProps>(\n  ({ title, className, upperCaseIgnore, unUpperConverted, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdModal\n              className={classNames('tntd-modal', className)}\n              {...rest}\n              title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as ModalComponent\n\nModal.info = AntdModal.info\nModal.success = AntdModal.success\nModal.error = AntdModal.error\nModal.warning = AntdModal.warning\nModal.warn = AntdModal.warn\nModal.confirm = AntdModal.confirm\nModal.destroyAll = AntdModal.destroyAll\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAiC,MAAM,eAAe,CAAA;AAkB7D,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,KAAK,EACL,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,SAAS,OAEV,EADI,IAAI,cART,gHASC,CADQ;IAIT,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,EAChC,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,iBAAiB,EACf,gBACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAChB,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,UAAU;wBAClD,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA;oBAC1B,cAAc,EAAE,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,MAAM;iBAC/D,CAAC,IACC,iBAAiB,CACA,EAExB,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;oBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;iBAC3D,CAAC,IACC,aAAa,KAEd,IAAI,IACR,KAAK,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,EACvE,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACgB,CAAA;AAEnB,KAAK,CAAC,IAAI,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,cAAzB,iBAA2B,CAAF;IACrC,OAAO,SAAS,CAAC,IAAI,iBACnB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,QAAQ,GAAG,EAChD,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,OAAO,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,cAAzB,iBAA2B,CAAF;IACxC,OAAO,SAAS,CAAC,OAAO,iBACtB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,GAAG,EACjD,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,KAAK,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,cAAzB,iBAA2B,CAAF;IACtC,OAAO,SAAS,CAAC,KAAK,iBACpB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,GAAG,EACjD,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,OAAO,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,cAAzB,iBAA2B,CAAF;IACxC,OAAO,SAAS,CAAC,OAAO,iBACtB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,QAAQ,GAAG,EACvD,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,IAAI,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,aAAa,OAAY,EAAP,KAAK,cAAzB,iBAA2B,CAAF;IACrC,OAAO,SAAS,CAAC,IAAI,iBACnB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,QAAQ,GAAG,EACvD,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,OAAO,GAAG,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,iBAAiB,EAAE,aAAa,OAAY,EAAP,KAAK,cAA5C,sCAA8C,CAAF;IAC3D,OAAO,SAAS,CAAC,OAAO,iBACtB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,QAAQ,GAAG,EACpD,iBAAiB,EAAE,gBACjB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAChB,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,UAAU,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA;gBAChF,cAAc,EAAE,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,MAAM;aAC/D,CAAC,IACC,iBAAiB,CACA,EACtB,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;gBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;aAC3D,CAAC,IACC,aAAa,KAEf,KAAK,EACR,CAAA;AACJ,CAAC,CAAA;AAED,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-03-08 17:45:01\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-03-20 11:28:43\n * @FilePath: /tntd/packages/tntd/src/modal/modal.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 { ModalProps as AntdModalProps } from 'antd/es/modal'\nimport type { NativeButtonProps } from 'antd/es/button/button'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdModal } from 'antd/es/modal'\nimport { default as Icon } from '../icon'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/modal'\nexport { ActionButtonProps, ModalProps } from 'antd/es/modal'\n\nexport interface CurModalProps extends AntdModalProps {\n  upperCaseIgnore?: []\n  unUpperConverted?: boolean\n}\n\ninterface ModalComponent\n  extends React.ForwardRefExoticComponent<CurModalProps & React.RefAttributes<AntdModal>> {\n  info: typeof AntdModal.info\n  success: typeof AntdModal.success\n  error: typeof AntdModal.error\n  warning: typeof AntdModal.warning\n  warn: typeof AntdModal.warn\n  confirm: typeof AntdModal.confirm\n  destroyAll: typeof AntdModal.destroyAll\n}\n\nexport const Modal = forwardRef<AntdModal, CurModalProps>(\n  (\n    {\n      title,\n      className,\n      upperCaseIgnore,\n      unUpperConverted,\n      cancelButtonProps,\n      okButtonProps,\n      closeIcon,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdModal\n              closeIcon={<Icon type=\"close\" />}\n              className={classNames('tntd-modal', className)}\n              cancelButtonProps={\n                {\n                  type: 'tertiary',\n                  className: classNames('tnt-btn', {\n                    'tnt-btn-tertiary':\n                      (cancelButtonProps?.type as string) === 'tertiary' ||\n                      !cancelButtonProps?.type,\n                    'tnt-btn-mini': (cancelButtonProps?.size as string) === 'mini',\n                  }),\n                  ...cancelButtonProps,\n                } as NativeButtonProps\n              }\n              okButtonProps={{\n                className: classNames('tnt-btn', {\n                  'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n                  'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n                }),\n                ...okButtonProps,\n              }}\n              {...rest}\n              title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as ModalComponent\n\nModal.info = ({ okButtonProps, ...props }) => {\n  return AntdModal.info({\n    icon: <Icon type=\"info-circle\" theme=\"filled\" />,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.success = ({ okButtonProps, ...props }) => {\n  return AntdModal.success({\n    icon: <Icon type=\"check-circle\" theme=\"filled\" />,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.error = ({ okButtonProps, ...props }) => {\n  return AntdModal.error({\n    icon: <Icon type=\"close-circle\" theme=\"filled\" />,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.warning = ({ okButtonProps, ...props }) => {\n  return AntdModal.warning({\n    icon: <Icon type=\"exclamation-circle\" theme=\"filled\" />,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.warn = ({ okButtonProps, ...props }) => {\n  return AntdModal.warn({\n    icon: <Icon type=\"exclamation-circle\" theme=\"filled\" />,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.confirm = ({ cancelButtonProps, okButtonProps, ...props }) => {\n  return AntdModal.confirm({\n    icon: <Icon type=\"question-circle\" theme=\"filled\" />,\n    cancelButtonProps: {\n      type: 'tertiary',\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary':\n          (cancelButtonProps?.type as string) === 'tertiary' || !cancelButtonProps?.type,\n        'tnt-btn-mini': (cancelButtonProps?.size as string) === 'mini',\n      }),\n      ...cancelButtonProps,\n    } as NativeButtonProps,\n    okButtonProps: {\n      className: classNames('tnt-btn', {\n        'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n        'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n      }),\n      ...okButtonProps,\n    },\n    ...props,\n  })\n}\n\nModal.destroyAll = AntdModal.destroyAll\n"]}

package/es/modal/style/confirm.less

@@ -0,0 +1,96 @@
+@import '../../style/mixins/index';
+
+@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
+
+.@{confirm-prefix-cls} {
+  .@{ant-prefix}-modal-header {
+    display: none;
+  }
+
+  .@{ant-prefix}-modal-close {
+    display: none;
+  }
+
+  .@{ant-prefix}-modal-body {
+    padding: @padding-base;
+
+    .anticon {
+      font-size: @heading-2-size;
+      margin-right: @margin-xs;
+    }
+  }
+
+  &-body-wrapper {
+    .clearfix();
+  }
+
+  &-body {
+    .@{confirm-prefix-cls}-title {
+      display: block;
+      // create BFC to avoid
+      // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png
+      overflow: hidden;
+      color: @heading-color;
+      font-weight: 500;
+      font-size: @heading-3-size;
+      line-height: @heading-3-line-height;
+      font-family: PingFang SC;
+      margin: @margin-xxs 0;
+    }
+
+    .@{confirm-prefix-cls}-content {
+      margin-top: @margin-xxs;
+      color: @text-color-secondary;
+      font-size: @font-size-base;
+      line-height: @line-height-base;
+
+      .@{ant-prefix}-modal-custom-close {
+        font-size: @font-size-lg;
+        font-weight: bold;
+        margin-right: 0;
+      }
+    }
+
+    > .@{iconfont-css-prefix} {
+      float: left;
+      margin-right: 16px;
+      font-size: 22px;
+
+      // `content` after `icon` should set marginLeft
+      + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
+        margin-left: @margin-xl;
+      }
+    }
+  }
+
+  .@{confirm-prefix-cls}-btns {
+    float: right;
+    margin-top: 24px;
+
+    button + button {
+      margin-bottom: 0;
+      margin-left: 8px;
+    }
+
+    button {
+      border-radius: @border-radius-lg;
+    }
+  }
+
+  &-error &-body > .@{iconfont-css-prefix} {
+    color: @error-color;
+  }
+
+  &-warning &-body > .@{iconfont-css-prefix},
+  &-confirm &-body > .@{iconfont-css-prefix} {
+    color: @warning-color;
+  }
+
+  &-info &-body > .@{iconfont-css-prefix} {
+    color: @info-color;
+  }
+
+  &-success &-body > .@{iconfont-css-prefix} {
+    color: @success-color;
+  }
+}

package/es/modal/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../button/style';
+import '../index.less';

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

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

package/es/modal/style/index.less

@@ -0,0 +1,4 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './modal';
+@import './confirm';

package/es/modal/style/modal.less

@@ -0,0 +1,165 @@
+@dialog-prefix-cls: ~'@{ant-prefix}-modal';
+@table-prefix-cls: ~'@{ant-prefix}-table';
+@modal-footer-padding-vertical: 10px;
+@modal-footer-padding-horizontal: 16px;
+
+.@{dialog-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  top: 100px;
+  width: auto;
+  margin: 0 auto;
+  padding-bottom: 24px;
+  pointer-events: none;
+
+  &-wrap {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: @zindex-modal;
+    overflow: auto;
+    outline: 0;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &-title {
+    margin: 0;
+    color: @modal-heading-color;
+    font-weight: 500;
+    font-size: @font-size-lg;
+    line-height: 22px;
+    word-wrap: break-word;
+  }
+
+  &-content {
+    position: relative;
+    background-color: @component-background;
+    background-clip: padding-box;
+    border: 0;
+    border-radius: @border-radius-base;
+    box-shadow: @shadow-2;
+    pointer-events: auto;
+  }
+
+  &-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: @zindex-popup-close;
+    padding: 0;
+    color: @text-color-secondary;
+    font-weight: 700;
+    line-height: 1;
+    text-decoration: none;
+    background: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    transition: color 0.3s;
+
+    &-x {
+      display: block;
+      width: 56px;
+      height: 56px;
+      font-size: @font-size-lg;
+      font-style: normal;
+      line-height: 56px;
+      text-align: center;
+      text-transform: none;
+      text-rendering: auto;
+    }
+
+    &:focus,
+    &:hover {
+      color: @icon-color-hover;
+      text-decoration: none;
+    }
+  }
+
+  &-header {
+    padding: @padding-lg @padding-lg @padding-xs;
+    color: @text-color;
+    background: @modal-header-bg;
+    border: 0;
+    border-radius: @border-radius-base @border-radius-base 0 0;
+  }
+
+  &-body {
+    padding: @padding-lg;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
+    word-wrap: break-word;
+  }
+
+  &-footer {
+    padding: @padding-xs @padding-lg @padding-lg;
+    text-align: right;
+    background: @modal-footer-bg;
+    border: 0;
+    border-radius: 0 0 @border-radius-base @border-radius-base;
+    button + button {
+      margin-bottom: 0;
+      margin-left: @margin-xs;
+    }
+  }
+
+  &.zoom-enter,
+  &.zoom-appear {
+    transform: none; // reset scale avoid mousePosition bug
+    opacity: 0;
+    animation-duration: @animation-duration-slow;
+    user-select: none; // https://github.com/ant-design/ant-design/issues/11777
+  }
+
+  &-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: @zindex-modal-mask;
+    height: 100%;
+    background-color: @modal-mask-bg;
+    filter: ~'alpha(opacity=50)';
+
+    &-hidden {
+      display: none;
+    }
+  }
+
+  &-open {
+    overflow: hidden;
+  }
+}
+
+.@{dialog-prefix-cls}-centered {
+  text-align: center;
+  &::before {
+    display: inline-block;
+    width: 0;
+    height: 100%;
+    vertical-align: middle;
+    content: '';
+  }
+  .@{dialog-prefix-cls} {
+    top: 0;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+  }
+}
+
+@media (max-width: @screen-sm-max) {
+  .@{dialog-prefix-cls} {
+    max-width: calc(100vw - 16px);
+    margin: 8px auto;
+  }
+  .@{dialog-prefix-cls}-centered {
+    .@{dialog-prefix-cls} {
+      flex: 1;
+    }
+  }
+}

package/es/notification/assets/index.js

@@ -0,0 +1,2 @@
+export { default as SvgSuccessTip } from './svg-success-tip';
+export { default as SvgErrorTip } from './svg-error-tip';

package/es/notification/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/notification/assets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA","sourcesContent":["export { default as SvgSuccessTip } from './svg-success-tip'\nexport { default as SvgErrorTip } from './svg-error-tip'\n"]}