github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-23 17:50:25 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(formItem): Fix labelcol type mismatch (#903)

Browse Source 
*修复antdv升级后formItem中labelCol没有类型style的bug
This commit is contained in:
lzdjack 2021-07-18 23:25:51 +08:00 committed by GitHub
parent 8832a074dc
commit 03b17a8f8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 91 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

182
src/components/Form/src/types/formItem.ts
View File

@ -1,91 +1,91 @@
import type { NamePath } from 'ant-design-vue/lib/form/interface'; import type { NamePath } from 'ant-design-vue/lib/form/interface';
import type { ColProps } from 'ant-design-vue/lib/grid/Col'; import type { ColProps } from 'ant-design-vue/lib/grid/Col';
import type { VNodeChild } from 'vue'; import type { HTMLAttributes, VNodeChild } from 'vue';
export interface FormItem { export interface FormItem {
/** /**
* Used with label, whether to display : after label text. * Used with label, whether to display : after label text.
* @default true * @default true
* @type boolean * @type boolean
*/ */
colon?: boolean; colon?: boolean;
/** /**
* The extra prompt message. It is similar to help. Usage example: to display error message and prompt message at the same time. * The extra prompt message. It is similar to help. Usage example: to display error message and prompt message at the same time.
* @type any (string | slot) * @type any (string | slot)
*/ */
extra?: string | VNodeChild | JSX.Element; extra?: string | VNodeChild | JSX.Element;
/** /**
* Used with validateStatus, this option specifies the validation status icon. Recommended to be used only with Input. * Used with validateStatus, this option specifies the validation status icon. Recommended to be used only with Input.
* @default false * @default false
* @type boolean * @type boolean
*/ */
hasFeedback?: boolean; hasFeedback?: boolean;
/** /**
* The prompt message. If not provided, the prompt message will be generated by the validation rule. * The prompt message. If not provided, the prompt message will be generated by the validation rule.
* @type any (string | slot) * @type any (string | slot)
*/ */
help?: string | VNodeChild | JSX.Element; help?: string | VNodeChild | JSX.Element;
/** /**
* Label test * Label test
* @type any (string | slot) * @type any (string | slot)
*/ */
label?: string | VNodeChild | JSX.Element; label?: string | VNodeChild | JSX.Element;
/** /**
* The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col> * The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
* @type Col * @type Col
*/ */
labelCol?: ColProps; labelCol?: ColProps & HTMLAttributes;
/** /**
* Whether provided or not, it will be generated by the validation rule. * Whether provided or not, it will be generated by the validation rule.
* @default false * @default false
* @type boolean * @type boolean
*/ */
required?: boolean; required?: boolean;
/** /**
* The validation status. If not provided, it will be generated by validation rule. options: 'success' 'warning' 'error' 'validating' * The validation status. If not provided, it will be generated by validation rule. options: 'success' 'warning' 'error' 'validating'
* @type string * @type string
*/ */
validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating'; validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating';
/** /**
* The layout for input controls, same as labelCol * The layout for input controls, same as labelCol
* @type Col * @type Col
*/ */
wrapperCol?: ColProps; wrapperCol?: ColProps;
/** /**
* Set sub label htmlFor. * Set sub label htmlFor.
*/ */
htmlFor?: string; htmlFor?: string;
/** /**
* text align of label * text align of label
*/ */
labelAlign?: 'left' | 'right'; labelAlign?: 'left' | 'right';
/** /**
* a key of model. In the setting of validate and resetFields method, the attribute is required * a key of model. In the setting of validate and resetFields method, the attribute is required
*/ */
name?: NamePath; name?: NamePath;
/** /**
* validation rules of form * validation rules of form
*/ */
rules?: object | object[]; rules?: object | object[];
/** /**
* Whether to automatically associate form fields. In most cases, you can setting automatic association. * Whether to automatically associate form fields. In most cases, you can setting automatic association.
* If the conditions for automatic association are not met, you can manually associate them. See the notes below. * If the conditions for automatic association are not met, you can manually associate them. See the notes below.
*/ */
autoLink?: boolean; autoLink?: boolean;
/** /**
* Whether stop validate on first rule of error for this field. * Whether stop validate on first rule of error for this field.
*/ */
validateFirst?: boolean; validateFirst?: boolean;
/** /**
* When to validate the value of children node * When to validate the value of children node
*/ */
validateTrigger?: string | string[] | false; validateTrigger?: string | string[] | false;
} }