tntd 2.8.0-beta.3 → 3.0.0-beta

package/es/alert/alert.js

@@ -0,0 +1,70 @@
+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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-21 19:43:36
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-21 19:46:23
+ * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import React, { forwardRef } from 'react';
+import Icon from 'antd/es/icon';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdAlert } from 'antd/es/alert';
+import classname from 'classnames';
+export * from 'antd/es/alert';
+const prefix = 'tnt-alert';
+export const Alert = forwardRef((_a, ref) => {
+  var {
+      action,
+      message
+    } = _a,
+    rest = __rest(_a, ["action", "message"]);
+  const fragment = React.createElement(React.Fragment, null, message, !!action && React.createElement("span", {
+    className: "action-btn"
+  }, action));
+  const iconTheme = 'filled';
+  let iconType = 'default';
+  switch (rest === null || rest === void 0 ? void 0 : rest.type) {
+    case 'success':
+      iconType = 'check-circle';
+      break;
+    case 'info':
+      iconType = 'info-circle';
+      break;
+    case 'error':
+      iconType = 'close-circle';
+      break;
+    case 'warning':
+      iconType = 'exclamation-circle';
+      break;
+    default:
+      iconType = 'default';
+  }
+  const iconNode = rest.type ? React.createElement(Icon, {
+    className: `${prefix}-icon`,
+    type: iconType,
+    theme: iconTheme
+  }) : null;
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    return React.createElement(AntdAlert, Object.assign({
+      ref: ref
+    }, rest, {
+      message: fragment,
+      icon: iconNode,
+      className: classname(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', {
+        [`${prefix}-with-action`]: action
+      })
+    }));
+  });
+});
+export default Alert;

package/es/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,eAAe,CAAA;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,MAAM,EAAE,OAAO,OAAW,EAAN,IAAI,cAA1B,qBAA4B,CAAF;IAChF,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CACxE,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAmB,CAAA;AAEpB,eAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.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 { AlertProps as AntdAlertProps } from 'antd/es/alert'\nimport type { ThemeType } from 'antd/es/icon'\nimport Icon from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdAlert } from 'antd/es/alert'\nimport classname from 'classnames'\nexport * from 'antd/es/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n  action: React.ReactNode\n}\n\ninterface AlertComponent\n  extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(({ action, message, ...rest }, ref) => {\n  const fragment = (\n    <>\n      {message}\n      {!!action && <span className=\"action-btn\">{action}</span>}\n    </>\n  )\n\n  const iconTheme: ThemeType = 'filled'\n  let iconType = 'default'\n\n  switch (rest?.type) {\n    case 'success':\n      iconType = 'check-circle'\n      break\n    case 'info':\n      iconType = 'info-circle'\n      break\n    case 'error':\n      iconType = 'close-circle'\n      break\n    case 'warning':\n      iconType = 'exclamation-circle'\n      break\n    default:\n      iconType = 'default'\n  }\n\n  const iconNode = rest.type ? (\n    <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} />\n  ) : null\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return (\n          <AntdAlert\n            ref={ref}\n            {...rest}\n            message={fragment}\n            icon={iconNode}\n            className={classname(rest?.className, 'tnt-alert', {\n              [`${prefix}-with-action`]: action,\n            })}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as AlertComponent\n\nexport default Alert\n"]}

package/es/alert/alert.less

