@farris/ui-vue 1.1.0 → 1.1.1

package/response-layout-editor/index.umd.js

@@ -1 +0,0 @@
-(function(q,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(q=typeof globalThis<"u"?globalThis:q||self,e(q["response-layout-editor"]={},q.Vue,q.LodashES))})(this,function(q,e,G){"use strict";const ne={initialState:{type:Object,default:{}},height:{type:Number,default:700},width:{type:Number,default:950}},Kt="",fe={defaultStates:{type:Object,default:{mode:""}},onSwitchInStandardModeChanged:{type:Function,default:()=>{}}},pe={},me={};function oe(t){const{properties:n,title:r}=t,c=Object.keys(n).reduce((o,s)=>(o[s]=n[s].type==="object"&&n[s].properties?oe(n[s]):G.cloneDeep(n[s].default),o),{});return c.id=`${r}-${Date.now()}`,c}function he(t,n){const r=oe(n);return Object.keys(t).reduce((c,o)=>(c[o]=t[o],c),r),r}function ge(t,n){return Object.keys(t).filter(c=>t[c]!=null).reduce((c,o)=>{if(n.has(o)){const s=n.get(o);if(typeof s=="string")c[s]=t[o];else{const u=s(o,t[o],t);Object.assign(c,u)}}else c[o]=t[o];return c},{})}function ye(t,n,r=new Map){const c=he(t,n);return ge(c,r)}function be(t={}){function n(l,d,a,i){if(typeof a=="number")return i[l].length===a;if(typeof a=="object"){const h=Object.keys(a)[0],m=a[h];if(h==="not")return Number(i[l].length)!==Number(m);if(h==="moreThan")return Number(i[l].length)>=Number(m);if(h==="lessThan")return Number(i[l].length)<=Number(m)}return!1}function r(l,d,a,i){return i[d]&&i[d].propertyValue&&String(i[d].propertyValue.value)===String(a)}const c=new Map([["length",n],["getProperty",r]]);Object.keys(t).reduce((l,d)=>(l.set(d,t[d]),l),c);function o(l,d){const a=l;return typeof d=="number"?[{target:a,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:a,operator:"getProperty",param:l,value:!!d}]:typeof d=="object"?Object.keys(d).map(i=>{if(i==="length")return{target:a,operator:"length",param:null,value:d[i]};const h=i,m=d[i];return{target:a,operator:l,param:h,value:m}}):[]}function s(l){return Object.keys(l).reduce((a,i)=>{const h=o(i,l[i]);return a.push(...h),a},[])}function u(l,d){if(c.has(l.operator)){const a=c.get(l.operator);return a&&a(l.target,l.param,l.value,d)||!1}return!1}function f(l,d){return s(l).reduce((h,m)=>h&&u(m,d),!0)}function g(l,d){const a=Object.keys(l),i=a.includes("allOf"),h=a.includes("anyOf"),m=i||h,V=(m?l[m?i?"allOf":"anyOf":"allOf"]:[l]).map(v=>f(v,d));return i?!V.includes(!1):V.includes(!0)}return{parseValueSchema:g}}const ve={},Ce={};be();function X(t,n,r=new Map,c=(u,f,g)=>f,o={},s=u=>u){return pe[n.title]=n,me[n.title]=c,ve[n.title]=o,Ce[n.title]=s,(u={})=>{const f=ye(u,n,r),g=Object.keys(t).reduce((l,d)=>(l[d]=t[d].default,l),{});return Object.assign(g,f)}}function K(t,n){return{customClass:n.class}}const we=new Map([["appearance",K]]),Se={$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:{}},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"]};function Ve(t,n,r){return n}const Ne={title:"switch",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:[]}}}}}},ae={modelValue:{type:Boolean,default:!1},disable:{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(ae,Se,we,Ve,Ne);const Be=e.defineComponent({name:"FSwitch",props:ae,emits:["update:modelValue","modelValueChanged"],setup(t,n){const{disable:r,size:c,onLabel:o,offLabel:s,onBackground:u,offBackground:f,onColor:g,offColor:l}=e.toRefs(t),d=e.ref(t.modelValue),a=e.computed(()=>({switch:!0,"f-cmp-switch":!0,checked:d.value,disabled:r.value,"switch-large":c.value==="large","switch-medium":c.value==="medium","switch-small":c.value==="small"})),i=e.computed(()=>d.value?{outline:"none",background:u.value}:{outline:"none",backgroundColor:f.value}),h=e.computed(()=>d.value?{background:g.value}:{backgroundColor:l.value}),m=e.computed(()=>(o==null?void 0:o.value)||(s==null?void 0:s.value));function y(){r.value||(d.value=!d.value,n.emit("update:modelValue",d.value))}return e.watch(d,(b,V)=>{b!==V&&n.emit("modelValueChanged",b)}),()=>e.createVNode("span",{tabindex:"0",role:"button",class:a.value,style:i.value,onClick:y},[m.value&&e.createVNode("span",{class:"switch-pane"},[e.createVNode("span",{class:"switch-label-checked"},[o==null?void 0:o.value]),e.createVNode("span",{class:"switch-label-unchecked"},[s==null?void 0:s.value])]),e.createVNode("small",{style:h.value},[n.slots.default&&n.slots.default()])])}}),Ie=e.defineComponent({name:"FScreenResolutionSelector",props:fe,emits:["screenName","screenResolution","switchInStandardModeChanged"],setup(t,n){const r=e.ref([{name:"小屏幕",code:"SM",active:!1},{name:"中等屏幕",code:"MD",active:!0},{name:"大屏幕",code:"LG",active:!1},{name:"极大屏幕",code:"EL",active:!1}]),c=e.ref(t.defaultStates),o=e.ref("MD"),s=e.ref("中等屏幕"),u=e.ref(!1);function f(l){r.value.forEach(d=>{d.active=!1,d.name===l&&(d.active=!0,o.value=d.code,s.value=l,n.emit("screenName",l),n.emit("screenResolution",o.value))})}function g(){n.emit("switchInStandardModeChanged",u.value)}return e.onBeforeMount(()=>{c.value.mode==="standard"?(u.value=!0,g()):u.value=!1}),()=>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("表单布局配置")])]),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-frame"},[r.value.map(l=>e.createVNode("span",{class:l.active?"f-layout-editor-namelist-focus":"f-layout-editor-namelist",onClick:()=>f(l.name)},[l.name]))]),e.createVNode("div",{class:"f-layout-editor-screen-resolution-selector-switch"},[e.createVNode(Be,{class:"f-layout-editor-show-switch",modelValue:u.value,"onUpdate:modelValue":l=>u.value=l,onModelValueChanged:g},null),u.value?e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("标准模式")]):e.createVNode("div",{class:"f-layout-editor-show-switch-label"},[e.createTextVNode("自定义模式")])])])}}),Te={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},currentArea:{type:Object,default:[]},twoDimensionalArray:{type:Array,default:[]}},xe={item:{type:Object,default:{}},currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1}},ke=e.defineComponent({name:"FColumnWidthView",props:xe,emits:[],setup(t,n){const r=e.ref(t.item),c=e.ref(t.currentScreenResolution);e.ref(t.switchInStandardMode);const o=e.computed(()=>`col-${r.value[`columnIn${c.value}`]}`);return e.watch(()=>t.item,(s,u)=>{s!==u&&(r.value=t.item)}),e.watch(()=>t.currentScreenResolution,(s,u)=>{u!==s&&(c.value=t.currentScreenResolution)}),()=>e.createVNode("div",{class:o.value},[e.createVNode("div",{class:"f-layout-editor-column-width-view",title:r.value.label},[e.createVNode("div",{class:"f-layout-editor-column-width-view-label"},[r.value.label])])])}}),$e=e.defineComponent({name:"FPreview",props:Te,emits:["update:twoDimensionalArray"],setup(t,n){const r=e.ref(t.currentScreenResolution),c=e.ref(t.switchInStandardMode),o=e.ref(t.currentArea),s=e.ref(t.twoDimensionalArray),u=e.ref([]);e.watch(()=>t.currentArea,(a,i)=>{a!==i&&(o.value=t.currentArea)}),e.watch(()=>t.switchInStandardMode,(a,i)=>{a!==i&&(c.value=t.switchInStandardMode)}),e.watch(()=>t.switchInStandardMode,(a,i)=>{a!==i&&(c.value=t.switchInStandardMode)}),e.watch(()=>t.currentScreenResolution,(a,i)=>{a!==i&&(r.value=t.twoDimensionalArray)}),e.watch(()=>t.twoDimensionalArray,()=>{s.value=t.twoDimensionalArray,f()}),e.onMounted(()=>{f()});function f(){u.value=G.cloneDeep(s.value),u.value=g()}function g(){const a=[];let i=1;return u.value.forEach(h=>{const m=l(h,i);i+=m.length,a.push(m)}),a}function l(a,i){const h=[];let m=[];return a.forEach(y=>{i!==y.componentRow&&(i+=1,h.push(m),m=[]),m.push(y)}),h.push(m),h}function d(){if(c.value)return"";const a=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"},[a])}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("预览区")]),d(),e.createVNode("div",{class:"f-layout-editor-preview-view f-utils-overflow-xhya"},[e.createVNode("div",{class:"f-layout-editor-preview-row-group"},[u.value.map(a=>{var i,h;return e.createVNode(e.Fragment,null,[((i=a[0][0])==null?void 0:i.group.toString())===((h=o.value[0])==null?void 0:h.id)?a.map(m=>e.createVNode("div",{class:"f-layout-editor-row"},[m.map(y=>e.createVNode(ke,{item:y,"onUpdate:item":b=>y=b,currentScreenResolution:r.value,switchInStandardMode:c.value},null))])):""])})])])])}}),Me={currentScreenResolution:{type:String,default:""},switchInStandardMode:{type:Boolean,default:!1},originalData:{type:Array,default:[]},originalDataCopy:{type:Array,default:[]},defaultStates:{type:Object,default:{}},twoDimensionalArrayChanged:{type:Function,default:()=>{}}},Fe=new Map([["appearance",K]]),Re={$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:""},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 Oe(t,n,r){return n}const De={title:"combo-list",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"}}}}},le={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,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:"text",type:String},change:{type:Function,default:()=>{}}};X(le,Re,Fe,Oe,De);const Ae={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},height:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}}},je=new Map([["appearance",K]]);function Pe(t,n,r){return n}const Le={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view.schema.json",title:"list-view",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view",type:"string"},type:{description:"The type string of list-view",type:"string",default:"list-view"},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"]},Ee={title:"list-view",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:[]}}}}}},re={data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{Type:Boolean,default:!1},multiSelectMode:{Type:String,default:"OnCheck"},idField:{Type:String,default:"id"},valueField:{Type:String,default:"id"},textField:{Type:String,default:"name"},titleField:{Type:String,default:"name"},view:{Type:String,default:"ContentView"},size:{Type:String,default:"default"},placeholder:{type:String,default:""},header:{Type:String,default:"ContentHeader"},headerClass:{Type:String,default:""},itemClass:{Type:String,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}};X(re,Le,je,Pe,Ee);function He(t,n,r,c,o){const s=e.ref(t.idField),u=e.ref(t.disableField),f=e.ref(t.draggable),g=e.ref(t.itemClass),l=e.ref(t.multiSelect),d=e.ref(t.multiSelectMode);e.ref(!0);const{isDragging:a}=r,{activeIndex:i,focusedItemId:h,hoverIndex:m}=c,{clearSelection:y,selectedItems:b,toggleSelectItem:V}=o;function x(p,M){const R={"f-list-view-group-item":!0,"f-list-view-draggable-item":f.value,"f-un-click":!!p.unClick,"f-un-select":!!p[u.value],"f-listview-active":p.__fv_index__===i.value,"f-listview-hover":!a.value&&M===m.value,moving:!!p.moving};return g.value.split(" ").reduce((k,T)=>(k[T]=!0,k),R),R}function v(p,M){return p[s.value]||""}const S=e.computed(()=>!l.value);function F(p,M){p.unClick||p[u.value]||(S.value&&(h.value=p[s.value]),V(p,M))}const N=e.computed(()=>l.value&&d.value==="OnCheckClearByClick"),O=e.computed(()=>!l.value||l.value&&(d.value==="OnCheckAndClick"||d.value==="OnClick"));function P(p,M,R){if(M.unClick||M[u.value]){p.preventDefault(),p.stopPropagation();return}h.value=M[s.value],i.value=R,N.value&&y(),O.value&&V(M,R),n.emit("clickItem",{data:b.value,index:R}),n.emit("activeChange",b.value)}return{getKey:v,listViewItemClass:x,onCheckItem:F,onClickItem:P}}function We(t,n,r){const c=e.ref(t.idField),o=e.ref(t.multiSelect);e.ref(t.multiSelectMode);const{getSelectionItems:s}=r,u=e.ref(s(t.selectionValues));e.watch(()=>t.selectionValues,i=>{u.value=e.ref(s(i)).value});const f=e.computed(()=>!o.value);function g(i){return i[c.value]||""}function l(i){return u.value.findIndex(m=>g(m)===g(i))}function d(){u.value.forEach(i=>{i.checked=!1}),u.value=[]}function a(i,h){f.value&&d();const m=l(i);m>-1?(u.value.splice(m,1),i.checked=!1):(u.value.push(i),i.checked=!0),n.emit("selectionChange",u.value)}return{clearSelection:d,findIndexInSelectedItems:l,selectedItems:u,toggleSelectItem:a}}function _e(t,n){function r(s){const u=[];let f=s.nextNode();for(;f;)u.push(f),f=s.nextNode();return u}function c(s,u){const f=document.createTreeWalker(s,NodeFilter.SHOW_TEXT);return r(f).map(a=>({textNode:a,text:(a.textContent||"").toLocaleLowerCase()})).map(({textNode:a,text:i})=>{const h=[];let m=0;for(;m<i.length;){const y=i.indexOf(u,m);if(y===-1)break;h.push(y),m=y+u.length}return h.map(y=>{const b=new Range;return b.setStart(a,y),b.setEnd(a,y+u.length),b})}).flat()}function o(s){if(!CSS.highlights||(CSS.highlights.clear(),!s||!n))return;const u=c(n.value,s.toLocaleLowerCase()),f=new Highlight(...u);CSS.highlights.set("search-result",f)}return{search:o}}const ze={id:{Type:String,default:""},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},J=e.defineComponent({name:"FCheckBox",props:ze,emits:["change","update:modelValue"],setup(t,n){const r=e.ref(t.id),c=e.ref(t.customClass),o=e.ref(t.disable),s=e.ref(t.modelValue),u=e.ref(t.indeterminate),f=e.computed(()=>{const l={"custom-control":!0,"custom-checkbox":!0};return c.value&&c.value.split(" ").reduce((d,a)=>(d[a]=!0,d),l),l});function g(l){l.stopPropagation(),l.preventDefault(),o.value||(s.value=!s.value,n.emit("update:modelValue",s.value),n.emit("change",{originalEvent:l,checked:s.value}))}return e.watch(()=>t.modelValue,l=>{s.value=l}),e.watch(()=>t.indeterminate,l=>{u.value=l}),()=>e.createVNode("div",{class:f.value},[e.withDirectives(e.createVNode("input",{id:r.value,title:r.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":l=>s.value=l,indeterminate:u.value},null),[[e.vModelCheckbox,s.value]]),e.createVNode("label",{for:r.value,class:"custom-control-label",onClick:g},null)])}});function ie(t,n,r,c,o,s,u,f){const g=e.ref(t.size),l=e.ref(t.textField),d=e.ref(t.titleField),a=e.ref(t.multiSelect),i=e.ref(t.disableField),{onMouseenterItem:h,onMouseoverItem:m,onMouseoutItem:y}=o,{getKey:b,listViewItemClass:V,onCheckItem:x,onClickItem:v}=s,S=e.computed(()=>({margin:g.value==="small"?"0.25rem 0":"10px 0"}));function F(N,O,P){return N.checked=u.findIndexInSelectedItems(N)>-1,e.createVNode("li",{class:V(N,O),id:b(N,O),key:b(N,O),onClick:p=>v(p,N,O),onMouseenter:p=>h(p,N,O),onMouseover:p=>m(p,N,O),onMouseout:p=>y(p,N,O)},[a.value&&e.createVNode("div",{class:"f-list-select",onClick:p=>p.stopPropagation()},[e.createVNode(J,{id:"list-"+b(N,O),customClass:"listview-checkbox",disable:N[i.value]||N.unClick,modelValue:N.checked,"onUpdate:modelValue":p=>N.checked=p,onChange:p=>x(N,O)},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{style:S.value,title:N[d.value]||N[l.value]},[N[l.value]])])])}return{renderItem:F}}function qe(t,n,r,c,o,s,u,f){const g=e.ref(t.multiSelect),l=e.ref(t.disableField),{onMouseenterItem:d,onMouseoverItem:a,onMouseoutItem:i}=o,{getKey:h,listViewItemClass:m,onCheckItem:y,onClickItem:b}=s;function V(v,S,F){return n.slots.content?e.createVNode(e.Fragment,null,[n.slots.content&&n.slots.content({item:v,index:S,selectedItem:F})]):e.createVNode("div",{style:"margin: 10px 0;"},[v.name])}function x(v,S,F){return e.createVNode("li",{class:m(v,S),id:h(v,S),key:h(v,S),onClick:N=>b(N,v,S),onMouseenter:N=>d(N,v,S),onMouseover:N=>a(N,v,S),onMouseout:N=>i(N,v,S)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[e.createVNode(J,{id:"list-"+h(v,S),customClass:"listview-checkbox",disable:v[l.value]||v.unClick,modelValue:v.checked,"onUpdate:modelValue":N=>v.checked=N,onChange:N=>y(v,S)},null)]),e.createVNode("div",{class:"f-list-content"},[V(v,S,F)])])}return{renderItem:x}}function Ge(t,n,r,c,o,s,u,f){const g=e.ref(t.multiSelect),l=e.ref(t.disableField),{onMouseenterItem:d,onMouseoverItem:a,onMouseoutItem:i}=o,{getKey:h,listViewItemClass:m,onCheckItem:y,onClickItem:b}=s,{dragstart:V,dragenter:x,dragover:v,dragend:S}=c,{removeItem:F}=f,N=e.computed(()=>({margin:g.value?"10px 0":"10px 0px 10px 14px"}));function O(R){return e.createVNode("div",{style:N.value},[R.name])}function P(){return n.slots.itemContent?n.slots.itemContent:O}const p=P();function M(R,C,k){return e.createVNode("li",{class:m(R,C),id:h(R,C),key:h(R,C),onClick:T=>b(T,R,C),onMouseenter:T=>d(T,R,C),onMouseover:T=>a(T,R,C),onMouseout:T=>i(T,R,C),draggable:"true",onDragstart:T=>V(T,R,C),onDragenter:T=>x(T,C),onDragend:T=>S(T,R),onDragover:T=>v(T,C)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:T=>T.stopPropagation()},[e.createVNode(J,{id:"list-"+h(R,C),customClass:"listview-checkbox",disable:R[l.value]||R.unClick,modelValue:R.checked,"onUpdate:modelValue":T=>R.checked=T,onChange:T=>y(R,C)},null)]),e.createVNode("div",{class:"f-list-content"},[p(R)]),e.createVNode("div",{class:"f-list-remove",onClick:T=>F(C)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:M}}function Ue(t,n,r){function c(){return n.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:c}}function se(t,n,r){const c=e.ref(t.headerClass),o=e.ref(t.placeholder),s=e.ref(""),u=e.computed(()=>!s.value),f=e.computed(()=>!!s.value);function g(i){s.value=""}e.watch(s,i=>{r.search(i)});const l=e.computed(()=>{const i={"form-group":!0,"farris-form-group":!0};return c.value&&c.value.split(" ").reduce((m,y)=>(m[y]=!0,m),i),i});function d(i){}function a(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(d,["prevent","stop"])},[e.createVNode("div",{class:l.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":i=>s.value=i,name:"input-group-value",type:"text",placeholder:o.value,autocomplete:"off"},null),[[e.vModelText,s.value]]),e.createVNode("div",{class:"input-group-append"},[f.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:i=>g()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),u.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:a}}function Xe(t,n){const r=e.ref(t.idField),c=e.ref(t.data),o=e.ref(t.data),s=e.ref(t.keepOrder);function u(){const l=c.value.map((d,a)=>typeof d!="object"?{__fv_index__:a,name:d}:(d.__fv_index__=a,d));return o.value=l,l}const f=e.ref(u());e.watch(()=>t.data,l=>{if(s.value){const d=l.reduce((m,y)=>(m.set(y.id,!0),m),new Map),a=c.value.reduce((m,y)=>(m.set(y.id,!0),m),new Map),i=f.value.filter(m=>d.has(m.id)),h=l.filter(m=>!a.has(m.id));c.value=[...i,...h]}else c.value=l;f.value=u()});function g(l){return l.map(a=>{const i=o.value.findIndex(h=>h[r.value]===a);return i>-1?o.value[i]:null}).filter(a=>a!=null)}return{dataView:f,getSelectionItems:g}}function Ke(t,n,r,c){const o=e.ref(t.idField),{dataView:s}=r,u=e.ref(-1),f=e.ref(!1),{activeIndex:g,focusedItemId:l,hoverIndex:d,resumeHover:a,suspendHover:i}=c;function h(V,x,v){V.stopPropagation(),i(),x&&setTimeout(()=>{u.value=v,f.value=!0,x.moving=!0})}function m(V,x){if(V.preventDefault(),u.value!==x){const v=s.value[u.value],S=s.value;S.splice(u.value,1),S.splice(x,0,v),u.value=x}}function y(V,x){V.preventDefault(),V.dataTransfer&&(V.dataTransfer.dropEffect="move")}function b(V,x){x&&(x.moving=!1),s.value.forEach((v,S)=>{v.__fv_index__=S}),f.value=!1,a(),d.value=x.__fv_index__,g.value=x.__fv_index__,l.value=x[o.value],n.emit("change",s.value),n.emit("activeChange",x)}return{dragstart:h,dragenter:m,dragover:y,dragend:b,isDragging:f}}function Ye(t,n,r){const{dataView:c}=r;function o(s){if(s>-1&&s<c.value.length){const u=c.value.splice(s,1);n.emit("removeItem",u[0])}}return{removeItem:o}}function Je(){const t=e.ref(-1),n=e.ref(""),r=e.ref(-1),c=e.ref(!1);function o(l,d,a){r.value=a}function s(l,d,a){c.value||(r.value=a)}function u(l,d,a){r.value=-1}function f(){c.value=!0}function g(){c.value=!1}return{activeIndex:t,focusedItemId:n,hoverIndex:r,onMouseenterItem:o,onMouseoverItem:s,onMouseoutItem:u,resumeHover:g,suspendHover:f}}const Qe=e.defineComponent({name:"FListView",props:re,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change","activeChange"],setup(t,n){const r=e.ref(),c=e.ref(t.view),o=e.ref(t.header),s=e.ref(t.multiSelect),u=e.ref(t.view==="CardView"),f=e.ref(!0),g=e.ref({}),l=e.ref("暂无数据"),d=Xe(t),{dataView:a}=d,i=e.computed(()=>{const L={"f-list-view":!0,"f-list-view-multiple":s.value};return t.size!=="default"&&(L[`${t.size}-item`]=!0),L}),h=e.computed(()=>({"f-list-view-group":!0,"d-flex":u.value,"flex-wrap":u.value})),m=e.computed(()=>!!a.value&&a.value.length>0),y=Je(),b=We(t,n,d),V=Ke(t,n,d,y),x=Ye(t,n,d),v=He(t,n,V,y,b),S=_e(t,r),F=e.computed(()=>a.value.length===0),N=e.computed(()=>F.value&&!n.slots.empty),O=e.computed(()=>!!n.slots.footer||f.value);function P(){return c.value==="SingleView"?ie:c.value==="DraggableView"?Ge:c.value==="ContentView"&&n.slots.content?qe:ie}const p=P(),{renderItem:M}=p(t,n,d,V,y,v,b,x);function R(){return o.value==="SearchBar"?se:o.value==="ContentHeader"?Ue:se}const C=R(),{renderHeader:k}=C(t,n,S);function T(L){S.search(L)}n.expose({search:T});function E(L){s.value&&(L.preventDefault(),L.stopPropagation())}return()=>e.createVNode("div",{class:i.value,onClick:E},[k(),e.createVNode("div",{ref:r,class:"f-list-view-content"},[e.createVNode("ul",{class:h.value,style:"list-style: none;"},[m.value&&a.value.map((L,$)=>M(L,$,g)),N.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[l.value])]),n.slots.empty&&n.slots.empty()])]),O.value&&e.createVNode("div",{class:"f-list-view-footer"},[n.slots.footer&&n.slots.footer()])])}}),Ze=e.defineComponent({name:"FComboListContainer",props:Ae,emits:["selectionChange"],setup(t,n){const r=e.ref(t.dataSource),c=e.ref([]),o=e.ref(t.separator),s=e.ref(t.width),u=e.ref(t.height),f=e.ref(String(t.selectedValues).split(o.value));e.watch(t.dataSource,()=>{r.value=t.dataSource});const g=e.computed(()=>t.enableSearch?"SearchBar":"ContentHeader"),l=e.computed(()=>{const a={};return s.value!==void 0&&(a.width=`${s.value}px`),u.value!==void 0&&(a.height=`${u.value}px`),a});function d(a){c.value=a.map(i=>Object.assign({},i)),f.value=a.map(i=>i[t.idField]),n.emit("selectionChange",c.value)}return e.watch([()=>t.selectedValues],([a])=>{f.value=a.split(o.value)}),()=>e.createVNode("div",{class:"f-combo-list-container pl-3",style:l.value},[e.createVNode(Qe,{size:"small",itemClass:"f-combo-list-item",header:g.value,headerClass:"f-combo-list-search-box",data:r.value,idField:t.idField,textField:t.textField,titleField:t.titleField,multiSelect:t.multiSelect,multiSelectMode:"OnCheckAndClick","selection-values":f.value,onSelectionChange:d},null)])}}),et=new Map([["appearance",K]]);function tt(t,n,r){return n}const nt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{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:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},ot={title:"buttonEdit",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:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeHolder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},ce={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"}};X(ce,nt,et,tt,ot);const at={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},lt=e.defineComponent({name:"FOverlay",props:at,emits:["click"],setup(t,n){const r=e.ref(t.popupContentPosition),c=e.ref(t.host),o=e.computed(()=>({backgroundColor:t.backgroundColor||"",pointerEvents:"auto"}));function s(f){n.emit("click"),f.preventDefault(),f.stopPropagation()}e.computed(()=>{const f=c.value;if(f){const g=f.getBoundingClientRect(),{left:l,top:d,height:a}=g;return{left:l,top:d+a}}return r.value});const u=e.computed(()=>({}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var f,g;return[e.createVNode("div",{class:"overlay-container",onClick:l=>s(l),style:o.value},[e.createVNode("div",{style:u.value},[(g=(f=n.slots).default)==null?void 0:g.call(f)])])]}})}});function rt(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function it(t){const n=document.createElement("div");n.style.display="contents";let r;const c=t.onClickCallback||(()=>{}),o=()=>{c(),r&&r.unmount()};return r=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const s=rt(t);return()=>e.createVNode(lt,{"popup-content-position":t.popupPosition,host:t.host,onClick:o,backgroundColor:t.backgroundColor},{default:()=>[s&&s()]})}}),document.body.appendChild(n),r.mount(n),r}class st{static show(n){return it(n)}}const ct={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}},ut=e.defineComponent({name:"FModal",props:ct,emits:["update:modelValue","accept","cancel","closed"],setup(t,n){const r=e.ref(t.width),c=e.ref(t.height),o=e.ref(t.modelValue),s=e.ref(""),u=e.ref(t.class),f=e.ref(t.fitContent),g=e.ref(t.showHeader),l=e.ref(""),d=e.ref(!0),a=e.ref(!1),i=e.ref(!1),h=e.ref(""),m=e.ref(""),y=e.ref(""),b=e.ref(t.showButtons),V=e.ref(t.title);function x(A,_){o.value=!1,n.emit("update:modelValue",!1),_!=null&&n.emit(_?"accept":"cancel"),n.emit("closed")}const v=[{text:"取消",class:"btn btn-light",handle:A=>{x(A,!1)}},{text:"确定",class:"btn btn-primary",handle:A=>{x(A,!0)}}],S=e.ref(t.buttons&&t.buttons.length?t.buttons:v),F=e.computed(()=>!!l.value),N=e.computed(()=>!!b.value&&!!S.value);e.ref(),e.ref(),e.watch(()=>t.modelValue,()=>{o.value=t.modelValue});const O=e.ref(!1),P=e.computed(()=>o.value),p=e.computed(()=>{const A={modal:!0,"farris-modal":!0};return A["f-modal-fitContent"]=f.value,A}),M=e.computed(()=>({display:P.value?"block":"none !important"})),R=e.computed(()=>{const A={"modal-dialog":!0};return u.value.split(" ").reduce((W,U)=>(W[U]=!0,W),A),A}),C=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${r.value}px`,height:f.value?"auto":`${c.value}px`,"margin-left":`${0-r.value/2}px`,"margin-top":f.value?"auto":`${0-c.value/2}px`})),k=e.computed(()=>({"modal-content":!0,"modal-content-has-header":g.value})),T=e.computed(()=>({display:g.value?"":"none"})),E=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:O.value})),L=e.computed(()=>({height:"10px","z-index":1,display:g.value?"none":""})),$=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":h.value==="iframe"}));function B(){return{}}const D=e.computed(()=>{const A={textAlgin:y.value},_=B();return Object.assign(A,_)});function H(A){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var A,_;return[e.createVNode("div",{class:p.value,style:M.value},[e.createVNode("div",{id:s.value,class:R.value,style:C.value},[e.createVNode("div",{class:k.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:T.value},[e.createVNode("div",{class:"modal-title"},[F.value&&e.createVNode("span",{class:l.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[V.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[i.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),a.value&&e.createVNode("li",{onClick:H,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:E.value},null)]),d.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:W=>x(W,!1)},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:L.value},null),e.createVNode("div",{class:$.value},[(_=(A=n.slots).default)==null?void 0:_.call(A),h.value==="iframe"&&e.createVNode("iframe",{title:s.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:m.value},null)]),N.value&&e.createVNode("div",{class:"modal-footer",style:D.value},[S.value&&S.value.map(W=>e.createVNode("button",{type:"button",class:W.class+" "+(W.iconClass&&"btn-icontext"),onClick:U=>{W.handle&&W.handle(U)}},[!!W.iconClass&&e.createVNode("i",{class:W.iconClass},null),W.text]))])])])])]}})}});function dt(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function ft(t){const n=document.createElement("div");n.style.display="contents";const r=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const c=e.ref(t.class||""),o=e.ref(!!t.showButtons),s=e.ref(!!t.showHeader),u=e.ref(!0),f=e.ref(t.title||""),g=t.acceptCallback||(()=>{}),l=t.rejectCallback||(()=>{}),d=dt(t),a=()=>{u.value=!1,r.unmount()};return()=>e.createVNode(ut,{class:c.value,modelValue:u.value,"onUpdate:modelValue":i=>u.value=i,title:f.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":s.value,"show-buttons":o.value,onAccept:g,onCancel:l,fitContent:t.fitContent,onClosed:a},{default:()=>[d&&d(r)]})}});return document.body.appendChild(n),r.mount(n),r}class pt{static show(n){const r=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return ft(r)}}function mt(t,n,r,c){const o=e.ref(t.buttonBehavior),s=e.ref(t.popupOnInput),u=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),f=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);async function g(a){if(f.value){const i=!!n.slots.default;if(o.value==="Modal"){const h=t.modalOptions;pt.show({...h,render:()=>n.slots.default&&n.slots.default()})}o.value==="Overlay"&&st.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),i&&o.value==="Popup"&&c.togglePopup(),i&&s.value&&c.hidePopup(),n.emit("clickButton",{origin:a,value:t.modelValue})}a.stopPropagation()}function l(a){n.emit("mouseEnterIcon",a)}function d(a){n.emit("mouseLeaveIcon",a)}return{buttonGroupClass:u,onClickButton:g,onMouseEnterButton:l,onMouseLeaveButton:d}}function ht(t,n,r,c,o,s){const u=e.ref(!1),f=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:g}=s;function l(h){u.value=h}e.watch(o,()=>{l(!!o.value)});function d(h){const m=!t.readonly&&!t.disable&&t.editable,y=!t.editable;h.stopPropagation(),(m||y)&&(g("",!1),l(!u.value),n.emit("clear"))}function a(h){if(f.value){if(!r.value){l(!1);return}!t.disable&&!t.readonly&&l(!0)}}function i(h){f.value&&l(!1)}return{enableClearButton:f,showClearButton:u,onClearValue:d,onMouseEnterTextBox:a,onMouseLeaveTextBox:i}}function gt(t,n,r,c,o){const s=e.ref(t.popupOnInput),u=e.ref(t.popupOnFocus),{shouldPopupContent:f}=o,g=e.computed(()=>t.enableTitle?r.value:""),l=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),d=e.computed(()=>t.readonly||!t.editable),a=e.ref(!1),i=e.computed(()=>!t.disable&&a.value),h=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0})),m=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":i.value}));function y(p,M=!0){r.value!==p&&(r.value=p,M&&n.emit("change",p),n.emit("update:modelValue",p))}function b(p){f.value=!1,y(p,!0)}e.watch(()=>t.modelValue,p=>{r.value=p});function V(p){a.value=!1,n.emit("blur",p),p.stopPropagation()}function x(p){n.emit("click",p)}function v(p){t.disable||(a.value=!0,d.value||(n.emit("focus",p),u.value&&!f.value&&o.popup()))}function S(p){n.emit("input",p.target.value);const M=p.target.value;c.value=M,r.value!==M&&y(M,!1),s.value&&!f.value&&o.popup()}function F(p){p.target.tagName!=="INPUT"&&p.preventDefault(),p.stopPropagation()}function N(p){n.emit("keydown",p)}function O(p){p.key==="Enter"&&(s.value||u.value)&&o.hidePopup(),n.emit("keyup",p)}function P(p){const M=p.target.value;p.stopPropagation(),y(M)}return{hasFocusedTextBox:i,isTextBoxReadonly:d,textBoxClass:h,textBoxPlaceholder:l,textBoxTitle:g,inputGroupClass:m,changeTextBoxValue:y,commitValue:b,onBlurTextBox:V,onClickTextBox:x,onFocusTextBox:v,onInput:S,onKeyDownTextBox:N,onKeyUpTextBox:O,onMouseDownTextBox:F,onTextBoxValueChange:P}}function yt(t,n,r){const c=e.ref(),o=e.ref(!1);function s(){const l=c.value;l&&l.show(r.value)}async function u(){!!n.slots.default&&(o.value=!o.value,await e.nextTick(),s())}async function f(){!!n.slots.default&&(o.value=!0,await e.nextTick(),s())}function g(){o.value=!1}return{hidePopup:g,popup:f,shouldPopupContent:o,togglePopup:u,popoverRef:c}}function bt(t,n,r){const{isTextBoxReadonly:c,textBoxClass:o,textBoxPlaceholder:s,textBoxTitle:u,onBlurTextBox:f,onClickTextBox:g,onFocusTextBox:l,onInput:d,onKeyDownTextBox:a,onKeyUpTextBox:i,onMouseDownTextBox:h,onTextBoxValueChange:m}=r;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:t.autoComplete?"on":"off",class:o.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:s.value,readonly:c.value,tabindex:t.tabIndex,title:u.value,type:t.inputType,value:n.value,onBlur:f,onChange:m,onClick:g,onFocus:l,onInput:d,onKeydown:a,onKeyup:i,onMousedown:h},null)}function vt(t,n,r){return n}const Ct=new Map([["appearance",K]]),wt={title:"tags",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:[]}}}}}},St={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tags.schema.json",title:"tags",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for tags",type:"string"},type:{description:"The type string of tags",type:"string",default:"tags"},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"]},ue={activeTag:{type:String,default:""},addButtonText:{type:String,default:""},customClass:{type:String,default:""},customStyle:{type:String,default:""},data:{type:Array,default:[{name:"示例1"}]},enableAddButton:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showColor:{type:Boolean,default:!1},tagType:{type:String,default:""},tagStyle:{type:String,default:""},wrapText:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},disable:{type:Boolean,default:!1}};X(ue,St,Ct,vt,wt);function Vt(t,n,r,c){const o=e.ref(-1),s=e.ref(!1);function u(d,a,i){d.stopPropagation(),a&&setTimeout(()=>{o.value=i,s.value=!0,a.moving=!0})}function f(d,a){if(d.preventDefault(),o.value!==a){const i=c.value[o.value],h=c.value;h.splice(o.value,1),h.splice(a,0,i),o.value=a}}function g(d,a){d.preventDefault(),d.dataTransfer&&(d.dataTransfer.dropEffect="move")}function l(d,a){a&&(a.moving=!1),r.value=c.value.filter(i=>i.type==="Tag").map(i=>i.payload),s.value=!1,n.emit("change",r.value)}return{dragstart:u,dragenter:f,dragover:g,dragend:l,isDragging:s}}const Nt=e.defineComponent({name:"FTags",props:ue,emits:["remove","selectionChange","change"],setup(t,n){const r=e.ref(t.selectable),c=e.ref(t.customClass),o=e.ref(t.data),s=e.ref(t.tagType),u=e.ref(t.tagStyle),f=e.ref(t.showColor),g=e.ref(t.customStyle),l=e.ref(t.activeTag),d=e.ref(t.showClose),a=e.ref(t.addButtonText),i=e.ref(),h=e.ref(t.wrapText),m=e.ref();e.ref(t.disable);const y=e.ref(!1);function b(){const w=o.value.map(I=>({type:"Tag",payload:I}));return t.showAddButton&&w.push({type:"AddButton"}),w}const V=e.ref(b());function x(w){o.value=w,V.value=b()}const v=e.computed(()=>V.value.findIndex(w=>w.type==="Input")),S=Vt(t,n,o,V),{dragstart:F,dragenter:N,dragover:O,dragend:P}=S;e.watch(()=>t.data,w=>x(w)),e.watch(()=>t.showAddButton,()=>{V.value=b()}),e.watch(()=>t.disable,w=>{V.value=b()}),e.watch(()=>t.activeTag,w=>{l.value=w}),e.watch(y,w=>{const I=[...V.value];w?I.length>0&&I[I.length-1].type!="Input"&&(I.splice(I.length-1,1),I.splice(I.length,0,{type:"Input"}),V.value=I,e.nextTick(()=>{m.value&&m.value.focus()})):I.length>0&&I[I.length-1].type!="AddButton"&&(I.splice(I.length-1,1),I.splice(I.length,0,{type:"AddButton"}),V.value=I)});const p=e.computed(()=>{const w={"farris-tags":!0,"farris-tags-checkable":r.value,"farris-tags-nowrap":!h.value};return c.value.split(" ").reduce((I,j)=>(I[j]=!0,I),w),w});function M(w){const I={"farris-tag-item":!0,"farris-tag-item-checked":r.value&&w.checked,"farris-tag-item-checkable":r.value,"farris-tag-item-has-color":f.value,"farris-tag-item-actived":l.value===w.name};if(s.value){const j=`farris-tag-item-${s.value}`;I[j]=!0}return I}const R=e.computed(()=>{const w={};return g.value&&g.value.split(";").reduce((I,j)=>{const z=j.split(":");return I[z[0]]=z[1],I},w),w});function C(w,I){!t.disable&&r.value&&(!I.hasOwnProperty("selectable")||I.selectable)&&(I.checked=!I.checked,l.value=I.checked?I.name:"",I.checked&&o.value.filter(j=>j.name!==I.name).forEach(j=>{j.checked=!I.checked}),n.emit("change",o.value),n.emit("selectionChange",I))}function k(w,I){let j;switch(w.key){case"Backspace":o.value=o.value.filter(z=>z.name!==I.name),n.emit("change",o.value);break;case"ArrowLeft":j=Math.max(i.value.scrollLeft+20,0),i.value.scrollLeft=j;break;case"ArrowRight":j=Math.max(i.value.scrollLeft-20,0),i.value.scrollLeft=j}}function T(w,I){const j=o.value.findIndex(z=>z.name===I.name);if(j>-1){const[z]=o.value.splice(j,1);V.value=b(),n.emit("change",o.value),n.emit("remove",{tags:o.value,remove:z})}w.stopPropagation()}const E=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!t.enableAddButton}));function L(w){w.stopPropagation(),y.value=!0}function $(){return!t.disable&&e.createVNode("li",{class:E.value,onClick:w=>L(w)},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),a.value&&e.createVNode("span",{class:"farris-tag-add-text"},[a.value])])}function B(w,I,j){w>-1&&(o.value.splice(w,0,{name:I,value:j,selectable:r.value}),V.value=b(),y.value=!1,n.emit("change",o.value))}function D(w){if(w&&w.value){const I=w.value,j=v.value;B(j,I,I),w.innerText=""}else y.value=!1}function H(w){const I=w.target;I&&I.value?D(I):y.value=!1}function A(w){w.key==="Enter"&&D(w.target)}function _(){return!t.disable&&e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("input",{ref:m,class:"form-control",onKeyup:A,onBlur:H},null)])}function W(w,I){return e.createVNode("li",{class:M(w),style:R.value,tabindex:0,id:w.name,key:w.name,onClick:j=>C(j,w),onKeydown:j=>k(j,w),draggable:"true",onDragstart:j=>F(j,w,I),onDragenter:j=>N(j,I),onDragend:j=>P(j,w),onDragover:j=>O(j,I)},[e.createVNode("span",{title:w.name,class:"tag-box"},[w.name]),!t.disable&&d.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:j=>T(j,w)},null)])])}function U(){return V.value.map((w,I)=>{switch(w.type){case"Tag":return W(w.payload,I);case"AddButton":return $();case"Input":return _()}})}const Z=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":u.value==="capsule"}));function ee(w){const I=Math.max(i.value.scrollLeft-w.deltaX,0);i.value.scrollLeft=I}function Gt(w){var j;w.preventDefault(),w.stopPropagation();const I=(j=w.dataTransfer)==null?void 0:j.getData("Text");if(I){const z=I.split(":"),Xt=z[0],Y=z[1];[...o.value].findIndex(te=>(console.log(`${te.value} === ${Y} is ${te.value===Y}`),te.value===Y))>-1||B(o.value.length,Xt,Y)}}function Ut(w){w.preventDefault()}return()=>e.createVNode("div",{class:p.value,onDrop:Gt,onDragover:Ut},[e.createVNode("ul",{ref:i,class:Z.value,onWheel:w=>ee(w)},[U()])])}});function Bt(t,n,r){const c=e.ref(t.separator),{changeTextBoxValue:o}=r,s=e.computed(()=>n.value?n.value.split(c.value).map(f=>({name:f,selectable:!0})):[]);function u(f){o(f.map(g=>g.name).join(c.value),!0)}return()=>e.createVNode(Nt,{id:`${t.id}-tag-editor`,class:"form-control",data:s.value,showClose:!0,showInput:!0,onChange:u},null)}function It(t,n,r){const{buttonGroupClass:c,onClickButton:o,onMouseEnterButton:s,onMouseLeaveButton:u}=n,{enableClearButton:f,showClearButton:g,onClearValue:l}=r;return()=>e.createVNode("div",{id:`${t.id}-button-group`,class:c.value},[f.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:l},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,g.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:t.buttonContent,onClick:o,onMouseenter:s,onMouseleave:u},null)])}const Tt={id:{type:String},title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:e.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function xt(t){const n=t.host?t.host:"body",r=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),c=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),o=e.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),s=e.computed(()=>n==="body"?document.body.getBoundingClientRect().height:n?n.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:n,hostLeft:c,hostTop:r,hostWidth:o,hostHeight:s}}function kt(t,n,r,c){var L;const o=e.ref(0),s=e.ref(((L=t.offsetX)==null?void 0:L.value)||0),u=e.ref(t.minWidth),f=e.ref(-1),g=e.ref(-1),l=e.ref(t.placement),d=e.ref(0),a=e.ref(0),i=e.ref(0),h=e.ref(document.documentElement.scrollLeft),m=e.ref(document.documentElement.scrollTop),{hostLeft:y,hostTop:b,hostWidth:V,hostHeight:x}=c;e.watch(t.offsetX,$=>{o.value=$-s.value});const v=e.computed(()=>{const $={left:`${a.value}px`,top:`${i.value}px`,transform:`translateX(${o.value}px)`};return t.zIndex!==-1&&($["z-index"]=t.zIndex),u.value!==-1&&($.width=`${u.value}px`),$}),S=e.computed(()=>({left:`${d.value}px`}));function F($){if($&&t.keepWidthWithReference){const B=$.getBoundingClientRect();u.value=Math.max(t.minWidth,B.width)}}function N($,B){const D=V.value-$.width-4;return D>0?D:B}function O($,B){const D=x.value-$.height-4;return D>0?D:B}function P($,B,D){const H=d.value,A=B.left-y.value+B.width/2+h.value,_=B.top-b.value-($.height+D.height)+m.value;return{popoverLeft:A,popoverTop:_,arrowLeft:H}}function p($,B,D){const H=B.top-b.value+(B.height+D.height)+m.value,A=O($,H);return Math.min(H,A)}function M($,B){const D=N(B,$),H=$<=D?d.value:$-D;return{popoverLeft:Math.min($,D),arrowLeft:H}}function R($,B,D){const H=B.left-y.value+B.width/2-(D.width/2-($.left-y.value))+h.value,{arrowLeft:A,popoverLeft:_}=M(H,$),W=p($,B,D);return{popoverLeft:_,popoverTop:W,arrowLeft:A}}function C($,B,D){const H=B.left-y.value+h.value,{arrowLeft:A,popoverLeft:_}=M(H,$),W=p($,B,D);return{popoverLeft:_,popoverTop:W,arrowLeft:A}}const k=new Map([["top",P],["bottom",R],["bottom-left",C]]);function T($){var _,W;const B=$.getBoundingClientRect();f.value=B.top,g.value=B.left;const D=(_=n.value)==null?void 0:_.getBoundingClientRect(),H=(W=r.value)==null?void 0:W.getBoundingClientRect(),A=k.get(l.value);if(A){const{arrowLeft:U,popoverLeft:Z,popoverTop:ee}=A(H,B,D);d.value=U,a.value=Z,i.value=ee}t.keepWidthWithReference&&F($)}function E($){if($){const B=$.getBoundingClientRect();(B.left!==g.value||B.top!==f.value)&&T($)}}return{arrowStyle:S,popoverStyle:v,position:l,popoverWidth:u,fitToReference:F,followToReferencePosition:E,locateToReference:T}}function $t(t,n,r,c,o,s,u){const f=e.ref(t.visible),g=e.computed(()=>f.value),{fitToReference:l,locateToReference:d}=u;let a;function i(){f.value=!1,document.body.removeEventListener("click",a),n.emit("hidden")}a=m=>{if(!o.value.contains(m.target)){const y=o.value.closest(".popover");y&&y.removeEventListener("click",a),i()}};async function h(m){if(c.value&&r.value&&m){f.value=!0,o.value=m,s.value&&l(m),await e.nextTick(),d(m),document.body.addEventListener("click",a);const y=m.closest(".popover");y&&y.addEventListener("click",a),n.emit("shown")}}return n.expose({hide:i,show:h,shown:g}),{showPopover:f,hidePopverOnClickBodyHandler:a}}function Mt(t,n,r,c,o){const{popoverWidth:s,fitToReference:u,followToReferencePosition:f}=o;function g(){if(r.value){f(r.value);const l=r.value.getBoundingClientRect();c.value&&l.width!==s.value&&u(r.value)}}return{onResize:g}}const Ft=e.defineComponent({name:"FPopover",props:Tt,emits:["shown","hidden"],setup(t,n){const r=e.ref(),c=e.ref(),o=e.ref(t.reference),s=e.ref(t.keepWidthWithReference),u=e.computed(()=>!!t.title),f=xt(t),{host:g}=f,l=kt(t,r,c,f),{position:d,arrowStyle:a,popoverStyle:i,fitToReference:h,locateToReference:m}=l,{showPopover:y,hidePopverOnClickBodyHandler:b}=$t(t,n,r,c,o,s,l),{onResize:V}=Mt(t,n,o,s,l),x=e.computed(()=>{const S=`popover in popover-${d.value}`,F=`bs-popover-${d.value}`,N={"popover-fitcontent":t.fitContent};return N[S]=!0,N[F]=!0,(t.class||"").split(" ").reduce((P,p)=>(P[p]=!0,P),N),N}),v=e.computed(()=>({"popover-content":!0,"popover-body":!0}));return e.onMounted(()=>{t.reference&&m(o.value),s.value&&h(o.value),window.addEventListener("resize",V)}),e.onUnmounted(()=>{document.body.removeEventListener("click",b),window.removeEventListener("resize",V)}),()=>e.createVNode(e.Teleport,{to:g},{default:()=>{var S;return[e.withDirectives(e.createVNode("div",{ref:c,class:x.value,style:i.value,onClick:F=>{F.stopPropagation()}},[e.createVNode("div",{ref:r,class:"popover-arrow arrow",style:a.value},null),u.value&&e.createVNode("h3",{class:"popover-title popover-header"},[t.title]),e.createVNode("div",{class:v.value},[n.slots.default&&((S=n.slots)==null?void 0:S.default())])]),[[e.vShow,y.value]])]}})}});function Rt(t,n,r){const c=e.ref(t.popupMinWidth),{hidePopup:o,popoverRef:s}=r;return()=>e.createVNode(Ft,{id:`${t.id}-popover`,ref:s,visible:!0,placement:"bottom-left",host:t.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":t.popupRightBoundary,minWidth:c.value,offsetX:t.popupOffsetX,onHidden:o},{default:()=>{var u,f;return[(f=(u=n.slots).default)==null?void 0:f.call(u)]}})}const Ot=e.defineComponent({name:"FButtonEdit",props:ce,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,n){const r=e.ref(),c=e.ref(t.customClass),o=e.ref(t.modelValue),s=yt(t,n,r),{shouldPopupContent:u,hidePopup:f,togglePopup:g}=s,l=mt(t,n,r,s),d=e.ref(""),a=gt(t,n,o,d,s),{hasFocusedTextBox:i,commitValue:h,inputGroupClass:m}=a,y=ht(t,n,o,i,d,a),{onMouseEnterTextBox:b,onMouseLeaveTextBox:V}=y,x=e.computed(()=>{const p={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!t.wrapText};return c.value&&c.value.split(" ").reduce((M,R)=>(M[R]=!0,M),p),p});function v(){return t.multiSelect&&t.inputType==="tag"?Bt(t,o,a):bt(t,o,a)}let S=v();e.watch([()=>t.multiSelect,()=>t.inputType],()=>{S=v()});const F=It(t,l,y),N=Rt(t,n,s),O={commitValue:h,elementRef:r,hidePopup:f,shouldPopupContent:u,togglePopup:g};e.onMounted(()=>{r.value.componentInstance=O,window.onresize=()=>{document.body.click()}});function P(p){r.value.contains(p.target)&&u.value||document.body.click()}return n.expose(O),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(n.attrs,{ref:r,class:x.value,id:t.id,onMousedown:P}),[e.createVNode("div",{id:`${t.id}-input-group`,class:m.value,onMouseenter:b,onMouseleave:V},[S(),F()])]),u.value&&N()])}});function Dt(t){const n=e.ref(""),r=e.ref(t.modelValue),c=e.ref(t.data||[]),o=e.ref(t.editable);function s(a){const i=String(a).split(t.separator).map(m=>[m,!0]),h=new Map(i);return c.value.filter(m=>h.has(String(m[t.valueField])))}function u(a){const i=s(a).map(h=>h[t.textField]).join(t.separator);n.value=o.value?i||a:i}function f(a){const i=a.split(t.separator).map(m=>[m,!0]),h=new Map(i);return c.value.filter(m=>h.has(m[t.textField]))}function g(a){const i={};return i[t.idField]=a,i[t.textField]=a,[i]}function l(a){let i=f(a);const h=i&&i.length>0;return o.value&&!h&&(i=g(a)),i}function d(){const{url:a,method:i="GET",headers:h={},body:m=null}=t.remote;fetch(a,{method:i,headers:h,body:m}).then(b=>{if(b.status===200)return b.json();throw new Error(b.statusText)}).then(b=>{c.value=b}).catch(b=>{console.error(b)})}return t.remote&&d(),e.watch(()=>t.data,()=>{c.value=t.data}),e.watch([c],([a])=>{if(t.modelValue){const i=a.find(h=>h[t.valueField]===t.modelValue);i&&(n.value=i[t.textField])}}),e.watch(()=>t.modelValue,a=>{r.value=a,u(a)}),u(t.modelValue),{dataSource:c,displayText:n,editable:o,modelValue:r,getItemsByDisplayText:f,getItemsByValue:s,getSelectedItemsByDisplayText:l}}const At=e.defineComponent({name:"FComboList",props:le,emits:["clear","update:modelValue","change"],setup(t,n){const r=e.ref(),c=e.ref(t.disabled),o=e.ref(t.enableClear),s=e.ref(t.enableSearch),u=e.ref(t.readonly),{dataSource:f,displayText:g,editable:l,modelValue:d,getSelectedItemsByDisplayText:a}=Dt(t),i=e.computed(()=>t.multiSelect),h=e.computed(()=>r.value?r.value.elementRef.getBoundingClientRect().width:0);function m(){!i.value&&r.value&&r.value.hidePopup()}function y(v){g.value=v.map(S=>S[t.textField]).join(t.separator),d.value=v.map(S=>S[t.valueField]).join(t.separator),n.emit("update:modelValue",d.value),n.emit("change",v,d.value),m()}function b(v){d.value="",n.emit("update:modelValue",""),n.emit("clear")}function V(v){const S=a(v);y(S)}function x(){return g.value}return n.expose({getDisplayText:x}),e.watch([()=>t.disabled,()=>t.editable,()=>t.enableClear,()=>t.enableSearch,()=>t.readonly],([v,S,F,N,O])=>{c.value=v,l.value=S,o.value=F,s.value=N,u.value=O}),()=>e.createVNode(Ot,{ref:r,id:t.id,disable:c.value,readonly:u.value,forcePlaceholder:t.forcePlaceholder,editable:l.value,buttonContent:t.dropDownIcon,placeholder:t.placeholder,enableClear:o.value,maxLength:t.maxLength,tabIndex:t.tabIndex,enableTitle:t.enableTitle,multiSelect:t.multiSelect,inputType:t.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":v=>g.value=v,onClear:b,onChange:V},{default:()=>[e.createVNode(Ze,{idField:t.idField,valueField:t.valueField,textField:t.textField,titleField:t.titleField,dataSource:f.value,selectedValues:d.value,multiSelect:t.multiSelect,enableSearch:s.value,height:t.maxHeight,width:t.fitEditor?h.value:void 0,onSelectionChange:y},null)]})}}),jt={currentScreenResolution:{type:String,default:""},field:{type:Object,default:{}},switchInStandardMode:{type:Boolean,default:!1},fieldChanged:{type:Function,default:()=>{}}},Pt=new Map([["appearance",K]]);function Lt(t,n,r){return n}const Et={$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"]},Ht={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:[]}}}}}},de={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}};X(de,Et,Pt,Lt,Ht);const Wt=e.defineComponent({name:"FRate",props:de,emits:["selectedValue"],setup(t,n){const r=e.ref(t.size),c=e.ref(t.enableHalf),o=e.ref(t.enableClear),s=e.ref(t.disabled),u=e.ref(t.pointSystem),f=e.ref(t.lightColor),g=e.ref(t.darkColor),l=e.ref(t.iconClass),d=e.ref(t.numOfStar),a=e.ref(t.toolTipDisabled),i=e.ref(t.toolTipContents),h=e.ref(t.enableScore),m=e.ref(t.enableSatisfaction);let y;const b=e.ref(0);let V=0;const x=e.ref(0),v=e.ref(t.value);let S=1,F,N,O;const P=4;e.onMounted(()=>{});function p(){switch(r.value){case"small":y=14;break;case"middle":y=16;break;case"large":y=18;break;case"extraLarge":y=24;break}M(),d.value&&(S=u.value/d.value),v.value&&C()}p();function M(){const B=d.value;O=[];for(let D=1;D<=B;D++)O.push({id:D})}function R(B){return B.className.indexOf("f-icon")!==-1}function C(){let B;c.value?B=Math.ceil(v.value/S):B=v.value,V=(y*v.value+Math.floor(v.value)*P)/S,F=i.value[B-1]}function k(){return b.value===V&&o.value&&V!==0?(V=0,v.value=0,N=null,b.value=0,x.value=0,n.emit("selectedValue",v.value),!0):!1}function T(B,D,H){if(B.movementX||B.movementY){if(s.value)return;m.value&&(F=i.value[D-1]),B.offsetX<y/2&&c.value===!0?(b.value=y*D-y/2+P*(D-1),x.value=S*D-S/2):(b.value=y*D+P*(D-1),x.value=S*D)}if(H===!0){if(k())return;v.value=x.value,V=b.value,N=F,n.emit("selectedValue",v.value)}}function E(B,D){var H;if(R(B.target)&&B.target){const A=parseInt((H=B.target)==null?void 0:H.id);T(B,A,D)}}const L=e.computed(()=>x.value?x.value+"分":v.value+"分"),$=e.computed(()=>({width:(b.value||V)+"px"}));return()=>e.createVNode("div",{class:"farris-star-rating",onMouseover:e.withModifiers(B=>E(B,!1),["prevent"]),onMousemove:e.withModifiers(B=>E(B,!1),["prevent"]),onMouseout:e.withModifiers(B=>E(B,!1),["prevent"]),onClick:e.withModifiers(B=>E(B,!0),["prevent"])},[e.createVNode("div",{class:"star-light-area",style:$.value},[O.map(B=>e.createVNode("span",{class:["f-icon default-light-color ",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"},{disabled:a.value}],id:B.id,style:{color:f.value}},null))]),e.createVNode("div",{class:["star-dark-area",{small:r.value==="small"},{middle:r.value==="middle"},{large:r.value==="large"}]},[O.map(B=>e.createVNode("span",{class:["f-icon default-dark-color",l.value,{"f-star-sm":r.value==="small"},{"f-star-md":r.value==="middle"},{"f-star-lg":r.value==="large"},{"f-star-exlarge":r.value==="extraLarge"}],id:B.id,style:{color:g.value}},null))]),e.createVNode("div",{class:["f-utils-fill",{"font-small":r.value==="small"},{"font-middle":r.value==="middle"},{"font-large":r.value==="large"},{"font-exlarge":r.value==="extraLarge"}]},[h.value&&e.createVNode("span",null,[e.createTextVNode(" "),L.value,e.createTextVNode(" ")]),m.value&&(N||F)&&e.createVNode("span",null,[e.createTextVNode(" "),F||N])])])}}),_t=e.defineComponent({name:"FColumnWidthEditor",props:jt,emits:["fieldChanged"],setup(t,n){const r={SM:["1"],MD:["1","2"],LG:["1","2","3","4"],EL:["1","2","3","4","5","6"]},c=e.ref(t.currentScreenResolution),o=e.ref(t.field),s=e.ref(t.switchInStandardMode),u=e.ref(),f=e.ref("");e.ref();const g=e.ref("customize"),l=e.ref();function d(){const b=`In${c.value}`;s.value?(f.value=`displayWidth${b}`,g.value=`${o.value[f.value]}`):(f.value=`column${b}`,l.value=o.value[f.value])}function a(b){l.value=b,o.value[`columnIn${c.value}`]=l.value,o.value[`displayWidthIn${c.value}`]=l.value,n.emit("fieldChanged",o.value)}function i(){return e.createVNode(Wt,{enableHalf:!0,size:"extraLarge",pointSystem:12,numOfStar:6,lightColor:"#5D89FE",darkColor:"#e7e9f3",iconClass:"f-icon-column-rectangle",modelValue:l.value,"onUpdate:modelValue":b=>l.value=b,enableScore:!1,onClick:a(l.value)},null)}function h(){var b;if(((b=o==null?void 0:o.value)==null?void 0:b.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("第"),o.value.componentRow,e.createTextVNode("行")]),e.createVNode("span",{class:"f-layout-editor-column-width-editor-row-right"},null)])}function m(){return s.value?e.createVNode("div",{class:"f-column-width-editor-switch-standard"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-click-button"},null)]):e.createVNode("div",{class:"f-column-width-editor-switch-customize"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-rectangle"},[i(),e.createVNode("div",{class:"f-rate-show-column"},[l.value,e.createTextVNode("列")])])])}function y(){var b;return e.createVNode("div",{class:"f-layout-editor-column-width-editor-component"},[e.createVNode("div",{class:"f-layout-editor-column-width-editor-label"},[(b=o==null?void 0:o.value)==null?void 0:b.label]),m()])}return e.watch(()=>[t.field,t.switchInStandardMode,t.currentScreenResolution],([b,V,x],[v,S,F])=>{b!==v&&b.showTopBorder!==0&&(o.value=b),V!==S&&(s.value=V),x!==F&&(u.value=r[x],d())}),()=>e.createVNode("div",{class:"f-layout-editor-column-width-editor"},[h(),y()])}}),zt=e.defineComponent({name:"FFieldList",props:Me,emits:["update:currentArea","twoDimensionalArrayChanged","originalData"],setup(t,n){const r=e.ref(t.currentScreenResolution),c=e.ref(t.switchInStandardMode),o=e.ref(t.originalData),s=e.ref(t.originalDataCopy),u=e.ref(t.defaultStates),f=e.ref(""),g=e.ref([]),l=e.ref(t.currentArea),d=e.ref(0),a=e.ref(),i=e.ref(0),h=e.ref("1"),m=e.ref([]);function y(){var k;let C=b();for(let T=0;T<C.length;T++){const E={id:(k=C[T])==null?void 0:k.toString(),label:"区域"+C[T]};g.value.push(E)}V()}function b(){let C=[];return o.value.forEach(k=>{C.indexOf(k.group)===-1&&C.push(k.group)}),C}function V(){h.value=u.value.defaultGroupNumber.toString(),f.value=`区域${h.value}`,l.value=[g.value[Number(h.value)-1]],n.emit("update:currentArea",l.value)}function x(){let C=[];a.value=[];let k=1;o.value.forEach(T=>{T.group===k||(k+=1,a.value.push(C),C=[]),C.push(T)}),a.value.push(C)}function v(){a.value[Number(l.value[0].id)-1]=G.cloneDeep(m.value);let C=[];i.value=0,a.value.forEach(k=>{let T=F(k);C.push(T),i.value=T[T.length-1].componentRow}),N(C)}function S(){x();let C=[];return i.value=0,a.value.forEach(k=>{let T=F(k);C.push(T),i.value=T[T.length-1].componentRow}),n.emit("twoDimensionalArrayChanged",a.value),N(C),o.value}function F(C){let T=12;return d.value=1+i.value,C.forEach(E=>{E.showTopBorder=0;let L=E[`columnIn${r.value}`];T-L>=0?(E.componentRow=d.value,T-=L):T-L<0&&(d.value+=1,E.componentRow=d.value,T=12-L,E.showTopBorder=1)}),C[0].showTopBorder=1,C}function N(C){let k=[];for(let T of C)for(let E of T)k.push(E);o.value=G.cloneDeep(k),k=[],i.value=0}function O(){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(At,{modelValue:h.value,"onUpdate:modelValue":C=>h.value=C,placeholder:"当前可编辑组",enableClear:!1,"id-field":"id","text-field":"label",data:g.value,editable:!1,onChange:R},null)])])}function P(){return e.createVNode("div",{class:"f-layout-editor-field-list-content f-utils-overflow-xhya"},[m.value.map(C=>e.createVNode(_t,{currentScreenResolution:r.value,field:C,"onUpdate:field":k=>C=k,switchInStandardMode:c.value,"onUpdate:switchInStandardMode":k=>c.value=k},null))])}function p(){m.value=[],o.value.forEach(C=>{C.group===Number(l.value[0].id)&&m.value.push(C)})}function M(){o.value=G.cloneDeep(S()),n.emit("originalData",o.value)}function R(C){for(let k=0;k<C.length;k++)l.value=[{id:C[k].id,label:C[k].label}];n.emit("update:currentArea",l.value),p(),v()}return e.watch(()=>t.currentArea,(C,k)=>{C!==k&&(l.value=t.currentArea,p())}),e.watch(l,(C,k)=>{C!==k&&p()}),e.watch(()=>t.currentGroup,(C,k)=>{C!==k&&(f.value=t.currentGroup)}),e.watch(()=>t.currentScreenResolution,(C,k)=>{C!==k&&(M(),l.value[0]!==void 0&&(m.value=G.cloneDeep(a.value[Number(l.value[0].id)-1])))}),e.watch(()=>t.switchInStandardMode,(C,k)=>{C!==k&&(c.value=t.switchInStandardMode,o.value=G.cloneDeep(s.value))}),e.watch(u,(C,k)=>{C!==k&&M()}),e.onBeforeMount(()=>{y(),S(),p()}),()=>e.createVNode("div",{class:"f-layout-editor-field-list f-utils-fill-flex-column"},[c.value?e.createVNode("div",{class:"f-layout-editor-field-list-standard f-utils-fill-flex-column"},[O(),P()]):e.createVNode("div",{class:"f-layout-editor-field-list-customize f-utils-fill-flex-column"},[O(),P()])])}}),Q=e.defineComponent({name:"FResponseLayoutEditor",props:ne,emits:["close","submit"],setup(t,n){const r=e.ref(t.initialState),c=e.ref(),o=e.ref(),s=e.ref(""),u=e.ref(""),f=e.ref(!1),g=e.ref([{id:"1",label:"区域1"}]),l=e.ref([]),d=e.ref(),a=e.ref(t.width),i=e.ref(t.height);e.watch(()=>t.currentArea,(p,M)=>{p!==M&&(g.value=t.currentArea)}),e.watch(()=>t.switchInStandardMode,(p,M)=>{p!==M&&(f.value=t.switchInStandardMode)}),e.watch(()=>t.currentScreenResolution,(p,M)=>{p!==M&&(u.value=t.currentScreenResolution)});function h(p){s.value=p}function m(p){u.value=p}function y(p){f.value=p}function b(p){g.value=[].concat(p)}function V(p){c.value=G.cloneDeep(p)}function x(p){l.value=p}function v(){n.emit("close")}function S(){n.emit("submit",c.value)}function F(){return e.createVNode(zt,{class:"f-utils-fill-flex-column",defaultStates:o.value,originalDataCopy:d.value,currentScreenResolution:u.value,"onUpdate:currentScreenResolution":p=>u.value=p,originalData:c.value,switchInStandardMode:f.value,"onUpdate:switchInStandardMode":p=>f.value=p,currentArea:g.value,"onUpdate:currentArea":p=>g.value=p,onCurrentAreaChanged:b,onTwoDimensionalArrayChanged:x,onOriginalDataChanged:V},null)}function N(){return e.createVNode($e,{class:"f-utils-fill-flex-column",currentArea:g.value,"onUpdate:currentArea":p=>g.value=p,currentScreenResolution:u.value,"onUpdate:currentScreenResolution":p=>u.value=p,switchInStandardMode:f.value,twoDimensionalArray:l.value,"onUpdate:twoDimensionalArray":p=>l.value=p},null)}const O=e.computed(()=>f.value?"f-layout-editor-left-standard f-utils-fill-flex-column":"f-layout-editor-left-customize f-utils-fill-flex-column"),P=e.computed(()=>f.value?"f-layout-editor-right-standard f-utils-fill-flex-column":"f-layout-editor-right-customize f-utils-fill-flex-column");return e.onBeforeMount(()=>{c.value=G.cloneDeep(r.value.importData),d.value=G.cloneDeep(r.value.importData),o.value=r.value.defaultState,s.value="中等屏幕",u.value="MD"}),()=>e.createVNode("div",{class:"f-layout-editor f-utils-flex-column",style:"height:"+i.value+"px;width:"+a.value+"px;"},[e.createVNode("div",{class:"f-layout-editor-top"},[e.createVNode(Ie,{defaultStates:o.value,onScreenNameChanged:h,onScreenResolutionChanged:m,onSwitchInStandardModeChanged:y},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:O.value},[F()])]),e.createVNode("div",{class:"f-layout-editor-right f-utils-fill-flex-column"},[e.createVNode("div",{class:P.value},[N()])])]),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:v},[e.createVNode("span",{class:"f-layout-editor-text-cancel"},[e.createTextVNode("取消")])]),e.createVNode("div",{class:"f-layout-editor-sure-btn",onClick:S},[e.createVNode("span",{class:"f-layout-editor-text-sure"},[e.createTextVNode("确认")])])])])])}}),qt={install(t){t.component(Q.name,Q)}};q.ResponseLayoutEditor=Q,q.default=qt,q.responseLayoutEditorProps=ne,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/response-layout-editor/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "response-layout-editor",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/response-layout-editor/index.d.ts"
-}

