@kne/react-form-antd 4.1.2 → 4.1.3

package/dist/index.modern.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useCallback, useState, useRef, useMemo } from 'react';
+import * as React from 'react';
+import React__default, { forwardRef, useCallback, createContext, useContext, useEffect, useState, useRef, useMemo } from 'react';
 import classnames from 'classnames';
 import ReactForm__default, { preset as preset$2, useReset, useSubmit } from '@kne/react-form';
 export * from '@kne/react-form';
@@ -6,19 +7,18 @@ import { preset as preset$1, widget, hooks, hoc } from '@kne/react-form-helper';
 export { hoc, hooks, utils, widget } from '@kne/react-form-helper';
 import merge from 'lodash/merge';
 import { TreeSelect, TimePicker, Input, Switch as Switch$1, Select, Radio, InputNumber, Button, DatePicker, Checkbox as Checkbox$1, Cascader as Cascader$1, Rate as Rate$1, Slider as Slider$1 } from 'antd';
-import { IntlProvider, useIntl } from '@kne/react-intl';
-import { CloseCircleFilled, CalendarOutlined } from '@ant-design/icons';
+import { createWithIntlProvider, useIntl } from '@kne/react-intl';
 import dayjs from 'dayjs';
 import useControlValue from '@kne/use-control-value';
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$3() {
+  return _extends$3 = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends.apply(null, arguments);
+  }, _extends$3.apply(null, arguments);
 }
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
@@ -52,7 +52,7 @@ var preset = props => {
   preset$2(globalParams.rules);
 };
 
