@farris/ui-vue 1.2.9 → 1.3.1

package/components/avatar/index.umd.cjs

@@ -1 +1 @@
-(function(y,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js"],s):(y=typeof globalThis<"u"?globalThis:y||self,s(y.avatar={},y.Vue,y.LodashES,y.dynamicResolver,y.designerCanvas,y.common))})(this,function(y,s,b,w,E,I){"use strict";var ee=Object.defineProperty;var te=(y,s,b)=>s in y?ee(y,s,{enumerable:!0,configurable:!0,writable:!0,value:b}):y[s]=b;var h=(y,s,b)=>te(y,typeof s!="symbol"?s+"":s,b);const S={},N={};function x(t){const{properties:e,title:n,ignore:r}=t,o=r&&Array.isArray(r),u=Object.keys(e).reduce((A,l)=>((!o||!r.find(g=>g==l))&&(A[l]=e[l].type==="object"&&e[l].properties?x(e[l]):b.cloneDeep(e[l].default)),A),{});return(!o||!r.find(A=>A=="id"))&&(u.id=`${n}-${Date.now()}`),u}function R(t,e){const n=x(e);return Object.keys(t).reduce((r,o)=>(r[o]&&typeof r[o]=="object"?Object.assign(r[o],t[o]):r[o]=t[o],r),n),n}function j(t,e){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,o)=>{if(e.has(o)){const u=e.get(o);if(typeof u=="string")r[u]=t[o];else{const A=u(o,t[o],t);Object.assign(r,A)}}else r[o]=t[o];return r},{})}function D(t,e,n=new Map){const r=R(t,e);return j(r,n)}function H(t={}){function e(a,d,p,m){if(typeof p=="number")return m[a].length===p;if(typeof p=="object"){const c=Object.keys(p)[0],f=p[c];if(c==="not")return Number(m[a].length)!==Number(f);if(c==="moreThan")return Number(m[a].length)>=Number(f);if(c==="lessThan")return Number(m[a].length)<=Number(f)}return!1}function n(a,d,p,m){return m[a]&&m[a].propertyValue&&String(m[a].propertyValue.value)===String(p)}const r=new Map([["length",e],["getProperty",n]]);Object.keys(t).reduce((a,d)=>(a.set(d,t[d]),a),r);function o(a,d){const p=a;return typeof d=="number"?[{target:p,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:p,operator:"getProperty",param:a,value:!!d}]:typeof d=="object"?Object.keys(d).map(m=>{if(m==="length")return{target:p,operator:"length",param:null,value:d[m]};const c=m,f=d[m];return{target:p,operator:"getProperty",param:c,value:f}}):[]}function u(a){return Object.keys(a).reduce((p,m)=>{const c=o(m,a[m]);return p.push(...c),p},[])}function A(a,d){if(r.has(a.operator)){const p=r.get(a.operator);return p&&p(a.target,a.param,a.value,d)||!1}return!1}function l(a,d){return u(a).reduce((c,f)=>c&&A(f,d),!0)}function g(a,d){const p=Object.keys(a),m=p.includes("allOf"),c=p.includes("anyOf"),f=m||c,F=(f?a[f?m?"allOf":"anyOf":"allOf"]:[a]).map(_=>l(_,d));return m?!F.includes(!1):F.includes(!0)}return{parseValueSchema:g}}const i={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"}},q={},Q={};H();function O(t,e,n=new Map,r=(A,l,g)=>l,o={},u=A=>A){return S[e.title]=e,N[e.title]=r,q[e.title]=o,Q[e.title]=u,(A={})=>{const l=D(A,e,n),g=Object.keys(t).reduce((a,d)=>(a[d]=t[d].default,a),{});return Object.assign(g,l)}}function U(t,e,n){return e}const W=new Map([["appearance",w.resolveAppearance]]),G={$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"]},T={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"]}},V=O(T,G,W,U);function P(t,e,n,r){const o="data:image/jpeg;base64,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",u=s.ref(t.readonly);function A(c){return c.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function l(c){return c.indexOf("data:image/")>-1}function g(c){return c?"data:image/jpeg;base64,"+c:""}const a=s.computed(()=>{var f;if(!t.imageType||!t.imageType.length)return"";const c=(f=t.imageType)==null?void 0:f.map(v=>(v==="jpg"&&(v="jpeg"),`image/${v}`));return!c||!c.length?"image/*":c.join(",")}),d=s.computed(()=>{const c=r.value||t.cover||o;return A(c)||l(c)?c:g(c)}),p=s.computed(()=>u.value?"":t.title);function m(){u.value||n&&n.value&&n.value.click()}return{acceptTypes:a,imageSource:d,imageTitle:p,onClickImage:m}}const B=s.defineComponent({name:"FAvatar",props:T,emits:["change","update:modelValue"],setup(t,e){const n=s.computed(()=>({"f-avatar":!0,"f-avatar-readonly":t.readonly,"f-avatar-circle":t.shape==="circle","f-avatar-square":t.shape==="square"})),r=s.ref(t.modelValue),o=s.computed(()=>({width:t.avatarWidth+"px",height:t.avatarHeight+"px"})),u=!1;function A(){return""}function l(){}const g=s.ref(null),{acceptTypes:a,imageSource:d,onClickImage:p}=P(t,e,g,r);return()=>s.createVNode("div",{class:n.value,style:o.value,onClick:p},[u,s.createVNode("img",{title:t.title,class:"f-avatar-image",src:d.value,onError:A},null),!t.readonly&&s.createVNode("div",{class:"f-avatar-icon"},[s.createVNode("span",{class:"f-icon f-icon-camera"},null)]),s.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:a.value,onChange:l,style:"display: none;"},null)])}});function L(t,e){t.schema;const n=s.ref(!0),r=s.ref(!0);function o(p){return!1}function u(){return!1}function A(){return!1}function l(){return!0}function g(p){}function a(){}function d(p){return null}return{canAccepts:o,checkCanDeleteComponent:u,checkCanMoveComponent:A,hideNestedPaddingInDesginerView:l,onAcceptMovedChildElement:g,resolveComponentContext:a,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:d}}class Z{constructor(e,n){h(this,"componentId");h(this,"viewModelId");h(this,"eventsEditorUtils");h(this,"formSchemaUtils");h(this,"formMetadataConverter");h(this,"designViewModelUtils");h(this,"designViewModelField");h(this,"controlCreatorUtils");h(this,"designerHostService");h(this,"schemaService",null);h(this,"metadataService",null);h(this,"propertyConfig",{type:"object",categories:{}});var r;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((r=this.formSchemaUtils)==null?void 0:r.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const n=e.binding&&e.binding.type==="Form"&&e.binding.field;if(n){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(o=>o.id===n)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,n){}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",data:[{value:e.type,name:i[e.type].name}]}}}}}getAppearanceConfig(e=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}}const C=class C{static getEditorTypesByMDataType(e){const n=C.fieldControlTypeMapping[e];return n||[{key:"",value:""}]}static getAllInputTypes(){const e=[];for(let n in C.fieldControlTypeMapping)C.fieldControlTypeMapping[n].forEach(r=>{e.find(o=>o.key===r.key&&o.value===r.value)||e.push({key:r.key,value:r.value})});return e}};h(C,"fieldControlTypeMapping",{String:[{key:i["input-group"].type,value:i["input-group"].name},{key:i.lookup.type,value:i.lookup.name},{key:i["date-picker"].type,value:i["date-picker"].name},{key:i["check-box"].type,value:i["check-box"].name},{key:i["radio-group"].type,value:i["radio-group"].name},{key:i["combo-list"].type,value:i["combo-list"].name},{key:i.textarea.type,value:i.textarea.name}],Text:[{key:i.textarea.type,value:i.textarea.name},{key:i.lookup.type,value:i.lookup.name}],Decimal:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Integer:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Number:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],BigNumber:[{key:i["number-spinner"].type,value:i["number-spinner"].name}],Date:[{key:i["date-picker"].type,value:i["date-picker"].name}],DateTime:[{key:i["date-picker"].type,value:i["date-picker"].name}],Boolean:[{key:i.switch.type,value:i.switch.name},{key:i["check-box"].type,value:i["check-box"].name}],Enum:[{key:i["combo-list"].type,value:i["combo-list"].name},{key:i["radio-group"].type,value:i["radio-group"].name}],Object:[{key:i.lookup.type,value:i.lookup.name},{key:i["combo-list"].type,value:i["combo-list"].name},{key:i["radio-group"].type,value:i["radio-group"].name}]});let k=C;const z=s.ref(0);class K extends Z{constructor(e,n){super(e,n)}getPropertyConfig(e,n){return this.propertyConfig.categories.basic=this.getBasicProperties(e,n),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,n){var A;var r=this;this.setDesignViewModelField(e);const o=this.formSchemaUtils.getFormMetadataBasicInfo(),u=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:r.designViewModelField?k.getEditorTypesByMDataType((A=r.designViewModelField.type)==null?void 0:A.name):k.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:e,formBasicInfo:o},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(l,g){if(l)switch(l&&l.propertyID){case"type":{r.changeControlType(e,l,n);break}case"label":{l.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,n,r){var a,d,p,m;const o=n.propertyValue,u=r&&r.parent&&r.parent.schema;if(!u)return;const A=u.contents.findIndex(c=>c.id===e.id),l=u.contents[A];let g;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:o},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),g=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,o)),g||(g=w.getSchemaByType("form-group")||{},g.editor=w.getSchemaByType(o)||{},delete g.editor.id,delete g.editor.binding,delete g.editor.appearance),Object.assign(g,{id:l.id,appearance:l.appearance,size:l.size,label:l.label,binding:l.binding,visible:l.visible}),Object.assign(g.editor,{isTextArea:g.isTextArea&&l.isTextArea,placeholder:(a=l.editor)==null?void 0:a.placeholder,holdPlace:(d=l.editor)==null?void 0:d.holdPlace,readonly:(p=l.editor)==null?void 0:p.readonly,require:(m=l.editor)==null?void 0:m.require}),u.contents.splice(A,1),u.contents.splice(A,0,g),r.schema=Object.assign(l,g),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(c=>c.classList.remove("dgComponentSelected")),z.value++}getComponentConfig(e,n={},r={}){const o=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},n),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},r);return{...o,properties:{...u}}}}class J extends K{constructor(e,n){super(e,n)}getEditorProperties(e){return{description:"编辑器",title:"编辑器",type:"avatar",$converter:"/converter/property-editor.converter",properties:{readonly:{description:"",title:"只读",type:"boolean"},avatarWidth:{description:"",title:"头像宽度",type:"number"},avatarHeight:{description:"",title:"头像高度",type:"number"},cover:{description:"",title:"封面",type:"string"}}}}}function Y(t,e){const{canAccepts:n,checkCanDeleteComponent:r,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:u,onAcceptMovedChildElement:A,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:g,triggerBelongedComponentToDeleteWhenDeleted:a}=L(t),d=t.schema;function p(m,c){return new J(m,e).getPropertyConfig(d,c)}return{canAccepts:n,checkCanDeleteComponent:r,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:u,onAcceptMovedChildElement:A,resolveComponentContext:l,triggerBelongedComponentToMoveWhenMoved:g,triggerBelongedComponentToDeleteWhenDeleted:a,getPropsConfig:p}}const X=s.defineComponent({name:"FAvatarDesign",props:T,emits:["change","update:modelValue"],setup(t,e){const n=s.ref(),r=s.inject("designer-host-service"),o=s.inject("design-item-context"),u=Y(o,r),A=E.useDesignerComponent(n,o,u);s.onMounted(()=>{n.value.componentInstance=A}),e.expose(A.value);const l=s.computed(()=>({"f-avatar":!0,"f-avatar-readonly":t.readonly,"f-avatar-circle":t.shape==="circle","f-avatar-square":t.shape==="square"})),g=s.ref(t.modelValue),a=s.computed(()=>({width:t.avatarWidth+"px",height:t.avatarHeight+"px"})),d=!1;function p(){return""}function m(){}const c=s.ref(null),{acceptTypes:f,imageSource:v,onClickImage:M}=P(t,e,c,g);return()=>s.createVNode("div",{ref:n,class:l.value,style:a.value,onClick:M},[d,s.createVNode("img",{title:t.title,class:"f-avatar-image",src:v.value,onError:p},null),!t.readonly&&s.createVNode("div",{class:"f-avatar-icon"},[s.createVNode("span",{class:"f-icon f-icon-camera"},null)]),s.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:f.value,onChange:m,style:"display: none;"},null)])}});B.register=(t,e,n,r)=>{t.avatar=B,e.avatar=V},B.registerDesigner=(t,e,n)=>{t.avatar=X,e.avatar=V};const $=I.withInstall(B);y.FAvatar=B,y.avatarProps=T,y.default=$,y.propsResolver=V,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(C,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js"],f):(C=typeof globalThis<"u"?globalThis:C||self,f(C.avatar={},C.Vue,C.LodashES,C.dynamicResolver,C.designerCanvas,C.common))})(this,function(C,f,B,D,P,L){"use strict";var de=Object.defineProperty;var pe=(C,f,B)=>f in C?de(C,f,{enumerable:!0,configurable:!0,writable:!0,value:B}):C[f]=B;var h=(C,f,B)=>pe(C,typeof f!="symbol"?f+"":f,B);const q={},j={};function N(i){const{properties:r,title:t,ignore:n}=i,o=n&&Array.isArray(n),c=Object.keys(r).reduce((d,y)=>((!o||!n.find(m=>m==y))&&(d[y]=r[y].type==="object"&&r[y].properties?N(r[y]):B.cloneDeep(r[y].default)),d),{});return t&&(!o||!n.find(d=>d=="id"))&&(c.id=`${t}-${Date.now()}`),c}function U(i,r){const t=N(r);return Object.keys(i).reduce((n,o)=>(n[o]&&B.isPlainObject(n[o])&&B.isPlainObject(i[o])?Object.assign(n[o],i[o]):n[o]=i[o],n),t),t}function H(i,r){return Object.keys(i).filter(n=>i[n]!=null).reduce((n,o)=>{if(r.has(o)){const c=r.get(o);if(typeof c=="string")n[c]=i[o];else{const d=c(o,i[o],i);Object.assign(n,d)}}else n[o]=i[o];return n},{})}function W(i,r,t=new Map){const n=U(i,r);return H(n,t)}function R(i={}){function r(a,l,e,p){if(typeof e=="number")return p[a].length===e;if(typeof e=="object"){const s=Object.keys(e)[0],A=e[s];if(s==="not")return Number(p[a].length)!==Number(A);if(s==="moreThan")return Number(p[a].length)>=Number(A);if(s==="lessThan")return Number(p[a].length)<=Number(A)}return!1}function t(a,l,e,p){return p[a]&&p[a].propertyValue&&String(p[a].propertyValue.value)===String(e)}const n=new Map([["length",r],["getProperty",t]]);Object.keys(i).reduce((a,l)=>(a.set(l,i[l]),a),n);function o(a,l){const e=a;return typeof l=="number"?[{target:e,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:e,operator:"getProperty",param:a,value:!!l}]:typeof l=="object"?Object.keys(l).map(p=>{if(p==="length")return{target:e,operator:"length",param:null,value:l[p]};const s=p,A=l[p];return{target:e,operator:"getProperty",param:s,value:A}}):[]}function c(a){return Object.keys(a).reduce((e,p)=>{const s=o(p,a[p]);return e.push(...s),e},[])}function d(a,l){if(n.has(a.operator)){const e=n.get(a.operator);return e&&e(a.target,a.param,a.value,l)||!1}return!1}function y(a,l){return c(a).reduce((s,A)=>s&&d(A,l),!0)}function m(a,l){const e=Object.keys(a),p=e.includes("allOf"),s=e.includes("anyOf"),A=p||s,b=(A?a[A?p?"allOf":"anyOf":"allOf"]:[a]).map(T=>y(T,l));return p?!b.includes(!1):b.includes(!0)}return{parseValueSchema:m}}const u={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},G={},Q={};R();function O(i,r,t=new Map,n=(d,y,m)=>y,o={},c=d=>d){return q[r.title]=r,j[r.title]=n,G[r.title]=o,Q[r.title]=c,(d={})=>{const y=W(d,r,t),m=Object.keys(i).reduce((a,l)=>(a[l]=i[l].default,a),{});return Object.assign(m,y)}}function Z(i,r,t){return r}const z=new Map([["appearance",D.resolveAppearance]]),K={$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"]},F={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"]}},V=O(F,K,z,Z);function x(i,r,t,n){const o="data:image/jpeg;base64,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",c=f.ref(i.readonly);function d(s){return s.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function y(s){return s.indexOf("data:image/")>-1}function m(s){return s?"data:image/jpeg;base64,"+s:""}const a=f.computed(()=>{var A;if(!i.imageType||!i.imageType.length)return"";const s=(A=i.imageType)==null?void 0:A.map(g=>(g==="jpg"&&(g="jpeg"),`image/${g}`));return!s||!s.length?"image/*":s.join(",")}),l=f.computed(()=>{const s=n.value||i.cover||o;return d(s)||y(s)?s:m(s)}),e=f.computed(()=>c.value?"":i.title);function p(){c.value||t&&t.value&&t.value.click()}return{acceptTypes:a,imageSource:l,imageTitle:e,onClickImage:p}}const k=f.defineComponent({name:"FAvatar",props:F,emits:["change","update:modelValue"],setup(i,r){const t=f.computed(()=>({"f-avatar":!0,"f-avatar-readonly":i.readonly,"f-avatar-circle":i.shape==="circle","f-avatar-square":i.shape==="square"})),n=f.ref(i.modelValue),o=f.computed(()=>({width:i.avatarWidth+"px",height:i.avatarHeight+"px"})),c=!1;function d(){return""}function y(){}const m=f.ref(null),{acceptTypes:a,imageSource:l,onClickImage:e}=x(i,r,m,n);return()=>f.createVNode("div",{class:t.value,style:o.value,onClick:e},[c,f.createVNode("img",{title:i.title,class:"f-avatar-image",src:l.value,onError:d},null),!i.readonly&&f.createVNode("div",{class:"f-avatar-icon"},[f.createVNode("span",{class:"f-icon f-icon-camera"},null)]),f.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:a.value,onChange:y,style:"display: none;"},null)])}});function J(i,r){i.schema;const t=f.ref(!0),n=f.ref(!0);function o(e){return!1}function c(){return!1}function d(){return!1}function y(){return!0}function m(e){}function a(){}function l(e){return null}return{canAccepts:o,checkCanDeleteComponent:c,checkCanMoveComponent:d,hideNestedPaddingInDesginerView:y,onAcceptMovedChildElement:m,resolveComponentContext:a,triggerBelongedComponentToMoveWhenMoved:t,triggerBelongedComponentToDeleteWhenDeleted:n,getPropsConfig:l}}class X{constructor(r,t){h(this,"componentId");h(this,"viewModelId");h(this,"eventsEditorUtils");h(this,"formSchemaUtils");h(this,"formMetadataConverter");h(this,"designViewModelUtils");h(this,"designViewModelField");h(this,"controlCreatorUtils");h(this,"designerHostService");h(this,"schemaService",null);h(this,"metadataService",null);h(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=r,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(r))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var r;return(r=this.schemaService)==null?void 0:r.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(r){const t=r.binding&&r.binding.type==="Form"&&r.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(o=>o.id===t)}r.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(r,t){}getBasicPropConfig(r){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",data:[{value:r.type,name:u[r.type].name}]}}}}}getAppearanceConfig(r=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(r,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const o=n.contents.findIndex(d=>d.id===r),c=B.cloneDeep(n.contents[o]);n.contents.splice(o,1),n.contents.splice(o,0,c)}}const M=class M{static getEditorTypesByMDataType(r){const t=M.fieldControlTypeMapping[r];return t||[{key:"",value:""}]}static getAllInputTypes(){const r=[];for(let t in M.fieldControlTypeMapping)M.fieldControlTypeMapping[t].forEach(n=>{r.find(o=>o.key===n.key&&o.value===n.value)||r.push({key:n.key,value:n.value})});return r}};h(M,"fieldControlTypeMapping",{String:[{key:u["input-group"].type,value:u["input-group"].name},{key:u.lookup.type,value:u.lookup.name},{key:u["date-picker"].type,value:u["date-picker"].name},{key:u["check-box"].type,value:u["check-box"].name},{key:u["check-group"].type,value:u["check-group"].name},{key:u["radio-group"].type,value:u["radio-group"].name},{key:u["combo-list"].type,value:u["combo-list"].name},{key:u.textarea.type,value:u.textarea.name}],Text:[{key:u.textarea.type,value:u.textarea.name},{key:u.lookup.type,value:u.lookup.name}],Decimal:[{key:u["number-spinner"].type,value:u["number-spinner"].name}],Integer:[{key:u["number-spinner"].type,value:u["number-spinner"].name}],Number:[{key:u["number-spinner"].type,value:u["number-spinner"].name}],BigNumber:[{key:u["number-spinner"].type,value:u["number-spinner"].name}],Date:[{key:u["date-picker"].type,value:u["date-picker"].name}],DateTime:[{key:u["date-picker"].type,value:u["date-picker"].name}],Boolean:[{key:u.switch.type,value:u.switch.name},{key:u["check-box"].type,value:u["check-box"].name}],Enum:[{key:u["combo-list"].type,value:u["combo-list"].name},{key:u["radio-group"].type,value:u["radio-group"].name}],Object:[{key:u.lookup.type,value:u.lookup.name},{key:u["combo-list"].type,value:u["combo-list"].name},{key:u["radio-group"].type,value:u["radio-group"].name}]});let E=M;const Y=f.ref(0);class ${constructor(){h(this,"label","");h(this,"id","");h(this,"columnInSM",12);h(this,"columnInMD",6);h(this,"columnInLG",3);h(this,"columnInEL",2);h(this,"displayWidthInSM",1);h(this,"displayWidthInMD",1);h(this,"displayWidthInLG",1);h(this,"displayWidthInEL",1);h(this,"displayColumnCountAtBreakPoint","md");h(this,"tagRow",0);h(this,"showTopBorder",0);h(this,"group",1);h(this,"isSupportedClass",!0);h(this,"fieldSetId","")}}function _(i){let r,t;const n=new Map;let o=[];function c(l,e){const s=l.split(" ").filter(I=>I.startsWith("col-"));if(s.length===0){e.isSupportedClass=!1;return}let A=s.find(I=>/^col-([1-9]|10|11|12)$/.test(I)),g=s.find(I=>/^col-md-([1-9]|10|11|12)$/.test(I)),v=s.find(I=>/^col-xl-([1-9]|10|11|12)$/.test(I)),b=s.find(I=>/^col-el-([1-9]|10|11|12)$/.test(I));A=A||"col-12",e.columnInSM=parseInt(A.replace("col-",""),10),e.displayWidthInSM=e.columnInSM/12,e.displayWidthInSM!==1&&(e.isSupportedClass=!1),g=g||"col-md-"+e.columnInSM,e.columnInMD=parseInt(g.replace("col-md-",""),10),e.displayWidthInMD=e.columnInMD/6,[1,2].includes(e.displayWidthInMD)||(e.isSupportedClass=!1),v=v||"col-xl-"+e.columnInMD,e.columnInLG=parseInt(v.replace("col-xl-",""),10),e.displayWidthInLG=e.columnInLG/3,[1,2,3,4].includes(e.displayWidthInLG)||(e.isSupportedClass=!1),b=b||"col-el-"+e.columnInLG,e.columnInEL=parseInt(b.replace("col-el-",""),10),e.displayWidthInEL=e.columnInEL/2,[1,2,3,4,5,6].includes(e.displayWidthInEL)||(e.isSupportedClass=!1)}function d(l,e,p,s=!1){let A=!1;l.contents.forEach(g=>{if(g.type==="fieldset"){p+=1,d(g,e,p,!0),A=!0;return}A&&(p+=1,A=!1);const v=g.appearance&&g.appearance.class,b=new $;v?c(v,b):b.isSupportedClass=!1,b.label=g.label||g.id,b.id=g.id,b.group=p,s&&(b.fieldSetId=l.id),t===g.id&&(r=p),n.set(g.id,g),e.push(b)})}function y(l){const e=i.getComponentById(l);if(!e||!e.componentType||!e.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const p=i.selectNode(e,s=>s.type===P.DgControl["response-form"].type);return!p||!p.contents||p.contents.length===0?{result:!1,message:"Form区域内没有控件，请先添加控件"}:{result:!0,message:"",formNode:p}}function m(l,e){e=e||l.id;const{result:p,message:s,formNode:A}=y(e);if(!p)return{result:p,message:s};t=l.id,o=[],n.clear();const g=A.contents[0].type===P.DgControl.fieldset.type?0:1;d(A,o,g);const v=o.find(I=>!I.isSupportedClass);return{defaultState:{defaultGroupNumber:r||1,model:v?"customize":"standard"},importData:o}}function a(l,e){e=e;const{result:p,formNode:s}=y(e);if(!p)return"";const A=[];return l.forEach(g=>{var I;const v=n.get(g.id),b=v.appearance&&v.appearance.class;if(b){const w=b.split(" ").filter(ce=>!ce.startsWith("col-")),S="col-"+g.columnInSM,ie="col-md-"+g.columnInMD,ae="col-xl-"+g.columnInLG,se="col-el-"+g.columnInEL,le=[S,ie,ae,se].concat(w);v.appearance.class=le.join(" ")}if(g.fieldSetId){const T=s.contents.find(S=>S.id===g.fieldSetId),w=A.find(S=>S.id===g.fieldSetId);w?(I=w.contents)==null||I.push(v):(A.push(T),T.contents=[v])}else A.push(v)}),s.contents=A,s.id}return{checkCanFindFormNode:y,checkCanOpenLayoutEditor:m,changeFormControlsByResponseLayoutConfig:a,getResonseFormLayoutConfig:d}}class ee extends X{constructor(t,n){super(t,n);h(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=_(this.formSchemaUtils)}getPropertyConfig(t,n){return this.propertyConfig.categories.basic=this.getBasicProperties(t,n),this.propertyConfig.categories.appearance=this.getAppearanceProperties(t,n),this.propertyConfig.categories.editor=this.getEditorProperties(t),this.propertyConfig}getBasicProperties(t,n){var y;var o=this;this.setDesignViewModelField(t);const c=this.formSchemaUtils.getFormMetadataBasicInfo(),d=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:o.designViewModelField?E.getEditorTypesByMDataType((y=o.designViewModelField.type)==null?void 0:y.name):E.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:t,formBasicInfo:c},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:d}}},setPropertyRelates(m,a){if(m)switch(m&&m.propertyID){case"type":{o.changeControlType(t,m,n);break}case"label":{m.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(t,n){var o=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(t,o.componentId)}}},setPropertyRelates(c,d){if(c)switch(c&&c.propertyID){case"responseLayout":o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue,o.componentId||t.id),o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId),o.updateElementByParentContainer(t.id,n),delete t.responseLayout;break;case"class":o.updateUnifiedLayoutAfterControlChanged(c.propertyValue,t.id,this.componentId),o.updateElementByParentContainer(t.id,n);break}}}}getEditorProperties(t){return this.getComponentConfig(t)}changeControlType(t,n,o){var l,e,p,s;const c=n.propertyValue,d=o&&o.parent&&o.parent.schema;if(!d)return;const y=d.contents.findIndex(A=>A.id===t.id),m=d.contents[y];let a;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:c},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),a=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,c)),a||(a=this.controlCreatorUtils.createFormGroupWithoutField(c)),Object.assign(a,{id:m.id,appearance:m.appearance,size:m.size,label:m.label,binding:m.binding,visible:m.visible}),Object.assign(a.editor,{isTextArea:a.isTextArea&&m.isTextArea,placeholder:(l=m.editor)==null?void 0:l.placeholder,holdPlace:(e=m.editor)==null?void 0:e.holdPlace,readonly:(p=m.editor)==null?void 0:p.readonly,require:(s=m.editor)==null?void 0:s.require}),d.contents.splice(y,1),d.contents.splice(y,0,a),o.schema=Object.assign(m,a),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(A=>A.classList.remove("dgComponentSelected")),Y.value++}getComponentConfig(t,n={},o={}){const c=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},n),d=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},o);return{...c,properties:{...d}}}updateUnifiedLayoutAfterControlChanged(t,n,o){const c=t.split(" ");let d=c.find(e=>/^col-([1-9]|10|11|12)$/.test(e)),y=c.find(e=>/^col-md-([1-9]|10|11|12)$/.test(e)),m=c.find(e=>/^col-xl-([1-9]|10|11|12)$/.test(e)),a=c.find(e=>/^col-el-([1-9]|10|11|12)$/.test(e));d=d||"col-12",y=y||"col-md-"+d.replace("col-",""),m=m||"col-xl-"+y.replace("col-md-",""),a=a||"col-el-"+m.replace("col-xl-","");const l={id:n,columnInSM:parseInt(d.replace("col-",""),10),columnInMD:parseInt(y.replace("col-md-",""),10),columnInLG:parseInt(m.replace("col-xl-",""),10),columnInEL:parseInt(a.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(o,l)}updateUnifiedLayoutAfterResponseLayoutChanged(t,n){const{formNode:o}=this.responseLayoutEditorFunction.checkCanFindFormNode(t);if(!o||!o.unifiedLayout)return;const c=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o,c,1),n){const A=c.find(g=>g.id===n.id);Object.assign(A||{},n)}const d=c.map(A=>A.columnInSM),y=c.map(A=>A.columnInMD),m=c.map(A=>A.columnInLG),a=c.map(A=>A.columnInEL),l=this.checkIsUniqueColumn(d)?d[0]:null,e=this.checkIsUniqueColumn(y)?y[0]:null,p=this.checkIsUniqueColumn(m)?m[0]:null,s=this.checkIsUniqueColumn(a)?a[0]:null;Object.assign(o.unifiedLayout,{uniqueColClassInSM:l,uniqueColClassInMD:e,uniqueColClassInLG:p,uniqueColClassInEL:s})}checkIsUniqueColumn(t){const n=new Set(t);return Array.from(n).length===1}}class te extends ee{constructor(r,t){super(r,t)}getEditorProperties(r){return{description:"编辑器",title:"编辑器",type:"avatar",$converter:"/converter/property-editor.converter",properties:{readonly:{description:"",title:"只读",type:"boolean"},avatarWidth:{description:"",title:"头像宽度",type:"number"},avatarHeight:{description:"",title:"头像高度",type:"number"},cover:{description:"",title:"封面",type:"string"}}}}}function ne(i,r){const{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:d,resolveComponentContext:y,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:a}=J(i),l=i.schema;function e(p,s){return new te(p,r).getPropertyConfig(l,s)}return{canAccepts:t,checkCanDeleteComponent:n,checkCanMoveComponent:o,hideNestedPaddingInDesginerView:c,onAcceptMovedChildElement:d,resolveComponentContext:y,triggerBelongedComponentToMoveWhenMoved:m,triggerBelongedComponentToDeleteWhenDeleted:a,getPropsConfig:e}}const oe=f.defineComponent({name:"FAvatarDesign",props:F,emits:["change","update:modelValue"],setup(i,r){const t=f.ref(),n=f.inject("designer-host-service"),o=f.inject("design-item-context"),c=ne(o,n),d=P.useDesignerComponent(t,o,c);f.onMounted(()=>{t.value.componentInstance=d}),r.expose(d.value);const y=f.computed(()=>({"f-avatar":!0,"f-avatar-readonly":i.readonly,"f-avatar-circle":i.shape==="circle","f-avatar-square":i.shape==="square"})),m=f.ref(i.modelValue),a=f.computed(()=>({width:i.avatarWidth+"px",height:i.avatarHeight+"px"})),l=!1;function e(){return""}function p(){}const s=f.ref(null),{acceptTypes:A,imageSource:g,onClickImage:v}=x(i,r,s,m);return()=>f.createVNode("div",{ref:t,class:y.value,style:a.value,onClick:v},[l,f.createVNode("img",{title:i.title,class:"f-avatar-image",src:g.value,onError:e},null),!i.readonly&&f.createVNode("div",{class:"f-avatar-icon"},[f.createVNode("span",{class:"f-icon f-icon-camera"},null)]),f.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:A.value,onChange:p,style:"display: none;"},null)])}});k.register=(i,r,t,n)=>{i.avatar=k,r.avatar=V},k.registerDesigner=(i,r,t)=>{i.avatar=oe,r.avatar=V};const re=L.withInstall(k);C.FAvatar=k,C.avatarProps=F,C.default=re,C.propsResolver=V,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/button-edit/index.css

@@ -1 +1 @@
-.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}

package/components/button-edit/index.esm.js

@@ -1,20 +1,20 @@
-import { defineComponent as j, ref as y, computed as h, createVNode as v, Teleport as q, createApp as U, onUnmounted as _, inject as D, watch as R, nextTick as L, onMounted as F, withDirectives as X, vShow as z, Fragment as J, mergeProps as S } from "vue";
-import { cloneDeep as Q } from "lodash-es";
-import { resolveAppearance as Y } from "../dynamic-resolver/index.esm.js";
-import Z from "../tags/index.esm.js";
-import K from "../popover/index.esm.js";
-import { useDesignerComponent as ee } from "../designer-canvas/index.esm.js";
-import { withInstall as te } from "../common/index.esm.js";
-const ne = {}, oe = {};
-function A(e) {
-  const { properties: t, title: u, ignore: o } = e, n = o && Array.isArray(o), l = Object.keys(t).reduce((c, r) => ((!n || !o.find((b) => b == r)) && (c[r] = t[r].type === "object" && t[r].properties ? A(t[r]) : Q(t[r].default)), c), {});
-  return (!n || !o.find((c) => c == "id")) && (l.id = `${u}-${Date.now()}`), l;
-}
-function ue(e, t) {
-  const u = A(t);
-  return Object.keys(e).reduce((o, n) => (o[n] && typeof o[n] == "object" ? Object.assign(o[n], e[n]) : o[n] = e[n], o), u), u;
+import { defineComponent as j, ref as y, computed as h, createVNode as v, Teleport as U, createApp as _, onUnmounted as X, inject as D, watch as R, nextTick as S, onMounted as F, withDirectives as z, vShow as J, Fragment as Q, mergeProps as A } from "vue";
+import { isPlainObject as V, cloneDeep as Y } from "lodash-es";
+import { resolveAppearance as Z } from "../dynamic-resolver/index.esm.js";
+import K from "../tags/index.esm.js";
+import ee from "../popover/index.esm.js";
+import { useDesignerComponent as te } from "../designer-canvas/index.esm.js";
+import { withInstall as ne } from "../common/index.esm.js";
+const oe = {}, ue = {};
+function N(e) {
+  const { properties: t, title: u, ignore: o } = e, n = o && Array.isArray(o), l = Object.keys(t).reduce((c, r) => ((!n || !o.find((b) => b == r)) && (c[r] = t[r].type === "object" && t[r].properties ? N(t[r]) : Y(t[r].default)), c), {});
+  return u && (!n || !o.find((c) => c == "id")) && (l.id = `${u}-${Date.now()}`), l;
 }
 function ae(e, t) {
+  const u = N(t);
+  return Object.keys(e).reduce((o, n) => (o[n] && V(o[n]) && V(e[n]) ? Object.assign(o[n], e[n]) : o[n] = e[n], o), u), u;
+}
+function le(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, n) => {
     if (t.has(n)) {
       const l = t.get(n);
@@ -29,11 +29,11 @@ function ae(e, t) {
     return o;
   }, {});
 }
-function le(e, t, u = /* @__PURE__ */ new Map()) {
-  const o = ue(e, t);
-  return ae(o, u);
+function ie(e, t, u = /* @__PURE__ */ new Map()) {
+  const o = ae(e, t);
+  return le(o, u);
 }
-function ie(e = {}) {
+function re(e = {}) {
   function t(a, s, i, p) {
     if (typeof i == "number")
       return p[a].length === i;
@@ -87,21 +87,21 @@ function ie(e = {}) {
   }
   return { parseValueSchema: b };
 }
-const re = {}, se = {};
-ie();
-function ce(e, t, u = /* @__PURE__ */ new Map(), o = (c, r, b) => r, n = {}, l = (c) => c) {
-  return ne[t.title] = t, oe[t.title] = o, re[t.title] = n, se[t.title] = l, (c = {}) => {
-    const r = le(c, t, u), b = Object.keys(e).reduce((a, s) => (a[s] = e[s].default, a), {});
+const se = {}, ce = {};
+re();
+function de(e, t, u = /* @__PURE__ */ new Map(), o = (c, r, b) => r, n = {}, l = (c) => c) {
+  return oe[t.title] = t, ue[t.title] = o, se[t.title] = n, ce[t.title] = l, (c = {}) => {
+    const r = ie(c, t, u), b = Object.keys(e).reduce((a, s) => (a[s] = e[s].default, a), {});
     return Object.assign(b, r);
   };
 }
-const de = /* @__PURE__ */ new Map([
-  ["appearance", Y]
+const pe = /* @__PURE__ */ new Map([
+  ["appearance", Z]
 ]);
-function pe(e, t, u) {
+function fe(e, t, u) {
   return t;
 }
-const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-design.gitee.io/button-edit.schema.json", ge = "button-edit", ye = "A Farris Input Component", me = "object", ve = {
+const be = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/button-edit.schema.json", ye = "button-edit", me = "A Farris Input Component", ve = "object", he = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -285,18 +285,18 @@ const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-
     type: "string",
     default: ""
   }
-}, he = [
+}, Ce = [
   "id",
   "type"
-], Ce = {
-  $schema: fe,
-  $id: be,
-  title: ge,
-  description: ye,
-  type: me,
-  properties: ve,
-  required: he
-}, Be = "buttonEdit", xe = "A Farris Component", Oe = "object", Te = {
+], Be = {
+  $schema: be,
+  $id: ge,
+  title: ye,
+  description: me,
+  type: ve,
+  properties: he,
+  required: Ce
+}, xe = "buttonEdit", Oe = "A Farris Component", Te = "object", ke = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -378,12 +378,12 @@ const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-
       }
     }
   }
-}, ke = {
-  title: Be,
-  description: xe,
-  type: Oe,
-  categories: Te
-}, V = {
+}, we = {
+  title: xe,
+  description: Oe,
+  type: Te,
+  categories: ke
+}, L = {
   /**
    * 组件标识
    */
@@ -488,14 +488,16 @@ const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-
   /**
    * 打开前
    */
-  beforeOpen: { type: Function, default: null }
-}, N = ce(V, Ce, de, pe, ke), we = {
+  beforeOpen: { type: Function, default: null },
+  /** 更新方式 blur | change */
+  updateOn: { type: String, default: "change" }
+}, G = de(L, Be, pe, fe, we), Ee = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, Ee = /* @__PURE__ */ j({
+}, Pe = /* @__PURE__ */ j({
   name: "FOverlay",
-  props: we,
+  props: Ee,
   emits: ["click"],
   setup(e, t) {
     const u = y(e.popupContentPosition), o = y(e.host), n = h(() => ({
@@ -525,7 +527,7 @@ const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => v(q, {
+    return () => v(U, {
       to: "body"
     }, {
       default: () => {
@@ -541,13 +543,13 @@ const fe = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-
     });
   }
 });
-function Pe(e) {
+function Me(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function Me(e) {
+function Ie(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let u;
@@ -555,13 +557,13 @@ function Me(e) {
   }), n = () => {
     o(), u && u.unmount();
   };
-  return u = U({
+  return u = _({
     setup() {
-      _(() => {
+      X(() => {
         document.body.removeChild(t);
       });
-      const l = Pe(e);
-      return () => v(Ee, {
+      const l = Me(e);
+      return () => v(Pe, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n,
@@ -572,13 +574,13 @@ function Me(e) {
     }
   }), document.body.appendChild(t), u.mount(t), u;
 }
-class Ie {
+class je {
   static show(t) {
-    return Me(t);
+    return Ie(t);
   }
 }
-const je = Symbol("FModalService");
-function G(e, t) {
+const Re = Symbol("FModalService");
+function $(e, t) {
   function u() {
     const o = e.beforeOpen || e.beforeClickButton || null;
     let n = Promise.resolve(!0);
@@ -592,11 +594,11 @@ function G(e, t) {
   }
   return { judgeCanOpen: u };
 }
-function $(e, t, u, o, n) {
+function W(e, t, u, o, n) {
   const l = y(e.buttonBehavior), c = y(e.popupOnInput), r = h(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: b } = G(e, n), a = h(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), s = D(je, null), i = y();
+  })), { judgeCanOpen: b } = $(e, n), a = h(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), s = D(Re, null), i = y();
   async function p(m) {
     if (await b() && a.value) {
       const x = !!t.slots.default;
@@ -607,7 +609,7 @@ function $(e, t, u, o, n) {
         });
         i.value = O == null ? void 0 : O.modalRef;
       }
-      l.value === "Overlay" && Ie.show({
+      l.value === "Overlay" && je.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
@@ -629,7 +631,7 @@ function $(e, t, u, o, n) {
     modalRef: i
   };
 }
-function Re(e, t, u, o, n, l) {
+function Fe(e, t, u, o, n, l) {
   const c = y(!1), r = h(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: b } = l;
   function a(f) {
     c.value = f;
@@ -661,7 +663,7 @@ function Re(e, t, u, o, n, l) {
     onMouseLeaveTextBox: p
   };
 }
-function Fe(e, t, u, o, n) {
+function Le(e, t, u, o, n) {
   const l = h(() => e.popupOnInput), c = h(() => e.popupOnFocus), { shouldPopupContent: r } = n, b = h(() => e.enableTitle ? u.value : ""), a = h(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), s = h(() => e.readonly || !e.editable), i = y(!1), p = h(() => !e.disable && i.value), f = h(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
@@ -676,7 +678,7 @@ function Fe(e, t, u, o, n) {
     "f-state-focus": p.value
   }));
   function m(d, B = !0) {
-    u.value !== d && (u.value = d, B && t.emit("change", d), t.emit("update:modelValue", d));
+    u.value !== d && (u.value = d, B && (t.emit("change", d), t.emit("update:modelValue", d)));
   }
   function x(d) {
     r.value = !1, m(d, !0);
@@ -699,7 +701,7 @@ function Fe(e, t, u, o, n) {
   function k(d) {
     t.emit("input", d.target.value);
     const B = d.target.value;
-    o.value = B, u.value !== B && m(B, !0), l.value && !r.value && n.popup();
+    o.value = B, u.value !== B && m(B, e.updateOn === "change"), l.value && !r.value && n.popup();
   }
   function M(d) {
     d.target.tagName !== "INPUT" && d.preventDefault(), d.stopPropagation();
@@ -733,8 +735,8 @@ function Fe(e, t, u, o, n) {
     onTextBoxValueChange: E
   };
 }
-function W(e, t, u, o) {
-  const n = y(), l = y(!1), { judgeCanOpen: c } = G(e, o);
+function H(e, t, u, o) {
+  const n = y(), l = y(!1), { judgeCanOpen: c } = $(e, o);
   function r() {
     const i = n.value;
     i && i.show(u.value);
@@ -743,14 +745,14 @@ function W(e, t, u, o) {
     if (!!t.slots.default) {
       if (!i && !l.value && !await c())
         return;
-      l.value = !l.value, await L(), r();
+      l.value = !l.value, await S(), r();
     }
   }
   async function a(i = !1) {
     if (!!t.slots.default) {
       if (!i && !await c())
         return;
-      l.value = !0, await L(), r();
+      l.value = !0, await S(), r();
     }
   }
   function s() {
@@ -758,7 +760,7 @@ function W(e, t, u, o) {
   }
   return { hidePopup: s, popup: a, shouldPopupContent: l, togglePopup: b, popoverRef: n };
 }
-function Ve(e, t, u) {
+function Se(e, t, u) {
   const o = y(), {
     isTextBoxReadonly: n,
     textBoxClass: l,
@@ -800,7 +802,7 @@ function Ve(e, t, u) {
     onMousedown: g
   }, null);
 }
-function Le(e, t, u) {
+function Ve(e, t, u) {
   const o = y(e.separator), {
     changeTextBoxValue: n
   } = u, l = h(() => t.value ? t.value.split(o.value).map((r) => ({
@@ -810,7 +812,7 @@ function Le(e, t, u) {
   function c(r) {
     n(r.map((b) => b.name).join(o.value), !0);
   }
-  return () => v(Z, {
+  return () => v(K, {
     id: `${e.id}-tag-editor`,
     class: "form-control",
     data: l.value,
@@ -834,12 +836,12 @@ function De(e, t, u, o) {
     renderButtonGroup: () => v("div", {
       id: `${e.id}-button-group`,
       class: n.value
-    }, [b.value && X(v("span", {
+    }, [b.value && z(v("span", {
       class: "input-group-text input-group-clear",
       onClick: s
     }, [v("i", {
       class: "f-icon modal_close"
-    }, null)]), [[z, a.value]]), t.slots.buttonContent ? v("span", {
+    }, null)]), [[J, a.value]]), t.slots.buttonContent ? v("span", {
       class: "input-group-text input-group-append-button",
       onClick: l,
       onMouseenter: c,
@@ -855,12 +857,12 @@ function De(e, t, u, o) {
     buttonHandleElement: i
   };
 }
-function Se(e, t, u) {
+function Ae(e, t, u) {
   const o = y(e.popupMinWidth), {
     hidePopup: n,
     popoverRef: l
   } = u;
-  return () => v(K, {
+  return () => v(ee, {
     id: `${e.id}-popover`,
     ref: l,
     visible: !0,
@@ -881,18 +883,18 @@ function Se(e, t, u) {
 }
 const P = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: V,
+  props: L,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const u = y(), o = y(e.customClass), n = y(e.modelValue), l = W(e, t, u, n), {
+    const u = y(), o = y(e.customClass), n = y(e.modelValue), l = H(e, t, u, n), {
       shouldPopupContent: c,
       hidePopup: r,
       togglePopup: b
-    } = l, a = $(e, t, u, l, n), s = y(""), i = Fe(e, t, n, s, l), {
+    } = l, a = W(e, t, u, l, n), s = y(""), i = Le(e, t, n, s, l), {
       hasFocusedTextBox: p,
       commitValue: f,
       inputGroupClass: g
-    } = i, m = Re(e, t, n, p, s, i), {
+    } = i, m = Fe(e, t, n, p, s, i), {
       onMouseEnterTextBox: x,
       onMouseLeaveTextBox: C
     } = m, O = h(() => {
@@ -901,10 +903,10 @@ const P = /* @__PURE__ */ j({
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return o.value && o.value.split(" ").reduce((B, H) => (B[H] = !0, B), d), d;
+      return o.value && o.value.split(" ").reduce((B, q) => (B[q] = !0, B), d), d;
     });
     function T() {
-      return e.multiSelect && e.inputType === "tag" ? Le(e, n, i) : Ve(e, n, i);
+      return e.multiSelect && e.inputType === "tag" ? Ve(e, n, i) : Se(e, n, i);
     }
     let k = T();
     R([() => e.multiSelect, () => e.inputType], () => {
@@ -913,7 +915,7 @@ const P = /* @__PURE__ */ j({
     const {
       renderButtonGroup: M,
       buttonHandleElement: w
-    } = De(e, t, a, m), I = Se(e, t, l), E = {
+    } = De(e, t, a, m), I = Ae(e, t, l), E = {
       commitValue: f,
       elementRef: u,
       hidePopup: r,
@@ -931,7 +933,7 @@ const P = /* @__PURE__ */ j({
       u.value.componentInstance = E, window.onresize = () => {
         document.body.click();
       };
-    }), t.expose(E), () => v(J, null, [v("div", S(t.attrs, {
+    }), t.expose(E), () => v(Q, null, [v("div", A(t.attrs, {
       ref: u,
       class: O.value,
       id: e.id
@@ -943,7 +945,7 @@ const P = /* @__PURE__ */ j({
     }, [k(), M()])]), c.value && I()]);
   }
 });
-function Ae(e, t, u) {
+function Ne(e, t, u) {
   const {
     buttonGroupClass: o
   } = u, n = y();
@@ -961,12 +963,12 @@ function Ae(e, t, u) {
     buttonHandleElement: n
   };
 }
-const Ne = /* @__PURE__ */ j({
+const Ge = /* @__PURE__ */ j({
   name: "FButtonEdit",
-  props: V,
+  props: L,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const u = y(), o = D("design-item-context"), n = ee(u, o), l = y(e.customClass), c = y(e.modelValue), r = W(e, t, u, c), b = $(e, t, u, r, c), a = y(), s = h(() => ({
+    const u = y(), o = D("design-item-context"), n = te(u, o), l = y(e.customClass), c = y(e.modelValue), r = H(e, t, u, c), b = W(e, t, u, r, c), a = y(), s = h(() => ({
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disable": !0,
@@ -985,8 +987,8 @@ const Ne = /* @__PURE__ */ j({
       return l.value && l.value.split(" ").reduce((g, m) => (g[m] = !0, g), f), f;
     }), {
       renderButtonGroup: p
-    } = Ae(e, t, b);
-    return () => v("div", S(t.attrs, {
+    } = Ne(e, t, b);
+    return () => v("div", A(t.attrs, {
       ref: u,
       class: i.value,
       id: e.id
@@ -1001,15 +1003,15 @@ const Ne = /* @__PURE__ */ j({
   }
 });
 P.register = (e, t, u, o) => {
-  e["button-edit"] = P, t["button-edit"] = N;
+  e["button-edit"] = P, t["button-edit"] = G;
 };
 P.registerDesigner = (e, t, u) => {
-  e["button-edit"] = Ne, t["button-edit"] = N;
+  e["button-edit"] = Ge, t["button-edit"] = G;
 };
-const Xe = te(P);
+const ze = ne(P);
 export {
   P as FButtonEdit,
-  V as buttonEditProps,
-  Xe as default,
-  N as propsResolver
+  L as buttonEditProps,
+  ze as default,
+  G as propsResolver
 };