@aloudata/aloudata-design 3.0.17 → 3.0.20

package/dist/Form/index.js

@@ -64,7 +64,7 @@ var AldForm = forwardRef((props, ref) => {
 				size,
 				children: /* @__PURE__ */ jsx(RcForm, {
 					style: customStyle,
-					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, className),
+					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, layout !== "inline" && "tw-w-full", className),
 					...restProps,
 					ref,
 					children

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\ntype ColConfig = {\n  flex?: string | number;\n  span?: number;\n  offset?: number;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\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?(name: LooseNamePath, options?: ScrollIntoViewOptions): 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?: ColConfig;\n  wrapperCol?: ColConfig;\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?: ColConfig;\n  wrapperCol?: ColConfig;\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?: ColConfig): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = { ...col.style };\n  if (col.flex !== null && col.flex !== undefined) {\n    s.flex = col.flex;\n  }\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\nfunction mergeControlProps(\n  childProps: Record<string, any>,\n  control: Record<string, any>,\n) {\n  const mergedControl = { ...control };\n\n  Object.keys(control).forEach((key) => {\n    const controlHandler = control[key];\n    const childHandler = childProps[key];\n\n    if (\n      typeof controlHandler === 'function' &&\n      typeof childHandler === 'function'\n    ) {\n      mergedControl[key] = (...args: any[]) => {\n        controlHandler(...args);\n        childHandler(...args);\n      };\n    }\n  });\n\n  return mergedControl;\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?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: ColConfig;\n    wrapperCol?: ColConfig;\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  const hasLabel = label !== null && label !== undefined && label !== '';\n\n  const labelNode = hasLabel ? (\n    <div\n      className={cn(\n        'ald-form-item-label ant-form-item-label',\n        // tw-block 不能省：label 容器同时挂了 ant-form-item-label 兼容 class，\n        // 消费方残留的 antd 样式会把它设为 inline-block，导致 vertical 布局下\n        // label 缩成内容宽而非整行铺在控件上方\n        layout === 'vertical' && 'tw-mb-1 tw-block',\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        // tw-min-w-0 必须同时加：flex item 默认 min-width:auto = min-content，\n        // 子元素 intrinsic min-content（如多选 Select 的 tag 集合）会反向把 control 撑超出父\n        // form-item 分配的宽度，再让 rc-overflow 误判\"全部能塞下\"导致不折叠 +N。\n        // 实测：指标定义\"更多筛选\"浮窗里 8 个特性 tag 横向溢出浮窗边界即此因\n        // (release-2.3_test 复现)；这里钳住 min-width 后 Overflow 测量恢复正确。\n        layout === 'horizontal' && 'tw-min-w-0 tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">\n          <div className=\"ald-form-item-control-input-content\">{children}</div>\n        </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    trigger,\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      trigger={trigger}\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              mergeControlProps(\n                (children as React.ReactElement<any>).props,\n                control,\n              ),\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            mergeControlProps(\n              (children as React.ReactElement<any>).props,\n              control,\n            ),\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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"}
+{"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\ntype ColConfig = {\n  flex?: string | number;\n  span?: number;\n  offset?: number;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\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?(name: LooseNamePath, options?: ScrollIntoViewOptions): 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?: ColConfig;\n  wrapperCol?: ColConfig;\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?: ColConfig;\n  wrapperCol?: ColConfig;\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?: ColConfig): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = { ...col.style };\n  if (col.flex !== null && col.flex !== undefined) {\n    s.flex = col.flex;\n  }\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\nfunction mergeControlProps(\n  childProps: Record<string, any>,\n  control: Record<string, any>,\n) {\n  const mergedControl = { ...control };\n\n  Object.keys(control).forEach((key) => {\n    const controlHandler = control[key];\n    const childHandler = childProps[key];\n\n    if (\n      typeof controlHandler === 'function' &&\n      typeof childHandler === 'function'\n    ) {\n      mergedControl[key] = (...args: any[]) => {\n        controlHandler(...args);\n        childHandler(...args);\n      };\n    }\n  });\n\n  return mergedControl;\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              layout !== 'inline' && 'tw-w-full',\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?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: ColConfig;\n    wrapperCol?: ColConfig;\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  const hasLabel = label !== null && label !== undefined && label !== '';\n\n  const labelNode = hasLabel ? (\n    <div\n      className={cn(\n        'ald-form-item-label ant-form-item-label',\n        // tw-block 不能省：label 容器同时挂了 ant-form-item-label 兼容 class，\n        // 消费方残留的 antd 样式会把它设为 inline-block，导致 vertical 布局下\n        // label 缩成内容宽而非整行铺在控件上方\n        layout === 'vertical' && 'tw-mb-1 tw-block',\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        // tw-min-w-0 必须同时加：flex item 默认 min-width:auto = min-content，\n        // 子元素 intrinsic min-content（如多选 Select 的 tag 集合）会反向把 control 撑超出父\n        // form-item 分配的宽度，再让 rc-overflow 误判\"全部能塞下\"导致不折叠 +N。\n        // 实测：指标定义\"更多筛选\"浮窗里 8 个特性 tag 横向溢出浮窗边界即此因\n        // (release-2.3_test 复现)；这里钳住 min-width 后 Overflow 测量恢复正确。\n        layout === 'horizontal' && 'tw-min-w-0 tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">\n          <div className=\"ald-form-item-control-input-content\">{children}</div>\n        </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    trigger,\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      trigger={trigger}\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              mergeControlProps(\n                (children as React.ReactElement<any>).props,\n                control,\n              ),\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            mergeControlProps(\n              (children as React.ReactElement<any>).props,\n              control,\n            ),\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":";;;;;;;;;;AAoKA,SAAS,SAAS,KAAkD;AAClE,KAAI,CAAC,IAAK,QAAO;CACjB,MAAM,IAAyB,EAAE,GAAG,IAAI,OAAO;AAC/C,KAAI,IAAI,SAAS,QAAQ,IAAI,SAAS,OACpC,GAAE,OAAO,IAAI;AAEf,KAAI,IAAI,SAAS,QAAQ,IAAI,SAAS,QAAW;AAE/C,IAAE,QAAQ,GAAI,IAAI,OAAO,KAAM,IAAI;AACnC,IAAE,OAAO,OAAQ,IAAI,OAAO,KAAM,IAAI;;AAExC,KAAI,IAAI,WAAW,QAAQ,IAAI,WAAW,UAAa,IAAI,SAAS,EAClE,GAAE,aAAa,GAAI,IAAI,SAAS,KAAM,IAAI;AAE5C,QAAO;;AAGT,SAAS,kBACP,YACA,SACA;CACA,MAAM,gBAAgB,EAAE,GAAG,SAAS;AAEpC,QAAO,KAAK,QAAQ,CAAC,SAAS,QAAQ;EACpC,MAAM,iBAAiB,QAAQ;EAC/B,MAAM,eAAe,WAAW;AAEhC,MACE,OAAO,mBAAmB,cAC1B,OAAO,iBAAiB,WAExB,eAAc,QAAQ,GAAG,SAAgB;AACvC,kBAAe,GAAG,KAAK;AACvB,gBAAa,GAAG,KAAK;;GAGzB;AAEF,QAAO;;AAKT,IAAM,UAAU,YAAY,OAAY,QAAa;CACnD,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,EACJ,UACA,OAAO,aACP,YACA,QAAQ,EAAE,EACV,WACA,SAAS,cACT,UACA,UACA,YACA,QAAQ,OACR,cACA,YACA,GAAG,cACD;CACJ,MAAM,cAAc;EAClB,GAAG;EACH,GAAI,aAAa,EAAE,iBAAiB,GAAG,WAAW,KAAK,GAAG,EAAE;EAC5D,GAAI,aAAa,EAAE,iBAAiB,YAAY,GAAG,EAAE;EACtD;CAED,MAAM,mBAAmB,eAChB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAQ;EAAU;EAAY;EAAO;EAAc;EAAY;EAAW,CAC5E;AAED,QACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;YAC3B,oBAAC,gBAAgB,UAAjB;GAA0B,OAAO;aAC/B,oBAAC,qBAAD;IAA2B;cACzB,oBAAC,QAAD;KACE,OAAO;KACP,WAAW,GACT,qBACA,YAAY,UACZ,YAAY,UACZ,WAAW,YAAY,aACvB,UACD;KACD,GAAI;KACC;KAEJ;KACM,CAAA;IACW,CAAA;GACG,CAAA;EACN,CAAA;EAEzB;;AAeF,SAAS,aACP,MACA,gBACgB;AAChB,KAAI,eAAgB,QAAO;AAC3B,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,KAAK,WAAY,QAAO;AAC5B,KAAI,KAAK,UAAU,KAAK,OAAO,SAAS,EAAG,QAAO;AAClD,KAAI,KAAK,YAAY,KAAK,SAAS,SAAS,EAAG,QAAO;AACtD,KAAI,KAAK,QAAS,QAAO;AACzB,QAAO;;;AAIT,SAAS,gBAAgB,QAAgC;AACvD,SAAQ,QAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,QACE,QAAO;;;;AAKb,SAAS,eAAe,EACtB,OACA,UACA,MACA,MACA,OACA,UACA,OACA,QACA,WACA,aACA,SACA,UAAU,cACV,YAAY,gBACZ,gBAAgB,cAChB,OAAO,WACP,eAyBC;CACD,MAAM,SAAS,aAAa,MAAM,aAAa;CAC/C,MAAM,SAAS,cAAc,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,OAAO,CAAC;CAChE,MAAM,WAAW,cAAc,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,SAAS,CAAC;CAGtE,MAAM,wBAAwB,eACrB;EACL;EACA,iBAAiB;EACjB;EACA;EACD,GACD;EAAC;EAAQ;EAAQ;EAAS,CAC3B;AAED,KAAI,QACF,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAIxB,MAAM,EAAE,iBAAiB;CACzB,MAAM,gBACJ,SAAS,MAAM,MAAM,MAAW,OAAO,MAAM,YAAY,KAAK,EAAE,SAAS;CAC3E,MAAM,aACJ,YAAY,iBAAkB,QAAS,KAAa;CACtD,MAAM,eAAe,iBAAiB,SAAS;CAC/C,MAAM,eAAe,iBAAiB,cAAc,CAAC;CAGrD,MAAM,mBAAmB,gBAAgB,YAAY;CACrD,MAAM,qBAAqB,kBAAkB,YAAY;CACzD,MAAM,SAAS,YAAY,UAAU;CACrC,MAAM,aACH,aAAa,YAAY,WAAW,SAAS,WAAW;CAG3D,MAAM,gBACJ,WAAW,iBAAiB,oBAAoB;CAGlD,MAAM,kBAAkB,SAAS,QAAQ,SAAS,SAAY,CAAC,KAAK,GAAG;CACvE,MAAM,WAAW,WAAW,WAAY,OAAO,SAAS,KAAK,SAAS;CACtE,MAAM,aACJ,WAAW,aAAc,SAAS,SAAS,KAAK,SAAS;CAG3D,MAAM,YAFW,UAAU,QAAQ,UAAU,UAAa,UAAU,KAGlE,oBAAC,OAAD;EACE,WAAW,GACT,2CAIA,WAAW,cAAc,oBACzB,WAAW,gBAAgB,sBAC5B;EACD,OAAO,gBAAgB,SAAS,iBAAiB,GAAG;YAEpD,qBAAC,SAAD;GACE,WAAW,GACT,gGACA,CAAC,aAAa,yBACf;aAJH;IAMG,gBACC,oBAAC,QAAD;KAAM,WAAU;eAAoD;KAE7D,CAAA;IAER;IACA,gBACC,oBAAC,QAAD;KAAM,WAAU;eAAuE;KAEhF,CAAA;IAER,aAAa,QAAQ,MAAM;IACtB;;EACJ,CAAA,GACJ;CAEJ,MAAM,cACJ,qBAAC,OAAD;EACE,WAAW,GACT,+CAMA,WAAW,gBAAgB,uBAC5B;EACD,OAAO,gBAAgB,SAAS,mBAAmB,GAAG;YAVxD;GAYE,oBAAC,qBAAqB,UAAtB;IAA+B,OAAO;cACpC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAAK,WAAU;MAAuC;MAAe,CAAA;KACjE,CAAA;IACwB,CAAA;GAEhC,oBAAC,OAAD;IACE,WAAW,GACT,4FACA,gBAAgB,SAAS,KAAK,WAC9B,YAAY,+CACZ,cACE,CAAC,YACD,0DACF,CAAC,YACC,CAAC,cACD,SAAS,QACT,SAAS,UACT,qCACH;IACD,OAAO,gBAAgB,WAAW,IAAI,EAAE,SAAS,QAAQ,GAAG;cAE3D,gBAAgB,KAAK,KAAK,MACzB,oBAAC,OAAD,EAAA,UAAc,KAAU,EAAd,EAAc,CACxB;IACE,CAAA;GACL,SACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA;GAEJ;;AAGR,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+CACA,UAAU,aACV,gBAAgB,0BAChB,gBAAgB,OAAO,EACvB,WAAW,gBAAgB,sCAC3B,WAAW,YACT,qDACF,UACD;EACD,OAAO;YAXT,CAaG,WACA,YACG;;;AAIV,IAAM,cAAc,SAAU,OAAuB;CACnD,MAAM,EACJ,YACA,QAAQ,EAAE,EACV,OACA,MACA,OACA,UACA,WACA,UACA,QACA,cACA,cACA,cACA,MACA,OACA,iBACA,eACA,mBACA,WACA,eACA,SACA,UACA,YACA,gBACA,OACA,YACE;CAEJ,MAAM,cAAc,WAAW,YAAY;CAE3C,MAAM,cAAc;EAClB,GAAG;EACH,GAAI,aAAa,EAAE,iBAAiB,GAAG,WAAW,KAAK,GAAG,EAAE;EAC5D,GAAI,MAAM,aAAa,EAAE,iBAAiB,MAAM,YAAY,GAAG,EAAE;EAClE;AASD,KAAI,EAJD,SAAS,QAAQ,SAAS,UAC1B,iBAAiB,QAAQ,iBAAiB,UAC1C,iBAAiB,QAAQ,iBAAiB,QAG3C,QACE,oBAAC,gBAAD;EACS;EACD;EACC;EACG;EACH;EACC;EACG;EACE;EACJ;EACC;EACE;EACI;EACT;EACM;EAEZ;EACc,CAAA;AAIrB,QACE,oBAAC,OAAD;EACQ;EACC;EACO;EACA;EACA;EACG;EACR;EACM;EACI;EACR;EACI;aAEb,SAAS,MAAM,SAAS;AAGxB,OAAI,OAAO,aAAa,YAAY;IAClC,MAAM,eACJ,SACA,KAAK;AACP,QAAI,QACF,QAAO;AAET,WACE,oBAAC,gBAAD;KACS;KACD;KACA;KACC;KACG;KACH;KACC;KACG;KACE;KACJ;KACC;KACE;KACI;KACT;KACM;eAEZ;KACc,CAAA;;AAKrB,OAAI,SAAS;AACX,QAAI,MAAM,eAAe,SAAS,CAChC,QAAO,MAAM,aACX,UACA,kBACG,SAAqC,OACtC,QACD,CACF;AAEH,WAAO;;GAIT,IAAI,YAA6B;AACjC,OAAI,MAAM,eAAe,SAAS,CAChC,aAAY,MAAM,aAChB,UACA,kBACG,SAAqC,OACtC,QACD,CACF;AAGH,UACE,oBAAC,gBAAD;IACS;IACD;IACA;IACC;IACG;IACH;IACC;IACG;IACE;IACH;IACE;IACI;IACT;IACM;cAEZ;IACc,CAAA;;EAGf,CAAA;;AAIZ,SAAS,oBAAoB;CAC3B,MAAM,MAAM,WAAW,qBAAqB;AAC5C,QAAO;EACL,QAAQ,IAAI;EACZ,QAAQ,IAAI,UAAU,EAAE;EACxB,UAAU,IAAI,YAAY,EAAE;EAC7B;;AAGH,YAAY,YAAY;AAIxB,SAAS,mBAAmB,OAAuB;CACjD,MAAM,EAAE,QAAQ,cAAc;AAC9B,KAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,UAAU;YACjD,OAAO,KAAK,KAAK,MAChB,oBAAC,OAAD;GAEE,WAAU;aAET;GACG,EAJC,EAID,CACN;EACE,CAAA;;AAMV,SAAS,kBAA4C;AAEnD,QADa,WAAW,aAAa;;AAmBvC,IAAM,OAAO;AAEb,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,YAAY;AACjB,KAAK,UAAU;AACf,KAAK,kBAAkB;AACvB,KAAK,WAAW;AAChB,KAAK,WAAW;AAChB,KAAK,eAAe;AAClB,SAAQ,KAAK,gEAAgE"}

package/dist/Steps/components/CustomDot/index.js

@@ -1,2 +1,9 @@
-// type-only module stub
-export {};
+import { ProcessIcon } from "../ProcessIcon/index.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Steps/components/CustomDot/index.tsx
+var CustomDot = (_dot, { status }) => /* @__PURE__ */ jsx(ProcessIcon, { type: status });
+//#endregion
+export { CustomDot };
+
+//# sourceMappingURL=index.js.map

package/dist/Steps/components/CustomDot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/CustomDot/index.tsx"],"sourcesContent":["import React from 'react';\nimport { ProcessIcon } from '../ProcessIcon';\n\nexport const CustomDot = (\n  _dot: React.ReactNode,\n  { status }: { status: string },\n) => <ProcessIcon type={status as 'process' | 'wait' | 'finish' | 'error'} />;\n"],"mappings":";;;;AAGA,IAAa,aACX,MACA,EAAE,aACC,oBAAC,aAAD,EAAa,MAAM,QAAqD,CAAA"}

package/dist/Steps/components/ProcessIcon/index.d.ts

@@ -1,5 +1,6 @@
 interface IProcessIconProps {
+    size?: number;
     type: 'process' | 'wait' | 'finish' | 'error';
 }
-export declare function ProcessIcon({ type }: IProcessIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProcessIcon({ size, type }: IProcessIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Steps/components/ProcessIcon/index.js

@@ -2,35 +2,56 @@ import { cn } from "../../../lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Steps/components/ProcessIcon/index.tsx
-function ProcessIcon({ type }) {
-	const baseClass = "tw-flex tw-size-4 tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]";
+function ProcessIcon({ size = 16, type }) {
+	const baseClass = "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]";
+	const iconStyle = {
+		height: size,
+		width: size
+	};
+	const innerDotSize = Math.max(6, Math.round(size * .375));
 	if (type === "finish") return /* @__PURE__ */ jsx("span", {
-		className: cn(baseClass, "tw-bg-[var(--interaction-default-hover)]"),
+		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-bg-[var(--border-brand-strong)]"),
+		style: iconStyle,
 		children: /* @__PURE__ */ jsx("img", {
 			style: {
-				width: 10,
-				height: 8
+				height: Math.round(size * .5),
+				width: Math.round(size * .625)
 			},
 			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
 		})
 	});
 	if (type === "error") return /* @__PURE__ */ jsx("span", {
-		className: cn(baseClass, "tw-bg-[var(--background-negative-strong,#ef4444)]"),
+		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-bg-[var(--background-negative-strong)]"),
+		style: iconStyle,
 		children: /* @__PURE__ */ jsx("img", {
 			style: {
-				width: 3,
-				height: 10
+				height: Math.round(size * .625),
+				width: Math.round(size * .188)
 			},
 			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"
 		})
 	});
 	if (type === "process") return /* @__PURE__ */ jsx("span", {
-		className: cn(baseClass, "tw-relative tw-bg-[var(--interaction-default-hover)]"),
-		children: /* @__PURE__ */ jsx("span", { className: "tw-size-1.5 tw-rounded-full tw-bg-white" })
+		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-relative tw-bg-[var(--border-brand-strong)]"),
+		style: iconStyle,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "tw-rounded-full tw-bg-[var(--background-default)]",
+			style: {
+				height: innerDotSize,
+				width: innerDotSize
+			}
+		})
 	});
 	return /* @__PURE__ */ jsx("span", {
-		className: cn(baseClass, "tw-relative tw-bg-[var(--alias-colors-icon-subtle)]"),
-		children: /* @__PURE__ */ jsx("span", { className: "tw-size-1.5 tw-rounded-full tw-bg-[var(--background-default)]" })
+		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-relative tw-bg-[var(--content-secondary)]"),
+		style: iconStyle,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "tw-rounded-full tw-bg-[var(--background-default)]",
+			style: {
+				height: innerDotSize,
+				width: innerDotSize
+			}
+		})
 	});
 }
 //#endregion

package/dist/Steps/components/ProcessIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/ProcessIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\n\ninterface IProcessIconProps {\n  type: 'process' | 'wait' | 'finish' | 'error';\n}\n\nexport function ProcessIcon({ type }: IProcessIconProps) {\n  const baseClass =\n    'tw-flex tw-size-4 tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]';\n\n  if (type === 'finish')\n    return (\n      <span\n        className={cn(baseClass, 'tw-bg-[var(--interaction-default-hover)]')}\n      >\n        <img\n          style={{ width: 10, height: 8 }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n        />\n      </span>\n    );\n\n  if (type === 'error')\n    return (\n      <span\n        className={cn(\n          baseClass,\n          'tw-bg-[var(--background-negative-strong,#ef4444)]',\n        )}\n      >\n        <img\n          style={{ width: 3, height: 10 }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\"\n        />\n      </span>\n    );\n\n  if (type === 'process')\n    return (\n      <span\n        className={cn(\n          baseClass,\n          'tw-relative tw-bg-[var(--interaction-default-hover)]',\n        )}\n      >\n        <span className=\"tw-size-1.5 tw-rounded-full tw-bg-white\" />\n      </span>\n    );\n\n  // wait\n  return (\n    <span\n      className={cn(\n        baseClass,\n        'tw-relative tw-bg-[var(--alias-colors-icon-subtle)]',\n      )}\n    >\n      <span className=\"tw-size-1.5 tw-rounded-full tw-bg-[var(--background-default)]\" />\n    </span>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,YAAY,EAAE,QAA2B;CACvD,MAAM,YACJ;AAEF,KAAI,SAAS,SACX,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,WAAW,2CAA2C;YAEpE,oBAAC,OAAD;GACE,OAAO;IAAE,OAAO;IAAI,QAAQ;IAAG;GAC/B,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,QACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,oDACD;YAED,oBAAC,OAAD;GACE,OAAO;IAAE,OAAO;IAAG,QAAQ;IAAI;GAC/B,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,UACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,uDACD;YAED,oBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;EACvD,CAAA;AAIX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,sDACD;YAED,oBAAC,QAAD,EAAM,WAAU,iEAAkE,CAAA;EAC7E,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/ProcessIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\n\ninterface IProcessIconProps {\n  size?: number;\n  type: 'process' | 'wait' | 'finish' | 'error';\n}\n\nexport function ProcessIcon({ size = 16, type }: IProcessIconProps) {\n  const baseClass =\n    'tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]';\n  const iconStyle = { height: size, width: size };\n  const innerDotSize = Math.max(6, Math.round(size * 0.375));\n\n  if (type === 'finish')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.5),\n            width: Math.round(size * 0.625),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n        />\n      </span>\n    );\n\n  if (type === 'error')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--background-negative-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.625),\n            width: Math.round(size * 0.188),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\"\n        />\n      </span>\n    );\n\n  if (type === 'process')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-relative tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <span\n          className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n          style={{ height: innerDotSize, width: innerDotSize }}\n        />\n      </span>\n    );\n\n  // wait\n  return (\n    <span\n      className={cn(\n        `${type}-icon-box icon-box`,\n        baseClass,\n        'tw-relative tw-bg-[var(--content-secondary)]',\n      )}\n      style={iconStyle}\n    >\n      <span\n        className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n        style={{ height: innerDotSize, width: innerDotSize }}\n      />\n    </span>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,YAAY,EAAE,OAAO,IAAI,QAA2B;CAClE,MAAM,YACJ;CACF,MAAM,YAAY;EAAE,QAAQ;EAAM,OAAO;EAAM;CAC/C,MAAM,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,KAAM,CAAC;AAE1D,KAAI,SAAS,SACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,qCACD;EACD,OAAO;YAEP,oBAAC,OAAD;GACE,OAAO;IACL,QAAQ,KAAK,MAAM,OAAO,GAAI;IAC9B,OAAO,KAAK,MAAM,OAAO,KAAM;IAChC;GACD,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,QACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,4CACD;EACD,OAAO;YAEP,oBAAC,OAAD;GACE,OAAO;IACL,QAAQ,KAAK,MAAM,OAAO,KAAM;IAChC,OAAO,KAAK,MAAM,OAAO,KAAM;IAChC;GACD,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,UACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,iDACD;EACD,OAAO;YAEP,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;IAAE,QAAQ;IAAc,OAAO;IAAc;GACpD,CAAA;EACG,CAAA;AAIX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,+CACD;EACD,OAAO;YAEP,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;IAAE,QAAQ;IAAc,OAAO;IAAc;GACpD,CAAA;EACG,CAAA"}

package/dist/Steps/index.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.js";
-import { ProcessIcon } from "./components/ProcessIcon/index.js";
+import { CustomDot } from "./components/CustomDot/index.js";
 import { Step } from "./components/Step/index.js";
 import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Steps/index.tsx
 function getStepStatus(index, current, globalStatus) {
 	if (index < current) return "finish";
@@ -19,59 +19,77 @@ function Steps({ className, current: controlledCurrent, direction = "horizontal"
 		icon: child.props.icon
 	}));
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-steps tw-flex", direction === "vertical" ? "tw-flex-col" : "tw-flex-row tw-items-start", className),
+		className: cn("ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex", direction === "vertical" ? "ant-steps-vertical" : "ant-steps-horizontal", direction === "vertical" ? "tw-flex-col" : "tw-flex-row tw-items-start", className),
 		children: resolvedItems.map((item, index) => {
 			const stepStatus = item.status || getStepStatus(index, current, status);
 			const isLast = index === resolvedItems.length - 1;
 			return /* @__PURE__ */ jsx("div", {
-				className: cn("ald-steps-item tw-flex", direction === "horizontal" ? "tw-flex-1 tw-flex-col tw-items-center tw-text-center" : "tw-flex-row tw-gap-3 tw-py-2", `ald-steps-item-${stepStatus}`, item.disabled && "ald-steps-item-disabled tw-pointer-events-none tw-opacity-50"),
-				children: direction === "horizontal" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-					className: "tw-flex tw-w-full tw-items-center",
-					children: [
-						index > 0 && /* @__PURE__ */ jsx("div", {
-							className: cn("tw-flex-1", index <= current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
-							style: { height: 1.5 }
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "ald-steps-item-icon tw-shrink-0",
-							children: item.icon || /* @__PURE__ */ jsx(ProcessIcon, { type: stepStatus })
-						}),
-						!isLast && /* @__PURE__ */ jsx("div", {
-							className: cn("tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
-							style: { height: 1.5 }
-						})
-					]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
-						children: item.title
-					}), item.description && /* @__PURE__ */ jsx("div", {
-						className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--alias-colors-text-subtlest)]" : "tw-text-[var(--alias-colors-text-subtle)]"),
-						children: item.description
+				className: cn("ald-steps-item ant-steps-item tw-flex", direction === "horizontal" ? "tw-flex-1 tw-flex-col tw-items-center tw-text-center" : "tw-flex-row tw-gap-3 tw-py-2", `ald-steps-item-${stepStatus}`, `ant-steps-item-${stepStatus}`, item.disabled && "ald-steps-item-disabled tw-pointer-events-none tw-opacity-50", item.disabled && "ant-steps-item-disabled"),
+				children: direction === "horizontal" ? /* @__PURE__ */ jsxs("div", {
+					className: "ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-w-full tw-items-center",
+						children: [
+							index > 0 && /* @__PURE__ */ jsx("div", {
+								className: cn("ant-steps-item-tail tw-flex-1", index <= current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+								style: { height: 1.5 }
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "ald-steps-item-icon ant-steps-item-icon tw-shrink-0",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "ant-steps-icon",
+									children: /* @__PURE__ */ jsx("span", {
+										className: "ant-steps-icon-dot",
+										children: item.icon || CustomDot(null, { status: stepStatus })
+									})
+								})
+							}),
+							!isLast && /* @__PURE__ */ jsx("div", {
+								className: cn(index === 0 && "ant-steps-item-tail", "tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+								style: { height: 1.5 }
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+							children: item.title
+						}), item.description && /* @__PURE__ */ jsx("div", {
+							className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--alias-colors-text-subtlest)]" : "tw-text-[var(--alias-colors-text-subtle)]"),
+							children: item.description
+						})]
 					})]
-				})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-					className: "tw-relative tw-flex tw-flex-col tw-items-center",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "ald-steps-item-icon tw-shrink-0",
-						children: item.icon || /* @__PURE__ */ jsx(ProcessIcon, { type: stepStatus })
-					}), !isLast && /* @__PURE__ */ jsx("div", {
-						className: cn("tw-mt-1 tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
-						style: {
-							width: 1.5,
-							minHeight: 24
-						}
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center",
+						children: [!isLast && /* @__PURE__ */ jsx("div", {
+							className: cn("ald-steps-item-tail ant-steps-item-tail", index < current ? "ald-steps-item-tail-finish" : "ald-steps-item-tail-wait", "tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+							style: {
+								width: 1.5,
+								bottom: -24
+							}
+						}), /* @__PURE__ */ jsx("div", {
+							className: "ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center",
+									children: item.icon || CustomDot(null, { status: stepStatus })
+								})
+							})
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "ald-steps-item-content ant-steps-item-content",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+							children: item.title
+						}), item.description && /* @__PURE__ */ jsx("div", {
+							className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]"),
+							children: item.description
+						})]
 					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "ald-steps-item-content ant-steps-item-content",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
-						children: item.title
-					}), item.description && /* @__PURE__ */ jsx("div", {
-						className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]"),
-						children: item.description
-					})]
-				})] })
+				})
 			}, index);
 		})
 	});

