@farris/ui-vue 1.3.5 → 1.3.6

package/components/tags/index.umd.cjs

@@ -1 +1 @@
-(function(V,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("../common/index.umd.js"),require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","lodash-es"],I):(V=typeof globalThis<"u"?globalThis:V||self,I(V.tags={},V.common,V.Vue,V.LodashES))})(this,function(V,I,e,z){"use strict";function Te(a,t,m){return t}const de={},pe={};function G(a){const{properties:t,title:m,ignore:p}=a,r=p&&Array.isArray(p),y=Object.keys(t).reduce((b,w)=>((!r||!p.find(A=>A===w))&&(b[w]=t[w].type==="object"&&t[w].properties?G(t[w]):z.cloneDeep(t[w].default)),b),{});if(m&&(!r||!p.find(b=>b==="id"))){const b=m.toLowerCase().replace(/-/g,"_");y.id=`${b}_${Math.random().toString().slice(2,6)}`}return y}function ge(a,t={},m){const p=de[a];if(p){let r=G(p);const y=pe[a];return r=y?y({getSchemaByType:ge},r,t,m):r,r}return null}function ke(a,t){const m=G(t);return Object.keys(m).reduce((p,r)=>(p[r]&&z.isPlainObject(p[r])&&z.isPlainObject(a[r]||!a[r])?Object.assign(p[r],a[r]||{}):p[r]=a[r],p),m),m}function we(a,t){return Object.keys(a).filter(p=>a[p]!=null).reduce((p,r)=>{if(t.has(r)){const y=t.get(r);if(typeof y=="string")p[y]=a[r];else{const b=y(r,a[r],a);Object.assign(p,b)}}else p[r]=a[r];return p},{})}function Be(a,t,m=new Map){const p=ke(a,t);return we(p,m)}function De(a={}){function t(i,g,f,d){if(typeof f=="number")return d[i].length===f;if(typeof f=="object"){const k=Object.keys(f)[0],B=f[k];if(k==="not")return Number(d[i].length)!==Number(B);if(k==="moreThan")return Number(d[i].length)>=Number(B);if(k==="lessThan")return Number(d[i].length)<=Number(B)}return!1}function m(i,g,f,d){return d[i]&&d[i].propertyValue&&String(d[i].propertyValue.value)===String(f)}const p=new Map([["length",t],["getProperty",m]]);Object.keys(a).reduce((i,g)=>(i.set(g,a[g]),i),p);function r(i,g){const f=i;return typeof g=="number"?[{target:f,operator:"length",param:null,value:Number(g)}]:typeof g=="boolean"?[{target:f,operator:"getProperty",param:i,value:!!g}]:typeof g=="object"?Object.keys(g).map(d=>{if(d==="length")return{target:f,operator:"length",param:null,value:g[d]};const k=d,B=g[d];return{target:f,operator:"getProperty",param:k,value:B}}):[]}function y(i){return Object.keys(i).reduce((f,d)=>{const k=r(d,i[d]);return f.push(...k),f},[])}function b(i,g){if(p.has(i.operator)){const f=p.get(i.operator);return f&&f(i.target,i.param,i.value,g)||!1}return!1}function w(i,g){return y(i).reduce((k,B)=>k&&b(B,g),!0)}function A(i,g){const f=Object.keys(i),d=f.includes("allOf"),k=f.includes("anyOf"),B=d||k,T=(B?i[B?d?"allOf":"anyOf":"allOf"]:[i]).map(E=>w(E,g));return d?!T.includes(!1):T.includes(!0)}return{parseValueSchema:A}}const Se={},Ae={};De();function Ne(a,t,m=new Map,p=(b,w,A,i)=>w,r={},y=b=>b){return de[t.title]=t,pe[t.title]=p,Se[t.title]=r,Ae[t.title]=y,(b={})=>{const w=Be(b,t,m),A=Object.keys(a).reduce((i,g)=>(i[g]=a[g].default,i),{});return Object.assign(A,w)}}function je(a,t){return{customClass:t.class,customStyle:t.style}}const Oe=new Map([["appearance",je]]),Ve={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:[]}}}}}},Ce={$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"]},W={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}},J=Ne(W,Ce,Oe,Te,Ve);function me(a,t,m,p){const r=e.ref(-1),y=e.ref(!1);function b(g,f,d){g.stopPropagation(),f&&setTimeout(()=>{r.value=d,y.value=!0,f.moving=!0})}function w(g,f){if(g.preventDefault(),r.value!==f){const d=p.value[r.value],k=p.value;k.splice(r.value,1),k.splice(f,0,d),r.value=f}}function A(g,f){g.preventDefault(),g.dataTransfer&&(g.dataTransfer.dropEffect="move")}function i(g,f){f&&(f.moving=!1),m.value=p.value.filter(d=>d.type==="Tag").map(d=>d.payload),y.value=!1,t.emit("change",m.value)}return{dragstart:b,dragenter:w,dragover:A,dragend:i,isDragging:y}}const q=e.defineComponent({name:"FTags",props:W,emits:["remove","selectionChange","change"],setup(a,t){const m=e.ref(a.selectable),p=e.ref(a.customClass),r=e.ref(a.data),y=e.ref(a.tagType),b=e.ref(a.tagStyle),w=e.ref(a.showColor),A=e.ref(a.customStyle),i=e.ref(a.activeTag),g=e.ref(a.showClose),f=e.ref(a.addButtonText),d=e.ref(),k=e.ref(a.wrapText),B=e.ref();e.ref(a.disable);const D=e.ref(!1);function M(){const s=r.value.map(o=>({type:"Tag",payload:o}));return a.showAddButton&&s.push({type:"AddButton"}),s}const T=e.ref(M());function R(s){r.value=s,T.value=M()}const E=e.computed(()=>T.value.findIndex(s=>s.type==="Input")),L=me(a,t,r,T),{dragstart:h,dragenter:v,dragover:S,dragend:j}=L;e.watch(()=>a.data,s=>R(s)),e.watch(()=>a.showAddButton,()=>{T.value=M()}),e.watch(()=>a.disable,s=>{T.value=M()}),e.watch(()=>a.activeTag,s=>{i.value=s}),e.watch(D,s=>{const o=[...T.value];s?o.length>0&&o[o.length-1].type!=="Input"&&(o.splice(o.length-1,1),o.splice(o.length,0,{type:"Input"}),T.value=o,e.nextTick(()=>{var u;B.value&&((u=B.value)==null||u.focus())})):o.length>0&&o[o.length-1].type!=="AddButton"&&(o.splice(o.length-1,1),o.splice(o.length,0,{type:"AddButton"}),T.value=o)});const F=e.computed(()=>{const s={"farris-tags":!0,"farris-tags-checkable":m.value,"farris-tags-nowrap":!k.value};return p.value.split(" ").reduce((o,u)=>(o[u]=!0,o),s),s});function Q(s){const o={"farris-tag-item":!0,"farris-tag-item-checked":m.value&&s.checked,"farris-tag-item-checkable":m.value,"farris-tag-item-has-color":w.value,"farris-tag-item-actived":i.value===s.name};if(y.value){const u=`farris-tag-item-${y.value}`;o[u]=!0}return o}const U=e.computed(()=>{const s={};return A.value&&A.value.split(";").reduce((o,u)=>{const O=u.split(":");return o[O[0]]=O[1],o},s),s});function Y(s,o){!a.disable&&m.value&&(!o.hasOwnProperty("selectable")||o.selectable)&&(o.checked=!o.checked,i.value=o.checked?o.name:"",o.checked&&r.value.filter(u=>u.name!==o.name).forEach(u=>{u.checked=!o.checked}),t.emit("change",r.value),t.emit("selectionChange",o))}function Z(s,o){let u;switch(s.key){case"Backspace":r.value=r.value.filter(O=>O.name!==o.name),t.emit("change",r.value);break;case"ArrowLeft":u=Math.max(d.value.scrollLeft+20,0),d.value.scrollLeft=u;break;case"ArrowRight":u=Math.max(d.value.scrollLeft-20,0),d.value.scrollLeft=u}}function K(s,o){const u=r.value.findIndex(O=>O.name===o.name);if(u>-1){const[O]=r.value.splice(u,1);T.value=M(),t.emit("change",r.value),t.emit("remove",{tags:r.value,remove:O})}s.stopPropagation()}const ee=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!a.enableAddButton}));function te(s){s.stopPropagation(),D.value=!0}function ae(){return!a.disable&&e.createVNode("li",{class:ee.value,onClick:s=>te(s)},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),f.value&&e.createVNode("span",{class:"farris-tag-add-text"},[f.value])])}function _(s,o,u){s>-1&&(r.value.splice(s,0,{name:o,value:u,selectable:m.value}),T.value=M(),D.value=!1,t.emit("change",r.value))}function H(s){if(s&&s.value){const o=s.value,u=E.value;_(u,o,o),s.innerText=""}else D.value=!1}function ne(s){const o=s.target;o&&o.value?H(o):D.value=!1}function he(s){s.key==="Enter"&&H(s.target)}function re(){return!a.disable&&e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("input",{title:"farris-tag-input-box",ref:B,class:"form-control",onKeyup:he,onBlur:ne},null)])}function se(s,o){return e.createVNode("li",{class:Q(s),style:U.value,tabindex:0,id:s.name,key:s.name,onClick:u=>Y(u,s),onKeydown:u=>Z(u,s),draggable:"true",onDragstart:u=>h(u,s,o),onDragenter:u=>v(u,o),onDragend:u=>j(u,s),onDragover:u=>S(u,o)},[e.createVNode("span",{title:s.name,class:"tag-box"},[s.name]),!a.disable&&g.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:u=>K(u,s)},null)])])}function X(){return T.value.map((s,o)=>{switch(s.type){case"Tag":return se(s.payload,o);case"AddButton":return ae();case"Input":return re()}})}const x=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":b.value==="capsule"}));function oe(s){const o=Math.max(d.value.scrollLeft-s.deltaX,0);d.value.scrollLeft=o}function le(s){var u;s.preventDefault(),s.stopPropagation();const o=(u=s.dataTransfer)==null?void 0:u.getData("Text");if(o){const O=o.split(":"),ie=O[0],$=O[1];[...r.value].findIndex(n=>(console.log(`${n.value} === ${$} is ${n.value===$}`),n.value===$))>-1||_(r.value.length,ie,$)}}function ce(s){s.preventDefault()}return()=>e.createVNode("div",{class:F.value,onDrop:le,onDragover:ce},[e.createVNode("ul",{ref:d,class:x.value,onWheel:s=>oe(s)},[X()])])}});function Me(a,t,m){var L;const p="",r="",y=e.ref();function b(){return(t==null?void 0:t.schema.componentType)!=="frame"}function w(){return!1}function A(){return(t==null?void 0:t.schema.componentType)!=="frame"}function i(){return(t==null?void 0:t.schema.componentType)==="frame"}function g(h){if(!h||!h.value)return null;if(h.value.schema&&h.value.schema.type==="component")return h.value;const v=e.ref(h==null?void 0:h.value.parent),S=g(v);return S||null}function f(h=t){const{componentInstance:v,designerItemElementRef:S}=h;return!v||!v.value?null:v.value.canMove?S:f(h.parent)}function d(h){return!!m}function k(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function B(){}function D(h,v){}function M(h,v){const{componentType:S}=h;let j=ge(S,h,v);const F=S.toLowerCase().replace(/-/g,"_");return j&&!j.id&&j.type===S&&(j.id=`${F}_${Math.random().toString().slice(2,6)}`),j}function T(h){}function R(...h){}function E(){t!=null&&t.schema.contents&&t.schema.contents.map(h=>{var j;let v=h.id;h.type==="component-ref"&&(v=h.component);const S=a.value.querySelector(`#${v}-design-item`);(j=S==null?void 0:S.componentInstance)!=null&&j.value.onRemoveComponent&&S.componentInstance.value.onRemoveComponent()})}return y.value={canMove:b(),canSelectParent:w(),canDelete:A(),canNested:!i(),contents:t==null?void 0:t.schema.contents,elementRef:a,parent:(L=t==null?void 0:t.parent)==null?void 0:L.componentInstance,schema:t==null?void 0:t.schema,styles:p,designerClass:r,canAccepts:d,getBelongedComponentInstance:g,getDraggableDesignItemElement:f,getDraggingDisplayText:k,getPropConfig:R,getDragScopeElement:B,onAcceptMovedChildElement:D,onChildElementMovedOut:T,addNewChildComponentSchema:M,triggerBelongedComponentToMoveWhenMoved:e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:e.ref(!1),onRemoveComponent:E},y}const Pe=e.defineComponent({name:"FTagsDesign",props:W,emits:["remove","selectionChange","change"],setup(a,t){const m=e.ref(a.selectable),p=e.ref(a.customClass),r=e.ref(a.data),y=e.ref(a.tagType),b=e.ref(a.tagStyle),w=e.ref(a.showColor),A=e.ref(a.activeTag),i=e.ref(a.customStyle),g=e.ref(a.showClose),f=e.ref(a.showAddButton),d=e.ref(a.showInput),k=e.ref(a.addButtonText),B=e.ref(a.enableAddButton);e.ref(a.placeholder),e.ref(""),e.ref();const D=e.ref(),M=e.ref(a.wrapText),T=e.ref(),R=e.ref(),E=e.inject("design-item-context"),L=Me(R,E);e.onMounted(()=>{R.value.componentInstance=L}),t.expose(L.value);function h(){const n=r.value.map(l=>({type:"Tag",payload:l}));return f.value&&n.push({type:"AddButton"}),n}const v=e.ref(h());function S(n){r.value=n,v.value=h()}const j=e.computed(()=>v.value.findIndex(n=>n.type==="Input")),F=me(a,t,r,v),{dragstart:Q,dragenter:U,dragover:Y,dragend:Z}=F;e.watch(()=>a.data,n=>S(n));const K=e.computed(()=>{const n={"farris-tags":!0,"farris-tags-checkable":m.value,"farris-tags-nowrap":!M.value};return p.value.split(" ").reduce((l,c)=>(l[c]=!0,l),n),n});function ee(n){const l={"farris-tag-item":!0,"farris-tag-item-checked":m.value&&n.checked,"farris-tag-item-checkable":m.value,"farris-tag-item-has-color":w.value,"farris-tag-item-actived":A.value===n.name};if(y.value){const c=`farris-tag-item-${y.value}`;l[c]=!0}return l}const te=e.computed(()=>{const n={};return i.value&&i.value.split(";").reduce((l,c)=>{const N=c.split(":");return l[N[0]]=N[1],l},n),n});function ae(n,l){m.value&&l.selectable&&(l.checked=!l.checked,A.value=l.checked?l.name:"",l.checked&&r.value.filter(c=>c.name!==l.name).forEach(c=>{c.checked=!l.checked}),t.emit("change",r.value),t.emit("selectionChange",l))}function _(n,l){let c;switch(n.key){case"Backspace":r.value=r.value.filter(N=>N.name!==l.name),t.emit("change",r.value);break;case"ArrowLeft":c=Math.max(D.value.scrollLeft+20,0),D.value.scrollLeft=c;break;case"ArrowRight":c=Math.max(D.value.scrollLeft-20,0),D.value.scrollLeft=c}}function H(n,l){const c=r.value.findIndex(N=>N.name===l.name);if(c>-1){const[N]=r.value.splice(c,1);v.value=h(),t.emit("change",r.value),t.emit("remove",r.value,N,c)}n.stopPropagation()}const ne=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!B.value}));function he(n){}function re(){return e.createVNode("li",{class:ne.value,onClick:n=>void 0},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),e.createVNode("span",{class:"farris-tag-add-text"},[k.value])])}function se(n){if(n&&!n.innerText){const l=j.value;if(l>0){const[c]=r.value.splice(l-1,1);v.value.splice(l-1,1),t.emit("remove",r.value,c,l-1)}}}function X(n,l,c){n>-1&&(r.value.splice(n,0,{name:l,value:c,selectable:m.value}),v.value=h(),t.emit("change",r.value))}function x(n){if(n&&n.innerText){const l=n.innerText,c=j.value;X(c,l,l),n.innerText=""}}function oe(n){const l=n.target;l&&(l.innerText?x(l):t.emit("change",r.value))}function le(n){n.key==="Enter"&&x(n.target),n.key==="Backspace"&&(se(n.target),e.nextTick(()=>{var l;T.value&&((l=T.value)==null||l.focus())}))}function ce(){return e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("div",{ref:T,class:"form-control",contenteditable:"true",onKeyup:le,onBlur:oe},null)])}function s(n,l){return e.createVNode("li",{class:ee(n),style:te.value,tabindex:0,id:n.name,key:n.name,onClick:c=>ae(c,n),onKeydown:c=>_(c,n),draggable:"true",onDragstart:c=>Q(c,n,l),onDragenter:c=>U(c,l),onDragend:c=>Z(c,n),onDragover:c=>Y(c,l)},[e.createVNode("div",{title:n.name,class:"tag-box"},[n.name]),g.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:c=>H(c,n)},null)])])}function o(){return v.value.map((n,l)=>{switch(n.type){case"Tag":return s(n.payload,l);case"AddButton":return re();case"Input":return ce()}})}const u=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":b.value==="capsule"}));function O(n){const l=Math.max(D.value.scrollLeft-n.deltaX,0);D.value.scrollLeft=l}function ie(n){const l=D.value,c=r.value.length-1;if(l){const N=Array.from(l.children).filter(P=>P.className.indexOf("farris-tag-item")>-1).findIndex(P=>{const C=P.getBoundingClientRect(),ue=window.getComputedStyle(P),be=parseInt(ue["margin-left"],10)+C.width+parseInt(ue["margin-right"],10);return C.left+be>n});if(N>-1)return N}return c}function $(n){if(d.value){const c=ie(n.clientX)+1,P=v.value.filter(C=>C.type!=="Input");P.splice(c,0,{type:"Input"}),v.value=P,e.nextTick(()=>{var C;T.value&&((C=T.value)==null||C.focus())})}}function ye(n){var c;n.preventDefault(),n.stopPropagation();const l=(c=n.dataTransfer)==null?void 0:c.getData("Text");if(l){const N=l.split(":"),P=N[0],C=N[1];[...r.value].findIndex(fe=>(console.log(`${fe.value} === ${C} is ${fe.value===C}`),fe.value===C))>-1||X(r.value.length,P,C)}}function ve(n){n.preventDefault()}return()=>e.createVNode("div",{ref:R,class:K.value,onClick:$,onDrop:ye,onDragover:ve},[e.createVNode("ul",{ref:D,class:u.value,onWheel:n=>O(n)},[o()])])}});q.register=(a,t,m,p)=>{a.tags=q,t.tags=J},q.registerDesigner=(a,t,m)=>{a.tags=Pe,t.tags=J};const Re=I.withInstall(q);V.FTags=q,V.default=Re,V.propsResolver=J,V.tagsProps=W,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("../common/index.umd.js"),require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","lodash-es"],I):(V=typeof globalThis<"u"?globalThis:V||self,I(V.tags={},V.common,V.Vue,V.LodashES))})(this,function(V,I,t,_){"use strict";function Te(a,e,g){return e}const de={},pe={};function G(a){const{properties:e,title:g,ignore:i}=a,n=i&&Array.isArray(i),h=Object.keys(e).reduce((y,k)=>((!n||!i.find(A=>A===k))&&(y[k]=e[k].type==="object"&&e[k].properties?G(e[k]):_.cloneDeep(e[k].default)),y),{});if(g&&(!n||!i.find(y=>y==="id"))){const y=g.toLowerCase().replace(/-/g,"_");h.id=`${y}_${Math.random().toString().slice(2,6)}`}return h}function we(a){const{properties:e,title:g,required:i}=a;if(i&&Array.isArray(i)){const n=i.reduce((h,y)=>(h[y]=e[y].type==="object"&&e[y].properties?G(e[y]):_.cloneDeep(e[y].default),h),{});if(g&&i.find(h=>h==="id")){const h=g.toLowerCase().replace(/-/g,"_");n.id=`${h}_${Math.random().toString().slice(2,6)}`}return n}return{type:g}}function ge(a,e={},g){const i=de[a];if(i){let n=we(i);const h=pe[a];return n=h?h({getSchemaByType:ge},n,e,g):n,n}return null}function ke(a,e){const g=G(e);return Object.keys(g).reduce((i,n)=>(Object.prototype.hasOwnProperty.call(a,n)&&(i[n]&&_.isPlainObject(i[n])&&_.isPlainObject(a[n]||!a[n])?Object.assign(i[n],a[n]||{}):i[n]=a[n]),i),g),g}function Be(a,e){return Object.keys(a).filter(i=>a[i]!=null).reduce((i,n)=>{if(e.has(n)){const h=e.get(n);if(typeof h=="string")i[h]=a[n];else{const y=h(n,a[n],a);Object.assign(i,y)}}else i[n]=a[n];return i},{})}function De(a,e,g=new Map){const i=ke(a,e);return Be(i,g)}function Se(a={}){function e(u,m,d,p){if(typeof d=="number")return p[u].length===d;if(typeof d=="object"){const w=Object.keys(d)[0],B=d[w];if(w==="not")return Number(p[u].length)!==Number(B);if(w==="moreThan")return Number(p[u].length)>=Number(B);if(w==="lessThan")return Number(p[u].length)<=Number(B)}return!1}function g(u,m,d,p){return p[u]&&p[u].propertyValue&&String(p[u].propertyValue.value)===String(d)}const i=new Map([["length",e],["getProperty",g]]);Object.keys(a).reduce((u,m)=>(u.set(m,a[m]),u),i);function n(u,m){const d=u;return typeof m=="number"?[{target:d,operator:"length",param:null,value:Number(m)}]:typeof m=="boolean"?[{target:d,operator:"getProperty",param:u,value:!!m}]:typeof m=="object"?Object.keys(m).map(p=>{if(p==="length")return{target:d,operator:"length",param:null,value:m[p]};const w=p,B=m[p];return{target:d,operator:"getProperty",param:w,value:B}}):[]}function h(u){return Object.keys(u).reduce((d,p)=>{const w=n(p,u[p]);return d.push(...w),d},[])}function y(u,m){if(i.has(u.operator)){const d=i.get(u.operator);return d&&d(u.target,u.param,u.value,m)||!1}return!1}function k(u,m){return h(u).reduce((w,B)=>w&&y(B,m),!0)}function A(u,m){const d=Object.keys(u),p=d.includes("allOf"),w=d.includes("anyOf"),B=p||w,T=(B?u[B?p?"allOf":"anyOf":"allOf"]:[u]).map($=>k($,m));return p?!T.includes(!1):T.includes(!0)}return{parseValueSchema:A}}const Ae={},Ne={};Se();function je(a,e,g=new Map,i=(y,k,A,u)=>k,n={},h=y=>y){return de[e.title]=e,pe[e.title]=i,Ae[e.title]=n,Ne[e.title]=h,(y={})=>{const k=De(y,e,g),A=Object.keys(a).reduce((u,m)=>(u[m]=a[m].default,u),{});return Object.assign(A,k)}}function Oe(a,e){return{customClass:e.class,customStyle:e.style}}const Ve=new Map([["appearance",Oe]]),Ce={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:[]}}}}}},Me={$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"]},W={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}},J=je(W,Me,Ve,Te,Ce);function me(a,e,g,i){const n=t.ref(-1),h=t.ref(!1);function y(m,d,p){m.stopPropagation(),d&&setTimeout(()=>{n.value=p,h.value=!0,d.moving=!0})}function k(m,d){if(m.preventDefault(),n.value!==d){const p=i.value[n.value],w=i.value;w.splice(n.value,1),w.splice(d,0,p),n.value=d}}function A(m,d){m.preventDefault(),m.dataTransfer&&(m.dataTransfer.dropEffect="move")}function u(m,d){d&&(d.moving=!1),g.value=i.value.filter(p=>p.type==="Tag").map(p=>p.payload),h.value=!1,e.emit("change",g.value)}return{dragstart:y,dragenter:k,dragover:A,dragend:u,isDragging:h}}const q=t.defineComponent({name:"FTags",props:W,emits:["remove","selectionChange","change"],setup(a,e){const g=t.ref(a.selectable),i=t.ref(a.customClass),n=t.ref(a.data),h=t.ref(a.tagType),y=t.ref(a.tagStyle),k=t.ref(a.showColor),A=t.ref(a.customStyle),u=t.ref(a.activeTag),m=t.ref(a.showClose),d=t.ref(a.addButtonText),p=t.ref(),w=t.ref(a.wrapText),B=t.ref();t.ref(a.disable);const D=t.ref(!1);function M(){const s=n.value.map(o=>({type:"Tag",payload:o}));return a.showAddButton&&s.push({type:"AddButton"}),s}const T=t.ref(M());function R(s){n.value=s,T.value=M()}const $=t.computed(()=>T.value.findIndex(s=>s.type==="Input")),L=me(a,e,n,T),{dragstart:v,dragenter:b,dragover:S,dragend:j}=L;t.watch(()=>a.data,s=>R(s)),t.watch(()=>a.showAddButton,()=>{T.value=M()}),t.watch(()=>a.disable,s=>{T.value=M()}),t.watch(()=>a.activeTag,s=>{u.value=s}),t.watch(D,s=>{const o=[...T.value];s?o.length>0&&o[o.length-1].type!=="Input"&&(o.splice(o.length-1,1),o.splice(o.length,0,{type:"Input"}),T.value=o,t.nextTick(()=>{var f;B.value&&((f=B.value)==null||f.focus())})):o.length>0&&o[o.length-1].type!=="AddButton"&&(o.splice(o.length-1,1),o.splice(o.length,0,{type:"AddButton"}),T.value=o)});const F=t.computed(()=>{const s={"farris-tags":!0,"farris-tags-checkable":g.value,"farris-tags-nowrap":!w.value};return i.value.split(" ").reduce((o,f)=>(o[f]=!0,o),s),s});function Q(s){const o={"farris-tag-item":!0,"farris-tag-item-checked":g.value&&s.checked,"farris-tag-item-checkable":g.value,"farris-tag-item-has-color":k.value,"farris-tag-item-actived":u.value===s.name};if(h.value){const f=`farris-tag-item-${h.value}`;o[f]=!0}return o}const U=t.computed(()=>{const s={};return A.value&&A.value.split(";").reduce((o,f)=>{const O=f.split(":");return o[O[0]]=O[1],o},s),s});function Y(s,o){!a.disable&&g.value&&(!o.hasOwnProperty("selectable")||o.selectable)&&(o.checked=!o.checked,u.value=o.checked?o.name:"",o.checked&&n.value.filter(f=>f.name!==o.name).forEach(f=>{f.checked=!o.checked}),e.emit("change",n.value),e.emit("selectionChange",o))}function Z(s,o){let f;switch(s.key){case"Backspace":n.value=n.value.filter(O=>O.name!==o.name),e.emit("change",n.value);break;case"ArrowLeft":f=Math.max(p.value.scrollLeft+20,0),p.value.scrollLeft=f;break;case"ArrowRight":f=Math.max(p.value.scrollLeft-20,0),p.value.scrollLeft=f}}function K(s,o){const f=n.value.findIndex(O=>O.name===o.name);if(f>-1){const[O]=n.value.splice(f,1);T.value=M(),e.emit("change",n.value),e.emit("remove",{tags:n.value,remove:O})}s.stopPropagation()}const ee=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!a.enableAddButton}));function te(s){s.stopPropagation(),D.value=!0}function ae(){return!a.disable&&t.createVNode("li",{class:ee.value,onClick:s=>te(s)},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),d.value&&t.createVNode("span",{class:"farris-tag-add-text"},[d.value])])}function H(s,o,f){s>-1&&(n.value.splice(s,0,{name:o,value:f,selectable:g.value}),T.value=M(),D.value=!1,e.emit("change",n.value))}function X(s){if(s&&s.value){const o=s.value,f=$.value;H(f,o,o),s.innerText=""}else D.value=!1}function ne(s){const o=s.target;o&&o.value?X(o):D.value=!1}function he(s){s.key==="Enter"&&X(s.target)}function re(){return!a.disable&&t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("input",{title:"farris-tag-input-box",ref:B,class:"form-control",onKeyup:he,onBlur:ne},null)])}function se(s,o){return t.createVNode("li",{class:Q(s),style:U.value,tabindex:0,id:s.name,key:s.name,onClick:f=>Y(f,s),onKeydown:f=>Z(f,s),draggable:"true",onDragstart:f=>v(f,s,o),onDragenter:f=>b(f,o),onDragend:f=>j(f,s),onDragover:f=>S(f,o)},[t.createVNode("span",{title:s.name,class:"tag-box"},[s.name]),!a.disable&&m.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:f=>K(f,s)},null)])])}function x(){return T.value.map((s,o)=>{switch(s.type){case"Tag":return se(s.payload,o);case"AddButton":return ae();case"Input":return re()}})}const z=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":y.value==="capsule"}));function oe(s){const o=Math.max(p.value.scrollLeft-s.deltaX,0);p.value.scrollLeft=o}function le(s){var f;s.preventDefault(),s.stopPropagation();const o=(f=s.dataTransfer)==null?void 0:f.getData("Text");if(o){const O=o.split(":"),ie=O[0],E=O[1];[...n.value].findIndex(r=>(console.log(`${r.value} === ${E} is ${r.value===E}`),r.value===E))>-1||H(n.value.length,ie,E)}}function ce(s){s.preventDefault()}return()=>t.createVNode("div",{class:F.value,onDrop:le,onDragover:ce},[t.createVNode("ul",{ref:p,class:z.value,onWheel:s=>oe(s)},[x()])])}});function Pe(a,e,g){var L;const i="",n="",h=t.ref();function y(){return(e==null?void 0:e.schema.componentType)!=="frame"}function k(){return!1}function A(){return(e==null?void 0:e.schema.componentType)!=="frame"}function u(){return(e==null?void 0:e.schema.componentType)==="frame"}function m(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const b=t.ref(v==null?void 0:v.value.parent),S=m(b);return S||null}function d(v=e){const{componentInstance:b,designerItemElementRef:S}=v;return!b||!b.value?null:b.value.canMove?S:d(v.parent)}function p(v){return!!g}function w(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function B(){}function D(v,b){}function M(v,b){const{componentType:S}=v;let j=ge(S,v,b);const F=S.toLowerCase().replace(/-/g,"_");return j&&!j.id&&j.type===S&&(j.id=`${F}_${Math.random().toString().slice(2,6)}`),j}function T(v){}function R(...v){}function $(){e!=null&&e.schema.contents&&e.schema.contents.map(v=>{var j;let b=v.id;v.type==="component-ref"&&(b=v.component);const S=a.value.querySelector(`#${b}-design-item`);(j=S==null?void 0:S.componentInstance)!=null&&j.value.onRemoveComponent&&S.componentInstance.value.onRemoveComponent()})}return h.value={canMove:y(),canSelectParent:k(),canDelete:A(),canNested:!u(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:(L=e==null?void 0:e.parent)==null?void 0:L.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:n,canAccepts:p,getBelongedComponentInstance:m,getDraggableDesignItemElement:d,getDraggingDisplayText:w,getPropConfig:R,getDragScopeElement:B,onAcceptMovedChildElement:D,onChildElementMovedOut:T,addNewChildComponentSchema:M,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1),onRemoveComponent:$},h}const Re=t.defineComponent({name:"FTagsDesign",props:W,emits:["remove","selectionChange","change"],setup(a,e){const g=t.ref(a.selectable),i=t.ref(a.customClass),n=t.ref(a.data),h=t.ref(a.tagType),y=t.ref(a.tagStyle),k=t.ref(a.showColor),A=t.ref(a.activeTag),u=t.ref(a.customStyle),m=t.ref(a.showClose),d=t.ref(a.showAddButton),p=t.ref(a.showInput),w=t.ref(a.addButtonText),B=t.ref(a.enableAddButton);t.ref(a.placeholder),t.ref(""),t.ref();const D=t.ref(),M=t.ref(a.wrapText),T=t.ref(),R=t.ref(),$=t.inject("design-item-context"),L=Pe(R,$);t.onMounted(()=>{R.value.componentInstance=L}),e.expose(L.value);function v(){const r=n.value.map(l=>({type:"Tag",payload:l}));return d.value&&r.push({type:"AddButton"}),r}const b=t.ref(v());function S(r){n.value=r,b.value=v()}const j=t.computed(()=>b.value.findIndex(r=>r.type==="Input")),F=me(a,e,n,b),{dragstart:Q,dragenter:U,dragover:Y,dragend:Z}=F;t.watch(()=>a.data,r=>S(r));const K=t.computed(()=>{const r={"farris-tags":!0,"farris-tags-checkable":g.value,"farris-tags-nowrap":!M.value};return i.value.split(" ").reduce((l,c)=>(l[c]=!0,l),r),r});function ee(r){const l={"farris-tag-item":!0,"farris-tag-item-checked":g.value&&r.checked,"farris-tag-item-checkable":g.value,"farris-tag-item-has-color":k.value,"farris-tag-item-actived":A.value===r.name};if(h.value){const c=`farris-tag-item-${h.value}`;l[c]=!0}return l}const te=t.computed(()=>{const r={};return u.value&&u.value.split(";").reduce((l,c)=>{const N=c.split(":");return l[N[0]]=N[1],l},r),r});function ae(r,l){g.value&&l.selectable&&(l.checked=!l.checked,A.value=l.checked?l.name:"",l.checked&&n.value.filter(c=>c.name!==l.name).forEach(c=>{c.checked=!l.checked}),e.emit("change",n.value),e.emit("selectionChange",l))}function H(r,l){let c;switch(r.key){case"Backspace":n.value=n.value.filter(N=>N.name!==l.name),e.emit("change",n.value);break;case"ArrowLeft":c=Math.max(D.value.scrollLeft+20,0),D.value.scrollLeft=c;break;case"ArrowRight":c=Math.max(D.value.scrollLeft-20,0),D.value.scrollLeft=c}}function X(r,l){const c=n.value.findIndex(N=>N.name===l.name);if(c>-1){const[N]=n.value.splice(c,1);b.value=v(),e.emit("change",n.value),e.emit("remove",n.value,N,c)}r.stopPropagation()}const ne=t.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!B.value}));function he(r){}function re(){return t.createVNode("li",{class:ne.value,onClick:r=>void 0},[t.createVNode("span",{class:"f-icon f-icon-amplification"},null),t.createVNode("span",{class:"farris-tag-add-text"},[w.value])])}function se(r){if(r&&!r.innerText){const l=j.value;if(l>0){const[c]=n.value.splice(l-1,1);b.value.splice(l-1,1),e.emit("remove",n.value,c,l-1)}}}function x(r,l,c){r>-1&&(n.value.splice(r,0,{name:l,value:c,selectable:g.value}),b.value=v(),e.emit("change",n.value))}function z(r){if(r&&r.innerText){const l=r.innerText,c=j.value;x(c,l,l),r.innerText=""}}function oe(r){const l=r.target;l&&(l.innerText?z(l):e.emit("change",n.value))}function le(r){r.key==="Enter"&&z(r.target),r.key==="Backspace"&&(se(r.target),t.nextTick(()=>{var l;T.value&&((l=T.value)==null||l.focus())}))}function ce(){return t.createVNode("li",{class:"farris-tag-input-box"},[t.createVNode("div",{ref:T,class:"form-control",contenteditable:"true",onKeyup:le,onBlur:oe},null)])}function s(r,l){return t.createVNode("li",{class:ee(r),style:te.value,tabindex:0,id:r.name,key:r.name,onClick:c=>ae(c,r),onKeydown:c=>H(c,r),draggable:"true",onDragstart:c=>Q(c,r,l),onDragenter:c=>U(c,l),onDragend:c=>Z(c,r),onDragover:c=>Y(c,l)},[t.createVNode("div",{title:r.name,class:"tag-box"},[r.name]),m.value&&t.createVNode("span",{class:"tag-delete"},[t.createVNode("i",{class:"f-icon f-icon-close",onClick:c=>X(c,r)},null)])])}function o(){return b.value.map((r,l)=>{switch(r.type){case"Tag":return s(r.payload,l);case"AddButton":return re();case"Input":return ce()}})}const f=t.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":y.value==="capsule"}));function O(r){const l=Math.max(D.value.scrollLeft-r.deltaX,0);D.value.scrollLeft=l}function ie(r){const l=D.value,c=n.value.length-1;if(l){const N=Array.from(l.children).filter(P=>P.className.indexOf("farris-tag-item")>-1).findIndex(P=>{const C=P.getBoundingClientRect(),ue=window.getComputedStyle(P),be=parseInt(ue["margin-left"],10)+C.width+parseInt(ue["margin-right"],10);return C.left+be>r});if(N>-1)return N}return c}function E(r){if(p.value){const c=ie(r.clientX)+1,P=b.value.filter(C=>C.type!=="Input");P.splice(c,0,{type:"Input"}),b.value=P,t.nextTick(()=>{var C;T.value&&((C=T.value)==null||C.focus())})}}function ye(r){var c;r.preventDefault(),r.stopPropagation();const l=(c=r.dataTransfer)==null?void 0:c.getData("Text");if(l){const N=l.split(":"),P=N[0],C=N[1];[...n.value].findIndex(fe=>(console.log(`${fe.value} === ${C} is ${fe.value===C}`),fe.value===C))>-1||x(n.value.length,P,C)}}function ve(r){r.preventDefault()}return()=>t.createVNode("div",{ref:R,class:K.value,onClick:E,onDrop:ye,onDragover:ve},[t.createVNode("ul",{ref:D,class:f.value,onWheel:r=>O(r)},[o()])])}});q.register=(a,e,g,i)=>{a.tags=q,e.tags=J},q.registerDesigner=(a,e,g)=>{a.tags=Re,e.tags=J};const $e=I.withInstall(q);V.FTags=q,V.default=$e,V.propsResolver=J,V.tagsProps=W,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});