@farris/ui-vue 1.3.0 → 1.3.1

package/components/capsule/index.umd.cjs

@@ -1 +1 @@
-(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O.capsule={},O.Vue,O.LodashES,O.common))})(this,function(O,t,B,_){"use strict";const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},F={},q={};function E(a){const{properties:e,title:u,ignore:s}=a,r=s&&Array.isArray(s),i=Object.keys(e).reduce((p,g)=>((!r||!s.find(V=>V==g))&&(p[g]=e[g].type==="object"&&e[g].properties?E(e[g]):B.cloneDeep(e[g].default)),p),{});return(!r||!s.find(p=>p=="id"))&&(i.id=`${u}-${Date.now()}`),i}function D(a,e={},u){const s=F[a];if(s){let r=E(s);const i=q[a];return r=i?i({getSchemaByType:D},r,e,u):r,r}return null}function z(a,e){const u=E(e);return Object.keys(a).reduce((s,r)=>(s[r]&&B.isPlainObject(s[r])&&B.isPlainObject(a[r])?Object.assign(s[r],a[r]):s[r]=a[r],s),u),u}function G(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,r)=>{if(e.has(r)){const i=e.get(r);if(typeof i=="string")s[i]=a[r];else{const p=i(r,a[r],a);Object.assign(s,p)}}else s[r]=a[r];return s},{})}function H(a,e,u=new Map){const s=z(a,e);return G(s,u)}function Q(a={}){function e(o,d,f,m){if(typeof f=="number")return m[o].length===f;if(typeof f=="object"){const v=Object.keys(f)[0],b=f[v];if(v==="not")return Number(m[o].length)!==Number(b);if(v==="moreThan")return Number(m[o].length)>=Number(b);if(v==="lessThan")return Number(m[o].length)<=Number(b)}return!1}function u(o,d,f,m){return m[o]&&m[o].propertyValue&&String(m[o].propertyValue.value)===String(f)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((o,d)=>(o.set(d,a[d]),o),s);function r(o,d){const f=o;return typeof d=="number"?[{target:f,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:f,operator:"getProperty",param:o,value:!!d}]:typeof d=="object"?Object.keys(d).map(m=>{if(m==="length")return{target:f,operator:"length",param:null,value:d[m]};const v=m,b=d[m];return{target:f,operator:"getProperty",param:v,value:b}}):[]}function i(o){return Object.keys(o).reduce((f,m)=>{const v=r(m,o[m]);return f.push(...v),f},[])}function p(o,d){if(s.has(o.operator)){const f=s.get(o.operator);return f&&f(o.target,o.param,o.value,d)||!1}return!1}function g(o,d){return i(o).reduce((v,b)=>v&&p(b,d),!0)}function V(o,d){const f=Object.keys(o),m=f.includes("allOf"),v=f.includes("anyOf"),b=m||v,C=(b?o[b?m?"allOf":"anyOf":"allOf"]:[o]).map(S=>g(S,d));return m?!C.includes(!1):C.includes(!0)}return{parseValueSchema:V}}const U={},X={};Q();function Y(a,e,u=new Map,s=(p,g,V)=>g,r={},i=p=>p){return F[e.title]=e,q[e.title]=s,U[e.title]=r,X[e.title]=i,(p={})=>{const g=H(p,e,u),V=Object.keys(a).reduce((o,d)=>(o[d]=a[d].default,o),{});return Object.assign(V,g)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},T={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},L={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},k=Y(T,J,I,K,x),W=t.defineComponent({name:"FCapsuleItem",props:L,emits:["mounted","active"],setup(a,e){const u=t.ref(),s=t.ref(a.isActive);t.watch(()=>a.isActive,p=>{s.value=p});const r=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(p){a.disabled||e.emit("active",p,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:r.value,onClick:p=>i(p)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),P=t.defineComponent({name:"FCapsule",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),r=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.computed(()=>{const c={"f-capsule-container":!0};return g.value&&(c[g.value]=!0),c}),o=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),f=t.ref(r),m=t.ref(0),v=t.ref(0),b=t.computed(()=>({left:`${f.value}px`,width:`${m.value}px`,transition:p.value})),A=t.computed(()=>({width:`${v.value}px`})),w=new Map;function C(c){var n;if(w.has(c.value)){const l=(n=w.get(c.value))==null?void 0:n.value;if(l){const h=l.getBoundingClientRect(),R=s.value.getBoundingClientRect();f.value=h.left-R.left+r+s.value.scrollLeft,m.value=h.width-2*r}}}function M(c,n){const l=c.value;i.value=l,e.emit("update:modelValue",l),C(c),n&&e.emit("change",l)}function S(c){const n=u.value.findIndex(l=>l.value===c);n>-1&&M(u.value[n],!1)}t.watch(()=>a.modelValue,c=>{i.value=c,S(i.value)}),t.watch(()=>a.items,async c=>{const n=c.filter(l=>l.show);y(n),u.value=n,await t.nextTick(),S(i.value),v.value=Array.from(w.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{S(i.value),await t.nextTick(),p.value="0.1s ease-out all",v.value=Array.from(w.values()).reduce((c,n)=>(c+=n.value.clientWidth,c),0)});function N(c,n){M(n,!0)}function $(c,n){w.set(n,c)}function y(c){Array.from(w.keys()).forEach(n=>{c.find(h=>h.value===n)||w.delete(n)})}function j(c,n){return t.createVNode(W,{name:c.name,value:c.value,isActive:c.value===i.value,index:n,disabled:c.disabled,key:c.value,onMounted:$,onActive:N},null)}return()=>t.createVNode("span",{ref:s,class:V.value,style:o.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,n)=>j(c,n))]),t.createVNode("small",{class:d.value,style:b.value},null),t.createVNode("div",{class:"f-capsule-board",style:A.value},null)])}});function ee(a,e,u){var $;function s(){}const r="",i="",p=t.ref();function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function V(){return!1}function o(){return(e==null?void 0:e.schema.componentType)!=="frame"}function d(){return(e==null?void 0:e.schema.componentType)==="frame"}function f(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const j=t.ref(y==null?void 0:y.value.parent),c=f(j);return c||null}function m(y=e){const{componentInstance:j,designerItemElementRef:c}=y;return!j||!j.value?null:j.value.canMove?c:m(y.parent)}function v(y){return!!u}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function A(){}function w(y,j){}function C(y,j){const{componentType:c}=y;let n=D(c,y,j);const l=c.toLowerCase().replace("-","_");return n&&!n.id&&n.type===c&&(n.id=`${l}_${Math.random().toString().slice(2,6)}`),n}function M(y,j){const c=String(y.getAttribute("data-controltype")),n=y.getAttribute("data-feature"),l=n?JSON.parse(n):{};l.parentComponentInstance=p.value;let h=D(c,l);const R=c.toLowerCase().replace("-","_");return h&&!h.id&&h.type===c&&(h.id=`${R}_${Math.random().toString().slice(2,6)}`),h}function S(y){}function N(...y){}return p.value={canMove:g(),canSelectParent:V(),canDelete:o(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:i,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:m,getDraggingDisplayText:b,getPropConfig:N,getDragScopeElement:A,onAcceptMovedChildElement:w,onAcceptNewChildElement:M,onChildElementMovedOut:S,addNewChildComponentSchema:C,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},p}const te=t.defineComponent({name:"FCapsuleDesign",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),r=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.inject("design-item-context"),o=ee(s,V);t.onMounted(()=>{s.value.componentInstance=o}),e.expose(o.value);const d=t.computed(()=>{const n={"f-capsule-container":!0};return g.value&&(n[g.value]=!0),n}),f=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),v=t.ref(r),b=t.ref(0),A=t.ref(0),w=t.computed(()=>({left:`${v.value}px`,width:`${b.value}px`,transition:p.value})),C=t.computed(()=>({width:`${A.value}px`})),M=new Map;function S(n){var l;if(M.has(n.value)){const h=(l=M.get(n.value))==null?void 0:l.value;if(h){const R=h.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=R.left-ae.left+r+s.value.scrollLeft,b.value=R.width-2*r}}}function N(n,l){const h=n.value;i.value=h,e.emit("update:modelValue",h),S(n),l&&e.emit("change",h)}function $(n){const l=u.value.findIndex(h=>h.value===n);l>-1&&N(u.value[l],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,$(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),$(i.value),A.value=Array.from(M.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),p.value="0.1s ease-out all",A.value=Array.from(M.values()).reduce((n,l)=>(n+=l.value.clientWidth,n),0)});function y(n,l){N(l,!0)}function j(n,l){M.set(l,n)}function c(n,l){return t.createVNode(W,{name:n.name,value:n.value,isActive:n.value===i.value,index:l,onMounted:j,onActive:y},null)}return()=>t.createVNode("span",{ref:s,class:d.value,style:f.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,l)=>c(n,l))]),t.createVNode("small",{class:m.value,style:w.value},null),t.createVNode("div",{class:"f-capsule-board",style:C.value},null)])}});P.register=(a,e,u)=>{a.capsule=P,e.capsule=k},P.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=k};const ne=_.withInstall(P);O.FCapsule=P,O.capsuleItemProps=L,O.capsuleProps=T,O.default=ne,O.propsResolver=k,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(j,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],t):(j=typeof globalThis<"u"?globalThis:j||self,t(j.capsule={},j.Vue,j.LodashES,j.common))})(this,function(j,t,B,_){"use strict";const z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},k={},F={};function D(a){const{properties:e,title:u,ignore:c}=a,l=c&&Array.isArray(c),i=Object.keys(e).reduce((f,v)=>((!l||!c.find(V=>V==v))&&(f[v]=e[v].type==="object"&&e[v].properties?D(e[v]):B.cloneDeep(e[v].default)),f),{});return u&&(!l||!c.find(f=>f=="id"))&&(i.id=`${u}-${Date.now()}`),i}function q(a,e={},u){const c=k[a];if(c){let l=D(c);const i=F[a];return l=i?i({getSchemaByType:q},l,e,u):l,l}return null}function G(a,e){const u=D(e);return Object.keys(a).reduce((c,l)=>(c[l]&&B.isPlainObject(c[l])&&B.isPlainObject(a[l])?Object.assign(c[l],a[l]):c[l]=a[l],c),u),u}function H(a,e){return Object.keys(a).filter(c=>a[c]!=null).reduce((c,l)=>{if(e.has(l)){const i=e.get(l);if(typeof i=="string")c[i]=a[l];else{const f=i(l,a[l],a);Object.assign(c,f)}}else c[l]=a[l];return c},{})}function J(a,e,u=new Map){const c=G(a,e);return H(c,u)}function Q(a={}){function e(r,d,p,m){if(typeof p=="number")return m[r].length===p;if(typeof p=="object"){const h=Object.keys(p)[0],g=p[h];if(h==="not")return Number(m[r].length)!==Number(g);if(h==="moreThan")return Number(m[r].length)>=Number(g);if(h==="lessThan")return Number(m[r].length)<=Number(g)}return!1}function u(r,d,p,m){return m[r]&&m[r].propertyValue&&String(m[r].propertyValue.value)===String(p)}const c=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((r,d)=>(r.set(d,a[d]),r),c);function l(r,d){const p=r;return typeof d=="number"?[{target:p,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:p,operator:"getProperty",param:r,value:!!d}]:typeof d=="object"?Object.keys(d).map(m=>{if(m==="length")return{target:p,operator:"length",param:null,value:d[m]};const h=m,g=d[m];return{target:p,operator:"getProperty",param:h,value:g}}):[]}function i(r){return Object.keys(r).reduce((p,m)=>{const h=l(m,r[m]);return p.push(...h),p},[])}function f(r,d){if(c.has(r.operator)){const p=c.get(r.operator);return p&&p(r.target,r.param,r.value,d)||!1}return!1}function v(r,d){return i(r).reduce((h,g)=>h&&f(g,d),!0)}function V(r,d){const p=Object.keys(r),m=p.includes("allOf"),h=p.includes("anyOf"),g=m||h,N=(g?r[g?m?"allOf":"anyOf":"allOf"]:[r]).map($=>v($,d));return m?!N.includes(!1):N.includes(!0)}return{parseValueSchema:V}}const U={},X={};Q();function Y(a,e,u=new Map,c=(f,v,V)=>v,l={},i=f=>f){return k[e.title]=e,F[e.title]=c,U[e.title]=l,X[e.title]=i,(f={})=>{const v=J(f,e,u),V=Object.keys(a).reduce((r,d)=>(r[d]=a[d].default,r),{});return Object.assign(V,v)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},T={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},W={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},E=Y(T,z,I,K,x),L=t.defineComponent({name:"FCapsuleItem",props:W,emits:["mounted","active"],setup(a,e){const u=t.ref(),c=t.ref(a.isActive);t.watch(()=>a.isActive,f=>{c.value=f});const l=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":c.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(f){a.disabled||e.emit("active",f,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:l.value,onClick:f=>i(f)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),C=t.defineComponent({name:"FCapsule",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),c=t.ref(),l=2,i=t.ref(a.modelValue),f=t.ref("none"),v=t.ref(a.type),V=t.computed(()=>{const s={"f-capsule-container":!0};return v.value&&(s[v.value]=!0),s}),r=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),p=t.ref(l),m=t.ref(0),h=t.ref(0),g=t.computed(()=>({left:`${p.value}px`,width:`${m.value}px`,transition:f.value})),R=t.computed(()=>({width:`${h.value}px`})),M=new Map;function N(s){var n;if(M.has(s.value)){const o=(n=M.get(s.value))==null?void 0:n.value;if(o){const b=o.getBoundingClientRect(),P=c.value.getBoundingClientRect();p.value=b.left-P.left+l+c.value.scrollLeft,m.value=b.width-2*l}}}function A(s,n){const o=s.value;i.value=o,e.emit("update:modelValue",o),N(s),n&&e.emit("change",o)}function $(s){const n=u.value.findIndex(o=>o.value===s);n>-1&&A(u.value[n],!1)}t.watch(()=>a.modelValue,s=>{i.value=s,$(i.value)}),t.watch(()=>a.items,async s=>{const n=s.filter(o=>o.show);O(n),u.value=n,await t.nextTick(),$(i.value),h.value=Array.from(M.values()).reduce((o,b)=>(o+=b.value.clientWidth,o),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),f.value="0.1s ease-out all",h.value=Array.from(M.values()).reduce((s,n)=>(s+=n.value.clientWidth,s),0)});function S(s,n){A(n,!0)}function y(s,n){M.set(n,s)}function O(s){Array.from(M.keys()).forEach(n=>{s.find(b=>b.value===n)||M.delete(n)})}function w(s,n){return t.createVNode(L,{name:s.name,value:s.value,isActive:s.value===i.value,index:n,disabled:s.disabled,key:s.value,onMounted:y,onActive:S},null)}return()=>t.createVNode("span",{ref:c,class:V.value,style:r.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((s,n)=>w(s,n))]),t.createVNode("small",{class:d.value,style:g.value},null),t.createVNode("div",{class:"f-capsule-board",style:R.value},null)])}});function ee(a,e,u){var S;function c(){}const l="",i="",f=t.ref();function v(){return(e==null?void 0:e.schema.componentType)!=="frame"}function V(){return!1}function r(){return(e==null?void 0:e.schema.componentType)!=="frame"}function d(){return(e==null?void 0:e.schema.componentType)==="frame"}function p(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const O=t.ref(y==null?void 0:y.value.parent),w=p(O);return w||null}function m(y=e){const{componentInstance:O,designerItemElementRef:w}=y;return!O||!O.value?null:O.value.canMove?w:m(y.parent)}function h(y){return!!u}function g(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function R(){}function M(y,O){}function N(y,O){const{componentType:w}=y;let s=q(w,y,O);const n=w.toLowerCase().replace("-","_");return s&&!s.id&&s.type===w&&(s.id=`${n}_${Math.random().toString().slice(2,6)}`),s}function A(y){}function $(...y){}return f.value={canMove:v(),canSelectParent:V(),canDelete:r(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:(S=e==null?void 0:e.parent)==null?void 0:S.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:i,canAccepts:h,getBelongedComponentInstance:p,getDraggableDesignItemElement:m,getDraggingDisplayText:g,getPropConfig:$,getDragScopeElement:R,onAcceptMovedChildElement:M,onChildElementMovedOut:A,addNewChildComponentSchema:N,updateDragAndDropRules:c,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},f}const te=t.defineComponent({name:"FCapsuleDesign",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),c=t.ref(),l=2,i=t.ref(a.modelValue),f=t.ref("none"),v=t.ref(a.type),V=t.inject("design-item-context"),r=ee(c,V);t.onMounted(()=>{c.value.componentInstance=r}),e.expose(r.value);const d=t.computed(()=>{const n={"f-capsule-container":!0};return v.value&&(n[v.value]=!0),n}),p=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),h=t.ref(l),g=t.ref(0),R=t.ref(0),M=t.computed(()=>({left:`${h.value}px`,width:`${g.value}px`,transition:f.value})),N=t.computed(()=>({width:`${R.value}px`})),A=new Map;function $(n){var o;if(A.has(n.value)){const b=(o=A.get(n.value))==null?void 0:o.value;if(b){const P=b.getBoundingClientRect(),ae=c.value.getBoundingClientRect();h.value=P.left-ae.left+l+c.value.scrollLeft,g.value=P.width-2*l}}}function S(n,o){const b=n.value;i.value=b,e.emit("update:modelValue",b),$(n),o&&e.emit("change",b)}function y(n){const o=u.value.findIndex(b=>b.value===n);o>-1&&S(u.value[o],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,y(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),y(i.value),R.value=Array.from(A.values()).reduce((o,b)=>(o+=b.value.clientWidth,o),0)}),t.onMounted(async()=>{y(i.value),await t.nextTick(),f.value="0.1s ease-out all",R.value=Array.from(A.values()).reduce((n,o)=>(n+=o.value.clientWidth,n),0)});function O(n,o){S(o,!0)}function w(n,o){A.set(o,n)}function s(n,o){return t.createVNode(L,{name:n.name,value:n.value,isActive:n.value===i.value,index:o,onMounted:w,onActive:O},null)}return()=>t.createVNode("span",{ref:c,class:d.value,style:p.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,o)=>s(n,o))]),t.createVNode("small",{class:m.value,style:M.value},null),t.createVNode("div",{class:"f-capsule-board",style:N.value},null)])}});C.register=(a,e,u)=>{a.capsule=C,e.capsule=E},C.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=E};const ne=_.withInstall(C);j.FCapsule=C,j.capsuleItemProps=W,j.capsuleProps=T,j.default=ne,j.propsResolver=E,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});