fan-standard-comp 3.2.1 → 4.0.1

package/es/ButtonGroup/styles/index.js

@@ -0,0 +1,61 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { createStyleHook } from "../../theme/utils/genStyleHook";
+import _ from 'lodash';
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    fontWeight: 400
+  };
+};
+var SpecButtonGroupTextStyle = function SpecButtonGroupTextStyle(prefixCls, token) {
+  return _defineProperty({}, "".concat(prefixCls, "-text"), _defineProperty({
+    position: 'relative',
+    display: 'inline-block',
+    cursor: 'pointer',
+    color: token.colorPrimary,
+    '&:disabled': {
+      cursor: 'not-allowed',
+      color: token.colorTextDisabled
+    }
+  }, "& + ".concat(prefixCls, "-text"), {
+    position: 'relative',
+    marginLeft: token.paddingSM,
+    '&:before': {
+      position: 'absolute',
+      content: '""',
+      top: '50%',
+      left: " calc(-".concat(token.paddingSM, "px / 2)"),
+      transform: 'translate(0, -50%)',
+      display: 'inline-block',
+      height: '.9em',
+      verticalAlign: 'middle',
+      borderLeft: "1px solid ".concat(token.colorBorder)
+    }
+  }));
+};
+var SpecButtonGroupStyleFunc = function SpecButtonGroupStyleFunc(prefix) {
+  return createStyleHook(prefix, function (token) {
+    var SpecButtonGroupToken = _.merge(token, {
+      // testButtonSmallSize: token.paddingXS,
+      // testButtonMiddleSize: token.padding,
+      // testButtonLargeSize: token.paddingLG,
+    });
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, _objectSpread({
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      '> *': {
+        marginLeft: token.marginSM,
+        '&:first-child': {
+          marginLeft: 0
+        }
+      }
+    }, SpecButtonGroupTextStyle(prefixCls, SpecButtonGroupToken)))];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+export default SpecButtonGroupStyleFunc;

package/es/ButtonGroup/testStyles/index(antd-style).d.ts

@@ -0,0 +1,11 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    SpecButtonGroupStyle: {
+        display: "inline-block";
+        verticalAlign: string;
+        ".ant-btn + .ant-btn": {
+            marginLeft: string;
+        };
+    };
+    SpecButtonGroupCSS: import("antd-style").SerializedStyles;
+    SpecButtonGroupTextCSS: import("antd-style").SerializedStyles;
+}>;

package/es/ButtonGroup/testStyles/index(antd-style).js

@@ -0,0 +1,28 @@
+var _templateObject, _templateObject2;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var token = _ref.token,
+    css = _ref.css;
+  return {
+    // 支持 css object 的写法
+    SpecButtonGroupStyle: _defineProperty({
+      display: 'inline-block',
+      verticalAlign: 'middle'
+    }, '.ant-btn + .ant-btn', {
+      marginLeft: "".concat(token.paddingSM, "px")
+    }),
+    // 也支持通过 css 字符串模板获得和 普通 css 一致的书写体验
+    SpecButtonGroupCSS: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    .ant-btn + .ant-btn {\n      margin-left: ", "px;\n    }\n  "])), token.paddingSM),
+    SpecButtonGroupTextCSS: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    color: ", ";\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    & + .spec-button-group-text {\n      position: relative;\n      margin-left: ", "px;\n\n      &:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n        left: calc(-", "px / 2);\n        transform: translate(0, -50%);\n        display: inline-block;\n        height: .9em;\n        vertical-align: middle;\n        border-left: 1px solid ", ";\n\n      }\n    }\n  "])), token.colorPrimary, token.colorTextDisabled, token.paddingSM, token.paddingSM, token.colorBorder)
+  };
+});
+
+// 使用方式
+//
+// import { useStyles } from "./styles";
+// const { styles, cx, theme } = useStyles();

package/es/ButtonGroup/testStyles/index(cssinjs).js

