import { defineComponent, Fragment, onMounted, ref, Ref } from 'vue'
|
import sdk from 'sdk'
|
const { request } = sdk.utils
|
import { _t, Language } from '@/libs/Language/Language'
|
import styles from './BaseConfigSelect.module.scss'
|
import { getXProject } from '@/api'
|
export default defineComponent({
|
name: 'BaseConfigSelect',
|
props: {
|
language: String,
|
},
|
setup(props) {
|
const options: Ref<any[]> = ref([])
|
const langValue = ref()
|
const getOptions = async () => {
|
const resp = await request.get(`/api/v1/multiplelanguage/languagelist`)
|
const defaultOptions = [
|
{
|
id: 0,
|
languageType: 'auto',
|
enable: true,
|
createDateTime: new Date().toDateString(),
|
name: '跟随系统',
|
},
|
]
|
|
defaultOptions.unshift({
|
id: 0,
|
languageType: 'original',
|
enable: true,
|
createDateTime: new Date().toDateString(),
|
name: '原始文本',
|
})
|
|
options.value.push(...defaultOptions, ...resp)
|
langValue.value = options.value?.[0]?.languageType
|
}
|
|
const getProject = async () => {
|
const tree = await getXProject()
|
// console.log(tree, 'tree')
|
}
|
|
onMounted(() => {
|
// getProject()
|
getOptions()
|
})
|
const change = (val: any) => {
|
window.app.current.project.current.language = new Language({
|
lang: langValue.value,
|
running: true,
|
})
|
}
|
return () => (
|
<Fragment>
|
<el-select
|
v-model={langValue.value}
|
class={styles.select}
|
filterable
|
size="small"
|
onChange={change}
|
>
|
{options.value.map((item) => {
|
return (
|
<el-option
|
key={item.id}
|
label={_t(item.name)}
|
value={item.languageType}
|
></el-option>
|
)
|
})}
|
</el-select>
|
{/* <el-select
|
v-model={langValue.value}
|
class={styles.project}
|
filterable
|
size="small"
|
onChange={change}
|
>
|
{options.value.map((item) => {
|
return (
|
<el-option
|
key={item.id}
|
label={_t(item.name)}
|
value={item.languageType}
|
></el-option>
|
)
|
})}
|
</el-select> */}
|
</Fragment>
|
)
|
},
|
})
|
