@trionesdev/antd-taro-react 0.0.1-beta.3

package/dist/Button/style.scss

@@ -0,0 +1,193 @@
+button::after {
+  content: none;
+  width: 100%;
+}
+
+$buttonCls: 'triones-antm-button';
+.#{$buttonCls} {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-self: center;
+  align-items: center;
+  height: auto;
+  line-height: normal;
+  padding: 7Px 12Px;
+  border-radius: 4Px;
+  border: 1Px none;
+  box-sizing: border-box;
+  font-size: 14Px;
+  z-index: 2;
+
+  &:active {
+    filter: brightness(92%);
+  }
+
+  &[disabled] {
+    opacity: 0.4;
+
+    &:active {
+      filter: none;
+    }
+  }
+
+  &-color {
+    &-default {
+      background-color: #ffffff;
+
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.75);
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.75);
+          }
+
+          &-outlined {
+            color: rgba(0, 0, 0, 0.75);
+            border: 1px solid rgba(0, 0, 0, 0.75);
+            background-color: white;
+          }
+
+          &-dashed {
+            color: rgba(0, 0, 0, 0.75);
+            border: 1px dashed rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: rgba(0, 0, 0, 0.06);
+          }
+
+          &-text {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+
+    &-primary {
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: #1677ff;
+            box-shadow: inset 0 0 0 1px #1677ff;
+          }
+
+          &-outlined {
+            color: #1677ff;
+            background-color: white;
+            border: 1px solid #1677ff;
+          }
+
+          &-dashed {
+            color: #1677ff;
+            border: 1px dashed #1677ff;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: #1677ff;
+            background-color: #bae0ff;
+          }
+
+          &-text {
+            color: #1677ff;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: #1677ff;
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+
+    &-danger {
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: #ff4d4f;
+            box-shadow: inset 0 0 0 1px #ff4d4f;
+          }
+
+          &-outlined {
+            color: #ff4d4f;
+            background-color: #ffffff;
+            border: 1px solid #ff4d4f;
+          }
+
+          &-dashed {
+            color: #ff4d4f;
+            border: 1px dashed #ff4d4f;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: #ff4d4f;
+            background-color: #ffdfdc;
+          }
+
+          &-text {
+            color: #ff4d4f;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: #ff4d4f;
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &-variant {
+    &-solid {
+    }
+
+    &-outlined {
+      background-color: #ffffff;
+    }
+
+    &-dashed {
+      border: 1px dashed #d9d9d9;
+      background-color: #ffffff;
+    }
+
+    &-text {
+      background-color: #ffffff;
+    }
+
+    &-link {
+      background-color: #ffffff;
+    }
+  }
+
+  &-block {
+    display: flex;
+    width: 100%;
+  }
+}

package/dist/Calendar/calendar-grid.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import './style.scss';
+export type CalendarGridProps = {
+    mouth?: Date;
+    /**
+     * @description 值，如果是区间模式，则 0,1 索引的值有效，0是开始时间，1是结束时间
+     */
+    value?: Date[];
+    /**
+     * @description 默认值，如果是区间模式，则 0,1 索引的值有效，0是开始时间，1是结束时间
+     */
+    defaultValue?: Date[];
+    onChange?: (value: Date[]) => void;
+    /**
+     * @description 是否为范围选择
+     */
+    range?: boolean;
+    onSelect?: (date: Date) => void;
+};
+export type CalendarCellProps = {
+    mouth?: Date;
+    date?: Date;
+    value?: Date[];
+    range?: boolean;
+    onSelect?: (date: Date) => void;
+};
+export declare const CalendarGrid: FC<CalendarGridProps>;

package/dist/Calendar/calendar-grid.js

@@ -0,0 +1,164 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import React, { forwardRef, memo, useEffect, useMemo, useState } from 'react';
+import "./style.scss";
+import _ from "lodash";
+var calendarCls = 'triones-antm-calendar';
+var CalendarCell = /*#__PURE__*/memo(function (_ref) {
+  var _ref$mouth = _ref.mouth,
+    mouth = _ref$mouth === void 0 ? new Date() : _ref$mouth,
+    _ref$date = _ref.date,
+    date = _ref$date === void 0 ? new Date() : _ref$date,
+    value = _ref.value,
+    range = _ref.range,
+    onSelect = _ref.onSelect;
+  var disabled = useMemo(function () {
+    return date.getMonth() !== mouth.getMonth();
+  }, [date, mouth]);
+  var selected = useMemo(function () {
+    if (disabled || _.isEmpty(value)) {
+      return false;
+    }
+    if (value !== null && value !== void 0 && value[0]) {
+      var _value$;
+      value === null || value === void 0 || (_value$ = value[0]) === null || _value$ === void 0 || _value$.setHours(0, 0, 0, 0);
+    }
+    if (value !== null && value !== void 0 && value[1]) {
+      var _value$2;
+      value === null || value === void 0 || (_value$2 = value[1]) === null || _value$2 === void 0 || _value$2.setHours(0, 0, 0, 0);
+    }
+    date.setHours(0, 0, 0, 0);
+    if (range) {
+      var startDate = value === null || value === void 0 ? void 0 : value[0];
+      var endDate = value === null || value === void 0 ? void 0 : value[1];
+      console.log('value', value);
+      return date.getTime() === (startDate === null || startDate === void 0 ? void 0 : startDate.getTime()) || date.getTime() === (endDate === null || endDate === void 0 ? void 0 : endDate.getTime());
+    } else {
+      var _value$3;
+      return date.getTime() === (value === null || value === void 0 || (_value$3 = value[0]) === null || _value$3 === void 0 ? void 0 : _value$3.getTime());
+    }
+  }, [mouth, date, value]);
+  var selectedRange = useMemo(function () {
+    if (disabled || !range) {
+      return false;
+    }
+    var startDate = value === null || value === void 0 ? void 0 : value[0];
+    var endDate = value === null || value === void 0 ? void 0 : value[1];
+    if (!startDate || !endDate) {
+      return false;
+    }
+    date.setHours(0, 0, 0, 0);
+    startDate.setHours(0, 0, 0, 0);
+    endDate.setHours(0, 0, 0, 0);
+    return date.getTime() > startDate.getTime() && date.getTime() < endDate.getTime();
+  }, [mouth, date, value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(calendarCls, "-cell-disabled"), disabled), "".concat(calendarCls, "-cell-selected"), selected), "".concat(calendarCls, "-cell-selected-range"), selectedRange))
+    // style={{ width: size, height: size }}
+    ,
+    onClick: function onClick() {
+      onSelect === null || onSelect === void 0 || onSelect(date);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-cell-date"))
+  }, date.getDate()), date.getDate() === 1 && /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-cell-mouth"))
+  }, "".concat(date.getMonth() + 1, "\u6708")));
+});
+export var CalendarGrid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var _ref3;
+  var _ref2$mouth = _ref2.mouth,
+    mouth = _ref2$mouth === void 0 ? new Date() : _ref2$mouth,
+    value = _ref2.value,
+    defaultValue = _ref2.defaultValue,
+    _ref2$range = _ref2.range,
+    range = _ref2$range === void 0 ? false : _ref2$range,
+    onChange = _ref2.onChange,
+    onSelect = _ref2.onSelect;
+  var _useState = useState((_ref3 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref3 !== void 0 ? _ref3 : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  var handleSelect = function handleSelect(date) {
+    date.setHours(0, 0, 0, 0);
+    var _value = innerValue;
+    if (range) {
+      if (!_value[0]) {
+        _value = [date];
+      } else if (!_value[1]) {
+        var startDate = _value[0];
+        if (date.getTime() < startDate.getTime()) {
+          _value = [date, startDate];
+        } else {
+          _value = [startDate, date];
+        }
+      } else if (_value[0] && _value[1]) {
+        _value = [date];
+      }
+    } else {
+      _value = [date];
+    }
+    setInnerValue(_value);
+    onSelect === null || onSelect === void 0 || onSelect(date);
+    onChange === null || onChange === void 0 || onChange(_value);
+  };
+  var cells = useMemo(function () {
+    var firstDate = new Date(mouth.getFullYear(), mouth.getMonth(), 1);
+    var lastDate = new Date(mouth.getFullYear(), mouth.getMonth() + 1, 0);
+    var beforeDays = Array.from({
+      length: firstDate.getDay()
+    }).map(function (_, index) {
+      var date = new Date(firstDate);
+      date.setDate(firstDate.getDate() - (firstDate.getDay() - index));
+      return date;
+    });
+    var afterDays = Array.from({
+      length: 6 - lastDate.getDay()
+    }).map(function (_, index) {
+      var date = new Date(lastDate);
+      date.setDate(lastDate.getDate() + index + 1);
+      return date;
+    });
+    var mouthDays = Array.from({
+      length: lastDate.getDate()
+    }).map(function (_, index) {
+      var date = new Date(firstDate);
+      date.setDate(date.getDate() + index);
+      return date;
+    });
+    return [].concat(_toConsumableArray(beforeDays), _toConsumableArray(mouthDays), _toConsumableArray(afterDays));
+  }, [mouth]);
+  useEffect(function () {
+    if (value !== undefined) {
+      if (value !== innerValue) {
+        setInnerValue(value);
+      }
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: classNames("".concat(calendarCls, "-grid"))
+  }, cells.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(CalendarCell, {
+      key: index,
+      mouth: mouth,
+      date: item,
+      value: innerValue,
+      range: range,
+      onSelect: handleSelect
+    });
+  }));
+}));