@@ -0,0 +1,128 @@
+@alert-prefix-cls: ~'@{ant-prefix}-alert';
+@alert-description-color: @text-color-secondary;
+@tnt-alert-prefix-cls: ~'tnt-alert';
+
+
+.@{tnt-alert-prefix-cls} {
+
+  &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon.@{alert-prefix-cls}-closable {
+    padding-right: 30px;
+  }
+
+  &.@{tnt-alert-prefix-cls}-with-action {
+    .@{alert-prefix-cls}-message {
+      display: flex;
+      justify-content: space-between;
+        > .action-btn {
+          flex: none;
+          margin-left: 36px;
+          margin-right: 12px;
+          font-size: @font-size-base;
+        }
+    }
+  }
+
+  &.@{alert-prefix-cls} {
+    border-radius: @border-radius-lg;
+    padding: 8px 15px 8px 44px;
+    & .anticon {
+      left: 20px;
+      top: 11px; // 与文字对齐
+    }
+
+  }
+  
+  .@{alert-prefix-cls}-message {
+    font-weight: 500;
+    color: @alert-description-color;
+  }
+
+  & .@{alert-prefix-cls}-close-icon {
+    font-size: @font-size-lg;
+  }
+
+  &.@{alert-prefix-cls}-with-description {
+    padding: 16px 20px 16px 48px;
+  }
+
+  &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon {
+    padding: 8px 20px;
+  }
+
+  &.@{alert-prefix-cls}-with-description.@{alert-prefix-cls}-no-icon {
+    padding: 16px 20px;
+  }
+
+  &.@{alert-prefix-cls}-with-description i.@{alert-prefix-cls}-icon {
+    top: 18px;
+    font-size: @font-size-xl;
+  }
+}
+
+
+.@{alert-prefix-cls}-success {
+  .action-btn {
+    background-color: @alert-success-bg-color;
+    color: @green-6;
+    a {
+      color: @green-6;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-success-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls}-info {
+.action-btn {
+  background-color: @alert-info-bg-color;
+  color: @alert-info-icon-color;
+  a {
+    color: @alert-info-icon-color;
+  }
+}
+.@{alert-prefix-cls}-close-icon {
+  .@{iconfont-css-prefix}-close {
+    color: @alert-info-icon-color;
+  }
+}
+}
+
+.@{alert-prefix-cls}-warning {
+  .action-btn {
+    background-color: @alert-warning-bg-color;
+    color: @gold-7;
+    a {
+      color: @gold-7;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-warning-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls}-error {
+  .action-btn {
+    background-color: @alert-error-bg-color;
+    color: @red-6;
+    a {
+      color: @red-6;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-error-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls} {
+  > 
+  .@{alert-prefix-cls}-icon {
+    font-size: @font-size-lg;
+  }
+}

package/es/alert/index.js

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

package/es/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from 'antd/es/alert'\n\nimport './style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from './alert'\n\nimport './style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}

package/es/alert/style/index.less

@@ -1,5 +1,6 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
+@import '../alert';
 
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
 

package/es/button/button.js

@@ -18,15 +18,19 @@ import React, { forwardRef } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdButton } from 'antd/es/button';
 import { titleCaseUpper } from '../utils/lang';
+import classNames from 'classnames';
 export * from 'antd/es/button';
-export {} from 'antd/es/button';
+const tntPrefixCls = 'tnt-btn';
 export const Button = forwardRef((_a, ref) => {
   var {
+      className,
+      size,
+      type,
       children,
       unUpperConverted,
       upperCaseIgnore
     } = _a,
-    rest = __rest(_a, ["children", "unUpperConverted", "upperCaseIgnore"]);
+    rest = __rest(_a, ["className", "size", "type", "children", "unUpperConverted", "upperCaseIgnore"]);
   let newChildren = children;
   if (!unUpperConverted && newChildren) {
     if (typeof newChildren === 'string') {
@@ -39,9 +43,32 @@ export const Button = forwardRef((_a, ref) => {
     getPrefixCls
   }) => {
     return React.createElement(AntdButton, Object.assign({}, rest, {
+      type: type === 'tertiary' ? undefined : type,
+      size: size === 'mini' ? undefined : size,
+      className: classNames(className, tntPrefixCls, {
+        [`${tntPrefixCls}-mini`]: size === 'mini',
+        [`${tntPrefixCls}-tertiary`]: type === 'tertiary'
+      }),
       children: newChildren,
       ref: ref
     }));
   });
 });
-Button.Group = AntdButton.Group;
+const ButtonGroup = _a => {
+  var {
+      className,
+      size
+    } = _a,
+    rest = __rest(_a, ["className", "size"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    return React.createElement(AntdButton.Group, Object.assign({}, rest, {
+      size: size === 'mini' ? undefined : size,
+      className: classNames(className, {
+        [`${tntPrefixCls}-group-mini`]: size === 'mini'
+      })
+    }));
+  });
+};
+Button.Group = ButtonGroup;

package/es/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAyD,MAAM,gBAAgB,CAAA;AAYtF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,OAAW,EAAN,IAAI,cAAtD,mDAAwD,CAAF;IACrD,IAAI,WAAW,GAAG,QAAQ,CAAA;IAC1B,IAAI,CAAC,gBAAgB,IAAI,WAAW,EAAE;QACpC,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAAA;SAC3D;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;SAC5F;KACF;IACD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,UAAU,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAClE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACiB,CAAA;AAEpB,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.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 { ButtonProps as AntdButtonProps } from 'antd/es/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdButton } from 'antd/es/button'\nimport { titleCaseUpper } from '../utils/lang'\nexport * from 'antd/es/button'\nexport { ButtonShape, ButtonSize, ButtonType, ButtonGroupProps } from 'antd/es/button'\n\nexport interface ButtonProps extends AntdButtonProps {\n  upperCaseIgnore?: []\n  unUpperConverted?: boolean\n}\n\ninterface ButtonComponent\n  extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<AntdButton>> {\n  Group: typeof AntdButton.Group\n}\n\nexport const Button = forwardRef<AntdButton, ButtonProps>(\n  ({ children, unUpperConverted, upperCaseIgnore, ...rest }, ref) => {\n    let newChildren = children\n    if (!unUpperConverted && newChildren) {\n      if (typeof newChildren === 'string') {\n        newChildren = titleCaseUpper(newChildren, upperCaseIgnore)\n      } else if (Array.isArray(newChildren)) {\n        newChildren = [...newChildren].map((subChild) => titleCaseUpper(subChild, upperCaseIgnore))\n      }\n    }\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return <AntdButton {...rest} children={newChildren} ref={ref} />\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as ButtonComponent\n\nButton.Group = AntdButton.Group\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,gBAAgB,CAAA;AAkB9B,MAAM,YAAY,GAAG,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAA+E,EAAE,GAAG,EAAE,EAAE;QAAxF,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,OAAW,EAAN,IAAI,cAA7E,gFAA+E,CAAF;IAC5E,IAAI,WAAW,GAAG,QAAQ,CAAA;IAC1B,IAAI,CAAC,gBAAgB,IAAI,WAAW,EAAE;QACpC,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAAA;SAC3D;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrC,WAAW,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;SAC5F;KACF;IACD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC5C,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE;gBAC7C,CAAC,GAAG,YAAY,OAAO,CAAC,EAAE,IAAI,KAAK,MAAM;gBACzC,CAAC,GAAG,YAAY,WAAW,CAAC,EAAE,IAAI,KAAK,UAAU;aAClD,CAAC,EACF,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,IACR,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACiB,CAAA;AAEpB,MAAM,WAAW,GAA+B,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,SAAS,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1B,qBAA4B,CAAF;IACzE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,UAAU,CAAC,KAAK,oBACX,IAAI,IACR,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;gBAC/B,CAAC,GAAG,YAAY,aAAa,CAAC,EAAE,IAAI,KAAK,MAAM;aAChD,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,KAAK,GAAG,WAAW,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-26 09:46:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-31 09:59:35\n * @FilePath: /tntd/packages/tntd/src/button/button.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 {\n  ButtonProps as AntdButtonProps,\n  ButtonGroupProps as AntdButtonGroupProps,\n  ButtonType,\n} from 'antd/es/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdButton } from 'antd/es/button'\nimport { titleCaseUpper } from '../utils/lang'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/button'\n\nexport type TntButtonType = ButtonType | 'tertiary'\nexport interface ButtonProps extends Omit<AntdButtonProps, 'size' | 'type'> {\n  upperCaseIgnore?: []\n  unUpperConverted?: boolean\n  size?: 'large' | 'default' | 'small' | 'mini'\n  type?: 'default' | 'primary' | 'tertiary' | 'ghost' | 'dashed' | 'danger' | 'link'\n}\nexport interface ButtonGroupProps extends Omit<AntdButtonGroupProps, 'size'> {\n  size?: 'large' | 'default' | 'small' | 'mini'\n}\n\ninterface ButtonComponent\n  extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<AntdButton>> {\n  Group: React.FC<ButtonGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-btn'\n\nexport const Button = forwardRef<AntdButton, ButtonProps>(\n  ({ className, size, type, children, unUpperConverted, upperCaseIgnore, ...rest }, ref) => {\n    let newChildren = children\n    if (!unUpperConverted && newChildren) {\n      if (typeof newChildren === 'string') {\n        newChildren = titleCaseUpper(newChildren, upperCaseIgnore)\n      } else if (Array.isArray(newChildren)) {\n        newChildren = [...newChildren].map((subChild) => titleCaseUpper(subChild, upperCaseIgnore))\n      }\n    }\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdButton\n              {...rest}\n              type={type === 'tertiary' ? undefined : type}\n              size={size === 'mini' ? undefined : size}\n              className={classNames(className, tntPrefixCls, {\n                [`${tntPrefixCls}-mini`]: size === 'mini',\n                [`${tntPrefixCls}-tertiary`]: type === 'tertiary',\n              })}\n              children={newChildren}\n              ref={ref}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as ButtonComponent\n\nconst ButtonGroup: React.FC<ButtonGroupProps> = ({ className, size, ...rest }) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return (\n          <AntdButton.Group\n            {...rest}\n            size={size === 'mini' ? undefined : size}\n            className={classNames(className, {\n              [`${tntPrefixCls}-group-mini`]: size === 'mini',\n            })}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nButton.Group = ButtonGroup\n"]}

package/es/button/button.less

@@ -0,0 +1,72 @@
+@import './style/mixin.less';
+@import '../style/mixins/size.less';
+
+@btn-prefix-cls: ~'@{ant-prefix}-btn';
+
+.tnt-btn {
+  &-tertiary {
+    .button-variant-tertiary(@btn-default-color, @primary-color, @btn-tertiary-bg);
+  }
+  &.@{btn-prefix-cls}-primary {
+    .button-disabled(@btn-primary-color, @blue-3, @blue-3);
+  }
+  &.@{btn-prefix-cls}-danger {
+    .button-disabled(@btn-primary-color, @red-3, @red-3);
+  }
+  &.@{btn-prefix-cls}-link {
+    .button-disabled(@blue-3, transparent, transparent);
+  }
+  &.tnt-btn-mini {
+    .button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; @btn-border-radius-sm);
+    &.@{btn-prefix-cls}-icon-only {
+      .square(@btn-height-mini);
+      padding-right: 0;
+      padding-left: 0;
+    }
+    &.@{btn-prefix-cls}-circle {
+      min-width: @btn-height-mini;
+      border-radius: 50%;
+    }
+    &.@{btn-prefix-cls}-round {
+      .button-size(@btn-circle-size-mini; 0 @btn-circle-size-mini / 2; @btn-font-size-mini; @btn-circle-size-mini);
+      &.@{btn-prefix-cls}-icon-only {
+        width: auto;
+      }
+    }
+  }
+  &-group-mini {
+    & > .@{btn-prefix-cls},
+    & > span > .@{btn-prefix-cls} {
+      .button-size(@btn-height-mini; @btn-padding-mini; @btn-font-size-mini; 0);
+      line-height: calc(@btn-height-mini - 2px);
+    }
+    & > .@{btn-prefix-cls}.@{btn-prefix-cls}-icon-only {
+      .square(@btn-height-mini);
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+}
+
+.button-variant-tertiary(@color; @hover-color; @background) {
+  .button-color(@color; @background; @background);
+
+  text-shadow: @btn-text-shadow;
+  box-shadow: @btn-primary-shadow;
+
+  &:hover,
+  &:focus {
+    .button-color(
+      @hover-color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
+    );
+  }
+
+  &:active,
+  &.active {
+    .button-color(
+      @hover-color; ~`colorPalette('@{background}', 6) `; ~`colorPalette('@{background}', 6) `
+    );
+  }
+
+  .button-disabled(@btn-disable-color; @btn-disable-bg; transparent);
+}

package/es/button/index.js

@@ -1,4 +1,5 @@
 import './style';
+import './button.less';
 import { Button } from './button';
 export * from './button';
 export default Button;

package/es/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,cAAc,UAAU,CAAA;AAExB,eAAe,MAAM,CAAA","sourcesContent":["import './style'\nimport { Button } from './button'\n\nexport * from './button'\n\nexport default Button\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,cAAc,UAAU,CAAA;AAExB,eAAe,MAAM,CAAA","sourcesContent":["import './style'\nimport './button.less'\nimport { Button } from './button'\n\nexport * from './button'\n\nexport default Button\n"]}

package/es/checkbox/checkbox.js

@@ -0,0 +1,48 @@
+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, { forwardRef } from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdCheckbox from 'antd/es/checkbox';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+import classNames from 'classnames';
+export * from 'antd/es/checkbox';
+const tntPrefixCls = 'tnt-checkbox';
+const Checkbox = forwardRef((_a, ref) => {
+  var {
+      className,
+      children,
+      desc
+    } = _a,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCheckbox, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, tntPrefixCls)
+    }), React.createElement("span", {
+      className: `${tntPrefixCls}-children`
+    }, React.createElement("span", null, children), !!desc && React.createElement("span", {
+      className: `${tntPrefixCls}-desc`
+    }, desc)));
+  });
+});
+const CheckboxGroup = forwardRef((_a, ref) => {
+  var {
+      className
+    } = _a,
+    rest = __rest(_a, ["className"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCheckbox.Group, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, `${tntPrefixCls}-group`)
+    }));
+  });
+});
+Checkbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select);
+export default Checkbox;

