@farris/ui-vue 1.3.1 → 1.3.3

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

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