package/dist/Calendar/calendar-header.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type CalendarHeaderProps = {
+    mouth: Date;
+    onChange: (mouth: Date) => void;
+};
+export declare const CalendarHeader: FC<CalendarHeaderProps>;
+export {};

package/dist/Calendar/calendar-header.js

@@ -0,0 +1,42 @@
+import React from "react";
+import classNames from "classnames";
+import { useConfig } from "../ConfigProvider";
+var calendarCls = 'triones-antm-calendar';
+export var CalendarHeader = function CalendarHeader(_ref) {
+  var mouth = _ref.mouth,
+    onChange = _ref.onChange;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header"))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header-button")),
+    onClick: function onClick() {
+      onChange(new Date(mouth.getFullYear() - 1, mouth.getMonth(), 1));
+    }
+  }, "<<"), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header-button")),
+    onClick: function onClick() {
+      onChange(new Date(mouth.getFullYear(), mouth.getMonth() - 1, 1));
+    }
+  }, "<"), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header-title"))
+  }, "".concat(mouth.getFullYear(), "\u5E74").concat(mouth.getMonth() + 1, "\u6708")), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header-button")),
+    onClick: function onClick() {
+      onChange(new Date(mouth.getFullYear(), mouth.getMonth() + 1, 1));
+    }
+  }, ">"), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-header-button")),
+    onClick: function onClick() {
+      onChange(new Date(mouth.getFullYear() + 1, mouth.getMonth(), 1));
+    }
+  }, ">>")), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls, "-week"))
+  }, ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"].map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(calendarCls, "-week-cell")),
+      key: index
+    }, item);
+  })));
+};