@@ -0,0 +1,133 @@
+// import type { CSSObject } from '@ant-design/cssinjs';
+// import { Keyframes } from '@ant-design/cssinjs';
+//
+// import { resetComponent } from '../../style';
+// import type { GlobalToken } from '../../theme';
+// import type { FullToken, GenerateStyle } from '../../theme/internal';
+// import { genPresetColor, mergeToken } from '../../theme/internal';
+// import type { GenStyleFn } from '../../theme/util/genComponentStyleHook';
+//
+// export default function genComponentStyleHook<ComponentName extends OverrideComponent>(
+//   componentName: ComponentName | [ComponentName, string],
+//   styleFn: GenStyleFn<ComponentName>,
+//   getDefaultToken?:
+//     | null
+//     | OverrideTokenWithoutDerivative[ComponentName]
+//     | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName]),
+//   options: {
+//     resetStyle?: boolean;
+//     // Deprecated token key map [["oldTokenKey", "newTokenKey"], ["oldTokenKey", "newTokenKey"]]
+//     deprecatedTokens?: [ComponentTokenKey<ComponentName>, ComponentTokenKey<ComponentName>][];
+//     /**
+//      * Only use component style in client side. Ignore in SSR.
+//      */
+//     clientOnly?: boolean;
+//     /**
+//      * Set order of component style. Default is -999.
+//      */
+//     order?: number;
+//   } = {},
+// ) {
+//   const cells = (Array.isArray(componentName) ? componentName : [componentName, componentName]) as [
+//     ComponentName,
+//     string,
+//   ];
+//
+//   const [component] = cells;
+//   const concatComponent = cells.join('-');
+//
+//   return (prefixCls: string): UseComponentStyleResult => {
+//     const [theme, token, hashId] = useToken();
+//     const { getPrefixCls, iconPrefixCls, csp } = useContext(ConfigContext);
+//     const rootPrefixCls = getPrefixCls();
+//
+//     // Shared config
+//     const sharedConfig: Omit<Parameters<typeof useStyleRegister>[0], 'path'> = {
+//       theme,
+//       token,
+//       hashId,
+//       nonce: () => csp?.nonce!,
+//       clientOnly: options.clientOnly,
+//
+//       // antd is always at top of styles
+//       order: options.order || -999,
+//     };
+//
+//     // Generate style for all a tags in antd component.
+//     useStyleRegister(
+//       { ...sharedConfig, clientOnly: false, path: ['Shared', rootPrefixCls] },
+//       () => [
+//         {
+//           // Link
+//           '&': genLinkStyle(token),
+//         },
+//       ],
+//     );
+//
+//     // Generate style for icons
+//     useResetIconStyle(iconPrefixCls, csp);
+//
+//     return [
+//       useStyleRegister(
+//         { ...sharedConfig, path: [concatComponent, prefixCls, iconPrefixCls] },
+//         () => {
+//           const { token: proxyToken, flush } = statisticToken(token);
+//
+//           const customComponentToken = { ...(token[component] as ComponentToken<ComponentName>) };
+//           if (options.deprecatedTokens) {
+//             const { deprecatedTokens } = options;
+//             deprecatedTokens.forEach(([oldTokenKey, newTokenKey]) => {
+//               if (process.env.NODE_ENV !== 'production') {
+//                 warning(
+//                   !customComponentToken?.[oldTokenKey],
+//                   `The token '${String(oldTokenKey)}' of ${component} had deprecated, use '${String(
+//                     newTokenKey,
+//                   )}' instead.`,
+//                 );
+//               }
+//
+//               // Should wrap with `if` clause, or there will be `undefined` in object.
+//               if (customComponentToken?.[oldTokenKey] || customComponentToken?.[newTokenKey]) {
+//                 customComponentToken[newTokenKey] ??= customComponentToken?.[oldTokenKey];
+//               }
+//             });
+//           }
+//           const defaultComponentToken =
+//             typeof getDefaultToken === 'function'
+//               ? getDefaultToken(mergeToken(proxyToken, customComponentToken ?? {}))
+//               : getDefaultToken;
+//
+//           const mergedComponentToken = { ...defaultComponentToken, ...customComponentToken };
+//
+//           const componentCls = `.${prefixCls}`;
+//           const mergedToken = mergeToken<
+//             TokenWithCommonCls<GlobalTokenWithComponent<OverrideComponent>>
+//             >(
+//             proxyToken,
+//             {
+//               componentCls,
+//               prefixCls,
+//               iconCls: `.${iconPrefixCls}`,
+//               antCls: `.${rootPrefixCls}`,
+//             },
+//             mergedComponentToken,
+//           );
+//
+//           const styleInterpolation = styleFn(mergedToken as unknown as FullToken<ComponentName>, {
+//             hashId,
+//             prefixCls,
+//             rootPrefixCls,
+//             iconPrefixCls,
+//             overrideComponentToken: customComponentToken as any,
+//           });
+//           flush(component, mergedComponentToken);
+//           return [
+//             options.resetStyle === false ? null : genCommonStyle(mergedToken, prefixCls),
+//             styleInterpolation,
+//           ];
+//         },
+//       ),
+//       hashId,
+//     ];
+//   };
+// }

