taro-uno-ui 1.0.0 → 1.0.2

package/dist/components/form/Form/Form.types.d.ts

@@ -1,416 +0,0 @@
-import type { ReactNode, FormHTMLAttributes } from 'react';
-import type { ITouchEvent } from '@tarojs/components';
-/** 表单布局 */
-export type FormLayout = 'horizontal' | 'vertical' | 'inline';
-/** 表单标签对齐 */
-export type FormLabelAlign = 'left' | 'right' | 'top';
-/** 表单尺寸 */
-export type FormSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/** 表单状态 */
-export type FormStatus = 'normal' | 'error' | 'warning' | 'success' | 'loading';
-/** 表单域状态 */
-export type FormFieldStatus = 'normal' | 'error' | 'warning' | 'success' | 'validating';
-/** 验证规则类型 */
-export interface FormRule {
-    /** 字段名 */
-    name?: string;
-    /** 是否必填 */
-    required?: boolean;
-    /** 验证消息 */
-    message?: string;
-    /** 正则表达式 */
-    pattern?: RegExp;
-    /** 最小长度 */
-    min?: number;
-    /** 最大长度 */
-    max?: number;
-    /** 最小值 */
-    minValue?: number;
-    /** 最大值 */
-    maxValue?: number;
-    /** 枚举值 */
-    enum?: Array<string | number>;
-    /** 自定义验证函数 */
-    validator?: (_value: any, form: FormValues) => boolean | string | Promise<boolean | string>;
-    /** 验证触发时机 */
-    trigger?: 'onChange' | 'onBlur' | 'onSubmit';
-    /** 是否异步验证 */
-    asyncValidator?: (_value: any, form: FormValues) => Promise<boolean | string>;
-    /** 默认值 */
-    defaultValue?: any;
-    /** 转换函数 */
-    transform?: (_value: any) => any;
-    /** 依赖字段 */
-    dependencies?: string[];
-}
-/** 表单值类型 */
-export interface FormValues {
-    [key: string]: any;
-}
-/** 表单错误类型 */
-export interface FormErrors {
-    [key: string]: string | string[];
-}
-/** 表单 touched 状态 */
-export interface FormTouched {
-    [key: string]: boolean;
-}
-/** 表单域信息类型 */
-export interface FormFieldInfo {
-    /** 字段名 */
-    name: string;
-    /** 字段值 */
-    value: any;
-    /** 错误信息 */
-    errors: string[];
-    /** 是否被触摸过 */
-    touched: boolean;
-    /** 是否正在验证 */
-    validating: boolean;
-    /** 验证规则 */
-    rules: FormRule[];
-}
-/** 表单原生属性类型 */
-export type FormNativeProps = FormHTMLAttributes<HTMLFormElement>;
-/** 表单组件属性接口 */
-export interface FormProps extends Omit<FormNativeProps, 'onSubmit' | 'onReset' | 'dangerouslySetInnerHTML' | 'onTouchStart' | 'onTouchMove' | 'onTouchEnd' | 'onTouchCancel' | 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onMouseOver' | 'onMouseOut'> {
-    /** 表单初始值 */
-    initialValues?: FormValues;
-    /** 表单布局 */
-    layout?: FormLayout;
-    /** 标签对齐方式 */
-    labelAlign?: FormLabelAlign;
-    /** 表单尺寸 */
-    size?: FormSize;
-    /** 标签宽度 */
-    labelWidth?: number | string;
-    /** 标签后缀 */
-    labelSuffix?: ReactNode;
-    /** 是否显示冒号 */
-    colon?: boolean;
-    /** 是否必填标记 */
-    requiredMark?: boolean | 'optional';
-    /** 验证规则 */
-    rules?: Record<string, FormRule[]>;
-    /** 验证触发时机 */
-    validateTrigger?: 'onChange' | 'onBlur' | 'onSubmit';
-    /** 是否立即验证 */
-    immediate?: boolean;
-    /** 提交事件处理函数 */
-    onSubmit?: (_values: FormValues, event: ITouchEvent) => void | Promise<void>;
-    /** 重置事件处理函数 */
-    onReset?: (_values: FormValues, event: ITouchEvent) => void;
-    /** 值变化事件处理函数 */
-    onValuesChange?: (_changedValues: FormValues, allValues: FormValues) => void;
-    /** 字段变化事件处理函数 */
-    onFieldsChange?: (_changedFields: FormFieldInfo[], allFields: FormFieldInfo[]) => void;
-    /** 验证失败事件处理函数 */
-    onFinishFailed?: (_errors: FormErrors, values: FormValues) => void;
-    /** 自定义样式类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否启用无障碍访问 */
-    accessible?: boolean;
-    /** 无障碍标签 */
-    accessibilityLabel?: string;
-    /** 无障碍角色 */
-    accessibilityRole?: string;
-    /** HTML role 属性 */
-    role?: string;
-    /** HTML aria-label 属性 */
-    'aria-label'?: string;
-    /** 是否禁用表单 */
-    disabled?: boolean;
-    /** 是否只读表单 */
-    readonly?: boolean;
-    /** 是否显示验证信息 */
-    showValidateMessage?: boolean;
-    /** 是否滚动到第一个错误字段 */
-    scrollToFirstError?: boolean;
-    /** 是否保留未提交的值 */
-    preserve?: boolean;
-    /** 子元素 */
-    children?: ReactNode;
-}
-/** 表单域组件属性接口 */
-export interface FormItemProps {
-    /** 字段名 */
-    name: string;
-    /** 标签 */
-    label?: ReactNode;
-    /** 辅助文本 */
-    helperText?: ReactNode;
-    /** 错误文本 */
-    errorText?: ReactNode;
-    /** 验证规则 */
-    rules?: FormRule[];
-    /** 验证触发时机 */
-    validateTrigger?: 'onChange' | 'onBlur' | 'onSubmit';
-    /** 是否立即验证 */
-    immediate?: boolean;
-    /** 是否必填 */
-    required?: boolean;
-    /** 是否显示必填标记 */
-    showRequiredMark?: boolean;
-    /** 标签宽度 */
-    labelWidth?: number | string;
-    /** 标签对齐方式 */
-    labelAlign?: FormLabelAlign;
-    /** 自定义样式类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 子元素 */
-    children?: ReactNode;
-    /** 是否显示验证信息 */
-    showValidateMessage?: boolean;
-    /** 值变化事件处理函数 */
-    onChange?: (_value: any, name: string) => void;
-    /** 字段状态变化事件处理函数 */
-    onStatusChange?: (_status: FormFieldStatus, name: string) => void;
-}
-/** 表单组件引用类型 */
-export type FormRef = {
-    /** 获取表单值 */
-    getValues: () => FormValues;
-    /** 设置表单值 */
-    setValues: (_values: Partial<FormValues>) => void;
-    /** 获取字段值 */
-    getFieldValue: (_name: string) => any;
-    /** 设置字段值 */
-    setFieldValue: (_name: string, value: any) => void;
-    /** 重置表单 */
-    resetFields: (fields?: string[]) => void;
-    /** 提交表单 */
-    submit: () => Promise<void>;
-    /** 验证表单 */
-    validate: (fields?: string[]) => Promise<{
-        valid: boolean;
-        errors: FormErrors;
-        values: FormValues;
-    }>;
-    /** 验证字段 */
-    validateField: (_name: string) => Promise<{
-        valid: boolean;
-        errors: string[];
-        value: any;
-    }>;
-    /** 验证多个字段 */
-    validateFields: (_names: string[]) => Promise<{
-        valid: boolean;
-        errors: FormErrors;
-        values: FormValues;
-    }>;
-    /** 清除字段错误 */
-    clearErrors: (fields?: string[]) => void;
-    /** 设置字段错误 */
-    setErrors: (_errors: FormErrors) => void;
-    /** 获取字段错误 */
-    getFieldError: (_name: string) => string[];
-    /** 获取表单错误 */
-    getErrors: () => FormErrors;
-    /** 设置字段状态 */
-    setFields: (_fields: Partial<FormFieldInfo>[]) => void;
-    /** 获取字段信息 */
-    getFields: () => FormFieldInfo[];
-    /** 获取字段信息 */
-    getFieldInfo: (_name: string) => FormFieldInfo | null;
-    /** 设置字段 touched 状态 */
-    setFieldsTouched: (_touched: Record<string, boolean>) => void;
-    /** 设置字段 validating 状态 */
-    setFieldsValidating: (_validating: Record<string, boolean>) => void;
-    /** 添加字段规则 */
-    addFieldRules: (_name: string, rules: FormRule[]) => void;
-    /** 移除字段规则 */
-    removeFieldRules: (_name: string) => void;
-    /** 获取字段规则 */
-    getFieldRules: (_name: string) => FormRule[];
-    /** 设置表单状态 */
-    setStatus: (_status: FormStatus) => void;
-    /** 获取表单状态 */
-    getStatus: () => FormStatus;
-    /** 设置表单禁用状态 */
-    setDisabled: (_disabled: boolean) => void;
-    /** 设置表单只读状态 */
-    setReadonly: (_readonly: boolean) => void;
-    /** 滚动到字段 */
-    scrollToField: (_name: string) => void;
-    /** 获取表单实例 */
-    getFormInstance: () => FormInstance;
-};
-/** 表单实例类型 */
-export interface FormInstance {
-    /** 表单值 */
-    values: FormValues;
-    /** 表单错误 */
-    errors: FormErrors;
-    /** 表单 touched 状态 */
-    touched: FormTouched;
-    /** 表单 validating 状态 */
-    validating: Record<string, boolean>;
-    /** 表单字段信息 */
-    fields: Record<string, FormFieldInfo>;
-    /** 表单规则 */
-    rules: Record<string, FormRule[]>;
-    /** 表单状态 */
-    status: FormStatus;
-    /** 表单是否禁用 */
-    disabled: boolean;
-    /** 表单是否只读 */
-    readonly: boolean;
-}
-/** 表单工具函数接口 */
-export interface FormUtils {
-    /** 深度合并对象 */
-    deepMerge: (_target: any, source: any) => any;
-    /** 深度克隆对象 */
-    deepClone: (_obj: any) => any;
-    /** 格式化验证错误 */
-    formatErrors: (_errors: Record<string, any>) => FormErrors;
-    /** 验证规则执行器 */
-    validateRules: (_value: any, rules: FormRule[], form: FormValues) => Promise<string[]>;
-    /** 异步验证规则执行器 */
-    validateAsyncRules: (_value: any, rules: FormRule[], form: FormValues) => Promise<string[]>;
-    /** 字段路径解析器 */
-    parseFieldPath: (_path: string) => string[];
-    /** 字段路径构建器 */
-    buildFieldPath: (_path: string[]) => string;
-    /** 字段值获取器 */
-    getFieldValueByPath: (_values: FormValues, path: string) => any;
-    /** 字段值设置器 */
-    setFieldValueByPath: (_values: FormValues, path: string, value: any) => void;
-    /** 字段值删除器 */
-    deleteFieldValueByPath: (_values: FormValues, path: string) => void;
-    /** 字段错误获取器 */
-    getFieldErrorByPath: (_errors: FormErrors, path: string) => string[];
-    /** 字段错误设置器 */
-    setFieldErrorByPath: (_errors: FormErrors, path: string, error: string | string[]) => void;
-    /** 字段错误删除器 */
-    deleteFieldErrorByPath: (_errors: FormErrors, path: string) => void;
-    /** 表单值转换器 */
-    transformFormValues: (_values: FormValues, transforms: Record<string, (_value: any) => any>) => FormValues;
-    /** 表单值过滤器 */
-    filterFormValues: (_values: FormValues, filter: (_value: any, name: string) => boolean) => FormValues;
-    /** 表单值映射器 */
-    mapFormValues: (_values: FormValues, mapper: (_value: any, name: string) => any) => FormValues;
-    /** 获取表单尺寸映射 */
-    getSizeMap: () => Record<FormSize, {
-        fontSize: number;
-        padding: string;
-        height: number;
-        borderRadius: number;
-    }>;
-    /** 获取表单布局映射 */
-    getLayoutMap: () => Record<FormLayout, {
-        flexDirection: string;
-        alignItems: string;
-        gap: string;
-    }>;
-    /** 获取表单标签对齐映射 */
-    getLabelAlignMap: () => Record<FormLabelAlign, {
-        textAlign: string;
-        justifyContent: string;
-    }>;
-}
-/** 表单样式配置接口 */
-export interface FormStyleConfig {
-    /** 表单基础样式 */
-    base: React.CSSProperties;
-    /** 表单尺寸样式 */
-    sizes: Record<FormSize, React.CSSProperties>;
-    /** 表单布局样式 */
-    layouts: Record<FormLayout, React.CSSProperties>;
-    /** 表单标签对齐样式 */
-    labelAligns: Record<FormLabelAlign, React.CSSProperties>;
-    /** 表单状态样式 */
-    statuses: Record<FormStatus, React.CSSProperties>;
-    /** 表单项样式 */
-    item: React.CSSProperties;
-    /** 表单项标签样式 */
-    itemLabel: React.CSSProperties;
-    /** 表单项内容样式 */
-    itemContent: React.CSSProperties;
-    /** 表单项辅助文本样式 */
-    itemHelperText: React.CSSProperties;
-    /** 表单项错误文本样式 */
-    itemErrorText: React.CSSProperties;
-    /** 表单项必填标记样式 */
-    itemRequiredMark: React.CSSProperties;
-}
-/** 表单上下文接口 */
-export interface FormContext {
-    /** 表单实例 */
-    form: FormInstance;
-    /** 表单配置 */
-    config: {
-        layout: FormLayout;
-        labelAlign: FormLabelAlign;
-        size: FormSize;
-        labelWidth?: number | string;
-        labelSuffix?: ReactNode;
-        colon: boolean;
-        requiredMark: boolean | 'optional';
-        validateTrigger: 'onChange' | 'onBlur' | 'onSubmit';
-        showValidateMessage: boolean;
-        disabled: boolean;
-        readonly: boolean;
-    };
-    /** 表单样式配置 */
-    styleConfig: FormStyleConfig;
-    /** 注册字段 */
-    registerField: (_name: string, info: Partial<FormFieldInfo>) => void;
-    /** 注销字段 */
-    unregisterField: (_name: string) => void;
-    /** 更新字段 */
-    updateField: (_name: string, info: Partial<FormFieldInfo>) => void;
-    /** 获取字段 */
-    getField: (_name: string) => FormFieldInfo | null;
-    /** 设置字段值 */
-    setFieldValue: (_name: string, value: any) => void;
-    /** 获取字段值 */
-    getFieldValue: (_name: string) => any;
-    /** 设置字段错误 */
-    setFieldError: (_name: string, error: string | string[]) => void;
-    /** 获取字段错误 */
-    getFieldError: (_name: string) => string[];
-    /** 设置字段 touched 状态 */
-    setFieldTouched: (_name: string, touched: boolean) => void;
-    /** 设置字段 validating 状态 */
-    setFieldValidating: (_name: string, validating: boolean) => void;
-    /** 验证字段 */
-    validateField: (_name: string) => Promise<{
-        valid: boolean;
-        errors: string[];
-        value: any;
-    }>;
-    /** 重置字段 */
-    resetField: (_name: string) => void;
-}
-/** 表单项上下文接口 */
-export interface FormItemContext {
-    /** 字段名 */
-    name: string;
-    /** 字段值 */
-    value: any;
-    /** 字段错误 */
-    errors: string[];
-    /** 字段 touched 状态 */
-    touched: boolean;
-    /** 字段 validating 状态 */
-    validating: boolean;
-    /** 字段状态 */
-    status: FormFieldStatus;
-    /** 字段规则 */
-    rules: FormRule[];
-    /** 是否必填 */
-    required: boolean;
-    /** 标签对齐方式 */
-    labelAlign: FormLabelAlign;
-    /** 标签宽度 */
-    labelWidth?: number | string;
-    /** 是否显示验证信息 */
-    showValidateMessage: boolean;
-    /** 表单上下文 */
-    formContext: FormContext;
-}

