@farris/ui-vue 1.7.3 → 1.7.5

package/designer/binding-selector/index.umd.cjs

@@ -1 +0,0 @@
-(function(p,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("../../components/binding-selector/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("vue"),require("../../components/button-edit/index.umd.js"),require("../../components/tree-grid/index.umd.js"),require("../../components/radio-group/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/locale/index.umd.js"),require("../../components/property-panel/index.umd.js"),require("lodash-es"),require("../../components/notify/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/binding-selector/index.umd.js","../../components/dynamic-resolver/index.umd.js","vue","../../components/button-edit/index.umd.js","../../components/tree-grid/index.umd.js","../../components/radio-group/index.umd.js","../../components/common/index.umd.js","../../components/locale/index.umd.js","../../components/property-panel/index.umd.js","lodash-es","../../components/notify/index.umd.js"],v):(p=typeof globalThis<"u"?globalThis:p||self,v(p["binding-selector"]={},p.bindingSelector,p.dynamicResolver,p.Vue,p.FButtonEdit,p.FTreeGrid,p.FRadioGroup,p.common,p.locale,p.propertyPanel,p.LodashES,p.notify))})(this,function(p,v,k,t,re,de,ce,H,Y,q,Z,ue){"use strict";var be=Object.defineProperty;var Fe=(p,v,k)=>v in p?be(p,v,{enumerable:!0,configurable:!0,writable:!0,value:k}):p[v]=k;var X=(p,v,k)=>Fe(p,typeof v!="symbol"?v+"":v,k);const me={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/binding-selector.schema.json",title:"binding-selector",description:"字段绑定选择器",type:"object",properties:{disabled:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:!1},bindingType:{description:"",type:"object",default:{}},idField:{description:"",type:"string",default:"id"},title:{description:"",type:"string",default:"字段选择器"},modalWidth:{description:"",type:"number",default:800},modalHeight:{description:"",type:"number",default:600},separator:{description:"",type:"string",default:","},bindingData:{description:"",type:"array",default:[]},textField:{description:"",type:"string",default:"code"},editorParams:{description:"",type:"object",default:{}}}},D=[{field:"name",title:"名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],ee=[{field:"name",title:"名称"},{field:"code",title:"编号"},{field:"displayTypeName",title:"变量类型"}],fe=[{value:"Form",text:"绑定字段"},{value:"LocaleVariable",text:"绑定组件变量"},{value:"RemoteVariable",text:"绑定表单变量"}],te={disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},modelValue:{type:Object,default:null},bindingType:{type:Object,default:{enable:!0,value:"Form",textField:"text",valueField:"value"}},data:{type:Array,default:[]},idField:{type:String,default:"id"},title:{type:String,default:"字段选择器"},modalWidth:{type:Number,default:800},modalHeight:{type:Number,default:600},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},bindingData:{type:Array,default:[]},textField:{type:String,default:"code"},beforeOpenDialog:{type:Function,default:null},editorParams:{type:Object,default:null},onFieldSelected:{type:Function,default:null},showCustomFooter:{type:Boolean,default:!1}},pe={showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},options:{type:Object},safeHtml:{type:Boolean,default:!0}},ye={showCloseButton:{type:Boolean,default:!0},animate:{type:String,default:"fadeIn"},options:{type:Object}},z=t.defineComponent({name:"Toast",props:ye,emits:["close","click"],setup:(e,o)=>{const l=t.ref(e.animate),s="fadeOut",a=t.computed(()=>e.options),u=t.ref(!1),f=t.computed(()=>a.value.title&&a.value.message),m=t.computed(()=>!a.value.title&&a.value.message),N=t.computed(()=>{const h={animated:u.value,toast:!0,"toast--only-content":!f.value};return h[e.animate]=!1,h[s]=u.value,h["toasty-type-"+a.value.type]=!0,a.value.theme&&(h[a.value.theme]=!0),h}),b=t.computed(()=>{const T=`f-icon-${a.value&&a.value.type?a.value.type.replace("toasty-type-",""):"default"}`,j={"f-icon":!0};return j[T]=!0,j}),w=t.computed(()=>a.value.title||a.value.message),P=t.computed(()=>e.showCloseButton),V=t.computed(()=>!!a.value.buttons||!!o.slots.default),x=t.computed(()=>Y.LocaleService.getLocale()==="en"?{wordBreak:"keep-all",overflowWrap:"break-word"}:{});function C(h){h.stopPropagation(),h.preventDefault(),u.value=!1,setTimeout(()=>{o.emit("close",a.value)},200)}function $(h,I){}function R(h){return`f-preten-link ${h.customClass?h.customClass:""}`}t.watch(l,()=>{l.value});const E=()=>{var h;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"after-toast-msg text-right"},[!o.slots.default&&((h=a.value.buttons)==null?void 0:h.map(I=>t.createVNode("span",{class:R(I),onClick:T=>void 0},[I.text]))),o.slots.default&&o.slots.default()])])};return()=>t.createVNode("div",{class:N.value,style:"min-height:44px"},[P.value&&t.createVNode("button",{title:Y.LocaleService.getLocaleValue("messageBox.close"),class:"toast-close f-btn-icon f-bare",onClick:C},[t.createVNode("span",{class:"f-icon modal_close"},null)]),w.value&&t.createVNode("section",{class:"modal-tips"},[!f.value&&t.createVNode("div",{class:"float-left modal-tips-iconwrap"},[t.createVNode("span",{class:b.value},null)]),t.createVNode("div",{class:"modal-tips-content"},[f.value&&t.createVNode(t.Fragment,null,[t.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:a.value.title},null),t.createVNode("p",{class:"toast-msg",innerHTML:a.value.message,style:x.value},null),V.value&&E()]),m.value&&(a.value.buttons?t.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:x.value,innerHTML:a.value.message},null),t.createVNode("div",{class:"after-toast-title text-right ml-auto"},[E()])]):t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",style:x.value,innerHTML:a.value.message},null))])])])}}),_=t.defineComponent({name:"Notify",props:pe,emits:["close","empty"],setup(e,o){const l=t.computed(()=>({"farris-notify":!0})),s={left:12,right:12,top:20,bottom:12},a=t.ref(),u=t.ref(e.options),f=t.ref(e.showCloseButton),m=t.computed(()=>e.position||"bottom-right"),N=t.computed(()=>e.timeout!=null?e.timeout:3e3),b=t.computed(()=>{const V=e.bottom?e.bottom:s.bottom,x=e.top?e.top:s.top,C={transition:"all 0.2s ease",left:m.value.indexOf("left")>-1?`${e.left?e.left:s.left}px`:"",right:m.value.indexOf("right")>-1?`${e.right?e.right:s.right}px`:"",top:m.value.indexOf("top")>-1?`${x}px`:"",bottom:m.value.indexOf("bottom")>-1?`${V}px`:""};return m.value.indexOf("center")>-1&&(C.left="50%",C.marginLeft="calc(-24rem / 2)",m.value==="center-center"&&(C.top="50%",C.transform="translate(-50%, -50%)")),C});function w(V){o.emit("close")}N.value&&setTimeout(()=>{w()},N.value),o.expose({closeToast:w,container:a,notifyPosition:m});function P(V,x){w()}return()=>t.createVNode("div",{class:l.value,style:b.value,ref:a},[t.createVNode(z,{options:u.value,showCloseButton:f.value,animate:e.animate,onClose:V=>P(V,u.value)},null)])}});class ne{constructor(){X(this,"notifyRefs",[]);X(this,"globalConfig",t.reactive({}))}escapeAllHtml(o){if(typeof o!="string"||!o)return"";const l=document.createElement("div");return l.textContent=o||"",l.innerHTML.replace(/\\n/g,"<br>").replace(/\\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;").replace(/\\r/g,"")}createNotifyInstance(o){const l=this,a=Object.assign({timeout:3e3,position:"bottom-right",showCloseButton:!0,safeHtml:!0},this.globalConfig,{...o}),u=document.createElement("div");u.style.display="contents";const f=t.createApp({setup(){var b;const m=t.ref();function N(){m.value.container.style.transform="scale(0)",setTimeout(()=>{l.updateNotifyPositionForClose(a,m),f.unmount()},220)}if(a.position.indexOf("top")>-1){const w=l.getNotifyInstances(a.position),P=w[w.length-1];if(P){const V=P.value.container.getBoundingClientRect();a.top=V.bottom}}return a.safeHtml&&((b=a.options)!=null&&b.message)&&(a.options.message=l.escapeAllHtml(a.options.message)),t.onUnmounted(()=>{document.body.removeChild(u)}),t.onMounted(()=>{l.updateNotifyPositionForCreate(a,m)}),()=>t.createVNode(t.Transition,{mode:"out-in",name:"fade",appear:!0},{default:()=>[t.createVNode(_,t.mergeProps({ref:m},a,{onClose:N}),null)]})}});return f.provide("NotifyService",this),document.body.appendChild(u),f.use(Y.LocaleService.i18n),f.mount(u),f}getNotifyInstances(o){return this.notifyRefs.filter(l=>l.value.notifyPosition===o)}updateNotifyPositionForCreate(o,l){if(this.notifyRefs&&this.notifyRefs.length){const s=window.innerHeight;o.position.indexOf("bottom")>-1&&this.getNotifyInstances(o.position).forEach(a=>{const u=a.value.container.getBoundingClientRect();a.value.container.style.bottom=u.height+s-u.bottom+"px"})}this.notifyRefs=[...this.notifyRefs,l]}updateNotifyPositionForClose(o,l){const s=this.notifyRefs.indexOf(l);if(o.position.indexOf("top")>-1){const a=this.getNotifyInstances(o.position),u=a.indexOf(l);a.slice(u+1).forEach(f=>{f.value.container.style.top=f.value.container.offsetTop-f.value.container.offsetHeight+"px"})}s>-1&&this.notifyRefs.splice(s,1)}show(o){return this.createNotifyInstance(o)}buildNotifyProps(o,l){let s="",a="",u,f,m;typeof l=="string"?s=l:l&&(s=l.message||"",a=l.title||"",f=l.position||null,m=l.showCloseButton!=null?l.showCloseButton:null,u=l.timeout!=null?l.timeout:null);const b={options:{type:o,message:s,title:a}};return f!=null&&(b.position=f),m!=null&&(b.showCloseButton=m),u!=null&&(b.timeout=u),b}info(o){const l=this.buildNotifyProps("info",o);return this.show(l)}success(o){const l=this.buildNotifyProps("success",o);return this.show(l)}warning(o){const l=this.buildNotifyProps("warning",o);return this.show(l)}error(o){const l=this.buildNotifyProps("error",o);return this.show(l)}close(o){o&&o.unmount()}closeAll(){this.notifyRefs.forEach(o=>{o==null||o.value.closeToast()}),this.notifyRefs.length=0}}const ge=Symbol("NOTIFY_SERVICE_TOKEN");_.install=e=>{e.component(_.name,_),e.component(z.name,z);const o=new ne;e.provide(ge,o),e.provide("FNotifyService",o)};function oe(e){const{designViewModelUtils:o,schemaService:l,formSchemaUtils:s,designerContext:a}=e.editorParams.designerHostService,{viewModelId:u}=e.editorParams;let f=[],m=[],N=[];const b=new ne;b.globalConfig={position:"top-center"};function w(i){switch(i){case"LocaleVariable":return m;case"RemoteVariable":return N;default:return f}}function P(){f=o.getAllFields2TreeByVMId(u)}function V(){const i=s.getViewModelById(u);if(i.parent){const d=s.getLocaleVariablesByViewModelId(i.parent);d&&d.length&&(d[0].data.name="根组件",m=m.concat(d))}const r=s.getLocaleVariablesByViewModelId(u);m=m.concat(r)}function x(){N=s.getRemoteVariables()}function C(i){var c,g,F,S;const r=Z.merge({},i.rawData,{groupId:null,groupName:null}),d=(c=e.editorParams.componentSchema)==null?void 0:c.binding,y=(g=e.editorParams.componentSchema)==null?void 0:g.label,n=o.getDgViewModel(u);if(d!=null&&d.field){const O=n.fields.find(M=>M.id===d.field);if(n.removeField([d.field]),O){const{groupId:M,groupName:L,editor:B}=O;Z.merge(r,{editor:B,groupId:M,groupName:L})}}n.addField(r),(S=(F=e.editorParams.componentSchema)==null?void 0:F.editor)!=null&&S.type&&n.changeField(r.id,{editor:r.editor}),y&&n.changeField(r.id,{name:y})}function $(i){var n;const r=(n=e.editorParams.componentSchema)==null?void 0:n.binding,d=o.getDgViewModel(u),y={type:"Variable",id:i.id,fieldName:i.code,groupId:"",groupName:""};if(r!=null&&r.field){const c=s.getViewModelById(u),g=c==null?void 0:c.fields.find(F=>F.id===(r==null?void 0:r.field));g&&(y.groupName=g.groupName,y.groupId=g.groupId),d.removeField([r==null?void 0:r.field])}s.addViewModelField(u,y)}function R(i,r){if(!e.editorParams.needSyncToViewModel||!e.editorParams.viewModelId||!e.editorParams.designerHostService)return;const d=e.editorParams.componentSchema.binding;d&&d.field===i.id||(r==="Form"?C(i):$(i))}function E(i){if(!e.editorParams.needSyncToViewModel||!e.editorParams.viewModelId||!e.editorParams.designerHostService)return;const r=e.editorParams.componentSchema.binding;if(!(!r||r.field===i.id)&&s.getExpressions().length){const{componentSchema:d}=e.editorParams,y=s.getExpressions().findIndex(n=>n.target===r.field);y>-1&&(s.getExpressions().splice(y,1),b.warning("切换绑定后，请重新配置表达式"),Object.keys(d).forEach(n=>{d[n]&&d[n].type==="Expression"&&(d[n].expressionId=""),d.editor&&Object.keys(d.editor).forEach(c=>{d.editor[c]&&d.editor[c].type==="Expression"&&(d.editor[c].expressionId="")})}))}}function h(i){var d;[H.FormSchemaEntityFieldTypeName.Number,H.FormSchemaEntityFieldTypeName.String,H.FormSchemaEntityFieldTypeName.Text].includes(i.type.name)&&((d=i.type)==null?void 0:d.length)&&e.editorParams.componentSchema.editor&&!Object.prototype.hasOwnProperty.call(e.editorParams.componentSchema.editor,"maxLength")&&(e.editorParams.componentSchema.editor.maxLength=i.type.length)}function I(i,r){if(e.editorParams.componentSchema){switch(e.editorParams.componentSchema.binding||(e.editorParams.componentSchema.binding={}),r){case"Form":{e.editorParams.componentSchema.binding.path=i.bindingField,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.path;break}case"LocaleVariable":{e.editorParams.componentSchema.binding.path=i.viewModelId===u?i.code:"root-component."+i.code,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.code;break}case"RemoteVariable":{e.editorParams.componentSchema.binding.path="root-component."+i.code,e.editorParams.componentSchema.binding.field=i.id,e.editorParams.componentSchema.binding.fullPath=i.code;break}}return e.editorParams.componentSchema.binding.type=r,e.editorParams.componentSchema.path=i.bindingPath,h(i),e.editorParams.componentSchema.binding}}function T(i){const r=i==null?void 0:i.field,d=new Set,y=s.getFormSchema().module,n=s.getViewModelById(u),c=y.components.find(S=>S.viewModel===u),g=s.checkComponentExistInDrawer(c.id);let F=c.componentType;return(F==="frame"||F==="table")&&(F="form"),y.viewmodels.forEach(S=>{if(!S.fields||S.fields.length===0)return;const O=y.components.find(B=>B.viewModel===S.id);let{componentType:M}=O;if((M==="frame"||M==="table")&&(M="form"),M!==F||S.bindTo!==n.bindTo)return;const L=s.checkComponentExistInDrawer(O.id);g&&L&&S.fields.forEach(B=>{B.id!==r&&d.add(B.id)}),!g&&!L&&S.fields.forEach(B=>{B.id!==r&&d.add(B.id)})}),d}function j(i){if(!i)return[];const r={},d=a&&a.schemaDOMMapping?a.schemaDOMMapping:q.SchemaDOMMapping,{fieldControlTypeMapping:y}=d;for(const n in y){const c=y[n];!c||!c.length||c.forEach(g=>{r[g.key]=r[g.key]||[],r[g.key].push(n)})}return r["language-textbox"]=["multiLanguage"],r[i]}function J(){P(),V(),x()}function W(i,r){if(i.multiLanguage)return{fieldType:"multiLanguage",fieldTypeName:"多语言"};const d=r===q.FormBindingType.Form?i.type.name:i.type,y=r===q.FormBindingType.Form?i.type.displayName:i.displayTypeName;return{fieldType:d,fieldTypeName:y}}function G(){var n;const i=(n=e.editorParams)==null?void 0:n.componentSchema,r=i==null?void 0:i.binding;if(!r)return{originalFieldType:"",isOriginalBindComplexField:!1};let d,y=!1;if(r.type===q.FormBindingType.Form){const c=l.getFieldByID(r.field);c&&(d=W(c,q.FormBindingType.Form).fieldType,c.$type===H.FormSchemaEntityField$Type.ComplexField&&(y=!0))}else{const c=s.getVariableById(r.field);c&&(d=c.type)}return{originalFieldType:d,isOriginalBindComplexField:y}}function Q(i,r){var B,ae,le,se;if(!(i!=null&&i.length))return b.warning({message:"请先选择数据"}),!1;const d=(B=e.editorParams)==null?void 0:B.componentSchema;if(!(d==null?void 0:d.binding))return!0;let n=!0;const{originalFieldType:c,isOriginalBindComplexField:g}=G(),F=i[0],{fieldType:S,fieldTypeName:O}=W(F,r),M="不可以切换成",L="类型字段，请重新选择！";if(g||!c){const K=j((se=(le=(ae=e.editorParams)==null?void 0:ae.componentSchema)==null?void 0:le.editor)==null?void 0:se.type);return K!=null&&K.length&&!K.includes(S)&&(b.warning(`${M}${O}${L}`),n=!1),n}return c&&c!==S?e.editorParams.canChangeFieldType?!0:(b.warning(`${M}${O}${L}`),!1):n}return{initTreeData:J,getTreeDataSource:w,updateViewModel:R,updateComponentSchema:I,resolveOccupiedFields:T,resolveFieldTypesByEditorType:j,checkFieldValiation:Q,clearExpresssionConfig:E,getOriginalFieldType:G}}const A=t.defineComponent({name:"FBindingSelectorContainer",props:te,emits:["selected","bindingTypeChange","cancel","submit","skip"],setup(e,o){var r,d,y;const l=t.ref(e.data),s=t.ref(((r=e.modelValue)==null?void 0:r.type)||"Form"),a=t.ref(e.bindingData),u=t.ref(),f=t.ref(),m=t.ref(),{getTreeDataSource:N,initTreeData:b,resolveOccupiedFields:w,resolveFieldTypesByEditorType:P,getOriginalFieldType:V}=oe(e),x=t.ref([]),{originalFieldType:C,isOriginalBindComplexField:$}=V();t.onBeforeMount(()=>{var n,c,g,F,S,O;b(),l.value=N(s.value),(n=e.editorParams)!=null&&n.disableOccupiedFields&&(f.value=w((g=(c=e.editorParams)==null?void 0:c.componentSchema)==null?void 0:g.binding)),m.value=P((O=(S=(F=e.editorParams)==null?void 0:F.componentSchema)==null?void 0:S.editor)==null?void 0:O.type),x.value=s.value==="Form"?D:ee}),t.onMounted(()=>{var c,g,F;const n=(F=(g=(c=e.editorParams)==null?void 0:c.componentSchema)==null?void 0:g.binding)==null?void 0:F.field;n&&u.value.selectRowById(n)});const R={"f-utils-fill":!0,"m-2":(d=e.bindingType)==null?void 0:d.enable,"mx-2":!((y=e.bindingType)!=null&&y.enable),border:!0};function E(n){x.value=n==="Form"?D:ee,u.value.updateColumns(x.value),l.value=N(n),u.value.updateDataSource(l.value),u.value.clearSelection(),a.value=[],o.emit("selected",[]),o.emit("bindingTypeChange",n)}function h(n){a.value=n,o.emit("selected",n)}function I(){return t.createVNode("div",{class:"px-3"},[t.createVNode(ce,{name:"bindingType",textField:e.bindingType.textField||"text",valueField:e.bindingType.valueField||"value",data:fe,modelValue:s.value,"onUpdate:modelValue":n=>s.value=n,onChangeValue:E},null)])}function T(n){var c;return n.raw.multiLanguage?"multiLanguage":s.value==="Form"?(c=n.raw.type)==null?void 0:c.name:n.raw.type}const j={customRowStatus:n=>{var g;if(n.raw.$type&&n.raw.$type!==H.FormSchemaEntityField$Type.SimpleField||f.value&&f.value.has(n.raw.id))return n.disabled=!0,n;const c=T(n);if($||!C){if(c&&((g=m.value)!=null&&g.length)&&!m.value.includes(c))return n.disabled=!0,n}else if(C&&C!==c)return n.disabled=!0,n;return n.disabled=!1,n}};function J(){return t.createVNode(de,{ref:u,fit:!0,data:l.value,idField:e.idField,columns:x.value,rowNumber:{enable:!1},columnOption:{fitColumns:!0},onSelectionChange:h,"row-option":j},null)}function W(){o.emit("cancel")}function G(){if(!a.value||!a.value.length){const n=new ue.FNotifyService;return n.globalConfig={position:"top-center"},n.warning({message:"请先选择数据"}),!1}return!0}function Q(){G()&&o.emit("submit",{selectedData:a.value[0],bindingType:s.value})}function i(){o.emit("skip")}return()=>t.createVNode("div",{class:"h-100 d-flex flex-column"},[e.bindingType.enable&&I(),t.createVNode("div",{class:R,style:"position:relative;border-radius:10px;"},[t.createTextVNode(" "),J()]),e.showCustomFooter?t.createVNode("div",{class:"modal-footer"},[t.createVNode("button",{type:"button",class:"btn btn-secondary",onClick:W},[t.createTextVNode("取消")]),t.createVNode("button",{type:"button",class:"btn btn-secondary",onClick:i},[t.createTextVNode("跳过绑定")]),t.createVNode("button",{type:"button",class:"btn btn-primary",onClick:Q},[t.createTextVNode("确定")])]):""])}}),U=t.defineComponent({name:"FBindingSelector",props:te,emits:["selected","bindingTypeChanged"],setup(e,o){var h,I;const l='<i class="f-icon f-icon-lookup"></i>',s=t.ref(e.bindingData),a=t.ref(e.data),u=t.ref(),f=t.ref(((h=e.modelValue)==null?void 0:h.type)||"Form"),m=t.ref((I=e.modelValue)==null?void 0:I.path),{updateViewModel:N,updateComponentSchema:b,checkFieldValiation:w,clearExpresssionConfig:P}=oe(e);function V(T){s.value=T}function x(T){f.value=T}function C(T){m.value=T.path}function $(){return t.createVNode(A,{ref:u,data:a.value,onSelected:V,modelValue:e.modelValue,idField:e.idField,bindingData:s.value,onBindingTypeChange:x,editorParams:e.editorParams,bindingType:e.bindingType,showCustomFooter:!1},null)}function R(){return!!w(s.value,f.value)}const E={title:e.title,fitContent:!1,height:e.modalHeight,width:e.modalWidth,buttons:[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:T=>(s.value=[],!0)},{name:"accept",text:"确定",class:"btn btn-primary",handle:T=>{if(!R())return!1;N(s.value[0],f.value),P(s.value[0]);const j=b(s.value[0],f.value);return C(j),e.onFieldSelected&&typeof e.onFieldSelected=="function"&&e.onFieldSelected(j,void 0,s.value[0]),!0}}],resizeable:!1,draggable:!0};return()=>t.createVNode(re,{modelValue:m.value,"onUpdate:modelValue":T=>m.value=T,editable:!1,disabled:e.disabled,readonly:e.readonly,inputType:"text",enableClear:!1,buttonContent:l,buttonBehavior:"Modal",modalOptions:E},{default:()=>[t.createVNode("div",{class:"h-100 d-flex flex-column"},[$()])]})}}),ie=k.createPropsResolver(v.bindingSelectorProps,me),he={register:(e,o,l,s)=>{e["binding-selector"]=U,o["binding-selector"]=ie},install:e=>{e.component(U.name,U),e.component(A.name,A)}};p.BindingSelector=U,p.FBindingSelectorContainer=A,p.default=he,p.propsResolver=ie,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/button-group/index.esm.js

@@ -1,282 +0,0 @@
-import B, { buttonGroupProps as m } from "../../components/button-group/index.esm.js";
-import { ref as g, nextTick as C, createVNode as i, Fragment as k, defineComponent as P, inject as R, onMounted as j } from "vue";
-import { useDesignerComponent as F } from "../../components/designer-canvas/index.esm.js";
-import $ from "../../components/popover/index.esm.js";
-import { withInstall as x } from "../../components/common/index.esm.js";
-import { resolveAppearance as G, createPropsResolver as S } from "../../components/dynamic-resolver/index.esm.js";
-function T(t, o, r) {
-  const s = g(), n = g(!1), u = g(), p = g(!1);
-  function f() {
-    const c = s.value;
-    c && c.show(r.value);
-  }
-  async function l() {
-    n.value = !n.value, await C(), f();
-  }
-  function d() {
-    n.value = !1, o.emit("changeState", n.value);
-  }
-  function e(c) {
-    c.stopPropagation(), l(), o.emit("changeState", n.value);
-  }
-  function a(c, y) {
-    c.stopPropagation(), !y.disabled && (n.value = !1, o.emit("change", { payload: c, button: y }), o.emit("click", { payload: c, button: y }));
-  }
-  function v() {
-    n.value && (u.value = setTimeout(() => {
-      p.value || d();
-    }, 1e3));
-  }
-  function M() {
-    u.value && (clearTimeout(u.value), u.value = null);
-  }
-  function D(c) {
-    p.value = !0;
-  }
-  function w(c) {
-    p.value = !1, v();
-  }
-  return {
-    hidePopup: d,
-    onClickDropdownButton: e,
-    onClickDropdownMenuItem: a,
-    onMouseleaveDropdownButton: v,
-    onMouseenterDropdownButton: M,
-    onMouseenterDropMenu: D,
-    onMouseleaveDropMenu: w,
-    popoverRef: s,
-    shouldPopupContent: n,
-    togglePopup: l
-  };
-}
-function q(t, o, r) {
-  const {
-    hidePopup: s,
-    onClickDropdownMenuItem: n,
-    popoverRef: u,
-    onMouseenterDropMenu: p,
-    onMouseleaveDropMenu: f
-  } = r;
-  function l(e) {
-    return i(k, null, [e.divider && i("div", {
-      class: "dropdown-divider"
-    }, null), i("div", {
-      id: e.id,
-      class: "dropdown-item" + (e.disabled ? " disabled" : ""),
-      onClick: (a) => n(a, e)
-    }, [e.icon && i("i", {
-      class: "f-icon dropdown-item-icon" + e.icon
-    }, null), i("span", null, [e.text])])]);
-  }
-  function d(e) {
-    return i($, {
-      id: `${t.id}-popover`,
-      ref: u,
-      visible: !0,
-      placement: t.placement,
-      host: "body",
-      fitContent: !0,
-      onHidden: s,
-      minWidth: 120
-    }, {
-      default: () => [i("div", {
-        class: "bg-white",
-        onMouseenter: p,
-        onMouseleave: f
-      }, [e.map((a) => l(a))])]
-    });
-  }
-  return {
-    renderDropdownMenu: d
-  };
-}
-function A(t, o) {
-  const r = g(), s = g(), n = T(t, o, s), {
-    onMouseleaveDropdownButton: u,
-    onMouseenterDropdownButton: p,
-    onClickDropdownButton: f,
-    shouldPopupContent: l
-  } = n, {
-    renderDropdownMenu: d
-  } = q(t, r, n), e = () => ({
-    "margin-bottom": "2px"
-  });
-  function a(v) {
-    return i("div", {
-      class: "btn-group f-btn-group-dropdown",
-      ref: r,
-      onMouseleave: u,
-      onMouseenter: p,
-      style: e
-    }, [i("button", {
-      ref: s,
-      type: "button",
-      class: "f-btn-dropdown",
-      onClick: f
-    }, [i("span", {
-      class: "f-icon f-icon-lookup"
-    }, null)]), l.value && d(v)]);
-  }
-  return {
-    renderDropdownButton: a
-  };
-}
-const b = /* @__PURE__ */ P({
-  name: "FButtonGroupDesign",
-  props: m,
-  emits: ["click", "changeState", "change", "clickMenuOut"],
-  setup(t, o) {
-    const r = g(), s = R("design-item-context"), n = F(r, s);
-    j(() => {
-      r.value.componentInstance = n;
-    }), o.expose(n.value);
-    const u = t.data && t.data.slice(0, t.count) || [], p = t.data && t.data.slice(t.count) || [], f = function(e) {
-      const a = {
-        btn: !0,
-        "f-btn-ml": e.type && e.type !== "link",
-        "btn-link": !!e.icon || !e.type,
-        "btn-icontext": !!e.icon,
-        disabled: e.disabled
-      };
-      return e.type && (a[`btn-${e.type}`] = !0), a;
-    };
-    function l(e) {
-      return i("div", null, [i("button", {
-        type: "button",
-        id: e.id,
-        title: e.id,
-        class: f(e)
-      }, [e.icon && i("i", {
-        class: `f-icon ${e.icon}`
-      }, null), !e.icon && e.text])]);
-    }
-    const {
-      renderDropdownButton: d
-    } = A(t, o);
-    return () => i("div", {
-      class: "f-btn-group",
-      style: "position:relative;",
-      ref: r
-    }, [i("div", {
-      class: (t.size === "large" ? "btn-group-lg" : "btn-group-sm") + " btn-group f-btn-group-links"
-    }, [u.map((e) => l(e))]), !!p.length && d(p)]);
-  }
-}), O = "https://json-schema.org/draft/2020-12/schema", z = "https://farris-design.gitee.io/button-group.schema.json", E = "button-group", H = "A Farris Component", N = "object", V = {
-  id: {
-    description: "The unique identifier for button-group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of button-group",
-    type: "string",
-    default: "button-group"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeholder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, W = [
-  "id",
-  "type"
-], J = {
-  $schema: O,
-  $id: z,
-  title: E,
-  description: H,
-  type: N,
-  properties: V,
-  required: W
-};
-function K(t, o, r) {
-  return o;
-}
-const L = /* @__PURE__ */ new Map([
-  ["appearance", G]
-]), Q = "button-group", U = "A Farris Component", X = "object", Y = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Z = {
-  title: Q,
-  description: U,
-  type: X,
-  categories: Y
-}, h = S(m, J, L, K, Z);
-b.register = (t, o, r, s) => {
-  t["button-group"] = B, o["button-group"] = h;
-};
-b.registerDesigner = (t, o, r) => {
-  t["button-group"] = b, o["button-group"] = h;
-};
-const ie = x(b);
-export {
-  b as FButtonGroupDesign,
-  ie as default,
-  h as propsResolver
-};

package/designer/button-group/index.umd.cjs

@@ -1 +0,0 @@
-(function(r,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../../components/button-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/popover/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/button-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/popover/index.umd.js","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js"],g):(r=typeof globalThis<"u"?globalThis:r||self,g(r["button-group"]={},r.FButtonGroup,r.Vue,r.designerCanvas,r.FPopover,r.common,r.dynamicResolver))})(this,function(r,g,n,D,w,j,M){"use strict";function C(o,t,s){const c=n.ref(),i=n.ref(!1),p=n.ref(),u=n.ref(!1);function m(){const a=c.value;a&&a.show(s.value)}async function l(){i.value=!i.value,await n.nextTick(),m()}function f(){i.value=!1,t.emit("changeState",i.value)}function e(a){a.stopPropagation(),l(),t.emit("changeState",i.value)}function d(a,h){a.stopPropagation(),!h.disabled&&(i.value=!1,t.emit("change",{payload:a,button:h}),t.emit("click",{payload:a,button:h}))}function b(){i.value&&(p.value=setTimeout(()=>{u.value||f()},1e3))}function R(){p.value&&(clearTimeout(p.value),p.value=null)}function q(a){u.value=!0}function S(a){u.value=!1,b()}return{hidePopup:f,onClickDropdownButton:e,onClickDropdownMenuItem:d,onMouseleaveDropdownButton:b,onMouseenterDropdownButton:R,onMouseenterDropMenu:q,onMouseleaveDropMenu:S,popoverRef:c,shouldPopupContent:i,togglePopup:l}}function x(o,t,s){const{hidePopup:c,onClickDropdownMenuItem:i,popoverRef:p,onMouseenterDropMenu:u,onMouseleaveDropMenu:m}=s;function l(e){return n.createVNode(n.Fragment,null,[e.divider&&n.createVNode("div",{class:"dropdown-divider"},null),n.createVNode("div",{id:e.id,class:"dropdown-item"+(e.disabled?" disabled":""),onClick:d=>i(d,e)},[e.icon&&n.createVNode("i",{class:"f-icon dropdown-item-icon"+e.icon},null),n.createVNode("span",null,[e.text])])])}function f(e){return n.createVNode(w,{id:`${o.id}-popover`,ref:p,visible:!0,placement:o.placement,host:"body",fitContent:!0,onHidden:c,minWidth:120},{default:()=>[n.createVNode("div",{class:"bg-white",onMouseenter:u,onMouseleave:m},[e.map(d=>l(d))])]})}return{renderDropdownMenu:f}}function B(o,t){const s=n.ref(),c=n.ref(),i=C(o,t,c),{onMouseleaveDropdownButton:p,onMouseenterDropdownButton:u,onClickDropdownButton:m,shouldPopupContent:l}=i,{renderDropdownMenu:f}=x(o,s,i),e=()=>({"margin-bottom":"2px"});function d(b){return n.createVNode("div",{class:"btn-group f-btn-group-dropdown",ref:s,onMouseleave:p,onMouseenter:u,style:e},[n.createVNode("button",{ref:c,type:"button",class:"f-btn-dropdown",onClick:m},[n.createVNode("span",{class:"f-icon f-icon-lookup"},null)]),l.value&&f(b)])}return{renderDropdownButton:d}}const y=n.defineComponent({name:"FButtonGroupDesign",props:g.buttonGroupProps,emits:["click","changeState","change","clickMenuOut"],setup(o,t){const s=n.ref(),c=n.inject("design-item-context"),i=D.useDesignerComponent(s,c);n.onMounted(()=>{s.value.componentInstance=i}),t.expose(i.value);const p=o.data&&o.data.slice(0,o.count)||[],u=o.data&&o.data.slice(o.count)||[],m=function(e){const d={btn:!0,"f-btn-ml":e.type&&e.type!=="link","btn-link":!!e.icon||!e.type,"btn-icontext":!!e.icon,disabled:e.disabled};return e.type&&(d[`btn-${e.type}`]=!0),d};function l(e){return n.createVNode("div",null,[n.createVNode("button",{type:"button",id:e.id,title:e.id,class:m(e)},[e.icon&&n.createVNode("i",{class:`f-icon ${e.icon}`},null),!e.icon&&e.text])])}const{renderDropdownButton:f}=B(o,t);return()=>n.createVNode("div",{class:"f-btn-group",style:"position:relative;",ref:s},[n.createVNode("div",{class:(o.size==="large"?"btn-group-lg":"btn-group-sm")+" btn-group f-btn-group-links"},[p.map(e=>l(e))]),!!u.length&&f(u)])}}),V={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-group.schema.json",title:"button-group",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for button-group",type:"string"},type:{description:"The type string of button-group",type:"string",default:"button-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function N(o,t,s){return t}const P=new Map([["appearance",M.resolveAppearance]]),k={title:"button-group",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},v=M.createPropsResolver(g.buttonGroupProps,V,P,N,k);y.register=(o,t,s,c)=>{o["button-group"]=g,t["button-group"]=v},y.registerDesigner=(o,t,s)=>{o["button-group"]=y,t["button-group"]=v};const $=j.withInstall(y);r.FButtonGroupDesign=y,r.default=$,r.propsResolver=v,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/code-editor/index.esm.js

@@ -1,75 +0,0 @@
-import { codeTextboxProps as i, FCodeTextbox as r } from "../../components/code-editor/index.esm.js";
-import { createPropsResolver as s } from "../../components/dynamic-resolver/index.esm.js";
-const n = "https://json-schema.org/draft/2020-12/schema", d = "https://farris-design.gitee.io/code-editor.schema.json", c = "code-editor", p = "A Farris Code Editor Component", a = "object", l = {
-  id: {
-    description: "The unique identifier for a Code Editor",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Code Editor component",
-    type: "string",
-    default: "code-editor"
-  },
-  language: {
-    description: "",
-    type: "string",
-    default: "json"
-  },
-  theme: {
-    description: "",
-    type: "string",
-    default: "vs-dark"
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  monacoEditorOptions: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  configPath: {
-    description: "",
-    type: "string",
-    default: "assets/monaco-editor.config.json"
-  },
-  modalTitle: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onSubmitModal: {
-    description: "",
-    type: "function",
-    default: null
-  },
-  leftTemplate: {
-    description: "",
-    type: "function"
-  }
-}, f = [
-  "id",
-  "type"
-], m = {
-  $schema: n,
-  $id: d,
-  title: c,
-  description: p,
-  type: a,
-  properties: l,
-  required: f
-}, u = /* @__PURE__ */ new Map([]);
-function g(t, e, o) {
-  return e;
-}
-const y = s(i, m, u, g), j = {
-  register(t, e, o, h) {
-    t["code-editor"] = r, e["code-editor"] = y;
-  }
-};
-export {
-  j as default,
-  y as propsResolver
-};

package/designer/code-editor/index.umd.cjs

@@ -1 +0,0 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("../../components/code-editor/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/code-editor/index.umd.js","../../components/dynamic-resolver/index.umd.js"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["code-editor"]={},e.codeEditor,e.dynamicResolver))})(this,function(e,t,s){"use strict";const d={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/code-editor.schema.json",title:"code-editor",description:"A Farris Code Editor Component",type:"object",properties:{id:{description:"The unique identifier for a Code Editor",type:"string"},type:{description:"The type string of Code Editor component",type:"string",default:"code-editor"},language:{description:"",type:"string",default:"json"},theme:{description:"",type:"string",default:"vs-dark"},readonly:{description:"",type:"boolean",default:!1},monacoEditorOptions:{description:"",type:"object",default:{}},configPath:{description:"",type:"string",default:"assets/monaco-editor.config.json"},modalTitle:{description:"",type:"string",default:""},onSubmitModal:{description:"",type:"function",default:null},leftTemplate:{description:"",type:"function"}},required:["id","type"]},r=new Map([]);function c(n,o,a){return o}const i=s.createPropsResolver(t.codeTextboxProps,d,r,c),p={register(n,o,a,v){n["code-editor"]=t.FCodeTextbox,o["code-editor"]=i}};e.default=p,e.propsResolver=i,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});