@titaui/pc 1.12.13-beta.1 → 1.12.15

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

@@ -1,109 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _getLocale = require("../../../../../utils/getLocale");
-
-var _context = require("../../../context");
-
-var _utils = require("../../../utils");
-
-require("./index.css");
-
-var _moment = _interopRequireDefault(require("moment"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
-
-var RangePickerTrigger = function RangePickerTrigger(props) {
-  var _classNames;
-
-  var children = props.children,
-      focused = props.focused,
-      viewDate = props.viewDate,
-      disabled = props.disabled,
-      allowClear = props.allowClear,
-      placeholder = props.placeholder,
-      _onClick = props.onClick;
-
-  var _useContext = (0, _react.useContext)(_context.RangePickerContext),
-      picker = _useContext.picker,
-      format = _useContext.format,
-      values = _useContext.values;
-
-  var currFormat = format;
-
-  switch (picker) {
-    case 'date':
-      currFormat = 'YYYY/MM/DD';
-      break;
-
-    case 'month':
-      currFormat = 'YYYY/MM';
-      break;
-
-    case 'year':
-      currFormat = 'YYYY';
-      break;
-
-    default:
-      currFormat = format;
-      break;
-  }
-
-  var correctlyValue = values && values instanceof Array;
-  var startDate = correctlyValue && values[0] ? (0, _moment["default"])(values[0]).format(format) : '';
-  var endDate = correctlyValue && values[1] ? (0, _moment["default"])(values[1]).format(format) : '';
-  var viewDateEnable = startDate && endDate;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    _react["default"].createElement(_react["default"].Fragment, null, children ? /*#__PURE__*/_react["default"].createElement("div", {
-      onClick: function onClick() {
-        return !disabled && _onClick();
-      }
-    }, children) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])(_utils.PickerRangeTriggerClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerRangeTriggerClass, "--disabled"), disabled), _defineProperty(_classNames, "".concat(_utils.PickerRangeTriggerClass, "--focused"), focused), _classNames)),
-      onClick: function onClick() {
-        return !disabled && _onClick();
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangeTriggerClass, "__input"), _defineProperty({}, "".concat(_utils.PickerRangeTriggerClass, "__input--placeholder"), !viewDateEnable && placeholder))
-    }, startDate && /*#__PURE__*/_react["default"].createElement("p", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangeTriggerClass, "__selected-date"))
-    }, startDate), endDate && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangeTriggerClass, "__date-divide"))
-    }), endDate && /*#__PURE__*/_react["default"].createElement("p", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangeTriggerClass, "__selected-date"))
-    }, endDate), !viewDateEnable && placeholder), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangeTriggerClass, "__operation"))
-    }, allowClear && !disabled && /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('tu-icon-cross', "".concat(_utils.PickerRangeTriggerClass, "__selected-date__cancel"), _defineProperty({}, "".concat(_utils.PickerRangeTriggerClass, "__selected-date__cancel--visible"), viewDateEnable))
-    }), !disabled && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-caret-down"
-    }))))
-  );
-};
-
-RangePickerTrigger.defaultProps = {
-  children: null,
-  disabled: false,
-  allowClear: false,
-  placeholder: (0, _getLocale.getLocale)('Rep_NewS_All')
-};
-var _default = RangePickerTrigger;
-exports["default"] = _default;

package/lib/components/picker/range-picker/components/placeholder/index.js