package/es/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC;YAC9E,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;gBACzC,kCAAO,QAAQ,CAAQ;gBACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACM,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAe,QAAQ,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type {\n  CheckboxProps as AntdCheckboxProps,\n  CheckboxGroupProps as AntdCheckboxGroupProps,\n} from 'antd/es/checkbox'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/checkbox'\n\nexport type CheckboxProps = AntdCheckboxProps & {\n  desc?: string | React.ReactNode\n}\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n  readonly?: boolean\n}\n\ninterface CheckboxComponent\n  extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-checkbox'\n\nconst Checkbox = forwardRef<AntdCheckbox, CheckboxProps>(\n  ({ className, children, desc, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCheckbox {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n              <span className={`${tntPrefixCls}-children`}>\n                <span>{children}</span>\n                {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n              </span>\n            </AntdCheckbox>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as CheckboxComponent\n\nconst CheckboxGroup = forwardRef<AntdCheckboxGroup, CheckboxGroupProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCheckbox.Group\n              {...rest}\n              ref={ref}\n              className={classNames(className, `${tntPrefixCls}-group`)}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n\nCheckbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select)\n\nexport default Checkbox\n"]}

package/es/checkbox/checkbox.less

@@ -0,0 +1,69 @@
+@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
+@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
+
+.tnt-checkbox,
+.tnt-checkbox-group {
+  .@{checkbox-prefix-cls}-indeterminate {
+    .@{checkbox-inner-prefix-cls} {
+      background-color: @checkbox-color;
+      border-color: @checkbox-color;
+    }
+    .@{checkbox-inner-prefix-cls}::after {
+      @indeterminate-width: calc(@checkbox-size - 8px);
+      @indeterminate-height: 1.4px;
+
+      width: @indeterminate-width;
+      height: @indeterminate-height;
+      background-color: @component-background;
+      border-radius: 2px;
+      transition: none;
+    }
+
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+
+        &::after {
+          background-color: #fff;
+        }
+      }
+    }
+  }
+
+  .@{checkbox-prefix-cls}-checked {
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+        &::after {
+          border-color: #fff;
+        }
+      }
+    }
+
+    .@{checkbox-inner-prefix-cls}::after {
+      width: 16px;
+      height: 16px;
+      border-width: 0;
+      background-image: url(./check.png);
+      background-size: contain;
+      transform: translate(-25%, -50%);
+      transition: none;
+    }
+  }
+}
+
+.tnt-checkbox {
+  & > span:nth-of-type(2) {
+    display: inline-block;
+  }
+  &-children {
+    display: flex;
+    flex-direction: column;
+  }
+  &-desc {
+    font-size: @font-size-sm;
+    color: @bg-color-spotilight-tint-50;
+  }
+}

