@zykj2024/much-library 1.1.9-beta.3 → 1.2.0-beta.1

package/dist/McDateRangePro/comps/NumberInput.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import '../index.less';
+type PropsType = {
+    placeholder?: string;
+    value?: number;
+    onChange?: (value?: number) => void;
+    onBlur?: () => void;
+};
+declare const _default: import("react").NamedExoticComponent<PropsType>;
+export default _default;

package/dist/McDateRangePro/comps/NumberInput.js

@@ -0,0 +1,35 @@
+import { InputNumber } from 'antd';
+import { memo } from 'react';
+import "../index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var NumberInput = function NumberInput(_ref) {
+  var placeholder = _ref.placeholder,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    onBlur = _ref.onBlur;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "mc-date-range-pro__presets__item__number-input",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "mc-date-range-pro__presets__item__number-input__place",
+      children: value
+    }), /*#__PURE__*/_jsx(InputNumber, {
+      size: "small",
+      controls: false,
+      min: 0,
+      max: 10000,
+      precision: 0,
+      placeholder: placeholder,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      value: value,
+      onChange: function onChange(v) {
+        var _v = v === null ? undefined : v;
+        _onChange === null || _onChange === void 0 || _onChange(_v);
+      },
+      onBlur: onBlur
+    })]
+  });
+};
+export default /*#__PURE__*/memo(NumberInput);

package/dist/McDateRangePro/comps/ShortcutItem.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import '../index.less';
+export type CodeType = '0_0' | '-1_-1' | '-6_0' | '-29_0' | '-59_0' | '-89_0' | '-n_0' | '-n_-1' | '0_n' | 'm_n';
+export declare const CODE_LABEL_MAP: any;
+type PropsType = {
+    code: CodeType;
+    inActiveArea?: boolean;
+    active?: boolean;
+    onActive?: (dates: (number | undefined)[]) => void;
+    onInactive?: () => void;
+    onSelected?: (dates: number[]) => void;
+    ref?: any;
+};
+declare const _default: import("react").NamedExoticComponent<PropsType>;
+export default _default;

package/dist/McDateRangePro/comps/ShortcutItem.js

