@sheinx/base 3.0.0-alpha.1

package/esm/date-picker/day.js

@@ -0,0 +1,246 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.match.js");
+require("core-js/modules/es.array.slice.js");
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _config = require("../config");
+var _time = _interopRequireDefault(require("./time"));
+var _button = _interopRequireDefault(require("../button"));
+var _pickerTitle = _interopRequireDefault(require("./pickerTitle"));
+var _jsxRuntime = require("react/jsx-runtime");
+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) { (0, _defineProperty2.default)(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; }
+var Day = function Day(props) {
+  var _jssStyle$datePicker;
+  var jssStyle = props.jssStyle;
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
+  var areaType = props.type === 'week' ? 'week' : 'day';
+  var onChange = (0, _hooks.usePersistFn)(function (date) {
+    props.onChange(date, props.type === 'datetime');
+    props.setTarget(undefined);
+  });
+  var setCurrent = (0, _hooks.usePersistFn)(function (date) {
+    props.setCurrent(date, areaType);
+  });
+  var _useDatePick = (0, _hooks.useDatePick)({
+      current: props.current,
+      onCurrentChange: setCurrent,
+      value: props.value,
+      onChange: onChange,
+      min: props.min,
+      max: props.max,
+      type: props.type,
+      disabled: props.disabled,
+      options: props.options,
+      rangeDate: props.rangeDate,
+      defaultTime: props.defaultTime,
+      format: props.format
+    }),
+    func = _useDatePick.func,
+    currentYear = _useDatePick.currentYear,
+    currentMonth = _useDatePick.currentMonth;
+  props.registerModeDisabled(props.position, 'day', func.isDisabled);
+  var days = func.getDays();
+  var len = days.length / 7;
+  var selNow = function selNow() {
+    var now = new Date();
+    if (func.isDisabled(now)) return;
+    props.setCurrent(new Date(), areaType);
+    props.onChange(new Date(), true);
+  };
+  var renderDay = function renderDay(item, index) {
+    var isActive = func.isActive(item);
+    var isCurrentMonth = func.isCurrentMonth(item);
+    var isDisabled = func.isDisabled(item);
+    var isToday = func.isToday(item);
+    var isInRange = func.isInRange(item);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerCell, isActive && (styles === null || styles === void 0 ? void 0 : styles.pickerCellActive), !isCurrentMonth && (styles === null || styles === void 0 ? void 0 : styles.pickerCellBound), isDisabled && (styles === null || styles === void 0 ? void 0 : styles.pickerCellDisabled), isToday && (styles === null || styles === void 0 ? void 0 : styles.pickerCellToday), isInRange && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRange), (isInRange === 'start' || isInRange === 'start-end') && props.position === 'start' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeStart), (isInRange === 'end' || isInRange === 'start-end') && props.position === 'end' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeEnd)),
+      onClick: function onClick() {
+        return func.handleDayClick(item);
+      },
+      onDoubleClick: function onDoubleClick() {
+        var _props$onDoubleClick;
+        (_props$onDoubleClick = props.onDoubleClick) === null || _props$onDoubleClick === void 0 ? void 0 : _props$onDoubleClick.call(props, item, areaType);
+      },
+      onMouseEnter: isDisabled ? undefined : function () {
+        props.setTarget(func.getDateWithTime(item));
+      },
+      onMouseLeave: isDisabled ? undefined : function () {
+        props.setTarget(undefined);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: func.getDayStr(item)
+        })
+      })
+    }, index);
+  };
+  var weeks = (0, _config.getLocale)(locale, 'weekdayValues.narrow');
+  var weekDays = Array.from({
+    length: 7
+  }).map(function (_, index) {
+    var num = (props.options.weekStartsOn + index) % 7;
+    return weeks[num];
+  });
+  var renderWeek = function renderWeek(item) {
+    if (props.type !== 'week') {
+      return;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+      onClick: function onClick() {
+        return func.handleDayClick(item);
+      },
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerCell, styles === null || styles === void 0 ? void 0 : styles.pickerCellBound),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent,
+        children: func.getWeekStr(item)
+      })
+    }, 'week');
+  };
+  var renderFooter = function renderFooter() {
+    var _props$rangeDate, _props$rangeDate2;
+    var showLeft = props.type === 'datetime' && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
+    var showRight = props.showSelNow;
+    var timeStr = func.getTimeStr();
+    if (!showLeft && !props.showSelNow) return null;
+    var format = props.format;
+    if (/^[X|x]$/.test(_hooks.dateUtil.compatibleFmt(format))) {
+      format = 'HH:mm:ss';
+    } else {
+      var match = format.match(/[H|h].*/);
+      // eslint-disable-next-line
+      if (match) format = match[0];
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
+      children: [props.type === 'datetime' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerFooterLeft, styles === null || styles === void 0 ? void 0 : styles.datetime),
+        children: timeStr && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: _icons.default.Time
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_time.default, _objectSpread(_objectSpread({}, props), {}, {
+            showSelNow: false,
+            showTitle: false,
+            format: format
+          })), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: func.getTimeStr()
+          })]
+        })
+      }), showRight && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterRight,
+        children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+          size: 'small',
+          jssStyle: jssStyle,
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
+          onClick: selNow,
+          children: (0, _config.getLocale)(locale, 'now')
+        }), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+          size: 'small',
+          jssStyle: jssStyle,
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
+          onClick: selNow,
+          children: (0, _config.getLocale)(locale, 'current')
+        })]
+      })]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(props.type === 'week' ? styles === null || styles === void 0 ? void 0 : styles.weekPicker : styles === null || styles === void 0 ? void 0 : styles.dayPicker, styles === null || styles === void 0 ? void 0 : styles.picker),
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pickerTitle.default, {
+      position: props.position,
+      jssStyle: jssStyle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.pickerHeader,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderLeft,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handlePrevYear,
+          children: _icons.default.AngleDoubleLeft
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handlePrevMonth,
+          children: _icons.default.ArrowLeft
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderMid,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderInfo,
+          onClick: function onClick() {
+            props.setMode('year');
+          },
+          children: currentYear
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          children: "-"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderInfo,
+          onClick: function onClick() {
+            props.setMode('month');
+          },
+          children: currentMonth
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderRight,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handleNextMonth,
+          children: _icons.default.ArrowRight
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handleNextYear,
+          children: _icons.default.AngleDoubleRight
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.pickerBody,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            children: [props.type === 'week' && /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+              children: (0, _config.getLocale)(locale, 'weekShort')
+            }), weekDays.map(function (item, index) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+                children: item
+              }, index);
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: Array.from({
+            length: len
+          }).map(function (_, index) {
+            var start = index * 7;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+              className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerRow, props.type === 'week' && (styles === null || styles === void 0 ? void 0 : styles.pickerRowWeek)),
+              children: [renderWeek(days[start + 3]), days.slice(start, start + 7).map(function (item, index) {
+                return renderDay(item, index);
+              })]
+            }, index);
+          })
+        })]
+      })
+    }), renderFooter()]
+  });
+};
+var _default = Day;
+exports.default = _default;

