@farris/ui-vue 1.2.7 → 1.2.9

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

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