antd-mobile 5.36.1 → 5.37.0

package/2x/bundle/antd-mobile.es.development.js

@@ -434,14 +434,24 @@ function withNativeProps(props, element) {
 function mergeProps(...items) {
   const ret = {};
   items.forEach((item) => {
-    Object.keys(item).forEach((key) => {
-      if (item[key] !== void 0) {
-        ret[key] = item[key];
-      }
-    });
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
   });
   return ret;
 }
+function mergeProp(defaultProp, ...propList) {
+  for (let i2 = propList.length - 1; i2 >= 0; i2 -= 1) {
+    if (propList[i2] !== void 0) {
+      return propList[i2];
+    }
+  }
+  return defaultProp;
+}
 var createUpdateEffect = function(hook) {
   return function(effect, deps) {
     var isMounted = useRef(false);
@@ -6493,6 +6503,7 @@ function TextDeletionOutline(props) {
 }
 const defaultPopupBaseProps = {
   closeOnMaskClick: false,
+  closeIcon: React__default.createElement(CloseOutline, null),
   destroyOnClose: false,
   disableBodyScroll: true,
   forceRender: false,
@@ -8350,11 +8361,12 @@ const defaultProps$14 = Object.assign(Object.assign({}, defaultPopupBaseProps),
   position: "bottom"
 });
 const Popup = (p) => {
-  const props = mergeProps(defaultProps$14, p);
-  const bodyCls = classNames(`${classPrefix$1o}-body`, props.bodyClassName, `${classPrefix$1o}-body-position-${props.position}`);
   const {
-    locale
+    locale,
+    popup: componentConfig = {}
   } = useConfig();
+  const props = mergeProps(defaultProps$14, componentConfig, p);
+  const bodyCls = classNames(`${classPrefix$1o}-body`, props.bodyClassName, `${classPrefix$1o}-body-position-${props.position}`);
   const [active, setActive] = useState(props.visible);
   const ref = useRef(null);
   useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
@@ -8451,7 +8463,7 @@ const Popup = (p) => {
     },
     role: "button",
     "aria-label": locale.common.close
-  }, React__default.createElement(CloseOutline, null)), props.children))));
+  }, props.closeIcon), props.children))));
   return React__default.createElement(ShouldRender, {
     active,
     forceRender: props.forceRender,
@@ -11395,9 +11407,17 @@ function isNodeWithContent(node) {
 }
 const classPrefix$12 = `adm-list-item`;
 const ListItem = (props) => {
-  var _a;
+  var _a, _b;
+  const {
+    arrow: arrow2,
+    arrowIcon
+  } = props;
+  const {
+    list: componentConfig = {}
+  } = useConfig();
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
-  const arrow2 = props.arrow === void 0 ? clickable : props.arrow;
+  const showArrow = (_b = arrow2 !== null && arrow2 !== void 0 ? arrow2 : arrowIcon) !== null && _b !== void 0 ? _b : clickable;
+  const mergedArrowIcon = mergeProp(componentConfig.arrowIcon, arrow2 !== true ? arrow2 : null, arrowIcon !== true ? arrowIcon : null);
   const content = React__default.createElement("div", {
     className: `${classPrefix$12}-content`
   }, isNodeWithContent(props.prefix) && React__default.createElement("div", {
@@ -11410,9 +11430,9 @@ const ListItem = (props) => {
     className: `${classPrefix$12}-description`
   }, props.description)), isNodeWithContent(props.extra) && React__default.createElement("div", {
     className: `${classPrefix$12}-content-extra`
-  }, props.extra), isNodeWithContent(arrow2) && React__default.createElement("div", {
+  }, props.extra), showArrow && React__default.createElement("div", {
     className: `${classPrefix$12}-content-arrow`
-  }, arrow2 === true ? React__default.createElement(RightOutline, null) : arrow2));
+  }, mergedArrowIcon || React__default.createElement(RightOutline, null)));
   return withNativeProps(props, React__default.createElement(clickable ? "a" : "div", {
     className: classNames(`${classPrefix$12}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$12}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
@@ -11428,11 +11448,14 @@ const defaultProps$R = {
   defaultValue: [],
   activeIcon: React__default.createElement(CheckOutline, null)
 };
-const CheckList$1 = (p) => {
-  const props = mergeProps(defaultProps$R, p);
-  const [value, setValue2] = usePropsValue(props);
+const CheckList$1 = (props) => {
+  const {
+    checkList: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$R, componentConfig, props);
+  const [value, setValue2] = usePropsValue(mergedProps);
   function check(val) {
-    if (props.multiple) {
+    if (mergedProps.multiple) {
       setValue2([...value, val]);
     } else {
       setValue2([val]);
@@ -11446,7 +11469,7 @@ const CheckList$1 = (p) => {
     extra,
     disabled,
     readOnly
-  } = props;
+  } = mergedProps;
   return React__default.createElement(CheckListContext.Provider, {
     value: {
       value,
@@ -11457,10 +11480,10 @@ const CheckList$1 = (p) => {
       disabled,
       readOnly
     }
-  }, withNativeProps(props, React__default.createElement(List$1, {
-    mode: props.mode,
+  }, withNativeProps(mergedProps, React__default.createElement(List$1, {
+    mode: mergedProps.mode,
     className: classPrefix$11
-  }, props.children)));
+  }, mergedProps.children)));
 };
 const classPrefix$10 = `adm-check-list-item`;
 const CheckListItem = (props) => {
@@ -11933,12 +11956,15 @@ const classPrefix$Y = "adm-center-popup";
 const defaultProps$O = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
-const CenterPopup = (p) => {
-  const props = mergeProps(defaultProps$O, p);
+const CenterPopup = (props) => {
+  const {
+    popup: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$O, componentConfig, props);
   const unmountedRef = useUnmountedRef$1();
   const style = useSpring({
-    scale: props.visible ? 1 : 0.8,
-    opacity: props.visible ? 1 : 0,
+    scale: mergedProps.visible ? 1 : 0.8,
+    opacity: mergedProps.visible ? 1 : 0,
     config: {
       mass: 1.2,
       tension: 200,
@@ -11949,69 +11975,69 @@ const CenterPopup = (p) => {
       var _a, _b;
       if (unmountedRef.current)
         return;
-      setActive(props.visible);
-      if (props.visible) {
-        (_a = props.afterShow) === null || _a === void 0 ? void 0 : _a.call(props);
+      setActive(mergedProps.visible);
+      if (mergedProps.visible) {
+        (_a = mergedProps.afterShow) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
       } else {
-        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
+        (_b = mergedProps.afterClose) === null || _b === void 0 ? void 0 : _b.call(mergedProps);
       }
     }
   });
-  const [active, setActive] = useState(props.visible);
+  const [active, setActive] = useState(mergedProps.visible);
   useIsomorphicLayoutEffect$2(() => {
-    if (props.visible) {
+    if (mergedProps.visible) {
       setActive(true);
     }
-  }, [props.visible]);
+  }, [mergedProps.visible]);
   const ref = useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active);
-  const maskVisible = useInnerVisible(active && props.visible);
+  useLockScroll(ref, mergedProps.disableBodyScroll && active);
+  const maskVisible = useInnerVisible(active && mergedProps.visible);
   const body = React__default.createElement("div", {
-    className: classNames(`${classPrefix$Y}-body`, props.bodyClassName),
-    style: props.bodyStyle
-  }, props.children);
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement("div", {
+    className: classNames(`${classPrefix$Y}-body`, mergedProps.bodyClassName),
+    style: mergedProps.bodyStyle
+  }, mergedProps.children);
+  const node = withStopPropagation(mergedProps.stopPropagation, withNativeProps(mergedProps, React__default.createElement("div", {
     className: classPrefix$Y,
     style: {
       display: active ? void 0 : "none",
       pointerEvents: active ? void 0 : "none"
     }
-  }, props.mask && React__default.createElement(Mask, {
+  }, mergedProps.mask && React__default.createElement(Mask, {
     visible: maskVisible,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose,
+    forceRender: mergedProps.forceRender,
+    destroyOnClose: mergedProps.destroyOnClose,
     onMaskClick: (e2) => {
       var _a, _b;
-      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e2);
-      if (props.closeOnMaskClick) {
-        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      (_a = mergedProps.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
+      if (mergedProps.closeOnMaskClick) {
+        (_b = mergedProps.onClose) === null || _b === void 0 ? void 0 : _b.call(mergedProps);
       }
     },
-    style: props.maskStyle,
-    className: classNames(`${classPrefix$Y}-mask`, props.maskClassName),
+    style: mergedProps.maskStyle,
+    className: classNames(`${classPrefix$Y}-mask`, mergedProps.maskClassName),
     disableBodyScroll: false,
-    stopPropagation: props.stopPropagation
+    stopPropagation: mergedProps.stopPropagation
   }), React__default.createElement("div", {
     className: `${classPrefix$Y}-wrap`,
-    role: props.role,
-    "aria-label": props["aria-label"]
+    role: mergedProps.role,
+    "aria-label": mergedProps["aria-label"]
   }, React__default.createElement(animated.div, {
     style: Object.assign(Object.assign({}, style), {
       pointerEvents: style.opacity.to((v) => v === 1 ? "unset" : "none")
     }),
     ref
-  }, props.showCloseButton && React__default.createElement("a", {
+  }, mergedProps.showCloseButton && React__default.createElement("a", {
     className: classNames(`${classPrefix$Y}-close`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     }
-  }, React__default.createElement(CloseOutline, null)), body)))));
+  }, mergedProps.closeIcon), body)))));
   return React__default.createElement(ShouldRender, {
     active,
-    forceRender: props.forceRender,
-    destroyOnClose: props.destroyOnClose
-  }, renderToContainer(props.getContainer, node));
+    forceRender: mergedProps.forceRender,
+    destroyOnClose: mergedProps.destroyOnClose
+  }, renderToContainer(mergedProps.getContainer, node));
 };
 const CheckboxGroupContext = createContext(null);
 const defaultProps$N = {
@@ -12255,8 +12281,12 @@ const CollapsePanelContent = (props) => {
   }, React__default.createElement(List$1.Item, null, shouldRender && props.children)));
 };
 const Collapse = (props) => {
+  const {
+    collapse: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(componentConfig, props);
   const panels = [];
-  traverseReactNode(props.children, (child) => {
+  traverseReactNode(mergedProps.children, (child) => {
     if (!isValidElement(child))
       return;
     const key = child.key;
@@ -12266,11 +12296,11 @@ const Collapse = (props) => {
   });
   const handlePropsValue = () => {
     var _a;
-    if (!props.accordion) {
+    if (!mergedProps.accordion) {
       return {
-        value: props.activeKey,
-        defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
-        onChange: props.onChange
+        value: mergedProps.activeKey,
+        defaultValue: (_a = mergedProps.defaultActiveKey) !== null && _a !== void 0 ? _a : [],
+        onChange: mergedProps.onChange
       };
     }
     const initValue = {
@@ -12278,29 +12308,29 @@ const Collapse = (props) => {
       defaultValue: [],
       onChange: (v) => {
         var _a2, _b;
-        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
+        (_a2 = mergedProps.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(mergedProps, (_b = v[0]) !== null && _b !== void 0 ? _b : null);
       }
     };
-    if (props.activeKey === void 0) {
+    if (mergedProps.activeKey === void 0) {
       initValue.value = void 0;
-    } else if (props.activeKey !== null) {
-      initValue.value = [props.activeKey];
+    } else if (mergedProps.activeKey !== null) {
+      initValue.value = [mergedProps.activeKey];
     }
-    if (![null, void 0].includes(props.defaultActiveKey)) {
-      initValue.defaultValue = [props.defaultActiveKey];
+    if (![null, void 0].includes(mergedProps.defaultActiveKey)) {
+      initValue.defaultValue = [mergedProps.defaultActiveKey];
     }
     return initValue;
   };
   const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
-  return withNativeProps(props, React__default.createElement("div", {
+  return withNativeProps(mergedProps, React__default.createElement("div", {
     className: classPrefix$W
   }, React__default.createElement(List$1, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
     function handleClick(event) {
       var _a, _b;
-      if (props.accordion) {
+      if (mergedProps.accordion) {
         if (active) {
           setActiveKey([]);
         } else {
@@ -12315,27 +12345,19 @@ const Collapse = (props) => {
       }
       (_b = (_a = panel.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     }
-    const renderArrow = () => {
-      let arrow2 = React__default.createElement(DownOutline, null);
-      if (props.arrow !== void 0) {
-        arrow2 = props.arrow;
-      }
-      if (panel.props.arrow !== void 0) {
-        arrow2 = panel.props.arrow;
-      }
-      return typeof arrow2 === "function" ? arrow2(active) : React__default.createElement("div", {
-        className: classNames(`${classPrefix$W}-arrow`, {
-          [`${classPrefix$W}-arrow-active`]: active
-        })
-      }, arrow2);
-    };
+    const arrow2 = mergeProp(React__default.createElement(DownOutline, null), mergedProps.arrow, mergedProps.arrowIcon, panel.props.arrow, panel.props.arrowIcon);
+    const arrowIcon = typeof arrow2 === "function" ? arrow2(active) : React__default.createElement("div", {
+      className: classNames(`${classPrefix$W}-arrow`, {
+        [`${classPrefix$W}-arrow-active`]: active
+      })
+    }, arrow2);
     return React__default.createElement(React__default.Fragment, {
       key
     }, withNativeProps(panel.props, React__default.createElement(List$1.Item, {
       className: `${classPrefix$W}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
-      arrow: renderArrow()
+      arrowIcon
     }, panel.props.title)), React__default.createElement(CollapsePanelContent, {
       visible: active,
       forceRender: !!panel.props.forceRender,
@@ -12971,25 +12993,37 @@ const index$c = attachPropertiesToComponent(Dialog, {
   confirm: confirm$1,
   clear: clear$2
 });
+const IconContext = React__default.createContext(null);
 const classPrefix$V = `adm-dropdown-item`;
 const Item = (props) => {
-  var _a;
+  const {
+    dropdown: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(componentConfig, props);
+  const {
+    active,
+    highlight,
+    onClick,
+    title
+  } = mergedProps;
   const cls2 = classNames(classPrefix$V, {
-    [`${classPrefix$V}-active`]: props.active,
-    [`${classPrefix$V}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+    [`${classPrefix$V}-active`]: active,
+    [`${classPrefix$V}-highlight`]: highlight !== null && highlight !== void 0 ? highlight : active
   });
+  const contextArrowIcon = React__default.useContext(IconContext);
+  const mergedArrowIcon = mergeProp(React__default.createElement(DownFill, null), contextArrowIcon, mergedProps.arrow, mergedProps.arrowIcon);
   return withNativeProps(props, React__default.createElement("div", {
     className: cls2,
-    onClick: props.onClick
+    onClick
   }, React__default.createElement("div", {
     className: `${classPrefix$V}-title`
   }, React__default.createElement("span", {
     className: `${classPrefix$V}-title-text`
-  }, props.title), React__default.createElement("span", {
+  }, title), React__default.createElement("span", {
     className: classNames(`${classPrefix$V}-title-arrow`, {
-      [`${classPrefix$V}-title-arrow-active`]: props.active
+      [`${classPrefix$V}-title-arrow-active`]: active
     })
-  }, props.arrow === void 0 ? React__default.createElement(DownFill, null) : props.arrow))));
+  }, mergedArrowIcon))));
 };
 const Item$1 = Item;
 const ItemChildrenWrap = (props) => {
@@ -13012,17 +13046,21 @@ const defaultProps$H = {
   closeOnClickAway: false,
   getContainer: defaultPopupBaseProps["getContainer"]
 };
-const Dropdown = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$H, p);
+const Dropdown = forwardRef((props, ref) => {
+  const {
+    dropdown: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$H, componentConfig, props);
+  const arrowIcon = mergeProp(componentConfig.arrowIcon, props.arrow, props.arrowIcon);
   const [value, setValue2] = usePropsValue({
-    value: props.activeKey,
-    defaultValue: props.defaultActiveKey,
-    onChange: props.onChange
+    value: mergedProps.activeKey,
+    defaultValue: mergedProps.defaultActiveKey,
+    onChange: mergedProps.onChange
   });
   const navRef = useRef(null);
   const contentRef = useRef(null);
   useClickAway(() => {
-    if (!props.closeOnClickAway)
+    if (!mergedProps.closeOnClickAway)
       return;
     setValue2(null);
   }, [navRef, contentRef]);
@@ -13046,7 +13084,7 @@ const Dropdown = forwardRef((p, ref) => {
   };
   let popupForceRender = false;
   const items = [];
-  const navs = React__default.Children.map(props.children, (child) => {
+  const navs = React__default.Children.map(mergedProps.children, (child) => {
     if (isValidElement(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: (event) => {
@@ -13054,8 +13092,7 @@ const Dropdown = forwardRef((p, ref) => {
           changeActive(child.key);
           (_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         },
-        active: child.key === value,
-        arrow: child.props.arrow === void 0 ? props.arrow : child.props.arrow
+        active: child.key === value
       });
       items.push(child);
       if (child.props.forceRender)
@@ -13070,18 +13107,20 @@ const Dropdown = forwardRef((p, ref) => {
       setValue2(null);
     }
   }), [setValue2]);
-  return withNativeProps(props, React__default.createElement("div", {
+  return withNativeProps(mergedProps, React__default.createElement("div", {
     className: classNames(classPrefix$U, {
       [`${classPrefix$U}-open`]: !!value
     }),
     ref: containerRef
+  }, React__default.createElement(IconContext.Provider, {
+    value: arrowIcon
   }, React__default.createElement("div", {
     className: `${classPrefix$U}-nav`,
     ref: navRef
-  }, navs), React__default.createElement(Popup, {
+  }, navs)), React__default.createElement(Popup, {
     visible: !!value,
     position: "top",
-    getContainer: props.getContainer,
+    getContainer: mergedProps.getContainer,
     className: `${classPrefix$U}-popup`,
     maskClassName: `${classPrefix$U}-popup-mask`,
     bodyClassName: `${classPrefix$U}-popup-body`,
@@ -13089,7 +13128,7 @@ const Dropdown = forwardRef((p, ref) => {
       top
     },
     forceRender: popupForceRender,
-    onMaskClick: props.closeOnMaskClick ? () => {
+    onMaskClick: mergedProps.closeOnMaskClick ? () => {
       changeActive(null);
     } : void 0
   }, React__default.createElement("div", {
@@ -18302,24 +18341,13 @@ var Context = /* @__PURE__ */ React.createContext({
 });
 var _default = Context;
 default_1 = FieldContext.default = _default;
-function toArray(candidate) {
-  if (candidate === void 0 || candidate === false)
-    return [];
-  return Array.isArray(candidate) ? candidate : [candidate];
-}
-function shouldConstruct(Component) {
-  const prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-function isSimpleFunctionComponent(type4) {
-  return typeof type4 === "function" && !shouldConstruct(type4) && type4.defaultProps === void 0;
-}
-function isSafeSetRefComponent(component) {
-  if (reactIsExports.isFragment(component))
-    return false;
-  if (reactIsExports.isMemo(component))
-    return isSafeSetRefComponent(component.type);
-  return !isSimpleFunctionComponent(component.type);
+function undefinedFallback(...items) {
+  let i2;
+  for (i2 = 0; i2 < items.length; i2++) {
+    if (items[i2] !== void 0)
+      break;
+  }
+  return items[i2];
 }
 const Arrow = memo((props) => {
   return withNativeProps(props, React__default.createElement("svg", {
@@ -19947,13 +19975,24 @@ const PopoverMenu = forwardRef((props, ref) => {
 const Popover = attachPropertiesToComponent(Popover$1, {
   Menu: PopoverMenu
 });
-function undefinedFallback(...items) {
-  let i2;
-  for (i2 = 0; i2 < items.length; i2++) {
-    if (items[i2] !== void 0)
-      break;
-  }
-  return items[i2];
+function toArray(candidate) {
+  if (candidate === void 0 || candidate === false)
+    return [];
+  return Array.isArray(candidate) ? candidate : [candidate];
+}
+function shouldConstruct(Component) {
+  const prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+function isSimpleFunctionComponent(type4) {
+  return typeof type4 === "function" && !shouldConstruct(type4) && type4.defaultProps === void 0;
+}
+function isSafeSetRefComponent(component) {
+  if (reactIsExports.isFragment(component))
+    return false;
+  if (reactIsExports.isMemo(component))
+    return isSafeSetRefComponent(component.type);
+  return !isSimpleFunctionComponent(component.type);
 }
 const NAME_SPLIT = "__SPLIT__";
 const classPrefix$L = `adm-form-item`;
@@ -19962,22 +20001,25 @@ const MemoInput = React__default.memo(({
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
 const FormItemLayout = (props) => {
   var _a;
+  const {
+    locale,
+    form: componentConfig = {}
+  } = useConfig();
   const {
     style,
     extra,
     label,
     help,
+    helpIcon,
     required: required4,
     children,
     htmlFor,
     hidden,
     arrow: arrow2,
+    arrowIcon,
     childElementPosition = "normal"
-  } = props;
+  } = mergeProps(componentConfig, props);
   const context = useContext(FormContext);
-  const {
-    locale
-  } = useConfig();
   const hasFeedback = props.hasFeedback !== void 0 ? props.hasFeedback : context.hasFeedback;
   const layout = props.layout || context.layout;
   const disabled = (_a = props.disabled) !== null && _a !== void 0 ? _a : context.disabled;
@@ -20017,7 +20059,7 @@ const FormItemLayout = (props) => {
       e2.stopPropagation();
       e2.preventDefault();
     }
-  }, React__default.createElement(QuestionCircleOutline, null))));
+  }, helpIcon || React__default.createElement(QuestionCircleOutline, null))));
   const description = (!!props.description || hasFeedback) && React__default.createElement(React__default.Fragment, null, props.description, hasFeedback && React__default.createElement(React__default.Fragment, null, props.errors.map((error, index2) => React__default.createElement("div", {
     key: `error-${index2}`,
     className: `${classPrefix$L}-feedback-error`
@@ -20038,7 +20080,7 @@ const FormItemLayout = (props) => {
     disabled,
     onClick: props.onClick,
     clickable: props.clickable,
-    arrow: arrow2
+    arrowIcon: arrowIcon || arrow2
   }, React__default.createElement("div", {
     className: classNames(`${classPrefix$L}-child`, `${classPrefix$L}-child-position-${childElementPosition}`)
   }, React__default.createElement("div", {
@@ -20052,6 +20094,7 @@ const FormItem = (props) => {
     // FormItem 相关
     label,
     help,
+    helpIcon,
     extra,
     hasFeedback,
     name,
@@ -20072,8 +20115,9 @@ const FormItem = (props) => {
     shouldUpdate,
     dependencies,
     clickable,
-    arrow: arrow2
-  } = props, fieldProps = __rest(props, ["style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+    arrow: arrow2,
+    arrowIcon
+  } = props, fieldProps = __rest(props, ["style", "label", "help", "helpIcon", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow", "arrowIcon"]);
   const {
     name: formName
   } = useContext(FormContext);
@@ -20125,6 +20169,7 @@ const FormItem = (props) => {
       label,
       extra,
       help,
+      helpIcon,
       description,
       required: isRequired,
       disabled,
@@ -20137,7 +20182,8 @@ const FormItem = (props) => {
       layout,
       childElementPosition,
       clickable,
-      arrow: arrow2
+      arrow: arrow2,
+      arrowIcon
     }, React__default.createElement(NoStyleItemContext.Provider, {
       value: onSubMetaChange
     }, baseChildren)));
@@ -21364,22 +21410,24 @@ function useInputHandleKeyDown({
 const classPrefix$A = `adm-input`;
 const defaultProps$v = {
   defaultValue: "",
+  clearIcon: React__default.createElement(CloseCircleFill, null),
   onlyShowClearWhenFocus: true
 };
-const Input = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$v, p);
-  const [value, setValue2] = usePropsValue(props);
+const Input = forwardRef((props, ref) => {
+  const {
+    locale,
+    input: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$v, componentConfig, props);
+  const [value, setValue2] = usePropsValue(mergedProps);
   const [hasFocus, setHasFocus] = useState(false);
   const compositionStartRef = useRef(false);
   const nativeInputRef = useRef(null);
-  const {
-    locale
-  } = useConfig();
   const handleKeydown = useInputHandleKeyDown({
-    onEnterPress: props.onEnterPress,
-    onKeyDown: props.onKeyDown,
+    onEnterPress: mergedProps.onEnterPress,
+    onKeyDown: mergedProps.onKeyDown,
     nativeInputRef,
-    enterKeyHint: props.enterKeyHint
+    enterKeyHint: mergedProps.enterKeyHint
   });
   useImperativeHandle(ref, () => ({
     clear: () => {
@@ -21399,8 +21447,8 @@ const Input = forwardRef((p, ref) => {
   }));
   function checkValue() {
     let nextValue = value;
-    if (props.type === "number") {
-      const boundValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+    if (mergedProps.type === "number") {
+      const boundValue = nextValue && bound(parseFloat(nextValue), mergedProps.min, mergedProps.max).toString();
       if (Number(nextValue) !== Number(boundValue)) {
         nextValue = boundValue;
       }
@@ -21410,16 +21458,16 @@ const Input = forwardRef((p, ref) => {
     }
   }
   const shouldShowClear = (() => {
-    if (!props.clearable || !value || props.readOnly)
+    if (!mergedProps.clearable || !value || mergedProps.readOnly)
       return false;
-    if (props.onlyShowClearWhenFocus) {
+    if (mergedProps.onlyShowClearWhenFocus) {
       return hasFocus;
     } else {
       return true;
     }
   })();
-  return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(`${classPrefix$A}`, props.disabled && `${classPrefix$A}-disabled`)
+  return withNativeProps(mergedProps, React__default.createElement("div", {
+    className: classNames(`${classPrefix$A}`, mergedProps.disabled && `${classPrefix$A}-disabled`)
   }, React__default.createElement("input", {
     ref: nativeInputRef,
     className: `${classPrefix$A}-element`,
@@ -21430,50 +21478,50 @@ const Input = forwardRef((p, ref) => {
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onBlur: (e2) => {
       var _a;
       setHasFocus(false);
       checkValue();
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    id: props.id,
-    placeholder: props.placeholder,
-    disabled: props.disabled,
-    readOnly: props.readOnly,
-    maxLength: props.maxLength,
-    minLength: props.minLength,
-    max: props.max,
-    min: props.min,
-    autoComplete: props.autoComplete,
-    enterKeyHint: props.enterKeyHint,
-    autoFocus: props.autoFocus,
-    pattern: props.pattern,
-    inputMode: props.inputMode,
-    type: props.type,
-    name: props.name,
-    autoCapitalize: props.autoCapitalize,
-    autoCorrect: props.autoCorrect,
+    id: mergedProps.id,
+    placeholder: mergedProps.placeholder,
+    disabled: mergedProps.disabled,
+    readOnly: mergedProps.readOnly,
+    maxLength: mergedProps.maxLength,
+    minLength: mergedProps.minLength,
+    max: mergedProps.max,
+    min: mergedProps.min,
+    autoComplete: mergedProps.autoComplete,
+    enterKeyHint: mergedProps.enterKeyHint,
+    autoFocus: mergedProps.autoFocus,
+    pattern: mergedProps.pattern,
+    inputMode: mergedProps.inputMode,
+    type: mergedProps.type,
+    name: mergedProps.name,
+    autoCapitalize: mergedProps.autoCapitalize,
+    autoCorrect: mergedProps.autoCorrect,
     onKeyDown: handleKeydown,
-    onKeyUp: props.onKeyUp,
+    onKeyUp: mergedProps.onKeyUp,
     onCompositionStart: (e2) => {
       var _a;
       compositionStartRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onCompositionEnd: (e2) => {
       var _a;
       compositionStartRef.current = false;
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    onClick: props.onClick,
-    step: props.step,
-    role: props.role,
-    "aria-valuenow": props["aria-valuenow"],
-    "aria-valuemax": props["aria-valuemax"],
-    "aria-valuemin": props["aria-valuemin"],
-    "aria-label": props["aria-label"]
+    onClick: mergedProps.onClick,
+    step: mergedProps.step,
+    role: mergedProps.role,
+    "aria-valuenow": mergedProps["aria-valuenow"],
+    "aria-valuemax": mergedProps["aria-valuemax"],
+    "aria-valuemin": mergedProps["aria-valuemin"],
+    "aria-label": mergedProps["aria-label"]
   }), shouldShowClear && React__default.createElement("div", {
     className: `${classPrefix$A}-clear`,
     onMouseDown: (e2) => {
@@ -21482,14 +21530,14 @@ const Input = forwardRef((p, ref) => {
     onClick: () => {
       var _a, _b;
       setValue2("");
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
       if (isIOS() && compositionStartRef.current) {
         compositionStartRef.current = false;
         (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
       }
     },
     "aria-label": locale.Input.clear
-  }, React__default.createElement(CloseCircleFill, null))));
+  }, mergedProps.clearIcon)));
 });
 const classPrefix$z = `adm-jumbo-tabs`;
 const JumboTab = () => {
@@ -21750,50 +21798,60 @@ const index$7 = attachPropertiesToComponent(Modal, {
 });
 const classPrefix$y = `adm-nav-bar`;
 const defaultProps$s = {
-  backArrow: true
+  backIcon: true
 };
-const NavBar = (p) => {
-  const props = mergeProps(defaultProps$s, p);
+const NavBar = (props) => {
+  const {
+    navBar: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$s, componentConfig, props);
   const {
     back,
+    backIcon,
     backArrow
-  } = props;
-  return withNativeProps(props, React__default.createElement("div", {
+  } = mergedProps;
+  return withNativeProps(mergedProps, React__default.createElement("div", {
     className: classNames(classPrefix$y)
   }, React__default.createElement("div", {
     className: `${classPrefix$y}-left`,
     role: "button"
   }, back !== null && React__default.createElement("div", {
     className: `${classPrefix$y}-back`,
-    onClick: props.onBack
-  }, backArrow && React__default.createElement("span", {
+    onClick: mergedProps.onBack
+  }, (backIcon || backArrow) && React__default.createElement("span", {
     className: `${classPrefix$y}-back-arrow`
-  }, backArrow === true ? React__default.createElement(LeftOutline, null) : backArrow), React__default.createElement("span", {
+  }, backIcon === true || backArrow === true ? componentConfig.backIcon || React__default.createElement(LeftOutline, null) : backIcon || backArrow), React__default.createElement("span", {
     "aria-hidden": "true"
-  }, back)), props.left), React__default.createElement("div", {
+  }, back)), mergedProps.left), React__default.createElement("div", {
     className: `${classPrefix$y}-title`
-  }, props.children), React__default.createElement("div", {
+  }, mergedProps.children), React__default.createElement("div", {
     className: `${classPrefix$y}-right`
-  }, props.right)));
+  }, mergedProps.right)));
 };
 const classPrefix$x = `adm-notice-bar`;
 const defaultProps$r = {
   color: "default",
   delay: 2e3,
   speed: 50,
-  wrap: false,
-  icon: React__default.createElement(SoundOutline, null)
+  icon: React__default.createElement(SoundOutline, null),
+  wrap: false
 };
-const NoticeBar = memo((p) => {
-  const props = mergeProps(defaultProps$r, p);
+const NoticeBar = memo((props) => {
+  const {
+    noticeBar: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$r, componentConfig, props);
+  const closeIcon = mergeProp(React__default.createElement(CloseOutline, {
+    className: `${classPrefix$x}-close-icon`
+  }), componentConfig.closeIcon, props.closeIcon);
   const containerRef = useRef(null);
   const textRef = useRef(null);
   const [visible, setVisible] = useState(true);
-  const speed = props.speed;
+  const speed = mergedProps.speed;
   const delayLockRef = useRef(true);
   const animatingRef = useRef(false);
   function start2() {
-    if (delayLockRef.current || props.wrap)
+    if (delayLockRef.current || mergedProps.wrap)
       return;
     const container = containerRef.current;
     const text = textRef.current;
@@ -21822,7 +21880,7 @@ const NoticeBar = memo((p) => {
   useTimeout$1(() => {
     delayLockRef.current = false;
     start2();
-  }, props.delay);
+  }, mergedProps.delay);
   useResizeEffect(() => {
     start2();
   }, containerRef);
@@ -21835,14 +21893,14 @@ const NoticeBar = memo((p) => {
   });
   if (!visible)
     return null;
-  return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$x, `${classPrefix$x}-${props.color}`, {
-      [`${classPrefix$x}-wrap`]: props.wrap
+  return withNativeProps(mergedProps, React__default.createElement("div", {
+    className: classNames(classPrefix$x, `${classPrefix$x}-${mergedProps.color}`, {
+      [`${classPrefix$x}-wrap`]: mergedProps.wrap
     }),
-    onClick: props.onClick
-  }, props.icon && React__default.createElement("span", {
+    onClick: mergedProps.onClick
+  }, mergedProps.icon && React__default.createElement("span", {
     className: `${classPrefix$x}-left`
-  }, props.icon), React__default.createElement("span", {
+  }, mergedProps.icon), React__default.createElement("span", {
     ref: containerRef,
     className: `${classPrefix$x}-content`
   }, React__default.createElement("span", {
@@ -21852,18 +21910,16 @@ const NoticeBar = memo((p) => {
     },
     ref: textRef,
     className: `${classPrefix$x}-content-inner`
-  }, props.content)), (props.closeable || props.extra) && React__default.createElement("span", {
+  }, mergedProps.content)), (mergedProps.closeable || mergedProps.extra) && React__default.createElement("span", {
     className: `${classPrefix$x}-right`
-  }, props.extra, props.closeable && React__default.createElement("div", {
+  }, mergedProps.extra, mergedProps.closeable && React__default.createElement("div", {
     className: `${classPrefix$x}-close`,
     onClick: () => {
       var _a;
       setVisible(false);
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     }
-  }, React__default.createElement(CloseOutline, {
-    className: `${classPrefix$x}-close-icon`
-  })))));
+  }, closeIcon))));
 });
 function shuffle(array4) {
   const result = [...array4];
@@ -21922,13 +21978,13 @@ const NumberKeyboard = (p) => {
     var _a;
     (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props);
   });
-  const onBackspacePressStart = () => {
+  const startContinueClear = () => {
     timeoutRef.current = window.setTimeout(() => {
       onDelete();
       intervalRef.current = window.setInterval(onDelete, 150);
     }, 700);
   };
-  const onBackspacePressEnd = () => {
+  const stopContinueClear = () => {
     clearTimeout(timeoutRef.current);
     clearInterval(intervalRef.current);
   };
@@ -21988,14 +22044,15 @@ const NumberKeyboard = (p) => {
       key,
       className,
       onTouchStart: () => {
+        stopContinueClear();
         if (key === "BACKSPACE") {
-          onBackspacePressStart();
+          startContinueClear();
         }
       },
       onTouchEnd: (e2) => {
         onKeyPress(e2, key);
         if (key === "BACKSPACE") {
-          onBackspacePressEnd();
+          stopContinueClear();
         }
       }
     }, ariaProps), key === "BACKSPACE" ? React__default.createElement(TextDeletionOutline, null) : key);
@@ -22027,11 +22084,11 @@ const NumberKeyboard = (p) => {
   }, React__default.createElement("div", {
     className: `${classPrefix$w}-key ${classPrefix$w}-key-extra ${classPrefix$w}-key-bs`,
     onTouchStart: () => {
-      onBackspacePressStart();
+      startContinueClear();
     },
     onTouchEnd: (e2) => {
       onKeyPress(e2, "BACKSPACE");
-      onBackspacePressEnd();
+      stopContinueClear();
     },
     onContextMenu: (e2) => {
       e2.preventDefault();
@@ -22599,14 +22656,33 @@ const Rate = (p) => {
     className: classNames(`${classPrefix$p}-box`)
   }, props.allowHalf && renderStar(i2 + 0.5, true), renderStar(i2 + 1, false)))));
 };
-const classPrefix$o = `adm-result`;
-const iconRecord$1 = {
-  success: CheckCircleFill,
-  error: CloseCircleFill,
-  info: InformationCircleFill,
-  waiting: ClockCircleFill,
-  warning: ExclamationCircleFill
+const useResultIcon = (status) => {
+  const {
+    result: componentConfig = {}
+  } = useConfig();
+  const {
+    successIcon = React__default.createElement(CheckCircleFill, null),
+    errorIcon = React__default.createElement(CloseCircleFill, null),
+    infoIcon = React__default.createElement(InformationCircleFill, null),
+    waitingIcon = React__default.createElement(ClockCircleFill, null),
+    warningIcon = React__default.createElement(ExclamationCircleFill, null)
+  } = componentConfig || {};
+  switch (status) {
+    case "success":
+      return successIcon;
+    case "error":
+      return errorIcon;
+    case "info":
+      return infoIcon;
+    case "waiting":
+      return waitingIcon;
+    case "warning":
+      return warningIcon;
+    default:
+      return null;
+  }
 };
+const classPrefix$o = `adm-result`;
 const defaultProps$i = {
   status: "info"
 };
@@ -22618,27 +22694,20 @@ const Result = (p) => {
     description,
     icon
   } = props;
+  const fallbackIcon = useResultIcon(status);
   if (!status)
     return null;
-  const resultIcon = icon || React__default.createElement(iconRecord$1[status]);
   return withNativeProps(props, React__default.createElement("div", {
     className: classNames(classPrefix$o, `${classPrefix$o}-${status}`)
   }, React__default.createElement("div", {
     className: `${classPrefix$o}-icon`
-  }, resultIcon), React__default.createElement("div", {
+  }, icon || fallbackIcon), React__default.createElement("div", {
     className: `${classPrefix$o}-title`
   }, title), !!description && React__default.createElement("div", {
     className: `${classPrefix$o}-description`
   }, description)));
 };
 const classPrefix$n = `adm-result-page`;
-const iconRecord = {
-  success: CheckCircleFill,
-  error: CloseCircleFill,
-  info: InformationCircleFill,
-  waiting: ClockCircleFill,
-  warning: ExclamationCircleFill
-};
 const defaultProps$h = {
   status: "info",
   details: []
@@ -22656,7 +22725,7 @@ const ResultPage = (p) => {
     onPrimaryButtonClick,
     onSecondaryButtonClick
   } = props;
-  const resultIcon = icon || React__default.createElement(iconRecord[status]);
+  const fallbackIcon = useResultIcon(status);
   const [collapse, setCollapse] = useState(true);
   const showSecondaryButton = isNodeWithContent(secondaryButtonText);
   const showPrimaryButton = isNodeWithContent(primaryButtonText);
@@ -22666,7 +22735,7 @@ const ResultPage = (p) => {
     className: `${classPrefix$n}-header`
   }, React__default.createElement("div", {
     className: `${classPrefix$n}-icon`
-  }, resultIcon), React__default.createElement("div", {
+  }, icon || fallbackIcon), React__default.createElement("div", {
     className: `${classPrefix$n}-title`
   }, title), isNodeWithContent(description) ? React__default.createElement("div", {
     className: `${classPrefix$n}-description`
@@ -22722,17 +22791,18 @@ const defaultProps$g = {
   onlyShowClearWhenFocus: false,
   showCancelButton: false,
   defaultValue: "",
-  clearOnCancel: true,
-  icon: React__default.createElement(SearchOutline, null)
+  clearOnCancel: true
 };
-const SearchBar = forwardRef((p, ref) => {
+const SearchBar = forwardRef((props, ref) => {
   const {
-    locale
+    locale,
+    searchBar: componentConfig = {}
   } = useConfig();
-  const props = mergeProps(defaultProps$g, {
+  const mergedProps = mergeProps(defaultProps$g, componentConfig, {
     cancelText: locale.common.cancel
-  }, p);
-  const [value, setValue2] = usePropsValue(props);
+  }, props);
+  const searchIcon = mergeProp(React__default.createElement(SearchOutline, null), componentConfig.searchIcon, props.icon, props.searchIcon);
+  const [value, setValue2] = usePropsValue(mergedProps);
   const [hasFocus, setHasFocus] = useState(false);
   const inputRef = useRef(null);
   const composingRef = useRef(false);
@@ -22756,10 +22826,10 @@ const SearchBar = forwardRef((p, ref) => {
   }));
   const renderCancelButton = () => {
     let isShowCancel;
-    if (typeof props.showCancelButton === "function") {
-      isShowCancel = props.showCancelButton(hasFocus, value);
+    if (typeof mergedProps.showCancelButton === "function") {
+      isShowCancel = mergedProps.showCancelButton(hasFocus, value);
     } else {
-      isShowCancel = props.showCancelButton && hasFocus;
+      isShowCancel = mergedProps.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default.createElement("div", {
       className: `${classPrefix$l}-suffix`
@@ -22768,66 +22838,66 @@ const SearchBar = forwardRef((p, ref) => {
       className: `${classPrefix$l}-cancel-button`,
       onClick: () => {
         var _a, _b, _c;
-        if (props.clearOnCancel) {
+        if (mergedProps.clearOnCancel) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clear();
         }
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-        (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
+        (_c = mergedProps.onCancel) === null || _c === void 0 ? void 0 : _c.call(mergedProps);
       },
       onMouseDown: (e2) => {
         e2.preventDefault();
       }
-    }, props.cancelText));
+    }, mergedProps.cancelText));
   };
-  return withNativeProps(props, React__default.createElement("div", {
+  return withNativeProps(mergedProps, React__default.createElement("div", {
     className: classNames(classPrefix$l, {
       [`${classPrefix$l}-active`]: hasFocus
     })
   }, React__default.createElement("div", {
     className: `${classPrefix$l}-input-box`
-  }, props.icon && React__default.createElement("div", {
+  }, searchIcon && React__default.createElement("div", {
     className: `${classPrefix$l}-input-box-icon`
-  }, props.icon), React__default.createElement(Input, {
+  }, searchIcon), React__default.createElement(Input, {
     ref: inputRef,
     className: classNames(`${classPrefix$l}-input`, {
-      [`${classPrefix$l}-input-without-icon`]: !props.icon
+      [`${classPrefix$l}-input-without-icon`]: !searchIcon
     }),
     value,
     onChange: setValue2,
-    maxLength: props.maxLength,
-    placeholder: props.placeholder,
-    clearable: props.clearable,
-    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
+    maxLength: mergedProps.maxLength,
+    placeholder: mergedProps.placeholder,
+    clearable: mergedProps.clearable,
+    onlyShowClearWhenFocus: mergedProps.onlyShowClearWhenFocus,
     onFocus: (e2) => {
       var _a;
       setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onBlur: (e2) => {
       var _a;
       setHasFocus(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
-    onClear: props.onClear,
+    onClear: mergedProps.onClear,
     type: "search",
     enterKeyHint: "search",
     onEnterPress: () => {
       var _a, _b;
       if (!composingRef.current) {
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
+        (_b = mergedProps.onSearch) === null || _b === void 0 ? void 0 : _b.call(mergedProps, value);
       }
     },
     "aria-label": locale.SearchBar.name,
     onCompositionStart: (e2) => {
       var _a;
       composingRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
     onCompositionEnd: (e2) => {
       var _a;
       composingRef.current = false;
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e2);
+      (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     }
   })), renderCancelButton()));
 });
@@ -25426,15 +25496,17 @@ const classPrefix$2 = "adm-virtual-input";
 const defaultProps$2 = {
   defaultValue: ""
 };
-const VirtualInput = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$2, p);
-  const [value, setValue2] = usePropsValue(props);
+const VirtualInput = forwardRef((props, ref) => {
+  const {
+    locale,
+    input: componentConfig = {}
+  } = useConfig();
+  const mergedProps = mergeProps(defaultProps$2, componentConfig, props);
+  const [value, setValue2] = usePropsValue(mergedProps);
   const rootRef = useRef(null);
   const contentRef = useRef(null);
   const [hasFocus, setHasFocus] = useState(false);
-  const {
-    locale
-  } = useConfig();
+  const clearIcon = mergeProp(React__default.createElement(CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
   function scrollToEnd() {
     const root2 = rootRef.current;
     if (!root2)
@@ -25468,14 +25540,14 @@ const VirtualInput = forwardRef((p, ref) => {
   function onFocus() {
     var _a;
     setHasFocus(true);
-    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
   function onBlur() {
     var _a;
     setHasFocus(false);
-    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
-  const keyboard = props.keyboard;
+  const keyboard = mergedProps.keyboard;
   const keyboardElement = keyboard && React__default.cloneElement(keyboard, {
     onInput: (v) => {
       var _a, _b;
@@ -25500,38 +25572,38 @@ const VirtualInput = forwardRef((p, ref) => {
     },
     getContainer: null
   });
-  return withNativeProps(props, React__default.createElement("div", {
+  return withNativeProps(mergedProps, React__default.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix$2, {
-      [`${classPrefix$2}-disabled`]: props.disabled
+      [`${classPrefix$2}-disabled`]: mergedProps.disabled
     }),
-    tabIndex: props.disabled ? void 0 : 0,
+    tabIndex: mergedProps.disabled ? void 0 : 0,
     role: "textbox",
     onFocus,
     onBlur,
-    onClick: props.onClick
+    onClick: mergedProps.onClick
   }, React__default.createElement("div", {
     className: `${classPrefix$2}-content`,
     ref: contentRef,
-    "aria-disabled": props.disabled,
-    "aria-label": props.placeholder
+    "aria-disabled": mergedProps.disabled,
+    "aria-label": mergedProps.placeholder
   }, value, React__default.createElement("div", {
     className: `${classPrefix$2}-caret-container`
   }, hasFocus && React__default.createElement("div", {
     className: `${classPrefix$2}-caret`
-  }))), props.clearable && !!value && hasFocus && React__default.createElement("div", {
+  }))), mergedProps.clearable && !!value && hasFocus && React__default.createElement("div", {
     className: `${classPrefix$2}-clear`,
     onClick: (e2) => {
       var _a;
       e2.stopPropagation();
       setValue2("");
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     },
     role: "button",
     "aria-label": locale.Input.clear
-  }, React__default.createElement(CloseCircleFill, null)), [void 0, null, ""].includes(value) && React__default.createElement("div", {
+  }, clearIcon), [void 0, null, ""].includes(value) && React__default.createElement("div", {
     className: `${classPrefix$2}-placeholder`
-  }, props.placeholder), keyboardElement));
+  }, mergedProps.placeholder), keyboardElement));
 });
 const classPrefix$1 = `adm-water-mark`;
 const defaultProps$1 = {