@farris/ui-vue 1.2.6 → 1.2.8

package/components/response-layout-editor/index.umd.cjs

@@ -1 +0,0 @@
-(function(z,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/list-view"),require("@farris/ui-vue/components/button-edit")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/list-view","@farris/ui-vue/components/button-edit"],e):(z=typeof globalThis<"u"?globalThis:z||self,e(z["response-layout-editor"]={},z.Vue,z.LodashES,z.FListView,z.FButtonEdit))})(this,function(z,e,P,ve,be){"use strict";var en=Object.defineProperty;var tn=(z,e,P)=>e in z?en(z,e,{enumerable:!0,configurable:!0,writable:!0,value:P}):z[e]=P;var U=(z,e,P)=>tn(z,typeof e!="symbol"?e+"":e,P);const re={defaultState:{defaultGroupNumber:3,mode:"standard"},importData:[{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:4,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:2,label:"编号",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"标签",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"收件方",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:12,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:1,displayWidthInEL:6,label:"送达方",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"人员",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"邮寄地址",componentRow:0,showTopBorder:0,group:1},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"电话号码",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"负责人",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"邮箱",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"发件日期",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"收件日期",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:12,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:6,label:"件数",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:6,columnInEL:4,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:2,displayWidthInEL:2,label:"售达方",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:12,columnInLG:6,columnInEL:6,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:2,displayWidthInEL:3,label:"本位币",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:3,columnInEL:2,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:1,displayWidthInEL:1,label:"收款本币金额长标题",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:9,columnInEL:6,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:3,displayWidthInEL:3,label:"汇率",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:6,columnInLG:9,columnInEL:2,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:3,displayWidthInEL:1,label:"现金流项目",componentRow:0,showTopBorder:0,group:2},{columnInSM:12,columnInMD:12,columnInLG:9,columnInEL:2,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:3,displayWidthInEL:1,label:"摘要",componentRow:0,showTopBorder:0,group:3},{columnInSM:12,columnInMD:12,columnInLG:9,columnInEL:2,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:3,displayWidthInEL:1,label:"制单人",componentRow:0,showTopBorder:0,group:3},{columnInSM:12,columnInMD:6,columnInLG:9,columnInEL:4,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:3,displayWidthInEL:2,label:"结算方式",componentRow:0,showTopBorder:0,group:3},{columnInSM:12,columnInMD:6,columnInLG:6,columnInEL:6,displayWidthInSM:1,displayWidthInMD:1,displayWidthInLG:2,displayWidthInEL:3,label:"当前汇率",componentRow:0,showTopBorder:0,group:4},{columnInSM:12,columnInMD:12,columnInLG:9,columnInEL:6,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:3,displayWidthInEL:3,label:"本国汇率",componentRow:0,showTopBorder:0,group:4},{columnInSM:12,columnInMD:12,columnInLG:9,columnInEL:6,displayWidthInSM:1,displayWidthInMD:2,displayWidthInLG:3,displayWidthInEL:3,label:"他国汇率",componentRow:0,showTopBorder:0,group:4}]},ie={initialState:{type:Object,default:re},height:{type:Number,default:700},width:{type:Number,default:750}},we={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},Ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},se={},ce={};function ee(t){const{properties:n,title:a}=t,o=Object.keys(n).reduce((l,r)=>(l[r]=n[r].type==="object"&&n[r].properties?ee(n[r]):P.cloneDeep(n[r].default),l),{});return o.id=`${a}-${Date.now()}`,o}function te(t,n={}){const a=se[t];if(a){let o=ee(a);const l=ce[t];return o=l?l({getSchemaByType:te},o,n):o,o}return null}function Se(t,n){const a=ee(n);return Object.keys(t).reduce((o,l)=>(o[l]=t[l],o),a),a}function Me(t,n){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,l)=>{if(n.has(l)){const r=n.get(l);if(typeof r=="string")o[r]=t[l];else{const u=r(l,t[l],t);Object.assign(o,u)}}else o[l]=t[l];return o},{})}function Ie(t,n,a=new Map){const o=Se(t,n);return Me(o,a)}function xe(t={}){function n(s,f,i,c){if(typeof i=="number")return c[s].length===i;if(typeof i=="object"){const h=Object.keys(i)[0],v=i[h];if(h==="not")return Number(c[s].length)!==Number(v);if(h==="moreThan")return Number(c[s].length)>=Number(v);if(h==="lessThan")return Number(c[s].length)<=Number(v)}return!1}function a(s,f,i,c){return c[s]&&c[s].propertyValue&&String(c[s].propertyValue.value)===String(i)}const o=new Map([["length",n],["getProperty",a]]);Object.keys(t).reduce((s,f)=>(s.set(f,t[f]),s),o);function l(s,f){const i=s;return typeof f=="number"?[{target:i,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(c=>{if(c==="length")return{target:i,operator:"length",param:null,value:f[c]};const h=c,v=f[c];return{target:i,operator:"getProperty",param:h,value:v}}):[]}function r(s){return Object.keys(s).reduce((i,c)=>{const h=l(c,s[c]);return i.push(...h),i},[])}function u(s,f){if(o.has(s.operator)){const i=o.get(s.operator);return i&&i(s.target,s.param,s.value,f)||!1}return!1}function d(s,f){return r(s).reduce((h,v)=>h&&u(v,f),!0)}function p(s,f){const i=Object.keys(s),c=i.includes("allOf"),h=i.includes("anyOf"),v=c||h,w=(v?s[v?c?"allOf":"anyOf":"allOf"]:[s]).map($=>d($,f));return c?!w.includes(!1):w.includes(!0)}return{parseValueSchema:p}}const Ve={},Ne={};xe();function X(t,n,a=new Map,o=(u,d,p)=>d,l={},r=u=>u){return se[n.title]=n,ce[n.title]=o,Ve[n.title]=l,Ne[n.title]=r,(u={})=>{const d=Ie(u,n,a),p=Object.keys(t).reduce((s,f)=>(s[f]=t[f].default,s),{});return Object.assign(p,d)}}function Y(t,n){return{customClass:n.class,customStyle:n.style}}const Te=new Map([["appearance",Y]]);function $e(t,n,a){return n}const De={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ue={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},Ee={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}};X(ue,Ce,Te,$e,De);const Be=e.defineComponent({name:"FCapsuleItem",props:Ee,emits:["mounted","active"],setup(t,n){const a=e.ref(),o=e.ref(t.isActive);e.watch(()=>t.isActive,u=>{o.value=u});const l=e.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":o.value,"f-capsule-disabled":t.disabled}));e.onMounted(()=>{n.emit("mounted",a,t.value)});function r(u){t.disabled||n.emit("active",u,{name:t.name,value:t.value})}return()=>e.createVNode("div",{ref:a,class:l.value,onClick:u=>r(u)},[t.icon&&e.createVNode("i",{class:t.icon},null),t.name])}}),Le=e.defineComponent({name:"FCapsule",props:ue,emits:["change","update:modelValue"],setup(t,n){const a=e.ref(t.items),o=e.ref(),l=2,r=e.ref(t.modelValue),u=e.ref("none"),d=e.ref(t.type),p=e.computed(()=>{const g={"f-capsule-container":!0};return d.value&&(g[d.value]=!0),g}),s=e.computed(()=>({})),f=e.computed(()=>({"f-capsule":!0})),i=e.ref(l),c=e.ref(0),h=e.ref(0),v=e.computed(()=>({left:`${i.value}px`,width:`${c.value}px`,transition:u.value})),T=e.computed(()=>({width:`${h.value}px`})),b=new Map;function w(g){var m;if(b.has(g.value)){const N=(m=b.get(g.value))==null?void 0:m.value;if(N){const R=N.getBoundingClientRect(),O=o.value.getBoundingClientRect();i.value=R.left-O.left+l+o.value.scrollLeft,c.value=R.width-2*l}}}function E(g,m){const N=g.value;r.value=N,n.emit("update:modelValue",N),w(g),m&&n.emit("change",N)}function $(g){const m=a.value.findIndex(N=>N.value===g);m>-1&&E(a.value[m],!1)}e.watch(()=>t.modelValue,g=>{r.value=g,$(r.value)}),e.watch(()=>t.items,async g=>{const m=g.filter(N=>N.show);y(m),a.value=m,await e.nextTick(),$(r.value),h.value=Array.from(b.values()).reduce((N,R)=>(N+=R.value.clientWidth,N),0)}),e.onMounted(async()=>{$(r.value),await e.nextTick(),u.value="0.1s ease-out all",h.value=Array.from(b.values()).reduce((g,m)=>(g+=m.value.clientWidth,g),0)});function F(g,m){E(m,!0)}function L(g,m){b.set(m,g)}function y(g){Array.from(b.keys()).forEach(m=>{g.find(R=>R.value===m)||b.delete(m)})}function x(g,m){return e.createVNode(Be,{name:g.name,value:g.value,isActive:g.value===r.value,index:m,disabled:g.disabled,key:g.value,onMounted:L,onActive:F},null)}return()=>e.createVNode("span",{ref:o,class:p.value,style:s.value},[e.createVNode("span",{class:"f-capsule-pane"},[a.value.map((g,m)=>x(g,m))]),e.createVNode("small",{class:f.value,style:v.value},null),e.createVNode("div",{class:"f-capsule-board",style:T.value},null)])}}),Re=new Map([["appearance",Y]]),Fe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/switch.schema.json",title:"switch",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a switch",type:"string"},type:{description:"The type string of switch component",type:"string",default:"switch"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"boolean",default:!1},onBackground:{description:"",type:"string",default:""},offBackground:{description:"",type:"string",default:""},onColor:{description:"",type:"string",default:""},offColor:{description:"",type:"string",default:""},onLabel:{description:"",type:"string",default:""},offLabel:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},size:{description:"",type:"enum",default:"medium"}},required:["id","type"]};function ke(t,n,a){return n}const de={modelValue:{type:Boolean,default:!1},disabled:{type:Boolean},onBackground:{type:String},offBackground:{type:String},onColor:{type:String},offColor:{type:String},onLabel:{type:String},offLabel:{type:String},size:{type:String,default:"medium"},onModelValueChanged:{type:Function,default:()=>{}}};X(de,Fe,Re,ke);const We=e.defineComponent({name:"FSwitch",props:de,emits:["update:modelValue","modelValueChanged"],setup(t,n){const{disabled:a,size:o,onLabel:l,offLabel:r,onBackground:u,offBackground:d,onColor:p,offColor:s}=e.toRefs(t),f=e.ref(t.modelValue),i=e.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:f.value,disabled:a.value,"switch-large":o.value==="large","switch-medium":o.value==="medium","switch-small":o.value==="small"})),c=e.computed(()=>f.value?{outline:"none",background:u.value}:{outline:"none",backgroundColor:d.value}),h=e.computed(()=>f.value?{background:p.value}:{backgroundColor:s.value}),v=e.computed(()=>(l==null?void 0:l.value)||(r==null?void 0:r.value));function T(){a.value||(f.value=!f.value,n.emit("update:modelValue",f.value))}return e.watch(f,(b,w)=>{b!==w&&n.emit("modelValueChanged",b)}),e.watch(()=>t.modelValue,(b,w)=>{b!==w&&(f.value=b)}),()=>e.createVNode("span",{tabindex:"0",role:"button",class:i.value,style:c.value,onClick:T},[v.value&&e.createVNode("span",{class:"switch-pane"},[e.createVNode("span",{class:"switch-label-checked"},[l==null?void 0:l.value]),e.createVNode("span",{class:"switch-label-unchecked"},[r==null?void 0:r.value])]),e.createVNode("small",{style:h.value},[n.slots.default&&n.slots.default()])])}}),Ae=e.defineComponent({name:"FScreenResolutionSelector",props:we,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(t,n){const a=e.ref([{name:"小屏幕",code:"SM",value:"SM",active:!1},{name:"中等屏幕",code:"MD",value:"MD",active:!0},{name:"大屏幕",code:"LG",value:"LG",active:!1},{name:"极大屏幕",code:"EL",value:"EL",active:!1}]),o=e.ref(t.defaultStates),l=e.ref("MD"),r=e.ref("中等屏幕"),u=e.ref(!1);function d(f){a.value.forEach(i=>{i.active=i.code===f,i.active&&(l.value=i.code,r.value=i.name,n.emit("screenNameChanged",r.value),n.emit("currentScreenResolutionChanged",l.value))})}function p(){n.emit("switchInStandardModeChanged",u.value)}e.watch(u,()=>{}),e.onBeforeMount(()=>{o.value.mode==="standard"?(u.value=!0,p()):u.value=!1});function s(){return e.createVNode(Le,{class:"f-layout-editor-screen-resolution-selector-frame",items:a.value,modelValue:l.value,"onUpdate:modelValue":f=>l.value=f,onChange:d},null)}return()=>e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-header"},[e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-form"},[e.createTextVNode("表单布局配置")])]),s(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(We,{class:"f-layout-editor-show-switch",modelValue:u.value,"onUpdate:modelValue":f=>u.value=f,onModelValueChanged:p},null),u.value?e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("标准模式")]):e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("自定义模式")])])])}}),Oe={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},je={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},ze=e.defineComponent({name:"FColumnWidthView",props:je,emits:[],setup(t,n){const a=e.ref(t.item),o=e.ref(t.currentScreenResolution),l=e.computed(()=>`col-${a.value[`columnIn${o.value}`]}`);return e.watch([()=>t.item,()=>t.currentScreenResolution],([r,u],[d,p])=>{r!==d&&(a.value=r),u!==p&&(o.value=u)}),()=>e.createVNode("div",{class:l.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:a.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[a.value.label])])])}}),Pe=e.defineComponent({name:"FPreview",props:Oe,emits:["update:twoDimensionalArray"],setup(t,n){const a=e.ref(t.currentScreenResolution),o=e.ref(t.switchInStandardMode),l=e.ref(t.currentArea),r=e.ref(t.twoDimensionalArray),u=e.ref([]);e.watch([()=>t.currentArea,()=>t.switchInStandardMode,()=>t.currentScreenResolution],([i,c,h],[v,T,b])=>{i!==v&&(l.value=i),c!==T&&(o.value=c),h!==b&&(a.value=h)}),e.watch(()=>t.twoDimensionalArray,()=>{r.value=t.twoDimensionalArray,d()}),e.onMounted(()=>{d()});function d(){u.value=P.cloneDeep(r.value),u.value=p()}function p(){const i=[];let c=1;return u.value.forEach(h=>{const v=s(h,c);c+=v.length,i.push(v)}),i}function s(i,c){const h=[];let v=[];return i.forEach(T=>{c!==T.componentRow&&(c+=1,h.push(v),v=[]),v.push(T)}),h.push(v),h}function f(){if(o.value)return"";const i=Array.from({length:12},()=>e.createVNode("div",{class:"col-1"},[e.createVNode("div",{class:"f-layout-editor-preview-customize-single-background"},[e.createTextVNode(" ")])]));return e.createVNode("div",{class:"f-layout-editor-preview-customize-whole-background"},[i])}return()=>e.createVNode("div",{class:"f-layout-editor-preview f-utils-fill-flex-column"},[e.createVNode("div",{class:"f-layout-editor-preview-header"},[e.createTextVNode("预览区")]),f(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[u.value.map(i=>{var c,h;return((c=i[0][0])==null?void 0:c.group.toString())===((h=l.value[0])==null?void 0:h.id)&&i.map(v=>e.createVNode("div",{class:"f-layout-editor-row"},[v.map(T=>e.createVNode(ze,{item:T,"onUpdate:item":b=>T=b,currentScreenResolution:a.value,switchInStandardMode:o.value},null))]))})])])])}}),He={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},originalData:{type:Array,default:[]},originalDataCopy:{type:Array,default:[]},defaultStates:{type:Object,default:{}},onTwoDimensionalArrayChanged:{type:Function,default:()=>{}},onOriginalDataChanged:{type:Function,default:()=>{}}};function Ge(t,n){const a=e.ref(-1),o=e.ref(!1);function l(i){if(i.target.offsetParent){const c=i.target.offsetParent,h=c.offsetWidth-i.target.offsetWidth/2-4,v=c.offsetHeight/2;i.dataTransfer&&i.dataTransfer.setDragImage(c,h,v)}}function r(i){if(i){const c=t.value.findIndex(h=>h.label===i.label);setTimeout(()=>{a.value=c,o.value=!0,i.moving=!0})}}function u(i,c){i.stopPropagation(),l(i),r(c)}function d(i){const c=t.value.findIndex(h=>h.label===i.label);if(a.value!==c){const h=t.value[a.value],v=t.value;v.splice(a.value,1),v.splice(c,0,h),a.value=c,n&&n()}}function p(i,c){i.preventDefault(),d(c)}function s(i){i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="move")}function f(i,c){c&&(c.moving=!1),o.value=!1}return{dragstart:u,dragenter:p,dragover:s,dragend:f,isDragging:o}}const qe=new Map([["appearance",Y]]),Ue={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},valueField:{description:"",type:"string",default:"value"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function Xe(t,n,a){return n}const fe={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{default:!1,type:Boolean},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null}};X(fe,Ue,qe,Xe);const Ye={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}}},Je=e.defineComponent({name:"FComboListContainer",props:Ye,emits:["selectionChange"],setup(t,n){const a=e.ref(t.dataSource),o=e.ref([]),l=e.ref(t.separator),r=e.ref(t.width),u=e.ref(t.maxHeight),d=e.ref(String(t.selectedValues).split(l.value));e.watch(t.dataSource,()=>{a.value=t.dataSource});const p=e.computed(()=>t.enableSearch?"SearchBar":"ContentHeader"),s=e.computed(()=>{const i={};return r.value!==void 0&&(i.width=`${r.value}px`),u.value!==void 0&&u.value>0&&(i.maxHeight=`${u.value}px`),i});function f(i){o.value=i.map(c=>Object.assign({},c)),d.value=i.map(c=>c[t.idField]),n.emit("selectionChange",o.value)}return e.watch([()=>t.selectedValues],([i])=>{d.value=i.split(l.value)}),()=>e.createVNode("div",{class:"f-combo-list-container pl-3",style:s.value},[e.createVNode(ve,{size:"small",itemClass:"f-combo-list-item",header:p.value,headerClass:"f-combo-list-search-box",data:a.value,idField:t.idField,textField:t.textField,titleField:t.titleField,multiSelect:t.multiSelect,multiSelectMode:"OnCheckAndClick",selectionValues:d.value,onSelectionChange:f},null)])}});function Qe(t){const n=e.ref(""),a=e.ref(t.modelValue),o=e.ref(t.data||[]),l=e.ref(t.editable);function r(i){const c=String(i).split(t.separator).map(v=>[v,!0]),h=new Map(c);return o.value.filter(v=>h.has(String(v[t.valueField])))}function u(i){const c=r(i).map(h=>h[t.textField]).join(t.separator);n.value=l.value?c||i:c}function d(i){const c=i.split(t.separator).map(v=>[v,!0]),h=new Map(c);return o.value.filter(v=>h.has(v[t.textField]))}function p(i){const c={};return c[t.idField]=i,c[t.textField]=i,[c]}function s(i){let c=d(i);const h=c&&c.length>0;return l.value&&!h&&(c=p(i)),c}function f(){const{url:i,method:c="GET",headers:h={},body:v=null}=t.remote,T=c.toLowerCase()=="get"?{method:c,headers:h}:{method:c,headers:h,body:v};let b=!1;fetch(i,T).then(w=>{var $,F;if(w.status===200)return b=!!((F=($=w.headers)==null?void 0:$.get("content-type"))!=null&&F.includes("application/json")),b?w.text():w.json();throw new Error(w.statusText)}).then(w=>{o.value=b?JSON.parse(w):w}).catch(w=>{console.error(w)})}return t.remote&&f(),e.watch(()=>t.data,()=>{o.value=t.data}),e.watch([o],([i])=>{if(t.modelValue){const c=i.find(h=>h[t.valueField]===t.modelValue);c&&(n.value=c[t.textField])}}),e.watch(()=>t.modelValue,i=>{a.value=i,u(i)}),u(t.modelValue),{dataSource:o,displayText:n,editable:l,modelValue:a,getItemsByDisplayText:d,getItemsByValue:r,getSelectedItemsByDisplayText:s}}const Ze=e.defineComponent({name:"FComboList",props:fe,emits:["clear","update:modelValue","change","input"],setup(t,n){const a=e.ref(),o=e.ref(t.disabled),l=e.ref(t.enableClear),r=e.ref(t.enableSearch),u=e.ref(t.readonly),{dataSource:d,displayText:p,editable:s,modelValue:f,getSelectedItemsByDisplayText:i}=Qe(t),c=e.computed(()=>t.multiSelect),h=e.computed(()=>a.value?a.value.elementRef.getBoundingClientRect().width:0);function v(){!c.value&&a.value&&a.value.hidePopup()}function T(L){p.value=L.map(y=>y[t.textField]).join(t.separator),L.length===1?f.value=L[0][t.valueField]:f.value=L.map(y=>y[t.valueField]).join(t.separator),n.emit("update:modelValue",f.value),n.emit("change",L,f.value),v()}function b(){u.value||a.value.togglePopup()}function w(L){f.value="",n.emit("update:modelValue",""),n.emit("clear")}function E(L){const y=i(L);T(y)}function $(){return p.value}function F(L){n.emit("input",L)}return n.expose({getDisplayText:$}),e.watch([()=>t.disabled,()=>t.editable,()=>t.enableClear,()=>t.enableSearch,()=>t.readonly],([L,y,x,g,m])=>{o.value=L,s.value=y,l.value=x,r.value=g,u.value=m}),()=>e.createVNode(be,{ref:a,id:t.id,disable:o.value,readonly:u.value,forcePlaceholder:t.forcePlaceholder,editable:s.value,buttonContent:t.dropDownIcon,placeholder:t.placeholder,enableClear:l.value,maxLength:t.maxLength,tabIndex:t.tabIndex,enableTitle:t.enableTitle,multiSelect:t.multiSelect,inputType:t.multiSelect?t.viewType:"text",modelValue:p.value,"onUpdate:modelValue":L=>p.value=L,focusOnCreated:t.focusOnCreated,selectOnCreated:t.selectOnCreated,onClear:w,onClick:b,onChange:E,onInput:F,beforeOpen:t.beforeOpen},{default:()=>[e.createVNode(Je,{idField:t.idField,valueField:t.valueField,textField:t.textField,titleField:t.titleField,dataSource:d.value,selectedValues:f.value,multiSelect:t.multiSelect,enableSearch:r.value,maxHeight:t.maxHeight,width:t.fitEditor?h.value:void 0,onSelectionChange:T},null)]})}}),_e={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},Ke=new Map([["appearance",Y]]);function et(t,n,a){return n}const tt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/radio-button.schema.json",title:"radio-button",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for radio-button",type:"string"},type:{description:"The type string of radio-button",type:"string",default:"radio-button"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},nt={title:"radio-button",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},pe={enumData:{type:Array,default:[{text:"1",active:!0}]},suffixValue:{type:String,default:""},onSelectedValueChanged:{type:Function,default:()=>{}}};X(pe,tt,Ke,et,nt);const at=e.defineComponent({name:"FRadioButton",props:pe,emits:["selectedValueChanged"],setup(t,n){const a=e.ref(t.enumData);function o(r,u){if(r.currentTarget.classList.value="btn btn-secondary active",r.currentTarget.tagName.toLowerCase()==="label"){const{currentTarget:d}=r,p=d.parentElement;Array.from(p.querySelectorAll("label")).filter(f=>f!==d).forEach(f=>f.classList.remove("active"))}n.emit("selectedValueChanged",u)}function l(r){return`${r.text}${t.suffixValue}`}return e.watch(()=>t.enumData,(r,u)=>{r!==u&&(a.value=t.enumData)}),()=>e.createVNode("div",{class:"f-radio-button"},[e.createVNode("div",{class:["farris-input-wrap"]},[a.value.map((r,u)=>e.createVNode(e.Fragment,null,[e.createVNode("label",{class:r.active?"btn btn-secondary active":"btn btn-secondary",onClick:d=>o(d,r)},[e.createVNode("span",{class:"f-radio-button-text"},[l(r)])])]))])])}}),ot=new Map([["appearance",Y]]);function lt(t,n,a){return n}const rt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/rate.schema.json",title:"rate",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for rate",type:"string"},type:{description:"The type string of rate",type:"string",default:"rate"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},it={title:"rate",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},me={size:{type:String,default:"large"},enableHalf:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},pointSystem:{type:Number,default:5},lightColor:{type:String,default:""},darkColor:{type:String,default:""},iconClass:{type:String,default:"f-icon-star"},numOfStar:{type:Number,default:5},toolTipDisabled:{type:Boolean,default:!0},toolTipContents:{type:Array,default:["很不满意","不满意","一般","满意","非常满意"]},enableScore:{type:Boolean,default:!0},enableSatisfaction:{type:Boolean,default:!1},value:{type:Number,default:0},modelValue:{type:Number,default:0}};X(me,rt,ot,lt,it);const st=e.defineComponent({name:"FRate",props:me,emits:["selectedValue","update:modelValue"],setup(t,n){const a=e.ref(t.size),o=e.ref(t.enableHalf),l=e.ref(t.enableClear),r=e.ref(t.disabled),u=e.ref(t.pointSystem),d=e.ref(t.lightColor),p=e.ref(t.darkColor),s=e.ref(t.iconClass),f=e.ref(t.numOfStar),i=e.ref(t.toolTipDisabled),c=e.ref(t.toolTipContents),h=e.ref(t.enableScore),v=e.ref(t.enableSatisfaction);let T;const b=e.ref(0),w=e.ref(0),E=e.ref(0),$=e.ref(t.modelValue);let F=1,L,y,x;const g=4;e.onMounted(()=>{});function m(){const I=f.value;x=[];for(let B=1;B<=I;B++)x.push({id:B})}function N(){let I;o.value?I=Math.ceil($.value/F):I=$.value,w.value=(T*$.value+Math.floor($.value)*g)/F,L=c.value[I-1]}function R(){switch(a.value){case"small":T=14;break;case"middle":T=16;break;case"large":T=18;break;case"extraLarge":T=24;break}m(),f.value&&(F=u.value/f.value),$.value&&N()}R();function O(I){return I.className.indexOf("f-icon")!==-1}function G(){return b.value===w.value&&l.value&&w.value!==0?(w.value=0,$.value=0,y=null,b.value=0,E.value=0,n.emit("selectedValue",$.value),n.emit("update:modelValue",$.value),!0):!1}function V(I,B,A){if(I.movementX||I.movementY){if(r.value)return;v.value&&(L=c.value[B-1]),I.offsetX<T/2&&o.value===!0?(b.value=T*B-T/2+g*(B-1),E.value=F*B-F/2):(b.value=T*B+g*(B-1),E.value=F*B)}if(A===!0){if(G())return;$.value=E.value,w.value=b.value,y=L,n.emit("update:modelValue",$.value),n.emit("selectedValue",$.value)}}function D(I,B){var A;if(O(I.target)&&I.target){const Q=parseInt((A=I.target)==null?void 0:A.id);V(I,Q,B)}}const W=e.computed(()=>E.value?E.value+"分":$.value+"分"),C=e.computed(()=>({width:(b.value||w.value)+"px"}));function M(){b.value=0}return e.watch(()=>t.modelValue,I=>{$.value=I,N()}),()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(I=>D(I,!1),["prevent"]),onMousemove:e.withModifiers(I=>D(I,!1),["prevent"]),onMouseleave:e.withModifiers(I=>M(),["prevent"]),onClick:e.withModifiers(I=>D(I,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:C.value},[x.map(I=>e.createVNode("span",{class:["f-icon default-light-color ",s.value,{"f-star-sm":a.value==="small"},{"f-star-md":a.value==="middle"},{"f-star-lg":a.value==="large"},{"f-star-exlarge":a.value==="extraLarge"},{disabled:i.value}],id:I.id,style:{color:d.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:a.value==="small"},{middle:a.value==="middle"},{large:a.value==="large"}]},[x.map(I=>e.createVNode("span",{class:["f-icon default-dark-color",s.value,{"f-star-sm":a.value==="small"},{"f-star-md":a.value==="middle"},{"f-star-lg":a.value==="large"},{"f-star-exlarge":a.value==="extraLarge"}],id:I.id,style:{color:p.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":a.value==="small"},{"font-middle":a.value==="middle"},{"font-large":a.value==="large"},{"font-exlarge":a.value==="extraLarge"}]},[h.value&&e.createVNode("span",null,[e.createTextVNode(" "),W.value,e.createTextVNode(" ")]),v.value&&(y||L)&&e.createVNode("span",null,[e.createTextVNode(" "),L||y])])])}}),ct=e.defineComponent({name:"FColumnWidthEditor",props:_e,emits:["fieldChanged"],setup(t,n){const a={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},o=e.ref(t.currentScreenResolution),l=e.ref(t.field),r=e.ref(t.switchInStandardMode),u=e.ref(),d=e.ref(""),p=e.ref(),s=e.ref("customize"),f=e.ref(),i=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:c,dragenter:h,dragover:v,dragend:T}=i;function b(){u.value=a==null?void 0:a[o.value],r.value?(d.value=`displayWidthIn${o.value}`,s.value=`${l.value[d.value]}`):(d.value=`columnIn${o.value}`,f.value=l.value[d.value])}function w(m){if(r.value===!0){const N=Number(m==null?void 0:m.text);p.value=N;const R=l.value[`columnIn${o.value}`]/l.value[`displayWidthIn${o.value}`];l.value[`columnIn${o.value}`]=N*R,l.value[`displayWidthIn${o.value}`]=Number(N),n.emit("fieldChanged",l.value)}}function E(m){f.value=m;const N=l.value[`columnIn${o.value}`]/l.value[`displayWidthIn${o.value}`];l.value[`columnIn${o.value}`]=f.value,l.value[`displayWidthIn${o.value}`]=f.value/N,n.emit("fieldChanged",l.value)}function $(){return e.createVNode(st,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:f.value,"onUpdate:modelValue":m=>f.value=m,enableScore:!1,onSelectedValue:()=>E(f.value)},null)}function F(){const m=[];u.value=a==null?void 0:a[o.value];const N=l.value[`displayWidthIn${o.value}`];return u.value.forEach(R=>{const O={text:R,active:N.toString()===R};m.push(O)}),m}function L(){const m=F();return e.createVNode(at,{enumData:m,suffixValue:"列",onSelectedValueChanged:w},{default:()=>[e.createTextVNode(" ")]})}function y(){var m;if(((m=l==null?void 0:l.value)==null?void 0:m.showTopBorder)===1)return e.createVNode("div",{class:"f-layout-editor-column-width-editor-row"},[e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-left"},null),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-middle"},[e.createTextVNode("第"),l.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function x(){return r.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},[L()])]):e.createVNode("div",{class:"f-column-width-editor-switch-customize",onDragenter:m=>h(m,l.value),onDragend:m=>T(m,l.value),onDragover:m=>v(m)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[$(),e.createVNode("div",{class:"f-layout-editor-rate-show-column"},[f.value,e.createTextVNode("列")]),e.createVNode("span",{class:"f-layout-editor-drag-handler f-icon f-icon-drag-vertical",draggable:"true",onDragstart:m=>c(m,l.value)},null)])])}function g(){var m;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label"},[(m=l==null?void 0:l.value)==null?void 0:m.label]),x()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([m,N,R],[O,G,V])=>{R!==V&&(o.value=R,u.value=a[o.value],b()),N!==G&&(r.value=N),r.value===!1&&b(),m!==O&&(l.value=m)}),e.onMounted(()=>{b()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[y(),g()])}}),ut=e.defineComponent({name:"FFieldList",props:He,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(t,n){const a=e.ref(t.currentScreenResolution),o=e.ref(t.switchInStandardMode),l=e.ref(t.originalData),r=e.ref(t.originalDataCopy),u=e.ref(t.defaultStates),d=e.ref(""),p=e.ref([]),s=e.ref(t.currentArea),f=e.ref(0),i=e.ref(),c=e.ref(0),h=e.ref("1"),v=e.ref([]);function T(){var D;let V=b();for(let W=0;W<V.length;W++){const C={id:(D=V[W])==null?void 0:D.toString(),label:"区域"+V[W]};p.value.push(C)}w()}function b(){let V=[];return l.value.forEach(D=>{V.indexOf(D.group)===-1&&V.push(D.group)}),V}function w(){h.value=u.value.defaultGroupNumber.toString(),d.value=`区域${h.value}`,s.value=[p.value[Number(h.value)-1]],n.emit("update:currentArea",s.value)}function E(){let V=[];i.value=[];let D=1;l.value.forEach(W=>{W.group===D||(D+=1,i.value.push(V),V=[]),V.push(W)}),i.value.push(V)}function $(){i.value[s.value[0].id-1]=P.cloneDeep(v.value);let V=[];c.value=0,i.value.forEach(D=>{let W=L(D,c.value);V.push(W),c.value=W[W.length-1].componentRow}),y(V)}function F(){E();let V=[];return c.value=0,i.value.forEach(D=>{let W=L(D,c.value);V.push(W),c.value=W[W.length-1].componentRow}),n.emit("twoDimensionalArrayChanged",i.value),y(V),l.value}function L(V,D){let C=12;return f.value=1+D,V.forEach(M=>{M.showTopBorder=0;let I=M[`columnIn${a.value}`];C>=I?(M.componentRow=f.value,C-=I):(f.value+=1,M.componentRow=f.value,C=12-I,M.showTopBorder=1)}),V[0].showTopBorder=1,V}function y(V){let D=[];for(let W of V)D=D.concat(W);l.value=P.cloneDeep(D),c.value=0}function x(){return e.createVNode("div",{class:"f-layout-editor-field-list-top"},[e.createVNode("div",{class:"f-layout-editor-field-list-header"},[e.createTextVNode("组件列表")]),e.createVNode("div",{class:"f-layout-editor-choose-group"},[e.createVNode(Ze,{modelValue:h.value,"onUpdate:modelValue":V=>h.value=V,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:p.value,editable:!1,onChange:O},null)])])}function g(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[v.value.map(V=>e.createVNode(ct,{key:V.label,currentScreenResolution:a.value,field:V,"onUpdate:field":D=>V=D,switchInStandardMode:o.value,"onUpdate:switchInStandardMode":D=>o.value=D,onFieldChanged:m},null))])}function m(V){v.value.forEach(D=>{D.label==V.label&&Object.assign(D,V)}),$(),R(),N()}function N(){v.value=[],l.value.forEach(V=>{V.group===Number(s.value[0].id)&&v.value.push(V)})}function R(){l.value=P.cloneDeep(F()),n.emit("originalDataChanged",l.value)}function O(V){for(let D=0;D<V.length;D++)s.value=[{id:V[D].id,label:V[D].label}];n.emit("update:currentArea",s.value),N(),$()}const G=Ge(v,()=>{$(),R(),N()});return e.provide("ResponseLayoutEditorDraggableComposition",G),e.watch(()=>t.currentArea,(V,D)=>{V!==D&&(s.value=t.currentArea,N())}),e.watch(s,(V,D)=>{V!==D&&N()}),e.watch(()=>t.currentGroup,(V,D)=>{V!==D&&(d.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(V,D)=>{V!==D&&(a.value=t.currentScreenResolution,R(),E(),s.value[0]&&(v.value=P.cloneDeep(i.value[Number(s.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(V,D)=>{V!==D&&(o.value=t.switchInStandardMode,l.value=P.cloneDeep(r.value))}),e.watch(u,(V,D)=>{V!==D&&R()}),e.onBeforeMount(()=>{T(),F(),N()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[o.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[x(),g()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[x(),g()])])}}),J=e.defineComponent({name:"FResponseLayoutEditor",props:ie,emits:["close","submit"],setup(t,n){const a=e.ref(t.initialState),o=e.ref(),l=e.ref(),r=e.ref(""),u=e.ref(""),d=e.ref(!1),p=e.ref([{id:"1",label:"区域1"}]),s=e.ref([]),f=e.ref(),i=e.ref(t.width),c=e.ref(t.height);e.watch(()=>t.initialState,m=>{a.value=m}),e.watch([()=>t.currentArea,()=>t.switchInStandardMode],([m,N],[R,O])=>{m!==R&&(p.value=m),N!==O&&(d.value=N)});function h(m){r.value=m}function v(m){u.value=m}function T(m){d.value=m}function b(m){p.value=[].concat(m)}function w(m){o.value=P.cloneDeep(m)}function E(m){s.value=m}function $(){n.emit("close")}function F(){n.emit("submit",o.value)}function L(){return e.createVNode(ut,{class:"f-utils-fill-flex-column",defaultStates:l.value,originalDataCopy:f.value,currentScreenResolution:u.value,"onUpdate:currentScreenResolution":m=>u.value=m,originalData:o.value,"onUpdate:originalData":m=>o.value=m,switchInStandardMode:d.value,"onUpdate:switchInStandardMode":m=>d.value=m,currentArea:p.value,"onUpdate:currentArea":m=>p.value=m,onCurrentAreaChanged:b,onTwoDimensionalArrayChanged:E,onOriginalDataChanged:w},null)}function y(){return e.createVNode(Pe,{class:"f-utils-fill-flex-column",currentArea:p.value,"onUpdate:currentArea":m=>p.value=m,currentScreenResolution:u.value,"onUpdate:currentScreenResolution":m=>u.value=m,switchInStandardMode:d.value,twoDimensionalArray:s.value,"onUpdate:twoDimensionalArray":m=>s.value=m},null)}const x=e.computed(()=>d.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),g=e.computed(()=>d.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{o.value=P.cloneDeep(a.value.importData),f.value=P.cloneDeep(a.value.importData),l.value=a.value.defaultState,r.value="中等屏幕",u.value="MD"}),m=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column",style:"height:"+c.value+"px;width:"+i.value+"px;"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Ae,{defaultStates:l.value,onScreenNameChanged:h,onCurrentScreenResolutionChanged:v,onSwitchInStandardModeChanged:T},null)]),e.createVNode("div",{class:"f-layout-editor-content f-utils-fill"},[e.createVNode("div",{class:"f-layout-editor-left f-utils-fill-flex-column"},[e.createVNode("div",{class:x.value},[L()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:g.value},[y()])])]),e.createVNode("div",{class:"f-layout-editor-bottom"},[e.createVNode("div",{class:"f-layout-editor-button"},[e.createVNode("div",{class:"f-layout-editor-cancel-btn",onClick:$},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:F},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),dt=new Map([["appearance",Y]]);function ft(t,n,a,o){const l=t.getSchemaByType("section");return l.id=`${o}-section`,l.appearance={class:"f-section-form f-section-in-main"},l.mainTitle="标题",l.contents=[n],l}function pt(t,n,a,o){const l=t.getSchemaByType("component");return l.id=`${o}-component`,l.componentType="form-col-1",l.appearance={class:"f-struct-form f-struct-wrapper"},l.contents=[n],l}function mt(t,n,a){n.appearance={class:"f-form-layout farris-form farris-form-controls-inline"};const o=ft(t,n,a,n.id);return pt(t,o,a,n.id)}const ht={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/response-layout-editor-setting.schema.json",title:"response-layout-editor-setting",description:"A Farris Data Collection Component",type:"object",properties:{id:{description:"The unique identifier for response layout editor",type:"string"},type:{description:"The type string of response layout editor component",type:"string",default:"response-layout-editor-setting"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]}},required:["id","type"]},yt={title:"response-form",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ne={initialState:{type:Object,default:re},height:{type:Number,default:700},width:{type:Number,default:750},modelValue:{type:Object}},he=X(ne,ht,dt,mt,yt),gt={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showMaxButton:{type:Boolean,default:!1},minHeight:{type:Number},maxHeight:{type:Number},minWidth:{type:Number},maxWidth:{type:Number},containment:{type:HTMLElement,default:null},reiszeable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},dragHandle:{type:Object,default:null},closedCallback:{type:Function,default:null},resizeHandle:{type:Function,default:null},render:{type:Function,default:null},acceptCallback:{type:Function,default:null},rejectCallback:{type:Function,default:null},enableEsc:{type:Boolean,default:!0}};class j{constructor(n,a){this.x=n,this.y=a}static getTransformInfo(n){const o=window.getComputedStyle(n).getPropertyValue("transform").replace(/[^-\d,]/g,"").split(",");if(o.length>=6){const l=parseInt(o[4],10),r=parseInt(o[5],10);return{x:l,y:r}}return{x:0,y:0}}static fromEvent(n,a=null){if(this.isMouseEvent(n))return new j(n.clientX,n.clientY);if(a===null||n.changedTouches.length===1)return new j(n.changedTouches[0].clientX,n.changedTouches[0].clientY);for(let o=0;o<n.changedTouches.length;o++)if(n.changedTouches[o].target===a)return new j(n.changedTouches[o].clientX,n.changedTouches[o].clientY)}static isMouseEvent(n){return Object.prototype.toString.apply(n).indexOf("MouseEvent")===8}static isIPosition(n){return!!n&&"x"in n&&"y"in n}static getCurrent(n){const a=new j(0,0);if(window){const o=window.getComputedStyle(n);if(o){const l=parseInt(o.getPropertyValue("left"),10),r=parseInt(o.getPropertyValue("top"),10);a.x=isNaN(l)?0:l,a.y=isNaN(r)?0:r}return a}return null}static copy(n){return new j(0,0).set(n)}get value(){return{x:this.x,y:this.y}}add(n){return this.x+=n.x,this.y+=n.y,this}subtract(n){return this.x-=n.x,this.y-=n.y,this}multiply(n){this.x*=n,this.y*=n}divide(n){this.x/=n,this.y/=n}reset(){return this.x=0,this.y=0,this}set(n){return this.x=n.x,this.y=n.y,this}}class q{constructor(n,a){this.width=n,this.height=a}static getCurrent(n){const a=new q(0,0);if(window){const o=window.getComputedStyle(n);return o&&(a.width=parseInt(o.getPropertyValue("width"),10),a.height=parseInt(o.getPropertyValue("height"),10)),a}return null}static copy(n){return new q(0,0).set(n)}set(n){return this.width=n.width,this.height=n.height,this}}function vt(t,n){const a=e.ref(),o=e.ref(),l=e.ref(),r=e.ref(),u=e.ref(),d=e.ref(),p=e.ref(),s=e.ref(),f=e.ref(),i=e.ref(),c=e.ref(),h=e.ref(),v=e.ref(t.draggable),T=e.ref(!1);function b(){const C=o.value||document.body,M=window.getComputedStyle(C);if(!M||!a.value)return;const I=j.getTransformInfo(a.value),B={};p.value&&(B.deltaL=a.value.offsetLeft-p.value.x,B.deltaT=a.value.offsetTop-p.value.y);const A=M.getPropertyValue("position");B.width=C.clientWidth,B.height=C.clientHeight,B.pr=parseInt(M.getPropertyValue("padding-right"),10),B.pb=parseInt(M.getPropertyValue("padding-bottom"),10),B.position=M.getPropertyValue("position"),A==="static"&&(C.style.position="relative"),B.translateX=I.x,B.translateY=I.y,i.value=B}function w(C){if(a.value){r.value=q.getCurrent(a.value),u.value=j.getCurrent(a.value),d.value=r.value?q.copy(r.value):null,p.value=u.value?j.copy(u.value):null,b();const M=C.target.getAttribute("type")||"";s.value={n:!!M.match(/n/),s:!!M.match(/s/),w:!!M.match(/w/),e:!!M.match(/e/)}}}function E(){var C,M,I,B;if(a.value){const A=a.value;s.value&&((s.value.n||s.value.s)&&((C=d.value)!=null&&C.height)&&(A.style.height=d.value.height+"px"),(s.value.w||s.value.e)&&((M=d.value)!=null&&M.width)&&(A.style.width=d.value.width+"px"),p.value&&((I=p.value)!=null&&I.x&&(A.style.left=p.value.x+"px"),(B=p.value)!=null&&B.y&&(A.style.top=p.value.y+"px")))}}function $(){const C=t.minHeight?t.minHeight:1,M=t.minWidth?t.minWidth:1;d.value&&p.value&&s.value&&r.value&&(d.value.height<C&&(d.value.height=C,s.value.n&&u.value&&(p.value.y=u.value.y+(r.value.height-C))),d.value.width<M&&(d.value.width=M,s.value.w&&u.value&&(p.value.x=u.value.x+(r.value.width-M))),t.maxHeight&&d.value.height>t.maxHeight&&(d.value.height=t.maxHeight,u.value&&s.value.n&&(p.value.y=u.value.y+(r.value.height-t.maxHeight))),t.maxWidth&&d.value.width>t.maxWidth&&(d.value.width=t.maxWidth,s.value.w&&u.value&&(p.value.x=u.value.x+(r.value.width-t.maxWidth))))}function F(){if(o.value){const C=i.value;if(p.value&&d.value&&s.value&&r.value){const M=C.width-C.pr-C.deltaL-C.translateX-p.value.x,I=C.height-C.pb-C.deltaT-C.translateY-p.value.y;s.value.n&&p.value.y+C.translateY<0&&u.value&&(p.value.y=-C.translateY,d.value.height=r.value.height+u.value.y+C.translateY),s.value.w&&p.value.x+C.translateX<0&&u.value&&(p.value.x=-C.translateX,d.value.width=r.value.width+u.value.x+C.translateX),d.value.width>M&&(d.value.width=M),d.value.height>I&&(d.value.height=I)}}}function L(C){if(!l.value||!r.value||!u.value||!s.value)return;C.subtract(l.value);const M=C.x,I=C.y;s.value.n?(p.value.y=u.value.y+I,d.value.height=r.value.height-I):s.value.s&&(d.value.height=r.value.height+I),s.value.e?d.value.width=r.value.width+M:s.value.w&&(d.value.width=r.value.width-M,p.value.x=u.value.x+M),F(),$(),E()}function y(C){if(!f.value)return;const M=j.fromEvent(C);M&&L(M)}function x(){if(a.value){const{width:C,height:M,x:I,y:B}=a.value.getBoundingClientRect(),A=j.getTransformInfo(a.value);return{size:{width:C,height:M},position:{x:I-A.x,y:B-A.y}}}return null}function g(C){if(a.value){const M=x();c.value=M}l.value=void 0,r.value=null,u.value=null,d.value=null,p.value=null,s.value=null,f.value=null,document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",g)}function m(){document.addEventListener("mousemove",y),document.addEventListener("mouseup",g)}function N(C){C instanceof MouseEvent&&C.button===2||v.value&&(C.stopPropagation(),C.preventDefault(),l.value=j.fromEvent(C),f.value=C.target,w(C),m())}function R(C){return a.value=C,e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"ng-resizable-handle ng-resizable-n",type:"n",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-e",type:"e",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-s",type:"s",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-w",type:"w",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-ne",type:"ne",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-se ng-resizable-diagonal",type:"se",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-sw",type:"sw",onMousedown:M=>N(M)},null),e.createVNode("div",{class:"ng-resizable-handle ng-resizable-nw",type:"nw",onMousedown:M=>N(M)},null)])}function O(C=!0){const M=o.value||document.body,I=q.getCurrent(M),B=a.value;C&&(h.value=x(),h.value.transform=B.style.transform),I&&B&&(d.value=I,B.style.height=d.value.height-14+"px",B.style.width=d.value.width-14+"px",B.style.left="7px",B.style.top="7px",B.style.transform="",c.value={size:d.value,position:{x:0,y:0}},v.value=!1,T.value=!0)}function G(){var C,M;if(h.value){const I={width:h.value.size.width||0,height:h.value.size.height||0},B={x:(window.innerWidth-I.width)/2,y:(window.innerHeight-I.height)/2};(C=d.value)==null||C.set(I),(M=p.value)==null||M.set(B);const A=a.value;A.style.height=I.height+"px",A.style.width=I.width+"px",A.style.left=`${B.x}px`,A.style.top=`${B.y}px`,A.style.transform="",c.value={size:I,position:B},v.value=t.draggable,T.value=!1}}function V(){if(a.value){const C=q.getCurrent(a.value);if(C){const{width:M,height:I}=C;a.value.style.left=`${(window.innerWidth-M)/2}px`,a.value.style.top=`${(window.innerHeight-I)/2}px`,a.value.style.transform=""}}}function D(){const C=()=>{T.value?O(!1):V()};return window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)}}const W=D();return{renderResizeBar:R,boundingElement:o,resizedEventParam:c,maximize:O,restore:G,allowDrag:v,isMaximized:T,unWindowResizeHandle:W}}function bt(t,n){const a=e.ref(),o=e.ref(t.draggable),l=e.ref(t.lockAxis),r=e.ref(),u=e.ref(),d=e.ref(!1),p=e.ref(new j(0,0)),s=e.ref(new j(0,0)),f=e.ref(new j(0,0)),i=e.ref(new j(0,0));function c(y,x){if(x.tagName==="BUTTON")return!1;if(x===y)return!0;for(const g in x.children)if(x.children.hasOwnProperty(g)&&c(y,x.children[g]))return!0;return!1}function h(){var m,N;let y=f.value.x+s.value.x,x=f.value.y+s.value.y;l.value==="x"?(y=((m=p.value)==null?void 0:m.x)||0,f.value.x=0):l.value==="y"&&(x=((N=p.value)==null?void 0:N.y)||0,f.value.y=0);const g=`translate3d(${Math.round(y)}px, ${Math.round(x)}px, 0px)`;a.value&&(a.value.style.transform=g),i.value.x=y,i.value.y=x}function v(){if(!u.value||!a.value)return null;const y=u.value.getBoundingClientRect(),x=a.value.getBoundingClientRect(),g={top:y.top<x.top,right:y.right>x.right,bottom:y.bottom>x.bottom,left:y.left<x.left};return g.top||(f.value.y-=x.top-y.top),g.bottom||(f.value.y-=x.bottom-y.bottom),g.right||(f.value.x-=x.right-y.right),g.left||(f.value.x-=x.left-y.left),h(),g}function T(y){y&&(p.value&&y.subtract(p.value),f.value.set(y),h(),v())}function b(y){d.value&&o.value&&(y.stopPropagation(),y.preventDefault(),T(j.fromEvent(y,r.value)))}function w(){var y;d.value&&(d.value=!1,s.value.add(f.value),f.value.reset(),(y=a.value)==null||y.classList.remove("ng-dragging"),document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",w))}function E(){!d.value&&r.value&&(d.value=!0,r.value.classList.add("ng-dragging"),document.addEventListener("mousemove",b),document.addEventListener("mouseup",w))}function $(){if(a.value){const y=j.getTransformInfo(a.value);s.value.set(y);return}s.value.reset()}function F(y){if(y instanceof MouseEvent&&y.button===2)return;const x=y.target||y.srcElement;r.value!==void 0&&x&&!c(x,r.value)||o.value!==!1&&(y.stopPropagation(),y.preventDefault(),p.value=j.fromEvent(y,a.value),$(),E())}function L(y,x,g){if(y&&o.value&&x){if(t.dragHandle){if(t.dragHandle instanceof HTMLElement)r.value=t.dragHandle;else if(typeof t.dragHandle=="string"){const m=x.querySelector(t.dragHandle);m&&(r.value=m)}}else r.value=y;a.value=x,u.value=g,r.value.classList.add("ng-draggable"),r.value.addEventListener("mousedown",F)}}return{registerDraggle:L,resetTranslate:$}}function wt(t,n){const a=e.ref(t.enableEsc);function o(l){l.key==="Escape"&&t.enableEsc&&n.emit("esc",{event:l,type:"esc"})}a.value&&document.addEventListener("keydown",o)}const ye=e.defineComponent({name:"FModal",props:gt,emits:["update:modelValue","accept","cancel","closed","resize","esc"],setup(t,n){const a=e.ref(t.width||300),o=e.ref(t.height||200),l=e.ref(t.modelValue),r=e.ref(""),u=e.ref(t.class),d=e.ref(t.fitContent),p=e.ref(t.showHeader),s=e.ref(""),f=e.ref(t.showCloseButton),i=e.ref(t.showMaxButton),c=e.ref(!1),h=e.ref(""),v=e.ref(""),T=e.ref(""),b=e.ref(t.showButtons),w=e.ref(t.title),E=e.ref(t.reiszeable),$=e.ref(t.containment||null),F=e.ref();function L(S,k){l.value=!1,n.emit("update:modelValue",!1),k!=null&&n.emit(k?"accept":"cancel"),n.emit("closed",S)}const y=[{name:"cancel",text:"取消",class:"btn btn-light",handle:S=>{L(S,!1)}},{name:"accept",text:"确定",class:"btn btn-primary",handle:S=>{L(S,!0)}}],x=e.ref(t.buttons&&t.buttons.length?t.buttons:y),g=e.computed(()=>!!s.value),m=e.computed(()=>!!b.value&&!!x.value),N=e.ref(),R=e.ref(),O=e.ref(!1),{renderResizeBar:G,maximize:V,restore:D,boundingElement:W,resizedEventParam:C,allowDrag:M,unWindowResizeHandle:I}=vt(t),{registerDraggle:B}=bt(t);e.watch(()=>t.title,(S,k)=>{S!==k&&(w.value=S)}),e.watch(()=>t.modelValue,(S,k)=>{S!==k&&(l.value=S)}),e.watch(()=>t.showHeader,(S,k)=>{S!==k&&(p.value=S)}),e.watch(()=>t.showButtons,(S,k)=>{S!==k&&(b.value=S)}),e.watch(()=>C.value,(S,k)=>{const Z=S||{},K=k||{};JSON.stringify(Z)!==JSON.stringify(K)&&n.emit("resize",{newSize:S,oldSize:k})});function A(){const S=document.querySelectorAll(".farris-modal").length;(!S||S-1<=0)&&document.body.classList.remove("modal-open"),F.value&&F.value.classList.remove("show")}const Q=e.computed(()=>(l.value?document.body.classList.add("modal-open"):A(),l.value)),Ot=e.computed(()=>{const S={modal:!0,"farris-modal":!0,fade:!0};return S["f-modal-fitContent"]=!!d.value,S.show=!!Q.value,S}),jt=e.computed(()=>{var Z;const S={"modal-dialog":!0},k=(Z=u.value)==null?void 0:Z.split(" ");return k==null||k.reduce((K,Kt)=>(K[Kt]=!0,K),S),S}),zt=e.computed(()=>({position:"absolute",top:`${(window.innerHeight-o.value)/2}px`,left:`${(window.innerWidth-a.value)/2}px`,width:`${a.value}px`,height:d.value?"auto":`${o.value}px`})),Pt=e.computed(()=>({"modal-content":!0,"modal-content-has-header":p.value})),Ht=e.computed(()=>{const S={display:p.value?"":"none"};return S["pointer-events"]=M.value?"auto":"none",S}),Gt=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:O.value})),qt=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":h.value==="iframe"}));function Ut(){return{}}const Xt=e.computed(()=>{const S={textAlgin:T.value},k=Ut();return Object.assign(S,k)});function Yt(S){if(S.stopPropagation(),O.value){O.value=!1,D();return}V(),O.value=!0}async function Jt(S,k){S.handle&&await S.handle(k,S)&&n.emit("closed",k)}function Qt(S){S.width&&(a.value=S.width),S.height&&(o.value=S.height),S.buttons&&(x.value=S.buttons),S.title&&(w.value=S.title)}e.onMounted(()=>{R.value&&!$.value&&($.value=R.value.parentElement,W.value=$.value,B(N.value,R.value,W.value)),Q.value&&document.body.classList.add("modal-open"),wt(t,n)}),e.onUnmounted(()=>{A(),I&&I()}),n.expose({modalElementRef:R,updateModalOptions:Qt,close:L});function Zt(){return e.createVNode("ul",null,[c.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),i.value&&e.createVNode("li",{onClick:Yt,class:"f-btn-icon f-bare",style:"pointer-events: auto;"},[e.createVNode("span",{class:Gt.value},null)]),f.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:S=>L(S,!1),style:"pointer-events: auto;"},[e.createVNode("span",{class:"f-icon modal_close"},null)])])}function _t(){return e.createVNode("div",{class:"modal-footer",style:Xt.value},[x.value&&x.value.map(S=>e.createVNode("button",{name:S.name,type:"button",class:S.class+(S.iconClass?" btn-icontext":""),onClick:k=>{Jt(S,k)}},[!!S.iconClass&&e.createVNode("i",{class:S.iconClass},null),S.text]))])}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var S,k;return[Q.value&&e.createVNode("div",{class:Ot.value,style:"display: block",ref:F},[e.createVNode("div",{id:r.value,class:jt.value,style:zt.value,ref:R},[e.createVNode("div",{class:Pt.value},[e.createVNode("div",{ref:N,class:"modal-header",style:Ht.value},[e.createVNode("div",{class:"modal-title"},[g.value&&e.createVNode("span",{class:s.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[w.value])]),e.createVNode("div",{class:"actions"},[Zt()])]),e.createVNode("div",{class:qt.value},[(k=(S=n.slots).default)==null?void 0:k.call(S),h.value==="iframe"&&e.createVNode("iframe",{title:r.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:v.value},null)]),m.value&&_t()]),!d.value&&E.value&&R.value&&G(R.value)])])]}})}});function ge(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function Ct(t){const n=document.createElement("div");n.style.display="contents";const a=e.createApp({setup(o,l){e.onUnmounted(()=>{document.body.removeChild(n)});const r=e.ref(),u=e.ref(t.class||""),d=e.ref(!!t.showButtons),p=e.ref(!!t.showHeader),s=e.ref(t.showCloseButton==null?!0:t.showCloseButton),f=e.ref(!0),i=e.ref(t.title||""),c=t.acceptCallback||(()=>{}),h=t.rejectCallback||(()=>{}),v=t.closedCallback||(E=>{}),T=t.resizeHandle||(E=>{}),b=ge(t),w=E=>{f.value=!1,a.unmount(),v(E)};return e.onMounted(()=>{}),l.expose({modalRef:r}),()=>e.createVNode(ye,{ref:r,class:u.value,modelValue:f.value,"onUpdate:modelValue":E=>f.value=E,title:i.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":p.value,"show-buttons":d.value,"show-close-button":s.value,"show-max-button":!1,onAccept:c,onCancel:h,fitContent:t.fitContent==null?!0:t.fitContent,onClosed:w,onResize:T},{default:()=>[b&&b(a)]})}});return document.body.appendChild(n),a.mount(n),a}class ae{constructor(n){U(this,"appContext",null);U(this,"modalRef",e.ref());U(this,"activeModalIndex",e.ref(0));U(this,"modalRefs",{});U(this,"isUseEscCloseModal",e.ref(!1));U(this,"activeModalInstance",e.computed(()=>this.modalRefs[this.activeModalIndex.value]));this.appContext=n?n._context:null}getCurrentModal(){return this.activeModalInstance.value}static show(n){const a=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Ct(a)}open(n){const a=document.createDocumentFragment();n.showMaxButton&&n.fitContent&&(n.showMaxButton=!1);const o=e.shallowRef(Object.assign({title:"",showButtons:!0,showHeader:!0},n)),l=e.ref(!0),r=o.value.acceptCallback||(()=>{}),u=o.value.rejectCallback||(()=>{}),d=o.value.closedCallback||((w,E)=>{}),p=o.value.resizeHandle||(w=>{});let s;const f=ge(o.value),i=w=>{var $;l.value=!1;const E=($=w==null?void 0:w.target)==null?void 0:$.classList.contains("modal_close");d(w,this.isUseEscCloseModal.value?"esc":E?"icon":"button")},c=w=>{i(w),s&&e.nextTick(()=>{if(this.modalRefs[this.activeModalIndex.value]&&delete this.modalRefs[this.activeModalIndex.value],e.render(null,a),s=null,this.modalRef.value=null,this.modalRefs){const E=Object.keys(this.modalRefs);E.length>0?this.activeModalIndex.value=Math.max(...E):this.activeModalIndex.value=0}this.isUseEscCloseModal.value=!1})},h=w=>{var E;this.isUseEscCloseModal.value=!0,this.activeModalInstance&&((E=this.activeModalInstance.value)==null||E.close(w==null?void 0:w.event))},v=()=>e.createVNode(ye,e.mergeProps({ref:this.modalRef,modelValue:l.value,"onUpdate:modelValue":w=>l.value=w},o.value,{onAccept:r,onCancel:u,onClosed:c,onResize:p,onEsc:h}),{default:()=>[f&&f()]});return s=(w=>{const E=e.h(v,w);return E.appContext=this.appContext,e.render(E,a),E})({...o.value}),this.activeModalIndex.value++,this.modalRefs[this.activeModalIndex.value]=this.modalRef.value,{update:w=>{o.value={...o.value,...w},s&&e.render(e.cloneVNode(s,{...o}),a)},destroy:c,modalRef:this.activeModalInstance}}}function St(t,n,a){var L;function o(){}const l="",r="",u=e.ref();function d(){return(n==null?void 0:n.schema.componentType)!=="frame"}function p(){return!1}function s(){return(n==null?void 0:n.schema.componentType)!=="frame"}function f(){return(n==null?void 0:n.schema.componentType)==="frame"}function i(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const x=e.ref(y==null?void 0:y.value.parent),g=i(x);return g||null}function c(y=n){const{componentInstance:x,designerItemElementRef:g}=y;return!x||!x.value?null:x.value.canMove?g:c(y.parent)}function h(y){return!!a}function v(){return(n==null?void 0:n.schema.label)||(n==null?void 0:n.schema.title)||(n==null?void 0:n.schema.name)}function T(){}function b(y,x){}function w(y){const{componentType:x}=y;let g=te(x,y);const m=x.toLowerCase().replace("-","_");return g&&!g.id&&g.type===x&&(g.id=`${m}_${Math.random().toString().slice(2,6)}`),g}function E(y,x){const g=String(y.getAttribute("data-controltype")),m=y.getAttribute("data-feature"),N=m?JSON.parse(m):{};N.parentComponentInstance=u.value;let R=te(g,N);const O=g.toLowerCase().replace("-","_");return R&&!R.id&&R.type===g&&(R.id=`${O}_${Math.random().toString().slice(2,6)}`),R}function $(y){}function F(...y){}return u.value={canMove:d(),canSelectParent:p(),canDelete:s(),canNested:!f(),contents:n==null?void 0:n.schema.contents,elementRef:t,parent:(L=n==null?void 0:n.parent)==null?void 0:L.componentInstance,schema:n==null?void 0:n.schema,styles:l,designerClass:r,canAccepts:h,getBelongedComponentInstance:i,getDraggableDesignItemElement:c,getDraggingDisplayText:v,getPropConfig:F,getDragScopeElement:T,onAcceptMovedChildElement:b,onAcceptNewChildElement:E,onChildElementMovedOut:$,addNewChildComponentSchema:w,updateDragAndDropRules:o,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1)},u}const Mt=e.defineComponent({name:"FResponseLayoutEditorSettingDesign",props:ne,emits:[],setup(t,n){const a=e.ref(t.initialState),o=e.ref(t.width),l=e.ref(t.height),r=e.ref(),u=e.inject("design-item-context"),d=St(r,u);e.onMounted(()=>{r.value.componentInstance=d}),n.expose(d.value);function p(){const s=ae.show({render:()=>e.createVNode(J,{initialState:a,width:o,height:l},null),width:900,height:500,buttons:[{class:"btn btn-primary",text:"确定",iconClass:"f-icon f-icon-check",handle:()=>{s.destroy()}},{class:"btn btn-light",text:"取消",iconClass:"f-icon f-icon-close",handle:()=>{s.destroy()}}]})}return()=>e.createVNode("div",{ref:r,class:"f-column-width-setting-button",onClick:p},[e.createVNode("div",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}}),It={width:{Type:Number,default:400},type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"确定"},cancelButtonText:{Type:String,default:"取消"},exceptionInfo:{Type:Object,default:null},promptEditorType:{Type:String,default:"text-area"}};function oe(){return new DOMException("The request is not allowed","NotAllowedError")}async function xt(t){if(!navigator.clipboard)throw oe();return navigator.clipboard.writeText(t)}async function Vt(t){const n=document.createElement("span");n.textContent=t,n.style.whiteSpace="pre",n.style.webkitUserSelect="auto",n.style.userSelect="all",document.body.appendChild(n);const a=window.getSelection(),o=window.document.createRange();a==null||a.removeAllRanges(),o.selectNode(n),a==null||a.addRange(o);let l=!1;try{l=window.document.execCommand("copy")}finally{a==null||a.removeAllRanges(),window.document.body.removeChild(n)}if(!l)throw oe()}async function Nt(t){try{await xt(t)}catch(n){try{await Vt(t)}catch(a){throw a||n||oe()}}}function Tt(){async function t(n){await Nt(n)}return{onCopy:t}}function $t(t,n,a,o){const l=e.ref(14),r=e.ref(140),u=e.ref(""),d=e.ref(o.value.length),p=e.computed(()=>o.value),s=e.computed(()=>({"font-size":`${l.value}px`,height:"100%"}));function f(i){if(i.currentTarget){const c=i.currentTarget.value||"";d.value=c.length}}return()=>e.createVNode(e.Fragment,null,[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:s.value,rows:"4",maxlength:r.value,onInput:i=>f(i)},[p.value]),e.createVNode("span",{class:"textarea-wordcount",title:u.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[d.value+" / "+r.value])])}function Dt(t,n,a,o){const l=$t(t,n,a,o),r=new Map([["text-area",l]]);function u(d){return r.get(d)||null}return{getEditorRender:u}}function Et(){const t=e.ref(!1),n=e.ref("复制成功");return{feedbackStyle:e.computed(()=>{const o={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return o.opacity=t.value?"0.8":"0",o.display=t.value?"":"none",o}),feedbackMessage:n,toShowFeedback:t}}function Bt(t,n){const a=n.getEditorRender(t.promptEditorType);return()=>a&&a()}function Lt(t){const n=e.ref(3),a=e.ref(480),o=e.computed(()=>!!t.value&&!!t.value.date),l=e.computed(()=>`发生时间 : ${t.value&&t.value.date||""}`),r=e.computed(()=>!!t.value&&!!t.value.detail),u=e.computed(()=>{const b=`${a.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":n.value,"max-height":b}}),d=e.computed(()=>t.value&&t.value.detail||""),p=e.computed(()=>!0),s=e.ref(!1),f=e.ref("展开"),i=e.ref("收起"),c=e.computed(()=>{const b={display:"block",color:"#2A87FF"};return b["text-align"]=s.value?"":"right",b});function h(b,w){s.value=!s.value,n.value=s.value?20:3}function v(b){return h()}function T(b){return h()}return()=>e.createVNode("div",{class:"toast-msg-detail"},[o.value&&e.createVNode("div",null,[l.value]),r.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:u.value},[e.createTextVNode("详细信息 : "),e.createVNode("span",{innerHTML:d.value},null)]),p.value&&e.createVNode("span",{style:c.value},[s.value&&e.createVNode("span",{onClick:v,style:"cursor: pointer;"},[i.value]),!s.value&&e.createVNode("span",{onClick:T,style:"cursor: pointer;"},[f.value])])])}function Rt(t){return()=>e.createVNode("p",{class:"toast-msg-detail",innerHTML:t.value},null)}function Ft(t,n,a,o){const l=e.ref(t.exceptionInfo),r=e.computed(()=>{const c={"f-icon":!0},h=`f-icon-${n.value}`;return c[h]=!0,c}),u=e.computed(()=>a.value||l.value&&l.value.message),d=e.computed(()=>o.value),p=e.computed(()=>!!o.value),s=e.computed(()=>!!l.value);function f(){return s.value?Lt(l):p.value?Rt(d):()=>null}const i=f();return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:r.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:u.value},null),i()])])}function kt(t,n,a){const{onCopy:o}=n,{toShowFeedback:l}=a,r=e.ref("复制成功"),u=e.ref("复制详细信息"),d=e.ref(t.exceptionInfo||{date:"",message:"",detail:""}),p=e.computed(()=>d.value&&d.value.detail||"");function s(f){o(p.value).catch(i=>{r.value="复制失败"}).finally(()=>{l.value=!0,setTimeout(()=>{l.value=!1},700)})}return()=>e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:s,style:"cursor: pointer;"},[u.value])])}function Wt(t,n,a,o){const l=e.ref(t.type),r=e.ref([]),u=e.ref(t.exceptionInfo),d=e.ref(t.okButtonText),p=e.ref(t.cancelButtonText),s=e.ref(!0),f=e.ref(!0),i=e.computed(()=>!!(r.value&&r.value.length)),c=e.computed(()=>u.value&&u.value.date&&u.value.message&&u.value.detail),h=e.computed(()=>!(r.value&&r.value.length)&&(d.value||p.value)),v=e.computed(()=>f.value&&d.value),T=e.computed(()=>s.value&&p.value),b=kt(t,a,o);function w($){l.value==="question"&&n.emit("reject"),n.emit("close")}function E($){l.value==="question"&&n.emit("accept"),n.emit("close")}return()=>e.createVNode("div",{class:"modal-footer"},[c.value&&b(),h.value&&T.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:w},[p.value]),h.value&&v.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:E},[d.value]),i.value&&r.value.length&&r.value.map($=>e.createVNode("button",{type:"button",onClick:$.handle,class:$.class},[$.iconClass&&e.createVNode("span",{class:$.iconClass},null),$.text]))])}const _=e.defineComponent({name:"FMessageBox",props:It,emits:["accept","reject","close"],setup(t,n){const a=e.ref(t.type),o=e.ref(t.title),l=e.ref(t.detail),r=e.computed(()=>{const b={"modal-tips":!0,"d-flex":!0,"flex-row":!0},w=`messager-type-${a.value}`;return b[w]=!0,b}),u=e.computed(()=>{const b={};return a.value==="prompt"?b.padding="0.5rem 0.5rem 1rem 1.5rem":a.value==="error"&&(b.padding="0.5rem 1.5rem 1rem 1.5rem"),b}),d=Tt(),p=Dt(t,a,o,l),s=Et(),{feedbackStyle:f,feedbackMessage:i}=s;function c(){return e.createVNode("div",{style:f.value},[i.value])}function h(){switch(a.value){case"prompt":return Bt(t,p);default:return Ft(t,a,o,l)}}const v=h(),T=Wt(t,n,d,s);return()=>e.createVNode("div",{class:"farris-messager"},[e.createVNode("section",{class:r.value,style:u.value},[v()]),T(),c()])}});class H{static show(n){let a=new ae;const o=e.reactive({...n}),l=!1,r=o.type==="error"||o.type==="prompt",u=o.type==="error"?"错误提示":o.type==="prompt"&&o.title||"",d=o.acceptCallback||(()=>{}),p=o.rejectCallback||(()=>{});let s=null;const f=()=>{s&&(s==null||s.destroy(),a=null)};s=a==null?void 0:a.open({class:"modal-message modal-message-type-info",title:u,showButtons:l,showHeader:r,width:o.width||400,fitContent:!0,showMaxButton:!1,render:()=>e.createVNode(_,e.mergeProps(o,{onAccept:d,onReject:p,onClose:f}),null)})}static info(n,a){const o=e.reactive({type:"info",title:n,detail:a,okButtonText:"知道了",cancelButtonText:""});H.show(o)}static warning(n,a){const o=e.reactive({type:"warning",title:n,detail:a,okButtonText:"知道了",cancelButtonText:""});H.show(o)}static success(n,a){const o=e.reactive({type:"success",title:n,detail:a,okButtonText:"关闭",cancelButtonText:""});H.show(o)}static error(n,a,o){const l=e.reactive({width:500,type:"error",okButtonText:"关闭",cancelButtonText:"",exceptionInfo:{date:o,message:n,detail:a}});H.show(l)}static prompt(n,a){const o=e.reactive({type:"prompt",title:n,detail:a,okButtonText:"确定",cancelButtonText:"取消"});H.show(o)}static question(n,a,o,l){const r=e.reactive({type:"question",title:n,detail:a,okButtonText:"确定",cancelButtonText:"取消",acceptCallback:o,rejectCallback:l});H.show(r)}}_.install=t=>{t.component(_.name,_),t.provide("FMessageBoxService",H)};const le=e.defineComponent({name:"FResponseLayoutEditorSetting",props:ne,emits:["change"],setup(t,n){const a=e.ref(t.modelValue),o=e.ref(t.width),l=e.ref(t.height);e.watch(()=>t.modelValue,p=>{a.value=p});function r(p,s){n.emit("change",s),p&&p.unmount()}function u(p){p&&p.unmount()}function d(){if(!a.value.defaultState||!a.value.importData){const p=a.value.message||"只可以在响应式表单组件中调整响应式布局配置";H.info(p,"");return}ae.show({render:p=>e.createVNode(J,{initialState:a,width:o.value,height:l.value,onClose:()=>u(p),onSubmit:s=>r(p,s)},null),width:900,height:500,showButtons:!1,showHeader:!1,showFloatingClose:!0})}return()=>e.createVNode("div",{class:"f-column-width-setting-button",onClick:d},[e.createVNode("div",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}}),At={install(t){t.component(J.name,J),t.component(le.name,le)},register(t,n,a,o){t["response-layout-editor-setting"]=le,n["response-layout-editor-setting"]=he},registerDesigner(t,n,a){t["response-layout-editor-setting"]=Mt,n["response-layout-editor-setting"]=he}};z.ResponseLayoutEditor=J,z.default=At,z.responseLayoutEditorProps=ie,Object.defineProperties(z,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

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