package/esm/date-picker/day.type.d.ts

@@ -0,0 +1,6 @@
+import type { CommonPickerProps, CommonTimeProps } from './picker.type';
+export interface DayProps extends CommonPickerProps, CommonTimeProps {
+    open?: boolean;
+    onDoubleClick?: (date: Date, type: string) => void;
+}
+//# sourceMappingURL=day.type.d.ts.map

package/esm/date-picker/day.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"day.type.d.ts","sourceRoot":"","sources":["day.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,QAAS,SAAQ,iBAAiB,EAAE,eAAe;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD"}

package/esm/date-picker/day.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as DatePicker } from './date-picker';
+export type { DatePickerProps, DateTimeType } from './date-picker.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/esm/date-picker/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _datePicker.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _datePicker.default;
+  }
+});
+var _datePicker = _interopRequireDefault(require("./date-picker"));

package/esm/date-picker/month.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MonthProps } from './month.type';
+declare const Month: (props: MonthProps) => JSX.Element;
+export default Month;
+//# sourceMappingURL=month.d.ts.map

package/esm/date-picker/month.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month.d.ts","sourceRoot":"","sources":["month.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,QAAA,MAAM,KAAK,UAAW,UAAU,gBAuH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/date-picker/month.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.slice.js");
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _react = _interopRequireDefault(require("react"));
+var _pickerTitle = _interopRequireDefault(require("./pickerTitle"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Month = function Month(props) {
+  var _jssStyle$datePicker;
+  var jssStyle = props.jssStyle;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
+  var shouldChange = props.type === 'month';
+  var changeMode = (0, _hooks.usePersistFn)(function () {
+    props.setMode('day');
+  });
+  var setCurrent = (0, _hooks.usePersistFn)(function (date) {
+    props.setCurrent(date, 'month');
+  });
+  var _useMonthPick = (0, _hooks.useMonthPick)({
+      current: props.current,
+      rangeDate: shouldChange ? props.rangeDate : undefined,
+      onCurrentChange: setCurrent,
+      value: shouldChange ? props.value : undefined,
+      onChange: shouldChange ? props.onChange : changeMode,
+      min: props.min,
+      max: props.max,
+      disabled: shouldChange ? props.disabled : undefined,
+      options: props.options
+    }),
+    currentYear = _useMonthPick.currentYear,
+    func = _useMonthPick.func;
+  props.registerModeDisabled(props.position, 'month', func.isDisabled);
+  var months = func.getMonths();
+  var colNum = 3;
+  var rowNum = months.length / colNum;
+  var renderMonth = function renderMonth(item, index) {
+    var isInRange = func.isInRange(item);
+    var isDisabled = func.isDisabled(item);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.pickerCell, func.isActive(item) && (styles === null || styles === void 0 ? void 0 : styles.pickerCellActive), isDisabled && (styles === null || styles === void 0 ? void 0 : styles.pickerCellDisabled), func.isNow(item) && (styles === null || styles === void 0 ? void 0 : styles.pickerCellToday), isInRange && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRange), (isInRange === 'start' || isInRange === 'start-end') && props.position === 'start' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeStart), (isInRange === 'end' || isInRange === 'start-end') && props.position === 'end' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeEnd)),
+      onMouseEnter: isDisabled ? undefined : function () {
+        props.setTarget(item);
+      },
+      onMouseLeave: isDisabled ? undefined : function () {
+        props.setTarget(undefined);
+      },
+      onClick: function onClick() {
+        func.handleMonthClick(item);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: func.getMonthStr(item)
+        })
+      })
+    }, index);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.monthPicker, styles === null || styles === void 0 ? void 0 : styles.picker),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pickerTitle.default, {
+      position: props.position,
+      jssStyle: jssStyle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.pickerHeader,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderLeft,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handlePrev,
+          children: _icons.default.AngleDoubleLeft
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderMid,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderInfo,
+          onClick: function onClick() {
+            props.setMode('year');
+          },
+          children: currentYear
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderRight,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderIcon,
+          onClick: func.handleNext,
+          children: _icons.default.AngleDoubleRight
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles === null || styles === void 0 ? void 0 : styles.pickerBody,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: Array.from({
+            length: rowNum
+          }).map(function (_, index) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+              className: styles === null || styles === void 0 ? void 0 : styles.pickerRow,
+              children: months.slice(index * colNum, (index + 1) * colNum).map(function (item, i) {
+                return renderMonth(item, index * colNum + i);
+              })
+            }, index);
+          })
+        })
+      })
+    })]
+  });
+};
+var _default = Month;
+exports.default = _default;

