@aloudata/aloudata-design 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/Form/index.js

@@ -20,25 +20,28 @@ function colStyle(col) {
 }
 var AldForm = forwardRef((props, ref) => {
 	const contextSize = useContext(SizeContext);
-	const { children, size = contextSize, labelWidth, style = {}, className, layout = "horizontal", disabled, labelCol, wrapperCol, colon, requiredMark, ...restProps } = props;
-	const customStyle = labelWidth ? {
+	const { children, size = contextSize, labelWidth, style = {}, className, layout = "horizontal", disabled, labelCol, wrapperCol, colon = false, requiredMark, labelAlign, ...restProps } = props;
+	const customStyle = {
 		...style,
-		"--label-width": `${labelWidth}px`
-	} : style;
+		...labelWidth ? { "--label-width": `${labelWidth}px` } : {},
+		...labelAlign ? { "--label-align": labelAlign } : {}
+	};
 	const formContextValue = useMemo(() => ({
 		layout,
 		labelCol,
 		wrapperCol,
 		colon,
 		requiredMark,
-		labelWidth
+		labelWidth,
+		labelAlign
 	}), [
 		layout,
 		labelCol,
 		wrapperCol,
 		colon,
 		requiredMark,
-		labelWidth
+		labelWidth,
+		labelAlign
 	]);
 	return /* @__PURE__ */ jsx(FormContext.Provider, {
 		value: formContextValue,
@@ -48,7 +51,7 @@ var AldForm = forwardRef((props, ref) => {
 				size,
 				children: /* @__PURE__ */ jsx(RcForm, {
 					style: customStyle,
-					className: cn("ald-form", `ald-form-${layout}`, className),
+					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, className),
 					...restProps,
 					ref,
 					children
@@ -78,7 +81,7 @@ function statusClassName(status) {
 	}
 }
 /** Render the inner label + control layout, receiving meta from Field */
-function FormItemLayout({ label, children, meta, help, extra, required, hidden, className, customStyle, noStyle, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, validateStatus: manualStatus, colon: itemColon, formContext }) {
+function FormItemLayout({ label, children, meta, help, extra, required, rules, hidden, className, customStyle, noStyle, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, validateStatus: manualStatus, colon: itemColon, formContext }) {
 	const status = deriveStatus(meta, manualStatus);
 	const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);
 	const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);
@@ -94,7 +97,8 @@ function FormItemLayout({ label, children, meta, help, extra, required, hidden,
 	]);
 	if (noStyle) return /* @__PURE__ */ jsx(Fragment, { children });
 	const { requiredMark } = formContext;
-	const isRequired = required || meta && meta.required;
+	const rulesRequired = rules && rules.some((r) => typeof r === "object" && r && r.required);
+	const isRequired = required || rulesRequired || meta && meta.required;
 	const showRequired = requiredMark !== false && isRequired;
 	const showOptional = requiredMark === "optional" && !isRequired;
 	const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;
@@ -105,24 +109,27 @@ function FormItemLayout({ label, children, meta, help, extra, required, hidden,
 	const displayMessages = help !== null && help !== void 0 ? [help] : errors;
 	const hasError = status === "error" || errors.length > 0 && help === null;
 	const hasWarning = status === "warning" || warnings.length > 0 && help === null;
-	const labelNode = label !== null && label !== void 0 ? /* @__PURE__ */ jsxs("label", {
-		className: cn("ald-form-item-label tw-text-sm tw-font-medium tw-text-[var(--content-primary)]", layout === "vertical" && "tw-mb-1 tw-block", layout === "horizontal" && !useGridLayout && "tw-mr-3 tw-shrink-0", layout === "horizontal" && formContext.labelWidth && "tw-shrink-0"),
-		style: !useGridLayout && layout === "horizontal" && formContext.labelWidth ? { width: `var(--label-width, ${formContext.labelWidth}px)` } : useGridLayout ? colStyle(resolvedLabelCol) : void 0,
-		children: [
-			showRequired && /* @__PURE__ */ jsx("span", {
-				className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
-				children: "*"
-			}),
-			label,
-			showOptional && /* @__PURE__ */ jsx("span", {
-				className: "tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]",
-				children: "(optional)"
-			}),
-			showColon && label ? ":" : null
-		]
+	const labelNode = label !== null && label !== void 0 ? /* @__PURE__ */ jsx("div", {
+		className: cn("ald-form-item-label ant-form-item-label", layout === "vertical" && "tw-mb-1", layout === "horizontal" && "tw-mr-3 tw-shrink-0"),
+		style: useGridLayout ? colStyle(resolvedLabelCol) : void 0,
+		children: /* @__PURE__ */ jsxs("label", {
+			className: cn("tw-text-sm tw-font-medium tw-text-[var(--alias-colors-text-subtle,var(--content-secondary))]", !showColon && "ant-form-item-no-colon"),
+			children: [
+				showRequired && /* @__PURE__ */ jsx("span", {
+					className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
+					children: "*"
+				}),
+				label,
+				showOptional && /* @__PURE__ */ jsx("span", {
+					className: "tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]",
+					children: "(optional)"
+				}),
+				showColon && label ? ":" : null
+			]
+		})
 	}) : null;
 	const controlNode = /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-form-item-control", layout === "horizontal" && "tw-flex-1"),
+		className: cn("ald-form-item-control ant-form-item-control", layout === "horizontal" && "tw-flex-1"),
 		style: useGridLayout ? colStyle(resolvedWrapperCol) : void 0,
 		children: [
 			/* @__PURE__ */ jsx(FormItemInputContext.Provider, {
@@ -132,8 +139,9 @@ function FormItemLayout({ label, children, meta, help, extra, required, hidden,
 					children
 				})
 			}),
-			displayMessages.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: cn("ald-form-item-explain tw-mt-1 tw-text-xs tw-transition-all tw-duration-200", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[color:var(--content-warning-primary,#faad14)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200", displayMessages.length > 0 && "tw-mt-1", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[color:var(--content-warning-primary,#faad14)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
+				style: displayMessages.length === 0 ? { display: "none" } : void 0,
 				children: displayMessages.map((msg, i) => /* @__PURE__ */ jsx("div", { children: msg }, i))
 			}),
 			extra && /* @__PURE__ */ jsx("div", {
@@ -143,7 +151,7 @@ function FormItemLayout({ label, children, meta, help, extra, required, hidden,
 		]
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-form-item tw-mb-6", hidden && "tw-hidden", showRequired && "ald-form-item-required", statusClassName(status), layout === "horizontal" && "tw-flex tw-flex-row tw-items-start", layout === "inline" && "tw-mr-4 tw-inline-flex tw-flex-row tw-items-start", className),
+		className: cn("ald-form-item ant-form-item ant-row tw-mb-6", hidden && "tw-hidden", showRequired && "ald-form-item-required", statusClassName(status), layout === "horizontal" && "tw-flex tw-flex-row tw-items-start", layout === "inline" && "tw-mr-4 tw-inline-flex tw-flex-row tw-items-start", className),
 		style: customStyle,
 		children: [labelNode, controlNode]
 	});
@@ -151,15 +159,17 @@ function FormItemLayout({ label, children, meta, help, extra, required, hidden,
 var AldFormItem = function(props) {
 	const { labelWidth, style = {}, label, name, rules, children, className, required, hidden, initialValue, dependencies, shouldUpdate, help, extra, validateTrigger, valuePropName, getValueFromEvent, normalize, getValueProps, noStyle, labelCol, wrapperCol, validateStatus, colon } = props;
 	const formContext = useContext(FormContext);
-	const customStyle = labelWidth ? {
+	const customStyle = {
 		...style,
-		"--label-width": `${labelWidth}px`
-	} : style;
+		...labelWidth ? { "--label-width": `${labelWidth}px` } : {},
+		...props.labelAlign ? { "--label-align": props.labelAlign } : {}
+	};
 	if (!(name !== null && name !== void 0 || shouldUpdate !== null && shouldUpdate !== void 0 || dependencies !== null && dependencies !== void 0)) return /* @__PURE__ */ jsx(FormItemLayout, {
 		label,
 		help,
 		extra,
 		required,
+		rules,
 		hidden,
 		className,
 		customStyle,
@@ -192,6 +202,7 @@ var AldFormItem = function(props) {
 					help,
 					extra,
 					required,
+					rules,
 					hidden,
 					className,
 					customStyle,
@@ -216,6 +227,7 @@ var AldFormItem = function(props) {
 				help,
 				extra,
 				required,
+				rules,
 				hidden,
 				className,
 				customStyle,

package/dist/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import RcForm, {\n  Field,\n  FormInstance as RcFormInstance,\n  FormProvider,\n  List,\n  useForm as rcUseForm,\n  useWatch,\n} from 'rc-field-form';\nimport type { FormProps as RcFormProps } from 'rc-field-form';\nimport FieldContext from 'rc-field-form/es/FieldContext';\nimport type { Rule, RuleObject, RuleRender } from 'rc-field-form/es/interface';\nimport type { Meta, NamePath } from 'rc-field-form/es/interface';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport SizeContext, {\n  SizeContextProvider,\n} from '../ConfigProvider/sizeContext';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  FormContext,\n  FormItemInputContext,\n  type ValidateStatus,\n} from './FormItemContext';\n\n/**\n * Loose NamePath: accepts string, number, or array of them.\n * antd v4 uses loose paths; rc-field-form v2 uses strict DeepNamePath.\n * We override to keep backward compatibility.\n */\ntype LooseNamePath = string | number | (string | number)[];\n\n/**\n * FormInstance — extends rc-field-form FormInstance with loose-typed overloads\n * to maintain antd v4 backward compatibility. Uses intersection so that both\n * strict DeepNamePath and loose LooseNamePath signatures are accepted.\n */\nexport type FormInstance<Values = any> = RcFormInstance<Values> & {\n  getFieldValue(name: LooseNamePath): any;\n  setFieldValue(name: LooseNamePath, value: any): void;\n  setFieldsValue(values: Record<string, any>): void;\n  getFieldsValue(): Values;\n  getFieldsValue(\n    nameList: LooseNamePath[] | true,\n    filterFunc?: (meta: Meta) => boolean,\n  ): any;\n  getFieldError(name: LooseNamePath): string[];\n  getFieldsError(\n    nameList?: LooseNamePath[],\n  ): { name: (string | number)[]; errors: string[] }[];\n  getFieldWarning(name: LooseNamePath): string[];\n  isFieldTouched(name: LooseNamePath): boolean;\n  isFieldsTouched(\n    nameList?: LooseNamePath[],\n    allFieldsTouched?: boolean,\n  ): boolean;\n  isFieldValidating(name: LooseNamePath): boolean;\n  isFieldsValidating(nameList?: LooseNamePath[]): boolean;\n  setFields(fields: FieldData[]): void;\n  resetFields(fields?: LooseNamePath[]): void;\n  validateFields(nameList?: LooseNamePath[]): Promise<Values>;\n  /** Scroll to field position (antd-compatible extension) */\n  scrollToField?(\n    name: LooseNamePath,\n    options?: { behavior?: 'smooth' | 'auto' },\n  ): void;\n};\n\n// FormProps compatible with antd\nexport interface FormProps<Values = any> extends Omit<RcFormProps, 'form'> {\n  form?: FormInstance<Values>;\n  layout?: 'horizontal' | 'vertical' | 'inline';\n  size?: 'small' | 'middle' | 'large';\n  colon?: boolean;\n  disabled?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  className?: string;\n  style?: React.CSSProperties;\n  requiredMark?: boolean | 'optional';\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n// FormItemProps\nexport interface FormItemProps {\n  name?: NamePath;\n  label?: React.ReactNode;\n  rules?: Rule[];\n  children?: React.ReactNode | ((form: RcFormInstance) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  dependencies?: NamePath[];\n  shouldUpdate?: boolean | ((prevValues: any, curValues: any) => boolean);\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  validateTrigger?: string | string[];\n  valuePropName?: string;\n  getValueFromEvent?: (...args: any[]) => any;\n  noStyle?: boolean;\n  labelWidth?: number;\n  tooltip?:\n    | React.ReactNode\n    | { title?: React.ReactNode; icon?: React.ReactNode };\n  labelCol?: { span?: number; offset?: number; [key: string]: any };\n  wrapperCol?: { span?: number; offset?: number; [key: string]: any };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  trigger?: string;\n  normalize?: (value: any, prevValue: any, allValues: any) => any;\n  getValueProps?: (value: any) => Record<string, any>;\n}\n\n/** antd v4 compat: FormLabelAlign */\nexport type FormLabelAlign = 'left' | 'right';\n\n/** antd v4 compat: FieldData */\nexport type FieldData = {\n  name: NamePath;\n  value?: any;\n  touched?: boolean;\n  validating?: boolean;\n  errors?: string[];\n};\n\nexport interface ErrorListProps {\n  errors?: React.ReactNode[];\n  help?: React.ReactNode;\n  className?: string;\n}\n\nexport type FormListFieldData = {\n  name: number;\n  key: number;\n  isListField: boolean;\n};\n\nexport type FormListOperation = {\n  add: (defaultValue?: any, insertIndex?: number) => void;\n  remove: (index: number | number[]) => void;\n  move: (from: number, to: number) => void;\n};\n\nexport type FormListProps = {\n  name: NamePath;\n  rules?: Rule[];\n  children: (\n    fields: FormListFieldData[],\n    operation: FormListOperation,\n    meta: { errors: React.ReactNode[] },\n  ) => React.ReactNode;\n  initialValue?: any[];\n};\n\n// ============== Helpers ==============\n\n/** Convert a 24-column span/offset to Tailwind-compatible inline styles */\nfunction colStyle(col?: {\n  span?: number;\n  offset?: number;\n}): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = {};\n  if (col.span !== null && col.span !== undefined) {\n    // 24-column grid: width = span / 24 * 100%\n    s.width = `${(col.span / 24) * 100}%`;\n    s.flex = `0 0 ${(col.span / 24) * 100}%`;\n  }\n  if (col.offset !== null && col.offset !== undefined && col.offset > 0) {\n    s.marginLeft = `${(col.offset / 24) * 100}%`;\n  }\n  return s;\n}\n\n// ============== Form ==============\n\nconst AldForm = forwardRef((props: any, ref: any) => {\n  const contextSize = useContext(SizeContext);\n  const {\n    children,\n    size = contextSize,\n    labelWidth,\n    style = {},\n    className,\n    layout = 'horizontal',\n    disabled,\n    labelCol,\n    wrapperCol,\n    colon,\n    requiredMark,\n    ...restProps\n  } = props;\n  const customStyle = labelWidth\n    ? { ...style, '--label-width': `${labelWidth}px` }\n    : style;\n\n  const formContextValue = useMemo(\n    () => ({ layout, labelCol, wrapperCol, colon, requiredMark, labelWidth }),\n    [layout, labelCol, wrapperCol, colon, requiredMark, labelWidth],\n  );\n\n  return (\n    <FormContext.Provider value={formContextValue}>\n      <DisabledContext.Provider value={disabled}>\n        <SizeContextProvider size={size}>\n          <RcForm\n            style={customStyle}\n            className={cn('ald-form', `ald-form-${layout}`, className)}\n            {...restProps}\n            ref={ref}\n          >\n            {children}\n          </RcForm>\n        </SizeContextProvider>\n      </DisabledContext.Provider>\n    </FormContext.Provider>\n  );\n}) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & {\n    ref?: React.Ref<FormInstance<Values>>;\n    labelWidth?: number;\n  },\n) => React.ReactElement;\n\n// ============== Form.Item ==============\n\ninterface IFormItemProps extends FormItemProps {\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n/** Derive status from meta or manual validateStatus */\nfunction deriveStatus(\n  meta?: Meta,\n  validateStatus?: ValidateStatus,\n): ValidateStatus {\n  if (validateStatus) return validateStatus;\n  if (!meta) return '';\n  if (meta.validating) return 'validating';\n  if (meta.errors && meta.errors.length > 0) return 'error';\n  if (meta.warnings && meta.warnings.length > 0) return 'warning';\n  if (meta.touched) return 'success';\n  return '';\n}\n\n/** Status-based border class for the control wrapper */\nfunction statusClassName(status: ValidateStatus): string {\n  switch (status) {\n    case 'error':\n      return 'ald-form-item-has-error';\n    case 'warning':\n      return 'ald-form-item-has-warning';\n    case 'success':\n      return 'ald-form-item-has-success';\n    case 'validating':\n      return 'ald-form-item-is-validating';\n    default:\n      return '';\n  }\n}\n\n/** Render the inner label + control layout, receiving meta from Field */\nfunction FormItemLayout({\n  label,\n  children,\n  meta,\n  help,\n  extra,\n  required,\n  hidden,\n  className,\n  customStyle,\n  noStyle,\n  labelCol: itemLabelCol,\n  wrapperCol: itemWrapperCol,\n  validateStatus: manualStatus,\n  colon: itemColon,\n  formContext,\n}: {\n  label?: React.ReactNode;\n  children: React.ReactNode;\n  meta?: Meta;\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  required?: boolean;\n  hidden?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  noStyle?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: { span?: number; offset?: number };\n    wrapperCol?: { span?: number; offset?: number };\n    colon?: boolean;\n    requiredMark?: boolean | 'optional';\n    labelWidth?: number;\n  };\n}) {\n  const status = deriveStatus(meta, manualStatus);\n  const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);\n  const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);\n\n  // Provide status context to child controls\n  const itemInputContextValue = useMemo(\n    () => ({\n      status,\n      isFormItemInput: true,\n      errors,\n      warnings,\n    }),\n    [status, errors, warnings],\n  );\n\n  if (noStyle) {\n    return <>{children}</>;\n  }\n\n  // Determine if we should show required mark\n  const { requiredMark } = formContext;\n  const isRequired = required || (meta && (meta as any).required);\n  const showRequired = requiredMark !== false && isRequired;\n  const showOptional = requiredMark === 'optional' && !isRequired;\n\n  // Resolve cols: item-level overrides form-level\n  const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;\n  const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;\n  const layout = formContext.layout || 'horizontal';\n  const showColon =\n    (itemColon ?? formContext.colon) !== false && layout === 'horizontal';\n\n  // Decide whether to use grid-style layout\n  const useGridLayout =\n    layout === 'horizontal' && (resolvedLabelCol || resolvedWrapperCol);\n\n  // Determine display errors: if help is provided, show help instead of validation errors\n  const displayMessages = help !== null && help !== undefined ? [help] : errors;\n  const hasError = status === 'error' || (errors.length > 0 && help === null);\n  const hasWarning =\n    status === 'warning' || (warnings.length > 0 && help === null);\n\n  const labelNode =\n    label !== null && label !== undefined ? (\n      <label\n        className={cn(\n          'ald-form-item-label tw-text-sm tw-font-medium tw-text-[var(--content-primary)]',\n          layout === 'vertical' && 'tw-mb-1 tw-block',\n          layout === 'horizontal' && !useGridLayout && 'tw-mr-3 tw-shrink-0',\n          layout === 'horizontal' && formContext.labelWidth && 'tw-shrink-0',\n        )}\n        style={\n          !useGridLayout && layout === 'horizontal' && formContext.labelWidth\n            ? { width: `var(--label-width, ${formContext.labelWidth}px)` }\n            : useGridLayout\n            ? colStyle(resolvedLabelCol)\n            : undefined\n        }\n      >\n        {showRequired && (\n          <span className=\"tw-mr-1 tw-text-[var(--content-negative-primary)]\">\n            *\n          </span>\n        )}\n        {label}\n        {showOptional && (\n          <span className=\"tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]\">\n            (optional)\n          </span>\n        )}\n        {showColon && label ? ':' : null}\n      </label>\n    ) : null;\n\n  const controlNode = (\n    <div\n      className={cn(\n        'ald-form-item-control',\n        layout === 'horizontal' && 'tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">{children}</div>\n      </FormItemInputContext.Provider>\n      {displayMessages.length > 0 && (\n        <div\n          className={cn(\n            'ald-form-item-explain tw-mt-1 tw-text-xs tw-transition-all tw-duration-200',\n            hasError && 'tw-text-[var(--content-negative-secondary)]',\n            hasWarning &&\n              !hasError &&\n              'tw-text-[color:var(--content-warning-primary,#faad14)]',\n            !hasError &&\n              !hasWarning &&\n              help !== null &&\n              help !== undefined &&\n              'tw-text-[var(--content-secondary)]',\n          )}\n        >\n          {displayMessages.map((msg, i) => (\n            <div key={i}>{msg}</div>\n          ))}\n        </div>\n      )}\n      {extra && (\n        <div className=\"ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]\">\n          {extra}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-form-item tw-mb-6',\n        hidden && 'tw-hidden',\n        showRequired && 'ald-form-item-required',\n        statusClassName(status),\n        layout === 'horizontal' && 'tw-flex tw-flex-row tw-items-start',\n        layout === 'inline' &&\n          'tw-mr-4 tw-inline-flex tw-flex-row tw-items-start',\n        className,\n      )}\n      style={customStyle as React.CSSProperties}\n    >\n      {labelNode}\n      {controlNode}\n    </div>\n  );\n}\n\nconst AldFormItem = function (props: IFormItemProps) {\n  const {\n    labelWidth,\n    style = {},\n    label,\n    name,\n    rules,\n    children,\n    className,\n    required,\n    hidden,\n    initialValue,\n    dependencies,\n    shouldUpdate,\n    help,\n    extra,\n    validateTrigger,\n    valuePropName,\n    getValueFromEvent,\n    normalize,\n    getValueProps,\n    noStyle,\n    labelCol,\n    wrapperCol,\n    validateStatus,\n    colon,\n  } = props;\n\n  const formContext = useContext(FormContext);\n\n  const customStyle = labelWidth\n    ? { ...style, '--label-width': `${labelWidth}px` }\n    : style;\n\n  // If no name is provided (e.g. a submit button wrapper), we don't need Field\n  // Also when shouldUpdate or dependencies are used without name, Field is still needed for re-render\n  const needField =\n    (name !== null && name !== undefined) ||\n    (shouldUpdate !== null && shouldUpdate !== undefined) ||\n    (dependencies !== null && dependencies !== undefined);\n\n  if (!needField) {\n    return (\n      <FormItemLayout\n        label={label}\n        help={help}\n        extra={extra}\n        required={required}\n        hidden={hidden}\n        className={className}\n        customStyle={customStyle as React.CSSProperties}\n        noStyle={noStyle}\n        labelCol={labelCol}\n        wrapperCol={wrapperCol}\n        validateStatus={validateStatus}\n        colon={colon}\n        formContext={formContext}\n      >\n        {children as React.ReactNode}\n      </FormItemLayout>\n    );\n  }\n\n  return (\n    <Field\n      name={name}\n      rules={rules}\n      initialValue={initialValue}\n      dependencies={dependencies}\n      shouldUpdate={shouldUpdate}\n      validateTrigger={validateTrigger}\n      valuePropName={valuePropName}\n      getValueFromEvent={getValueFromEvent}\n      normalize={normalize}\n      getValueProps={getValueProps}\n    >\n      {(control, meta, form) => {\n        // If children is a render function (shouldUpdate / dependencies pattern),\n        // call it with the form instance and wrap in layout\n        if (typeof children === 'function') {\n          const childContent = (\n            children as (form: RcFormInstance) => React.ReactNode\n          )(form);\n          if (noStyle) {\n            return childContent;\n          }\n          return (\n            <FormItemLayout\n              label={label}\n              meta={meta}\n              help={help}\n              extra={extra}\n              required={required}\n              hidden={hidden}\n              className={className}\n              customStyle={customStyle as React.CSSProperties}\n              noStyle={noStyle}\n              labelCol={labelCol}\n              wrapperCol={wrapperCol}\n              validateStatus={validateStatus}\n              colon={colon}\n              formContext={formContext}\n            >\n              {childContent}\n            </FormItemLayout>\n          );\n        }\n\n        // For noStyle, just clone with control props\n        if (noStyle) {\n          if (React.isValidElement(children)) {\n            return React.cloneElement(\n              children as React.ReactElement<any>,\n              control,\n            );\n          }\n          return children;\n        }\n\n        // Clone control props onto the single child element\n        let childNode: React.ReactNode = children;\n        if (React.isValidElement(children)) {\n          childNode = React.cloneElement(\n            children as React.ReactElement<any>,\n            control,\n          );\n        }\n\n        return (\n          <FormItemLayout\n            label={label}\n            meta={meta}\n            help={help}\n            extra={extra}\n            required={required}\n            hidden={hidden}\n            className={className}\n            customStyle={customStyle as React.CSSProperties}\n            labelCol={labelCol}\n            wrapperCol={wrapperCol}\n            validateStatus={validateStatus}\n            colon={colon}\n            formContext={formContext}\n          >\n            {childNode}\n          </FormItemLayout>\n        );\n      }}\n    </Field>\n  );\n};\n\nfunction useFormItemStatus() {\n  const ctx = useContext(FormItemInputContext);\n  return {\n    status: ctx.status,\n    errors: ctx.errors ?? [],\n    warnings: ctx.warnings ?? [],\n  };\n}\n\nAldFormItem.useStatus = useFormItemStatus;\n\n// ============== ErrorList ==============\n\nfunction ErrorListComponent(props: ErrorListProps) {\n  const { errors, className } = props;\n  if (!errors || errors.length === 0) return null;\n  return (\n    <div className={cn('ald-form-error-list', className)}>\n      {errors.map((err, i) => (\n        <div\n          key={i}\n          className=\"tw-text-xs tw-text-[var(--content-negative-secondary)]\"\n        >\n          {err}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============== useFormInstance ==============\n\nfunction useFormInstance<T = any>(): FormInstance<T> {\n  const form = useContext(FieldContext);\n  return form as unknown as FormInstance<T>;\n}\n\n// ============== Compound component ==============\n\ntype InternalFormType = typeof AldForm;\ntype CompoundedComponent = InternalFormType & {\n  useForm: <T = any>(...args: any[]) => [FormInstance<T>];\n  useFormInstance: typeof useFormInstance;\n  /** Loose-typed useWatch for antd v4 compat */\n  useWatch: <T = any>(name: LooseNamePath, form?: FormInstance) => T;\n  Item: typeof AldFormItem;\n  List: typeof List;\n  ErrorList: typeof ErrorListComponent;\n  Provider: typeof FormProvider;\n  create: () => void;\n};\n\nconst Form = AldForm as CompoundedComponent;\n\nForm.Item = AldFormItem;\nForm.List = List;\nForm.ErrorList = ErrorListComponent;\nForm.useForm = rcUseForm as CompoundedComponent['useForm'];\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nForm.create = () => {\n  console.warn('Form.create is deprecated. Please use Form.useForm() instead.');\n};\n\nexport type { Rule, RuleObject, RuleRender };\nexport default Form;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import RcForm, {\n  Field,\n  FormInstance as RcFormInstance,\n  FormProvider,\n  List,\n  useForm as rcUseForm,\n  useWatch,\n} from 'rc-field-form';\nimport type { FormProps as RcFormProps } from 'rc-field-form';\nimport FieldContext from 'rc-field-form/es/FieldContext';\nimport type { Rule, RuleObject, RuleRender } from 'rc-field-form/es/interface';\nimport type { Meta, NamePath } from 'rc-field-form/es/interface';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport SizeContext, {\n  SizeContextProvider,\n} from '../ConfigProvider/sizeContext';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  FormContext,\n  FormItemInputContext,\n  type ValidateStatus,\n} from './FormItemContext';\n\n/**\n * Loose NamePath: accepts string, number, or array of them.\n * antd v4 uses loose paths; rc-field-form v2 uses strict DeepNamePath.\n * We override to keep backward compatibility.\n */\ntype LooseNamePath = string | number | (string | number)[];\n\n/**\n * FormInstance — extends rc-field-form FormInstance with loose-typed overloads\n * to maintain antd v4 backward compatibility. Uses intersection so that both\n * strict DeepNamePath and loose LooseNamePath signatures are accepted.\n */\nexport type FormInstance<Values = any> = RcFormInstance<Values> & {\n  getFieldValue(name: LooseNamePath): any;\n  setFieldValue(name: LooseNamePath, value: any): void;\n  setFieldsValue(values: Record<string, any>): void;\n  getFieldsValue(): Values;\n  getFieldsValue(\n    nameList: LooseNamePath[] | true,\n    filterFunc?: (meta: Meta) => boolean,\n  ): any;\n  getFieldError(name: LooseNamePath): string[];\n  getFieldsError(\n    nameList?: LooseNamePath[],\n  ): { name: (string | number)[]; errors: string[] }[];\n  getFieldWarning(name: LooseNamePath): string[];\n  isFieldTouched(name: LooseNamePath): boolean;\n  isFieldsTouched(\n    nameList?: LooseNamePath[],\n    allFieldsTouched?: boolean,\n  ): boolean;\n  isFieldValidating(name: LooseNamePath): boolean;\n  isFieldsValidating(nameList?: LooseNamePath[]): boolean;\n  setFields(fields: FieldData[]): void;\n  resetFields(fields?: LooseNamePath[]): void;\n  validateFields(nameList?: LooseNamePath[]): Promise<Values>;\n  /** Scroll to field position (antd-compatible extension) */\n  scrollToField?(\n    name: LooseNamePath,\n    options?: { behavior?: 'smooth' | 'auto' },\n  ): void;\n};\n\n// FormProps compatible with antd\nexport interface FormProps<Values = any> extends Omit<RcFormProps, 'form'> {\n  form?: FormInstance<Values>;\n  layout?: 'horizontal' | 'vertical' | 'inline';\n  size?: 'small' | 'middle' | 'large';\n  colon?: boolean;\n  disabled?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  className?: string;\n  style?: React.CSSProperties;\n  requiredMark?: boolean | 'optional';\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n// FormItemProps\nexport interface FormItemProps {\n  name?: NamePath;\n  label?: React.ReactNode;\n  rules?: Rule[];\n  children?: React.ReactNode | ((form: RcFormInstance) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  dependencies?: NamePath[];\n  shouldUpdate?: boolean | ((prevValues: any, curValues: any) => boolean);\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  validateTrigger?: string | string[];\n  valuePropName?: string;\n  getValueFromEvent?: (...args: any[]) => any;\n  noStyle?: boolean;\n  labelWidth?: number;\n  tooltip?:\n    | React.ReactNode\n    | { title?: React.ReactNode; icon?: React.ReactNode };\n  labelCol?: { span?: number; offset?: number; [key: string]: any };\n  wrapperCol?: { span?: number; offset?: number; [key: string]: any };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  trigger?: string;\n  normalize?: (value: any, prevValue: any, allValues: any) => any;\n  getValueProps?: (value: any) => Record<string, any>;\n}\n\n/** antd v4 compat: FormLabelAlign */\nexport type FormLabelAlign = 'left' | 'right';\n\n/** antd v4 compat: FieldData */\nexport type FieldData = {\n  name: NamePath;\n  value?: any;\n  touched?: boolean;\n  validating?: boolean;\n  errors?: string[];\n};\n\nexport interface ErrorListProps {\n  errors?: React.ReactNode[];\n  help?: React.ReactNode;\n  className?: string;\n}\n\nexport type FormListFieldData = {\n  name: number;\n  key: number;\n  isListField: boolean;\n};\n\nexport type FormListOperation = {\n  add: (defaultValue?: any, insertIndex?: number) => void;\n  remove: (index: number | number[]) => void;\n  move: (from: number, to: number) => void;\n};\n\nexport type FormListProps = {\n  name: NamePath;\n  rules?: Rule[];\n  children: (\n    fields: FormListFieldData[],\n    operation: FormListOperation,\n    meta: { errors: React.ReactNode[] },\n  ) => React.ReactNode;\n  initialValue?: any[];\n};\n\n// ============== Helpers ==============\n\n/** Convert a 24-column span/offset to Tailwind-compatible inline styles */\nfunction colStyle(col?: {\n  span?: number;\n  offset?: number;\n}): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = {};\n  if (col.span !== null && col.span !== undefined) {\n    // 24-column grid: width = span / 24 * 100%\n    s.width = `${(col.span / 24) * 100}%`;\n    s.flex = `0 0 ${(col.span / 24) * 100}%`;\n  }\n  if (col.offset !== null && col.offset !== undefined && col.offset > 0) {\n    s.marginLeft = `${(col.offset / 24) * 100}%`;\n  }\n  return s;\n}\n\n// ============== Form ==============\n\nconst AldForm = forwardRef((props: any, ref: any) => {\n  const contextSize = useContext(SizeContext);\n  const {\n    children,\n    size = contextSize,\n    labelWidth,\n    style = {},\n    className,\n    layout = 'horizontal',\n    disabled,\n    labelCol,\n    wrapperCol,\n    colon = false,\n    requiredMark,\n    labelAlign,\n    ...restProps\n  } = props;\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(labelAlign ? { '--label-align': labelAlign } : {}),\n  };\n\n  const formContextValue = useMemo(\n    () => ({\n      layout,\n      labelCol,\n      wrapperCol,\n      colon,\n      requiredMark,\n      labelWidth,\n      labelAlign,\n    }),\n    [layout, labelCol, wrapperCol, colon, requiredMark, labelWidth, labelAlign],\n  );\n\n  return (\n    <FormContext.Provider value={formContextValue}>\n      <DisabledContext.Provider value={disabled}>\n        <SizeContextProvider size={size}>\n          <RcForm\n            style={customStyle}\n            className={cn(\n              'ald-form ant-form',\n              `ald-form-${layout}`,\n              `ant-form-${layout}`,\n              className,\n            )}\n            {...restProps}\n            ref={ref}\n          >\n            {children}\n          </RcForm>\n        </SizeContextProvider>\n      </DisabledContext.Provider>\n    </FormContext.Provider>\n  );\n}) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & {\n    ref?: React.Ref<FormInstance<Values>>;\n    labelWidth?: number;\n  },\n) => React.ReactElement;\n\n// ============== Form.Item ==============\n\ninterface IFormItemProps extends FormItemProps {\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n/** Derive status from meta or manual validateStatus */\nfunction deriveStatus(\n  meta?: Meta,\n  validateStatus?: ValidateStatus,\n): ValidateStatus {\n  if (validateStatus) return validateStatus;\n  if (!meta) return '';\n  if (meta.validating) return 'validating';\n  if (meta.errors && meta.errors.length > 0) return 'error';\n  if (meta.warnings && meta.warnings.length > 0) return 'warning';\n  if (meta.touched) return 'success';\n  return '';\n}\n\n/** Status-based border class for the control wrapper */\nfunction statusClassName(status: ValidateStatus): string {\n  switch (status) {\n    case 'error':\n      return 'ald-form-item-has-error';\n    case 'warning':\n      return 'ald-form-item-has-warning';\n    case 'success':\n      return 'ald-form-item-has-success';\n    case 'validating':\n      return 'ald-form-item-is-validating';\n    default:\n      return '';\n  }\n}\n\n/** Render the inner label + control layout, receiving meta from Field */\nfunction FormItemLayout({\n  label,\n  children,\n  meta,\n  help,\n  extra,\n  required,\n  rules,\n  hidden,\n  className,\n  customStyle,\n  noStyle,\n  labelCol: itemLabelCol,\n  wrapperCol: itemWrapperCol,\n  validateStatus: manualStatus,\n  colon: itemColon,\n  formContext,\n}: {\n  label?: React.ReactNode;\n  children: React.ReactNode;\n  meta?: Meta;\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  required?: boolean;\n  rules?: Rule[];\n  hidden?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  noStyle?: boolean;\n  labelCol?: { span?: number; offset?: number };\n  wrapperCol?: { span?: number; offset?: number };\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: { span?: number; offset?: number };\n    wrapperCol?: { span?: number; offset?: number };\n    colon?: boolean;\n    requiredMark?: boolean | 'optional';\n    labelWidth?: number;\n  };\n}) {\n  const status = deriveStatus(meta, manualStatus);\n  const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);\n  const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);\n\n  // Provide status context to child controls\n  const itemInputContextValue = useMemo(\n    () => ({\n      status,\n      isFormItemInput: true,\n      errors,\n      warnings,\n    }),\n    [status, errors, warnings],\n  );\n\n  if (noStyle) {\n    return <>{children}</>;\n  }\n\n  // Determine if we should show required mark\n  const { requiredMark } = formContext;\n  const rulesRequired =\n    rules && rules.some((r: any) => typeof r === 'object' && r && r.required);\n  const isRequired =\n    required || rulesRequired || (meta && (meta as any).required);\n  const showRequired = requiredMark !== false && isRequired;\n  const showOptional = requiredMark === 'optional' && !isRequired;\n\n  // Resolve cols: item-level overrides form-level\n  const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;\n  const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;\n  const layout = formContext.layout || 'horizontal';\n  const showColon =\n    (itemColon ?? formContext.colon) !== false && layout === 'horizontal';\n\n  // Decide whether to use grid-style layout\n  const useGridLayout =\n    layout === 'horizontal' && (resolvedLabelCol || resolvedWrapperCol);\n\n  // Determine display errors: if help is provided, show help instead of validation errors\n  const displayMessages = help !== null && help !== undefined ? [help] : errors;\n  const hasError = status === 'error' || (errors.length > 0 && help === null);\n  const hasWarning =\n    status === 'warning' || (warnings.length > 0 && help === null);\n\n  const labelNode =\n    label !== null && label !== undefined ? (\n      <div\n        className={cn(\n          'ald-form-item-label ant-form-item-label',\n          layout === 'vertical' && 'tw-mb-1',\n          layout === 'horizontal' && 'tw-mr-3 tw-shrink-0',\n        )}\n        style={useGridLayout ? colStyle(resolvedLabelCol) : undefined}\n      >\n        <label\n          className={cn(\n            'tw-text-sm tw-font-medium tw-text-[var(--alias-colors-text-subtle,var(--content-secondary))]',\n            !showColon && 'ant-form-item-no-colon',\n          )}\n        >\n          {showRequired && (\n            <span className=\"tw-mr-1 tw-text-[var(--content-negative-primary)]\">\n              *\n            </span>\n          )}\n          {label}\n          {showOptional && (\n            <span className=\"tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]\">\n              (optional)\n            </span>\n          )}\n          {showColon && label ? ':' : null}\n        </label>\n      </div>\n    ) : null;\n\n  const controlNode = (\n    <div\n      className={cn(\n        'ald-form-item-control ant-form-item-control',\n        layout === 'horizontal' && 'tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">{children}</div>\n      </FormItemInputContext.Provider>\n      {/* 始终渲染错误容器，避免 DOM 增删触发 Radix FocusScope MutationObserver 劫持焦点 */}\n      <div\n        className={cn(\n          'ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200',\n          displayMessages.length > 0 && 'tw-mt-1',\n          hasError && 'tw-text-[var(--content-negative-secondary)]',\n          hasWarning &&\n            !hasError &&\n            'tw-text-[color:var(--content-warning-primary,#faad14)]',\n          !hasError &&\n            !hasWarning &&\n            help !== null &&\n            help !== undefined &&\n            'tw-text-[var(--content-secondary)]',\n        )}\n        style={displayMessages.length === 0 ? { display: 'none' } : undefined}\n      >\n        {displayMessages.map((msg, i) => (\n          <div key={i}>{msg}</div>\n        ))}\n      </div>\n      {extra && (\n        <div className=\"ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]\">\n          {extra}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-form-item ant-form-item ant-row tw-mb-6',\n        hidden && 'tw-hidden',\n        showRequired && 'ald-form-item-required',\n        statusClassName(status),\n        layout === 'horizontal' && 'tw-flex tw-flex-row tw-items-start',\n        layout === 'inline' &&\n          'tw-mr-4 tw-inline-flex tw-flex-row tw-items-start',\n        className,\n      )}\n      style={customStyle as React.CSSProperties}\n    >\n      {labelNode}\n      {controlNode}\n    </div>\n  );\n}\n\nconst AldFormItem = function (props: IFormItemProps) {\n  const {\n    labelWidth,\n    style = {},\n    label,\n    name,\n    rules,\n    children,\n    className,\n    required,\n    hidden,\n    initialValue,\n    dependencies,\n    shouldUpdate,\n    help,\n    extra,\n    validateTrigger,\n    valuePropName,\n    getValueFromEvent,\n    normalize,\n    getValueProps,\n    noStyle,\n    labelCol,\n    wrapperCol,\n    validateStatus,\n    colon,\n  } = props;\n\n  const formContext = useContext(FormContext);\n\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(props.labelAlign ? { '--label-align': props.labelAlign } : {}),\n  };\n\n  // If no name is provided (e.g. a submit button wrapper), we don't need Field\n  // Also when shouldUpdate or dependencies are used without name, Field is still needed for re-render\n  const needField =\n    (name !== null && name !== undefined) ||\n    (shouldUpdate !== null && shouldUpdate !== undefined) ||\n    (dependencies !== null && dependencies !== undefined);\n\n  if (!needField) {\n    return (\n      <FormItemLayout\n        label={label}\n        help={help}\n        extra={extra}\n        required={required}\n        rules={rules}\n        hidden={hidden}\n        className={className}\n        customStyle={customStyle as React.CSSProperties}\n        noStyle={noStyle}\n        labelCol={labelCol}\n        wrapperCol={wrapperCol}\n        validateStatus={validateStatus}\n        colon={colon}\n        formContext={formContext}\n      >\n        {children as React.ReactNode}\n      </FormItemLayout>\n    );\n  }\n\n  return (\n    <Field\n      name={name}\n      rules={rules}\n      initialValue={initialValue}\n      dependencies={dependencies}\n      shouldUpdate={shouldUpdate}\n      validateTrigger={validateTrigger}\n      valuePropName={valuePropName}\n      getValueFromEvent={getValueFromEvent}\n      normalize={normalize}\n      getValueProps={getValueProps}\n    >\n      {(control, meta, form) => {\n        // If children is a render function (shouldUpdate / dependencies pattern),\n        // call it with the form instance and wrap in layout\n        if (typeof children === 'function') {\n          const childContent = (\n            children as (form: RcFormInstance) => React.ReactNode\n          )(form);\n          if (noStyle) {\n            return childContent;\n          }\n          return (\n            <FormItemLayout\n              label={label}\n              meta={meta}\n              help={help}\n              extra={extra}\n              required={required}\n              rules={rules}\n              hidden={hidden}\n              className={className}\n              customStyle={customStyle as React.CSSProperties}\n              noStyle={noStyle}\n              labelCol={labelCol}\n              wrapperCol={wrapperCol}\n              validateStatus={validateStatus}\n              colon={colon}\n              formContext={formContext}\n            >\n              {childContent}\n            </FormItemLayout>\n          );\n        }\n\n        // For noStyle, just clone with control props\n        if (noStyle) {\n          if (React.isValidElement(children)) {\n            return React.cloneElement(\n              children as React.ReactElement<any>,\n              control,\n            );\n          }\n          return children;\n        }\n\n        // Clone control props onto the single child element\n        let childNode: React.ReactNode = children;\n        if (React.isValidElement(children)) {\n          childNode = React.cloneElement(\n            children as React.ReactElement<any>,\n            control,\n          );\n        }\n\n        return (\n          <FormItemLayout\n            label={label}\n            meta={meta}\n            help={help}\n            extra={extra}\n            required={required}\n            rules={rules}\n            hidden={hidden}\n            className={className}\n            customStyle={customStyle as React.CSSProperties}\n            labelCol={labelCol}\n            wrapperCol={wrapperCol}\n            validateStatus={validateStatus}\n            colon={colon}\n            formContext={formContext}\n          >\n            {childNode}\n          </FormItemLayout>\n        );\n      }}\n    </Field>\n  );\n};\n\nfunction useFormItemStatus() {\n  const ctx = useContext(FormItemInputContext);\n  return {\n    status: ctx.status,\n    errors: ctx.errors ?? [],\n    warnings: ctx.warnings ?? [],\n  };\n}\n\nAldFormItem.useStatus = useFormItemStatus;\n\n// ============== ErrorList ==============\n\nfunction ErrorListComponent(props: ErrorListProps) {\n  const { errors, className } = props;\n  if (!errors || errors.length === 0) return null;\n  return (\n    <div className={cn('ald-form-error-list', className)}>\n      {errors.map((err, i) => (\n        <div\n          key={i}\n          className=\"tw-text-xs tw-text-[var(--content-negative-secondary)]\"\n        >\n          {err}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============== useFormInstance ==============\n\nfunction useFormInstance<T = any>(): FormInstance<T> {\n  const form = useContext(FieldContext);\n  return form as unknown as FormInstance<T>;\n}\n\n// ============== Compound component ==============\n\ntype InternalFormType = typeof AldForm;\ntype CompoundedComponent = InternalFormType & {\n  useForm: <T = any>(...args: any[]) => [FormInstance<T>];\n  useFormInstance: typeof useFormInstance;\n  /** Loose-typed useWatch for antd v4 compat */\n  useWatch: <T = any>(name: LooseNamePath, form?: FormInstance) => T;\n  Item: typeof AldFormItem;\n  List: typeof List;\n  ErrorList: typeof ErrorListComponent;\n  Provider: typeof FormProvider;\n  create: () => void;\n};\n\nconst Form = AldForm as CompoundedComponent;\n\nForm.Item = AldFormItem;\nForm.List = List;\nForm.ErrorList = ErrorListComponent;\nForm.useForm = rcUseForm as CompoundedComponent['useForm'];\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nForm.create = () => {\n  console.warn('Form.create is deprecated. Please use Form.useForm() instead.');\n};\n\nexport type { Rule, RuleObject, RuleRender };\nexport default Form;\n"],"mappings":"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"}

package/dist/HighlightText/index.js

@@ -16,7 +16,7 @@ function HighlightText(props) {
 	return /* @__PURE__ */ jsx("span", {
 		className,
 		title: children,
-		children: text.split(regex).map((part, index) => regex.test(part) ? /* @__PURE__ */ jsx("span", {
+		children: text.split(regex).map((part, index) => index % 2 === 1 ? /* @__PURE__ */ jsx("span", {
 			className: cn("ald-highlight-text tw-text-[var(--content-negative-secondary)]", highlightClassName),
 			children: part
 		}, index) : part)

package/dist/HighlightText/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/HighlightText/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * 高亮关键词\n */\nexport default function HighlightText(props: IProps) {\n  const { className, children, keyword, highlightClassName } = props;\n  const trimKeyword = _.trim(keyword);\n  if (typeof children !== 'string' || trimKeyword === '') {\n    return <>{children}</>;\n  }\n  const text = children;\n  const escapedKeyword = trimKeyword.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedKeyword})`, 'gi');\n  const parts = text.split(regex);\n\n  return (\n    <span className={className} title={children}>\n      {parts.map((part, index) =>\n        regex.test(part) ? (\n          <span\n            key={index}\n            className={cn(\n              'ald-highlight-text tw-text-[var(--content-negative-secondary)]',\n              highlightClassName,\n            )}\n          >\n            {part}\n          </span>\n        ) : (\n          part\n        ),\n      )}\n    </span>\n  );\n}\n\ninterface IProps {\n  keyword: string;\n  highlightClassName?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,cAAc,OAAe;CACnD,MAAM,EAAE,WAAW,UAAU,SAAS,uBAAuB;CAC7D,MAAM,cAAc,EAAE,KAAK,QAAQ;AACnC,KAAI,OAAO,aAAa,YAAY,gBAAgB,GAClD,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,OAAO;CACb,MAAM,iBAAiB,YAAY,QAAQ,uBAAuB,OAAO;CACzE,MAAM,QAAQ,IAAI,OAAO,IAAI,eAAe,IAAI,KAAK;AAGrD,QACE,oBAAC,QAAD;EAAiB;EAAW,OAAO;YAHvB,KAAK,MAAM,MAAM,CAIpB,KAAK,MAAM,UAChB,MAAM,KAAK,KAAK,GACd,oBAAC,QAAD;GAEE,WAAW,GACT,kEACA,mBACD;aAEA;GACI,EAPA,MAOA,GAEP,KAEH;EACI,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/HighlightText/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * 高亮关键词\n */\nexport default function HighlightText(props: IProps) {\n  const { className, children, keyword, highlightClassName } = props;\n  const trimKeyword = _.trim(keyword);\n  if (typeof children !== 'string' || trimKeyword === '') {\n    return <>{children}</>;\n  }\n  const text = children;\n  const escapedKeyword = trimKeyword.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedKeyword})`, 'gi');\n  const parts = text.split(regex);\n\n  return (\n    <span className={className} title={children}>\n      {parts.map((part, index) =>\n        index % 2 === 1 ? (\n          <span\n            key={index}\n            className={cn(\n              'ald-highlight-text tw-text-[var(--content-negative-secondary)]',\n              highlightClassName,\n            )}\n          >\n            {part}\n          </span>\n        ) : (\n          part\n        ),\n      )}\n    </span>\n  );\n}\n\ninterface IProps {\n  keyword: string;\n  highlightClassName?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,cAAc,OAAe;CACnD,MAAM,EAAE,WAAW,UAAU,SAAS,uBAAuB;CAC7D,MAAM,cAAc,EAAE,KAAK,QAAQ;AACnC,KAAI,OAAO,aAAa,YAAY,gBAAgB,GAClD,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,OAAO;CACb,MAAM,iBAAiB,YAAY,QAAQ,uBAAuB,OAAO;CACzE,MAAM,QAAQ,IAAI,OAAO,IAAI,eAAe,IAAI,KAAK;AAGrD,QACE,oBAAC,QAAD;EAAiB;EAAW,OAAO;YAHvB,KAAK,MAAM,MAAM,CAIpB,KAAK,MAAM,UAChB,QAAQ,MAAM,IACZ,oBAAC,QAAD;GAEE,WAAW,GACT,kEACA,mBACD;aAEA;GACI,EAPA,MAOA,GAEP,KAEH;EACI,CAAA"}

package/dist/Input/components/Input/index.js

@@ -55,22 +55,30 @@ var Input = forwardRef((props, ref) => {
 	}) : showCount ? `${currentValue.length}${maxLength ? `/${maxLength}` : ""}` : null;
 	const compactClasses = compactItemClassnames ? cn(!compactItemClassnames["ald-input-compact-first-item"] && "!tw-rounded-l-none", !compactItemClassnames["ald-input-compact-last-item"] && "!tw-rounded-r-none", !compactItemClassnames["ald-input-compact-first-item"] && "-tw-ml-px") : void 0;
 	return /* @__PURE__ */ jsxs("span", {
-		className: cn("ald-input tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]", bordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", focused && "tw-border-[var(--interaction-focus-default)] tw-outline tw-outline-1 tw-outline-[var(--interaction-focus-default)]", !mergedDisabled && !focused && "hover:tw-border-[var(--interaction-border-hover)]", `ald-input-${getSizeType(size)}`, size === "small" && "tw-h-7 tw-text-xs", size === "large" && "tw-h-9 tw-text-sm", (size === "middle" || !size) && "tw-h-8 tw-text-sm", status === "error" && `ald-input-error tw-border-[var(--border-negative-strong)]`, status === "warning" && `ald-input-warning tw-border-[var(--border-warning-subtle)]`, mergedDisabled && "ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]", compactClasses, className),
+		className: cn("ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]", bordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", focused && "ant-input-affix-wrapper-focused tw-border-[var(--interaction-focus-default)]", !mergedDisabled && !focused && "hover:tw-border-[var(--interaction-border-hover)]", `ald-input-${getSizeType(size)}`, size === "small" && "tw-h-7 tw-text-xs", size === "large" && "tw-h-9 tw-text-sm", (size === "middle" || !size) && "tw-h-8 tw-text-sm", status === "error" && `ald-input-error tw-border-[var(--border-negative-strong)]`, status === "warning" && `ald-input-warning tw-border-[var(--border-warning-subtle)]`, mergedDisabled && "ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]", compactClasses, className),
 		style,
+		onMouseDown: (e) => {
+			if (e.target !== inputRef.current) {
+				if (document.activeElement === inputRef.current) e.preventDefault();
+			}
+		},
+		onMouseUp: (e) => {
+			if (e.target !== inputRef.current && inputRef.current) inputRef.current.focus();
+		},
 		children: [
 			addonBefore && /* @__PURE__ */ jsx("span", {
 				className: "ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]",
 				children: addonBefore
 			}),
 			prefix && /* @__PURE__ */ jsx("span", {
-				className: "ald-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]",
+				className: "ald-input-prefix ant-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]",
 				children: prefix
 			}),
 			/* @__PURE__ */ jsx("input", {
 				ref: inputRef,
 				id,
 				type: type || "text",
-				className: "tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none",
+				className: "tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none",
 				value: currentValue,
 				onChange: handleChange,
 				onBlur: (e) => {
@@ -93,7 +101,7 @@ var Input = forwardRef((props, ref) => {
 				spellCheck: false
 			}),
 			showClearIcon && /* @__PURE__ */ jsx("span", {
-				className: "ald-input-clear tw-flex tw-cursor-pointer tw-items-center tw-pr-1",
+				className: "ald-input-clear ant-input-clear-icon tw-flex tw-cursor-pointer tw-items-center tw-pr-1",
 				onClick: handleClear,
 				children: /* @__PURE__ */ jsx(Memo, {
 					size: 16,
@@ -101,7 +109,7 @@ var Input = forwardRef((props, ref) => {
 				})
 			}),
 			suffix && /* @__PURE__ */ jsx("span", {
-				className: "ald-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]",
+				className: "ald-input-suffix ant-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]",
 				children: suffix
 			}),
 			countInfo && /* @__PURE__ */ jsx("span", {

package/dist/Input/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Input/index.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext, { SizeType } from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { useCompactItemContext } from '../../../Space/CompactContext';\n\ninterface IShowCountProps {\n  formatter: (args: { count: number; maxLength?: number }) => string;\n}\nexport type TSize = SizeType;\nexport type InputRef = HTMLInputElement & {\n  /** antd v4 compat — points to the underlying <input> element */\n  input?: HTMLInputElement | null;\n};\n\ntype ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nexport interface IInputProps {\n  addonAfter?: ReactNode;\n  addonBefore?: ReactNode;\n  size?: TSize;\n  id?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  disabled?: boolean;\n  showCount?: boolean | IShowCountProps;\n  maxLength?: number;\n  minLength?: number;\n  max?: number;\n  value?: string;\n  defaultValue?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  type?: string;\n  bordered?: boolean;\n  status?: 'error' | 'warning' | '';\n  autoComplete?: string;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  width?: number | string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;\n}\n\nexport function getSizeType(sizeType: TSize): TSize {\n  if (['small', 'middle', 'large'].includes(sizeType || '')) {\n    return sizeType;\n  }\n  return 'middle';\n}\n\nconst Input = forwardRef<InputRef, IInputProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    bordered = true,\n    status,\n    disabled,\n    allowClear,\n    prefix,\n    suffix,\n    addonBefore,\n    addonAfter,\n    showCount,\n    maxLength,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    placeholder,\n    type,\n    id,\n    autoFocus,\n    readOnly,\n    style,\n  } = props;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext('ald-input');\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  React.useImperativeHandle(ref, () => {\n    const el = inputRef.current!;\n    // Expose .input for antd v4 compat (ref.current.input.focus())\n    (el as InputRef).input = el;\n    return el as InputRef;\n  });\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    const nativeEvent = new Event('input', { bubbles: true });\n    if (inputRef.current) {\n      const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        'value',\n      )?.set;\n      nativeSetter?.call(inputRef.current, '');\n      inputRef.current.dispatchEvent(nativeEvent);\n    }\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const showClearIcon = allowClear && currentValue && !mergedDisabled;\n\n  const countInfo =\n    showCount && typeof showCount === 'object'\n      ? showCount.formatter({\n          count: currentValue.length,\n          maxLength,\n        })\n      : showCount\n      ? `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`\n      : null;\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        !compactItemClassnames['ald-input-compact-first-item'] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames['ald-input-compact-last-item'] &&\n          '!tw-rounded-r-none',\n        !compactItemClassnames['ald-input-compact-first-item'] && '-tw-ml-px',\n      )\n    : undefined;\n\n  return (\n    <span\n      className={cn(\n        'ald-input tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]',\n        bordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        focused &&\n          'tw-border-[var(--interaction-focus-default)] tw-outline tw-outline-1 tw-outline-[var(--interaction-focus-default)]',\n        !mergedDisabled &&\n          !focused &&\n          'hover:tw-border-[var(--interaction-border-hover)]',\n        `ald-input-${getSizeType(size)}`,\n        size === 'small' && 'tw-h-7 tw-text-xs',\n        size === 'large' && 'tw-h-9 tw-text-sm',\n        (size === 'middle' || !size) && 'tw-h-8 tw-text-sm',\n        status === 'error' &&\n          `ald-input-error tw-border-[var(--border-negative-strong)]`,\n        status === 'warning' &&\n          `ald-input-warning tw-border-[var(--border-warning-subtle)]`,\n        mergedDisabled &&\n          'ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]',\n        compactClasses,\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span className=\"ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]\">\n          {addonBefore}\n        </span>\n      )}\n      {prefix && (\n        <span className=\"ald-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type={type || 'text'}\n        className=\"tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n        }}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        autoComplete=\"off\"\n        autoFocus={autoFocus}\n        readOnly={readOnly}\n        spellCheck={false}\n      />\n      {showClearIcon && (\n        <span\n          className=\"ald-input-clear tw-flex tw-cursor-pointer tw-items-center tw-pr-1\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {suffix && (\n        <span className=\"ald-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]\">\n          {suffix}\n        </span>\n      )}\n      {countInfo && (\n        <span className=\"ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {countInfo}\n        </span>\n      )}\n      {addonAfter && (\n        <span className=\"ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]\">\n          {addonAfter}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport default Input;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Input/index.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext, { SizeType } from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { useCompactItemContext } from '../../../Space/CompactContext';\n\ninterface IShowCountProps {\n  formatter: (args: { count: number; maxLength?: number }) => string;\n}\nexport type TSize = SizeType;\nexport type InputRef = HTMLInputElement & {\n  /** antd v4 compat — points to the underlying <input> element */\n  input?: HTMLInputElement | null;\n};\n\ntype ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nexport interface IInputProps {\n  addonAfter?: ReactNode;\n  addonBefore?: ReactNode;\n  size?: TSize;\n  id?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  disabled?: boolean;\n  showCount?: boolean | IShowCountProps;\n  maxLength?: number;\n  minLength?: number;\n  max?: number;\n  value?: string;\n  defaultValue?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  type?: string;\n  bordered?: boolean;\n  status?: 'error' | 'warning' | '';\n  autoComplete?: string;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  width?: number | string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;\n}\n\nexport function getSizeType(sizeType: TSize): TSize {\n  if (['small', 'middle', 'large'].includes(sizeType || '')) {\n    return sizeType;\n  }\n  return 'middle';\n}\n\nconst Input = forwardRef<InputRef, IInputProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    bordered = true,\n    status,\n    disabled,\n    allowClear,\n    prefix,\n    suffix,\n    addonBefore,\n    addonAfter,\n    showCount,\n    maxLength,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    placeholder,\n    type,\n    id,\n    autoFocus,\n    readOnly,\n    style,\n  } = props;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext('ald-input');\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  React.useImperativeHandle(ref, () => {\n    const el = inputRef.current!;\n    // Expose .input for antd v4 compat (ref.current.input.focus())\n    (el as InputRef).input = el;\n    return el as InputRef;\n  });\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    const nativeEvent = new Event('input', { bubbles: true });\n    if (inputRef.current) {\n      const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        'value',\n      )?.set;\n      nativeSetter?.call(inputRef.current, '');\n      inputRef.current.dispatchEvent(nativeEvent);\n    }\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const showClearIcon = allowClear && currentValue && !mergedDisabled;\n\n  const countInfo =\n    showCount && typeof showCount === 'object'\n      ? showCount.formatter({\n          count: currentValue.length,\n          maxLength,\n        })\n      : showCount\n      ? `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`\n      : null;\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        !compactItemClassnames['ald-input-compact-first-item'] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames['ald-input-compact-last-item'] &&\n          '!tw-rounded-r-none',\n        !compactItemClassnames['ald-input-compact-first-item'] && '-tw-ml-px',\n      )\n    : undefined;\n\n  return (\n    <span\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]',\n        bordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        // focus 仅变 border-color，不加额外 box-shadow/outline。\n        // 消费方通过 CSS 将 border 设为 0 后 focus 高亮自然消失，和 antd 行为一致。\n        focused &&\n          'ant-input-affix-wrapper-focused tw-border-[var(--interaction-focus-default)]',\n        !mergedDisabled &&\n          !focused &&\n          'hover:tw-border-[var(--interaction-border-hover)]',\n        `ald-input-${getSizeType(size)}`,\n        size === 'small' && 'tw-h-7 tw-text-xs',\n        size === 'large' && 'tw-h-9 tw-text-sm',\n        (size === 'middle' || !size) && 'tw-h-8 tw-text-sm',\n        status === 'error' &&\n          `ald-input-error tw-border-[var(--border-negative-strong)]`,\n        status === 'warning' &&\n          `ald-input-warning tw-border-[var(--border-warning-subtle)]`,\n        mergedDisabled &&\n          'ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]',\n        compactClasses,\n        className,\n      )}\n      style={style}\n      onMouseDown={(e) => {\n        // 点击 wrapper 非 input 区域时：\n        // 如果 input 已聚焦 → preventDefault 防止点击 wrapper 导致丢焦\n        // 如果 input 未聚焦 → 不阻止默认行为，让浏览器正常处理 blur 上一个元素\n        if (e.target !== inputRef.current) {\n          if (document.activeElement === inputRef.current) {\n            e.preventDefault();\n          }\n        }\n      }}\n      onMouseUp={(e) => {\n        // 在 mouseUp 时将焦点转发给内部 input（兼容 prefix/suffix/padding 区域的点击）\n        if (e.target !== inputRef.current && inputRef.current) {\n          inputRef.current.focus();\n        }\n      }}\n    >\n      {addonBefore && (\n        <span className=\"ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]\">\n          {addonBefore}\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-prefix class，消费方 CSS 可能依赖该选择器 */}\n      {prefix && (\n        <span className=\"ald-input-prefix ant-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type={type || 'text'}\n        className=\"tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n        }}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        autoComplete=\"off\"\n        autoFocus={autoFocus}\n        readOnly={readOnly}\n        spellCheck={false}\n      />\n      {showClearIcon && (\n        <span\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          className=\"ald-input-clear ant-input-clear-icon tw-flex tw-cursor-pointer tw-items-center tw-pr-1\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-suffix class，消费方 CSS 可能依赖该选择器 */}\n      {suffix && (\n        <span className=\"ald-input-suffix ant-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]\">\n          {suffix}\n        </span>\n      )}\n      {countInfo && (\n        <span className=\"ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {countInfo}\n        </span>\n      )}\n      {addonAfter && (\n        <span className=\"ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]\">\n          {addonAfter}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport default Input;\n"],"mappings":"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"}

package/dist/InputSearch/index.js

@@ -92,7 +92,6 @@ function InputSearch(props) {
 				["inputMode"]: inputMode
 			}),
 			size,
-			status: "success",
 			onChange: onChangeValue,
 			onPressEnter,
 			onCompositionStart: handleCompositionStart,

package/dist/InputSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/InputSearch/index.tsx"],"sourcesContent":["import { useDebounceFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { SearchLine } from '../Icon';\nimport Input from '../Input';\nimport { ELangType, LocaleContext, getTranslator } from '../locale/default';\nimport './input-search.css';\n\ninterface ICustomCSSProperties extends React.CSSProperties {\n  '--init-width'?: string;\n}\n\nconst DEFAULT_SMALL_WIDTH = 68;\nconst DEFAULT_WIDTH = 78;\nconst DEFAULT_EN_SMALL_WIDTH = 88;\nconst DEFAULT_EN_WIDTH = 98;\nconst DEFAULT_LARGE_WIDTH = 88;\nconst DEFAULT_EN_LARGE_WIDTH = 108;\n\nexport default function InputSearch(props: IProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    onSearch,\n    onChange,\n    className,\n    debounce = true,\n    placeholder,\n    size = 'small',\n    defaultValue,\n    value,\n    inputMode = false,\n    style,\n    onBlur,\n    disabled,\n  } = props;\n\n  const defaultWidth = useMemo(() => {\n    if (size === 'small') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_SMALL_WIDTH;\n      }\n      return DEFAULT_SMALL_WIDTH;\n    } else if (size === 'middle') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_WIDTH;\n      }\n      return DEFAULT_WIDTH;\n    } else {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_LARGE_WIDTH;\n      }\n      return DEFAULT_LARGE_WIDTH;\n    }\n  }, [locale, size]);\n\n  // 判断是否为受控模式\n  const isControlled = 'value' in props;\n  const [searchValue, setSearchValue] = useState(defaultValue || '');\n\n  // 获取当前值：受控模式使用 value，非受控模式使用内部状态\n  const currentValue = isControlled ? value ?? '' : searchValue;\n\n  const isComposing = useRef(false);\n\n  const onPressEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!isComposing.current) {\n        onSearch(_.trim((e.target as HTMLInputElement).value));\n      }\n    },\n    [onSearch],\n  );\n\n  const DEFAULT_DEBOUNCE_TIME = 500;\n  const { run: debounceSearch } = useDebounceFn<(val: string) => void>(\n    (val) => {\n      if (!isComposing.current) {\n        onSearch(val);\n      }\n    },\n    {\n      wait: DEFAULT_DEBOUNCE_TIME,\n    },\n  );\n\n  const onChangeValue = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n\n      // 非受控模式才更新内部状态\n      if (!isControlled) {\n        setSearchValue(newValue);\n      } else {\n        onChange?.(newValue);\n        return;\n      }\n\n      if (!isComposing.current) {\n        // 受控的时候debounce不生效\n        if (debounce && !isControlled) {\n          debounceSearch(newValue);\n        } else {\n          onSearch(newValue);\n        }\n      }\n    },\n    [debounce, debounceSearch, onSearch, isControlled, onChange],\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLInputElement>) => {\n      if (isControlled) {\n        return;\n      }\n      isComposing.current = false;\n      // 在输入法结束后触发一次搜索\n      const value = (e.target as HTMLInputElement).value;\n      if (debounce) {\n        debounceSearch(value);\n      } else {\n        onSearch(value);\n      }\n    },\n    [debounce, debounceSearch, isControlled, onSearch],\n  );\n\n  const iconSize = useMemo(() => {\n    if (size === 'middle' || size === 'large') {\n      return 20;\n    }\n    return 16;\n  }, [size]);\n\n  return (\n    <div\n      className={cn('ald-input-search', className, {\n        ['input-search-size-small']: size === 'small',\n        ['input-search-size-middle']: size === 'middle',\n        ['input-search-size-large']: size === 'large',\n      })}\n      style={\n        {\n          ...style,\n          '--init-width': (props.initWidth || defaultWidth) + 'px',\n        } as ICustomCSSProperties\n      }\n    >\n      <Input\n        className={cn({\n          ['input-search-has-value']: currentValue.length !== 0 || inputMode,\n          ['input-search-has-content']: currentValue.length !== 0,\n          ['inputMode']: inputMode,\n        })}\n        size={size}\n        // @ts-ignore\n        status={'success'}\n        onChange={onChangeValue}\n        onPressEnter={onPressEnter}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        prefix={<SearchLine size={iconSize} />}\n        placeholder={placeholder || t.InputSearch.search}\n        allowClear\n        disabled={disabled}\n        {...(isControlled\n          ? { value: currentValue }\n          : { defaultValue: defaultValue })}\n        onBlur={(e) => {\n          if (onBlur) {\n            onBlur(currentValue, e);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ninterface IProps {\n  /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */\n  onSearch: (value: string) => void;\n  /** 值变化回调（受控模式时推荐使用，每次输入都触发，包括输入法期间） */\n  onChange?: (value: string) => void;\n  onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;\n  className?: string;\n  // 是否开启防抖\n  debounce?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'middle' | 'large';\n  initWidth?: number;\n  defaultValue?: string;\n  // 受控模式的值\n  value?: string;\n  inputMode?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,sBAAsB;AAC5B,IAAM,gBAAgB;AACtB,IAAM,yBAAyB;AAC/B,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAE/B,SAAwB,YAAY,OAAe;CACjD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UACA,UACA,WACA,WAAW,MACX,aACA,OAAO,SACP,cACA,OACA,YAAY,OACZ,OACA,QACA,aACE;CAEJ,MAAM,eAAe,cAAc;AACjC,MAAI,SAAS,SAAS;AACpB,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;aACE,SAAS,UAAU;AAC5B,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;SACF;AACL,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;;IAER,CAAC,QAAQ,KAAK,CAAC;CAGlB,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,aAAa,kBAAkB,SAAS,gBAAgB,GAAG;CAGlE,MAAM,eAAe,eAAe,SAAS,KAAK;CAElD,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,eAAe,aAClB,MAA6C;AAC5C,MAAI,CAAC,YAAY,QACf,UAAS,EAAE,KAAM,EAAE,OAA4B,MAAM,CAAC;IAG1D,CAAC,SAAS,CACX;CAGD,MAAM,EAAE,KAAK,mBAAmB,eAC7B,QAAQ;AACP,MAAI,CAAC,YAAY,QACf,UAAS,IAAI;IAGjB,EACE,MAR0B,KAS3B,CACF;CAED,MAAM,gBAAgB,aACnB,MAA2C;EAC1C,MAAM,WAAW,EAAE,OAAO;AAG1B,MAAI,CAAC,aACH,gBAAe,SAAS;OACnB;AACL,cAAW,SAAS;AACpB;;AAGF,MAAI,CAAC,YAAY,QAEf,KAAI,YAAY,CAAC,aACf,gBAAe,SAAS;MAExB,UAAS,SAAS;IAIxB;EAAC;EAAU;EAAgB;EAAU;EAAc;EAAS,CAC7D;CAED,MAAM,yBAAyB,kBAAkB;AAC/C,cAAY,UAAU;IACrB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAC1B,MAAgD;AAC/C,MAAI,aACF;AAEF,cAAY,UAAU;EAEtB,MAAM,QAAS,EAAE,OAA4B;AAC7C,MAAI,SACF,gBAAe,MAAM;MAErB,UAAS,MAAM;IAGnB;EAAC;EAAU;EAAgB;EAAc;EAAS,CACnD;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAS,YAAY,SAAS,QAChC,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB,WAAW;IAC1C,4BAA4B,SAAS;IACrC,6BAA6B,SAAS;IACtC,4BAA4B,SAAS;GACvC,CAAC;EACF,OACE;GACE,GAAG;GACH,iBAAiB,MAAM,aAAa,gBAAgB;GACrD;YAGH,oBAAC,OAAD;GACE,WAAW,GAAG;KACX,2BAA2B,aAAa,WAAW,KAAK;KACxD,6BAA6B,aAAa,WAAW;KACrD,cAAc;IAChB,CAAC;GACI;GAEN,QAAQ;GACR,UAAU;GACI;GACd,oBAAoB;GACpB,kBAAkB;GAClB,QAAQ,oBAAC,MAAD,EAAY,MAAM,UAAY,CAAA;GACtC,aAAa,eAAe,EAAE,YAAY;GAC1C,YAAA;GACU;GACV,GAAK,eACD,EAAE,OAAO,cAAc,GACvB,EAAgB,cAAc;GAClC,SAAS,MAAM;AACb,QAAI,OACF,QAAO,cAAc,EAAE;;GAG3B,CAAA;EACE,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/InputSearch/index.tsx"],"sourcesContent":["import { useDebounceFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { SearchLine } from '../Icon';\nimport Input from '../Input';\nimport { ELangType, LocaleContext, getTranslator } from '../locale/default';\nimport './input-search.css';\n\ninterface ICustomCSSProperties extends React.CSSProperties {\n  '--init-width'?: string;\n}\n\nconst DEFAULT_SMALL_WIDTH = 68;\nconst DEFAULT_WIDTH = 78;\nconst DEFAULT_EN_SMALL_WIDTH = 88;\nconst DEFAULT_EN_WIDTH = 98;\nconst DEFAULT_LARGE_WIDTH = 88;\nconst DEFAULT_EN_LARGE_WIDTH = 108;\n\nexport default function InputSearch(props: IProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    onSearch,\n    onChange,\n    className,\n    debounce = true,\n    placeholder,\n    size = 'small',\n    defaultValue,\n    value,\n    inputMode = false,\n    style,\n    onBlur,\n    disabled,\n  } = props;\n\n  const defaultWidth = useMemo(() => {\n    if (size === 'small') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_SMALL_WIDTH;\n      }\n      return DEFAULT_SMALL_WIDTH;\n    } else if (size === 'middle') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_WIDTH;\n      }\n      return DEFAULT_WIDTH;\n    } else {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_LARGE_WIDTH;\n      }\n      return DEFAULT_LARGE_WIDTH;\n    }\n  }, [locale, size]);\n\n  // 判断是否为受控模式\n  const isControlled = 'value' in props;\n  const [searchValue, setSearchValue] = useState(defaultValue || '');\n\n  // 获取当前值：受控模式使用 value，非受控模式使用内部状态\n  const currentValue = isControlled ? value ?? '' : searchValue;\n\n  const isComposing = useRef(false);\n\n  const onPressEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!isComposing.current) {\n        onSearch(_.trim((e.target as HTMLInputElement).value));\n      }\n    },\n    [onSearch],\n  );\n\n  const DEFAULT_DEBOUNCE_TIME = 500;\n  const { run: debounceSearch } = useDebounceFn<(val: string) => void>(\n    (val) => {\n      if (!isComposing.current) {\n        onSearch(val);\n      }\n    },\n    {\n      wait: DEFAULT_DEBOUNCE_TIME,\n    },\n  );\n\n  const onChangeValue = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n\n      // 非受控模式才更新内部状态\n      if (!isControlled) {\n        setSearchValue(newValue);\n      } else {\n        onChange?.(newValue);\n        return;\n      }\n\n      if (!isComposing.current) {\n        // 受控的时候debounce不生效\n        if (debounce && !isControlled) {\n          debounceSearch(newValue);\n        } else {\n          onSearch(newValue);\n        }\n      }\n    },\n    [debounce, debounceSearch, onSearch, isControlled, onChange],\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLInputElement>) => {\n      if (isControlled) {\n        return;\n      }\n      isComposing.current = false;\n      // 在输入法结束后触发一次搜索\n      const value = (e.target as HTMLInputElement).value;\n      if (debounce) {\n        debounceSearch(value);\n      } else {\n        onSearch(value);\n      }\n    },\n    [debounce, debounceSearch, isControlled, onSearch],\n  );\n\n  const iconSize = useMemo(() => {\n    if (size === 'middle' || size === 'large') {\n      return 20;\n    }\n    return 16;\n  }, [size]);\n\n  return (\n    <div\n      className={cn('ald-input-search', className, {\n        ['input-search-size-small']: size === 'small',\n        ['input-search-size-middle']: size === 'middle',\n        ['input-search-size-large']: size === 'large',\n      })}\n      style={\n        {\n          ...style,\n          '--init-width': (props.initWidth || defaultWidth) + 'px',\n        } as ICustomCSSProperties\n      }\n    >\n      <Input\n        className={cn({\n          ['input-search-has-value']: currentValue.length !== 0 || inputMode,\n          ['input-search-has-content']: currentValue.length !== 0,\n          ['inputMode']: inputMode,\n        })}\n        size={size}\n        onChange={onChangeValue}\n        onPressEnter={onPressEnter}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        prefix={<SearchLine size={iconSize} />}\n        placeholder={placeholder || t.InputSearch.search}\n        allowClear\n        disabled={disabled}\n        {...(isControlled\n          ? { value: currentValue }\n          : { defaultValue: defaultValue })}\n        onBlur={(e) => {\n          if (onBlur) {\n            onBlur(currentValue, e);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ninterface IProps {\n  /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */\n  onSearch: (value: string) => void;\n  /** 值变化回调（受控模式时推荐使用，每次输入都触发，包括输入法期间） */\n  onChange?: (value: string) => void;\n  onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;\n  className?: string;\n  // 是否开启防抖\n  debounce?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'middle' | 'large';\n  initWidth?: number;\n  defaultValue?: string;\n  // 受控模式的值\n  value?: string;\n  inputMode?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n}\n"],"mappings":";;;;;;;;;;AAmBA,IAAM,sBAAsB;AAC5B,IAAM,gBAAgB;AACtB,IAAM,yBAAyB;AAC/B,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAE/B,SAAwB,YAAY,OAAe;CACjD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UACA,UACA,WACA,WAAW,MACX,aACA,OAAO,SACP,cACA,OACA,YAAY,OACZ,OACA,QACA,aACE;CAEJ,MAAM,eAAe,cAAc;AACjC,MAAI,SAAS,SAAS;AACpB,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;aACE,SAAS,UAAU;AAC5B,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;SACF;AACL,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;;IAER,CAAC,QAAQ,KAAK,CAAC;CAGlB,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,aAAa,kBAAkB,SAAS,gBAAgB,GAAG;CAGlE,MAAM,eAAe,eAAe,SAAS,KAAK;CAElD,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,eAAe,aAClB,MAA6C;AAC5C,MAAI,CAAC,YAAY,QACf,UAAS,EAAE,KAAM,EAAE,OAA4B,MAAM,CAAC;IAG1D,CAAC,SAAS,CACX;CAGD,MAAM,EAAE,KAAK,mBAAmB,eAC7B,QAAQ;AACP,MAAI,CAAC,YAAY,QACf,UAAS,IAAI;IAGjB,EACE,MAR0B,KAS3B,CACF;CAED,MAAM,gBAAgB,aACnB,MAA2C;EAC1C,MAAM,WAAW,EAAE,OAAO;AAG1B,MAAI,CAAC,aACH,gBAAe,SAAS;OACnB;AACL,cAAW,SAAS;AACpB;;AAGF,MAAI,CAAC,YAAY,QAEf,KAAI,YAAY,CAAC,aACf,gBAAe,SAAS;MAExB,UAAS,SAAS;IAIxB;EAAC;EAAU;EAAgB;EAAU;EAAc;EAAS,CAC7D;CAED,MAAM,yBAAyB,kBAAkB;AAC/C,cAAY,UAAU;IACrB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAC1B,MAAgD;AAC/C,MAAI,aACF;AAEF,cAAY,UAAU;EAEtB,MAAM,QAAS,EAAE,OAA4B;AAC7C,MAAI,SACF,gBAAe,MAAM;MAErB,UAAS,MAAM;IAGnB;EAAC;EAAU;EAAgB;EAAc;EAAS,CACnD;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAS,YAAY,SAAS,QAChC,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB,WAAW;IAC1C,4BAA4B,SAAS;IACrC,6BAA6B,SAAS;IACtC,4BAA4B,SAAS;GACvC,CAAC;EACF,OACE;GACE,GAAG;GACH,iBAAiB,MAAM,aAAa,gBAAgB;GACrD;YAGH,oBAAC,OAAD;GACE,WAAW,GAAG;KACX,2BAA2B,aAAa,WAAW,KAAK;KACxD,6BAA6B,aAAa,WAAW;KACrD,cAAc;IAChB,CAAC;GACI;GACN,UAAU;GACI;GACd,oBAAoB;GACpB,kBAAkB;GAClB,QAAQ,oBAAC,MAAD,EAAY,MAAM,UAAY,CAAA;GACtC,aAAa,eAAe,EAAE,YAAY;GAC1C,YAAA;GACU;GACV,GAAK,eACD,EAAE,OAAO,cAAc,GACvB,EAAgB,cAAc;GAClC,SAAS,MAAM;AACb,QAAI,OACF,QAAO,cAAc,EAAE;;GAG3B,CAAA;EACE,CAAA"}

package/dist/MemberPicker/index.js

@@ -164,7 +164,6 @@ var Component = (props) => {
 		}
 		return multiple ? multiple : propsMode;
 	}, [multiple, propsMode]);
-	console.log(mode);
 	const selectOpen = typeof open === "boolean" ? open : dropdownOpen;
 	return /* @__PURE__ */ jsx(Select_default, {
 		prefix: propPrefix,

package/dist/MemberPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/MemberPicker/index.tsx"],"sourcesContent":["import { usePrevious, useRequest } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Avatar from '../Avatar';\nimport ConfigProvider from '../ConfigProvider';\nimport './member-picker.css';\nimport {\n  EUserType,\n  IUser,\n  IUserGroup,\n  TUser,\n} from '../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport message from '../message';\nimport Panel from './components/Panel';\nimport MemberPanel from './components/PanelWrapper';\nimport {\n  EMemberPicker,\n  IMemberPickerProps,\n  TUserGroupValue,\n  TUserValue,\n} from './interface';\nimport { isUser, isUserGroup } from './utils/getUsersWithUserId';\nimport Select from '../Select';\nimport { Mode } from '../Select/BaseSelect';\n\nconst Component: React.FC<IMemberPickerProps> = (props) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    value,\n    type = EMemberPicker.USER,\n    onChange,\n    multiple,\n    dropdownWidth,\n    open,\n    onOpenChange,\n    placeholder = t.MemberPicker.select,\n    className,\n    allowClear,\n    disabled,\n    onClear,\n    size,\n    prefix: propPrefix,\n    lockedIds = [],\n    footer,\n    onCancel,\n    filterItem,\n    mode: propsMode,\n    renderItem,\n    renderSelectedTag,\n    ...restProps\n  } = props;\n  const { getUsersByIds, getUsersByKeywords } = ConfigProvider.useGetUserList();\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const prevValue = usePrevious(value);\n  const [searchUserList, setSearchUserList] = useState<TUser>([]);\n  const [searchString, setSearchString] = useState<string>('');\n  const [dropdownContentWidth, setDropdownContentWidth] =\n    useState(dropdownWidth);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(!!open);\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n      });\n  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);\n  const queryByIds = useMemo(() => {\n    if (getUsersByIds) {\n      return getUsersByIds;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod,\n      });\n  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);\n  const { loading, run } = useRequest(() => queryByKeywords(searchString), {\n    refreshDeps: [searchString],\n    manual: true,\n    cacheKey: 'member-selector',\n    cacheTime: 1000 * 60 * 2, // 2分钟内不重复请求\n    onSuccess: (result) => {\n      setSearchUserList(result);\n    },\n    onError: (error) => {\n      message.error(error.message);\n    },\n  });\n\n  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList.concat(\n      selectedUserList.filter((item) => {\n        const name =\n          (item.type === EUserType.USER ? item.nickname : item.name) || '';\n\n        return name.toUpperCase().includes(searchString.trim().toUpperCase());\n      }),\n    );\n\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n\n      return data.groupId;\n    }).filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n\n      return true;\n    });\n  }, [filterItem, searchString, searchUserList, selectedUserList]);\n\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    run();\n  }, [dropdownOpen, run, searchString]);\n\n  useEffect(() => {\n    if (_.isEqual(value, prevValue)) {\n      return;\n    }\n    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {\n      setSelectedUserList(value as TUser);\n    } else if (isUser(value) || isUserGroup(value)) {\n      setSelectedUserList([value]);\n    } else {\n      let param: Array<TUserValue | TUserGroupValue> = [];\n      if (!value) return;\n      if (Array.isArray(value) && value.length === 0) {\n        setSelectedUserList([]);\n\n        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        // 如果用户已被删除，则需要展示出id\n        const valueNotInResult: TUser = param\n          .filter((item) => {\n            if (item.type === EUserType.USER) {\n              return result\n                .filter(isUser)\n                .every((user) => user.userId !== item.userId);\n            }\n\n            return result\n              .filter(isUserGroup)\n              .every((user) => user.groupId !== item.groupId);\n          })\n          .map((item) => {\n            if (item.type === EUserType.USER) {\n              return {\n                type: EUserType.USER,\n                userId: item.userId,\n              } as IUser;\n            }\n\n            return {\n              type: EUserType.USER_GROUP,\n              groupId: item.groupId,\n            } as IUserGroup;\n          });\n\n        setSelectedUserList([...result, ...valueNotInResult]);\n      });\n    }\n  }, [value, queryByIds, prevValue]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        setSelectedUserList(users);\n        onChange?.(users);\n      } else {\n        setSelectedUserList(users);\n        onChange?.(users[0]);\n      }\n      setDropdownOpen(false);\n    },\n    [multiple, onChange, setDropdownOpen],\n  );\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setDropdownOpen(open);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!dropdownContentWidth) {\n      const resizeEle = triggerRef.current;\n      if (!resizeEle) return;\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width } = entry.contentRect;\n          setDropdownContentWidth(width);\n        }\n      });\n      resizeObserver.observe(resizeEle);\n\n      return () => {\n        resizeObserver.unobserve(resizeEle);\n      };\n    }\n  }, [triggerRef, dropdownContentWidth]);\n  const onDropdownOpenChange = useCallback(\n    (open: boolean) => {\n      setDropdownOpen(open);\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n  const panelKey = useMemo(() => {\n    if (dropdownOpen) {\n      return _.sampleSize('abcdefghijklmnopqrstuvwxyz0123456789', 8).join('');\n    }\n  }, [dropdownOpen]);\n  const mode = useMemo(() => {\n    if (multiple === true) {\n      if (typeof propsMode === 'object')\n        return {\n          ...(propsMode || {}),\n          type: 'multiple',\n          responsive: _.isNil(propsMode.responsive)\n            ? true\n            : propsMode.responsive,\n        } as Mode;\n      return {\n        type: 'multiple',\n        responsive: true,\n      } as Mode;\n    }\n\n    return multiple ? (multiple as Mode) : propsMode;\n  }, [multiple, propsMode]);\n\n  console.log(mode);\n\n  const selectOpen = typeof open === 'boolean' ? open : dropdownOpen;\n\n  return (\n    <Select\n      prefix={propPrefix}\n      {...restProps}\n      size={size}\n      className={cn('ald-member-picker-select', className)}\n      value={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP) {\n          return item.groupId;\n        } else {\n          return item.userId;\n        }\n      })}\n      onChange={(value) => {\n        if (_.isEmpty(value)) {\n          setSelectedUserList([]);\n          if (multiple) {\n            onChange?.([]);\n          } else {\n            onChange?.();\n          }\n        } else {\n          const valueList = Array.isArray(value) ? value : [value];\n          if (multiple) {\n            const users = valueList\n              .map((item) => {\n                const user = totalUserList.find((user) => {\n                  if (user.type === EUserType.USER) {\n                    return user.userId === item;\n                  }\n\n                  return user.groupId === item;\n                });\n\n                return user;\n              })\n              .filter(Boolean) as TUser;\n            setSelectedUserList(users);\n            onChange?.(users);\n          } else {\n            const user = totalUserList.find((user) => {\n              if (user.type === EUserType.USER) {\n                return user.userId === value;\n              }\n\n              return user.groupId === value;\n            });\n            if (user) {\n              setSelectedUserList([user]);\n              onChange?.(user);\n            } else {\n              setSelectedUserList([]);\n              onChange?.();\n            }\n          }\n        }\n      }}\n      disabled={disabled}\n      allowClear={allowClear}\n      onClear={() => {\n        setSelectedUserList([]);\n        if (multiple) {\n          onChange?.([]);\n        } else {\n          onChange?.();\n        }\n        onClear?.();\n      }}\n      popupClassName={cn('ald-member-picker-popup', props.popupClassName)}\n      mode={mode}\n      options={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP)\n          return {\n            label: item.name || item.groupId,\n            value: item.groupId,\n            tag: (\n              <div className={'ald-member-picker-tag'}>\n                <Avatar type=\"userGroup\" size={20}>\n                  {item.name || item.groupId}\n                </Avatar>\n                {item.name || item.groupId}\n              </div>\n            ),\n          };\n\n        return {\n          label: item.nickname || item.name || item.userId,\n          value: item.userId,\n          tag: (\n            <div className={'ald-member-picker-tag'}>\n              <Avatar\n                size={20}\n                src={item.photo}\n                type={item.type === EUserType.USER ? 'user' : 'userGroup'}\n              >\n                {item.nickname || item.name || item.userId}\n              </Avatar>\n              {item.nickname || item.name || item.userId}\n            </div>\n          ),\n        };\n      })}\n      optionLabelProp={multiple ? 'label' : 'tag'}\n      open={selectOpen}\n      onOpenChange={onDropdownOpenChange}\n      popupMatchSelectWidth={false}\n      placeholder={placeholder}\n      dropdownRender={() => {\n        return (\n          <div ref={triggerRef}>\n            <Panel\n              type={type}\n              footer={footer}\n              value={selectedUserList}\n              dataList={totalUserList}\n              lockedIds={lockedIds}\n              multiple={!!multiple}\n              key={panelKey}\n              loading={loading}\n              dropdownWidth={dropdownContentWidth}\n              onSearchValueChange={onSearchValueChange}\n              onChange={onSelectedChange}\n              onCancel={() => {\n                onCancel?.();\n                setDropdownOpen(false);\n              }}\n              renderItem={renderItem}\n              renderSelectedTag={renderSelectedTag}\n            ></Panel>\n          </div>\n        );\n      }}\n    ></Select>\n  );\n};\n\nconst MemberSelector = Component as React.FC<IMemberPickerProps> & {\n  MemberPanel: typeof MemberPanel;\n};\n\nMemberSelector.MemberPanel = MemberPanel;\nexport default MemberSelector;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/MemberPicker/index.tsx"],"sourcesContent":["import { usePrevious, useRequest } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Avatar from '../Avatar';\nimport ConfigProvider from '../ConfigProvider';\nimport './member-picker.css';\nimport {\n  EUserType,\n  IUser,\n  IUserGroup,\n  TUser,\n} from '../ConfigProvider/getUserList';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport message from '../message';\nimport Panel from './components/Panel';\nimport MemberPanel from './components/PanelWrapper';\nimport {\n  EMemberPicker,\n  IMemberPickerProps,\n  TUserGroupValue,\n  TUserValue,\n} from './interface';\nimport { isUser, isUserGroup } from './utils/getUsersWithUserId';\nimport Select from '../Select';\nimport { Mode } from '../Select/BaseSelect';\n\nconst Component: React.FC<IMemberPickerProps> = (props) => {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    value,\n    type = EMemberPicker.USER,\n    onChange,\n    multiple,\n    dropdownWidth,\n    open,\n    onOpenChange,\n    placeholder = t.MemberPicker.select,\n    className,\n    allowClear,\n    disabled,\n    onClear,\n    size,\n    prefix: propPrefix,\n    lockedIds = [],\n    footer,\n    onCancel,\n    filterItem,\n    mode: propsMode,\n    renderItem,\n    renderSelectedTag,\n    ...restProps\n  } = props;\n  const { getUsersByIds, getUsersByKeywords } = ConfigProvider.useGetUserList();\n  const [selectedUserList, setSelectedUserList] = useState<TUser>([]);\n  const prevValue = usePrevious(value);\n  const [searchUserList, setSearchUserList] = useState<TUser>([]);\n  const [searchString, setSearchString] = useState<string>('');\n  const [dropdownContentWidth, setDropdownContentWidth] =\n    useState(dropdownWidth);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const onSearchValueChange = useCallback((v: string) => {\n    setSearchString(v);\n  }, []);\n  const [dropdownOpen, setDropdownOpen] = useState<boolean>(!!open);\n  const queryByKeywords = useMemo(() => {\n    if (getUsersByKeywords) {\n      return getUsersByKeywords;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod,\n      });\n  }, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);\n  const queryByIds = useMemo(() => {\n    if (getUsersByIds) {\n      return getUsersByIds;\n    }\n\n    return (_params = {}) =>\n      Promise.reject({\n        message: t.MemberPicker.pleaseConfigGetUserByIdsMethod,\n      });\n  }, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);\n  const { loading, run } = useRequest(() => queryByKeywords(searchString), {\n    refreshDeps: [searchString],\n    manual: true,\n    cacheKey: 'member-selector',\n    cacheTime: 1000 * 60 * 2, // 2分钟内不重复请求\n    onSuccess: (result) => {\n      setSearchUserList(result);\n    },\n    onError: (error) => {\n      message.error(error.message);\n    },\n  });\n\n  const totalUserList: TUser = useMemo(() => {\n    const totalUsers = searchUserList.concat(\n      selectedUserList.filter((item) => {\n        const name =\n          (item.type === EUserType.USER ? item.nickname : item.name) || '';\n\n        return name.toUpperCase().includes(searchString.trim().toUpperCase());\n      }),\n    );\n\n    return _.uniqBy(totalUsers, (data: IUser | IUserGroup) => {\n      if (data.type === EUserType.USER) return data.userId;\n\n      return data.groupId;\n    }).filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n\n      return true;\n    });\n  }, [filterItem, searchString, searchUserList, selectedUserList]);\n\n  useEffect(() => {\n    if (!dropdownOpen) return;\n    run();\n  }, [dropdownOpen, run, searchString]);\n\n  useEffect(() => {\n    if (_.isEqual(value, prevValue)) {\n      return;\n    }\n    if (Array.isArray(value) && (isUser(value[0]) || isUserGroup(value[0]))) {\n      setSelectedUserList(value as TUser);\n    } else if (isUser(value) || isUserGroup(value)) {\n      setSelectedUserList([value]);\n    } else {\n      let param: Array<TUserValue | TUserGroupValue> = [];\n      if (!value) return;\n      if (Array.isArray(value) && value.length === 0) {\n        setSelectedUserList([]);\n\n        return;\n      }\n      if (!Array.isArray(value)) {\n        param = [value];\n      } else {\n        param = value;\n      }\n      queryByIds(param).then((result) => {\n        // 如果用户已被删除，则需要展示出id\n        const valueNotInResult: TUser = param\n          .filter((item) => {\n            if (item.type === EUserType.USER) {\n              return result\n                .filter(isUser)\n                .every((user) => user.userId !== item.userId);\n            }\n\n            return result\n              .filter(isUserGroup)\n              .every((user) => user.groupId !== item.groupId);\n          })\n          .map((item) => {\n            if (item.type === EUserType.USER) {\n              return {\n                type: EUserType.USER,\n                userId: item.userId,\n              } as IUser;\n            }\n\n            return {\n              type: EUserType.USER_GROUP,\n              groupId: item.groupId,\n            } as IUserGroup;\n          });\n\n        setSelectedUserList([...result, ...valueNotInResult]);\n      });\n    }\n  }, [value, queryByIds, prevValue]);\n\n  const onSelectedChange = useCallback(\n    (users: TUser) => {\n      if (multiple) {\n        setSelectedUserList(users);\n        onChange?.(users);\n      } else {\n        setSelectedUserList(users);\n        onChange?.(users[0]);\n      }\n      setDropdownOpen(false);\n    },\n    [multiple, onChange, setDropdownOpen],\n  );\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setDropdownOpen(open);\n    }\n  }, [open]);\n\n  useEffect(() => {\n    if (!dropdownContentWidth) {\n      const resizeEle = triggerRef.current;\n      if (!resizeEle) return;\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width } = entry.contentRect;\n          setDropdownContentWidth(width);\n        }\n      });\n      resizeObserver.observe(resizeEle);\n\n      return () => {\n        resizeObserver.unobserve(resizeEle);\n      };\n    }\n  }, [triggerRef, dropdownContentWidth]);\n  const onDropdownOpenChange = useCallback(\n    (open: boolean) => {\n      setDropdownOpen(open);\n      onOpenChange?.(open);\n    },\n    [onOpenChange],\n  );\n  const panelKey = useMemo(() => {\n    if (dropdownOpen) {\n      return _.sampleSize('abcdefghijklmnopqrstuvwxyz0123456789', 8).join('');\n    }\n  }, [dropdownOpen]);\n  const mode = useMemo(() => {\n    if (multiple === true) {\n      if (typeof propsMode === 'object')\n        return {\n          ...(propsMode || {}),\n          type: 'multiple',\n          responsive: _.isNil(propsMode.responsive)\n            ? true\n            : propsMode.responsive,\n        } as Mode;\n      return {\n        type: 'multiple',\n        responsive: true,\n      } as Mode;\n    }\n\n    return multiple ? (multiple as Mode) : propsMode;\n  }, [multiple, propsMode]);\n\n  const selectOpen = typeof open === 'boolean' ? open : dropdownOpen;\n\n  return (\n    <Select\n      prefix={propPrefix}\n      {...restProps}\n      size={size}\n      className={cn('ald-member-picker-select', className)}\n      value={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP) {\n          return item.groupId;\n        } else {\n          return item.userId;\n        }\n      })}\n      onChange={(value) => {\n        if (_.isEmpty(value)) {\n          setSelectedUserList([]);\n          if (multiple) {\n            onChange?.([]);\n          } else {\n            onChange?.();\n          }\n        } else {\n          const valueList = Array.isArray(value) ? value : [value];\n          if (multiple) {\n            const users = valueList\n              .map((item) => {\n                const user = totalUserList.find((user) => {\n                  if (user.type === EUserType.USER) {\n                    return user.userId === item;\n                  }\n\n                  return user.groupId === item;\n                });\n\n                return user;\n              })\n              .filter(Boolean) as TUser;\n            setSelectedUserList(users);\n            onChange?.(users);\n          } else {\n            const user = totalUserList.find((user) => {\n              if (user.type === EUserType.USER) {\n                return user.userId === value;\n              }\n\n              return user.groupId === value;\n            });\n            if (user) {\n              setSelectedUserList([user]);\n              onChange?.(user);\n            } else {\n              setSelectedUserList([]);\n              onChange?.();\n            }\n          }\n        }\n      }}\n      disabled={disabled}\n      allowClear={allowClear}\n      onClear={() => {\n        setSelectedUserList([]);\n        if (multiple) {\n          onChange?.([]);\n        } else {\n          onChange?.();\n        }\n        onClear?.();\n      }}\n      popupClassName={cn('ald-member-picker-popup', props.popupClassName)}\n      mode={mode}\n      options={selectedUserList.map((item) => {\n        if (item.type === EUserType.USER_GROUP)\n          return {\n            label: item.name || item.groupId,\n            value: item.groupId,\n            tag: (\n              <div className={'ald-member-picker-tag'}>\n                <Avatar type=\"userGroup\" size={20}>\n                  {item.name || item.groupId}\n                </Avatar>\n                {item.name || item.groupId}\n              </div>\n            ),\n          };\n\n        return {\n          label: item.nickname || item.name || item.userId,\n          value: item.userId,\n          tag: (\n            <div className={'ald-member-picker-tag'}>\n              <Avatar\n                size={20}\n                src={item.photo}\n                type={item.type === EUserType.USER ? 'user' : 'userGroup'}\n              >\n                {item.nickname || item.name || item.userId}\n              </Avatar>\n              {item.nickname || item.name || item.userId}\n            </div>\n          ),\n        };\n      })}\n      optionLabelProp={multiple ? 'label' : 'tag'}\n      open={selectOpen}\n      onOpenChange={onDropdownOpenChange}\n      popupMatchSelectWidth={false}\n      placeholder={placeholder}\n      dropdownRender={() => {\n        return (\n          <div ref={triggerRef}>\n            <Panel\n              type={type}\n              footer={footer}\n              value={selectedUserList}\n              dataList={totalUserList}\n              lockedIds={lockedIds}\n              multiple={!!multiple}\n              key={panelKey}\n              loading={loading}\n              dropdownWidth={dropdownContentWidth}\n              onSearchValueChange={onSearchValueChange}\n              onChange={onSelectedChange}\n              onCancel={() => {\n                onCancel?.();\n                setDropdownOpen(false);\n              }}\n              renderItem={renderItem}\n              renderSelectedTag={renderSelectedTag}\n            ></Panel>\n          </div>\n        );\n      }}\n    ></Select>\n  );\n};\n\nconst MemberSelector = Component as React.FC<IMemberPickerProps> & {\n  MemberPanel: typeof MemberPanel;\n};\n\nMemberSelector.MemberPanel = MemberPanel;\nexport default MemberSelector;\n"],"mappings":"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"}

package/dist/Menu/index.js

@@ -82,7 +82,7 @@ function Menu(props) {
 	};
 	const ref = useRef(null);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		style: { display: "none " },
+		style: { display: "none" },
 		ref
 	}), /* @__PURE__ */ jsx(ControlledMenu, {
 		state: "open",