@para-ui/core 2.1.35 → 2.1.38

package/FormItem/compoments/formCheckboxGroup/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { CheckboxGroupProps } from '../../../CheckboxGroup';
+export interface FormCheckboxGroupProps extends CheckboxGroupProps {
+    defaultValue?: any[];
+    change?: (value: any) => any;
+}
+declare const FormCheckboxGroup: FC<FormCheckboxGroupProps>;
+export default FormCheckboxGroup;

package/FormItem/compoments/formFile/index.d.ts

@@ -0,0 +1,38 @@
+import { FC, InputHTMLAttributes } from "react";
+import { ButtonProps } from "../../../Button";
+import './index.scss';
+export interface FormFileProps {
+    /**
+    * 禁用
+    */
+    disabled?: boolean;
+    /**
+    * 文件类型 可接受字符串 或数组
+    */
+    fileType?: string | Array<string>;
+    /**
+    * 按钮名称 默认 选择文件
+    */
+    buttonLabel?: string;
+    /**
+    * 值改变传出
+    */
+    onChange?: (value: FileList) => any;
+    /**
+    * 默认值
+    */
+    defaultValue?: string | FileList;
+    /**
+    * input 其他属性
+    */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /**
+    * 按钮配置
+    */
+    buttonProps?: ButtonProps;
+}
+/**
+* 文件组件
+*/
+declare const FormFile: FC<FormFileProps>;
+export default FormFile;

package/FormItem/compoments/formRadioGroup/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { RadioGroupProps } from '../../../RadioGroup';
+export interface FormRadioGroupProps extends RadioGroupProps {
+    defaultValue?: string;
+    change?: (value: any) => any;
+}
+declare const FormRadioGroup: FC<FormRadioGroupProps>;
+export default FormRadioGroup;

package/FormItem/compoments/formSelect/index.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { SelectProps } from '../../../Select';
+export interface FormSelectProps extends SelectProps {
+    /**
+    * 默认值
+    */
+    defaultValue?: string;
+    /**
+    * 改变方法
+    */
+    change?: (value: any) => any;
+    /**
+    * 绑定值
+    */
+    value?: string;
+}
+declare const FormSelect: FC<FormSelectProps>;
+export default FormSelect;

package/FormItem/errorTips.d.ts

@@ -0,0 +1,12 @@
+import { HelperTextProps } from '@para-ui/core/HelperText';
+import { FC } from 'react';
+/**
+* 报错信息组件
+* @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
+*/
+declare const ErrorTips: FC<{
+    getSetError?: Function;
+    errorMessage?: string;
+    helperTextProps?: HelperTextProps;
+}>;
+export default ErrorTips;

package/FormItem/index.d.ts

@@ -0,0 +1,145 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { ItemTypeProps } from './itemType';
+import { validateFunctionType } from './validateFunction';
+import { LabelProps } from '@para-ui/core/Label';
+import { HelperTextProps } from '@para-ui/core/HelperText';
+import './index.scss';
+/**
+ * 表单操作项的其他配置
+ */
+interface inputProps {
+    [name: string]: any;
+}
+/**
+ * 校验规则
+ * 一条校验规则对应一个错误提示
+ */
+export interface ruleType {
+    /**
+     * 校验方法
+     * @return {boolean | string}, 子定义校验方法时 返回 false 或 字符串 均为校验失败 true为校验通过
+     */
+    validate?: {
+        'required'?: boolean | validateFunctionType;
+        'maxlength'?: number | validateFunctionType;
+        'minLength'?: number | validateFunctionType;
+        'pattern'?: RegExp | validateFunctionType;
+        'disOnlySpace'?: boolean | validateFunctionType;
+        [name: string]: validateFunctionType | boolean | number | RegExp | undefined;
+    };
+    message?: {
+        [name: string]: string;
+    };
+}
+/**
+ * form 表单组件属性
+ * @typedef {Object} FormItemProps
+ */
+export interface FormItemProps {
+    /**
+     * 表单项形态，默认 horizontal
+     */
+    type?: 'vertical' | 'horizontal';
+    /**
+     * 输入框类型
+     */
+    InputType?: 'checkGroup' | 'select' | 'radioGroup' | 'textarea' | 'default' | 'switch' | 'number' | 'file' | FC<ItemTypeProps>;
+    /**
+     * 输入框其他属性配置
+     */
+    inputProps?: inputProps;
+    /**
+    * label props
+    */
+    labelProps?: LabelProps;
+    /**
+    * 报错提示其他配置
+    */
+    helperTextProps?: HelperTextProps;
+    /**
+     * 文字宽度， 只对 type === vertical，状态下生效
+     */
+    labelWidth?: number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 值改变传出
+     */
+    change?: (value: any) => void;
+    /**
+     * 不显示 该选项
+     */
+    hide?: boolean;
+    /**
+     * 提示。会有label上出现个图标提示
+     */
+    tips?: string;
+    /**
+     * 文字描述
+     */
+    label?: string | ((props: FormItemProps) => ReactNode);
+    /**
+    * 隐藏 label
+    */
+    hideLabel?: boolean;
+    /**
+    * 隐藏 error
+    */
+    hideError?: boolean;
+    /**
+     * name，一般对应后台属性，需要唯一性
+     */
+    name: string;
+    /**
+     * 校验规则
+     */
+    rules?: ruleType;
+    /**
+     * 设置值的方法
+     */
+    setValue?: Function;
+    /**
+     * 报错信息
+     */
+    errorMessage?: string;
+    /**
+     * 回填数据
+     */
+    backData?: {
+        [name: string]: any;
+    };
+    /**
+    * 是否启用必填框，不允许输入纯空格
+    */
+    disOnlySpace?: boolean;
+    /**
+    * 必填显示渲染方式
+    */
+    requiredElement?: ReactElement | string;
+    /**
+    * 隐藏默认必填标记
+    */
+    disRequiredElement?: boolean;
+    /**
+     * 其他配置
+     */
+    [name: string]: any;
+    /**
+    * 自定义class
+    */
+    className?: string;
+    /**
+    * 默认值
+    * 会被backData，回填数据替换
+    */
+    defaultValue?: any;
+}
+/**
+ * form 表单单行组件
+ * @author zhanzl
+ * @description 用于根据配置自动生成表单
+ */
+declare const FormItem: FC<FormItemProps>;
+export default FormItem;