package/es/checkbox/index.js

@@ -1,9 +1,5 @@
-import Checkbox from 'antd/es/checkbox';
-import CheckboxGroup from './checkbox-group';
+import Checkbox from './checkbox';
 import './style';
-export * from 'antd/es/checkbox';
-// @ts-ignore
-export * from './checkbox-group';
-// @ts-ignore
-Checkbox.Group = CheckboxGroup;
+import './checkbox.less';
+export * from './checkbox';
 export default Checkbox;

package/es/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAChC,aAAa;AACb,cAAc,kBAAkB,CAAA;AAEhC,aAAa;AACb,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAE9B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/es/checkbox'\nimport CheckboxGroup from './checkbox-group'\n\nimport './style'\n\nexport * from 'antd/es/checkbox'\n// @ts-ignore\nexport * from './checkbox-group'\n\n// @ts-ignore\nCheckbox.Group = CheckboxGroup\n\nexport default Checkbox\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,cAAc,YAAY,CAAA;AAE1B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from './checkbox'\nimport './style'\nimport './checkbox.less'\n\nexport * from './checkbox'\n\nexport default Checkbox\n"]}

package/es/color-picker/index.less

@@ -1,3 +1,6 @@
+@import '../style/themes/index';
+@import '../style/mixins/index';
+
 @prefixCls: ~'tntd-color-picker';
 
 .color-picker-size(@input-height, @input-padding-horizontal, @font-size) {
@@ -86,7 +89,7 @@
   }
 
   .@{prefixCls}-img {
-    border-left: 1px solid @border-color-base;
+    border-left: 1px solid @select-border-color;
     background: #fff;
     text-align: center;
     img {

package/es/date-picker/DatePicker.js

@@ -0,0 +1,101 @@
+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 Icon from '../icon';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdDatePicker from 'antd/es/date-picker';
+import classNames from 'classnames';
+export * from 'antd/es/date-picker';
+export * from 'antd/es/date-picker/interface';
+const {
+  MonthPicker,
+  WeekPicker,
+  RangePicker
+} = AntdDatePicker;
+export const TntDatePicker = props => {
+  //theme样式类型 outline | fill  默认 outline
+  const {
+      theme = 'outline',
+      className,
+      suffixIcon
+    } = props,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  const defaultIcon = React.createElement(Icon, {
+    type: "calendar-3"
+  });
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('date-picker');
+    return React.createElement(AntdDatePicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: classNames(className, `${prefixCls}-${theme}`)
+    }, restProps));
+  });
+};
+export const TntMonthPicker = props => {
+  const {
+      theme = 'outline',
+      className,
+      suffixIcon
+    } = props,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  const defaultIcon = React.createElement(Icon, {
+    type: "calendar-3"
+  });
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('date-picker');
+    return React.createElement(MonthPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: classNames(className, `${prefixCls}-${theme}`)
+    }, restProps));
+  });
+};
+export const TntWeekPicker = props => {
+  const {
+      theme = 'outline',
+      className,
+      suffixIcon
+    } = props,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  const defaultIcon = React.createElement(Icon, {
+    type: "calendar-3"
+  });
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('date-picker');
+    return React.createElement(WeekPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: classNames(className, `${prefixCls}-${theme}`)
+    }, restProps));
+  });
+};
+export const TntRangePicker = props => {
+  const {
+      theme = 'outline',
+      className,
+      suffixIcon
+    } = props,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  const defaultIcon = React.createElement(Icon, {
+    type: "calendar-3"
+  });
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('date-picker');
+    return React.createElement(RangePicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: classNames(className, `${prefixCls}-${theme}`)
+    }, restProps));
+  });
+};