@rainbow-oh/yee-c 0.8.19 → 0.9.0

package/dist/cjs/Anchor/anchor.js

@@ -361,7 +361,10 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
         "pointerdown",
         onUserInterrupt
       );
-      container.removeEventListener("keydown", onUserInterrupt);
+      container.removeEventListener(
+        "keydown",
+        onUserInterrupt
+      );
       if (rafId !== null) {
         cancelAnimationFrame(rafId);
       }

package/dist/cjs/Checkbox/checkbox.js

@@ -157,7 +157,8 @@ var Checkbox = (baseprops) => {
       "span",
       {
         className: (0, import_clsx.default)(`${prefixCls}-label`, classNames == null ? void 0 : classNames.label),
-        style: styles == null ? void 0 : styles.label
+        style: styles == null ? void 0 : styles.label,
+        title: typeof children === "string" ? children : void 0
       },
       children
     ) : null

package/dist/cjs/Checkbox/style/index.less

@@ -93,6 +93,9 @@
   &-label {
     padding: var(--yee-checkbox-label-padding);
     user-select: none;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
 
   &-indeterminate {

package/dist/cjs/Form/Field.js

@@ -98,7 +98,7 @@ var Field = (props) => {
   } = props;
   const {
     getCallbacks,
-    getFieldValidate,
+    getFieldStatus,
     getFieldValue,
     getFieldsValue,
     setFieldsValue,
@@ -129,7 +129,7 @@ var Field = (props) => {
   const isRequired = () => {
     return Array.isArray(rules) && rules.find((rule) => rule.required) || required;
   };
-  const validate = getFieldValidate == null ? void 0 : getFieldValidate(normalizedName);
+  const fieldStatus = getFieldStatus == null ? void 0 : getFieldStatus(normalizedName);
   const tooltipConfig = (0, import_react2.useMemo)(() => {
     if (tooltip === void 0 || tooltip === null || tooltip === false)
       return null;
@@ -183,7 +183,7 @@ var Field = (props) => {
         `${prefixCls}-item`,
         `${prefixCls}-item-${layout}`,
         {
-          [`${prefixCls}-item-${validate == null ? void 0 : validate.status}`]: validate && validate.status
+          [`${prefixCls}-item-${fieldStatus == null ? void 0 : fieldStatus.status}`]: fieldStatus == null ? void 0 : fieldStatus.status
         },
         className
       ),
@@ -216,7 +216,7 @@ var Field = (props) => {
         getControlled(children)
       ) : /* @__PURE__ */ import_react2.default.createElement("span", null, children)
     )),
-    /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, null, validate && /* @__PURE__ */ import_react2.default.createElement(
+    /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, null, (fieldStatus == null ? void 0 : fieldStatus.message) && /* @__PURE__ */ import_react2.default.createElement(
       import_react.motion.small,
       {
         initial: { opacity: 0, y: -10 },
@@ -224,10 +224,10 @@ var Field = (props) => {
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.16 },
         className: (0, import_clsx.default)(`${prefixCls}-item-additional`, {
-          [`${prefixCls}-item-additional-${validate.status}`]: validate.status
+          [`${prefixCls}-item-additional-${fieldStatus.status}`]: fieldStatus.status
         })
       },
-      validate.message
+      fieldStatus.message
     ))
   );
 };

package/dist/cjs/Form/demo/field-status.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Form/demo/field-status.js

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Form/demo/field-status.tsx
+var field_status_exports = {};
+__export(field_status_exports, {
+  default: () => field_status_default
+});
+module.exports = __toCommonJS(field_status_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var field_status_default = () => {
+  const [form] = import_yee_c.Form.useForm();
+  const [currentStatus, setCurrentStatus] = (0, import_react.useState)(
+    null
+  );
+  const [submitResult, setSubmitResult] = (0, import_react.useState)("");
+  const applyStatus = (status) => {
+    form.setFieldStatus("username", status);
+    setCurrentStatus(form.getFieldStatus("username"));
+    setSubmitResult("");
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Form,
+    {
+      form,
+      initialValues: { username: "demo-user" },
+      onFinish: () => setSubmitResult("Submit succeeded"),
+      onFinishFailed: () => setSubmitResult("Submit blocked by the blocking error")
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Form.Field,
+      {
+        name: "username",
+        label: "Username",
+        rules: [{ required: true, message: "Please input your username!" }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_yee_c.Input, { placeholder: "Please input your username" })
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { style: { marginTop: 28, flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "error",
+          message: "This username is unavailable"
+        })
+      },
+      "Error"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "error",
+          message: "This error prevents submission",
+          blocking: true
+        })
+      },
+      "Blocking error"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "warning",
+          message: "This username is commonly used"
+        })
+      },
+      "Warning"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "success",
+          message: "This username is available"
+        })
+      },
+      "Success"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "info",
+          message: "The username can be changed later"
+        })
+      },
+      "Info"
+    ), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { onClick: () => applyStatus(null) }, "Clear"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", htmlType: "submit" }, "Submit")),
+    /* @__PURE__ */ import_react.default.createElement("pre", { style: { marginTop: 16 } }, "Current status: ", JSON.stringify(currentStatus, null, 2)),
+    submitResult ? /* @__PURE__ */ import_react.default.createElement("div", null, submitResult) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, color: "#999" } }, "Tip: set Success, then clear the input — the rule error takes display precedence over the manually set status.")
+  );
+};

