@zgfe/business-lib 1.0.0-beta.1

package/es/datePicker/demo/index.js

@@ -0,0 +1,30 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { BizDatePicker } from 'business-lib';
+import React, { useState } from 'react';
+export default (function () {
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      time = _useState2[0],
+      setTime = _useState2[1];
+
+  var handleChange = function handleChange(data) {
+    setTime(function () {
+      return data;
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizDatePicker, {
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
+});

package/es/datePicker/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+import 'moment/locale/zh-cn';
+interface PickerProps {
+    startDate?: any;
+    endDate?: any;
+}
+interface ValueType extends PickerProps {
+    type?: string;
+}
+interface DatePickerProps {
+    /**
+     * @describe  默认值
+     * @default   {type:'hour', startDate:today, endDate:today}
+     */
+    defaultValue?: ValueType;
+    /**
+     * @describe  默认值
+     * @default   {type:'hour', startDate:today, endDate:today}
+     */
+    value?: ValueType;
+    /**
+     * @describe  回调
+     * @default -
+     */
+    onChange?: (data: object) => void;
+}
+declare const BizDatePicker: React.FC<DatePickerProps>;
+export default BizDatePicker;

package/es/datePicker/index.js

@@ -0,0 +1,207 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { DatePicker, Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { IconFont } from '..';
+import { dateType, dateList } from './data';
+import util from '../utils/util';
+import './index.less';
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+import locale from 'antd/es/date-picker/locale/zh_CN';
+var RangePicker = DatePicker.RangePicker;
+
+var BizDatePicker = function BizDatePicker(props) {
+  var _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? {
+    type: 'hour',
+    startDate: new Date(),
+    endDate: new Date()
+  } : _props$defaultValue,
+      _props$value = props.value,
+      value = _props$value === void 0 ? {
+    type: 'hour',
+    startDate: new Date(),
+    endDate: new Date()
+  } : _props$value,
+      onChange = props.onChange;
+
+  var _useState = useState(defaultValue.type || value.type || 'hour'),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentType = _useState2[0],
+      setCurrentType = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentTime = _useState4[0],
+      setCurrentTime = _useState4[1];
+
+  var _useState5 = useState({
+    startDate: defaultValue.startDate || value.startDate || new Date(),
+    endDate: defaultValue.endDate || value.endDate || new Date()
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedDate = _useState6[0],
+      setSelectedDate = _useState6[1];
+
+  useEffect(function () {
+    onChange && onChange(_objectSpread({
+      type: currentType
+    }, selectedDate));
+  }, [selectedDate]);
+  useEffect(function () {
+    if (!Object.keys(currentTime).length) return;
+    var endDate, startDate;
+    var _currentTime$count = currentTime.count,
+        count = _currentTime$count === void 0 ? 1 : _currentTime$count,
+        value = currentTime.value;
+    var maxDate = new Date(new Date().getTime() - util.dayTime);
+
+    switch (currentType) {
+      case 'hour':
+        endDate = startDate = new Date(new Date().getTime() - count * util.dayTime);
+        break;
+
+      case 'day':
+        startDate = new Date(new Date().getTime() - count * util.dayTime);
+        endDate = maxDate;
+        break;
+
+      case 'week':
+        endDate = maxDate; // 减一是因为这里以周一为一周的第一天，如果以周日为第一天，则去掉就行
+
+        var firstOfWeek = new Date(maxDate.getTime() - (maxDate.getDay() - 1) * util.dayTime);
+        startDate = new Date(firstOfWeek.getTime() - count * 7 * util.dayTime);
+        break;
+
+      case 'month':
+        endDate = maxDate; // 这里-1是为了将日期置为一号
+
+        var firstOfMonth = new Date(maxDate.getTime() - (maxDate.getDate() - 1) * util.dayTime);
+        firstOfMonth.setMonth(firstOfMonth.getMonth() - count);
+        startDate = new Date(firstOfMonth);
+        break;
+    }
+
+    setSelectedDate(function () {
+      return {
+        startDate: util.dateFormat(startDate),
+        endDate: util.dateFormat(endDate)
+      };
+    });
+  }, [currentTime]);
+
+  var disabledDate = function disabledDate(current) {
+    return current && current > moment().endOf('day');
+  };
+
+  var _onChange = function _onChange(date, dateString) {
+    setSelectedDate(function () {
+      return {
+        startDate: dateString,
+        endDate: dateString
+      };
+    });
+    setCurrentTime(function () {
+      return {};
+    });
+  };
+
+  var _onRangeChange = function _onRangeChange(dates, dateStrings) {
+    setSelectedDate(function () {
+      return {
+        startDate: dateStrings[0],
+        endDate: dateStrings[1]
+      };
+    });
+    setCurrentTime(function () {
+      return {};
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "biz-date-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "biz-select-content"
+  }, /*#__PURE__*/React.createElement(Select, {
+    defaultValue: currentType,
+    options: dateType,
+    className: "biz-date-type",
+    dropdownClassName: "biz-date-dropdown",
+    showArrow: false,
+    bordered: false,
+    onChange: function onChange(operate) {
+      console.log(operate);
+      setCurrentType(function () {
+        return operate;
+      });
+      setCurrentTime(function () {
+        return dateList[operate][0];
+      });
+    }
+  }), /*#__PURE__*/React.createElement(IconFont, {
+    className: "biz-select-zhankai",
+    type: 'icon-xiangxia'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "biz-date-list"
+  }, dateList[currentType].map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "biz-date-item ".concat(currentTime.value === item.value ? 'active' : ''),
+      onClick: function onClick() {
+        setCurrentTime(function () {
+          return _objectSpread({}, item);
+        });
+      }
+    }, item.value);
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "biz-date-picker"
+  }, currentType === 'hour' ? /*#__PURE__*/React.createElement(DatePicker, {
+    value: moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.startDate, 'YYYY-MM-DD'),
+    allowClear: false,
+    inputReadOnly: true,
+    dropdownClassName: "biz-date-ant-picker",
+    locale: locale,
+    showToday: false,
+    // mode={'date'}
+    disabledDate: disabledDate,
+    placement: 'bottomRight',
+    placeholder: "\u81EA\u5B9A\u4E49",
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'icon-shijian1'
+    }),
+    onChange: _onChange
+  }) : /*#__PURE__*/React.createElement(RangePicker, {
+    value: [moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.startDate, 'YYYY-MM-DD'), moment(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.endDate, 'YYYY-MM-DD')],
+    allowClear: false,
+    dropdownClassName: "biz-date-ant-picker",
+    inputReadOnly: true,
+    locale: locale,
+    disabledDate: disabledDate,
+    placement: 'bottomRight',
+    separator: '至',
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      type: 'icon-shijian1'
+    }),
+    format: 'YYYY-MM-DD',
+    onChange: _onRangeChange
+  })));
+};
+
+export default BizDatePicker;

