form-render-v3 3.0.0-alpha.1

package/lib/type.d.ts

@@ -0,0 +1,405 @@
+import { RuleItem } from 'async-validator';
+import * as React from 'react';
+import type { FormInstance as AntdFormInstance, FormProps as AntdFormProps, ColProps, TooltipProps } from 'antd';
+import type { ConfigProviderProps } from 'antd/es/config-provider';
+import type { FormProps as RcFormProps } from 'rc-field-form/lib/Form';
+export type { RuleItem } from 'async-validator';
+export type SchemaType = 'string' | 'object' | 'array' | 'number' | 'boolean' | 'void' | 'date' | 'datetime' | 'block' | string;
+export type ActionProps = {
+    submit: {
+        text?: string;
+        hide?: boolean;
+        [key: string]: any;
+    };
+    reset: {
+        text?: string;
+        hide?: boolean;
+        [key: string]: any;
+    };
+};
+export interface SchemaBase {
+    type?: SchemaType;
+    title?: string;
+    description?: string;
+    descType?: 'text' | 'icon';
+    format?: 'image' | 'textarea' | 'color' | 'email' | 'url' | 'dateTime' | 'date' | 'time' | 'upload' | (string & {});
+    default?: any;
+    /** 是否必填，支持 `'{{ formData.xxx === "" }}'` 形式的表达式 */
+    required?: boolean | string;
+    placeholder?: string;
+    bind?: false | string | string[];
+    dependencies?: string[];
+    /** 最小值，支持表达式 */
+    min?: number | string;
+    /** 最大值，支持表达式 */
+    max?: number | string;
+    /** 是否禁用，支持 `'{{ formData.xxx === "" }}'` 形式的表达式 */
+    disabled?: boolean | string;
+    /** 是否只读，支持 `'{{ formData.xxx === "" }}'` 形式的表达式 */
+    readOnly?: boolean | string;
+    /** 是否隐藏，隐藏的字段不会在 formData 里透出，支持 `'{{ formData.xxx === "" }}'` 形式的表达式 */
+    hidden?: boolean | string;
+    displayType?: 'row' | 'column' | string;
+    width?: string | number;
+    labelWidth?: number | string;
+    maxWidth?: number | string;
+    column?: number;
+    className?: string;
+    widget?: string;
+    readOnlyWidget?: string;
+    extra?: string;
+    properties?: Record<string, Schema>;
+    items?: Schema;
+    /** 多选，支持表达式 */
+    enum?: Array<string | number> | string;
+    /** 多选label，支持表达式 */
+    enumNames?: Array<string | number> | string;
+    rules?: RuleItem | RuleItem[];
+    props?: Record<string, any>;
+    /**扩展字段 */
+    'add-widget'?: string;
+    labelCol?: number | ColProps;
+    fieldCol?: number | ColProps;
+    tooltip?: string | TooltipProps;
+    cellSpan?: number;
+    span?: number;
+    validateTrigger?: string | string[];
+    [key: string]: any;
+}
+export type Schema = Partial<SchemaBase>;
+export interface Error {
+    /** 错误的数据路径 */
+    name: string;
+    /** 错误的内容 */
+    error: string[];
+}
+export interface FormParams {
+    formData?: any;
+    onChange?: (data: any) => void;
+    onValidate?: (valid: any) => void;
+    showValidate?: boolean;
+    /** 数据分析接口，表单展示完成渲染时触发 */
+    logOnMount?: (stats: any) => void;
+    /** 数据分析接口，表单提交成功时触发，获得本次表单填写的总时长 */
+    logOnSubmit?: (stats: any) => void;
+}
+export interface ValidateParams {
+    formData: any;
+    schema: Schema;
+    error: Error[];
+    [k: string]: any;
+}
+export interface ResetParams {
+    formData?: any;
+    submitData?: any;
+    errorFields?: Error[];
+    touchedKeys?: any[];
+    allTouched?: boolean;
+    [k: string]: any;
+}
+export interface FieldParams {
+    name: string;
+    error?: string[];
+    touched?: boolean;
+    validating?: boolean;
+    value?: any;
+}
+export interface ListOperate {
+    btnType: 'text' | 'icon';
+    hideMove: boolean;
+}
+export interface GlobalConfig {
+    listOperate: ListOperate;
+    /** 列表校验气泡模式*/
+    listValidatePopover: boolean;
+    mustacheDisabled: boolean;
+}
+export interface FormInstance {
+    submit: () => void;
+    /**
+     *  根据路径动态设置 Schema
+     */
+    setSchemaByPath: (path: string, schema: any) => any;
+    /**
+     * 获取隐藏的表单数据
+     */
+    getHiddenValues: () => any;
+    /**
+     *  设置 Schema
+     */
+    setSchema: (schema: any, cover?: boolean) => void;
+    /**
+     * 获取表单的 schema
+     */
+    getSchema: () => any;
+    /**
+     *
+     * 获取 flatten schema
+     */
+    getFlattenSchema: (path?: string) => any;
+    /**
+     * 根据路径获取 Schema
+     */
+    getSchemaByPath: (path: string) => any;
+    /**
+     * 外部手动修改 errorFields 校验信息
+     */
+    setErrorFields: (errors: any[]) => void;
+    /**
+     * 外部手动删除某一个 path 下所有的校验信息
+     */
+    removeErrorField: (path: string) => any;
+    /**
+     * 校验表单
+     */
+    validateFields: AntdFormInstance['validateFields'];
+    /**
+     * 获取对应字段 field 的错误信息
+     */
+    getFieldError: AntdFormInstance['getFieldError'];
+    /**
+     * 获取一组字段 fields 的错误信息
+     */
+    getFieldsError: AntdFormInstance['getFieldsError'];
+    /**
+     * 检查某个表单项是否被修改过
+     */
+    isFieldTouched: AntdFormInstance['isFieldTouched'];
+    /**
+     * 检查一组表单项是否被修改过
+     */
+    isFieldsTouched: AntdFormInstance['isFieldsTouched'];
+    /**
+     * 检查某个表单项是否在校验中
+     */
+    isFieldValidating: AntdFormInstance['isFieldValidating'];
+    /**
+   * 根据路径获取表单值
+   */
+    getValueByPath: AntdFormInstance['getFieldValue'];
+    /**
+     * 根据路径修改表单值
+     */
+    setValueByPath: AntdFormInstance['setFieldValue'];
+    /**
+     * 获取表单值
+     */
+    getValues: AntdFormInstance['getFieldsValue'];
+    /**
+     * 设置表单值
+     */
+    setValues: AntdFormInstance['setFieldsValue'];
+    /**
+     * 重置表单
+     */
+    resetFields: AntdFormInstance['resetFields'];
+    /**
+     * @deprecated 即将弃用，请勿使用此 api，使用 getFieldsError
+     */
+    errorFields: AntdFormInstance['getFieldsError'];
+    /**
+     * @deprecated 即将弃用，请勿使用此 api，使用 form.isFieldsValidating
+     */
+    scrollToPath: AntdFormInstance['scrollToField'];
+    /**
+   * @deprecated 即将弃用，请勿使用此 api，使用setValueByPath
+   */
+    onItemChange: AntdFormInstance['setFieldValue'];
+    /**
+     * @deprecated 即将弃用，请勿使用此 api
+     */
+    init: any;
+    /**
+     * @deprecated 即将弃用，请勿使用此 api，使用 getSchema 代替
+     */
+    __schema: any;
+    /**
+     * @deprecated 内部方法不要使用
+     */
+    __initStore: (data: any) => any;
+    /**
+     * 存储 field 的 ref 对象
+     */
+    setFieldRef: (path: string, ref: any) => void;
+    /**
+     * 获取 field 的 ref 对象
+     */
+    getFieldRef: (path: string) => any;
+}
+export type WatchProperties = {
+    [path: string]: {
+        handler: (value: any) => void;
+        immediate?: boolean;
+    } | ((value: any) => void);
+};
+export interface FRProps extends Omit<AntdFormProps, 'form'> {
+    /**
+     * 表单顶层的className
+     */
+    className?: string;
+    /**
+     * 表单顶层的样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 表单 schema
+     */
+    schema: Schema;
+    /**
+     * form单例
+     */
+    form: FormInstance;
+    /**
+     * 组件和schema的映射规则
+     */
+    mapping?: Record<string, string>;
+    /**
+     * 自定义组件
+     */
+    widgets?: Record<string, any>;
+    /**
+     * 标签元素和输入元素的排列方式，column-分两行展示，row-同行展示，inline-自然顺排，默认`column`
+     */
+    displayType?: 'column' | 'row' | 'inline';
+    /**
+     * 表示是否显示 label 后面的冒号
+     */
+    colon?: boolean;
+    /**
+     * label 标签的文本对齐方式
+     */
+    labelAlign?: 'right' | 'left';
+    fieldCol?: number | ColProps;
+    /**
+     *  只读模式
+     */
+    readOnly?: boolean;
+    /**
+     * 禁用模式
+     */
+    disabled?: boolean;
+    /**
+     * 标签宽度
+     */
+    labelWidth?: string | number;
+    /**
+     * antd的全局config
+     */
+    configProvider?: ConfigProviderProps;
+    /**
+     * 覆盖默认的校验信息
+     */
+    validateMessages?: RcFormProps['validateMessages'];
+    /**
+     * 显示当前表单内部状态
+     */
+    debug?: boolean;
+    /**
+     * 显示css布局提示线
+     */
+    debugCss?: boolean;
+    /**
+     * 展示语言，目前只支持中文、英文
+     */
+    locale?: 'zh-CN' | 'en-US';
+    /**
+     * 一行展示的列数
+     */
+    column?: number;
+    /**
+     * 数据会作为 beforeFinish 的第四个参数传入
+     */
+    config?: any;
+    /**
+     * 类似于 vuejs 的 watch 的用法，监控值的变化，触发 callback
+     */
+    watch?: WatchProperties;
+    globalConfig?: GlobalConfig;
+    /**
+     * 表单的全局共享属性
+     */
+    globalProps?: any;
+    /**
+     * 表单首次加载钩子
+     */
+    onMount?: () => void;
+    /**
+     * 表单提交前钩子
+     */
+    beforeFinish?: (params: ValidateParams) => Error[] | Promise<Error[]>;
+    /**
+     * 表单提交后钩子
+     */
+    onFinish?: (formData: any) => void;
+    /**
+     * 字段值更新时触发回调事件
+     */
+    onValuesChange?: (changedValues: {
+        dataPath: string;
+        value: any;
+        dataIndex: number[] | unknown;
+    }, formData: any) => void;
+    /**
+     * 隐藏的数据是否去掉，默认不去掉
+     */
+    removeHiddenData?: boolean;
+    /**
+     * 配置自定义layout组件
+     */
+    layoutWidgets?: any;
+    /**
+     * 扩展方法
+     */
+    methods?: Record<string, Function>;
+    operateExtra?: React.ReactNode;
+    maxWidth?: number | string;
+    footer?: boolean | ((dom: React.JSX.Element[]) => React.ReactNode) | Partial<ActionProps>;
+}
+export interface SearchProps<RecordType> extends Omit<FRProps, 'form'> {
+    debug?: boolean;
+    searchBtnStyle?: React.CSSProperties;
+    searchBtnClassName?: string;
+    displayType?: any;
+    propsSchema?: any;
+    className?: string;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+    searchOnMount?: boolean | unknown;
+    searchWithError?: boolean;
+    searchBtnRender?: (submit: Function, clearSearch: Function, other: any) => React.ReactNode[];
+    searchText?: string;
+    resetText?: string;
+    onSearch?: (search: any) => any;
+    afterSearch?: (params: any) => any;
+    onReset?: (form: any) => void;
+    widgets?: any;
+    form?: any;
+    [key: string]: any;
+}
+/** 自定义组件 props */
+export type WidgetProps = {
+    value: any;
+    onChange: (value: any) => void;
+    schema: Schema;
+    style: React.CSSProperties;
+    id: string;
+    addons: WidgetAddonsType;
+    disabled?: boolean;
+    readOnly?: boolean;
+    [other: string]: any;
+};
+/** 自定义组件 addons */
+export type WidgetAddonsType = FormInstance & {
+    globalProps: Record<string, any>;
+    dependValues: any[];
+    dataIndex: string[];
+    dataPath: string;
+    schemaPath: string;
+};
+declare const FR: React.FC<FRProps>;
+export declare function useForm(params?: FormParams): FormInstance;
+export type ConnectedForm<T> = T & {
+    form: FormInstance;
+};
+export declare function connectForm<T extends {} = any>(component: React.ComponentType<ConnectedForm<T>>): React.ComponentType<T>;
+export default FR;

