@titaui/pc 1.12.13 → 1.12.14

package/lib/components/picker/picker-panels.js

@@ -17,8 +17,6 @@ var _monthPanel = _interopRequireDefault(require("./components/panels/month-pane
 
 var _yearPanel = _interopRequireDefault(require("./components/panels/year-panel"));
 
-var _context = _interopRequireDefault(require("./context"));
-
 var _utils = require("./utils");
 
 require("./index.css");
@@ -42,37 +40,26 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var PickerPanels = function PickerPanels(props) {
-  var _props$picker = props.picker,
-      picker = _props$picker === void 0 ? 'date' : _props$picker,
+  var _props$mode = props.mode,
+      mode = _props$mode === void 0 ? "date" : _props$mode,
       onChange = props.onChange,
       onClose = props.onClose,
-      settingType = props.settingType,
       _props$value = props.value,
-      value = _props$value === void 0 ? [(0, _moment["default"])()] : _props$value;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      format = _useContext.format;
+      value = _props$value === void 0 ? (0, _moment["default"])() : _props$value;
 
-  var _useState = (0, _react.useState)(picker),
+  var _useState = (0, _react.useState)(mode),
       _useState2 = _slicedToArray(_useState, 2),
       pickerMode = _useState2[0],
       setPickerMode = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(value),
+  var _useState3 = (0, _react.useState)(value ? (0, _moment["default"])(value) : (0, _moment["default"])()),
       _useState4 = _slicedToArray(_useState3, 2),
       viewDate = _useState4[0],
-      setViewDate = _useState4[1]; // const getNewDate = useCallback((date) => {
-  //   return setPickerDateBySettingType({
-  //     newDate: date,
-  //     settingType,
-  //     values: viewDate,
-  //   })
-  // }, [settingType, viewDate])
-
+      setViewDate = _useState4[1];
 
   var onViewDateChange = function onViewDateChange(date) {
     setViewDate(function () {
-      return [date];
+      return date;
     });
   };
 
@@ -83,14 +70,16 @@ var PickerPanels = function PickerPanels(props) {
   };
 
   var onCloseHandler = function onCloseHandler() {
-    if (pickerMode === picker && onClose) {
-      onClose();
+    if (pickerMode === mode) {
+      if (onClose) {
+        onClose();
+      }
     }
   };
 
   var onDateSelect = function onDateSelect(date) {
     if (onChange) {
-      onChange([date]);
+      onChange(date);
     }
 
     onCloseHandler();
@@ -98,13 +87,15 @@ var PickerPanels = function PickerPanels(props) {
 
   var onMonthSelect = function onMonthSelect(date) {
     setViewDate(function () {
-      return [date];
+      return date;
     });
 
-    if (picker !== 'month') {
-      onPanelChange(date, 'date');
-    } else if (onChange) {
-      onChange([date]);
+    if (mode !== "month") {
+      onPanelChange(date, "date");
+    }
+
+    if (onChange) {
+      onChange(date);
     }
 
     onCloseHandler();
@@ -112,13 +103,15 @@ var PickerPanels = function PickerPanels(props) {
 
   var onYearSelect = function onYearSelect(date) {
     setViewDate(function () {
-      return [date];
+      return date;
     });
 
-    if (picker !== 'year') {
-      onPanelChange(date, 'month');
-    } else if (onChange) {
-      onChange([date]);
+    if (mode !== "year") {
+      onPanelChange(date, "month");
+    }
+
+    if (onChange) {
+      onChange(date);
     }
 
     onCloseHandler();
@@ -126,15 +119,15 @@ var PickerPanels = function PickerPanels(props) {
 
   var onSelectChange = function onSelectChange(date, type) {
     switch (type) {
-      case 'date':
+      case "date":
         onDateSelect(date);
         break;
 
-      case 'month':
+      case "month":
         onMonthSelect(date);
         break;
 
-      case 'year':
+      case "year":
         onYearSelect(date);
         break;
 
@@ -143,55 +136,47 @@ var PickerPanels = function PickerPanels(props) {
     }
   };
 
-  var renderPanels = (0, _react.useCallback)(function () {
-    var panel;
-    var date = (0, _utils.getPickerDateBySettingType)({
-      format: format,
-      settingType: settingType,
-      values: viewDate
-    });
-
-    switch (pickerMode) {
-      case 'date':
-        panel = /*#__PURE__*/_react["default"].createElement(_datePanel["default"], {
-          viewDate: date,
-          onSelect: onSelectChange,
-          onViewDateChange: onViewDateChange,
-          onPanelChange: onPanelChange
-        });
-        break;
-
-      case 'month':
-        panel = /*#__PURE__*/_react["default"].createElement(_monthPanel["default"], {
-          viewDate: date,
-          onSelect: onSelectChange,
-          onViewDateChange: onViewDateChange,
-          onPanelChange: onPanelChange
-        });
-        break;
-
-      case 'year':
-        panel = /*#__PURE__*/_react["default"].createElement(_yearPanel["default"], {
-          viewDate: date,
-          onSelect: onSelectChange,
-          onViewDateChange: onViewDateChange
-        });
-        break;
-
-      default:
-        break;
-    }
+  var panel;
+
+  switch (pickerMode) {
+    case "date":
+      panel = /*#__PURE__*/_react["default"].createElement(_datePanel["default"], {
+        viewDate: viewDate,
+        onSelect: onSelectChange,
+        onViewDateChange: onViewDateChange,
+        onPanelChange: onPanelChange
+      });
+      break;
+
+    case "month":
+      panel = /*#__PURE__*/_react["default"].createElement(_monthPanel["default"], {
+        viewDate: viewDate,
+        onSelect: onSelectChange,
+        onViewDateChange: onViewDateChange,
+        onPanelChange: onPanelChange
+      });
+      break;
+
+    case "year":
+      panel = /*#__PURE__*/_react["default"].createElement(_yearPanel["default"], {
+        viewDate: viewDate,
+        onSelect: onSelectChange,
+        onViewDateChange: onViewDateChange
+      });
+      break;
+
+    default:
+      break;
+  }
 
-    return panel;
-  }, [pickerMode, viewDate]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _utils.PickerClass
-  }, renderPanels());
+  }, panel);
 };
 
 PickerPanels.defaultProps = {
-  picker: 'date',
-  value: [(0, _moment["default"])()]
+  mode: "date",
+  value: (0, _moment["default"])()
 };
 var _default = PickerPanels;
 exports["default"] = _default;

package/lib/components/picker/picker.js

@@ -25,7 +25,7 @@ var _utils = require("./utils");
 
 require("./index.css");
 
-var _excluded = ["children", "direction", "displayMode", "format", "picker", "popupPlacement", "settingType", "value", "visible", "onChange", "onPopupVisibleChange"];
+var _excluded = ["onChange", "format", "value", "mode", "children", "popupPlacement", "direction", "onPopupVisibleChange", "visible"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -52,17 +52,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Picker = function Picker(props) {
-  var children = props.children,
-      direction = props.direction,
-      displayMode = props.displayMode,
+  var onChange = props.onChange,
       format = props.format,
-      picker = props.picker,
-      popupPlacement = props.popupPlacement,
-      settingType = props.settingType,
       value = props.value,
-      visible = props.visible,
-      onChange = props.onChange,
+      mode = props.mode,
+      children = props.children,
+      popupPlacement = props.popupPlacement,
+      direction = props.direction,
       onPopupVisibleChange = props.onPopupVisibleChange,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var _useState = (0, _react.useState)(visible),
@@ -75,23 +74,17 @@ var Picker = function Picker(props) {
       return popupPlacement;
     }
 
-    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+    return direction === "rtl" ? "bottomRight" : "bottomLeft";
   };
 
   var onChangeHandler = function onChangeHandler(date) {
-    var result = onChange(date);
-
-    if (result && result instanceof Promise) {
-      result.then(function (res) {
-        res && onCloseHandler();
-      });
-    } else if (result !== false) {
-      onCloseHandler();
+    if (onChange) {
+      onChange(date);
     }
   };
 
   var onCloseHandler = function onCloseHandler() {
-    return setPopupVisible(false);
+    setPopupVisible(false);
   };
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -99,47 +92,40 @@ var Picker = function Picker(props) {
     onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(visible);
   };
 
-  var popContent = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_pickerPanels["default"], _extends({
-      value: value,
-      picker: picker,
-      onChange: onChangeHandler,
-      onClose: onCloseHandler,
-      settingType: settingType
-    }, restProps));
-  }, [settingType, value]);
   return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
     value: {
-      picker: picker,
-      format: format,
-      settingType: settingType,
-      value: value
+      value: value,
+      mode: mode || "date",
+      format: format
     }
-  }, displayMode === 'layer' && /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
+  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
     extraClass: (0, _classnames["default"])(_utils.PickerDropdownClass),
-    popup: popContent,
+    popup: /*#__PURE__*/_react["default"].createElement(_pickerPanels["default"], _extends({
+      value: value,
+      mode: mode
+    }, restProps, {
+      onChange: onChangeHandler,
+      onClose: onCloseHandler
+    })),
     popupVisible: popupVisible,
     popupPlacement: getPopupPlacement(),
     onPopupVisibleChange: handlePopupVisibleChange
   }, restProps), /*#__PURE__*/_react["default"].createElement(_pickerTrigger["default"], _extends({
-    focused: popupVisible,
-    viewDate: (0, _moment["default"])(value[0]),
+    viewDate: (0, _moment["default"])(value),
     onClick: function onClick() {
       return setPopupVisible(true);
     }
-  }, restProps), children)), displayMode === 'tiled' && popContent);
+  }, restProps), children)));
 };
 
 Picker.defaultProps = {
   children: null,
-  value: [(0, _moment["default"])()],
-  picker: 'date',
-  format: 'YYYY/MM/DD',
+  value: (0, _moment["default"])(),
+  mode: "date",
+  format: "YYYY/MM/DD",
   popupStyle: {},
-  popupPlacement: 'bottomLeft',
-  direction: 'ltr',
-  displayMode: 'layer',
-  settingType: 'startDate',
+  popupPlacement: "bottomLeft",
+  direction: "ltr",
   visible: false
 };
 var _default = Picker;

