Remove missing form-design locale references

This commit is contained in:
2026-06-09 23:58:22 +08:00
parent 07d1f7402b
commit 09c014754e
3 changed files with 33 additions and 20 deletions
@@ -27,14 +27,24 @@ defineOptions({
inheritAttrs: false, inheritAttrs: false,
}); });
const selectorText = {
clickToSelect: '点击选择',
nodeLabel: '名称',
nodeValue: '值',
search: '搜索',
selectData: '选择数据',
selectFormFirst: '请先选择表单',
selectedCount: (count: number) => `已选择 ${count}`,
};
const props = withDefaults(defineProps<FormSelectorProps>(), { const props = withDefaults(defineProps<FormSelectorProps>(), {
multiple: false, multiple: false,
collapseTags: false, collapseTags: false,
maxCollapseTags: 1, maxCollapseTags: 1,
placeholder: () => $t('form-design.attribute.clickToSelect'), placeholder: selectorText.clickToSelect,
disabled: false, disabled: false,
clearable: true, clearable: true,
dialogTitle: () => $t('form-design.attribute.selectData'), dialogTitle: selectorText.selectData,
dialogWidth: '1200px', dialogWidth: '1200px',
valueField: 'id', valueField: 'id',
labelField: 'name', labelField: 'name',
@@ -359,7 +369,7 @@ function handleRemoveTag(value: string) {
<div class="mb-4 flex shrink-0 items-center gap-2"> <div class="mb-4 flex shrink-0 items-center gap-2">
<ElInput <ElInput
v-model="searchKeyword" v-model="searchKeyword"
:placeholder="$t('form-design.search')" :placeholder="selectorText.search"
clearable clearable
class="w-64" class="w-64"
@change="handleSearch" @change="handleSearch"
@@ -411,8 +421,8 @@ function handleRemoveTag(value: string) {
/> />
</template> </template>
</ElTableColumn> </ElTableColumn>
<ElTableColumn :prop="labelField" :label="$t('form-design.attribute.nodeLabel')" /> <ElTableColumn :prop="labelField" :label="selectorText.nodeLabel" />
<ElTableColumn :prop="valueField" :label="$t('form-design.attribute.nodeValue')" width="180" /> <ElTableColumn :prop="valueField" :label="selectorText.nodeValue" width="180" />
<template #empty> <template #empty>
<ElEmpty :description="$t('common.noData')" /> <ElEmpty :description="$t('common.noData')" />
</template> </template>
@@ -420,7 +430,7 @@ function handleRemoveTag(value: string) {
</div> </div>
</div> </div>
<div v-else class="no-form-code"> <div v-else class="no-form-code">
{{ $t('form-design.attribute.selectFormFirst') }} {{ selectorText.selectFormFirst }}
</div> </div>
<template #footer> <template #footer>
@@ -440,9 +450,7 @@ function handleRemoveTag(value: string) {
</div> </div>
<div class="flex flex-1 justify-center text-sm text-[var(--el-text-color-secondary)]"> <div class="flex flex-1 justify-center text-sm text-[var(--el-text-color-secondary)]">
{{ {{
$t('form-design.attribute.selectedCount', { selectorText.selectedCount(selectedValues.size)
count: selectedValues.size,
})
}} }}
</div> </div>
<div class="flex flex-shrink-0 gap-2"> <div class="flex flex-shrink-0 gap-2">
@@ -87,9 +87,7 @@ watch(
<div class="linked-field-wrapper"> <div class="linked-field-wrapper">
<ElInput <ElInput
:model-value="displayValue || props.modelValue" :model-value="displayValue || props.modelValue"
:placeholder=" :placeholder="placeholder || '选择数据后自动带出'"
placeholder || $t('form-design.attribute.linkedFieldPlaceholder')
"
:disabled="true" :disabled="true"
readonly readonly
class="linked-field" class="linked-field"
@@ -31,12 +31,21 @@ defineOptions({
inheritAttrs: false, inheritAttrs: false,
}); });
const selectorText = {
clickToSelect: '点击选择',
nodeLabel: '名称',
nodeValue: '值',
search: '搜索',
selectData: '选择数据',
selectedCount: (count: number) => `已选择 ${count}`,
};
const props = withDefaults(defineProps<TableSelectorProps>(), { const props = withDefaults(defineProps<TableSelectorProps>(), {
multiple: false, multiple: false,
placeholder: () => $t('form-design.attribute.clickToSelect'), placeholder: selectorText.clickToSelect,
disabled: false, disabled: false,
clearable: true, clearable: true,
dialogTitle: () => $t('form-design.attribute.selectData'), dialogTitle: selectorText.selectData,
dialogWidth: '800px', dialogWidth: '800px',
columns: () => [], columns: () => [],
labelField: 'label', labelField: 'label',
@@ -189,8 +198,8 @@ const showPagination = computed(
const displayColumns = computed<TableSelectorColumn[]>(() => { const displayColumns = computed<TableSelectorColumn[]>(() => {
if (props.columns.length > 0) return props.columns; if (props.columns.length > 0) return props.columns;
return [ return [
{ field: props.labelField, label: $t('form-design.attribute.nodeLabel') }, { field: props.labelField, label: selectorText.nodeLabel },
{ field: props.valueField, label: $t('form-design.attribute.nodeValue') }, { field: props.valueField, label: selectorText.nodeValue },
]; ];
}); });
@@ -397,7 +406,7 @@ function handleRemoveTag(value: string) {
<div class="mb-4 flex shrink-0 items-center gap-2"> <div class="mb-4 flex shrink-0 items-center gap-2">
<ElInput <ElInput
v-model="searchKeyword" v-model="searchKeyword"
:placeholder="$t('form-design.search')" :placeholder="selectorText.search"
clearable clearable
class="w-64" class="w-64"
@change="handleSearch" @change="handleSearch"
@@ -484,9 +493,7 @@ function handleRemoveTag(value: string) {
class="text-sm text-[var(--el-text-color-secondary)]" class="text-sm text-[var(--el-text-color-secondary)]"
> >
{{ {{
$t('form-design.attribute.selectedCount', { selectorText.selectedCount(selectedValues.size)
count: selectedValues.size,
})
}} }}
</span> </span>
</div> </div>