package/lib/type.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = FR;

package/lib/utils/index.d.ts

@@ -0,0 +1,75 @@
+import { has as _has } from 'lodash-es';
+export declare const _set: {
+    <T extends object>(object: T, path: import("lodash").PropertyPath, value: any): T;
+    <TResult>(object: object, path: import("lodash").PropertyPath, value: any): TResult;
+};
+export declare const _get: {
+    <TObject extends object, TKey extends keyof TObject>(object: TObject, path: TKey | [TKey]): TObject[TKey];
+    <TObject_1 extends object, TKey_1 extends keyof TObject_1>(object: TObject_1, path: TKey_1 | [TKey_1]): TObject_1[TKey_1];
+    <TObject_2 extends object, TKey_2 extends keyof TObject_2, TDefault>(object: TObject_2, path: TKey_2 | [TKey_2], defaultValue: TDefault): TDefault | Exclude<TObject_2[TKey_2], undefined>;
+    <TObject_3 extends object, TKey1 extends keyof TObject_3, TKey2 extends keyof TObject_3[TKey1]>(object: TObject_3, path: [TKey1, TKey2]): TObject_3[TKey1][TKey2];
+    <TObject_4 extends object, TKey1_1 extends keyof TObject_4, TKey2_1 extends keyof NonNullable<TObject_4[TKey1_1]>>(object: TObject_4, path: [TKey1_1, TKey2_1]): NonNullable<TObject_4[TKey1_1]>[TKey2_1];
+    <TObject_5 extends object, TKey1_2 extends keyof TObject_5, TKey2_2 extends keyof NonNullable<TObject_5[TKey1_2]>, TDefault_1>(object: TObject_5, path: [TKey1_2, TKey2_2], defaultValue: TDefault_1): TDefault_1 | Exclude<NonNullable<TObject_5[TKey1_2]>[TKey2_2], undefined>;
+    <TObject_6 extends object, TKey1_3 extends keyof TObject_6, TKey2_3 extends keyof TObject_6[TKey1_3], TKey3 extends keyof TObject_6[TKey1_3][TKey2_3]>(object: TObject_6, path: [TKey1_3, TKey2_3, TKey3]): TObject_6[TKey1_3][TKey2_3][TKey3];
+    <TObject_7 extends object, TKey1_4 extends keyof TObject_7, TKey2_4 extends keyof NonNullable<TObject_7[TKey1_4]>, TKey3_1 extends keyof NonNullable<NonNullable<TObject_7[TKey1_4]>[TKey2_4]>>(object: TObject_7, path: [TKey1_4, TKey2_4, TKey3_1]): NonNullable<NonNullable<TObject_7[TKey1_4]>[TKey2_4]>[TKey3_1];
+    <TObject_8 extends object, TKey1_5 extends keyof TObject_8, TKey2_5 extends keyof NonNullable<TObject_8[TKey1_5]>, TKey3_2 extends keyof NonNullable<NonNullable<TObject_8[TKey1_5]>[TKey2_5]>, TDefault_2>(object: TObject_8, path: [TKey1_5, TKey2_5, TKey3_2], defaultValue: TDefault_2): TDefault_2 | Exclude<NonNullable<NonNullable<TObject_8[TKey1_5]>[TKey2_5]>[TKey3_2], undefined>;
+    <TObject_9 extends object, TKey1_6 extends keyof TObject_9, TKey2_6 extends keyof TObject_9[TKey1_6], TKey3_3 extends keyof TObject_9[TKey1_6][TKey2_6], TKey4 extends keyof TObject_9[TKey1_6][TKey2_6][TKey3_3]>(object: TObject_9, path: [TKey1_6, TKey2_6, TKey3_3, TKey4]): TObject_9[TKey1_6][TKey2_6][TKey3_3][TKey4];
+    <TObject_10 extends object, TKey1_7 extends keyof TObject_10, TKey2_7 extends keyof NonNullable<TObject_10[TKey1_7]>, TKey3_4 extends keyof NonNullable<NonNullable<TObject_10[TKey1_7]>[TKey2_7]>, TKey4_1 extends keyof NonNullable<NonNullable<NonNullable<TObject_10[TKey1_7]>[TKey2_7]>[TKey3_4]>>(object: TObject_10, path: [TKey1_7, TKey2_7, TKey3_4, TKey4_1]): NonNullable<NonNullable<NonNullable<TObject_10[TKey1_7]>[TKey2_7]>[TKey3_4]>[TKey4_1];
+    <TObject_11 extends object, TKey1_8 extends keyof TObject_11, TKey2_8 extends keyof NonNullable<TObject_11[TKey1_8]>, TKey3_5 extends keyof NonNullable<NonNullable<TObject_11[TKey1_8]>[TKey2_8]>, TKey4_2 extends keyof NonNullable<NonNullable<NonNullable<TObject_11[TKey1_8]>[TKey2_8]>[TKey3_5]>, TDefault_3>(object: TObject_11, path: [TKey1_8, TKey2_8, TKey3_5, TKey4_2], defaultValue: TDefault_3): TDefault_3 | Exclude<NonNullable<NonNullable<NonNullable<TObject_11[TKey1_8]>[TKey2_8]>[TKey3_5]>[TKey4_2], undefined>;
+    <T>(object: import("lodash").NumericDictionary<T>, path: number): T;
+    <T_1>(object: import("lodash").NumericDictionary<T_1>, path: number): T_1;
+    <T_2, TDefault_4>(object: import("lodash").NumericDictionary<T_2>, path: number, defaultValue: TDefault_4): T_2 | TDefault_4;
+    <TDefault_5>(object: null, path: import("lodash").PropertyPath, defaultValue: TDefault_5): TDefault_5;
+    (object: null, path: import("lodash").PropertyPath): undefined;
+    <TObject_12, TPath extends string>(data: TObject_12, path: TPath): string extends TPath ? any : import("lodash").GetFieldType<TObject_12, TPath, "Path">;
+    <TObject_13, TPath_1 extends string, TDefault_6 = import("lodash").GetFieldType<TObject_13, TPath_1, "Path">>(data: TObject_13, path: TPath_1, defaultValue: TDefault_6): TDefault_6 | Exclude<import("lodash").GetFieldType<TObject_13, TPath_1, "Path">, null>;
+    (object: any, path: import("lodash").PropertyPath, defaultValue?: any): any;
+};
+export declare const _cloneDeep: <T>(value: T) => T;
+export { _has };
+export declare const _merge: {
+    <TObject, TSource>(object: TObject, source: TSource): TObject & TSource;
+    <TObject_1, TSource1, TSource2>(object: TObject_1, source1: TSource1, source2: TSource2): TObject_1 & TSource1 & TSource2;
+    <TObject_2, TSource1_1, TSource2_1, TSource3>(object: TObject_2, source1: TSource1_1, source2: TSource2_1, source3: TSource3): TObject_2 & TSource1_1 & TSource2_1 & TSource3;
+    <TObject_3, TSource1_2, TSource2_2, TSource3_1, TSource4>(object: TObject_3, source1: TSource1_2, source2: TSource2_2, source3: TSource3_1, source4: TSource4): TObject_3 & TSource1_2 & TSource2_2 & TSource3_1 & TSource4;
+    (object: any, ...otherArgs: any[]): any;
+};
+export declare const _mergeWith: {
+    <TObject, TSource>(object: TObject, source: TSource, customizer: (value: any, srcValue: any, key: string, object: any, source: any, stack: any) => any): TObject & TSource;
+    <TObject_1, TSource1, TSource2>(object: TObject_1, source1: TSource1, source2: TSource2, customizer: (value: any, srcValue: any, key: string, object: any, source: any, stack: any) => any): TObject_1 & TSource1 & TSource2;
+    <TObject_2, TSource1_1, TSource2_1, TSource3>(object: TObject_2, source1: TSource1_1, source2: TSource2_1, source3: TSource3, customizer: (value: any, srcValue: any, key: string, object: any, source: any, stack: any) => any): TObject_2 & TSource1_1 & TSource2_1 & TSource3;
+    <TObject_3, TSource1_2, TSource2_2, TSource3_1, TSource4>(object: TObject_3, source1: TSource1_2, source2: TSource2_2, source3: TSource3_1, source4: TSource4, customizer: (value: any, srcValue: any, key: string, object: any, source: any, stack: any) => any): TObject_3 & TSource1_2 & TSource2_2 & TSource3_1 & TSource4;
+    (object: any, ...otherArgs: any[]): any;
+};
+export declare const _isUndefined: (value: any) => value is undefined;
+export declare const _omitBy: {
+    <T>(object: import("lodash").Dictionary<T>, predicate?: import("lodash").ValueKeyIteratee<T>): import("lodash").Dictionary<T>;
+    <T_1>(object: import("lodash").NumericDictionary<T_1>, predicate?: import("lodash").ValueKeyIteratee<T_1>): import("lodash").NumericDictionary<T_1>;
+    <T_2 extends object>(object: T_2, predicate: import("lodash").ValueKeyIteratee<T_2[keyof T_2]>): Partial<T_2>;
+};
+export declare const _some: {
+    <T>(collection: import("lodash").List<T>, predicate?: import("lodash").ListIterateeCustom<T, boolean>): boolean;
+    <T_1 extends object>(collection: T_1, predicate?: import("lodash").ObjectIterateeCustom<T_1, boolean>): boolean;
+};
+export declare const _isMatch: (object: object, source: object) => boolean;
+export declare const isObject: (data: any) => boolean;
+export declare const isArray: (data: any) => boolean;
+export declare const isFunction: (data: any) => boolean;
+export declare function isUrl(string: string): boolean;
+export declare const isNumber: (str: string | number) => boolean;
+export declare const getArray: (arr: any, defaultValue?: any[]) => any[];
+export declare function getFormat(format: any): any;
+export declare function isObjType(schema: any): boolean;
+export declare function isListType(schema: any): boolean;
+export declare function isCheckBoxType(schema: any, readOnly: boolean): boolean;
+export declare const translation: (configCtx: any) => (key: string) => any;
+export declare const hasFuncProperty: (obj: any) => any;
+/**
+ * 安全地获取对象的值，如果值为 null 或 undefined，则返回 defaultValue。
+ *
+ * @param {Object} object - 要获取值的对象。
+ * @param {string|Array} path - 要获取的路径，可以是字符串或数组。
+ * @param {*} [defaultValue] - 如果值为 null 或 undefined，则返回 defaultValue。
+ * @returns {*} - 返回获取的值，或者默认值。
+ */
+export declare const safeGet: (object: any, path: string, defaultValue: any) => any;