package/lib/components/picker/utils.js

@@ -3,183 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setPickerDateBySettingType = exports.isCurrentDateInRanges = exports.getPreviousValues = exports.getPickerDateBySettingType = exports.getNextValues = exports.getCurrentValues = exports.YEAR_DECADE_COUNT = exports.WEEK_DAYS_COUNT = exports.SHORTCUTS = exports.RangeWeekPickerShortcutsKeysMapping = exports.RangeSettingTypes = exports.RangePickerShortcutsKeysMapping = exports.PickerTriggerClass = exports.PickerRangesClass = exports.PickerRangeTriggerClass = exports.PickerPanelClass = exports.PickerHeadClass = exports.PickerDropdownClass = exports.PickerClass = exports.PickerCellClass = exports.PickerBodyClass = exports.MONTHDATAMAPEN = exports.MONTHDATAMAP = void 0;
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _getLocale = require("../../utils/getLocale");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var PickerClass = 'tita-ui__picker';
+exports.YEAR_DECADE_COUNT = exports.WEEK_DAYS_COUNT = exports.PickerTriggerClass = exports.PickerPanelClass = exports.PickerHeadClass = exports.PickerDropdownClass = exports.PickerClass = exports.PickerCellClass = exports.PickerBodyClass = exports.MONTHDATAMAPEN = exports.MONTHDATAMAP = void 0;
+var PickerClass = "tita-ui__picker";
 exports.PickerClass = PickerClass;
