From e4c9e96c59fd53670a489190f03c4e5a80341f43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=94=E6=9C=88=E7=9A=84=E5=A4=8F=E5=A4=A9?= <285258675@qq.com> Date: Mon, 4 Sep 2023 20:55:10 +0800 Subject: [PATCH] feat(form): add size attribute --- db/TDesign.db | Bin 843776 -> 843776 bytes .../tdesign-react/src/form/defaultProps.ts | 28 -- .../products/tdesign-react/src/form/type.ts | 469 ------------------ .../src/form/form-item-props.ts | 72 --- .../tdesign-vue-next/src/form/props.ts | 103 ---- .../tdesign-vue-next/src/form/type.ts | 398 --------------- .../tdesign-vue/src/form/form-item-props.ts | 72 --- .../products/tdesign-vue/src/form/props.ts | 103 ---- .../products/tdesign-vue/src/form/type.ts | 398 --------------- packages/scripts/api.json | 82 +++ 10 files changed, 82 insertions(+), 1643 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index 435231d4c2a2d64b7cfcdbedbbe77aa977703ad2..51284afa0fe56da305be409d302dcea1ec41f4bd 100644 GIT binary patch delta 456 zcmZoTVBB!Pc!D&e{6raNR(S@!cnB_SO`R))dax z6t1l)+zbA*xG)pGb)u&NoT9FhBqb#Q= zrzCHqJ_84@u`vS!11ASB2QLE$$Ut_t{GwdXlGNPd%&OGf)RfH9+!y;MKW$z5Y+>8e z4ZEJM-=U!Jw154}hR*5nA2}rIA2&29D1-znJm0wc>Adcz>t;RK+4+9YtYDyS*SykP zptO;Jk+H6UrLKXAf}xR>sj-!@B^IGZm1%`Qmx7oMmK);VdJ= L?atSE_HqCKI9j0J delta 130 zcmV-|0Db>}z%zirGmskr9g!SE1swn`TQz}Xg=7JRWCDd`1BGM+g=7VVWCn#~2Zdw^ zg=7hZWD2!p3!wi5LIW}Ym%bnY7PTG>ZUUD+0}Q6OG6M|x2?1P}EDa1qmmu2*6t{#8 k41mHC2M0p{4y6t647~|r2SW?$3ih=j2rUPOaK4? diff --git a/packages/products/tdesign-react/src/form/defaultProps.ts b/packages/products/tdesign-react/src/form/defaultProps.ts index afa361317..e69de29bb 100644 --- a/packages/products/tdesign-react/src/form/defaultProps.ts +++ b/packages/products/tdesign-react/src/form/defaultProps.ts @@ -1,28 +0,0 @@ -/** - * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC - * */ - -import { TdFormProps, TdFormItemProps } from './type'; - -export const formDefaultProps: TdFormProps = { - colon: false, - disabled: undefined, - labelAlign: 'right', - labelWidth: '100px', - layout: 'vertical', - preventSubmitDefault: true, - requiredMark: undefined, - resetType: 'empty', - showErrorMessage: true, - statusIcon: undefined, - submitWithWarningMessage: false, -}; - -export const formItemDefaultProps: TdFormItemProps = { - label: '', - requiredMark: undefined, - shouldUpdate: false, - showErrorMessage: undefined, - statusIcon: undefined, - successBorder: false, -}; diff --git a/packages/products/tdesign-react/src/form/type.ts b/packages/products/tdesign-react/src/form/type.ts index 09985c87d..e69de29bb 100644 --- a/packages/products/tdesign-react/src/form/type.ts +++ b/packages/products/tdesign-react/src/form/type.ts @@ -1,469 +0,0 @@ -/* eslint-disable */ - -/** - * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC - * */ - -import { IsEmailOptions } from 'validator/es/lib/isEmail'; -import { IsURLOptions } from 'validator/es/lib/isURL'; -import { TNode, FormResetEvent, FormSubmitEvent } from '../common'; - -export interface TdFormProps { - /** - * 是否在表单标签字段右侧显示冒号 - * @default false - */ - colon?: boolean; - /** - * 是否禁用整个表单 - */ - disabled?: boolean; - /** - * 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }` - */ - errorMessage?: FormErrorMessage; - /** - * 经 `Form.useForm()` 创建的 form 控制实例 - */ - form?: FormInstanceFunctions; - /** - * 允许表单统一控制禁用状态的自定义组件名称列表。默认会有组件库的全部输入类组件：TInput、TInputNumber、TCascader、TSelect、TOption、TSwitch、TCheckbox、TCheckboxGroup、TRadio、TRadioGroup、TTreeSelect、TDatePicker、TTimePicker、TUpload、TTransfer、TSlider。对于自定义组件，组件内部需要包含可以控制表单禁用状态的变量 `formDisabled`。示例：`['CustomUpload', 'CustomInput']` - */ - formControlledComponents?: Array; - /** - * 表单初始数据，重置时所需初始数据，优先级小于 FormItem 设置的 initialData - */ - initialData?: object; - /** - * 表单字段标签对齐方式：左对齐、右对齐、顶部对齐 - * @default right - */ - labelAlign?: 'left' | 'right' | 'top'; - /** - * 可以整体设置label标签宽度，默认为100px - * @default '100px' - */ - labelWidth?: string | number; - /** - * 表单布局，有两种方式：纵向布局 和 行内布局 - * @default vertical - */ - layout?: 'vertical' | 'inline'; - /** - * 是否阻止表单提交默认事件（表单提交默认事件会刷新页面），设置为 `true` 可以避免刷新 - * @default true - */ - preventSubmitDefault?: boolean; - /** - * 是否显示必填符号（*），默认显示 - */ - requiredMark?: boolean; - /** - * 重置表单的方式，值为 empty 表示重置表单为空，值为 initial 表示重置表单数据为初始值 - * @default empty - */ - resetType?: 'empty' | 'initial'; - /** - * 表单字段校验规则 - */ - rules?: FormRules; - /** - * 表单校验不通过时，是否自动滚动到第一个校验不通过的字段，平滑滚动或是瞬间直达。值为空则表示不滚动 - */ - scrollToFirstError?: '' | 'smooth' | 'auto'; - /** - * 校验不通过时，是否显示错误提示信息，统一控制全部表单项。如果希望控制单个表单项，请给 FormItem 设置该属性 - * @default true - */ - showErrorMessage?: boolean; - /** - * 校验状态图标，值为 `true` 显示默认图标，默认图标有 成功、失败、警告 等，不同的状态图标不同。`statusIcon` 值为 `false`，不显示图标。`statusIcon` 值类型为渲染函数，则可以自定义右侧状态图标 - */ - statusIcon?: boolean | TNode; - /** - * 【讨论中】当校验结果只有告警信息时，是否触发 `submit` 提交事件 - * @default false - */ - submitWithWarningMessage?: boolean; - /** - * 表单重置时触发 - */ - onReset?: (context: { e?: FormResetEvent }) => void; - /** - * 表单提交时触发。其中 `context.validateResult` 表示校验结果，`context.firstError` 表示校验不通过的第一个规则提醒。`context.validateResult` 值为 `true` 表示校验通过；如果校验不通过，`context.validateResult` 值为校验结果列表。
【注意】⚠️ 默认情况，输入框按下 Enter 键会自动触发提交事件，如果希望禁用这个默认行为，可以给输入框添加 enter 事件，并在事件中设置 `e.preventDefault()` - */ - onSubmit?: (context: SubmitContext) => void; - /** - * 字段值更新时触发的回调事件 - */ - onValuesChange?: (changedValues: Record, allValues: Record) => void; -} - -/** 组件实例方法 */ -export interface FormInstanceFunctions { - /** - * 清空校验结果。可使用 fields 指定清除部分字段的校验结果，fields 值为空则表示清除所有字段校验结果。清除邮箱校验结果示例：`clearValidate(['email'])` - */ - clearValidate: (fields?: Array) => void; - /** - * 获取 form dom 元素 - */ - currentElement: () => HTMLFormElement; - /** - * 获取单个字段值 - */ - getFieldValue: (field: NamePath) => unknown; - /** - * 获取一组字段名对应的值，当调用 getFieldsValue(true) 时返回所有表单数据 - */ - getFieldsValue: () => getFieldsValue; - /** - * 重置表单，表单里面没有重置按钮`