by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: resolve duplicate component names (#6039)

Browse Source
This commit is contained in:
ming4762 2025-04-27 22:02:38 +08:00 committed by GitHub
parent 7c7051a11e
commit baec89f896
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 82 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
apps/web-antd/src/adapter/component/index.ts
View File

@ -136,20 +136,34 @@ async function initComponentAdapter() {
// 如果你的组件体积比较大，可以使用异步加载 // 如果你的组件体积比较大，可以使用异步加载
// Button: () => // Button: () =>
// import('xxx').then((res) => res.Button), // import('xxx').then((res) => res.Button),
ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', { ApiSelect: withDefaultPlaceholder(
component: Select, {
loadingSlot: 'suffixIcon', ...ApiComponent,
visibleEvent: 'onDropdownVisibleChange', name: 'ApiSelect',
modelPropName: 'value', },
}), 'select',
ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', { {
component: TreeSelect, component: Select,
fieldNames: { label: 'label', value: 'value', children: 'children' }, loadingSlot: 'suffixIcon',
loadingSlot: 'suffixIcon', visibleEvent: 'onDropdownVisibleChange',
modelPropName: 'value', modelPropName: 'value',
optionsPropName: 'treeData', },
visibleEvent: 'onVisibleChange', ),
}), ApiTreeSelect: withDefaultPlaceholder(
{
...ApiComponent,
name: 'ApiTreeSelect',
},
'select',
{
component: TreeSelect,
fieldNames: { label: 'label', value: 'value', children: 'children' },
loadingSlot: 'suffixIcon',
modelPropName: 'value',
optionsPropName: 'treeData',
visibleEvent: 'onVisibleChange',
},
),
AutoComplete, AutoComplete,
Checkbox, Checkbox,
CheckboxGroup, CheckboxGroup,

40
apps/web-ele/src/adapter/component/index.ts
View File

@ -184,19 +184,33 @@ async function initComponentAdapter() {
// 如果你的组件体积比较大，可以使用异步加载 // 如果你的组件体积比较大，可以使用异步加载
// Button: () => // Button: () =>
// import('xxx').then((res) => res.Button), // import('xxx').then((res) => res.Button),
ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', { ApiSelect: withDefaultPlaceholder(
component: ElSelectV2, {
loadingSlot: 'loading', ...ApiComponent,
visibleEvent: 'onVisibleChange', name: 'ApiSelect',
}), },
ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', { 'select',
component: ElTreeSelect, {
props: { label: 'label', children: 'children' }, component: ElSelectV2,
nodeKey: 'value', loadingSlot: 'loading',
loadingSlot: 'loading', visibleEvent: 'onVisibleChange',
optionsPropName: 'data', },
visibleEvent: 'onVisibleChange', ),
}), ApiTreeSelect: withDefaultPlaceholder(
{
...ApiComponent,
name: 'ApiTreeSelect',
},
'select',
{
component: ElTreeSelect,
props: { label: 'label', children: 'children' },
nodeKey: 'value',
loadingSlot: 'loading',
optionsPropName: 'data',
visibleEvent: 'onVisibleChange',
},
),
Checkbox: ElCheckbox, Checkbox: ElCheckbox,
CheckboxGroup: (props, { attrs, slots }) => { CheckboxGroup: (props, { attrs, slots }) => {
let defaultSlot; let defaultSlot;

40
apps/web-naive/src/adapter/component/index.ts
View File

@ -131,19 +131,33 @@ async function initComponentAdapter() {
// Button: () => // Button: () =>
// import('xxx').then((res) => res.Button), // import('xxx').then((res) => res.Button),
ApiSelect: withDefaultPlaceholder(ApiComponent, 'select', { ApiSelect: withDefaultPlaceholder(
component: NSelect, {
modelPropName: 'value', ...ApiComponent,
}), name: 'ApiSelect',
ApiTreeSelect: withDefaultPlaceholder(ApiComponent, 'select', { },
component: NTreeSelect, 'select',
nodeKey: 'value', {
loadingSlot: 'arrow', component: NSelect,
keyField: 'value', modelPropName: 'value',
modelPropName: 'value', },
optionsPropName: 'options', ),
visibleEvent: 'onVisibleChange', ApiTreeSelect: withDefaultPlaceholder(
}), {
...ApiComponent,
name: 'ApiTreeSelect',
},
'select',
{
component: NTreeSelect,
nodeKey: 'value',
loadingSlot: 'arrow',
keyField: 'value',
modelPropName: 'value',
optionsPropName: 'options',
visibleEvent: 'onVisibleChange',
},
),
Checkbox: NCheckbox, Checkbox: NCheckbox,
CheckboxGroup: (props, { attrs, slots }) => { CheckboxGroup: (props, { attrs, slots }) => {
let defaultSlot; let defaultSlot;