vxe-pc-ui/lib/form-design/src/default-style-form.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPCStyleFormComponent=exports.DefaultMobileStyleFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_group=_interopRequireDefault(require("../../radio/src/group")),_select=_interopRequireDefault(require("../../select/src/select"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getBoldOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.fontNormal"),value:!1},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.fontBold"),value:!0}],getColonOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.colonVisible"),value:!0},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.colonHidden"),value:!1}],getAlignOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.alignLeft"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.alignRight"),value:"right"}],getWidthUnitOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.unitPx"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.styleSetting.unitPct"),value:"%"}],renderLayoutOption=(e,t,o,i)=>{const l="vertical"===o;return(0,_vue.h)("div",{class:["vxe-form-design--widget-form-item-option","is--"+o,{"is--active":l?e[t]:!e[t]}],onClick(){e[t]=l,i()}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{},l?(0,_core.getI18n)("vxe.formDesign.styleSetting.verticalLayout"):(0,_core.getI18n)("vxe.formDesign.styleSetting.horizontalLayout"))])},DefaultPCStyleFormComponent=exports.DefaultPCStyleFormComponent=(0,_vue.defineComponent)({name:"DefaultPCStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=(0,_vue.inject)("$xeFormDesign",null),i="pcVertical",l=(0,_vue.ref)(getBoldOptions()),n=(0,_vue.ref)(getColonOptions()),r=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),a=()=>{e&&e.refreshPreviewView()},s=()=>{var e=o["formData"];e.pcTitleWidth||(e.pcTitleWidth=100),a()};return()=>{const t=o["formData"];return(0,_vue.h)(_form.default,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.layoutTitle"),field:i},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,i,"vertical",s),renderLayoutOption(t,i,"horizontal",s)])]}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(_group.default,{modelValue:t.pcTitleBold,options:l.value,onChange:a,"onUpdate:modelValue"(e){t.pcTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(_group.default,{modelValue:t.pcTitleColon,options:n.value,onChange:a,"onUpdate:modelValue"(e){t.pcTitleColon=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(_group.default,{modelValue:t.pcTitleAlign,options:r.value,onChange:a,"onUpdate:modelValue"(e){t.pcTitleAlign=e}})]),t.pcVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(_input.default,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.pcTitleWidth,type:"integer",onChange:a,"onUpdate:modelValue"(e){t.pcTitleWidth=e}}),(0,_vue.h)(_select.default,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.pcTitleWidthUnit,options:u.value,transfer:!0,onChange:a,"onUpdate:modelValue"(e){t.pcTitleWidthUnit=e}})])]}})]}})}}}),DefaultMobileStyleFormComponent=exports.DefaultMobileStyleFormComponent=(0,_vue.defineComponent)({name:"DefaultMobileStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){const e=(0,_vue.inject)("$xeFormDesign",null),i="mobileVertical",l=(0,_vue.ref)(getBoldOptions()),n=(0,_vue.ref)(getColonOptions()),r=(0,_vue.ref)(getAlignOptions()),u=(0,_vue.ref)(getWidthUnitOptions()),a=()=>{e&&e.refreshPreviewView()},s=()=>{var e=o["formData"];e.mobileTitleWidth||(e.mobileTitleWidth=100),a()};return()=>{const t=o["formData"];return(0,_vue.h)(_form.default,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.layoutTitle"),field:i},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,i,"vertical",s),renderLayoutOption(t,i,"horizontal",s)])]}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.styleSetting.styleTitle")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(_group.default,{modelValue:t.mobileTitleBold,options:l.value,onChange:a,"onUpdate:modelValue"(e){t.mobileTitleBold=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(_group.default,{modelValue:t.mobileTitleColon,options:n.value,onChange:a,"onUpdate:modelValue"(e){t.mobileTitleColon=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(_group.default,{modelValue:t.mobileTitleAlign,options:r.value,onChange:a,"onUpdate:modelValue"(e){t.mobileTitleAlign=e}})]),t.mobileVertical?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(_input.default,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.mobileTitleWidth,type:"integer",onChange:a,"onUpdate:modelValue"(e){t.mobileTitleWidth=e}}),(0,_vue.h)(_select.default,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.mobileTitleWidthUnit,options:u.value,transfer:!0,onChange:a,"onUpdate:modelValue"(e){t.mobileTitleWidthUnit=e}})])]}})]}})}}});