package/dist/cjs/Form/form-store.d.ts

@@ -1,10 +1,11 @@
-import type { Callbacks, FieldEntity, FormInstance, FormListField, FormListOperation, GroupEntity, Name, NamePath, Store, TRIGGER, ValidateMessage } from './interface';
+import type { Callbacks, FieldEntity, FieldStatusData, FormInstance, FormListField, FormListOperation, GroupEntity, Name, NamePath, Store, TRIGGER, ValidateMessage } from './interface';
 export declare class FormStore {
     private store;
     private callbacks;
     private fieldEntities;
     private fieldMap;
     private validateMessages;
+    private fieldStatuses;
     private initialized;
     private initialValues;
     private listKeyManagers;
@@ -23,6 +24,10 @@ export declare class FormStore {
     private getValueByPath;
     getFieldValue: (name: Name) => any;
     getFieldValidate: (name: Name) => ValidateMessage | null;
+    getFieldStatus: (name: NamePath) => FieldStatusData | null;
+    setFieldStatus: (name: NamePath, status: FieldStatusData | null) => void;
+    private deleteRelatedEntries;
+    private clearFieldStatuses;
     setFieldsValue: (newStore: Store, trigger?: TRIGGER) => void;
     resetFields: (name?: Name[]) => void;
     clearFields: (name?: Name[]) => void;

package/dist/cjs/Form/form-store.js

@@ -88,6 +88,7 @@ var FormStore = class {
     this.fieldEntities = [];
     this.fieldMap = /* @__PURE__ */ new Map();
     this.validateMessages = /* @__PURE__ */ new Map();
+    this.fieldStatuses = /* @__PURE__ */ new Map();
     this.initialized = false;
     this.initialValues = {};
     // List key manager
@@ -143,6 +144,60 @@ var FormStore = class {
       }
       return null;
     };
+    this.getFieldStatus = (name) => {
+      var _a;
+      const normalizedName = (0, import_path.stringifyPath)((0, import_path.getNamePath)(name));
+      const manualStatus = this.fieldStatuses.get(normalizedName);
+      const validateMessage = (_a = this.validateMessages.get(normalizedName)) == null ? void 0 : _a[0];
+      if ((validateMessage == null ? void 0 : validateMessage.status) === "error") {
+        return {
+          status: "error",
+          message: validateMessage.message
+        };
+      }
+      if (manualStatus) {
+        return __spreadValues({}, manualStatus);
+      }
+      if (validateMessage) {
+        return {
+          status: validateMessage.status,
+          message: validateMessage.message
+        };
+      }
+      return null;
+    };
+    this.setFieldStatus = (name, status) => {
+      var _a;
+      const normalizedName = (0, import_path.stringifyPath)((0, import_path.getNamePath)(name));
+      if (!normalizedName)
+        return;
+      if (status) {
+        this.fieldStatuses.set(normalizedName, __spreadValues({}, status));
+      } else {
+        this.fieldStatuses.delete(normalizedName);
+      }
+      (_a = this.fieldMap.get(normalizedName)) == null ? void 0 : _a.onStoreChange();
+    };
+    // Delete entries whose key equals or nests under one of `names`
+    // (no names = delete all). Keeps rule messages and manual statuses in
+    // sync with the fields that reset/clear actually touched.
+    this.deleteRelatedEntries = (entries, names) => {
+      if (!names) {
+        entries.clear();
+        return;
+      }
+      const normalizedNames = names.map(
+        (name) => (0, import_path.stringifyPath)((0, import_path.getNamePath)(name))
+      );
+      Array.from(entries.keys()).forEach((fieldName) => {
+        if (normalizedNames.some((name) => isRelatedNamePath(fieldName, name))) {
+          entries.delete(fieldName);
+        }
+      });
+    };
+    this.clearFieldStatuses = (names) => {
+      this.deleteRelatedEntries(this.fieldStatuses, names);
+    };
     this.setFieldsValue = (newStore, trigger = "onChange") => {
       var _a, _b, _c, _d;
       if (trigger === "reset" || trigger === "clear") {
@@ -208,7 +263,8 @@ var FormStore = class {
         });
       }
       (_b = (_a = this.callbacks) == null ? void 0 : _a.onReset) == null ? void 0 : _b.call(_a);
-      this.validateMessages.clear();
+      this.deleteRelatedEntries(this.validateMessages, name);
+      this.clearFieldStatuses(name);
       this.groupEntities.forEach((entity) => entity.reset());
       this.refreshField();
     };
@@ -218,6 +274,7 @@ var FormStore = class {
         acc[name2] = void 0;
         return acc;
       }, {});