package/dist/Calendar/calendar-range.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import "./style.scss";
+type CalendarProps = {
+    mouth?: Date;
+    value?: Date[];
+    onChange?: (date: Date[]) => void;
+};
+export declare const CalendarRange: FC<CalendarProps>;
+export {};

package/dist/Calendar/calendar-range.js

@@ -0,0 +1,47 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { memo, useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import "./style.scss";
+import { TouchableCalendarGrid } from "./touchable-calendar-grid";
+import { CalendarHeader } from "./calendar-header";
+import _ from "lodash";
+var calendarCls = 'triones-antm-calendar';
+export var CalendarRange = /*#__PURE__*/memo(function (_ref) {
+  var _ref2;
+  var _ref$mouth = _ref.mouth,
+    mouth = _ref$mouth === void 0 ? new Date() : _ref$mouth,
+    value = _ref.value,
+    _onChange = _ref.onChange;
+  var _useState = useState(mouth),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentMouth = _useState2[0],
+    setCurrentMouth = _useState2[1];
+  var valueRef = useRef();
+  useEffect(function () {
+    if (value !== undefined) {
+      if (!_.isEqual(value, valueRef.current)) {
+        valueRef.current = value;
+      }
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls))
+  }, /*#__PURE__*/React.createElement(CalendarHeader, {
+    mouth: currentMouth,
+    onChange: setCurrentMouth
+  }), /*#__PURE__*/React.createElement(TouchableCalendarGrid, {
+    mouth: currentMouth,
+    value: (_ref2 = value !== null && value !== void 0 ? value : valueRef.current) !== null && _ref2 !== void 0 ? _ref2 : [],
+    onMouthChange: setCurrentMouth,
+    onChange: function onChange(value) {
+      valueRef.current = value;
+      _onChange === null || _onChange === void 0 || _onChange(value);
+    },
+    range: true
+  }));
+});