@@ -1,91 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _getLocale = require("../../../../../utils/getLocale");
-
-var _context = require("../../../context");
-
-var _utils = require("../../../utils");
-
-var _selectInput = _interopRequireDefault(require("../select-input"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Placeholder = function Placeholder(props) {
-  var onChange = props.onChange,
-      _onFocus = props.onFocus,
-      viewDate = props.viewDate;
-
-  var _useContext = (0, _react.useContext)(_context.RangePickerContext),
-      format = _useContext.format,
-      settingType = _useContext.settingType;
-
-  var startDateInputRef = (0, _react.useRef)();
-  var endDateInputRef = (0, _react.useRef)();
-
-  var onChangeHandler = function onChangeHandler(type) {
-    if (type === _utils.RangeSettingTypes.START) {
-      onChange(['', viewDate[1]]);
-    }
-
-    if (type === _utils.RangeSettingTypes.END) {
-      onChange([viewDate[0], '']);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (settingType === _utils.RangeSettingTypes.START) {
-      startDateInputRef.current.focus();
-    }
-
-    if (settingType === _utils.RangeSettingTypes.END) {
-      endDateInputRef.current.focus();
-    }
-  }, [settingType, viewDate]);
-  var startDate = viewDate && viewDate[0] ? (0, _moment["default"])(viewDate[0]).format(format) : '';
-  var endDate = viewDate && viewDate[1] ? (0, _moment["default"])(viewDate[1]).format(format) : '';
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerRangesClass, "__placeholder"))
-  }, /*#__PURE__*/_react["default"].createElement(_selectInput["default"], {
-    date: startDate,
-    placeholder: (0, _getLocale.getLocale)('Mod_Startingtime'),
-    onClear: function onClear() {
-      return onChangeHandler(_utils.RangeSettingTypes.START);
-    },
-    onFocus: function onFocus() {
-      return _onFocus(_utils.RangeSettingTypes.START);
-    },
-    ref: startDateInputRef
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerRangesClass, "__placeholder-divide"))
-  }), /*#__PURE__*/_react["default"].createElement(_selectInput["default"], {
-    date: endDate,
-    placeholder: (0, _getLocale.getLocale)('Mod_EndTime'),
-    onClear: function onClear() {
-      return onChangeHandler(_utils.RangeSettingTypes.END);
-    },
-    onFocus: function onFocus() {
-      return _onFocus(_utils.RangeSettingTypes.END);
-    },
-    ref: endDateInputRef
-  }));
-};
-
-var _default = Placeholder;
-exports["default"] = _default;

package/lib/components/picker/range-picker/components/select-input/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = require("../../../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
-
-var RangeSelectInput = function RangeSelectInput(props, ref) {
-  var date = props.date,
-      placeholder = props.placeholder,
-      onClear = props.onClear,
-      onFocus = props.onFocus;
-  var inputRef = (0, _react.useRef)();
-  var timerRef = (0, _react.useRef)();
-
-  var onClearHandler = function onClearHandler(e) {
-    e.stopPropagation();
-    e.nativeEvent.stopImmediatePropagation();
-
-    if (onFocus) {
-      onFocus();
-    }
-
-    if (onClear) {
-      onClear();
-    }
-  };
-
-  var focus = function focus() {
-    timerRef.current = setTimeout(function () {
-      clearTimeout(timerRef.current);
-      inputRef.current.focus();
-    }, 0);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      focus: focus
-    };
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerRangesClass, "__select-input"))
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    placeholder: placeholder,
-    onFocus: onFocus,
-    ref: inputRef,
-    value: date
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])('tu-icon-cross', "".concat(_utils.PickerRangesClass, "__select-input__cancel"), _defineProperty({}, "".concat(_utils.PickerRangesClass, "__select-input__cancel--visible"), date)),
-    onClick: onClearHandler
-  }));
-};
-
-var _default = /*#__PURE__*/(0, _react.forwardRef)(RangeSelectInput);
-
-exports["default"] = _default;

package/lib/components/picker/range-picker/components/shortcuts/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = require("../../../context");
-
-var _utils = require("../../../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Shortcuts = function Shortcuts(props) {
-  var onSelect = props.onSelect;
-
-  var _useContext = (0, _react.useContext)(_context.RangePickerContext),
-      picker = _useContext.picker;
-
-  var shortcuts = picker && picker === 'week' ? (0, _utils.RangeWeekPickerShortcutsKeysMapping)() : (0, _utils.RangePickerShortcutsKeysMapping)();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerRangesClass, "__shortcuts"))
-  }, shortcuts.map(function (shortcuts) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerRangesClass, "__shortcuts-item")),
-      key: shortcuts.key,
-      onClick: function onClick() {
-        return onSelect(shortcuts);
-      }
-    }, shortcuts.title);
-  }));
-};
-
-var _default = Shortcuts;
-exports["default"] = _default;

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

