19049c1302
feat: add default selection option to formkit select component ( #6538 )
...
#### What type of PR is this?
/kind improvement
/area ui
/milestone 2.19.x
#### What this PR does / why we need it:
为 formkit select 增加属性 `autoSelect`。
这个属性仅会作用于单选，且目的是为了初始化数据所用。当 value 或者 placeholder 存在时，此属性无效。
会查找第一个 option 不为 disabled 的数据。
#### Does this PR introduce a user-facing change?
```release-note
None
```
2024-08-29 04:15:24 +00:00
3be91fcb6f
refactor: enhance formkit select component to support additional features ( #6473 )
...
#### What type of PR is this?
/kind feature
/area ui
/milestone 2.19.x
#### What this PR does / why we need it:
此 PR 使用自定义的 Select 组件替换了原有的 Formkit Select 组件，原 Select 组件类型变为 `nativeSelect`。
新的 Select 组件具有如下功能：
- 增加多选、单选两种模式。
- 支持对内容进行搜索、过滤。
- 可使用接口远程加载，并可自定义数据获取。
- 支持扩展远程加载方式。
- 可创建新选项。
- 支持清空所有已选择项。
- 多选状态下可控制最大选择数量。
- 多选状态下可进行排序。
重构后的 Select 组件将自动兼容旧版组件。
使用方式如下：
```vue
<FormKit
type="select"
label="What country makes the best food?"
name="countries"
placeholder="Select a country"
allow-create
clearable
sortable
multiple
searchable
:max-count="3"
:options="[
{ label: 'France', value: 'fr'},
{ label: 'Germany', value: 'de'},
{ label: 'Spain', value: 'es'},
{ label: 'Italy', value: 'ie' },
{ label: 'Greece', value: 'gr'},
]"
help="Don’t worry, you can’t get this one wrong."
/>
```
#### How to test it?
1. 需要测试已使用的 Select 组件功能是否发生了变化。
测试在多选、单选状态下，Select 组件的功能是否可以正常使用。
测试在远程加载时，数据获取是否正常，是否可正常分页，加载状态是否显示。
#### Which issue(s) this PR fixes:
see https://github.com/halo-dev/halo/issues/4931#issuecomment-2060637101
see #6369
#### Does this PR introduce a user-facing change?
```release-note
重构 FormKit 选择器组件以支持更多功能
```
2024-08-26 09:03:14 +00:00
4a4f8b655d
feat: make comment and reply list item operations extendable ( #6438 )
...
#### What type of PR is this?
/area console
/kind feature
/milestone 2.18.x
#### What this PR does / why we need it:
评论和回复管理列表项的操作按钮支持被插件扩展。
#### Which issue(s) this PR fixes:
Fixes #6392
#### Special notes for your reviewer:
需要评论和回复的关于列表的已有功能是否正常。
如果需要测试扩展点是否有效，可以使用此插件测试：[plugin-starter-1.0.0-SNAPSHOT.jar.zip](https://github.com/user-attachments/files/16482348/plugin-starter-1.0.0-SNAPSHOT.jar.zip )
```
export default definePlugin({
components: {},
routes: [],
extensionPoints: {
"comment:list-item:operation:create": (comment: Ref<ListedComment>) => {
return [
{
priority: 21,
component: markRaw(VDropdownItem),
label: "测试评论菜单",
visible: true,
permissions: [],
action: () => {
console.log(comment)
},
},
];
},
"reply:list-item:operation:create": (reply: Ref<ListedReply>) => {
return [
{
priority: 11,
component: markRaw(VDropdownItem),
label: "测试回复菜单",
visible: true,
permissions: [],
action: () => {
console.log(reply)
},
},
];
},
},
});
```
#### Does this PR introduce a user-facing change?
```release-note
Console 评论和回复管理列表项的操作按钮支持被插件扩展。
```
2024-08-05 06:56:25 +00:00
9d478eecf9
feat: add secret select input ( #6140 )
...
#### What type of PR is this?
/area ui
/kind feature
/milestone 2.17.x
#### What this PR does / why we need it:
为 FormKit 添加 Secret 选择组件。
<img width="749" alt="image" src="https://github.com/halo-dev/halo/assets/21301288/5100d7c0-89c0-48d3-9db5-7de67504686e ">
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/5094
#### Special notes for your reviewer:
#### Does this PR introduce a user-facing change?
```release-note
为 FormKit 添加 Secret 选择组件。
```
2024-06-27 10:08:55 +00:00
5d5df7c7a9
feat: add dynamic list input ( #6146 )
...
#### What type of PR is this?
/kind feature
/area ui
/milestone 2.17.x
#### What this PR does / why we need it:
为 formkit 增加动态列表的 input。
使用方式：
```
- $formkit: list
name: users
label: Users
addLabel: Add User
min: 1
max: 3
itemType: string
children:
- $formkit: text
index: "$index"
validation: required
```
> [!NOTE]
> `list` 组件有且只有一个子节点，并且必须为子节点传递 `index` 属性。若想提供多个字段，则建议使用 `group` 组件包裹。
#### How to test it?
测试动态数组是否正常可用。保存的结果是否为 `{users: ["", ""]}`
#### Which issue(s) this PR fixes:
Fixes #6098
#### Does this PR introduce a user-facing change?
```release-note
为 Formkit 增加动态列表的 input 组件 list
```
2024-06-26 09:48:49 +00:00
a2810156da
feat: add verification function to the notification settings for the mailbox ( #5464 )
...
#### What type of PR is this?
/kind feature
/area ui
/area core
/milestone 2.14.x
#### What this PR does / why we need it:
为邮件的 `通知设置` 添加验证的功能。
同时为 formkit 增加了一个新的组件 (verificationForm)，用于支持验证，它的定义方式如下：
```
- $formkit: verificationForm
action: "http://localhost:8090/verify/user "
label: 用户验证
children:
- $formkit: text
label: "用户名"
name: username
validation: required
- $formkit: password
label: "密码"
name: password
validation: required
```
verificationForm 支持 `action` 属性，当前端数据验证通过时，会将其下所包含的子节点数据发送至 action 所代表的接口上。
按上述示例，则验证数据会提交至 `http://localhost:8090/verify/user ` 进行验证。验证的数据为 `{name: xxx, password: xxx}`
需要注意的是，verificationForm 只用于包装需要验证的数据，不会破坏原始数据的格式。因此上述数据在提交保存后仍旧为 `{name: xxx, password: xxx}` 而不会变成 `{verificationForm1: {name: xxx, password: xxx}}`
#### How to test it?
1. 测试邮箱中的 `通知设置` 新增的验证按钮是否可以正常验证邮箱。
2. 查看数据是否正常回显
#### Which issue(s) this PR fixes:
Fixes #4714
#### Does this PR introduce a user-facing change?
```release-note
在邮件通知设置中增加了发送测试的功能。
```
2024-03-26 08:00:07 +00:00
15f7fe2d4f
Move folder console to ui
2024-02-02 22:22:51 +08:00
Takagi