package/dist/Calendar/calendar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import "./style.scss";
+export type CalendarProps = {
+    mouth?: Date;
+    value?: Date;
+    onChange?: (date: Date) => void;
+};
+export declare const Calendar: FC<CalendarProps>;

package/dist/Calendar/calendar.js

@@ -0,0 +1,35 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { memo, useState } from "react";
+import classNames from "classnames";
+import "./style.scss";
+import { TouchableCalendarGrid } from "./touchable-calendar-grid";
+import { CalendarHeader } from "./calendar-header";
+var calendarCls = 'triones-antm-calendar';
+export var Calendar = /*#__PURE__*/memo(function (_ref) {
+  var _ref$mouth = _ref.mouth,
+    mouth = _ref$mouth === void 0 ? new Date() : _ref$mouth,
+    value = _ref.value,
+    _onChange = _ref.onChange;
+  var _useState = useState(mouth),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentMouth = _useState2[0],
+    setCurrentMouth = _useState2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(calendarCls))
+  }, /*#__PURE__*/React.createElement(CalendarHeader, {
+    mouth: currentMouth,
+    onChange: setCurrentMouth
+  }), /*#__PURE__*/React.createElement(TouchableCalendarGrid, {
+    mouth: currentMouth,
+    value: value ? [value] : [],
+    onMouthChange: setCurrentMouth,
+    onChange: function onChange(value) {
+      _onChange === null || _onChange === void 0 || _onChange(value === null || value === void 0 ? void 0 : value[0]);
+    }
+  }));
+});

package/dist/Calendar/demo/calendar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Calendar/demo/calendar.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Calendar from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Calendar, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528\uFF08\u533A\u95F4\u8303\u56F4\uFF09"
+  }, /*#__PURE__*/React.createElement(Calendar.Range, null)));
+});

package/dist/Calendar/demo/grid.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Calendar/demo/grid.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CalendarGrid } from "../calendar-grid";
+import { DemoBlock } from "../../DemoBlock";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u65E5\u5386\u7F51\u683C"
+  }, /*#__PURE__*/React.createElement(CalendarGrid, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u65E5\u5386\u7F51\u683C(\u533A\u95F4\u9009\u62E9)"
+  }, /*#__PURE__*/React.createElement(CalendarGrid, {
+    range: true
+  })));
+});

package/dist/Calendar/demo/touch-grid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Calendar/demo/touch-grid.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import { TouchableCalendarGrid } from "../touchable-calendar-grid";
+export default (function () {
+  return /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u53EF\u624B\u52BF\u4E0A\u4E0B\u6ED1\u52A8\u7684\u65E5\u5386\u7F51\u683C(PC\u7AEF\u9F20\u6807\u6309\u4F4F\u4E0A\u4E0B\u62D6\u62FD)"
+  }, /*#__PURE__*/React.createElement(TouchableCalendarGrid, null));
+});

package/dist/Calendar/index.d.ts

@@ -0,0 +1,11 @@
+import { Calendar as InternalCalendar, CalendarProps } from "./calendar";
+import { CalendarGrid, CalendarGridProps } from "./calendar-grid";
+import { TouchableCalendarGrid } from "./touchable-calendar-grid";
+import { CalendarRange } from "./calendar-range";
+export { CalendarGrid, TouchableCalendarGrid };
+type CompoundedComponent = typeof InternalCalendar & {
+    Range: typeof CalendarRange;
+};
+declare const Calendar: CompoundedComponent;
+export type { CalendarProps, CalendarGridProps };
+export default Calendar;

package/dist/Calendar/index.js

@@ -0,0 +1,8 @@
+import { Calendar as InternalCalendar } from "./calendar";
+import { CalendarGrid } from "./calendar-grid";
+import { TouchableCalendarGrid } from "./touchable-calendar-grid";
+import { CalendarRange } from "./calendar-range";
+export { CalendarGrid, TouchableCalendarGrid };
+var Calendar = InternalCalendar;
+Calendar.Range = CalendarRange;
+export default Calendar;