package/es/ButtonGroup/testStyles/index.d.ts

@@ -0,0 +1,11 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    SpecButtonGroupStyle: {
+        display: "inline-block";
+        verticalAlign: string;
+        ".ant-btn + .ant-btn": {
+            marginLeft: string;
+        };
+    };
+    SpecButtonGroupCSS: import("antd-style").SerializedStyles;
+    SpecButtonGroupTextCSS: import("antd-style").SerializedStyles;
+}>;

package/es/ButtonGroup/testStyles/index.js

@@ -0,0 +1,23 @@
+var _templateObject, _templateObject2;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var token = _ref.token,
+    css = _ref.css;
+  return {
+    // 支持 css object 的写法
+    SpecButtonGroupStyle: _defineProperty({
+      display: 'inline-block',
+      verticalAlign: 'middle'
+    }, '.ant-btn + .ant-btn', {
+      marginLeft: "".concat(token.paddingSM, "px")
+    }),
+    // 也支持通过 css 字符串模板获得和 普通 css 一致的书写体验
+    SpecButtonGroupCSS: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    vertical-align: middle;\n    .ant-btn + .ant-btn {\n      margin-left: ", "px;\n    }\n  "])), token.paddingSM),
+    SpecButtonGroupTextCSS: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    color: ", ";\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    & + .spec-button-group-text {\n      position: relative;\n      margin-left: ", "px;\n\n      &:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n        left: calc(-", "px / 2);\n        transform: translate(0, -50%);\n        display: inline-block;\n        height: .9em;\n        vertical-align: middle;\n        border-left: 1px solid ", ";\n\n      }\n    }\n  "])), token.colorPrimary, token.colorTextDisabled, token.paddingSM, token.paddingSM, token.colorBorder)
+  };
+});

package/es/CalendarCoordPicker/CalendarMonthPicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/index.less';
+import 'dayjs/locale/zh-cn';
+declare const CalendarMonthPicker: (props: any) => React.JSX.Element;
+export default CalendarMonthPicker;

package/es/CalendarCoordPicker/CalendarMonthPicker.js

@@ -0,0 +1,32 @@
+var _excluded = ["year", "month"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useMemo } from 'react';
+import { Calendar } from 'antd';
+import "./styles/index.less";
+// moment与dayjs不能同时使用，不然locale配置会无效
+// import moment from 'moment'
+//去除RFC2822/ISO date formats的警告
+// moment.suppressDeprecationWarnings = true;
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+dayjs.locale('zh-cn');
+var CalendarMonthPicker = function CalendarMonthPicker(props) {
+  var year = props.year,
+    month = props.month,
+    others = _objectWithoutProperties(props, _excluded);
+  var monthRangeDays = useMemo(function () {
+    var time = (year || dayjs().year()) + '-01';
+    var startTime = dayjs(time).month(month - 1).date(1).startOf("month"); //.format('YYYY-MM-DD')
+    var endTime = dayjs(time).month(month - 1).date(1).endOf("month"); //.format('YYYY-MM-DD')
+    return [startTime, endTime];
+  }, [year]);
+  // dayjs.locale('zh-cn')
+  return /*#__PURE__*/React.createElement(Calendar, _extends({
+    fullscreen: false,
+    value: dayjs((year || dayjs().year()) + '-' + month),
+    validRange: monthRangeDays
+  }, others));
+};
+export default CalendarMonthPicker;

package/es/CalendarCoordPicker/index.d.ts

