@farris/ui-vue/components/html-template/index.umd.cjs

Farris Vue, a Farris Design based Vue3 component library.

(function(F,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../dynamic-resolver/index.umd.js"],T):(F=typeof globalThis<"u"?globalThis:F||self,T(F["html-template"]={},F.Vue,F.LodashES,F.common,F.dynamicResolver))})(this,function(F,T,U,ue,fe){"use strict";var Ke=Object.defineProperty;var et=(F,T,U)=>T in F?Ke(F,T,{enumerable:!0,configurable:!0,writable:!0,value:U}):F[T]=U;var V=(F,T,U)=>et(F,typeof T!="symbol"?T+"":T,U);function Q(n,e){let t;function r(s){const{properties:p,title:b,ignore:l}=s,f=l&&Array.isArray(l),g=Object.keys(p).reduce((M,P)=>((!f||!l.find(O=>O===P))&&(M[P]=p[P].type==="object"&&p[P].properties?r(p[P]):U.cloneDeep(p[P].default)),M),{});if(b&&(!f||!l.find(M=>M==="id"))){const M=b.toLowerCase().replace(/-/g,"_");g.id=`${M}_${Math.random().toString().slice(2,6)}`}return g}function i(s){const{properties:p,title:b,required:l}=s;if(l&&Array.isArray(l)){const f=l.reduce((g,M)=>(g[M]=p[M].type==="object"&&p[M].properties?r(p[M]):U.cloneDeep(p[M].default),g),{});if(b&&l.find(g=>g==="id")){const g=b.toLowerCase().replace(/-/g,"_");f.id=`${g}_${Math.random().toString().slice(2,6)}`}return f}return{type:b}}function a(s,p={},b){const l=n[s];if(l){let f=i(l);const g=e[s];return f=g?g({getSchemaByType:a},f,p,b):f,t!=null&&t.appendIdentifyForNewControl&&t.appendIdentifyForNewControl(f),f}return null}function o(s,p){const b=r(p);return Object.keys(b).reduce((l,f)=>(Object.prototype.hasOwnProperty.call(s,f)&&(l[f]&&U.isPlainObject(l[f])&&U.isPlainObject(s[f]||!s[f])?Object.assign(l[f],s[f]||{}):l[f]=s[f]),l),b),b}function v(s,p){return Object.keys(s).filter(l=>s[l]!=null).reduce((l,f)=>{if(p.has(f)){const g=p.get(f);if(typeof g=="string")l[g]=s[f];else{const M=g(f,s[f],s);Object.assign(l,M)}}else l[f]=s[f];return l},{})}function u(s,p,b=new Map){const l=o(s,p);return v(l,b)}function c(s){var b;const p=s.type;if(p){const l=n[p];if(!l)return s;const f=o(s,l),g=((b=s.editor)==null?void 0:b.type)||"";if(g){const M=n[g],P=o(s.editor,M);f.editor=P}return f}return s}function d(s){t=s}return{getSchemaByType:a,resolveSchemaWithDefaultValue:c,resolveSchemaToProps:u,mappingSchemaToProps:v,setDesignerContext:d}}const X={},Y={},{getSchemaByType:tt,resolveSchemaWithDefaultValue:pe,resolveSchemaToProps:de,mappingSchemaToProps:me,setDesignerContext:nt}=Q(X,Y);function ge(n={}){function e(c,d,s,p){if(typeof s=="number")return p[c].length===s;if(typeof s=="object"){const b=Object.keys(s)[0],l=s[b];if(b==="not")return Number(p[c].length)!==Number(l);if(b==="moreThan")return Number(p[c].length)>=Number(l);if(b==="lessThan")return Number(p[c].length)<=Number(l)}return!1}function t(c,d,s,p){return p[c]&&p[c].propertyValue&&String(p[c].propertyValue.value)===String(s)}const r=new Map([["length",e],["getProperty",t]]);Object.keys(n).reduce((c,d)=>(c.set(d,n[d]),c),r);function i(c,d){const s=c;return typeof d=="number"?[{target:s,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:s,operator:"getProperty",param:c,value:!!d}]:typeof d=="object"?Object.keys(d).map(p=>{if(p==="length")return{target:s,operator:"length",param:null,value:d[p]};const b=p,l=d[p];return{target:s,operator:"getProperty",param:b,value:l}}):[]}function a(c){return Object.keys(c).reduce((s,p)=>{const b=i(p,c[p]);return s.push(...b),s},[])}function o(c,d){if(r.has(c.operator)){const s=r.get(c.operator);return s&&s(c.target,c.param,c.value,d)||!1}return!1}function v(c,d){return a(c).reduce((b,l)=>b&&o(l,d),!0)}function u(c,d){const s=Object.keys(c),p=s.includes("allOf"),b=s.includes("anyOf"),l=p||b,M=(l?c[l?p?"allOf":"anyOf":"allOf"]:[c]).map(O=>v(O,d));return p?!M.includes(!1):M.includes(!0)}return{parseValueSchema:u}}const ve={convertTo:(n,e,t,r)=>{n.appearance||(n.appearance={}),n.appearance[e]=t},convertFrom:(n,e,t)=>n.appearance?n.appearance[e]:n[e]},he={convertFrom:(n,e,t)=>n.buttons&&n.buttons.length?`共 ${n.buttons.length} 项`:"无"},be={convertTo:(n,e,t,r)=>{n.editor&&(n.editor[e]=t)},convertFrom:(n,e,t)=>n.editor&&Object.prototype.hasOwnProperty.call(n.editor,e)?n.editor[e]:n[e]},W={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:"多语输入框"}},ye={convertFrom:(n,e,t)=>{var i;const r=n.editor&&n.editor[e]?n.editor[e]:n[e];return((i=W[r])==null?void 0:i.name)||r}},Se={convertTo:(n,e,t,r)=>{n[e]=n[e]},convertFrom:(n,e,t)=>n.editor?t.getRealEditorType(n.editor.type):""},Me={convertTo:(n,e,t,r)=>{(n.type==="data-grid-column"||n.type==="tree-grid-column")&&(n.formatter?n.formatter[e]=t:n.formatter={[e]:t})},convertFrom:(n,e,t)=>{if(n.formatter){if(e==="trueText")return n.formatter.trueText;if(e==="falseText")return n.formatter.falseText;if(e==="prefix")return n.formatter.prefix;if(e==="suffix")return n.formatter.suffix;if(e==="precision")return n.formatter.precision;if(e==="decimal")return n.formatter.decimal;if(e==="thousand")return n.formatter.thousand;if(e==="tempDateFormat")return n.formatter.dateFormat==="yyyy年MM月dd日"?"yearMonthDay":n.formatter.dateFormat==="yyyy-MM-dd HH:mm:ss"?"yyyy-MM-ddTHH:mm:ss":n.formatter.dateFormat==="yyyy/MM/dd HH:mm:ss"?"yyyy/MM/ddTHH:mm:ss":n.formatter.dateFormat==="yyyy年MM月dd日 HH时mm分ss秒"?"yearMonthDayHourMinuteSecond":n.formatter.tempDateFormat||n.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return n.formatter.customFormat;if(e==="type")return n.formatter.type||"none"}return"none"}},Te={convertTo:(n,e,t,r)=>{n.command?n.command[e]=t:n.command={[e]:t},e==="enable"&&t&&(n.command.commands||(n.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(n,e,t)=>n.command&&e==="enable"?n.command.enable:""},Ee={convertTo:(n,e,t,r)=>{n.column?n.column[e]=t:n.column={[e]:t},e==="fitColumns"&&t&&(n.column.fitMode||(n.column.fitMode="average"))},convertFrom:(n,e,t)=>{if(n.column){if(e==="fitColumns")return n.column.fitColumns;if(e==="fitMode")return n.column.fitMode}return""}},Pe={convertTo:(n,e,t,r)=>{n.summary?n.summary[e]=t:n.summary={[e]:t},e==="enable"&&t&&(n.summary?n.summary.groupFields||(n.summary.groupFields=[]):n.summary={enable:t,groupFields:[]})},convertFrom:(n,e,t)=>n.summary&&e==="enable"?n.summary.enable:n.type==="data-grid-column"?n.enableSummary===void 0?!1:n.enableSummary:""},we={convertTo:(n,e,t,r)=>{n.group?n.group[e]=t:n.group={[e]:t},e==="enable"&&t&&(n.group?n.group.groupFields||(n.group.groupFields=[]):n.group={enable:t,groupFields:[],showSummary:!1})},convertFrom:(n,e,t)=>{if(n.group){if(e==="enable")return n.group.enable;if(e==="showSummary")return n.group.showSummary}}},Fe={convertFrom:(n,e)=>n.binding?n.binding.path:"",convertTo:(n,e,t)=>{if(t&&t.length>0){const r=t[0];n.binding||(n.binding={}),n.binding.type="Form",n.binding.path=r.bindingField,n.binding.field=r.id,n.binding.fullPath=r.path,n.path=r.bindingPath}}},Ce={convertTo:(n,e,t,r)=>{n.pagination||(n.pagination={}),n.pagination[e]=t},convertFrom:(n,e,t)=>n.pagination?n.pagination[e]:n[e]},Ve={convertTo:(n,e,t,r)=>{n.rowNumber||(n.rowNumber={}),n.rowNumber[e]=t},convertFrom:(n,e,t)=>n.rowNumber?n.rowNumber[e]:n[e]},Ne={convertTo:(n,e,t,r)=>{n.selection||(n.selection={}),n.selection[e]=t},convertFrom:(n,e,t)=>n.selection?n.selection[e]:n[e]},Oe={convertFrom:(n,e,t)=>n[e]&&n[e].length?`共 ${n[e].length} 项`:""},ke={convertFrom:(n,e)=>n[e]||"",convertTo:(n,e,t)=>{n[e]=t}},xe={convertTo:(n,e,t,r)=>{n.size||(n.size={}),n.size[e]=t},convertFrom:(n,e,t)=>n.size?n.size[e]:n[e]},Be={convertFrom:(n,e,t)=>{var r,i;return(r=n.formatter)!=null&&r.data&&e==="formatterEnumData"&&!n.formatterEnumData?(i=n.formatter)==null?void 0:i.data:n.formatterEnumData}},De={convertTo:(n,e,t,r)=>{n.sort||(n.sort={}),n.sort[e]=t},convertFrom:(n,e,t)=>{var r,i;if(e==="mode")return((r=n.sort)==null?void 0:r.mode)||"client";if(e==="multiSort")return!!((i=n.sort)!=null&&i.multiSort)}},$e={convertTo:(n,e,t,r)=>{n.filter||(n.filter={}),n.filter[e]=t},convertFrom:(n,e,t)=>{var r;if(e==="mode")return((r=n.filter)==null?void 0:r.mode)||"client"}},je={convertTo:(n,e,t,r)=>{n.rowOption?n.rowOption[e]=t:n.rowOption={[e]:t}},convertFrom:(n,e,t)=>{if(n.rowOption){if(e==="customRowStyle")return n.rowOption.customRowStyle;if(e==="customCellStyle")return n.rowOption.customCellStyle}return""}};function Z(n,e,t){const r=new Map([["/converter/appearance.converter",ve],["/converter/buttons.converter",he],["/converter/property-editor.converter",be],["/converter/items-count.converter",Oe],["/converter/type.converter",ye],["/converter/change-editor.converter",Se],["/converter/change-formatter.converter",Me],["/converter/column-command.converter",Te],["/converter/column-option.converter",Ee],["/converter/summary.converter",Pe],["/converter/group.converter",we],["/converter/form-group-label.converter",ke],["/converter/field-selector.converter",Fe],["/converter/pagination.converter",Ce],["/converter/row-number.converter",Ve],["/converter/grid-selection.converter",Ne],["/converter/size.converter",xe],["/converter/change-formatter-enum.converter",Be],["/converter/grid-sort.converter",De],["/converter/grid-filter.converter",$e],["/converter/row-option.converter",je]]),i=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=ge();function o(l,f){return()=>a.parseValueSchema(l,f)}function v(l,f,g){return l.includes("visible")&&f.visible!==void 0?typeof f.visible=="boolean"?()=>!!f.visible:f.visible===void 0?!0:o(f.visible,g):()=>!0}function u(l,f,g){return l.includes("readonly")&&f.readonly!==void 0?typeof f.readonly=="boolean"?()=>!!f.readonly:o(f.readonly,g):()=>!1}function c(l,f){const g=l.$converter||f;return typeof g=="string"&&g&&r.has(g)?r.get(g)||null:g||null}function d(l,f,g,M,P,O="",D=""){return Object.keys(l).map(w=>{const $=T.ref(1),j=w,h=l[w],k=Object.keys(h),H=h.title,m=h.type,y=i.get(m)||{type:"input-group",enableClear:!1},S=h.editor?Object.assign({},y,h.editor):Object.assign({},y),E=v(k,h,f),C=u(k,h,f);S.readonly=S.readonly===void 0?C():S.readonly;const B=h.type==="cascade"?d(h.properties,f,g,M,P,O,D):[],L=!0;let N=c(h,D);const A=T.computed({get(){if($.value){if(["class","style"].find(Re=>Re===j)&&!N&&(N=r.get("/converter/appearance.converter")||null),N&&N.convertFrom)return N.convertFrom(g,w,P,O);const q=g[w];return Object.prototype.hasOwnProperty.call(h,"defaultValue")&&(q===void 0||typeof q=="string"&&q==="")?h.type==="boolean"?h.defaultValue:h.defaultValue||"":q}return null},set(q){$.value+=1,N&&N.convertTo?(N.convertTo(M,w,q,P,O),N.convertTo(g,w,q,P,O)):(M[w]=q,g[w]=q)}}),{refreshPanelAfterChanged:_,description:Ye,isExpand:Ze,parentPropertyID:Ie}=h,le={propertyID:j,propertyName:H,propertyType:m,propertyValue:A,editor:S,visible:E,readonly:C,cascadeConfig:B,hideCascadeTitle:L,refreshPanelAfterChanged:_,description:Ye,isExpand:Ze,parentPropertyID:Ie};return f[j]=le,le})}function s(l,f,g={}){const M={},P=n[l];return P&&P.categories?Object.keys(P.categories).map(D=>{const x=P.categories[D],w=x==null?void 0:x.title,$=d(x.properties||{},M,{},g,f);return{categoryId:D,categoryName:w,properties:$}}):[]}function p(l,f,g,M,P=""){const O=f.$ref.schema,D=f.$ref.converter,x=g[O],w=x.type,$=t(x),j={},h=n[w];if(h&&h.categories){const k=h.categories[l],H=k==null?void 0:k.title;D&&Object.keys(k.properties).forEach(S=>{k.properties[S].$converter=D});const m=(k==null?void 0:k.properties)||{},y=d(m,j,$,x,M,P);return{categoryId:l,categoryName:H,properties:y}}return{categoryId:l,categoryName:"",properties:[]}}function b(l,f,g,M,P){const O=l.type,D=t(l),x={};let w=P||n[O];if(w&&Object.keys(w).length===0&&g&&g.getPropConfig&&(w=g.getPropConfig(M)),w&&w.categories){const $=[];return Object.keys(w.categories).map(j=>{const h=w.categories[j];if(h.$ref){$.push(p(j,h,l,f,M));return}const k=h==null?void 0:h.title,H=h==null?void 0:h.tabId,m=h==null?void 0:h.tabName,y=h==null?void 0:h.hide,S=h==null?void 0:h.hideTitle,E=d(h.properties||{},x,D,l,f,M,h.$converter),{setPropertyRelates:C}=h,B=h==null?void 0:h.parentPropertyID;$.push({categoryId:j,categoryName:k,tabId:H,tabName:m,hide:y,properties:E,hideTitle:S,setPropertyRelates:C,parentPropertyID:B})}),$}return[]}return{getPropertyConfigBySchema:b,getPropertyConfigByType:s,propertyConverterMap:r}}const I={},R={};Z(I,R,pe);const K={},ee={},{getSchemaByType:rt,resolveSchemaWithDefaultValue:Ue,resolveSchemaToProps:ot,mappingSchemaToProps:it,setDesignerContext:st}=Q(K,ee),te={},ne={};Z(te,ne,Ue);function re(n,e,t=new Map,r=(o,v,u,c)=>v,i={},a=o=>o){return X[e.title]=e,Y[e.title]=r,I[e.title]=i,R[e.title]=a,K[e.title]=e,ee[e.title]=r,te[e.title]=i,ne[e.title]=a,(o={},v=!0)=>{if(!v)return me(o,t);const u=de(o,e,t),c=Object.keys(n).reduce((d,s)=>(d[s]=n[s].default,d),{});return Object.assign(c,u)}}const oe={$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:[]},ie=new Map([]);function se(n,e,t){return e}const G={renderFunction:{type:Function}},ae=re(G,oe,ie,se),J={html:{type:String,default:""}},ce=re(J,oe,ie,se),z=T.defineComponent({name:"FHtmlTemplate",props:G,emits:[],setup(n){return()=>{var e;return(e=n.renderFunction)==null?void 0:e.call(n)}}});function Ae(n,e,t){var H;const r=t&&t.getStyles&&t.getStyles()||"",i=t&&t.getDesignerClass&&t.getDesignerClass()||"",a=T.ref();let o;function v(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function u(){return!1}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function d(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function s(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const y=T.ref(m==null?void 0:m.value.parent),S=s(y);return S||null}function p(m=e){var C;if(t!=null&&t.getDraggableDesignItemElement)return t.getDraggableDesignItemElement(m);const{componentInstance:y,designerItemElementRef:S}=m;if(!y||!y.value)return null;const{getCustomButtons:E}=y.value;return y.value.canMove||E&&((C=E())!=null&&C.length)?S:p(m.parent)}function b(m){return!!t&&t.canAccepts(m)}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function f(){}function g(m,y){var S;!m||!y||(t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(m,y),(S=e==null?void 0:e.setupContext)==null||S.emit("dragEnd"))}function M(m,y){const{componentType:S}=m;let E=fe.getSchemaByTypeForDesigner(S,m,y);t&&t.onResolveNewComponentSchema&&(E=t.onResolveNewComponentSchema(m,E));const C=S.toLowerCase().replace(/-/g,"_");return E&&!E.id&&E.type===S&&(E.id=`${C}_${Math.random().toString().slice(2,6)}`),E}function P(m){m&&t!=null&&t.onChildElementMovedOut&&t.onChildElementMovedOut(m)}function O(...m){if(t&&t.getPropsConfig)return t.getPropsConfig(...m)}function D(m){if(!m)return;const y=e==null?void 0:e.schema,{formSchemaUtils:S}=m;if(y&&S.getExpressions().length){const E=S.getExpressions().findIndex(C=>C.target===y.id);E>-1&&S.getExpressions().splice(E,1)}}function x(m){if(!m||!(e!=null&&e.schema))return;const y=e.schema,{formSchemaUtils:S}=m;S.removeCommunicationInComponent(y)}function w(m){t&&t.onRemoveComponent&&t.onRemoveComponent(),D(m),x(m),e!=null&&e.schema.contents&&e.schema.contents.map(y=>{let S=y.id;y.type==="component-ref"&&(S=y.component);const E=n.value.querySelectorAll(`#${S}-design-item`);E!=null&&E.length&&Array.from(E).map(C=>{var B;(B=C==null?void 0:C.componentInstance)!=null&&B.value.onRemoveComponent&&C.componentInstance.value.onRemoveComponent(m)})})}function $(){if(t&&t.getCustomButtons)return t.getCustomButtons()}function j(m){var S,E;if(!((S=e==null?void 0:e.schema)!=null&&S.id))return;if(!o&&m&&(o=m.formSchemaUtils),t!=null&&t.setComponentBasicInfoMap){t.setComponentBasicInfoMap();return}let y="";if(t!=null&&t.getComponentTitle)y=t.getComponentTitle();else{const{text:C,title:B,label:L,mainTitle:N,name:A,type:_}=e.schema;y=C||B||L||N||A||((E=W[_])==null?void 0:E.name)}y&&o.getControlBasicInfoMap().set(e.schema.id,{componentTitle:y,parentPathName:y})}function h(m){var C;const{changeObject:y}=m,{propertyID:S,propertyValue:E}=y;if(["text","title","label","name","mainTitle"].includes((C=m==null?void 0:m.changeObject)==null?void 0:C.propertyID)&&S&&E&&(j(),o)){const B=o.getControlBasicInfoMap(),L=B.keys().toArray().filter(N=>{var A,_;return((A=B.get(N))==null?void 0:A.reliedComponentId)===((_=e==null?void 0:e.schema)==null?void 0:_.id)});L!=null&&L.length&&L.forEach(N=>{const A=B.get(N).parentPathName.split(" > ");A[0]=E,B.get(N).parentPathName=A.join(" > ")})}}function k(m){if(h(m),t&&t.onPropertyChanged)return t.onPropertyChanged(m)}return a.value={canMove:v(),canSelectParent:u(),canDelete:c(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(H=e==null?void 0:e.parent)==null?void 0:H.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:i,canAccepts:b,getBelongedComponentInstance:s,getDraggableDesignItemElement:p,getDraggingDisplayText:l,getPropConfig:O,getDragScopeElement:f,onAcceptMovedChildElement:g,onChildElementMovedOut:P,addNewChildComponentSchema:M,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||T.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||T.ref(!1),onRemoveComponent:w,getCustomButtons:$,onPropertyChanged:k,setComponentBasicInfoMap:j,updateContextSchema:e==null?void 0:e.updateContextSchema},a}const qe=T.ref(0);function He(){qe.value++}const Le=T.ref(0);function _e(n){const{formSchemaUtils:e,formStateMachineUtils:t}=n;function r(u,c=""){return{path:c+u.code,field:u.id,fullPath:u.code}}function i(u,c=""){return e.getViewModelById(u).states.map(s=>r(s,c))}function a(u){const c=e.getRootViewModelId(),d=i(u);if(u===c)return d;const s=i(c,"root-component.");return[...d,...s]}function o(u){return u.binding&&u.binding.path||u.id||""}function v(){return t&&t.getRenderStates()||[]}return{getVariables:a,getControlName:o,getStateMachines:v}}class ze{constructor(e){V(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'"}]);V(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});V(this,"getExpressionConverter",(e,t)=>({convertFrom:(r,i,a,o)=>{const v=a.getExpressionRuleValue(e,t||i);return v&&v.value||""},convertTo:(r,i,a,o,v)=>{var u;if(i==="dataPicking"&&(a!=null&&a.target)){const c=`${a.target}_dataPicking`;((u=a.rules)==null?void 0:u.some(s=>s.id===c&&s.value))?r.dictPickingExpressionId=c:delete r.dictPickingExpressionId}o.updateExpression(a)}}));this.formSchemaService=e}getExpressionRule(e,t){const r=this.formSchemaService.getExpressions();if(!r)return"";const i=r.find(o=>o.target===e);if(!i)return"";const a=i.rules.find(o=>o.type===t);return a||""}getContextFormVariables(){const{module:e}=this.formSchemaService.getFormSchema();if(!e.viewmodels||e.viewmodels.length===0)return[];const t=this.formSchemaService.getRootViewModelId(),r=this.formSchemaService.getViewModelById(t);if(!r||!r.states||r.states.length===0)return[];const i=[];return r.states.forEach(a=>{i.push({key:a.code,name:a.name,description:a.name,category:a.category})}),i}createTreeNode(e,t,r="label"){return{id:e.id,name:e.name,bindingPath:e[r],parents:t,type:"field"}}buildEntityFieldsTreeData(e=null,t){const r=[];return e==null||e.forEach(i=>{var v;const a=this.createTreeNode(i,t);let o=[];(v=i.type)!=null&&v.fields&&(o=this.buildEntityFieldsTreeData(i.type.fields,[...t,i.label])),r.push({data:a,children:o,expanded:!0})}),r}buildChildEntityTreeData(e=null,t){const r=[];return e==null||e.forEach(i=>{var u,c;const a=this.createTreeNode(i,t);a.type="entity";const o=this.buildEntityFieldsTreeData((u=i.type)==null?void 0:u.fields,[...t,i.label]),v=this.buildChildEntityTreeData((c=i.type)==null?void 0:c.entities,[...t,i.label]);v!=null&&v.length&&(o==null||o.push(...v)),r.push({data:a,children:o||[],expanded:!0})}),r}getEntitiesTreeData(){const e=this.formSchemaService.getSchemaEntities();if(!(e!=null&&e.length))return[];const t=e[0];if(!(t!=null&&t.type))return[];const r=this.buildEntityFieldsTreeData(t.type.fields,[t.code]),i=this.buildChildEntityTreeData(t.type.entities,[t.code]);return i!=null&&i.length&&(r==null||r.push(...i)),{entityCode:t.code,fields:[{data:this.createTreeNode(t,[],"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,t,r){const i=r==="Field"?e.binding.field:e.id,a=this.getExpressionRule(i,t),o=this.getEntitiesAndVariables(),v={message:["validate","required","dataPicking"].includes(t)&&a?a.message:"",...o};return a.messageType!=null&&(v.messageType=a.messageType),v}buildRule(e,t,r,i){const{expression:a,message:o,messageType:v}=t,u={id:`${e}_${r}`,type:r,value:a};return(r==="validate"||r==="dataPicking"||r==="required")&&(u.message=o),r==="dataPicking"&&(u.messageType=v),r==="validate"&&i&&(u.elementId=i),u}getExpressionData(){const{expressions:e}=this.formSchemaService.getFormSchema().module;return e||[]}updateExpression(e,t,r,i){const a=t==="Field"?e.binding.field:e.id,o=this.buildRule(a,r,i,e.type==="form-group"?e.id:"");let u=this.getExpressionData().find(d=>d.targetType===t&&d.target===a);const c=d=>d.value.trim()==="";if(u){const d=u.rules.find(s=>s.id===o.id);if(d)c(o)?u.rules=u.rules.filter(s=>s.id!==o.id):(Object.assign(d,o),i==="validate"&&e.type==="form-group"&&(d.elementId=e.id));else{if(c(o))return null;u.rules=u.rules||[],u.rules.push(o)}}else{if(c(o))return null;u={target:`${a}`,rules:[o],targetType:t}}return u}getExpressionEditorOptions(e,t,r,i){return r.reduce((a,o)=>{var u,c;const v=t==="Field"?(u=e==null?void 0:e.binding)==null?void 0:u.field:e.id;return a[o]={hide:t==="Field"?!!((c=e==null?void 0:e.binding)!=null&&c.field):!1,description:"",title:this.expressionNames[o],type:"string",$converter:this.getExpressionConverter(v),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[o]}编辑器`,showMessage:o==="validate"||o==="dataPicking"||o==="required",showMessageType:o==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(e,o,t),onSubmitModal:d=>{const s=this.updateExpression(e,t,d,o);if(i){const p=this.buildRule(v,d,o);i(p)}return s}}},a},{})}getExpressionInfo(e,t,r){const i=t==="Field"?e.binding.field:e.id,a=this.getExpressionRule(i,r),o={value:a&&a.value,targetId:i,targetType:t,expressionType:r};return a&&a.message&&(o.message=a.message),o}getExpressionConfig(e,t,r=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!e.binding,properties:{...this.getExpressionEditorOptions(e,t,r,i)}}}getExpressionOptions(e,t,r){const i=this.getExpressionInfo(e,t,r);return{dialogTitle:`${this.expressionNames[r]}编辑器`,singleExpand:!1,showMessage:r==="required",beforeOpen:()=>this.onBeforeOpenExpression(e,r,t),expressionInfo:i}}}class We{constructor(e,t){V(this,"componentId");V(this,"viewModelId");V(this,"eventsEditorUtils");V(this,"formSchemaUtils");V(this,"formMetadataConverter");V(this,"designViewModelUtils");V(this,"designViewModelField");V(this,"controlCreatorUtils");V(this,"designerHostService");V(this,"designerContext");V(this,"schemaService",null);V(this,"metadataService",null);V(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.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 r;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(a=>a.id===t)}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:W[e.type]&&W[e.type].name}]}}}}}getAppearanceConfig(e=null,t={},r){const i={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 o in t)a[o]=Object.assign(a[o]||{},t[o]);return{...i,properties:{...a},setPropertyRelates(o,v){if(o){switch(o&&o.propertyID){case"class":case"style":{Le.value++;break}}r&&r(o,e,v)}}}}getPropertyEditorParams(e,t=[],r="visible",i={},a={}){const{getVariables:o,getControlName:v,getStateMachines:u}=_e(this.designerHostService),c=this.getRealTargetType(e),d=t&&t.length>0?t:["Const","Variable","StateMachine","Expression"],s={type:"property-editor",propertyTypes:d};return d.map(p=>{switch(p){case"Const":Object.assign(s,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":s.expressionConfig=this.getExpressionOptions(e,c,r);break;case"StateMachine":s.stateMachines=u();break;case"Variable":Object.assign(s,{controlName:v(e),newVariablePrefix:"is",newVariableType:"Boolean",variables:o(this.viewModelId),onBeforeOpenVariables:b=>{b.value=o(this.viewModelId)}},a);break}}),s}getVisibleProperty(e,t=""){var a;let r=["Const","Variable","StateMachine","Expression"];return t==="gridFieldEditor"?r=["Const","Expression"]:t==="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,t="",r={},i){const a={title:"行为",description:""},o=this.getVisibleProperty(e,t);for(const u in r)o[u]=Object.assign(o[u]||{},r[u]);const v=this;return{...a,properties:{...o},setPropertyRelates(u,c){if(u){switch(u.propertyID){case"disabled":case"readonly":case"visible":v.afterMutilEditorChanged(e,u);break}i&&i(u,c)}}}}afterMutilEditorChanged(e,t){this.addNewVariableToViewModel(t,this.viewModelId),this.updateExpressionValue(t),this.clearExpression(t,e)}updateElementByParentContainer(e,t){const r=t&&t.parent&&t.parent.schema;if(!r)return;const i=r.contents.findIndex(o=>o.id===e),a=U.cloneDeep(r.contents[i]);r.contents.splice(i,1),r.contents.splice(i,0,a),He()}addNewVariableToViewModel(e,t){const r=e.propertyValue;if(!(r&&typeof r=="object")||!(r.type==="Variable"&&r.isNewVariable))return;const o={id:r.field,category:"locale",code:r.fullPath,name:r.fullPath,type:r.newVariableType||"String"};delete r.newVariableType,delete r.isNewVariable,this.formSchemaUtils.getVariableByCode(o.code)||this.formSchemaUtils.getViewModelById(t).states.push(o)}updateExpressionValue(e){const t=e.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:a,expressionInfo:o}=t,{targetId:v,targetType:u,expressionType:c,value:d,message:s}=o,p=this.formSchemaUtils.getModule();p.expressions=p.expressions||[];const{expressions:b}=p;let l=b.find(g=>g.target===v);l||(l={target:v,rules:[],targetType:u},b.push(l));const f=l.rules.find(g=>g.type===c);if(f)f.value=d,f.message=s;else{const g={id:a,type:c,value:d,message:s};l.rules.push(g)}delete t.expressionInfo}clearExpression(e,t){const r=e.propertyValue;if(r&&r.type==="Expression")return;const a=e.propertyID,o=this.formSchemaUtils.getExpressions(),v=t.binding?t.binding.field:t.id,u=o.find(c=>c.target===v);!u||!u.rules||(u.rules=u.rules.filter(c=>c.type!==a))}getExpressionOptions(e,t,r){return new ze(this.formSchemaUtils).getExpressionOptions(e,t,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 t={};return t[this.viewModelId]={type:"events-editor",editor:{initialData:e,viewSourceHandle:r=>{var i;((i=r.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(r)}}},t}}class Ge extends We{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 Je(n,e){function t(){return!1}function r(){return!0}function i(){return!0}function a(){return!0}function o(v){return new Ge(v,e).getPropertyConfig(n)}return{canAccepts:t,hideNestedPaddingInDesginerView:a,getPropsConfig:o,checkCanDeleteComponent:r,checkCanMoveComponent:i}}const Qe=T.defineComponent({name:"FHtmlTemplateDesign",props:J,emits:[],setup(n,e){const t=T.ref(),r=T.inject("designer-host-service"),i=T.inject("design-item-context"),a=Je(i.schema,r),o=Ae(t,i,a);T.onMounted(()=>{t.value.componentInstance=o}),e.expose(o.value);const u='<div class="fv-html-template-design-placeholder">请在属性面板中配置模板</div>',c=T.computed(()=>n.html?n.html:u);return()=>T.createVNode("div",{ref:t,class:"fv-html-template-design",innerHTML:c.value},null)}});z.register=(n,e,t,r)=>{n["html-template"]=z,e["html-template"]=ae},z.registerDesigner=(n,e,t)=>{n["html-template"]=Qe,e["html-template"]=ce};const Xe=ue.withInstall(z);F.FHtmlTemplate=z,F.default=Xe,F.designPropsResolver=ce,F.htmlTemplateDesignProps=J,F.htmlTemplateProps=G,F.propsResolver=ae,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});