-var PickerHeadClass = 'tita-ui__picker-head';
+var PickerHeadClass = "tita-ui__picker-head";
 exports.PickerHeadClass = PickerHeadClass;
-var PickerBodyClass = 'tita-ui__picker-body';
+var PickerBodyClass = "tita-ui__picker-body";
 exports.PickerBodyClass = PickerBodyClass;
-var PickerPanelClass = 'tita-ui__picker-panel';
+var PickerPanelClass = "tita-ui__picker-panel";
 exports.PickerPanelClass = PickerPanelClass;
-var PickerCellClass = 'tita-ui__picker-cell';
+var PickerCellClass = "tita-ui__picker-cell";
 exports.PickerCellClass = PickerCellClass;
-var PickerTriggerClass = 'tita-ui__picker-trigger';
+var PickerTriggerClass = "tita-ui__picker-trigger";
 exports.PickerTriggerClass = PickerTriggerClass;
-var PickerDropdownClass = 'tita-ui__picker-dropdown';
+var PickerDropdownClass = "tita-ui__picker-dropdown";
 exports.PickerDropdownClass = PickerDropdownClass;
-var PickerRangesClass = 'tita-ui__picker-ranges';
-exports.PickerRangesClass = PickerRangesClass;
-var PickerRangeTriggerClass = 'tita-ui__picker-ranges-trigger';
-exports.PickerRangeTriggerClass = PickerRangeTriggerClass;
-var MONTHDATAMAP = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
+var MONTHDATAMAP = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];
 exports.MONTHDATAMAP = MONTHDATAMAP;