package/dist/components/form/Form/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Taro-Uno Form Component
- * 表单组件，提供完整的表单验证和状态管理功能
- */
-export { FormComponent as Form } from './Form';
-export type { FormContext } from './Form';
-export type { FormProps, FormRef, FormInstance, FormItemProps, FormLayout, FormLabelAlign, FormSize, FormStatus, FormFieldStatus, FormValues, FormErrors, FormTouched, FormFieldInfo, FormRule, FormUtils, FormStyleConfig, FormContext as FormContextType, FormItemContext, } from './Form.types';
-export { formStyles } from './Form.styles';
-export { FormComponent as default } from './Form';

package/dist/components/form/Form/useFormLogic.d.ts

@@ -1,22 +0,0 @@
-import type { FormProps, FormInstance, FormFieldInfo, FormContext } from './Form.types';
-export interface UseFormLogicProps extends Omit<FormProps, 'children' | 'className' | 'style'> {
-}
-export declare function useFormLogic(props: UseFormLogicProps): {
-    formInstance: FormInstance;
-    formContext: FormContext;
-    handleSubmit: (event: any) => Promise<void>;
-    handleReset: (event: any) => void;
-    updateFormInstance: (updates: Partial<FormInstance>) => void;
-    setFieldValue: (name: string, value: any) => void;
-    setFieldError: (name: string, error: string | string[]) => void;
-    setFieldTouched: (name: string, touched: boolean) => void;
-    setFieldValidating: (name: string, validating: boolean) => void;
-    validateField: (name: string) => Promise<{
-        valid: boolean;
-        errors: string[];
-        value: any;
-    }>;
-    resetField: (name: string) => void;
-    updateField: (name: string, info: Partial<FormFieldInfo>) => void;
-    getFieldError: (name: string) => string[];
-};

