tntd 3.0.28 → 3.0.29-beta.1

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/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/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"]}

package/es/date-picker/index.js

@@ -1,18 +1,12 @@
-import AntdDatePicker from 'antd/es/date-picker';
 import { connectReadonlyComponent } from '../connect';
 import { PreviewText } from '../preview-text';
 import './style';
-export * from 'antd/es/date-picker';
-export * from 'antd/es/date-picker/interface';
-export const DatePicker = connectReadonlyComponent(AntdDatePicker, PreviewText.DatePicker);
-const {
-  MonthPicker,
-  WeekPicker,
-  RangePicker
-} = AntdDatePicker;
+import './index.less';
+import { TntDatePicker, TntMonthPicker, TntWeekPicker, TntRangePicker } from './DatePicker';
+export const DatePicker = connectReadonlyComponent(TntDatePicker, PreviewText.DatePicker);
 Object.assign(DatePicker, {
-  MonthPicker: connectReadonlyComponent(MonthPicker, PreviewText.MonthPicker),
-  RangePicker: connectReadonlyComponent(RangePicker, PreviewText.DatePicker),
-  WeekPicker: connectReadonlyComponent(WeekPicker, PreviewText.WeekPicker)
+  MonthPicker: connectReadonlyComponent(TntMonthPicker, PreviewText.MonthPicker),
+  RangePicker: connectReadonlyComponent(TntRangePicker, PreviewText.DatePicker),
+  WeekPicker: connectReadonlyComponent(TntWeekPicker, PreviewText.WeekPicker)
 });
 export default DatePicker;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAKhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,SAAS,CAAA;AAEhB,cAAc,qBAAqB,CAAA;AAEnC,cAAc,+BAA+B,CAAA;AAM7C,MAAM,CAAC,MAAM,UAAU,GAAG,wBAAwB,CAChD,cAAc,EACd,WAAW,CAAC,UAAU,CACW,CAAA;AAEnC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,cAAc,CAAA;AAE/D,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACxB,WAAW,EAAE,wBAAwB,CAAC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC;IAC3E,WAAW,EAAE,wBAAwB,CAAC,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC;IAC1E,UAAU,EAAE,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;CACzE,CAAC,CAAA;AAEF,eAAe,UAAU,CAAA","sourcesContent":["import AntdDatePicker from 'antd/es/date-picker'\nimport type {\n  DatePickerProps as AntdDatePickerProps,\n  DatePickerDecorator,\n} from 'antd/es/date-picker/interface'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport './style'\n\nexport * from 'antd/es/date-picker'\n\nexport * from 'antd/es/date-picker/interface'\n\nexport type DatePickerProps = AntdDatePickerProps & {\n  readonly?: boolean\n}\n\nexport const DatePicker = connectReadonlyComponent(\n  AntdDatePicker,\n  PreviewText.DatePicker\n) as unknown as DatePickerDecorator\n\nconst { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker\n\nObject.assign(DatePicker, {\n  MonthPicker: connectReadonlyComponent(MonthPicker, PreviewText.MonthPicker),\n  RangePicker: connectReadonlyComponent(RangePicker, PreviewText.DatePicker),\n  WeekPicker: connectReadonlyComponent(WeekPicker, PreviewText.WeekPicker),\n})\n\nexport default DatePicker\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/date-picker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,SAAS,CAAA;AAChB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE3F,MAAM,CAAC,MAAM,UAAU,GAAG,wBAAwB,CAChD,aAAa,EACb,WAAW,CAAC,UAAU,CACW,CAAA;AAEnC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACxB,WAAW,EAAE,wBAAwB,CAAC,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC;IAC9E,WAAW,EAAE,wBAAwB,CAAC,cAAc,EAAE,WAAW,CAAC,UAAU,CAAC;IAC7E,UAAU,EAAE,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,UAAU,CAAC;CAC5E,CAAC,CAAA;AAEF,eAAe,UAAU,CAAA","sourcesContent":["import type { DatePickerDecorator } from 'antd/es/date-picker/interface'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport './style'\nimport './index.less'\nimport { TntDatePicker, TntMonthPicker, TntWeekPicker, TntRangePicker } from './DatePicker'\n\nexport const DatePicker = connectReadonlyComponent(\n  TntDatePicker,\n  PreviewText.DatePicker\n) as unknown as DatePickerDecorator\n\nObject.assign(DatePicker, {\n  MonthPicker: connectReadonlyComponent(TntMonthPicker, PreviewText.MonthPicker),\n  RangePicker: connectReadonlyComponent(TntRangePicker, PreviewText.DatePicker),\n  WeekPicker: connectReadonlyComponent(TntWeekPicker, PreviewText.WeekPicker),\n})\n\nexport default DatePicker\n"]}

package/es/date-picker/index.less

@@ -0,0 +1,294 @@
+@import '../style/themes/index';
+
+@datepicker-prefix-cls: ~'@{ant-prefix}-date-picker';
+@calendar-prefix-cls: ~'@{ant-prefix}-calendar';
+@calendar-timepicker-prefix-cls: ~'@{ant-prefix}-calendar-time-picker';
+
+.@{calendar-prefix-cls}-picker-container{
+  .@{calendar-prefix-cls}{
+    // margin-top: 42px;
+    .@{calendar-prefix-cls}-input-wrap{
+      // display: none;
+    }
+  }
+  .@{calendar-prefix-cls}-range{
+    // margin-top: 42px;
+    .@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
+      // display: none;
+    }
+    .@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
+      // top: 0
+    }
+  }
+  .@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
+    // margin-top: 42px;
+  }
+  //.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
+  //  background-color: @white;
+  //}
+  .@{calendar-prefix-cls}:not(.@{calendar-prefix-cls}-range){
+    .@{calendar-prefix-cls}-selected-date .@{calendar-prefix-cls}-date{
+      background-color: @blue-6;
+      color: @white;
+    }
+  }
+
+}
+//Picker
+.@{calendar-prefix-cls}-picker{
+  input,.@{calendar-prefix-cls}-picker-input{
+    border-color: @border-color-secondary;
+    color: @text-color;
+    &:focus{
+      border-color: @blue-5;
+    }
+  }
+  &:has(input:not([value=''])),&:hover  {
+    .@{calendar-prefix-cls}-picker-icon{
+      color: @text-color-secondary;
+    }
+  }
+  &:has(input[disabled]){
+    .@{calendar-prefix-cls}-picker-icon{
+      color: @disabled-color;
+    }
+  }
+  .@{calendar-prefix-cls}-picker-icon{
+    width: auto;
+    height: @font-size-lg;
+    font-size: @font-size-lg;
+  }
+  .@{calendar-prefix-cls}-picker-clear{
+    color: tint(@bg-color-spotilight, 50%);
+  }
+}
+.@{datepicker-prefix-cls}{
+  &-fill{
+    .@{calendar-prefix-cls}-picker{
+      &-input {
+        &.@{ant-prefix}-input {
+          background-color: @fill-color-quaternary;
+          border-color: @fill-color-quaternary;
+          &-disabled {
+            border: none;
+            pointer-events: none;
+            background: @disabled-bg;
+          }
+          &:focus{
+            background-color: @white;
+            border-color: @blue-5;
+          }
+        }
+        &:not([value='']):hover {
+          background-color: @white;
+        }
+      }
+    }
+  }
+}
+
+//Calender
+.@{calendar-prefix-cls}{
+  &-footer {
+    &-extra {
+      .@{ant-prefix}-tag{
+        color: @text-color;
+        border: none;
+        background-color: @white;
+        &:hover{
+          color: @blue-6;
+        }
+      }
+    }
+  }
+
+  thead tr{
+    border-bottom: none;
+  }
+  table th{
+    background-color: @white;
+  }
+}
+
+//RangePicker
+.@{calendar-prefix-cls}-range{
+  .@{calendar-prefix-cls}-in-range-cell,
+  .@{calendar-prefix-cls}-selected-start-date,
+  .@{calendar-prefix-cls}-selected-end-date {
+    position: relative;
+    border-radius: 0;
+    > div {
+      position: relative;
+      z-index: 1;
+    }
+    &::before {
+      position: absolute;
+      top: 3px;
+      right: 0;
+      bottom: 3px;
+      left: 0;
+      display: block;
+      background: @item-active-bg;
+      border: 0;
+      border-radius: 0;
+      content: '';
+    }
+  }
+  .@{calendar-prefix-cls}-selected-start-date{
+    &::before{
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+    &::after {
+      position: absolute;
+      bottom: -2px;
+      left: 16px;
+      display: block;
+      background: @blue-6;
+      border: 0;
+      border-radius: 50%;
+      width: 4px;
+      height: 4px;
+      content: '';
+    }
+  }
+  //ant-calendar-last-day-of-month
+  //ant-calendar-last-month-cell ant-calendar-last-day-of-month
+  .@{calendar-prefix-cls}-selected-end-date{
+    &::before{
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+  }
+  .@{calendar-prefix-cls}-selected-start-date.@{calendar-prefix-cls}-selected-end-date{
+    &::before{
+      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-in-range-cell:first-child{
+    &::before{
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-selected-end-date:first-child,
+  tr .@{calendar-prefix-cls}-selected-start-date:last-child{
+    &::before{
+      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-in-range-cell:last-child{
+    &::before{
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+  }
+  .@{calendar-prefix-cls}-cell{
+    height: 38px;
+  }
+}
+
+//MonthPanel
+.@{calendar-prefix-cls}-month-panel-month {
+  border-radius: @border-radius-base;
+}
+
+//WeekPicker
+.@{calendar-prefix-cls}-week-number {
+  &-cell {
+    opacity: 1;
+    font-weight: normal;
+    color: @text-color-tertiary !important;
+  }
+  .@{calendar-prefix-cls}-body tr {
+    cursor: pointer;
+    transition: all 0.3s;
+    background: @white;
+    .@{calendar-prefix-cls}-date{
+      width: auto;
+      border-radius: 0;
+      font-weight: 500;
+    }
+    &:hover {
+      background: @white;
+      td:nth-child(2){
+        .@{calendar-prefix-cls}-date{
+          border-radius: @border-radius-base 0  0 @border-radius-base;
+        }
+      }
+      td:last-child{
+        .@{calendar-prefix-cls}-date{
+          border-radius: 0 @border-radius-base @border-radius-base 0;
+        }
+      }
+      .@{calendar-prefix-cls}-cell{
+        &::before{
+          top: 8px;
+          bottom: 8px;
+        }
+        .@{calendar-prefix-cls}-date{
+          background: @background-color-base;
+          &:hover{
+            background: @background-color-base;
+          }
+        }
+        .@{calendar-prefix-cls}-selected-day{
+          background: @background-color-base;
+        }
+      }
+      .@{calendar-prefix-cls}-week-number-cell{
+        background: @white;
+      }
+    }
+    .@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
+    .@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
+      color: @text-color;
+      background: transparent;
+    }
+    &.@{calendar-prefix-cls}-active-week {
+      background: transparent;
+      td:nth-child(2){
+        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
+          border-radius: @border-radius-base 0  0 @border-radius-base;
+        }
+      }
+      td:last-child{
+        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
+          border-radius: 0 @border-radius-base @border-radius-base 0;
+        }
+      }
+      .@{calendar-prefix-cls}-cell{
+        font-weight: bold;
+        //background: @primary-color;
+        .@{calendar-prefix-cls}-date{
+          color: @text-color-inverse;
+          background: @primary-color;
+          &:hover{
+            color: @text-color-inverse;
+            background: @primary-color;
+          }
+        }
+        .@{calendar-prefix-cls}-selected-day{
+          background: @primary-color;
+        }
+      }
+    }
+    .@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
+      //color: @text-color;
+      //font-weight: normal;
+      border-color: transparent;
+    }
+  }
+  .@{calendar-prefix-cls}-cell{
+    height: 38px;
+    position: relative;
+    &::before {
+      position: absolute;
+      top: 3px;
+      right: 0;
+      bottom: 3px;
+      left: 0;
+      display: block;
+      border: 0;
+      border-radius: 0;
+      content: '';
+    }
+  }
+}
+

package/es/date-picker/style/Calendar.less

@@ -159,7 +159,7 @@
 
   &-input-wrap {
     height: 34px;
-    padding: 6px calc(@control-padding-horizontal - 2px);
+    padding: 5px calc(@control-padding-horizontal - 2px);
     border-bottom: @border-width-base @border-style-base @border-color-split;
   }
 

package/es/descriptions/descriptions.less

@@ -80,6 +80,7 @@
             .@{descriptions-prefix-cls}-item-label,
             .@{descriptions-prefix-cls}-item-content {
                 padding: @descriptions-small-padding;
+                border-right: 0;
             }
         }
 

package/es/descriptions/index.js

@@ -2,13 +2,13 @@
  * @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;

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"]}