package/response-layout-editor/style.css

@@ -1 +0,0 @@
-.f-layout-editor{min-height:500px;min-width:900px;height:100%;overflow:hidden}.f-layout-editor-top{width:100%;height:75px;background-color:#fff;z-index:99;border:1px solid #dee1ea}.f-layout-editor-content{display:flex;margin-bottom:0;border-right:1px solid #dee1ea}.f-layout-editor-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0}.f-layout-editor-button{float:right;margin-top:10px;margin-right:30px}.f-layout-editor-left,.f-layout-editor-left-standard,.f-layout-editor-left-customize{height:100%}.f-layout-editor-right{width:50%;flex:1;vertical-align:top;height:100%}.f-layout-editor-right-standard,.f-layout-editor-right-customize{height:100%}.f-layout-editor-cancel-btn{width:75px;height:32px;display:inline-block;background:#ffffff;border:1px solid #d8dce6;box-shadow:0 1px #0000000a;border-radius:3px;margin-right:8px;text-align:center;padding:7px}.f-layout-editor-sure-btn{width:100px;height:32px;display:inline-block;background:#5989e7;border-radius:3px;text-align:center;padding:7px}.f-layout-editor-text-cancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-text-sure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-layout-editor-column-width-editor-row{display:flex;width:100%;margin:13px 0}.f-layout-editor-column-width-editor-row-middle{font-family:PingFangSC-Regular;font-size:9px;color:#2d2f3375;text-align:center;flex:26%;float:left;display:block}.f-layout-editor-column-width-editor-row-left{border-top:1px dashed #eaedf3;margin-top:9px;display:block;flex:37%}.f-layout-editor-column-width-editor-row-right{margin-top:9px;border-top:1px dashed #eaedf3;float:right;display:block;flex:37%}.f-layout-editor-show-top-border{border-top:1px solid #eaedf3;margin-bottom:18px;margin-top:18px;padding-top:18px}.f-layout-editor-column-width-editor-component{background:rgba(247,248,251,.6);border:1px solid rgba(233,236,243,.45);border-radius:3px;margin:3px 8px 6px 0;width:95%;height:40px;padding-bottom:5px;padding-top:5px}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 9px 9px 16px;width:58px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-column-width-editor-click-button{height:22px;margin:3px 8px 0 0;float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.f-layout-editor-column-width-editor-rectangle{height:22px;margin:3px 8px 0 0;float:right;display:flex}.f-layout-editor-rate-show-column{display:inline-block;width:30px;text-align:right;font-family:PingFangSC-Regular;font-size:10px;color:#2d2f3375;margin-right:30px}.f-layout-editor-column-width-editor-choices.active{z-index:1}.f-layout-editor-text-align{margin-left:-5px}.f-layout-editor-field-list-standard{padding-left:41px;height:500px;z-index:98;width:450px;position:relative;display:inline-block}.f-layout-editor-field-list-customize{padding-left:41px;height:500px;z-index:98;width:440px;position:relative;display:inline-block}.f-layout-editor-field-list-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px;display:inline-block}.f-layout-editor-choose-group{display:inline-block;margin-top:12px;margin-left:160px;width:130px}.f-layout-editor-field-list-content{overflow-x:hidden;overflow-y:scroll;z-index:1200;margin-top:5px;margin-right:20px}.f-layout-editor-field-list-content-cdk-preview{z-index:1200!important;width:280px;background:rgba(247,248,251,.6);border:1px solid rgba(233,236,243,.45);box-shadow:2px 12px 12px #779aec73;border-radius:3px;margin:3px 8px 6px 0;height:40px;padding-bottom:5px;padding-top:5px}.f-layout-editor-column-width-editor-label{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;margin:6px 9px 9px 16px;width:70px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.f-layout-editor-preview{margin-left:16px;width:100%;position:relative}.f-layout-editor-preview-header{font-family:PingFangSC-Regular;font-size:14px;color:#6a6f79;margin-top:12px}.f-layout-editor-row{height:26px;margin-bottom:15px;opacity:70%;display:flex}.f-layout-editor-preview-view{padding:15px 42px 5px 15px;position:relative}.f-layout-editor-preview-row-group{display:absolute;z-index:0;margin-top:13px;margin-left:5px}.f-layout-editor-preview-customize-whole-background{z-index:0;position:absolute;top:40px;right:28px;left:14px;bottom:2px}.f-layout-editor-preview-customize-whole-background>div{float:left;padding-left:0;height:100%}.f-layout-editor-preview-customize-single-background{height:100%;background-color:#edf9ff}.f-layout-editor-screen-resolution-selector{width:100%;position:sticky;padding:21px 0 21px 24px;min-width:640px}.f-layout-editor-screen-resolution-selector-header{font-family:PingFangSC-Medium;font-size:17px;color:#2d2f33;display:inline-block;height:32px}.f-layout-editor-screen-resolution-selector-form{height:32px}.f-layout-editor-screen-resolution-selector-frame{background:rgba(140,182,255,.14);border-radius:17px;margin-left:30px;width:320px;height:32px;display:inline-flex;align-items:center;justify-content:center}.f-layout-editor-namelist{font-family:PingFangSC-Regular;font-size:12px;color:#446a9f;line-height:16px;margin:8px 13px;display:inline-block}.f-layout-editor-namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:12px;line-height:16px;color:#2a87ff;margin:8px 12px;padding:4px 8px;background:rgba(255,255,255,.9);box-shadow:0 4px 18px #024bc133;border-radius:15px}.f-layout-editor-screen-resolution-selector-switch{float:right;margin:5px 60px 0 0}.f-layout-editor-show-switch{float:right!important;margin-left:8px!important}.f-layout-editor-show-switch-label{float:right;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;text-align:right;line-height:18px;margin-top:2px}.f-layout-editor-column-width-view{background:#eff2f7;border:1px solid #d5dae7;border-radius:4px;margin-bottom:15px;height:26px;padding-left:9.4px}.f-layout-editor-column-width-view-label{margin-top:2px;margin-left:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}