@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 42.9 kB
JavaScript
(function(C,A){typeof exports=="object"&&typeof module<"u"?A(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../locale/index.umd.js"),require("../designer-canvas/index.umd.js"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../locale/index.umd.js","../designer-canvas/index.umd.js","lodash-es","../common/index.umd.js"],A):(C=typeof globalThis<"u"?globalThis:C||self,A(C.avatar={},C.Vue,C.dynamicResolver,null,C.designerCanvas,C.LodashES,C.common))})(this,function(C,A,I,ie,s,L,M){"use strict";var ee=Object.defineProperty;var te=(C,A,I)=>A in C?ee(C,A,{enumerable:!0,configurable:!0,writable:!0,value:I}):C[A]=I;var y=(C,A,I)=>te(C,typeof A!="symbol"?A+"":A,I);function R(m,o,e){return o}const U=new Map([["appearance",I.resolveAppearance]]),q={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/avatar.schema.json",title:"avatar",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for avatar",type:"string"},type:{description:"The type string of avatar",type:"string",default:"avatar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},avatarWidth:{description:"",type:"number",default:100},avatarHeight:{description:"",type:"number",default:100},readonly:{description:"",type:"boolean",default:!1},cover:{description:"",type:"string",default:""},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"],ignore:["id","appearance","binding","visible"]},P={avatarWidth:{type:Number,default:100},avatarHeight:{type:Number,default:100},cover:{type:String},readonly:{type:Boolean,default:!1},shape:{type:String,default:"circle"},maxSize:{type:Number,default:1},modelValue:{type:String,default:""},title:{type:String,default:""},imageType:{type:Array,default:["jpeg"]}},k=I.createPropsResolver(P,q,U,R);function D(m,o,e,t){const i="data:image/jpeg;base64,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",n=A.ref(m.readonly);function r(p){return p.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function c(p){return p.indexOf("data:image/")>-1}function d(p){return"data:image/jpeg;base64,"+p}const u=A.computed(()=>{var g;if(!m.imageType||!m.imageType.length)return"";const p=(g=m.imageType)==null?void 0:g.map(h=>(h==="jpg"&&(h="jpeg"),`image/${h}`));return!p||!p.length?"image/*":p.join(",")}),a=A.computed(()=>{const p=t.value||m.cover||i;return r(p)||c(p)?p:d(p)}),l=A.computed(()=>n.value?"":m.title);function f(){n.value||e&&e.value&&e.value.click()}return{acceptTypes:u,imageSource:a,imageTitle:l,onClickImage:f}}const V=A.defineComponent({name:"FAvatar",props:P,emits:["change","update:modelValue"],setup(m,o){const e=A.computed(()=>({"f-avatar":!0,"f-avatar-readonly":m.readonly,"f-avatar-circle":m.shape==="circle","f-avatar-square":m.shape==="square"})),t=A.ref(m.modelValue),i=A.computed(()=>({width:m.avatarWidth+"px",height:m.avatarHeight+"px"})),n=!1;function r(){return""}function c(){}const d=A.ref(null),{acceptTypes:u,imageSource:a,onClickImage:l}=D(m,o,d,t);return()=>A.createVNode("div",{class:e.value,style:i.value,onClick:l},[n,A.createVNode("img",{title:m.title,class:"f-avatar-image",src:a.value,onError:r},null),!m.readonly&&A.createVNode("div",{class:"f-avatar-icon"},[A.createVNode("span",{class:"f-icon f-icon-camera"},null)]),A.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:u.value,onChange:c,style:"display: none;"},null)])}});function H(m){const{formSchemaUtils:o,formStateMachineUtils:e}=m;function t(d,u=""){return{path:u+d.code,field:d.id,fullPath:d.code}}function i(d,u=""){const a=o.getViewModelById(d);return a?a.states.map(l=>t(l,u)):[]}function n(d){const u=o.getRootViewModelId(),a=i(d);if(d===u)return a;const l=i(u,"root-component.");return[...a,...l]}function r(d){return d.binding&&d.binding.path||d.id||""}function c(){return e&&e.getRenderStates()||[]}return{getVariables:n,getControlName:r,getStateMachines:c}}class G{constructor(o){y(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'"}]);y(this,"expressionNames",{compute:"计算表达式",dependency:"依赖表达式",validate:"验证表达式",dataPicking:"帮助前表达式",visible:"可见表达式",readonly:"只读表达式",required:"必填表达式"});y(this,"getExpressionConverter",(o,e)=>({convertFrom:(t,i,n,r)=>{const c=n.getExpressionRuleValue(o,e||i);return c&&c.value||""},convertTo:(t,i,n,r,c)=>{var d;if(i==="dataPicking"&&(n!=null&&n.target)){const u=`${n.target}_dataPicking`;((d=n.rules)==null?void 0:d.some(l=>l.id===u&&l.value))?t.dictPickingExpressionId=u:delete t.dictPickingExpressionId}r.updateExpression(n)}}));this.formSchemaService=o}getExpressionRule(o,e){const t=this.getExpressionData();if(!t)return"";const i=t.find(r=>r.target===o);if(!i)return"";const n=i.rules.find(r=>r.type===e);return n||""}getContextFormVariables(){const{module:o}=this.formSchemaService.getFormSchema();if(!o.viewmodels||o.viewmodels.length===0)return[];const e=this.formSchemaService.getRootViewModelId(),t=this.formSchemaService.getViewModelById(e);if(!t||!t.states||t.states.length===0)return[];const i=[];return t.states.filter(n=>n.category==="remote").forEach(n=>{i.push({key:n.code,name:n.name,description:n.name,category:n.category})}),i}createTreeNode(o,e,t="label"){return{id:o.id,name:o.name,bindingPath:o[t],parents:e,type:"field"}}buildEntityFieldsTreeData(o=null,e){const t=[];return o==null||o.forEach(i=>{var c;const n=this.createTreeNode(i,e);let r=[];(c=i.type)!=null&&c.fields&&(r=this.buildEntityFieldsTreeData(i.type.fields,[...e,i.label])),t.push({data:n,children:r,expanded:!0})}),t}buildChildEntityTreeData(o=null,e){const t=[];return o==null||o.forEach(i=>{var d,u;const n=this.createTreeNode(i,e);n.type="entity";const r=this.buildEntityFieldsTreeData((d=i.type)==null?void 0:d.fields,[...e,i.label]),c=this.buildChildEntityTreeData((u=i.type)==null?void 0:u.entities,[...e,i.label]);c!=null&&c.length&&(r==null||r.push(...c)),t.push({data:n,children:r||[],expanded:!0})}),t}getEntitiesTreeData(){const o=this.formSchemaService.getSchemaEntities();if(!(o!=null&&o.length))return[];const e=o[0];if(!(e!=null&&e.type))return[];const t=this.buildEntityFieldsTreeData(e.type.fields,[e.code]),i=this.buildChildEntityTreeData(e.type.entities,[e.code]);return i!=null&&i.length&&(t==null||t.push(...i)),{entityCode:e.code,fields:[{data:this.createTreeNode(e,[],"code"),children:t||[]}]}}getEntitiesAndVariables(){return{entities:this.getEntitiesTreeData(),variables:{session:{name:"系统变量",items:this.sessionVariables,visible:!1},forms:{name:"表单变量",items:this.getContextFormVariables(),visible:!0}}}}onBeforeOpenExpression(o,e,t){const i=t==="Field"?o.binding.field:o.id,n=this.getExpressionRule(i,e),r=this.getEntitiesAndVariables(),c={message:["validate","required","dataPicking"].includes(e)&&n?n.message:"",...r};return n.messageType!=null&&(c.messageType=n.messageType),c}buildRule(o,e,t,i){const{expression:n,message:r,messageType:c}=e,d={id:`${o}_${t}`,type:t,value:n};return(t==="validate"||t==="dataPicking"||t==="required")&&(d.message=r),t==="dataPicking"&&(d.messageType=c),t==="validate"&&i&&(d.elementId=i),d}getExpressionData(){const{expressions:o}=this.formSchemaService.getFormSchema().module;return o||[]}updateExpression(o,e,t,i){const n=e==="Field"?o.binding.field:o.id,r=this.buildRule(n,t,i,o.type==="form-group"?o.id:"");let d=this.getExpressionData().find(a=>a.targetType===e&&a.target===n);const u=a=>a.value.trim()==="";if(d){const a=d.rules.find(l=>l.id===r.id);if(a)u(r)?d.rules=d.rules.filter(l=>l.id!==r.id):(Object.assign(a,r),i==="validate"&&o.type==="form-group"&&(a.elementId=o.id));else{if(u(r))return null;d.rules=d.rules||[],d.rules.push(r)}}else{if(u(r))return null;d={target:`${n}`,rules:[r],targetType:e}}return d}getExpressionEditorOptions(o,e,t,i){return t.reduce((n,r)=>{var d,u;const c=e==="Field"?(d=o==null?void 0:o.binding)==null?void 0:d.field:o.id;return n[r]={hide:e==="Field"?!!((u=o==null?void 0:o.binding)!=null&&u.field):!1,description:"",title:this.expressionNames[r],type:"string",$converter:this.getExpressionConverter(c),refreshPanelAfterChanged:!0,editor:{type:"expression-editor",singleExpand:!1,dialogTitle:`${this.expressionNames[r]}编辑器`,showMessage:r==="validate"||r==="dataPicking"||r==="required",showMessageType:r==="dataPicking",beforeOpen:()=>this.onBeforeOpenExpression(o,r,e),onSubmitModal:a=>{const l=this.updateExpression(o,e,a,r);if(i){const f=this.buildRule(c,a,r);i(f)}return l}}},n},{})}getExpressionInfo(o,e,t){const i=e==="Field"?o.binding.field:o.id,n=this.getExpressionRule(i,t),r={value:n&&n.value,targetId:i,targetType:e,expressionType:t};return n&&n.message&&(r.message=n.message),r}getExpressionConfig(o,e,t=["compute","dependency","validate"],i){return{description:"表达式",title:"表达式",hide:!o.binding,properties:{...this.getExpressionEditorOptions(o,e,t,i)}}}getExpressionOptions(o,e,t){const i=this.getExpressionInfo(o,e,t);return{dialogTitle:`${this.expressionNames[t]||"表达式"}编辑器`,singleExpand:!1,showMessage:t==="required",beforeOpen:()=>this.onBeforeOpenExpression(o,t,e),expressionInfo:i}}}class W{constructor(o,e){y(this,"componentId");y(this,"viewModelId");y(this,"eventsEditorUtils");y(this,"formSchemaUtils");y(this,"formMetadataConverter");y(this,"designViewModelUtils");y(this,"designViewModelField");y(this,"controlCreatorUtils");y(this,"designerHostService");y(this,"designerContext");y(this,"modalService",null);y(this,"formRule",null);y(this,"schemaService",null);y(this,"metadataService",null);y(this,"propertyConfig",{type:"object",categories:{}});y(this,"expressionProperty");var t;this.componentId=o,this.designerHostService=e,this.eventsEditorUtils=e.eventsEditorUtils,this.formSchemaUtils=e.formSchemaUtils,this.formMetadataConverter=e.formMetadataConverter,this.viewModelId=((t=this.formSchemaUtils)==null?void 0:t.getViewModelIdByComponentId(o))||"",this.designViewModelUtils=e.designViewModelUtils,this.controlCreatorUtils=e.controlCreatorUtils,this.metadataService=e.metadataService,this.schemaService=e.schemaService,this.designerContext=e.designerContext,this.modalService=e.modalService,this.expressionProperty=new G(this.formSchemaUtils)}getFormDesignerInstance(){var o,e;return(e=(o=this.designerContext)==null?void 0:o.instances)==null?void 0:e.formDesigner.value}getTableInfo(){var o;return(o=this.schemaService)==null?void 0:o.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(o){var t;const e=o.binding&&o.binding.type==="Form"&&o.binding.field;if(e){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(n=>n.id===e)}o.updateOn=(t=this.designViewModelField)==null?void 0:t.updateOn}}getBasicPropConfig(o){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:o.type,name:s.DgControl[o.type]&&s.DgControl[o.type].name}]}}}}}getAppearanceConfig(o=null,e={},t){const i={title:"外观",description:"Appearance"},n={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 r in e)n[r]=Object.assign(n[r]||{},e[r]);return{...i,properties:{...n},setPropertyRelates(r,c){if(r){switch(r&&r.propertyID){case"class":case"style":{s.canvasChanged.value++;break}}t&&t(r,o,c)}}}}getPropertyEditorParams(o,e=[],t="visible",i={},n={},r=""){const{getVariables:c,getControlName:d,getStateMachines:u}=H(this.designerHostService),a=this.getRealTargetType(o),l=e&&e.length>0?e:["Const","Variable","StateMachine","Expression"],f={type:"property-editor",propertyTypes:l};return l.map(p=>{switch(p){case"Const":Object.assign(f,{constType:"enum",constEnums:[{id:!0,name:"是"},{id:!1,name:"否"}]},i);break;case"Expression":f.expressionConfig=this.getExpressionOptions(o,a,r||t);break;case"StateMachine":f.stateMachines=u();break;case"Variable":Object.assign(f,{controlName:d(o),newVariablePrefix:"is",newVariableType:"Boolean",variables:c(this.viewModelId),parentComponentId:this.componentId==="root-component"?"":"root-component",onBeforeOpenVariables:g=>{g.value=c(this.viewModelId)}},n),this.designerContext.designerMode==="PC_RTC"&&(f.newVariablePrefix="ext_"+f.newVariablePrefix);break}}),f}getVisibleProperty(o,e=""){var n;let t=["Const","Variable","StateMachine","Expression"];return e==="gridFieldEditor"?t=["Const","Expression"]:e==="form-group"&&!((n=o.binding)!=null&&n.field)&&(t=["Const","Variable","StateMachine"]),{visible:{title:"是否可见",type:"boolean",description:"运行时组件是否可见",editor:this.getPropertyEditorParams(o,t,"visible")}}}getBehaviorConfig(o,e="",t={},i){const n={title:"行为",description:""},r=this.getVisibleProperty(o,e);for(const d in t)r[d]=Object.assign(r[d]||{},t[d]);const c=this;return{...n,properties:{...r},setPropertyRelates(d,u){if(d){switch(d.propertyID){case"disabled":case"readonly":case"visible":c.afterMutilEditorChanged(o,d);break}i&&i(d,u)}}}}afterMutilEditorChanged(o,e){this.addNewVariableToViewModel(e,this.viewModelId),this.updateExpressionValue(e,o),this.clearExpression(e,o)}updateElementByParentContainer(o,e){const t=e&&e.parent&&e.parent.schema;if(!t)return;const i=t.contents.findIndex(r=>r.id===o),n=L.cloneDeep(t.contents[i]);t.contents.splice(i,1),t.contents.splice(i,0,n),s.refreshCanvas()}addNewVariableToViewModel(o,e){const t=o.propertyValue;if(!(t&&typeof t=="object")||!(t.type==="Variable"&&t.isNewVariable))return;const r={id:t.field,category:"locale",code:t.fullPath,name:t.fullPath,type:t.newVariableType||"String",isRtcVariable:this.designerContext.designerMode==="PC_RTC"?!0:void 0};delete t.newVariableType,delete t.isNewVariable,this.formSchemaUtils.getVariableByCode(r.code)||this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(r)}getExpressions(){let o=[];return this.formRule?(this.formRule.expressions=this.formRule.expressions||[],o=this.formRule.expressions||[]):o=this.formSchemaUtils.getExpressions(),o}updateExpressionValue(o,e){const t=o.propertyValue;if(!((t&&t.type)==="Expression"&&t.expressionInfo))return;const{expressionId:r,expressionInfo:c}=t,{targetId:d,targetType:u,expressionType:a,value:l,message:f}=c,p=this.getExpressions();let g=p.find(b=>b.target===d);g||(g={target:d,rules:[],targetType:u},p.push(g));const h=g.rules.find(b=>b.type===a);if(h)h.value=l,h.message=f,(a==="minDate"||a==="maxDate"||a==="defaultTime")&&(h.elementId=e.id);else{const b={id:r,type:a,value:l,message:f,elementId:e.id};g.rules.push(b)}delete t.expressionInfo}clearExpression(o,e){const t=o.propertyValue;if(t&&t.type==="Expression")return;const n=o.propertyID,r=this.getExpressions(),c=e.binding?e.binding.field:e.id,d=r.find(u=>u.target===c);!d||!d.rules||(d.rules=d.rules.filter(u=>u.type!==n))}getExpressionOptions(o,e,t){return this.expressionProperty.getExpressionOptions(o,e,t)}getRealTargetType(o){return["response-toolbar-item","tab-toolbar-item","section-toolbar-item","drawer-toolbar-item"].indexOf(o.type)>-1?"Button":o.binding&&o.binding.field?"Field":"Container"}createBaseEventProperty(o){const e={};return e[this.viewModelId]={type:"events-editor",editor:{initialData:o,viewSourceHandle:t=>{var i;((i=t.controller)==null?void 0:i.label.indexOf(this.formSchemaUtils.getModule().code))>-1&&this.eventsEditorUtils.jumpToMethod(t)}}},e}}const F=class F{static getEditorTypesByMDataType(o,e=!1,t=""){if(e)return[{key:s.DgControl["language-textbox"].type,value:s.DgControl["language-textbox"].name}];let i=F.fieldControlTypeMapping[o];if(t==="data-grid-column"&&(i!=null&&i.length)){const n=[s.DgControl["check-group"].type,s.DgControl["radio-group"].type,s.DgControl.image.type,s.DgControl["rich-text-editor"].type];i=i.filter(r=>!n.includes(r.key))}return i}static getAllInputTypes(){const o=[];for(const e in F.fieldControlTypeMapping)F.fieldControlTypeMapping[e].forEach(t=>{o.find(i=>i.key===t.key&&i.value===t.value)||o.push({key:t.key,value:t.value})});return o}static mappingDomPropAndSchemaProp(o,e){var n;const t=(n=o.editor)==null?void 0:n.type,i=[];return(o.type===s.DgControl["data-grid-column"].type||o.type===s.DgControl["tree-grid-column"].type)&&e&&e.categoryId&&e.categoryId.indexOf("gridFieldEditor")<0&&i.push({domField:"title",schemaField:"name"}),i.push({domField:"label",schemaField:"name"}),i.push({domField:"editor.required",schemaField:"require"}),i.push({domField:"editor.readonly",schemaField:"readonly"}),(t===s.DgControl["input-group"].type||t===s.DgControl.textarea.type||t===s.DgControl["number-spinner"].type)&&i.push({domField:"editor.maxLength",schemaField:"type.length"}),t===s.DgControl["number-spinner"].type&&i.push({domField:"editor.precision",schemaField:"type.precision"}),(o.type===s.DgControl["data-grid-column"].type||o.type===s.DgControl["tree-grid-column"].type)&&i.push({domField:"formatter.precision",schemaField:"type.precision"}),(t===s.DgControl["combo-list"].type||t===s.DgControl["radio-group"].type)&&i.push({domField:"editor.data",schemaField:"type.enumValues"}),(o.type===s.DgControl["data-grid-column"].type||o.type===s.DgControl["tree-grid-column"].type)&&i.push({domField:"formatter.data",schemaField:"type.enumValues"}),t===s.DgControl["date-picker"].type&&(i.push({domField:"editor.displayFormat",schemaField:"editor.format"}),i.push({domField:"editor.fieldType",schemaField:"type.name"})),t===s.DgControl["number-spinner"].type&&(i.push({domField:"editor.max",schemaField:"editor.maxValue"}),i.push({domField:"editor.min",schemaField:"editor.minValue"})),t===s.DgControl.lookup.type&&(i.push({domField:"editor.dataSource",schemaField:"editor.dataSource"}),i.push({domField:"editor.valueField",schemaField:"editor.valueField"}),i.push({domField:"editor.textField",schemaField:"editor.textField"}),i.push({domField:"editor.displayType",schemaField:"editor.displayType"}),i.push({domField:"editor.mapFields",schemaField:"editor.mapFields"}),i.push({domField:"editor.helpId",schemaField:"editor.helpId"})),i.push({domField:"path",schemaField:"bindingPath"}),i.push({domField:"binding.path",schemaField:"bindingField"}),i.push({domField:"binding.fullPath",schemaField:"path"}),(o.type===s.DgControl["data-grid-column"].type||o.type===s.DgControl["tree-grid-column"].type)&&i.push({domField:"field",schemaField:"bindingPath"}),i}};y(F,"fieldControlTypeMapping",{String:[{key:s.DgControl["input-group"].type,value:s.DgControl["input-group"].name},{key:s.DgControl.lookup.type,value:s.DgControl.lookup.name},{key:s.DgControl.image.type,value:s.DgControl.image.name},{key:s.DgControl["date-picker"].type,value:s.DgControl["date-picker"].name},{key:s.DgControl.switch.type,value:s.DgControl.switch.name},{key:s.DgControl["check-box"].type,value:s.DgControl["check-box"].name},{key:s.DgControl["check-group"].type,value:s.DgControl["check-group"].name},{key:s.DgControl["radio-group"].type,value:s.DgControl["radio-group"].name},{key:s.DgControl["combo-list"].type,value:s.DgControl["combo-list"].name},{key:s.DgControl.textarea.type,value:s.DgControl.textarea.name},{key:s.DgControl["time-picker"].type,value:s.DgControl["time-picker"].name}],Text:[{key:s.DgControl.textarea.type,value:s.DgControl.textarea.name},{key:s.DgControl.lookup.type,value:s.DgControl.lookup.name},{key:s.DgControl.image.type,value:s.DgControl.image.name},{key:s.DgControl["rich-text-editor"].type,value:s.DgControl["rich-text-editor"].name}],Decimal:[{key:s.DgControl["number-spinner"].type,value:s.DgControl["number-spinner"].name}],Integer:[{key:s.DgControl["number-spinner"].type,value:s.DgControl["number-spinner"].name}],Number:[{key:s.DgControl["number-spinner"].type,value:s.DgControl["number-spinner"].name},{key:s.DgControl.switch.type,value:s.DgControl.switch.name},{key:s.DgControl["check-box"].type,value:s.DgControl["check-box"].name}],BigNumber:[{key:s.DgControl["number-spinner"].type,value:s.DgControl["number-spinner"].name}],Date:[{key:s.DgControl["date-picker"].type,value:s.DgControl["date-picker"].name}],DateTime:[{key:s.DgControl["date-picker"].type,value:s.DgControl["date-picker"].name}],Boolean:[{key:s.DgControl.switch.type,value:s.DgControl.switch.name},{key:s.DgControl["check-box"].type,value:s.DgControl["check-box"].name}],Enum:[{key:s.DgControl["combo-list"].type,value:s.DgControl["combo-list"].name},{key:s.DgControl["radio-group"].type,value:s.DgControl["radio-group"].name}],Object:[{key:s.DgControl.lookup.type,value:s.DgControl.lookup.name},{key:s.DgControl["combo-list"].type,value:s.DgControl["combo-list"].name},{key:s.DgControl["radio-group"].type,value:s.DgControl["radio-group"].name}]});let S=F;var w=(m=>(m.Form="Form",m.Variable="Variable",m))(w||{});class N{constructor(){y(this,"label","");y(this,"id","");y(this,"columnInSM",12);y(this,"columnInMD",6);y(this,"columnInLG",3);y(this,"columnInEL",2);y(this,"displayWidthInSM",1);y(this,"displayWidthInMD",1);y(this,"displayWidthInLG",1);y(this,"displayWidthInEL",1);y(this,"displayColumnCountAtBreakPoint","md");y(this,"tagRow",0);y(this,"showTopBorder",0);y(this,"group",1);y(this,"isSupportedClass",!0);y(this,"fieldSetId","")}}function Q(m){let o,e;const t=new Map;let i=[];function n(a,l){const p=((a==null?void 0:a.split(" "))||[]).filter(v=>v.startsWith("col-"));if(p.length===0){l.isSupportedClass=!1;return}let g=p.find(v=>/^col-([1-9]|10|11|12)$/.test(v)),h=p.find(v=>/^col-md-([1-9]|10|11|12)$/.test(v)),b=p.find(v=>/^col-xl-([1-9]|10|11|12)$/.test(v)),E=p.find(v=>/^col-el-([1-9]|10|11|12)$/.test(v));g=g||"col-12",l.columnInSM=parseInt(g.replace("col-",""),10),l.displayWidthInSM=l.columnInSM/12,l.displayWidthInSM!==1&&(l.isSupportedClass=!1),h=h||"col-md-"+l.columnInSM,l.columnInMD=parseInt(h.replace("col-md-",""),10),l.displayWidthInMD=l.columnInMD/6,[1,2].includes(l.displayWidthInMD)||(l.isSupportedClass=!1),b=b||"col-xl-"+l.columnInMD,l.columnInLG=parseInt(b.replace("col-xl-",""),10),l.displayWidthInLG=l.columnInLG/3,[1,2,3,4].includes(l.displayWidthInLG)||(l.isSupportedClass=!1),E=E||"col-el-"+l.columnInLG,l.columnInEL=parseInt(E.replace("col-el-",""),10),l.displayWidthInEL=l.columnInEL/2,[1,2,3,4,5,6].includes(l.displayWidthInEL)||(l.isSupportedClass=!1)}function r(a,l,f,p=!1){let g=!1;if(!a.contents||a.contents.length===0){const h=new N;n(a.layout,h),l.push(h);return}a.contents.forEach(h=>{if(h.type==="fieldset"){f+=1,r(h,l,f,!0),g=!0;return}if(h.type==="dynamic-form")return;g&&(f+=1,g=!1);const b=h.appearance&&h.appearance.class,E=new N;b?n(b,E):E.isSupportedClass=!1,E.label=h.label||h.id,E.id=h.id,E.group=f,p&&(E.fieldSetId=a.id),e===h.id&&(o=f),t.set(h.id,h),l.push(E)})}function c(a){const l=m.getComponentById(a);if(!l||!l.componentType||!l.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const f=m.selectNode(l,p=>p.type===s.DgControl["response-form"].type);return!f||!f.contents||f.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:f}}function d(a,l){l=l||a.id;const{result:f,message:p,formNode:g}=c(l);if(!f)return{result:f,message:p};e=a.id,i=[],t.clear();const h=g.contents[0].type===s.DgControl.fieldset.type?0:1;r(g,i,h);const b=i.find(v=>!v.isSupportedClass);return{defaultState:{defaultGroupNumber:o||1,model:b?"customize":"standard"},importData:i}}function u(a,l){l=l;const{result:f,formNode:p}=c(l);if(!f)return"";const g=[];return a.forEach(h=>{var v;const b=t.get(h.id),E=b.appearance&&b.appearance.class;if(E){const T=E.split(" ").filter(_=>!_.startsWith("col-")),x="col-"+h.columnInSM,$="col-md-"+h.columnInMD,J="col-xl-"+h.columnInLG,X="col-el-"+h.columnInEL,Y=[x,$,J,X].concat(T);b.appearance.class=Y.join(" ")}if(h.fieldSetId){const B=p.contents.find(x=>x.id===h.fieldSetId),T=g.find(x=>x.id===h.fieldSetId);T?(v=T.contents)==null||v.push(b):(g.push(B),B.contents=[b])}else g.push(b)}),p.contents=g,p.id}return{checkCanFindFormNode:c,checkCanOpenLayoutEditor:d,changeFormControlsByResponseLayoutConfig:u,getResonseFormLayoutConfig:r}}class O extends W{constructor(e,t){super(e,t);y(this,"responseLayoutEditorFunction");y(this,"bindingVarible");y(this,"formGroupEvents",[{label:"onClickLabel",name:"标签点击事件"}]);y(this,"numberEditorOptions",{type:"number-spinner",useThousands:!1,keyboard:!1,showButton:!1});y(this,"showCustomValue",e=>{var i;const t=this.designViewModelField!=null&&((i=this.designViewModelField)==null?void 0:i.type.name)!=="Boolean";return this.formRule?e.dataType!=="boolean":t});this.responseLayoutEditorFunction=Q(this.formSchemaUtils)}getCommonPropertyConfig(e,t,i="Card"){this.propertyConfig.categories.basic=this.getBasicProperties(e,t,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,t),this.propertyConfig.categories.behavior=this.getBehaviorConfig(e,"form-group")}getPropertyConfig(e,t){return this.getCommonPropertyConfig(e,t,"Card"),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig.categories.expressions=this.getExpressionConfig(e,"Field"),this.propertyConfig.categories.eventsEditor=this.getEventPropertyConfig(e),this.propertyConfig}getGridFieldEdtiorPropConfig(e,t){return this.propertyConfig.categories={},this.getCommonPropertyConfig(e,t,"Grid"),this.getGridFieldEdtiorProperties?this.propertyConfig.categories.editor=this.getGridFieldEdtiorProperties(e):this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig.categories.expressons=this.getExpressionConfig(e,"Field"),this.propertyConfig.categories}getBasicProperties(e,t,i="Card"){var a;const n=this;this.setDesignViewModelField(e);const{canChangeControlType:r,editorTypeList:c}=this.getAvailableEditorType(e);let d=c;this.formRule&&(d=c.filter(l=>l.key!=="image"&&l.key!=="rich-text-editor"));const u={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",$converter:"/converter/change-editor.converter",parentPropertyID:"editor",editor:{type:"combo-list",textField:"value",valueField:"key",idField:"key",editable:!1,data:d,readonly:!r}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},showLabelType:{description:"标签显示方式：1、显示：显示标签 2、占位：保留标签空间，但不显示文本 3、不显示：不显示标签",title:"标签显示",type:"enum",editor:{data:[{id:"visible",name:"显示"},{id:"reserve-space",name:"占位"},{id:"none",name:"不显示"}]},defaultValue:((a=e.editor)==null?void 0:a.type)==="image"?"none":"visible"},binding:{description:"绑定的表单字段",title:"绑定",editor:{type:"binding-selector",bindingType:{enable:!1},editorParams:{componentSchema:e,needSyncToViewModel:!0,viewModelId:this.viewModelId,designerHostService:this.designerHostService,disableOccupiedFields:!0},textField:"bindingField"},refreshPanelAfterChanged:!0,readonly:this.formSchemaUtils.designerMode==="PC_RTC"&&!e.isRtcControl}},setPropertyRelates(l,f,p){if(l)switch(l&&l.propertyID){case"type":{n.changeControlType(e,l,t);break}case"label":{l.needRefreshControlTree=!0;break}case"binding":{n.changeBindingField(e,l,p);break}}}};return i.toLocaleLowerCase()!=="card"&&delete u.properties.showLabelType,u}checkCanChangeControlType(e,t){if(!e.binding)return!1;if(e.binding.type==="Variable"){if(this.bindingVarible=this.formSchemaUtils.getVariableById(e.binding.field),!this.bindingVarible)return!1}else if(!this.designViewModelField||this.designViewModelField.$type!==M.FormSchemaEntityField$Type.SimpleField)return!1;return!0}getAvailableEditorType(e){var n,r;const t=this.checkCanChangeControlType(e,this.viewModelId);if(!t)return{canChangeControlType:!1,editorTypeList:[{key:e.editor.type,value:((n=s.DgControl[e.editor.type])==null?void 0:n.name)||e.editor.type}]};let i=[];return this.designViewModelField&&this.designViewModelField.$type===M.FormSchemaEntityField$Type.SimpleField?i=S.getEditorTypesByMDataType(this.designViewModelField.type.name,this.designViewModelField.multiLanguage):this.bindingVarible&&(i=S.getEditorTypesByMDataType(this.bindingVarible.type,!!((r=this.designViewModelField)!=null&&r.multiLanguage))),{canChangeControlType:t,editorTypeList:i}}changeBindingField(e,t,i){t.needRefreshEntityTree=!0}getAppearanceProperties(e,t){const i=this;return{title:"外观",description:"Appearance",properties:{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"},fill:{title:"填充宽度",description:"启用后，控件占满父容器宽度",type:"boolean",parentPropertyID:"appearance",defaultValue:!1},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!i.formRule,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",beforeOpen:()=>i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,i.componentId)}}},setPropertyRelates(n,r){if(n)switch(n&&n.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(n.propertyValue,i.componentId||e.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(e.id,t),delete e.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(n.propertyValue,e.id,this.componentId),s.canvasChanged.value++;break;case"style":{s.canvasChanged.value++;break}}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,t,i){const n=t.propertyValue,r=i&&i.parent&&i.parent.schema;if(!r)return;const c=r.contents.findIndex(a=>a.id===e.id);if(c===-1)return;const d=r.contents[c];let u;if(this.designViewModelField){const f=this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find(g=>g.id===this.designViewModelField.id).fieldSchema||{};f.editor||(f.editor={}),f.editor.$type=n,this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,f,!1),u=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,n)}u||(u=this.controlCreatorUtils.createFormGroupWithoutField(n)),Object.assign(u,{id:d.id,appearance:d.appearance,size:d.size,label:d.label,binding:d.binding}),Object.prototype.hasOwnProperty.call(d,"visible")&&Object.assign(u,{visible:d.visible}),d.editor&&["readonly","required","placeholder"].map(a=>{Object.prototype.hasOwnProperty.call(d.editor,a)&&(u.editor[a]=d.editor[a])}),i!=null&&i.updateContextSchema?i.updateContextSchema(u):(i.schema=Object.assign(d,u),Object.assign(e,u)),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(a=>a.classList.remove("dgComponentSelected")),Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(a=>a.classList.remove("dgComponentFocused")),s.canvasChanged.value++,A.nextTick(()=>{this.getFormDesignerInstance().reloadPropertyPanel()})}getComponentConfig(e,t={},i={},n){var f,p;const r=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter",parentPropertyID:"editor"},t),c=(f=e.binding)!=null&&f.field?[]:["Const","Variable","StateMachine"],d=this.getPropertyEditorParams(e,c,"readonly"),u=this.getPropertyEditorParams(e,c,"required"),a={readonly:{description:"",title:"只读",editor:d},required:{description:"",title:"必填",type:"boolean",editor:u,visible:!!((p=e.binding)!=null&&p.field)},placeholder:{description:"当控件没有值时在输入框中显示的文本",title:"提示文本",type:"string"}};for(const g in i)a[g]=Object.assign(a[g]||{},i[g]);const l=this;return{...r,properties:{...a},setPropertyRelates(g,h){if(g){switch(g.propertyID){case"readonly":case"required":l.afterMutilEditorChanged(e,g);break}n&&n.bind(l)(g,e,h)}}}}updateUnifiedLayoutAfterControlChanged(e,t,i){const n=e.split(" ");let r=n.find(l=>/^col-([1-9]|10|11|12)$/.test(l)),c=n.find(l=>/^col-md-([1-9]|10|11|12)$/.test(l)),d=n.find(l=>/^col-xl-([1-9]|10|11|12)$/.test(l)),u=n.find(l=>/^col-el-([1-9]|10|11|12)$/.test(l));r=r||"col-12",c=c||"col-md-"+r.replace("col-",""),d=d||"col-xl-"+c.replace("col-md-",""),u=u||"col-el-"+d.replace("col-xl-","");const a={id:t,columnInSM:parseInt(r.replace("col-",""),10),columnInMD:parseInt(c.replace("col-md-",""),10),columnInLG:parseInt(d.replace("col-xl-",""),10),columnInEL:parseInt(u.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,a)}updateUnifiedLayoutAfterResponseLayoutChanged(e,t){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!i||!i.unifiedLayout)return;const n=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,n,1),t){const g=n.find(h=>h.id===t.id);Object.assign(g||{},t)}const r=n.map(g=>g.columnInSM),c=n.map(g=>g.columnInMD),d=n.map(g=>g.columnInLG),u=n.map(g=>g.columnInEL),a=this.checkIsUniqueColumn(r)?r[0]:null,l=this.checkIsUniqueColumn(c)?c[0]:null,f=this.checkIsUniqueColumn(d)?d[0]:null,p=this.checkIsUniqueColumn(u)?u[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:a,uniqueColClassInMD:l,uniqueColClassInLG:f,uniqueColClassInEL:p})}checkIsUniqueColumn(e){const t=new Set(e);return Array.from(t).length===1}getItemCollectionEditor(e,t,i){return t=t||"value",i=i||"name",{editor:{columns:[{field:t,title:"值",dataType:"string"},{field:i,title:"名称",dataType:"string"}],type:"item-collection-editor",valueField:t,nameField:i,requiredFields:[t,i],uniqueFields:[t,i],readonly:this.checkEnumDataReadonly(e)}}}checkEnumDataReadonly(e){return!e.binding||e.binding.type!=="Form"?!1:!!(this.designViewModelField&&this.designViewModelField.type&&this.designViewModelField.type.$type===M.FormSchemaEntityFieldType$Type.EnumType)}appendFieldValueChangeEvents(e,t){e.binding&&e.binding.type===w.Form&&e.binding.field?(t.find(i=>i.label==="fieldValueChanging"),t.find(i=>i.label==="fieldValueChanged"),this.designViewModelField&&(e.fieldValueChanging=this.designViewModelField.valueChanging,e.fieldValueChanged=this.designViewModelField.valueChanged)):t=t.filter(i=>i.label!=="fieldValueChanging"&&i.label!=="fieldValueChanged")}getControlMethodType(e){if(!e.binding)return e.type;switch(e.binding.type){case w.Form:return e.binding.path||e.type;case w.Variable:return e.binding.fullPath||e.type}return e.type}updateLinkedLabel(e,t){if(e.boundEventsList&&e.boundEventsList.length>0){const i=e.boundEventsList.find(n=>n.boundEvents&&n.boundEvents.label==="onClickLabel");t.linkLabel=!!i}else t.linkLabel=!1}getInputCommonEvents(e){return e.binding&&e.binding.type===w.Variable?[{label:"onClickLabel",name:"标签点击事件"}]:[...this.formGroupEvents]}getEventPropertyConfig(e,t="card",i,n){const r=this;let c=this.getInputCommonEvents(e);if(i&&(c=c.concat(i)),c.length===0)return{title:"事件",hideTitle:!0,properties:{},tabId:"commands",tabName:"交互",hide:!0};this.appendFieldValueChangeEvents(e,c);const d=r.eventsEditorUtils.formProperties(e,r.viewModelId,c);return{title:"事件",hideTitle:!0,properties:r.createBaseEventProperty(d),tabId:"commands",tabName:"交互",setPropertyRelates(l,f){const p=l.propertyValue;delete e[r.viewModelId],p&&(p.setPropertyRelates=this.setPropertyRelates,p.controlInfo={type:r.getControlMethodType(e),name:e.title},r.eventsEditorUtils.saveRelatedParameters(e,r.viewModelId,p.events,p),r.updateLinkedLabel(p,f)),n&&n(l,f,p);const g=r.designViewModelUtils.getDgViewModel(r.viewModelId);g&&r.designViewModelField&&g.changeField(r.designViewModelField.id,{valueChanging:e.fieldValueChanging,valueChanged:e.fieldValueChanged})}}}getExpressionConfig(e,t,i=["compute","dependency","validate"],n){return this.expressionProperty.getExpressionConfig(e,t,i,n)}getBindingDataType(e){return this.formRule?(e==null?void 0:e.dataType)||"string":this.designViewModelField?this.designViewModelField.type.name==="Number"?"number":this.designViewModelField.type.name==="String"?"string":"boolean":"boolean"}getEditor(e){return this.getBindingDataType(e)==="number"?this.numberEditorOptions:{}}updatePropertyValue(e,t,i){var n;e.editor[t]!==i?e.editor[t]=i:(n=this.getFormDesignerInstance())==null||n.reloadPropertyPanel()}setBooleanValue(e,t,i){let n=i;this.getBindingDataType()==="string"&&(n=(n||"").trim()||(t==="trueValue"?"true":"false"));const c=t==="trueValue"?"falseValue":"trueValue";e.editor[c]===n&&(n=n+1),this.updatePropertyValue(e,t,n)}getBooleanValueConverter(){return{convertFrom:(e,t)=>e.editor[t],convertTo:(e,t,i)=>{this.setBooleanValue(e,t,i)}}}}class j extends O{constructor(o,e){super(o,e)}getEditorProperties(o){return{description:"编辑器",title:"编辑器",type:"avatar",$converter:"/converter/property-editor.converter",parentPropertyID:"editor",properties:{readonly:{description:"",title:"只读",type:"boolean"},avatarWidth:{description:"",title:"头像宽度",type:"number"},avatarHeight:{description:"",title:"头像高度",type:"number"},cover:{description:"",title:"封面",type:"string"}}}}}function K(m,o){const e=m.schema;function t(i,n){return new j(i,o).getPropertyConfig(e,n)}return{getPropsConfig:t}}const Z=A.defineComponent({name:"FAvatarDesign",props:P,emits:["change","update:modelValue"],setup(m,o){const e=A.ref(),t=A.inject("designer-host-service"),i=A.inject("design-item-context"),n=K(i,t),r=s.useDesignerComponent(e,i,n);A.onMounted(()=>{e.value.componentInstance=r}),o.expose(r.value);const c=A.computed(()=>({"f-avatar":!0,"f-avatar-readonly":m.readonly,"f-avatar-circle":m.shape==="circle","f-avatar-square":m.shape==="square"})),d=A.ref(m.modelValue),u=A.computed(()=>({width:m.avatarWidth+"px",height:m.avatarHeight+"px"})),a=!1;function l(){return""}function f(){}const p=A.ref(null),{acceptTypes:g,imageSource:h,onClickImage:b}=D(m,o,p,d);return()=>A.createVNode("div",{ref:e,class:c.value,style:u.value,onClick:b},[a,A.createVNode("img",{title:m.title,class:"f-avatar-image",src:h.value,onError:l},null),!m.readonly&&A.createVNode("div",{class:"f-avatar-icon"},[A.createVNode("span",{class:"f-icon f-icon-camera"},null)]),A.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:g.value,onChange:f,style:"display: none;"},null)])}});V.register=(m,o,e,t)=>{m.avatar=V,o.avatar=k},V.registerDesigner=(m,o,e)=>{m.avatar=Z,o.avatar=k};const z=M.withInstall(V);C.FAvatar=V,C.avatarProps=P,C.default=z,C.propsResolver=k,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});