package/lib/utils/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._get = exports._cloneDeep = void 0;
+Object.defineProperty(exports, "_has", {
+  enumerable: true,
+  get: function get() {
+    return _lodashEs.has;
+  }
+});
+exports.getArray = exports._some = exports._set = exports._omitBy = exports._mergeWith = exports._merge = exports._isUndefined = exports._isMatch = void 0;
+exports.getFormat = getFormat;
+exports.isArray = exports.hasFuncProperty = void 0;
+exports.isCheckBoxType = isCheckBoxType;
+exports.isFunction = void 0;
+exports.isListType = isListType;
+exports.isNumber = void 0;
+exports.isObjType = isObjType;
+exports.isObject = void 0;
+exports.isUrl = isUrl;
+exports.translation = exports.safeGet = void 0;
+var _lodashEs = require("lodash-es");
+var _set = exports._set = _lodashEs.set;
+var _get = exports._get = _lodashEs.get;
+var _cloneDeep = exports._cloneDeep = _lodashEs.cloneDeep;
+// export const _has = has;
+
+var _merge = exports._merge = _lodashEs.merge;
+var _mergeWith = exports._mergeWith = _lodashEs.mergeWith;
+var _isUndefined = exports._isUndefined = _lodashEs.isUndefined;
+var _omitBy = exports._omitBy = _lodashEs.omitBy;
+var _some = exports._some = _lodashEs.some;
+var _isMatch = exports._isMatch = _lodashEs.isMatch;
+var isObject = exports.isObject = function isObject(data) {
+  var str = Object.prototype.toString.call(data);
+  return str.indexOf('Object') > -1;
+};
+var isArray = exports.isArray = function isArray(data) {
+  var str = Object.prototype.toString.call(data);
+  return str.indexOf('Array') > -1;
+};
+var isFunction = exports.isFunction = function isFunction(data) {
+  return typeof data === 'function';
+};
+function isUrl(string) {
+  var protocolRE = /^(?:\w+:)?\/\/(\S+)$/;
+  // const domainRE = /^[^\s\.]+\.\S{2,}$/;
+  if (typeof string !== 'string') return false;
+  return protocolRE.test(string);
+}
+var isNumber = exports.isNumber = function isNumber(str) {
+  return !isNaN(Number(str));
+};
+var getArray = exports.getArray = function getArray(arr) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (Array.isArray(arr)) return arr;
+  return defaultValue;
+};
+function getFormat(format) {
+  var dateFormat;
+  switch (format) {
+    case 'date':
+      dateFormat = 'YYYY-MM-DD';
+      break;
+    case 'time':
+      dateFormat = 'HH:mm:ss';
+      break;
+    case 'dateTime':
+      dateFormat = 'YYYY-MM-DD HH:mm:ss';
+      break;
+    case 'week':
+      dateFormat = 'YYYY-w';
+      break;
+    case 'year':
+      dateFormat = 'YYYY';
+      break;
+    case 'quarter':
+      dateFormat = 'YYYY-Q';
+      break;
+    case 'month':
+      dateFormat = 'YYYY-MM';
+      break;
+    default:
+      // dateTime
+      if (typeof format === 'string') {
+        dateFormat = format;
+      } else {
+        dateFormat = 'YYYY-MM-DD';
+      }
+  }
+  return dateFormat;
+}
+// TODO: to support case that item is not an object
+function isObjType(schema) {
+  //return schema?.type === 'object' && schema.properties && !schema.widget;
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === 'object' && (schema === null || schema === void 0 ? void 0 : schema.properties) && (schema === null || schema === void 0 ? void 0 : schema.widgetType) !== 'field';
+}
+;
+function isListType(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === 'array' && isObjType(schema === null || schema === void 0 ? void 0 : schema.items) && (schema === null || schema === void 0 ? void 0 : schema.enum) === undefined;
+}
+;
+function isCheckBoxType(schema, readOnly) {
+  if (readOnly) return false;
+  if (schema.widget === 'checkbox') return true;
+  if (schema && schema.type === 'boolean') {
+    if (schema.enum) return false;
+    if (schema.widget === undefined) return true;
+    return false;
+  }
+}
+var translation = exports.translation = function translation(configCtx) {
+  return function (key) {
+    var locale = configCtx === null || configCtx === void 0 ? void 0 : configCtx.locale.FormRender;
+    return locale[key];
+  };
+};
+var _hasFuncProperty = exports.hasFuncProperty = function hasFuncProperty(obj) {
+  return _some(obj, function (value) {
+    if (isFunction(value)) {
+      return true;
+    }
+    if (isObject(value)) {
+      return _hasFuncProperty(value);
+    }
+    return false;
+  });
+};
+/**
+ * 安全地获取对象的值，如果值为 null 或 undefined，则返回 defaultValue。
+ *
+ * @param {Object} object - 要获取值的对象。
+ * @param {string|Array} path - 要获取的路径，可以是字符串或数组。
+ * @param {*} [defaultValue] - 如果值为 null 或 undefined，则返回 defaultValue。
+ * @returns {*} - 返回获取的值，或者默认值。
+ */
+var safeGet = exports.safeGet = function safeGet(object, path, defaultValue) {
+  var _a;
+  return (_a = (0, _lodashEs.get)(object, path, defaultValue)) !== null && _a !== void 0 ? _a : defaultValue;
+};

package/lib/widgets/ErrorSchema/index.d.ts

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

package/lib/widgets/ErrorSchema/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ErrorSchema = function ErrorSchema(schema) {
+  var configCtx = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  var t = (0, _utils.translation)(configCtx);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      color: 'red'
+    }
+  }, t('schema_not_match')), /*#__PURE__*/_react.default.createElement("div", null, JSON.stringify(schema)));
+};
+var _default = exports.default = ErrorSchema;