vxe-design/lib/form-design/widget-vxe-slider/vxe-slider-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.WidgetVxeSliderViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../src/use");const WidgetVxeSliderViewComponent=exports.WidgetVxeSliderViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const o=_core.VxeUI.getComponent("vxe-form-item"),i=_core.VxeUI.getComponent("vxe-slider"),u=(0,_vue.inject)("$xeFormView",null),n=(0,_use.useWidgetName)(r)["computeKebabCaseName"],d=()=>{var e,t=r["renderParams"],t=t["widget"];u&&(e=u?u.getItemValue(t):null,u.updateWidgetStatus(t,e))};return()=>{var e=r["renderParams"];const t=e["widget"];e=n.value;return(0,_vue.h)(o,{class:["vxe-form-design--widget-render-form-item","widget-"+e],field:t.field,title:t.title,itemRender:{}},{default(){return(0,_vue.h)(i,{modelValue:u?u.getItemValue(t):null,onChange:d,"onUpdate:modelValue"(e){u&&u.setItemValue(t,e)}})}})}}});