package/dist/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { ProcessIcon } from './components/ProcessIcon';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps tw-flex',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n            )}\n          >\n            {direction === 'horizontal' ? (\n              <>\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon tw-shrink-0\">\n                    {item.icon || <ProcessIcon type={stepStatus} />}\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--alias-colors-text-subtlest)]'\n                          : 'tw-text-[var(--alias-colors-text-subtle)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <>\n                <div className=\"tw-relative tw-flex tw-flex-col tw-items-center\">\n                  <div className=\"ald-steps-item-icon tw-shrink-0\">\n                    {item.icon || <ProcessIcon type={stepStatus} />}\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'tw-mt-1 tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ width: 1.5, minHeight: 24 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":";;;;;;AA2BA,SAAS,cACP,OACA,SACA,cACS;AACT,KAAI,QAAQ,QAAS,QAAO;AAC5B,KAAI,UAAU,QAAS,QAAO,gBAAgB;AAC9C,QAAO;;AAGT,SAAS,MAAM,EACb,WACA,SAAS,mBACT,YAAY,cACZ,iBAAiB,GACjB,QACA,OACA,YACc;CACd,MAAM,UAAU,qBAAqB;CAErC,MAAM,gBACJ,SACA,MAAM,SAAS,QAAQ,SAAS,CAC7B,OAAO,MAAM,eAAe,CAC5B,KAAK,WAAgB;EACpB,OAAO,MAAM,MAAM;EACnB,aAAa,MAAM,MAAM;EACzB,UAAU,MAAM,MAAM;EACtB,QAAQ,MAAM,MAAM;EACpB,MAAM,MAAM,MAAM;EACnB,EAAE;AAEP,QACE,oBAAC,OAAD;EACE,WAAW,GACT,qBACA,cAAc,aAAa,gBAAgB,8BAC3C,UACD;YAEA,cAAc,KAAK,MAAM,UAAU;GAClC,MAAM,aAAa,KAAK,UAAU,cAAc,OAAO,SAAS,OAAO;GACvE,MAAM,SAAS,UAAU,cAAc,SAAS;AAEhD,UACE,oBAAC,OAAD;IAEE,WAAW,GACT,0BACA,cAAc,eACV,yDACA,gCACJ,kBAAkB,cAClB,KAAK,YACH,+DACH;cAEA,cAAc,eACb,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,QAAQ,KACP,oBAAC,OAAD;OACE,WAAW,GACT,aACA,SAAS,UACL,gDACA,6CACL;OACD,OAAO,EAAE,QAAQ,KAAK;OACtB,CAAA;MAEJ,oBAAC,OAAD;OAAK,WAAU;iBACZ,KAAK,QAAQ,oBAAC,aAAD,EAAa,MAAM,YAAc,CAAA;OAC3C,CAAA;MACL,CAAC,UACA,oBAAC,OAAD;OACE,WAAW,GACT,aACA,QAAQ,UACJ,gDACA,6CACL;OACD,OAAO,EAAE,QAAQ,KAAK;OACtB,CAAA;MAEA;QAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,WAAW,GAET,oFACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;gBAEA,KAAK;MACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;MACE,WAAW,GAET,uHACA,eAAe,YAAY,eAAe,UACtC,gDACA,4CACL;gBAEA,KAAK;MACF,CAAA,CAEJ;OACL,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK,QAAQ,oBAAC,aAAD,EAAa,MAAM,YAAc,CAAA;MAC3C,CAAA,EACL,CAAC,UACA,oBAAC,OAAD;MACE,WAAW,GACT,qBACA,QAAQ,UACJ,gDACA,6CACL;MACD,OAAO;OAAE,OAAO;OAAK,WAAW;OAAI;MACpC,CAAA,CAEA;QAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,WAAW,GAET,oFACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;gBAEA,KAAK;MACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;MACE,WAAW,GAET,yJACD;gBAEA,KAAK;MACF,CAAA,CAEJ;OACL,EAAA,CAAA;IAED,EA1HC,MA0HD;IAER;EACE,CAAA;;AAIV,MAAM,OAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--alias-colors-text-subtlest)]'\n                          : 'tw-text-[var(--alias-colors-text-subtle)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":";;;;;;AA2BA,SAAS,cACP,OACA,SACA,cACS;AACT,KAAI,QAAQ,QAAS,QAAO;AAC5B,KAAI,UAAU,QAAS,QAAO,gBAAgB;AAC9C,QAAO;;AAGT,SAAS,MAAM,EACb,WACA,SAAS,mBACT,YAAY,cACZ,iBAAiB,GACjB,QACA,OACA,YACc;CACd,MAAM,UAAU,qBAAqB;CAErC,MAAM,gBACJ,SACA,MAAM,SAAS,QAAQ,SAAS,CAC7B,OAAO,MAAM,eAAe,CAC5B,KAAK,WAAgB;EACpB,OAAO,MAAM,MAAM;EACnB,aAAa,MAAM,MAAM;EACzB,UAAU,MAAM,MAAM;EACtB,QAAQ,MAAM,MAAM;EACpB,MAAM,MAAM,MAAM;EACnB,EAAE;AAEP,QACE,oBAAC,OAAD;EACE,WAAW,GACT,sEACA,cAAc,aACV,uBACA,wBACJ,cAAc,aAAa,gBAAgB,8BAC3C,UACD;YAEA,cAAc,KAAK,MAAM,UAAU;GAClC,MAAM,aAAa,KAAK,UAAU,cAAc,OAAO,SAAS,OAAO;GACvE,MAAM,SAAS,UAAU,cAAc,SAAS;AAEhD,UACE,oBAAC,OAAD;IAEE,WAAW,GACT,yCACA,cAAc,eACV,yDACA,gCACJ,kBAAkB,cAClB,kBAAkB,cAClB,KAAK,YACH,gEACF,KAAK,YAAY,0BAClB;cAEA,cAAc,eACb,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,QAAQ,KACP,oBAAC,OAAD;QACE,WAAW,GACT,iCACA,SAAS,UACL,gDACA,6CACL;QACD,OAAO,EAAE,QAAQ,KAAK;QACtB,CAAA;OAEJ,oBAAC,OAAD;QAAK,WAAU;kBACb,oBAAC,QAAD;SAAM,WAAU;mBACd,oBAAC,QAAD;UAAM,WAAU;oBACb,KAAK,QAAQ,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC;UAChD,CAAA;SACF,CAAA;QACH,CAAA;OACL,CAAC,UACA,oBAAC,OAAD;QACE,WAAW,GACT,UAAU,KAAK,uBACf,aACA,QAAQ,UACJ,gDACA,6CACL;QACD,OAAO,EAAE,QAAQ,KAAK;QACtB,CAAA;OAEA;SAEN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,WAAW,GAET,oFACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;iBAEA,KAAK;OACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;OACE,WAAW,GAET,uHACA,eAAe,YAAY,eAAe,UACtC,gDACA,4CACL;iBAEA,KAAK;OACF,CAAA,CAEJ;QACF;SAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,CAAC,UACA,oBAAC,OAAD;OACE,WAAW,GACT,2CACA,QAAQ,UACJ,+BACA,4BACJ,+DACA,QAAQ,UACJ,gDACA,6CACL;OACD,OAAO;QAAE,OAAO;QAAK,QAAQ;QAAK;OAClC,CAAA,EAEJ,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,QAAD;QAAM,WAAU;kBACd,oBAAC,QAAD;SAAM,WAAU;mBACb,KAAK,QAAQ,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC;SAChD,CAAA;QACF,CAAA;OACH,CAAA,CACF;SAEN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,WAAW,GAET,oFACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;iBAEA,KAAK;OACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;OACE,WAAW,GAET,yJACD;iBAEA,KAAK;OACF,CAAA,CAEJ;QACF;;IAEJ,EAzIC,MAyID;IAER;EACE,CAAA;;AAIV,MAAM,OAAO"}