@farris/ui-vue 1.2.9 → 1.3.0

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(f,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"),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","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting","../common/index.umd.js"],d):(f=typeof globalThis<"u"?globalThis:f||self,d(f.avatar={},f.Vue,f.LodashES,f.dynamicResolver,f.designerCanvas,f.useResponseLayoutEditorSetting,f.common))})(this,function(f,d,v,I,E,V,S){"use strict";var te=Object.defineProperty;var ne=(f,d,v)=>d in f?te(f,d,{enumerable:!0,configurable:!0,writable:!0,value:v}):f[d]=v;var h=(f,d,v)=>ne(f,typeof d!="symbol"?d+"":d,v);const R={},L={};function w(i){const{properties:o,title:e,ignore:t}=i,n=t&&Array.isArray(t),a=Object.keys(o).reduce((c,A)=>((!n||!t.find(p=>p==A))&&(c[A]=o[A].type==="object"&&o[A].properties?w(o[A]):v.cloneDeep(o[A].default)),c),{});return(!n||!t.find(c=>c=="id"))&&(a.id=`${e}-${Date.now()}`),a}function N(i,o){const e=w(o);return Object.keys(i).reduce((t,n)=>(t[n]&&v.isPlainObject(t[n])&&v.isPlainObject(i[n])?Object.assign(t[n],i[n]):t[n]=i[n],t),e),e}function q(i,o){return Object.keys(i).filter(t=>i[t]!=null).reduce((t,n)=>{if(o.has(n)){const a=o.get(n);if(typeof a=="string")t[a]=i[n];else{const c=a(n,i[n],i);Object.assign(t,c)}}else t[n]=i[n];return t},{})}function j(i,o,e=new Map){const t=N(i,o);return q(t,e)}function D(i={}){function o(r,u,s,y){if(typeof s=="number")return y[r].length===s;if(typeof s=="object"){const m=Object.keys(s)[0],g=s[m];if(m==="not")return Number(y[r].length)!==Number(g);if(m==="moreThan")return Number(y[r].length)>=Number(g);if(m==="lessThan")return Number(y[r].length)<=Number(g)}return!1}function e(r,u,s,y){return y[r]&&y[r].propertyValue&&String(y[r].propertyValue.value)===String(s)}const t=new Map([["length",o],["getProperty",e]]);Object.keys(i).reduce((r,u)=>(r.set(u,i[u]),r),t);function n(r,u){const s=r;return typeof u=="number"?[{target:s,operator:"length",param:null,value:Number(u)}]:typeof u=="boolean"?[{target:s,operator:"getProperty",param:r,value:!!u}]:typeof u=="object"?Object.keys(u).map(y=>{if(y==="length")return{target:s,operator:"length",param:null,value:u[y]};const m=y,g=u[y];return{target:s,operator:"getProperty",param:m,value:g}}):[]}function a(r){return Object.keys(r).reduce((s,y)=>{const m=n(y,r[y]);return s.push(...m),s},[])}function c(r,u){if(t.has(r.operator)){const s=t.get(r.operator);return s&&s(r.target,r.param,r.value,u)||!1}return!1}function A(r,u){return a(r).reduce((m,g)=>m&&c(g,u),!0)}function p(r,u){const s=Object.keys(r),y=s.includes("allOf"),m=s.includes("anyOf"),g=y||m,F=(g?r[g?y?"allOf":"anyOf":"allOf"]:[r]).map(ee=>A(ee,u));return y?!F.includes(!1):F.includes(!0)}return{parseValueSchema:p}}const l={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"}},H={},U={};D();function Q(i,o,e=new Map,t=(c,A,p)=>A,n={},a=c=>c){return R[o.title]=o,L[o.title]=t,H[o.title]=n,U[o.title]=a,(c={})=>{const A=j(c,o,e),p=Object.keys(i).reduce((r,u)=>(r[u]=i[u].default,r),{});return Object.assign(p,A)}}function O(i,o,e){return o}const W=new Map([["appearance",I.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"]}},x=Q(T,G,W,O);function P(i,o,e,t){const n="data:image/jpeg;base64,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",a=d.ref(i.readonly);function c(m){return m.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/)!=null}function A(m){return m.indexOf("data:image/")>-1}function p(m){return m?"data:image/jpeg;base64,"+m:""}const r=d.computed(()=>{var g;if(!i.imageType||!i.imageType.length)return"";const m=(g=i.imageType)==null?void 0:g.map(C=>(C==="jpg"&&(C="jpeg"),`image/${C}`));return!m||!m.length?"image/*":m.join(",")}),u=d.computed(()=>{const m=t.value||i.cover||n;return c(m)||A(m)?m:p(m)}),s=d.computed(()=>a.value?"":i.title);function y(){a.value||e&&e.value&&e.value.click()}return{acceptTypes:r,imageSource:u,imageTitle:s,onClickImage:y}}const B=d.defineComponent({name:"FAvatar",props:T,emits:["change","update:modelValue"],setup(i,o){const e=d.computed(()=>({"f-avatar":!0,"f-avatar-readonly":i.readonly,"f-avatar-circle":i.shape==="circle","f-avatar-square":i.shape==="square"})),t=d.ref(i.modelValue),n=d.computed(()=>({width:i.avatarWidth+"px",height:i.avatarHeight+"px"})),a=!1;function c(){return""}function A(){}const p=d.ref(null),{acceptTypes:r,imageSource:u,onClickImage:s}=P(i,o,p,t);return()=>d.createVNode("div",{class:e.value,style:n.value,onClick:s},[a,d.createVNode("img",{title:i.title,class:"f-avatar-image",src:u.value,onError:c},null),!i.readonly&&d.createVNode("div",{class:"f-avatar-icon"},[d.createVNode("span",{class:"f-icon f-icon-camera"},null)]),d.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:r.value,onChange:A,style:"display: none;"},null)])}});function Z(i,o){i.schema;const e=d.ref(!0),t=d.ref(!0);function n(s){return!1}function a(){return!1}function c(){return!1}function A(){return!0}function p(s){}function r(){}function u(s){return null}return{canAccepts:n,checkCanDeleteComponent:a,checkCanMoveComponent:c,hideNestedPaddingInDesginerView:A,onAcceptMovedChildElement:p,resolveComponentContext:r,triggerBelongedComponentToMoveWhenMoved:e,triggerBelongedComponentToDeleteWhenDeleted:t,getPropsConfig:u}}class z{constructor(o,e){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 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}getTableInfo(){var o;return(o=this.schemaService)==null?void 0:o.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(o){const e=o.binding&&o.binding.type==="Form"&&o.binding.field;if(e){if(!this.designViewModelField){const t=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=t.fields.find(n=>n.id===e)}o.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(o,e){}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",data:[{value:o.type,name:l[o.type].name}]}}}}}getAppearanceConfig(o=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(o,e){const t=e&&e.parent&&e.parent.schema;if(!t)return;const n=t.contents.findIndex(c=>c.id===o),a=v.cloneDeep(t.contents[n]);t.contents.splice(n,1),t.contents.splice(n,0,a)}}const b=class b{static getEditorTypesByMDataType(o){const e=b.fieldControlTypeMapping[o];return e||[{key:"",value:""}]}static getAllInputTypes(){const o=[];for(let e in b.fieldControlTypeMapping)b.fieldControlTypeMapping[e].forEach(t=>{o.find(n=>n.key===t.key&&n.value===t.value)||o.push({key:t.key,value:t.value})});return o}};h(b,"fieldControlTypeMapping",{String:[{key:l["input-group"].type,value:l["input-group"].name},{key:l.lookup.type,value:l.lookup.name},{key:l["date-picker"].type,value:l["date-picker"].name},{key:l["check-box"].type,value:l["check-box"].name},{key:l["radio-group"].type,value:l["radio-group"].name},{key:l["combo-list"].type,value:l["combo-list"].name},{key:l.textarea.type,value:l.textarea.name}],Text:[{key:l.textarea.type,value:l.textarea.name},{key:l.lookup.type,value:l.lookup.name}],Decimal:[{key:l["number-spinner"].type,value:l["number-spinner"].name}],Integer:[{key:l["number-spinner"].type,value:l["number-spinner"].name}],Number:[{key:l["number-spinner"].type,value:l["number-spinner"].name}],BigNumber:[{key:l["number-spinner"].type,value:l["number-spinner"].name}],Date:[{key:l["date-picker"].type,value:l["date-picker"].name}],DateTime:[{key:l["date-picker"].type,value:l["date-picker"].name}],Boolean:[{key:l.switch.type,value:l.switch.name},{key:l["check-box"].type,value:l["check-box"].name}],Enum:[{key:l["combo-list"].type,value:l["combo-list"].name},{key:l["radio-group"].type,value:l["radio-group"].name}],Object:[{key:l.lookup.type,value:l.lookup.name},{key:l["combo-list"].type,value:l["combo-list"].name},{key:l["radio-group"].type,value:l["radio-group"].name}]});let k=b;const K=d.ref(0);class J extends z{constructor(e,t){super(e,t);h(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=V.useResponseLayoutEditorSetting(this.formSchemaUtils)}getPropertyConfig(e,t){return this.propertyConfig.categories.basic=this.getBasicProperties(e,t),this.propertyConfig.categories.appearance=this.getAppearanceProperties(e,t),this.propertyConfig.categories.editor=this.getEditorProperties(e),this.propertyConfig}getBasicProperties(e,t){var A;var n=this;this.setDesignViewModelField(e);const a=this.formSchemaUtils.getFormMetadataBasicInfo(),c=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:n.designViewModelField?k.getEditorTypesByMDataType((A=n.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:a},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:c}}},setPropertyRelates(p,r){if(p)switch(p&&p.propertyID){case"type":{n.changeControlType(e,p,t);break}case"label":{p.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e,t){var n=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:n.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e,n.componentId)}}},setPropertyRelates(a,c){if(a)switch(a&&a.propertyID){case"responseLayout":n.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue,n.componentId||e.id),n.updateUnifiedLayoutAfterResponseLayoutChanged(n.componentId),n.updateElementByParentContainer(e.id,t),delete e.responseLayout;break;case"class":n.updateUnifiedLayoutAfterControlChanged(a.propertyValue,e.id,this.componentId),n.updateElementByParentContainer(e.id,t);break}}}}getEditorProperties(e){return this.getComponentConfig(e)}changeControlType(e,t,n){var u,s,y,m;const a=t.propertyValue,c=n&&n.parent&&n.parent.schema;if(!c)return;const A=c.contents.findIndex(g=>g.id===e.id),p=c.contents[A];let r;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:a},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),r=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,a)),r||(r=I.getSchemaByType("form-group")||{},r.editor=I.getSchemaByType(a)||{},delete r.editor.id,delete r.editor.binding,delete r.editor.appearance),Object.assign(r,{id:p.id,appearance:p.appearance,size:p.size,label:p.label,binding:p.binding,visible:p.visible}),Object.assign(r.editor,{isTextArea:r.isTextArea&&p.isTextArea,placeholder:(u=p.editor)==null?void 0:u.placeholder,holdPlace:(s=p.editor)==null?void 0:s.holdPlace,readonly:(y=p.editor)==null?void 0:y.readonly,require:(m=p.editor)==null?void 0:m.require}),c.contents.splice(A,1),c.contents.splice(A,0,r),n.schema=Object.assign(p,r),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(g=>g.classList.remove("dgComponentSelected")),K.value++}getComponentConfig(e,t={},n={}){const a=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},t),c=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时，输入控件内的占位文本",title:"提示文本",type:"string"}},n);return{...a,properties:{...c}}}updateUnifiedLayoutAfterControlChanged(e,t,n){const a=e.split(" ");let c=a.find(s=>/^col-([1-9]|10|11|12)$/.test(s)),A=a.find(s=>/^col-md-([1-9]|10|11|12)$/.test(s)),p=a.find(s=>/^col-xl-([1-9]|10|11|12)$/.test(s)),r=a.find(s=>/^col-el-([1-9]|10|11|12)$/.test(s));c=c||"col-12",A=A||"col-md-"+c.replace("col-",""),p=p||"col-xl-"+A.replace("col-md-",""),r=r||"col-el-"+p.replace("col-xl-","");const u={id:t,columnInSM:parseInt(c.replace("col-",""),10),columnInMD:parseInt(A.replace("col-md-",""),10),columnInLG:parseInt(p.replace("col-xl-",""),10),columnInEL:parseInt(r.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(n,u)}updateUnifiedLayoutAfterResponseLayoutChanged(e,t){const{formNode:n}=this.responseLayoutEditorFunction.checkCanFindFormNode(e);if(!n||!n.unifiedLayout)return;const a=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(n,a,1),t){const g=a.find(C=>C.id===t.id);Object.assign(g||{},t)}const c=a.map(g=>g.columnInSM),A=a.map(g=>g.columnInMD),p=a.map(g=>g.columnInLG),r=a.map(g=>g.columnInEL),u=this.checkIsUniqueColumn(c)?c[0]:null,s=this.checkIsUniqueColumn(A)?A[0]:null,y=this.checkIsUniqueColumn(p)?p[0]:null,m=this.checkIsUniqueColumn(r)?r[0]:null;Object.assign(n.unifiedLayout,{uniqueColClassInSM:u,uniqueColClassInMD:s,uniqueColClassInLG:y,uniqueColClassInEL:m})}checkIsUniqueColumn(e){const t=new Set(e);return Array.from(t).length===1}}class Y extends J{constructor(o,e){super(o,e)}getEditorProperties(o){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 X(i,o){const{canAccepts:e,checkCanDeleteComponent:t,checkCanMoveComponent:n,hideNestedPaddingInDesginerView:a,onAcceptMovedChildElement:c,resolveComponentContext:A,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:r}=Z(i),u=i.schema;function s(y,m){return new Y(y,o).getPropertyConfig(u,m)}return{canAccepts:e,checkCanDeleteComponent:t,checkCanMoveComponent:n,hideNestedPaddingInDesginerView:a,onAcceptMovedChildElement:c,resolveComponentContext:A,triggerBelongedComponentToMoveWhenMoved:p,triggerBelongedComponentToDeleteWhenDeleted:r,getPropsConfig:s}}const $=d.defineComponent({name:"FAvatarDesign",props:T,emits:["change","update:modelValue"],setup(i,o){const e=d.ref(),t=d.inject("designer-host-service"),n=d.inject("design-item-context"),a=X(n,t),c=E.useDesignerComponent(e,n,a);d.onMounted(()=>{e.value.componentInstance=c}),o.expose(c.value);const A=d.computed(()=>({"f-avatar":!0,"f-avatar-readonly":i.readonly,"f-avatar-circle":i.shape==="circle","f-avatar-square":i.shape==="square"})),p=d.ref(i.modelValue),r=d.computed(()=>({width:i.avatarWidth+"px",height:i.avatarHeight+"px"})),u=!1;function s(){return""}function y(){}const m=d.ref(null),{acceptTypes:g,imageSource:C,onClickImage:M}=P(i,o,m,p);return()=>d.createVNode("div",{ref:e,class:A.value,style:r.value,onClick:M},[u,d.createVNode("img",{title:i.title,class:"f-avatar-image",src:C.value,onError:s},null),!i.readonly&&d.createVNode("div",{class:"f-avatar-icon"},[d.createVNode("span",{class:"f-icon f-icon-camera"},null)]),d.createVNode("input",{ref:"file",name:"file-input",type:"file",class:"f-avatar-upload",accept:g.value,onChange:y,style:"display: none;"},null)])}});B.register=(i,o,e,t)=>{i.avatar=B,o.avatar=x},B.registerDesigner=(i,o,e)=>{i.avatar=$,o.avatar=x};const _=S.withInstall(B);f.FAvatar=B,f.avatarProps=T,f.default=_,f.propsResolver=x,Object.defineProperties(f,{__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), {});
+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 (!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;
-}
 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
 };