@@ -1,158 +0,0 @@
-.tita-ui__picker-ranges {
-  width: 369px;
-  border-radius: 16px;
-  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.16);
-  background: #ffffff;
-  overflow: hidden;
-}
-
-.tita-ui__picker-ranges__placeholder {
-  height: 32px;
-  margin: 16px 20px 1px;
-  padding: 0 12px;
-  border: 1px solid #2879ff;
-  border-radius: 8px;
-  background: #ffffff;
-  display: flex;
-  align-items: center;
-}
-
-.tita-ui__picker-ranges__placeholder-divide {
-  width: 8px;
-  height: 1px;
-  margin: 0 8px;
-  border-radius: 2px;
-  background: #3f4755;
-}
-
-.tita-ui__picker-ranges__select-input {
-  flex: 1;
-  font-size: 13px;
-  line-height: 18px;
-  color: #3f4755;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  overflow: hidden;
-}
-
-.tita-ui__picker-ranges__select-input input {
-  flex: 1;
-  width: 0;
-  padding: 0;
-  border: none;
-  caret-color: #2879ff;
-}
-
-.tita-ui__picker-ranges__select-input__cancel {
-  opacity: 0;
-  transform: scale(0);
-  transition: all 0.3s ease;
-  color: #bfc7d5;
-  visibility: hidden;
-  cursor: pointer;
-}
-
-.tita-ui__picker-ranges__select-input__cancel--visible {
-  opacity: 1;
-  transform: scale(1);
-  visibility: visible;
-}
-
-.tita-ui__picker-ranges__select-input__cancel:hover {
-  color: #f05e5e;
-}
-
-.tita-ui__picker-ranges__main {
-  display: flex;
-  justify-content: space-between;
-}
-
-.tita-ui__picker-ranges__shortcuts {
-  flex: 1;
-  padding: 15px 9px 15px 12px;
-  position: relative;
-}
-
-.tita-ui__picker-ranges__shortcuts::after {
-  content: '';
-  width: 1px;
-  height: 277px;
-  background: linear-gradient(180deg, rgba(233, 236, 240, 0) 0%, #e9ecf0 48%, rgba(233, 236, 240, 0) 100%);
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.tita-ui__picker-ranges__shortcuts-item {
-  width: 100%;
-  padding: 3px 8px;
-  font-size: 14px;
-  line-height: 22px;
-  border-radius: 8px;
-  transition: all 0.3s ease;
-  box-sizing: border-box;
-  color: #3f4755;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-.tita-ui__picker-ranges__shortcuts-item:hover {
-  background-color: #f0f4fa;
-  color: #2879ff;
-}
-
-.tita-ui__picker-ranges__actions {
-  height: 27px;
-  padding: 12px 16px;
-  border-top: 1px solid #e9ecf0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.tita-ui__picker-ranges__actions-left, .tita-ui__picker-ranges__actions-right {
-  flex: 1;
-  display: flex;
-  align-items: center;
-}
-
-.tita-ui__picker-ranges__actions-right {
-  justify-content: flex-end;
-}
-
-.tita-ui__picker-ranges__actions-right .tita-button-small {
-  margin-left: 10px;
-}
-
-.tita-ui__picker-ranges__actions .tita-button-default,
-    .tita-ui__picker-ranges__actions .tita-button-primary {
-  font-size: 13px;
-  border-radius: 14px;
-  transition: all 0.3s ease;
-}
-
-.tita-ui__picker-ranges__actions .tita-button-default {
-  border-color: #dfe3ea;
-  color: #6f7886;
-}
-
-.tita-ui__picker-ranges__actions .tita-button-default:hover {
-  background-color: #ffffff;
-  border-color: #2879ff;
-  color: #2879ff;
-}
-
-.tita-ui__picker-ranges__actions .titaui-text-btn {
-  transition: color 0.3s ease;
-  color: #2879ff;
-}
-
-.tita-ui__picker-ranges__actions .titaui-text-btn:hover {
-  color: #5c8eff;
-}
-
-.tita-ui__picker-ranges .tita-ui__picker {
-  border-radius: 0;
-  box-shadow: none;
-}