vxe-pc-ui/lib/form-design/widget-text/text-form.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextFormComponent=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_input=_interopRequireDefault(require("../../input/src/input")),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getFontSizeOptions=()=>_xeUtils.default.range(12,27).map(e=>({label:e+"px",value:e+"px"})),getAlignOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignLeft"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignCenter"),value:"center"},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignRight"),value:"right"}],getBoldOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontNormal"),value:!1},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontBold"),value:!0}],WidgetTextFormComponent=exports.WidgetTextFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const o=(0,_use.useWidgetName)(r)["computeKebabCaseName"],i=(0,_vue.ref)(getAlignOptions()),n=(0,_vue.ref)(getBoldOptions()),l=(0,_vue.ref)(getFontSizeOptions());return()=>{var e=r["renderParams"];const t=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:t.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.boldTitle"),field:"bold",itemRender:{name:"VxeRadioGroup",options:n.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignTitle"),field:"align",itemRender:{name:"VxeRadioGroup",options:i.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.sizeTitle"),field:"fontSize",itemRender:{name:"VxeSelect",options:l.value}})]}})}}});