wip(VForm): VForm coding
陈凯龙
4 years ago
parent
7528fe6da6
commit
d7d0ada558
@ -1,8 +1,39 @@
|
||||
// import { useI18n } from '@/hooks/web/useI18n'
|
||||
// const { t } = useI18n()
|
||||
/**
|
||||
*
|
||||
* @param schema 对应组件数据
|
||||
* @description 用于自动设置placeholder
|
||||
*/
|
||||
export function setTextPlaceholder(schema: VFormSchema) {
|
||||
export function setTextPlaceholder(schema: VFormSchema): {
|
||||
placeholder?: string
|
||||
startPlaceholder?: string
|
||||
endPlaceholder?: string
|
||||
} {
|
||||
console.log(schema)
|
||||
// const textMap = ['Input', 'Autocomplete', 'InputNumber']
|
||||
// const selectMap = ['Select', 'TimePicker', 'DatePicker', 'TimeSelect', 'TimeSelect']
|
||||
// if (textMap.includes(schema?.component as string)) {
|
||||
// return {
|
||||
// placeholder: t('common.inputText')
|
||||
// }
|
||||
// }
|
||||
// if (selectMap.includes(schema?.component as string)) {
|
||||
// // 一些范围选择器
|
||||
// const twoTextMap = ['datetimerange', 'daterange', 'monthrange', 'datetimerange', 'daterange']
|
||||
// if (
|
||||
// twoTextMap.includes(schema?.componentProps?.type || schema?.componentProps?.isRange) as string
|
||||
// ) {
|
||||
// return {
|
||||
// startPlaceholder: t('common.startTimeText'),
|
||||
// endPlaceholder: t('common.endTimeText'),
|
||||
// rangeSeparator: '-'
|
||||
// }
|
||||
// } else {
|
||||
// return {
|
||||
// placeholder: t('common.selectText')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
return {}
|
||||
}
|
||||
|
||||
@ -0,0 +1,50 @@
|
||||
// // import { i18n } from '@/plugins/i18n'
|
||||
|
||||
// type I18nGlobalTranslation = {
|
||||
// (key: string): string
|
||||
// (key: string, locale: string): string
|
||||
// (key: string, locale: string, list: unknown[]): string
|
||||
// (key: string, locale: string, named: Record<string, unknown>): string
|
||||
// (key: string, list: unknown[]): string
|
||||
// (key: string, named: Record<string, unknown>): string
|
||||
// }
|
||||
|
||||
// type I18nTranslationRestParameters = [string, any]
|
||||
|
||||
// function getKey(namespace: string | undefined, key: string) {
|
||||
// if (!namespace) {
|
||||
// return key
|
||||
// }
|
||||
// if (key.startsWith(namespace)) {
|
||||
// return key
|
||||
// }
|
||||
// return `${namespace}.${key}`
|
||||
// }
|
||||
|
||||
// export function useI18n(namespace?: string): {
|
||||
// t: I18nGlobalTranslation
|
||||
// } {
|
||||
// const normalFn = {
|
||||
// t: (key: string) => {
|
||||
// return getKey(namespace, key)
|
||||
// }
|
||||
// }
|
||||
|
||||
// if (!i18n) {
|
||||
// return normalFn
|
||||
// }
|
||||
|
||||
// const { t, ...methods } = i18n.global
|
||||
|
||||
// const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
|
||||
// if (!key) return ''
|
||||
// if (!key.includes('.') && !namespace) return key
|
||||
// return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters))
|
||||
// }
|
||||
// return {
|
||||
// ...methods,
|
||||
// t: tFn
|
||||
// }
|
||||
// }
|
||||
|
||||
// export const t = (key: string) => key
|
||||
@ -1,18 +1,16 @@
|
||||
// 引入windi css
|
||||
import '@/plugins/windicss'
|
||||
import { createApp } from 'vue'
|
||||
|
||||
import App from './App.vue'
|
||||
|
||||
const app = createApp(App)
|
||||
|
||||
// 引入windi css
|
||||
import '@/plugins/windicss'
|
||||
|
||||
// 引入多语言
|
||||
import { setupI18n } from '@/plugins/i18n'
|
||||
setupI18n(app)
|
||||
|
||||
// 引入状态管理
|
||||
import { setupStore } from '@/store'
|
||||
setupStore(app)
|
||||
;(async () => {
|
||||
await setupI18n(app)
|
||||
|
||||
setupStore(app)
|
||||
|
||||
app.mount('#app')
|
||||
app.mount('#app')
|
||||
})()
|
||||
|
||||
@ -0,0 +1,16 @@
|
||||
import { Slots } from 'vue'
|
||||
import { isFunction } from '@/utils/is'
|
||||
|
||||
export function getSlot(slots: Slots, slot = 'default', data?: Recordable) {
|
||||
// Reflect.has 判断一个对象是否存在某个属性
|
||||
if (!slots || !Reflect.has(slots, slot)) {
|
||||
return null
|
||||
}
|
||||
if (!isFunction(slots[slot])) {
|
||||
console.error(`${slot} is not a function!`)
|
||||
return null
|
||||
}
|
||||
const slotFn = slots[slot]
|
||||
if (!slotFn) return null
|
||||
return slotFn(data)
|
||||
}
|
||||
Loading…
Reference in New Issue