@farris/ui-vue 1.2.7 → 1.2.9

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

@@ -1 +1 @@
-(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/response-toolbar"),require("@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/response-toolbar","@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component","@farris/ui-vue/components/common"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O["page-header"]={},O.Vue,O.LodashES,O.FResponseToolbar$1,O.useDesignerInnerComponent$1,O.common))})(this,function(O,t,q,ke,ae,xe){"use strict";var ft=Object.defineProperty;var mt=(O,t,q)=>t in O?ft(O,t,{enumerable:!0,configurable:!0,writable:!0,value:q}):O[t]=q;var I=(O,t,q)=>mt(O,typeof t!="symbol"?t+"":t,q);const Z={},ce={};function K(r){const{properties:e,title:n}=r,s=Object.keys(e).reduce((d,f)=>(d[f]=e[f].type==="object"&&e[f].properties?K(e[f]):q.cloneDeep(e[f].default),d),{});return s.id=`${n}-${Date.now()}`,s}function U(r,e={}){const n=Z[r];if(n){let s=K(n);const d=ce[r];return s=d?d({getSchemaByType:U},s,e):s,s}return null}function Ne(r,e){const n=K(e);return Object.keys(r).reduce((s,d)=>(s[d]=r[d],s),n),n}function je(r,e){return Object.keys(r).filter(s=>r[s]!=null).reduce((s,d)=>{if(e.has(d)){const f=e.get(d);if(typeof f=="string")s[f]=r[d];else{const b=f(d,r[d],r);Object.assign(s,b)}}else s[d]=r[d];return s},{})}function Ve(r,e,n=new Map){const s=Ne(r,e);return je(s,n)}function Ee(r={}){function e(y,T,p,c){if(typeof p=="number")return c[y].length===p;if(typeof p=="object"){const m=Object.keys(p)[0],a=p[m];if(m==="not")return Number(c[y].length)!==Number(a);if(m==="moreThan")return Number(c[y].length)>=Number(a);if(m==="lessThan")return Number(c[y].length)<=Number(a)}return!1}function n(y,T,p,c){return c[y]&&c[y].propertyValue&&String(c[y].propertyValue.value)===String(p)}const s=new Map([["length",e],["getProperty",n]]);Object.keys(r).reduce((y,T)=>(y.set(T,r[T]),y),s);function d(y,T){const p=y;return typeof T=="number"?[{target:p,operator:"length",param:null,value:Number(T)}]:typeof T=="boolean"?[{target:p,operator:"getProperty",param:y,value:!!T}]:typeof T=="object"?Object.keys(T).map(c=>{if(c==="length")return{target:p,operator:"length",param:null,value:T[c]};const m=c,a=T[c];return{target:p,operator:"getProperty",param:m,value:a}}):[]}function f(y){return Object.keys(y).reduce((p,c)=>{const m=d(c,y[c]);return p.push(...m),p},[])}function b(y,T){if(s.has(y.operator)){const p=s.get(y.operator);return p&&p(y.target,y.param,y.value,T)||!1}return!1}function P(y,T){return f(y).reduce((m,a)=>m&&b(a,T),!0)}function M(y,T){const p=Object.keys(y),c=p.includes("allOf"),m=p.includes("anyOf"),a=c||m,k=(a?y[a?c?"allOf":"anyOf":"allOf"]:[y]).map(S=>P(S,T));return c?!k.includes(!1):k.includes(!0)}return{parseValueSchema:M}}const N={Button:{type:"Button",name:"按钮",icon:"Button"},ButtonGroup:{type:"ButtonGroup",name:"按钮组",icon:"ButtonGroup"},"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"},DisplayField:{type:"DisplayField",name:"标签",icon:"DisplayField"},"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"},FlexLayout:{type:"FlexLayout",name:"弹性布局"},FlowLayout:{type:"FlowLayout",name:"流布局"},ResponseLayout:{type:"ResponseLayout",name:"布局容器",icon:"ResponseLayout3"},ResponseLayoutItem:{type:"ResponseLayoutItem",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},TreeGridField:{type:"TreeGridField",name:"树表格列"},FieldSet:{type:"FieldSet",name:"分组",icon:"FieldSet"},Form:{type:"Form",name:"卡片面板",icon:"Form"},QueryForm:{type:"QueryForm",name:"查询面板",icon:"Form"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},Panel:{type:"Panel",name:"面板",icon:"ContentContainer"},Module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},ExternalContainer:{type:"ExternalContainer",name:"外部容器",icon:"ContentContainer"},Image:{type:"Image",name:"图像",icon:"Image"},ImageUpload:{type:"ImageUpload",name:"图片上传",icon:"imageupload"},HiddenContainer:{type:"HiddenContainer",name:"隐藏区域",icon:"ContentContainer"},ModalContainer:{type:"ModalContainer",name:"弹窗容器",icon:"ContentContainer"},RouteContainer:{type:"RouteContainer",name:"路由区域",icon:"ContentContainer"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},Tag:{type:"Tag",name:"Tag",icon:"Tag"},Sidebar:{type:"Sidebar",name:"侧边栏",icon:"Sidebar"},HtmlTemplate:{type:"HtmlTemplate",name:"模版容器",icon:"HtmlTemplate"},ListView:{type:"ListView",name:"列表",icon:"ListView"},RichTextBox:{type:"RichTextBox",name:"富文本",icon:"RichTextBox"},TimeSpinner:{type:"TimeSpinner",name:"时间调节器",icon:"TimePicker"},TimePicker:{type:"TimePicker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},SectionToolbar:{type:"SectionToolbar",name:"分组面板工具栏"},SectionToolbarItem:{type:"SectionToolbarItem",name:"分组面板按钮"},QueryScheme:{type:"QueryScheme",name:"筛选方案",icon:"QueryScheme"},FormHeader:{type:"FormHeader",name:"翻页"},Splitter:{type:"Splitter",name:"分栏面板",icon:"Splitter"},SplitterPane:{type:"SplitterPane",name:"分栏面板项",dependentParentControl:"Splitter"},WizardDetail:{type:"WizardDetail",name:"向导详情页"},WizardDetailContainer:{type:"WizardDetailContainer",name:"向导详情容器"},Wizard:{type:"Wizard",name:"向导",icon:"Wizard"},MultiSelect:{type:"MultiSelect",name:"数据分配",icon:"MultiSelect"},Steps:{type:"Steps",name:"步骤条",icon:"Steps"},avatar:{type:"avatar",name:"头像",icon:"Avatar"},ListFilter:{type:"ListFilter",name:"筛选条",icon:"ListFilter"},ListNav:{type:"ListNav",name:"列表导航",icon:"ListNav"},NumberRange:{type:"NumberRange",name:"数字区间选择",icon:"NumericBox"},Scrollspy:{type:"Scrollspy",name:"滚动监听",icon:"Scrollspy"},LanguageTextBox:{type:"LanguageTextBox",name:"多语言输入框",icon:"LanguageTextBox"},ComponentRef:{type:"ComponentRef",name:"组件引用节点"},FileUpload:{type:"FileUpload",name:"附件上传",icon:"FileUpload"},FilePreview:{type:"FilePreview",name:"附件预览",icon:"FilePreview"},ViewChange:{type:"ViewChange",name:"多视图切换",icon:"Button"},MultiViewContainer:{type:"MultiViewContainer",name:"多视图",icon:"MultiViewContainer"},MultiViewItem:{type:"MultiViewItem",name:"多视图项",dependentParentControl:"MultiViewContainer"},Footer:{type:"Footer",name:"页脚"},DiscussionEditor:{type:"DiscussionEditor",name:"评论编辑区",icon:"DiscussionEditor"},DiscussionList:{type:"DiscussionList",name:"评论列表",icon:"DiscussionList"},NavTab:{type:"NavTab",name:"标签类导航",icon:"NavTab"},Tags:{type:"Tags",name:"标记组",icon:"Tags"},Portlet:{type:"Portlet",name:"小部件",icon:"dingzhi"},"page-header":{type:"page-header",name:"页头",icon:"Header"},ModalFooter:{type:"ModalFooter",name:"弹窗页脚",icon:"ModalFooter"},ScrollCollapsibleArea:{type:"ScrollCollapsibleArea",name:"滚动收折区域",icon:"ScrollCollapsibleArea"},PersonnelSelector:{type:"PersonnelSelector",name:"人员选择",icon:"PersonnelSelector"},Table:{type:"Table",name:"表格",icon:"DataGrid"},LoopContainer:{type:"LoopContainer",name:"循环容器",icon:"ContentContainer"},FileUploadPreview:{type:"FileUploadPreview",name:"附件上传预览",icon:"FileUpload"},DynamicArea:{type:"DynamicArea",name:"动态区域",icon:"ContentContainer"},DynamicAreaItem:{type:"DynamicAreaItem",name:"动态区域项",icon:"ContentContainer"},TabToolbar:{type:"TabToolbar",name:"标签页工具栏",icon:"TabToolbar"},HeaderToolBar:{type:"HeaderToolBar",name:"头部组件工具栏",icon:"HeaderToolBar"},ModalFooterToolBar:{type:"ModalFooterToolBar",name:"底部组件工具栏",icon:"ModalFooterToolBar"},HeaderToolBarItem:{type:"HeaderToolBarItem",name:"头部组件工具栏按钮",icon:"HeaderToolBarItem"},ModalFooterToolBarItem:{type:"ModalFooterToolBarItem",name:"底部组件工具栏按钮",icon:"ModalFooterToolBarItem"},OrganizationSelector:{type:"OrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},AdminOrganizationSelector:{type:"AdminOrganizationSelector",name:"组织选择",icon:"OrganizationSelector"},EmployeeSelector:{type:"EmployeeSelector",name:"人员选择",icon:"PersonnelSelector"},OaRelation:{type:"OaRelation",name:"关联行政审批",icon:"TextBox"},CitySelector:{type:"CitySelector",name:"城市选择",icon:"CitySelector"},ExtIntergration:{type:"ExtIntergration",name:"外部服务集成",icon:"ViewModel"},AppointmentCalendar:{type:"AppointmentCalendar",name:"预约日历",icon:"DateBox"},Charts:{type:"Charts",name:"图表",icon:"Charts"},QdpFramework:{type:"QdpFramework",name:"查询结果工具栏",icon:"QdpFramework"},SpreadSheet:{type:"SpreadSheet",name:"查询表格控件",icon:"Charts"},QdpConditionDialog:{type:"QdpConditionDialog",name:"查询筛选对话框",icon:"ContentContainer"},QdpConditionDialogTab:{type:"QdpConditionDialogTab",name:"查询筛选标签页",icon:"Tab"},ApprovalLogs:{type:"ApprovalLogs",name:"审批记录",icon:"ApprovalLogs"},ApprovalComments:{type:"ApprovalComments",name:"审批意见",icon:"shenpiyijian"}},le={},Be={};Ee();function J(r,e,n=new Map,s=(b,P,M)=>P,d={},f=b=>b){return Z[e.title]=e,ce[e.title]=s,le[e.title]=d,Be[e.title]=f,(b={})=>{const P=Ve(b,e,n),M=Object.keys(r).reduce((y,T)=>(y[T]=r[T].default,y),{});return Object.assign(M,P)}}function Ae(r,e){return{customClass:e.class,customStyle:e.style}}function Ie(r,e){return{buttons:e.buttons}}const Fe=new Map([["appearance",Ae],["toolbar",Ie]]),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 $e(r,e,n){return e.title="标题",e}const H={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}},pe=Object.assign({},H,{componentId:{type:String,default:""}}),ee=J(H,Re,Fe,$e),G=t.defineComponent({name:"FPageHeader",props:H,emits:["Click","PrePaginationClick","NextPaginationClick"],setup(r,e){const n=t.ref(r.buttons),s=(S,V)=>{e.emit("Click",S,V)};function d(S,V){S&&V&&V.split(" ").reduce((C,g)=>(C[g]=!0,C),S)}const f=t.computed(()=>{const S={"f-page-header":!0};return d(S,r.customClass),S}),b=t.computed(()=>{const S={"f-title-icon":!0};return d(S,r.iconClass),S}),P=t.computed(()=>{const S={"f-icon":!0};return d(S,r.icon),S}),M=t.computed(()=>{const S={"f-title":!0};return d(S,r.titleContentClass),S}),y=t.computed(()=>{const S={"f-content":!0};return d(S,r.contentClass),S}),T=t.computed(()=>{const S={"f-content":!0};return d(S,r.downContentClass),S}),p=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(S){r.prePaginationDisabled||e.emit("PrePaginationClick",S)}function a(S){r.nextPaginationDisabled||e.emit("NextPaginationClick",S)}function v(){return e.slots.titleContent?t.createVNode("div",{class:M.value},[t.createTextVNode(" "),e.slots.titleContent()]):t.createVNode("div",{class:"f-title"},[r.showIcon&&r.icon?t.createVNode("span",{class:b.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:p.value,onClick:m},null),t.createVNode("span",{class:c.value,onClick:a},null)]):""])}function w(){return e.slots.content?t.createVNode("div",{class:y.value},[t.createTextVNode(" "),e.slots.content()]):""}function k(){if(r.buttons&&r.buttons.length>0)return t.createVNode(ke,{customClass:r.buttonClass,items:n.value,onClick:s},null)}function A(){return e.slots.downContent?t.createVNode("div",{class:T.value},[t.createTextVNode(" "),e.slots.downContent()]):""}return t.watch(()=>r.buttons,S=>{n.value=S},{deep:!0}),()=>t.createVNode("div",{class:f.value},[t.createVNode("nav",{class:"f-page-header-base"},[v(),w(),k()]),A()])}});function Oe(r,e,n){var F;function s(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}s();const d=n&&n.getStyles&&n.getStyles()||"",f=n&&n.getDesignerClass&&n.getDesignerClass()||"",b=t.ref();function P(){return(e==null?void 0:e.schema.componentType)==="frame"?!1:n&&n.checkCanMoveComponent?n.checkCanMoveComponent():!0}function M(){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 p(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),D=p(g);return D||null}function c(C=e){const{componentInstance:g,designerItemElementRef:D}=C;return!g||!g.value?null:g.value.canMove?D:c(C.parent)}function m(C){return!!n&&n.canAccepts(C)}function a(){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 k(C){const{componentType:g}=C;let D=U(g,C);n&&n.onResolveNewComponentSchema&&(D=n.onResolveNewComponentSchema(C,D));const j=g.toLowerCase().replace("-","_");return D&&!D.id&&D.type===g&&(D.id=`${j}_${Math.random().toString().slice(2,6)}`),D}function A(C,g){const D=String(C.getAttribute("data-controltype")),j=C.getAttribute("data-feature"),u=j?JSON.parse(j):{};u.parentComponentInstance=b.value;let i=U(D,u);n&&n.onAcceptNewChildElement&&(i=n.onAcceptNewChildElement(C,g,i));const o=D.toLowerCase().replace("-","_");return i&&!i.id&&i.type===D&&(i.id=`${o}_${Math.random().toString().slice(2,6)}`),i}function S(C){}function V(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}return b.value={canMove:P(),canSelectParent:M(),canDelete:y(),canNested:!T(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(F=e==null?void 0:e.parent)==null?void 0:F.componentInstance,schema:e==null?void 0:e.schema,styles:d,designerClass:f,canAccepts:m,getBelongedComponentInstance:p,getDraggableDesignItemElement:c,getDraggingDisplayText:a,getPropConfig:V,getDragScopeElement:v,onAcceptMovedChildElement:w,onAcceptNewChildElement:A,onChildElementMovedOut:S,addNewChildComponentSchema:k,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},b}class de{static getEditorTypesByMDataType(e){const n=this.fieldControlTypeMapping[e];return n||[{key:"",value:""}]}}I(de,"fieldControlTypeMapping",{String:[{key:N["input-group"].type,value:N["input-group"].name},{key:N.lookup.type,value:N.lookup.name},{key:N.Image.type,value:N.Image.name},{key:N["date-picker"].type,value:N["date-picker"].name},{key:N["check-box"].type,value:N["check-box"].name},{key:N["radio-group"].type,value:N["radio-group"].name},{key:N["combo-list"].type,value:N["combo-list"].name},{key:N.textarea.type,value:N.textarea.name}],Text:[{key:N.textarea.type,value:N.textarea.name},{key:N.avatar.type,value:N.avatar.name},{key:N.lookup.type,value:N.lookup.name}],Decimal:[{key:N["number-spinner"].type,value:N["number-spinner"].name}],Integer:[{key:N["number-spinner"].type,value:N["number-spinner"].name}],Number:[{key:N["number-spinner"].type,value:N["number-spinner"].name}],BigNumber:[{key:N["number-spinner"].type,value:N["number-spinner"].name}],Date:[{key:N["date-picker"].type,value:N["date-picker"].name}],DateTime:[{key:N["date-picker"].type,value:N["date-picker"].name}],Boolean:[{key:N.switch.type,value:N.switch.name},{key:N["check-box"].type,value:N["check-box"].name}],Enum:[{key:N["combo-list"].type,value:N["combo-list"].name},{key:N["radio-group"].type,value:N["radio-group"].name}],Object:[{key:N.lookup.type,value:N.lookup.name},{key:N["combo-list"].type,value:N["combo-list"].name},{key:N["radio-group"].type,value:N["radio-group"].name}],EmployeeSelector:[{key:N.EmployeeSelector.type,value:N.EmployeeSelector.name}],AdminOrganizationSelector:[{key:N.AdminOrganizationSelector.type,value:N.AdminOrganizationSelector.name}]});class Q{constructor(e,n){I(this,"componentId");I(this,"viewModelId");I(this,"eventsEditorUtils");I(this,"formSchemaUtils");I(this,"formMetadataConverter");I(this,"designViewModelUtils");I(this,"designViewModelField");I(this,"controlCreatorUtils");I(this,"designerHostService");I(this,"schemaService",null);I(this,"metadataService",null);I(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(d=>d.id===n)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,n){}getBasicPropConfig(e){var s,d;var n=this;return this.setDesignViewModelField(e),{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",data:de.getEditorTypesByMDataType(((d=(s=n.designViewModelField)==null?void 0:s.type)==null?void 0:d.name)||""),editable:!1}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"}},setPropertyRelates(f,b){if(f)switch(f&&f.propertyID){case"type":{n.changeControlType(e,f);break}}}}}changeControlType(e,n){var y,T,p,c,m;const s=n.propertyValue,d=this.formSchemaUtils.getComponentById(this.componentId);let f=this.getControlParentContainer(e.id,d);if(!f)return;const b=f.contents.findIndex(a=>a.id===e.id),P=f.contents[b];let M;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:s},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),M=this.controlCreatorUtils.setFormFieldProperty("Form",this.designViewModelField,null,s)),Object.assign(M,{id:P.id,appearance:P.appearance,size:P.size,label:P.label}),Object.assign(M.editor,{isTextArea:M.isTextArea&&P.isTextArea,type:s||"",placeHolder:(y=P.editor)==null?void 0:y.placeHolder,holdPlace:(T=P.editor)==null?void 0:T.holdPlace,readonly:(p=P.editor)==null?void 0:p.readonly,require:(c=P.editor)==null?void 0:c.require,visible:(m=P.editor)==null?void 0:m.visible}),f.contents.splice(b,1,M)}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"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!1,editor:{type:"response-layout-editor-setting"},$converter:"/converter/response-form-layout.converter"}}}}getControlParentContainer(e,n){let s;if(!n||!n.contents||n.contents.length===0)return null;for(const d of n.contents){if(d.id===e)return s=n,n;if(s=this.getControlParentContainer(e,d),s)return s}}}class Le 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:N["page-header"].name}]}},icon:{title:"图标",type:"string",description:"图标"},title:{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:"click",name:"点击事件"}],s=this,d=s.eventsEditorUtils.formProperties(e,s.viewModelId,n);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:{"data-grid-component-viewmodel":{type:"events-editor",editor:{initialData:d}}},refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(f,b){const P=f.propertyValue;delete e[s.viewModelId],P&&(P.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,P.events,P))}}}}function _e(r,e){function n(f){return!1}function s(){return!0}function d(f){return new Le(f,e).getPropertyConfig(r)}return{canAccepts:n,hideNestedPaddingInDesginerView:s,getPropsConfig:d}}class ue{constructor(e){I(this,"id","");I(this,"class","btn-secondary");I(this,"icon","");I(this,"groupId","");I(this,"order",-1);I(this,"asDropDownTop",!1);I(this,"text","");I(this,"visible",!0);I(this,"responsed",!1);I(this,"tipsEnable",!1);I(this,"tipsText","");I(this,"width",0);I(this,"onClick",()=>{});I(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("enable")>-1?this.options.enable:t.computed(()=>!0)}setWidth(e){this.width=parseInt(e,10)}getWidth(){return this.visible?this.width:!1}}class Ue extends ue{constructor(e){super(e)}}function fe(){function r(e){const n=[];return e.reduce((s,d)=>(d.children&&d.children.length>0?s.push(new z(d)):s.push(new Ue(d)),s),n),n}return{buildResponseToolbarItems:r}}const{buildResponseToolbarItems:We}=fe();class z extends ue{constructor(n){super(n);I(this,"placement","");I(this,"dropdownClass","");I(this,"menuClass","");I(this,"split",!1);I(this,"children",[]);I(this,"expanded",!1);const s=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(n).filter(d=>s.indexOf(d)>-1).forEach(d=>{this[d]=n[d]}),n.children&&n.children.length&&(this.children=We(n.children))}}const me=new Map([["buttons","items"]]);function ge(r,e,n){return e}const qe={$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"]},te={$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"},style:{type:"string"}},default:{}},text:{description:"The items of Response Toolbar.",type:"string",default:"新增"},icon:{description:"The icon of response toolbar item.",type:"string",default:""},click:{description:"The event of response toolbar item.",type:"string",default:""}},required:["id","type","text"]},ye={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:""}}}}},ne={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};Z[te.title]=te,le[ye.title]=ye;const ze=Object.assign({},ne,{componentId:{type:String,default:""}}),oe=J(ne,qe,me,ge),he={id:{type:String,default:""},items:{type:Object,default:{}},text:{type:String,default:""},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},componentId:{type:String,default:""}},He=J(he,te,me,ge);function be(){function r(n){const s={"f-icon":!0};if(n.icon){const d=n.icon.trim().split(" ");d&&d.length&&d.reduce((f,b)=>(f[b]=!0,f),s)}return s}function e(n){return!!(n.icon&&n.icon.trim())}return{iconClass:r,shouldShowIcon:e}}function Ge(r){function e(p){const c={"dropdown-menu":!0};if(p.class){const m=p.menuClass.split(" ");m&&m.length&&m.reduce((a,v)=>(a[v]=!0,a),c)}return c}function n(p){const c={disabled:!p.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},m=p.dropdownClass.split(" ");return m&&m.length&&m.reduce((a,v)=>(a[v]=!0,a),c),c}function s(p){const c={disabled:!p.enable,"dropdown-item":!0,"f-rt-btn":!0},m=p.class.split(" ");return m&&m.length&&m.reduce((a,v)=>(a[v]=!0,a),c),c}let d;const f=new Map;function b(p,c,m){var v;((v=p.target)==null?void 0:v.id)===c.id&&p.stopPropagation();const a=m?m.id:"__top_item__";if(c.children&&c.children.length&&(c.expanded=!c.expanded,c.expanded?f.set(a,c):f.delete(a)),f.has(a)&&f.get(a)!==c){const w=f.get(a);w&&(w.expanded=!1)}}function P(p,c){document.body.click(),c.enable&&c.onClick(p,c.id)}function M(p){return p.children.map(c=>c.children&&c.children.length?t.createVNode("li",{class:n(c),id:c.id,onClick:m=>c.enable&&b(m,c,p)},[t.createVNode("span",{id:c.id,class:s(c),onMouseover:m=>c.enable&&b(m,c,p)},[c.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),d(c,c)]):t.createVNode("li",{class:s(c),id:c.id,onClick:m=>P(m,c),onMouseover:m=>c.enable&&b(m,c,p)},[r.shouldShowIcon(c)&&t.createVNode("i",{class:r.iconClass(c)},null),c.text]))}function y(p,c,m){const a={display:p.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},v=document.getElementsByTagName("body")[0].getClientRects()[0].width,w=c,k=w==null?void 0:w.getClientRects();if(w&&k&&k.length){const{top:A,width:S,left:V,right:F,height:C}=k[0],g=Math.ceil(C+A);a.top=`${g}px`,a.left=`${V}px`;const D=p.id+"_menu",j=c?c.querySelector("#"+D):null;if(j){a.display==="block"&&(j.style.display="block");const u=j.getBoundingClientRect();if(m){a.top=`${A-6}px`;const i=Math.ceil(S+V);a.left=`${i}px`}v-V-S<u.width&&(a.left=`${(m?V:F)-u.width}px`)}}return a}d=function(p,c){var w,k;const m=t.getCurrentInstance(),a=c?c.id:p.id,v=(k=(w=m==null?void 0:m.exposed)==null?void 0:w.elementRef.value)==null?void 0:k.querySelector("#"+a);return t.createVNode("ul",{class:e(p),style:y(p,v,c),id:p.id+"_menu"},[M(p)])};function T(){f.forEach(p=>{p.expanded=!1}),f.clear()}return{renderDropdownMenu:d,clearAllDropDownMenu:T}}function Qe(r,e){const n=t.ref(r.alignment),{renderDropdownMenu:s,clearAllDropDownMenu:d}=Ge(e);function f(T){const p={"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,a)=>(m[a]=!0,m),p),p}function b(T){const p={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,a)=>(m[a]=!0,m),p)}return p}function P(T,p){T.stopPropagation();const c=p.expanded;document.body.click(),p.expanded=!c}function M(T){return t.createVNode("div",{id:T.id,class:f(T)},[t.createVNode("div",{class:b(T),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:p=>T.enable&&P(p,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)]),s(T)])}function y(){d()}return{renderToolbarDropdown:M,clearAllDropDown:y}}const{buildResponseToolbarItems:Ce}=fe(),X=t.defineComponent({name:"FResponseToolbar",props:ne,emits:["click"],setup(r,e){const n=t.ref(Ce(r.items)),s=t.ref(),d=t.ref(),f=t.ref(),b=t.ref(r.alignment),P={id:"__more_buttons__",text:"更多"},M=t.ref(new z(P)),y=be(),T=t.computed(()=>M.value.children.length>0),p=t.computed(()=>{const g={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};if(r.customClass){const D=r.customClass.split(" ");D&&D.length&&D.reduce((j,u)=>(j[u]=!0,j),g)}return g}),c=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":b.value==="right","justify-content-start":b.value==="left"})),{renderToolbarDropdown:m,clearAllDropDown:a}=Qe(r,y);function v(){n.value.filter(g=>g.children&&g.children.length>0).forEach(g=>{g.expanded=!1}),M.value.expanded=!1,a()}function w(g){const D={btn:!0,"f-rt-btn":!0,"f-btn-ml":b.value==="right","f-btn-mr":b.value==="left","btn-icontext":!!(g.icon&&g.icon.trim())};if(g.class){const j=g.class.split(" ");j&&j.length&&j.reduce((u,i)=>(u[i]=!0,u),D)}return D}function k(g,D){document.body.click(),D.onClick(g,D.id),e.emit("click",g,D.id)}function A(g){return t.createVNode("button",{type:"button",class:w(g),id:g.id,disabled:!g.enable,onClick:D=>k(D,g)},[y.shouldShowIcon(g)&&t.createVNode("i",{class:y.iconClass(g)},null),g.text])}const S=new Map,V=[];function F(g){const D=f.value;let j=g;const u=Array.from(D.children),i=u[u.length-1].id==="__more_buttons__"?u[u.length-1]:null;if(i){const x=i.computedStyleMap().get("margin-left"),B=i.computedStyleMap().get("margin-right"),L=(x?x.value:0)+i.getBoundingClientRect().width+(B?B.value:0);j-=L}const o=u.filter(x=>x.id!=="__more_buttons__");for(const x of o){const B=x.computedStyleMap().get("margin-left"),L=x.computedStyleMap().get("margin-right"),R=(B?B.value:0)+x.getBoundingClientRect().width+(L?L.value:0);j<R?(S.set(x.id,!0),V.push({id:x.id,width:R})):j-=R}if(V.length)for(let x=V.length-1;x>=0;x--){const B=V[x].width;if(j>=B)j-=B,S.delete(V[x].id),V.pop();else break}const l=Object.assign({},M.value);l.children=[];const h=new z(l),E=n.value.reduce((x,B)=>(S.has(B.id)&&h.children.push(B),B.visible=!S.has(B.id),x.push(B),x),[]);M.value=h,n.value=E}const C=new ResizeObserver(g=>{if(g.length){const j=g[0].contentRect.width,i=f.value.getBoundingClientRect().width;(j<i||V.length)&&(F(j),v())}});return t.onMounted(()=>{const g=d.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=Ce(r.items)},{deep:!0}),e.expose({elementRef:s}),()=>t.createVNode("div",{class:p.value,ref:s},[t.createVNode("div",{ref:d,class:c.value},[t.createVNode("div",{ref:f,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(M.value)])])])}});function Xe(r,e){const n=t.inject("design-item-context"),s=t.inject("toolbar-item-handler",()=>{});function d(){s&&s()}function f(i){const o={"dropdown-menu":!0};if(i.class){const l=i.menuClass.split(" ");l&&l.length&&l.reduce((h,E)=>(h[E]=!0,h),o)}return o}function b(i){const o={disabled:!i.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},l=i.dropdownClass.split(" ");return l&&l.length&&l.reduce((h,E)=>(h[E]=!0,h),o),o}function P(i){const o={disabled:!i.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},l=i.class.split(" ");return l&&l.length&&l.reduce((h,E)=>(h[E]=!0,h),o),o}let M;const y=new Map;function T(i,o,l){var E;((E=i.target)==null?void 0:E.id)===o.id&&i.stopPropagation();const h=l?l.id:"__top_item__";if(o.children&&o.children.length&&(o.expanded=!o.expanded,o.expanded?y.set(h,o):y.delete(h)),y.has(h)&&y.get(h)!==o){const x=y.get(h);x&&(x.expanded=!1)}}function p(i){i&&(i.stopPropagation(),i.preventDefault())}function c(){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 a(i){const{buttons:o=[]}=n.schema;let l=[];o.forEach(x=>{l=l.concat(x.children||[])});const h=l.findIndex(x=>x.id===i),E=h===-1?null:l[h];return{index:h,item:E}}function v(i){const{buttons:o=[]}=n.schema,l=o.findIndex(E=>E.id===i),h=l===-1?null:o[l];return{index:l,item:h}}function w(i){var h;n.schema;const{index:o,item:l}=a(i);(h=n==null?void 0:n.setupContext)==null||h.emit("selectionChange",l==null?void 0:l.type,l)}const k=function(i){const{componentType:o}=i,l=U(o,i),h=o.toLowerCase().replace("-","_");return l&&!l.id&&l.type===o&&(l.id=`${h}_${Math.random().toString().slice(2,6)}`),l},A=function(){const i={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return k(i)};function S(i,o){p(i),c(),m(i),w(o.id)}function V(i,o,l){p(i);const h=o.id,E=l&&l.id,{buttons:x=[]}=n.schema;if(!E)return;const{index:B}=v(E);if(B===-1)return;const{index:L}=a(h);L!==-1&&(x[B].children.splice(L,1),d())}function F(i,o,l){p(i);const h=l&&l.id,{buttons:E=[]}=n.schema;if(!h)return;const{index:x}=v(h);if(x===-1)return;const B=A(),L=Object.assign({},B,{text:o.text});E[x].children.push(L),d()}function C(i,o,l){p(i);const h=l&&l.id,{buttons:E=[]}=n.schema;if(!h)return;const{index:x}=v(h);if(x===-1)return;const B=A(),L=Object.assign({},B,{text:"按钮"});E[x].children.push(L),d()}function g(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:l=>V(l,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:l=>F(l,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:l=>C(l,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 D(i){return i.children.map(o=>o.children&&o.children.length?t.createVNode("li",{class:b(o),id:o.id,onClick:l=>o.enable&&T(l,o,i)},[t.createVNode("span",{id:o.id,class:P(o),onMouseover:l=>o.enable&&T(l,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)]),M(o,o)]):t.createVNode("li",{class:P(o),id:o.id,onClick:l=>S(l,o)},[g(o,i),r.shouldShowIcon(o)&&t.createVNode("i",{class:r.iconClass(o)},null),o.text]))}function j(i,o,l){const h={display:i.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},E=document.getElementsByTagName("body")[0].getClientRects()[0].width,x=o,B=x==null?void 0:x.getClientRects();if(x&&B&&B.length){const{top:L,width:R,left:$,right:_,height:W}=B[0],ie=Math.ceil(W+L);h.top=`${ie}px`,h.left=`${$}px`;const dt=i.id+"_menu",se=o?o.querySelector("#"+dt):null;if(se){h.display==="block"&&(se.style.display="block");const Me=se.getBoundingClientRect();if(l){h.top=`${L-6}px`;const ut=Math.ceil(R+$);h.left=`${ut}px`}E-$-R<Me.width&&(h.left=`${(l?$:_)-Me.width}px`)}}return h}M=function(i,o){var x,B;const l=t.getCurrentInstance(),h=o?o.id:i.id,E=(B=(x=l==null?void 0:l.exposed)==null?void 0:x.elementRef.value)==null?void 0:B.querySelector("#"+h);return t.createVNode("ul",{class:f(i),style:j(i,E,o),id:i.id+"_menu"},[D(i)])};function u(){y.forEach(i=>{i.expanded=!1}),y.clear()}return{renderDropdownMenu:M,clearAllDropDownMenu:u}}function Ye(r,e,n){const s=t.ref(r.alignment),{renderDropdownMenu:d,clearAllDropDownMenu:f}=Xe(e,n),b=t.inject("design-item-context"),P=t.inject("toolbar-item-handler",()=>{});function M(){P&&P()}function y(u){const i={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":s.value==="right","f-btn-mr":s.value==="left"},o=u.dropdownClass.split(" ");return o&&o.length&&o.reduce((l,h)=>(l[h]=!0,l),i),i}function T(u){const i={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((l,h)=>(l[h]=!0,l),i)}return i}function p(u){u&&(u.stopPropagation(),u.preventDefault())}function c(u,i){p(u);const o=i.expanded;document.body.click(),i.expanded=!o}const m=function(u){const{componentType:i}=u,o=U(i,u),l=i.toLowerCase().replace("-","_");return o&&!o.id&&o.type===i&&(o.id=`${l}_${Math.random().toString().slice(2,6)}`),o},a=function(){const u={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return m(u)};function v(u){const i=b.schema.buttons||b.schema.contents,o=i==null?void 0:i.findIndex(h=>h.id===u),l=o===-1?null:i[o];return{index:o,toolbarItem:l}}function w(u,i){var B;const{index:o,toolbarItem:l}=v(i);if(o===-1)return;const h=l.text||"按钮",E=a(),x=Object.assign({},E,{text:h});(B=b.schema.buttons)==null||B.push(x),M()}function k(u,i){const{index:o,toolbarItem:l}=v(i);if(o===-1)return;const h=l.text||"按钮",E=a(),x=Object.assign({},E,{text:h}),B=b.schema.buttons[o].children||[];B.push(x),b.schema.buttons[o].children=B,M()}function A(u,i){const o=b.schema.buttons||b.schema.contents,l=o==null?void 0:o.findIndex(h=>h.id===i);l!==-1&&(o.splice(l,1),M())}function S(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:i=>A(i,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:i=>w(i,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:i=>k(i,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 V(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(i=>i.classList.remove("dgComponentFocused"));const u=document.getElementsByClassName("dgComponentSelected");Array.from(u).forEach(i=>i.classList.remove("dgComponentSelected"))}function F(u){u.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function C(u){var h;const i=b.schema.buttons||b.schema.contents,o=i==null?void 0:i.findIndex(E=>E.id===u);if(o===-1)return;const l=i[o];(h=b==null?void 0:b.setupContext)==null||h.emit("selectionChange","response-toolbar-item",l)}function g(u,i){p(u),V(),F(u),p(u),c(u,i),C(i.id)}function D(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:i=>u.enable&&g(i,u)},[S(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)]),d(u)])}function j(){f()}return{renderToolbarDropdown:D,clearAllDropDown:j}}function Ze(){function r(e){var d,f;if(!e)return!1;const n=((d=e.targetContainer)==null?void 0:d.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const s=(f=n.schema.appearance)==null?void 0:f.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const b=n.schema.type,P=(b==="response-form"||b==="content-container")&&s&&s.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!P)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:r}}const Ke={$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"}}}},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"}},required:[]},re=new Map;function ve(){function r(a,v,w,k){var A;if(typeof w=="number")return((A=k[a])==null?void 0:A.length)===w;if(typeof w=="object"){const S=Object.keys(w)[0],V=w[S];if(S==="not")return Number(k[a].length)!==Number(V);if(S==="moreThan")return Number(k[a].length)>=Number(V);if(S==="lessThan")return Number(k[a].length)<=Number(V)}return!1}function e(a,v,w,k){return typeof w=="boolean"?k.childrenClassList.includes(v)===!!w:!1}function n(a,v,w,k){return typeof w=="boolean"?k.parentClassList.includes(v)===!!w:!1}function s(a,v,w,k){return typeof w=="boolean"?k.parentClassList.includes(v)===!!w:!1}const d=new Map([["length",r],["hasChildren",e],["hasSibling",s],["hasParent",n]]);function f(a,v){const w=a;return typeof v=="number"?[{target:w,operator:"length",param:null,value:Number(v)}]:typeof v=="object"?Object.keys(v).map(k=>{if(k==="length")return{target:w,operator:"length",param:null,value:v[k]};const A=k,S=v[k];return{target:w,operator:a==="children"?"hasChildren":a==="parent"?"hasParent":"hasSibling",param:A,value:S}}):[]}function b(a,v){if(d.has(a.operator)){const w=d.get(a.operator);return w&&w(a.target,a.param,a.value,v)||!1}return!1}function P(a,v){return Object.keys(a).reduce((S,V)=>{const F=f(V,a[V]);return S.push(...F),S},[]).reduce((S,V)=>S&&b(V,v),!0)}function M(a,v){const w=Object.keys(a),k=w.includes("allOf"),A=w.includes("anyOf"),S=k||A,C=(S?a[S?k?"allOf":"anyOf":"allOf"]:[a]).map(D=>P(D,v));return k?!C.includes(!1):C.includes(!0)}function y(a,v){const w=a.const;return w?typeof w=="boolean"?w:typeof w=="object"?M(w,v):!1:!1}function T(a){return v=>{const w={canAccept:!0,fixed:!1,hidePadding:!1};return a&&a.properties&&Object.keys(a.properties).reduce((k,A)=>{const S=a.properties[A];return k[A]=y(S,v),k},w),w}}function p(a,v,w){if(v.type==="object"&&v.properties){const{rules:k,contents:A}=v.properties;w.set(a,T(k)),A&&Object.keys(A.properties).forEach(S=>p(S,A.properties[S],w))}}function c(){const{properties:a}=Ke;Object.keys(a).forEach(v=>{p(v,a[v],re)})}function m(a,v){const w={canAccept:!0,fixed:!1,hidePadding:!0};return re.has(a)?re.get(a)(v):w}return c(),{getRuleValue:m}}class Je 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:N["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 et(r,e,n,s){const d=ve(),f=t.ref(!1),b=t.ref(!1);let P=!0,M=!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 p(C){return!Ze().basalDragulaRuleForContainer(C)||!P||!T(C),!1}function c(){f.value=!1,b.value=!1;const C=r,g=C.appearance&&C.appearance.class||"",D=g.split(" "),j=C.buttons||[],u=j.length?j[0]:null,i=u&&u.appearance?u.appearance.class:"",o=i?i.split(" "):[],l=j.length?j.reduce(($,_)=>{const W=_&&_.appearance?_.appearance.class:"",ie=W?W.split(" "):[];return $.push(...ie),$},[]):[],h=n==null?void 0:n.schema,E=h&&h.appearance&&h.appearance.class||"",x=E?E.split(" "):[];y={componentClass:g,componentClassList:D,childContents:j,firstChildContent:u,firstChildClass:i,firstChildClassList:o,parent:h,parentClass:E,parentClassList:x,children:j,childrenClassList:l};const{canAccept:B,fixed:L,hidePadding:R}=d.getRuleValue(D[0],y);return P=B,M=R,!0}function m(C){}function a(){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,D){const j=r;if((j.appearance&&j.appearance.class||"").split(" ").includes("f-form-layout")){const o=String(C.innerText),l=U("form-group");return l.editor=D,l.label=o,l}return D}function k(){return!1}function A(){return!1}function S(){return!0}function V(){return M}function F(C){return new Je(C,e).getPropertyConfig(r)}return{canAccepts:p,checkCanAddComponent:S,checkCanDeleteComponent:A,checkCanMoveComponent:k,getStyles:a,hideNestedPaddingInDesginerView:V,onAcceptNewChildElement:w,onAcceptMovedChildElement:m,onResolveNewComponentSchema:v,resolveComponentContext:c,getPropsConfig:F,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:b}}const tt={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 nt(r,e){const n=e.getBoundingClientRect(),s=r.getBoundingClientRect(),d=s.top>=n.top,f=s.top<=n.bottom;return d&&f}function ot(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(!nt(e,r)){s.style.display="none";return}s.style.display="";const f=s.getBoundingClientRect(),b=s.querySelector("div");if(b){const P=b.getBoundingClientRect();b.style.top=f.top+"px",b.style.left=f.left-P.width+"px"}}}function rt(r,e,n){var F;function s(){}const d="",f=t.ref();function b(){return!0}function P(){return!1}function M(){return!0}function y(){return!0}function T(){return!0}function p(C){if(!C||!C.value)return null;const g=t.ref(C==null?void 0:C.value.parent),D=p(g);return D||null}function c(C=e){const{componentInstance:g,designerItemElementRef:D}=C;return!g||!g.value?null:g.value.canMove||g.value.canAdd||g.value.canDelete?D:c(C.parent)}function m(C){return!!n}function a(){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 k(C){const{componentType:g}=C;let D=U(g,C);const j=g.toLowerCase().replace("-","_");return D&&!D.id&&D.type===g&&(D.id=`${j}_${Math.random().toString().slice(2,6)}`),D}function A(C,g){const D=String(C.getAttribute("data-controltype")),j=C.getAttribute("data-feature"),u=j?JSON.parse(j):{};u.parentComponentInstance=f.value;let i=U(D,u);const o=D.toLowerCase().replace("-","_");return i&&!i.id&&i.type===D&&(i.id=`${o}_${Math.random().toString().slice(2,6)}`),i}function S(C){}function V(...C){return[]}return f.value={canMove:b(),canSelectParent:P(),canAdd:y(),canDelete:M(),canNested:!T(),contents:[],elementRef:r,parent:(F=e.parent)==null?void 0:F.componentInstance,schema:e.schema,styles:d,canAccepts:m,getBelongedComponentInstance:p,getDraggableDesignItemElement:c,getDraggingDisplayText:a,getPropConfig:V,getDragScopeElement:v,onAcceptMovedChildElement:w,onAcceptNewChildElement:A,onChildElementMovedOut:S,addNewChildComponentSchema:k,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},f}const we=t.defineComponent({name:"FDesignerInnerItem",props:tt,emits:["selectionChange","addComponent","removeComponent"],setup(r,e){const n=t.ref(r.canMove),s=t.ref(r.canAdd),d=t.ref(r.canDelete),f=t.ref(!1),b=t.ref(r.contentKey),P=t.ref(r.childType),M=t.ref(r.childLabel),y=t.ref(r.modelValue),T=t.ref(""),p=t.ref(),c=t.inject("canvas-dragula"),m=t.ref(),a=t.inject("design-item-context"),v={designerItemElementRef:p,componentInstance:m,schema:y.value,parent:a,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||d.value,"farris-nested":f.value,"can-move":n.value,"d-none":p.value&&p.value.classList.contains("d-none")})),k=t.computed(()=>{const o={};return T.value&&T.value.split(";").reduce((l,h)=>{const[E,x]=h.split(":");return E&&(l[E]=x),l},o),o});function A(o,l){if(a&&a.schema[b.value]){const h=a.schema[b.value].findIndex(E=>E.id===l.id);if(h>-1){const E=a.schema[b.value].length,x=a.schema[b.value][h%E];a.designerItemElementRef.value.querySelector(`#${x.id}-design-item`),a.schema[b.value].splice(h,1),a.componentInstance.value.updateDragAndDropRules(),Y.value++,e.emit("removeComponent")}}}function S(o){if(m.value.addNewChildComponentSchema){const l={componentType:P.value,label:M.value,parentComponentInstance:m.value,targetPosition:-1},h=m.value.addNewChildComponentSchema(l);y.value[b.value].push(h),e.emit("addComponent")}}function V(){return s.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:o=>{S()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function F(o){return d.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(l=>A(l,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,[V(),C(),F(o)])])}t.watch(()=>r.modelValue,o=>{y.value=o,v.schema=o});function D(o){const l=o.target;ot(l)}function j(){var o,l;(l=(o=y.value)==null?void 0:o.contents)!=null&&l.length&&p.value&&p.value.addEventListener("scroll",D)}function u(){const o=p.value,l=t.ref(o.children[1]);return rt(l,v).value}t.onMounted(()=>{if(p.value){const o=p.value.querySelector(`[data-dragref='${y.value.id}-container']`);m.value=o&&o.componentInstance?o.componentInstance.value:u(),c&&o&&c.attachComponents(o,y.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,d.value=m.value.canDelete!==void 0?m.value.canDelete:d.value,n.value=m.value.canMove!==void 0?m.value.canMove:n.value,T.value=m.value.styles||"",p.value&&(p.value.componentInstance=m,p.value.designItemContext=v)}j(),Y.value++}),t.onBeforeUnmount(()=>{p.value&&p.value.removeEventListener("scroll",D)});function i(o){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(h=>h.classList.remove("dgComponentFocused")),o&&(o.preventDefault(),o.stopPropagation());const l=p.value;if(l){const h=document.getElementsByClassName("dgComponentSelected");if(!(h&&h.length===1&&h[0]===p.value)){Array.from(h).forEach(B=>B.classList.remove("dgComponentSelected")),l.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:p,class:w.value,style:k.value,onClick:i},[g(y.value),e.slots.default&&e.slots.default()])}});class it 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:"click",name:"点击事件"}];var s=this;const d=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),f={};f[s.viewModelId]={type:"events-editor",editor:{initialData:d}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,P){const M=b.propertyValue;delete e[s.viewModelId],M&&(M.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,M.events,M))}}}}class st 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:N["response-toolbar-item"].name}]}},text:{title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},icon:{title:"图标",type:"string",description:""}}}}getAppearanceProperties(e){}getEventPropConfig(e){const n=[{label:"click",name:"点击事件"}],s=this,d=s.eventsEditorUtils.formProperties(e,s.viewModelId,n),f={};f[s.viewModelId]={type:"events-editor",editor:{initialData:d}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,P){const M=b.propertyValue;delete e[s.viewModelId],M&&(M.setPropertyRelates=this.setPropertyRelates,s.eventsEditorUtils.saveRelatedParameters(e,s.viewModelId,M.events,M))}}}}function at(r,e){ve();const n=t.ref(!1),s=t.ref(!1);let d=!1,f=!1;function b(w){return!1}function P(w){}function M(){return""}function y(w,k){return k.text=w.label,k}function T(w,k,A){const S=r.schema;if((S.appearance&&S.appearance.class||"").split(" ").includes("f-form-layout")){const C=String(w.innerText),g=U("form-group");return g.editor=A,g.label=C,g}return A}function p(){return!1}function c(){return!f}function m(){return!1}function a(){return d}function v(w){let k;switch(r.schema.type){case"tab-toolbar-item":k=new it(w,e);break;default:k=new st(w,e)}return k.getPropertyConfig(r.schema)}return{canAccepts:b,checkCanAddComponent:m,checkCanDeleteComponent:c,checkCanMoveComponent:p,getStyles:M,hideNestedPaddingInDesginerView:a,onAcceptNewChildElement:T,onAcceptMovedChildElement:P,onResolveNewComponentSchema:y,getPropsConfig:v,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:s}}const Te=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"},d=t.ref(new z(s));t.computed(()=>d.value.children.length>0);const f=t.ref(),b=t.inject("designer-host-service"),P=t.inject("design-item-context"),M=at(P,b),y=ae.useDesignerInnerComponent(f,P,M);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{f.value.componentInstance=y}),e.expose(y.value);function T(){const m={"f-icon":!0};if(r.icon){const a=r.icon.trim().split(" ");a&&a.length&&a.reduce((v,w)=>(v[w]=!0,v),m)}return m}function p(){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())};if(r.class){const a=r.class.split(" ");a&&a.length&&a.reduce((v,w)=>(v[w]=!0,v),m)}return m}return t.onMounted(()=>{}),t.onUnmounted(()=>{}),()=>t.createVNode("div",{ref:f,"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},[p()&&t.createVNode("i",{class:T()},null),r.text])])}}),Se=t.defineComponent({name:"FResponseToolbarDesign",props:ze,emits:["Click"],setup(r,e){const n=t.ref(r.items);let s=new Array(n.value.length).fill(t.ref());const d=t.ref(),f=t.ref(),b=t.ref(r.alignment),P={id:"__more_buttons__",text:"More"},M=t.ref(new z(P)),y=be();t.computed(()=>M.value.children.length>0);const T=t.ref(),p=t.inject("designer-host-service"),c=t.inject("design-item-context"),m=et(c.schema,p,c),a=ae.useDesignerInnerComponent(T,c,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{T.value.componentInstance=a}),e.expose(a.value);const v=t.computed(()=>({"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0})),w=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":b.value==="right","justify-content-start":b.value==="left"})),{renderToolbarDropdown:k,clearAllDropDown:A}=Ye(r,y,a);function S(){n.value.filter(u=>u.children&&u.children.length>0).forEach(u=>{u.expanded=!1}),M.value.expanded=!1,A()}const V=new Map,F=[];function C(u){const i=f.value;let o=u;const l=Array.from(i.children),h=l[l.length-1].id==="__more_buttons__"?l[l.length-1]:null;if(h){const R=h.computedStyleMap().get("margin-left"),$=h.computedStyleMap().get("margin-right"),_=(R?R.value:0)+h.getBoundingClientRect().width+($?$.value:0);o-=_}const E=l.filter(R=>R.id!=="__more_buttons__");for(const R of E){const $=R.computedStyleMap().get("margin-left"),_=R.computedStyleMap().get("margin-right"),W=($?$.value:0)+R.getBoundingClientRect().width+(_?_.value:0);o<W?(V.set(R.id,!0),F.push({id:R.id,width:W})):o-=W}if(F.length)for(let R=F.length-1;R>=0;R--){const $=F[R].width;if(o>=$)o-=$,V.delete(F[R].id),F.pop();else break}const x=Object.assign({},M.value);x.children=[];const B=new z(x),L=n.value.reduce((R,$)=>(V.has($.id)&&B.children.push($),$.visible=!V.has($.id),R.push($),R),[]);M.value=B,n.value=L}const g=new ResizeObserver(u=>{if(u.length){const o=u[0].contentRect.width,h=f.value.getBoundingClientRect().width;(o<h||F.length)&&C(o)}});t.onMounted(()=>{const u=d.value;g.observe(u),document.body.addEventListener("click",S)}),t.onUnmounted(()=>{g.disconnect(),document.body.removeEventListener("click",S)}),t.watch(()=>r.items,()=>{n.value=r.items},{deep:!0}),t.watch(n,u=>{s=new Array(n.value.length).fill(t.ref())});function D(u,i,o,l){c&&c.setupContext&&c.setupContext.emit("selectionChange",u,i,o,l)}function j(){const u=f.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:d,class:w.value},[t.createVNode("div",{ref:f,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.map((u,i)=>t.createVNode(we,{ref:s[i],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:D,onRemoveComponent:j},{default:()=>[t.createVNode(Te,{id:u.id,disable:u.disable,text:u.text,icon:u.icon,componentId:r.componentId},null)]}))])])])}}),Pe=oe;X.register=(r,e,n)=>{r["response-toolbar"]=X,e["response-toolbar"]=oe},X.registerDesigner=(r,e,n)=>{r["response-toolbar"]=Se,e["response-toolbar"]=oe,r["response-toolbar-item"]=Te,e["response-toolbar-item"]=He},xe.withInstall(X);const ct={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}},De=t.defineComponent({name:"FDesignerTemplateItem",props:ct,emits:["selectionChange"],setup(r,e){const n=t.ref(),s=t.computed(()=>({"farris-component":!0}));function d(f){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(P=>P.classList.remove("dgComponentFocused")),f&&(f.preventDefault(),f.stopPropagation());const b=n.value;if(b){const P=document.getElementsByClassName("dgComponentSelected");P&&P.length===1&&P[0]===n.value||(Array.from(P).forEach(y=>y.classList.remove("dgComponentSelected")),b.classList.add("dgComponentFocused"))}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:n,class:s.value,onClick:d},[e.slots.default&&e.slots.default()])}}),lt=t.defineComponent({name:"FPageHeaderDesign",props:pe,emits:["Click"],setup(r,e){const n=t.ref(),s=t.inject("designer-host-service"),d=t.inject("design-item-context"),f=_e(d.schema,s),b=Oe(n,d,f),P=t.ref(d.schema.toolbar||{type:"response-toolbar",buttons:[]}),M=t.ref(Pe(P.value));t.onMounted(()=>{n.value.componentInstance=b}),t.watch(()=>d.schema.toolbar,()=>{P.value=d.schema.toolbar||{type:"response-toolbar",buttons:[]},M.value=Pe(P.value)},{deep:!0});const y=t.computed(()=>[...M.value.items]);function T(p,c,m,a){d&&d.setupContext&&d.setupContext.emit("selectionChange",p,c,m,a)}return e.expose(b.value),()=>t.createVNode("div",{ref:n},[t.createVNode("nav",{class:"f-page-header-base"},[t.createVNode("div",{class:"f-title"},[t.createVNode(De,null,{default:()=>[t.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[t.createVNode("i",{class:r.icon},null)])]}),t.createVNode(De,null,{default:()=>[t.createVNode("h4",{class:"f-title-text"},[r.title])]})]),t.createVNode(we,{class:"col-5",modelValue:P.value,"onUpdate:modelValue":p=>P.value=p,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:P.value.id,componentId:r.componentId,onSelectionChange:T},{default:()=>[t.createVNode(Se,{items:y.value,componentId:r.componentId},null)]})])])}}),pt={install(r){r.component(G.name,G)},register(r,e,n,s){r["page-header"]=G,e["page-header"]=ee},registerDesigner(r,e,n){r["page-header"]=lt,e["page-header"]=ee}};O.PageHeader=G,O.default=pt,O.pageHeaderDesignerProps=pe,O.pageHeaderProps=H,O.propsResolver=ee,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(O,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):(O=typeof globalThis<"u"?globalThis:O||self,t(O["page-header"]={},O.Vue,O.LodashES,O.FResponseToolbar$1,O.common,O.designerCanvas))})(this,function(O,t,U,Ne,H,ae){"use strict";var mt=Object.defineProperty;var gt=(O,t,U)=>t in O?mt(O,t,{enumerable:!0,configurable:!0,writable:!0,value:U}):O[t]=U;var B=(O,t,U)=>gt(O,typeof t!="symbol"?t+"":t,U);const Z={},le={};function K(r){const{properties:e,title:n,ignore:i}=r,u=i&&Array.isArray(i),b=Object.keys(e).reduce((g,D)=>((!u||!i.find(j=>j==D))&&(g[D]=e[D].type==="object"&&e[D].properties?K(e[D]):U.cloneDeep(e[D].default)),g),{});return(!u||!i.find(g=>g=="id"))&&(b.id=`${n}-${Date.now()}`),b}function L(r,e={},n){const i=Z[r];if(i){let u=K(i);const b=le[r];return u=b?b({getSchemaByType:L},u,e,n):u,u}return null}function Me(r,e){const n=K(e);return Object.keys(r).reduce((i,u)=>(i[u]&&typeof i[u]=="object"?Object.assign(i[u],r[u]):i[u]=r[u],i),n),n}function xe(r,e){return Object.keys(r).filter(i=>r[i]!=null).reduce((i,u)=>{if(e.has(u)){const b=e.get(u);if(typeof b=="string")i[b]=r[u];else{const g=b(u,r[u],r);Object.assign(i,g)}}else i[u]=r[u];return i},{})}function Ee(r,e,n=new Map){const i=Me(r,e);return xe(i,n)}function Ve(r={}){function e(y,T,p,c){if(typeof p=="number")return c[y].length===p;if(typeof p=="object"){const f=Object.keys(p)[0],l=p[f];if(f==="not")return Number(c[y].length)!==Number(l);if(f==="moreThan")return Number(c[y].length)>=Number(l);if(f==="lessThan")return Number(c[y].length)<=Number(l)}return!1}function n(y,T,p,c){return c[y]&&c[y].propertyValue&&String(c[y].propertyValue.value)===String(p)}const i=new Map([["length",e],["getProperty",n]]);Object.keys(r).reduce((y,T)=>(y.set(T,r[T]),y),i);function u(y,T){const p=y;return typeof T=="number"?[{target:p,operator:"length",param:null,value:Number(T)}]:typeof T=="boolean"?[{target:p,operator:"getProperty",param:y,value:!!T}]:typeof T=="object"?Object.keys(T).map(c=>{if(c==="length")return{target:p,operator:"length",param:null,value:T[c]};const f=c,l=T[c];return{target:p,operator:"getProperty",param:f,value:l}}):[]}function b(y){return Object.keys(y).reduce((p,c)=>{const f=u(c,y[c]);return p.push(...f),p},[])}function g(y,T){if(i.has(y.operator)){const p=i.get(y.operator);return p&&p(y.target,y.param,y.value,T)||!1}return!1}function D(y,T){return b(y).reduce((f,l)=>f&&g(l,T),!0)}function j(y,T){const p=Object.keys(y),c=p.includes("allOf"),f=p.includes("anyOf"),l=c||f,S=(l?y[l?c?"allOf":"anyOf":"allOf"]:[y]).map(P=>D(P,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"}},pe={},ke={};Ve();function ee(r,e,n=new Map,i=(g,D,j)=>D,u={},b=g=>g){return Z[e.title]=e,le[e.title]=i,pe[e.title]=u,ke[e.title]=b,(g={})=>{const D=Ee(g,e,n),j=Object.keys(r).reduce((y,T)=>(y[T]=r[T].default,y),{});return Object.assign(j,D)}}function de(r,e){return{customClass:e.class,customStyle:e.style}}function Ae(r,e){return{buttons:e.buttons}}const Be=new Map([["appearance",de],["toolbar",Ae]]),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 Ie(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,Re,Be,Ie),J=t.defineComponent({name:"FPageHeader",props:G,emits:["Click","PrePaginationClick","NextPaginationClick"],setup(r,e){const n=t.ref(r.buttons),i=(P,E)=>{e.emit("Click",P,E)};function u(P,E){P&&E&&E.split(" ").reduce((C,m)=>(C[m]=!0,C),P)}const b=t.computed(()=>{const P={"f-page-header":!0};return u(P,r.customClass),P}),g=t.computed(()=>{const P={"f-title-icon":!0};return u(P,r.iconClass),P}),D=t.computed(()=>{const P={"f-icon":!0};return u(P,r.icon),P}),j=t.computed(()=>{const P={"f-title":!0};return u(P,r.titleContentClass),P}),y=t.computed(()=>{const P={"f-content":!0};return u(P,r.contentClass),P}),T=t.computed(()=>{const P={"f-content":!0};return u(P,r.downContentClass),P}),p=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 f(P){r.prePaginationDisabled||e.emit("PrePaginationClick",P)}function l(P){r.nextPaginationDisabled||e.emit("NextPaginationClick",P)}function w(){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:g.value},[t.createVNode("i",{class:D.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:p.value,onClick:f},null),t.createVNode("span",{class:c.value,onClick:l},null)]):""])}function v(){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(Ne,{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,P=>{n.value=P},{deep:!0}),()=>t.createVNode("div",{class:b.value},[t.createVNode("nav",{class:"f-page-header-base"},[w(),v(),S()]),A()])}});function $e(r,e,n){var R;function i(){n!=null&&n.resolveComponentContext&&n.resolveComponentContext()}i();const u=n&&n.getStyles&&n.getStyles()||"",b=n&&n.getDesignerClass&&n.getDesignerClass()||"",g=t.ref();function D(){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 p(C){if(!C||!C.value)return null;if(C.value.schema&&C.value.schema.type==="component")return C.value;const m=t.ref(C==null?void 0:C.value.parent),N=p(m);return N||null}function c(C=e){const{componentInstance:m,designerItemElementRef:N}=C;return!m||!m.value?null:m.value.canMove?N:c(C.parent)}function f(C){return!!n&&n.canAccepts(C)}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function w(){}function v(C,m){m&&n!=null&&n.onAcceptMovedChildElement&&n.onAcceptMovedChildElement(m)}function S(C,m){const{componentType:N}=C;let x=L(N,C,m);n&&n.onResolveNewComponentSchema&&(x=n.onResolveNewComponentSchema(C,x));const d=N.toLowerCase().replace("-","_");return x&&!x.id&&x.type===N&&(x.id=`${d}_${Math.random().toString().slice(2,6)}`),x}function A(C,m){const N=String(C.getAttribute("data-controltype")),x=C.getAttribute("data-feature"),d=x?JSON.parse(x):{};d.parentComponentInstance=g.value;let s=L(N,d);n&&n.onAcceptNewChildElement&&(s=n.onAcceptNewChildElement(C,m,s));const o=N.toLowerCase().replace("-","_");return s&&!s.id&&s.type===N&&(s.id=`${o}_${Math.random().toString().slice(2,6)}`),s}function P(C){}function E(...C){if(n&&n.getPropsConfig)return n.getPropsConfig(...C)}return g.value={canMove:D(),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:u,designerClass:b,canAccepts:f,getBelongedComponentInstance:p,getDraggableDesignItemElement:c,getDraggingDisplayText:l,getPropConfig:E,getDragScopeElement:w,onAcceptMovedChildElement:v,onAcceptNewChildElement:A,onChildElementMovedOut:P,addNewChildComponentSchema:S,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:!!n&&n.triggerBelongedComponentToMoveWhenMoved||t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!n&&n.triggerBelongedComponentToDeleteWhenDeleted||t.ref(!1)},g}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(u=>u.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"}}}}}class Oe 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,u=i.eventsEditorUtils.formProperties(e,i.viewModelId,n);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:{"data-grid-component-viewmodel":{type:"events-editor",editor:{initialData:u}}},refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,g){const D=b.propertyValue;delete e[i.viewModelId],D&&(D.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,D.events,D))}}}}function _e(r,e){function n(D){return!1}function i(){return!1}function u(){return!1}function b(){return!0}function g(D){return new Oe(D,e).getPropertyConfig(r)}return{canAccepts:n,hideNestedPaddingInDesginerView:b,getPropsConfig:g,checkCanDeleteComponent:i,checkCanMoveComponent:u}}class fe{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 Fe extends fe{constructor(e){super(e)}}function me(){function r(e){const n=[];return e.reduce((i,u)=>(u.children&&u.children.length>0?i.push(new q(u)):i.push(new Fe(u)),i),n),n}return{buildResponseToolbarItems:r}}const{buildResponseToolbarItems:Le}=me();class q extends fe{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(u=>i.indexOf(u)>-1).forEach(u=>{this[u]=n[u]}),n.children&&n.children.length&&(this.children=Le(n.children))}}const We=new Map([["buttons","items"],["appearance",de]]),Ue=new Map([["appearance",qe]]);function qe(r,e){return{class:e.class,style:e.style}}function ge(r,e,n){return e}const He={$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:"The alignment of Response Toolbar Button.",type:"string",default:"right"},text:{description:"The items of Response Toolbar.",type:"string",default:"新增"},icon:{description:"The icon of response toolbar item.",type:"string",default:""},click:{description:"The event of response toolbar item.",type:"string",default:""}},required:["id","type","text"]},he={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[he.title]=he;const ze=Object.assign({},oe,{componentId:{type:String,default:""}}),re=ee(oe,He,We,ge),be={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"}},Ge=ee(be,ne,Ue,ge);function ye(){function r(n){const i={"f-icon":!0};if(n.icon){const u=n.icon.trim().split(" ");u&&u.length&&u.reduce((b,g)=>(b[g]=!0,b),i)}return i}function e(n){return!!(n.icon&&n.icon.trim())}return{iconClass:r,shouldShowIcon:e}}function Je(r){function e(p){const c={"dropdown-menu":!0};if(p.class){const f=p.menuClass.split(" ");f&&f.length&&f.reduce((l,w)=>(l[w]=!0,l),c)}return c}function n(p){const c={disabled:!p.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},f=p.dropdownClass.split(" ");return f&&f.length&&f.reduce((l,w)=>(l[w]=!0,l),c),c}function i(p){const c={disabled:!p.enable,"dropdown-item":!0,"f-rt-btn":!0},f=p.class.split(" ");return f&&f.length&&f.reduce((l,w)=>(l[w]=!0,l),c),c}let u;const b=new Map;function g(p,c,f){var w;((w=p.target)==null?void 0:w.id)===c.id&&p.stopPropagation();const l=f?f.id:"__top_item__";if(c.children&&c.children.length&&(c.expanded=!c.expanded,c.expanded?b.set(l,c):b.delete(l)),b.has(l)&&b.get(l)!==c){const v=b.get(l);v&&(v.expanded=!1)}}function D(p,c){document.body.click(),c.enable&&c.onClick(p,c.id)}function j(p){return p.children.map(c=>c.children&&c.children.length?t.createVNode("li",{class:n(c),id:c.id,onClick:f=>c.enable&&g(f,c,p)},[t.createVNode("span",{id:c.id,class:i(c),onMouseover:f=>c.enable&&g(f,c,p)},[c.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),u(c,c)]):t.createVNode("li",{class:i(c),id:c.id,onClick:f=>D(f,c),onMouseover:f=>c.enable&&g(f,c,p)},[r.shouldShowIcon(c)&&t.createVNode("i",{class:r.iconClass(c)},null),c.text]))}function y(p,c,f){const l={display:p.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},w=document.getElementsByTagName("body")[0].getClientRects()[0].width,v=c,S=v==null?void 0:v.getClientRects();if(v&&S&&S.length){const{top:A,width:P,left:E,right:R,height:C}=S[0],m=Math.ceil(C+A);l.top=`${m}px`,l.left=`${E}px`;const N=p.id+"_menu",x=c?c.querySelector("#"+N):null;if(x){l.display==="block"&&(x.style.display="block");const d=x.getBoundingClientRect();if(f){l.top=`${A-6}px`;const s=Math.ceil(P+E);l.left=`${s}px`}w-E-P<d.width&&(l.left=`${(f?E:R)-d.width}px`)}}return l}u=function(p,c){var v,S;const f=t.getCurrentInstance(),l=c?c.id:p.id,w=(S=(v=f==null?void 0:f.exposed)==null?void 0:v.elementRef.value)==null?void 0:S.querySelector("#"+l);return t.createVNode("ul",{class:e(p),style:y(p,w,c),id:p.id+"_menu"},[j(p)])};function T(){b.forEach(p=>{p.expanded=!1}),b.clear()}return{renderDropdownMenu:u,clearAllDropDownMenu:T}}function Qe(r,e){const n=t.ref(r.alignment),{renderDropdownMenu:i,clearAllDropDownMenu:u}=Je(e);function b(T){const p={"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((f,l)=>(f[l]=!0,f),p),p}function g(T){const p={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((f,l)=>(f[l]=!0,f),p)}return p}function D(T,p){T.stopPropagation();const c=p.expanded;document.body.click(),p.expanded=!c}function j(T){return t.createVNode("div",{id:T.id,class:b(T)},[t.createVNode("div",{class:g(T),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:p=>T.enable&&D(p,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(){u()}return{renderToolbarDropdown:j,clearAllDropDown:y}}const{buildResponseToolbarItems:Ce}=me(),X=t.defineComponent({name:"FResponseToolbar",props:oe,emits:["click"],setup(r,e){const n=t.ref(Ce(r.items)),i=t.ref(),u=t.ref(),b=t.ref(),g=t.ref(r.alignment),D={id:"__more_buttons__",text:"更多"},j=t.ref(new q(D)),y=ye(),T=t.computed(()=>j.value.children.length>0),p=t.computed(()=>{const m={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return H.getCustomClass(m,r.customClass)}),c=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":g.value==="right","justify-content-start":g.value==="left"})),{renderToolbarDropdown:f,clearAllDropDown:l}=Qe(r,y);function w(){n.value.filter(m=>m.children&&m.children.length>0).forEach(m=>{m.expanded=!1}),j.value.expanded=!1,l()}function v(m){const N={btn:!0,"f-rt-btn":!0,"f-btn-ml":g.value==="right","f-btn-mr":g.value==="left","btn-icontext":!!(m.icon&&m.icon.trim())};if(m.class){const x=m.class.split(" ");x&&x.length&&x.reduce((d,s)=>(d[s]=!0,d),N)}return N}function S(m,N){document.body.click(),N.onClick(m,N.id),e.emit("click",m,N.id)}function A(m){return t.createVNode("button",{type:"button",class:v(m),id:m.id,disabled:!m.enable,onClick:N=>S(N,m)},[y.shouldShowIcon(m)&&t.createVNode("i",{class:y.iconClass(m)},null),m.text])}const P=new Map,E=[];function R(m){const N=b.value;let x=m;const d=Array.from(N.children),s=d[d.length-1].id==="__more_buttons__"?d[d.length-1]:null;if(s){const M=s.computedStyleMap().get("margin-left"),k=s.computedStyleMap().get("margin-right"),_=(M?M.value:0)+s.getBoundingClientRect().width+(k?k.value:0);x-=_}const o=d.filter(M=>M.id!=="__more_buttons__");for(const M of o){const k=M.computedStyleMap().get("margin-left"),_=M.computedStyleMap().get("margin-right"),I=(k?k.value:0)+M.getBoundingClientRect().width+(_?_.value:0);x<I?(P.set(M.id,!0),E.push({id:M.id,width:I})):x-=I}if(E.length)for(let M=E.length-1;M>=0;M--){const k=E[M].width;if(x>=k)x-=k,P.delete(E[M].id),E.pop();else break}const a=Object.assign({},j.value);a.children=[];const h=new q(a),V=n.value.reduce((M,k)=>(P.has(k.id)&&h.children.push(k),k.visible=!P.has(k.id),M.push(k),M),[]);j.value=h,n.value=V}const C=new ResizeObserver(m=>{if(m.length){const x=m[0].contentRect.width,s=b.value.getBoundingClientRect().width;(x<s||E.length)&&(R(x),w())}});return t.onMounted(()=>{const m=u.value;C.observe(m),document.body.addEventListener("click",w),document.body.addEventListener("wheel",w)}),t.onUnmounted(()=>{C.disconnect(),document.body.removeEventListener("click",w),document.body.removeEventListener("wheel",w)}),t.watch(()=>r.items,()=>{n.value=Ce(r.items)},{deep:!0}),e.expose({elementRef:i}),()=>t.createVNode("div",{class:p.value,ref:i},[t.createVNode("div",{ref:u,class:c.value},[t.createVNode("div",{ref:b,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.filter(m=>m.visible).map(m=>m.children&&m.children.length>0?f(m):A(m)),T.value&&f(j.value)])])])}});function Xe(r,e){const n=t.inject("design-item-context"),i=t.inject("toolbar-item-handler",()=>{});function u(){i&&i()}function b(s){const o={"dropdown-menu":!0};if(s.class){const a=s.menuClass.split(" ");a&&a.length&&a.reduce((h,V)=>(h[V]=!0,h),o)}return o}function g(s){const o={disabled:!s.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},a=s.dropdownClass.split(" ");return a&&a.length&&a.reduce((h,V)=>(h[V]=!0,h),o),o}function D(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((h,V)=>(h[V]=!0,h),o),o}let j;const y=new Map;function T(s,o,a){var V;((V=s.target)==null?void 0:V.id)===o.id&&s.stopPropagation();const h=a?a.id:"__top_item__";if(o.children&&o.children.length&&(o.expanded=!o.expanded,o.expanded?y.set(h,o):y.delete(h)),y.has(h)&&y.get(h)!==o){const M=y.get(h);M&&(M.expanded=!1)}}function p(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 f(s){s.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function l(s){const{buttons:o=[]}=n.schema;let a=[];o.forEach(M=>{a=a.concat(M.children||[])});const h=a.findIndex(M=>M.id===s),V=h===-1?null:a[h];return{index:h,item:V}}function w(s){const{buttons:o=[]}=n.schema,a=o.findIndex(V=>V.id===s),h=a===-1?null:o[a];return{index:a,item:h}}function v(s){var h;n.schema;const{index:o,item:a}=l(s);(h=n==null?void 0:n.setupContext)==null||h.emit("selectionChange",a==null?void 0:a.type,a)}const S=function(s){const{componentType:o}=s,a=L(o,s),h=o.toLowerCase().replace("-","_");return a&&!a.id&&a.type===o&&(a.id=`${h}_${Math.random().toString().slice(2,6)}`),a},A=function(){const s={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return S(s)};function P(s,o){p(s),c(),f(s),v(o.id)}function E(s,o,a){p(s);const h=o.id,V=a&&a.id,{buttons:M=[]}=n.schema;if(!V)return;const{index:k}=w(V);if(k===-1)return;const{index:_}=l(h);_!==-1&&(M[k].children.splice(_,1),u())}function R(s,o,a){p(s);const h=a&&a.id,{buttons:V=[]}=n.schema;if(!h)return;const{index:M}=w(h);if(M===-1)return;const k=A(),_=Object.assign({},k,{text:o.text});V[M].children.push(_),u()}function C(s,o,a){p(s);const h=a&&a.id,{buttons:V=[]}=n.schema;if(!h)return;const{index:M}=w(h);if(M===-1)return;const k=A(),_=Object.assign({},k,{text:"按钮"});V[M].children.push(_),u()}function m(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:g(o),id:o.id,onClick:a=>o.enable&&T(a,o,s)},[t.createVNode("span",{id:o.id,class:D(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:D(o),id:o.id,onClick:a=>P(a,o)},[m(o,s),r.shouldShowIcon(o)&&t.createVNode("i",{class:r.iconClass(o)},null),o.text]))}function x(s,o,a){const h={display:s.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},V=document.getElementsByTagName("body")[0].getClientRects()[0].width,M=o,k=M==null?void 0:M.getClientRects();if(M&&k&&k.length){const{top:_,width:I,left:$,right:F,height:W}=k[0],ie=Math.ceil(W+_);h.top=`${ie}px`,h.left=`${$}px`;const ut=s.id+"_menu",ce=o?o.querySelector("#"+ut):null;if(ce){h.display==="block"&&(ce.style.display="block");const Se=ce.getBoundingClientRect();if(a){h.top=`${_-6}px`;const ft=Math.ceil(I+$);h.left=`${ft}px`}V-$-I<Se.width&&(h.left=`${(a?$:F)-Se.width}px`)}}return h}j=function(s,o){var M,k;const a=t.getCurrentInstance(),h=o?o.id:s.id,V=(k=(M=a==null?void 0:a.exposed)==null?void 0:M.elementRef.value)==null?void 0:k.querySelector("#"+h);return t.createVNode("ul",{class:b(s),style:x(s,V,o),id:s.id+"_menu"},[N(s)])};function d(){y.forEach(s=>{s.expanded=!1}),y.clear()}return{renderDropdownMenu:j,clearAllDropDownMenu:d}}function Ye(r,e,n){const i=t.ref(r.alignment),{renderDropdownMenu:u,clearAllDropDownMenu:b}=Xe(e,n),g=t.inject("design-item-context"),D=t.inject("toolbar-item-handler",()=>{});function j(){D&&D()}function y(d){const s={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":i.value==="right","f-btn-mr":i.value==="left"},o=d.dropdownClass.split(" ");return o&&o.length&&o.reduce((a,h)=>(a[h]=!0,a),s),s}function T(d){const s={btn:!0,disabled:!d.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(d.icon&&d.icon.trim())};if(d.class){const o=d.class.split(" ");o&&o.length&&o.reduce((a,h)=>(a[h]=!0,a),s)}return s}function p(d){d&&(d.stopPropagation(),d.preventDefault())}function c(d,s){p(d);const o=s.expanded;document.body.click(),s.expanded=!o}const f=function(d){const{componentType:s}=d,o=L(s,d),a=s.toLowerCase().replace("-","_");return o&&!o.id&&o.type===s&&(o.id=`${a}_${Math.random().toString().slice(2,6)}`),o},l=function(){const d={componentType:"response-toolbar-item",parentComponentInstance:n.value,targetPosition:-1};return f(d)};function w(d){const s=g.schema.buttons||g.schema.contents,o=s==null?void 0:s.findIndex(h=>h.id===d),a=o===-1?null:s[o];return{index:o,toolbarItem:a}}function v(d,s){var k;const{index:o,toolbarItem:a}=w(s);if(o===-1)return;const h=a.text||"按钮",V=l(),M=Object.assign({},V,{text:h});(k=g.schema.buttons)==null||k.push(M),j()}function S(d,s){const{index:o,toolbarItem:a}=w(s);if(o===-1)return;const h=a.text||"按钮",V=l(),M=Object.assign({},V,{text:h}),k=g.schema.buttons[o].children||[];k.push(M),g.schema.buttons[o].children=k,j()}function A(d,s){const o=g.schema.buttons||g.schema.contents,a=o==null?void 0:o.findIndex(h=>h.id===s);a!==-1&&(o.splice(a,1),j())}function P(d){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,d)},[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=>v(s,d)},[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,d)},[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 d=document.getElementsByClassName("dgComponentSelected");Array.from(d).forEach(s=>s.classList.remove("dgComponentSelected"))}function R(d){d.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function C(d){var h;const s=g.schema.buttons||g.schema.contents,o=s==null?void 0:s.findIndex(V=>V.id===d);if(o===-1)return;const a=s[o];(h=g==null?void 0:g.setupContext)==null||h.emit("selectionChange","response-toolbar-item",a)}function m(d,s){p(d),E(),R(d),p(d),c(d,s),C(s.id)}function N(d){return t.createVNode("div",{id:d.id,class:y(d)},[t.createVNode("div",{class:T(d),style:"display: flex;padding-right: 0.1rem;",onClick:s=>d.enable&&m(s,d)},[P(d.id),e.shouldShowIcon(d)&&t.createVNode("i",{class:e.iconClass(d)},null),t.createVNode("span",null,[d.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)]),u(d)])}function x(){b()}return{renderToolbarDropdown:N,clearAllDropDown:x}}function Ze(){function r(e){var u,b;if(!e)return!1;const n=((u=e.targetContainer)==null?void 0:u.componentInstance)&&e.targetContainer.componentInstance.value;if(!n)return!1;const i=(b=n.schema.appearance)==null?void 0:b.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const g=n.schema.type,D=(g==="response-form"||g==="content-container")&&i&&i.includes("farris-form");if(n.schema.type!=="response-layout-item"&&!D)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:r}}const Ke={$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(l,w,v,S){var A;if(typeof v=="number")return((A=S[l])==null?void 0:A.length)===v;if(typeof v=="object"){const P=Object.keys(v)[0],E=v[P];if(P==="not")return Number(S[l].length)!==Number(E);if(P==="moreThan")return Number(S[l].length)>=Number(E);if(P==="lessThan")return Number(S[l].length)<=Number(E)}return!1}function e(l,w,v,S){return typeof v=="boolean"?S.childrenClassList.includes(w)===!!v:!1}function n(l,w,v,S){return typeof v=="boolean"?S.parentClassList.includes(w)===!!v:!1}function i(l,w,v,S){return typeof v=="boolean"?S.parentClassList.includes(w)===!!v:!1}const u=new Map([["length",r],["hasChildren",e],["hasSibling",i],["hasParent",n]]);function b(l,w){const v=l;return typeof w=="number"?[{target:v,operator:"length",param:null,value:Number(w)}]:typeof w=="object"?Object.keys(w).map(S=>{if(S==="length")return{target:v,operator:"length",param:null,value:w[S]};const A=S,P=w[S];return{target:v,operator:l==="children"?"hasChildren":l==="parent"?"hasParent":"hasSibling",param:A,value:P}}):[]}function g(l,w){if(u.has(l.operator)){const v=u.get(l.operator);return v&&v(l.target,l.param,l.value,w)||!1}return!1}function D(l,w){return Object.keys(l).reduce((P,E)=>{const R=b(E,l[E]);return P.push(...R),P},[]).reduce((P,E)=>P&&g(E,w),!0)}function j(l,w){const v=Object.keys(l),S=v.includes("allOf"),A=v.includes("anyOf"),P=S||A,C=(P?l[P?S?"allOf":"anyOf":"allOf"]:[l]).map(N=>D(N,w));return S?!C.includes(!1):C.includes(!0)}function y(l,w){const v=l.const;return v?typeof v=="boolean"?v:typeof v=="object"?j(v,w):!1:!1}function T(l){return w=>{const v={canAccept:!0,fixed:!1,hidePadding:!1};return l&&l.properties&&Object.keys(l.properties).reduce((S,A)=>{const P=l.properties[A];return S[A]=y(P,w),S},v),v}}function p(l,w,v){if(w.type==="object"&&w.properties){const{rules:S,contents:A}=w.properties;v.set(l,T(S)),A&&Object.keys(A.properties).forEach(P=>p(P,A.properties[P],v))}}function c(){const{properties:l}=Ke;Object.keys(l).forEach(w=>{p(w,l[w],se)})}function f(l,w){const v={canAccept:!0,fixed:!1,hidePadding:!0};return se.has(l)?se.get(l)(w):v}return c(),{getRuleValue:f}}class et 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 tt(r,e,n,i){const u=we(),b=t.ref(!1),g=t.ref(!1);let D=!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 p(C){return!Ze().basalDragulaRuleForContainer(C)||!D||!T(C),!1}function c(){b.value=!1,g.value=!1;const C=r,m=C.appearance&&C.appearance.class||"",N=m.split(" "),x=C.buttons||[],d=x.length?x[0]:null,s=d&&d.appearance?d.appearance.class:"",o=s?s.split(" "):[],a=x.length?x.reduce(($,F)=>{const W=F&&F.appearance?F.appearance.class:"",ie=W?W.split(" "):[];return $.push(...ie),$},[]):[],h=n==null?void 0:n.schema,V=h&&h.appearance&&h.appearance.class||"",M=V?V.split(" "):[];y={componentClass:m,componentClassList:N,childContents:x,firstChildContent:d,firstChildClass:s,firstChildClassList:o,parent:h,parentClass:V,parentClassList:M,children:x,childrenClassList:a};const{canAccept:k,fixed:_,hidePadding:I}=u.getRuleValue(N[0],y);return D=k,j=I,!0}function f(C){}function l(){return r.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function w(C,m){return m.text=C.label,m}function v(C,m,N){const x=r;if((x.appearance&&x.appearance.class||"").split(" ").includes("f-form-layout")){const o=String(C.innerText),a=L("form-group");return a.editor=N,a.label=o,a}return N}function S(){return!1}function A(){return!1}function P(){return!0}function E(){return j}function R(C){return new et(C,e).getPropertyConfig(r)}return{canAccepts:p,checkCanAddComponent:P,checkCanDeleteComponent:A,checkCanMoveComponent:S,getStyles:l,hideNestedPaddingInDesginerView:E,onAcceptNewChildElement:v,onAcceptMovedChildElement:f,onResolveNewComponentSchema:w,resolveComponentContext:c,getPropsConfig:R,triggerBelongedComponentToMoveWhenMoved:b,triggerBelongedComponentToDeleteWhenDeleted:g}}const nt={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 ot(r,e){const n=e.getBoundingClientRect(),i=r.getBoundingClientRect(),u=i.top>=n.top,b=i.top<=n.bottom;return u&&b}function rt(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(!ot(e,r)){i.style.display="none";return}i.style.display="";const b=i.getBoundingClientRect(),g=i.querySelector("div");if(g){const D=g.getBoundingClientRect();g.style.top=b.top+"px",g.style.left=b.left-D.width+"px"}}}function st(r,e,n){var R;function i(){}const u="",b=t.ref();function g(){return!0}function D(){return!1}function j(){return!0}function y(){return!0}function T(){return!0}function p(C){if(!C||!C.value)return null;const m=t.ref(C==null?void 0:C.value.parent),N=p(m);return N||null}function c(C=e){const{componentInstance:m,designerItemElementRef:N}=C;return!m||!m.value?null:m.value.canMove||m.value.canAdd||m.value.canDelete?N:c(C.parent)}function f(C){return!!n}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function w(){}function v(C,m){}function S(C){const{componentType:m}=C;let N=L(m,C);const x=m.toLowerCase().replace("-","_");return N&&!N.id&&N.type===m&&(N.id=`${x}_${Math.random().toString().slice(2,6)}`),N}function A(C,m){const N=String(C.getAttribute("data-controltype")),x=C.getAttribute("data-feature"),d=x?JSON.parse(x):{};d.parentComponentInstance=b.value;let s=L(N,d);const o=N.toLowerCase().replace("-","_");return s&&!s.id&&s.type===N&&(s.id=`${o}_${Math.random().toString().slice(2,6)}`),s}function P(C){}function E(...C){return[]}return b.value={canMove:g(),canSelectParent:D(),canAdd:y(),canDelete:j(),canNested:!T(),contents:[],elementRef:r,parent:(R=e.parent)==null?void 0:R.componentInstance,schema:e.schema,styles:u,canAccepts:f,getBelongedComponentInstance:p,getDraggableDesignItemElement:c,getDraggingDisplayText:l,getPropConfig:E,getDragScopeElement:w,onAcceptMovedChildElement:v,onAcceptNewChildElement:A,onChildElementMovedOut:P,addNewChildComponentSchema:S,updateDragAndDropRules:i,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},b}const ve=t.defineComponent({name:"FDesignerInnerItem",props:nt,emits:["selectionChange","addComponent","removeComponent"],setup(r,e){const n=t.ref(r.canMove),i=t.ref(r.canAdd),u=t.ref(r.canDelete),b=t.ref(!1),g=t.ref(r.contentKey),D=t.ref(r.childType),j=t.ref(r.childLabel),y=t.ref(r.modelValue),T=t.ref(""),p=t.ref(),c=t.inject("canvas-dragula"),f=t.ref(),l=t.inject("design-item-context"),w={designerItemElementRef:p,componentInstance:f,schema:y.value,parent:l,setupContext:e};t.provide("design-item-context",w);const v=t.computed(()=>({"farris-component":!0,"flex-fill":r.id=="root-component","position-relative":n.value||u.value,"farris-nested":b.value,"can-move":n.value,"d-none":p.value&&p.value.classList.contains("d-none")})),S=t.computed(()=>{const o={};return T.value&&T.value.split(";").reduce((a,h)=>{const[V,M]=h.split(":");return V&&(a[V]=M),a},o),o});function A(o,a){if(l&&l.schema[g.value]){const h=l.schema[g.value].findIndex(V=>V.id===a.id);if(h>-1){const V=l.schema[g.value].length,M=l.schema[g.value][h%V];l.designerItemElementRef.value.querySelector(`#${M.id}-design-item`),l.schema[g.value].splice(h,1),l.componentInstance.value.updateDragAndDropRules(),Y.value++,e.emit("removeComponent")}}}function P(o){if(f.value.addNewChildComponentSchema){const a={componentType:D.value,label:j.value,parentComponentInstance:f.value,targetPosition:-1},h=f.value.addNewChildComponentSchema(a);y.value[g.value].push(h),e.emit("addComponent")}}function E(){return i.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:o=>{P()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function R(o){return u.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 m(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,w.schema=o});function N(o){const a=o.target;rt(a)}function x(){var o,a;(a=(o=y.value)==null?void 0:o.contents)!=null&&a.length&&p.value&&p.value.addEventListener("scroll",N)}function d(){const o=p.value,a=t.ref(o.children[1]);return st(a,w).value}t.onMounted(()=>{if(p.value){const o=p.value.querySelector(`[data-dragref='${y.value.id}-container']`);f.value=o&&o.componentInstance?o.componentInstance.value:d(),c&&o&&c.attachComponents(o,y.value),b.value=f.value.canNested!==void 0?f.value.canNested:b.value,i.value=f.value.canAdd!==void 0?f.value.canAdd:i.value,u.value=f.value.canDelete!==void 0?f.value.canDelete:u.value,n.value=f.value.canMove!==void 0?f.value.canMove:n.value,T.value=f.value.styles||"",p.value&&(p.value.componentInstance=f,p.value.designItemContext=w)}x(),Y.value++}),t.onBeforeUnmount(()=>{p.value&&p.value.removeEventListener("scroll",N)});function s(o){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(h=>h.classList.remove("dgComponentFocused")),o&&(o.preventDefault(),o.stopPropagation());const a=p.value;if(a){const h=document.getElementsByClassName("dgComponentSelected");if(!(h&&h.length===1&&h[0]===p.value)){Array.from(h).forEach(k=>k.classList.remove("dgComponentSelected")),a.classList.add("dgComponentFocused"),e.emit("selectionChange",y.value.type,y.value,r.componentId,f.value);const M=f.value.getDraggableDesignItemElement(w);M&&M.value&&M.value.classList.add("dgComponentSelected")}}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:p,class:v.value,style:S.value,onClick:s},[m(y.value),e.slots.default&&e.slots.default()])}});class it 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:"click",name:"点击事件"}];var i=this;const u=i.eventsEditorUtils.formProperties(e,i.viewModelId,n),b={};b[i.viewModelId]={type:"events-editor",editor:{initialData:u}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:b,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(g,D){const j=g.propertyValue;delete e[i.viewModelId],j&&(j.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,j.events,j))}}}}class ct 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:"click",name:"点击事件"}],i=this,u=i.eventsEditorUtils.formProperties(e,i.viewModelId,n),b={};b[i.viewModelId]={type:"events-editor",editor:{initialData:u}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:b,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(g,D){const j=g.propertyValue;delete e[i.viewModelId],j&&(j.setPropertyRelates=this.setPropertyRelates,i.eventsEditorUtils.saveRelatedParameters(e,i.viewModelId,j.events,j))}}}}function at(r,e){we();const n=t.ref(!1),i=t.ref(!1);let u=!1,b=!1;function g(v){return!1}function D(v){}function j(){return""}function y(v,S){return S.text=v.label,S}function T(v,S,A){const P=r.schema;if((P.appearance&&P.appearance.class||"").split(" ").includes("f-form-layout")){const C=String(v.innerText),m=L("form-group");return m.editor=A,m.label=C,m}return A}function p(){return!1}function c(){return!b}function f(){return!1}function l(){return u}function w(v){let S;switch(r.schema.type){case"tab-toolbar-item":S=new it(v,e);break;default:S=new ct(v,e)}return S.getPropertyConfig(r.schema)}return{canAccepts:g,checkCanAddComponent:f,checkCanDeleteComponent:c,checkCanMoveComponent:p,getStyles:j,hideNestedPaddingInDesginerView:l,onAcceptNewChildElement:T,onAcceptMovedChildElement:D,onResolveNewComponentSchema:y,getPropsConfig:w,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:i}}const Te=t.defineComponent({name:"FResponseToolbarItemDesign",props:be,emits:["Click"],setup(r,e){t.ref(),t.ref();const n=t.ref(r.alignment),i={id:"__more_buttons__",text:"More"},u=t.ref(new q(i));t.computed(()=>u.value.children.length>0);const b=t.ref(),g=t.inject("designer-host-service"),D=t.inject("design-item-context"),j=at(D,g),y=ae.useDesignerInnerComponent(b,D,j);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{b.value.componentInstance=y}),e.expose(y.value);function T(){const f={"f-icon":!0},l=r.icon?r.icon.trim():"";return H.getCustomClass(f,l)}function p(){return!!(r.icon&&r.icon.trim())}function c(){const f={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(f,r.class)}return t.onMounted(()=>{}),t.onUnmounted(()=>{}),()=>t.createVNode("div",{ref:b,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:c(),id:r.id},[p()&&t.createVNode("i",{class:T()},null),r.text])])}}),Pe=t.defineComponent({name:"FResponseToolbarDesign",props:ze,emits:["Click"],setup(r,e){const n=t.ref(r.items);let i=new Array(n.value.length).fill(t.ref());const u=t.ref(),b=t.ref(),g=t.ref(r.alignment),D={id:"__more_buttons__",text:"More"},j=t.ref(new q(D)),y=ye();t.computed(()=>j.value.children.length>0);const T=t.ref(),p=t.inject("designer-host-service"),c=t.inject("design-item-context"),f=tt(c.schema,p,c),l=ae.useDesignerInnerComponent(T,c,f);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{T.value.componentInstance=l}),e.expose(l.value);const w=t.computed(()=>{const d={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return H.getCustomClass(d,r.customClass)}),v=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":g.value==="right","justify-content-start":g.value==="left"})),{renderToolbarDropdown:S,clearAllDropDown:A}=Ye(r,y,l);function P(){n.value.filter(d=>d.children&&d.children.length>0).forEach(d=>{d.expanded=!1}),j.value.expanded=!1,A()}const E=new Map,R=[];function C(d){const s=b.value;let o=d;const a=Array.from(s.children),h=a[a.length-1].id==="__more_buttons__"?a[a.length-1]:null;if(h){const I=h.computedStyleMap().get("margin-left"),$=h.computedStyleMap().get("margin-right"),F=(I?I.value:0)+h.getBoundingClientRect().width+($?$.value:0);o-=F}const V=a.filter(I=>I.id!=="__more_buttons__");for(const I of V){const $=I.computedStyleMap().get("margin-left"),F=I.computedStyleMap().get("margin-right"),W=($?$.value:0)+I.getBoundingClientRect().width+(F?F.value:0);o<W?(E.set(I.id,!0),R.push({id:I.id,width:W})):o-=W}if(R.length)for(let I=R.length-1;I>=0;I--){const $=R[I].width;if(o>=$)o-=$,E.delete(R[I].id),R.pop();else break}const M=Object.assign({},j.value);M.children=[];const k=new q(M),_=n.value.reduce((I,$)=>(E.has($.id)&&k.children.push($),$.visible=!E.has($.id),I.push($),I),[]);j.value=k,n.value=_}const m=new ResizeObserver(d=>{if(d.length){const o=d[0].contentRect.width,h=b.value.getBoundingClientRect().width;(o<h||R.length)&&C(o)}});t.onMounted(()=>{const d=u.value;m.observe(d),document.body.addEventListener("click",P)}),t.onUnmounted(()=>{m.disconnect(),document.body.removeEventListener("click",P)}),t.watch(()=>r.items,()=>{n.value=r.items},{deep:!0}),t.watch(n,d=>{i=new Array(n.value.length).fill(t.ref())});function N(d,s,o,a){c&&c.setupContext&&c.setupContext.emit("selectionChange",d,s,o,a)}function x(){const d=b.value.querySelector(".dgComponentFocused.dgComponentSelected");d==null||d.classList.remove("dgComponentSelected"),d==null||d.classList.remove("dgComponentFocused")}return()=>t.createVNode("div",{ref:T,"data-dragref":`${c.schema.id}-container`,class:w.value},[t.createVNode("div",{ref:u,class:v.value},[t.createVNode("div",{ref:b,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[n.value.map((d,s)=>t.createVNode(ve,{ref:i[s],class:"p-0 display-inline-block",modelValue:d,"onUpdate:modelValue":o=>d=o,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:r.componentId,id:d.id,style:"padding:0 !important;display:inline-block",onSelectionChange:N,onRemoveComponent:x},{default:()=>{var o;return[t.createVNode(Te,{id:d.id,disable:d.disable,text:d.text,icon:d.icon,class:((o=d.appearance)==null?void 0:o.class)||"btn-secondary",alignment:r.alignment||"right",componentId:r.componentId},null)]}}))])])])}}),De=re;X.register=(r,e,n)=>{r["response-toolbar"]=X,e["response-toolbar"]=re},X.registerDesigner=(r,e,n)=>{r["response-toolbar"]=Pe,e["response-toolbar"]=re,r["response-toolbar-item"]=Te,e["response-toolbar-item"]=Ge},H.withInstall(X);const lt={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}},je=t.defineComponent({name:"FDesignerTemplateItem",props:lt,emits:["selectionChange"],setup(r,e){const n=t.ref(),i=t.computed(()=>({"farris-component":!0}));function u(b){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(D=>D.classList.remove("dgComponentFocused")),b&&(b.preventDefault(),b.stopPropagation());const g=n.value;if(g){const D=document.getElementsByClassName("dgComponentSelected");D&&D.length===1&&D[0]===n.value||(Array.from(D).forEach(y=>y.classList.remove("dgComponentSelected")),g.classList.add("dgComponentFocused"))}Y.value++}return()=>t.createVNode("div",{id:`${r.id}-design-item`,ref:n,class:i.value,onClick:u},[e.slots.default&&e.slots.default()])}}),pt=t.defineComponent({name:"FPageHeaderDesign",props:ue,emits:["Click"],setup(r,e){const n=t.ref(),i=t.inject("designer-host-service"),u=t.inject("design-item-context"),b=_e(u.schema,i),g=$e(n,u,b),D=t.ref(u.schema.toolbar||{type:"response-toolbar",buttons:[]}),j=t.ref(De(D.value));t.onMounted(()=>{n.value.componentInstance=g}),t.watch(()=>u.schema.toolbar,()=>{D.value=u.schema.toolbar||{type:"response-toolbar",buttons:[]},j.value=De(D.value)},{deep:!0});const y=t.computed(()=>[...j.value.items]);function T(p,c,f,l){u&&u.setupContext&&u.setupContext.emit("selectionChange",p,c,f,l)}return e.expose(g.value),()=>t.createVNode("div",{ref:n},[t.createVNode("nav",{class:"f-page-header-base"},[t.createVNode("div",{class:"f-title"},[t.createVNode(je,null,{default:()=>[t.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[t.createVNode("i",{class:r.icon},null)])]}),t.createVNode(je,null,{default:()=>[t.createVNode("h4",{class:"f-title-text"},[r.title])]})]),t.createVNode(ve,{class:"col-6 text-right",modelValue:D.value,"onUpdate:modelValue":p=>D.value=p,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",id:D.value.id,componentId:r.componentId,onSelectionChange:T},{default:()=>[t.createVNode(Pe,{customClass:"w-100",items:y.value,componentId:r.componentId},null)]})])])}}),dt={install(r){r.component(J.name,J)},register(r,e,n,i){r["page-header"]=J,e["page-header"]=te},registerDesigner(r,e,n){r["page-header"]=pt,e["page-header"]=te}};O.PageHeader=J,O.default=dt,O.pageHeaderDesignerProps=ue,O.pageHeaderProps=G,O.propsResolver=te,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});