-const _excluded$5 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+const _excluded$4 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
 const {
   ScrollToError,
   EnterSubmit,
@@ -71,7 +71,7 @@ const Form = forwardRef((originProps, ref) => {
       },
       children
     } = originProps,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$5);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$4);
   const baseClass = 'react-form';
   let computedClass = baseClass;
   const {
@@ -87,24 +87,24 @@ const Form = forwardRef((originProps, ref) => {
   if (size !== 'middle') {
     computedClass += `--${size}`;
   }
-  const maxLabel = /*#__PURE__*/React.createElement(MaxLabelProvider, null, children);
-  return /*#__PURE__*/React.createElement("form", {
+  const maxLabel = /*#__PURE__*/React__default.createElement(MaxLabelProvider, null, children);
+  return /*#__PURE__*/React__default.createElement("form", {
     className: classnames(baseClass, computedClass, className),
     onSubmit: e => {
       e.preventDefault();
       e.stopPropagation();
     }
-  }, /*#__PURE__*/React.createElement(SizeProvider, {
+  }, /*#__PURE__*/React__default.createElement(SizeProvider, {
     value: {
       size
     }
-  }, /*#__PURE__*/React.createElement(ReactForm__default, _extends({}, props, {
+  }, /*#__PURE__*/React__default.createElement(ReactForm__default, _extends$3({}, props, {
     ref: ref
-  }), cache ? /*#__PURE__*/React.createElement(FormStore, {
+  }), cache ? /*#__PURE__*/React__default.createElement(FormStore, {
     cache: cache
-  }) : null, scrollToError ? /*#__PURE__*/React.createElement(ScrollToError, {
+  }) : null, scrollToError ? /*#__PURE__*/React__default.createElement(ScrollToError, {
     scrollProps: scrollProps
-  }) : null, enterSubmit ? /*#__PURE__*/React.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
+  }) : null, enterSubmit ? /*#__PURE__*/React__default.createElement(EnterSubmit, null, maxLabel) : maxLabel)));
 });
 
 const locale$1 = {
@@ -127,26 +127,14 @@ const locale = {
   SoFar: 'Present'
 };
 
-const _excluded$4 = ["locale"];
-const localeMap = {
-  'zh-CN': locale$1,
-  'en-US': locale
-};
-const withLocale = WrappedComponent => {
-  const WithLocaleComponent = _ref => {
-    let {
-        locale = 'zh-CN'
-      } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-    const messages = localeMap[locale] || locale$1;
-    return /*#__PURE__*/React.createElement(IntlProvider, {
-      locale: locale,
-      messages: messages
-    }, /*#__PURE__*/React.createElement(WrappedComponent, props));
-  };
-  WithLocaleComponent.displayName = `withLocale(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;
-  return WithLocaleComponent;
-};
+const withLocale = createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': locale$1,
+    'en-US': locale
+  },
+  namespace: 'react-form-antd'
+});
 
 const {
   useOnChange: useOnChange$b
@@ -293,7 +281,7 @@ const RadioGroup = _ref => {
   const handler = useCallback(e => {
     onChange && onChange(e.target.value);
   }, [onChange]);
-  return /*#__PURE__*/React.createElement(Radio.Group, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Radio.Group, _extends$3({}, props, {
     onChange: handler
   }));
 };
@@ -369,7 +357,409 @@ PasswordInner.Field = Input.Password;
 const InputField = withLocale(InputFieldInner);
 InputField.Password = withLocale(PasswordInner);
 
-const _excluded$2 = ["soFarText", "soFarValue", "picker"];
+const IconContext = /*#__PURE__*/createContext({});
+var Context = IconContext;
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+const APPEND_ORDER = 'data-rc-order';
+const APPEND_PRIORITY = 'data-rc-priority';
+const MARK_KEY = 'rc-util-key';
+const containerCache = new Map();
+function canUseDom() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+function contains(root, node) {
+  if (!root || !node) {
+    return false;
+  }
+  if (root.contains) {
+    return root.contains(node);
+  }
+  let current = node;
+  while (current) {
+    if (current === root) {
+      return true;
+    }
+    current = current.parentNode;
+  }
+  return false;
+}
+function getMark({
+  mark
+} = {}) {
+  if (mark) {
+    return mark.startsWith('data-') ? mark : `data-${mark}`;
+  }
+  return MARK_KEY;
+}
+function getContainer(option) {
+  if (option.attachTo) {
+    return option.attachTo;
+  }
+  const head = document.querySelector('head');
+  return head || document.body;
+}
+function getOrder(prepend) {
+  if (prepend === 'queue') {
+    return 'prependQueue';
+  }
+  return prepend ? 'prepend' : 'append';
+}
+function findStyles(container) {
+  return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE');
+}
+function injectCSS(css, option = {}) {
+  if (!canUseDom()) {
+    return null;
+  }
+  const {
+    csp,
+    prepend,
+    priority = 0
+  } = option;
+  const mergedOrder = getOrder(prepend);
+  const isPrependQueue = mergedOrder === 'prependQueue';
+  const styleNode = document.createElement('style');
+  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+  if (isPrependQueue && priority) {
+    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+  }
+  if (csp?.nonce) {
+    styleNode.nonce = csp.nonce;
+  }
+  styleNode.innerHTML = css;
+  const container = getContainer(option);
+  const {
+    firstChild
+  } = container;
+  if (prepend) {
+    if (isPrependQueue) {
+      const existStyle = (option.styles || findStyles(container)).filter(node => {
+        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
+          return false;
+        }
+        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
+        return priority >= nodePriority;
+      });
+      if (existStyle.length) {
+        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+        return styleNode;
+      }
+    }
+    container.insertBefore(styleNode, firstChild);
+  } else {
+    container.appendChild(styleNode);
+  }
+  return styleNode;
+}
+function findExistNode(key, option = {}) {
+  let {
+    styles
+  } = option;
+  styles ||= findStyles(getContainer(option));
+  return styles.find(node => node.getAttribute(getMark(option)) === key);
+}
+function syncRealContainer(container, option) {
+  const cachedRealContainer = containerCache.get(container);
+  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
+    const placeholderStyle = injectCSS('', option);
+    if (!placeholderStyle) {
+      return;
+    }
+    const {
+      parentNode
+    } = placeholderStyle;
+    containerCache.set(container, parentNode);
+    container.removeChild(placeholderStyle);
+  }
+}
+function updateCSS(css, key, originOption = {}) {
+  if (!canUseDom()) {
+    return null;
+  }
+  const container = getContainer(originOption);
+  const styles = findStyles(container);
+  const option = {
+    ...originOption,
+    styles
+  };
+  syncRealContainer(container, option);
+  const existNode = findExistNode(key, option);
+  if (existNode) {
+    if (option.csp?.nonce && existNode.nonce !== option.csp.nonce) {
+      existNode.nonce = option.csp.nonce;
+    }
+    if (existNode.innerHTML !== css) {
+      existNode.innerHTML = css;
+    }
+    return existNode;
+  }
+  const newNode = injectCSS(css, option);
+  newNode?.setAttribute(getMark(option), key);
+  return newNode;
+}
+function getRoot(ele) {
+  return ele?.getRootNode?.();
+}
+function getShadowRoot(ele) {
+  const root = getRoot(ele);
+  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot ? root : null;
+}
+const warned = {};
+function warningOnce(valid, message) {
+  if (valid || warned[message]) {
+    return;
+  }
+  if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+    console.error(`Warning: ${message}`);
+  }
+  warned[message] = true;
+}
+
+function camelCase(input) {
+  return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
+}
+function warning(valid, message) {
+  warningOnce(valid, `[@ant-design/icons] ${message}`);
+}
+function isIconDefinition(target) {
+  return typeof target === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (typeof target.icon === 'object' || typeof target.icon === 'function');
+}
+function normalizeAttrs(attrs = {}) {
+  return Object.keys(attrs).reduce((acc, key) => {
+    const val = attrs[key];
+    switch (key) {
+      case 'class':
+        acc.className = val;
+        delete acc.class;
+        break;
+      default:
+        delete acc[key];
+        acc[camelCase(key)] = val;
+    }
+    return acc;
+  }, {});
+}
+function generate(node, key, rootProps) {
+  if (!rootProps) {
+    return /*#__PURE__*/React__default.createElement(node.tag, {
+      key,
+      ...normalizeAttrs(node.attrs)
+    }, (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
+  }
+  return /*#__PURE__*/React__default.createElement(node.tag, {
+    key,
+    ...normalizeAttrs(node.attrs),
+    ...rootProps
+  }, (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
+}
+const iconStyles = `
+.anticon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+  vertical-align: inherit;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin {
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+const useInsertStyles = eleRef => {
+  const {
+    csp,
+    prefixCls,
+    layer,
+    zeroRuntime
+  } = useContext(Context);
+  let mergedStyleStr = iconStyles;
+  if (prefixCls) {
+    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
+  }
+  if (layer) {
+    mergedStyleStr = `@layer ${layer} {\n${mergedStyleStr}\n}`;
+  }
+  useEffect(() => {
+    if (zeroRuntime) {
+      return;
+    }
+    const ele = eleRef.current;
+    const shadowRoot = getShadowRoot(ele);
+    updateCSS(mergedStyleStr, '@ant-design-icons', {
+      prepend: !layer,
+      csp,
+      attachTo: shadowRoot
+    });
+  }, []);
+};
+
+const IconBase = props => {
+  const {
+    icon,
+    className,
+    onClick,
+    style,
+    primaryColor: _primaryColor,
+    secondaryColor: _secondaryColor,
+    ...restProps
+  } = props;
+  const svgRef = React.useRef(null);
+  useInsertStyles(svgRef);
+  warning(isIconDefinition(icon), `icon should be icon definiton, but got ${icon}`);
+  if (!isIconDefinition(icon)) {
+    return null;
+  }
+  const target = icon;
+  return generate(target.icon, `svg-${target.name}`, {
+    className,
+    onClick,
+    style,
+    'data-icon': target.name,
+    width: '1em',
+    height: '1em',
+    fill: 'currentColor',
+    'aria-hidden': 'true',
+    ...restProps,
+    ref: svgRef
+  });
+};
+IconBase.displayName = 'IconReact';
+var ReactIcon = IconBase;
+
+function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
+const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    // affect outter <i>...</i>
+    className,
+    // affect inner <svg>...</svg>
+    icon,
+    spin,
+    rotate,
+    tabIndex,
+    onClick,
+    twoToneColor: _twoToneColor,
+    // other
+    ...restProps
+  } = props;
+  const {
+    prefixCls = 'anticon',
+    rootClassName
+  } = React.useContext(Context);
+  const classString = clsx(rootClassName, prefixCls, {
+    [`${prefixCls}-${icon.name}`]: !!icon.name,
+    [`${prefixCls}-spin`]: !!spin || icon.name === 'loading'
+  }, className);
+  let iconTabIndex = tabIndex;
+  if (iconTabIndex === undefined && onClick) {
+    iconTabIndex = -1;
+  }
+  const svgStyle = rotate ? {
+    msTransform: `rotate(${rotate}deg)`,
+    transform: `rotate(${rotate}deg)`
+  } : undefined;
+  return /*#__PURE__*/React.createElement("span", _extends$2({
+    role: "img",
+    "aria-label": icon.name
+  }, restProps, {
+    ref: ref,
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), /*#__PURE__*/React.createElement(ReactIcon, {
+    icon: icon,
+    style: svgStyle
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Icon.displayName = 'AntdIcon';
+}
+var AntdIcon = Icon;
+
+// This icon file is generated automatically.
+
+var CalendarOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" };
+var _default$1 = CalendarOutlined$2;
+
+var CalendarOutlinedSvg = _default$1;
+
+function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
+const CalendarOutlined = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends$1({}, props, {
+  ref: ref,
+  icon: CalendarOutlinedSvg
+}));
+
+/**![calendar](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAxODRINzEydi02NGMwLTQuNC0zLjYtOC04LThoLTU2Yy00LjQgMC04IDMuNi04IDh2NjRIMzg0di02NGMwLTQuNC0zLjYtOC04LThoLTU2Yy00LjQgMC04IDMuNi04IDh2NjRIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NjRjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjIxNmMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDY1NkgxODRWNDYwaDY1NnYzODB6TTE4NCAzOTJWMjU2aDEyOHY0OGMwIDQuNCAzLjYgOCA4IDhoNTZjNC40IDAgOC0zLjYgOC04di00OGgyNTZ2NDhjMCA0LjQgMy42IDggOCA4aDU2YzQuNCAwIDgtMy42IDgtOHYtNDhoMTI4djEzNkgxODR6IiAvPjwvc3ZnPg==) */
+const RefIcon$1 = /*#__PURE__*/React.forwardRef(CalendarOutlined);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon$1.displayName = 'CalendarOutlined';
+}
+var CalendarOutlined$1 = RefIcon$1;
+
+// This icon file is generated automatically.
+
+var CloseCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
+var _default = CloseCircleFilled$2;
+
+var CloseCircleFilledSvg = _default;
+
+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); }
+const CloseCircleFilled = (props, ref) => /*#__PURE__*/React.createElement(AntdIcon, _extends({}, props, {
+  ref: ref,
+  icon: CloseCircleFilledSvg
+}));
+
+/**![close-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDY0YzI0Ny40IDAgNDQ4IDIwMC42IDQ0OCA0NDhTNzU5LjQgOTYwIDUxMiA5NjAgNjQgNzU5LjQgNjQgNTEyIDI2NC42IDY0IDUxMiA2NHptMTI3Ljk4IDI3NC44MmgtLjA0bC0uMDguMDZMNTEyIDQ2Ni43NSAzODQuMTQgMzM4Ljg4Yy0uMDQtLjA1LS4wNi0uMDYtLjA4LS4wNmEuMTIuMTIgMCAwMC0uMDcgMGMtLjAzIDAtLjA1LjAxLS4wOS4wNWwtNDUuMDIgNDUuMDJhLjIuMiAwIDAwLS4wNS4wOS4xMi4xMiAwIDAwMCAuMDd2LjAyYS4yNy4yNyAwIDAwLjA2LjA2TDQ2Ni43NSA1MTIgMzM4Ljg4IDYzOS44NmMtLjA1LjA0LS4wNi4wNi0uMDYuMDhhLjEyLjEyIDAgMDAwIC4wN2MwIC4wMy4wMS4wNS4wNS4wOWw0NS4wMiA0NS4wMmEuMi4yIDAgMDAuMDkuMDUuMTIuMTIgMCAwMC4wNyAwYy4wMiAwIC4wNC0uMDEuMDgtLjA1TDUxMiA1NTcuMjVsMTI3Ljg2IDEyNy44N2MuMDQuMDQuMDYuMDUuMDguMDVhLjEyLjEyIDAgMDAuMDcgMGMuMDMgMCAuMDUtLjAxLjA5LS4wNWw0NS4wMi00NS4wMmEuMi4yIDAgMDAuMDUtLjA5LjEyLjEyIDAgMDAwLS4wN3YtLjAyYS4yNy4yNyAwIDAwLS4wNS0uMDZMNTU3LjI1IDUxMmwxMjcuODctMTI3Ljg2Yy4wNC0uMDQuMDUtLjA2LjA1LS4wOGEuMTIuMTIgMCAwMDAtLjA3YzAtLjAzLS4wMS0uMDUtLjA1LS4wOWwtNDUuMDItNDUuMDJhLjIuMiAwIDAwLS4wOS0uMDUuMTIuMTIgMCAwMC0uMDcgMHoiIC8+PC9zdmc+) */
+const RefIcon = /*#__PURE__*/React.forwardRef(CloseCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'CloseCircleFilled';
+}
+var CloseCircleFilled$1 = RefIcon;
+
+const _excluded$2 = ["soFarText", "soFarValue", "picker", "placeholder"];
 const {
   useOnChange: useOnChange$6
 } = hooks;
@@ -377,7 +767,8 @@ const PickerTodayInner = _ref => {
   let {
       soFarText,
       soFarValue = 'soFar',
-      picker = 'date'
+      picker = 'date',
+      placeholder
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const {
@@ -395,6 +786,13 @@ const PickerTodayInner = _ref => {
   const soFarLabel = soFarText || formatMessage({
     id: 'SoFar'
   });
+  const placeholderList = Array.isArray(placeholder) ? placeholder : [];
+  const startPlaceholder = placeholderList[0] || formatMessage({
+    id: 'StartDate'
+  });
+  const endPlaceholder = placeholderList[1] || formatMessage({
+    id: 'EndDate'
+  });
 
   // 根据 picker 类型获取格式化字符串
   const formatPattern = useMemo(() => {
@@ -521,7 +919,7 @@ const PickerTodayInner = _ref => {
   }, []);
 
   // 空的 footer（用于开始时间，保持高度一致）
-  const renderEmptyFooter = useCallback(() => /*#__PURE__*/React.createElement("div", {
+  const renderEmptyFooter = useCallback(() => /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: 40
     }
@@ -530,11 +928,11 @@ const PickerTodayInner = _ref => {
   // 带至今按钮的 footer
   const renderExtraFooter = useCallback(() => {
     const isCurrentSoFar = !tempStart && isSoFar;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       style: {
         textAlign: 'right'
       }
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React__default.createElement(Button, {
       type: isCurrentSoFar ? 'primary' : 'default',
       onClick: handleSoFarClick
     }, soFarLabel));
@@ -552,40 +950,36 @@ const PickerTodayInner = _ref => {
     const unit = startOfMap[picker] || 'day';
     return current && current < tempStart.startOf(unit);
   }, [tempStart, picker]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "date-picker-today-container",
     ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "date-picker-today-inputs",
     onClick: handleInputClick,
     onMouseEnter: () => setHovering(true),
     onMouseLeave: () => setHovering(false)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "date-picker-today-start"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     readOnly: true,
-    placeholder: formatMessage({
-      id: 'StartDate'
-    }),
+    placeholder: startPlaceholder,
     value: displayText.start,
     className: "ant-input"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default.createElement("span", {
     className: "date-picker-today-separator"
-  }, "~"), /*#__PURE__*/React.createElement("div", {
+  }, "~"), /*#__PURE__*/React__default.createElement("div", {
     className: "date-picker-today-end"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     readOnly: true,
-    placeholder: formatMessage({
-      id: 'EndDate'
-    }),
+    placeholder: endPlaceholder,
     value: displayText.end,
     className: `ant-input ${isSoFar ? 'so-far-active' : ''}`
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default.createElement("span", {
     className: "date-picker-today-suffix"
-  }, hasValue && hovering ? /*#__PURE__*/React.createElement(CloseCircleFilled, {
+  }, hasValue && hovering ? /*#__PURE__*/React__default.createElement(CloseCircleFilled$1, {
     className: "date-picker-today-clear",
     onClick: handleClear
-  }) : /*#__PURE__*/React.createElement(CalendarOutlined, null))), /*#__PURE__*/React.createElement(DatePicker, {
+  }) : /*#__PURE__*/React__default.createElement(CalendarOutlined$1, null))), /*#__PURE__*/React__default.createElement(DatePicker, {
     picker: picker,
     open: openStart,
     onOpenChange: handleStartOpenChange,
@@ -601,7 +995,7 @@ const PickerTodayInner = _ref => {
       position: 'absolute'
     },
     placement: "bottomLeft"
-  }), /*#__PURE__*/React.createElement(DatePicker, {
+  }), /*#__PURE__*/React__default.createElement(DatePicker, {
     picker: picker,
     open: openEnd,
     onOpenChange: handleEndOpenChange,
@@ -787,7 +1181,7 @@ Slider.Field = Slider$1;
 
 const ResetButton = props => {
   const resetProps = useReset();
-  return /*#__PURE__*/React.createElement(Button, _extends({}, resetProps, props));
+  return /*#__PURE__*/React__default.createElement(Button, _extends$3({}, resetProps, props));
 };
 
 const _excluded$1 = ["type", "realtime", "disabled"],
@@ -805,7 +1199,7 @@ const SubmitButton = _ref => {
       isLoading
     } = _useSubmit,
     submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded2);
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/React__default.createElement(Button, _extends$3({
     type: type,
     loading: isLoading,
     disabled: disabled || (realtime ? !isPass : false)
@@ -822,7 +1216,7 @@ const CancelButton = _ref => {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const remove = useCacheRemove();
-  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Button, _extends$3({}, props, {
     onClick: (...args) => {
       remove();
       onClick && onClick(...args);