@farris/ui-vue 1.2.9 → 1.3.0

package/components/response-toolbar/index.umd.cjs

@@ -1 +1 @@
-(function($,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../designer-canvas/index.umd.js"],t):($=typeof globalThis<"u"?globalThis:$||self,t($["response-toolbar"]={},$.Vue,$.LodashES,$.common,$.designerCanvas))})(this,function($,t,q,z,re){"use strict";var et=Object.defineProperty;var tt=($,t,q)=>t in $?et($,t,{enumerable:!0,configurable:!0,writable:!0,value:q}):$[t]=q;var k=($,t,q)=>tt($,typeof t!="symbol"?t+"":t,q);class se{constructor(e){k(this,"id","");k(this,"class","btn-secondary");k(this,"icon","");k(this,"groupId","");k(this,"order",-1);k(this,"asDropDownTop",!1);k(this,"text","");k(this,"visible",!0);k(this,"responsed",!1);k(this,"tipsEnable",!1);k(this,"tipsText","");k(this,"width",0);k(this,"onClick",()=>{});k(this,"options");this.options=e;const r=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(e).filter(d=>r.indexOf(d)>-1).forEach(d=>{this[d]=e[d]})}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 ie extends se{constructor(e){super(e)}}function ce(){function i(e){const r=[];return e.reduce((d,f)=>(f.children&&f.children.length>0?d.push(new W(f)):d.push(new ie(f)),d),r),r}return{buildResponseToolbarItems:i}}const{buildResponseToolbarItems:Ce}=ce();class W extends se{constructor(r){super(r);k(this,"placement","");k(this,"dropdownClass","");k(this,"menuClass","");k(this,"split",!1);k(this,"children",[]);k(this,"expanded",!1);const d=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(r).filter(f=>d.indexOf(f)>-1).forEach(f=>{this[f]=r[f]}),r.children&&r.children.length&&(this.children=Ce(r.children))}}class we{constructor(e,r){k(this,"id");k(this,"name");k(this,"presetId",[]);k(this,"responsedIndex",[]);k(this,"width");this.id=e,this.name=r,this.width=0}setWidth(e){this.width=parseInt(e+"",10)}getWidth(){return this.width}setPreset(e){Array.isArray(e)?this.presetId=this.presetId.concat(e):this.presetId.push(e)}delPreset(){this.presetId=[]}removeResponsed(e){this.responsedIndex.splice(e,1)}setResponsed(e){Array.isArray(e)?this.responsedIndex=this.responsedIndex.concat(e):this.responsedIndex.push(e)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const H={},ae={};function J(i){const{properties:e,title:r,ignore:d}=i,f=d&&Array.isArray(d),w=Object.keys(e).reduce((b,D)=>((!f||!d.find(I=>I==D))&&(b[D]=e[D].type==="object"&&e[D].properties?J(e[D]):q.cloneDeep(e[D].default)),b),{});return(!f||!d.find(b=>b=="id"))&&(w.id=`${r}-${Date.now()}`),w}function U(i,e={},r){const d=H[i];if(d){let f=J(d);const w=ae[i];return f=w?w({getSchemaByType:U},f,e,r):f,f}return null}function ve(i,e){const r=J(e);return Object.keys(i).reduce((d,f)=>(d[f]&&typeof d[f]=="object"?Object.assign(d[f],i[f]):d[f]=i[f],d),r),r}function xe(i,e){return Object.keys(i).filter(d=>i[d]!=null).reduce((d,f)=>{if(e.has(f)){const w=e.get(f);if(typeof w=="string")d[w]=i[f];else{const b=w(f,i[f],i);Object.assign(d,b)}}else d[f]=i[f];return d},{})}function Te(i,e,r=new Map){const d=ve(i,e);return xe(d,r)}function je(i={}){function e(g,v,p,c){if(typeof p=="number")return c[g].length===p;if(typeof p=="object"){const m=Object.keys(p)[0],a=p[m];if(m==="not")return Number(c[g].length)!==Number(a);if(m==="moreThan")return Number(c[g].length)>=Number(a);if(m==="lessThan")return Number(c[g].length)<=Number(a)}return!1}function r(g,v,p,c){return c[g]&&c[g].propertyValue&&String(c[g].propertyValue.value)===String(p)}const d=new Map([["length",e],["getProperty",r]]);Object.keys(i).reduce((g,v)=>(g.set(v,i[v]),g),d);function f(g,v){const p=g;return typeof v=="number"?[{target:p,operator:"length",param:null,value:Number(v)}]:typeof v=="boolean"?[{target:p,operator:"getProperty",param:g,value:!!v}]:typeof v=="object"?Object.keys(v).map(c=>{if(c==="length")return{target:p,operator:"length",param:null,value:v[c]};const m=c,a=v[c];return{target:p,operator:"getProperty",param:m,value:a}}):[]}function w(g){return Object.keys(g).reduce((p,c)=>{const m=f(c,g[c]);return p.push(...m),p},[])}function b(g,v){if(d.has(g.operator)){const p=d.get(g.operator);return p&&p(g.target,g.param,g.value,v)||!1}return!1}function D(g,v){return w(g).reduce((m,a)=>m&&b(a,v),!0)}function I(g,v){const p=Object.keys(g),c=p.includes("allOf"),m=p.includes("anyOf"),a=c||m,T=(a?g[a?c?"allOf":"anyOf":"allOf"]:[g]).map(P=>D(P,v));return c?!T.includes(!1):T.includes(!0)}return{parseValueSchema:I}}const Q={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"}},le={},Ie={};je();function pe(i,e,r=new Map,d=(b,D,I)=>D,f={},w=b=>b){return H[e.title]=e,ae[e.title]=d,le[e.title]=f,Ie[e.title]=w,(b={})=>{const D=Te(b,e,r),I=Object.keys(i).reduce((g,v)=>(g[v]=i[v].default,g),{});return Object.assign(I,D)}}function De(i,e){return{customClass:e.class,customStyle:e.style}}const Pe=new Map([["buttons","items"],["appearance",De]]),Re=new Map([["appearance",Me]]);function Me(i,e){return{class:e.class,style:e.style}}function de(i,e,r){return e}const Se={$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"]},X={$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"]},ue={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:""}}}}},Y={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};H[X.title]=X,le[ue.title]=ue;const Ee=Object.assign({},Y,{componentId:{type:String,default:""}}),Z=pe(Y,Se,Pe,de),fe={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"}},Ne=pe(fe,X,Re,de);function me(){function i(r){const d={"f-icon":!0};if(r.icon){const f=r.icon.trim().split(" ");f&&f.length&&f.reduce((w,b)=>(w[b]=!0,w),d)}return d}function e(r){return!!(r.icon&&r.icon.trim())}return{iconClass:i,shouldShowIcon:e}}function ke(i){function e(p){const c={"dropdown-menu":!0};if(p.class){const m=p.menuClass.split(" ");m&&m.length&&m.reduce((a,y)=>(a[y]=!0,a),c)}return c}function r(p){const c={disabled:!p.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},m=p.dropdownClass.split(" ");return m&&m.length&&m.reduce((a,y)=>(a[y]=!0,a),c),c}function d(p){const c={disabled:!p.enable,"dropdown-item":!0,"f-rt-btn":!0},m=p.class.split(" ");return m&&m.length&&m.reduce((a,y)=>(a[y]=!0,a),c),c}let f;const w=new Map;function b(p,c,m){var y;((y=p.target)==null?void 0:y.id)===c.id&&p.stopPropagation();const a=m?m.id:"__top_item__";if(c.children&&c.children.length&&(c.expanded=!c.expanded,c.expanded?w.set(a,c):w.delete(a)),w.has(a)&&w.get(a)!==c){const C=w.get(a);C&&(C.expanded=!1)}}function D(p,c){document.body.click(),c.enable&&c.onClick(p,c.id)}function I(p){return p.children.map(c=>c.children&&c.children.length?t.createVNode("li",{class:r(c),id:c.id,onClick:m=>c.enable&&b(m,c,p)},[t.createVNode("span",{id:c.id,class:d(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)]),f(c,c)]):t.createVNode("li",{class:d(c),id:c.id,onClick:m=>D(m,c),onMouseover:m=>c.enable&&b(m,c,p)},[i.shouldShowIcon(c)&&t.createVNode("i",{class:i.iconClass(c)},null),c.text]))}function g(p,c,m){const a={display:p.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},y=document.getElementsByTagName("body")[0].getClientRects()[0].width,C=c,T=C==null?void 0:C.getClientRects();if(C&&T&&T.length){const{top:A,width:P,left:E,right:B,height:j}=T[0],h=Math.ceil(j+A);a.top=`${h}px`,a.left=`${E}px`;const R=p.id+"_menu",N=c?c.querySelector("#"+R):null;if(N){a.display==="block"&&(N.style.display="block");const l=N.getBoundingClientRect();if(m){a.top=`${A-6}px`;const o=Math.ceil(P+E);a.left=`${o}px`}y-E-P<l.width&&(a.left=`${(m?E:B)-l.width}px`)}}return a}f=function(p,c){var C,T;const m=t.getCurrentInstance(),a=c?c.id:p.id,y=(T=(C=m==null?void 0:m.exposed)==null?void 0:C.elementRef.value)==null?void 0:T.querySelector("#"+a);return t.createVNode("ul",{class:e(p),style:g(p,y,c),id:p.id+"_menu"},[I(p)])};function v(){w.forEach(p=>{p.expanded=!1}),w.clear()}return{renderDropdownMenu:f,clearAllDropDownMenu:v}}function Ae(i,e){const r=t.ref(i.alignment),{renderDropdownMenu:d,clearAllDropDownMenu:f}=ke(e);function w(v){const p={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":r.value==="right","f-btn-mr":r.value==="left"},c=v.dropdownClass.split(" ");return c&&c.length&&c.reduce((m,a)=>(m[a]=!0,m),p),p}function b(v){const p={btn:!0,disabled:!v.enable,"f-rt-btn":!0,"btn-icontext":!!(v.icon&&v.icon.trim())};if(v.class){const c=v.class.split(" ");c&&c.length&&c.reduce((m,a)=>(m[a]=!0,m),p)}return p}function D(v,p){v.stopPropagation();const c=p.expanded;document.body.click(),p.expanded=!c}function I(v){return t.createVNode("div",{id:v.id,class:w(v)},[t.createVNode("div",{class:b(v),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:p=>v.enable&&D(p,v)},[e.shouldShowIcon(v)&&t.createVNode("i",{class:e.iconClass(v)},null),t.createVNode("span",null,[v.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(v)])}function g(){f()}return{renderToolbarDropdown:I,clearAllDropDown:g}}const{buildResponseToolbarItems:ge}=ce(),G=t.defineComponent({name:"FResponseToolbar",props:Y,emits:["click"],setup(i,e){const r=t.ref(ge(i.items)),d=t.ref(),f=t.ref(),w=t.ref(),b=t.ref(i.alignment),D={id:"__more_buttons__",text:"更多"},I=t.ref(new W(D)),g=me(),v=t.computed(()=>I.value.children.length>0),p=t.computed(()=>{const h={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return z.getCustomClass(h,i.customClass)}),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}=Ae(i,g);function y(){r.value.filter(h=>h.children&&h.children.length>0).forEach(h=>{h.expanded=!1}),I.value.expanded=!1,a()}function C(h){const R={btn:!0,"f-rt-btn":!0,"f-btn-ml":b.value==="right","f-btn-mr":b.value==="left","btn-icontext":!!(h.icon&&h.icon.trim())};if(h.class){const N=h.class.split(" ");N&&N.length&&N.reduce((l,o)=>(l[o]=!0,l),R)}return R}function T(h,R){document.body.click(),R.onClick(h,R.id),e.emit("click",h,R.id)}function A(h){return t.createVNode("button",{type:"button",class:C(h),id:h.id,disabled:!h.enable,onClick:R=>T(R,h)},[g.shouldShowIcon(h)&&t.createVNode("i",{class:g.iconClass(h)},null),h.text])}const P=new Map,E=[];function B(h){const R=w.value;let N=h;const l=Array.from(R.children),o=l[l.length-1].id==="__more_buttons__"?l[l.length-1]:null;if(o){const x=o.computedStyleMap().get("margin-left"),S=o.computedStyleMap().get("margin-right"),_=(x?x.value:0)+o.getBoundingClientRect().width+(S?S.value:0);N-=_}const n=l.filter(x=>x.id!=="__more_buttons__");for(const x of n){const S=x.computedStyleMap().get("margin-left"),_=x.computedStyleMap().get("margin-right"),V=(S?S.value:0)+x.getBoundingClientRect().width+(_?_.value:0);N<V?(P.set(x.id,!0),E.push({id:x.id,width:V})):N-=V}if(E.length)for(let x=E.length-1;x>=0;x--){const S=E[x].width;if(N>=S)N-=S,P.delete(E[x].id),E.pop();else break}const s=Object.assign({},I.value);s.children=[];const u=new W(s),M=r.value.reduce((x,S)=>(P.has(S.id)&&u.children.push(S),S.visible=!P.has(S.id),x.push(S),x),[]);I.value=u,r.value=M}const j=new ResizeObserver(h=>{if(h.length){const N=h[0].contentRect.width,o=w.value.getBoundingClientRect().width;(N<o||E.length)&&(B(N),y())}});return t.onMounted(()=>{const h=f.value;j.observe(h),document.body.addEventListener("click",y),document.body.addEventListener("wheel",y)}),t.onUnmounted(()=>{j.disconnect(),document.body.removeEventListener("click",y),document.body.removeEventListener("wheel",y)}),t.watch(()=>i.items,()=>{r.value=ge(i.items)},{deep:!0}),e.expose({elementRef:d}),()=>t.createVNode("div",{class:p.value,ref:d},[t.createVNode("div",{ref:f,class:c.value},[t.createVNode("div",{ref:w,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[r.value.filter(h=>h.visible).map(h=>h.children&&h.children.length>0?m(h):A(h)),v.value&&m(I.value)])])])}});function Ve(i,e){const r=t.inject("design-item-context"),d=t.inject("toolbar-item-handler",()=>{});function f(){d&&d()}function w(o){const n={"dropdown-menu":!0};if(o.class){const s=o.menuClass.split(" ");s&&s.length&&s.reduce((u,M)=>(u[M]=!0,u),n)}return n}function b(o){const n={disabled:!o.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},s=o.dropdownClass.split(" ");return s&&s.length&&s.reduce((u,M)=>(u[M]=!0,u),n),n}function D(o){const n={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},s=o.class.split(" ");return s&&s.length&&s.reduce((u,M)=>(u[M]=!0,u),n),n}let I;const g=new Map;function v(o,n,s){var M;((M=o.target)==null?void 0:M.id)===n.id&&o.stopPropagation();const u=s?s.id:"__top_item__";if(n.children&&n.children.length&&(n.expanded=!n.expanded,n.expanded?g.set(u,n):g.delete(u)),g.has(u)&&g.get(u)!==n){const x=g.get(u);x&&(x.expanded=!1)}}function p(o){o&&(o.stopPropagation(),o.preventDefault())}function c(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(n=>n.classList.remove("dgComponentFocused"));const o=document.getElementsByClassName("dgComponentSelected");Array.from(o).forEach(n=>n.classList.remove("dgComponentSelected"))}function m(o){o.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function a(o){const{buttons:n=[]}=r.schema;let s=[];n.forEach(x=>{s=s.concat(x.children||[])});const u=s.findIndex(x=>x.id===o),M=u===-1?null:s[u];return{index:u,item:M}}function y(o){const{buttons:n=[]}=r.schema,s=n.findIndex(M=>M.id===o),u=s===-1?null:n[s];return{index:s,item:u}}function C(o){var u;r.schema;const{index:n,item:s}=a(o);(u=r==null?void 0:r.setupContext)==null||u.emit("selectionChange",s==null?void 0:s.type,s)}const T=function(o){const{componentType:n}=o,s=U(n,o),u=n.toLowerCase().replace("-","_");return s&&!s.id&&s.type===n&&(s.id=`${u}_${Math.random().toString().slice(2,6)}`),s},A=function(){const o={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return T(o)};function P(o,n){p(o),c(),m(o),C(n.id)}function E(o,n,s){p(o);const u=n.id,M=s&&s.id,{buttons:x=[]}=r.schema;if(!M)return;const{index:S}=y(M);if(S===-1)return;const{index:_}=a(u);_!==-1&&(x[S].children.splice(_,1),f())}function B(o,n,s){p(o);const u=s&&s.id,{buttons:M=[]}=r.schema;if(!u)return;const{index:x}=y(u);if(x===-1)return;const S=A(),_=Object.assign({},S,{text:n.text});M[x].children.push(_),f()}function j(o,n,s){p(o);const u=s&&s.id,{buttons:M=[]}=r.schema;if(!u)return;const{index:x}=y(u);if(x===-1)return;const S=A(),_=Object.assign({},S,{text:"按钮"});M[x].children.push(_),f()}function h(o,n){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=>E(s,o,n)},[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=>B(s,o,n)},[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:s=>j(s,o,n)},[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 R(o){return o.children.map(n=>n.children&&n.children.length?t.createVNode("li",{class:b(n),id:n.id,onClick:s=>n.enable&&v(s,n,o)},[t.createVNode("span",{id:n.id,class:D(n),onMouseover:s=>n.enable&&v(s,n,o)},[n.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),I(n,n)]):t.createVNode("li",{class:D(n),id:n.id,onClick:s=>P(s,n)},[h(n,o),i.shouldShowIcon(n)&&t.createVNode("i",{class:i.iconClass(n)},null),n.text]))}function N(o,n,s){const u={display:o.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},M=document.getElementsByTagName("body")[0].getClientRects()[0].width,x=n,S=x==null?void 0:x.getClientRects();if(x&&S&&S.length){const{top:_,width:V,left:O,right:F,height:L}=S[0],ne=Math.ceil(L+_);u.top=`${ne}px`,u.left=`${O}px`;const Ze=o.id+"_menu",oe=n?n.querySelector("#"+Ze):null;if(oe){u.display==="block"&&(oe.style.display="block");const ye=oe.getBoundingClientRect();if(s){u.top=`${_-6}px`;const Ke=Math.ceil(V+O);u.left=`${Ke}px`}M-O-V<ye.width&&(u.left=`${(s?O:F)-ye.width}px`)}}return u}I=function(o,n){var x,S;const s=t.getCurrentInstance(),u=n?n.id:o.id,M=(S=(x=s==null?void 0:s.exposed)==null?void 0:x.elementRef.value)==null?void 0:S.querySelector("#"+u);return t.createVNode("ul",{class:w(o),style:N(o,M,n),id:o.id+"_menu"},[R(o)])};function l(){g.forEach(o=>{o.expanded=!1}),g.clear()}return{renderDropdownMenu:I,clearAllDropDownMenu:l}}function Be(i,e,r){const d=t.ref(i.alignment),{renderDropdownMenu:f,clearAllDropDownMenu:w}=Ve(e,r),b=t.inject("design-item-context"),D=t.inject("toolbar-item-handler",()=>{});function I(){D&&D()}function g(l){const o={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":d.value==="right","f-btn-mr":d.value==="left"},n=l.dropdownClass.split(" ");return n&&n.length&&n.reduce((s,u)=>(s[u]=!0,s),o),o}function v(l){const o={btn:!0,disabled:!l.enable,"position-relative":!0,"farris-component":!0,"f-rt-btn":!0,"btn-icontext":!!(l.icon&&l.icon.trim())};if(l.class){const n=l.class.split(" ");n&&n.length&&n.reduce((s,u)=>(s[u]=!0,s),o)}return o}function p(l){l&&(l.stopPropagation(),l.preventDefault())}function c(l,o){p(l);const n=o.expanded;document.body.click(),o.expanded=!n}const m=function(l){const{componentType:o}=l,n=U(o,l),s=o.toLowerCase().replace("-","_");return n&&!n.id&&n.type===o&&(n.id=`${s}_${Math.random().toString().slice(2,6)}`),n},a=function(){const l={componentType:"response-toolbar-item",parentComponentInstance:r.value,targetPosition:-1};return m(l)};function y(l){const o=b.schema.buttons||b.schema.contents,n=o==null?void 0:o.findIndex(u=>u.id===l),s=n===-1?null:o[n];return{index:n,toolbarItem:s}}function C(l,o){var S;const{index:n,toolbarItem:s}=y(o);if(n===-1)return;const u=s.text||"按钮",M=a(),x=Object.assign({},M,{text:u});(S=b.schema.buttons)==null||S.push(x),I()}function T(l,o){const{index:n,toolbarItem:s}=y(o);if(n===-1)return;const u=s.text||"按钮",M=a(),x=Object.assign({},M,{text:u}),S=b.schema.buttons[n].children||[];S.push(x),b.schema.buttons[n].children=S,I()}function A(l,o){const n=b.schema.buttons||b.schema.contents,s=n==null?void 0:n.findIndex(u=>u.id===o);s!==-1&&(n.splice(s,1),I())}function P(l){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:o=>A(o,l)},[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:o=>C(o,l)},[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:o=>T(o,l)},[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(o=>o.classList.remove("dgComponentFocused"));const l=document.getElementsByClassName("dgComponentSelected");Array.from(l).forEach(o=>o.classList.remove("dgComponentSelected"))}function B(l){l.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function j(l){var u;const o=b.schema.buttons||b.schema.contents,n=o==null?void 0:o.findIndex(M=>M.id===l);if(n===-1)return;const s=o[n];(u=b==null?void 0:b.setupContext)==null||u.emit("selectionChange","response-toolbar-item",s)}function h(l,o){p(l),E(),B(l),p(l),c(l,o),j(o.id)}function R(l){return t.createVNode("div",{id:l.id,class:g(l)},[t.createVNode("div",{class:v(l),style:"display: flex;padding-right: 0.1rem;",onClick:o=>l.enable&&h(o,l)},[P(l.id),e.shouldShowIcon(l)&&t.createVNode("i",{class:e.iconClass(l)},null),t.createVNode("span",null,[l.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)]),f(l)])}function N(){w()}return{renderToolbarDropdown:R,clearAllDropDown:N}}function Oe(){function i(e){var f,w;if(!e)return!1;const r=((f=e.targetContainer)==null?void 0:f.componentInstance)&&e.targetContainer.componentInstance.value;if(!r)return!1;const d=(w=r.schema.appearance)==null?void 0:w.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const b=r.schema.type,D=(b==="response-form"||b==="content-container")&&d&&d.includes("farris-form");if(r.schema.type!=="response-layout-item"&&!D)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:i}}const $e={$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"}}},K=new Map;function he(){function i(a,y,C,T){var A;if(typeof C=="number")return((A=T[a])==null?void 0:A.length)===C;if(typeof C=="object"){const P=Object.keys(C)[0],E=C[P];if(P==="not")return Number(T[a].length)!==Number(E);if(P==="moreThan")return Number(T[a].length)>=Number(E);if(P==="lessThan")return Number(T[a].length)<=Number(E)}return!1}function e(a,y,C,T){return typeof C=="boolean"?T.childrenClassList.includes(y)===!!C:!1}function r(a,y,C,T){return typeof C=="boolean"?T.parentClassList.includes(y)===!!C:!1}function d(a,y,C,T){return typeof C=="boolean"?T.parentClassList.includes(y)===!!C:!1}const f=new Map([["length",i],["hasChildren",e],["hasSibling",d],["hasParent",r]]);function w(a,y){const C=a;return typeof y=="number"?[{target:C,operator:"length",param:null,value:Number(y)}]:typeof y=="object"?Object.keys(y).map(T=>{if(T==="length")return{target:C,operator:"length",param:null,value:y[T]};const A=T,P=y[T];return{target:C,operator:a==="children"?"hasChildren":a==="parent"?"hasParent":"hasSibling",param:A,value:P}}):[]}function b(a,y){if(f.has(a.operator)){const C=f.get(a.operator);return C&&C(a.target,a.param,a.value,y)||!1}return!1}function D(a,y){return Object.keys(a).reduce((P,E)=>{const B=w(E,a[E]);return P.push(...B),P},[]).reduce((P,E)=>P&&b(E,y),!0)}function I(a,y){const C=Object.keys(a),T=C.includes("allOf"),A=C.includes("anyOf"),P=T||A,j=(P?a[P?T?"allOf":"anyOf":"allOf"]:[a]).map(R=>D(R,y));return T?!j.includes(!1):j.includes(!0)}function g(a,y){const C=a.const;return C?typeof C=="boolean"?C:typeof C=="object"?I(C,y):!1:!1}function v(a){return y=>{const C={canAccept:!0,fixed:!1,hidePadding:!1};return a&&a.properties&&Object.keys(a.properties).reduce((T,A)=>{const P=a.properties[A];return T[A]=g(P,y),T},C),C}}function p(a,y,C){if(y.type==="object"&&y.properties){const{rules:T,contents:A}=y.properties;C.set(a,v(T)),A&&Object.keys(A.properties).forEach(P=>p(P,A.properties[P],C))}}function c(){const{properties:a}=$e;Object.keys(a).forEach(y=>{p(y,a[y],K)})}function m(a,y){const C={canAccept:!0,fixed:!1,hidePadding:!0};return K.has(a)?K.get(a)(y):C}return c(),{getRuleValue:m}}class ee{constructor(e,r){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var d;this.componentId=e,this.designerHostService=r,this.eventsEditorUtils=r.eventsEditorUtils,this.formSchemaUtils=r.formSchemaUtils,this.formMetadataConverter=r.formMetadataConverter,this.viewModelId=((d=this.formSchemaUtils)==null?void 0:d.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=r.designViewModelUtils,this.controlCreatorUtils=r.controlCreatorUtils,this.metadataService=r.metadataService,this.schemaService=r.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const r=e.binding&&e.binding.type==="Form"&&e.binding.field;if(r){if(!this.designViewModelField){const d=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=d.fields.find(f=>f.id===r)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,r){}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:Q[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 _e extends ee{constructor(e,r){super(e,r)}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:Q["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 Fe(i,e,r,d){const f=he(),w=t.ref(!1),b=t.ref(!1);let D=!0,I=!1,g;function v(j){return g&&g.componentClassList&&g.componentClassList.includes("f-form-layout")&&g.componentClassList.includes("farris-form")?j.sourceType==="control"&&j.controlCategory==="input"||j.sourceType==="move"&&j.controlType==="form-group":!0}function p(j){return!Oe().basalDragulaRuleForContainer(j)||!D||!v(j),!1}function c(){w.value=!1,b.value=!1;const j=i,h=j.appearance&&j.appearance.class||"",R=h.split(" "),N=j.buttons||[],l=N.length?N[0]:null,o=l&&l.appearance?l.appearance.class:"",n=o?o.split(" "):[],s=N.length?N.reduce((O,F)=>{const L=F&&F.appearance?F.appearance.class:"",ne=L?L.split(" "):[];return O.push(...ne),O},[]):[],u=r==null?void 0:r.schema,M=u&&u.appearance&&u.appearance.class||"",x=M?M.split(" "):[];g={componentClass:h,componentClassList:R,childContents:N,firstChildContent:l,firstChildClass:o,firstChildClassList:n,parent:u,parentClass:M,parentClassList:x,children:N,childrenClassList:s};const{canAccept:S,fixed:_,hidePadding:V}=f.getRuleValue(R[0],g);return D=S,I=V,!0}function m(j){}function a(){return i.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function y(j,h){return h.text=j.label,h}function C(j,h,R){const N=i;if((N.appearance&&N.appearance.class||"").split(" ").includes("f-form-layout")){const n=String(j.innerText),s=U("form-group");return s.editor=R,s.label=n,s}return R}function T(){return!1}function A(){return!1}function P(){return!0}function E(){return I}function B(j){return new _e(j,e).getPropertyConfig(i)}return{canAccepts:p,checkCanAddComponent:P,checkCanDeleteComponent:A,checkCanMoveComponent:T,getStyles:a,hideNestedPaddingInDesginerView:E,onAcceptNewChildElement:C,onAcceptMovedChildElement:m,onResolveNewComponentSchema:y,resolveComponentContext:c,getPropsConfig:B,triggerBelongedComponentToMoveWhenMoved:w,triggerBelongedComponentToDeleteWhenDeleted:b}}const Le={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}},te=t.ref(0);function We(i,e){const r=e.getBoundingClientRect(),d=i.getBoundingClientRect(),f=d.top>=r.top,w=d.top<=r.bottom;return f&&w}function Ue(i){if(!i)return;let e;if(i.className.includes("dgComponentSelected")?e=i:e=i.querySelector(".dgComponentSelected"),!e)return;const r=e.getBoundingClientRect();if(r.width===0&&r.height===0)return;const d=e.querySelector(".component-btn-group");if(d){if(!We(e,i)){d.style.display="none";return}d.style.display="";const w=d.getBoundingClientRect(),b=d.querySelector("div");if(b){const D=b.getBoundingClientRect();b.style.top=w.top+"px",b.style.left=w.left-D.width+"px"}}}function qe(i,e,r){var B;function d(){}const f="",w=t.ref();function b(){return!0}function D(){return!1}function I(){return!0}function g(){return!0}function v(){return!0}function p(j){if(!j||!j.value)return null;const h=t.ref(j==null?void 0:j.value.parent),R=p(h);return R||null}function c(j=e){const{componentInstance:h,designerItemElementRef:R}=j;return!h||!h.value?null:h.value.canMove||h.value.canAdd||h.value.canDelete?R:c(j.parent)}function m(j){return!!r}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 y(){}function C(j,h){}function T(j){const{componentType:h}=j;let R=U(h,j);const N=h.toLowerCase().replace("-","_");return R&&!R.id&&R.type===h&&(R.id=`${N}_${Math.random().toString().slice(2,6)}`),R}function A(j,h){const R=String(j.getAttribute("data-controltype")),N=j.getAttribute("data-feature"),l=N?JSON.parse(N):{};l.parentComponentInstance=w.value;let o=U(R,l);const n=R.toLowerCase().replace("-","_");return o&&!o.id&&o.type===R&&(o.id=`${n}_${Math.random().toString().slice(2,6)}`),o}function P(j){}function E(...j){return[]}return w.value={canMove:b(),canSelectParent:D(),canAdd:g(),canDelete:I(),canNested:!v(),contents:[],elementRef:i,parent:(B=e.parent)==null?void 0:B.componentInstance,schema:e.schema,styles:f,canAccepts:m,getBelongedComponentInstance:p,getDraggableDesignItemElement:c,getDraggingDisplayText:a,getPropConfig:E,getDragScopeElement:y,onAcceptMovedChildElement:C,onAcceptNewChildElement:A,onChildElementMovedOut:P,addNewChildComponentSchema:T,updateDragAndDropRules:d,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},w}const ze=t.defineComponent({name:"FDesignerInnerItem",props:Le,emits:["selectionChange","addComponent","removeComponent"],setup(i,e){const r=t.ref(i.canMove),d=t.ref(i.canAdd),f=t.ref(i.canDelete),w=t.ref(!1),b=t.ref(i.contentKey),D=t.ref(i.childType),I=t.ref(i.childLabel),g=t.ref(i.modelValue),v=t.ref(""),p=t.ref(),c=t.inject("canvas-dragula"),m=t.ref(),a=t.inject("design-item-context"),y={designerItemElementRef:p,componentInstance:m,schema:g.value,parent:a,setupContext:e};t.provide("design-item-context",y);const C=t.computed(()=>({"farris-component":!0,"flex-fill":i.id=="root-component","position-relative":r.value||f.value,"farris-nested":w.value,"can-move":r.value,"d-none":p.value&&p.value.classList.contains("d-none")})),T=t.computed(()=>{const n={};return v.value&&v.value.split(";").reduce((s,u)=>{const[M,x]=u.split(":");return M&&(s[M]=x),s},n),n});function A(n,s){if(a&&a.schema[b.value]){const u=a.schema[b.value].findIndex(M=>M.id===s.id);if(u>-1){const M=a.schema[b.value].length,x=a.schema[b.value][u%M];a.designerItemElementRef.value.querySelector(`#${x.id}-design-item`),a.schema[b.value].splice(u,1),a.componentInstance.value.updateDragAndDropRules(),te.value++,e.emit("removeComponent")}}}function P(n){if(m.value.addNewChildComponentSchema){const s={componentType:D.value,label:I.value,parentComponentInstance:m.value,targetPosition:-1},u=m.value.addNewChildComponentSchema(s);g.value[b.value].push(u),e.emit("addComponent")}}function E(){return d.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:n=>{P()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function B(n){return f.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(s=>A(s,n),["stop"])},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function j(){return r.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 h(n){return t.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[t.createVNode("div",null,[E(),j(),B(n)])])}t.watch(()=>i.modelValue,n=>{g.value=n,y.schema=n});function R(n){const s=n.target;Ue(s)}function N(){var n,s;(s=(n=g.value)==null?void 0:n.contents)!=null&&s.length&&p.value&&p.value.addEventListener("scroll",R)}function l(){const n=p.value,s=t.ref(n.children[1]);return qe(s,y).value}t.onMounted(()=>{if(p.value){const n=p.value.querySelector(`[data-dragref='${g.value.id}-container']`);m.value=n&&n.componentInstance?n.componentInstance.value:l(),c&&n&&c.attachComponents(n,g.value),w.value=m.value.canNested!==void 0?m.value.canNested:w.value,d.value=m.value.canAdd!==void 0?m.value.canAdd:d.value,f.value=m.value.canDelete!==void 0?m.value.canDelete:f.value,r.value=m.value.canMove!==void 0?m.value.canMove:r.value,v.value=m.value.styles||"",p.value&&(p.value.componentInstance=m,p.value.designItemContext=y)}N(),te.value++}),t.onBeforeUnmount(()=>{p.value&&p.value.removeEventListener("scroll",R)});function o(n){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(u=>u.classList.remove("dgComponentFocused")),n&&(n.preventDefault(),n.stopPropagation());const s=p.value;if(s){const u=document.getElementsByClassName("dgComponentSelected");if(!(u&&u.length===1&&u[0]===p.value)){Array.from(u).forEach(S=>S.classList.remove("dgComponentSelected")),s.classList.add("dgComponentFocused"),e.emit("selectionChange",g.value.type,g.value,i.componentId,m.value);const x=m.value.getDraggableDesignItemElement(y);x&&x.value&&x.value.classList.add("dgComponentSelected")}}te.value++}return()=>t.createVNode("div",{id:`${i.id}-design-item`,ref:p,class:C.value,style:T.value,onClick:o},[h(g.value),e.slots.default&&e.slots.default()])}});class Ge extends ee{constructor(e,r){super(e,r)}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(r,d){}}}getEventPropConfig(e){const r=[{label:"click",name:"点击事件"}];var d=this;const f=d.eventsEditorUtils.formProperties(e,d.viewModelId,r),w={};w[d.viewModelId]={type:"events-editor",editor:{initialData:f}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:w,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,D){const I=b.propertyValue;delete e[d.viewModelId],I&&(I.setPropertyRelates=this.setPropertyRelates,d.eventsEditorUtils.saveRelatedParameters(e,d.viewModelId,I.events,I))}}}}class He extends ee{constructor(e,r){super(e,r)}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:Q["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 r=[{label:"click",name:"点击事件"}],d=this,f=d.eventsEditorUtils.formProperties(e,d.viewModelId,r),w={};w[d.viewModelId]={type:"events-editor",editor:{initialData:f}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:w,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,D){const I=b.propertyValue;delete e[d.viewModelId],I&&(I.setPropertyRelates=this.setPropertyRelates,d.eventsEditorUtils.saveRelatedParameters(e,d.viewModelId,I.events,I))}}}}function Je(i,e){he();const r=t.ref(!1),d=t.ref(!1);let f=!1,w=!1;function b(C){return!1}function D(C){}function I(){return""}function g(C,T){return T.text=C.label,T}function v(C,T,A){const P=i.schema;if((P.appearance&&P.appearance.class||"").split(" ").includes("f-form-layout")){const j=String(C.innerText),h=U("form-group");return h.editor=A,h.label=j,h}return A}function p(){return!1}function c(){return!w}function m(){return!1}function a(){return f}function y(C){let T;switch(i.schema.type){case"tab-toolbar-item":T=new Ge(C,e);break;default:T=new He(C,e)}return T.getPropertyConfig(i.schema)}return{canAccepts:b,checkCanAddComponent:m,checkCanDeleteComponent:c,checkCanMoveComponent:p,getStyles:I,hideNestedPaddingInDesginerView:a,onAcceptNewChildElement:v,onAcceptMovedChildElement:D,onResolveNewComponentSchema:g,getPropsConfig:y,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:d}}const be=t.defineComponent({name:"FResponseToolbarItemDesign",props:fe,emits:["Click"],setup(i,e){t.ref(),t.ref();const r=t.ref(i.alignment),d={id:"__more_buttons__",text:"More"},f=t.ref(new W(d));t.computed(()=>f.value.children.length>0);const w=t.ref(),b=t.inject("designer-host-service"),D=t.inject("design-item-context"),I=Je(D,b),g=re.useDesignerInnerComponent(w,D,I);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{w.value.componentInstance=g}),e.expose(g.value);function v(){const m={"f-icon":!0},a=i.icon?i.icon.trim():"";return z.getCustomClass(m,a)}function p(){return!!(i.icon&&i.icon.trim())}function c(){const m={btn:!0,"f-rt-btn":!0,"f-btn-ml":r.value==="right","f-btn-mr":r.value==="left","btn-icontext":!!(i.icon&&i.icon.trim())};return z.getCustomClass(m,i.class)}return t.onMounted(()=>{}),t.onUnmounted(()=>{}),()=>t.createVNode("div",{ref:w,"data-dragref":`${D.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:c(),id:i.id},[p()&&t.createVNode("i",{class:v()},null),i.text])])}}),Qe=t.defineComponent({name:"FResponseToolbarDesign",props:Ee,emits:["Click"],setup(i,e){const r=t.ref(i.items);let d=new Array(r.value.length).fill(t.ref());const f=t.ref(),w=t.ref(),b=t.ref(i.alignment),D={id:"__more_buttons__",text:"More"},I=t.ref(new W(D)),g=me();t.computed(()=>I.value.children.length>0);const v=t.ref(),p=t.inject("designer-host-service"),c=t.inject("design-item-context"),m=Fe(c.schema,p,c),a=re.useDesignerInnerComponent(v,c,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{v.value.componentInstance=a}),e.expose(a.value);const y=t.computed(()=>{const l={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return z.getCustomClass(l,i.customClass)}),C=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":b.value==="right","justify-content-start":b.value==="left"})),{renderToolbarDropdown:T,clearAllDropDown:A}=Be(i,g,a);function P(){r.value.filter(l=>l.children&&l.children.length>0).forEach(l=>{l.expanded=!1}),I.value.expanded=!1,A()}const E=new Map,B=[];function j(l){const o=w.value;let n=l;const s=Array.from(o.children),u=s[s.length-1].id==="__more_buttons__"?s[s.length-1]:null;if(u){const V=u.computedStyleMap().get("margin-left"),O=u.computedStyleMap().get("margin-right"),F=(V?V.value:0)+u.getBoundingClientRect().width+(O?O.value:0);n-=F}const M=s.filter(V=>V.id!=="__more_buttons__");for(const V of M){const O=V.computedStyleMap().get("margin-left"),F=V.computedStyleMap().get("margin-right"),L=(O?O.value:0)+V.getBoundingClientRect().width+(F?F.value:0);n<L?(E.set(V.id,!0),B.push({id:V.id,width:L})):n-=L}if(B.length)for(let V=B.length-1;V>=0;V--){const O=B[V].width;if(n>=O)n-=O,E.delete(B[V].id),B.pop();else break}const x=Object.assign({},I.value);x.children=[];const S=new W(x),_=r.value.reduce((V,O)=>(E.has(O.id)&&S.children.push(O),O.visible=!E.has(O.id),V.push(O),V),[]);I.value=S,r.value=_}const h=new ResizeObserver(l=>{if(l.length){const n=l[0].contentRect.width,u=w.value.getBoundingClientRect().width;(n<u||B.length)&&j(n)}});t.onMounted(()=>{const l=f.value;h.observe(l),document.body.addEventListener("click",P)}),t.onUnmounted(()=>{h.disconnect(),document.body.removeEventListener("click",P)}),t.watch(()=>i.items,()=>{r.value=i.items},{deep:!0}),t.watch(r,l=>{d=new Array(r.value.length).fill(t.ref())});function R(l,o,n,s){c&&c.setupContext&&c.setupContext.emit("selectionChange",l,o,n,s)}function N(){const l=w.value.querySelector(".dgComponentFocused.dgComponentSelected");l==null||l.classList.remove("dgComponentSelected"),l==null||l.classList.remove("dgComponentFocused")}return()=>t.createVNode("div",{ref:v,"data-dragref":`${c.schema.id}-container`,class:y.value},[t.createVNode("div",{ref:f,class:C.value},[t.createVNode("div",{ref:w,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[r.value.map((l,o)=>t.createVNode(ze,{ref:d[o],class:"p-0 display-inline-block",modelValue:l,"onUpdate:modelValue":n=>l=n,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:i.componentId,id:l.id,style:"padding:0 !important;display:inline-block",onSelectionChange:R,onRemoveComponent:N},{default:()=>{var n;return[t.createVNode(be,{id:l.id,disable:l.disable,text:l.text,icon:l.icon,class:((n=l.appearance)==null?void 0:n.class)||"btn-secondary",alignment:i.alignment||"right",componentId:i.componentId},null)]}}))])])])}}),Xe=Z;G.register=(i,e,r)=>{i["response-toolbar"]=G,e["response-toolbar"]=Z},G.registerDesigner=(i,e,r)=>{i["response-toolbar"]=Qe,e["response-toolbar"]=Z,i["response-toolbar-item"]=be,e["response-toolbar-item"]=Ne};const Ye=z.withInstall(G);$.FResponseToolbar=G,$.ResponseToolbarDropDownItem=W,$.ResponseToolbarGroup=we,$.ResponseToolbarItem=ie,$.default=Ye,$.responseToolbarResolver=Xe,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function($,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js","../designer-canvas/index.umd.js"],t):($=typeof globalThis<"u"?globalThis:$||self,t($["response-toolbar"]={},$.Vue,$.LodashES,$.common,$.designerCanvas))})(this,function($,t,L,z,re){"use strict";var et=Object.defineProperty;var tt=($,t,L)=>t in $?et($,t,{enumerable:!0,configurable:!0,writable:!0,value:L}):$[t]=L;var k=($,t,L)=>tt($,typeof t!="symbol"?t+"":t,L);class se{constructor(e){k(this,"id","");k(this,"class","btn-secondary");k(this,"icon","");k(this,"groupId","");k(this,"order",-1);k(this,"asDropDownTop",!1);k(this,"text","");k(this,"visible",!0);k(this,"responsed",!1);k(this,"tipsEnable",!1);k(this,"tipsText","");k(this,"width",0);k(this,"onClick",()=>{});k(this,"options");this.options=e;const r=["id","class","icon","groupId","order","asDropDownTop","text","isDP","visible","responsed","width","tipsEnable","tipsText","onClick"];Object.keys(e).filter(a=>r.indexOf(a)>-1).forEach(a=>{this[a]=e[a]})}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 ie extends se{constructor(e){super(e)}}function ce(){function i(e){const r=[];return e.reduce((a,u)=>(u.children&&u.children.length>0?a.push(new U(u)):a.push(new ie(u)),a),r),r}return{buildResponseToolbarItems:i}}const{buildResponseToolbarItems:Ce}=ce();class U extends se{constructor(r){super(r);k(this,"placement","");k(this,"dropdownClass","");k(this,"menuClass","");k(this,"split",!1);k(this,"children",[]);k(this,"expanded",!1);const a=["isDP","class","dropdownClass","menuClass","placement","split","expanded"];Object.keys(r).filter(u=>a.indexOf(u)>-1).forEach(u=>{this[u]=r[u]}),r.children&&r.children.length&&(this.children=Ce(r.children))}}class we{constructor(e,r){k(this,"id");k(this,"name");k(this,"presetId",[]);k(this,"responsedIndex",[]);k(this,"width");this.id=e,this.name=r,this.width=0}setWidth(e){this.width=parseInt(e+"",10)}getWidth(){return this.width}setPreset(e){Array.isArray(e)?this.presetId=this.presetId.concat(e):this.presetId.push(e)}delPreset(){this.presetId=[]}removeResponsed(e){this.responsedIndex.splice(e,1)}setResponsed(e){Array.isArray(e)?this.responsedIndex=this.responsedIndex.concat(e):this.responsedIndex.push(e)}isResponsing(){return this.responsedIndex.length>0}isResponsed(){return this.presetId.length===this.responsedIndex.length}}const H={},ae={};function J(i){const{properties:e,title:r,ignore:a}=i,u=a&&Array.isArray(a),y=Object.keys(e).reduce((b,I)=>((!u||!a.find(D=>D==I))&&(b[I]=e[I].type==="object"&&e[I].properties?J(e[I]):L.cloneDeep(e[I].default)),b),{});return(!u||!a.find(b=>b=="id"))&&(y.id=`${r}-${Date.now()}`),y}function q(i,e={},r){const a=H[i];if(a){let u=J(a);const y=ae[i];return u=y?y({getSchemaByType:q},u,e,r):u,u}return null}function ve(i,e){const r=J(e);return Object.keys(i).reduce((a,u)=>(a[u]&&L.isPlainObject(a[u])&&L.isPlainObject(i[u])?Object.assign(a[u],i[u]):a[u]=i[u],a),r),r}function xe(i,e){return Object.keys(i).filter(a=>i[a]!=null).reduce((a,u)=>{if(e.has(u)){const y=e.get(u);if(typeof y=="string")a[y]=i[u];else{const b=y(u,i[u],i);Object.assign(a,b)}}else a[u]=i[u];return a},{})}function Te(i,e,r=new Map){const a=ve(i,e);return xe(a,r)}function je(i={}){function e(g,v,d,c){if(typeof d=="number")return c[g].length===d;if(typeof d=="object"){const m=Object.keys(d)[0],l=d[m];if(m==="not")return Number(c[g].length)!==Number(l);if(m==="moreThan")return Number(c[g].length)>=Number(l);if(m==="lessThan")return Number(c[g].length)<=Number(l)}return!1}function r(g,v,d,c){return c[g]&&c[g].propertyValue&&String(c[g].propertyValue.value)===String(d)}const a=new Map([["length",e],["getProperty",r]]);Object.keys(i).reduce((g,v)=>(g.set(v,i[v]),g),a);function u(g,v){const d=g;return typeof v=="number"?[{target:d,operator:"length",param:null,value:Number(v)}]:typeof v=="boolean"?[{target:d,operator:"getProperty",param:g,value:!!v}]:typeof v=="object"?Object.keys(v).map(c=>{if(c==="length")return{target:d,operator:"length",param:null,value:v[c]};const m=c,l=v[c];return{target:d,operator:"getProperty",param:m,value:l}}):[]}function y(g){return Object.keys(g).reduce((d,c)=>{const m=u(c,g[c]);return d.push(...m),d},[])}function b(g,v){if(a.has(g.operator)){const d=a.get(g.operator);return d&&d(g.target,g.param,g.value,v)||!1}return!1}function I(g,v){return y(g).reduce((m,l)=>m&&b(l,v),!0)}function D(g,v){const d=Object.keys(g),c=d.includes("allOf"),m=d.includes("anyOf"),l=c||m,T=(l?g[l?c?"allOf":"anyOf":"allOf"]:[g]).map(R=>I(R,v));return c?!T.includes(!1):T.includes(!0)}return{parseValueSchema:D}}const Q={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},le={},De={};je();function pe(i,e,r=new Map,a=(b,I,D)=>I,u={},y=b=>b){return H[e.title]=e,ae[e.title]=a,le[e.title]=u,De[e.title]=y,(b={})=>{const I=Te(b,e,r),D=Object.keys(i).reduce((g,v)=>(g[v]=i[v].default,g),{});return Object.assign(D,I)}}function Ie(i,e){return{customClass:e.class,customStyle:e.style}}const Pe=new Map([["buttons","items"],["appearance",Ie]]),Re=new Map([["appearance",Se]]);function Se(i,e){return{class:e.class,style:e.style}}function de(i,e,r){return e}const Me={$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"]},X={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-toolbar-item.schema.json",title:"response-toolbar-item",description:"A Farris Toolbar Item Component",type:"object",properties:{id:{description:"The unique identifier for a Response Toolbar",type:"string"},type:{description:"The type string of Response Toolbar",type:"string",default:"response-toolbar-item"},appearance:{description:"",type:"object",properties:{class:{type:"string",default:"btn-primary"},style:{type:"string"}},default:{}},alignment:{description:"对齐",type:"string",default:"right"},text:{description:"文本",type:"string",default:"新增"},icon:{description:"图标",type:"string",default:""},onClick:{description:"点击事件",type:"string",default:""}},required:["id","type","text"]},ue={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:""}}}}},Y={customClass:{type:String,default:""},alignment:{Type:String,default:"right"},items:{Type:Array,default:[]}};H[X.title]=X,le[ue.title]=ue;const Ee=Object.assign({},Y,{componentId:{type:String,default:""}}),Z=pe(Y,Me,Pe,de),fe={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"}},Ne=pe(fe,X,Re,de);function me(){function i(r){const a={"f-icon":!0};if(r.icon){const u=r.icon.trim().split(" ");u&&u.length&&u.reduce((y,b)=>(y[b]=!0,y),a)}return a}function e(r){return!!(r.icon&&r.icon.trim())}return{iconClass:i,shouldShowIcon:e}}function ke(i){function e(d){const c={"dropdown-menu":!0};if(d.class){const m=d.menuClass.split(" ");m&&m.length&&m.reduce((l,C)=>(l[C]=!0,l),c)}return c}function r(d){const c={disabled:!d.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},m=d.dropdownClass.split(" ");return m&&m.length&&m.reduce((l,C)=>(l[C]=!0,l),c),c}function a(d){const c={disabled:!d.enable,"dropdown-item":!0,"f-rt-btn":!0},m=d.class.split(" ");return m&&m.length&&m.reduce((l,C)=>(l[C]=!0,l),c),c}let u;const y=new Map;function b(d,c,m){var C;((C=d.target)==null?void 0:C.id)===c.id&&d.stopPropagation();const l=m?m.id:"__top_item__";if(c.children&&c.children.length&&(c.expanded=!c.expanded,c.expanded?y.set(l,c):y.delete(l)),y.has(l)&&y.get(l)!==c){const w=y.get(l);w&&(w.expanded=!1)}}function I(d,c){document.body.click(),c.enable&&c.onClick(d,c.id)}function D(d){return d.children.map(c=>c.children&&c.children.length?t.createVNode("li",{class:r(c),id:c.id,onClick:m=>c.enable&&b(m,c,d)},[t.createVNode("span",{id:c.id,class:a(c),onMouseover:m=>c.enable&&b(m,c,d)},[c.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),u(c,c)]):t.createVNode("li",{class:a(c),id:c.id,onClick:m=>I(m,c),onMouseover:m=>c.enable&&b(m,c,d)},[i.shouldShowIcon(c)&&t.createVNode("i",{class:i.iconClass(c)},null),c.text]))}function g(d,c,m){const l={display:d.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},C=document.getElementsByTagName("body")[0].getClientRects()[0].width,w=c,T=w==null?void 0:w.getClientRects();if(w&&T&&T.length){const{top:A,width:R,left:E,right:B,height:j}=T[0],h=Math.ceil(j+A);l.top=`${h}px`,l.left=`${E}px`;const P=d.id+"_menu",N=c?c.querySelector("#"+P):null;if(N){l.display==="block"&&(N.style.display="block");const p=N.getBoundingClientRect();if(m){l.top=`${A-6}px`;const o=Math.ceil(R+E);l.left=`${o}px`}C-E-R<p.width&&(l.left=`${(m?E:B)-p.width}px`)}}return l}u=function(d,c){var w,T;const m=t.getCurrentInstance(),l=c?c.id:d.id,C=(T=(w=m==null?void 0:m.exposed)==null?void 0:w.elementRef.value)==null?void 0:T.querySelector("#"+l);return t.createVNode("ul",{class:e(d),style:g(d,C,c),id:d.id+"_menu"},[D(d)])};function v(){y.forEach(d=>{d.expanded=!1}),y.clear()}return{renderDropdownMenu:u,clearAllDropDownMenu:v}}function Ae(i,e){const r=t.ref(i.alignment),{renderDropdownMenu:a,clearAllDropDownMenu:u}=ke(e);function y(v){const d={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":r.value==="right","f-btn-mr":r.value==="left"},c=v.dropdownClass.split(" ");return c&&c.length&&c.reduce((m,l)=>(m[l]=!0,m),d),d}function b(v){const d={btn:!0,disabled:!v.enable,"f-rt-btn":!0,"btn-icontext":!!(v.icon&&v.icon.trim())};if(v.class){const c=v.class.split(" ");c&&c.length&&c.reduce((m,l)=>(m[l]=!0,m),d)}return d}function I(v,d){v.stopPropagation();const c=d.expanded;document.body.click(),d.expanded=!c}function D(v){return t.createVNode("div",{id:v.id,class:y(v)},[t.createVNode("div",{class:b(v),style:"display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",onClick:d=>v.enable&&I(d,v)},[e.shouldShowIcon(v)&&t.createVNode("i",{class:e.iconClass(v)},null),t.createVNode("span",null,[v.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),a(v)])}function g(){u()}return{renderToolbarDropdown:D,clearAllDropDown:g}}const{buildResponseToolbarItems:ge}=ce(),G=t.defineComponent({name:"FResponseToolbar",props:Y,emits:["click"],setup(i,e){const r=t.ref(ge(i.items)),a=t.ref(),u=t.ref(),y=t.ref(),b=t.ref(i.alignment),I={id:"__more_buttons__",text:"更多"},D=t.ref(new U(I)),g=me(),v=t.computed(()=>D.value.children.length>0),d=t.computed(()=>{const h={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return z.getCustomClass(h,i.customClass)}),c=t.computed(()=>({"w-100":!0,"d-flex":!0,"flex-nowrap":!0,"justify-content-end":b.value==="right","justify-content-start":b.value==="left"})),{renderToolbarDropdown:m,clearAllDropDown:l}=Ae(i,g);function C(){r.value.filter(h=>h.children&&h.children.length>0).forEach(h=>{h.expanded=!1}),D.value.expanded=!1,l()}function w(h){const P={btn:!0,"f-rt-btn":!0,"f-btn-ml":b.value==="right","f-btn-mr":b.value==="left","btn-icontext":!!(h.icon&&h.icon.trim())};if(h.class){const N=h.class.split(" ");N&&N.length&&N.reduce((p,o)=>(p[o]=!0,p),P)}return P}function T(h,P){document.body.click(),typeof P.onClick=="function"&&P.onClick(h,P.id),e.emit("click",h,P.id)}function A(h){return t.createVNode("button",{type:"button",class:w(h),id:h.id,disabled:!h.enable,onClick:P=>T(P,h)},[g.shouldShowIcon(h)&&t.createVNode("i",{class:g.iconClass(h)},null),h.text])}const R=new Map,E=[];function B(h){const P=y.value;let N=h;const p=Array.from(P.children),o=p[p.length-1].id==="__more_buttons__"?p[p.length-1]:null;if(o){const x=o.computedStyleMap().get("margin-left"),M=o.computedStyleMap().get("margin-right"),_=(x?x.value:0)+o.getBoundingClientRect().width+(M?M.value:0);N-=_}const n=p.filter(x=>x.id!=="__more_buttons__");for(const x of n){const M=x.computedStyleMap().get("margin-left"),_=x.computedStyleMap().get("margin-right"),V=(M?M.value:0)+x.getBoundingClientRect().width+(_?_.value:0);N<V?(R.set(x.id,!0),E.push({id:x.id,width:V})):N-=V}if(E.length)for(let x=E.length-1;x>=0;x--){const M=E[x].width;if(N>=M)N-=M,R.delete(E[x].id),E.pop();else break}const s=Object.assign({},D.value);s.children=[];const f=new U(s),S=r.value.reduce((x,M)=>(R.has(M.id)&&f.children.push(M),M.visible=!R.has(M.id),x.push(M),x),[]);D.value=f,r.value=S}const j=new ResizeObserver(h=>{if(h.length){const N=h[0].contentRect.width,o=y.value.getBoundingClientRect().width;(N<o||E.length)&&(B(N),C())}});return t.onMounted(()=>{const h=u.value;j.observe(h),document.body.addEventListener("click",C),document.body.addEventListener("wheel",C)}),t.onUnmounted(()=>{j.disconnect(),document.body.removeEventListener("click",C),document.body.removeEventListener("wheel",C)}),t.watch(()=>i.items,()=>{r.value=ge(i.items)},{deep:!0}),e.expose({elementRef:a}),()=>t.createVNode("div",{class:d.value,ref:a},[t.createVNode("div",{ref:u,class:c.value},[t.createVNode("div",{ref:y,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[r.value.filter(h=>h.visible).map(h=>h.children&&h.children.length>0?m(h):A(h)),v.value&&m(D.value)])])])}});function Ve(i,e){const r=t.inject("design-item-context"),a=t.inject("toolbar-item-handler",()=>{});function u(){a&&a()}function y(o){const n={"dropdown-menu":!0};if(o.class){const s=o.menuClass.split(" ");s&&s.length&&s.reduce((f,S)=>(f[S]=!0,f),n)}return n}function b(o){const n={disabled:!o.enable,"dropdown-submenu":!0,"f-rt-dropdown":!0},s=o.dropdownClass.split(" ");return s&&s.length&&s.reduce((f,S)=>(f[S]=!0,f),n),n}function I(o){const n={disabled:!o.enable,"dropdown-item":!0,"f-rt-btn":!0,"position-relative":!0,"farris-component":!0},s=o.class.split(" ");return s&&s.length&&s.reduce((f,S)=>(f[S]=!0,f),n),n}let D;const g=new Map;function v(o,n,s){var S;((S=o.target)==null?void 0:S.id)===n.id&&o.stopPropagation();const f=s?s.id:"__top_item__";if(n.children&&n.children.length&&(n.expanded=!n.expanded,n.expanded?g.set(f,n):g.delete(f)),g.has(f)&&g.get(f)!==n){const x=g.get(f);x&&(x.expanded=!1)}}function d(o){o&&(o.stopPropagation(),o.preventDefault())}function c(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(n=>n.classList.remove("dgComponentFocused"));const o=document.getElementsByClassName("dgComponentSelected");Array.from(o).forEach(n=>n.classList.remove("dgComponentSelected"))}function m(o){o.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function l(o){const{buttons:n=[]}=r.schema;let s=[];n.forEach(x=>{s=s.concat(x.children||[])});const f=s.findIndex(x=>x.id===o),S=f===-1?null:s[f];return{index:f,item:S}}function C(o){const{buttons:n=[]}=r.schema,s=n.findIndex(S=>S.id===o),f=s===-1?null:n[s];return{index:s,item:f}}function w(o){var f;r.schema;const{index:n,item:s}=l(o);(f=r==null?void 0:r.setupContext)==null||f.emit("selectionChange",s==null?void 0:s.type,s)}const T=function(o){const{componentType:n}=o,s=q(n,o),f=n.toLowerCase().replace("-","_");return s&&!s.id&&s.type===n&&(s.id=`${f}_${Math.random().toString().slice(2,6)}`),s},A=function(){const o={componentType:"response-toolbar-item",parentComponentInstance:e.value,targetPosition:-1};return T(o)};function R(o,n){d(o),c(),m(o),w(n.id)}function E(o,n,s){d(o);const f=n.id,S=s&&s.id,{buttons:x=[]}=r.schema;if(!S)return;const{index:M}=C(S);if(M===-1)return;const{index:_}=l(f);_!==-1&&(x[M].children.splice(_,1),u())}function B(o,n,s){d(o);const f=s&&s.id,{buttons:S=[]}=r.schema;if(!f)return;const{index:x}=C(f);if(x===-1)return;const M=A(),_=Object.assign({},M,{text:n.text});S[x].children.push(_),u()}function j(o,n,s){d(o);const f=s&&s.id,{buttons:S=[]}=r.schema;if(!f)return;const{index:x}=C(f);if(x===-1)return;const M=A(),_=Object.assign({},M,{text:"按钮"});S[x].children.push(_),u()}function h(o,n){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=>E(s,o,n)},[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=>B(s,o,n)},[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:s=>j(s,o,n)},[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 P(o){return o.children.map(n=>n.children&&n.children.length?t.createVNode("li",{class:b(n),id:n.id,onClick:s=>n.enable&&v(s,n,o)},[t.createVNode("span",{id:n.id,class:I(n),onMouseover:s=>n.enable&&v(s,n,o)},[n.text,t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-right",style:"display: inline-block;float: right;line-height: 1.25rem;"},null)]),D(n,n)]):t.createVNode("li",{class:I(n),id:n.id,onClick:s=>R(s,n)},[h(n,o),i.shouldShowIcon(n)&&t.createVNode("i",{class:i.iconClass(n)},null),n.text]))}function N(o,n,s){const f={display:o.expanded?"block":"none",position:"fixed",maxWidth:"300px",width:"auto",minWidth:"120px"},S=document.getElementsByTagName("body")[0].getClientRects()[0].width,x=n,M=x==null?void 0:x.getClientRects();if(x&&M&&M.length){const{top:_,width:V,left:O,right:F,height:W}=M[0],ne=Math.ceil(W+_);f.top=`${ne}px`,f.left=`${O}px`;const Ze=o.id+"_menu",oe=n?n.querySelector("#"+Ze):null;if(oe){f.display==="block"&&(oe.style.display="block");const ye=oe.getBoundingClientRect();if(s){f.top=`${_-6}px`;const Ke=Math.ceil(V+O);f.left=`${Ke}px`}S-O-V<ye.width&&(f.left=`${(s?O:F)-ye.width}px`)}}return f}D=function(o,n){var x,M;const s=t.getCurrentInstance(),f=n?n.id:o.id,S=(M=(x=s==null?void 0:s.exposed)==null?void 0:x.elementRef.value)==null?void 0:M.querySelector("#"+f);return t.createVNode("ul",{class:y(o),style:N(o,S,n),id:o.id+"_menu"},[P(o)])};function p(){g.forEach(o=>{o.expanded=!1}),g.clear()}return{renderDropdownMenu:D,clearAllDropDownMenu:p}}function Be(i,e,r){const a=t.ref(i.alignment),{renderDropdownMenu:u,clearAllDropDownMenu:y}=Ve(e,r),b=t.inject("design-item-context"),I=t.inject("toolbar-item-handler",()=>{});function D(){I&&I()}function g(p){const o={"btn-group":!0,"f-rt-dropdown":!0,"f-btn-ml":a.value==="right","f-btn-mr":a.value==="left"},n=p.dropdownClass.split(" ");return n&&n.length&&n.reduce((s,f)=>(s[f]=!0,s),o),o}function v(p){const o={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 n=p.class.split(" ");n&&n.length&&n.reduce((s,f)=>(s[f]=!0,s),o)}return o}function d(p){p&&(p.stopPropagation(),p.preventDefault())}function c(p,o){d(p);const n=o.expanded;document.body.click(),o.expanded=!n}const m=function(p){const{componentType:o}=p,n=q(o,p),s=o.toLowerCase().replace("-","_");return n&&!n.id&&n.type===o&&(n.id=`${s}_${Math.random().toString().slice(2,6)}`),n},l=function(){const p={componentType:"response-toolbar-item",parentComponentInstance:r.value,targetPosition:-1};return m(p)};function C(p){const o=b.schema.buttons||b.schema.contents,n=o==null?void 0:o.findIndex(f=>f.id===p),s=n===-1?null:o[n];return{index:n,toolbarItem:s}}function w(p,o){var M;const{index:n,toolbarItem:s}=C(o);if(n===-1)return;const f=s.text||"按钮",S=l(),x=Object.assign({},S,{text:f});(M=b.schema.buttons)==null||M.push(x),D()}function T(p,o){const{index:n,toolbarItem:s}=C(o);if(n===-1)return;const f=s.text||"按钮",S=l(),x=Object.assign({},S,{text:f}),M=b.schema.buttons[n].children||[];M.push(x),b.schema.buttons[n].children=M,D()}function A(p,o){const n=b.schema.buttons||b.schema.contents,s=n==null?void 0:n.findIndex(f=>f.id===o);s!==-1&&(n.splice(s,1),D())}function R(p){return t.createVNode("div",{class:"component-btn-group"},[t.createVNode("div",null,[t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeButton",style:"position:static;",onClick:o=>A(o,p)},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"复制",ref:"copyButton",style:"position:static;",onClick:o=>w(o,p)},[t.createVNode("i",{class:"f-icon f-icon-yxs_copy"},null)]),t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增子级",ref:"appendChildButton",style:"width:85px!important;padding:0 5px;position:static;",onClick:o=>T(o,p)},[t.createVNode("i",{class:"f-icon f-icon-plus-circle text-white mr-1"},null),t.createVNode("span",{style:"font-size:13px;margin:auto"},[t.createTextVNode("新增子级")])])])])}function E(){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(o=>o.classList.remove("dgComponentFocused"));const p=document.getElementsByClassName("dgComponentSelected");Array.from(p).forEach(o=>o.classList.remove("dgComponentSelected"))}function B(p){p.currentTarget.classList.add("dgComponentFocused","dgComponentSelected")}function j(p){var f;const o=b.schema.buttons||b.schema.contents,n=o==null?void 0:o.findIndex(S=>S.id===p);if(n===-1)return;const s=o[n];(f=b==null?void 0:b.setupContext)==null||f.emit("selectionChange","response-toolbar-item",s)}function h(p,o){d(p),E(),B(p),d(p),c(p,o),j(o.id)}function P(p){return t.createVNode("div",{id:p.id,class:g(p)},[t.createVNode("div",{class:v(p),style:"display: flex;padding-right: 0.1rem;",onClick:o=>p.enable&&h(o,p)},[R(p.id),e.shouldShowIcon(p)&&t.createVNode("i",{class:e.iconClass(p)},null),t.createVNode("span",null,[p.text]),t.createVNode("i",{class:"f-icon f-icon-arrow-chevron-down",style:"display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"},null)]),u(p)])}function N(){y()}return{renderToolbarDropdown:P,clearAllDropDown:N}}function Oe(){function i(e){var u,y;if(!e)return!1;const r=((u=e.targetContainer)==null?void 0:u.componentInstance)&&e.targetContainer.componentInstance.value;if(!r)return!1;const a=(y=r.schema.appearance)==null?void 0:y.class;if(e.controlCategory==="input"||e.controlType==="form-group"){const b=r.schema.type,I=(b==="response-form"||b==="content-container")&&a&&a.includes("farris-form");if(r.schema.type!=="response-layout-item"&&!I)return!1}return e.controlType!=="field-set"}return{basalDragulaRuleForContainer:i}}const $e={$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"}}},K=new Map;function he(){function i(l,C,w,T){var A;if(typeof w=="number")return((A=T[l])==null?void 0:A.length)===w;if(typeof w=="object"){const R=Object.keys(w)[0],E=w[R];if(R==="not")return Number(T[l].length)!==Number(E);if(R==="moreThan")return Number(T[l].length)>=Number(E);if(R==="lessThan")return Number(T[l].length)<=Number(E)}return!1}function e(l,C,w,T){return typeof w=="boolean"?T.childrenClassList.includes(C)===!!w:!1}function r(l,C,w,T){return typeof w=="boolean"?T.parentClassList.includes(C)===!!w:!1}function a(l,C,w,T){return typeof w=="boolean"?T.parentClassList.includes(C)===!!w:!1}const u=new Map([["length",i],["hasChildren",e],["hasSibling",a],["hasParent",r]]);function y(l,C){const w=l;return typeof C=="number"?[{target:w,operator:"length",param:null,value:Number(C)}]:typeof C=="object"?Object.keys(C).map(T=>{if(T==="length")return{target:w,operator:"length",param:null,value:C[T]};const A=T,R=C[T];return{target:w,operator:l==="children"?"hasChildren":l==="parent"?"hasParent":"hasSibling",param:A,value:R}}):[]}function b(l,C){if(u.has(l.operator)){const w=u.get(l.operator);return w&&w(l.target,l.param,l.value,C)||!1}return!1}function I(l,C){return Object.keys(l).reduce((R,E)=>{const B=y(E,l[E]);return R.push(...B),R},[]).reduce((R,E)=>R&&b(E,C),!0)}function D(l,C){const w=Object.keys(l),T=w.includes("allOf"),A=w.includes("anyOf"),R=T||A,j=(R?l[R?T?"allOf":"anyOf":"allOf"]:[l]).map(P=>I(P,C));return T?!j.includes(!1):j.includes(!0)}function g(l,C){const w=l.const;return w?typeof w=="boolean"?w:typeof w=="object"?D(w,C):!1:!1}function v(l){return C=>{const w={canAccept:!0,fixed:!1,hidePadding:!1};return l&&l.properties&&Object.keys(l.properties).reduce((T,A)=>{const R=l.properties[A];return T[A]=g(R,C),T},w),w}}function d(l,C,w){if(C.type==="object"&&C.properties){const{rules:T,contents:A}=C.properties;w.set(l,v(T)),A&&Object.keys(A.properties).forEach(R=>d(R,A.properties[R],w))}}function c(){const{properties:l}=$e;Object.keys(l).forEach(C=>{d(C,l[C],K)})}function m(l,C){const w={canAccept:!0,fixed:!1,hidePadding:!0};return K.has(l)?K.get(l)(C):w}return c(),{getRuleValue:m}}class ee{constructor(e,r){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var a;this.componentId=e,this.designerHostService=r,this.eventsEditorUtils=r.eventsEditorUtils,this.formSchemaUtils=r.formSchemaUtils,this.formMetadataConverter=r.formMetadataConverter,this.viewModelId=((a=this.formSchemaUtils)==null?void 0:a.getViewModelIdByComponentId(e))||"",this.designViewModelUtils=r.designViewModelUtils,this.controlCreatorUtils=r.controlCreatorUtils,this.metadataService=r.metadataService,this.schemaService=r.schemaService}getTableInfo(){var e;return(e=this.schemaService)==null?void 0:e.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(e){const r=e.binding&&e.binding.type==="Form"&&e.binding.field;if(r){if(!this.designViewModelField){const a=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=a.fields.find(u=>u.id===r)}e.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(e,r){}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:Q[e.type].name}]}}}}}getAppearanceConfig(e=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(e,r){const a=r&&r.parent&&r.parent.schema;if(!a)return;const u=a.contents.findIndex(b=>b.id===e),y=L.cloneDeep(a.contents[u]);a.contents.splice(u,1),a.contents.splice(u,0,y)}}class _e extends ee{constructor(e,r){super(e,r)}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:Q["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 Fe(i,e,r,a){const u=he(),y=t.ref(!1),b=t.ref(!1);let I=!0,D=!1,g;function v(j){return g&&g.componentClassList&&g.componentClassList.includes("f-form-layout")&&g.componentClassList.includes("farris-form")?j.sourceType==="control"&&j.controlCategory==="input"||j.sourceType==="move"&&j.controlType==="form-group":!0}function d(j){return!Oe().basalDragulaRuleForContainer(j)||!I||!v(j),!1}function c(){y.value=!1,b.value=!1;const j=i,h=j.appearance&&j.appearance.class||"",P=h.split(" "),N=j.buttons||[],p=N.length?N[0]:null,o=p&&p.appearance?p.appearance.class:"",n=o?o.split(" "):[],s=N.length?N.reduce((O,F)=>{const W=F&&F.appearance?F.appearance.class:"",ne=W?W.split(" "):[];return O.push(...ne),O},[]):[],f=r==null?void 0:r.schema,S=f&&f.appearance&&f.appearance.class||"",x=S?S.split(" "):[];g={componentClass:h,componentClassList:P,childContents:N,firstChildContent:p,firstChildClass:o,firstChildClassList:n,parent:f,parentClass:S,parentClassList:x,children:N,childrenClassList:s};const{canAccept:M,fixed:_,hidePadding:V}=u.getRuleValue(P[0],g);return I=M,D=V,!0}function m(j){}function l(){return i.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function C(j,h){return h.text=j.label,h}function w(j,h,P){const N=i;if((N.appearance&&N.appearance.class||"").split(" ").includes("f-form-layout")){const n=String(j.innerText),s=q("form-group");return s.editor=P,s.label=n,s}return P}function T(){return!1}function A(){return!1}function R(){return!0}function E(){return D}function B(j){return new _e(j,e).getPropertyConfig(i)}return{canAccepts:d,checkCanAddComponent:R,checkCanDeleteComponent:A,checkCanMoveComponent:T,getStyles:l,hideNestedPaddingInDesginerView:E,onAcceptNewChildElement:w,onAcceptMovedChildElement:m,onResolveNewComponentSchema:C,resolveComponentContext:c,getPropsConfig:B,triggerBelongedComponentToMoveWhenMoved:y,triggerBelongedComponentToDeleteWhenDeleted:b}}const Le={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}},te=t.ref(0);function We(i,e){const r=e.getBoundingClientRect(),a=i.getBoundingClientRect(),u=a.top>=r.top,y=a.top<=r.bottom;return u&&y}function Ue(i){if(!i)return;let e;if(i.className.includes("dgComponentSelected")?e=i:e=i.querySelector(".dgComponentSelected"),!e)return;const r=e.getBoundingClientRect();if(r.width===0&&r.height===0)return;const a=e.querySelector(".component-btn-group");if(a){if(!We(e,i)){a.style.display="none";return}a.style.display="";const y=a.getBoundingClientRect(),b=a.querySelector("div");if(b){const I=b.getBoundingClientRect();b.style.top=y.top+"px",b.style.left=y.left-I.width+"px"}}}function qe(i,e,r){var B;function a(){}const u="",y=t.ref();function b(){return!0}function I(){return!1}function D(){return!0}function g(){return!0}function v(){return!0}function d(j){if(!j||!j.value)return null;const h=t.ref(j==null?void 0:j.value.parent),P=d(h);return P||null}function c(j=e){const{componentInstance:h,designerItemElementRef:P}=j;return!h||!h.value?null:h.value.canMove||h.value.canAdd||h.value.canDelete?P:c(j.parent)}function m(j){return!!r}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 C(){}function w(j,h){}function T(j){const{componentType:h}=j;let P=q(h,j);const N=h.toLowerCase().replace("-","_");return P&&!P.id&&P.type===h&&(P.id=`${N}_${Math.random().toString().slice(2,6)}`),P}function A(j,h){const P=String(j.getAttribute("data-controltype")),N=j.getAttribute("data-feature"),p=N?JSON.parse(N):{};p.parentComponentInstance=y.value;let o=q(P,p);const n=P.toLowerCase().replace("-","_");return o&&!o.id&&o.type===P&&(o.id=`${n}_${Math.random().toString().slice(2,6)}`),o}function R(j){}function E(...j){return[]}return y.value={canMove:b(),canSelectParent:I(),canAdd:g(),canDelete:D(),canNested:!v(),contents:[],elementRef:i,parent:(B=e.parent)==null?void 0:B.componentInstance,schema:e.schema,styles:u,canAccepts:m,getBelongedComponentInstance:d,getDraggableDesignItemElement:c,getDraggingDisplayText:l,getPropConfig:E,getDragScopeElement:C,onAcceptMovedChildElement:w,onAcceptNewChildElement:A,onChildElementMovedOut:R,addNewChildComponentSchema:T,updateDragAndDropRules:a,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},y}const ze=t.defineComponent({name:"FDesignerInnerItem",props:Le,emits:["selectionChange","addComponent","removeComponent"],setup(i,e){const r=t.ref(i.canMove),a=t.ref(i.canAdd),u=t.ref(i.canDelete),y=t.ref(!1),b=t.ref(i.contentKey),I=t.ref(i.childType),D=t.ref(i.childLabel),g=t.ref(i.modelValue),v=t.ref(""),d=t.ref(),c=t.inject("canvas-dragula"),m=t.ref(),l=t.inject("design-item-context"),C={designerItemElementRef:d,componentInstance:m,schema:g.value,parent:l,setupContext:e};t.provide("design-item-context",C);const w=t.computed(()=>({"farris-component":!0,"flex-fill":i.id=="root-component","position-relative":r.value||u.value,"farris-nested":y.value,"can-move":r.value,"d-none":d.value&&d.value.classList.contains("d-none")})),T=t.computed(()=>{const n={};return v.value&&v.value.split(";").reduce((s,f)=>{const[S,x]=f.split(":");return S&&(s[S]=x),s},n),n});function A(n,s){if(l&&l.schema[b.value]){const f=l.schema[b.value].findIndex(S=>S.id===s.id);if(f>-1){const S=l.schema[b.value].length,x=l.schema[b.value][f%S];l.designerItemElementRef.value.querySelector(`#${x.id}-design-item`),l.schema[b.value].splice(f,1),l.componentInstance.value.updateDragAndDropRules(),te.value++,e.emit("removeComponent")}}}function R(n){if(m.value.addNewChildComponentSchema){const s={componentType:I.value,label:D.value,parentComponentInstance:m.value,targetPosition:-1},f=m.value.addNewChildComponentSchema(s);g.value[b.value].push(f),e.emit("addComponent")}}function E(){return a.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"新增",ref:"removeComponent",onClick:n=>{R()}},[t.createVNode("i",{class:"f-icon f-icon-plus-circle"},null)])}function B(n){return u.value&&t.createVNode("div",{role:"button",class:"btn component-settings-button",title:"删除",ref:"removeComponent",onClick:t.withModifiers(s=>A(s,n),["stop"])},[t.createVNode("i",{class:"f-icon f-icon-yxs_delete"},null)])}function j(){return r.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 h(n){return t.createVNode("div",{class:"component-btn-group","data-noattach":"true"},[t.createVNode("div",null,[E(),j(),B(n)])])}t.watch(()=>i.modelValue,n=>{g.value=n,C.schema=n});function P(n){const s=n.target;Ue(s)}function N(){var n,s;(s=(n=g.value)==null?void 0:n.contents)!=null&&s.length&&d.value&&d.value.addEventListener("scroll",P)}function p(){const n=d.value,s=t.ref(n.children[1]);return qe(s,C).value}t.onMounted(()=>{if(d.value){const n=d.value.querySelector(`[data-dragref='${g.value.id}-container']`);m.value=n&&n.componentInstance?n.componentInstance.value:p(),c&&n&&c.attachComponents(n,g.value),y.value=m.value.canNested!==void 0?m.value.canNested:y.value,a.value=m.value.canAdd!==void 0?m.value.canAdd:a.value,u.value=m.value.canDelete!==void 0?m.value.canDelete:u.value,r.value=m.value.canMove!==void 0?m.value.canMove:r.value,v.value=m.value.styles||"",d.value&&(d.value.componentInstance=m,d.value.designItemContext=C)}N(),te.value++}),t.onBeforeUnmount(()=>{d.value&&d.value.removeEventListener("scroll",P)});function o(n){Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(f=>f.classList.remove("dgComponentFocused")),n&&(n.preventDefault(),n.stopPropagation());const s=d.value;if(s){const f=document.getElementsByClassName("dgComponentSelected");if(!(f&&f.length===1&&f[0]===d.value)){Array.from(f).forEach(M=>M.classList.remove("dgComponentSelected")),s.classList.add("dgComponentFocused"),e.emit("selectionChange",g.value.type,g.value,i.componentId,m.value);const x=m.value.getDraggableDesignItemElement(C);x&&x.value&&x.value.classList.add("dgComponentSelected")}}te.value++}return()=>t.createVNode("div",{id:`${i.id}-design-item`,ref:d,class:w.value,style:T.value,onClick:o},[h(g.value),e.slots.default&&e.slots.default()])}});class Ge extends ee{constructor(e,r){super(e,r)}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(r,a){}}}getEventPropConfig(e){const r=[{label:"onClick",name:"点击事件"}];var a=this;const u=a.eventsEditorUtils.formProperties(e,a.viewModelId,r),y={};y[a.viewModelId]={type:"events-editor",editor:{initialData:u}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:y,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,I){const D=b.propertyValue;delete e[a.viewModelId],D&&(D.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(e,a.viewModelId,D.events,D))}}}}class He extends ee{constructor(e,r){super(e,r)}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:Q["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 r=[{label:"onClick",name:"点击事件"}],a=this,u=a.eventsEditorUtils.formProperties(e,a.viewModelId,r),y={};y[a.viewModelId]={type:"events-editor",editor:{initialData:u}},this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:y,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(b,I){const D=b.propertyValue;delete e[a.viewModelId],D&&(D.setPropertyRelates=this.setPropertyRelates,a.eventsEditorUtils.saveRelatedParameters(e,a.viewModelId,D.events,D))}}}}function Je(i,e){he();const r=t.ref(!1),a=t.ref(!1);let u=!1,y=!1;function b(w){return!1}function I(w){}function D(){return""}function g(w,T){return T.text=w.label,T}function v(w,T,A){const R=i.schema;if((R.appearance&&R.appearance.class||"").split(" ").includes("f-form-layout")){const j=String(w.innerText),h=q("form-group");return h.editor=A,h.label=j,h}return A}function d(){return!1}function c(){return!y}function m(){return!1}function l(){return u}function C(w){let T;switch(i.schema.type){case"tab-toolbar-item":T=new Ge(w,e);break;default:T=new He(w,e)}return T.getPropertyConfig(i.schema)}return{canAccepts:b,checkCanAddComponent:m,checkCanDeleteComponent:c,checkCanMoveComponent:d,getStyles:D,hideNestedPaddingInDesginerView:l,onAcceptNewChildElement:v,onAcceptMovedChildElement:I,onResolveNewComponentSchema:g,getPropsConfig:C,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:a}}const be=t.defineComponent({name:"FResponseToolbarItemDesign",props:fe,emits:["Click"],setup(i,e){t.ref(),t.ref();const r=t.ref(i.alignment),a={id:"__more_buttons__",text:"More"},u=t.ref(new U(a));t.computed(()=>u.value.children.length>0);const y=t.ref(),b=t.inject("designer-host-service"),I=t.inject("design-item-context"),D=Je(I,b),g=re.useDesignerInnerComponent(y,I,D);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{y.value.componentInstance=g}),e.expose(g.value);function v(){const m={"f-icon":!0},l=i.icon?i.icon.trim():"";return z.getCustomClass(m,l)}function d(){return!!(i.icon&&i.icon.trim())}function c(){const m={btn:!0,"f-rt-btn":!0,"f-btn-ml":r.value==="right","f-btn-mr":r.value==="left","btn-icontext":!!(i.icon&&i.icon.trim())};return z.getCustomClass(m,i.class)}return t.onMounted(()=>{}),t.onUnmounted(()=>{}),()=>t.createVNode("div",{ref:y,"data-dragref":`${I.schema.id}-container`,class:"farris-component position-relative",style:"display:inline-block!important;"},[t.createVNode("button",{type:"button",class:c(),id:i.id},[d()&&t.createVNode("i",{class:v()},null),i.text])])}}),Qe=t.defineComponent({name:"FResponseToolbarDesign",props:Ee,emits:["Click"],setup(i,e){const r=t.ref(i.items);let a=new Array(r.value.length).fill(t.ref());const u=t.ref(),y=t.ref(),b=t.ref(i.alignment),I={id:"__more_buttons__",text:"More"},D=t.ref(new U(I)),g=me();t.computed(()=>D.value.children.length>0);const v=t.ref(),d=t.inject("designer-host-service"),c=t.inject("design-item-context"),m=Fe(c.schema,d,c),l=re.useDesignerInnerComponent(v,c,m);t.inject("toolbar-item-handler",()=>{}),t.onMounted(()=>{v.value.componentInstance=l}),e.expose(l.value);const C=t.computed(()=>{const p={"f-toolbar":!0,"f-response-toolbar":!0,"position-relative":!0};return z.getCustomClass(p,i.customClass)}),w=t.computed(()=>({"d-flex":!0,"flex-nowrap":!0,"justify-content-end":b.value==="right","justify-content-start":b.value==="left"})),{renderToolbarDropdown:T,clearAllDropDown:A}=Be(i,g,l);function R(){r.value.filter(p=>p.children&&p.children.length>0).forEach(p=>{p.expanded=!1}),D.value.expanded=!1,A()}const E=new Map,B=[];function j(p){const o=y.value;let n=p;const s=Array.from(o.children),f=s[s.length-1].id==="__more_buttons__"?s[s.length-1]:null;if(f){const V=f.computedStyleMap().get("margin-left"),O=f.computedStyleMap().get("margin-right"),F=(V?V.value:0)+f.getBoundingClientRect().width+(O?O.value:0);n-=F}const S=s.filter(V=>V.id!=="__more_buttons__");for(const V of S){const O=V.computedStyleMap().get("margin-left"),F=V.computedStyleMap().get("margin-right"),W=(O?O.value:0)+V.getBoundingClientRect().width+(F?F.value:0);n<W?(E.set(V.id,!0),B.push({id:V.id,width:W})):n-=W}if(B.length)for(let V=B.length-1;V>=0;V--){const O=B[V].width;if(n>=O)n-=O,E.delete(B[V].id),B.pop();else break}const x=Object.assign({},D.value);x.children=[];const M=new U(x),_=r.value.reduce((V,O)=>(E.has(O.id)&&M.children.push(O),O.visible=!E.has(O.id),V.push(O),V),[]);D.value=M,r.value=_}const h=new ResizeObserver(p=>{if(p.length){const n=p[0].contentRect.width,f=y.value.getBoundingClientRect().width;(n<f||B.length)&&j(n)}});t.onMounted(()=>{const p=u.value;h.observe(p),document.body.addEventListener("click",R)}),t.onUnmounted(()=>{h.disconnect(),document.body.removeEventListener("click",R)}),t.watch(()=>i.items,()=>{r.value=i.items},{deep:!0}),t.watch(r,p=>{a=new Array(r.value.length).fill(t.ref())});function P(p,o,n,s){c&&c.setupContext&&c.setupContext.emit("selectionChange",p,o,n,s)}function N(){const p=y.value.querySelector(".dgComponentFocused.dgComponentSelected");p==null||p.classList.remove("dgComponentSelected"),p==null||p.classList.remove("dgComponentFocused")}return()=>t.createVNode("div",{ref:v,"data-dragref":`${c.schema.id}-container`,class:C.value},[t.createVNode("div",{ref:u,class:w.value},[t.createVNode("div",{ref:y,class:"d-inline-block f-response-content",style:"white-space: nowrap;"},[r.value.map((p,o)=>t.createVNode(ze,{ref:a[o],class:"p-0 display-inline-block",modelValue:p,"onUpdate:modelValue":n=>p=n,canMove:!0,childType:"response-toolbar-item",childLabel:"按钮",contentKey:"buttons",componentId:i.componentId,id:p.id,style:"padding:0 !important;display:inline-block",onSelectionChange:P,onRemoveComponent:N},{default:()=>{var n;return[t.createVNode(be,{id:p.id,disable:p.disable,text:p.text,icon:p.icon,class:((n=p.appearance)==null?void 0:n.class)||"btn-secondary",alignment:i.alignment||"right",componentId:i.componentId},null)]}}))])])])}}),Xe=Z;G.register=(i,e,r)=>{i["response-toolbar"]=G,e["response-toolbar"]=Z},G.registerDesigner=(i,e,r)=>{i["response-toolbar"]=Qe,e["response-toolbar"]=Z,i["response-toolbar-item"]=be,e["response-toolbar-item"]=Ne};const Ye=z.withInstall(G);$.FResponseToolbar=G,$.ResponseToolbarDropDownItem=U,$.ResponseToolbarGroup=we,$.ResponseToolbarItem=ie,$.default=Ye,$.responseToolbarResolver=Xe,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/schema-selector/index.css

@@ -1 +1 @@
-.fade{transition:opacity .2s linear}.fade:not(.show){opacity:0}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}.f-schema-selector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-schema-selector .farris-tabs-header{display:flex;align-items:center;min-width:400px;width:100%;height:44px;border:1px solid #e5e9ef;background:#f9f9fc;margin:0!important;padding:.75rem 0 .75rem 5rem!important}.f-schema-selector .farris-tabs-header .nav-item{margin-right:5rem!important}.f-schema-selector .container{padding:0}.f-navForm-item{margin:20px 0 2px 20px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;cursor:pointer}.f-listview-active .f-navForm-item,.f-listview-active .f-navForm-item:hover,.f-listview-active .f-navlookup-item,.f-listview-active .f-navlookup-item:hover{background-color:#c9e1ff!important}.f-navForm-leftIcon{flex:1}.f-navForm-itemIcon{width:42px;height:42px;background-image:linear-gradient(-45deg,#41d2bd,#1fc8dc);border-radius:12px}.f-navForm-rightText{flex:4}.f-navForm-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navForm-item-active{align-content:space-between;padding:15px 0 8px 18px;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;border:1px solid #e5e9ef;background-color:#edf5fc!important;margin:20px 0 2px 20px;cursor:pointer}.f-navForm-name{width:fit-content;max-width:200px;display:inline-block;vertical-align:center;height:20px;font-family:PingFangSC-Regular;font-size:14px;color:#2e4c70;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navForm-source{width:fit-content;max-width:200px;height:22px;font-family:PingFangSC-Regular;font-size:13px;color:#8999b9;font-weight:400;background:#f7f9fc;border-radius:4px;padding:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navlookup-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navlookup-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navlookup-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important}.f-navlookup-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navlookup-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navlookup-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}.f-navUdt-item{border:1px solid #e5e9ef;width:115px;height:100px;background:#fafbfc;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navUdt-item-active{border:1px solid #e5e9ef;background-color:#edf5fc!important;width:115px;height:100px;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-name{width:98%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;text-align:center}.f-navUdt-code{width:98%;font-family:PingFangSC-Regular;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;height:17px;font-size:12px;color:#a6aebe;text-align:center}.f-navSelector{background-color:#fff;display:flex;margin:0 24px;border:1px solid #e5e9ef;border-radius:8px;height:395px;overflow:hidden}.f-navSelector-left{flex:2;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e5e9ef;border-radius:8px 0 0 8px}.f-navSelector-right{flex:8}.f-navSelector-leftCategory{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;cursor:pointer}.f-navSelector-leftCategory:hover,.f-navSelector-leftCategory-active{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;background:#f7f8fb}.f-navSelector-header{display:flex;min-width:400px;height:44px;align-items:center;border-bottom:1px solid #e5e9ef;background:#f9f9fc;top:0;z-index:2;border-radius:0 8px 0 0}.f-navSelector-recommand{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navSelector-recommand-text{width:80px;height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#2d2f33;text-align:center;font-weight:400;margin-left:5px}.f-navSelector-recommand-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid blue;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px}.f-navSelector-remainder{flex:12}.f-navSelector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navSelector-content{width:100%;min-width:400px;height:348px;overflow-y:auto;display:flex;overflow-x:hidden;border-radius:0 8px 0 0;flex-direction:column;padding-bottom:1px}
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.f-navlookup-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navlookup-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-listview-item-active,.f-listview-item-hover{background-color:#dae9ff!important}.f-listview-item{padding:0 .5rem 0 .3125rem;border-radius:3px}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0!important}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0!important}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}.f-schema-selector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-schema-selector .farris-tabs-header{display:flex;align-items:center;min-width:400px;width:100%;height:44px;border:1px solid #e5e9ef;background:#f9f9fc;margin:0!important;padding:.75rem 0 .75rem 5rem!important}.f-schema-selector .farris-tabs-header .nav-item{margin-right:5rem!important}.f-schema-selector .container{padding:0}.f-navForm-item{margin:20px 0 2px 20px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;cursor:pointer}.f-listview-active .f-navForm-item,.f-listview-active .f-navForm-item:hover,.f-listview-active .f-navlookup-item,.f-listview-active .f-navlookup-item:hover{background-color:#c9e1ff!important}.f-navForm-leftIcon{flex:1}.f-navForm-itemIcon{width:42px;height:42px;background-image:linear-gradient(-45deg,#41d2bd,#1fc8dc);border-radius:12px}.f-navForm-rightText{flex:4}.f-navForm-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navForm-item-active{align-content:space-between;padding:15px 0 8px 18px;width:283px;height:90px;background:#fff;border:1px solid rgba(218,227,255,1);border-radius:11px;display:flex;border:1px solid #e5e9ef;background-color:#edf5fc!important;margin:20px 0 2px 20px;cursor:pointer}.f-navForm-name{width:fit-content;max-width:200px;display:inline-block;vertical-align:center;height:20px;font-family:PingFangSC-Regular;font-size:14px;color:#2e4c70;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navForm-source{width:fit-content;max-width:200px;height:22px;font-family:PingFangSC-Regular;font-size:13px;color:#8999b9;font-weight:400;background:#f7f9fc;border-radius:4px;padding:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-navlookup-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navlookup-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navlookup-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important}.f-navlookup-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navlookup-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navlookup-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}.f-navUdt-item{border:1px solid #e5e9ef;width:115px;height:100px;background:#fafbfc;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navUdt-item-active{border:1px solid #e5e9ef;background-color:#edf5fc!important;width:115px;height:100px;border-radius:8px;margin-right:10px;position:relative;z-index:2000;margin-top:10px;cursor:pointer}.f-navUdt-name{width:98%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;text-align:center}.f-navUdt-code{width:98%;font-family:PingFangSC-Regular;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top;height:17px;font-size:12px;color:#a6aebe;text-align:center}.f-navSelector{background-color:#fff;display:flex;margin:0 24px;border:1px solid #e5e9ef;border-radius:8px;height:395px;overflow:hidden}.f-navSelector-left{flex:2;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #e5e9ef;border-radius:8px 0 0 8px}.f-navSelector-right{flex:8}.f-navSelector-leftCategory{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;cursor:pointer}.f-navSelector-leftCategory:hover,.f-navSelector-leftCategory-active{min-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;line-height:18px;font-weight:400;padding:7px 0 7px 15px;background:#f7f8fb}.f-navSelector-header{display:flex;min-width:400px;height:44px;align-items:center;border-bottom:1px solid #e5e9ef;background:#f9f9fc;top:0;z-index:2;border-radius:0 8px 0 0}.f-navSelector-recommand{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navSelector-recommand-text{width:80px;height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#2d2f33;text-align:center;font-weight:400;margin-left:5px}.f-navSelector-recommand-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid blue;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px}.f-navSelector-remainder{flex:12}.f-navSelector-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navSelector-content{width:100%;min-width:400px;height:348px;overflow-y:auto;display:flex;overflow-x:hidden;border-radius:0 8px 0 0;flex-direction:column;padding-bottom:1px}