tntd 2.8.23 → 2.8.24

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/cascader/cascader.js

@@ -0,0 +1,30 @@
+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 AntdCascader from 'antd/es/cascader';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+export * from 'antd/es/cascader';
+const tntPrefixCls = 'tnt-cascader';
+const Cascader = forwardRef((_a, ref) => {
+  var {
+      className,
+      children
+    } = _a,
+    rest = __rest(_a, ["className", "children"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCascader, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, tntPrefixCls)
+    }), children);
+  });
+});
+export default connectReadonlyComponent(Cascader, PreviewText.Cascader);

package/es/cascader/cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.js","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,cAAc,kBAAkB,CAAA;AAShC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,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,KAC7E,QAAQ,CACI,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,eAAe,wBAAwB,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport AntdCascader from 'antd/es/cascader'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\ninterface CascaderComponent\n  extends React.ForwardRefExoticComponent<AntdCascaderProps & React.RefAttributes<AntdCascader>> {}\n\nconst tntPrefixCls = 'tnt-cascader'\n\nconst Cascader = forwardRef<AntdCascader, AntdCascaderProps>(\n  ({ className, children, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCascader {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n              {children}\n            </AntdCascader>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as CascaderComponent\n\nexport default connectReadonlyComponent(Cascader, PreviewText.Cascader)\n"]}

package/es/cascader/cascader.less

@@ -0,0 +1,16 @@
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.tnt-cascader {
+  .@{cascader-prefix-cls}-picker {
+    &-clear {
+      width: 16px;
+      height: 16px;
+      font-size: initial;
+      margin-top: -8px;
+    }
+    &-arrow {
+      width: 16px;
+      height: 16px;
+    }
+  }
+}

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 AntdCheckbox from 'antd/es/checkbox';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+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)
+    }), children ? React.createElement("span", {
+      className: `${tntPrefixCls}-children`
+    }, React.createElement("span", null, children), !!desc && React.createElement("span", {
+      className: `${tntPrefixCls}-desc`
+    }, desc)) : undefined);
+  });
+});
+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":";;;;;;;;;;;AAIA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,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,KAC7E,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;YACzC,kCAAO,QAAQ,CAAQ;YACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACR,CAAC,CAAC,CAAC,SAAS,CACA,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 type {\n  CheckboxGroupProps as AntdCheckboxGroupProps,\n  CheckboxProps as AntdCheckboxProps,\n} from 'antd/es/checkbox'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\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              {children ? (\n                <span className={`${tntPrefixCls}-children`}>\n                  <span>{children}</span>\n                  {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n                </span>\n              ) : undefined}\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/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));
+  });
+};

package/es/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type {\n  DatePickerProps as AntdDatePickerProps,\n  MonthPickerProps as AntMonthPickerProps,\n  RangePickerProps as AntRangePickerProps,\n  WeekPickerProps as AntWeekPickerProps,\n} from 'antd/es/date-picker/interface'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdDatePicker from 'antd/es/date-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/date-picker'\nexport * from 'antd/es/date-picker/interface'\nconst { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker\n\nexport const TntDatePicker: React.FC<\n  AntdDatePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <AntdDatePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntMonthPicker: React.FC<\n  AntMonthPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <MonthPicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntWeekPicker: React.FC<\n  AntWeekPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <WeekPicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntRangePicker: React.FC<\n  AntRangePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <RangePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}