tntd 2.8.0-beta.3 → 2.8.0-beta.5

package/lib/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/lib/breadcrumb/style/index.less

@@ -10,7 +10,8 @@
   font-size: @breadcrumb-font-size;
 
   .@{iconfont-css-prefix} {
-    font-size: @breadcrumb-icon-font-size;
+    // font-size: @breadcrumb-icon-font-size;
+    font-size: 16px;
   }
 
   a {

package/lib/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/lib/cascader/style/index.less

@@ -101,9 +101,9 @@
       z-index: 1;
       width: 12px;
       height: 12px;
-      margin-top: -6px;
+      margin-top: -8px;
       color: @disabled-color;
-      font-size: 12px;
+      font-size: 16px;
       line-height: 12px;
       transition: transform 0.2s;
       &&-expand {

package/lib/checkbox/checkbox.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CheckboxProps as AntdCheckboxProps, CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/lib/checkbox';
+import AntdCheckbox from 'antd/lib/checkbox';
+export * from 'antd/lib/checkbox';
+export declare type CheckboxProps = AntdCheckboxProps & {
+    desc?: string | React.ReactNode;
+};
+export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
+    readonly?: boolean;
+};
+interface CheckboxComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {
+    Group: React.FC<CheckboxGroupProps>;
+}
+declare const Checkbox: CheckboxComponent;
+export default Checkbox;
+//# sourceMappingURL=checkbox.d.ts.map

package/lib/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,kBAAkB,IAAI,sBAAsB,EAC7C,MAAM,kBAAkB,CAAA;AAEzB,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAM3C,cAAc,kBAAkB,CAAA;AAEhC,oBAAY,aAAa,GAAG,iBAAiB,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,oBAAY,kBAAkB,GAAG,sBAAsB,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC1F,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAA;CACpC;AAID,QAAA,MAAM,QAAQ,mBAiBQ,CAAA;AAsBtB,eAAe,QAAQ,CAAA"}

package/lib/checkbox/checkbox.js

@@ -0,0 +1,65 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("antd/lib/config-provider");
+var _checkbox = _interopRequireWildcard(require("antd/lib/checkbox"));
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkbox[key];
+    }
+  });
+});
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var tntPrefixCls = 'tnt-checkbox';
+var Checkbox = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    desc = _a.desc,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_checkbox["default"], Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, tntPrefixCls)
+    }), _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-children")
+    }, _react["default"].createElement("span", null, children), !!desc && _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-desc")
+    }, desc)));
+  });
+});
+var CheckboxGroup = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    rest = __rest(_a, ["className"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_checkbox["default"].Group, Object.assign({}, rest, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, "".concat(tntPrefixCls, "-group"))
+    }));
+  });
+});
+Checkbox.Group = (0, _connect.connectReadonlyComponent)(CheckboxGroup, _previewText.PreviewText.Select);
+var _default = exports["default"] = Checkbox;

package/lib/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAKzC,6DAAwD;AACxD,gEAA2C;AAE3C,wCAAqD;AACrD,kDAA6C;AAC7C,4DAAmC;AAEnC,mDAAgC;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,kBAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC;YAC9E,wCAAM,SAAS,EAAE,GAAG,YAAY,WAAW;gBACzC,4CAAO,QAAQ,CAAQ;gBACtB,CAAC,CAAC,IAAI,IAAI,wCAAM,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,IAAA,kBAAU,EAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,kBAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,IAAA,kCAAwB,EAAC,aAAa,EAAE,0BAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,kBAAe,QAAQ,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type {\n  CheckboxProps as AntdCheckboxProps,\n  CheckboxGroupProps as AntdCheckboxGroupProps,\n} from 'antd/lib/checkbox'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdCheckbox from 'antd/lib/checkbox'\nimport type AntdCheckboxGroup from 'antd/lib/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport classNames from 'classnames'\n\nexport * from 'antd/lib/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/lib/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/lib/collapse/style/index.less

@@ -37,7 +37,8 @@
         top: 50%;
         left: @padding-md;
         display: inline-block;
-        font-size: @font-size-sm;
+        // font-size: @font-size-sm;
+        font-size: 16px;
         transform: translateY(-50%);
 
         & svg {

package/lib/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/lib/date-picker/DatePicker.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { DatePickerProps as AntdDatePickerProps, MonthPickerProps as AntMonthPickerProps, RangePickerProps as AntRangePickerProps, WeekPickerProps as AntWeekPickerProps } from 'antd/lib/date-picker/interface';
+export * from 'antd/lib/date-picker';
+export * from 'antd/lib/date-picker/interface';
+export declare const TntDatePicker: React.FC<AntdDatePickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+export declare const TntMonthPicker: React.FC<AntMonthPickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+export declare const TntWeekPicker: React.FC<AntWeekPickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+export declare const TntRangePicker: React.FC<AntRangePickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+//# sourceMappingURL=DatePicker.d.ts.map

package/lib/date-picker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,gBAAgB,IAAI,mBAAmB,EACvC,gBAAgB,IAAI,mBAAmB,EACvC,eAAe,IAAI,kBAAkB,EACtC,MAAM,+BAA+B,CAAA;AAItC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAG7C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAoB7D,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB7D,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB5D,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAmB7D,CAAA"}

package/lib/date-picker/DatePicker.js

@@ -0,0 +1,128 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  TntDatePicker: true,
+  TntMonthPicker: true,
+  TntWeekPicker: true,
+  TntRangePicker: true
+};
+exports.TntWeekPicker = exports.TntRangePicker = exports.TntMonthPicker = exports.TntDatePicker = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _configProvider = require("antd/lib/config-provider");
+var _datePicker = _interopRequireWildcard(require("antd/lib/date-picker"));
+Object.keys(_datePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _datePicker[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+var _interface = require("antd/lib/date-picker/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var MonthPicker = _datePicker["default"].MonthPicker,
+  WeekPicker = _datePicker["default"].WeekPicker,
+  RangePicker = _datePicker["default"].RangePicker;
+var TntDatePicker = exports.TntDatePicker = function TntDatePicker(props) {
+  //theme样式类型 outline | fill  默认 outline
+  var _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'outline' : _props$theme,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(_datePicker["default"], Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntMonthPicker = exports.TntMonthPicker = function TntMonthPicker(props) {
+  var _props$theme2 = props.theme,
+    theme = _props$theme2 === void 0 ? 'outline' : _props$theme2,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
+    var getPrefixCls = _ref2.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(MonthPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntWeekPicker = exports.TntWeekPicker = function TntWeekPicker(props) {
+  var _props$theme3 = props.theme,
+    theme = _props$theme3 === void 0 ? 'outline' : _props$theme3,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref3) {
+    var getPrefixCls = _ref3.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(WeekPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntRangePicker = exports.TntRangePicker = function TntRangePicker(props) {
+  var _props$theme4 = props.theme,
+    theme = _props$theme4 === void 0 ? 'outline' : _props$theme4,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref4) {
+    var getPrefixCls = _ref4.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(RangePicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};

package/lib/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/lib/date-picker/interface'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdDatePicker from 'antd/lib/date-picker'\nimport classNames from 'classnames'\nexport * from 'antd/lib/date-picker'\nexport * from 'antd/lib/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"]}