package/dist/components/form/Input/Input.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { InputProps, InputRef } from './Input.types';
-/** 输入框组件 */
-export declare const InputComponent: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
-/** 导出输入框组件 */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;

package/dist/components/form/Input/Input.styles.d.ts

@@ -1,61 +0,0 @@
-import type { InputProps, InputSize, InputVariant, InputStatus, InputStyleConfig } from './Input.types';
-/** 样式工具类 */
-export declare class InputStyles {
-    /** 获取平台前缀 */
-    private static getPlatformPrefix;
-    /** 尺寸映射 */
-    static readonly SIZE_MAP: Record<InputSize, {
-        fontSize: number;
-        padding: string;
-        height: number;
-        borderRadius: number;
-    }>;
-    /** 变体样式映射 */
-    static readonly VARIANT_STYLES: Record<InputVariant, {
-        backgroundColor: string;
-        borderColor: string;
-        borderWidth: number;
-        borderBottomWidth?: number;
-    }>;
-    /** 状态颜色映射 */
-    static readonly STATUS_COLORS: Record<InputStatus, {
-        color: string;
-        backgroundColor?: string;
-        borderColor?: string;
-        icon?: string;
-    }>;
-    /** 生成输入框类名 */
-    static getClassName(props: Partial<InputProps>): string;
-    /** 生成输入框样式 */
-    static getStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成输入框容器样式 */
-    static getContainerStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成输入框包装器样式 */
-    static getWrapperStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成前缀样式 */
-    static getPrefixStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成后缀样式 */
-    static getSuffixStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成标签样式 */
-    static getLabelStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成辅助文本样式 */
-    static getHelperTextStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成错误文本样式 */
-    static getErrorTextStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成计数器样式 */
-    static getCounterStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成清除按钮样式 */
-    static getClearButtonStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成密码切换按钮样式 */
-    static getPasswordToggleStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成多行输入框样式 */
-    static getMultilineStyle(props: Partial<InputProps>): React.CSSProperties;
-    /** 生成输入框样式配置 */
-    static getStyleConfig(): InputStyleConfig;
-    /** 生成CSS变量 */
-    static generateCSSVariables(): string;
-    /** 生成关键帧动画 */
-    static generateKeyframes(): string;
-}
-/** 导出样式工具 */
-export declare const inputStyles: typeof InputStyles;