@farris/ui-vue 1.3.5 → 1.3.6

package/components/capsule/index.umd.cjs

@@ -1 +1 @@
-(function(V,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):(V=typeof globalThis<"u"?globalThis:V||self,t(V.capsule={},V.Vue,V.LodashES,V.common))})(this,function(V,t,k,_){"use strict";const H={$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"]},C={},F={};function E(n){const{properties:e,title:u,ignore:s}=n,l=s&&Array.isArray(s),i=Object.keys(e).reduce((p,h)=>((!l||!s.find(M=>M===h))&&(p[h]=e[h].type==="object"&&e[h].properties?E(e[h]):k.cloneDeep(e[h].default)),p),{});if(u&&(!l||!s.find(p=>p==="id"))){const p=u.toLowerCase().replace(/-/g,"_");i.id=`${p}_${Math.random().toString().slice(2,6)}`}return i}function q(n,e={},u){const s=C[n];if(s){let l=E(s);const i=F[n];return l=i?i({getSchemaByType:q},l,e,u):l,l}return null}function z(n,e){const u=E(e);return Object.keys(u).reduce((s,l)=>(s[l]&&k.isPlainObject(s[l])&&k.isPlainObject(n[l]||!n[l])?Object.assign(s[l],n[l]||{}):s[l]=n[l],s),u),u}function G(n,e){return Object.keys(n).filter(s=>n[s]!=null).reduce((s,l)=>{if(e.has(l)){const i=e.get(l);if(typeof i=="string")s[i]=n[l];else{const p=i(l,n[l],n);Object.assign(s,p)}}else s[l]=n[l];return s},{})}function J(n,e,u=new Map){const s=z(n,e);return G(s,u)}function Q(n={}){function e(r,f,d,m){if(typeof d=="number")return m[r].length===d;if(typeof d=="object"){const v=Object.keys(d)[0],b=d[v];if(v==="not")return Number(m[r].length)!==Number(b);if(v==="moreThan")return Number(m[r].length)>=Number(b);if(v==="lessThan")return Number(m[r].length)<=Number(b)}return!1}function u(r,f,d,m){return m[r]&&m[r].propertyValue&&String(m[r].propertyValue.value)===String(d)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(n).reduce((r,f)=>(r.set(f,n[f]),r),s);function l(r,f){const d=r;return typeof f=="number"?[{target:d,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:d,operator:"getProperty",param:r,value:!!f}]:typeof f=="object"?Object.keys(f).map(m=>{if(m==="length")return{target:d,operator:"length",param:null,value:f[m]};const v=m,b=f[m];return{target:d,operator:"getProperty",param:v,value:b}}):[]}function i(r){return Object.keys(r).reduce((d,m)=>{const v=l(m,r[m]);return d.push(...v),d},[])}function p(r,f){if(s.has(r.operator)){const d=s.get(r.operator);return d&&d(r.target,r.param,r.value,f)||!1}return!1}function h(r,f){return i(r).reduce((v,b)=>v&&p(b,f),!0)}function M(r,f){const d=Object.keys(r),m=d.includes("allOf"),v=d.includes("anyOf"),b=m||v,$=(b?r[b?m?"allOf":"anyOf":"allOf"]:[r]).map(R=>h(R,f));return m?!$.includes(!1):$.includes(!0)}return{parseValueSchema:M}}const U={},X={};Q();function Y(n,e,u=new Map,s=(p,h,M,r)=>h,l={},i=p=>p){return C[e.title]=e,F[e.title]=s,U[e.title]=l,X[e.title]=i,(p={})=>{const h=J(p,e,u),M=Object.keys(n).reduce((r,f)=>(r[f]=n[f].default,r),{});return Object.assign(M,h)}}function Z(n,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(n,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}},D=Y(T,H,I,K,x),W=t.defineComponent({name:"FCapsuleItem",props:L,emits:["mounted","active"],setup(n,e){const u=t.ref(),s=t.ref(n.isActive);t.watch(()=>n.isActive,p=>{s.value=p});const l=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":n.disabled}));t.onMounted(()=>{e.emit("mounted",u,n.value)});function i(p){n.disabled||e.emit("active",p,{name:n.name,value:n.value})}return()=>t.createVNode("div",{ref:u,class:l.value,onClick:p=>i(p)},[n.icon&&t.createVNode("i",{class:n.icon},null),n.name])}}),P=t.defineComponent({name:"FCapsule",props:T,emits:["change","update:modelValue"],setup(n,e){const u=t.ref(n.items),s=t.ref(),l=2,i=t.ref(n.modelValue),p=t.ref("none"),h=t.ref(n.type),M=t.computed(()=>{const c={"f-capsule-container":!0};return h.value&&(c[h.value]=!0),c}),r=t.computed(()=>({})),f=t.computed(()=>({"f-capsule":!0})),d=t.ref(l),m=t.ref(0),v=t.ref(0),b=t.computed(()=>({left:`${d.value}px`,width:`${m.value}px`,transition:p.value})),S=t.computed(()=>({width:`${v.value}px`})),w=new Map;function $(c){var a;if(w.has(c.value)){const o=(a=w.get(c.value))==null?void 0:a.value;if(o){const j=o.getBoundingClientRect(),B=s.value.getBoundingClientRect();d.value=j.left-B.left+l+s.value.scrollLeft,m.value=j.width-2*l}}}function A(c,a){const o=c.value;i.value=o,e.emit("update:modelValue",o),$(c),a&&e.emit("change",o)}function R(c){const a=u.value.findIndex(o=>o.value===c);a>-1&&A(u.value[a],!1)}t.watch(()=>n.modelValue,c=>{i.value=c,R(i.value)}),t.onMounted(async()=>{R(i.value),await t.nextTick(),p.value="0.1s ease-out all",v.value=Array.from(w.values()).reduce((c,a)=>(c+=a.value.clientWidth,c),0)});function N(c,a){A(a,!0)}function y(c,a){w.set(a,c)}function O(c){Array.from(w.keys()).forEach(a=>{c.find(j=>j.value===a)||w.delete(a)})}function g(c,a){return t.createVNode(W,{name:c.name,value:c.value,isActive:c.value===i.value,index:a,disabled:c.disabled,key:c.value,onMounted:y,onActive:N},null)}return t.watch(()=>n.items,async c=>{const a=c.filter(o=>o.show);O(a),u.value=a,await t.nextTick(),R(i.value),v.value=Array.from(w.values()).reduce((o,j)=>(o+=j.value.clientWidth,o),0)}),()=>t.createVNode("span",{ref:s,class:M.value,style:r.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,a)=>g(c,a))]),t.createVNode("small",{class:f.value,style:b.value},null),t.createVNode("div",{class:"f-capsule-board",style:S.value},null)])}});function ee(n,e,u){var N;const s="",l="",i=t.ref();function p(){return(e==null?void 0:e.schema.componentType)!=="frame"}function h(){return!1}function M(){return(e==null?void 0:e.schema.componentType)!=="frame"}function r(){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 O=t.ref(y==null?void 0:y.value.parent),g=f(O);return g||null}function d(y=e){const{componentInstance:O,designerItemElementRef:g}=y;return!O||!O.value?null:O.value.canMove?g:d(y.parent)}function m(y){return!!u}function v(){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 S(y,O){}function w(y,O){const{componentType:g}=y;let c=q(g,y,O);const a=g.toLowerCase().replace(/-/g,"_");return c&&!c.id&&c.type===g&&(c.id=`${a}_${Math.random().toString().slice(2,6)}`),c}function $(y){}function A(...y){}function R(){e!=null&&e.schema.contents&&e.schema.contents.map(y=>{var c;let O=y.id;y.type==="component-ref"&&(O=y.component);const g=n.value.querySelector(`#${O}-design-item`);(c=g==null?void 0:g.componentInstance)!=null&&c.value.onRemoveComponent&&g.componentInstance.value.onRemoveComponent()})}return i.value={canMove:p(),canSelectParent:h(),canDelete:M(),canNested:!r(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(N=e==null?void 0:e.parent)==null?void 0:N.componentInstance,schema:e==null?void 0:e.schema,styles:s,designerClass:l,canAccepts:m,getBelongedComponentInstance:f,getDraggableDesignItemElement:d,getDraggingDisplayText:v,getPropConfig:A,getDragScopeElement:b,onAcceptMovedChildElement:S,onChildElementMovedOut:$,addNewChildComponentSchema:w,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1),onRemoveComponent:R},i}const te=t.defineComponent({name:"FCapsuleDesign",props:T,emits:["change","update:modelValue"],setup(n,e){const u=t.ref(n.items),s=t.ref(),l=2,i=t.ref(n.modelValue),p=t.ref("none"),h=t.ref(n.type),M=t.inject("design-item-context"),r=ee(s,M);t.onMounted(()=>{s.value.componentInstance=r}),e.expose(r.value);const f=t.computed(()=>{const a={"f-capsule-container":!0};return h.value&&(a[h.value]=!0),a}),d=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),v=t.ref(l),b=t.ref(0),S=t.ref(0),w=t.computed(()=>({left:`${v.value}px`,width:`${b.value}px`,transition:p.value})),$=t.computed(()=>({width:`${S.value}px`})),A=new Map;function R(a){var o;if(A.has(a.value)){const j=(o=A.get(a.value))==null?void 0:o.value;if(j){const B=j.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=B.left-ae.left+l+s.value.scrollLeft,b.value=B.width-2*l}}}function N(a,o){const j=a.value;i.value=j,e.emit("update:modelValue",j),R(a),o&&e.emit("change",j)}function y(a){const o=u.value.findIndex(j=>j.value===a);o>-1&&N(u.value[o],!1)}t.watch(()=>n.modelValue,a=>{i.value=a,y(i.value)}),t.watch(()=>n.items,async a=>{u.value=a,await t.nextTick(),y(i.value),S.value=Array.from(A.values()).reduce((o,j)=>(o+=j.value.clientWidth,o),0)}),t.onMounted(async()=>{y(i.value),await t.nextTick(),p.value="0.1s ease-out all",S.value=Array.from(A.values()).reduce((a,o)=>(a+=o.value.clientWidth,a),0)});function O(a,o){N(o,!0)}function g(a,o){A.set(o,a)}function c(a,o){return t.createVNode(W,{name:a.name,value:a.value,isActive:a.value===i.value,index:o,onMounted:g,onActive:O},null)}return()=>t.createVNode("span",{ref:s,class:f.value,style:d.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((a,o)=>c(a,o))]),t.createVNode("small",{class:m.value,style:w.value},null),t.createVNode("div",{class:"f-capsule-board",style:$.value},null)])}});P.register=(n,e,u)=>{n.capsule=P,e.capsule=D},P.registerDesigner=(n,e,u)=>{n.capsule=te,e.capsule=D};const ne=_.withInstall(P);V.FCapsule=P,V.capsuleItemProps=L,V.capsuleProps=T,V.default=ne,V.propsResolver=D,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,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):(V=typeof globalThis<"u"?globalThis:V||self,t(V.capsule={},V.Vue,V.LodashES,V.common))})(this,function(V,t,T,W){"use strict";const H={$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"]},q={},C={};function D(n){const{properties:e,title:u,ignore:c}=n,s=c&&Array.isArray(c),o=Object.keys(e).reduce((i,v)=>((!s||!c.find(M=>M===v))&&(i[v]=e[v].type==="object"&&e[v].properties?D(e[v]):T.cloneDeep(e[v].default)),i),{});if(u&&(!s||!c.find(i=>i==="id"))){const i=u.toLowerCase().replace(/-/g,"_");o.id=`${i}_${Math.random().toString().slice(2,6)}`}return o}function z(n){const{properties:e,title:u,required:c}=n;if(c&&Array.isArray(c)){const s=c.reduce((o,i)=>(o[i]=e[i].type==="object"&&e[i].properties?D(e[i]):T.cloneDeep(e[i].default),o),{});if(u&&c.find(o=>o==="id")){const o=u.toLowerCase().replace(/-/g,"_");s.id=`${o}_${Math.random().toString().slice(2,6)}`}return s}return{type:u}}function F(n,e={},u){const c=q[n];if(c){let s=z(c);const o=C[n];return s=o?o({getSchemaByType:F},s,e,u):s,s}return null}function G(n,e){const u=D(e);return Object.keys(u).reduce((c,s)=>(Object.prototype.hasOwnProperty.call(n,s)&&(c[s]&&T.isPlainObject(c[s])&&T.isPlainObject(n[s]||!n[s])?Object.assign(c[s],n[s]||{}):c[s]=n[s]),c),u),u}function J(n,e){return Object.keys(n).filter(c=>n[c]!=null).reduce((c,s)=>{if(e.has(s)){const o=e.get(s);if(typeof o=="string")c[o]=n[s];else{const i=o(s,n[s],n);Object.assign(c,i)}}else c[s]=n[s];return c},{})}function Q(n,e,u=new Map){const c=G(n,e);return J(c,u)}function U(n={}){function e(l,f,d,m){if(typeof d=="number")return m[l].length===d;if(typeof d=="object"){const h=Object.keys(d)[0],g=d[h];if(h==="not")return Number(m[l].length)!==Number(g);if(h==="moreThan")return Number(m[l].length)>=Number(g);if(h==="lessThan")return Number(m[l].length)<=Number(g)}return!1}function u(l,f,d,m){return m[l]&&m[l].propertyValue&&String(m[l].propertyValue.value)===String(d)}const c=new Map([["length",e],["getProperty",u]]);Object.keys(n).reduce((l,f)=>(l.set(f,n[f]),l),c);function s(l,f){const d=l;return typeof f=="number"?[{target:d,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:d,operator:"getProperty",param:l,value:!!f}]:typeof f=="object"?Object.keys(f).map(m=>{if(m==="length")return{target:d,operator:"length",param:null,value:f[m]};const h=m,g=f[m];return{target:d,operator:"getProperty",param:h,value:g}}):[]}function o(l){return Object.keys(l).reduce((d,m)=>{const h=s(m,l[m]);return d.push(...h),d},[])}function i(l,f){if(c.has(l.operator)){const d=c.get(l.operator);return d&&d(l.target,l.param,l.value,f)||!1}return!1}function v(l,f){return o(l).reduce((h,g)=>h&&i(g,f),!0)}function M(l,f){const d=Object.keys(l),m=d.includes("allOf"),h=d.includes("anyOf"),g=m||h,$=(g?l[g?m?"allOf":"anyOf":"allOf"]:[l]).map(R=>v(R,f));return m?!$.includes(!1):$.includes(!0)}return{parseValueSchema:M}}const X={},Y={};U();function Z(n,e,u=new Map,c=(i,v,M,l)=>v,s={},o=i=>i){return q[e.title]=e,C[e.title]=c,X[e.title]=s,Y[e.title]=o,(i={})=>{const v=Q(i,e,u),M=Object.keys(n).reduce((l,f)=>(l[f]=n[f].default,l),{});return Object.assign(M,v)}}function I(n,e){return{customClass:e.class,customStyle:e.style}}const K=new Map([["appearance",I]]);function x(n,e,u){return e}const ee={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:[]}}}}}},B={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}},E=Z(B,H,K,x,ee),_=t.defineComponent({name:"FCapsuleItem",props:L,emits:["mounted","active"],setup(n,e){const u=t.ref(),c=t.ref(n.isActive);t.watch(()=>n.isActive,i=>{c.value=i});const s=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":c.value,"f-capsule-disabled":n.disabled}));t.onMounted(()=>{e.emit("mounted",u,n.value)});function o(i){n.disabled||e.emit("active",i,{name:n.name,value:n.value})}return()=>t.createVNode("div",{ref:u,class:s.value,onClick:i=>o(i)},[n.icon&&t.createVNode("i",{class:n.icon},null),n.name])}}),N=t.defineComponent({name:"FCapsule",props:B,emits:["change","update:modelValue"],setup(n,e){const u=t.ref(n.items),c=t.ref(),s=2,o=t.ref(n.modelValue),i=t.ref("none"),v=t.ref(n.type),M=t.computed(()=>{const r={"f-capsule-container":!0};return v.value&&(r[v.value]=!0),r}),l=t.computed(()=>({})),f=t.computed(()=>({"f-capsule":!0})),d=t.ref(s),m=t.ref(0),h=t.ref(0),g=t.computed(()=>({left:`${d.value}px`,width:`${m.value}px`,transition:i.value})),A=t.computed(()=>({width:`${h.value}px`})),w=new Map;function $(r){var a;if(w.has(r.value)){const p=(a=w.get(r.value))==null?void 0:a.value;if(p){const j=p.getBoundingClientRect(),k=c.value.getBoundingClientRect();d.value=j.left-k.left+s+c.value.scrollLeft,m.value=j.width-2*s}}}function S(r,a){const p=r.value;o.value=p,e.emit("update:modelValue",p),$(r),a&&e.emit("change",p)}function R(r){const a=u.value.findIndex(p=>p.value===r);a>-1&&S(u.value[a],!1)}t.watch(()=>n.modelValue,r=>{o.value=r,R(o.value)}),t.onMounted(async()=>{R(o.value),await t.nextTick(),i.value="0.1s ease-out all",h.value=Array.from(w.values()).reduce((r,a)=>(r+=a.value.clientWidth,r),0)});function P(r,a){S(a,!0)}function y(r,a){w.set(a,r)}function O(r){Array.from(w.keys()).forEach(a=>{r.find(j=>j.value===a)||w.delete(a)})}function b(r,a){return t.createVNode(_,{name:r.name,value:r.value,isActive:r.value===o.value,index:a,disabled:r.disabled,key:r.value,onMounted:y,onActive:P},null)}return t.watch(()=>n.items,async r=>{const a=r.filter(p=>p.show);O(a),u.value=a,await t.nextTick(),R(o.value),h.value=Array.from(w.values()).reduce((p,j)=>(p+=j.value.clientWidth,p),0)}),()=>t.createVNode("span",{ref:c,class:M.value,style:l.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((r,a)=>b(r,a))]),t.createVNode("small",{class:f.value,style:g.value},null),t.createVNode("div",{class:"f-capsule-board",style:A.value},null)])}});function te(n,e,u){var P;const c="",s="",o=t.ref();function i(){return(e==null?void 0:e.schema.componentType)!=="frame"}function v(){return!1}function M(){return(e==null?void 0:e.schema.componentType)!=="frame"}function l(){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 O=t.ref(y==null?void 0:y.value.parent),b=f(O);return b||null}function d(y=e){const{componentInstance:O,designerItemElementRef:b}=y;return!O||!O.value?null:O.value.canMove?b:d(y.parent)}function m(y){return!!u}function h(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function g(){}function A(y,O){}function w(y,O){const{componentType:b}=y;let r=F(b,y,O);const a=b.toLowerCase().replace(/-/g,"_");return r&&!r.id&&r.type===b&&(r.id=`${a}_${Math.random().toString().slice(2,6)}`),r}function $(y){}function S(...y){}function R(){e!=null&&e.schema.contents&&e.schema.contents.map(y=>{var r;let O=y.id;y.type==="component-ref"&&(O=y.component);const b=n.value.querySelector(`#${O}-design-item`);(r=b==null?void 0:b.componentInstance)!=null&&r.value.onRemoveComponent&&b.componentInstance.value.onRemoveComponent()})}return o.value={canMove:i(),canSelectParent:v(),canDelete:M(),canNested:!l(),contents:e==null?void 0:e.schema.contents,elementRef:n,parent:(P=e==null?void 0:e.parent)==null?void 0:P.componentInstance,schema:e==null?void 0:e.schema,styles:c,designerClass:s,canAccepts:m,getBelongedComponentInstance:f,getDraggableDesignItemElement:d,getDraggingDisplayText:h,getPropConfig:S,getDragScopeElement:g,onAcceptMovedChildElement:A,onChildElementMovedOut:$,addNewChildComponentSchema:w,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1),onRemoveComponent:R},o}const ne=t.defineComponent({name:"FCapsuleDesign",props:B,emits:["change","update:modelValue"],setup(n,e){const u=t.ref(n.items),c=t.ref(),s=2,o=t.ref(n.modelValue),i=t.ref("none"),v=t.ref(n.type),M=t.inject("design-item-context"),l=te(c,M);t.onMounted(()=>{c.value.componentInstance=l}),e.expose(l.value);const f=t.computed(()=>{const a={"f-capsule-container":!0};return v.value&&(a[v.value]=!0),a}),d=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),h=t.ref(s),g=t.ref(0),A=t.ref(0),w=t.computed(()=>({left:`${h.value}px`,width:`${g.value}px`,transition:i.value})),$=t.computed(()=>({width:`${A.value}px`})),S=new Map;function R(a){var p;if(S.has(a.value)){const j=(p=S.get(a.value))==null?void 0:p.value;if(j){const k=j.getBoundingClientRect(),ce=c.value.getBoundingClientRect();h.value=k.left-ce.left+s+c.value.scrollLeft,g.value=k.width-2*s}}}function P(a,p){const j=a.value;o.value=j,e.emit("update:modelValue",j),R(a),p&&e.emit("change",j)}function y(a){const p=u.value.findIndex(j=>j.value===a);p>-1&&P(u.value[p],!1)}t.watch(()=>n.modelValue,a=>{o.value=a,y(o.value)}),t.watch(()=>n.items,async a=>{u.value=a,await t.nextTick(),y(o.value),A.value=Array.from(S.values()).reduce((p,j)=>(p+=j.value.clientWidth,p),0)}),t.onMounted(async()=>{y(o.value),await t.nextTick(),i.value="0.1s ease-out all",A.value=Array.from(S.values()).reduce((a,p)=>(a+=p.value.clientWidth,a),0)});function O(a,p){P(p,!0)}function b(a,p){S.set(p,a)}function r(a,p){return t.createVNode(_,{name:a.name,value:a.value,isActive:a.value===o.value,index:p,onMounted:b,onActive:O},null)}return()=>t.createVNode("span",{ref:c,class:f.value,style:d.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((a,p)=>r(a,p))]),t.createVNode("small",{class:m.value,style:w.value},null),t.createVNode("div",{class:"f-capsule-board",style:$.value},null)])}});N.register=(n,e,u)=>{n.capsule=N,e.capsule=E},N.registerDesigner=(n,e,u)=>{n.capsule=ne,e.capsule=E};const ae=W.withInstall(N);V.FCapsule=N,V.capsuleItemProps=L,V.capsuleProps=B,V.default=ae,V.propsResolver=E,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});