@@ -0,0 +1,133 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { message } from 'antd';
+import classNames from 'classnames';
+import { forwardRef, memo, useImperativeHandle, useState } from 'react';
+import "../index.css";
+import NumberInput from "./NumberInput";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 未来m日 - 未来n日
+
+export var CODE_LABEL_MAP = {
+  '0_0': '今天',
+  '-1_-1': '昨天',
+  '-6_0': '最近7天',
+  '-29_0': '最近30天',
+  '-59_0': '最近60天',
+  '-89_0': '最近90天',
+  '-n_0': '最近',
+  '-n_-1': '过去',
+  '0_n': '今天 - 未来',
+  m_n: '未来'
+};
+var ShortcutItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var code = _ref.code,
+    inActiveArea = _ref.inActiveArea,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    onActive = _ref.onActive,
+    onInactive = _ref.onInactive,
+    onSelected = _ref.onSelected;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    n1 = _useState2[0],
+    setN1 = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    n2 = _useState4[0],
+    setN2 = _useState4[1];
+
+  // 激活（鼠标移入）事件
+  var activeHandle = function activeHandle() {
+    if (['-n_0', '-n_-1', '0_n', 'm_n'].includes(code)) {
+      code === '-n_0' && (onActive === null || onActive === void 0 ? void 0 : onActive([n1 ? -n1 + 1 : undefined, 0]));
+      code === '-n_-1' && (onActive === null || onActive === void 0 ? void 0 : onActive([n1 ? -n1 : undefined, -1]));
+      code === '0_n' && (onActive === null || onActive === void 0 ? void 0 : onActive([0, n1]));
+      code === 'm_n' && (onActive === null || onActive === void 0 ? void 0 : onActive([n1, n2]));
+    } else {
+      onActive === null || onActive === void 0 || onActive(code.split('_').map(function (v) {
+        return +v;
+      }));
+    }
+  };
+
+  // 选择（点击）事件
+  var selectHandle = function selectHandle() {
+    if (['-n_0', '-n_-1', '0_n', 'm_n'].includes(code)) {
+      if (code === 'm_n') {
+        if (n1 && n2) {
+          n1 > n2 ? message.warning('开始日期不能大于结束日期') : onSelected === null || onSelected === void 0 ? void 0 : onSelected([n1, n2]);
+        } else {
+          !n1 && message.warning('开始日期需为正整数');
+          !n2 && message.warning('结束日期需为正整数');
+        }
+      } else {
+        if (n1) {
+          code === '-n_0' && (onSelected === null || onSelected === void 0 ? void 0 : onSelected([-n1 + 1, 0]));
+          code === '-n_-1' && (onSelected === null || onSelected === void 0 ? void 0 : onSelected([-n1, -1]));
+          code === '0_n' && (onSelected === null || onSelected === void 0 ? void 0 : onSelected([0, n1]));
+        } else {
+          message.warning("".concat(code === '0_n' ? '结束' : '开始', "\u65E5\u671F\u9700\u4E3A\u6B63\u6574\u6570"));
+        }
+      }
+    } else {
+      onSelected === null || onSelected === void 0 || onSelected(code.split('_').map(function (v) {
+        return +v;
+      }));
+    }
+  };
+
+  // 重置m、n的值
+  var resetNs = function resetNs(value) {
+    var _split$map = (value || 'M_N').split('_').map(function (v) {
+        return isNaN(+v) ? undefined : +v;
+      }),
+      _split$map2 = _slicedToArray(_split$map, 2),
+      m = _split$map2[0],
+      n = _split$map2[1];
+    if (code === '-n_0') {
+      setN1(m === undefined ? undefined : -m + 1);
+    } else if (code === '-n_-1') {
+      setN1(m === undefined ? undefined : -m);
+    } else if (code === '0_n') {
+      setN1(n);
+    } else if (code === 'm_n') {
+      setN1(m);
+      setN2(n);
+    }
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      resetNs: resetNs
+    };
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames('mc-date-range-pro__presets__item', active && 'mc-date-range-pro__presets__item--active'),
+    onMouseEnter: activeHandle,
+    onMouseLeave: onInactive,
+    onClick: selectHandle,
+    children: [CODE_LABEL_MAP[code], ['-n_0', '-n_-1', '0_n', 'm_n'].includes(code) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NumberInput, {
+        placeholder: code === 'm_n' ? 'm' : 'n',
+        value: n1,
+        onChange: setN1,
+        onBlur: function onBlur() {
+          if (inActiveArea) return;
+          (code === 'm_n' ? n2 !== undefined : true) && setTimeout(selectHandle);
+        }
+      }), "\u65E5"]
+    }), code === 'm_n' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [' ', "- \u672A\u6765", /*#__PURE__*/_jsx(NumberInput, {
+        placeholder: "n",
+        value: n2,
+        onChange: setN2,
+        onBlur: function onBlur() {
+          if (inActiveArea) return;
+          n1 !== undefined && setTimeout(selectHandle);
+        }
+      }), "\u65E5"]
+    })]
+  });
+});
+export default /*#__PURE__*/memo(ShortcutItem);

package/dist/McDateRangePro/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基础用法
+ * description: 基础用法的交互和普通的日期选择器交互基本一致，无左侧快捷栏。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRangePro/demo/base.js

@@ -0,0 +1,22 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 基础用法
+ * description: 基础用法的交互和普通的日期选择器交互基本一致，无左侧快捷栏。
+ */
+
+import { McDateRangePro } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRangePro, {
+    value: value,
+    style: {
+      width: 300
+    },
+    onChange: setValue
+  });
+});

