tntd 2.8.45 → 2.8.47

package/lib/color-picker/ColorPicker.js

@@ -47,24 +47,18 @@ function _interopRequireWildcard(e, r) {
   }
   return n["default"] = e, t && t.set(e, n), n;
 }
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
@@ -80,24 +74,23 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -126,8 +119,8 @@ function _iterableToArrayLimit(r, l) {
     return a;
   }
 }
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
 }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};

package/lib/color-picker/index.js

@@ -9,9 +9,9 @@ require("classnames");
 var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
 var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
 require("./index.less");
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }
 function _default(props) {

package/lib/columns/index.js

@@ -8,9 +8,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../");
 require("./index.less");
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }
 var __rest = void 0 && (void 0).__rest || function (s, e) {

package/lib/config-provider/config-provider.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "ConfigProvider", {
   }
 });
 var _configProvider = _interopRequireDefault(require("antd/lib/config-provider"));
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
   };
 }

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,163 @@
+"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(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+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: '';
+    }
+  }
+}
+