package/esm/date-picker/month.type.d.ts

@@ -0,0 +1,3 @@
+import { CommonPickerProps } from './picker.type';
+export declare type MonthProps = CommonPickerProps;
+//# sourceMappingURL=month.type.d.ts.map

package/esm/date-picker/month.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month.type.d.ts","sourceRoot":"","sources":["month.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,oBAAY,UAAU,GAAG,iBAAiB,CAAC"}

package/esm/date-picker/month.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/date-picker/picker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PickerProps } from './picker.type';
+declare const Picker: (props: PickerProps) => JSX.Element;
+export default Picker;
+//# sourceMappingURL=picker.d.ts.map

package/esm/date-picker/picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBA6HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/date-picker/picker.js

@@ -0,0 +1,147 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _day = _interopRequireDefault(require("./day"));
+var _month = _interopRequireDefault(require("./month"));
+var _year = _interopRequireDefault(require("./year"));
+var _quarter = _interopRequireDefault(require("./quarter"));
+var _time = _interopRequireDefault(require("./time"));
+var _quick = _interopRequireDefault(require("./quick"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+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) { (0, _defineProperty2.default)(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; }
+var Picker = function Picker(props) {
+  var _jssStyle$datePicker, _props$quickSelect;
+  var range = props.range,
+    currentArr = props.currentArr,
+    dateArr = props.dateArr,
+    options = props.options,
+    jssStyle = props.jssStyle;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
+  var _useDatePickerRange = (0, _hooks.useDatePickerRange)({
+      type: props.type,
+      defaultTime: props.defaultTime,
+      range: props.range,
+      dateArr: props.dateArr,
+      setDateArr: props.setDateArr,
+      currentArr: props.currentArr,
+      setCurrentArr: props.setCurrentArr,
+      mode: props.mode,
+      setMode: props.setMode,
+      disabled: props.disabled,
+      options: props.options,
+      close: props.closePop,
+      min: props.min,
+      max: props.max,
+      setTargetArr: props.setTargetArr
+    }),
+    func = _useDatePickerRange.func,
+    defaultTimeArr = _useDatePickerRange.defaultTimeArr,
+    endMax = _useDatePickerRange.endMax,
+    endMin = _useDatePickerRange.endMin,
+    startMin = _useDatePickerRange.startMin,
+    startMax = _useDatePickerRange.startMax;
+  var handleEnterStart = (0, _hooks.usePersistFn)(function () {
+    props.setActiveIndex(0);
+  });
+  var handleEnterEnd = (0, _hooks.usePersistFn)(function () {
+    props.setActiveIndex(1);
+  });
+  var handleLeave = (0, _hooks.usePersistFn)(function () {
+    props.setActiveIndex(-1);
+  });
+  var renderPicker = function renderPicker(position) {
+    var index = position === 'end' ? 1 : 0;
+    var mode = props.mode[index];
+    var commonProps = {
+      key: position,
+      options: options,
+      value: dateArr[index],
+      current: currentArr[index],
+      setMode: position === 'end' ? func.setModeEnd : func.setModeStart,
+      onChange: position === 'end' ? func.setDateEnd : func.setDateStart,
+      setCurrent: position === 'end' ? func.setCurrentEnd : func.setCurrentStart,
+      type: props.type,
+      format: props.format,
+      disabled: position === 'end' ? func.endDisabled : func.startDisabled,
+      rangeDate: dateArr,
+      min: position === 'end' ? endMin : startMin,
+      max: position === 'end' ? endMax : startMax,
+      jssStyle: jssStyle,
+      position: position,
+      showSelNow: props.showSelNow,
+      setTarget: position === 'end' ? func.setTargetEnd : func.setTargetStart,
+      registerModeDisabled: props.registerModeDisabled,
+      onMouseEnter: function onMouseEnter() {},
+      onMouseLeave: function onMouseLeave() {}
+    };
+    if (range) {
+      commonProps['onMouseEnter'] = position === 'end' ? handleEnterEnd : handleEnterStart;
+      commonProps['onMouseLeave'] = handleLeave;
+    }
+    var timeProps = {
+      disabledTime: props.disabledTime,
+      defaultTime: defaultTimeArr[index],
+      hourStep: props.hourStep,
+      minuteStep: props.minuteStep,
+      secondStep: props.secondStep
+    };
+    if (mode === 'quarter') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_quarter.default, _objectSpread({}, commonProps));
+    }
+    if (mode === 'year') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_year.default, _objectSpread({}, commonProps));
+    }
+    if (mode === 'month') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_month.default, _objectSpread({}, commonProps));
+    }
+    if (mode === 'day') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_day.default, _objectSpread(_objectSpread(_objectSpread({}, commonProps), timeProps), {}, {
+        onDoubleClick: function onDoubleClick(item, type) {
+          // 双击同时设置开始和结束日期
+          if (props.range && props.type === 'datetime') {
+            if (position === 'start') {
+              func.setCurrentEnd(item, type);
+              func.setDateEnd(item, true);
+            } else {
+              func.setCurrentStart(item, type);
+              func.setDateStart(item, true);
+            }
+          }
+        }
+      }));
+    }
+    if (mode === 'time') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_time.default, _objectSpread(_objectSpread({}, commonProps), timeProps));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_day.default, _objectSpread(_objectSpread({}, commonProps), timeProps));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: styles === null || styles === void 0 ? void 0 : styles.pickerBox,
+    children: [((_props$quickSelect = props.quickSelect) === null || _props$quickSelect === void 0 ? void 0 : _props$quickSelect.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_quick.default, {
+      quickSelect: props.quickSelect,
+      range: props.range,
+      jssStyle: jssStyle,
+      dateArr: dateArr,
+      setDateArr: props.setDateArr,
+      setCurrentArr: props.setCurrentArr,
+      format: props.format,
+      options: props.options
+    }), range ? ['start', 'end'].map(function (item) {
+      return renderPicker(item);
+    }) : renderPicker()]
+  });
+};
+var _default = Picker;
+exports.default = _default;

