lostecho/vue-element-plus-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update deps

Browse Source
This commit is contained in:
kailong321200875
2022-06-01 20:18:00 +08:00
parent 51ea1b924b
commit aadca89ff1
6 changed files with 669 additions and 551 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Search/src/Search.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { Form } from '@/components/Form'
import { PropType, computed, unref, CSSProperties, ref } from 'vue'
import { PropType, computed, unref, ref } from 'vue'
import { propTypes } from '@/utils/propTypes'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
@@ -81,9 +81,9 @@ const reset = async () => {
const bottonButtonStyle = computed(() => {
return {
textAlign: props.buttomPosition
textAlign: props.buttomPosition as unknown as 'left' | 'center' | 'right'
}
}) as CSSProperties
})
const setVisible = () => {
unref(elFormRef)?.resetFields()

2
src/components/Setting/src/Setting.vue
View File

@@ -209,7 +209,7 @@ const clear = () => {
</div>
<ElDrawer v-model="drawer" direction="rtl" size="350px">
<template #title>
<template #header>
<span class="text-16px font-700">{{ t('setting.projectSetting') }}</span>
</template>

116
src/views/Components/Form/DefaultForm.vue
View File

@@ -43,26 +43,26 @@ onMounted(() => {
restaurants.value = loadAll()
})
const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
const options = ref<ComponentOptions[]>(
Array.from({ length: 1000 }).map((_, idx) => ({
value: `Option ${idx + 1}`,
label: `${initials[idx % 10]}${idx}`
}))
)
const options2 = ref<ComponentOptions[]>(
Array.from({ length: 10 }).map((_, idx) => {
const label = idx + 1
return {
value: `Group ${label}`,
label: `Group ${label}`,
options: Array.from({ length: 10 }).map((_, idx) => ({
value: `Option ${idx + 1 + 10 * label}`,
label: `${initials[idx % 10]}${idx + 1 + 10 * label}`
}))
}
})
)
// const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
// const options = ref<ComponentOptions[]>(
// Array.from({ length: 1000 }).map((_, idx) => ({
// value: `Option ${idx + 1}`,
// label: `${initials[idx % 10]}${idx}`
// }))
// )
// const options2 = ref<ComponentOptions[]>(
// Array.from({ length: 10 }).map((_, idx) => {
// const label = idx + 1
// return {
// value: `Group ${label}`,
// label: `Group ${label}`,
// options: Array.from({ length: 10 }).map((_, idx) => ({
// value: `Option ${idx + 1 + 10 * label}`,
// label: `${initials[idx % 10]}${idx + 1 + 10 * label}`
// }))
// }
// })
// )
const options3: ComponentOptions[] = [
{
@@ -558,44 +558,44 @@ const schema = reactive<FormSchema[]>([
label: `${t('formDemo.selectV2')}`,
component: 'Divider'
},
{
field: 'field19',
label: t('formDemo.default'),
component: 'SelectV2',
componentProps: {
options: options.value
}
},
{
field: 'field20',
label: t('formDemo.slot'),
component: 'SelectV2',
componentProps: {
options: options.value,
slots: {
default: true
}
}
},
{
field: 'field21',
label: t('formDemo.selectGroup'),
component: 'SelectV2',
componentProps: {
options: options2.value
}
},
{
field: 'field22',
label: `${t('formDemo.selectGroup')}${t('formDemo.slot')}`,
component: 'SelectV2',
componentProps: {
options: options2.value,
slots: {
default: true
}
}
},
// {
// field: 'field19',
// label: t('formDemo.default'),
// component: 'SelectV2',
// componentProps: {
// options: options.value
// }
// }
// {
// field: 'field20',
// label: t('formDemo.slot'),
// component: 'SelectV2',
// componentProps: {
// options: options.value,
// slots: {
// default: true
// }
// }
// }
// {
// field: 'field21',
// label: t('formDemo.selectGroup'),
// component: 'SelectV2',
// componentProps: {
// options: options2.value
// }
// },
// {
// field: 'field22',
// label: `${t('formDemo.selectGroup')}${t('formDemo.slot')}`,
// component: 'SelectV2',
// componentProps: {
// options: options2.value,
// slots: {
// default: true
// }
// }
// },
{
field: 'field23',
label: t('formDemo.cascader'),