+      this.clearFieldStatuses(name);
       this.setFieldsValue(clearStore, "clear");
     };
     this.validateField = (name, trigger) => __async(this, null, function* () {
@@ -483,7 +540,20 @@ var FormStore = class {
       const { onFinish, onFinishFailed } = this.callbacks;
       const fieldErrors = yield this.validateFields();
       const groupErrors = yield this.validateGroups(true);
-      const allErrors = [...fieldErrors, ...groupErrors];
+      const statusErrors = Array.from(this.fieldStatuses.entries()).filter(
+        ([, status]) => status.status === "error" && status.blocking === true
+      ).map(
+        ([name, status]) => {
+          var _a;
+          return {
+            name,
+            message: (_a = status.message) != null ? _a : "",
+            value: this.getFieldValue(name),
+            status: "error"
+          };
+        }
+      );
+      const allErrors = [...fieldErrors, ...groupErrors, ...statusErrors];
       if (allErrors.length === 0) {
         onFinish == null ? void 0 : onFinish(this.getFieldsValue());
       } else {
@@ -520,6 +590,8 @@ var FormStore = class {
   getForm() {
     return {
       getFieldValidate: this.getFieldValidate,
+      getFieldStatus: this.getFieldStatus,
+      setFieldStatus: this.setFieldStatus,
       getFieldsValue: this.getFieldsValue,
       getFieldValue: this.getFieldValue,
       setFieldsValue: this.setFieldsValue,

package/dist/cjs/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FormInstance, FormListProps, FormProps, } from './interface';
+export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, } from './interface';
 export default Form;

package/dist/cjs/Form/interface.d.ts

@@ -96,6 +96,15 @@ export interface FormInstance<Values = any> {
      * Get field validation info
      */
     getFieldValidate: (name: Name) => ValidateMessage | null;
+    /**
+     * Get the displayed field status. Rule validation errors take display
+     * precedence; otherwise a manually set status overrides validation.
+     */
+    getFieldStatus: (name: NamePath) => FieldStatusData | null;
+    /**
+     * Set or clear a field's displayed status. Pass null to clear it.
+     */
+    setFieldStatus: (name: NamePath, status: FieldStatusData | null) => void;
     /**
      * Get field value
      */
@@ -225,11 +234,18 @@ export type Rule = {
      */
     validateTrigger?: 'onBlur' | 'onChange' | 'onSubmit' | 'reset' | Array<'onBlur' | 'onChange' | 'onSubmit'>;
 };
+export type FieldStatus = 'error' | 'success' | 'warning' | 'info';
+export type FieldStatusData = {
+    status: FieldStatus;
+    message?: string;
+    /** Whether an error status should prevent form submission. */
+    blocking?: boolean;
+};
 export type ValidateMessage = {
     name: NamePath | NamePath[] | undefined;
     message: string;
     value: unknown;
-    status: 'error' | 'success' | 'warning' | 'info';
+    status: FieldStatus;
 };
 export type FieldConfigurableTooltip = Omit<TooltipProps, 'children'> & {
     /**

package/dist/cjs/Form/style/index.less

@@ -79,6 +79,18 @@
       &-error {
         color: var(--yee-error-color);
       }
+
+      &-warning {
+        color: var(--yee-warning-color);
+      }
+
+      &-success {
+        color: var(--yee-success-color);
+      }
+
+      &-info {
+        color: var(--yee-info-color);
+      }
     }
 
     // 表单校验态：在此重定义控件读取的 border / box-shadow 变量，
@@ -97,5 +109,19 @@
       --yee-input-focus-bs-color: var(--yee-warning-color-border);
       --yee-checkbox-border-color: var(--yee-warning-color);
     }
+
+    &&-success {
+      --yee-input-border-color: var(--yee-success-color);
+      --yee-input-hover-border-color: var(--yee-success-color-hover);
+      --yee-input-focus-bs-color: var(--yee-success-color-border);
+      --yee-checkbox-border-color: var(--yee-success-color);
+    }
+
+    &&-info {
+      --yee-input-border-color: var(--yee-info-color);
+      --yee-input-hover-border-color: var(--yee-info-color-hover);
+      --yee-input-focus-bs-color: var(--yee-info-color-border);
+      --yee-checkbox-border-color: var(--yee-info-color);
+    }
   }
 }

package/dist/cjs/Progress/circle.js

@@ -148,42 +148,53 @@ var Circle = import_react.default.forwardRef((props, ref) => {
       style: { width, height: width },
       ref
     },
-    /* @__PURE__ */ import_react.default.createElement("svg", { className: `${prefixCls}-circle`, viewBox: "0 0 120 120", "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
-      "circle",
-      {
-        className: `${prefixCls}-circle-trail`,
-        cx: "60",
-        cy: "60",
-        r: "56",
-        strokeWidth,
-        fill: "transparent"
-      }
-    ), strokeColor instanceof Object && renderConicGradient(), strokeColor instanceof Object && renderForeignObject(), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      "circle",
-      __spreadProps(__spreadValues({
-        className: `${progressColor ? "" : `${prefixCls}-circle-path`}`,
-        cx: "60",
-        cy: "60",
-        r: "56",
-        strokeWidth
-      }, progressColor), {
-        fill: "transparent",
-        ref: path1Ref
-      })
-    ), done && done.percent && /* @__PURE__ */ import_react.default.createElement(
-      "circle",
+    /* @__PURE__ */ import_react.default.createElement(
+      "svg",
       {
-        className: (0, import_clsx.default)(`${prefixCls}-circle-segment-path2`, {
-          [`${prefixCls}-circle-segment-done`]: done && done.percent
-        }),
-        cx: "60",
-        cy: "60",
-        r: "56",
-        strokeWidth,
-        fill: "transparent",
-        ref: path2Ref
-      }
-    ))),
+        className: `${prefixCls}-circle`,
+        viewBox: "0 0 120 120",
+        "aria-hidden": "true"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "circle",
+        {
+          className: `${prefixCls}-circle-trail`,
+          cx: "60",
+          cy: "60",
+          r: "56",
+          strokeWidth,
+          fill: "transparent"
+        }
+      ),
+      strokeColor instanceof Object && renderConicGradient(),
+      strokeColor instanceof Object && renderForeignObject(),
+      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        "circle",
+        __spreadProps(__spreadValues({
+          className: `${progressColor ? "" : `${prefixCls}-circle-path`}`,
+          cx: "60",
+          cy: "60",
+          r: "56",
+          strokeWidth
+        }, progressColor), {
+          fill: "transparent",
+          ref: path1Ref
+        })
+      ), done && done.percent && /* @__PURE__ */ import_react.default.createElement(
+        "circle",
+        {
+          className: (0, import_clsx.default)(`${prefixCls}-circle-segment-path2`, {
+            [`${prefixCls}-circle-segment-done`]: done && done.percent
+          }),
+          cx: "60",
+          cy: "60",
+          r: "56",
+          strokeWidth,
+          fill: "transparent",
+          ref: path2Ref
+        }
+      ))
+    ),
     showInfo && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children)
   );
 });

