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

package/designer/html-template/index.umd.cjs

@@ -0,0 +1 @@
+(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("../../components/html-template/index.umd.js"),require("../../components/common/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("lodash-es"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/html-template/index.umd.js","../../components/common/index.umd.js","vue","../../components/designer-canvas/index.umd.js","lodash-es","../../components/dynamic-resolver/index.umd.js"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c["html-template"]={},c.FHtmlTemplate,c.common,c.Vue,c.designerCanvas,c.LodashES,c.dynamicResolver))})(this,function(c,m,v,f,b,F,M){"use strict";var j=Object.defineProperty;var q=(c,m,v)=>m in c?j(c,m,{enumerable:!0,configurable:!0,writable:!0,value:v}):c[m]=v;var u=(c,m,v)=>q(c,typeof m!="symbol"?m+"":m,v);const w={html:{type:String,default:""}};function U(g){const{formSchemaUtils:e,formStateMachineUtils:t}=g;function i(o,l=""){return{path:l+o.code,field:o.id,fullPath:o.code}}function n(o,l=""){const a=e.getViewModelById(o);return a?a.states.map(p=>i(p,l)):[]}function r(o){const l=e.getRootViewModelId(),a=n(o);if(o===l)return a;const p=n(l,"root-component.");return[...a,...p]}function s(o){return o.binding&&o.binding.path||o.id||""}function d(){return t&&t.getRenderStates()||[]}return{getVariables:r,getControlName:s,getStateMachines:d}}class k{constructor(e){u(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'"}]);u(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});u(this,"getExpressionConverter",(e,t)=>({convertFrom:(i,n,r,s)=>{const d=r.getExpressionRuleValue(e,t||n);return d&&d.value||""},convertTo:(i,n,r,s,d)=>{var o;if(n==="dataPicking"&&(r!=null&&r.target)){const l=`${r.target}_dataPicking`;((o=r.rules)==null?void 0:o.some(p=>p.id===l&&p.value))?i.dictPickingExpressionId=l:delete i.dictPickingExpressionId}s.updateExpression(r)}}));this.formSchemaService=e}getExpressionRule(e,t){const i=this.formSchemaService.getExpressions();if(!i)return"";const n=i.find(s=>s.target===e);if(!n)return"";const r=n.rules.find(s=>s.type===t);return r||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),i=this.formSchemaService.getViewModelById(t);if(!i||!i.states||i.states.length===0)return[];const n=[];return i.states.filter(r=>r.category==="remote").forEach(r=>{n.push({key:r.code,name:r.name,description:r.name,category:r.category})}),n}createTreeNode(e,t,i="label"){return{id:e.id,name:e.name,bindingPath:e[i],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const i=[];return e==null||e.forEach(n=>{var d;const r=this.createTreeNode(n,t);let s=[];(d=n.type)!=null&&d.fields&&(s=this.buildEntityFieldsTreeData(n.type.fields,[...t,n.label])),i.push({data:r,children:s,expanded:!0})}),i}buildChildEntityTreeData(e=null,t){const i=[];return e==null||e.forEach(n=>{var o,l;const r=this.createTreeNode(n,t);r.type="entity";const s=this.buildEntityFieldsTreeData((o=n.type)==null?void 0:o.fields,[...t,n.label]),d=this.buildChildEntityTreeData((l=n.type)==null?void 0:l.entities,[...t,n.label]);d!=null&&d.length&&(s==null||s.push(...d)),i.push({data:r,children:s||[],expanded:!0})}),i}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const i=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),n=this.buildChildEntityTreeData(t.type.entities,[t.code]);return n!=null&&n.length&&(i==null||i.push(...n)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"code"),children:i||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(e,t,i){const n=i==="Field"?e.binding.field:e.id,r=this.getExpressionRule(n,t),s=this.getEntitiesAndVariables(),d={message:["validate","required","dataPicking"].includes(t)&&r?r.message:"",...s};return r.messageType!=null&&(d.messageType=r.messageType),d}buildRule(e,t,i,n){const{expression:r,message:s,messageType:d}=t,o={id:`${e}_${i}`,type:i,value:r};return(i==="validate"||i==="dataPicking"||i==="required")&&(o.message=s),i==="dataPicking"&&(o.messageType=d),i==="validate"&&n&&(o.elementId=n),o}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,i,n){const r=t==="Field"?e.binding.field:e.id,s=this.buildRule(r,i,n,e.type==="form-group"?e.id:"");let o=this.getExpressionData().find(a=>a.targetType===t&&a.target===r);const l=a=>a.value.trim()==="";if(o){const a=o.rules.find(p=>p.id===s.id);if(a)l(s)?o.rules=o.rules.filter(p=>p.id!==s.id):(Object.assign(a,s),n==="validate"&&e.type==="form-group"&&(a.elementId=e.id));else{if(l(s))return null;o.rules=o.rules||[],o.rules.push(s)}}else{if(l(s))return null;o={target:`${r}`,rules:[s],targetType:t}}return o}getExpressionEditorOptions(e,t,i,n){return i.reduce((r,s)=>{var o,l;const d=t==="Field"?(o=e==null?void 0:e.binding)==null?void 0:o.field:e.id;return r[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(d),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:a=>{const p=this.updateExpression(e,t,a,s);if(n){const h=this.buildRule(d,a,s);n(h)}return p}}},r},{})}getExpressionInfo(e,t,i){const n=t==="Field"?e.binding.field:e.id,r=this.getExpressionRule(n,i),s={value:r&&r.value,targetId:n,targetType:t,expressionType:i};return r&&r.message&&(s.message=r.message),s}getExpressionConfig(e,t,i=["compute","dependency","validate"],n){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,i,n)}}}getExpressionOptions(e,t,i){const n=this.getExpressionInfo(e,t,i);return{dialogTitle:`${this.expressionNames[i]}编辑器`,singleExpand:!1,showMessage:i==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,i,t),expressionInfo:n}}}class N{constructor(e,t){u(this,"componentId");u(this,"viewModelId");u(this,"eventsEditorUtils");u(this,"formSchemaUtils");u(this,"formMetadataConverter");u(this,"designViewModelUtils");u(this,"designViewModelField");u(this,"controlCreatorUtils");u(this,"designerHostService");u(this,"designerContext");u(this,"schemaService",null);u(this,"metadataService",null);u(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.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 i;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(r=>r.id===t)}e.updateOn=(i=this.designViewModelField)==null?void 0:i.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:b.DgControl[e.type]&&b.DgControl[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},i){const n={title:"外观",description:"Appearance"},r={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)r[s]=Object.assign(r[s]||{},t[s]);return{...n,properties:{...r},setPropertyRelates(s,d){if(s){switch(s&&s.propertyID){case"class":case"style":{b.canvasChanged.value++;break}}i&&i(s,e,d)}}}}getPropertyEditorParams(e,t=[],i="visible",n={},r={},s=""){const{getVariables:d,getControlName:o,getStateMachines:l}=U(this.designerHostService),a=this.getRealTargetType(e),p=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],h={type:"property-editor",propertyTypes:p};return p.map(C=>{switch(C){case"Const":Object.assign(h,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},n);break;case"Expression":h.expressionConfig=this.getExpressionOptions(e,a,s||i);break;case"StateMachine":h.stateMachines=l();break;case"Variable":Object.assign(h,{controlName:o(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:d(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:x=>{x.value=d(this.viewModelId)}},r),this.designerContext.designerMode==="PC_RTC"&&(h.newVariablePrefix="ext_"+h.newVariablePrefix);break}}),h}getVisibleProperty(e,t=""){var r;let i=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?i=["Const","Expression"]:t==="form-group"&&!((r=e.binding)!=null&&r.field)&&(i=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(e,i,"visible")}}}getBehaviorConfig(e,t="",i={},n){const r={title:"行为",description:""},s=this.getVisibleProperty(e,t);for(const o in i)s[o]=Object.assign(s[o]||{},i[o]);const d=this;return{...r,properties:{...s},setPropertyRelates(o,l){if(o){switch(o.propertyID){case"disabled":case"readonly":case"visible":d.afterMutilEditorChanged(e,o);break}n&&n(o,l)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const i=t&&t.parent&&t.parent.schema;if(!i)return;const n=i.contents.findIndex(s=>s.id===e),r=F.cloneDeep(i.contents[n]);i.contents.splice(n,1),i.contents.splice(n,0,r),b.refreshCanvas()}addNewVariableToViewModel(e,t){const i=e.propertyValue;if(!(i&&typeof i=="object")||!(i.type==="Variable"&&i.isNewVariable))return;const s={id:i.field,category:"locale",code:i.fullPath,name:i.fullPath,type:i.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete i.newVariableType,delete i.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:r,expressionInfo:s}=t,{targetId:d,targetType:o,expressionType:l,value:a,message:p}=s,h=this.formSchemaUtils.getModule();h.expressions=h.expressions||[];const{expressions:C}=h;let x=C.find(E=>E.target===d);x||(x={target:d,rules:[],targetType:o},C.push(x));const V=x.rules.find(E=>E.type===l);if(V)V.value=a,V.message=p;else{const E={id:r,type:l,value:a,message:p};x.rules.push(E)}delete t.expressionInfo}clearExpression(e,t){const i=e.propertyValue;if(i&&i.type==="Expression")return;const r=e.propertyID,s=this.formSchemaUtils.getExpressions(),d=t.binding?t.binding.field:t.id,o=s.find(l=>l.target===d);!o||!o.rules||(o.rules=o.rules.filter(l=>l.type!==r))}getExpressionOptions(e,t,i){return new k(this.formSchemaUtils).getExpressionOptions(e,t,i)}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:i=>{var n;((n=i.controller)==null?void 0:n.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(i)}}},t}}class B extends N{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.template=this.getTemplateProperties(e),this.propertyConfig}getTemplateProperties(e){return{title:"模板",description:"",properties:{html:{title:"html",type:"string",description:"HTML模板",refreshPanelAfterChanged:!0,editor:{type:"code-editor",language:"html"}}}}}}function O(g,e){function t(){return!1}function i(){return!0}function n(){return!0}function r(){return!0}function s(o){return new B(o,e).getPropertyConfig(g)}function d(){return""}return{canAccepts:t,hideNestedPaddingInDesginerView:r,getPropsConfig:s,checkCanDeleteComponent:i,checkCanMoveComponent:n,getDesignerClass:d}}const y=f.defineComponent({name:"FHtmlTemplateDesign",props:w,emits:[],setup(g,e){const t=f.ref(),i=f.inject("designer-host-service"),n=f.inject("design-item-context"),r=O(n.schema,i),s=b.useDesignerComponent(t,n,r);f.onMounted(()=>{t.value.componentInstance=s}),e.expose(s.value);const o='<div class="fv-html-template-design-placeholder">请在属性面板中配置模板</div>',l=f.computed(()=>g.html?g.html:o);return()=>f.createVNode("div",{ref:t,class:"fv-html-template-design",innerHTML:l.value},null)}}),I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/html-template.schema.json",title:"html-template",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a html-template",type:"string"},type:{description:"The type string of html-template",type:"string",default:"html-template"},html:{description:"",type:"string",default:""},renderFunction:{description:"",type:"function",default:null}},required:["id","type"],ignore:[]},P=new Map([]);function S(g,e,t){return e}const T=M.createPropsResolver(m.htmlTemplateProps,I,P,S),R=M.createPropsResolver(w,I,P,S);y.register=(g,e,t,i)=>{g["html-template"]=m,e["html-template"]=T},y.registerDesigner=(g,e,t)=>{g["html-template"]=y,e["html-template"]=R};const $=v.withInstall(y);c.FHtmlTemplateDesign=y,c.default=$,c.designPropsResolver=R,c.htmlTemplateDesignProps=w,c.propsResolver=T,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});