@farris/ui-vue 1.1.0 → 1.1.1

package/spacing-editor/index.umd.js

@@ -1 +0,0 @@
-(function(q,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("bignumber.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","bignumber.js"],t):(q=typeof globalThis<"u"?globalThis:q||self,t(q["spacing-editor"]={},q.Vue,q.LodashES,q.BigNumber))})(this,function(q,t,pe,_){"use strict";const ne={defaultSpacings:{type:Array,default:[{id:"default",value:"4",name:"系统默认"},{id:"large",value:"20",name:"大(20px)"},{id:"middle",value:"16",name:"中(16px)"},{id:"small",value:"12",name:"小(12px)"},{id:"exsmall",value:"8",name:"超小(8px)"},{id:"none",value:"0",name:"无(0px)"},{id:"custom",value:"custom",name:"自定义"}]},directions:{type:Array,default:[{id:"top",title:"上"},{id:"right",title:"右"},{id:"bottom",title:"下"},{id:"left",title:"左"}]},margins:{type:Array,default:[4,4,4,4]},paddings:{type:Array,default:[4,4,4,4]}},_t="",me={},ge={};function oe(e){const{properties:n,title:s}=e,d=Object.keys(n).reduce((l,c)=>(l[c]=n[c].type==="object"&&n[c].properties?oe(n[c]):pe.cloneDeep(n[c].default),l),{});return d.id=`${s}-${Date.now()}`,d}function ye(e,n){const s=oe(n);return Object.keys(e).reduce((d,l)=>(d[l]=e[l],d),s),s}function he(e,n){return Object.keys(e).filter(d=>e[d]!=null).reduce((d,l)=>{if(n.has(l)){const c=n.get(l);if(typeof c=="string")d[c]=e[l];else{const u=c(l,e[l],e);Object.assign(d,u)}}else d[l]=e[l];return d},{})}function be(e,n,s=new Map){const d=ye(e,n);return he(d,s)}function ve(e={}){function n(a,i,o,r){if(typeof o=="number")return r[a].length===o;if(typeof o=="object"){const g=Object.keys(o)[0],p=o[g];if(g==="not")return Number(r[a].length)!==Number(p);if(g==="moreThan")return Number(r[a].length)>=Number(p);if(g==="lessThan")return Number(r[a].length)<=Number(p)}return!1}function s(a,i,o,r){return r[i]&&r[i].propertyValue&&String(r[i].propertyValue.value)===String(o)}const d=new Map([["length",n],["getProperty",s]]);Object.keys(e).reduce((a,i)=>(a.set(i,e[i]),a),d);function l(a,i){const o=a;return typeof i=="number"?[{target:o,operator:"length",param:null,value:Number(i)}]:typeof i=="boolean"?[{target:o,operator:"getProperty",param:a,value:!!i}]:typeof i=="object"?Object.keys(i).map(r=>{if(r==="length")return{target:o,operator:"length",param:null,value:i[r]};const g=r,p=i[r];return{target:o,operator:a,param:g,value:p}}):[]}function c(a){return Object.keys(a).reduce((o,r)=>{const g=l(r,a[r]);return o.push(...g),o},[])}function u(a,i){if(d.has(a.operator)){const o=d.get(a.operator);return o&&o(a.target,a.param,a.value,i)||!1}return!1}function f(a,i){return c(a).reduce((g,p)=>g&&u(p,i),!0)}function m(a,i){const o=Object.keys(a),r=o.includes("allOf"),g=o.includes("anyOf"),p=r||g,x=(p?a[p?r?"allOf":"anyOf":"allOf"]:[a]).map(V=>f(V,i));return r?!x.includes(!1):x.includes(!0)}return{parseValueSchema:m}}const Ce={},we={};ve();function X(e,n,s=new Map,d=(u,f,m)=>f,l={},c=u=>u){return me[n.title]=n,ge[n.title]=d,Ce[n.title]=l,we[n.title]=c,(u={})=>{const f=be(u,n,s),m=Object.keys(e).reduce((a,i)=>(a[i]=e[i].default,a),{});return Object.assign(m,f)}}function K(e,n){return{customClass:n.class}}const Ve=new Map([["appearance",K]]),Se={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/number-spinner.schema.json",title:"number-spinner",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a number spinner",type:"string"},type:{description:"The type string of number spinner component",type:"string",default:"number-spinner"},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 xe(e,n,s){return n}const Be={title:"number-spinner",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:"右对齐"}]}}}}}},ae={id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},formatter:{type:Function},parser:{type:Function},placeholder:{type:String,default:"请输入数字"},step:{type:Number,default:1},max:{type:[Number,String]},min:{type:[Number,String]},showButton:{type:Boolean,default:!0},useThousands:{type:Boolean,default:!0},textAlign:{type:String,default:"left"},autoDecimal:{type:Boolean,default:!0},canNull:{type:Boolean,default:!1},precision:{type:Number,default:0},prefix:{type:String,default:""},suffix:{type:String,default:""},decimalSeparator:{type:String,default:"."},groupSeparator:{type:String,default:","},groupSize:{type:Number,default:3},value:{type:[Number,String],default:""},showZero:{type:Boolean,default:!0},modelValue:{type:[Number,String],default:""}};X(ae,Se,Ve,xe,Be);function Ne(e,n,s,d){const{format:l}=s,{displayValue:c,getRealValue:u,modelValue:f,onNumberValueChanged:m}=d;function a(){const C=new _(f.value||0);return!(e.max&&!new _(e.max).isNaN()&&C.gte(new _(e.max)))}function i(){const C=new _(f.value||0);return!(e.min&&!new _(e.min).isNaN()&&C.lte(new _(e.min)))}function o(C){if(e.readonly||e.disabled)return;const x=C==="up"?a:i,B=C==="up"?"plus":"minus";if(x()){const b=new _(f.value||0)[B](Number(e.step)),T=b.toFixed();c.value=l(T),m(u(b))}}function r(){o("up")}function g(){o("down")}function p(C){r(),C.stopPropagation()}function y(C){g(),C.stopPropagation()}return{canDownward:i,canUpward:a,downward:g,onClickDownButton:y,onClickUpButton:p,upward:r}}function Te(e,n,s){const d=t.computed(()=>({prefix:e.prefix,suffix:e.suffix,decimalSeparator:e.decimalSeparator,groupSeparator:e.useThousands?e.groupSeparator:"",groupSize:e.groupSize})),{getValidNumberObject:l,precision:c}=s;function u(a){return a=a==null||a===""?"":String(a),a=a.replace(new RegExp(e.prefix,"g"),"").replace(new RegExp(e.suffix,"g"),"").replace(/,/g,""),e.groupSeparator&&e.groupSeparator!==","&&(a=a.replace(new RegExp(`\\${e.groupSeparator}`,"g"),"")),e.decimalSeparator&&e.decimalSeparator!=="."&&(a=a.replace(new RegExp(`\\${e.decimalSeparator}`,"g"),".")),a}function f(a,i){return e.precision!==null&&e.precision!==void 0?a.toFormat(c.value,i):a.toFormat(i)}function m(a){const i=u(a),o=new _(i,10),r=l(o);return r.valueOf()==="0"&&!e.showZero||r.isNaN()?"":e.formatter?e.formatter(r.toNumber()):f(r,d.value)}return{cleanFormat:u,format:m}}function ke(e,n){const s=t.ref(""),d=t.ref(e.modelValue),l=t.computed(()=>Number(e.precision)||0);function c(i){return i.toFixed(l.value)}function u(i){return isNaN(i)||i===null||i===void 0||i===""}function f(i){const o=u(e.max)?null:new _(String(e.max),10),r=u(e.min)?null:new _(String(e.min),10);return o&&i.gt(o)?o:r&&i.lt(r)?r:i}function m(i){if(e.parser)return isNaN(Number(i))?e.parser(i):i;let o=f(new _(i,10));if(o.isNaN()){if(e.canNull)return null;const g=new _(""+e.min,10),p=new _(""+e.max,10);if(!g.isNaN())o=g;else if(!p.isNaN())o=p;else return 0}return c(o)}function a(i){d.value=i,n.emit("update:modelValue",i),n.emit("valueChange",i),n.emit("change",i)}return{displayValue:s,getRealValue:m,modelValue:d,isEmpty:u,onNumberValueChanged:a,precision:l,getValidNumberObject:f}}function Ie(e,n,s,d,l){const{cleanFormat:c,format:u}=s,{displayValue:f,getRealValue:m,modelValue:a,isEmpty:i,onNumberValueChanged:o}=d,{downward:r,upward:g}=l,p=t.ref(!1),y=t.computed(()=>f.value);function C(b){var O;if(b.stopPropagation(),p.value=!1,e.readonly||e.disabled)return;let T=(O=b.target)==null?void 0:O.value;e.canNull||(T=T||0);const S=c(T);f.value=u(S),o(m(S)),n.emit("blur",{event:b,formatted:f.value,value:a.value})}function x(b){b.stopPropagation(),p.value=!0,!(e.readonly||e.disabled)&&(f.value=i(a.value)||!e.showZero&&a.value==="0"?"":String(a.value),n.emit("focus",{event:b,formatted:f.value,value:a.value}))}function B(b){var O;b.stopPropagation();let T=(O=b.target)==null?void 0:O.value;e.canNull||(T=T||0);const S=c(T);f.value=S,o(m(S))}function V(b){b.key==="ArrowDown"&&(b.preventDefault(),r()),b.key==="ArrowUp"&&(b.preventDefault(),g()),b.stopPropagation()}return{textBoxValue:y,onBlurTextBox:C,onFocusTextBox:x,onInput:B,onKeyDown:V,isFocus:p}}function $e(e,n,s){const{canDownward:d,canUpward:l,onClickDownButton:c,onClickUpButton:u}=s,f=t.computed(()=>({"input-group-append":!0,"btn-group":!0,"btn-group-number":!0})),m=t.computed(()=>({btn:!0,"btn-secondary":!0,"btn-number-flag":!0})),a=t.computed(()=>({cursor:l()?"pointer":"not-allowed","margin-left":0})),i=t.computed(()=>({cursor:d()?"pointer":"not-allowed","margin-left":0}));return()=>t.createVNode("div",{class:f.value},[t.createVNode("button",{title:"upButton",class:m.value,style:a.value,onClick:u,disabled:!l()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up number-arrow-chevron"},null)]),t.createVNode("button",{title:"downButton",class:m.value,style:i.value,onClick:c,disabled:!d()},[t.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down number-arrow-chevron"},null)])])}function Oe(e,n,s){const{onBlurTextBox:d,onFocusTextBox:l,onInput:c,onKeyDown:u,textBoxValue:f}=s,m=t.computed(()=>e.disabled||e.readonly||!e.editable?"":e.placeholder),a=t.computed(()=>({"form-control":!0,"f-utils-fill":!0})),i=t.computed(()=>({"text-align":e.textAlign}));function o(r){r.stopPropagation()}return()=>t.createVNode("input",{class:a.value,style:i.value,type:"text",value:f.value,disabled:e.disabled,readonly:e.readonly||!e.editable,placeholder:m.value,onBlur:d,onChange:o,onFocus:l,onInput:c,onKeydown:u},null)}const le=t.defineComponent({name:"FNumberSpinner",props:ae,emits:["update:modelValue","valueChange","change","blur","focus","click","input"],setup(e,n){const s=ke(e,n),d=Te(e,n,s),l=Ne(e,n,d,s),c=Ie(e,n,d,s,l),u=$e(e,n,l),f=Oe(e,n,c),{displayValue:m,modelValue:a,getRealValue:i}=s,{format:o}=d,{isFocus:r}=c,g=t.computed(()=>!e.disabled&&!e.readonly&&e.showButton);return t.onMounted(()=>{const p=i(e.modelValue);m.value=o(p)}),t.watch(()=>[e.value],([p])=>{const y=i(p);a.value=y,m.value=o(y)}),t.watch(()=>[e.modelValue],([p])=>{p!==a.value&&(a.value=p,!r.value&&(m.value=o(i(p))))}),t.watch(()=>[e.precision,e.useThousands,e.prefix,e.suffix,e.showZero],()=>{m.value=o(a.value)}),()=>t.createVNode("div",{class:"input-group  f-state-hover flex-row f-cmp-number-spinner"},[f(),g.value&&u()])}}),je=new Map([["appearance",K]]),Fe={$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 Pe(e,n,s){return n}const Me={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"}}}}},ie={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(ie,Fe,je,Pe,Me);const Re={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:()=>{}}},De=new Map([["appearance",K]]);function Le(e,n,s){return n}const Ee={$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"]},Ae={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,Ee,De,Le,Ae);function He(e,n,s,d,l){const c=t.ref(e.idField),u=t.ref(e.disableField),f=t.ref(e.draggable),m=t.ref(e.itemClass),a=t.ref(e.multiSelect),i=t.ref(e.multiSelectMode);t.ref(!0);const{isDragging:o}=s,{activeIndex:r,focusedItemId:g,hoverIndex:p}=d,{clearSelection:y,selectedItems:C,toggleSelectItem:x}=l;function B(h,F){const $={"f-list-view-group-item":!0,"f-list-view-draggable-item":f.value,"f-un-click":!!h.unClick,"f-un-select":!!h[u.value],"f-listview-active":h.__fv_index__===r.value,"f-listview-hover":!o.value&&F===p.value,moving:!!h.moving};return m.value.split(" ").reduce((W,P)=>(W[P]=!0,W),$),$}function V(h,F){return h[c.value]||""}const b=t.computed(()=>!a.value);function T(h,F){h.unClick||h[u.value]||(b.value&&(g.value=h[c.value]),x(h,F))}const S=t.computed(()=>a.value&&i.value==="OnCheckClearByClick"),O=t.computed(()=>!a.value||a.value&&(i.value==="OnCheckAndClick"||i.value==="OnClick"));function E(h,F,$){if(F.unClick||F[u.value]){h.preventDefault(),h.stopPropagation();return}g.value=F[c.value],r.value=$,S.value&&y(),O.value&&x(F,$),n.emit("clickItem",{data:C.value,index:$}),n.emit("activeChange",C.value)}return{getKey:V,listViewItemClass:B,onCheckItem:T,onClickItem:E}}function _e(e,n,s){const d=t.ref(e.idField),l=t.ref(e.multiSelect);t.ref(e.multiSelectMode);const{getSelectionItems:c}=s,u=t.ref(c(e.selectionValues));t.watch(()=>e.selectionValues,r=>{u.value=t.ref(c(r)).value});const f=t.computed(()=>!l.value);function m(r){return r[d.value]||""}function a(r){return u.value.findIndex(p=>m(p)===m(r))}function i(){u.value.forEach(r=>{r.checked=!1}),u.value=[]}function o(r,g){f.value&&i();const p=a(r);p>-1?(u.value.splice(p,1),r.checked=!1):(u.value.push(r),r.checked=!0),n.emit("selectionChange",u.value)}return{clearSelection:i,findIndexInSelectedItems:a,selectedItems:u,toggleSelectItem:o}}function qe(e,n){function s(c){const u=[];let f=c.nextNode();for(;f;)u.push(f),f=c.nextNode();return u}function d(c,u){const f=document.createTreeWalker(c,NodeFilter.SHOW_TEXT);return s(f).map(o=>({textNode:o,text:(o.textContent||"").toLocaleLowerCase()})).map(({textNode:o,text:r})=>{const g=[];let p=0;for(;p<r.length;){const y=r.indexOf(u,p);if(y===-1)break;g.push(y),p=y+u.length}return g.map(y=>{const C=new Range;return C.setStart(o,y),C.setEnd(o,y+u.length),C})}).flat()}function l(c){if(!CSS.highlights||(CSS.highlights.clear(),!c||!n))return;const u=d(n.value,c.toLocaleLowerCase()),f=new Highlight(...u);CSS.highlights.set("search-result",f)}return{search:l}}const We={id:{Type:String,default:""},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},J=t.defineComponent({name:"FCheckBox",props:We,emits:["change","update:modelValue"],setup(e,n){const s=t.ref(e.id),d=t.ref(e.customClass),l=t.ref(e.disable),c=t.ref(e.modelValue),u=t.ref(e.indeterminate),f=t.computed(()=>{const a={"custom-control":!0,"custom-checkbox":!0};return d.value&&d.value.split(" ").reduce((i,o)=>(i[o]=!0,i),a),a});function m(a){a.stopPropagation(),a.preventDefault(),l.value||(c.value=!c.value,n.emit("update:modelValue",c.value),n.emit("change",{originalEvent:a,checked:c.value}))}return t.watch(()=>e.modelValue,a=>{c.value=a}),t.watch(()=>e.indeterminate,a=>{u.value=a}),()=>t.createVNode("div",{class:f.value},[t.withDirectives(t.createVNode("input",{id:s.value,title:s.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":a=>c.value=a,indeterminate:u.value},null),[[t.vModelCheckbox,c.value]]),t.createVNode("label",{for:s.value,class:"custom-control-label",onClick:m},null)])}});function se(e,n,s,d,l,c,u,f){const m=t.ref(e.size),a=t.ref(e.textField),i=t.ref(e.titleField),o=t.ref(e.multiSelect),r=t.ref(e.disableField),{onMouseenterItem:g,onMouseoverItem:p,onMouseoutItem:y}=l,{getKey:C,listViewItemClass:x,onCheckItem:B,onClickItem:V}=c,b=t.computed(()=>({margin:m.value==="small"?"0.25rem 0":"10px 0"}));function T(S,O,E){return S.checked=u.findIndexInSelectedItems(S)>-1,t.createVNode("li",{class:x(S,O),id:C(S,O),key:C(S,O),onClick:h=>V(h,S,O),onMouseenter:h=>g(h,S,O),onMouseover:h=>p(h,S,O),onMouseout:h=>y(h,S,O)},[o.value&&t.createVNode("div",{class:"f-list-select",onClick:h=>h.stopPropagation()},[t.createVNode(J,{id:"list-"+C(S,O),customClass:"listview-checkbox",disable:S[r.value]||S.unClick,modelValue:S.checked,"onUpdate:modelValue":h=>S.checked=h,onChange:h=>B(S,O)},null)]),t.createVNode("div",{class:"f-list-content"},[t.createVNode("div",{style:b.value,title:S[i.value]||S[a.value]},[S[a.value]])])])}return{renderItem:T}}function ze(e,n,s,d,l,c,u,f){const m=t.ref(e.multiSelect),a=t.ref(e.disableField),{onMouseenterItem:i,onMouseoverItem:o,onMouseoutItem:r}=l,{getKey:g,listViewItemClass:p,onCheckItem:y,onClickItem:C}=c;function x(V,b,T){return n.slots.content?t.createVNode(t.Fragment,null,[n.slots.content&&n.slots.content({item:V,index:b,selectedItem:T})]):t.createVNode("div",{style:"margin: 10px 0;"},[V.name])}function B(V,b,T){return t.createVNode("li",{class:p(V,b),id:g(V,b),key:g(V,b),onClick:S=>C(S,V,b),onMouseenter:S=>i(S,V,b),onMouseover:S=>o(S,V,b),onMouseout:S=>r(S,V,b)},[m.value&&t.createVNode("div",{class:"f-list-select",onClick:S=>S.stopPropagation()},[t.createVNode(J,{id:"list-"+g(V,b),customClass:"listview-checkbox",disable:V[a.value]||V.unClick,modelValue:V.checked,"onUpdate:modelValue":S=>V.checked=S,onChange:S=>y(V,b)},null)]),t.createVNode("div",{class:"f-list-content"},[x(V,b,T)])])}return{renderItem:B}}function Ue(e,n,s,d,l,c,u,f){const m=t.ref(e.multiSelect),a=t.ref(e.disableField),{onMouseenterItem:i,onMouseoverItem:o,onMouseoutItem:r}=l,{getKey:g,listViewItemClass:p,onCheckItem:y,onClickItem:C}=c,{dragstart:x,dragenter:B,dragover:V,dragend:b}=d,{removeItem:T}=f,S=t.computed(()=>({margin:m.value?"10px 0":"10px 0px 10px 14px"}));function O($){return t.createVNode("div",{style:S.value},[$.name])}function E(){return n.slots.itemContent?n.slots.itemContent:O}const h=E();function F($,R,W){return t.createVNode("li",{class:p($,R),id:g($,R),key:g($,R),onClick:P=>C(P,$,R),onMouseenter:P=>i(P,$,R),onMouseover:P=>o(P,$,R),onMouseout:P=>r(P,$,R),draggable:"true",onDragstart:P=>x(P,$,R),onDragenter:P=>B(P,R),onDragend:P=>b(P,$),onDragover:P=>V(P,R)},[m.value&&t.createVNode("div",{class:"f-list-select",onClick:P=>P.stopPropagation()},[t.createVNode(J,{id:"list-"+g($,R),customClass:"listview-checkbox",disable:$[a.value]||$.unClick,modelValue:$.checked,"onUpdate:modelValue":P=>$.checked=P,onChange:P=>y($,R)},null)]),t.createVNode("div",{class:"f-list-content"},[h($)]),t.createVNode("div",{class:"f-list-remove",onClick:P=>T(R)},[t.createVNode("div",{class:"f-list-remove-icon"},[t.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),t.createVNode("div",{class:"f-list-handle"},[t.createVNode("div",null,[t.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:F}}function Ge(e,n,s){function d(){return n.slots.header&&t.createVNode("div",{class:"f-list-view-header"},[n.slots.header()])}return{renderHeader:d}}function ce(e,n,s){const d=t.ref(e.headerClass),l=t.ref(e.placeholder),c=t.ref(""),u=t.computed(()=>!c.value),f=t.computed(()=>!!c.value);function m(r){c.value=""}t.watch(c,r=>{s.search(r)});const a=t.computed(()=>{const r={"form-group":!0,"farris-form-group":!0};return d.value&&d.value.split(" ").reduce((p,y)=>(p[y]=!0,p),r),r});function i(r){}function o(){return t.createVNode("div",{class:"f-list-view-header",onClick:t.withModifiers(i,["prevent","stop"])},[t.createVNode("div",{class:a.value},[t.createVNode("div",{class:"farris-input-wrap"},[t.createVNode("div",{class:"f-cmp-inputgroup"},[t.createVNode("div",{class:"input-group f-state-editable"},[t.withDirectives(t.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":r=>c.value=r,name:"input-group-value",type:"text",placeholder:l.value,autocomplete:"off"},null),[[t.vModelText,c.value]]),t.createVNode("div",{class:"input-group-append"},[f.value&&t.createVNode("span",{class:"input-group-text input-group-clear",onClick:r=>m()},[t.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),u.value&&t.createVNode("span",{class:"input-group-text"},[t.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:o}}function Xe(e,n){const s=t.ref(e.idField),d=t.ref(e.data),l=t.ref(e.data),c=t.ref(e.keepOrder);function u(){const a=d.value.map((i,o)=>typeof i!="object"?{__fv_index__:o,name:i}:(i.__fv_index__=o,i));return l.value=a,a}const f=t.ref(u());t.watch(()=>e.data,a=>{if(c.value){const i=a.reduce((p,y)=>(p.set(y.id,!0),p),new Map),o=d.value.reduce((p,y)=>(p.set(y.id,!0),p),new Map),r=f.value.filter(p=>i.has(p.id)),g=a.filter(p=>!o.has(p.id));d.value=[...r,...g]}else d.value=a;f.value=u()});function m(a){return a.map(o=>{const r=l.value.findIndex(g=>g[s.value]===o);return r>-1?l.value[r]:null}).filter(o=>o!=null)}return{dataView:f,getSelectionItems:m}}function Ke(e,n,s,d){const l=t.ref(e.idField),{dataView:c}=s,u=t.ref(-1),f=t.ref(!1),{activeIndex:m,focusedItemId:a,hoverIndex:i,resumeHover:o,suspendHover:r}=d;function g(x,B,V){x.stopPropagation(),r(),B&&setTimeout(()=>{u.value=V,f.value=!0,B.moving=!0})}function p(x,B){if(x.preventDefault(),u.value!==B){const V=c.value[u.value],b=c.value;b.splice(u.value,1),b.splice(B,0,V),u.value=B}}function y(x,B){x.preventDefault(),x.dataTransfer&&(x.dataTransfer.dropEffect="move")}function C(x,B){B&&(B.moving=!1),c.value.forEach((V,b)=>{V.__fv_index__=b}),f.value=!1,o(),i.value=B.__fv_index__,m.value=B.__fv_index__,a.value=B[l.value],n.emit("change",c.value),n.emit("activeChange",B)}return{dragstart:g,dragenter:p,dragover:y,dragend:C,isDragging:f}}function Ze(e,n,s){const{dataView:d}=s;function l(c){if(c>-1&&c<d.value.length){const u=d.value.splice(c,1);n.emit("removeItem",u[0])}}return{removeItem:l}}function Je(){const e=t.ref(-1),n=t.ref(""),s=t.ref(-1),d=t.ref(!1);function l(a,i,o){s.value=o}function c(a,i,o){d.value||(s.value=o)}function u(a,i,o){s.value=-1}function f(){d.value=!0}function m(){d.value=!1}return{activeIndex:e,focusedItemId:n,hoverIndex:s,onMouseenterItem:l,onMouseoverItem:c,onMouseoutItem:u,resumeHover:m,suspendHover:f}}const Qe=t.defineComponent({name:"FListView",props:re,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change","activeChange"],setup(e,n){const s=t.ref(),d=t.ref(e.view),l=t.ref(e.header),c=t.ref(e.multiSelect),u=t.ref(e.view==="CardView"),f=t.ref(!0),m=t.ref({}),a=t.ref("暂无数据"),i=Xe(e),{dataView:o}=i,r=t.computed(()=>{const A={"f-list-view":!0,"f-list-view-multiple":c.value};return e.size!=="default"&&(A[`${e.size}-item`]=!0),A}),g=t.computed(()=>({"f-list-view-group":!0,"d-flex":u.value,"flex-wrap":u.value})),p=t.computed(()=>!!o.value&&o.value.length>0),y=Je(),C=_e(e,n,i),x=Ke(e,n,i,y),B=Ze(e,n,i),V=He(e,n,x,y,C),b=qe(e,s),T=t.computed(()=>o.value.length===0),S=t.computed(()=>T.value&&!n.slots.empty),O=t.computed(()=>!!n.slots.footer||f.value);function E(){return d.value==="SingleView"?se:d.value==="DraggableView"?Ue:d.value==="ContentView"&&n.slots.content?ze:se}const h=E(),{renderItem:F}=h(e,n,i,x,y,V,C,B);function $(){return l.value==="SearchBar"?ce:l.value==="ContentHeader"?Ge:ce}const R=$(),{renderHeader:W}=R(e,n,b);function P(A){b.search(A)}n.expose({search:P});function U(A){c.value&&(A.preventDefault(),A.stopPropagation())}return()=>t.createVNode("div",{class:r.value,onClick:U},[W(),t.createVNode("div",{ref:s,class:"f-list-view-content"},[t.createVNode("ul",{class:g.value,style:"list-style: none;"},[p.value&&o.value.map((A,N)=>F(A,N,m)),S.value&&t.createVNode("div",{class:"f-list-view-emptydata"},[t.createVNode("p",{class:"f-empty-title"},[a.value])]),n.slots.empty&&n.slots.empty()])]),O.value&&t.createVNode("div",{class:"f-list-view-footer"},[n.slots.footer&&n.slots.footer()])])}}),Ye=t.defineComponent({name:"FComboListContainer",props:Re,emits:["selectionChange"],setup(e,n){const s=t.ref(e.dataSource),d=t.ref([]),l=t.ref(e.separator),c=t.ref(e.width),u=t.ref(e.height),f=t.ref(String(e.selectedValues).split(l.value));t.watch(e.dataSource,()=>{s.value=e.dataSource});const m=t.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),a=t.computed(()=>{const o={};return c.value!==void 0&&(o.width=`${c.value}px`),u.value!==void 0&&(o.height=`${u.value}px`),o});function i(o){d.value=o.map(r=>Object.assign({},r)),f.value=o.map(r=>r[e.idField]),n.emit("selectionChange",d.value)}return t.watch([()=>e.selectedValues],([o])=>{f.value=o.split(l.value)}),()=>t.createVNode("div",{class:"f-combo-list-container pl-3",style:a.value},[t.createVNode(Qe,{size:"small",itemClass:"f-combo-list-item",header:m.value,headerClass:"f-combo-list-search-box",data:s.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick","selection-values":f.value,onSelectionChange:i},null)])}}),et=new Map([["appearance",K]]);function tt(e,n,s){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:"右对齐"}]}}}}}},ue={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(ue,nt,et,tt,ot);const at={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},lt=t.defineComponent({name:"FOverlay",props:at,emits:["click"],setup(e,n){const s=t.ref(e.popupContentPosition),d=t.ref(e.host),l=t.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function c(f){n.emit("click"),f.preventDefault(),f.stopPropagation()}t.computed(()=>{const f=d.value;if(f){const m=f.getBoundingClientRect(),{left:a,top:i,height:o}=m;return{left:a,top:i+o}}return s.value});const u=t.computed(()=>({}));return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var f,m;return[t.createVNode("div",{class:"overlay-container",onClick:a=>c(a),style:l.value},[t.createVNode("div",{style:u.value},[(m=(f=n.slots).default)==null?void 0:m.call(f)])])]}})}});function it(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function rt(e){const n=document.createElement("div");n.style.display="contents";let s;const d=e.onClickCallback||(()=>{}),l=()=>{d(),s&&s.unmount()};return s=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const c=it(e);return()=>t.createVNode(lt,{"popup-content-position":e.popupPosition,host:e.host,onClick:l,backgroundColor:e.backgroundColor},{default:()=>[c&&c()]})}}),document.body.appendChild(n),s.mount(n),s}class st{static show(n){return rt(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=t.defineComponent({name:"FModal",props:ct,emits:["update:modelValue","accept","cancel","closed"],setup(e,n){const s=t.ref(e.width),d=t.ref(e.height),l=t.ref(e.modelValue),c=t.ref(""),u=t.ref(e.class),f=t.ref(e.fitContent),m=t.ref(e.showHeader),a=t.ref(""),i=t.ref(!0),o=t.ref(!1),r=t.ref(!1),g=t.ref(""),p=t.ref(""),y=t.ref(""),C=t.ref(e.showButtons),x=t.ref(e.title);function B(I,L){l.value=!1,n.emit("update:modelValue",!1),L!=null&&n.emit(L?"accept":"cancel"),n.emit("closed")}const V=[{text:"取消",class:"btn btn-light",handle:I=>{B(I,!1)}},{text:"确定",class:"btn btn-primary",handle:I=>{B(I,!0)}}],b=t.ref(e.buttons&&e.buttons.length?e.buttons:V),T=t.computed(()=>!!a.value),S=t.computed(()=>!!C.value&&!!b.value);t.ref(),t.ref(),t.watch(()=>e.modelValue,()=>{l.value=e.modelValue});const O=t.ref(!1),E=t.computed(()=>l.value),h=t.computed(()=>{const I={modal:!0,"farris-modal":!0};return I["f-modal-fitContent"]=f.value,I}),F=t.computed(()=>({display:E.value?"block":"none !important"})),$=t.computed(()=>{const I={"modal-dialog":!0};return u.value.split(" ").reduce((D,G)=>(D[G]=!0,D),I),I}),R=t.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${s.value}px`,height:f.value?"auto":`${d.value}px`,"margin-left":`${0-s.value/2}px`,"margin-top":f.value?"auto":`${0-d.value/2}px`})),W=t.computed(()=>({"modal-content":!0,"modal-content-has-header":m.value})),P=t.computed(()=>({display:m.value?"":"none"})),U=t.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:O.value})),A=t.computed(()=>({height:"10px","z-index":1,display:m.value?"none":""})),N=t.computed(()=>({"modal-body":!0,"f-utils-flex-column":g.value==="iframe"}));function j(){return{}}const M=t.computed(()=>{const I={textAlgin:y.value},L=j();return Object.assign(I,L)});function H(I){}return()=>t.createVNode(t.Teleport,{to:"body"},{default:()=>{var I,L;return[t.createVNode("div",{class:h.value,style:F.value},[t.createVNode("div",{id:c.value,class:$.value,style:R.value},[t.createVNode("div",{class:W.value},[t.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:P.value},[t.createVNode("div",{class:"modal-title"},[T.value&&t.createVNode("span",{class:a.value,style:"margin-right: 8px"},null),t.createVNode("span",{class:"modal-title-label"},[x.value])]),t.createVNode("div",{class:"actions"},[t.createVNode("ul",null,[r.value&&t.createVNode("li",{class:"f-btn-icon f-bare"},[t.createVNode("span",{class:"f-icon modal_minimize"},null)]),o.value&&t.createVNode("li",{onClick:H,class:"f-btn-icon f-bare"},[t.createVNode("span",{class:U.value},null)]),i.value&&t.createVNode("li",{class:"f-btn-icon f-bare",onClick:D=>B(D,!1)},[t.createVNode("span",{class:"f-icon modal_close"},null)])])])]),t.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:A.value},null),t.createVNode("div",{class:N.value},[(L=(I=n.slots).default)==null?void 0:L.call(I),g.value==="iframe"&&t.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:p.value},null)]),S.value&&t.createVNode("div",{class:"modal-footer",style:M.value},[b.value&&b.value.map(D=>t.createVNode("button",{type:"button",class:D.class+" "+(D.iconClass&&"btn-icontext"),onClick:G=>{D.handle&&D.handle(G)}},[!!D.iconClass&&t.createVNode("i",{class:D.iconClass},null),D.text]))])])])])]}})}});function dt(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function ft(e){const n=document.createElement("div");n.style.display="contents";const s=t.createApp({setup(){t.onUnmounted(()=>{document.body.removeChild(n)});const d=t.ref(e.class||""),l=t.ref(!!e.showButtons),c=t.ref(!!e.showHeader),u=t.ref(!0),f=t.ref(e.title||""),m=e.acceptCallback||(()=>{}),a=e.rejectCallback||(()=>{}),i=dt(e),o=()=>{u.value=!1,s.unmount()};return()=>t.createVNode(ut,{class:d.value,modelValue:u.value,"onUpdate:modelValue":r=>u.value=r,title:f.value,width:e.width,height:e.height,buttons:e.buttons,"show-header":c.value,"show-buttons":l.value,onAccept:m,onCancel:a,fitContent:e.fitContent,onClosed:o},{default:()=>[i&&i(s)]})}});return document.body.appendChild(n),s.mount(n),s}class pt{static show(n){const s=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return ft(s)}}function mt(e,n,s,d){const l=t.ref(e.buttonBehavior),c=t.ref(e.popupOnInput),u=t.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),f=t.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable);async function m(o){if(f.value){const r=!!n.slots.default;if(l.value==="Modal"){const g=e.modalOptions;pt.show({...g,render:()=>n.slots.default&&n.slots.default()})}l.value==="Overlay"&&st.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),r&&l.value==="Popup"&&d.togglePopup(),r&&c.value&&d.hidePopup(),n.emit("clickButton",{origin:o,value:e.modelValue})}o.stopPropagation()}function a(o){n.emit("mouseEnterIcon",o)}function i(o){n.emit("mouseLeaveIcon",o)}return{buttonGroupClass:u,onClickButton:m,onMouseEnterButton:a,onMouseLeaveButton:i}}function gt(e,n,s,d,l,c){const u=t.ref(!1),f=t.computed(()=>e.enableClear&&!e.readonly&&!e.disable),{changeTextBoxValue:m}=c;function a(g){u.value=g}t.watch(l,()=>{a(!!l.value)});function i(g){const p=!e.readonly&&!e.disable&&e.editable,y=!e.editable;g.stopPropagation(),(p||y)&&(m("",!1),a(!u.value),n.emit("clear"))}function o(g){if(f.value){if(!s.value){a(!1);return}!e.disable&&!e.readonly&&a(!0)}}function r(g){f.value&&a(!1)}return{enableClearButton:f,showClearButton:u,onClearValue:i,onMouseEnterTextBox:o,onMouseLeaveTextBox:r}}function yt(e,n,s,d,l){const c=t.ref(e.popupOnInput),u=t.ref(e.popupOnFocus),{shouldPopupContent:f}=l,m=t.computed(()=>e.enableTitle?s.value:""),a=t.computed(()=>(e.disable||e.readonly)&&!e.forcePlaceholder?"":e.placeholder),i=t.computed(()=>e.readonly||!e.editable),o=t.ref(!1),r=t.computed(()=>!e.disable&&o.value),g=t.computed(()=>({"text-left":e.textAlign==="left","text-center":e.textAlign==="center","text-right":e.textAlign==="right","form-control":!0,"f-utils-fill":!0})),p=t.computed(()=>({"input-group":!0,"f-state-disable":e.disable,"f-state-editable":e.editable&&!e.disable&&!e.readonly,"f-state-readonly":e.readonly&&!e.disable,"f-state-focus":r.value}));function y(h,F=!0){s.value!==h&&(s.value=h,F&&n.emit("change",h),n.emit("update:modelValue",h))}function C(h){f.value=!1,y(h,!0)}t.watch(()=>e.modelValue,h=>{s.value=h});function x(h){o.value=!1,n.emit("blur",h),h.stopPropagation()}function B(h){n.emit("click",h)}function V(h){e.disable||(o.value=!0,i.value||(n.emit("focus",h),u.value&&!f.value&&l.popup()))}function b(h){n.emit("input",h.target.value);const F=h.target.value;d.value=F,s.value!==F&&y(F,!1),c.value&&!f.value&&l.popup()}function T(h){h.target.tagName!=="INPUT"&&h.preventDefault(),h.stopPropagation()}function S(h){n.emit("keydown",h)}function O(h){h.key==="Enter"&&(c.value||u.value)&&l.hidePopup(),n.emit("keyup",h)}function E(h){const F=h.target.value;h.stopPropagation(),y(F)}return{hasFocusedTextBox:r,isTextBoxReadonly:i,textBoxClass:g,textBoxPlaceholder:a,textBoxTitle:m,inputGroupClass:p,changeTextBoxValue:y,commitValue:C,onBlurTextBox:x,onClickTextBox:B,onFocusTextBox:V,onInput:b,onKeyDownTextBox:S,onKeyUpTextBox:O,onMouseDownTextBox:T,onTextBoxValueChange:E}}function ht(e,n,s){const d=t.ref(),l=t.ref(!1);function c(){const a=d.value;a&&a.show(s.value)}async function u(){!!n.slots.default&&(l.value=!l.value,await t.nextTick(),c())}async function f(){!!n.slots.default&&(l.value=!0,await t.nextTick(),c())}function m(){l.value=!1}return{hidePopup:m,popup:f,shouldPopupContent:l,togglePopup:u,popoverRef:d}}function bt(e,n,s){const{isTextBoxReadonly:d,textBoxClass:l,textBoxPlaceholder:c,textBoxTitle:u,onBlurTextBox:f,onClickTextBox:m,onFocusTextBox:a,onInput:i,onKeyDownTextBox:o,onKeyUpTextBox:r,onMouseDownTextBox:g,onTextBoxValueChange:p}=s;return()=>t.createVNode("input",{name:"input-group-value",autocomplete:e.autoComplete?"on":"off",class:l.value,disabled:e.disable,maxlength:e.maxLength,minlength:e.minLength,placeholder:c.value,readonly:d.value,tabindex:e.tabIndex,title:u.value,type:e.inputType,value:n.value,onBlur:f,onChange:p,onClick:m,onFocus:a,onInput:i,onKeydown:o,onKeyup:r,onMousedown:g},null)}function vt(e,n,s){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:[]}}}}}},Vt={$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"]},de={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(de,Vt,Ct,vt,wt);function St(e,n,s,d){const l=t.ref(-1),c=t.ref(!1);function u(i,o,r){i.stopPropagation(),o&&setTimeout(()=>{l.value=r,c.value=!0,o.moving=!0})}function f(i,o){if(i.preventDefault(),l.value!==o){const r=d.value[l.value],g=d.value;g.splice(l.value,1),g.splice(o,0,r),l.value=o}}function m(i,o){i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="move")}function a(i,o){o&&(o.moving=!1),s.value=d.value.filter(r=>r.type==="Tag").map(r=>r.payload),c.value=!1,n.emit("change",s.value)}return{dragstart:u,dragenter:f,dragover:m,dragend:a,isDragging:c}}const xt=t.defineComponent({name:"FTags",props:de,emits:["remove","selectionChange","change"],setup(e,n){const s=t.ref(e.selectable),d=t.ref(e.customClass),l=t.ref(e.data),c=t.ref(e.tagType),u=t.ref(e.tagStyle),f=t.ref(e.showColor),m=t.ref(e.customStyle),a=t.ref(e.activeTag),i=t.ref(e.showClose),o=t.ref(e.addButtonText),r=t.ref(),g=t.ref(e.wrapText),p=t.ref();t.ref(e.disable);const y=t.ref(!1);function C(){const v=l.value.map(w=>({type:"Tag",payload:w}));return e.showAddButton&&v.push({type:"AddButton"}),v}const x=t.ref(C());function B(v){l.value=v,x.value=C()}const V=t.computed(()=>x.value.findIndex(v=>v.type==="Input")),b=St(e,n,l,x),{dragstart:T,dragenter:S,dragover:O,dragend:E}=b;t.watch(()=>e.data,v=>B(v)),t.watch(()=>e.showAddButton,()=>{x.value=C()}),t.watch(()=>e.disable,v=>{x.value=C()}),t.watch(()=>e.activeTag,v=>{a.value=v}),t.watch(y,v=>{const w=[...x.value];v?w.length>0&&w[w.length-1].type!="Input"&&(w.splice(w.length-1,1),w.splice(w.length,0,{type:"Input"}),x.value=w,t.nextTick(()=>{p.value&&p.value.focus()})):w.length>0&&w[w.length-1].type!="AddButton"&&(w.splice(w.length-1,1),w.splice(w.length,0,{type:"AddButton"}),x.value=w)});const h=t.computed(()=>{const v={"farris-tags":!0,"farris-tags-checkable":s.value,"farris-tags-nowrap":!g.value};return d.value.split(" ").reduce((w,k)=>(w[k]=!0,w),v),v});function F(v){const w={"farris-tag-item":!0,"farris-tag-item-checked":s.value&&v.checked,"farris-tag-item-checkable":s.value,"farris-tag-item-has-color":f.value,"farris-tag-item-actived":a.value===v.name};if(c.value){const k=`farris-tag-item-${c.value}`;w[k]=!0}return w}const $=t.computed(()=>{const v={};return m.value&&m.value.split(";").reduce((w,k)=>{const z=k.split(":");return w[z[0]]=z[1],w},v),v});function R(v,w){!e.disable&&s.value&&(!w.hasOwnProperty("selectable")||w.selectable)&&(w.checked=!w.checked,a.value=w.checked?w.name:"",w.checked&&l.value.filter(k=>k.name!==w.name).forEach(k=>{k.checked=!w.checked}),n.emit("change",l.value),n.emit("selectionChange",w))}function W(v,w){let k;switch(v.key){case"Backspace":l.value=l.value.filter(z=>z.name!==w.name),n.emit("change",l.value);break;case"ArrowLeft":k=Math.max(r.value.scrollLeft+20,0),r.value.scrollLeft=k;break;case"ArrowRight":k=Math.max(r.value.scrollLeft-20,0),r.value.scrollLeft=k}}function P(v,w){const k=l.value.findIndex(z=>z.name===w.name);if(k>-1){const[z]=l.value.splice(k,1);x.value=C(),n.emit("change",l.value),n.emit("remove",{tags:l.value,remove:z})}v.stopPropagation()}const U=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!e.enableAddButton}));function A(v){v.stopPropagation(),y.value=!0}function N(){return!e.disable&&t.createVNode("li",{class:U.value,onClick:v=>A(v)},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),o.value&&t.createVNode("span",{class:"farris-tag-add-text"},[o.value])])}function j(v,w,k){v>-1&&(l.value.splice(v,0,{name:w,value:k,selectable:s.value}),x.value=C(),y.value=!1,n.emit("change",l.value))}function M(v){if(v&&v.value){const w=v.value,k=V.value;j(k,w,w),v.innerText=""}else y.value=!1}function H(v){const w=v.target;w&&w.value?M(w):y.value=!1}function I(v){v.key==="Enter"&&M(v.target)}function L(){return!e.disable&&t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("input",{ref:p,class:"form-control",onKeyup:I,onBlur:H},null)])}function D(v,w){return t.createVNode("li",{class:F(v),style:$.value,tabindex:0,id:v.name,key:v.name,onClick:k=>R(k,v),onKeydown:k=>W(k,v),draggable:"true",onDragstart:k=>T(k,v,w),onDragenter:k=>S(k,w),onDragend:k=>E(k,v),onDragover:k=>O(k,w)},[t.createVNode("span",{title:v.name,class:"tag-box"},[v.name]),!e.disable&&i.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:k=>P(k,v)},null)])])}function G(){return x.value.map((v,w)=>{switch(v.type){case"Tag":return D(v.payload,w);case"AddButton":return N();case"Input":return L()}})}const Y=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":u.value==="capsule"}));function ee(v){const w=Math.max(r.value.scrollLeft-v.deltaX,0);r.value.scrollLeft=w}function Et(v){var k;v.preventDefault(),v.stopPropagation();const w=(k=v.dataTransfer)==null?void 0:k.getData("Text");if(w){const z=w.split(":"),Ht=z[0],Z=z[1];[...l.value].findIndex(te=>(console.log(`${te.value} === ${Z} is ${te.value===Z}`),te.value===Z))>-1||j(l.value.length,Ht,Z)}}function At(v){v.preventDefault()}return()=>t.createVNode("div",{class:h.value,onDrop:Et,onDragover:At},[t.createVNode("ul",{ref:r,class:Y.value,onWheel:v=>ee(v)},[G()])])}});function Bt(e,n,s){const d=t.ref(e.separator),{changeTextBoxValue:l}=s,c=t.computed(()=>n.value?n.value.split(d.value).map(f=>({name:f,selectable:!0})):[]);function u(f){l(f.map(m=>m.name).join(d.value),!0)}return()=>t.createVNode(xt,{id:`${e.id}-tag-editor`,class:"form-control",data:c.value,showClose:!0,showInput:!0,onChange:u},null)}function Nt(e,n,s){const{buttonGroupClass:d,onClickButton:l,onMouseEnterButton:c,onMouseLeaveButton:u}=n,{enableClearButton:f,showClearButton:m,onClearValue:a}=s;return()=>t.createVNode("div",{id:`${e.id}-button-group`,class:d.value},[f.value&&t.withDirectives(t.createVNode("span",{class:"input-group-text input-group-clear",onClick:a},[t.createVNode("i",{class:"f-icon modal_close"},null)]),[[t.vShow,m.value]]),e.buttonContent&&t.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,onClick:l,onMouseenter:c,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:t.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function kt(e){const n=e.host?e.host:"body",s=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),d=t.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),l=t.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(e.rightBoundary?e.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),c=t.computed(()=>n==="body"?document.body.getBoundingClientRect().height:n?n.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:n,hostLeft:d,hostTop:s,hostWidth:l,hostHeight:c}}function It(e,n,s,d){var A;const l=t.ref(0),c=t.ref(((A=e.offsetX)==null?void 0:A.value)||0),u=t.ref(e.minWidth),f=t.ref(-1),m=t.ref(-1),a=t.ref(e.placement),i=t.ref(0),o=t.ref(0),r=t.ref(0),g=t.ref(document.documentElement.scrollLeft),p=t.ref(document.documentElement.scrollTop),{hostLeft:y,hostTop:C,hostWidth:x,hostHeight:B}=d;t.watch(e.offsetX,N=>{l.value=N-c.value});const V=t.computed(()=>{const N={left:`${o.value}px`,top:`${r.value}px`,transform:`translateX(${l.value}px)`};return e.zIndex!==-1&&(N["z-index"]=e.zIndex),u.value!==-1&&(N.width=`${u.value}px`),N}),b=t.computed(()=>({left:`${i.value}px`}));function T(N){if(N&&e.keepWidthWithReference){const j=N.getBoundingClientRect();u.value=Math.max(e.minWidth,j.width)}}function S(N,j){const M=x.value-N.width-4;return M>0?M:j}function O(N,j){const M=B.value-N.height-4;return M>0?M:j}function E(N,j,M){const H=i.value,I=j.left-y.value+j.width/2+g.value,L=j.top-C.value-(N.height+M.height)+p.value;return{popoverLeft:I,popoverTop:L,arrowLeft:H}}function h(N,j,M){const H=j.top-C.value+(j.height+M.height)+p.value,I=O(N,H);return Math.min(H,I)}function F(N,j){const M=S(j,N),H=N<=M?i.value:N-M;return{popoverLeft:Math.min(N,M),arrowLeft:H}}function $(N,j,M){const H=j.left-y.value+j.width/2-(M.width/2-(N.left-y.value))+g.value,{arrowLeft:I,popoverLeft:L}=F(H,N),D=h(N,j,M);return{popoverLeft:L,popoverTop:D,arrowLeft:I}}function R(N,j,M){const H=j.left-y.value+g.value,{arrowLeft:I,popoverLeft:L}=F(H,N),D=h(N,j,M);return{popoverLeft:L,popoverTop:D,arrowLeft:I}}const W=new Map([["top",E],["bottom",$],["bottom-left",R]]);function P(N){var L,D;const j=N.getBoundingClientRect();f.value=j.top,m.value=j.left;const M=(L=n.value)==null?void 0:L.getBoundingClientRect(),H=(D=s.value)==null?void 0:D.getBoundingClientRect(),I=W.get(a.value);if(I){const{arrowLeft:G,popoverLeft:Y,popoverTop:ee}=I(H,j,M);i.value=G,o.value=Y,r.value=ee}e.keepWidthWithReference&&T(N)}function U(N){if(N){const j=N.getBoundingClientRect();(j.left!==m.value||j.top!==f.value)&&P(N)}}return{arrowStyle:b,popoverStyle:V,position:a,popoverWidth:u,fitToReference:T,followToReferencePosition:U,locateToReference:P}}function $t(e,n,s,d,l,c,u){const f=t.ref(e.visible),m=t.computed(()=>f.value),{fitToReference:a,locateToReference:i}=u;let o;function r(){f.value=!1,document.body.removeEventListener("click",o),n.emit("hidden")}o=p=>{if(!l.value.contains(p.target)){const y=l.value.closest(".popover");y&&y.removeEventListener("click",o),r()}};async function g(p){if(d.value&&s.value&&p){f.value=!0,l.value=p,c.value&&a(p),await t.nextTick(),i(p),document.body.addEventListener("click",o);const y=p.closest(".popover");y&&y.addEventListener("click",o),n.emit("shown")}}return n.expose({hide:r,show:g,shown:m}),{showPopover:f,hidePopverOnClickBodyHandler:o}}function Ot(e,n,s,d,l){const{popoverWidth:c,fitToReference:u,followToReferencePosition:f}=l;function m(){if(s.value){f(s.value);const a=s.value.getBoundingClientRect();d.value&&a.width!==c.value&&u(s.value)}}return{onResize:m}}const jt=t.defineComponent({name:"FPopover",props:Tt,emits:["shown","hidden"],setup(e,n){const s=t.ref(),d=t.ref(),l=t.ref(e.reference),c=t.ref(e.keepWidthWithReference),u=t.computed(()=>!!e.title),f=kt(e),{host:m}=f,a=It(e,s,d,f),{position:i,arrowStyle:o,popoverStyle:r,fitToReference:g,locateToReference:p}=a,{showPopover:y,hidePopverOnClickBodyHandler:C}=$t(e,n,s,d,l,c,a),{onResize:x}=Ot(e,n,l,c,a),B=t.computed(()=>{const b=`popover in popover-${i.value}`,T=`bs-popover-${i.value}`,S={"popover-fitcontent":e.fitContent};return S[b]=!0,S[T]=!0,(e.class||"").split(" ").reduce((E,h)=>(E[h]=!0,E),S),S}),V=t.computed(()=>({"popover-content":!0,"popover-body":!0}));return t.onMounted(()=>{e.reference&&p(l.value),c.value&&g(l.value),window.addEventListener("resize",x)}),t.onUnmounted(()=>{document.body.removeEventListener("click",C),window.removeEventListener("resize",x)}),()=>t.createVNode(t.Teleport,{to:m},{default:()=>{var b;return[t.withDirectives(t.createVNode("div",{ref:d,class:B.value,style:r.value,onClick:T=>{T.stopPropagation()}},[t.createVNode("div",{ref:s,class:"popover-arrow arrow",style:o.value},null),u.value&&t.createVNode("h3",{class:"popover-title popover-header"},[e.title]),t.createVNode("div",{class:V.value},[n.slots.default&&((b=n.slots)==null?void 0:b.default())])]),[[t.vShow,y.value]])]}})}});function Ft(e,n,s){const d=t.ref(e.popupMinWidth),{hidePopup:l,popoverRef:c}=s;return()=>t.createVNode(jt,{id:`${e.id}-popover`,ref:c,visible:!0,placement:"bottom-left",host:e.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":e.popupRightBoundary,minWidth:d.value,offsetX:e.popupOffsetX,onHidden:l},{default:()=>{var u,f;return[(f=(u=n.slots).default)==null?void 0:f.call(u)]}})}const Pt=t.defineComponent({name:"FButtonEdit",props:ue,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const s=t.ref(),d=t.ref(e.customClass),l=t.ref(e.modelValue),c=ht(e,n,s),{shouldPopupContent:u,hidePopup:f,togglePopup:m}=c,a=mt(e,n,s,c),i=t.ref(""),o=yt(e,n,l,i,c),{hasFocusedTextBox:r,commitValue:g,inputGroupClass:p}=o,y=gt(e,n,l,r,i,o),{onMouseEnterTextBox:C,onMouseLeaveTextBox:x}=y,B=t.computed(()=>{const h={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return d.value&&d.value.split(" ").reduce((F,$)=>(F[$]=!0,F),h),h});function V(){return e.multiSelect&&e.inputType==="tag"?Bt(e,l,o):bt(e,l,o)}let b=V();t.watch([()=>e.multiSelect,()=>e.inputType],()=>{b=V()});const T=Nt(e,a,y),S=Ft(e,n,c),O={commitValue:g,elementRef:s,hidePopup:f,shouldPopupContent:u,togglePopup:m};t.onMounted(()=>{s.value.componentInstance=O,window.onresize=()=>{document.body.click()}});function E(h){s.value.contains(h.target)&&u.value||document.body.click()}return n.expose(O),()=>t.createVNode(t.Fragment,null,[t.createVNode("div",t.mergeProps(n.attrs,{ref:s,class:B.value,id:e.id,onMousedown:E}),[t.createVNode("div",{id:`${e.id}-input-group`,class:p.value,onMouseenter:C,onMouseleave:x},[b(),T()])]),u.value&&S()])}});function Mt(e){const n=t.ref(""),s=t.ref(e.modelValue),d=t.ref(e.data||[]),l=t.ref(e.editable);function c(o){const r=String(o).split(e.separator).map(p=>[p,!0]),g=new Map(r);return d.value.filter(p=>g.has(String(p[e.valueField])))}function u(o){const r=c(o).map(g=>g[e.textField]).join(e.separator);n.value=l.value?r||o:r}function f(o){const r=o.split(e.separator).map(p=>[p,!0]),g=new Map(r);return d.value.filter(p=>g.has(p[e.textField]))}function m(o){const r={};return r[e.idField]=o,r[e.textField]=o,[r]}function a(o){let r=f(o);const g=r&&r.length>0;return l.value&&!g&&(r=m(o)),r}function i(){const{url:o,method:r="GET",headers:g={},body:p=null}=e.remote;fetch(o,{method:r,headers:g,body:p}).then(C=>{if(C.status===200)return C.json();throw new Error(C.statusText)}).then(C=>{d.value=C}).catch(C=>{console.error(C)})}return e.remote&&i(),t.watch(()=>e.data,()=>{d.value=e.data}),t.watch([d],([o])=>{if(e.modelValue){const r=o.find(g=>g[e.valueField]===e.modelValue);r&&(n.value=r[e.textField])}}),t.watch(()=>e.modelValue,o=>{s.value=o,u(o)}),u(e.modelValue),{dataSource:d,displayText:n,editable:l,modelValue:s,getItemsByDisplayText:f,getItemsByValue:c,getSelectedItemsByDisplayText:a}}const fe=t.defineComponent({name:"FComboList",props:ie,emits:["clear","update:modelValue","change"],setup(e,n){const s=t.ref(),d=t.ref(e.disabled),l=t.ref(e.enableClear),c=t.ref(e.enableSearch),u=t.ref(e.readonly),{dataSource:f,displayText:m,editable:a,modelValue:i,getSelectedItemsByDisplayText:o}=Mt(e),r=t.computed(()=>e.multiSelect),g=t.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function p(){!r.value&&s.value&&s.value.hidePopup()}function y(V){m.value=V.map(b=>b[e.textField]).join(e.separator),i.value=V.map(b=>b[e.valueField]).join(e.separator),n.emit("update:modelValue",i.value),n.emit("change",V,i.value),p()}function C(V){i.value="",n.emit("update:modelValue",""),n.emit("clear")}function x(V){const b=o(V);y(b)}function B(){return m.value}return n.expose({getDisplayText:B}),t.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([V,b,T,S,O])=>{d.value=V,a.value=b,l.value=T,c.value=S,u.value=O}),()=>t.createVNode(Pt,{ref:s,id:e.id,disable:d.value,readonly:u.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:l.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:m.value,"onUpdate:modelValue":V=>m.value=V,onClear:C,onChange:x},{default:()=>[t.createVNode(Ye,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:f.value,selectedValues:i.value,multiSelect:e.multiSelect,enableSearch:c.value,height:e.maxHeight,width:e.fitEditor?g.value:void 0,onSelectionChange:y},null)]})}});function Rt(e,n){const{defaultSpacings:s}=e,{directions:d}=e,l=t.ref(e.margins),c=t.ref(e.paddings),u=t.ref(!1),f=t.ref("default"),m=t.computed(()=>({"f-icon":!0,"mr-1":!0,"f-spacing-editor-icon":!0,"f-icon-arrow-60-right":!u.value,"f-icon-arrow-60-down":u.value})),a=t.computed(()=>({margin:l.value.join("px ")+"px",padding:c.value.join("px ")+"px"}));function i(){u.value=!u.value}function o(y){y[0].name!=="自定义"?(l.value.fill(y[0].value),u.value=!1,t.nextTick(()=>{u.value=!0}),n.emit("valueChanged",a.value)):u.value=!0}function r(){f.value="custom",n.emit("valueChanged",a.value)}function g(){return u.value?t.createVNode("div",{class:"f-spacing-editor-custom-container"},[d.map((y,C)=>t.createVNode("div",null,[t.createVNode("div",{class:"f-spacing-editor-custom"},[t.createVNode("div",{class:"f-spacing-editor-title"},[y.title,t.createTextVNode("间距(px)")]),t.createVNode(le,{style:"flex: 1 1 0",min:0,modelValue:l.value[C],"onUpdate:modelValue":x=>l.value[C]=x,onChange:r},null)])]))]):""}function p(){return t.createVNode("div",{class:"f-spacing-editor-container"},[t.createVNode("div",{style:"display: flex"},[t.createVNode("div",{class:"f-spacing-editor-title"},[t.createVNode("div",{class:m.value,onClick:i},null),t.createVNode("div",null,[t.createTextVNode("外间距")])]),t.createVNode(fe,{style:"flex: 1 1 0",data:s,modelValue:f.value,"onUpdate:modelValue":y=>f.value=y,onChange:o},null)]),g()])}return{renderSpacingEditorMargin:p}}function Dt(e,n){const{defaultSpacings:s}=e,{directions:d}=e,l=t.ref(e.margins),c=t.ref(e.paddings),u=t.ref(!1),f=t.ref("default"),m=t.computed(()=>({"f-icon":!0,"mr-1":!0,"f-spacing-editor-icon":!0,"f-icon-arrow-60-right":!u.value,"f-icon-arrow-60-down":u.value})),a=t.computed(()=>({margin:l.value.join("px ")+"px",padding:c.value.join("px ")+"px"}));function i(){u.value=!u.value}function o(y){y[0].name!=="自定义"?(c.value.fill(y[0].value),u.value=!1,t.nextTick(()=>{u.value=!0}),n.emit("valueChanged",a.value)):u.value=!0}function r(){f.value="custom",n.emit("valueChanged",a.value)}function g(){return u.value?t.createVNode("div",{class:"f-spacing-editor-custom-container"},[d.map((y,C)=>t.createVNode("div",null,[t.createVNode("div",{class:"f-spacing-editor-custom"},[t.createVNode("div",{class:"f-spacing-editor-title"},[y.title,t.createTextVNode("间距(px)")]),t.createVNode(le,{style:"flex: 1 1 0",min:0,modelValue:c.value[C],"onUpdate:modelValue":x=>c.value[C]=x,onChange:r},null)])]))]):""}function p(){return t.createVNode("div",{class:"f-spacing-editor-container"},[t.createVNode("div",{style:"display: flex"},[t.createVNode("div",{class:"f-spacing-editor-title"},[t.createVNode("div",{class:m.value,onClick:i},null),t.createVNode("div",null,[t.createTextVNode("内间距")])]),t.createVNode(fe,{style:"flex: 1 1 0",data:s,modelValue:f.value,"onUpdate:modelValue":y=>f.value=y,onChange:o},null)]),g()])}return{renderSpacingEditorPadding:p}}const Q=t.defineComponent({name:"FSpacingEditor",props:ne,emits:["valueChanged"],setup(e,n){const{renderSpacingEditorMargin:s}=Rt(e,n),{renderSpacingEditorPadding:d}=Dt(e,n);return()=>t.createVNode("div",null,[s(),d()])}}),Lt={install(e){e.component(Q.name,Q)}};q.SpacingEditor=Q,q.default=Lt,q.spacingEditorProps=ne,Object.defineProperties(q,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/spacing-editor/package.json

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

package/spacing-editor/style.css

@@ -1 +0,0 @@
-.f-spacing-editor-container{max-width:500px;min-width:220px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(31,56,88,.1);color:#000000bf;line-height:26px}.f-spacing-editor-title{width:80px;display:flex;text-align:left;padding-right:10px}.f-spacing-editor-icon{line-height:26px!important;color:#a3a3a3}.f-spacing-editor-custom-container{max-width:500px;min-width:220px;margin:10px 0;padding:5px 20px;background:rgba(31,56,88,.04);box-shadow:1px 1px 3px 1px #024bc133;border-radius:5px}.f-spacing-editor-custom{display:flex;margin-bottom:8px}