@@ -0,0 +1,7 @@
+import './styles/index.less';
+interface CalendarCoordPickerProps {
+    type: string;
+    year?: number | any;
+}
+declare const CalendarCoordPicker: (props: CalendarCoordPickerProps) => any;
+export default CalendarCoordPicker;

package/es/CalendarCoordPicker/index.js

@@ -0,0 +1,314 @@
+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, { useEffect, useMemo, useState } from 'react';
+import { Button } from 'antd';
+// import type { CalendarProps } from 'antd';
+import dayjs from 'dayjs';
+import "./styles/index.less";
+import classNames from 'classnames';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import CalendarMonthPicker from "./CalendarMonthPicker";
+import useStyle from "./styles";
+var CalendarCoordPicker = function CalendarCoordPicker(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'directPick' : _props$type,
+    year = props.year;
+  var componentName = 'spec-calendar-coordinate';
+  var _useStyle = useStyle(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var _useState = useState(dayjs().year()),
+    _useState2 = _slicedToArray(_useState, 2),
+    yearNum = _useState2[0],
+    setYearNum = _useState2[1];
+  useEffect(function () {
+    setYearNum(year || dayjs().year());
+  }, [year]);
+  // const cellDays = useMemo(() => {
+  //   return
+  // }, [])
+  // const onPanelChange = (value: Dayjs, mode: CalendarProps<Dayjs>['mode']) => {
+  //   console.log(value.format('YYYY-MM-DD'), mode);
+  // };
+  useEffect(function () {
+    // 获取日历格子元素
+    //     var calendarCells = document.querySelectorAll('.calendar-cell');
+    var calendarCells = document.querySelectorAll('.ant-picker-cell');
+    // console.log('calendarCells', calendarCells)
+    // console.log('calendarCells', document.getElementsByClassName('ant-picker-cell-in-view'))
+    // 记录鼠标按下的位置
+    var startX, startY;
+
+    // 记录鼠标框选的起始位置和结束位置
+    //     let startCell: any;
+    var endCell;
+    var startCellIndex, endCellIndex;
+    var startCellRect, endCellRect;
+    var cellSelectProcessing = false;
+
+    // 监听鼠标按下事件
+    document.addEventListener('mousedown', function (event) {
+      // 记录鼠标按下的位置
+      startX = event.clientX;
+      startY = event.clientY;
+      var startCellConfig = getCellFromCoordinates(startX, startY);
+      // 获取鼠标按下的日历格子
+      // startCell = startCellConfig.cell;
+      startCellIndex = startCellConfig.cellIndex;
+      startCellRect = startCellConfig.cellRect;
+      cellSelectProcessing = true;
+    });
+
+    // 监听鼠标移动事件
+    document.addEventListener('mousemove', function (event) {
+      // 获取鼠标移动的位置
+      var currentX = event.clientX;
+      var currentY = event.clientY;
+
+      // 获取鼠标移动的日历格子
+      var currentCellConfig = getCellFromCoordinates(currentX, currentY);
+      var currentCell = currentCellConfig.cell;
+      var currentCellIndex = currentCellConfig.cellIndex;
+      var currentCellRect = currentCellConfig.cellRect;
+
+      // 如果鼠标移动的日历格子不为空，则进行框选
+      if (cellSelectProcessing && currentCell) {
+        // 清除之前的框选样式
+        clearSelection();
+        // 设置当前日历格子的框选样式
+        // currentCell.classList.add('spec-calendar-coordinate-picker__order-selected');
+        // 记录结束位置
+        endCell = currentCell;
+        endCellIndex = currentCellIndex;
+        endCellRect = currentCellRect;
+        type === 'orderPick' ? getCellSelected() : getCellCoordinate();
+      }
+    });
+
+    // 监听鼠标松开事件
+    document.addEventListener('mouseup', function (event) {
+      // 清除框选样式
+      clearSelection();
+
+      // 获取鼠标松开的位置
+      var endX = event.clientX;
+      var endY = event.clientY;
+
+      // 获取鼠标松开的日历格子
+      var endCellConfig = getCellFromCoordinates(endX, endY);
+      endCell = endCellConfig.cell;
+      endCellIndex = endCellConfig.cellIndex;
+      endCellRect = endCellConfig.cellRect;
+
+      // 如果鼠标松开的日历格子不为空，则进行框选
+      if (endCell) {
+        type === 'orderPick' ? getCellSelected() : getCellCoordinate();
+      }
+      cellSelectProcessing = false;
+    });
+
+    // 按坐标内的顺序选中
+    var getCellSelected = function getCellSelected() {
+      for (var i = Math.min(startCellIndex, endCellIndex); i <= Math.max(startCellIndex, endCellIndex); i++) {
+        // const rect = calendarCells[i].getBoundingClientRect();
+        if (calendarCells[i].classList.contains('ant-picker-cell-in-view')) {
+          calendarCells[i].classList.add('spec-calendar-coordinate-picker__order-selected');
+        }
+      }
+    };
+    // 按坐标内的范围选中
+    var getCellCoordinate = function getCellCoordinate() {
+      var _startCellRect, _endCellRect, _startCellRect2, _endCellRect2, _startCellRect3, _endCellRect3;
+      var direct = ''; // 选中单元格方位
+      if (!startCellRect && !endCellRect) return;
+      if (((_startCellRect = startCellRect) === null || _startCellRect === void 0 ? void 0 : _startCellRect.x) === ((_endCellRect = endCellRect) === null || _endCellRect === void 0 ? void 0 : _endCellRect.x)) {
+        if (startCellRect.y === endCellRect.y) {
+          direct = 'center';
+        } else if (startCellRect.y > endCellRect.y) {
+          direct = 'centerTop';
+        } else if (startCellRect.y < endCellRect.y) {
+          direct = 'centerBottom';
+        }
+      } else if (((_startCellRect2 = startCellRect) === null || _startCellRect2 === void 0 ? void 0 : _startCellRect2.x) > ((_endCellRect2 = endCellRect) === null || _endCellRect2 === void 0 ? void 0 : _endCellRect2.x)) {
+        if (startCellRect.y === endCellRect.y) {
+          direct = 'centerLeft';
+        } else if (startCellRect.y > endCellRect.y) {
+          direct = 'leftTop';
+        } else if (startCellRect.y < endCellRect.y) {
+          direct = 'leftBottom';
+        }
+      } else if (((_startCellRect3 = startCellRect) === null || _startCellRect3 === void 0 ? void 0 : _startCellRect3.x) < ((_endCellRect3 = endCellRect) === null || _endCellRect3 === void 0 ? void 0 : _endCellRect3.x)) {
+        if (startCellRect.y === endCellRect.y) {
+          direct = 'centerRight';
+        } else if (startCellRect.y > endCellRect.y) {
+          direct = 'rightTop';
+        } else if (startCellRect.y < endCellRect.y) {
+          direct = 'rightBottom';
+        }
+      }
+      var selectedCells = []; // 过滤当前选中的单元格
+      for (var i = 0; i < calendarCells.length; i++) {
+        var rect = calendarCells[i].getBoundingClientRect();
+        if (rect && calendarCells[i].classList.contains('ant-picker-cell-in-view')) {
+          switch (direct) {
+            case 'center':
+              if (rect.x === endCellRect.x && rect.y === endCellRect.y) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'centerTop':
+              if (rect.x === endCellRect.x && rect.y >= endCellRect.y && rect.x === endCellRect.x && rect.y <= startCellRect.y) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'centerBottom':
+              if (rect.x === endCellRect.x && rect.y <= endCellRect.y && rect.x === endCellRect.x && rect.y >= startCellRect.y) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'centerRight':
+              if (rect.y === endCellRect.y && rect.x <= endCellRect.x && rect.y === endCellRect.y && rect.x >= startCellRect.x) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'rightBottom':
+              if (rect.y >= startCellRect.y && rect.y <= endCellRect.y && rect.x >= startCellRect.x && rect.x <= endCellRect.x) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'rightTop':
+              if (rect.x >= startCellRect.x && rect.x <= endCellRect.x && rect.y >= endCellRect.y && rect.y <= startCellRect.y) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'centerLeft':
+              if (rect.y === endCellRect.y && rect.x >= endCellRect.x && rect.y === endCellRect.y && rect.x <= startCellRect.x) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'leftBottom':
+              if (rect.y >= startCellRect.y && rect.y <= endCellRect.y && rect.x <= startCellRect.x && rect.x >= endCellRect.x) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+            case 'leftTop':
+              if (rect.y <= startCellRect.y && rect.y >= endCellRect.y && rect.x <= startCellRect.x && rect.x >= endCellRect.x) {
+                selectedCells.push(calendarCells[i]);
+              }
+              break;
+          }
+        }
+      }
+      // console.log('selectedCells', calendarCells)
+      for (var j = 0; j < selectedCells.length; j++) {
+        // rect.x  >= startX && rect.x  <= overX && rect.y >= startY && rect.y <= overY
+        selectedCells[j].classList.add('spec-calendar-coordinate-picker__directed-selected');
+      }
+    };
+    // 获取指定坐标的日历格子（按坐标）
+    var getCellFromCoordinates = function getCellFromCoordinates(x, y) {
+      var cell = null;
+      var cellIndex = null;
+      var cellRect = null; // 当前格子的坐标信息
+      // 遍历所有日历格子
+      for (var i = 0; i < calendarCells.length; i++) {
+        var rect = calendarCells[i].getBoundingClientRect();
+        // 判断坐标是否在日历格子的范围内
+        if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) {
+          cell = calendarCells[i];
+          cellIndex = i;
+          cellRect = rect;
+          break;
+        }
+      }
+      return {
+        cellIndex: cellIndex,
+        cell: cell,
+        cellRect: cellRect
+      };
+    };
+
+    // 清除框选样式
+    var clearSelection = function clearSelection() {
+      for (var i = 0; i < calendarCells.length; i++) {
+        calendarCells[i].classList.remove('spec-calendar-coordinate-picker__order-selected');
+        calendarCells[i].classList.remove('spec-calendar-coordinate-picker__directed-selected');
+      }
+    };
+    return function () {
+      document.removeEventListener('mousedown', function () {}, false);
+      document.removeEventListener('mousemove', function () {}, false);
+      document.removeEventListener('mouseup', function () {}, false);
+    };
+  }, [type]);
+  var renderPickerHeader = function renderPickerHeader(_ref) {
+    var value = _ref.value;
+    //
+    // const start = 0;
+    // const end = 12;
+    // const monthOptions = [];
+    var current = value.clone();
+    var localeData = value.localeData();
+    var months = [];
+    for (var i = 0; i < 12; i++) {
+      current.month(i);
+      months.push(localeData.monthsShort(current));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'right',
+        fontSize: '16px',
+        paddingRight: '10px'
+      }
+    }, months[value.month()]);
+  };
+  var monthArray = useMemo(function () {
+    var months = [];
+    for (var i = 0; i < 12; i++) {
+      months.push(i + 1);
+    }
+    return months;
+  }, []);
+  return wrapSSR( /*#__PURE__*/React.createElement("div", {
+    className: classNames(componentName, hashId)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'spec-calendar-coordinate-header'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'spec-calendar-coordinate-header-action prev'
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: 'small',
+    icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
+    title: "".concat(yearNum - 1, "\u5E74"),
+    onClick: function onClick() {
+      return setYearNum(yearNum - 1);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'spec-calendar-coordinate-header-year'
+  }, yearNum, "\u5E74"), /*#__PURE__*/React.createElement("div", {
+    className: 'spec-calendar-coordinate-header-action  next'
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: 'small',
+    icon: /*#__PURE__*/React.createElement(RightOutlined, null),
+    title: "".concat(yearNum + 1, "\u5E74"),
+    onClick: function onClick() {
+      return setYearNum(yearNum + 1);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: 'spec-calendar-coordinate-picker'
+  }, monthArray.map(function (mItem) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'spec-calendar-coordinate-picker-col',
+      key: mItem
+    }, /*#__PURE__*/React.createElement(CalendarMonthPicker, {
+      month: mItem,
+      year: yearNum,
+      headerRender: renderPickerHeader
+    }));
+  }))));
+};
+export default CalendarCoordPicker;

package/es/CalendarCoordPicker/styles/index.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface CalendarCoordPickerTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const CalendarCoordPickerStyleFunc: (prefix: string) => any;
+export default CalendarCoordPickerStyleFunc;