@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/content-container/index.umd.cjs

@@ -1 +1 @@
-(function(p,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],f):(p=typeof globalThis<"u"?globalThis:p||self,f(p["content-container"]={},p.Vue,p.dynamicResolver,p.common,p.designerCanvas,p.LodashES))})(this,function(p,f,v,N,E,B){"use strict";var z=Object.defineProperty;var Q=(p,f,v)=>f in p?z(p,f,{enumerable:!0,configurable:!0,writable:!0,value:v}):p[f]=v;var b=(p,f,v)=>Q(p,typeof f!="symbol"?f+"":f,v);const F=new Map([["appearance",v.resolveAppearance]]),D={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/content-container.schema.json",title:"content-container",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"content-container"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]};function O(d,e,t){return e}const S={customClass:{type:String,default:""},customStyle:{type:String,default:""},visible:{type:Boolean,default:!0}},U=v.createPropsResolver(S,D,F,O),T=f.defineComponent({name:"FContentContainer",props:S,emits:[],setup(d,e){return()=>d.visible&&f.createVNode("div",{class:d.customClass,style:d.customStyle},[e.slots.default&&e.slots.default()])}});function j(d){const{formSchemaUtils:e,formStateMachineUtils:t}=d;function n(r,l=""){return{path:l+r.code,field:r.id,fullPath:r.code}}function i(r,l=""){return e.getViewModelById(r).states.map(m=>n(m,l))}function o(r){const l=e.getRootViewModelId(),u=i(r);if(r===l)return u;const m=i(l,"root-component.");return[...u,...m]}function s(r){return r.binding&&r.binding.path||r.id||""}function a(){return t&&t.getRenderStates()||[]}return{getVariables:o,getControlName:s,getStateMachines:a}}class q{constructor(e){b(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'"}]);b(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});b(this,"getExpressionConverter",(e,t)=>({convertFrom:(n,i,o,s)=>{const a=o.getExpressionRuleValue(e,t||i);return a&&a.value||""},convertTo:(n,i,o,s,a)=>{var r;if(i==="dataPicking"&&(o!=null&&o.target)){const l=`${o.target}_dataPicking`;((r=o.rules)==null?void 0:r.some(m=>m.id===l&&m.value))?n.dictPickingExpressionId=l:delete n.dictPickingExpressionId}s.updateExpression(o)}}));this.formSchemaService=e}getExpressionRule(e,t){const n=this.formSchemaService.getExpressions();if(!n)return"";const i=n.find(s=>s.target===e);if(!i)return"";const o=i.rules.find(s=>s.type===t);return o||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),n=this.formSchemaService.getViewModelById(t);if(!n||!n.states||n.states.length===0)return[];const i=[];return n.states.filter(o=>o.category==="remote").forEach(o=>{i.push({key:o.code,name:o.name,description:o.name,category:o.category})}),i}createTreeNode(e,t,n="label"){return{id:e.id,name:e.name,bindingPath:e[n],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var a;const o=this.createTreeNode(i,t);let s=[];(a=i.type)!=null&&a.fields&&(s=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),n.push({data:o,children:s,expanded:!0})}),n}buildChildEntityTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var r,l;const o=this.createTreeNode(i,t);o.type="entity";const s=this.buildEntityFieldsTreeData((r=i.type)==null?void 0:r.fields,[...t,i.label]),a=this.buildChildEntityTreeData((l=i.type)==null?void 0:l.entities,[...t,i.label]);a!=null&&a.length&&(s==null||s.push(...a)),n.push({data:o,children:s||[],expanded:!0})}),n}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const n=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(n==null||n.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:n||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,n){const i=n==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,t),s=this.getEntitiesAndVariables(),a={message:["validate","required","dataPicking"].includes(t)&&o?o.message:"",...s};return o.messageType!=null&&(a.messageType=o.messageType),a}buildRule(e,t,n,i){const{expression:o,message:s,messageType:a}=t,r={id:`${e}_${n}`,type:n,value:o};return(n==="validate"||n==="dataPicking"||n==="required")&&(r.message=s),n==="dataPicking"&&(r.messageType=a),n==="validate"&&i&&(r.elementId=i),r}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,n,i){const o=t==="Field"?e.binding.field:e.id,s=this.buildRule(o,n,i,e.type==="form-group"?e.id:"");let r=this.getExpressionData().find(u=>u.targetType===t&&u.target===o);const l=u=>u.value.trim()==="";if(r){const u=r.rules.find(m=>m.id===s.id);if(u)l(s)?r.rules=r.rules.filter(m=>m.id!==s.id):(Object.assign(u,s),i==="validate"&&e.type==="form-group"&&(u.elementId=e.id));else{if(l(s))return null;r.rules=r.rules||[],r.rules.push(s)}}else{if(l(s))return null;r={target:`${o}`,rules:[s],targetType:t}}return r}getExpressionEditorOptions(e,t,n,i){return n.reduce((o,s)=>{var r,l;const a=t==="Field"?(r=e==null?void 0:e.binding)==null?void 0:r.field:e.id;return o[s]={hide:t==="Field"?!!((l=e==null?void 0:e.binding)!=null&&l.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(a),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:u=>{const m=this.updateExpression(e,t,u,s);if(i){const C=this.buildRule(a,u,s);i(C)}return m}}},o},{})}getExpressionInfo(e,t,n){const i=t==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,n),s={value:o&&o.value,targetId:i,targetType:t,expressionType:n};return o&&o.message&&(s.message=o.message),s}getExpressionConfig(e,t,n=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,n,i)}}}getExpressionOptions(e,t,n){const i=this.getExpressionInfo(e,t,n);return{dialogTitle:`${this.expressionNames[n]}编辑器`,singleExpand:!1,showMessage:n==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),expressionInfo:i}}}class ${constructor(e,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"designerContext");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(o=>o.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.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:E.DgControl[e.type]&&E.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},n){const i={title:"外观",description:"Appearance"},o={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 s in t)o[s]=Object.assign(o[s]||{},t[s]);return{...i,properties:{...o},setPropertyRelates(s,a){if(s){switch(s&&s.propertyID){case"class":case"style":{E.canvasChanged.value++;break}}n&&n(s,e,a)}}}}getPropertyEditorParams(e,t=[],n="visible",i={},o={},s=""){const{getVariables:a,getControlName:r,getStateMachines:l}=j(this.designerHostService),u=this.getRealTargetType(e),m=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],C={type:"property-editor",propertyTypes:m};return m.map(I=>{switch(I){case"Const":Object.assign(C,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":C.expressionConfig=this.getExpressionOptions(e,u,s||n);break;case"StateMachine":C.stateMachines=l();break;case"Variable":Object.assign(C,{controlName:r(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:a(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:w=>{w.value=a(this.viewModelId)}},o),this.designerContext.designerMode==="PC_RTC"&&(C.newVariablePrefix="ext_"+C.newVariablePrefix);break}}),C}getVisibleProperty(e,t=""){var o;let n=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?n=["Const","Expression"]:t==="form-group"&&!((o=e.binding)!=null&&o.field)&&(n=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,n,"visible")}}}getBehaviorConfig(e,t="",n={},i){const o={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const r in n)s[r]=Object.assign(s[r]||{},n[r]);const a=this;return{...o,properties:{...s},setPropertyRelates(r,l){if(r){switch(r.propertyID){case"disabled":case"readonly":case"visible":a.afterMutilEditorChanged(e,r);break}i&&i(r,l)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const i=n.contents.findIndex(s=>s.id===e),o=B.cloneDeep(n.contents[i]);n.contents.splice(i,1),n.contents.splice(i,0,o),E.refreshCanvas()}addNewVariableToViewModel(e,t){const n=e.propertyValue;if(!(n&&typeof n=="object")||!(n.type==="Variable"&&n.isNewVariable))return;const s={id:n.field,category:"locale",code:n.fullPath,name:n.fullPath,type:n.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete n.newVariableType,delete n.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:o,expressionInfo:s}=t,{targetId:a,targetType:r,expressionType:l,value:u,message:m}=s,C=this.formSchemaUtils.getModule();C.expressions=C.expressions||[];const{expressions:I}=C;let w=I.find(V=>V.target===a);w||(w={target:a,rules:[],targetType:r},I.push(w));const P=w.rules.find(V=>V.type===l);if(P)P.value=u,P.message=m;else{const V={id:o,type:l,value:u,message:m};w.rules.push(V)}delete t.expressionInfo}clearExpression(e,t){const n=e.propertyValue;if(n&&n.type==="Expression")return;const o=e.propertyID,s=this.formSchemaUtils.getExpressions(),a=t.binding?t.binding.field:t.id,r=s.find(l=>l.target===a);!r||!r.rules||(r.rules=r.rules.filter(l=>l.type!==o))}getExpressionOptions(e,t,n){return new q(this.formSchemaUtils).getExpressionOptions(e,t,n)}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 t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:n=>{var i;((i=n.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(n)}}},t}}class A extends ${constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}}function G(d,e){const t=d.schema,n=new E.UseTemplateDragAndDropRules;function i(c){var y;const{componentType:g,sourceType:h,sourceElement:x}=c;return!!(h==="control"&&g===E.DgControl["query-solution"].type||h==="move"&&g===E.DgControl.section.type&&((y=x==null?void 0:x.className)!=null&&y.includes("f-section-scheme")))}function o(){const c=e==null?void 0:e.formSchemaUtils,g=c.getComponentById("root-component");return c.selectNode(g,x=>{if(x.type==="component-ref"){const y=c.getComponentById(x.component),M=c.getViewModelById(y==null?void 0:y.viewModel);if((y==null?void 0:y.componentType)==="data-grid"&&(M==null?void 0:M.bindTo)==="/")return!c.selectNode(y,L=>L.type==="tree-grid")}})}function s(){const c=e==null?void 0:e.formSchemaUtils;return c.selectNode(t,h=>{if(h.type==="component-ref"){const x=c.getComponentById(h.component);if((x==null?void 0:x.componentType)==="data-grid"&&c.selectNode(x,M=>M.contents&&M.contents.find(R=>R.type===E.DgControl["filter-bar"].type)))return!0}})}function a(){const c=e==null?void 0:e.formSchemaUtils,g=c.getComponentById("root-component");return!!c.selectNode(g,x=>x.type===E.DgControl["query-solution"].type)}function r(c){var y;const g=(y=t.appearance)==null?void 0:y.class,{sourceType:h}=c;return g&&g.split(" ").includes("f-page")?h==="control"?!a()&&!s()&&o():h==="move":!1}function l(c){const{componentType:g,sourceType:h}=c;return h==="control"&&g===E.DgControl.drawer.type}function u(c){var y;const g=(y=t.appearance)==null?void 0:y.class,{sourceType:h}=c;return g&&g.split(" ").includes("f-page")?h==="control"?!(t.contents&&t.contents.find(R=>R.type===E.DgControl.drawer.type)):h==="move":!1}function m(c){if(i(c))return r(c);if(l(c))return u(c);if(!E.useDragulaCommonRule().basalDragulaRuleForContainer(c,e))return!1;const{canAccept:h}=n.getTemplateRule(d,e);return h}function C(){return t.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function I(){const{canMove:c}=n.getTemplateRule(d,e);return c}function w(){const{canDelete:c}=n.getTemplateRule(d,e);return c}function P(){const{canMove:c,canDelete:g}=n.getTemplateRule(d,e);return!c&&!g}function V(c){const g=new A(c,e),{schema:h}=d;return g.getPropertyConfig(h)}return{canAccepts:m,getStyles:C,checkCanMoveComponent:I,checkCanDeleteComponent:w,hideNestedPaddingInDesginerView:P,getPropsConfig:V}}const k=f.defineComponent({name:"FContentContainerDesign",props:S,emits:[],setup(d,e){const t=f.ref(),n=f.inject("designer-host-service"),i=f.inject("design-item-context"),o=G(i,n),s=E.useDesignerComponent(t,i,o),a=f.computed(()=>{const r={"drag-container":!0};return N.getCustomClass(r,d==null?void 0:d.customClass)});return f.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value),()=>f.createVNode("div",{ref:t,class:a.value,style:d.customStyle,"data-dragref":`${i.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),_={install(d){d.component(T.name,T)},register(d,e,t,n){d["content-container"]=T,e["content-container"]=U},registerDesigner(d,e,t){d["content-container"]=k,e["content-container"]=U}};p.ContentContainer=T,p.ContentContainerDesign=k,p.contentContainerProps=S,p.default=_,p.propsResolver=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js","lodash-es"],f):(p=typeof globalThis<"u"?globalThis:p||self,f(p["content-container"]={},p.Vue,p.dynamicResolver,p.common,p.designerCanvas,p.LodashES))})(this,function(p,f,v,D,E,O){"use strict";var Q=Object.defineProperty;var J=(p,f,v)=>f in p?Q(p,f,{enumerable:!0,configurable:!0,writable:!0,value:v}):p[f]=v;var b=(p,f,v)=>J(p,typeof f!="symbol"?f+"":f,v);const k=new Map([["appearance",v.resolveAppearance]]),N={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/content-container.schema.json",title:"content-container",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"content-container"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},visible:{description:"",type:"boolean",default:!0}},required:["id","type","contents"]};function B(l,e,t){return e}const P={customClass:{type:String,default:""},customStyle:{type:String,default:""},visible:{type:Boolean,default:!0}},j=v.createPropsResolver(P,N,k,B),U=v.getPropsResolverGenerator(P,N,k,B),T=f.defineComponent({name:"FContentContainer",props:P,emits:[],setup(l,e){return()=>l.visible&&f.createVNode("div",{class:l.customClass,style:l.customStyle},[e.slots.default&&e.slots.default()])}});function q(l){const{formSchemaUtils:e,formStateMachineUtils:t}=l;function n(r,d=""){return{path:d+r.code,field:r.id,fullPath:r.code}}function i(r,d=""){const u=e.getViewModelById(r);return u?u.states.map(m=>n(m,d)):[]}function o(r){const d=e.getRootViewModelId(),u=i(r);if(r===d)return u;const m=i(d,"root-component.");return[...u,...m]}function s(r){return r.binding&&r.binding.path||r.id||""}function a(){return t&&t.getRenderStates()||[]}return{getVariables:o,getControlName:s,getStateMachines:a}}class ${constructor(e){b(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'"}]);b(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});b(this,"getExpressionConverter",(e,t)=>({convertFrom:(n,i,o,s)=>{const a=o.getExpressionRuleValue(e,t||i);return a&&a.value||""},convertTo:(n,i,o,s,a)=>{var r;if(i==="dataPicking"&&(o!=null&&o.target)){const d=`${o.target}_dataPicking`;((r=o.rules)==null?void 0:r.some(m=>m.id===d&&m.value))?n.dictPickingExpressionId=d:delete n.dictPickingExpressionId}s.updateExpression(o)}}));this.formSchemaService=e}getExpressionRule(e,t){const n=this.formSchemaService.getExpressions();if(!n)return"";const i=n.find(s=>s.target===e);if(!i)return"";const o=i.rules.find(s=>s.type===t);return o||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),n=this.formSchemaService.getViewModelById(t);if(!n||!n.states||n.states.length===0)return[];const i=[];return n.states.filter(o=>o.category==="remote").forEach(o=>{i.push({key:o.code,name:o.name,description:o.name,category:o.category})}),i}createTreeNode(e,t,n="label"){return{id:e.id,name:e.name,bindingPath:e[n],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var a;const o=this.createTreeNode(i,t);let s=[];(a=i.type)!=null&&a.fields&&(s=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),n.push({data:o,children:s,expanded:!0})}),n}buildChildEntityTreeData(e=null,t){const n=[];return e==null||e.forEach(i=>{var r,d;const o=this.createTreeNode(i,t);o.type="entity";const s=this.buildEntityFieldsTreeData((r=i.type)==null?void 0:r.fields,[...t,i.label]),a=this.buildChildEntityTreeData((d=i.type)==null?void 0:d.entities,[...t,i.label]);a!=null&&a.length&&(s==null||s.push(...a)),n.push({data:o,children:s||[],expanded:!0})}),n}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const n=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(n==null||n.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:n||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,n){const i=n==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,t),s=this.getEntitiesAndVariables(),a={message:["validate","required","dataPicking"].includes(t)&&o?o.message:"",...s};return o.messageType!=null&&(a.messageType=o.messageType),a}buildRule(e,t,n,i){const{expression:o,message:s,messageType:a}=t,r={id:`${e}_${n}`,type:n,value:o};return(n==="validate"||n==="dataPicking"||n==="required")&&(r.message=s),n==="dataPicking"&&(r.messageType=a),n==="validate"&&i&&(r.elementId=i),r}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,n,i){const o=t==="Field"?e.binding.field:e.id,s=this.buildRule(o,n,i,e.type==="form-group"?e.id:"");let r=this.getExpressionData().find(u=>u.targetType===t&&u.target===o);const d=u=>u.value.trim()==="";if(r){const u=r.rules.find(m=>m.id===s.id);if(u)d(s)?r.rules=r.rules.filter(m=>m.id!==s.id):(Object.assign(u,s),i==="validate"&&e.type==="form-group"&&(u.elementId=e.id));else{if(d(s))return null;r.rules=r.rules||[],r.rules.push(s)}}else{if(d(s))return null;r={target:`${o}`,rules:[s],targetType:t}}return r}getExpressionEditorOptions(e,t,n,i){return n.reduce((o,s)=>{var r,d;const a=t==="Field"?(r=e==null?void 0:e.binding)==null?void 0:r.field:e.id;return o[s]={hide:t==="Field"?!!((d=e==null?void 0:e.binding)!=null&&d.field):!1,description:"",title:this.expressionNames[s],type:"string",$converter:this.getExpressionConverter(a),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[s]}编辑器`,showMessage:s==="validate"||s==="dataPicking"||s==="required",showMessageType:s==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,s,t),onSubmitModal:u=>{const m=this.updateExpression(e,t,u,s);if(i){const C=this.buildRule(a,u,s);i(C)}return m}}},o},{})}getExpressionInfo(e,t,n){const i=t==="Field"?e.binding.field:e.id,o=this.getExpressionRule(i,n),s={value:o&&o.value,targetId:i,targetType:t,expressionType:n};return o&&o.message&&(s.message=o.message),s}getExpressionConfig(e,t,n=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,n,i)}}}getExpressionOptions(e,t,n){const i=this.getExpressionInfo(e,t,n);return{dialogTitle:`${this.expressionNames[n]}编辑器`,singleExpand:!1,showMessage:n==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,n,t),expressionInfo:i}}}class A{constructor(e,t){b(this,"componentId");b(this,"viewModelId");b(this,"eventsEditorUtils");b(this,"formSchemaUtils");b(this,"formMetadataConverter");b(this,"designViewModelUtils");b(this,"designViewModelField");b(this,"controlCreatorUtils");b(this,"designerHostService");b(this,"designerContext");b(this,"schemaService",null);b(this,"metadataService",null);b(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService,this.designerContext=t.designerContext}getFormDesignerInstance(){var e,t;return(t=(e=this.designerContext)==null?void 0:e.instances)==null?void 0:t.formDesigner.value}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(o=>o.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.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:E.DgControl[e.type]&&E.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},n){const i={title:"外观",description:"Appearance"},o={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 s in t)o[s]=Object.assign(o[s]||{},t[s]);return{...i,properties:{...o},setPropertyRelates(s,a){if(s){switch(s&&s.propertyID){case"class":case"style":{E.canvasChanged.value++;break}}n&&n(s,e,a)}}}}getPropertyEditorParams(e,t=[],n="visible",i={},o={},s=""){const{getVariables:a,getControlName:r,getStateMachines:d}=q(this.designerHostService),u=this.getRealTargetType(e),m=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],C={type:"property-editor",propertyTypes:m};return m.map(I=>{switch(I){case"Const":Object.assign(C,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":C.expressionConfig=this.getExpressionOptions(e,u,s||n);break;case"StateMachine":C.stateMachines=d();break;case"Variable":Object.assign(C,{controlName:r(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:a(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:w=>{w.value=a(this.viewModelId)}},o),this.designerContext.designerMode==="PC_RTC"&&(C.newVariablePrefix="ext_"+C.newVariablePrefix);break}}),C}getVisibleProperty(e,t=""){var o;let n=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?n=["Const","Expression"]:t==="form-group"&&!((o=e.binding)!=null&&o.field)&&(n=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,n,"visible")}}}getBehaviorConfig(e,t="",n={},i){const o={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const r in n)s[r]=Object.assign(s[r]||{},n[r]);const a=this;return{...o,properties:{...s},setPropertyRelates(r,d){if(r){switch(r.propertyID){case"disabled":case"readonly":case"visible":a.afterMutilEditorChanged(e,r);break}i&&i(r,d)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const i=n.contents.findIndex(s=>s.id===e),o=O.cloneDeep(n.contents[i]);n.contents.splice(i,1),n.contents.splice(i,0,o),E.refreshCanvas()}addNewVariableToViewModel(e,t){const n=e.propertyValue;if(!(n&&typeof n=="object")||!(n.type==="Variable"&&n.isNewVariable))return;const s={id:n.field,category:"locale",code:n.fullPath,name:n.fullPath,type:n.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete n.newVariableType,delete n.isNewVariable,this.formSchemaUtils.getVariableByCode(s.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:o,expressionInfo:s}=t,{targetId:a,targetType:r,expressionType:d,value:u,message:m}=s,C=this.formSchemaUtils.getModule();C.expressions=C.expressions||[];const{expressions:I}=C;let w=I.find(V=>V.target===a);w||(w={target:a,rules:[],targetType:r},I.push(w));const S=w.rules.find(V=>V.type===d);if(S)S.value=u,S.message=m;else{const V={id:o,type:d,value:u,message:m};w.rules.push(V)}delete t.expressionInfo}clearExpression(e,t){const n=e.propertyValue;if(n&&n.type==="Expression")return;const o=e.propertyID,s=this.formSchemaUtils.getExpressions(),a=t.binding?t.binding.field:t.id,r=s.find(d=>d.target===a);!r||!r.rules||(r.rules=r.rules.filter(d=>d.type!==o))}getExpressionOptions(e,t,n){return new $(this.formSchemaUtils).getExpressionOptions(e,t,n)}getRealTargetType(e){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(e.type)>-1?"Button":e.binding&&e.binding.field?"Field":"Container"}createBaseEventProperty(e){const t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:n=>{var i;((i=n.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(n)}}},t}}class G extends A{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e),this.propertyConfig}}function _(l,e){const t=l.schema,n=new E.UseTemplateDragAndDropRules;function i(c){var y;const{componentType:h,sourceType:g,sourceElement:x}=c;return!!(g==="control"&&h===E.DgControl["query-solution"].type||g==="move"&&h===E.DgControl.section.type&&((y=x==null?void 0:x.className)!=null&&y.includes("f-section-scheme")))}function o(){const c=e==null?void 0:e.formSchemaUtils,h=c.getComponentById("root-component");return c.selectNode(h,x=>{if(x.type==="component-ref"){const y=c.getComponentById(x.component),M=c.getViewModelById(y==null?void 0:y.viewModel);if((y==null?void 0:y.componentType)==="data-grid"&&(M==null?void 0:M.bindTo)==="/")return!c.selectNode(y,z=>z.type==="tree-grid")}})}function s(){const c=e==null?void 0:e.formSchemaUtils;return c.selectNode(t,g=>{if(g.type==="component-ref"){const x=c.getComponentById(g.component);if((x==null?void 0:x.componentType)==="data-grid"&&c.selectNode(x,M=>M.contents&&M.contents.find(R=>R.type===E.DgControl["filter-bar"].type)))return!0}})}function a(){const c=e==null?void 0:e.formSchemaUtils,h=c.getComponentById("root-component");return!!c.selectNode(h,x=>x.type===E.DgControl["query-solution"].type)}function r(c){var y;const h=(y=t.appearance)==null?void 0:y.class,{sourceType:g}=c;return h&&h.split(" ").includes("f-page")?g==="control"?!a()&&!s()&&o():g==="move":!1}function d(c){const{componentType:h,sourceType:g}=c;return g==="control"&&h===E.DgControl.drawer.type}function u(c){var y;const h=(y=t.appearance)==null?void 0:y.class,{sourceType:g}=c;return h&&h.split(" ").includes("f-page")?g==="control"?!(t.contents&&t.contents.find(R=>R.type===E.DgControl.drawer.type)):g==="move":!1}function m(c){if(i(c))return r(c);if(d(c))return u(c);if(!E.useDragulaCommonRule().basalDragulaRuleForContainer(c,e))return!1;const{canAccept:g}=n.getTemplateRule(l,e);return g}function C(){return t.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function I(){if(l.schema.appearance&&l.schema.appearance.class&&l.schema.appearance.class.includes("fm-page-footer-container"))return!1;const{canMove:c}=n.getTemplateRule(l,e);return c}function w(){if(l.schema.appearance&&l.schema.appearance.class&&l.schema.appearance.class.includes("fm-page-footer-container"))return!1;const{canDelete:c}=n.getTemplateRule(l,e);return c}function S(){const{canMove:c,canDelete:h}=n.getTemplateRule(l,e);return!c&&!h}function V(c){const h=new G(c,e),{schema:g}=l;return h.getPropertyConfig(g)}return{canAccepts:m,getStyles:C,checkCanMoveComponent:I,checkCanDeleteComponent:w,hideNestedPaddingInDesginerView:S,getPropsConfig:V}}const F=f.defineComponent({name:"FContentContainerDesign",props:P,emits:[],setup(l,e){const t=f.ref(),n=f.inject("designer-host-service"),i=f.inject("design-item-context"),o=_(i,n),s=E.useDesignerComponent(t,i,o),a=f.computed(()=>{const r={"drag-container":!0};return D.getCustomClass(r,l==null?void 0:l.customClass)});return f.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value),()=>f.createVNode("div",{ref:t,class:a.value,style:l.customStyle,"data-dragref":`${i.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),L={install(l){l.component(T.name,T)},register(l,e,t,n,i){l["content-container"]=T,e["content-container"]=U(i)},registerDesigner(l,e,t,n){l["content-container"]=F,e["content-container"]=U(n)}};p.ContentContainer=T,p.ContentContainerDesign=F,p.contentContainerProps=P,p.default=L,p.propsResolver=j,p.propsResolverGenerator=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});