tntd 2.8.0-beta.3 → 2.8.0-beta.4

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

package/lib/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/lib/date-picker/style/Picker.less

@@ -98,8 +98,9 @@
   &-icon {
     display: inline-block;
     color: @disabled-color;
-    font-size: @font-size-base;
+    font-size: calc(@font-size-base + 2px);
     line-height: 1;
+    margin-top: -8px;
   }
 
   .@{ant-prefix}-input-disabled + &-icon {