package/es/datePicker/index.less

@@ -0,0 +1,388 @@
+@import '../commonStyle/select.less';
+
+.biz-date-container {
+  display: flex;
+  justify-content: flex-start;
+
+  .biz-select-content {
+    flex: none;
+    width: 88px;
+    border: 1px solid #ecedf0;
+
+    .biz-date-type {
+      width: 88px;
+    }
+
+    .biz-select-zhankai {
+      display: block;
+    }
+
+    .ant-select-single.ant-select-open {
+      &,
+      & + .biz-select-zhankai,
+      .ant-select-selection-item {
+        .box-hover();
+      }
+    }
+  }
+
+  .biz-date-list {
+    display: flex;
+    margin: 0 16px;
+
+    .biz-date-item {
+      width: 58px;
+      height: 32px;
+      color: @titleColor;
+      line-height: 32px;
+      text-align: center;
+      background: #ffffff;
+      border: 1px solid #ecedf0;
+      cursor: pointer;
+
+      &:first-child {
+        border-radius: 4px 0px 0px 4px;
+      }
+
+      &:last-child {
+        border-radius: 0px 4px 4px 0px;
+      }
+
+      &:not(:last-child) {
+        border-right: none;
+      }
+
+      &:hover {
+        .box-hover();
+      }
+
+      &.active {
+        color: @themeColor;
+        background: @hoverBgColor;
+        border: 1px solid @themeColor;
+      }
+    }
+  }
+}
+
+.biz-date-dropdown {
+  .ant-select-item {
+    height: 32px;
+    padding: 6px 8px;
+    font-weight: 400;
+  }
+}
+
+.biz-date-picker {
+  position: relative;
+
+  .biz-date-input {
+    .boxBg();
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 32px;
+    padding: 4px 12px;
+    background: #fff;
+    border: 1px solid @borderColor;
+    cursor: pointer;
+  }
+
+  .ant-picker {
+    padding: 4px 12px;
+    border-color: @borderColor;
+    border-radius: @boxRadius;
+
+    input {
+      text-align: center;
+      cursor: pointer;
+    }
+    .ant-picker-suffix {
+      color: @iconColor;
+    }
+  }
+
+  .ant-picker:hover,
+  .ant-picker-focused {
+    border-color: @hoverBgColor;
+    border-right-width: 1px;
+    box-shadow: none;
+    .box-hover();
+
+    input {
+      color: @themeColor;
+    }
+    .ant-picker-suffix {
+      color: @themeColor;
+    }
+  }
+
+  .ant-picker-focused {
+    border: none;
+    border-right-width: 1px;
+    outline: 0;
+    box-shadow: none;
+  }
+
+  .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
+    display: none;
+    background: transparent;
+  }
+}
+
+.ant-picker-panel-container {
+  border-radius: 10px;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.ant-picker-header-view button:hover,
+.ant-picker-header > button:hover {
+  color: @themeColor;
+}
+
+.ant-picker-cell {
+  color: #9797af;
+
+  &.ant-picker-cell-in-view {
+    color: @fontColor;
+
+    .ant-picker-cell-inner {
+      min-width: 30px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      border-radius: 20px;
+
+      &:hover {
+        border: 1px solid @themeColor;
+      }
+    }
+
+    &.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end),
+    &.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) {
+      .ant-picker-cell-inner {
+        border-radius: 20px;
+      }
+    }
+
+    &.ant-picker-cell-in-range::before {
+      background: @hoverBgColor;
+    }
+
+    &.ant-picker-cell-in-range.ant-picker-cell-end::before {
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+
+    &.ant-picker-cell-in-range.ant-picker-cell-start::before {
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+    }
+
+    &.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
+    &.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
+    &.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
+    &.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
+    &.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
+    &.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
+    &.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
+      position: absolute;
+      top: 50%;
+      z-index: 0;
+      height: 30px;
+      transform: translateY(-50%);
+      transition: all 0.3s;
+      content: '';
+    }
+
+    &.ant-picker-cell-selected .ant-picker-cell-inner,
+    &.ant-picker-cell-range-start .ant-picker-cell-inner,
+    &.ant-picker-cell-range-end .ant-picker-cell-inner {
+      color: #fff;
+      background: @themeColor;
+    }
+
+    &.ant-picker-cell-start::after {
+      border-left: 1px dashed @hoverBgColor;
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+    }
+
+    &.ant-picker-cell-end::after {
+      border-right: 1px dashed @hoverBgColor;
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+  }
+
+  &::before {
+    height: 30px;
+  }
+
+  &.ant-picker-cell-disabled {
+    color: @disableColor;
+
+    &::before {
+      background: #fff;
+    }
+  }
+
+  &:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+  &:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+    .ant-picker-cell-inner {
+    background: red;
+  }
+
+  &.ant-picker-cell-in-view.ant-picker-cell-today {
+    &.ant-picker-cell-selected {
+      .ant-picker-cell-inner::before {
+        background: #fff;
+      }
+    }
+
+    .ant-picker-cell-inner::before {
+      position: absolute;
+      top: auto;
+      bottom: 4px;
+      left: 50%;
+      width: 6px;
+      height: 1.5px;
+      background: @themeColor;
+      border: none;
+      border-radius: 0.5px;
+      transform: translateX(-50%);
+      content: '';
+    }
+  }
+}
+
+.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+.ant-picker-panel
+  > :not(.ant-picker-date-panel)
+  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
+.ant-picker-panel
+  > :not(.ant-picker-date-panel)
+  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
+  background: @hoverBgColor;
+}
+
+.ant-picker-date-panel
+  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
+  .ant-picker-cell-inner::after,
+.ant-picker-date-panel
+  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
+  .ant-picker-cell-inner::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  background: transparent;
+  transition: all 0.3s;
+  content: '';
+}
+
+tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
+tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
+.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
+  left: 6px;
+  border-left: 1px dashed @hoverBgColor;
+}
+
+.ant-picker-panel-rtl
+  tr
+  > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
+.ant-picker-panel-rtl
+  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
+.ant-picker-panel-rtl
+  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
+.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
+  right: 6px;
+  left: 0;
+  border-right: 1px dashed @hoverBgColor;
+  border-left: none;
+  border-radius: 0 2px 2px 0;
+}
+
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
+  position: absolute;
+  top: 50%;
+  z-index: 0;
+  height: 30px;
+  border-top: 1px dashed @hoverBgColor;
+  border-bottom: 1px dashed @hoverBgColor;
+  transform: translateY(-50%);
+  transition: all 0.3s;
+  content: '';
+}
+
+tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
+tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
+.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
+.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
+  left: 6px;
+  border-left: 1px dashed @hoverBgColor;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
+.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
+.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+  background: @themeColor;
+  border-radius: 20px;
+}
+
+.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+  .ant-picker-cell-inner {
+  background: #fff;
+}
+
+.ant-picker:hover,
+.ant-picker-focused {
+  border-color: @themeColor;
+  border-right-width: 1px;
+}
+
+.ant-picker-input > input:hover {
+  border-color: @hoverBgColor;
+  border-right-width: 1px;
+}
+
+.ant-picker-suffix {
+  font-size: @iconSize;
+}
+
+.biz-date-ant-picker {
+  tr {
+    .ant-picker-cell-in-view:not(.ant-picker-cell-selected) {
+      &:first-child {
+        &.ant-picker-cell-in-range::before {
+          border-top-left-radius: 4px;
+          border-bottom-left-radius: 4px;
+        }
+      }
+
+      &:last-child {
+        &.ant-picker-cell-in-range::before {
+          border-top-right-radius: 4px;
+          border-bottom-right-radius: 4px;
+        }
+      }
+    }
+  }
+}

package/es/dialog/components/list.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './style/list.less';
+interface ItemProps {
+    id: string | number;
+    title?: string;
+    content?: string;
+    icon?: string;
+}
+interface BizListProps {
+    value?: string | number;
+    options?: Array<ItemProps>;
+    onChange?: (value: string | number) => void;
+}
+declare const BizList: React.FC<BizListProps>;
+export default BizList;