package/esm/date-picker/picker.type.d.ts

@@ -0,0 +1,54 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { DatePickerModeType, DatePickerProps, DateTimeType } from './date-picker.type';
+export interface PickerProps {
+    jssStyle: DatePickerProps<any>['jssStyle'];
+    defaultTime: DatePickerProps<any>['defaultTime'];
+    quickSelect: DatePickerProps<any>['quickSelect'];
+    showSelNow: DatePickerProps<any>['showSelNow'];
+    disabled: DatePickerProps<any>['disabled'];
+    disabledTime: DatePickerProps<any>['disabledTime'];
+    range: DatePickerProps<any>['range'];
+    hourStep?: DatePickerProps<any>['hourStep'];
+    minuteStep?: DatePickerProps<any>['minuteStep'];
+    secondStep?: DatePickerProps<any>['secondStep'];
+    format: string;
+    type: string;
+    dateArr: Array<Date | undefined>;
+    setTargetArr: Dispatch<SetStateAction<Array<Date | undefined>>>;
+    setDateArr: Dispatch<SetStateAction<Array<Date | undefined>>>;
+    currentArr: Date[];
+    setCurrentArr: (arg: React.SetStateAction<Date[]>, type: string, quick: {
+        name: string;
+        value: any;
+    } | undefined) => void;
+    mode: DatePickerModeType[];
+    setMode: Dispatch<SetStateAction<DatePickerModeType[]>>;
+    options: {
+        timeZone?: string;
+        weekStartsOn: number;
+    };
+    closePop: () => void;
+    min?: DateTimeType;
+    max?: DateTimeType;
+    setActiveIndex: (index: number) => void;
+    registerModeDisabled: (position: 'start' | 'end' | undefined, mode: string, disabled: (d: Date) => boolean) => void;
+}
+export interface CommonPickerProps extends Pick<PickerProps, 'jssStyle' | 'options' | 'format' | 'type' | 'showSelNow' | 'registerModeDisabled'> {
+    rangeDate: Array<Date | undefined>;
+    current: Date;
+    setCurrent: (date: Date, type: string) => void;
+    setMode: (mode: string) => void;
+    value: Date | undefined;
+    disabled: (date: Date) => boolean;
+    onChange: (date: Date, noClose?: boolean) => void;
+    min?: Date;
+    max?: Date;
+    setTarget: (date?: Date) => void;
+    position?: 'start' | 'end';
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export interface CommonTimeProps extends Pick<PickerProps, 'disabledTime' | 'hourStep' | 'minuteStep' | 'secondStep'> {
+    defaultTime: DateTimeType;
+}
+//# sourceMappingURL=picker.type.d.ts.map