Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: some antd components failed to verify styles #4458

Merged
merged 12 commits into from
Sep 21, 2024
Merged

fix: some antd components failed to verify styles #4458

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
371e0be
fix: hover border style same as antd style when validate error
imdap Sep 15, 2024
36a8e59
fix: hover border style same as antd style when validate error
imdap Sep 19, 2024
3b30a01
Merge branch 'main' into main
vince292007 Sep 19, 2024
aec4312
Merge branch 'vbenjs:main' into main
imdap Sep 20, 2024
3dd383c
feat(@vben-core/form-ui): Default form validation rules applicable to…
imdap Sep 20, 2024
38ce42c
Merge branch 'vbenjs:main' into main
imdap Sep 20, 2024
471fea2
fix: Missing the default required label style for components such as …
imdap Sep 20, 2024
c0e0b45
fix: the focus style and antd of the input box validation failure sho…
imdap Sep 20, 2024
59dbd06
Merge branch 'vbenjs:main' into main
imdap Sep 20, 2024
f197139
fix: the focus style and antd of the input box validation failure sho…
imdap Sep 20, 2024
49872c4
Merge branch 'vbenjs:main' into main
imdap Sep 21, 2024
7c47786
fix: some antd components failed to verify styles
imdap Sep 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 27 additions & 1 deletion packages/styles/src/antd/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,32 @@
@apply dark:border-border/60 dark:border;
}

.form-valid-error .ant-select-selector {
/** select 选择器的样式 */
.form-valid-error .ant-select .ant-select-selector {
border-color: hsl(var(--destructive)) !important;
}

.form-valid-error .ant-select-focused .ant-select-selector {
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
}

/** 数字输入框样式 */
.form-valid-error .ant-input-number-focused {
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
}

/** 密码输入框样式 */
.form-valid-error .ant-input-affix-wrapper:hover {
border-color: hsl(var(--destructive));
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
}

/** 区间选择器下面来回切换时的样式 */
.ant-app .form-valid-error .ant-picker-active-bar {
background-color: hsl(var(--destructive));
}

/** 时间选择器的样式 */
.ant-app .form-valid-error .ant-picker-focused {
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
}
9 changes: 9 additions & 0 deletions playground/src/views/examples/form/rules.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,6 +166,15 @@ const [Form, formApi] = useVbenForm({
label: '区间选择框',
rules: 'selectRequired',
},
{
component: 'InputPassword',
componentProps: {
placeholder: '请输入',
},
fieldName: 'password',
label: '密码',
rules: 'required',
},
],
// 大屏一行显示3个，中屏一行显示2个，小屏一行显示1个
wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
Expand Down