package/dist/McDateRangePro/demo/dynamic.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 支持静态和动态日期范围的左侧快捷栏
+ * description: 设置`dynamic`为`true`，并设置`dateType`为`future`或`past`，可开启动态日期范围的左侧快捷栏。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRangePro/demo/dynamic.js

@@ -0,0 +1,24 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 支持静态和动态日期范围的左侧快捷栏
+ * description: 设置`dynamic`为`true`，并设置`dateType`为`future`或`past`，可开启动态日期范围的左侧快捷栏。
+ */
+
+import { McDateRangePro } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRangePro, {
+    value: value,
+    style: {
+      width: 300
+    },
+    dynamic: true,
+    dateType: "future",
+    onChange: setValue
+  });
+});

package/dist/McDateRangePro/demo/form.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 作为表单项
+ * description: 与其他表单项用法一致，需注意静态和动态的值不同，静态值示例：['2025-08-11', '2025-08-11']表示静态今天，动态值示例：'0_0'表示动态今天。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRangePro/demo/form.js

@@ -0,0 +1,62 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 作为表单项
+ * description: 与其他表单项用法一致，需注意静态和动态的值不同，静态值示例：['2025-08-11', '2025-08-11']表示静态今天，动态值示例：'0_0'表示动态今天。
+ */
+
+import { Button, Form, message, Space } from 'antd';
+import { McDateRangePro } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  return /*#__PURE__*/_jsxs(Form, {
+    form: form,
+    onFinish: ( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              message.success("\u63D0\u4EA4\u6210\u529F\uFF0C\u5F53\u524D\u8868\u5355\u503C\uFF1A".concat(JSON.stringify(values)));
+              return _context.abrupt("return", true);
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()),
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      name: "dateRange",
+      label: "\u52A8\u6001\u65E5\u671F\u8303\u56F4",
+      rules: [{
+        required: true,
+        message: '请选择动态日期范围'
+      }],
+      children: /*#__PURE__*/_jsx(McDateRangePro, {
+        style: {
+          width: 300
+        },
+        dateType: "future",
+        dynamic: true
+      })
+    }), /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        htmlType: "submit",
+        children: "\u63D0\u4EA4"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        htmlType: "reset",
+        children: "\u91CD\u7F6E"
+      })]
+    })]
+  });
+});

package/dist/McDateRangePro/demo/search.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 作为列表搜索项
+ * description: 在McContainer中的queryItems中配置McDateRangePro组件，实现动态日期范围搜索功能。需注意静态和动态的值不同，静态值示例：['2025-08-11', '2025-08-11']表示静态今天，动态值示例：'0_0'表示动态今天。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRangePro/demo/search.js

@@ -0,0 +1,84 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 作为列表搜索项
+ * description: 在McContainer中的queryItems中配置McDateRangePro组件，实现动态日期范围搜索功能。需注意静态和动态的值不同，静态值示例：['2025-08-11', '2025-08-11']表示静态今天，动态值示例：'0_0'表示动态今天。
+ */
+
+import { message } from 'antd';
+import { McContainer, McDateRangePro } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var tableData = Array.from({
+  length: 5
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "\u59D3\u540D".concat(index + 1),
+    age: 18 + index
+  };
+});
+export default (function () {
+  var _useState = useState(tableData),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var columns = [{
+    title: 'ID',
+    dataIndex: 'id'
+  }, {
+    title: '姓名',
+    dataIndex: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age'
+  }, {
+    title: '操作',
+    dataIndex: 'option',
+    width: 100,
+    render: function render() {
+      return /*#__PURE__*/_jsx("a", {
+        children: "\u7F16\u8F91"
+      });
+    }
+  }];
+  var queryItems = /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(McDateRangePro, {
+      label: "\u52A8\u6001\u65E5\u671F\u8303\u56F4",
+      name: "dataRange",
+      dynamic: true,
+      dateType: "future",
+      style: {
+        width: 350
+      }
+    })
+  });
+  var onQuery = function onQuery(values) {
+    return new Promise(function (resolve) {
+      message.success("\u5F00\u59CB\u67E5\u8BE2\uFF0C\u5F53\u524D\u67E5\u8BE2\u6761\u4EF6\uFF1A".concat(JSON.stringify(values)));
+      setLoading(true);
+      setTimeout(function () {
+        setDataSource(tableData);
+        setLoading(false);
+        resolve();
+      }, 1000);
+    });
+  };
+  return /*#__PURE__*/_jsx(McContainer, {
+    height: "100%",
+    immediateQuery: false,
+    loading: loading,
+    loadingText: "\u52A0\u8F7D\u4E2D",
+    onQuery: onQuery,
+    queryItems: queryItems,
+    tableProps: {
+      columns: columns,
+      dataSource: dataSource,
+      rowKey: 'id'
+    }
+  });
+});

