snowy-designer/dist/ui/antd/formLogic/conditionItem.vue.cjs

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

"use strict";const e=require("vue");;/* empty css                                       */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../ui-kit/base-ui/src/shadch-ui/button/index.cjs");const x=require("@vueuse/core");require("../../../ui-kit/base-ui/src/shadch-ui/toast/index.cjs");const h=require("../../../ui-kit/base-ui/src/components/node/node.vue.cjs"),k=require("../../../utils/src/common/data.cjs");require("../../../hooks/src/store/index.cjs");require("lodash");require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");require("vuedraggable");const u=require("ant-design-vue"),N={class:"mb-4"},w=e.defineComponent({__name:"conditionItem",props:{fieldOptions:{},modelValue:{}},emits:["update:modelValue","delete"],setup(m,{emit:v}){const a=m,i=v,f=e.inject("designer"),r=x.useVModel(a,"modelValue",i),b=e.computed(()=>f.state.selectedNode),o=e.computed(()=>k.findSchemas([b.value],l=>l.field===r.value.field,!0)),s=[{label:"等于",value:"eq"},{label:"不等于",value:"neq"}],c=[{label:"大于",value:"gt"},{label:"大于等于",value:"gte"},{label:"小于",value:"lt"},{label:"小于等于",value:"lte"}],d=[{label:"包含",value:"in"},{label:"不包含",value:"nin"}],q=[...s.map(t=>t.value),...c.map(t=>t.value),...d.map(t=>t.value)],p=e.computed(()=>{const t=[{label:"为空",value:"null"},{label:"非空",value:"notNull"}];return["checkbox","input","password","select","textarea"].includes(o.value.type)&&t.unshift(...d),["number"].includes(o.value.type)&&t.unshift(...c),["cascader","checkbox","classifiedDictionary","color-picker","date","input","JDictSelectTag","JSelectDept","JSelectMultiple","number","password","radio","select","selectUser","slider","switch","textarea","time"].includes(o.value.type)&&t.unshift(...s),t});e.watch(()=>p.value,t=>{r.value.operator=t[0].value});function V(){i("delete")}return(t,l)=>(e.openBlock(),e.createElementBlock("div",N,[e.createVNode(e.unref(u.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(u.Select),{value:e.unref(r).field,"onUpdate:value":l[0]||(l[0]=n=>e.unref(r).field=n),class:"w-180px",options:a.fieldOptions,placeholder:"选择字段"},null,8,["value","options"]),e.unref(r).field?(e.openBlock(),e.createBlock(e.unref(u.Select),{key:0,value:e.unref(r).operator,"onUpdate:value":l[1]||(l[1]=n=>e.unref(r).operator=n),class:"w-100px",options:p.value,placeholder:"选择判断条件"},null,8,["value","options"])):e.createCommentVNode("",!0),e.unref(r).field&&e.unref(r).operator&&q.includes(e.unref(r).operator)?(e.openBlock(),e.createBlock(e.unref(h),{key:1,modelValue:e.unref(r).value,"onUpdate:modelValue":l[2]||(l[2]=n=>e.unref(r).value=n),"component-schema":{...o.value,noFormItem:!0,componentProps:{...o.value.componentProps,defaultValue:void 0,disabled:void 0,hidden:void 0}}},null,8,["modelValue","component-schema"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"w-28px h-28px border-1px flex cursor-pointer items-center justify-center rounded-full border-solid border-red-300 bg-red-100 text-red-400 hover:bg-red-400 hover:text-white",onClick:V},l[3]||(l[3]=[e.createElementVNode("span",{class:"icon--epic icon--epic--delete-outline-rounded"},null,-1)]))]),_:1})]))}});module.exports=w;