-var MONTHDATAMAPEN = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+var MONTHDATAMAPEN = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 exports.MONTHDATAMAPEN = MONTHDATAMAPEN;
 var WEEK_DAYS_COUNT = 7;
 exports.WEEK_DAYS_COUNT = WEEK_DAYS_COUNT;
 var YEAR_DECADE_COUNT = 10;
-exports.YEAR_DECADE_COUNT = YEAR_DECADE_COUNT;
-var SHORTCUTS;
-exports.SHORTCUTS = SHORTCUTS;
-
-(function (SHORTCUTS) {
-  SHORTCUTS["CURRENT_YEAR"] = "currentYear";
-  SHORTCUTS["CURRENT_MONTH"] = "currentMonth";
-  SHORTCUTS["CURRENT_WEEK"] = "currentWeek";
-  SHORTCUTS["PREVIOUS_WEEK"] = "prevWeek";
-  SHORTCUTS["NEXT_WEEK"] = "nextWeek";
-})(SHORTCUTS || (exports.SHORTCUTS = SHORTCUTS = {}));
-
-var getCurrentValues = function getCurrentValues(symbol) {
-  return [(0, _moment["default"])().startOf(symbol), (0, _moment["default"])().endOf(symbol)];
-};
-
-exports.getCurrentValues = getCurrentValues;
-
-var getPreviousValues = function getPreviousValues(symbol) {
-  return [(0, _moment["default"])().subtract(1, symbol).startOf(symbol), (0, _moment["default"])().subtract(1, symbol).endOf(symbol)];
-};
-
-exports.getPreviousValues = getPreviousValues;
-
-var getNextValues = function getNextValues(symbol) {
-  return [(0, _moment["default"])().add(1, symbol).startOf(symbol), (0, _moment["default"])().add(1, symbol).endOf(symbol)];
-};
-
-exports.getNextValues = getNextValues;
-var RangeSettingTypes;
-exports.RangeSettingTypes = RangeSettingTypes;
-
-(function (RangeSettingTypes) {
-  RangeSettingTypes["START"] = "startDate";
-  RangeSettingTypes["END"] = "endDate";
-})(RangeSettingTypes || (exports.RangeSettingTypes = RangeSettingTypes = {}));
-
-var RangePickerShortcutsKeysMapping = function RangePickerShortcutsKeysMapping() {
-  return [{
-    key: SHORTCUTS.CURRENT_YEAR,
-    title: (0, _getLocale.getLocale)('Feed_Tab_Title_Thisyear')
-  }, {
-    key: SHORTCUTS.CURRENT_MONTH,
-    title: (0, _getLocale.getLocale)('Feed_Tab_Title_Thismonth')
-  }, {
-    key: SHORTCUTS.CURRENT_WEEK,
-    title: (0, _getLocale.getLocale)('Feed_Tab_Title_Thisweek')
-  }];
-};
-
-exports.RangePickerShortcutsKeysMapping = RangePickerShortcutsKeysMapping;
-
-var RangeWeekPickerShortcutsKeysMapping = function RangeWeekPickerShortcutsKeysMapping() {
-  return [{
-    key: SHORTCUTS.PREVIOUS_WEEK,
-    title: (0, _getLocale.getLocale)('Rep_NewS_LastWeek')
-  }, {
-    key: SHORTCUTS.CURRENT_WEEK,
-    title: (0, _getLocale.getLocale)('Feed_Tab_Title_Thisweek')
-  }, {
-    key: SHORTCUTS.NEXT_WEEK,
-    title: (0, _getLocale.getLocale)('Mod_NextWeek')
-  }];
-};
-
-exports.RangeWeekPickerShortcutsKeysMapping = RangeWeekPickerShortcutsKeysMapping;
-
-var getPickerDateBySettingType = function getPickerDateBySettingType(params) {
-  var _params$defaultValue = params.defaultValue,
-      defaultValue = _params$defaultValue === void 0 ? (0, _moment["default"])() : _params$defaultValue,
-      _params$format = params.format,
-      format = _params$format === void 0 ? 'YYYY/MM/DD' : _params$format,
-      settingType = params.settingType,
-      values = params.values;
-
-  if (values instanceof Array && settingType) {
-    var valuesLen = values.length;
-    var startDate = values[0] || (0, _moment["default"])().format(format);
-    var endDate = values[valuesLen - 1] || (0, _moment["default"])().format(format);
-    return settingType === RangeSettingTypes.START ? startDate : endDate;
-  }
-
-  return defaultValue;
-};
-
-exports.getPickerDateBySettingType = getPickerDateBySettingType;
-
-var setPickerDateBySettingType = function setPickerDateBySettingType(params) {
-  var newDate = params.newDate,
-      settingType = params.settingType,
-      values = params.values;
-
-  if (values instanceof Array && settingType) {
-    var valuesClone = JSON.parse(JSON.stringify(values));
-    var isSettingStart = settingType === RangeSettingTypes.START;
-    var updateIndex = isSettingStart ? 0 : 1;
-    valuesClone.splice(updateIndex, 1, (0, _moment["default"])(newDate));
-
-    if (isSettingStart && (0, _moment["default"])(newDate, 'YYYY/MM/DD').isAfter((0, _moment["default"])(valuesClone[1]).format('YYYY/MM/DD'), 'date')) {
-      valuesClone[1] = (0, _moment["default"])(newDate);
-    }
-
-    if (!isSettingStart && (0, _moment["default"])(newDate, 'YYYY/MM/DD').isBefore((0, _moment["default"])(valuesClone[0]).format('YYYY/MM/DD'), 'date')) {
-      valuesClone[0] = (0, _moment["default"])(newDate);
-    }
-
-    return valuesClone.slice(0, 2);
-  }
-
-  return [(0, _moment["default"])(newDate)];
-};
-
-exports.setPickerDateBySettingType = setPickerDateBySettingType;
-
-var isCurrentDateInRanges = function isCurrentDateInRanges(params) {
-  var _params$format2 = params.format,
-      format = _params$format2 === void 0 ? 'YYYY/MM/DD' : _params$format2,
-      nowDate = params.nowDate,
-      values = params.values;
-  var date = typeof nowDate === 'string' ? nowDate : nowDate.format(format);
-  var data = {
-    inRanges: false,
-    rangeStart: false,
-    rangeEnd: false
-  };
-
-  if (values instanceof Array) {
-    var valuesLen = values.length;
-    var startDate = values[0] || '';
-    var endDate = values[valuesLen - 1] || '';
-    if (!startDate || !endDate || valuesLen < 2) return data;
-
-    if ((0, _moment["default"])(date).isBetween((0, _moment["default"])(startDate).format(format), (0, _moment["default"])(endDate).format(format), null, '[]')) {
-      return {
-        inRanges: true,
-        rangeStart: (0, _moment["default"])(date).isSame((0, _moment["default"])(startDate).format(format)),
-        rangeEnd: (0, _moment["default"])(date).isSame((0, _moment["default"])(endDate).format(format))
-      };
-    }
-
-    return data;
-  }
-
-  return data;
-};
-
-exports.isCurrentDateInRanges = isCurrentDateInRanges;
+exports.YEAR_DECADE_COUNT = YEAR_DECADE_COUNT;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.12.13",
+  "version": "1.12.14",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",

