@farris/ui-vue 1.7.3 → 1.7.5

package/components/html-template/index.esm.js

@@ -1,10 +1,10 @@
 var T = Object.defineProperty;
 var F = (d, e, t) => e in d ? T(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
 var u = (d, e, t) => F(d, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as M, ref as R, inject as w, onMounted as U, computed as k, createVNode as N } from "vue";
-import { createPropsResolver as I, getPropsResolverGenerator as P } from "../dynamic-resolver/index.esm.js";
+import { defineComponent as I, ref as R, inject as V, onMounted as U, computed as k, createVNode as N } from "vue";
+import { createPropsResolver as P, getPropsResolverGenerator as S } from "../dynamic-resolver/index.esm.js";
 import { withInstall as B } from "../common/index.esm.js";
-import { DgControl as V, canvasChanged as O, refreshCanvas as $, useDesignerComponent as A } from "../designer-canvas/index.esm.js";
+import { DgControl as M, canvasChanged as O, refreshCanvas as $, useDesignerComponent as A } from "../designer-canvas/index.esm.js";
 import { cloneDeep as q } from "lodash-es";
 const H = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-design.gitee.io/html-template.schema.json", j = "html-template", L = "A Farris Component", G = "object", z = {
   id: {
@@ -39,26 +39,26 @@ const H = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-de
   required: D,
   ignore: J
 }, b = /* @__PURE__ */ new Map([]);
-function y(d, e, t) {
+function E(d, e, t) {
   return e;
 }
 const C = {
   /** 渲染函数 */
   renderFunction: { type: Function }
-}, de = I(C, v, b, y), S = {
+}, le = P(C, v, b, E), w = {
   /** html模板 */
   html: { type: String, default: "" }
-}, ce = I(S, v, b, y), K = P(
+}, de = P(w, v, b, E), K = S(
   C,
   v,
   b,
-  y
-), Q = P(
-  S,
+  E
+), Q = S(
+  w,
   v,
   b,
-  y
-), x = /* @__PURE__ */ M({
+  E
+), x = /* @__PURE__ */ I({
   name: "FHtmlTemplate",
   props: C,
   emits: [],
@@ -68,11 +68,8 @@ const C = {
       return (e = d.renderFunction) == null ? void 0 : e.call(d);
     };
   }
-}), W = {
-  /** html模板 */
-  html: { type: String, default: "" }
-};
-function X(d) {
+});
+function W(d) {
   const { formSchemaUtils: e, formStateMachineUtils: t } = d;
   function i(o, l = "") {
     return {
@@ -100,7 +97,7 @@ function X(d) {
   }
   return { getVariables: r, getControlName: n, getStateMachines: a };
 }
-class Y {
+class X {
   constructor(e) {
     u(this, "sessionVariables", [
       {
@@ -367,7 +364,7 @@ class Y {
     };
   }
 }
-class Z {
+class Y {
   constructor(e, t) {
     u(this, "componentId");
     u(this, "viewModelId");
@@ -428,7 +425,7 @@ class Z {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: V[e.type] && V[e.type].name }]
+            data: [{ value: e.type, name: M[e.type] && M[e.type].name }]
           }
         }
       }
@@ -484,7 +481,7 @@ class Z {
    * @returns 
    */
   getPropertyEditorParams(e, t = [], i = "visible", s = {}, r = {}, n = "") {
-    const { getVariables: a, getControlName: o, getStateMachines: l } = X(this.designerHostService), c = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], m = {
+    const { getVariables: a, getControlName: o, getStateMachines: l } = W(this.designerHostService), c = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -614,9 +611,9 @@ class Z {
     const { expressions: f } = m;
     let g = f.find((h) => h.target === a);
     g || (g = { target: a, rules: [], targetType: o }, f.push(g));
-    const E = g.rules.find((h) => h.type === l);
-    if (E)
-      E.value = c, E.message = p;
+    const y = g.rules.find((h) => h.type === l);
+    if (y)
+      y.value = c, y.message = p;
     else {
       const h = { id: r, type: l, value: c, message: p };
       g.rules.push(h);
@@ -637,7 +634,7 @@ class Z {
     !o || !o.rules || (o.rules = o.rules.filter((l) => l.type !== r));
   }
   getExpressionOptions(e, t, i) {
-    return new Y(this.formSchemaUtils).getExpressionOptions(e, t, i);
+    return new X(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";
@@ -656,7 +653,7 @@ class Z {
     }, t;
   }
 }
-class ee extends Z {
+class Z extends Y {
   constructor(e, t) {
     super(e, t);
   }
@@ -682,7 +679,7 @@ class ee extends Z {
     };
   }
 }
-function te(d, e) {
+function ee(d, e) {
   function t() {
     return !1;
   }
@@ -696,7 +693,7 @@ function te(d, e) {
     return !0;
   }
   function n(o) {
-    return new ee(o, e).getPropertyConfig(d);
+    return new Z(o, e).getPropertyConfig(d);
   }
   function a() {
     return "";
@@ -710,12 +707,12 @@ function te(d, e) {
     getDesignerClass: a
   };
 }
-const ie = /* @__PURE__ */ M({
+const te = /* @__PURE__ */ I({
   name: "FHtmlTemplateDesign",
-  props: W,
+  props: w,
   emits: [],
   setup(d, e) {
-    const t = R(), i = w("designer-host-service"), s = w("design-item-context"), r = te(s.schema, i), n = A(t, s, r);
+    const t = R(), i = V("designer-host-service"), s = V("design-item-context"), r = ee(s.schema, i), n = A(t, s, r);
     U(() => {
       t.value.componentInstance = n;
     }), e.expose(n.value);
@@ -731,16 +728,16 @@ x.register = (d, e, t, i, s) => {
   d["html-template"] = x, e["html-template"] = K(s);
 };
 x.registerDesigner = (d, e, t, i) => {
-  d["html-template"] = ie, e["html-template"] = Q(i);
+  d["html-template"] = te, e["html-template"] = Q(i);
 };
-const pe = B(x);
+const ce = B(x);
 export {
   x as FHtmlTemplate,
-  pe as default,
-  ce as designPropsResolver,
+  ce as default,
+  de as designPropsResolver,
   Q as designPropsResolverGenerator,
-  S as htmlTemplateDesignProps,
+  w as htmlTemplateDesignProps,
   C as htmlTemplateProps,
-  de as propsResolver,
+  le as propsResolver,
   K as propsResolverGenerator
 };

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

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