package/dist/cjs/Progress/line.js

@@ -72,19 +72,28 @@ var Line = import_react.default.forwardRef((props, ref) => {
       };
     }
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-outer`, ref }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: { height: strokeWidth }, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-outer`, ref }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: `${prefixCls}-bg`,
-      style: __spreadValues({ width: percent + "%" }, progressColor)
-    }
-  ), done && done.percent && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `${prefixCls}-done-bg`,
-      style: { width: done.percent + "%" }
-    }
-  )), showInfo && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children));
+      className: `${prefixCls}-inner`,
+      style: { height: strokeWidth },
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefixCls}-bg`,
+        style: __spreadValues({ width: percent + "%" }, progressColor)
+      }
+    ),
+    done && done.percent && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefixCls}-done-bg`,
+        style: { width: done.percent + "%" }
+      }
+    )
+  ), showInfo && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children));
 });
 Line.displayName = "Line";
 var line_default = Line;

package/dist/cjs/Search/demo/basic.js

@@ -34,9 +34,44 @@ __export(basic_exports, {
 module.exports = __toCommonJS(basic_exports);
 var import_react = __toESM(require("react"));
 var import__ = __toESM(require("../index"));
+var people = [
+  { key: "ada", value: "ada", label: "Ada Lovelace" },
+  { key: "grace", value: "grace", label: "Grace Hopper" },
+  { key: "alan", value: "alan", label: "Alan Turing" },
+  { key: "margaret", value: "margaret", label: "Margaret Hamilton" }
+];
 var basic_default = () => {
-  const onSearch = (value) => {
-    console.log("search value:", value);
+  const [keyword, setKeyword] = (0, import_react.useState)("");
+  const [selected, setSelected] = (0, import_react.useState)(null);
+  const results = (0, import_react.useMemo)(() => {
+    const normalizedKeyword = keyword.trim().toLowerCase();
+    const matched = people.filter(
+      (person) => String(person.label).toLowerCase().includes(normalizedKeyword)
+    );
+    return matched.length > 0 ? matched : [
+      {
+        key: "empty",
+        value: "empty",
+        label: "No results found",
+        disabled: true
+      }
+    ];
+  }, [keyword]);
+  const handleSelect = (option) => {
+    setSelected(option);
+    if (option) {
+      setKeyword(String(option.label));
+    }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 300 } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { placeholder: "input search text", onSearch }));
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 320 } }, /* @__PURE__ */ import_react.default.createElement(
+    import__.default,
+    {
+      allowClear: true,
+      value: keyword,
+      options: results,
+      placeholder: "Search people",
+      onSearch: setKeyword,
+      onChange: handleSelect
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 12 } }, "Selected: ", selected ? String(selected.label) : "None"));
 };

package/dist/cjs/Search/interface.d.ts

@@ -50,7 +50,7 @@ export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
     /**
      * @description Suffix content
      */
-    suffix?: React.ReactNode;
+    suffix?: React.ReactNode | false;
     /**
      * @description Whether disabled
      * @default false
@@ -74,7 +74,7 @@ export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
      * @description trigger search event
      * @default 'typing'
      */
-    searchOnAction?: 'typing' | 'enter';
+    searchOnAction?: 'typing' | 'enter' | 'button';
     /**
      * @description suggest data
      */