@farris/ui-vue 1.3.0 → 1.3.1

package/components/page-header/index.umd.cjs

@@ -1 +1 @@
-(function($,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../response-toolbar/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../response-toolbar/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],t):($=typeof globalThis<"u"?globalThis:$||self,t($["page-header"]={},$.Vue,$.LodashES,$.FResponseToolbar$1,$.common,$.designerCanvas))})(this,function($,t,L,xe,H,ae){"use strict";var ht=Object.defineProperty;var bt=($,t,L)=>t in $?ht($,t,{enumerable:!0,configurable:!0,writable:!0,value:L}):$[t]=L;var B=($,t,L)=>bt($,typeof t!="symbol"?t+"":t,L);const Z={},le={};function K(r){const{properties:e,title:n,ignore:i}=r,l=i&&Array.isArray(i),h=Object.keys(e).reduce((f,P)=>((!l||!i.find(j=>j==P))&&(f[P]=e[P].type==="object"&&e[P].properties?K(e[P]):L.cloneDeep(e[P].default)),f),{});return(!l||!i.find(f=>f=="id"))&&(h.id=`${n}-${Date.now()}`),h}function W(r,e={},n){const i=Z[r];if(i){let l=K(i);const h=le[r];return l=h?h({getSchemaByType:W},l,e,n):l,l}return null}function Me(r,e){const n=K(e);return Object.keys(r).reduce((i,l)=>(i[l]&&L.isPlainObject(i[l])&&L.isPlainObject(r[l])?Object.assign(i[l],r[l]):i[l]=r[l],i),n),n}function Ee(r,e){return Object.keys(r).filter(i=>r[i]!=null).reduce((i,l)=>{if(e.has(l)){const h=e.get(l);if(typeof h=="string")i[h]=r[l];else{const f=h(l,r[l],r);Object.assign(i,f)}}else i[l]=r[l];return i},{})}function ke(r,e,n=new Map){const i=Me(r,e);return Ee(i,n)}function Ve(r={}){function e(y,T,d,c){if(typeof d=="number")return c[y].length===d;if(typeof d=="object"){const m=Object.keys(d)[0],p=d[m];if(m==="not")return Number(c[y].length)!==Number(p);if(m==="moreThan")return Number(c[y].length)>=Number(p);if(m==="lessThan")return Number(c[y].length)<=Number(p)}return!1}function n(y,T,d,c){return c[y]&&c[y].propertyValue&&String(c[y].propertyValue.value)===String(d)}const i=new Map([["length",e],["getProperty",n]]);Object.keys(r).reduce((y,T)=>(y.set(T,r[T]),y),i);function l(y,T){const d=y;return typeof T=="number"?[{target:d,operator:"length",param:null,value:Number(T)}]:typeof T=="boolean"?[{target:d,operator:"getProperty",param:y,value:!!T}]:typeof T=="object"?Object.keys(T).map(c=>{if(c==="length")return{target:d,operator:"length",param:null,value:T[c]};const m=c,p=T[c];return{target:d,operator:"getProperty",param:m,value:p}}):[]}function h(y){return Object.keys(y).reduce((d,c)=>{const m=l(c,y[c]);return d.push(...m),d},[])}function f(y,T){if(i.has(y.operator)){const d=i.get(y.operator);return d&&d(y.target,y.param,y.value,T)||!1}return!1}function P(y,T){return h(y).reduce((m,p)=>m&&f(p,T),!0)}function j(y,T){const d=Object.keys(y),c=d.includes("allOf"),m=d.includes("anyOf"),p=c||m,S=(p?y[p?c?"allOf":"anyOf":"allOf"]:[y]).map(D=>P(D,T));return c?!S.includes(!1):S.includes(!0)}return{parseValueSchema:j}}const z={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"}},pe={},Ae={};Ve();function ee(r,e,n=new Map,i=(f,P,j)=>P,l={},h=f=>f){return Z[e.title]=e,le[e.title]=i,pe[e.title]=l,Ae[e.title]=h,(f={})=>{const P=ke(f,e,n),j=Object.keys(r).reduce((y,T)=>(y[T]=r[T].default,y),{});return Object.assign(j,P)}}function de(r,e){return{customClass:e.class,customStyle:e.style}}function Be(r,e){return{buttons:e.buttons}}function Re(){function r(e,n){var P;const i=(P=e.toolbar)==null?void 0:P.buttons;if(!i||i.length<1)return null;const[l,h]=n.payloads,f=i.find(j=>j.id===h);return f?f.onClick||f.click:null}return{resolve:r}}const Ie=new Map([["appearance",de],["toolbar",Be]]),$e={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"page-header",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string",default:"page-header"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},showIcon:{description:"",type:"boolean",default:!0},icon:{description:"",type:"string",default:"f-icon-page-title-record"},iconClass:{description:"",type:"string",default:"f-text-orna-bill"},title:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},toolbar:{description:"",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}}},buttonClass:{description:"",type:"string",default:"col-6"},titleContentClass:{description:"",type:"string",default:""},contentClass:{description:"",type:"string",default:""},downContentClass:{description:"",type:"string",default:""},showPagination:{description:"",type:"boolean",default:!1},prePaginationDisabled:{description:"",type:"boolean",default:!0},nextPaginationDisabled:{description:"",type:"boolean",default:!1}}};function Oe(r,e,n){return e.title="标题",e}const G={customClass:{type:String,default:""},showIcon:{type:Boolean,default:!0},icon:{type:String,default:"f-icon-page-title-record"},iconClass:{type:String,default:"f-text-orna-bill"},title:{type:String,default:""},subTitle:{type:String,default:""},buttonClass:{type:String,default:"col-6"},buttons:{type:Array,default:[]},titleContentClass:{type:String,default:""},contentClass:{type:String,default:""},downContentClass:{type:String,default:""},showPagination:{type:Boolean,default:!1},prePaginationDisabled:{type:Boolean,default:!0},nextPaginationDisabled:{type:Boolean,default:!1}},ue=Object.assign({},G,{componentId:{type:String,default:""}}),te=ee(G,$e,Ie,Oe),fe=Re(),J=t.defineComponent({name:"FPageHeader",props:G,emits:["Click","PrePaginationClick","NextPaginationClick"],setup(r,e){const n=t.ref(r.buttons),i=(D,E)=>{e.emit("Click",D,E)};function l(D,E){D&&E&&E.split(" ").reduce((C,g)=>(C[g]=!0,C),D)}const h=t.computed(()=>{const D={"f-page-header":!0};return l(D,r.customClass),D}),f=t.computed(()=>{const D={"f-title-icon":!0};return l(D,r.iconClass),D}),P=t.computed(()=>{const D={"f-icon":!0};return l(D,r.icon),D}),j=t.computed(()=>{const D={"f-title":!0};return l(D,r.titleContentClass),D}),y=t.computed(()=>{const D={"f-content":!0};return l(D,r.contentClass),D}),T=t.computed(()=>{const D={"f-content":!0};return l(D,r.downContentClass),D}),d=t.computed(()=>({"f-icon f-icon-arrow-w":!0,"f-state-disabled":r.prePaginationDisabled})),c=t.computed(()=>({"f-icon f-icon-arrow-e":!0,"f-state-disabled":r.nextPaginationDisabled}));function m(D){r.prePaginationDisabled||e.emit("PrePaginationClick",D)}function p(D){r.nextPaginationDisabled||e.emit("NextPaginationClick",D)}function v(){return e.slots.titleContent?t.createVNode("div",{class:j.value},[t.createTextVNode(" "),e.slots.titleContent()]):t.createVNode("div",{class:"f-title"},[r.showIcon&&r.icon?t.createVNode("span",{class:f.value},[t.createVNode("i",{class:P.value},null)]):"",t.createVNode("h4",{class:"f-title-text"},[r.title]),r.subTitle?t.createVNode("h5",{class:"f-title-subtitle"},[r.subTitle]):"",r.showPagination?t.createVNode("div",{class:"f-title-pagination"},[t.createVNode("span",{class:d.value,onClick:m},null),t.createVNode("span",{class:c.value,onClick:p},null)]):""])}function w(){return e.slots.content?t.createVNode("div",{class:y.value},[t.createTextVNode(" "),e.slots.content()]):""}function S(){if(r.buttons&&r.buttons.length>0)return t.createVNode(xe,{customClass:r.buttonClass,items:n.value,onClick:i},null)}function A(){return e.slots.downContent?t.createVNode("div",{class:T.value},[t.createTextVNode(" "),e.slots.downContent()]):""}return t.watch(()=>r.buttons,D=>{n.value=D},{deep:!0}),()=>t.createVNode("div",{class:h.value},[t.createVNode("nav",{class:"f-page-header-base"},[v(),w(),S()]),A()])}});function _e(r,e,n){var R;function i(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}i();const l=n&&n.getStyles&&n.getStyles()||"",h=n&&n.getDesignerClass&&n.getDesignerClass()||"",f=t.ref();function P(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function j(){return!1}function y(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function T(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function d(C){if(!C||!C.value)return null;if(C.value.schema&&C.value.schema.type==="component")return C.value;const g=t.ref(C==null?void 0:C.value.parent),N=d(g);return N||null}function c(C=e){const{componentInstance:g,designerItemElementRef:N}=C;return!g||!g.value?null:g.value.canMove?N:c(C.parent)}function m(C){return!!n&&n.canAccepts(C)}function p(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function v(){}function w(C,g){g&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(g)}function S(C,g){const{componentType:N}=C;let M=W(N,C,g);n&&n.onResolveNewComponentSchema&&(M=n.onResolveNewComponentSchema(C,M));const u=N.toLowerCase().replace("-","_");return M&&!M.id&&M.type===N&&(M.id=`${u}_${Math.random().toString().slice(2,6)}`),M}function A(C,g){const N=String(C.getAttribute("data-controltype")),M=C.getAttribute("data-feature"),u=M?JSON.parse(M):{};u.parentComponentInstance=f.value;let s=W(N,u);n&&n.onAcceptNewChildElement&&(s=n.onAcceptNewChildElement(C,g,s));const o=N.toLowerCase().replace("-","_");return s&&!s.id&&s.type===N&&(s.id=`${o}_${Math.random().toString().slice(2,6)}`),s}function D(C){}function E(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}return f.value={canMove:P(),canSelectParent:j(),canDelete:y(),canNested:!T(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(R=e==null?void 0:e.parent)==null?void 0:R.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:h,canAccepts:m,getBelongedComponentInstance:d,getDraggableDesignItemElement:c,getDraggingDisplayText:p,getPropConfig:E,getDragScopeElement:v,onAcceptMovedChildElement:w,onAcceptNewChildElement:A,onChildElementMovedOut:D,addNewChildComponentSchema:S,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},f}class Q{constructor(e,n){B(this,"componentId");B(this,"viewModelId");B(this,"eventsEditorUtils");B(this,"formSchemaUtils");B(this,"formMetadataConverter");B(this,"designViewModelUtils");B(this,"designViewModelField");B(this,"controlCreatorUtils");B(this,"designerHostService");B(this,"schemaService",null);B(this,"metadataService",null);B(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.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 i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(l=>l.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:z[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,n){const i=n&&n.parent&&n.parent.schema;if(!i)return;const l=i.contents.findIndex(f=>f.id===e),h=L.cloneDeep(i.contents[l]);i.contents.splice(l,1),i.contents.splice(l,0,h)}}class Fe extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"page-header",value:z["page-header"].name}]}},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}},setPropertyRelates(n,i){if(n)switch(n&&n.propertyID){case"title":{n.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}}}getEventPropConfig(e){const n=[{label:"click",name:"点击事件"}],i=this,l=i.eventsEditorUtils.formProperties(e,i.viewModelId,n);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:{"data-grid-component-viewmodel":{type:"events-editor",editor:{initialData:l}}},refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(h,f){const P=h.propertyValue;delete e[i.viewModelId],P&&(P.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,P.events,P))}}}}function Le(r,e){function n(P){return!1}function i(){return!1}function l(){return!1}function h(){return!0}function f(P){return new Fe(P,e).getPropertyConfig(r)}return{canAccepts:n,hideNestedPaddingInDesginerView:h,getPropsConfig:f,checkCanDeleteComponent:i,checkCanMoveComponent:l}}class me{constructor(e){B(this,"id","");B(this,"class","btn-secondary");B(this,"icon","");B(this,"groupId","");B(this,"order",-1);B(this,"asDropDownTop",!1);B(this,"text","");B(this,"visible",!0);B(this,"responsed",!1);B(this,"tipsEnable",!1);B(this,"tipsText","");B(this,"width",0);B(this,"onClick",()=>{});B(this,"options");this.options=e;const n=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(e).filter(i=>n.indexOf(i)>-1).forEach(i=>{this[i]=e[i]})}get enable(){return Object.keys(this.options).indexOf("enable")>-1?this.options.enable:t.computed(()=>!0)}setWidth(e){this.width=parseInt(e,10)}getWidth(){return this.visible?this.width:!1}}class We extends me{constructor(e){super(e)}}function ge(){function r(e){const n=[];return e.reduce((i,l)=>(l.children&&l.children.length>0?i.push(new q(l)):i.push(new We(l)),i),n),n}return{buildResponseToolbarItems:r}}const{buildResponseToolbarItems:Ue}=ge();class q extends me{constructor(n){super(n);B(this,"placement","");B(this,"dropdownClass","");B(this,"menuClass","");B(this,"split",!1);B(this,"children",[]);B(this,"expanded",!1);const i=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(n).filter(l=>i.indexOf(l)>-1).forEach(l=>{this[l]=n[l]}),n.children&&n.children.length&&(this.children=Ue(n.children))}}const qe=new Map([["buttons","items"],["appearance",de]]),He=new Map([["appearance",ze]]);function ze(r,e){return{class:e.class,style:e.style}}function he(r,e,n){return e}const Ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar.schema.json",title:"response-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}},required:["id","type","buttons"]},ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:"btn-primary"},style:{type:"string"}},default:{}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"新增"},icon:{description:"图标",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},be={title:"response-toolbar-item",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}},oe={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};Z[ne.title]=ne,pe[be.title]=be;const Je=Object.assign({},oe,{componentId:{type:String,default:""}}),re=ee(oe,Ge,qe,he),ye={id:{type:String,default:""},items:{type:Object,default:{}},class:{type:String,default:""},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""},alignment:{Type:String,default:"right"}},Qe=ee(ye,ne,He,he);function Ce(){function r(n){const i={"f-icon":!0};if(n.icon){const l=n.icon.trim().split(" ");l&&l.length&&l.reduce((h,f)=>(h[f]=!0,h),i)}return i}function e(n){return!!(n.icon&&n.icon.trim())}return{iconClass:r,shouldShowIcon:e}}function Xe(r){function e(d){const c={"dropdown-menu":!0};if(d.class){const m=d.menuClass.split(" ");m&&m.length&&m.reduce((p,v)=>(p[v]=!0,p),c)}return c}function n(d){const c={disabled:!d.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},m=d.dropdownClass.split(" ");return m&&m.length&&m.reduce((p,v)=>(p[v]=!0,p),c),c}function i(d){const c={disabled:!d.enable,"dropdown-item":!0,"f-rt-btn":!0},m=d.class.split(" ");return m&&m.length&&m.reduce((p,v)=>(p[v]=!0,p),c),c}let l;const h=new Map;function f(d,c,m){var v;((v=d.target)==null?void 0:v.id)===c.id&&d.stopPropagation();const p=m?m.id:"__top_item__";if(c.children&&c.children.length&&(c.expanded=!c.expanded,c.expanded?h.set(p,c):h.delete(p)),h.has(p)&&h.get(p)!==c){const w=h.get(p);w&&(w.expanded=!1)}}function P(d,c){document.body.click(),c.enable&&c.onClick(d,c.id)}function j(d){return d.children.map(c=>c.children&&c.children.length?t.createVNode("li",{class:n(c),id:c.id,onClick:m=>c.enable&&f(m,c,d)},[t.createVNode("span",{id:c.id,class:i(c),onMouseover:m=>c.enable&&f(m,c,d)},[c.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),l(c,c)]):t.createVNode("li",{class:i(c),id:c.id,onClick:m=>P(m,c),onMouseover:m=>c.enable&&f(m,c,d)},[r.shouldShowIcon(c)&&t.createVNode("i",{class:r.iconClass(c)},null),c.text]))}function y(d,c,m){const p={display:d.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},v=document.getElementsByTagName("body")[0].getClientRects()[0].width,w=c,S=w==null?void 0:w.getClientRects();if(w&&S&&S.length){const{top:A,width:D,left:E,right:R,height:C}=S[0],g=Math.ceil(C+A);p.top=`${g}px`,p.left=`${E}px`;const N=d.id+"_menu",M=c?c.querySelector("#"+N):null;if(M){p.display==="block"&&(M.style.display="block");const u=M.getBoundingClientRect();if(m){p.top=`${A-6}px`;const s=Math.ceil(D+E);p.left=`${s}px`}v-E-D<u.width&&(p.left=`${(m?E:R)-u.width}px`)}}return p}l=function(d,c){var w,S;const m=t.getCurrentInstance(),p=c?c.id:d.id,v=(S=(w=m==null?void 0:m.exposed)==null?void 0:w.elementRef.value)==null?void 0:S.querySelector("#"+p);return t.createVNode("ul",{class:e(d),style:y(d,v,c),id:d.id+"_menu"},[j(d)])};function T(){h.forEach(d=>{d.expanded=!1}),h.clear()}return{renderDropdownMenu:l,clearAllDropDownMenu:T}}function Ye(r,e){const n=t.ref(r.alignment),{renderDropdownMenu:i,clearAllDropDownMenu:l}=Xe(e);function h(T){const d={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":n.value==="right","f-btn-mr":n.value==="left"},c=T.dropdownClass.split(" ");return c&&c.length&&c.reduce((m,p)=>(m[p]=!0,m),d),d}function f(T){const d={btn:!0,disabled:!T.enable,"f-rt-btn":!0,"btn-icontext":!!(T.icon&&T.icon.trim())};if(T.class){const c=T.class.split(" ");c&&c.length&&c.reduce((m,p)=>(m[p]=!0,m),d)}return d}function P(T,d){T.stopPropagation();const c=d.expanded;document.body.click(),d.expanded=!c}function j(T){return t.createVNode("div",{id:T.id,class:h(T)},[t.createVNode("div",{class:f(T),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:d=>T.enable&&P(d,T)},[e.shouldShowIcon(T)&&t.createVNode("i",{class:e.iconClass(T)},null),t.createVNode("span",null,[T.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),i(T)])}function y(){l()}return{renderToolbarDropdown:j,clearAllDropDown:y}}const{buildResponseToolbarItems:ve}=ge(),X=t.defineComponent({name:"FResponseToolbar",props:oe,emits:["click"],setup(r,e){const n=t.ref(ve(r.items)),i=t.ref(),l=t.ref(),h=t.ref(),f=t.ref(r.alignment),P={id:"__more_buttons__",text:"更多"},j=t.ref(new q(P)),y=Ce(),T=t.computed(()=>j.value.children.length>0),d=t.computed(()=>{const g={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return H.getCustomClass(g,r.customClass)}),c=t.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":f.value==="right","justify-content-start":f.value==="left"})),{renderToolbarDropdown:m,clearAllDropDown:p}=Ye(r,y);function v(){n.value.filter(g=>g.children&&g.children.length>0).forEach(g=>{g.expanded=!1}),j.value.expanded=!1,p()}function w(g){const N={btn:!0,"f-rt-btn":!0,"f-btn-ml":f.value==="right","f-btn-mr":f.value==="left","btn-icontext":!!(g.icon&&g.icon.trim())};if(g.class){const M=g.class.split(" ");M&&M.length&&M.reduce((u,s)=>(u[s]=!0,u),N)}return N}function S(g,N){document.body.click(),typeof N.onClick=="function"&&N.onClick(g,N.id),e.emit("click",g,N.id)}function A(g){return t.createVNode("button",{type:"button",class:w(g),id:g.id,disabled:!g.enable,onClick:N=>S(N,g)},[y.shouldShowIcon(g)&&t.createVNode("i",{class:y.iconClass(g)},null),g.text])}const D=new Map,E=[];function R(g){const N=h.value;let M=g;const u=Array.from(N.children),s=u[u.length-1].id==="__more_buttons__"?u[u.length-1]:null;if(s){const x=s.computedStyleMap().get("margin-left"),V=s.computedStyleMap().get("margin-right"),_=(x?x.value:0)+s.getBoundingClientRect().width+(V?V.value:0);M-=_}const o=u.filter(x=>x.id!=="__more_buttons__");for(const x of o){const V=x.computedStyleMap().get("margin-left"),_=x.computedStyleMap().get("margin-right"),I=(V?V.value:0)+x.getBoundingClientRect().width+(_?_.value:0);M<I?(D.set(x.id,!0),E.push({id:x.id,width:I})):M-=I}if(E.length)for(let x=E.length-1;x>=0;x--){const V=E[x].width;if(M>=V)M-=V,D.delete(E[x].id),E.pop();else break}const a=Object.assign({},j.value);a.children=[];const b=new q(a),k=n.value.reduce((x,V)=>(D.has(V.id)&&b.children.push(V),V.visible=!D.has(V.id),x.push(V),x),[]);j.value=b,n.value=k}const C=new ResizeObserver(g=>{if(g.length){const M=g[0].contentRect.width,s=h.value.getBoundingClientRect().width;(M<s||E.length)&&(R(M),v())}});return t.onMounted(()=>{const g=l.value;C.observe(g),document.body.addEventListener("click",v),document.body.addEventListener("wheel",v)}),t.onUnmounted(()=>{C.disconnect(),document.body.removeEventListener("click",v),document.body.removeEventListener("wheel",v)}),t.watch(()=>r.items,()=>{n.value=ve(r.items)},{deep:!0}),e.expose({elementRef:i}),()=>t.createVNode("div",{class:d.value,ref:i},[t.createVNode("div",{ref:l,class:c.value},[t.createVNode("div",{ref:h,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.filter(g=>g.visible).map(g=>g.children&&g.children.length>0?m(g):A(g)),T.value&&m(j.value)])])])}});function Ze(r,e){const n=t.inject("design-item-context"),i=t.inject("toolbar-item-handler",()=>{});function l(){i&&i()}function h(s){const o={"dropdown-menu":!0};if(s.class){const a=s.menuClass.split(" ");a&&a.length&&a.reduce((b,k)=>(b[k]=!0,b),o)}return o}function f(s){const o={disabled:!s.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},a=s.dropdownClass.split(" ");return a&&a.length&&a.reduce((b,k)=>(b[k]=!0,b),o),o}function P(s){const o={disabled:!s.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},a=s.class.split(" ");return a&&a.length&&a.reduce((b,k)=>(b[k]=!0,b),o),o}let j;const y=new Map;function T(s,o,a){var k;((k=s.target)==null?void 0:k.id)===o.id&&s.stopPropagation();const b=a?a.id:"__top_item__";if(o.children&&o.children.length&&(o.expanded=!o.expanded,o.expanded?y.set(b,o):y.delete(b)),y.has(b)&&y.get(b)!==o){const x=y.get(b);x&&(x.expanded=!1)}}function d(s){s&&(s.stopPropagation(),s.preventDefault())}function c(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(o=>o.classList.remove("dgComponentFocused"));const s=document.getElementsByClassName("dgComponentSelected");Array.from(s).forEach(o=>o.classList.remove("dgComponentSelected"))}function m(s){s.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function p(s){const{buttons:o=[]}=n.schema;let a=[];o.forEach(x=>{a=a.concat(x.children||[])});const b=a.findIndex(x=>x.id===s),k=b===-1?null:a[b];return{index:b,item:k}}function v(s){const{buttons:o=[]}=n.schema,a=o.findIndex(k=>k.id===s),b=a===-1?null:o[a];return{index:a,item:b}}function w(s){var b;n.schema;const{index:o,item:a}=p(s);(b=n==null?void 0:n.setupContext)==null||b.emit("selectionChange",a==null?void 0:a.type,a)}const S=function(s){const{componentType:o}=s,a=W(o,s),b=o.toLowerCase().replace("-","_");return a&&!a.id&&a.type===o&&(a.id=`${b}_${Math.random().toString().slice(2,6)}`),a},A=function(){const s={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return S(s)};function D(s,o){d(s),c(),m(s),w(o.id)}function E(s,o,a){d(s);const b=o.id,k=a&&a.id,{buttons:x=[]}=n.schema;if(!k)return;const{index:V}=v(k);if(V===-1)return;const{index:_}=p(b);_!==-1&&(x[V].children.splice(_,1),l())}function R(s,o,a){d(s);const b=a&&a.id,{buttons:k=[]}=n.schema;if(!b)return;const{index:x}=v(b);if(x===-1)return;const V=A(),_=Object.assign({},V,{text:o.text});k[x].children.push(_),l()}function C(s,o,a){d(s);const b=a&&a.id,{buttons:k=[]}=n.schema;if(!b)return;const{index:x}=v(b);if(x===-1)return;const V=A(),_=Object.assign({},V,{text:"按钮"});k[x].children.push(_),l()}function g(s,o){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:a=>E(a,s,o)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:a=>R(a,s,o)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:a=>C(a,s,o)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增同级")])])])])}function N(s){return s.children.map(o=>o.children&&o.children.length?t.createVNode("li",{class:f(o),id:o.id,onClick:a=>o.enable&&T(a,o,s)},[t.createVNode("span",{id:o.id,class:P(o),onMouseover:a=>o.enable&&T(a,o,s)},[o.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),j(o,o)]):t.createVNode("li",{class:P(o),id:o.id,onClick:a=>D(a,o)},[g(o,s),r.shouldShowIcon(o)&&t.createVNode("i",{class:r.iconClass(o)},null),o.text]))}function M(s,o,a){const b={display:s.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},k=document.getElementsByTagName("body")[0].getClientRects()[0].width,x=o,V=x==null?void 0:x.getClientRects();if(x&&V&&V.length){const{top:_,width:I,left:O,right:F,height:U}=V[0],ie=Math.ceil(U+_);b.top=`${ie}px`,b.left=`${O}px`;const mt=s.id+"_menu",ce=o?o.querySelector("#"+mt):null;if(ce){b.display==="block"&&(ce.style.display="block");const Ne=ce.getBoundingClientRect();if(a){b.top=`${_-6}px`;const gt=Math.ceil(I+O);b.left=`${gt}px`}k-O-I<Ne.width&&(b.left=`${(a?O:F)-Ne.width}px`)}}return b}j=function(s,o){var x,V;const a=t.getCurrentInstance(),b=o?o.id:s.id,k=(V=(x=a==null?void 0:a.exposed)==null?void 0:x.elementRef.value)==null?void 0:V.querySelector("#"+b);return t.createVNode("ul",{class:h(s),style:M(s,k,o),id:s.id+"_menu"},[N(s)])};function u(){y.forEach(s=>{s.expanded=!1}),y.clear()}return{renderDropdownMenu:j,clearAllDropDownMenu:u}}function Ke(r,e,n){const i=t.ref(r.alignment),{renderDropdownMenu:l,clearAllDropDownMenu:h}=Ze(e,n),f=t.inject("design-item-context"),P=t.inject("toolbar-item-handler",()=>{});function j(){P&&P()}function y(u){const s={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":i.value==="right","f-btn-mr":i.value==="left"},o=u.dropdownClass.split(" ");return o&&o.length&&o.reduce((a,b)=>(a[b]=!0,a),s),s}function T(u){const s={btn:!0,disabled:!u.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(u.icon&&u.icon.trim())};if(u.class){const o=u.class.split(" ");o&&o.length&&o.reduce((a,b)=>(a[b]=!0,a),s)}return s}function d(u){u&&(u.stopPropagation(),u.preventDefault())}function c(u,s){d(u);const o=s.expanded;document.body.click(),s.expanded=!o}const m=function(u){const{componentType:s}=u,o=W(s,u),a=s.toLowerCase().replace("-","_");return o&&!o.id&&o.type===s&&(o.id=`${a}_${Math.random().toString().slice(2,6)}`),o},p=function(){const u={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return m(u)};function v(u){const s=f.schema.buttons||f.schema.contents,o=s==null?void 0:s.findIndex(b=>b.id===u),a=o===-1?null:s[o];return{index:o,toolbarItem:a}}function w(u,s){var V;const{index:o,toolbarItem:a}=v(s);if(o===-1)return;const b=a.text||"按钮",k=p(),x=Object.assign({},k,{text:b});(V=f.schema.buttons)==null||V.push(x),j()}function S(u,s){const{index:o,toolbarItem:a}=v(s);if(o===-1)return;const b=a.text||"按钮",k=p(),x=Object.assign({},k,{text:b}),V=f.schema.buttons[o].children||[];V.push(x),f.schema.buttons[o].children=V,j()}function A(u,s){const o=f.schema.buttons||f.schema.contents,a=o==null?void 0:o.findIndex(b=>b.id===s);a!==-1&&(o.splice(a,1),j())}function D(u){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:s=>A(s,u)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:s=>w(s,u)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:s=>S(s,u)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function E(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(s=>s.classList.remove("dgComponentFocused"));const u=document.getElementsByClassName("dgComponentSelected");Array.from(u).forEach(s=>s.classList.remove("dgComponentSelected"))}function R(u){u.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function C(u){var b;const s=f.schema.buttons||f.schema.contents,o=s==null?void 0:s.findIndex(k=>k.id===u);if(o===-1)return;const a=s[o];(b=f==null?void 0:f.setupContext)==null||b.emit("selectionChange","response-toolbar-item",a)}function g(u,s){d(u),E(),R(u),d(u),c(u,s),C(s.id)}function N(u){return t.createVNode("div",{id:u.id,class:y(u)},[t.createVNode("div",{class:T(u),style:"display: flex;padding-right: 0.1rem;",onClick:s=>u.enable&&g(s,u)},[D(u.id),e.shouldShowIcon(u)&&t.createVNode("i",{class:e.iconClass(u)},null),t.createVNode("span",null,[u.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),l(u)])}function M(){h()}return{renderToolbarDropdown:N,clearAllDropDown:M}}function et(){function r(e){var l,h;if(!e)return!1;const n=((l=e.targetContainer)==null?void 0:l.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const i=(h=n.schema.appearance)==null?void 0:h.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const f=n.schema.type,P=(f==="response-form"||f==="content-container")&&i&&i.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!P)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:r}}const tt={$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"}}},se=new Map;function we(){function r(p,v,w,S){var A;if(typeof w=="number")return((A=S[p])==null?void 0:A.length)===w;if(typeof w=="object"){const D=Object.keys(w)[0],E=w[D];if(D==="not")return Number(S[p].length)!==Number(E);if(D==="moreThan")return Number(S[p].length)>=Number(E);if(D==="lessThan")return Number(S[p].length)<=Number(E)}return!1}function e(p,v,w,S){return typeof w=="boolean"?S.childrenClassList.includes(v)===!!w:!1}function n(p,v,w,S){return typeof w=="boolean"?S.parentClassList.includes(v)===!!w:!1}function i(p,v,w,S){return typeof w=="boolean"?S.parentClassList.includes(v)===!!w:!1}const l=new Map([["length",r],["hasChildren",e],["hasSibling",i],["hasParent",n]]);function h(p,v){const w=p;return typeof v=="number"?[{target:w,operator:"length",param:null,value:Number(v)}]:typeof v=="object"?Object.keys(v).map(S=>{if(S==="length")return{target:w,operator:"length",param:null,value:v[S]};const A=S,D=v[S];return{target:w,operator:p==="children"?"hasChildren":p==="parent"?"hasParent":"hasSibling",param:A,value:D}}):[]}function f(p,v){if(l.has(p.operator)){const w=l.get(p.operator);return w&&w(p.target,p.param,p.value,v)||!1}return!1}function P(p,v){return Object.keys(p).reduce((D,E)=>{const R=h(E,p[E]);return D.push(...R),D},[]).reduce((D,E)=>D&&f(E,v),!0)}function j(p,v){const w=Object.keys(p),S=w.includes("allOf"),A=w.includes("anyOf"),D=S||A,C=(D?p[D?S?"allOf":"anyOf":"allOf"]:[p]).map(N=>P(N,v));return S?!C.includes(!1):C.includes(!0)}function y(p,v){const w=p.const;return w?typeof w=="boolean"?w:typeof w=="object"?j(w,v):!1:!1}function T(p){return v=>{const w={canAccept:!0,fixed:!1,hidePadding:!1};return p&&p.properties&&Object.keys(p.properties).reduce((S,A)=>{const D=p.properties[A];return S[A]=y(D,v),S},w),w}}function d(p,v,w){if(v.type==="object"&&v.properties){const{rules:S,contents:A}=v.properties;w.set(p,T(S)),A&&Object.keys(A.properties).forEach(D=>d(D,A.properties[D],w))}}function c(){const{properties:p}=tt;Object.keys(p).forEach(v=>{d(v,p[v],se)})}function m(p,v){const w={canAccept:!0,fixed:!1,hidePadding:!0};return se.has(p)?se.get(p)(v):w}return c(),{getRuleValue:m}}class nt extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getBehaviorProperties(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar",value:z["response-toolbar"].name}]}}}}}getBehaviorProperties(e){this.propertyConfig.categories.behavior={title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"The alignment of Response Toolbar Button.",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"right",name:"右对齐"},{value:"left",name:"左对齐"}]}},buttons:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter",refreshPanelAfterChanged:!0}}}}}function ot(r,e,n,i){const l=we(),h=t.ref(!1),f=t.ref(!1);let P=!0,j=!1,y;function T(C){return y&&y.componentClassList&&y.componentClassList.includes("f-form-layout")&&y.componentClassList.includes("farris-form")?C.sourceType==="control"&&C.controlCategory==="input"||C.sourceType==="move"&&C.controlType==="form-group":!0}function d(C){return!et().basalDragulaRuleForContainer(C)||!P||!T(C),!1}function c(){h.value=!1,f.value=!1;const C=r,g=C.appearance&&C.appearance.class||"",N=g.split(" "),M=C.buttons||[],u=M.length?M[0]:null,s=u&&u.appearance?u.appearance.class:"",o=s?s.split(" "):[],a=M.length?M.reduce((O,F)=>{const U=F&&F.appearance?F.appearance.class:"",ie=U?U.split(" "):[];return O.push(...ie),O},[]):[],b=n==null?void 0:n.schema,k=b&&b.appearance&&b.appearance.class||"",x=k?k.split(" "):[];y={componentClass:g,componentClassList:N,childContents:M,firstChildContent:u,firstChildClass:s,firstChildClassList:o,parent:b,parentClass:k,parentClassList:x,children:M,childrenClassList:a};const{canAccept:V,fixed:_,hidePadding:I}=l.getRuleValue(N[0],y);return P=V,j=I,!0}function m(C){}function p(){return r.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function v(C,g){return g.text=C.label,g}function w(C,g,N){const M=r;if((M.appearance&&M.appearance.class||"").split(" ").includes("f-form-layout")){const o=String(C.innerText),a=W("form-group");return a.editor=N,a.label=o,a}return N}function S(){return!1}function A(){return!1}function D(){return!0}function E(){return j}function R(C){return new nt(C,e).getPropertyConfig(r)}return{canAccepts:d,checkCanAddComponent:D,checkCanDeleteComponent:A,checkCanMoveComponent:S,getStyles:p,hideNestedPaddingInDesginerView:E,onAcceptNewChildElement:w,onAcceptMovedChildElement:m,onResolveNewComponentSchema:v,resolveComponentContext:c,getPropsConfig:R,triggerBelongedComponentToMoveWhenMoved:h,triggerBelongedComponentToDeleteWhenDeleted:f}}const rt={id:{type:String,default:""},componentId:{type:String,default:""},canAdd:{type:Boolean,default:!1},canDelete:{type:Boolean,default:!1},canMove:{type:Boolean,default:!1},contentKey:{type:String,default:"contents"},childLabel:{type:String,default:""},childType:{type:String,default:""},modelValue:{type:Object}},Y=t.ref(0);function st(r,e){const n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),l=i.top>=n.top,h=i.top<=n.bottom;return l&&h}function it(r){if(!r)return;let e;if(r.className.includes("dgComponentSelected")?e=r:e=r.querySelector(".dgComponentSelected"),!e)return;const n=e.getBoundingClientRect();if(n.width===0&&n.height===0)return;const i=e.querySelector(".component-btn-group");if(i){if(!st(e,r)){i.style.display="none";return}i.style.display="";const h=i.getBoundingClientRect(),f=i.querySelector("div");if(f){const P=f.getBoundingClientRect();f.style.top=h.top+"px",f.style.left=h.left-P.width+"px"}}}function ct(r,e,n){var R;function i(){}const l="",h=t.ref();function f(){return!0}function P(){return!1}function j(){return!0}function y(){return!0}function T(){return!0}function d(C){if(!C||!C.value)return null;const g=t.ref(C==null?void 0:C.value.parent),N=d(g);return N||null}function c(C=e){const{componentInstance:g,designerItemElementRef:N}=C;return!g||!g.value?null:g.value.canMove||g.value.canAdd||g.value.canDelete?N:c(C.parent)}function m(C){return!!n}function p(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function v(){}function w(C,g){}function S(C){const{componentType:g}=C;let N=W(g,C);const M=g.toLowerCase().replace("-","_");return N&&!N.id&&N.type===g&&(N.id=`${M}_${Math.random().toString().slice(2,6)}`),N}function A(C,g){const N=String(C.getAttribute("data-controltype")),M=C.getAttribute("data-feature"),u=M?JSON.parse(M):{};u.parentComponentInstance=h.value;let s=W(N,u);const o=N.toLowerCase().replace("-","_");return s&&!s.id&&s.type===N&&(s.id=`${o}_${Math.random().toString().slice(2,6)}`),s}function D(C){}function E(...C){return[]}return h.value={canMove:f(),canSelectParent:P(),canAdd:y(),canDelete:j(),canNested:!T(),contents:[],elementRef:r,parent:(R=e.parent)==null?void 0:R.componentInstance,schema:e.schema,styles:l,canAccepts:m,getBelongedComponentInstance:d,getDraggableDesignItemElement:c,getDraggingDisplayText:p,getPropConfig:E,getDragScopeElement:v,onAcceptMovedChildElement:w,onAcceptNewChildElement:A,onChildElementMovedOut:D,addNewChildComponentSchema:S,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},h}const Pe=t.defineComponent({name:"FDesignerInnerItem",props:rt,emits:["selectionChange","addComponent","removeComponent"],setup(r,e){const n=t.ref(r.canMove),i=t.ref(r.canAdd),l=t.ref(r.canDelete),h=t.ref(!1),f=t.ref(r.contentKey),P=t.ref(r.childType),j=t.ref(r.childLabel),y=t.ref(r.modelValue),T=t.ref(""),d=t.ref(),c=t.inject("canvas-dragula"),m=t.ref(),p=t.inject("design-item-context"),v={designerItemElementRef:d,componentInstance:m,schema:y.value,parent:p,setupContext:e};t.provide("design-item-context",v);const w=t.computed(()=>({"farris-component":!0,"flex-fill":r.id=="root-component","position-relative":n.value||l.value,"farris-nested":h.value,"can-move":n.value,"d-none":d.value&&d.value.classList.contains("d-none")})),S=t.computed(()=>{const o={};return T.value&&T.value.split(";").reduce((a,b)=>{const[k,x]=b.split(":");return k&&(a[k]=x),a},o),o});function A(o,a){if(p&&p.schema[f.value]){const b=p.schema[f.value].findIndex(k=>k.id===a.id);if(b>-1){const k=p.schema[f.value].length,x=p.schema[f.value][b%k];p.designerItemElementRef.value.querySelector(`#${x.id}-design-item`),p.schema[f.value].splice(b,1),p.componentInstance.value.updateDragAndDropRules(),Y.value++,e.emit("removeComponent")}}}function D(o){if(m.value.addNewChildComponentSchema){const a={componentType:P.value,label:j.value,parentComponentInstance:m.value,targetPosition:-1},b=m.value.addNewChildComponentSchema(a);y.value[f.value].push(b),e.emit("addComponent")}}function E(){return i.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:o=>{D()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function R(o){return l.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(a=>A(a,o),["stop"])},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function C(){return n.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[t.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function g(o){return t.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[t.createVNode("div",null,[E(),C(),R(o)])])}t.watch(()=>r.modelValue,o=>{y.value=o,v.schema=o});function N(o){const a=o.target;it(a)}function M(){var o,a;(a=(o=y.value)==null?void 0:o.contents)!=null&&a.length&&d.value&&d.value.addEventListener("scroll",N)}function u(){const o=d.value,a=t.ref(o.children[1]);return ct(a,v).value}t.onMounted(()=>{if(d.value){const o=d.value.querySelector(`[data-dragref='${y.value.id}-container']`);m.value=o&&o.componentInstance?o.componentInstance.value:u(),c&&o&&c.attachComponents(o,y.value),h.value=m.value.canNested!==void 0?m.value.canNested:h.value,i.value=m.value.canAdd!==void 0?m.value.canAdd:i.value,l.value=m.value.canDelete!==void 0?m.value.canDelete:l.value,n.value=m.value.canMove!==void 0?m.value.canMove:n.value,T.value=m.value.styles||"",d.value&&(d.value.componentInstance=m,d.value.designItemContext=v)}M(),Y.value++}),t.onBeforeUnmount(()=>{d.value&&d.value.removeEventListener("scroll",N)});function s(o){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(b=>b.classList.remove("dgComponentFocused")),o&&(o.preventDefault(),o.stopPropagation());const a=d.value;if(a){const b=document.getElementsByClassName("dgComponentSelected");if(!(b&&b.length===1&&b[0]===d.value)){Array.from(b).forEach(V=>V.classList.remove("dgComponentSelected")),a.classList.add("dgComponentFocused"),e.emit("selectionChange",y.value.type,y.value,r.componentId,m.value);const x=m.value.getDraggableDesignItemElement(v);x&&x.value&&x.value.classList.add("dgComponentSelected")}}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:d,class:w.value,style:S.value,onClick:s},[g(y.value),e.slots.default&&e.slots.default()])}});class at extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识00",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0,$converter:"/converter/type.converter"},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}},setPropertyRelates(n,i){}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}];var i=this;const l=i.eventsEditorUtils.formProperties(e,i.viewModelId,n),h={};h[i.viewModelId]={type:"events-editor",editor:{initialData:l}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:h,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(f,P){const j=f.propertyValue;delete e[i.viewModelId],j&&(j.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,j.events,j))}}}}class lt extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(),this.getAppearanceProperties(e),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(){this.propertyConfig.categories.basic={title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar-item",value:z["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}],i=this,l=i.eventsEditorUtils.formProperties(e,i.viewModelId,n),h={};h[i.viewModelId]={type:"events-editor",editor:{initialData:l}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:h,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(f,P){const j=f.propertyValue;delete e[i.viewModelId],j&&(j.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,j.events,j))}}}}function pt(r,e){we();const n=t.ref(!1),i=t.ref(!1);let l=!1,h=!1;function f(w){return!1}function P(w){}function j(){return""}function y(w,S){return S.text=w.label,S}function T(w,S,A){const D=r.schema;if((D.appearance&&D.appearance.class||"").split(" ").includes("f-form-layout")){const C=String(w.innerText),g=W("form-group");return g.editor=A,g.label=C,g}return A}function d(){return!1}function c(){return!h}function m(){return!1}function p(){return l}function v(w){let S;switch(r.schema.type){case"tab-toolbar-item":S=new at(w,e);break;default:S=new lt(w,e)}return S.getPropertyConfig(r.schema)}return{canAccepts:f,checkCanAddComponent:m,checkCanDeleteComponent:c,checkCanMoveComponent:d,getStyles:j,hideNestedPaddingInDesginerView:p,onAcceptNewChildElement:T,onAcceptMovedChildElement:P,onResolveNewComponentSchema:y,getPropsConfig:v,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:i}}const Te=t.defineComponent({name:"FResponseToolbarItemDesign",props:ye,emits:["Click"],setup(r,e){t.ref(),t.ref();const n=t.ref(r.alignment),i={id:"__more_buttons__",text:"More"},l=t.ref(new q(i));t.computed(()=>l.value.children.length>0);const h=t.ref(),f=t.inject("designer-host-service"),P=t.inject("design-item-context"),j=pt(P,f),y=ae.useDesignerInnerComponent(h,P,j);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{h.value.componentInstance=y}),e.expose(y.value);function T(){const m={"f-icon":!0},p=r.icon?r.icon.trim():"";return H.getCustomClass(m,p)}function d(){return!!(r.icon&&r.icon.trim())}function c(){const m={btn:!0,"f-rt-btn":!0,"f-btn-ml":n.value==="right","f-btn-mr":n.value==="left","btn-icontext":!!(r.icon&&r.icon.trim())};return H.getCustomClass(m,r.class)}return t.onMounted(()=>{}),t.onUnmounted(()=>{}),()=>t.createVNode("div",{ref:h,"data-dragref":`${P.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:c(),id:r.id},[d()&&t.createVNode("i",{class:T()},null),r.text])])}}),De=t.defineComponent({name:"FResponseToolbarDesign",props:Je,emits:["Click"],setup(r,e){const n=t.ref(r.items);let i=new Array(n.value.length).fill(t.ref());const l=t.ref(),h=t.ref(),f=t.ref(r.alignment),P={id:"__more_buttons__",text:"More"},j=t.ref(new q(P)),y=Ce();t.computed(()=>j.value.children.length>0);const T=t.ref(),d=t.inject("designer-host-service"),c=t.inject("design-item-context"),m=ot(c.schema,d,c),p=ae.useDesignerInnerComponent(T,c,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{T.value.componentInstance=p}),e.expose(p.value);const v=t.computed(()=>{const u={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return H.getCustomClass(u,r.customClass)}),w=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":f.value==="right","justify-content-start":f.value==="left"})),{renderToolbarDropdown:S,clearAllDropDown:A}=Ke(r,y,p);function D(){n.value.filter(u=>u.children&&u.children.length>0).forEach(u=>{u.expanded=!1}),j.value.expanded=!1,A()}const E=new Map,R=[];function C(u){const s=h.value;let o=u;const a=Array.from(s.children),b=a[a.length-1].id==="__more_buttons__"?a[a.length-1]:null;if(b){const I=b.computedStyleMap().get("margin-left"),O=b.computedStyleMap().get("margin-right"),F=(I?I.value:0)+b.getBoundingClientRect().width+(O?O.value:0);o-=F}const k=a.filter(I=>I.id!=="__more_buttons__");for(const I of k){const O=I.computedStyleMap().get("margin-left"),F=I.computedStyleMap().get("margin-right"),U=(O?O.value:0)+I.getBoundingClientRect().width+(F?F.value:0);o<U?(E.set(I.id,!0),R.push({id:I.id,width:U})):o-=U}if(R.length)for(let I=R.length-1;I>=0;I--){const O=R[I].width;if(o>=O)o-=O,E.delete(R[I].id),R.pop();else break}const x=Object.assign({},j.value);x.children=[];const V=new q(x),_=n.value.reduce((I,O)=>(E.has(O.id)&&V.children.push(O),O.visible=!E.has(O.id),I.push(O),I),[]);j.value=V,n.value=_}const g=new ResizeObserver(u=>{if(u.length){const o=u[0].contentRect.width,b=h.value.getBoundingClientRect().width;(o<b||R.length)&&C(o)}});t.onMounted(()=>{const u=l.value;g.observe(u),document.body.addEventListener("click",D)}),t.onUnmounted(()=>{g.disconnect(),document.body.removeEventListener("click",D)}),t.watch(()=>r.items,()=>{n.value=r.items},{deep:!0}),t.watch(n,u=>{i=new Array(n.value.length).fill(t.ref())});function N(u,s,o,a){c&&c.setupContext&&c.setupContext.emit("selectionChange",u,s,o,a)}function M(){const u=h.value.querySelector(".dgComponentFocused.dgComponentSelected");u==null||u.classList.remove("dgComponentSelected"),u==null||u.classList.remove("dgComponentFocused")}return()=>t.createVNode("div",{ref:T,"data-dragref":`${c.schema.id}-container`,class:v.value},[t.createVNode("div",{ref:l,class:w.value},[t.createVNode("div",{ref:h,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.map((u,s)=>t.createVNode(Pe,{ref:i[s],class:"p-0 display-inline-block",modelValue:u,"onUpdate:modelValue":o=>u=o,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:r.componentId,id:u.id,style:"padding:0 !important;display:inline-block",onSelectionChange:N,onRemoveComponent:M},{default:()=>{var o;return[t.createVNode(Te,{id:u.id,disable:u.disable,text:u.text,icon:u.icon,class:((o=u.appearance)==null?void 0:o.class)||"btn-secondary",alignment:r.alignment||"right",componentId:r.componentId},null)]}}))])])])}}),je=re;X.register=(r,e,n)=>{r["response-toolbar"]=X,e["response-toolbar"]=re},X.registerDesigner=(r,e,n)=>{r["response-toolbar"]=De,e["response-toolbar"]=re,r["response-toolbar-item"]=Te,e["response-toolbar-item"]=Qe},H.withInstall(X);const dt={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},Se=t.defineComponent({name:"FDesignerTemplateItem",props:dt,emits:["selectionChange"],setup(r,e){const n=t.ref(),i=t.computed(()=>({"farris-component":!0}));function l(h){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(P=>P.classList.remove("dgComponentFocused")),h&&(h.preventDefault(),h.stopPropagation());const f=n.value;if(f){const P=document.getElementsByClassName("dgComponentSelected");P&&P.length===1&&P[0]===n.value||(Array.from(P).forEach(y=>y.classList.remove("dgComponentSelected")),f.classList.add("dgComponentFocused"))}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:n,class:i.value,onClick:l},[e.slots.default&&e.slots.default()])}}),ut=t.defineComponent({name:"FPageHeaderDesign",props:ue,emits:["Click"],setup(r,e){const n=t.ref(),i=t.inject("designer-host-service"),l=t.inject("design-item-context"),h=Le(l.schema,i),f=_e(n,l,h),P=t.ref(l.schema.toolbar||{type:"response-toolbar",buttons:[]}),j=t.ref(je(P.value));t.onMounted(()=>{n.value.componentInstance=f}),t.watch(()=>l.schema.toolbar,()=>{P.value=l.schema.toolbar||{type:"response-toolbar",buttons:[]},j.value=je(P.value)},{deep:!0});const y=t.computed(()=>[...j.value.items]);function T(d,c,m,p){l&&l.setupContext&&l.setupContext.emit("selectionChange",d,c,m,p)}return e.expose(f.value),()=>t.createVNode("div",{ref:n},[t.createVNode("nav",{class:"f-page-header-base"},[t.createVNode("div",{class:"f-title"},[t.createVNode(Se,null,{default:()=>[t.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[t.createVNode("i",{class:r.icon},null)])]}),t.createVNode(Se,null,{default:()=>[t.createVNode("h4",{class:"f-title-text"},[r.title])]})]),t.createVNode(Pe,{class:"col-6 text-right",modelValue:P.value,"onUpdate:modelValue":d=>P.value=d,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:P.value.id,componentId:r.componentId,onSelectionChange:T},{default:()=>[t.createVNode(De,{customClass:"w-100",items:y.value,componentId:r.componentId},null)]})])])}}),ft={install(r){r.component(J.name,J)},register(r,e,n,i){r["page-header"]=J,e["page-header"]=te,i["page-header"]={eventHandlerResolver:fe}},registerDesigner(r,e,n){r["page-header"]=ut,e["page-header"]=te}};$.PageHeader=J,$.default=ft,$.eventHandlerResolver=fe,$.pageHeaderDesignerProps=ue,$.pageHeaderProps=G,$.propsResolver=te,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(A,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../response-toolbar/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../response-toolbar/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],t):(A=typeof globalThis<"u"?globalThis:A||self,t(A["page-header"]={},A.Vue,A.LodashES,A.FResponseToolbar$1,A.common,A.designerCanvas))})(this,function(A,t,F,Se,q,ie){"use strict";var ut=Object.defineProperty;var ft=(A,t,F)=>t in A?ut(A,t,{enumerable:!0,configurable:!0,writable:!0,value:F}):A[t]=F;var E=(A,t,F)=>ft(A,typeof t!="symbol"?t+"":t,F);const Z={},ae={};function K(r){const{properties:e,title:n,ignore:s}=r,a=s&&Array.isArray(s),f=Object.keys(e).reduce((u,y)=>((!a||!s.find(w=>w==y))&&(u[y]=e[y].type==="object"&&e[y].properties?K(e[y]):F.cloneDeep(e[y].default)),u),{});return n&&(!a||!s.find(u=>u=="id"))&&(f.id=`${n}-${Date.now()}`),f}function W(r,e={},n){const s=Z[r];if(s){let a=K(s);const f=ae[r];return a=f?f({getSchemaByType:W},a,e,n):a,a}return null}function Ne(r,e){const n=K(e);return Object.keys(r).reduce((s,a)=>(s[a]&&F.isPlainObject(s[a])&&F.isPlainObject(r[a])?Object.assign(s[a],r[a]):s[a]=r[a],s),n),n}function Me(r,e){return Object.keys(r).filter(s=>r[s]!=null).reduce((s,a)=>{if(e.has(a)){const f=e.get(a);if(typeof f=="string")s[f]=r[a];else{const u=f(a,r[a],r);Object.assign(s,u)}}else s[a]=r[a];return s},{})}function ke(r,e,n=new Map){const s=Ne(r,e);return Me(s,n)}function xe(r={}){function e(h,b,l,d){if(typeof l=="number")return d[h].length===l;if(typeof l=="object"){const m=Object.keys(l)[0],C=l[m];if(m==="not")return Number(d[h].length)!==Number(C);if(m==="moreThan")return Number(d[h].length)>=Number(C);if(m==="lessThan")return Number(d[h].length)<=Number(C)}return!1}function n(h,b,l,d){return d[h]&&d[h].propertyValue&&String(d[h].propertyValue.value)===String(l)}const s=new Map([["length",e],["getProperty",n]]);Object.keys(r).reduce((h,b)=>(h.set(b,r[b]),h),s);function a(h,b){const l=h;return typeof b=="number"?[{target:l,operator:"length",param:null,value:Number(b)}]:typeof b=="boolean"?[{target:l,operator:"getProperty",param:h,value:!!b}]:typeof b=="object"?Object.keys(b).map(d=>{if(d==="length")return{target:l,operator:"length",param:null,value:b[d]};const m=d,C=b[d];return{target:l,operator:"getProperty",param:m,value:C}}):[]}function f(h){return Object.keys(h).reduce((l,d)=>{const m=a(d,h[d]);return l.push(...m),l},[])}function u(h,b){if(s.has(h.operator)){const l=s.get(h.operator);return l&&l(h.target,h.param,h.value,b)||!1}return!1}function y(h,b){return f(h).reduce((m,C)=>m&&u(C,b),!0)}function w(h,b){const l=Object.keys(h),d=l.includes("allOf"),m=l.includes("anyOf"),C=d||m,j=(C?h[C?d?"allOf":"anyOf":"allOf"]:[h]).map(D=>y(D,b));return d?!j.includes(!1):j.includes(!0)}return{parseValueSchema:w}}const z={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"}},ce={},Ve={};xe();function ee(r,e,n=new Map,s=(u,y,w)=>y,a={},f=u=>u){return Z[e.title]=e,ae[e.title]=s,ce[e.title]=a,Ve[e.title]=f,(u={})=>{const y=ke(u,e,n),w=Object.keys(r).reduce((h,b)=>(h[b]=r[b].default,h),{});return Object.assign(w,y)}}function le(r,e){return{customClass:e.class,customStyle:e.style}}function Ee(r,e){const n=[];return e==null||e.buttons.map(s=>{const a={};Object.keys(s).map(f=>{var u;f=="appearance"?a.class=((u=s[f])==null?void 0:u.class)||"":a[f]=s[f]}),n.push(a)}),{buttons:n}}function Be(){function r(e,n){var y;const s=(y=e.toolbar)==null?void 0:y.buttons;if(!s||s.length<1)return null;const[a,f]=n.payloads,u=s.find(w=>w.id===f);return u?u.onClick||u.click:null}return{resolve:r}}const Ie=new Map([["appearance",le],["toolbar",Ee]]),Re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/page-header.schema.json",title:"page-header",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Page Header",type:"string"},type:{description:"The type string of Page Header component",type:"string",default:"page-header"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},showIcon:{description:"",type:"boolean",default:!0},icon:{description:"",type:"string",default:"f-icon-page-title-record"},iconClass:{description:"",type:"string",default:"f-text-orna-bill"},title:{description:"",type:"string",default:""},subTitle:{description:"",type:"string",default:""},toolbar:{description:"",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}}},buttonClass:{description:"",type:"string",default:"col-6"},titleContentClass:{description:"",type:"string",default:""},contentClass:{description:"",type:"string",default:""},downContentClass:{description:"",type:"string",default:""},showPagination:{description:"",type:"boolean",default:!1},prePaginationDisabled:{description:"",type:"boolean",default:!0},nextPaginationDisabled:{description:"",type:"boolean",default:!1}}};function je(r,e,n){return e.title="标题",e}const G={customClass:{type:String,default:""},showIcon:{type:Boolean,default:!0},icon:{type:String,default:"f-icon-page-title-record"},iconClass:{type:String,default:"f-text-orna-bill"},title:{type:String,default:""},subTitle:{type:String,default:""},buttonClass:{type:String,default:"col-6"},buttons:{type:Array,default:[]},titleContentClass:{type:String,default:""},contentClass:{type:String,default:""},downContentClass:{type:String,default:""},showPagination:{type:Boolean,default:!1},prePaginationDisabled:{type:Boolean,default:!0},nextPaginationDisabled:{type:Boolean,default:!1}},de=Object.assign({},G,{componentId:{type:String,default:""}}),te=ee(G,Re,Ie,je),pe=Be(),J=t.defineComponent({name:"FPageHeader",props:G,emits:["Click","PrePaginationClick","NextPaginationClick"],setup(r,e){const n=t.ref(r.buttons),s=(D,x)=>{e.emit("Click",D,x)};function a(D,x){D&&x&&x.split(" ").reduce((M,v)=>(M[v]=!0,M),D)}const f=t.computed(()=>{const D={"f-page-header":!0};return a(D,r.customClass),D}),u=t.computed(()=>{const D={"f-title-icon":!0};return a(D,r.iconClass),D}),y=t.computed(()=>{const D={"f-icon":!0};return a(D,r.icon),D}),w=t.computed(()=>{const D={"f-title":!0};return a(D,r.titleContentClass),D}),h=t.computed(()=>{const D={"f-content":!0};return a(D,r.contentClass),D}),b=t.computed(()=>{const D={"f-content":!0};return a(D,r.downContentClass),D}),l=t.computed(()=>({"f-icon f-icon-arrow-w":!0,"f-state-disabled":r.prePaginationDisabled})),d=t.computed(()=>({"f-icon f-icon-arrow-e":!0,"f-state-disabled":r.nextPaginationDisabled}));function m(D){r.prePaginationDisabled||e.emit("PrePaginationClick",D)}function C(D){r.nextPaginationDisabled||e.emit("NextPaginationClick",D)}function S(){return e.slots.titleContent?t.createVNode("div",{class:w.value},[t.createTextVNode(" "),e.slots.titleContent()]):t.createVNode("div",{class:"f-title"},[r.showIcon&&r.icon?t.createVNode("span",{class:u.value},[t.createVNode("i",{class:y.value},null)]):"",t.createVNode("h4",{class:"f-title-text"},[r.title]),r.subTitle?t.createVNode("h5",{class:"f-title-subtitle"},[r.subTitle]):"",r.showPagination?t.createVNode("div",{class:"f-title-pagination"},[t.createVNode("span",{class:l.value,onClick:m},null),t.createVNode("span",{class:d.value,onClick:C},null)]):""])}function B(){return e.slots.content?t.createVNode("div",{class:h.value},[t.createTextVNode(" "),e.slots.content()]):""}function j(){if(r.buttons&&r.buttons.length>0)return t.createVNode(Se,{customClass:r.buttonClass,items:n.value,onClick:s},null)}function $(){return e.slots.downContent?t.createVNode("div",{class:b.value},[t.createTextVNode(" "),e.slots.downContent()]):""}return t.watch(()=>r.buttons,D=>{n.value=D},{deep:!0}),()=>t.createVNode("div",{class:f.value},[t.createVNode("nav",{class:"f-page-header-base"},[S(),B(),j()]),$()])}});function Ae(r,e,n){var x;function s(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}s();const a=n&&n.getStyles&&n.getStyles()||"",f=n&&n.getDesignerClass&&n.getDesignerClass()||"",u=t.ref();function y(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function w(){return!1}function h(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanDeleteComponent?n.checkCanDeleteComponent():!0}function b(){return(e==null?void 0:e.schema.componentType)==="frame"?!0:n&&n.hideNestedPaddingInDesginerView?n.hideNestedPaddingInDesginerView():!1}function l(P){if(!P||!P.value)return null;if(P.value.schema&&P.value.schema.type==="component")return P.value;const M=t.ref(P==null?void 0:P.value.parent),v=l(M);return v||null}function d(P=e){const{componentInstance:M,designerItemElementRef:v}=P;return!M||!M.value?null:M.value.canMove?v:d(P.parent)}function m(P){return!!n&&n.canAccepts(P)}function C(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function B(P,M){M&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(M)}function j(P,M){const{componentType:v}=P;let V=W(v,P,M);n&&n.onResolveNewComponentSchema&&(V=n.onResolveNewComponentSchema(P,V));const I=v.toLowerCase().replace("-","_");return V&&!V.id&&V.type===v&&(V.id=`${I}_${Math.random().toString().slice(2,6)}`),V}function $(P){}function D(...P){if(n&&n.getPropsConfig)return n.getPropsConfig(...P)}return u.value={canMove:y(),canSelectParent:w(),canDelete:h(),canNested:!b(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(x=e==null?void 0:e.parent)==null?void 0:x.componentInstance,schema:e==null?void 0:e.schema,styles:a,designerClass:f,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:d,getDraggingDisplayText:C,getPropConfig:D,getDragScopeElement:S,onAcceptMovedChildElement:B,onChildElementMovedOut:$,addNewChildComponentSchema:j,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},u}class Q{constructor(e,n){E(this,"componentId");E(this,"viewModelId");E(this,"eventsEditorUtils");E(this,"formSchemaUtils");E(this,"formMetadataConverter");E(this,"designViewModelUtils");E(this,"designViewModelField");E(this,"controlCreatorUtils");E(this,"designerHostService");E(this,"schemaService",null);E(this,"metadataService",null);E(this,"propertyConfig",{type:"object",categories:{}});var s;this.componentId=e,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((s=this.formSchemaUtils)==null?void 0:s.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 s=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=s.fields.find(a=>a.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:z[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,n){const s=n&&n.parent&&n.parent.schema;if(!s)return;const a=s.contents.findIndex(u=>u.id===e),f=F.cloneDeep(s.contents[a]);s.contents.splice(a,1),s.contents.splice(a,0,f)}}class $e extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"page-header",value:z["page-header"].name}]}},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}},setPropertyRelates(n,s){if(n)switch(n&&n.propertyID){case"title":{n.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}}}getEventPropConfig(e){const n=[{label:"click",name:"点击事件"}],s=this,a=s.eventsEditorUtils.formProperties(e,s.viewModelId,n);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:{"data-grid-component-viewmodel":{type:"events-editor",editor:{initialData:a}}},refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(f,u){const y=f.propertyValue;delete e[s.viewModelId],y&&(y.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,y.events,y))}}}}function Oe(r,e){function n(y){return!1}function s(){return!1}function a(){return!1}function f(){return!0}function u(y){return new $e(y,e).getPropertyConfig(r)}return{canAccepts:n,hideNestedPaddingInDesginerView:f,getPropsConfig:u,checkCanDeleteComponent:s,checkCanMoveComponent:a}}class ue{constructor(e){E(this,"id","");E(this,"class","btn-secondary");E(this,"icon","");E(this,"groupId","");E(this,"order",-1);E(this,"asDropDownTop",!1);E(this,"text","");E(this,"visible",!0);E(this,"responsed",!1);E(this,"tipsEnable",!1);E(this,"tipsText","");E(this,"width",0);E(this,"onClick",()=>{});E(this,"options");this.options=e;const n=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(e).filter(s=>n.indexOf(s)>-1).forEach(s=>{this[s]=e[s]})}get enable(){return Object.keys(this.options).indexOf("disabled")>-1?!this.options.disabled:t.computed(()=>!0)}setWidth(e){this.width=parseInt(e,10)}getWidth(){return this.visible?this.width:!1}}class _e extends ue{constructor(e){super(e)}}function fe(){function r(e){const n=[];return e.reduce((s,a)=>(a.children&&a.children.length>0?s.push(new L(a)):s.push(new _e(a)),s),n),n}return{buildResponseToolbarItems:r}}const{buildResponseToolbarItems:Fe}=fe();class L extends ue{constructor(n){super(n);E(this,"placement","");E(this,"dropdownClass","");E(this,"menuClass","");E(this,"split",!1);E(this,"children",[]);E(this,"expanded",!1);const s=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(n).filter(a=>s.indexOf(a)>-1).forEach(a=>{this[a]=n[a]}),n.children&&n.children.length&&(this.children=Fe(n.children))}}const Le=new Map([["buttons","items"],["appearance",le]]),Ue=new Map([["appearance",qe]]);function qe(r,e){return{class:e.class,style:e.style}}function me(r,e,n){return e}const We={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar.schema.json",title:"response-toolbar",description:"A Farris Toolbar Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar"},appearance:{description:"",type:"object",properties:{class:{type:"string"}},default:{}},alignment:{description:"The alignment of Response Toolbar Button.",type:"string",default:"right"},buttons:{description:"The items of Response Toolbar.",type:"array",default:[]}},required:["id","type","buttons"]},ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:"btn-secondary"}},default:{}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"按钮"},icon:{description:"图标",type:"string",default:""},disabled:{description:"禁用",type:"boolean",default:!1},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},ge={title:"response-toolbar-item",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}},oe={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};Z[ne.title]=ne,ce[ge.title]=ge;const He=Object.assign({},oe,{componentId:{type:String,default:""}}),re=ee(oe,We,Le,me),he={id:{type:String,default:""},items:{type:Object,default:{}},class:{type:String,default:""},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""},alignment:{Type:String,default:"right"}},ze=ee(he,ne,Ue,me);function be(){function r(n){const s={"f-icon":!0};if(n.icon){const a=n.icon.trim().split(" ");a&&a.length&&a.reduce((f,u)=>(f[u]=!0,f),s)}return s}function e(n){return!!(n.icon&&n.icon.trim())}return{iconClass:r,shouldShowIcon:e}}function Ge(r){function e(l){const d={"dropdown-menu":!0};if(l.class){const m=l.menuClass.split(" ");m&&m.length&&m.reduce((C,S)=>(C[S]=!0,C),d)}return d}function n(l){const d={disabled:!l.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},m=l.dropdownClass.split(" ");return m&&m.length&&m.reduce((C,S)=>(C[S]=!0,C),d),d}function s(l){const d={disabled:!l.enable,"dropdown-item":!0,"f-rt-btn":!0},m=l.class.split(" ");return m&&m.length&&m.reduce((C,S)=>(C[S]=!0,C),d),d}let a;const f=new Map;function u(l,d,m){var S;((S=l.target)==null?void 0:S.id)===d.id&&l.stopPropagation();const C=m?m.id:"__top_item__";if(d.children&&d.children.length&&(d.expanded=!d.expanded,d.expanded?f.set(C,d):f.delete(C)),f.has(C)&&f.get(C)!==d){const B=f.get(C);B&&(B.expanded=!1)}}function y(l,d){document.body.click(),d.enable&&d.onClick(l,d.id)}function w(l){return l.children.map(d=>d.children&&d.children.length?t.createVNode("li",{class:n(d),id:d.id,onClick:m=>d.enable&&u(m,d,l)},[t.createVNode("span",{id:d.id,class:s(d),onMouseover:m=>d.enable&&u(m,d,l)},[d.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),a(d,d)]):t.createVNode("li",{class:s(d),id:d.id,onClick:m=>y(m,d),onMouseover:m=>d.enable&&u(m,d,l)},[r.shouldShowIcon(d)&&t.createVNode("i",{class:r.iconClass(d)},null),d.text]))}function h(l,d,m){const C={display:l.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},S=document.getElementsByTagName("body")[0].getClientRects()[0].width,B=d,j=B==null?void 0:B.getClientRects();if(B&&j&&j.length){const{top:$,width:D,left:x,right:P,height:M}=j[0],v=Math.ceil(M+$);C.top=`${v}px`,C.left=`${x}px`;const V=l.id+"_menu",I=d?d.querySelector("#"+V):null;if(I){C.display==="block"&&(I.style.display="block");const p=I.getBoundingClientRect();if(m){C.top=`${$-6}px`;const i=Math.ceil(D+x);C.left=`${i}px`}S-x-D<p.width&&(C.left=`${(m?x:P)-p.width}px`)}}return C}a=function(l,d){var B,j;const m=t.getCurrentInstance(),C=d?d.id:l.id,S=(j=(B=m==null?void 0:m.exposed)==null?void 0:B.elementRef.value)==null?void 0:j.querySelector("#"+C);return t.createVNode("ul",{class:e(l),style:h(l,S,d),id:l.id+"_menu"},[w(l)])};function b(){f.forEach(l=>{l.expanded=!1}),f.clear()}return{renderDropdownMenu:a,clearAllDropDownMenu:b}}function Je(r,e){const n=t.ref(r.alignment),{renderDropdownMenu:s,clearAllDropDownMenu:a}=Ge(e);function f(b){const l={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":n.value==="right","f-btn-mr":n.value==="left"},d=b.dropdownClass.split(" ");return d&&d.length&&d.reduce((m,C)=>(m[C]=!0,m),l),l}function u(b){const l={btn:!0,disabled:!b.enable,"f-rt-btn":!0,"btn-icontext":!!(b.icon&&b.icon.trim())};if(b.class){const d=b.class.split(" ");d&&d.length&&d.reduce((m,C)=>(m[C]=!0,m),l)}return l}function y(b,l){b.stopPropagation();const d=l.expanded;document.body.click(),l.expanded=!d}function w(b){return t.createVNode("div",{id:b.id,class:f(b)},[t.createVNode("div",{class:u(b),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:l=>b.enable&&y(l,b)},[e.shouldShowIcon(b)&&t.createVNode("i",{class:e.iconClass(b)},null),t.createVNode("span",null,[b.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),s(b)])}function h(){a()}return{renderToolbarDropdown:w,clearAllDropDown:h}}const{buildResponseToolbarItems:ye}=fe(),X=t.defineComponent({name:"FResponseToolbar",props:oe,emits:["click"],setup(r,e){const n=t.ref(ye(r.items)),s=t.ref(),a=t.ref(),f=t.ref(),u=t.ref(r.alignment),y={id:"__more_buttons__",text:"更多"},w=t.ref(new L(y)),h=be(),b=t.computed(()=>w.value.children.length>0),l=t.computed(()=>{const v={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return q.getCustomClass(v,r.customClass)}),d=t.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":u.value==="right","justify-content-start":u.value==="left"})),{renderToolbarDropdown:m,clearAllDropDown:C}=Je(r,h);function S(){n.value.filter(v=>v.children&&v.children.length>0).forEach(v=>{v.expanded=!1}),w.value.expanded=!1,C()}function B(v){const V={btn:!0,"f-rt-btn":!0,"f-btn-ml":u.value==="right","f-btn-mr":u.value==="left","btn-icontext":!!(v.icon&&v.icon.trim())};if(v.class){const I=v.class.split(" ");I&&I.length&&I.reduce((p,i)=>(p[i]=!0,p),V)}return V}function j(v,V){document.body.click(),typeof V.onClick=="function"&&V.onClick(v,V.id),e.emit("click",v,V.id)}function $(v){return t.createVNode("button",{type:"button",class:B(v),id:v.id,disabled:!v.enable,onClick:V=>j(V,v)},[h.shouldShowIcon(v)&&t.createVNode("i",{class:h.iconClass(v)},null),v.text])}const D=new Map,x=[];function P(v){const V=f.value;let I=v;const p=Array.from(V.children),i=p[p.length-1].id==="__more_buttons__"?p[p.length-1]:null;if(i){const T=i.computedStyleMap().get("margin-left"),k=i.computedStyleMap().get("margin-right"),_=(T?T.value:0)+i.getBoundingClientRect().width+(k?k.value:0);I-=_}const o=p.filter(T=>T.id!=="__more_buttons__");for(const T of o){const k=T.computedStyleMap().get("margin-left"),_=T.computedStyleMap().get("margin-right"),R=(k?k.value:0)+T.getBoundingClientRect().width+(_?_.value:0);I<R?(D.set(T.id,!0),x.push({id:T.id,width:R})):I-=R}if(x.length)for(let T=x.length-1;T>=0;T--){const k=x[T].width;if(I>=k)I-=k,D.delete(x[T].id),x.pop();else break}const c=Object.assign({},w.value);c.children=[];const g=new L(c),N=n.value.reduce((T,k)=>(D.has(k.id)&&g.children.push(k),k.visible=!D.has(k.id),T.push(k),T),[]);w.value=g,n.value=N}const M=new ResizeObserver(v=>{if(v.length){const I=v[0].contentRect.width,i=f.value.getBoundingClientRect().width;(I<i||x.length)&&(P(I),S())}});return t.onMounted(()=>{const v=a.value;M.observe(v),document.body.addEventListener("click",S),document.body.addEventListener("wheel",S)}),t.onUnmounted(()=>{M.disconnect(),document.body.removeEventListener("click",S),document.body.removeEventListener("wheel",S)}),t.watch(()=>r.items,()=>{n.value=ye(r.items)},{deep:!0}),e.expose({elementRef:s}),()=>t.createVNode("div",{class:l.value,ref:s},[t.createVNode("div",{ref:a,class:d.value},[t.createVNode("div",{ref:f,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.filter(v=>v.visible).map(v=>v.children&&v.children.length>0?m(v):$(v)),b.value&&m(w.value)])])])}});function Qe(r,e){const n=t.inject("design-item-context"),s=t.inject("toolbar-item-handler",()=>{});function a(){s&&s()}function f(i){const o={"dropdown-menu":!0};if(i.class){const c=i.menuClass.split(" ");c&&c.length&&c.reduce((g,N)=>(g[N]=!0,g),o)}return o}function u(i){const o={disabled:!i.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},c=i.dropdownClass.split(" ");return c&&c.length&&c.reduce((g,N)=>(g[N]=!0,g),o),o}function y(i){const o={disabled:!i.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},c=i.class.split(" ");return c&&c.length&&c.reduce((g,N)=>(g[N]=!0,g),o),o}let w;const h=new Map;function b(i,o,c){var N;((N=i.target)==null?void 0:N.id)===o.id&&i.stopPropagation();const g=c?c.id:"__top_item__";if(o.children&&o.children.length&&(o.expanded=!o.expanded,o.expanded?h.set(g,o):h.delete(g)),h.has(g)&&h.get(g)!==o){const T=h.get(g);T&&(T.expanded=!1)}}function l(i){i&&(i.stopPropagation(),i.preventDefault())}function d(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(o=>o.classList.remove("dgComponentFocused"));const i=document.getElementsByClassName("dgComponentSelected");Array.from(i).forEach(o=>o.classList.remove("dgComponentSelected"))}function m(i){i.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function C(i){const{buttons:o=[]}=n.schema;let c=[];o.forEach(T=>{c=c.concat(T.children||[])});const g=c.findIndex(T=>T.id===i),N=g===-1?null:c[g];return{index:g,item:N}}function S(i){const{buttons:o=[]}=n.schema,c=o.findIndex(N=>N.id===i),g=c===-1?null:o[c];return{index:c,item:g}}function B(i){var g;n.schema;const{index:o,item:c}=C(i);(g=n==null?void 0:n.setupContext)==null||g.emit("selectionChange",c==null?void 0:c.type,c)}const j=function(i){const{componentType:o}=i,c=W(o,i),g=o.toLowerCase().replace("-","_");return c&&!c.id&&c.type===o&&(c.id=`${g}_${Math.random().toString().slice(2,6)}`),c},$=function(){const i={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return j(i)};function D(i,o){l(i),d(),m(i),B(o.id)}function x(i,o,c){l(i);const g=o.id,N=c&&c.id,{buttons:T=[]}=n.schema;if(!N)return;const{index:k}=S(N);if(k===-1)return;const{index:_}=C(g);_!==-1&&(T[k].children.splice(_,1),a())}function P(i,o,c){l(i);const g=c&&c.id,{buttons:N=[]}=n.schema;if(!g)return;const{index:T}=S(g);if(T===-1)return;const k=$(),_=Object.assign({},k,{text:o.text});N[T].children.push(_),a()}function M(i,o,c){l(i);const g=c&&c.id,{buttons:N=[]}=n.schema;if(!g)return;const{index:T}=S(g);if(T===-1)return;const k=$(),_=Object.assign({},k,{text:"按钮"});N[T].children.push(_),a()}function v(i,o){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:c=>x(c,i,o)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:c=>P(c,i,o)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:c=>M(c,i,o)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增同级")])])])])}function V(i){return i.children.map(o=>o.children&&o.children.length?t.createVNode("li",{class:u(o),id:o.id,onClick:c=>o.enable&&b(c,o,i)},[t.createVNode("span",{id:o.id,class:y(o),onMouseover:c=>o.enable&&b(c,o,i)},[o.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),w(o,o)]):t.createVNode("li",{class:y(o),id:o.id,onClick:c=>D(c,o)},[v(o,i),r.shouldShowIcon(o)&&t.createVNode("i",{class:r.iconClass(o)},null),o.text]))}function I(i,o,c){const g={display:i.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},N=document.getElementsByTagName("body")[0].getClientRects()[0].width,T=o,k=T==null?void 0:T.getClientRects();if(T&&k&&k.length){const{top:_,width:R,left:O,right:U,height:H}=k[0],lt=Math.ceil(H+_);g.top=`${lt}px`,g.left=`${O}px`;const dt=i.id+"_menu",se=o?o.querySelector("#"+dt):null;if(se){g.display==="block"&&(se.style.display="block");const De=se.getBoundingClientRect();if(c){g.top=`${_-6}px`;const pt=Math.ceil(R+O);g.left=`${pt}px`}N-O-R<De.width&&(g.left=`${(c?O:U)-De.width}px`)}}return g}w=function(i,o){var T,k;const c=t.getCurrentInstance(),g=o?o.id:i.id,N=(k=(T=c==null?void 0:c.exposed)==null?void 0:T.elementRef.value)==null?void 0:k.querySelector("#"+g);return t.createVNode("ul",{class:f(i),style:I(i,N,o),id:i.id+"_menu"},[V(i)])};function p(){h.forEach(i=>{i.expanded=!1}),h.clear()}return{renderDropdownMenu:w,clearAllDropDownMenu:p}}function Xe(r,e,n){const s=t.ref(r.alignment),{renderDropdownMenu:a,clearAllDropDownMenu:f}=Qe(e,n),u=t.inject("design-item-context"),y=t.inject("toolbar-item-handler",()=>{});function w(){y&&y()}function h(p){const i={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":s.value==="right","f-btn-mr":s.value==="left"},o=p.dropdownClass.split(" ");return o&&o.length&&o.reduce((c,g)=>(c[g]=!0,c),i),i}function b(p){const i={btn:!0,disabled:!p.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(p.icon&&p.icon.trim())};if(p.class){const o=p.class.split(" ");o&&o.length&&o.reduce((c,g)=>(c[g]=!0,c),i)}return i}function l(p){p&&(p.stopPropagation(),p.preventDefault())}function d(p,i){l(p);const o=i.expanded;document.body.click(),i.expanded=!o}const m=function(p){const{componentType:i}=p,o=W(i,p),c=i.toLowerCase().replace("-","_");return o&&!o.id&&o.type===i&&(o.id=`${c}_${Math.random().toString().slice(2,6)}`),o},C=function(){const p={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return m(p)};function S(p){const i=u.schema.buttons||u.schema.contents,o=i==null?void 0:i.findIndex(g=>g.id===p),c=o===-1?null:i[o];return{index:o,toolbarItem:c}}function B(p,i){var k;const{index:o,toolbarItem:c}=S(i);if(o===-1)return;const g=c.text||"按钮",N=C(),T=Object.assign({},N,{text:g});(k=u.schema.buttons)==null||k.push(T),w()}function j(p,i){const{index:o,toolbarItem:c}=S(i);if(o===-1)return;const g=c.text||"按钮",N=C(),T=Object.assign({},N,{text:g}),k=u.schema.buttons[o].children||[];k.push(T),u.schema.buttons[o].children=k,w()}function $(p,i){const o=u.schema.buttons||u.schema.contents,c=o==null?void 0:o.findIndex(g=>g.id===i);c!==-1&&(o.splice(c,1),w())}function D(p){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:i=>$(i,p)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:i=>B(i,p)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:i=>j(i,p)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function x(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(i=>i.classList.remove("dgComponentFocused"));const p=document.getElementsByClassName("dgComponentSelected");Array.from(p).forEach(i=>i.classList.remove("dgComponentSelected"))}function P(p){p.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function M(p){var g;const i=u.schema.buttons||u.schema.contents,o=i==null?void 0:i.findIndex(N=>N.id===p);if(o===-1)return;const c=i[o];(g=u==null?void 0:u.setupContext)==null||g.emit("selectionChange","response-toolbar-item",c)}function v(p,i){l(p),x(),P(p),l(p),d(p,i),M(i.id)}function V(p){return t.createVNode("div",{id:p.id,class:h(p)},[t.createVNode("div",{class:b(p),style:"display: flex;padding-right: 0.1rem;",onClick:i=>p.enable&&v(i,p)},[D(p.id),e.shouldShowIcon(p)&&t.createVNode("i",{class:e.iconClass(p)},null),t.createVNode("span",null,[p.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),a(p)])}function I(){f()}return{renderToolbarDropdown:V,clearAllDropDown:I}}class Ye extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getBehaviorProperties(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar",value:z["response-toolbar"].name}]}}}}}getBehaviorProperties(e){this.propertyConfig.categories.behavior={title:"行为",description:"",properties:{alignment:{title:"对齐方式",description:"The alignment of Response Toolbar Button.",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"right",name:"右对齐"},{value:"left",name:"左对齐"}]}},buttons:{title:"按钮",description:"The items of Response Toolbar.",type:"array",default:[],$converter:"/converter/buttons.converter",refreshPanelAfterChanged:!0}}}}}function Ze(r,e){const n=r.schema;function s(b){return!1}function a(b,l){return l.text=b.label,l}function f(){return!1}function u(){return!1}function y(){return!0}function w(){return!0}function h(b){return new Ye(b,e).getPropertyConfig(n)}return{canAccepts:s,checkCanAddComponent:y,checkCanDeleteComponent:u,checkCanMoveComponent:f,hideNestedPaddingInDesginerView:w,onResolveNewComponentSchema:a,getPropsConfig:h}}const Ke={id:{type:String,default:""},componentId:{type:String,default:""},canAdd:{type:Boolean,default:!1},canDelete:{type:Boolean,default:!1},canMove:{type:Boolean,default:!1},contentKey:{type:String,default:"contents"},childLabel:{type:String,default:""},childType:{type:String,default:""},modelValue:{type:Object}},Y=t.ref(0);function et(r,e){const n=e.getBoundingClientRect(),s=r.getBoundingClientRect(),a=s.top>=n.top,f=s.top<=n.bottom;return a&&f}function tt(r){if(!r)return;let e;if(r.className.includes("dgComponentSelected")?e=r:e=r.querySelector(".dgComponentSelected"),!e)return;const n=e.getBoundingClientRect();if(n.width===0&&n.height===0)return;const s=e.querySelector(".component-btn-group");if(s){if(!et(e,r)){s.style.display="none";return}s.style.display="";const f=s.getBoundingClientRect(),u=s.querySelector("div");if(u){const y=u.getBoundingClientRect();u.style.top=f.top+"px",u.style.left=f.left-y.width+"px"}}}function nt(r,e,n){var x;function s(){}const a="",f=t.ref();function u(){return!0}function y(){return!1}function w(){return!0}function h(){return!0}function b(){return!0}function l(P){if(!P||!P.value)return null;const M=t.ref(P==null?void 0:P.value.parent),v=l(M);return v||null}function d(P=e){const{componentInstance:M,designerItemElementRef:v}=P;return!M||!M.value?null:M.value.canMove||M.value.canAdd||M.value.canDelete?v:d(P.parent)}function m(P){return!!n}function C(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function S(){}function B(P,M){}function j(P){const{componentType:M}=P;let v=W(M,P);const V=M.toLowerCase().replace("-","_");return v&&!v.id&&v.type===M&&(v.id=`${V}_${Math.random().toString().slice(2,6)}`),v}function $(P){}function D(...P){return[]}return f.value={canMove:u(),canSelectParent:y(),canAdd:h(),canDelete:w(),canNested:!b(),contents:[],elementRef:r,parent:(x=e.parent)==null?void 0:x.componentInstance,schema:e.schema,styles:a,canAccepts:m,getBelongedComponentInstance:l,getDraggableDesignItemElement:d,getDraggingDisplayText:C,getPropConfig:D,getDragScopeElement:S,onAcceptMovedChildElement:B,onChildElementMovedOut:$,addNewChildComponentSchema:j,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},f}const Ce=t.defineComponent({name:"FDesignerInnerItem",props:Ke,emits:["selectionChange","addComponent","removeComponent"],setup(r,e){const n=t.ref(r.canMove),s=t.ref(r.canAdd),a=t.ref(r.canDelete),f=t.ref(!1),u=t.ref(r.contentKey),y=t.ref(r.childType),w=t.ref(r.childLabel),h=t.ref(r.modelValue),b=t.ref(""),l=t.ref(),d=t.inject("canvas-dragula"),m=t.ref(),C=t.inject("design-item-context"),S={designerItemElementRef:l,componentInstance:m,schema:h.value,parent:C,setupContext:e};t.provide("design-item-context",S);const B=t.computed(()=>({"farris-component":!0,"flex-fill":r.id=="root-component","position-relative":n.value||a.value,"farris-nested":f.value,"can-move":n.value,"d-none":l.value&&l.value.classList.contains("d-none")})),j=t.computed(()=>{const o={};return b.value&&b.value.split(";").reduce((c,g)=>{const[N,T]=g.split(":");return N&&(c[N]=T),c},o),o});function $(o,c){if(C&&C.schema[u.value]){const g=C.schema[u.value].findIndex(N=>N.id===c.id);if(g>-1){const N=C.schema[u.value].length,T=C.schema[u.value][g%N];C.designerItemElementRef.value.querySelector(`#${T.id}-design-item`),C.schema[u.value].splice(g,1),C.componentInstance.value.updateDragAndDropRules(),Y.value++,e.emit("removeComponent")}}}function D(o){if(m.value.addNewChildComponentSchema){const c={componentType:y.value,label:w.value,parentComponentInstance:m.value,targetPosition:-1},g=m.value.addNewChildComponentSchema(c);h.value[u.value].push(g),e.emit("addComponent")}}function x(){return s.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:o=>{D()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function P(o){return a.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(c=>$(c,o),["stop"])},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function M(){return n.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"移动",ref:"moveComponent"},[t.createVNode("i",{"data-dragging-icon":"true",class:"cmp_move f-icon f-icon-yxs_move"},null)])}function v(o){return t.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[t.createVNode("div",null,[x(),M(),P(o)])])}t.watch(()=>r.modelValue,o=>{h.value=o,S.schema=o});function V(o){const c=o.target;tt(c)}function I(){var o,c;(c=(o=h.value)==null?void 0:o.contents)!=null&&c.length&&l.value&&l.value.addEventListener("scroll",V)}function p(){const o=l.value,c=t.ref(o.children[1]);return nt(c,S).value}t.onMounted(()=>{if(l.value){const o=l.value.querySelector(`[data-dragref='${h.value.id}-container']`);m.value=o&&o.componentInstance?o.componentInstance.value:p(),d&&o&&d.attachComponents(o,h.value),f.value=m.value.canNested!==void 0?m.value.canNested:f.value,s.value=m.value.canAdd!==void 0?m.value.canAdd:s.value,a.value=m.value.canDelete!==void 0?m.value.canDelete:a.value,n.value=m.value.canMove!==void 0?m.value.canMove:n.value,b.value=m.value.styles||"",l.value&&(l.value.componentInstance=m,l.value.designItemContext=S)}I(),Y.value++}),t.onBeforeUnmount(()=>{l.value&&l.value.removeEventListener("scroll",V)});function i(o){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(g=>g.classList.remove("dgComponentFocused")),o&&(o.preventDefault(),o.stopPropagation());const c=l.value;if(c){const g=document.getElementsByClassName("dgComponentSelected");if(!(g&&g.length===1&&g[0]===l.value)){Array.from(g).forEach(k=>k.classList.remove("dgComponentSelected")),c.classList.add("dgComponentFocused"),e.emit("selectionChange",h.value.type,h.value,r.componentId,m.value);const T=m.value.getDraggableDesignItemElement(S);T&&T.value&&T.value.classList.add("dgComponentSelected")}}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:l,class:B.value,style:j.value,onClick:i},[v(h.value),e.slots.default&&e.slots.default()])}});class ot extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(e),this.getAppearanceProperties(e),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(e){this.propertyConfig.categories.basic={description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识00",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0,$converter:"/converter/type.converter"},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式"},style:{description:"组件的内容样式",title:"style样式"}},setPropertyRelates(n,s){}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}];var s=this;const a=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),f={};f[s.viewModelId]={type:"events-editor",editor:{initialData:a}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(u,y){const w=u.propertyValue;delete e[s.viewModelId],w&&(w.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,w.events,w))}}}}class rt extends Q{constructor(e,n){super(e,n)}getPropertyConfig(e){return this.getBasicPropConfig(),this.getAppearanceProperties(e),this.getbBehaviorConfig(),this.getEventPropConfig(e),this.propertyConfig}getBasicPropConfig(){this.propertyConfig.categories.basic={title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",textField:"value",valueField:"key",data:[{key:"response-toolbar-item",value:z["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getbBehaviorConfig(){this.propertyConfig.categories.behavior={title:"行为",description:"Behavior",properties:{disabled:{title:"禁用状态",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0}}}}getAppearanceProperties(e){this.propertyConfig.categories.appearance={title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:"",$converter:"/converter/appearance.converter"}}}}getEventPropConfig(e){const n=[{label:"onClick",name:"点击事件"}],s=this,a=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),f={};f[s.viewModelId]={type:"events-editor",editor:{initialData:a}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(u,y){const w=u.propertyValue;delete e[s.viewModelId],w&&(w.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,w.events,w))}}}}function st(r,e){function n(y){return!1}function s(){return!1}function a(){return!0}function f(){return!1}function u(y){let w;switch(r.schema.type){case"tab-toolbar-item":w=new ot(y,e);break;default:w=new rt(y,e)}return w.getPropertyConfig(r.schema)}return{canAccepts:n,checkCanMoveComponent:s,checkCanDeleteComponent:a,checkCanAddComponent:f,getPropsConfig:u}}const ve=t.defineComponent({name:"FResponseToolbarItemDesign",props:he,emits:["Click"],setup(r,e){t.ref(),t.ref();const n=t.ref(r.alignment),s={id:"__more_buttons__",text:"More"},a=t.ref(new L(s));t.computed(()=>a.value.children.length>0);const f=t.ref(),u=t.inject("designer-host-service"),y=t.inject("design-item-context"),w=st(y,u),h=ie.useDesignerInnerComponent(f,y,w);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{f.value.componentInstance=h}),e.expose(h.value);function b(){const m={"f-icon":!0},C=r.icon?r.icon.trim():"";return q.getCustomClass(m,C)}function l(){return!!(r.icon&&r.icon.trim())}function d(){const m={btn:!0,"f-rt-btn":!0,"f-btn-ml":n.value==="right","f-btn-mr":n.value==="left","btn-icontext":!!(r.icon&&r.icon.trim()),disabled:r.disabled===!0};return q.getCustomClass(m,r.class)}return()=>t.createVNode("div",{ref:f,"data-dragref":`${y.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:d(),id:r.id},[l()&&t.createVNode("i",{class:b()},null),r.text])])}}),we=t.defineComponent({name:"FResponseToolbarDesign",props:He,emits:["Click"],setup(r,e){const n=t.ref(r.items);let s=new Array(n.value.length).fill(t.ref());const a=t.ref(),f=t.ref(),u=t.ref(r.alignment),y={id:"__more_buttons__",text:"More"},w=t.ref(new L(y)),h=be();t.computed(()=>w.value.children.length>0);const b=t.ref(),l=t.inject("designer-host-service"),d=t.inject("design-item-context"),m=Ze(d,l),C=ie.useDesignerInnerComponent(b,d,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{b.value.componentInstance=C}),e.expose(C.value);const S=t.computed(()=>{const p={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return q.getCustomClass(p,r.customClass)}),B=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":u.value==="right","justify-content-start":u.value==="left"})),{renderToolbarDropdown:j,clearAllDropDown:$}=Xe(r,h,C);function D(){n.value.filter(p=>p.children&&p.children.length>0).forEach(p=>{p.expanded=!1}),w.value.expanded=!1,$()}const x=new Map,P=[];function M(p){const i=f.value;let o=p;const c=Array.from(i.children),g=c[c.length-1].id==="__more_buttons__"?c[c.length-1]:null;if(g){const R=g.computedStyleMap().get("margin-left"),O=g.computedStyleMap().get("margin-right"),U=(R?R.value:0)+g.getBoundingClientRect().width+(O?O.value:0);o-=U}const N=c.filter(R=>R.id!=="__more_buttons__");for(const R of N){const O=R.computedStyleMap().get("margin-left"),U=R.computedStyleMap().get("margin-right"),H=(O?O.value:0)+R.getBoundingClientRect().width+(U?U.value:0);o<H?(x.set(R.id,!0),P.push({id:R.id,width:H})):o-=H}if(P.length)for(let R=P.length-1;R>=0;R--){const O=P[R].width;if(o>=O)o-=O,x.delete(P[R].id),P.pop();else break}const T=Object.assign({},w.value);T.children=[];const k=new L(T),_=n.value.reduce((R,O)=>(x.has(O.id)&&k.children.push(O),O.visible=!x.has(O.id),R.push(O),R),[]);w.value=k,n.value=_}const v=new ResizeObserver(p=>{if(p.length){const o=p[0].contentRect.width,g=f.value.getBoundingClientRect().width;(o<g||P.length)&&M(o)}});t.onMounted(()=>{const p=a.value;v.observe(p),document.body.addEventListener("click",D)}),t.onUnmounted(()=>{v.disconnect(),document.body.removeEventListener("click",D)}),t.watch(()=>r.items,()=>{n.value=r.items},{deep:!0}),t.watch(n,p=>{s=new Array(n.value.length).fill(t.ref())});function V(p,i,o,c){d&&d.setupContext&&d.setupContext.emit("selectionChange",p,i,o,c)}function I(){const p=f.value.querySelector(".dgComponentFocused.dgComponentSelected");p==null||p.classList.remove("dgComponentSelected"),p==null||p.classList.remove("dgComponentFocused")}return()=>t.createVNode("div",{ref:b,"data-dragref":`${d.schema.id}-container`,class:S.value},[t.createVNode("div",{ref:a,class:B.value},[t.createVNode("div",{ref:f,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.map((p,i)=>t.createVNode(Ce,{ref:s[i],class:"p-0 display-inline-block",modelValue:p,"onUpdate:modelValue":o=>p=o,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:r.componentId,id:p.id,style:"padding:0 !important;display:inline-block",onSelectionChange:V,onRemoveComponent:I},{default:()=>{var o;return[t.createVNode(ve,{id:p.id,disabled:p.disabled,text:p.text,icon:p.icon,class:((o=p.appearance)==null?void 0:o.class)||"btn-secondary",alignment:r.alignment||"right",componentId:r.componentId},null)]}}))])])])}}),Pe=re;X.register=(r,e,n)=>{r["response-toolbar"]=X,e["response-toolbar"]=re},X.registerDesigner=(r,e,n)=>{r["response-toolbar"]=we,e["response-toolbar"]=re,r["response-toolbar-item"]=ve,e["response-toolbar-item"]=ze},q.withInstall(X);const it={id:{type:String,default:""},componentId:{type:String,default:""},type:{type:String,default:""},canDelete:{type:Boolean,default:!0},canMove:{type:Boolean,default:!0},canSelectParent:{type:Boolean,default:!0},customButtons:{type:Array,default:[]},customClass:{type:String,default:""},customStyle:{type:String,default:""},modelValue:{type:Object},ignore:{type:Boolean,default:!1}},Te=t.defineComponent({name:"FDesignerTemplateItem",props:it,emits:["selectionChange"],setup(r,e){const n=t.ref(),s=t.computed(()=>({"farris-component":!0}));function a(f){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(y=>y.classList.remove("dgComponentFocused")),f&&(f.preventDefault(),f.stopPropagation());const u=n.value;if(u){const y=document.getElementsByClassName("dgComponentSelected");y&&y.length===1&&y[0]===n.value||(Array.from(y).forEach(h=>h.classList.remove("dgComponentSelected")),u.classList.add("dgComponentFocused"))}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:n,class:s.value,onClick:a},[e.slots.default&&e.slots.default()])}}),at=t.defineComponent({name:"FPageHeaderDesign",props:de,emits:["Click"],setup(r,e){const n=t.ref(),s=t.inject("designer-host-service"),a=t.inject("design-item-context"),f=Oe(a.schema,s),u=Ae(n,a,f),y=t.ref(a.schema.toolbar||{type:"response-toolbar",buttons:[]}),w=t.ref(Pe(y.value));t.onMounted(()=>{n.value.componentInstance=u}),t.watch(()=>a.schema.toolbar,()=>{y.value=a.schema.toolbar||{type:"response-toolbar",buttons:[]},w.value=Pe(y.value)},{deep:!0});const h=t.computed(()=>[...w.value.items]);function b(l,d,m,C){a&&a.setupContext&&a.setupContext.emit("selectionChange",l,d,m,C)}return e.expose(u.value),()=>t.createVNode("div",{ref:n},[t.createVNode("nav",{class:"f-page-header-base"},[t.createVNode("div",{class:"f-title"},[t.createVNode(Te,null,{default:()=>[t.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[t.createVNode("i",{class:r.icon},null)])]}),t.createVNode(Te,null,{default:()=>[t.createVNode("h4",{class:"f-title-text"},[r.title])]})]),t.createVNode(Ce,{class:"col-6 text-right",modelValue:y.value,"onUpdate:modelValue":l=>y.value=l,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:y.value.id,componentId:r.componentId,onSelectionChange:b},{default:()=>[t.createVNode(we,{customClass:"w-100",items:h.value,componentId:r.componentId},null)]})])])}}),ct={install(r){r.component(J.name,J)},register(r,e,n,s){r["page-header"]=J,e["page-header"]=te,s["page-header"]={eventHandlerResolver:pe}},registerDesigner(r,e,n){r["page-header"]=at,e["page-header"]=te}};A.PageHeader=J,A.default=ct,A.eventHandlerResolver=pe,A.pageHeaderDesignerProps=de,A.pageHeaderProps=G,A.propsResolver=te,Object.defineProperties(A,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});