package/lib/components/picker/components/cross.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <g id="10、日期时间组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="日期范围选择器-Date" transform="translate(-411.000000, -3250.000000)" fill="#BFC7D5">
-            <g id="编组-4" transform="translate(254.000000, 3190.000000)">
-                <g id="日期基础组件" transform="translate(0.000000, 36.000000)">
-                    <g id="编组-6" transform="translate(20.000000, 16.000000)">
-                        <g id="cross" transform="translate(137.000000, 8.000000)">
-                            <path d="M8,1.33333333 C9.84066667,1.33333333 11.5073333,2.07966667 12.7143333,3.286 C13.9206667,4.49233333 14.6666667,6.159 14.6666667,8 C14.6666667,9.84066667 13.9206667,11.5073333 12.7143333,12.7143333 C11.5073333,13.9206667 9.84066667,14.6666667 8,14.6666667 C6.159,14.6666667 4.49233333,13.9206667 3.286,12.7143333 C2.07966667,11.5073333 1.33333333,9.84066667 1.33333333,8 C1.33333333,6.159 2.07966667,4.49233333 3.286,3.286 C4.49233333,2.07966667 6.159,1.33333333 8,1.33333333 Z M6.00687497,5.25130819 C5.79859535,5.04302857 5.46090736,5.04302857 5.25262774,5.25130819 C5.04434812,5.45958782 5.04434812,5.7972758 5.25262774,6.00555543 L5.25262774,6.00555543 L7.23241802,7.98509848 L5.25262774,9.9653534 L5.19091526,10.0392178 C5.04691947,10.2470772 5.0674903,10.5344632 5.25262774,10.7196006 L5.25262774,10.7196006 L5.32649215,10.7813131 C5.5343515,10.9253089 5.82173753,10.9047381 6.00687497,10.7196006 L6.00687497,10.7196006 L7.98641802,8.73909848 L9.96667295,10.7196006 C10.1749526,10.9278803 10.5126406,10.9278803 10.7209202,10.7196006 C10.9291998,10.511321 10.9291998,10.173633 10.7209202,9.9653534 L10.7209202,9.9653534 L8.74041802,7.98509848 L10.7209202,6.00555543 L10.7826327,5.93169101 C10.9266284,5.72383166 10.9060576,5.43644564 10.7209202,5.25130819 L10.7209202,5.25130819 L10.6470558,5.18959571 C10.4391964,5.04559992 10.1518104,5.06617075 9.96667295,5.25130819 L9.96667295,5.25130819 L7.98641802,7.23109848 Z" id="形状结合"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/lib/components/picker/range-picker/components/picker-trigger/index.css

