@farris/ui-vue 1.1.0 → 1.1.1

package/page-header/index.umd.js

@@ -1 +0,0 @@
-(function(W,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(W=typeof globalThis<"u"?globalThis:W||self,e(W["page-header"]={},W.Vue,W.LodashES))})(this,function(W,e,X){"use strict";var rt=Object.defineProperty;var ct=(W,e,X)=>e in W?rt(W,e,{enumerable:!0,configurable:!0,writable:!0,value:X}):W[e]=X;var L=(W,e,X)=>(ct(W,typeof e!="symbol"?e+"":e,X),X);const re={},ue={};function ce(s){const{properties:o,title:t}=s,l=Object.keys(o).reduce((f,C)=>(f[C]=o[C].type==="object"&&o[C].properties?ce(o[C]):X.cloneDeep(o[C].default),f),{});return l.id=`${t}-${Date.now()}`,l}function G(s,o={}){const t=re[s];if(t){let l=ce(t);const f=ue[s];return l=f?f({getSchemaByType:G},l,o):l,l}return null}function Se(s,o){const t=ce(o);return Object.keys(s).reduce((l,f)=>(l[f]=s[f],l),t),t}function De(s,o){return Object.keys(s).filter(l=>s[l]!=null).reduce((l,f)=>{if(o.has(f)){const C=o.get(f);if(typeof C=="string")l[C]=s[f];else{const y=C(f,s[f],s);Object.assign(l,y)}}else l[f]=s[f];return l},{})}function Ve(s,o,t=new Map){const l=Se(s,o);return De(l,t)}function Ee(s={}){function o(h,m,c,a){if(typeof c=="number")return a[h].length===c;if(typeof c=="object"){const u=Object.keys(c)[0],w=c[u];if(u==="not")return Number(a[h].length)!==Number(w);if(u==="moreThan")return Number(a[h].length)>=Number(w);if(u==="lessThan")return Number(a[h].length)<=Number(w)}return!1}function t(h,m,c,a){return a[m]&&a[m].propertyValue&&String(a[m].propertyValue.value)===String(c)}const l=new Map([["length",o],["getProperty",t]]);Object.keys(s).reduce((h,m)=>(h.set(m,s[m]),h),l);function f(h,m){const c=h;return typeof m=="number"?[{target:c,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:c,operator:"getProperty",param:h,value:!!m}]:typeof m=="object"?Object.keys(m).map(a=>{if(a==="length")return{target:c,operator:"length",param:null,value:m[a]};const u=a,w=m[a];return{target:c,operator:h,param:u,value:w}}):[]}function C(h){return Object.keys(h).reduce((c,a)=>{const u=f(a,h[a]);return c.push(...u),c},[])}function y(h,m){if(l.has(h.operator)){const c=l.get(h.operator);return c&&c(h.target,h.param,h.value,m)||!1}return!1}function V(h,m){return C(h).reduce((u,w)=>u&&y(w,m),!0)}function P(h,m){const c=Object.keys(h),a=c.includes("allOf"),u=c.includes("anyOf"),w=a||u,_=(w?h[w?a?"allOf":"anyOf":"allOf"]:[h]).map(N=>V(N,m));return a?!_.includes(!1):_.includes(!0)}return{parseValueSchema:P}}const fe={},xe={};Ee();function me(s,o,t=new Map,l=(y,V,P)=>V,f={},C=y=>y){return re[o.title]=o,ue[o.title]=l,fe[o.title]=f,xe[o.title]=C,(y={})=>{const V=Ve(y,o,t),P=Object.keys(s).reduce((h,m)=>(h[m]=s[m].default,h),{});return Object.assign(P,V)}}function Me(s,o){return{customClass:o.class}}function ke(s,o){return{buttons:o.buttons}}const $e=new Map([["appearance",Me],["toolbar",ke]]),Pe={$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:""},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}}},Be={title:"page-header",description:"A Farris Container Component",type:"object",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",data:[]}},icon:{title:"图标",type:"string",description:"图标"},title:{title:"标题",type:"string",description:"标题"}}},appearance:{title:"样式",description:"Appearance",properties:{class:{title:"class",type:"string",description:""},style:{title:"style",type:"string",description:""}}}}};function je(s,o,t){return o.title="标题",o}const ee={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}},se=me(ee,Pe,$e,je,Be),Oe=new Map([["buttons","items"]]);function Ae(s,o,t){return o}const _e={$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"]},he={$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:""}},required:["id","type","text"]},Ie={title:"response-toolbar",description:"A Farris Component",type:"object",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",data:[]}}}},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"}}}}},ge={title:"response-toolbar-item",description:"A Farris Container Component",type:"object",categories:{basic:{title:"基本信息",description:"Basic Infomation",properties:{id:{title:"标识",type:"string",description:"The identifier of a component.",readonly:!0},type:{title:"类型",type:"enum",description:"The type of a component.",editor:{type:"combo-list",data:[]}},text:{title:"文本",type:"string",description:""},icon:{title:"图标",type:"string",description:""}}}}},ae={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};re[he.title]=he,fe[ge.title]=ge;const Le=me(ae,_e,Oe,Ae,Ie);class be{constructor(o){L(this,"id","");L(this,"class","btn-secondary");L(this,"icon","");L(this,"groupId","");L(this,"order",-1);L(this,"asDropDownTop",!1);L(this,"text","");L(this,"visible",!0);L(this,"responsed",!1);L(this,"tipsEnable",!1);L(this,"tipsText","");L(this,"width",0);L(this,"onClick",()=>{});L(this,"options");this.options=o;const t=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(o).filter(l=>t.indexOf(l)>-1).forEach(l=>{this[l]=o[l]})}get enable(){return Object.keys(this.options).indexOf("enable")>-1?this.options.enable:e.computed(()=>!0)}setWidth(o){this.width=parseInt(o,10)}getWidth(){return this.visible?this.width:!1}}class Fe extends be{constructor(o){super(o)}}function ie(){function s(o){const t=[];return o.reduce((l,f)=>(f.children&&f.children.length>0?l.push(new K(f)):l.push(new Fe(f)),l),t),t}return{buildResponseToolbarItems:s}}const{buildResponseToolbarItems:Re}=ie();class K extends be{constructor(t){super(t);L(this,"placement","");L(this,"dropdownClass","");L(this,"menuClass","");L(this,"split",!1);L(this,"children",[]);L(this,"expanded",!1);const l=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(t).filter(f=>l.indexOf(f)>-1).forEach(f=>{this[f]=t[f]}),t.children&&t.children.length&&(this.children=Re(t.children))}}function ye(){function s(t){const l={"f-icon":!0};if(t.icon){const f=t.icon.trim().split(" ");f&&f.length&&f.reduce((C,y)=>(C[y]=!0,C),l)}return l}function o(t){return!!(t.icon&&t.icon.trim())}return{iconClass:s,shouldShowIcon:o}}function We(s){function o(c){const a={"dropdown-menu":!0};if(c.class){const u=c.menuClass.split(" ");u&&u.length&&u.reduce((w,x)=>(w[x]=!0,w),a)}return a}function t(c){const a={disabled:!c.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},u=c.dropdownClass.split(" ");return u&&u.length&&u.reduce((w,x)=>(w[x]=!0,w),a),a}function l(c){const a={disabled:!c.enable,"dropdown-item":!0,"f-rt-btn":!0},u=c.class.split(" ");return u&&u.length&&u.reduce((w,x)=>(w[x]=!0,w),a),a}let f;const C=new Map;function y(c,a,u){var x;((x=c.target)==null?void 0:x.id)===a.id&&c.stopPropagation();const w=u?u.id:"__top_item__";if(a.children&&a.children.length&&(a.expanded=!a.expanded,a.expanded?C.set(w,a):C.delete(w)),C.has(w)&&C.get(w)!==a){const O=C.get(w);O&&(O.expanded=!1)}}function V(c,a){document.body.click(),a.enable&&a.onClick(c,a.id)}function P(c){return c.children.map(a=>a.children&&a.children.length?e.createVNode("li",{class:t(a),id:a.id,onClick:u=>a.enable&&y(u,a,c)},[e.createVNode("span",{id:a.id,class:l(a),onMouseover:u=>a.enable&&y(u,a,c)},[a.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),f(a,a)]):e.createVNode("li",{class:l(a),id:a.id,onClick:u=>V(u,a),onMouseover:u=>a.enable&&y(u,a,c)},[s.shouldShowIcon(a)&&e.createVNode("i",{class:s.iconClass(a)},null),a.text]))}function h(c,a,u){const w={display:c.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},x=document.getElementsByTagName("body")[0].getClientRects()[0].width,O=a,_=O==null?void 0:O.getClientRects();if(O&&_&&_.length){const{top:F,width:N,left:j,right:k,height:T}=_[0],d=Math.ceil(T+F);w.top=`${d}px`,w.left=`${j}px`;const D=c.id+"_menu",B=a?a.querySelector("#"+D):null;if(B){w.display==="block"&&(B.style.display="block");const p=B.getBoundingClientRect();if(u){w.top=`${F-6}px`;const n=Math.ceil(N+j);w.left=`${n}px`}x-j-N<p.width&&(w.left=`${(u?j:k)-p.width}px`)}}return w}f=function(c,a){var O,_;const u=e.getCurrentInstance(),w=a?a.id:c.id,x=(_=(O=u==null?void 0:u.exposed)==null?void 0:O.elementRef.value)==null?void 0:_.querySelector("#"+w);return e.createVNode("ul",{class:o(c),style:h(c,x,a),id:c.id+"_menu"},[P(c)])};function m(){C.forEach(c=>{c.expanded=!1}),C.clear()}return{renderDropdownMenu:f,clearAllDropDownMenu:m}}function qe(s,o){const t=e.ref(s.alignment),{renderDropdownMenu:l,clearAllDropDownMenu:f}=We(o);function C(m){const c={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":t.value==="right","f-btn-mr":t.value==="left"},a=m.dropdownClass.split(" ");return a&&a.length&&a.reduce((u,w)=>(u[w]=!0,u),c),c}function y(m){const c={btn:!0,disabled:!m.enable,"f-rt-btn":!0,"btn-icontext":!!(m.icon&&m.icon.trim())};if(m.class){const a=m.class.split(" ");a&&a.length&&a.reduce((u,w)=>(u[w]=!0,u),c)}return c}function V(m,c){m.stopPropagation();const a=c.expanded;document.body.click(),c.expanded=!a}function P(m){return e.createVNode("div",{id:m.id,class:C(m)},[e.createVNode("div",{class:y(m),style:"display: flex;padding-right: 0.1rem;",onClick:c=>m.enable&&V(c,m)},[o.shouldShowIcon(m)&&e.createVNode("i",{class:o.iconClass(m)},null),e.createVNode("span",null,[m.text]),e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),l(m)])}function h(){f()}return{renderToolbarDropdown:P,clearAllDropDown:h}}const{buildResponseToolbarItems:Ce}=ie(),He=e.defineComponent({name:"FResponseToolbar",props:ae,emits:[],setup(s,o){const t=e.ref(Ce(s.items)),l=e.ref(),f=e.ref(),C=e.ref(),y=e.ref(s.alignment),V={id:"__more_buttons__",text:"更多"},P=e.ref(new K(V)),h=ye(),m=e.computed(()=>P.value.children.length>0),c=e.computed(()=>{const d={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};if(s.customClass){const D=s.customClass.split(" ");D&&D.length&&D.reduce((B,p)=>(B[p]=!0,B),d)}return d}),a=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":y.value==="right","justify-content-start":y.value==="left"})),{renderToolbarDropdown:u,clearAllDropDown:w}=qe(s,h);function x(){t.value.filter(d=>d.children&&d.children.length>0).forEach(d=>{d.expanded=!1}),P.value.expanded=!1,w()}function O(d){const D={btn:!0,"f-rt-btn":!0,"f-btn-ml":y.value==="right","f-btn-mr":y.value==="left","btn-icontext":!!(d.icon&&d.icon.trim())};if(d.class){const B=d.class.split(" ");B&&B.length&&B.reduce((p,n)=>(p[n]=!0,p),D)}return D}function _(d,D){document.body.click(),D.onClick(d,D.id)}function F(d){return e.createVNode("button",{type:"button",class:O(d),id:d.id,disabled:!d.enable,onClick:D=>_(D,d)},[h.shouldShowIcon(d)&&e.createVNode("i",{class:h.iconClass(d)},null),d.text])}const N=new Map,j=[];function k(d){const D=C.value;let B=d;const p=Array.from(D.children),n=p[p.length-1].id==="__more_buttons__"?p[p.length-1]:null;if(n){const v=n.computedStyleMap().get("margin-left"),$=n.computedStyleMap().get("margin-right"),q=(v?v.value:0)+n.getBoundingClientRect().width+($?$.value:0);B-=q}const r=p.filter(v=>v.id!=="__more_buttons__");for(const v of r){const $=v.computedStyleMap().get("margin-left"),q=v.computedStyleMap().get("margin-right"),J=($?$.value:0)+v.getBoundingClientRect().width+(q?q.value:0);B<J?(N.set(v.id,!0),j.push({id:v.id,width:J})):B-=J}if(j.length)for(let v=j.length-1;v>=0;v--){const $=j[v].width;if(B>=$)B-=$,N.delete(j[v].id),j.pop();else break}const i=Object.assign({},P.value);i.children=[];const g=new K(i),M=t.value.reduce((v,$)=>(N.has($.id)&&g.children.push($),$.visible=!N.has($.id),v.push($),v),[]);P.value=g,t.value=M}const T=new ResizeObserver(d=>{if(d.length){const B=d[0].contentRect.width,n=C.value.getBoundingClientRect().width;(B<n||j.length)&&(k(B),x())}});return e.onMounted(()=>{const d=f.value;T.observe(d),document.body.addEventListener("click",x),document.body.addEventListener("wheel",x)}),e.onUnmounted(()=>{T.disconnect(),document.body.removeEventListener("click",x),document.body.removeEventListener("wheel",x)}),e.watch(()=>s.items,()=>{t.value=Ce(s.items)}),o.expose({elementRef:l}),()=>e.createVNode("div",{class:c.value,ref:l},[e.createVNode("div",{ref:f,class:a.value},[e.createVNode("div",{ref:C,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[t.value.filter(d=>d.visible).map(d=>d.children&&d.children.length>0?u(d):F(d)),m.value&&u(P.value)])])])}}),te=e.defineComponent({name:"FPageHeader",props:ee,emits:["Click","PrePaginationClick","NextPaginationClick"],setup(s,o){const t=e.ref(s.buttons),l=N=>{o.emit("Click",N)};function f(N,j){N&&j&&j.split(" ").reduce((T,d)=>(T[d]=!0,T),N)}const C=e.computed(()=>{const N={"f-page-header":!0};return f(N,s.customClass),N}),y=e.computed(()=>{const N={"f-title-icon":!0};return f(N,s.iconClass),N}),V=e.computed(()=>{const N={"f-icon":!0};return f(N,s.icon),N}),P=e.computed(()=>{const N={"f-title":!0};return f(N,s.titleContentClass),N}),h=e.computed(()=>{const N={"f-content":!0};return f(N,s.contentClass),N}),m=e.computed(()=>{const N={"f-content":!0};return f(N,s.downContentClass),N}),c=e.computed(()=>({"f-icon f-icon-arrow-w":!0,"f-state-disabled":s.prePaginationDisabled})),a=e.computed(()=>({"f-icon f-icon-arrow-e":!0,"f-state-disabled":s.nextPaginationDisabled}));function u(N){s.prePaginationDisabled||o.emit("PrePaginationClick",N)}function w(N){s.nextPaginationDisabled||o.emit("NextPaginationClick",N)}function x(){return o.slots.titleContent?e.createVNode("div",{class:P.value},[e.createTextVNode(" "),o.slots.titleContent()]):e.createVNode("div",{class:"f-title"},[s.showIcon&&s.icon?e.createVNode("span",{class:y.value},[e.createVNode("i",{class:V.value},null)]):"",e.createVNode("h4",{class:"f-title-text"},[s.title]),s.subTitle?e.createVNode("h5",{class:"f-title-subtitle"},[s.subTitle]):"",s.showPagination?e.createVNode("div",{class:"f-title-pagination"},[e.createVNode("span",{class:c.value,onClick:u},null),e.createVNode("span",{class:a.value,onClick:w},null)]):""])}function O(){return o.slots.content?e.createVNode("div",{class:h.value},[e.createTextVNode(" "),o.slots.content()]):""}function _(){if(s.buttons&&s.buttons.length>0)return e.createVNode(He,{customClass:s.buttonClass,items:t.value,onClick:l},null)}function F(){return o.slots.downContent?e.createVNode("div",{class:m.value},[e.createTextVNode(" "),o.slots.downContent()]):""}return()=>e.createVNode("div",{class:C.value},[e.createVNode("nav",{class:"f-page-header-base"},[x(),O(),_()]),F()])}});function we(s,o,t){var k;function l(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}l();const f=t&&t.getStyles&&t.getStyles()||"",C=t&&t.getDesignerClass&&t.getDesignerClass()||"",y=e.ref();function V(){return(o==null?void 0:o.schema.componentType)==="frame"?!1:t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function P(){return!1}function h(){return(o==null?void 0:o.schema.componentType)==="frame"?!1:t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function m(){return(o==null?void 0:o.schema.componentType)==="frame"?!0:t&&t.hideNestedPaddingInDesginerView?t.hideNestedPaddingInDesginerView():!1}function c(T){if(!T||!T.value)return null;if(T.value.schema&&T.value.schema.type==="component")return T.value;const d=e.ref(T==null?void 0:T.value.parent),D=c(d);return D||null}function a(T=o){const{componentInstance:d,designerItemElementRef:D}=T;return!d||!d.value?null:d.value.canMove?D:a(T.parent)}function u(T){return!!t&&t.canAccepts(T)}function w(){return(o==null?void 0:o.schema.label)||(o==null?void 0:o.schema.title)||(o==null?void 0:o.schema.name)}function x(){}function O(T,d){d&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(d)}function _(T){const{componentType:d}=T;let D=G(d,T);t&&t.onResolveNewComponentSchema&&(D=t.onResolveNewComponentSchema(T,D));const B=d.toLowerCase().replace("-","_");return D&&!D.id&&D.type===d&&(D.id=`${B}_${Math.random().toString().slice(2,6)}`),D}function F(T,d){const D=String(T.getAttribute("data-controltype")),B=T.getAttribute("data-feature"),p=B?JSON.parse(B):{};p.parentComponentInstance=y.value;let n=G(D,p);t&&t.onAcceptNewChildElement&&(n=t.onAcceptNewChildElement(T,d,n));const r=D.toLowerCase().replace("-","_");return n&&!n.id&&n.type===D&&(n.id=`${r}_${Math.random().toString().slice(2,6)}`),n}function N(T){}function j(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return y.value={canMove:V(),canSelectParent:P(),canDelete:h(),canNested:!m(),contents:o==null?void 0:o.schema.contents,elementRef:s,parent:(k=o==null?void 0:o.parent)==null?void 0:k.componentInstance,schema:o==null?void 0:o.schema,styles:f,designerClass:C,canAccepts:u,getBelongedComponentInstance:c,getDraggableDesignItemElement:a,getDraggingDisplayText:w,getPropConfig:j,getDragScopeElement:x,onAcceptMovedChildElement:O,onAcceptNewChildElement:F,onChildElementMovedOut:N,addNewChildComponentSchema:_,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},y}function ze(s,o){function t(f){return!1}function l(){return!0}return{canAccepts:t,hideNestedPaddingInDesginerView:l}}function Ue(s,o){const t=e.inject("design-item-context"),l=e.inject("toolbar-item-handler",null);function f(){l&&l()}function C(n){const r={"dropdown-menu":!0};if(n.class){const i=n.menuClass.split(" ");i&&i.length&&i.reduce((g,M)=>(g[M]=!0,g),r)}return r}function y(n){const r={disabled:!n.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},i=n.dropdownClass.split(" ");return i&&i.length&&i.reduce((g,M)=>(g[M]=!0,g),r),r}function V(n){const r={disabled:!n.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},i=n.class.split(" ");return i&&i.length&&i.reduce((g,M)=>(g[M]=!0,g),r),r}let P;const h=new Map;function m(n,r,i){var M;((M=n.target)==null?void 0:M.id)===r.id&&n.stopPropagation();const g=i?i.id:"__top_item__";if(r.children&&r.children.length&&(r.expanded=!r.expanded,r.expanded?h.set(g,r):h.delete(g)),h.has(g)&&h.get(g)!==r){const v=h.get(g);v&&(v.expanded=!1)}}function c(n){n&&(n.stopPropagation(),n.preventDefault())}function a(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(r=>r.classList.remove("dgComponentFocused"));const n=document.getElementsByClassName("dgComponentSelected");Array.from(n).forEach(r=>r.classList.remove("dgComponentSelected"))}function u(n){n.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function w(n){const{buttons:r=[]}=t.schema;let i=[];r.forEach(v=>{i=i.concat(v.children||[])});const g=i.findIndex(v=>v.id===n),M=g===-1?null:i[g];return{index:g,item:M}}function x(n){const{buttons:r=[]}=t.schema,i=r.findIndex(M=>M.id===n),g=i===-1?null:r[i];return{index:i,item:g}}function O(n){var g;t.schema;const{index:r,item:i}=w(n);(g=t==null?void 0:t.setupContext)==null||g.emit("selectionChange",i==null?void 0:i.type,i)}const _=function(n){const{componentType:r}=n,i=G(r,n),g=r.toLowerCase().replace("-","_");return i&&!i.id&&i.type===r&&(i.id=`${g}_${Math.random().toString().slice(2,6)}`),i},F=function(){const n={componentType:"response-toolbar-item",parentComponentInstance:o.value,targetPosition:-1};return _(n)};function N(n,r){c(n),a(),u(n),O(r.id)}function j(n,r,i){c(n);const g=r.id,M=i&&i.id,{buttons:v=[]}=t.schema;if(!M)return;const{index:$}=x(M);if($===-1)return;const{index:q}=w(g);q!==-1&&(v[$].children.splice(q,1),f())}function k(n,r,i){c(n);const g=i&&i.id,{buttons:M=[]}=t.schema;if(!g)return;const{index:v}=x(g);if(v===-1)return;const $=F(),q=Object.assign({},$,{text:r.text});M[v].children.push(q),f()}function T(n,r,i){c(n);const g=i&&i.id,{buttons:M=[]}=t.schema;if(!g)return;const{index:v}=x(g);if(v===-1)return;const $=F(),q=Object.assign({},$,{text:"按钮"});M[v].children.push(q),f()}function d(n,r){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:i=>j(i,n,r)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:i=>k(i,n,r)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增同级",ref:"appendSame",style:"width:85px!important;padding:0 5px;position:static;",onClick:i=>T(i,n,r)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增同级")])])])])}function D(n){return n.children.map(r=>r.children&&r.children.length?e.createVNode("li",{class:y(r),id:r.id,onClick:i=>r.enable&&m(i,r,n)},[e.createVNode("span",{id:r.id,class:V(r),onMouseover:i=>r.enable&&m(i,r,n)},[r.text,e.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),P(r,r)]):e.createVNode("li",{class:V(r),id:r.id,onClick:i=>N(i,r)},[d(r,n),s.shouldShowIcon(r)&&e.createVNode("i",{class:s.iconClass(r)},null),r.text]))}function B(n,r,i){const g={display:n.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},M=document.getElementsByTagName("body")[0].getClientRects()[0].width,v=r,$=v==null?void 0:v.getClientRects();if(v&&$&&$.length){const{top:q,width:J,left:z,right:U,height:de}=$[0],ne=Math.ceil(de+q);g.top=`${ne}px`,g.left=`${z}px`;const b=n.id+"_menu",S=r?r.querySelector("#"+b):null;if(S){g.display==="block"&&(S.style.display="block");const E=S.getBoundingClientRect();if(i){g.top=`${q-6}px`;const A=Math.ceil(J+z);g.left=`${A}px`}M-z-J<E.width&&(g.left=`${(i?z:U)-E.width}px`)}}return g}P=function(n,r){var v,$;const i=e.getCurrentInstance(),g=r?r.id:n.id,M=($=(v=i==null?void 0:i.exposed)==null?void 0:v.elementRef.value)==null?void 0:$.querySelector("#"+g);return e.createVNode("ul",{class:C(n),style:B(n,M,r),id:n.id+"_menu"},[D(n)])};function p(){h.forEach(n=>{n.expanded=!1}),h.clear()}return{renderDropdownMenu:P,clearAllDropDownMenu:p}}function Ge(s,o,t){const l=e.ref(s.alignment),{renderDropdownMenu:f,clearAllDropDownMenu:C}=Ue(o,t),y=e.inject("design-item-context"),V=e.inject("toolbar-item-handler",null);function P(){V&&V()}function h(p){const n={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":l.value==="right","f-btn-mr":l.value==="left"},r=p.dropdownClass.split(" ");return r&&r.length&&r.reduce((i,g)=>(i[g]=!0,i),n),n}function m(p){const n={btn:!0,disabled:!p.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(p.icon&&p.icon.trim())};if(p.class){const r=p.class.split(" ");r&&r.length&&r.reduce((i,g)=>(i[g]=!0,i),n)}return n}function c(p){p&&(p.stopPropagation(),p.preventDefault())}function a(p,n){c(p);const r=n.expanded;document.body.click(),n.expanded=!r}const u=function(p){const{componentType:n}=p,r=G(n,p),i=n.toLowerCase().replace("-","_");return r&&!r.id&&r.type===n&&(r.id=`${i}_${Math.random().toString().slice(2,6)}`),r},w=function(){const p={componentType:"response-toolbar-item",parentComponentInstance:t.value,targetPosition:-1};return u(p)};function x(p){const n=y.schema.buttons||y.schema.contents,r=n==null?void 0:n.findIndex(g=>g.id===p),i=r===-1?null:n[r];return{index:r,toolbarItem:i}}function O(p,n){var $;const{index:r,toolbarItem:i}=x(n);if(r===-1)return;const g=i.text||"按钮",M=w(),v=Object.assign({},M,{text:g});($=y.schema.buttons)==null||$.push(v),P()}function _(p,n){const{index:r,toolbarItem:i}=x(n);if(r===-1)return;const g=i.text||"按钮",M=w(),v=Object.assign({},M,{text:g}),$=y.schema.buttons[r].children||[];$.push(v),y.schema.buttons[r].children=$,P()}function F(p,n){const r=y.schema.buttons||y.schema.contents,i=r==null?void 0:r.findIndex(g=>g.id===n);i!==-1&&(r.splice(i,1),P())}function N(p){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:n=>F(n,p)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:n=>O(n,p)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:n=>_(n,p)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增子级")])])])])}function j(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(n=>n.classList.remove("dgComponentFocused"));const p=document.getElementsByClassName("dgComponentSelected");Array.from(p).forEach(n=>n.classList.remove("dgComponentSelected"))}function k(p){p.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function T(p){var g;const n=y.schema.buttons||y.schema.contents,r=n==null?void 0:n.findIndex(M=>M.id===p);if(r===-1)return;const i=n[r];(g=y==null?void 0:y.setupContext)==null||g.emit("selectionChange","response-toolbar-item",i)}function d(p,n){c(p),j(),k(p),c(p),a(p,n),T(n.id)}function D(p){return e.createVNode("div",{id:p.id,class:h(p)},[e.createVNode("div",{class:m(p),style:"display: flex;padding-right: 0.1rem;",onClick:n=>p.enable&&d(n,p)},[N(p.id),o.shouldShowIcon(p)&&e.createVNode("i",{class:o.iconClass(p)},null),e.createVNode("span",null,[p.text]),e.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)]),f(p)])}function B(){C()}return{renderToolbarDropdown:D,clearAllDropDown:B}}const{buildResponseToolbarItems:Te}=ie(),Je=e.defineComponent({name:"FResponseToolbarDesign",props:ae,emits:["Click"],setup(s,o){const t=e.ref(Te(s.items)),l=e.ref(),f=e.ref(),C=e.ref(s.alignment),y={id:"__more_buttons__",text:"More"},V=e.ref(new K(y)),P=ye(),h=e.computed(()=>V.value.children.length>0),m=e.ref(),c=e.inject("design-item-context"),a=we(m,c),u=e.inject("toolbar-item-handler",null);e.onMounted(()=>{m.value.componentInstance=a}),o.expose({elementRef:m});function w(){u&&u()}const x=e.computed(()=>({"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0})),O=e.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":C.value==="right","justify-content-start":C.value==="left"})),{renderToolbarDropdown:_,clearAllDropDown:F}=Ge(s,P,a);function N(){t.value.filter(b=>b.children&&b.children.length>0).forEach(b=>{b.expanded=!1}),V.value.expanded=!1,F()}function j(b){const S={"f-icon":!0};if(b.icon){const E=b.icon.trim().split(" ");E&&E.length&&E.reduce((A,I)=>(A[I]=!0,A),S)}return S}function k(b){return!!(b.icon&&b.icon.trim())}function T(b){const S={btn:!0,"f-rt-btn":!0,"f-btn-ml":C.value==="right","f-btn-mr":C.value==="left","btn-icontext":!!(b.icon&&b.icon.trim())};if(b.class){const E=b.class.split(" ");E&&E.length&&E.reduce((A,I)=>(A[I]=!0,A),S)}return S}function d(b){b&&(b.stopPropagation(),b.preventDefault())}function D(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(S=>S.classList.remove("dgComponentFocused"));const b=document.getElementsByClassName("dgComponentSelected");Array.from(b).forEach(S=>S.classList.remove("dgComponentSelected"))}function B(b){b.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function p(b){var I;const S=c.schema.buttons||c.schema.contents,E=S==null?void 0:S.findIndex(Y=>Y.id===b);if(E===-1)return;const A=S[E];(I=c==null?void 0:c.setupContext)==null||I.emit("selectionChange","response-toolbar-item",A)}const n=function(b){const{componentType:S}=b,E=G(S,b),A=S.toLowerCase().replace("-","_");return E&&!E.id&&E.type===S&&(E.id=`${A}_${Math.random().toString().slice(2,6)}`),E},r=function(){const b={componentType:"response-toolbar-item",parentComponentInstance:a.value,targetPosition:-1};return n(b)};function i(b,S){D(),B(b),d(b),p(S)}function g(b,S){const E=c.schema.buttons||c.schema.contents,A=E==null?void 0:E.findIndex(I=>I.id===S);A!==-1&&(E.splice(A,1),w())}function M(b){const S=c.schema.buttons||c.schema.contents,E=S==null?void 0:S.findIndex(I=>I.id===b),A=E===-1?null:S[E];return{index:E,toolbarItem:A}}function v(b,S){var Q;const{index:E,toolbarItem:A}=M(S);if(E===-1)return;const I=A.text||"按钮",Y=r(),Z=Object.assign({},Y,{text:I});(Q=c.schema.buttons)==null||Q.push(Z),w()}function $(b,S){const{index:E,toolbarItem:A}=M(S);if(E===-1)return;const I=A.text||"按钮",Y=r(),Z=Object.assign({},Y,{text:I}),Q=c.schema.buttons[E].items||[];Q.push(Z),c.schema.buttons[E].children=Q,w()}function q(b){return e.createVNode("div",{class:"component-btn-group"},[e.createVNode("div",null,[e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:S=>g(S,b)},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:S=>v(S,b)},[e.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:S=>$(S,b)},[e.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),e.createVNode("span",{style:"font-size:13px;margin:auto"},[e.createTextVNode("新增子级")])])])])}function J(b){return e.createVNode("div",{class:"farris-component position-relative",style:"display:inline-block!important;",onClick:S=>i(S,b.id)},[q(b.id),e.createVNode("button",{type:"button",class:T(b),id:b.id,disabled:!b.enable},[k(b)&&e.createVNode("i",{class:j(b)},null),b.text])])}const z=new Map,U=[];function de(b){const S=f.value;let E=b;const A=Array.from(S.children),I=A[A.length-1].id==="__more_buttons__"?A[A.length-1]:null;if(I){const R=I.computedStyleMap().get("margin-left"),H=I.computedStyleMap().get("margin-right"),oe=(R?R.value:0)+I.getBoundingClientRect().width+(H?H.value:0);E-=oe}const Y=A.filter(R=>R.id!=="__more_buttons__");for(const R of Y){const H=R.computedStyleMap().get("margin-left"),oe=R.computedStyleMap().get("margin-right"),pe=(H?H.value:0)+R.getBoundingClientRect().width+(oe?oe.value:0);E<pe?(z.set(R.id,!0),U.push({id:R.id,width:pe})):E-=pe}if(U.length)for(let R=U.length-1;R>=0;R--){const H=U[R].width;if(E>=H)E-=H,z.delete(U[R].id),U.pop();else break}const Z=Object.assign({},V.value);Z.children=[];const Q=new K(Z),ot=t.value.reduce((R,H)=>(z.has(H.id)&&Q.children.push(H),H.visible=!z.has(H.id),R.push(H),R),[]);V.value=Q,t.value=ot}const ne=new ResizeObserver(b=>{if(b.length){const E=b[0].contentRect.width,I=f.value.getBoundingClientRect().width;(E<I||U.length)&&de(E)}});return e.onMounted(()=>{const b=l.value;ne.observe(b),document.body.addEventListener("click",N)}),e.onUnmounted(()=>{ne.disconnect(),document.body.removeEventListener("click",N)}),e.watch(()=>s.items,()=>{t.value=Te(s.items)}),()=>e.createVNode("div",{ref:m,class:x.value},[e.createVNode("div",{ref:l,class:O.value},[e.createVNode("div",{ref:f,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[t.value.filter(b=>b.visible).map(b=>b.children&&b.children.length>0?_(b):J(b)),h.value&&_(V.value)])])])}}),Ne=Le,Qe={id:{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}},le=e.ref(0);function Xe(s,o){const t=o.getBoundingClientRect(),l=s.getBoundingClientRect(),f=l.top>=t.top,C=l.top<=t.bottom;return f&&C}function Ye(s){if(!s)return;let o;if(s.className.includes("dgComponentSelected")?o=s:o=s.querySelector(".dgComponentSelected"),!o)return;const t=o.getBoundingClientRect();if(t.width===0&&t.height===0)return;const l=o.querySelector(".component-btn-group");if(l){if(!Xe(o,s)){l.style.display="none";return}l.style.display="";const C=l.getBoundingClientRect(),y=l.querySelector("div");if(y){const V=y.getBoundingClientRect();y.style.top=C.top+"px",y.style.left=C.left-V.width+"px"}}}function Ze(s,o,t){var j;function l(){t!=null&&t.resolveComponentContext&&t.resolveComponentContext()}l();const f=t&&t.getStyles&&t.getStyles()||"",C=e.ref();function y(){return t&&t.checkCanMoveComponent?t.checkCanMoveComponent():!0}function V(){return!1}function P(){return t&&t.checkCanDeleteComponent?t.checkCanDeleteComponent():!0}function h(){return!0}function m(k){if(!k||!k.value)return null;const T=e.ref(k==null?void 0:k.value.parent),d=m(T);return d||null}function c(k=o){const{componentInstance:T,designerItemElementRef:d}=k;return!T||!T.value?null:T.value.canMove?d:c(k.parent)}function a(k){return!!t&&t.canAccepts(k)}function u(){return(o==null?void 0:o.schema.label)||(o==null?void 0:o.schema.title)||(o==null?void 0:o.schema.name)}function w(){}function x(k,T){T&&t!=null&&t.onAcceptMovedChildElement&&t.onAcceptMovedChildElement(T)}function O(k){const{componentType:T}=k;let d=G(T,k);t&&t.onResolveNewComponentSchema&&(d=t.onResolveNewComponentSchema(k,d));const D=T.toLowerCase().replace("-","_");return d&&!d.id&&d.type===T&&(d.id=`${D}_${Math.random().toString().slice(2,6)}`),d}function _(k,T){const d=String(k.getAttribute("data-controltype")),D=k.getAttribute("data-feature"),B=D?JSON.parse(D):{};B.parentComponentInstance=C.value;let p=G(d,B);t&&t.onAcceptNewChildElement&&(p=t.onAcceptNewChildElement(k,T,p));const n=d.toLowerCase().replace("-","_");return p&&!p.id&&p.type===d&&(p.id=`${n}_${Math.random().toString().slice(2,6)}`),p}function F(k){}function N(){return t&&t.getPropsConfig?t.getPropsConfig():[]}return C.value={canMove:y(),canSelectParent:V(),canDelete:P(),canNested:!h(),contents:[],elementRef:s,parent:(j=o.parent)==null?void 0:j.componentInstance,schema:o.schema,styles:f,canAccepts:a,getBelongedComponentInstance:m,getDraggableDesignItemElement:c,getDraggingDisplayText:u,getPropConfig:N,getDragScopeElement:w,onAcceptMovedChildElement:x,onAcceptNewChildElement:_,onChildElementMovedOut:F,addNewChildComponentSchema:O,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:!!t&&t.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!t&&t.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},C}const Ke=e.defineComponent({name:"FDesignerInnerItem",props:Qe,emits:["selectionChange","addComponent"],setup(s,o){const t=e.ref(s.canMove),l=e.ref(s.canAdd),f=e.ref(s.canDelete),C=e.ref(!1),y=e.ref(s.contentKey),V=e.ref(s.childType),P=e.ref(s.childLabel),h=e.ref(s.modelValue),m=e.ref(""),c=e.ref(),a=e.inject("canvas-dragula"),u=e.ref(),w=e.inject("design-item-context"),x={designerItemElementRef:c,componentInstance:u,schema:h.value,parent:w,setupContext:o};e.provide("design-item-context",x);const O=e.computed(()=>({"farris-component":!0,"position-relative":t.value&&f.value,"farris-nested":C.value,"can-move":t.value,"d-none":c.value&&c.value.classList.contains("d-none")})),_=e.computed(()=>{const n={};return m.value&&m.value.split(";").reduce((r,i)=>{const[g,M]=i.split(":");return g&&(r[g]=M),r},n),n});function F(n,r){if(w&&w.schema[y.value]){const i=w.schema[y.value].findIndex(g=>g.id===r.id);w.schema[y.value].splice(i,1),w.componentInstance.value.updateDragAndDropRules()}}function N(n){if(u.value.addNewChildComponentSchema){const r={componentType:V.value,label:P.value,parentComponentInstance:u.value,targetPosition:-1},i=u.value.addNewChildComponentSchema(r);h.value[y.value].push(i),o.emit("addComponent")}}function j(){return l.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:n=>{N()}},[e.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function k(n){return f.value&&e.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:r=>{F(r,n)}},[e.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function T(n){return e.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[e.createVNode("div",null,[j(),k(n)])])}e.watch(()=>s.modelValue,n=>{h.value=n,x.schema=n});function d(n){const r=n.target;Ye(r)}function D(){var n,r;(r=(n=h.value)==null?void 0:n.contents)!=null&&r.length&&c.value&&c.value.addEventListener("scroll",d)}function B(){const n=c.value,r=e.ref(n.children[1]);return Ze(r,x).value}e.onMounted(()=>{if(c.value){const n=c.value.querySelector(`[data-dragref='${h.value.id}-container']`);u.value=n&&n.componentInstance?n.componentInstance.value:B(),a&&n&&a.attachComponents(n,h.value),C.value=u.value.canNested!==void 0?u.value.canNested:C.value,t.value=u.value.canMove!==void 0?u.value.canMove:t.value,m.value=u.value.styles||"",c.value&&(c.value.componentInstance=u,c.value.designItemContext=x)}D(),le.value++}),e.onBeforeUnmount(()=>{c.value&&c.value.removeEventListener("scroll",d)});function p(n){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(i=>i.classList.remove("dgComponentFocused")),n&&(n.preventDefault(),n.stopPropagation());const r=c.value;if(r){const i=document.getElementsByClassName("dgComponentSelected");if(!(i&&i.length===1&&i[0]===c.value)){Array.from(i).forEach(v=>v.classList.remove("dgComponentSelected")),r.classList.add("dgComponentFocused"),o.emit("selectionChange",h.value.type,h.value);const M=u.value.getDraggableDesignItemElement(x);M&&M.value&&M.value.classList.add("dgComponentSelected")}}le.value++}return()=>e.createVNode("div",{id:`${s.id}-design-item`,ref:c,class:O.value,style:_.value,onClick:p},[T(h.value),o.slots.default&&o.slots.default()])}}),et={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}},ve=e.defineComponent({name:"FDesignerTemplateItem",props:et,emits:["selectionChange"],setup(s,o){const t=e.ref(),l=e.computed(()=>({"farris-component":!0}));function f(C){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(V=>V.classList.remove("dgComponentFocused")),C&&(C.preventDefault(),C.stopPropagation());const y=t.value;if(y){const V=document.getElementsByClassName("dgComponentSelected");V&&V.length===1&&V[0]===t.value||(Array.from(V).forEach(h=>h.classList.remove("dgComponentSelected")),y.classList.add("dgComponentFocused"))}le.value++}return()=>e.createVNode("div",{id:`${s.id}-design-item`,ref:t,class:l.value,onClick:f},[o.slots.default&&o.slots.default()])}}),tt=e.defineComponent({name:"FPageHeaderDesign",props:ee,emits:["Click"],setup(s,o){var m;const t=e.ref(),l=e.inject("design-item-context"),f=ze(l.schema,(m=l.parent)==null?void 0:m.schema),C=we(t,l,f),y=e.ref(l.schema.toolbar||{type:"response-toolbar",buttons:[]}),V=e.ref(Ne(y.value));e.onMounted(()=>{t.value.componentInstance=C}),e.watch(()=>l.schema.toolbar,()=>{y.value=l.schema.toolbar||{type:"response-toolbar",buttons:[]},V.value=Ne(y.value)},{deep:!0});const P=e.computed(()=>[...V.value.items]);function h(c,a){l.setupContext.emit("selectionChange",c,a)}return o.expose(C.value),()=>e.createVNode("div",{ref:t},[e.createVNode("nav",{class:"f-page-header-base"},[e.createVNode("div",{class:"f-title"},[e.createVNode(ve,null,{default:()=>[e.createVNode("span",{class:"f-title-icon f-text-orna-manage"},[e.createVNode("i",{class:s.icon},null)])]}),e.createVNode(ve,null,{default:()=>[e.createVNode("h4",{class:"f-title-text"},[s.title])]})]),e.createVNode(Ke,{class:"col-5",modelValue:y.value,"onUpdate:modelValue":c=>y.value=c,canAdd:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",onSelectionChange:h},{default:()=>[e.createVNode(Je,{items:P.value},null)]})])])}}),nt={install(s){s.component(te.name,te)},register(s,o,t){s["page-header"]=te,o["page-header"]=se},registerDesigner(s,o,t){s["page-header"]=tt,o["page-header"]=se}};W.PageHeader=te,W.default=nt,W.pageHeaderProps=ee,W.propsResolver=se,Object.defineProperties(W,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/page-header/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "page-header",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/page-header/index.d.ts"
-}