package/dist/McDateRangePro/demo/static.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 仅支持静态日期范围的左侧快捷栏
+ * description: 设置`dateType`为`future`或`past`，可显示左侧快捷栏。`dynamic`默认为`false`，即默认关闭动态日期范围选择。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McDateRangePro/demo/static.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 仅支持静态日期范围的左侧快捷栏
+ * description: 设置`dateType`为`future`或`past`，可显示左侧快捷栏。`dynamic`默认为`false`，即默认关闭动态日期范围选择。
+ */
+
+import { McDateRangePro } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(McDateRangePro, {
+    value: value,
+    style: {
+      width: 300
+    },
+    dateType: "future",
+    onChange: setValue
+  });
+});

package/dist/McDateRangePro/index.css

@@ -0,0 +1,163 @@
+.mc-date-range-pro {
+  position: relative;
+  height: 32px;
+}
+.mc-date-range-pro:hover .mc-date-range-pro__content {
+  border-color: #325cf7;
+}
+.mc-date-range-pro__label {
+  position: absolute;
+  top: 0;
+  left: 11px;
+  z-index: 2;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 100%;
+  color: #262626;
+  font-size: 14px;
+}
+.mc-date-range-pro__label::after {
+  margin-left: 2px;
+  content: '\FF1A';
+}
+.mc-date-range-pro__label.mc-date-range-pro--disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: no-drop;
+}
+.mc-date-range-pro__content {
+  width: 100%;
+  height: 100%;
+}
+.mc-date-range-pro__popup .ant-picker-panel-layout > div {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.mc-date-range-pro__popup .ant-picker-panel-layout > div .ant-picker-panels,
+.mc-date-range-pro__popup .ant-picker-panel-layout > div .ant-picker-panel {
+  -webkit-box-ordinal-group: 2;
+  -ms-flex-order: 1;
+  order: 1;
+}
+.mc-date-range-pro__popup .ant-picker-panel-layout > div .ant-picker-footer {
+  -webkit-box-ordinal-group: 1;
+  -ms-flex-order: 0;
+  order: 0;
+  border-top: 0;
+  border-right: 1px solid rgba(5, 5, 5, 0.06);
+}
+.mc-date-range-pro__popup .ant-picker-panel-layout > div .ant-picker-footer .ant-picker-footer-extra {
+  height: 100%;
+  padding: 0;
+  line-height: normal;
+}
+.mc-date-range-pro__popup.mc-date-range-pro__popup--time .ant-picker-panel-container {
+  height: 366px;
+}
+.mc-date-range-pro__popup.mc-date-range-pro__popup--time .ant-picker-panel-container .ant-picker-ranges {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid rgba(5, 5, 5, 0.06);
+  border-left: 1px solid rgba(5, 5, 5, 0.06);
+}
+.mc-date-range-pro__popup.mc-date-range-pro__popup--time .ant-picker-panel-container .ant-picker-panel-layout > div .ant-picker-footer .ant-picker-footer-extra {
+  height: calc(100% + 43px);
+  border-bottom: 0;
+}
+.mc-date-range-pro__presets {
+  position: relative;
+  height: 100%;
+}
+.mc-date-range-pro__presets__types .ant-tabs-nav {
+  margin-bottom: 0;
+  padding: 0 8px;
+}
+.mc-date-range-pro__presets__types .ant-tabs-nav .ant-tabs-tab {
+  padding: 11px 16px 8px;
+}
+.mc-date-range-pro__presets__types .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-left: 16px;
+}
+.mc-date-range-pro__presets__list {
+  position: absolute;
+  top: 41px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 8px;
+  overflow: auto;
+}
+.mc-date-range-pro__presets__item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 4px 8px;
+  line-height: 24px;
+  border-radius: 4px;
+}
+.mc-date-range-pro__presets__item:hover {
+  cursor: pointer;
+}
+.mc-date-range-pro__presets__item.mc-date-range-pro__presets__item--active {
+  background: #eaeefe;
+}
+.mc-date-range-pro__presets__item__number-input {
+  position: relative;
+  margin: 0 4px;
+}
+.mc-date-range-pro__presets__item__number-input__place {
+  min-width: 24px;
+  height: 24px;
+  padding: 0 8px;
+}
+.mc-date-range-pro__presets__item__number-input .ant-input-number {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  background: #fff !important;
+  border-color: transparent !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.mc-date-range-pro__presets__item__number-input .ant-input-number:hover,
+.mc-date-range-pro__presets__item__number-input .ant-input-number:focus {
+  border-color: #325cf7 !important;
+}
+.mc-date-range-pro__presets__item__number-input .ant-input-number .ant-input-number-input-wrap .ant-input-number-input {
+  height: 22px;
+  padding: 0 7px;
+  -webkit-transition: none;
+  transition: none;
+}
+.mc-date-range-pro__presets__item__number-input .ant-input-number .ant-input-number-input-wrap .ant-input-number-input:not(:focus):empty {
+  padding: 0;
+  text-align: center;
+}
+.mc-date-range-pro__dynamic-value {
+  position: absolute;
+  top: 5px;
+  right: 30px;
+  bottom: 5px;
+  left: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: #f0f2f5;
+}

package/dist/McDateRangePro/index.d.ts

@@ -0,0 +1,23 @@
+import { RangePickerProps } from 'antd/es/date-picker';
+import { FC, ReactNode } from 'react';
+import './index.less';
+export declare const getDynamicLabel: (dynamicValue?: string) => any;
+export type McDateRangeProProps = Omit<RangePickerProps, 'value' | 'onChange' | 'open' | 'onOpenChange' | 'presets' | 'renderExtraFooter' | 'needConfirm'> & {
+    /** 查询项的字段名（配合McContainer组件的查询功能使用） */
+    name?: string;
+    /** 查询项的标签文字（若未设置，样式为表单项形态） */
+    label?: ReactNode;
+    /** 日期范围值的格式，默认 'YYYY-MM-DD'（showTime时，默认 'YYYY-MM-DD HH:mm:ss'） */
+    valueFormat?: string;
+    /** 日期类型（设置该属性时显示左侧快捷栏）：'past'过去（默认禁用未来日期，可设置maxDate={undefined}解除禁用） | 'future'未来（默认禁用过去日期，可设置minDate={undefined}解除禁用） */
+    dateType?: 'past' | 'future';
+    /** 是否支持动态日期（设置日期类型后有效），默认false */
+    dynamic?: boolean;
+    /** value为string[]类型表示静态日期，如['2025-01-16', '2025-01-18']；value为string类型表示动态日期，如'-4_0' */
+    value?: string | string[];
+    /** 当为静态日期时，返回的value为string[]类型，，如['2025-01-16', '2025-01-18']；当为动态日期时，返回的value为string类型，如'-4_0'，且第二参数返回当前日期范围值，如['2025-01-14', '2025-01-18'] */
+    onChange?: (value?: string | string[], dateStrings?: string[]) => void;
+    ref?: any;
+};
+declare const McDateRangePro: FC<McDateRangeProProps>;
+export default McDateRangePro;