@farris/ui-vue 1.7.4 → 1.7.5

package/components/response-layout-editor/index.esm.js

@@ -4,7 +4,7 @@ var b = (e, h, u) => J(e, typeof h != "symbol" ? h + "" : h, u);
 import { defineComponent as L, ref as l, watch as I, onBeforeMount as H, createVNode as t, createTextVNode as R, computed as z, onMounted as Y, inject as K, provide as Q } from "vue";
 import { cloneDeep as N } from "lodash-es";
 import Z from "../capsule/index.esm.js";
-import _ from "../switch/index.esm.js/src/switch.component";
+import _ from "../switch/index.esm.js";
 import ee from "../combo-list/index.esm.js";
 import te from "../radio-button/index.esm.js";
 import ae from "../rate/index.esm.js";

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

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../switch/index.umd.js/src/switch.component"),require("../combo-list/index.umd.js"),require("../radio-button/index.umd.js"),require("../rate/index.umd.js"),require("../message-box/index.umd.js"),require("../modal/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../switch/index.umd.js/src/switch.component","../combo-list/index.umd.js","../radio-button/index.umd.js","../rate/index.umd.js","../message-box/index.umd.js","../modal/index.umd.js"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["response-layout-editor"]={},p.Vue,p.LodashES,p.FCapsule,p.FSwitch,p.FComboList,p.FRadioButton,p.FRate,p.messageBox,p.modal))})(this,function(p,e,D,z,q,H,_,X,Y,J){"use strict";var de=Object.defineProperty;var ce=(p,e,D)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:D}):p[e]=D;var V=(p,e,D)=>ce(p,typeof e!="symbol"?e+"":e,D);const G={initialState:{type:Object,default:{}}},K={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},Q=e.defineComponent({name:"FScreenResolutionSelector",props:K,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(t,S){const u=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}]),r=e.ref(t.defaultStates),a=e.ref("MD"),v=e.ref("中等屏幕"),s=e.ref(!0);function y(f){u.value.forEach(o=>{o.active=o.code===f,o.active&&(a.value=o.code,v.value=o.name,S.emit("screenNameChanged",v.value),S.emit("currentScreenResolutionChanged",a.value))})}function w(){S.emit("switchInStandardModeChanged",s.value)}e.watch(s,()=>{}),e.onBeforeMount(()=>{r.value.model==="standard"?s.value=!0:(s.value=!1,w())});function c(){return e.createVNode(z,{class:"f-layout-editor-screen-resolution-selector-frame",items:u.value,modelValue:a.value,"onUpdate:modelValue":f=>a.value=f,onChange:y},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("表单布局配置")])]),c(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(q,{class:"f-layout-editor-show-switch",modelValue:s.value,"onUpdate:modelValue":f=>s.value=f,onModelValueChanged:w},null),s.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("自定义模式")])])])}}),Z={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ee={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},te=e.defineComponent({name:"FColumnWidthView",props:ee,emits:[],setup(t,S){const u=e.ref(t.item),r=e.ref(t.currentScreenResolution),a=e.computed(()=>`col-${u.value[`columnIn${r.value}`]}`);return e.watch([()=>t.item,()=>t.currentScreenResolution],([v,s],[y,w])=>{v!==y&&(u.value=v),s!==w&&(r.value=s)}),()=>e.createVNode("div",{class:a.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:u.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[u.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:Z,emits:["update:twoDimensionalArray"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.currentArea),v=e.ref(t.twoDimensionalArray),s=e.ref([]);e.watch([()=>t.currentArea,()=>t.switchInStandardMode,()=>t.currentScreenResolution],([o,d,h],[g,b,I])=>{o!==g&&(a.value=o),d!==b&&(r.value=d),h!==I&&(u.value=h)});function y(o,d){const h=[];let g=[];return o.forEach(b=>{d!==b.componentRow&&(d+=1,h.push(g),g=[]),g.push(b)}),h.push(g),h}function w(){const o=[];let d=1;return s.value.forEach(h=>{const g=y(h,d);d+=g.length,o.push(g)}),o}function c(){s.value=D.cloneDeep(v.value),s.value=w()}e.watch(()=>t.twoDimensionalArray,()=>{v.value=t.twoDimensionalArray,c()}),e.onMounted(()=>{c()});function f(){if(r.value)return"";const o=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"},[o])}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"},[s.value.map(o=>{var d,h;return((d=o[0][0])==null?void 0:d.group.toString())===((h=a.value[0])==null?void 0:h.id)&&o.map(g=>e.createVNode("div",{class:"f-layout-editor-row"},[g.map(b=>e.createVNode(te,{item:b,"onUpdate:item":I=>b=I,currentScreenResolution:u.value,switchInStandardMode:r.value},null))]))})])])])}}),ne={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 oe(t,S){const u=e.ref(-1),r=e.ref(!1);function a(o){if(o.target.offsetParent){const d=o.target.offsetParent,h=d.offsetWidth-o.target.offsetWidth/2-4,g=d.offsetHeight/2;o.dataTransfer&&o.dataTransfer.setDragImage(d,h,g)}}function v(o){if(o){const d=t.value.findIndex(h=>h.label===o.label);setTimeout(()=>{u.value=d,r.value=!0,o.moving=!0})}}function s(o,d){o.stopPropagation(),a(o),v(d)}function y(o){const d=t.value.findIndex(h=>h.label===o.label);if(u.value!==d){const h=t.value[u.value],g=t.value;g.splice(u.value,1),g.splice(d,0,h),u.value=d,S&&S()}}function w(o,d){o.preventDefault(),y(d)}function c(o){o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move")}function f(o,d){d&&(d.moving=!1),r.value=!1}return{dragstart:s,dragenter:w,dragover:c,dragend:f,isDragging:r}}const re={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},le=e.defineComponent({name:"FColumnWidthEditor",props:re,emits:["fieldChanged"],setup(t,S){const u={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},r=e.ref(t.currentScreenResolution),a=e.ref(t.field),v=e.ref(t.switchInStandardMode),s=e.ref(),y=e.ref(""),w=e.ref(),c=e.ref("customize"),f=e.ref(),o=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:d,dragenter:h,dragover:g,dragend:b}=o;function I(){s.value=u==null?void 0:u[r.value],v.value?(y.value=`displayWidthIn${r.value}`,c.value=`${a.value[y.value]}`):(y.value=`columnIn${r.value}`,f.value=a.value[y.value])}function O(m){if(v.value===!0){const N=Number(m==null?void 0:m.text);w.value=N;const M=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=N*M,a.value[`displayWidthIn${r.value}`]=Number(N),S.emit("fieldChanged",a.value)}}function F(m){f.value=m;const N=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=f.value,a.value[`displayWidthIn${r.value}`]=f.value/N,S.emit("fieldChanged",a.value)}function E(){return e.createVNode(X,{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:()=>F(f.value)},null)}function T(){const m=[];s.value=u==null?void 0:u[r.value];const N=a.value[`displayWidthIn${r.value}`];return s.value.forEach(M=>{const j={text:M,active:N.toString()===M};m.push(j)}),m}function A(){const m=T();return e.createVNode(_,{enumData:m,suffixValue:"列",onSelectedValueChanged:O},{default:()=>[e.createTextVNode(" ")]})}function L(){var m;if(((m=a==null?void 0:a.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("第"),a.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function l(){return v.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},[A()])]):e.createVNode("div",{class:"f-column-width-editor-switch-customize",onDragenter:m=>h(m,a.value),onDragend:m=>b(m,a.value),onDragover:m=>g(m)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[E(),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=>d(m,a.value)},null)])])}function R(){var m,N;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(m=a==null?void 0:a.value)==null?void 0:m.label},[(N=a==null?void 0:a.value)==null?void 0:N.label]),l()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([m,N,M],[j,$,n])=>{M!==n&&(r.value=M,s.value=u[r.value],I()),N!==$&&(v.value=N),v.value===!1&&I(),m!==j&&(a.value=m)}),e.onMounted(()=>{I()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[L(),R()])}}),ie=e.defineComponent({name:"FFieldList",props:ne,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.originalData),v=e.ref(t.originalDataCopy),s=e.ref(t.defaultStates),y=e.ref(""),w=e.ref([]),c=e.ref(t.currentArea),f=e.ref(0),o=e.ref(),d=e.ref(0),h=e.ref("1"),g=e.ref([]);function b(){const n=[];return a.value.forEach(i=>{n.indexOf(i.group)===-1&&n.push(i.group)}),n}function I(){h.value=s.value.defaultGroupNumber.toString(),y.value=`区域${h.value}`,c.value=[w.value[Number(h.value)-1]],S.emit("update:currentArea",c.value)}function O(){var i;const n=b();for(let C=0;C<n.length;C++){const B={id:(i=n[C])==null?void 0:i.toString(),label:"区域"+n[C]};w.value.push(B)}I()}function F(){let n=[];o.value=[];let i=1;a.value.forEach(C=>{C.group===i||(i+=1,o.value.push(n),n=[]),n.push(C)}),o.value.push(n)}function E(n,i){let B=12;return f.value=1+i,n.forEach(P=>{P.showTopBorder=0;const k=P[`columnIn${u.value}`];B>=k?(P.componentRow=f.value,B-=k):(f.value+=1,P.componentRow=f.value,B=12-k,P.showTopBorder=1)}),n[0].showTopBorder=1,n}function T(n){let i=[];for(const C of n)i=i.concat(C);a.value=D.cloneDeep(i),d.value=0}function A(){o.value[c.value[0].id-1]=D.cloneDeep(g.value);const n=[];d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),T(n)}function L(){F();const n=[];return d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),S.emit("twoDimensionalArrayChanged",o.value),T(n),a.value}function l(){g.value=[],a.value.forEach(n=>{n.group===Number(c.value[0].id)&&g.value.push(n)})}function R(){a.value=D.cloneDeep(L()),S.emit("originalDataChanged",a.value)}function m(n){g.value.forEach(i=>{i.id===n.id&&Object.assign(i,n)}),A(),R(),l()}function N(n){for(let i=0;i<n.length;i++)c.value=[{id:n[i].id,label:n[i].label}];S.emit("update:currentArea",c.value),l(),A()}function M(){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(H,{modelValue:h.value,"onUpdate:modelValue":n=>h.value=n,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:w.value,editable:!1,onChange:N},null)])])}function j(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[g.value.map(n=>e.createVNode(le,{key:n.label,currentScreenResolution:u.value,field:n,"onUpdate:field":i=>n=i,switchInStandardMode:r.value,"onUpdate:switchInStandardMode":i=>r.value=i,onFieldChanged:m},null))])}const $=oe(g,()=>{A(),R(),l()});return e.provide("ResponseLayoutEditorDraggableComposition",$),e.watch(()=>t.currentArea,(n,i)=>{n!==i&&(c.value=t.currentArea,l())}),e.watch(c,(n,i)=>{n!==i&&l()}),e.watch(()=>t.currentGroup,(n,i)=>{n!==i&&(y.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(n,i)=>{n!==i&&(u.value=t.currentScreenResolution,R(),F(),c.value[0]&&(g.value=D.cloneDeep(o.value[Number(c.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(n,i)=>{n!==i&&(r.value=t.switchInStandardMode,a.value=D.cloneDeep(v.value))}),e.watch(s,(n,i)=>{n!==i&&R()}),e.onBeforeMount(()=>{O(),L(),l()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[r.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[M(),j()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[M(),j()])])}}),x=e.defineComponent({name:"FResponseLayoutEditor",props:G,emits:["close","submit"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(),a=e.ref(),v=e.ref(""),s=e.ref(""),y=e.ref(!0),w=e.ref([{id:"1",label:"区域1"}]),c=e.ref([]),f=e.ref();e.ref(t.width),e.ref(t.height),e.watch(()=>t.initialState,l=>{u.value=l}),e.watch([()=>t.currentArea,()=>t.switchInStandardMode],([l,R],[m,N])=>{l!==m&&(w.value=l),R!==N&&(y.value=R)});function o(l){v.value=l}function d(l){s.value=l}function h(l){y.value=l}function g(l){w.value=[].concat(l)}function b(l){r.value=D.cloneDeep(l)}function I(l){c.value=l}function O(){S.emit("close")}function F(){S.emit("submit",r.value)}function E(){return e.createVNode(ie,{class:"f-utils-fill-flex-column",defaultStates:a.value,originalDataCopy:f.value,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,originalData:r.value,"onUpdate:originalData":l=>r.value=l,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":l=>y.value=l,currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,onCurrentAreaChanged:g,onTwoDimensionalArrayChanged:I,onOriginalDataChanged:b},null)}function T(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,switchInStandardMode:y.value,twoDimensionalArray:c.value,"onUpdate:twoDimensionalArray":l=>c.value=l},null)}const A=e.computed(()=>y.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),L=e.computed(()=>y.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{r.value=D.cloneDeep(u.value.importData),f.value=D.cloneDeep(u.value.importData),a.value=u.value.defaultState,v.value="中等屏幕",s.value="MD"}),l=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Q,{defaultStates:a.value,onScreenNameChanged:o,onCurrentScreenResolutionChanged:d,onSwitchInStandardModeChanged:h},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:A.value},[E()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:L.value},[T()])])]),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:O},[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("确认")])])])])])}}),U={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},W=e.defineComponent({name:"FResponseLayoutEditorSetting",props:U,emits:["change"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(t.width),a=e.ref(t.height);e.watch(()=>t.initialState,c=>{u.value=c});function v(c,f){u.value.importData=f,S.emit("change",f),c&&c.unmount()}function s(c){c&&c.unmount()}function y(){if(t.width>0&&t.width>0)return;const c=document.documentElement.clientWidth,f=document.documentElement.clientHeight;a.value=f<650?500:f>1200?840:630,r.value=c<850?900:c>1400?1e3:890}function w(){if(t.beforeOpen&&typeof t.beforeOpen=="function"&&(u.value=t.beforeOpen()),!u.value.defaultState||!u.value.importData){const c=u.value.message||"只可以在响应式表单组件中调整响应式布局配置";Y.FMessageBoxService.info(c,"");return}y(),J.FModalService.show({render:c=>e.createVNode(x,{initialState:u,onClose:()=>s(c),onSubmit:f=>v(c,f)},null),width:r.value,height:a.value,fitContent:!1,showButtons:!1,showHeader:!1,showFloatingClose:!0})}return()=>e.createVNode("div",{class:"f-column-width-setting-button",onClick:w},[e.createVNode("i",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}});class ue{constructor(){V(this,"label","");V(this,"id","");V(this,"columnInSM",12);V(this,"columnInMD",6);V(this,"columnInLG",3);V(this,"columnInEL",2);V(this,"displayWidthInSM",1);V(this,"displayWidthInMD",1);V(this,"displayWidthInLG",1);V(this,"displayWidthInEL",1);V(this,"displayColumnCountAtBreakPoint","md");V(this,"tagRow",0);V(this,"showTopBorder",0);V(this,"group",1);V(this,"isSupportedClass",!0);V(this,"fieldSetId","")}}x.install=t=>{t.component(x.name,x),t.component(W.name,W)},p.ResponseFormLayoutContext=ue,p.ResponseLayoutEditor=x,p.ResponseLayoutEditorSetting=W,p.default=x,p.responseLayoutEditorProps=G,p.responseLayoutEditorSettingProps=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es"),require("../capsule/index.umd.js"),require("../switch/index.umd.js"),require("../combo-list/index.umd.js"),require("../radio-button/index.umd.js"),require("../rate/index.umd.js"),require("../message-box/index.umd.js"),require("../modal/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../capsule/index.umd.js","../switch/index.umd.js","../combo-list/index.umd.js","../radio-button/index.umd.js","../rate/index.umd.js","../message-box/index.umd.js","../modal/index.umd.js"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p["response-layout-editor"]={},p.Vue,p.LodashES,p.FCapsule,p.FSwitch,p.FComboList,p.FRadioButton,p.FRate,p.messageBox,p.modal))})(this,function(p,e,D,z,q,H,_,X,Y,J){"use strict";var de=Object.defineProperty;var ce=(p,e,D)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:D}):p[e]=D;var V=(p,e,D)=>ce(p,typeof e!="symbol"?e+"":e,D);const G={initialState:{type:Object,default:{}}},K={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}},onCurrentScreenResolutionChanged:{type:Function,default:()=>{}},onScreenNameChanged:{type:Function,default:()=>{}}},Q=e.defineComponent({name:"FScreenResolutionSelector",props:K,emits:["screenNameChanged","currentScreenResolutionChanged","switchInStandardModeChanged"],setup(t,S){const u=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}]),r=e.ref(t.defaultStates),a=e.ref("MD"),v=e.ref("中等屏幕"),s=e.ref(!0);function y(f){u.value.forEach(o=>{o.active=o.code===f,o.active&&(a.value=o.code,v.value=o.name,S.emit("screenNameChanged",v.value),S.emit("currentScreenResolutionChanged",a.value))})}function w(){S.emit("switchInStandardModeChanged",s.value)}e.watch(s,()=>{}),e.onBeforeMount(()=>{r.value.model==="standard"?s.value=!0:(s.value=!1,w())});function c(){return e.createVNode(z,{class:"f-layout-editor-screen-resolution-selector-frame",items:u.value,modelValue:a.value,"onUpdate:modelValue":f=>a.value=f,onChange:y},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("表单布局配置")])]),c(),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(q,{class:"f-layout-editor-show-switch",modelValue:s.value,"onUpdate:modelValue":f=>s.value=f,onModelValueChanged:w},null),s.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("自定义模式")])])])}}),Z={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},ee={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},te=e.defineComponent({name:"FColumnWidthView",props:ee,emits:[],setup(t,S){const u=e.ref(t.item),r=e.ref(t.currentScreenResolution),a=e.computed(()=>`col-${u.value[`columnIn${r.value}`]}`);return e.watch([()=>t.item,()=>t.currentScreenResolution],([v,s],[y,w])=>{v!==y&&(u.value=v),s!==w&&(r.value=s)}),()=>e.createVNode("div",{class:a.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:u.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[u.value.label])])])}}),ae=e.defineComponent({name:"FPreview",props:Z,emits:["update:twoDimensionalArray"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.currentArea),v=e.ref(t.twoDimensionalArray),s=e.ref([]);e.watch([()=>t.currentArea,()=>t.switchInStandardMode,()=>t.currentScreenResolution],([o,d,h],[g,b,I])=>{o!==g&&(a.value=o),d!==b&&(r.value=d),h!==I&&(u.value=h)});function y(o,d){const h=[];let g=[];return o.forEach(b=>{d!==b.componentRow&&(d+=1,h.push(g),g=[]),g.push(b)}),h.push(g),h}function w(){const o=[];let d=1;return s.value.forEach(h=>{const g=y(h,d);d+=g.length,o.push(g)}),o}function c(){s.value=D.cloneDeep(v.value),s.value=w()}e.watch(()=>t.twoDimensionalArray,()=>{v.value=t.twoDimensionalArray,c()}),e.onMounted(()=>{c()});function f(){if(r.value)return"";const o=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"},[o])}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"},[s.value.map(o=>{var d,h;return((d=o[0][0])==null?void 0:d.group.toString())===((h=a.value[0])==null?void 0:h.id)&&o.map(g=>e.createVNode("div",{class:"f-layout-editor-row"},[g.map(b=>e.createVNode(te,{item:b,"onUpdate:item":I=>b=I,currentScreenResolution:u.value,switchInStandardMode:r.value},null))]))})])])])}}),ne={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 oe(t,S){const u=e.ref(-1),r=e.ref(!1);function a(o){if(o.target.offsetParent){const d=o.target.offsetParent,h=d.offsetWidth-o.target.offsetWidth/2-4,g=d.offsetHeight/2;o.dataTransfer&&o.dataTransfer.setDragImage(d,h,g)}}function v(o){if(o){const d=t.value.findIndex(h=>h.label===o.label);setTimeout(()=>{u.value=d,r.value=!0,o.moving=!0})}}function s(o,d){o.stopPropagation(),a(o),v(d)}function y(o){const d=t.value.findIndex(h=>h.label===o.label);if(u.value!==d){const h=t.value[u.value],g=t.value;g.splice(u.value,1),g.splice(d,0,h),u.value=d,S&&S()}}function w(o,d){o.preventDefault(),y(d)}function c(o){o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move")}function f(o,d){d&&(d.moving=!1),r.value=!1}return{dragstart:s,dragenter:w,dragover:c,dragend:f,isDragging:r}}const re={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},le=e.defineComponent({name:"FColumnWidthEditor",props:re,emits:["fieldChanged"],setup(t,S){const u={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},r=e.ref(t.currentScreenResolution),a=e.ref(t.field),v=e.ref(t.switchInStandardMode),s=e.ref(),y=e.ref(""),w=e.ref(),c=e.ref("customize"),f=e.ref(),o=e.inject("ResponseLayoutEditorDraggableComposition"),{dragstart:d,dragenter:h,dragover:g,dragend:b}=o;function I(){s.value=u==null?void 0:u[r.value],v.value?(y.value=`displayWidthIn${r.value}`,c.value=`${a.value[y.value]}`):(y.value=`columnIn${r.value}`,f.value=a.value[y.value])}function O(m){if(v.value===!0){const N=Number(m==null?void 0:m.text);w.value=N;const M=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=N*M,a.value[`displayWidthIn${r.value}`]=Number(N),S.emit("fieldChanged",a.value)}}function F(m){f.value=m;const N=a.value[`columnIn${r.value}`]/a.value[`displayWidthIn${r.value}`];a.value[`columnIn${r.value}`]=f.value,a.value[`displayWidthIn${r.value}`]=f.value/N,S.emit("fieldChanged",a.value)}function E(){return e.createVNode(X,{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:()=>F(f.value)},null)}function T(){const m=[];s.value=u==null?void 0:u[r.value];const N=a.value[`displayWidthIn${r.value}`];return s.value.forEach(M=>{const j={text:M,active:N.toString()===M};m.push(j)}),m}function A(){const m=T();return e.createVNode(_,{enumData:m,suffixValue:"列",onSelectedValueChanged:O},{default:()=>[e.createTextVNode(" ")]})}function L(){var m;if(((m=a==null?void 0:a.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("第"),a.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function l(){return v.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},[A()])]):e.createVNode("div",{class:"f-column-width-editor-switch-customize",onDragenter:m=>h(m,a.value),onDragend:m=>b(m,a.value),onDragover:m=>g(m)},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[E(),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=>d(m,a.value)},null)])])}function R(){var m,N;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label",title:(m=a==null?void 0:a.value)==null?void 0:m.label},[(N=a==null?void 0:a.value)==null?void 0:N.label]),l()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([m,N,M],[j,$,n])=>{M!==n&&(r.value=M,s.value=u[r.value],I()),N!==$&&(v.value=N),v.value===!1&&I(),m!==j&&(a.value=m)}),e.onMounted(()=>{I()}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[L(),R()])}}),ie=e.defineComponent({name:"FFieldList",props:ne,emits:["update:currentArea","twoDimensionalArrayChanged","originalDataChanged"],setup(t,S){const u=e.ref(t.currentScreenResolution),r=e.ref(t.switchInStandardMode),a=e.ref(t.originalData),v=e.ref(t.originalDataCopy),s=e.ref(t.defaultStates),y=e.ref(""),w=e.ref([]),c=e.ref(t.currentArea),f=e.ref(0),o=e.ref(),d=e.ref(0),h=e.ref("1"),g=e.ref([]);function b(){const n=[];return a.value.forEach(i=>{n.indexOf(i.group)===-1&&n.push(i.group)}),n}function I(){h.value=s.value.defaultGroupNumber.toString(),y.value=`区域${h.value}`,c.value=[w.value[Number(h.value)-1]],S.emit("update:currentArea",c.value)}function O(){var i;const n=b();for(let C=0;C<n.length;C++){const B={id:(i=n[C])==null?void 0:i.toString(),label:"区域"+n[C]};w.value.push(B)}I()}function F(){let n=[];o.value=[];let i=1;a.value.forEach(C=>{C.group===i||(i+=1,o.value.push(n),n=[]),n.push(C)}),o.value.push(n)}function E(n,i){let B=12;return f.value=1+i,n.forEach(P=>{P.showTopBorder=0;const k=P[`columnIn${u.value}`];B>=k?(P.componentRow=f.value,B-=k):(f.value+=1,P.componentRow=f.value,B=12-k,P.showTopBorder=1)}),n[0].showTopBorder=1,n}function T(n){let i=[];for(const C of n)i=i.concat(C);a.value=D.cloneDeep(i),d.value=0}function A(){o.value[c.value[0].id-1]=D.cloneDeep(g.value);const n=[];d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),T(n)}function L(){F();const n=[];return d.value=0,o.value.forEach(i=>{const C=E(i,d.value);n.push(C),d.value=C[C.length-1].componentRow}),S.emit("twoDimensionalArrayChanged",o.value),T(n),a.value}function l(){g.value=[],a.value.forEach(n=>{n.group===Number(c.value[0].id)&&g.value.push(n)})}function R(){a.value=D.cloneDeep(L()),S.emit("originalDataChanged",a.value)}function m(n){g.value.forEach(i=>{i.id===n.id&&Object.assign(i,n)}),A(),R(),l()}function N(n){for(let i=0;i<n.length;i++)c.value=[{id:n[i].id,label:n[i].label}];S.emit("update:currentArea",c.value),l(),A()}function M(){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(H,{modelValue:h.value,"onUpdate:modelValue":n=>h.value=n,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:w.value,editable:!1,onChange:N},null)])])}function j(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[g.value.map(n=>e.createVNode(le,{key:n.label,currentScreenResolution:u.value,field:n,"onUpdate:field":i=>n=i,switchInStandardMode:r.value,"onUpdate:switchInStandardMode":i=>r.value=i,onFieldChanged:m},null))])}const $=oe(g,()=>{A(),R(),l()});return e.provide("ResponseLayoutEditorDraggableComposition",$),e.watch(()=>t.currentArea,(n,i)=>{n!==i&&(c.value=t.currentArea,l())}),e.watch(c,(n,i)=>{n!==i&&l()}),e.watch(()=>t.currentGroup,(n,i)=>{n!==i&&(y.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(n,i)=>{n!==i&&(u.value=t.currentScreenResolution,R(),F(),c.value[0]&&(g.value=D.cloneDeep(o.value[Number(c.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(n,i)=>{n!==i&&(r.value=t.switchInStandardMode,a.value=D.cloneDeep(v.value))}),e.watch(s,(n,i)=>{n!==i&&R()}),e.onBeforeMount(()=>{O(),L(),l()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[r.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[M(),j()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[M(),j()])])}}),x=e.defineComponent({name:"FResponseLayoutEditor",props:G,emits:["close","submit"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(),a=e.ref(),v=e.ref(""),s=e.ref(""),y=e.ref(!0),w=e.ref([{id:"1",label:"区域1"}]),c=e.ref([]),f=e.ref();e.ref(t.width),e.ref(t.height),e.watch(()=>t.initialState,l=>{u.value=l}),e.watch([()=>t.currentArea,()=>t.switchInStandardMode],([l,R],[m,N])=>{l!==m&&(w.value=l),R!==N&&(y.value=R)});function o(l){v.value=l}function d(l){s.value=l}function h(l){y.value=l}function g(l){w.value=[].concat(l)}function b(l){r.value=D.cloneDeep(l)}function I(l){c.value=l}function O(){S.emit("close")}function F(){S.emit("submit",r.value)}function E(){return e.createVNode(ie,{class:"f-utils-fill-flex-column",defaultStates:a.value,originalDataCopy:f.value,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,originalData:r.value,"onUpdate:originalData":l=>r.value=l,switchInStandardMode:y.value,"onUpdate:switchInStandardMode":l=>y.value=l,currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,onCurrentAreaChanged:g,onTwoDimensionalArrayChanged:I,onOriginalDataChanged:b},null)}function T(){return e.createVNode(ae,{class:"f-utils-fill-flex-column",currentArea:w.value,"onUpdate:currentArea":l=>w.value=l,currentScreenResolution:s.value,"onUpdate:currentScreenResolution":l=>s.value=l,switchInStandardMode:y.value,twoDimensionalArray:c.value,"onUpdate:twoDimensionalArray":l=>c.value=l},null)}const A=e.computed(()=>y.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),L=e.computed(()=>y.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{r.value=D.cloneDeep(u.value.importData),f.value=D.cloneDeep(u.value.importData),a.value=u.value.defaultState,v.value="中等屏幕",s.value="MD"}),l=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Q,{defaultStates:a.value,onScreenNameChanged:o,onCurrentScreenResolutionChanged:d,onSwitchInStandardModeChanged:h},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:A.value},[E()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:L.value},[T()])])]),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:O},[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("确认")])])])])])}}),U={initialState:{type:Object},height:{type:Number,default:0},width:{type:Number,default:0},modelValue:{type:Object},beforeOpen:{type:Object}},W=e.defineComponent({name:"FResponseLayoutEditorSetting",props:U,emits:["change"],setup(t,S){const u=e.ref(t.initialState),r=e.ref(t.width),a=e.ref(t.height);e.watch(()=>t.initialState,c=>{u.value=c});function v(c,f){u.value.importData=f,S.emit("change",f),c&&c.unmount()}function s(c){c&&c.unmount()}function y(){if(t.width>0&&t.width>0)return;const c=document.documentElement.clientWidth,f=document.documentElement.clientHeight;a.value=f<650?500:f>1200?840:630,r.value=c<850?900:c>1400?1e3:890}function w(){if(t.beforeOpen&&typeof t.beforeOpen=="function"&&(u.value=t.beforeOpen()),!u.value.defaultState||!u.value.importData){const c=u.value.message||"只可以在响应式表单组件中调整响应式布局配置";Y.FMessageBoxService.info(c,"");return}y(),J.FModalService.show({render:c=>e.createVNode(x,{initialState:u,onClose:()=>s(c),onSubmit:f=>v(c,f)},null),width:r.value,height:a.value,fitContent:!1,showButtons:!1,showHeader:!1,showFloatingClose:!0})}return()=>e.createVNode("div",{class:"f-column-width-setting-button",onClick:w},[e.createVNode("i",{class:"f-icon f-icon-add"},null),e.createVNode("div",{class:"f-column-width-setting-button-name"},[e.createVNode("span",{class:"f-column-width-setting-button-center"},[e.createTextVNode("高级设置")])])])}});class ue{constructor(){V(this,"label","");V(this,"id","");V(this,"columnInSM",12);V(this,"columnInMD",6);V(this,"columnInLG",3);V(this,"columnInEL",2);V(this,"displayWidthInSM",1);V(this,"displayWidthInMD",1);V(this,"displayWidthInLG",1);V(this,"displayWidthInEL",1);V(this,"displayColumnCountAtBreakPoint","md");V(this,"tagRow",0);V(this,"showTopBorder",0);V(this,"group",1);V(this,"isSupportedClass",!0);V(this,"fieldSetId","")}}x.install=t=>{t.component(x.name,x),t.component(W.name,W)},p.ResponseFormLayoutContext=ue,p.ResponseLayoutEditor=x,p.ResponseLayoutEditorSetting=W,p.default=x,p.responseLayoutEditorProps=G,p.responseLayoutEditorSettingProps=U,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/data-grid/index.esm.js

@@ -1955,7 +1955,7 @@ function zo() {
     if (!n.data || !n.data.length)
       return "";
     const i = Object.prototype.hasOwnProperty.call(n, "valueField") && n.valueField || "value", o = Object.prototype.hasOwnProperty.call(n, "textField") && n.textField || "name";
-    if (e != null && e.includes(",")) {
+    if (typeof e == "string" && (e != null && e.includes(","))) {
       const f = e.split(",");
       if (!n.data.filter((c) => f.includes(c[i])).length)
         return "";