UNPKG

el-plus-powerful-form

Version:

## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-form-doc.html)

1 lines 3.89 kB
{"version":3,"file":"f-select.mjs","sources":["../../packages/components/f-select.tsx"],"sourcesContent":["/*\n * @Author: peng-xiao-shuai\n * @Date: 2026-04-14 14:41:32\n * @LastEditors: peng-xiao-shuai\n * @LastEditTime: 2026-04-14 14:41:35\n * @Description:\n */\nimport { ElOption, ElSelect } from 'element-plus'\nimport type { FormTypeEnum, SetDataType } from '~/index'\nimport { clearSymbol } from '~/utils'\nimport {\n componentProps,\n isProperty,\n useEvent,\n} from '~/powerful-form/src/form-view-data'\n\nexport const FSelect = defineComponent({\n name: 'FSelect',\n props: componentProps(),\n setup(props) {\n const data = computed(\n () => props.formItem.data as SetDataType<FormTypeEnum.Select>\n )\n\n const { event } = useEvent<FormTypeEnum.Select>({\n formData: props.formData,\n index: props.index!,\n formItem: props.formItem,\n })\n\n return () => (\n <ElSelect\n v-model={props.formData[props.formItem.prop!]}\n style={\n data.value?.style ||\n (props.inline ? { width: '192px' } : { width: '100%' })\n }\n onChange={(...arg: any) => {\n event('change', ...arg)\n }}\n placeholder={`请选择${clearSymbol(props.formItem.text)}`}\n v-slots={{\n default: () =>\n data.value?.slots?.default?.(h, props.formData, props.index!) ||\n data.value?.options?.map((item) => (\n <ElOption\n key={item.value}\n label={item.label}\n value={item.value}\n disabled={item.disabled}\n />\n )),\n empty: () =>\n data.value?.slots?.empty?.(h, props.formData, props.index!),\n prefix: () =>\n data.value?.slots?.prefix?.(h, props.formData, props.index!),\n }}\n clearable\n {...isProperty(\n {\n formData: props.formData,\n index: props.index!,\n formItem: props.formItem,\n },\n data.value?.property\n )}\n ></ElSelect>\n )\n },\n})\n\nexport default FSelect\n"],"names":["FSelect","defineComponent","componentProps","props","data","computed","event","useEvent","_createVNode","ElSelect","_mergeProps","$event","_a","arg","clearSymbol","isProperty","_b","_c","h","_e","_d","item","ElOption"],"mappings":";;;;AAWY,MAACA,IAA0B,gBAAAC,EAAgB;AAAA,EACrD,MAAM;AAAA,EACN,OAAOC,EAAgB;AAAA,EACvB,MAAMC,GAAO;AACX,UAAMC,IAAOC,EAAS,MAAMF,EAAM,SAAS,IAAI,GACzC;AAAA,MACJ,OAAAG;AAAA,IACD,IAAGC,EAAS;AAAA,MACX,UAAUJ,EAAM;AAAA,MAChB,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,IACtB,CAAK;AACD,WAAO,MAAMK;;AAAAA,aAAAA,EAAaC,GAAUC,EAAY;AAAA,QAC9C,YAAcP,EAAM,SAASA,EAAM,SAAS,IAAI;AAAA,QAChD,uBAAuB,CAAAQ,MAAUR,EAAM,SAASA,EAAM,SAAS,IAAI,IAAIQ;AAAA,QACvE,SAASC,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,WAAUT,EAAM,SAAS;AAAA,UAC5C,OAAO;AAAA,QACf,IAAU;AAAA,UACF,OAAO;AAAA,QACf;AAAA,QACM,UAAY,IAAIU,MAAQ;AACtB,UAAAP,EAAM,UAAU,GAAGO,CAAG;AAAA,QACvB;AAAA,QACD,aAAe,MAAMC,EAAYX,EAAM,SAAS,IAAI,CAAC;AAAA,QACrD,WAAa;AAAA,MACd,GAAEY,EAAW;AAAA,QACZ,UAAUZ,EAAM;AAAA,QAChB,OAAOA,EAAM;AAAA,QACb,UAAUA,EAAM;AAAA,MACjB,IAAEa,IAAAZ,EAAK,UAAL,gBAAAY,EAAY,QAAQ,CAAC,GAAG;AAAA,QACzB,SAAS,MAAM;;AAAA,mBAAAC,KAAAD,KAAAJ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAZ,gBAAAI,EAAmB,YAAnB,gBAAAC,EAAA,KAAAD,GAA6BE,GAAGf,EAAM,UAAUA,EAAM,aAAUgB,KAAAC,IAAAhB,EAAK,UAAL,gBAAAgB,EAAY,YAAZ,gBAAAD,EAAqB,IAAI,CAAAE,MAAQb,EAAac,GAAU;AAAA,YACrI,KAAOD,EAAK;AAAA,YACZ,OAASA,EAAK;AAAA,YACd,OAASA,EAAK;AAAA,YACd,UAAYA,EAAK;AAAA,UAClB,GAAE,IAAI;AAAA;AAAA,QACP,OAAO,MAAM;;AAAA,kBAAAJ,KAAAD,KAAAJ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAZ,gBAAAI,EAAmB,UAAnB,gBAAAC,EAAA,KAAAD,GAA2BE,GAAGf,EAAM,UAAUA,EAAM;AAAA;AAAA,QACjE,QAAQ,MAAM;;AAAA,kBAAAc,KAAAD,KAAAJ,IAAAR,EAAK,UAAL,gBAAAQ,EAAY,UAAZ,gBAAAI,EAAmB,WAAnB,gBAAAC,EAAA,KAAAD,GAA4BE,GAAGf,EAAM,UAAUA,EAAM;AAAA;AAAA,MACzE,CAAK;AAAA;AAAA,EACH;AACF,CAAC;"}