78 lines
1.9 KiB
TypeScript
78 lines
1.9 KiB
TypeScript
import { AreaLevelEnum } from '@vben/constants';
|
||
|
||
import {
|
||
localeProps,
|
||
makeRequiredRule,
|
||
} from '#/components/form-create/helpers';
|
||
|
||
/** 省市区选择器规则 */
|
||
export function useAreaSelectRule() {
|
||
const label = '省市区选择器';
|
||
const name = 'AreaSelect';
|
||
|
||
return {
|
||
icon: 'icon-location',
|
||
label,
|
||
name,
|
||
rule() {
|
||
return {
|
||
type: name,
|
||
field: `area_${Date.now()}`,
|
||
title: label,
|
||
info: '',
|
||
$required: false,
|
||
modelField: 'value', // Ant Design Vue 组件使用 value；web-ele 自定义组件使用默认 modelValue
|
||
};
|
||
},
|
||
props(_: any, { t }: any) {
|
||
return localeProps(t, `${name}.props`, [
|
||
makeRequiredRule(),
|
||
{
|
||
type: 'select',
|
||
field: 'level',
|
||
title: '选择层级',
|
||
value: AreaLevelEnum.DISTRICT,
|
||
options: [
|
||
{ label: '省', value: AreaLevelEnum.PROVINCE },
|
||
{ label: '省/市', value: AreaLevelEnum.CITY },
|
||
{ label: '省/市/区', value: AreaLevelEnum.DISTRICT },
|
||
],
|
||
info: '限制可选择的地区层级',
|
||
},
|
||
{
|
||
type: 'input',
|
||
field: 'placeholder',
|
||
title: '占位符',
|
||
value: '请选择省市区',
|
||
},
|
||
{
|
||
type: 'switch',
|
||
field: 'clearable',
|
||
title: '是否可清空',
|
||
value: true,
|
||
},
|
||
{
|
||
type: 'switch',
|
||
field: 'showAllLevels',
|
||
title: '显示完整路径',
|
||
value: true,
|
||
info: '输入框中是否显示选中值的完整路径',
|
||
},
|
||
{
|
||
type: 'input',
|
||
field: 'separator',
|
||
title: '分隔符',
|
||
value: '/',
|
||
info: '选项分隔符',
|
||
},
|
||
{
|
||
type: 'switch',
|
||
field: 'disabled',
|
||
title: '是否禁用',
|
||
value: false,
|
||
},
|
||
]);
|
||
},
|
||
};
|
||
}
|