@farris/ui-vue 1.3.0 → 1.3.3

package/components/component/index.umd.cjs

@@ -1 +1 @@
-(function(j,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],b):(j=typeof globalThis<"u"?globalThis:j||self,b(j.component={},j.Vue,j.LodashES))})(this,function(j,b,S){"use strict";var me=Object.defineProperty;var he=(j,b,S)=>b in j?me(j,b,{enumerable:!0,configurable:!0,writable:!0,value:S}):j[b]=S;var $=(j,b,S)=>he(j,typeof b!="symbol"?b+"":b,S);const _={},G={};function N(r){const{properties:e,title:t,ignore:n}=r,s=n&&Array.isArray(n),u=Object.keys(e).reduce((y,C)=>((!s||!n.find(M=>M==C))&&(y[C]=e[C].type==="object"&&e[C].properties?N(e[C]):S.cloneDeep(e[C].default)),y),{});return(!s||!n.find(y=>y=="id"))&&(u.id=`${t}-${Date.now()}`),u}function B(r,e={},t){const n=_[r];if(n){let s=N(n);const u=G[r];return s=u?u({getSchemaByType:B},s,e,t):s,s}return null}function H(r,e){const t=N(e);return Object.keys(r).reduce((n,s)=>(n[s]&&S.isPlainObject(n[s])&&S.isPlainObject(r[s])?Object.assign(n[s],r[s]):n[s]=r[s],n),t),t}function x(r,e){return Object.keys(r).filter(n=>r[n]!=null).reduce((n,s)=>{if(e.has(s)){const u=e.get(s);if(typeof u=="string")n[u]=r[s];else{const y=u(s,r[s],r);Object.assign(n,y)}}else n[s]=r[s];return n},{})}function I(r,e,t=new Map){const n=H(r,e);return x(n,t)}function K(r={}){function e(a,f,d,m){if(typeof d=="number")return m[a].length===d;if(typeof d=="object"){const P=Object.keys(d)[0],o=d[P];if(P==="not")return Number(m[a].length)!==Number(o);if(P==="moreThan")return Number(m[a].length)>=Number(o);if(P==="lessThan")return Number(m[a].length)<=Number(o)}return!1}function t(a,f,d,m){return m[a]&&m[a].propertyValue&&String(m[a].propertyValue.value)===String(d)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(r).reduce((a,f)=>(a.set(f,r[f]),a),n);function s(a,f){const d=a;return typeof f=="number"?[{target:d,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:d,operator:"getProperty",param:a,value:!!f}]:typeof f=="object"?Object.keys(f).map(m=>{if(m==="length")return{target:d,operator:"length",param:null,value:f[m]};const P=m,o=f[m];return{target:d,operator:"getProperty",param:P,value:o}}):[]}function u(a){return Object.keys(a).reduce((d,m)=>{const P=s(m,a[m]);return d.push(...P),d},[])}function y(a,f){if(n.has(a.operator)){const d=n.get(a.operator);return d&&d(a.target,a.param,a.value,f)||!1}return!1}function C(a,f){return u(a).reduce((P,o)=>P&&y(o,f),!0)}function M(a,f){const d=Object.keys(a),m=d.includes("allOf"),P=d.includes("anyOf"),o=m||P,p=(o?a[o?m?"allOf":"anyOf":"allOf"]:[a]).map(h=>C(h,f));return m?!p.includes(!1):p.includes(!0)}return{parseValueSchema:M}}const ee={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"}},te={},ne={};K();function W(r,e,t=new Map,n=(y,C,M)=>C,s={},u=y=>y){return _[e.title]=e,G[e.title]=n,te[e.title]=s,ne[e.title]=u,(y={})=>{const C=I(y,e,t),M=Object.keys(r).reduce((a,f)=>(a[f]=r[f].default,a),{});return Object.assign(M,C)}}function oe(r,e){return{customClass:e.class,customStyle:e.style}}const J=new Map([["appearance",oe]]),re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a component",type:"string"},type:{description:"The type string of component",type:"string",default:"component"},componentType:{description:"The type string of component",type:"string"},viewModel:{description:"The viewModel string of component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0},onInit:{description:"初始化事件",type:"string",default:""},onAfterViewInit:{description:"视图初始化后事件",type:"string",default:""}},required:["id","type","contents"]};function z(r,e,t){return e}const V={id:{type:String},customClass:{type:String,default:""},componentType:{type:String,default:""}},F=W(V,re,J,z),se=Object.assign({},V,{componentId:{type:String,default:""}}),k=b.defineComponent({name:"FComponent",props:V,emits:["init","afterViewInit"],setup(r,e){return b.onBeforeMount(()=>{e.emit("init",r.id)}),b.onMounted(()=>{e.emit("afterViewInit",r.id)}),()=>b.createVNode("div",{class:r.customClass},[e.slots.default&&e.slots.default()])}});function ce(r,e,t){var D;function n(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}n();const s=t&&t.getStyles&&t.getStyles()||"",u=t&&t.getDesignerClass&&t.getDesignerClass()||"",y=b.ref();function C(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function M(){return!1}function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function f(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function d(l){if(!l||!l.value)return null;if(l.value.schema&&l.value.schema.type==="component")return l.value;const v=b.ref(l==null?void 0:l.value.parent),w=d(v);return w||null}function m(l=e){const{componentInstance:v,designerItemElementRef:w}=l;return!v||!v.value?null:v.value.canMove?w:m(l.parent)}function P(l){return!!t&&t.canAccepts(l)}function o(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function i(){}function c(l,v){v&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(v)}function p(l,v){const{componentType:w}=l;let A=B(w,l,v);t&&t.onResolveNewComponentSchema&&(A=t.onResolveNewComponentSchema(l,A));const E=w.toLowerCase().replace("-","_");return A&&!A.id&&A.type===w&&(A.id=`${E}_${Math.random().toString().slice(2,6)}`),A}function g(l,v){const w=String(l.getAttribute("data-controltype")),A=l.getAttribute("data-feature"),E=A?JSON.parse(A):{};E.parentComponentInstance=y.value;let O=B(w,E);t&&t.onAcceptNewChildElement&&(O=t.onAcceptNewChildElement(l,v,O));const U=w.toLowerCase().replace("-","_");return O&&!O.id&&O.type===w&&(O.id=`${U}_${Math.random().toString().slice(2,6)}`),O}function h(l){}function T(...l){if(t&&t.getPropsConfig)return t.getPropsConfig(...l)}return y.value={canMove:C(),canSelectParent:M(),canDelete:a(),canNested:!f(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(D=e==null?void 0:e.parent)==null?void 0:D.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:u,canAccepts:P,getBelongedComponentInstance:d,getDraggableDesignItemElement:m,getDraggingDisplayText:o,getPropConfig:T,getDragScopeElement:i,onAcceptMovedChildElement:c,onAcceptNewChildElement:g,onChildElementMovedOut:h,addNewChildComponentSchema:p,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||b.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||b.ref(!1)},y}const ie={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},L=new Map;function ae(){function r(o,i,c,p){var g;if(typeof c=="number")return((g=p[o])==null?void 0:g.length)===c;if(typeof c=="object"){const h=Object.keys(c)[0],T=c[h];if(h==="not")return Number(p[o].length)!==Number(T);if(h==="moreThan")return Number(p[o].length)>=Number(T);if(h==="lessThan")return Number(p[o].length)<=Number(T)}return!1}function e(o,i,c,p){return typeof c=="boolean"?p.childrenClassList.includes(i)===!!c:!1}function t(o,i,c,p){return typeof c=="boolean"?p.parentClassList.includes(i)===!!c:!1}function n(o,i,c,p){return typeof c=="boolean"?p.parentClassList.includes(i)===!!c:!1}const s=new Map([["length",r],["hasChildren",e],["hasSibling",n],["hasParent",t]]);function u(o,i){const c=o;return typeof i=="number"?[{target:c,operator:"length",param:null,value:Number(i)}]:typeof i=="object"?Object.keys(i).map(p=>{if(p==="length")return{target:c,operator:"length",param:null,value:i[p]};const g=p,h=i[p];return{target:c,operator:o==="children"?"hasChildren":o==="parent"?"hasParent":"hasSibling",param:g,value:h}}):[]}function y(o,i){if(s.has(o.operator)){const c=s.get(o.operator);return c&&c(o.target,o.param,o.value,i)||!1}return!1}function C(o,i){return Object.keys(o).reduce((h,T)=>{const D=u(T,o[T]);return h.push(...D),h},[]).reduce((h,T)=>h&&y(T,i),!0)}function M(o,i){const c=Object.keys(o),p=c.includes("allOf"),g=c.includes("anyOf"),h=p||g,l=(h?o[h?p?"allOf":"anyOf":"allOf"]:[o]).map(w=>C(w,i));return p?!l.includes(!1):l.includes(!0)}function a(o,i){const c=o.const;return c?typeof c=="boolean"?c:typeof c=="object"?M(c,i):!1:!1}function f(o){return i=>{const c={canAccept:!0,fixed:!1,hidePadding:!1};return o&&o.properties&&Object.keys(o.properties).reduce((p,g)=>{const h=o.properties[g];return p[g]=a(h,i),p},c),c}}function d(o,i,c){if(i.type==="object"&&i.properties){const{rules:p,contents:g}=i.properties;c.set(o,f(p)),g&&Object.keys(g.properties).forEach(h=>d(h,g.properties[h],c))}}function m(){const{properties:o}=ie;Object.keys(o).forEach(i=>{d(i,o[i],L)})}function P(o,i){const c={canAccept:!0,fixed:!1,hidePadding:!0};return L.has(o)?L.get(o)(i):c}return m(),{getRuleValue:P}}class pe{constructor(e,t){$(this,"componentId");$(this,"viewModelId");$(this,"eventsEditorUtils");$(this,"formSchemaUtils");$(this,"formMetadataConverter");$(this,"designViewModelUtils");$(this,"designViewModelField");$(this,"controlCreatorUtils");$(this,"designerHostService");$(this,"schemaService",null);$(this,"metadataService",null);$(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const n=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=n.fields.find(s=>s.id===t)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,t){}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:ee[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"}}}}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const s=n.contents.findIndex(y=>y.id===e),u=S.cloneDeep(n.contents[s]);n.contents.splice(s,1),n.contents.splice(s,0,u)}}class le extends pe{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.getEventPropConfig(e),this.propertyConfig}getEventPropConfig(e){const t=[{label:"onInit",name:"初始化事件"},{label:"onAfterViewInit",name:"视图初始化后事件"}];var n=this;const s=n.eventsEditorUtils.formProperties(e,n.viewModelId,t),u={};u[n.viewModelId]={type:"events-editor",editor:{initialData:s}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:u,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(y,C){const M=y.propertyValue;delete e[n.viewModelId],M&&(M.setPropertyRelates=this.setPropertyRelates,n.eventsEditorUtils.saveRelatedParameters(e,n.viewModelId,M.events,M))}}}}function ue(r,e){const t=ae();let n=!1,s,u=!1;const y=!1,C=r.schema;function M(){return!1}function a(){return y||!u}function f(){return!u}function d(){var X,Y;u=!1;const o=r.schema,i=o.appearance&&o.appearance.class||"",c=i.split(" "),p=o.contents||[],g=p.length?p[0]:null,h=g&&g.appearance?g.appearance.class:"",T=h?h.split(" "):[],D=p.length?p.reduce((Z,q)=>{const R=q&&q.appearance?q.appearance.class:"",ye=R?R.split(" "):[];return Z.push(...ye),Z},[]):[];if(((Y=(X=r.parent)==null?void 0:X.schema)==null?void 0:Y.type)!=="component-ref"){n=!0,u=!0;return}const l=r.parent.parent,v=l&&l.schema,w=v&&v.appearance?v.appearance.class:"",A=w?w.split(" "):[];s={componentClass:i,componentClassList:c,childContents:p,firstChildContent:g,firstChildClass:h,firstChildClassList:T,parent:v,parentClass:w,parentClassList:A,children:p,childrenClassList:D};const{canAccept:E,fixed:O,hidePadding:U}=t.getRuleValue(c[0],s);n=U,u=O}function m(){return n}function P(o){return new le(o,e).getPropertyConfig(C)}return{canAccepts:M,checkCanDeleteComponent:a,checkCanMoveComponent:f,resolveComponentContext:d,hideNestedPaddingInDesginerView:m,getPropsConfig:P}}const Q=b.defineComponent({name:"FComponetDesign",props:V,emits:[],setup(r,e){const t=b.ref(),n=b.inject("designer-host-service"),s=b.inject("design-item-context"),u=ue(s,n),y=ce(t,s,u);return b.onMounted(()=>{t.value.componentInstance=y}),e.expose(y.value),()=>b.createVNode("div",{ref:t,class:"drag-container","data-dragref":`${s.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),de=W({id:{type:String},component:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component-ref",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component-ref"},component:{description:"",type:"string",default:""}},required:["id","type","component"]},J,z),fe={install(r){r.component(k.name,k)},register(r,e,t,n){r.component=k,e.component=F},registerDesigner(r,e){r.component=Q,e.component=F,e["component-ref"]=de}};j.Component=k,j.ComponentDesign=Q,j.componentDesignProps=se,j.componentProps=V,j.default=fe,j.propsResolver=F,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],f):(h=typeof globalThis<"u"?globalThis:h||self,f(h.component={},h.Vue,h.LodashES,h.common))})(this,function(h,f,D,_){"use strict";var ie=Object.defineProperty;var ce=(h,f,D)=>f in h?ie(h,f,{enumerable:!0,configurable:!0,writable:!0,value:D}):h[f]=D;var T=(h,f,D)=>ce(h,typeof f!="symbol"?f+"":f,D);const A={},O={};function j(o){const{properties:e,title:t,ignore:n}=o,r=n&&Array.isArray(n),i=Object.keys(e).reduce((a,d)=>((!r||!n.find(m=>m===d))&&(a[d]=e[d].type==="object"&&e[d].properties?j(e[d]):D.cloneDeep(e[d].default)),a),{});if(t&&(!r||!n.find(a=>a==="id"))){const a=t.toLowerCase().replace(/-/g,"_");i.id=`${a}_${Math.random().toString().slice(2,6)}`}return i}function F(o,e={},t){const n=A[o];if(n){let r=j(n);const i=O[o];return r=i?i({getSchemaByType:F},r,e,t):r,r}return null}function W(o,e){const t=j(e);return Object.keys(t).reduce((n,r)=>(n[r]&&D.isPlainObject(n[r])&&D.isPlainObject(o[r]||!o[r])?Object.assign(n[r],o[r]||{}):n[r]=o[r],n),t),t}function Q(o,e){return Object.keys(o).filter(n=>o[n]!=null).reduce((n,r)=>{if(e.has(r)){const i=e.get(r);if(typeof i=="string")n[i]=o[r];else{const a=i(r,o[r],o);Object.assign(n,a)}}else n[r]=o[r];return n},{})}function z(o,e,t=new Map){const n=W(o,e);return Q(n,t)}function J(o={}){function e(c,s,l,p){if(typeof l=="number")return p[c].length===l;if(typeof l=="object"){const y=Object.keys(l)[0],w=l[y];if(y==="not")return Number(p[c].length)!==Number(w);if(y==="moreThan")return Number(p[c].length)>=Number(w);if(y==="lessThan")return Number(p[c].length)<=Number(w)}return!1}function t(c,s,l,p){return p[c]&&p[c].propertyValue&&String(p[c].propertyValue.value)===String(l)}const n=new Map([["length",e],["getProperty",t]]);Object.keys(o).reduce((c,s)=>(c.set(s,o[s]),c),n);function r(c,s){const l=c;return typeof s=="number"?[{target:l,operator:"length",param:null,value:Number(s)}]:typeof s=="boolean"?[{target:l,operator:"getProperty",param:c,value:!!s}]:typeof s=="object"?Object.keys(s).map(p=>{if(p==="length")return{target:l,operator:"length",param:null,value:s[p]};const y=p,w=s[p];return{target:l,operator:"getProperty",param:y,value:w}}):[]}function i(c){return Object.keys(c).reduce((l,p)=>{const y=r(p,c[p]);return l.push(...y),l},[])}function a(c,s){if(n.has(c.operator)){const l=n.get(c.operator);return l&&l(c.target,c.param,c.value,s)||!1}return!1}function d(c,s){return i(c).reduce((y,w)=>y&&a(w,s),!0)}function m(c,s){const l=Object.keys(c),p=l.includes("allOf"),y=l.includes("anyOf"),w=p||y,C=(w?c[w?p?"allOf":"anyOf":"allOf"]:[c]).map($=>d($,s));return p?!C.includes(!1):C.includes(!0)}return{parseValueSchema:m}}const X={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"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}},Y={},Z={};J();function N(o,e,t=new Map,n=(a,d,m,c)=>d,r={},i=a=>a){return A[e.title]=e,O[e.title]=n,Y[e.title]=r,Z[e.title]=i,(a={})=>{const d=z(a,e,t),m=Object.keys(o).reduce((c,s)=>(c[s]=o[s].default,c),{});return Object.assign(m,d)}}function I(o,e){return{customClass:e.class,customStyle:e.style}}const q=new Map([["appearance",I]]),K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a component",type:"string"},type:{description:"The type string of component",type:"string",default:"component"},componentType:{description:"The type string of component",type:"string"},viewModel:{description:"The viewModel string of component",type:"string"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},visible:{description:"",type:"boolean",default:!0},onInit:{description:"初始化事件",type:"string",default:""},onAfterViewInit:{description:"视图初始化后事件",type:"string",default:""}},required:["id","type","contents"]};function R(o,e,t){return e}const k={id:{type:String},customClass:{type:String,default:""},customStyle:{type:String,default:""},componentType:{type:String,default:""},formColumns:{type:Number,default:4}},S=N(k,K,q,R),H=Object.assign({},k,{componentId:{type:String,default:""}}),L=f.defineComponent({name:"FComponent",props:k,emits:["init","afterViewInit"],setup(o,e){return f.onBeforeMount(()=>{e.emit("init",o.id)}),f.onMounted(()=>{e.emit("afterViewInit",o.id)}),()=>f.createVNode("div",{class:o.customClass},[e.slots.default&&e.slots.default()])}});function x(o,e,t){var E;const n=t&&t.getStyles&&t.getStyles()||"",r=t&&t.getDesignerClass&&t.getDesignerClass()||"",i=f.ref();function a(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function d(){return!1}function m(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function c(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function s(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const P=f.ref(u==null?void 0:u.value.parent),v=s(P);return v||null}function l(u=e){const{componentInstance:P,designerItemElementRef:v}=u;return!P||!P.value?null:P.value.canMove?v:l(u.parent)}function p(u){return!!t&&t.canAccepts(u)}function y(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function w(){}function b(u,P){P&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(P)}function g(u,P){const{componentType:v}=u;let V=F(v,u,P);t&&t.onResolveNewComponentSchema&&(V=t.onResolveNewComponentSchema(u,V));const B=v.toLowerCase().replace(/-/g,"_");return V&&!V.id&&V.type===v&&(V.id=`${B}_${Math.random().toString().slice(2,6)}`),V}function C(u){}function M(...u){if(t&&t.getPropsConfig)return t.getPropsConfig(...u)}function $(){t&&t.onRemoveComponent&&t.onRemoveComponent(),e!=null&&e.schema.contents&&e.schema.contents.map(u=>{var V;let P=u.id;u.type==="component-ref"&&(P=u.component);const v=o.value.querySelector(`#${P}-design-item`);(V=v==null?void 0:v.componentInstance)!=null&&V.value.onRemoveComponent&&v.componentInstance.value.onRemoveComponent()})}return i.value={canMove:a(),canSelectParent:d(),canDelete:m(),canNested:!c(),contents:e==null?void 0:e.schema.contents,elementRef:o,parent:(E=e==null?void 0:e.parent)==null?void 0:E.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:r,canAccepts:p,getBelongedComponentInstance:s,getDraggableDesignItemElement:l,getDraggingDisplayText:y,getPropConfig:M,getDragScopeElement:w,onAcceptMovedChildElement:b,onChildElementMovedOut:C,addNewChildComponentSchema:g,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||f.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||f.ref(!1),onRemoveComponent:$},i}class ee{getTemplateRule(e,t){const n=t==null?void 0:t.formSchemaUtils,r=n==null?void 0:n.getFormTemplateRule(),i={canAccept:!0,canDelete:!0,canMove:!0};if(!r)return i;const a=this.getComponentContext(e),{componentClassList:d}=a;return d.forEach(m=>{if(!m||!r[m])return;const{canMove:c,canDelete:s,canAccept:l}=r[m];i.canMove=i.canMove&&this.resolveRuleValue(c,a),i.canDelete=i.canDelete&&this.resolveRuleValue(s,a),i.canAccept=i.canAccept&&this.resolveRuleValue(l,a)}),i}resolveRuleValue(e,t){return typeof e=="boolean"?e:this.parseRuleValueSchema(e,t)}parseRuleValueSchema(e,t){const n=e.invalidContext||[];let r=!0;for(const i of n){if(i.firstLevelChild){if(i.firstLevelChild.class){const{firstLevelChildClassList:a}=t;if(a&&!a.includes(i.firstLevelChild.class)){r=!1;continue}}if(i.firstLevelChild.type){const{firstLevelChildSchema:a}=t;if(!a||a.type!==i.firstLevelChild.type){r=!1;continue}}}if(i.secondLevelChild){if(i.secondLevelChild.class){const{secondLevelChildClassList:a}=t;if(a&&!a.includes(i.secondLevelChild.class)){r=!1;continue}}if(i.secondLevelChild.type){const{secondLevelChildSchema:a}=t;if(!a||a.type!==i.secondLevelChild.type){r=!1;continue}}}if(i.parent){if(i.parent.class){const{parentClassList:a}=t;if(a&&!a.includes(i.parent.class)){r=!1;continue}}if(i.parent.type){const{parentSchema:a}=t;if(a&&a.type!==i.parent.type){r=!1;continue}}}r=!0;break}return!r}getComponentContext(e){var b,g,C,M;const t=e.schema,n=t.appearance&&t.appearance.class||"",r=n.split(" ")||[],i=t.contents||[],a=i.length?i[0]:null,d=a&&a.appearance?a.appearance.class:"",m=d?d.split(" "):[],c=(b=a==null?void 0:a.contents)!=null&&b.length?a==null?void 0:a.contents[0]:null,s=c&&c.appearance?c.appearance.class:"",l=s?s.split(" "):[],p=t.type==="component"?(C=(g=e.parent)==null?void 0:g.parent)==null?void 0:C.schema:(M=e.parent)==null?void 0:M.schema,y=p&&p.appearance&&p.appearance.class||"",w=y?y.split(" "):[];return{componentClass:n,componentClassList:r,childContents:i,firstLevelChildSchema:a,firstLevelChildClass:d,firstLevelChildClassList:m,secondLevelChildSchema:c,secondLevelChildClass:s,secondLevelChildClassList:l,parentSchema:p,parentClass:y,parentClassList:w}}}class te{constructor(e,t){T(this,"componentId");T(this,"viewModelId");T(this,"eventsEditorUtils");T(this,"formSchemaUtils");T(this,"formMetadataConverter");T(this,"designViewModelUtils");T(this,"designViewModelField");T(this,"controlCreatorUtils");T(this,"designerHostService");T(this,"schemaService",null);T(this,"metadataService",null);T(this,"propertyConfig",{type:"object",categories:{}});var n;this.componentId=e,this.designerHostService=t,this.eventsEditorUtils=t.eventsEditorUtils,this.formSchemaUtils=t.formSchemaUtils,this.formMetadataConverter=t.formMetadataConverter,this.viewModelId=((n=this.formSchemaUtils)==null?void 0:n.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=t.designViewModelUtils,this.controlCreatorUtils=t.controlCreatorUtils,this.metadataService=t.metadataService,this.schemaService=t.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){var n;const t=e.binding&&e.binding.type==="Form"&&e.binding.field;if(t){if(!this.designViewModelField){const r=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=r.fields.find(i=>i.id===t)}e.updateOn=(n=this.designViewModelField)==null?void 0:n.updateOn}}changeFieldEditorType(e,t){}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:X[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"}}}}updateElementByParentContainer(e,t){const n=t&&t.parent&&t.parent.schema;if(!n)return;const r=n.contents.findIndex(a=>a.id===e),i=D.cloneDeep(n.contents[r]);n.contents.splice(r,1),n.contents.splice(r,0,i)}}class ne extends te{constructor(e,t){super(e,t)}getPropertyConfig(e){return this.propertyConfig.categories.basic=this.getBasicPropConfig(e),this.propertyConfig.categories.appearance=this.getAppearanceConfig(e),this.getEventPropConfig(e),this.propertyConfig}getEventPropConfig(e){const t=[{label:"onInit",name:"初始化事件"},{label:"onAfterViewInit",name:"视图初始化后事件"}],n=this,r=n.eventsEditorUtils.formProperties(e,n.viewModelId,t),i={};i[n.viewModelId]={type:"events-editor",editor:{initialData:r}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:i,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(a,d){const m=a.propertyValue;delete e[n.viewModelId],m&&(m.setPropertyRelates=this.setPropertyRelates,n.eventsEditorUtils.saveRelatedParameters(e,n.viewModelId,m.events,m))}}}}function oe(o,e){const t=new ee,{canMove:n,canDelete:r}=t.getTemplateRule(o,e);function i(){return!1}function a(){return r}function d(){return n}function m(){return!1}function c(){return" display: inherit;flex-direction: inherit;margin-bottom:10px"}function s(b){const g=new ne(b,e),{schema:C}=o;return g.getPropertyConfig(C)}function l(){var $,E,u,P;const b=o==null?void 0:o.schema,C=(e==null?void 0:e.formSchemaUtils).getViewModelIdByComponentId(b.id);if(b.componentType!=="data-grid"&&b.componentType!=="form"||!(($=o.componentInstance)!=null&&$.value.parent))return;const M=(E=o.componentInstance)==null?void 0:E.value.parent.schema;if((u=M==null?void 0:M.toolbar)!=null&&u.buttons&&M.toolbar.buttons.length){M.toolbar.buttons.forEach(V=>{const B=V.onClick,U=B&&B.split(".");if(!U||U.length<3)return;U[U.length-2]===C&&(V.needRemove=!0)}),M.toolbar.buttons=M.toolbar.buttons.filter(V=>!V.needRemove);const v=(P=o.componentInstance)==null?void 0:P.value.parent;v.parent&&v.parent.updateToolbarItems&&v.parent.updateToolbarItems()}}function p(){const b=e==null?void 0:e.designViewModelUtils,g=e==null?void 0:e.formSchemaUtils,C=o==null?void 0:o.schema;if(b&&g){const M=g.getViewModelIdByComponentId(C.id);b.deleteViewModelById(M),g.deleteComponent(C.id)}}function y(){const b=e==null?void 0:e.designViewModelUtils,g=e==null?void 0:e.formSchemaUtils,C=o==null?void 0:o.schema,M=g.getViewModelIdByComponentId(C.id);b.getDgViewModel(M).fields.forEach($=>{if(g.getExpressions()&&g.getExpressions().length){const E=g.getExpressions().findIndex(u=>u.fieldId===$.id);E>-1&&g.getExpressions().splice(E,1)}})}function w(){l(),y(),p()}return{canAccepts:i,checkCanDeleteComponent:a,checkCanMoveComponent:d,hideNestedPaddingInDesginerView:m,getStyles:c,getPropsConfig:s,onRemoveComponent:w}}const G=f.defineComponent({name:"FComponetDesign",props:k,emits:[],setup(o,e){const t=f.ref(),n=f.inject("designer-host-service"),r=f.inject("design-item-context"),i=oe(r,n),a=x(t,r,i),d=f.computed(()=>{const m={"drag-container":!0};return _.getCustomClass(m,o==null?void 0:o.customClass)});return f.onMounted(()=>{var m,c,s,l;t.value.componentInstance=a,((c=(m=r.parent)==null?void 0:m.schema)==null?void 0:c.type)==="component-ref"&&(a.value.parent=(l=(s=r.parent)==null?void 0:s.parent)==null?void 0:l.componentInstance)}),e.expose(a.value),()=>f.createVNode("div",{ref:t,class:d.value,style:o.customStyle,"data-dragref":`${r.schema.id}-container`},[e.slots.default&&e.slots.default()])}}),re=N({id:{type:String},component:{type:String,default:""}},{$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/component.schema.json",title:"component-ref",description:"A Farris Visual Component",type:"object",properties:{id:{description:"The unique identifier for a Section",type:"string"},type:{description:"The type string of Section component",type:"string",default:"component-ref"},component:{description:"",type:"string",default:""}},required:["id","type","component"]},q,R),ae={install(o){o.component(L.name,L)},register(o,e,t,n){o.component=L,e.component=S},registerDesigner(o,e){o.component=G,e.component=S,e["component-ref"]=re}};h.Component=L,h.ComponentDesign=G,h.componentDesignProps=H,h.componentProps=k,h.default=ae,h.propsResolver=S,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});