@kne/react-form-antd 4.1.2 → 4.1.3

package/dist/index.js

@@ -5,27 +5,45 @@ var reactFormHelper = require('@kne/react-form-helper');
 var merge = require('lodash/merge');
 var antd = require('antd');
 var reactIntl = require('@kne/react-intl');
-var icons = require('@ant-design/icons');
 var dayjs = require('dayjs');
 var useControlValue = require('@kne/use-control-value');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return n;
+}
+
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var ReactForm__default = /*#__PURE__*/_interopDefaultLegacy(ReactForm);
 var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var useControlValue__default = /*#__PURE__*/_interopDefaultLegacy(useControlValue);
 
-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 {};
@@ -59,7 +77,7 @@ var preset = (function (props) {
   ReactForm.preset(globalParams.rules);
 });
 
-var _excluded$5 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+var _excluded$4 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
 var ScrollToError = reactFormHelper.widget.ScrollToError,
   EnterSubmit = reactFormHelper.widget.EnterSubmit,
   FormStore = reactFormHelper.widget.FormStore,
@@ -77,7 +95,7 @@ var Form = React.forwardRef(function (originProps, ref) {
       block: 'center'
     } : _originProps$scrollPr,
     children = originProps.children,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$5);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$4);
   var baseClass = 'react-form';
   var computedClass = baseClass;
   var _Object$assign = Object.assign({
@@ -103,7 +121,7 @@ var Form = React.forwardRef(function (originProps, ref) {
     value: {
       size: size
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ReactForm__default["default"], _extends({}, props, {
+  }, /*#__PURE__*/React__default["default"].createElement(ReactForm__default["default"], _extends$3({}, props, {
     ref: ref
   }), cache ? /*#__PURE__*/React__default["default"].createElement(FormStore, {
     cache: cache
@@ -132,25 +150,14 @@ var locale = {
   SoFar: 'Present'
 };
 
-var _excluded$4 = ["locale"];
-var localeMap = {
-  'zh-CN': locale$1,
-  'en-US': locale
-};
-var withLocale = function withLocale(WrappedComponent) {
-  var WithLocaleComponent = function WithLocaleComponent(_ref) {
-    var _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'zh-CN' : _ref$locale,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-    var messages = localeMap[locale] || locale$1;
-    return /*#__PURE__*/React__default["default"].createElement(reactIntl.IntlProvider, {
-      locale: locale,
-      messages: messages
-    }, /*#__PURE__*/React__default["default"].createElement(WrappedComponent, props));
-  };
-  WithLocaleComponent.displayName = "withLocale(" + (WrappedComponent.displayName || WrappedComponent.name || 'Component') + ")";
-  return WithLocaleComponent;
-};
+var withLocale = reactIntl.createWithIntlProvider({
+  defaultLocale: 'zh-CN',
+  messages: {
+    'zh-CN': locale$1,
+    'en-US': locale
+  },
+  namespace: 'react-form-antd'
+});
 
 var useOnChange$b = reactFormHelper.hooks.useOnChange;
 var TreeSelectInner = function TreeSelectInner(props) {
@@ -274,7 +281,7 @@ var RadioGroup = function RadioGroup(_ref) {
   var handler = React.useCallback(function (e) {
     onChange && onChange(e.target.value);
   }, [onChange]);
-  return /*#__PURE__*/React__default["default"].createElement(antd.Radio.Group, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(antd.Radio.Group, _extends$3({}, props, {
     onChange: handler
   }));
 };
@@ -343,7 +350,409 @@ PasswordInner.Field = antd.Input.Password;
 var InputField = withLocale(InputFieldInner);
 InputField.Password = withLocale(PasswordInner);
 
-var _excluded$2 = ["soFarText", "soFarValue", "picker"];
+const IconContext = /*#__PURE__*/React.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["default"].createElement(node.tag, {
+      key,
+      ...normalizeAttrs(node.attrs)
+    }, (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`)));
+  }
+  return /*#__PURE__*/React__default["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
+  } = React.useContext(Context);
+  let mergedStyleStr = iconStyles;
+  if (prefixCls) {
+    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
+  }
+  if (layer) {
+    mergedStyleStr = `@layer ${layer} {\n${mergedStyleStr}\n}`;
+  }
+  React.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__namespace.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__namespace.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__namespace.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__namespace.createElement("span", _extends$2({
+    role: "img",
+    "aria-label": icon.name
+  }, restProps, {
+    ref: ref,
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), /*#__PURE__*/React__namespace.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__namespace.createElement(AntdIcon, _extends$1({}, props, {
+  ref: ref,
+  icon: CalendarOutlinedSvg
+}));
+
+/**![calendar](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4MCAxODRINzEydi02NGMwLTQuNC0zLjYtOC04LThoLTU2Yy00LjQgMC04IDMuNi04IDh2NjRIMzg0di02NGMwLTQuNC0zLjYtOC04LThoLTU2Yy00LjQgMC04IDMuNi04IDh2NjRIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY2NjRjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjIxNmMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQwIDY1NkgxODRWNDYwaDY1NnYzODB6TTE4NCAzOTJWMjU2aDEyOHY0OGMwIDQuNCAzLjYgOCA4IDhoNTZjNC40IDAgOC0zLjYgOC04di00OGgyNTZ2NDhjMCA0LjQgMy42IDggOCA4aDU2YzQuNCAwIDgtMy42IDgtOHYtNDhoMTI4djEzNkgxODR6IiAvPjwvc3ZnPg==) */
+const RefIcon$1 = /*#__PURE__*/React__namespace.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__namespace.createElement(AntdIcon, _extends({}, props, {
+  ref: ref,
+  icon: CloseCircleFilledSvg
+}));
+
+/**![close-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDY0YzI0Ny40IDAgNDQ4IDIwMC42IDQ0OCA0NDhTNzU5LjQgOTYwIDUxMiA5NjAgNjQgNzU5LjQgNjQgNTEyIDI2NC42IDY0IDUxMiA2NHptMTI3Ljk4IDI3NC44MmgtLjA0bC0uMDguMDZMNTEyIDQ2Ni43NSAzODQuMTQgMzM4Ljg4Yy0uMDQtLjA1LS4wNi0uMDYtLjA4LS4wNmEuMTIuMTIgMCAwMC0uMDcgMGMtLjAzIDAtLjA1LjAxLS4wOS4wNWwtNDUuMDIgNDUuMDJhLjIuMiAwIDAwLS4wNS4wOS4xMi4xMiAwIDAwMCAuMDd2LjAyYS4yNy4yNyAwIDAwLjA2LjA2TDQ2Ni43NSA1MTIgMzM4Ljg4IDYzOS44NmMtLjA1LjA0LS4wNi4wNi0uMDYuMDhhLjEyLjEyIDAgMDAwIC4wN2MwIC4wMy4wMS4wNS4wNS4wOWw0NS4wMiA0NS4wMmEuMi4yIDAgMDAuMDkuMDUuMTIuMTIgMCAwMC4wNyAwYy4wMiAwIC4wNC0uMDEuMDgtLjA1TDUxMiA1NTcuMjVsMTI3Ljg2IDEyNy44N2MuMDQuMDQuMDYuMDUuMDguMDVhLjEyLjEyIDAgMDAuMDcgMGMuMDMgMCAuMDUtLjAxLjA5LS4wNWw0NS4wMi00NS4wMmEuMi4yIDAgMDAuMDUtLjA5LjEyLjEyIDAgMDAwLS4wN3YtLjAyYS4yNy4yNyAwIDAwLS4wNS0uMDZMNTU3LjI1IDUxMmwxMjcuODctMTI3Ljg2Yy4wNC0uMDQuMDUtLjA2LjA1LS4wOGEuMTIuMTIgMCAwMDAtLjA3YzAtLjAzLS4wMS0uMDUtLjA1LS4wOWwtNDUuMDItNDUuMDJhLjIuMiAwIDAwLS4wOS0uMDUuMTIuMTIgMCAwMC0uMDcgMHoiIC8+PC9zdmc+) */
+const RefIcon = /*#__PURE__*/React__namespace.forwardRef(CloseCircleFilled);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'CloseCircleFilled';
+}
+var CloseCircleFilled$1 = RefIcon;
+
+var _excluded$2 = ["soFarText", "soFarValue", "picker", "placeholder"];
 var useOnChange$6 = reactFormHelper.hooks.useOnChange;
 var PickerTodayInner = function PickerTodayInner(_ref) {
   var soFarText = _ref.soFarText,
@@ -351,6 +760,7 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
     soFarValue = _ref$soFarValue === void 0 ? 'soFar' : _ref$soFarValue,
     _ref$picker = _ref.picker,
     picker = _ref$picker === void 0 ? 'date' : _ref$picker,
+    placeholder = _ref.placeholder,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -378,6 +788,13 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
   var soFarLabel = soFarText || formatMessage({
     id: 'SoFar'
   });
+  var placeholderList = Array.isArray(placeholder) ? placeholder : [];
+  var startPlaceholder = placeholderList[0] || formatMessage({
+    id: 'StartDate'
+  });
+  var endPlaceholder = placeholderList[1] || formatMessage({
+    id: 'EndDate'
+  });
 
   // 根据 picker 类型获取格式化字符串
   var formatPattern = React.useMemo(function () {
@@ -559,9 +976,7 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
     className: "date-picker-today-start"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     readOnly: true,
-    placeholder: formatMessage({
-      id: 'StartDate'
-    }),
+    placeholder: startPlaceholder,
     value: displayText.start,
     className: "ant-input"
   })), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -570,17 +985,15 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
     className: "date-picker-today-end"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     readOnly: true,
-    placeholder: formatMessage({
-      id: 'EndDate'
-    }),
+    placeholder: endPlaceholder,
     value: displayText.end,
     className: "ant-input " + (isSoFar ? 'so-far-active' : '')
   })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "date-picker-today-suffix"
-  }, hasValue && hovering ? /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, {
+  }, hasValue && hovering ? /*#__PURE__*/React__default["default"].createElement(CloseCircleFilled$1, {
     className: "date-picker-today-clear",
     onClick: handleClear
-  }) : /*#__PURE__*/React__default["default"].createElement(icons.CalendarOutlined, null))), /*#__PURE__*/React__default["default"].createElement(antd.DatePicker, {
+  }) : /*#__PURE__*/React__default["default"].createElement(CalendarOutlined$1, null))), /*#__PURE__*/React__default["default"].createElement(antd.DatePicker, {
     picker: picker,
     open: openStart,
     onOpenChange: handleStartOpenChange,
@@ -766,7 +1179,7 @@ Slider.Field = antd.Slider;
 
 var ResetButton = function ResetButton(props) {
   var resetProps = ReactForm.useReset();
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, resetProps, props));
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, resetProps, props));
 };
 
 var _excluded$1 = ["type", "realtime", "disabled"],
@@ -782,7 +1195,7 @@ var SubmitButton = function SubmitButton(_ref) {
     isPass = _useSubmit.isPass,
     isLoading = _useSubmit.isLoading,
     submitProps = _objectWithoutPropertiesLoose(_useSubmit, _excluded2);
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({
     type: type,
     loading: isLoading,
     disabled: disabled || (realtime ? !isPass : false)
@@ -795,7 +1208,7 @@ var CancelButton = function CancelButton(_ref) {
   var _onClick = _ref.onClick,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var remove = useCacheRemove();
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, props, {
     onClick: function onClick() {
       remove();
       _onClick && _onClick.apply(void 0, [].slice.call(arguments));