@@ -1,97 +0,0 @@
-.tita-ui__picker-ranges-trigger {
-  min-width: 114px;
-  max-width: 254px;
-  padding: 7px 16px;
-  border-radius: 18px;
-  transition: all 0.3s ease;
-  background-color: #ffffff;
-  box-sizing: border-box;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-}
-
-.tita-ui__picker-ranges-trigger:hover, .tita-ui__picker-ranges-trigger--focused {
-  border-color: #2879ff;
-}
-
-.tita-ui__picker-ranges-trigger--focused .tita-ui__picker-ranges-trigger__operation .tu-icon-caret-down::before {
-  transform: scale(0.5) rotate(-180deg);
-}
-
-.tita-ui__picker-ranges-trigger__input {
-  font-size: 14px;
-  line-height: 22px;
-  font-weight: normal;
-  color: #3f4755;
-  display: flex;
-  align-items: center;
-}
-
-.tita-ui__picker-ranges-trigger__date-divide {
-  width: 8px;
-  height: 1px;
-  margin: 0 8px;
-  border-radius: 2px;
-  background: #3f4755;
-}
-
-.tita-ui__picker-ranges-trigger__selected-date {
-  font-size: 13px;
-  line-height: 18px;
-  color: #3f4755;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.tita-ui__picker-ranges-trigger__selected-date:last-child {
-  margin-right: 8px;
-}
-
-.tita-ui__picker-ranges-trigger__selected-date__cancel {
-  opacity: 0;
-  transform: scale(0);
-  transition: all 0.3s ease;
-  color: #bfc7d5;
-  visibility: hidden;
-  cursor: pointer;
-}
-
-.tita-ui__picker-ranges-trigger__selected-date__cancel--visible {
-  opacity: 1;
-  transform: scale(1);
-  visibility: visible;
-}
-
-.tita-ui__picker-ranges-trigger__selected-date__cancel:hover {
-  color: #f05e5e;
-}
-
-.tita-ui__picker-ranges-trigger__operation {
-  display: flex;
-  align-items: center;
-}
-
-.tita-ui__picker-ranges-trigger__operation .tu-icon-caret-down {
-  font-size: 16px;
-  color: #3f4755;
-}
-
-.tita-ui__picker-ranges-trigger__operation .tu-icon-caret-down::before {
-  transform: scale(0.5);
-  transition: all 0.3s ease;
-  display: inline-block;
-}
-
-.tita-ui__picker-ranges-trigger--disabled {
-  cursor: not-allowed;
-}
-
-.tita-ui__picker-ranges-trigger--disabled:hover {
-  border-color: #e9ecf0;
-}
-
-.tita-ui__picker-ranges-trigger--disabled .tita-ui__picker-trigger__input {
-  cursor: not-allowed;
-}