diff --git a/src/components/data-form/DataFormConstant.ts b/src/components/data-form/DataFormConstant.ts index c2dbf74..816963e 100644 --- a/src/components/data-form/DataFormConstant.ts +++ b/src/components/data-form/DataFormConstant.ts @@ -11,7 +11,6 @@ import { ElMention, ElRadio, ElRate, - ElSelect, ElSelectV2, ElSlider, ElSwitch, @@ -23,6 +22,7 @@ import { } from "element-plus"; import CheckboxGroup from "./inputs/CheckboxGroup.vue"; import RadioGroup from "./inputs/RadioGroup.vue"; +import Select from "./inputs/Select.vue"; import type { DisplayMode } from "./DataFormTypes.ts"; /** 内建的表单输入组件 */ @@ -34,7 +34,7 @@ const builtInInputComponents = { Radio: markRaw(ElRadio), RadioGroup: markRaw(RadioGroup), Switch: markRaw(ElSwitch), - Select: markRaw(ElSelect), + Select: markRaw(Select), SelectV2: markRaw(ElSelectV2), DatePicker: markRaw(ElDatePicker), TimePicker: markRaw(ElTimePicker), diff --git a/src/components/data-form/inputs/Select.vue b/src/components/data-form/inputs/Select.vue new file mode 100644 index 0000000..48b8ab7 --- /dev/null +++ b/src/components/data-form/inputs/Select.vue @@ -0,0 +1,96 @@ + + + + + diff --git a/src/pages/DataForm01.vue b/src/pages/DataForm01.vue index c906567..bb7023b 100644 --- a/src/pages/DataForm01.vue +++ b/src/pages/DataForm01.vue @@ -129,7 +129,14 @@ const dataForm1 = reactive({ inputProps: { placeholder: "请选择", clearable: true, - // TODO options + options: [ + { value: "001", label: "选项1" }, + { value: "002", label: "选项2" }, + { value: "003", label: "选项3" }, + { value: "004", label: "选项4" }, + { value: "005", label: "选项5" }, + { value: "006", label: "选项6" }, + ], }, }, {