UNPKG

@farris/ui-vue

Version:

Farris Vue, a Farris Design based Vue3 component library.

2 lines (1 loc) 35.1 kB
(function(S,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("vue"),require("lodash-es"),require("../designer-canvas/index.umd.js"),require("../property-panel/index.umd.js"),require("../dynamic-form/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../designer-canvas/index.umd.js","../property-panel/index.umd.js","../dynamic-form/index.umd.js"],h):(S=typeof globalThis<"u"?globalThis:S||self,h(S.fieldset={},S.Vue,S.LodashES,S.designerCanvas,S.propertyPanel,S.dynamicForm))})(this,function(S,h,P,U,L,W){"use strict";var Ke=Object.defineProperty;var et=(S,h,P)=>h in S?Ke(S,h,{enumerable:!0,configurable:!0,writable:!0,value:P}):S[h]=P;var I=(S,h,P)=>et(S,typeof h!="symbol"?h+"":h,P);function J(t,e){let n;function r(s){const{properties:m,title:C,ignore:c}=s,u=c&&Array.isArray(c),v=Object.keys(m).reduce((f,y)=>((!u||!c.find(x=>x===y))&&(f[y]=m[y].type==="object"&&m[y].properties?r(m[y]):P.cloneDeep(m[y].default)),f),{});if(C&&(!u||!c.find(f=>f==="id"))){const f=C.toLowerCase().replace(/-/g,"_");v.id=`${f}_${Math.random().toString().slice(2,6)}`}return v}function o(s){const{properties:m,title:C,required:c}=s;if(c&&Array.isArray(c)){const u=c.reduce((v,f)=>(v[f]=m[f].type==="object"&&m[f].properties?r(m[f]):P.cloneDeep(m[f].default),v),{});if(C&&c.find(v=>v==="id")){const v=C.toLowerCase().replace(/-/g,"_");u.id=`${v}_${Math.random().toString().slice(2,6)}`}return u}return{type:C}}function a(s,m={},C){const c=t[s];if(c){let u=o(c);const v=e[s];return u=v?v({getSchemaByType:a},u,m,C):u,n!=null&&n.appendIdentifyForNewControl&&n.appendIdentifyForNewControl(u),u}return null}function i(s,m){const C=r(m);return Object.keys(C).reduce((c,u)=>(Object.prototype.hasOwnProperty.call(s,u)&&(c[u]&&P.isPlainObject(c[u])&&P.isPlainObject(s[u]||!s[u])?Object.assign(c[u],s[u]||{}):c[u]=s[u]),c),C),C}function g(s,m){return Object.keys(s).filter(c=>s[c]!=null).reduce((c,u)=>{if(m.has(u)){const v=m.get(u);if(typeof v=="string")c[v]=s[u];else{const f=v(u,s[u],s);Object.assign(c,f)}}else c[u]=s[u];return c},{})}function l(s,m,C=new Map){const c=i(s,m);return g(c,C)}function d(s){var C;const m=s.type;if(m){const c=t[m];if(!c)return s;const u=i(s,c),v=((C=s.editor)==null?void 0:C.type)||"";if(v){const f=t[v],y=i(s.editor,f);u.editor=y}return u}return s}function p(s){n=s}return{getSchemaByType:a,resolveSchemaWithDefaultValue:d,resolveSchemaToProps:l,mappingSchemaToProps:g,setDesignerContext:p}}const Q={},X={},{getSchemaByType:tt,resolveSchemaWithDefaultValue:ie,resolveSchemaToProps:se,mappingSchemaToProps:ae,setDesignerContext:nt}=J(Q,X);function ce(t={}){function e(d,p,s,m){if(typeof s=="number")return m[d].length===s;if(typeof s=="object"){const C=Object.keys(s)[0],c=s[C];if(C==="not")return Number(m[d].length)!==Number(c);if(C==="moreThan")return Number(m[d].length)>=Number(c);if(C==="lessThan")return Number(m[d].length)<=Number(c)}return!1}function n(d,p,s,m){return m[d]&&m[d].propertyValue&&String(m[d].propertyValue.value)===String(s)}const r=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((d,p)=>(d.set(p,t[p]),d),r);function o(d,p){const s=d;return typeof p=="number"?[{target:s,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:s,operator:"getProperty",param:d,value:!!p}]:typeof p=="object"?Object.keys(p).map(m=>{if(m==="length")return{target:s,operator:"length",param:null,value:p[m]};const C=m,c=p[m];return{target:s,operator:"getProperty",param:C,value:c}}):[]}function a(d){return Object.keys(d).reduce((s,m)=>{const C=o(m,d[m]);return s.push(...C),s},[])}function i(d,p){if(r.has(d.operator)){const s=r.get(d.operator);return s&&s(d.target,d.param,d.value,p)||!1}return!1}function g(d,p){return a(d).reduce((C,c)=>C&&i(c,p),!0)}function l(d,p){const s=Object.keys(d),m=s.includes("allOf"),C=s.includes("anyOf"),c=m||C,f=(c?d[c?m?"allOf":"anyOf":"allOf"]:[d]).map(x=>g(x,p));return m?!f.includes(!1):f.includes(!0)}return{parseValueSchema:l}}const le={convertTo:(t,e,n,r)=>{t.appearance||(t.appearance={}),t.appearance[e]=n},convertFrom:(t,e,n)=>t.appearance?t.appearance[e]:t[e]},de={convertFrom:(t,e,n)=>t.buttons&&t.buttons.length?`共 ${t.buttons.length} 项`:"无"},ue={convertTo:(t,e,n,r)=>{t.editor&&(t.editor[e]=n)},convertFrom:(t,e,n)=>t.editor&&Object.prototype.hasOwnProperty.call(t.editor,e)?t.editor[e]:t[e]},G={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},fe={convertFrom:(t,e,n)=>{var o;const r=t.editor&&t.editor[e]?t.editor[e]:t[e];return((o=G[r])==null?void 0:o.name)||r}},pe={convertTo:(t,e,n,r)=>{t[e]=t[e]},convertFrom:(t,e,n)=>t.editor?n.getRealEditorType(t.editor.type):""},me={convertTo:(t,e,n,r)=>{(t.type==="data-grid-column"||t.type==="tree-grid-column")&&(t.formatter?t.formatter[e]=n:t.formatter={[e]:n})},convertFrom:(t,e,n)=>{if(t.formatter){if(e==="trueText")return t.formatter.trueText;if(e==="falseText")return t.formatter.falseText;if(e==="prefix")return t.formatter.prefix;if(e==="suffix")return t.formatter.suffix;if(e==="precision")return t.formatter.precision;if(e==="decimal")return t.formatter.decimal;if(e==="thousand")return t.formatter.thousand;if(e==="tempDateFormat")return t.formatter.dateFormat==="yyyy年MM月dd日"?"yearMonthDay":t.formatter.dateFormat==="yyyy-MM-dd HH:mm:ss"?"yyyy-MM-ddTHH:mm:ss":t.formatter.dateFormat==="yyyy/MM/dd HH:mm:ss"?"yyyy/MM/ddTHH:mm:ss":t.formatter.dateFormat==="yyyy年MM月dd日 HH时mm分ss秒"?"yearMonthDayHourMinuteSecond":t.formatter.tempDateFormat||t.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return t.formatter.customFormat;if(e==="type")return t.formatter.type||"none"}return"none"}},ge={convertTo:(t,e,n,r)=>{t.command?t.command[e]=n:t.command={[e]:n},e==="enable"&&n&&(t.command.commands||(t.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(t,e,n)=>t.command&&e==="enable"?t.command.enable:""},ve={convertTo:(t,e,n,r)=>{t.column?t.column[e]=n:t.column={[e]:n},e==="fitColumns"&&n&&(t.column.fitMode||(t.column.fitMode="average"))},convertFrom:(t,e,n)=>{if(t.column){if(e==="fitColumns")return t.column.fitColumns;if(e==="fitMode")return t.column.fitMode}return""}},be={convertTo:(t,e,n,r)=>{t.summary?t.summary[e]=n:t.summary={[e]:n},e==="enable"&&n&&(t.summary?t.summary.groupFields||(t.summary.groupFields=[]):t.summary={enable:n,groupFields:[]})},convertFrom:(t,e,n)=>t.summary&&e==="enable"?t.summary.enable:t.type==="data-grid-column"?t.enableSummary===void 0?!1:t.enableSummary:""},ye={convertTo:(t,e,n,r)=>{t.group?t.group[e]=n:t.group={[e]:n},e==="enable"&&n&&(t.group?t.group.groupFields||(t.group.groupFields=[]):t.group={enable:n,groupFields:[],showSummary:!1})},convertFrom:(t,e,n)=>{if(t.group){if(e==="enable")return t.group.enable;if(e==="showSummary")return t.group.showSummary}}},he={convertFrom:(t,e)=>t.binding?t.binding.path:"",convertTo:(t,e,n)=>{if(n&&n.length>0){const r=n[0];t.binding||(t.binding={}),t.binding.type="Form",t.binding.path=r.bindingField,t.binding.field=r.id,t.binding.fullPath=r.path,t.path=r.bindingPath}}},Ce={convertTo:(t,e,n,r)=>{t.pagination||(t.pagination={}),t.pagination[e]=n},convertFrom:(t,e,n)=>t.pagination?t.pagination[e]:t[e]},we={convertTo:(t,e,n,r)=>{t.rowNumber||(t.rowNumber={}),t.rowNumber[e]=n},convertFrom:(t,e,n)=>t.rowNumber?t.rowNumber[e]:t[e]},Me={convertTo:(t,e,n,r)=>{t.selection||(t.selection={}),t.selection[e]=n},convertFrom:(t,e,n)=>t.selection?t.selection[e]:t[e]},xe={convertFrom:(t,e,n)=>t[e]&&t[e].length?`共 ${t[e].length} 项`:""},Ee={convertFrom:(t,e)=>t[e]||"",convertTo:(t,e,n)=>{t[e]=n}},Fe={convertTo:(t,e,n,r)=>{t.size||(t.size={}),t.size[e]=n},convertFrom:(t,e,n)=>t.size?t.size[e]:t[e]},Se={convertFrom:(t,e,n)=>{var r,o;return(r=t.formatter)!=null&&r.data&&e==="formatterEnumData"&&!t.formatterEnumData?(o=t.formatter)==null?void 0:o.data:t.formatterEnumData}},Ve={convertTo:(t,e,n,r)=>{t.sort||(t.sort={}),t.sort[e]=n},convertFrom:(t,e,n)=>{var r,o;if(e==="mode")return((r=t.sort)==null?void 0:r.mode)||"client";if(e==="multiSort")return!!((o=t.sort)!=null&&o.multiSort)}},Ie={convertTo:(t,e,n,r)=>{t.filter||(t.filter={}),t.filter[e]=n},convertFrom:(t,e,n)=>{var r;if(e==="mode")return((r=t.filter)==null?void 0:r.mode)||"client"}},Te={convertTo:(t,e,n,r)=>{t.rowOption?t.rowOption[e]=n:t.rowOption={[e]:n}},convertFrom:(t,e,n)=>{if(t.rowOption){if(e==="customRowStyle")return t.rowOption.customRowStyle;if(e==="customCellStyle")return t.rowOption.customCellStyle}return""}};function Y(t,e,n){const r=new Map([["/converter/appearance.converter",le],["/converter/buttons.converter",de],["/converter/property-editor.converter",ue],["/converter/items-count.converter",xe],["/converter/type.converter",fe],["/converter/change-editor.converter",pe],["/converter/change-formatter.converter",me],["/converter/column-command.converter",ge],["/converter/column-option.converter",ve],["/converter/summary.converter",be],["/converter/group.converter",ye],["/converter/form-group-label.converter",Ee],["/converter/field-selector.converter",he],["/converter/pagination.converter",Ce],["/converter/row-number.converter",we],["/converter/grid-selection.converter",Me],["/converter/size.converter",Fe],["/converter/change-formatter-enum.converter",Se],["/converter/grid-sort.converter",Ve],["/converter/grid-filter.converter",Ie],["/converter/row-option.converter",Te]]),o=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),a=ce();function i(c,u){return()=>a.parseValueSchema(c,u)}function g(c,u,v){return c.includes("visible")&&u.visible!==void 0?typeof u.visible=="boolean"?()=>!!u.visible:u.visible===void 0?!0:i(u.visible,v):()=>!0}function l(c,u,v){return c.includes("readonly")&&u.readonly!==void 0?typeof u.readonly=="boolean"?()=>!!u.readonly:i(u.readonly,v):()=>!1}function d(c,u){const v=c.$converter||u;return typeof v=="string"&&v&&r.has(v)?r.get(v)||null:v||null}function p(c,u,v,f,y,x="",M=""){return Object.keys(c).map(w=>{const F=h.ref(1),V=w,b=c[w],T=Object.keys(b),D=b.title,k=b.type,O=o.get(k)||{type:"input-group",enableClear:!1},N=b.editor?Object.assign({},O,b.editor):Object.assign({},O),j=g(T,b,u),q=l(T,b,u);N.readonly=N.readonly===void 0?q():N.readonly;const _=b.type==="cascade"?p(b.properties,u,v,f,y,x,M):[],We=!0;let R=d(b,M);const Je=h.computed({get(){if(F.value){if(["class","style"].find(He=>He===V)&&!R&&(R=r.get("/converter/appearance.converter")||null),R&&R.convertFrom)return R.convertFrom(v,w,y,x);const B=v[w];return Object.prototype.hasOwnProperty.call(b,"defaultValue")&&(B===void 0||typeof B=="string"&&B==="")?b.type==="boolean"?b.defaultValue:b.defaultValue||"":B}return null},set(B){F.value+=1,R&&R.convertTo?(R.convertTo(f,w,B,y,x),R.convertTo(v,w,B,y,x)):(f[w]=B,v[w]=B)}}),{refreshPanelAfterChanged:Qe,description:Xe,isExpand:Ye,parentPropertyID:Ze}=b,oe={propertyID:V,propertyName:D,propertyType:k,propertyValue:Je,editor:N,visible:j,readonly:q,cascadeConfig:_,hideCascadeTitle:We,refreshPanelAfterChanged:Qe,description:Xe,isExpand:Ye,parentPropertyID:Ze};return u[V]=oe,oe})}function s(c,u,v={}){const f={},y=t[c];return y&&y.categories?Object.keys(y.categories).map(M=>{const E=y.categories[M],w=E==null?void 0:E.title,F=p(E.properties||{},f,{},v,u);return{categoryId:M,categoryName:w,properties:F}}):[]}function m(c,u,v,f,y=""){const x=u.$ref.schema,M=u.$ref.converter,E=v[x],w=E.type,F=n(E),V={},b=t[w];if(b&&b.categories){const T=b.categories[c],D=T==null?void 0:T.title;M&&Object.keys(T.properties).forEach(N=>{T.properties[N].$converter=M});const k=(T==null?void 0:T.properties)||{},O=p(k,V,F,E,f,y);return{categoryId:c,categoryName:D,properties:O}}return{categoryId:c,categoryName:"",properties:[]}}function C(c,u,v,f,y){const x=c.type,M=n(c),E={};let w=y||t[x];if(w&&Object.keys(w).length===0&&v&&v.getPropConfig&&(w=v.getPropConfig(f)),w&&w.categories){const F=[];return Object.keys(w.categories).map(V=>{const b=w.categories[V];if(b.$ref){F.push(m(V,b,c,u,f));return}const T=b==null?void 0:b.title,D=b==null?void 0:b.tabId,k=b==null?void 0:b.tabName,O=b==null?void 0:b.hide,N=b==null?void 0:b.hideTitle,j=p(b.properties||{},E,M,c,u,f,b.$converter),{setPropertyRelates:q}=b,_=b==null?void 0:b.parentPropertyID;F.push({categoryId:V,categoryName:T,tabId:D,tabName:k,hide:O,properties:j,hideTitle:N,setPropertyRelates:q,parentPropertyID:_})}),F}return[]}return{getPropertyConfigBySchema:C,getPropertyConfigByType:s,propertyConverterMap:r}}const Z={},H={};Y(Z,H,ie);const K={},ee={},{getSchemaByType:rt,resolveSchemaWithDefaultValue:Pe,resolveSchemaToProps:ot,mappingSchemaToProps:it,setDesignerContext:st}=J(K,ee),te={},ne={};Y(te,ne,Pe);function Ne(t,e,n=new Map,r=(i,g,l,d)=>g,o={},a=i=>i){return Q[e.title]=e,X[e.title]=r,Z[e.title]=o,H[e.title]=a,K[e.title]=e,ee[e.title]=r,te[e.title]=o,ne[e.title]=a,(i={},g=!0)=>{if(!g)return ae(i,n);const l=se(i,e,n),d=Object.keys(t).reduce((p,s)=>(p[s]=t[s].default,p),{});return Object.assign(d,l)}}function ke(t,e){return{customClass:e.class,customStyle:e.style}}const Oe=new Map([["appearance",ke]]),Re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/fieldset.schema.json",title:"fieldset",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a fieldset",type:"string"},type:{description:"The type string of fieldset component",type:"string",default:"fieldset"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},title:{description:"The title for a fieldset",type:"string"},contents:{description:"",type:"array",default:[]}},required:["id","type","contents"]};function Be(t,e,n){return Object.assign(e,{appearance:{class:"col-12 px-0"},title:"分组标题"}),e}const $={customClass:{type:String,default:""},customStyle:{type:String,default:""},title:{type:String,default:""}},re=Object.assign({},$,{componentId:{type:String,default:""}}),z=Ne($,Re,Oe,Be),A=h.defineComponent({name:"FFieldset",props:$,emits:[],setup(t,e){const n=h.ref(!0);function r(g,l){g&&l&&l.split(" ").reduce((p,s)=>(p[s]=!0,p),g)}const o=h.computed(()=>{const g={"f-section-formgroup":!0,"f-state-collapse":!n.value};return r(g,t.customClass),g}),a=h.computed(()=>({btn:!0,"f-btn-mx":!0,"f-btn-collapse-expand":!0,"f-state-expand":n.value}));function i(){n.value=!n.value}return()=>h.createVNode("fieldset",{class:o.value,style:t.customStyle},[h.createVNode("legend",{class:"f-section-formgroup-legend"},[h.createVNode("div",{class:"f-header"},[h.createVNode("div",{class:"f-title",onClick:i},[t.title]),h.createVNode("div",{class:"f-toolbar",onClick:i},[h.createVNode("button",{class:a.value},null)])])]),h.createVNode("div",{class:"f-section-formgroup-inputs"},[e.slots.default&&e.slots.default()])])}}),De=h.ref(0);function Ue(){De.value++}const je=h.ref(0);function $e(t){const{formSchemaUtils:e,formStateMachineUtils:n}=t;function r(l,d=""){return{path:d+l.code,field:l.id,fullPath:l.code}}function o(l,d=""){return e.getViewModelById(l).states.map(s=>r(s,d))}function a(l){const d=e.getRootViewModelId(),p=o(l);if(l===d)return p;const s=o(d,"root-component.");return[...p,...s]}function i(l){return l.binding&&l.binding.path||l.id||""}function g(){return n&&n.getRenderStates()||[]}return{getVariables:a,getControlName:i,getStateMachines:g}}class Ae{constructor(e){I(this,"sessionVariables",[{key:"CurrentSysOrgName",name:"当前组织Name",description:"当前组织Name"},{key:"CurrentSysOrgId",name:"当前组织Id",description:"当前组织Id"},{key:"CurrentUserName",name:"当前用户Name",description:"当前用户Name"},{key:"CurrentUserCode",name:"当前用户Code",description:"当前用户Code"},{key:"CurrentUserId",name:"当前用户Id",description:"当前用户Id"},{key:"CurrentLanguage",name:"当前语言编号",description:"当前登录的语言编号,例如简体中文返回'zh-CHS',英文返回'en',繁体中文'zh-CHT'"}]);I(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});I(this,"getExpressionConverter",(e,n)=>({convertFrom:(r,o,a,i)=>{const g=a.getExpressionRuleValue(e,n||o);return g&&g.value||""},convertTo:(r,o,a,i,g)=>{var l;if(o==="dataPicking"&&(a!=null&&a.target)){const d=`${a.target}_dataPicking`;((l=a.rules)==null?void 0:l.some(s=>s.id===d&&s.value))?r.dictPickingExpressionId=d:delete r.dictPickingExpressionId}i.updateExpression(a)}}));this.formSchemaService=e}getExpressionRule(e,n){const r=this.formSchemaService.getExpressions();if(!r)return"";const o=r.find(i=>i.target===e);if(!o)return"";const a=o.rules.find(i=>i.type===n);return a||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const n=this.formSchemaService.getRootViewModelId(),r=this.formSchemaService.getViewModelById(n);if(!r||!r.states||r.states.length===0)return[];const o=[];return r.states.forEach(a=>{o.push({key:a.code,name:a.name,description:a.name,category:a.category})}),o}createTreeNode(e,n,r="label"){return{id:e.id,name:e.name,bindingPath:e[r],parents:n,type:"field"}}buildEntityFieldsTreeData(e=null,n){const r=[];return e==null||e.forEach(o=>{var g;const a=this.createTreeNode(o,n);let i=[];(g=o.type)!=null&&g.fields&&(i=this.buildEntityFieldsTreeData(o.type.fields,[...n,o.label])),r.push({data:a,children:i,expanded:!0})}),r}buildChildEntityTreeData(e=null,n){const r=[];return e==null||e.forEach(o=>{var l,d;const a=this.createTreeNode(o,n);a.type="entity";const i=this.buildEntityFieldsTreeData((l=o.type)==null?void 0:l.fields,[...n,o.label]),g=this.buildChildEntityTreeData((d=o.type)==null?void 0:d.entities,[...n,o.label]);g!=null&&g.length&&(i==null||i.push(...g)),r.push({data:a,children:i||[],expanded:!0})}),r}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const n=e[0];if(!(n!=null&&n.type))return[];const r=this.buildEntityFieldsTreeData(n.type.fields,[n.code]),o=this.buildChildEntityTreeData(n.type.entities,[n.code]);return o!=null&&o.length&&(r==null||r.push(...o)),{entityCode:n.code,fields:[{data:this.createTreeNode(n,[],"code"),children:r||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,n,r){const o=r==="Field"?e.binding.field:e.id,a=this.getExpressionRule(o,n),i=this.getEntitiesAndVariables(),g={message:["validate","required","dataPicking"].includes(n)&&a?a.message:"",...i};return a.messageType!=null&&(g.messageType=a.messageType),g}buildRule(e,n,r,o){const{expression:a,message:i,messageType:g}=n,l={id:`${e}_${r}`,type:r,value:a};return(r==="validate"||r==="dataPicking"||r==="required")&&(l.message=i),r==="dataPicking"&&(l.messageType=g),r==="validate"&&o&&(l.elementId=o),l}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,n,r,o){const a=n==="Field"?e.binding.field:e.id,i=this.buildRule(a,r,o,e.type==="form-group"?e.id:"");let l=this.getExpressionData().find(p=>p.targetType===n&&p.target===a);const d=p=>p.value.trim()==="";if(l){const p=l.rules.find(s=>s.id===i.id);if(p)d(i)?l.rules=l.rules.filter(s=>s.id!==i.id):(Object.assign(p,i),o==="validate"&&e.type==="form-group"&&(p.elementId=e.id));else{if(d(i))return null;l.rules=l.rules||[],l.rules.push(i)}}else{if(d(i))return null;l={target:`${a}`,rules:[i],targetType:n}}return l}getExpressionEditorOptions(e,n,r,o){return r.reduce((a,i)=>{var l,d;const g=n==="Field"?(l=e==null?void 0:e.binding)==null?void 0:l.field:e.id;return a[i]={hide:n==="Field"?!!((d=e==null?void 0:e.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[i],type:"string",$converter:this.getExpressionConverter(g),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[i]}编辑器`,showMessage:i==="validate"||i==="dataPicking"||i==="required",showMessageType:i==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,i,n),onSubmitModal:p=>{const s=this.updateExpression(e,n,p,i);if(o){const m=this.buildRule(g,p,i);o(m)}return s}}},a},{})}getExpressionInfo(e,n,r){const o=n==="Field"?e.binding.field:e.id,a=this.getExpressionRule(o,r),i={value:a&&a.value,targetId:o,targetType:n,expressionType:r};return a&&a.message&&(i.message=a.message),i}getExpressionConfig(e,n,r=["compute","dependency","validate"],o){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,n,r,o)}}}getExpressionOptions(e,n,r){const o=this.getExpressionInfo(e,n,r);return{dialogTitle:`${this.expressionNames[r]}编辑器`,singleExpand:!1,showMessage:r==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,r,n),expressionInfo:o}}}class qe{constructor(e,n){I(this,"componentId");I(this,"viewModelId");I(this,"eventsEditorUtils");I(this,"formSchemaUtils");I(this,"formMetadataConverter");I(this,"designViewModelUtils");I(this,"designViewModelField");I(this,"controlCreatorUtils");I(this,"designerHostService");I(this,"designerContext");I(this,"schemaService",null);I(this,"metadataService",null);I(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService,this.designerContext=n.designerContext}getFormDesignerInstance(){var e,n;return(n=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:n.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var r;const n=e.binding&&e.binding.type==="Form"&&e.binding.field;if(n){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(a=>a.id===n)}e.updateOn=(r=this.designViewModelField)==null?void 0:r.updateOn}}getBasicPropConfig(e){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",idField:"value",editable:!1,data:[{value:e.type,name:G[e.type]&&G[e.type].name}]}}}}}getAppearanceConfig(e=null,n={},r){const o={title:"外观",description:"Appearance"},a={class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter",parentPropertyID:"appearance"}};for(const i in n)a[i]=Object.assign(a[i]||{},n[i]);return{...o,properties:{...a},setPropertyRelates(i,g){if(i){switch(i&&i.propertyID){case"class":case"style":{je.value++;break}}r&&r(i,e,g)}}}}getPropertyEditorParams(e,n=[],r="visible",o={},a={}){const{getVariables:i,getControlName:g,getStateMachines:l}=$e(this.designerHostService),d=this.getRealTargetType(e),p=n&&n.length>0?n:["Const","Variable","StateMachine","Expression"],s={type:"property-editor",propertyTypes:p};return p.map(m=>{switch(m){case"Const":Object.assign(s,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},o);break;case"Expression":s.expressionConfig=this.getExpressionOptions(e,d,r);break;case"StateMachine":s.stateMachines=l();break;case"Variable":Object.assign(s,{controlName:g(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:i(this.viewModelId),onBeforeOpenVariables:C=>{C.value=i(this.viewModelId)}},a);break}}),s}getVisibleProperty(e,n=""){var a;let r=["Const","Variable","StateMachine","Expression"];return n==="gridFieldEditor"?r=["Const","Expression"]:n==="form-group"&&!((a=e.binding)!=null&&a.field)&&(r=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,r,"visible")}}}getBehaviorConfig(e,n="",r={},o){const a={title:"行为",description:""},i=this.getVisibleProperty(e,n);for(const l in r)i[l]=Object.assign(i[l]||{},r[l]);const g=this;return{...a,properties:{...i},setPropertyRelates(l,d){if(l){switch(l.propertyID){case"disabled":case"readonly":case"visible":g.afterMutilEditorChanged(e,l);break}o&&o(l,d)}}}}afterMutilEditorChanged(e,n){this.addNewVariableToViewModel(n,this.viewModelId),this.updateExpressionValue(n),this.clearExpression(n,e)}updateElementByParentContainer(e,n){const r=n&&n.parent&&n.parent.schema;if(!r)return;const o=r.contents.findIndex(i=>i.id===e),a=P.cloneDeep(r.contents[o]);r.contents.splice(o,1),r.contents.splice(o,0,a),Ue()}addNewVariableToViewModel(e,n){const r=e.propertyValue;if(!(r&&typeof r=="object")||!(r.type==="Variable"&&r.isNewVariable))return;const i={id:r.field,category:"locale",code:r.fullPath,name:r.fullPath,type:r.newVariableType||"String"};delete r.newVariableType,delete r.isNewVariable,this.formSchemaUtils.getVariableByCode(i.code)||this.formSchemaUtils.getViewModelById(n).states.push(i)}updateExpressionValue(e){const n=e.propertyValue;if(!((n&&n.type)==="Expression"&&n.expressionInfo))return;const{expressionId:a,expressionInfo:i}=n,{targetId:g,targetType:l,expressionType:d,value:p,message:s}=i,m=this.formSchemaUtils.getModule();m.expressions=m.expressions||[];const{expressions:C}=m;let c=C.find(v=>v.target===g);c||(c={target:g,rules:[],targetType:l},C.push(c));const u=c.rules.find(v=>v.type===d);if(u)u.value=p,u.message=s;else{const v={id:a,type:d,value:p,message:s};c.rules.push(v)}delete n.expressionInfo}clearExpression(e,n){const r=e.propertyValue;if(r&&r.type==="Expression")return;const a=e.propertyID,i=this.formSchemaUtils.getExpressions(),g=n.binding?n.binding.field:n.id,l=i.find(d=>d.target===g);!l||!l.rules||(l.rules=l.rules.filter(d=>d.type!==a))}getExpressionOptions(e,n,r){return new Ae(this.formSchemaUtils).getExpressionOptions(e,n,r)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const n={};return n[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:r=>{var o;((o=r.controller)==null?void 0:o.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(r)}}},n}}class Ge extends qe{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig}getAppearanceProperties(e){const n=this;return this.getAppearanceConfig(e,{title:{title:"标题",type:"string",description:"标题"}},(o,a,i)=>{switch(o&&o.propertyID){case"title":{o.needRefreshControlTree=!0,n.changeGroupNameInViewModel(a.id,o.propertyValue);break}}})}changeGroupNameInViewModel(e,n){var a;const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);r&&r.changeGroupName(e,n);const o=this.formSchemaUtils.getViewModelById(this.viewModelId);(a=o==null?void 0:o.fields)!=null&&a.length&&o.fields.forEach(i=>{i.groupId===e&&(i.groupName=n)})}}function ze(t,e){const n=new U.UseTemplateDragAndDropRules,{canAccept:r}=n.getTemplateRule(t,e),o=t.schema;function a(){return"f-section-formgroup"}function i(){return!0}function g(){return!0}function l(){return!1}function d(f){const{sourceElement:y}=f,{componentInstance:x}=y,M=e==null?void 0:e.formSchemaUtils;if(!M)return!0;const E=M.getComponentById(x.value.belongedComponentId),w=M.getViewModelById(E.viewModel),F=M.getComponentById(t.componentInstance.value.belongedComponentId),V=M.getViewModelById(F.viewModel);return w!=null&&w.id&&(V!=null&&V.id)&&w.id!==V.id?w.bindTo===V.bindTo:!0}function p(f){const{bindingTargetId:y}=f;if(!e)return;const{formSchemaUtils:x,schemaService:M}=e,E=x.getComponentById(t.componentInstance.value.belongedComponentId),w=M.getFieldByIDAndVMID(y,E.viewModel);return!!(w!=null&&w.schemaField)}function s(f){return f.sourceType==="control"&&f.componentCategory==="input"?!0:f.sourceType==="move"&&f.componentType==="form-group"?d(f):f.sourceType==="field"&&f.componentCategory==="input"?p(f):!1}function m(f){return!(!U.useDragulaCommonRule().basalDragulaRuleForContainer(f,e)||!r||!s(f))}function C(f){return new Ge(f,e).getPropertyConfig(o)}function c(f){var V,b,T,D,k;if(!e)return;const{formSchemaUtils:y,designViewModelUtils:x}=e,M=f.componentInstance,E=M.value.parent,w=y.getComponentById(M.value.belongedComponentId),F=x.getDgViewModel(w.viewModel);switch(E&&((V=E.schema)==null?void 0:V.type)){case U.DgControl.fieldset.type:case U.DgControl["response-form"].type:case U.DgControl["response-layout-item"].type:{const O={groupId:o.id,groupName:o.title},N=(T=(b=M.value.schema)==null?void 0:b.binding)==null?void 0:T.type,j=(k=(D=M.value.schema)==null?void 0:D.binding)==null?void 0:k.field;switch(N){case L.FormBindingType.Form:{F.changeField(j,O);break}case L.FormBindingType.Variable:{y.modifyViewModelFieldById(w.viewModel,j,O,!0);break}}break}}}function u(f){if(!f||!f.componentInstance||!e)return;const y=f.componentInstance,x=y.value.schema;if(!x.binding||!x.binding.field)return;c(f);const{formSchemaUtils:M}=e,E=M.getViewModelIdByComponentId(y.value.belongedComponentId),w=M.getViewModelIdByComponentId(t.componentInstance.value.belongedComponentId);E!==w&&W.useDesignerRules(t,e).moveInputBetweenComponent(f)}function v(f,y){var x,M,E;if(f.componentCategory==="input"){const{label:w}=f;let F;const V=e==null?void 0:e.controlCreatorUtils;(x=f.bindingSourceContext)!=null&&x.entityFieldNode?F=V.setFormFieldProperty((M=f.bindingSourceContext)==null?void 0:M.entityFieldNode,y==null?void 0:y.type):(F=V.createFormGroupWithoutField(y==null?void 0:y.type),F.label=w);const b=W.useDesignerRules(t,e);return b.resolveFormGroupAppearance(F),b.syncFieldToViewModel(f,(E=F.editor)==null?void 0:E.type,o.id,o.title),F}return y}return{canAccepts:m,hideNestedPaddingInDesginerView:l,getPropsConfig:C,checkCanDeleteComponent:i,checkCanMoveComponent:g,onAcceptMovedChildElement:u,onResolveNewComponentSchema:v,getDesignerClass:a}}const _e=h.defineComponent({name:"FFieldsetDesign",props:re,emits:[],setup(t,e){const n=h.ref(),r=h.ref(),o=h.inject("design-item-context"),a=h.inject("designer-host-service"),i=ze(o,a),g=U.useDesignerComponent(r,o,i);e.expose(g.value),h.onMounted(()=>{r.value.componentInstance=g});const l=h.ref(!0);function d(c,u){c&&u&&u.split(" ").reduce((f,y)=>(f[y]=!0,f),c)}const p=h.computed(()=>{const c={"f-section-formgroup":!0,"f-state-collapse":!l.value};return d(c,t.customClass),c}),s=h.computed(()=>({display:l.value?"flex":"none","flex-wrap":"wrap"})),m=h.computed(()=>({btn:!0,"f-btn-mx":!0,"f-btn-collapse-expand":!0,"f-state-expand":l.value}));function C(){l.value=!l.value}return()=>h.createVNode("fieldset",{class:p.value,ref:n},[h.createVNode("legend",{class:"f-section-formgroup-legend"},[h.createVNode("div",{class:"f-header"},[h.createVNode("div",{class:"f-title",onClick:C},[t.title]),h.createVNode("div",{class:"f-toolbar",onClick:C},[h.createVNode("button",{class:m.value},null)])])]),h.createVNode("div",{"data-dragref":`${o.schema.id}-container`,ref:r,class:"f-section-formgroup-inputs drag-container",style:s.value},[e.slots.default&&e.slots.default()])])}}),Le={install(t){t.component(A.name,A)},register(t,e,n,r){t.fieldset=A,e.fieldset=z},registerDesigner(t,e,n){t.fieldset=_e,e.fieldset=z}};S.Fieldset=A,S.default=Le,S.fieldsetDesignerProps=re,S.fieldsetProps=$,S.propsResolver=z,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});