vxe-design/lib/form-design/widget-vxe-tree-select/vxe-tree-select-view.min.js

A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeTreeSelectViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../src/use");const WidgetVxeTreeSelectViewComponent=exports.WidgetVxeTreeSelectViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){const u=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("vxe-tree-select"),n=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(o)["computeKebabCaseName"],a=()=>{var e,t=o["renderParams"],t=t["widget"];n&&(e=n?n.getItemValue(t):null,n.updateWidgetStatus(t,e))};return()=>{var e=o["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(u,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(l,{modelValue:n?n.getItemValue(t):null,placeholder:r.placeholder||(0,_core.getI18n)("vxe.base.pleaseSelect"),options:r.options,optionProps:{label:"value",value:"value"},onChange:a,"onUpdate:modelValue"(e){n&&n.setItemValue(t,e)}})}})}}});