@trionesdev/antd-mobile-react 0.0.2-beta.0

package/dist/Button/demo/base.js

@@ -0,0 +1,163 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Button from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6309\u94AE\u7C7B\u578B"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary"
+  }, "Primary"), /*#__PURE__*/React.createElement(Button, {
+    type: "default"
+  }, "Default"), /*#__PURE__*/React.createElement(Button, {
+    type: "dashed"
+  }, "Dashed"), /*#__PURE__*/React.createElement(Button, {
+    type: "text"
+  }, "Text"), /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, "Link"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u989C\u8272\u4E0E\u53D8\u4F53"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "solid"
+  }, "Solid"), /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "outlined"
+  }, "Outlined"), /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "dashed"
+  }, "Dashed"), /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "filled"
+  }, "Filled"), /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "text"
+  }, "Text"), /*#__PURE__*/React.createElement(Button, {
+    color: "default",
+    variant: "link"
+  }, "Link")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "solid"
+  }, "Solid"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "outlined"
+  }, "Outlined"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "dashed"
+  }, "Dashed"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "filled"
+  }, "Filled"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "text"
+  }, "Text"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    variant: "link"
+  }, "Link")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "solid"
+  }, "Solid"), /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "outlined"
+  }, "Outlined"), /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "dashed"
+  }, "Dashed"), /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "filled"
+  }, "Filled"), /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "text"
+  }, "Text"), /*#__PURE__*/React.createElement(Button, {
+    color: "danger",
+    variant: "link"
+  }, "Link")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5757\u7EA7\u6309\u94AE"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    type: "primary"
+  }, "\u6309\u94AE"), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    color: "primary"
+  }, "\u6309\u94AE"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    disabled: true
+  }, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/React.createElement(Button, {
+    type: "default",
+    disabled: true
+  }, "\u6B21\u8981\u6309\u94AE"), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    disabled: true
+  }, "\u6587\u672C\u6309\u94AE"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5371\u9669"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gap: '8px',
+      rowGap: '8px',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    danger: true
+  }, "\u4E3B\u8981\u6309\u94AE"), /*#__PURE__*/React.createElement(Button, {
+    type: "default",
+    danger: true
+  }, "\u6B21\u8981\u6309\u94AE"), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    danger: true
+  }, "\u6587\u672C\u6309\u94AE"))));
+});

package/dist/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { Button, ButtonProps } from "./button";
+export type { ButtonProps, };
+export default Button;

package/dist/Button/index.js

@@ -0,0 +1,2 @@
+import { Button } from "./button";
+export default Button;

package/dist/Button/style.scss

@@ -0,0 +1,231 @@
+@import "@trionesdev/antd-mobile-base-react/dist/style/variable";
+
+$trionesButtonPendingInlineSm: 7Px;
+$trionesButtonHeightSm: 24Px;
+
+$trionesButtonPendingInline: 15Px;
+$trionesButtonHeight: 32Px;
+
+$trionesButtonContentFontSizeLg: $trionesFontSizeLg;
+$trionesButtonPendingInlineLg: 15Px;
+$trionesButtonHeightLg: 40Px;
+
+button::after {
+  content: none;
+  width: 100%;
+}
+
+$buttonCls: 'triones-antm-button';
+.#{$buttonCls} {
+  width: auto;
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  line-height: normal;
+  border-radius: 4Px;
+  border: 1Px none;
+  box-sizing: border-box;
+  font-size: 14Px;
+  z-index: 2;
+  margin-top: 0;
+
+  &:active {
+    filter: brightness(92%);
+  }
+  &::after{
+    content: none;
+  }
+
+  &[disabled] {
+    opacity: 0.4;
+
+    &:active {
+      filter: none;
+    }
+  }
+  &:not([disabled]):active{}
+
+  &-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: $trionesColorPrimaryText;
+            box-shadow: inset 0 0 0 1px $trionesColorPrimaryText;
+          }
+
+          &-outlined {
+            color: #1677ff;
+            background-color: white;
+            border: 1px solid $trionesColorPrimaryText;
+          }
+
+          &-dashed {
+            color: $trionesColorPrimaryText;
+            border: 1px dashed $trionesColorPrimaryText;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: $trionesColorPrimaryText;
+            background-color: $trionesColorPrimaryBg;
+          }
+
+          &-text {
+            color: $trionesColorPrimaryText;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: $trionesColorPrimaryText;
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+
+    &-danger {
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: $trionesColorErrorText;
+            box-shadow: inset 0 0 0 1px $trionesColorErrorText;
+          }
+
+          &-outlined {
+            color: $trionesColorErrorText;
+            background-color: #ffffff;
+            border: 1px solid $trionesColorErrorText;
+          }
+
+          &-dashed {
+            color: $trionesColorErrorText;
+            border: 1px dashed $trionesColorErrorText;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: $trionesColorErrorText;
+            background-color: #ffdfdc;
+          }
+
+          &-text {
+            color: $trionesColorErrorText;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: $trionesColorErrorText;
+            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%;
+  }
+
+  &-small {
+    font-size: $trionesFontSizeSm;
+    padding-inline: $trionesButtonPendingInlineSm;
+    height: $trionesButtonHeightSm;
+    border-radius: $trionesBorderRadiusSm;
+  }
+
+  &-middle {
+    padding-inline: $trionesButtonPendingInline;
+    height: $trionesButtonHeight;
+    border-radius: $trionesBorderRadius;
+  }
+
+  &-large {
+    font-size: $trionesButtonContentFontSizeLg;
+    padding-inline: $trionesButtonPendingInlineLg;
+    height: $trionesButtonHeightLg;
+    border-radius: $trionesBorderRadiusLg;
+  }
+}

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 _ from 'lodash';
+import React, { forwardRef, memo, useEffect, useMemo, useState } from 'react';
+import "./style.scss";
+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 ConfigProvider from "../ConfigProvider";
+var calendarCls = 'triones-antm-calendar';
+export var CalendarHeader = function CalendarHeader(_ref) {
+  var mouth = _ref.mouth,
+    onChange = _ref.onChange;
+  var _ConfigProvider$useCo = ConfigProvider.useConfig(),
+    locale = _ConfigProvider$useCo.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,10 @@
+import { FC } from 'react';
+import './style.scss';
+type CalendarProps = {
+    mouth?: Date;
+    value?: Date[];
+    onChange?: (date: Date[]) => void;
+    slideable?: boolean;
+};
+export declare const CalendarRange: FC<CalendarProps>;
+export {};