@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Mobile/ClSwipe.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),f=require("../Shared/base-DmcbRUB5.js"),P=require("../Shared/index-CXRfOfiT.js"),X=["id"],q={key:0,class:"swipe-indicators"},O=50,V=350,Y=3e3,H="0.3s",J=e.defineComponent({name:"ClSwipe",__name:"Index",props:{id:String,className:String,isAutoplay:{type:Boolean,default:!0},autoplayInterval:{type:Number,default:3e3},isLoop:{type:Boolean,default:!0},isShowIndicators:{type:Boolean,default:!0},height:{type:String,default:"200px"}},emits:["onChange","onClick"],setup(C,{emit:A}){const o=C,m=A,M=`swipe-${f.CommonBase.getRandom(5)}`,N=o.id,p=e.useSlots(),l=e.ref(0);let I=0,S=0,k=-1,h="";const i=e.ref(!1);let c=null;const T=e.ref(0);let v=!1,B=0,w=-1,_=!0;const u=e.computed(()=>{T.value;const t=p.default?p.default():[];return Math.max(1,t.length)}),x=e.computed(()=>{let t={"panel-swipe":!0};return t=f.CommonBase.getJsonMerge(t,P.CommonElement.getClassNameJson(o.className)),t}),L=e.computed(()=>({height:f.CommonBase.isNonEmptyString(o.height)?o.height:"200px"})),D=e.computed(()=>({transform:`translateX(${-l.value*100}%)`,transition:i.value?"none":`transform ${H} ease`})),g=t=>{const n=u.value;if(n<=1)return!1;let a=t;return o.isLoop?a=(t%n+n)%n:a=Math.min(Math.max(t,0),n-1),a!==l.value?(l.value=a,m("onChange",a),!0):!1},r=()=>{if(!_||!o.isAutoplay||u.value<2||!o.isLoop&&l.value>=u.value-1||i.value)return;s();const t=f.CommonBase.isNumber(o.autoplayInterval)&&f.CommonBase.isFinite(o.autoplayInterval)&&o.autoplayInterval>0?o.autoplayInterval:Y;c=setInterval(()=>{const n=g(l.value+1);!o.isLoop&&!n&&s()},t)},s=()=>{c&&(clearInterval(c),c=null)},b=t=>({"swipe-indicator":!0,"swipe-indicator--active":t===l.value});e.onMounted(()=>{r()}),e.onUpdated(()=>{const t=p.default?p.default().length:0;t!==w&&(w=t,T.value++)}),e.onActivated(()=>{_=!0,r()}),e.onDeactivated(()=>{_=!1,s()}),e.onBeforeUnmount(()=>{s()}),e.watch(()=>o.isAutoplay,t=>{t?r():s()}),e.watch(()=>o.autoplayInterval,()=>{s(),r()}),e.watch(()=>o.isLoop,()=>{r()}),e.watch(u,t=>{const n=l.value>=t;if(n){const a=Math.max(0,t-1);l.value=a,e.nextTick(()=>{m("onChange",a)})}if(t<2){s();return}o.isAutoplay&&(n||c===null)&&(s(),r())});const z=t=>{if(t.touches.length>1)return;const n=t.touches?.[0];n&&(v=!1,h="",k=n.identifier,I=n.clientX,S=n.clientY,i.value=!0,s())},R=t=>{if(!i.value||t.touches.length>1)return;const n=Array.from(t.touches).find(d=>d.identifier===k);if(!n)return;const a=n.clientX-I,y=n.clientY-S;if(h===""&&(h=Math.abs(a)>Math.abs(y)?"horizontal":"vertical"),h==="horizontal"&&(v=!0,Math.abs(a)>O)){let d=!1;a<0?d=g(l.value+1):d=g(l.value-1),d&&(i.value=!1)}},E=()=>{i.value=!1,v&&(B=Date.now()),r()},$=t=>{t.touches.length>0||E()},U=()=>{E()},F=()=>{const t=Date.now()-B;t>=0&&t<V||m("onClick")};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(x.value),style:e.normalizeStyle(L.value),role:"region","aria-roledescription":"轮播图","aria-label":"轮播图",onTouchstart:z,onTouchmove:R,onTouchend:$,onTouchcancel:U,onClick:F},[e.createElementVNode("div",{class:"swipe-track",style:e.normalizeStyle(D.value)},[e.renderSlot(t.$slots,"default")],4),C.isShowIndicators?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(a,y)=>(e.openBlock(),e.createElementBlock("span",{key:`${M}-ind-${a}`,class:e.normalizeClass(b(y)),"aria-hidden":"true"},null,2))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],46,X))}});module.exports=J;
+"use strict";const e=require("vue"),f=require("../Shared/base-DbuX_Y3x.js"),P=require("../Shared/index-rFJmbgyH.js"),X=["id"],q={key:0,class:"swipe-indicators"},O=50,V=350,Y=3e3,H="0.3s",J=e.defineComponent({name:"ClSwipe",__name:"Index",props:{id:String,className:String,isAutoplay:{type:Boolean,default:!0},autoplayInterval:{type:Number,default:3e3},isLoop:{type:Boolean,default:!0},isShowIndicators:{type:Boolean,default:!0},height:{type:String,default:"200px"}},emits:["onChange","onClick"],setup(C,{emit:A}){const o=C,m=A,M=`swipe-${f.CommonBase.getRandom(5)}`,N=o.id,p=e.useSlots(),l=e.ref(0);let I=0,S=0,k=-1,h="";const i=e.ref(!1);let c=null;const T=e.ref(0);let v=!1,B=0,w=-1,_=!0;const u=e.computed(()=>{T.value;const t=p.default?p.default():[];return Math.max(1,t.length)}),x=e.computed(()=>{let t={"panel-swipe":!0};return t=f.CommonBase.getJsonMerge(t,P.CommonElement.getClassNameJson(o.className)),t}),L=e.computed(()=>({height:f.CommonBase.isNonEmptyString(o.height)?o.height:"200px"})),D=e.computed(()=>({transform:`translateX(${-l.value*100}%)`,transition:i.value?"none":`transform ${H} ease`})),g=t=>{const n=u.value;if(n<=1)return!1;let a=t;return o.isLoop?a=(t%n+n)%n:a=Math.min(Math.max(t,0),n-1),a!==l.value?(l.value=a,m("onChange",a),!0):!1},r=()=>{if(!_||!o.isAutoplay||u.value<2||!o.isLoop&&l.value>=u.value-1||i.value)return;s();const t=f.CommonBase.isNumber(o.autoplayInterval)&&f.CommonBase.isFinite(o.autoplayInterval)&&o.autoplayInterval>0?o.autoplayInterval:Y;c=setInterval(()=>{const n=g(l.value+1);!o.isLoop&&!n&&s()},t)},s=()=>{c&&(clearInterval(c),c=null)},b=t=>({"swipe-indicator":!0,"swipe-indicator--active":t===l.value});e.onMounted(()=>{r()}),e.onUpdated(()=>{const t=p.default?p.default().length:0;t!==w&&(w=t,T.value++)}),e.onActivated(()=>{_=!0,r()}),e.onDeactivated(()=>{_=!1,s()}),e.onBeforeUnmount(()=>{s()}),e.watch(()=>o.isAutoplay,t=>{t?r():s()}),e.watch(()=>o.autoplayInterval,()=>{s(),r()}),e.watch(()=>o.isLoop,()=>{r()}),e.watch(u,t=>{const n=l.value>=t;if(n){const a=Math.max(0,t-1);l.value=a,e.nextTick(()=>{m("onChange",a)})}if(t<2){s();return}o.isAutoplay&&(n||c===null)&&(s(),r())});const z=t=>{if(t.touches.length>1)return;const n=t.touches?.[0];n&&(v=!1,h="",k=n.identifier,I=n.clientX,S=n.clientY,i.value=!0,s())},R=t=>{if(!i.value||t.touches.length>1)return;const n=Array.from(t.touches).find(d=>d.identifier===k);if(!n)return;const a=n.clientX-I,y=n.clientY-S;if(h===""&&(h=Math.abs(a)>Math.abs(y)?"horizontal":"vertical"),h==="horizontal"&&(v=!0,Math.abs(a)>O)){let d=!1;a<0?d=g(l.value+1):d=g(l.value-1),d&&(i.value=!1)}},E=()=>{i.value=!1,v&&(B=Date.now()),r()},$=t=>{t.touches.length>0||E()},U=()=>{E()},F=()=>{const t=Date.now()-B;t>=0&&t<V||m("onClick")};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(N),class:e.normalizeClass(x.value),style:e.normalizeStyle(L.value),role:"region","aria-roledescription":"轮播图","aria-label":"轮播图",onTouchstart:z,onTouchmove:R,onTouchend:$,onTouchcancel:U,onClick:F},[e.createElementVNode("div",{class:"swipe-track",style:e.normalizeStyle(D.value)},[e.renderSlot(t.$slots,"default")],4),C.isShowIndicators?(e.openBlock(),e.createElementBlock("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(a,y)=>(e.openBlock(),e.createElementBlock("span",{key:`${M}-ind-${a}`,class:e.normalizeClass(b(y)),"aria-hidden":"true"},null,2))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],46,X))}});module.exports=J;

package/buildLibs/utils/Mobile/ClSwipe.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClSwipe.css';
 import { defineComponent as K, useSlots as W, ref as T, computed as v, onMounted as j, onUpdated as q, onActivated as G, onDeactivated as Q, onBeforeUnmount as Z, watch as _, nextTick as ee, openBlock as f, createElementBlock as d, normalizeStyle as D, normalizeClass as B, unref as te, createElementVNode as ne, renderSlot as oe, Fragment as b, renderList as ae } from "vue";
-import { C as h } from "../Shared/base-C5l51ld_.js";
-import { C as le } from "../Shared/index-wdK75uN2.js";
+import { C as h } from "../Shared/base-fr2I80sU.js";
+import { C as le } from "../Shared/index-B477PjJ3.js";
 const se = ["id"], re = {
   key: 0,
   class: "swipe-indicators"

package/buildLibs/utils/Mobile/ClTabM.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("../Shared/base-DmcbRUB5.js"),L=require("../Shared/index-CXRfOfiT.js"),E=["id"],B=["onClick"],S={class:"tabm-nav-text"},A=["id"],N=e.defineComponent({name:"ClTabM",__name:"Index",props:{id:String,className:String,tabsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isLineAnimated:{type:Boolean,default:!0}},emits:["onChange","onClickTab"],setup(f,{emit:b}){const a=f,u=b,d=`tabm-${m.CommonBase.getRandom(5)}`,y=a.id,s=e.useTemplateRef("refElTabs"),v=e.ref(0),p=e.ref(0),n=e.computed(()=>Array.isArray(a.tabsList)?a.tabsList:[]),i=e.computed(()=>{const t=n.value.length;return t?m.CommonBase.isFinite(a.active)?Math.trunc(Math.min(Math.max(a.active,0),t-1)):0:-1}),C=e.computed(()=>{const t={"panel-tab-m":!0};return m.CommonBase.getJsonMerge(t,L.CommonElement.getClassNameJson(a.className))}),_=e.computed(()=>({"tabm-nav-line":!0,"tabm-nav-line--no-animated":!a.isLineAnimated})),h=e.computed(()=>({left:`${v.value}px`,width:`${p.value}px`})),g=e.computed(()=>({"--tabm-active-color":a.activeColor||"var(--cl-primary, #1088f0)","--tabm-inactive-color":a.inactiveColor||"var(--cl-text-secondary, #666666)"})),c=()=>{s.value&&e.nextTick(()=>{const t=s.value;if(!t)return;const l=t.querySelectorAll(".tabm-nav-text")[i.value];l&&(v.value=l.offsetLeft,p.value=l.offsetWidth)})};e.onMounted(()=>{c()}),e.onActivated(()=>{c()}),e.watch([()=>a.active,()=>n.value,()=>n.value.length],()=>{c()});const k=t=>{const o=n.value[t];!o||o.disabled||(u("onClickTab",t),t!==i.value&&u("onChange",t))},T=t=>({"tabm-nav-item":!0,"tabm-nav-item--active":t===i.value,"tabm-nav-item--disabled":!!n.value[t]?.disabled});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(C.value),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{ref_key:"refElTabs",ref:s,class:"tabm-nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(l,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${d}-${r}`,class:e.normalizeClass(T(r)),onClick:$=>k(r)},[e.createElementVNode("span",S,e.toDisplayString(l?.title),1)],10,B))),128)),e.createElementVNode("div",{class:e.normalizeClass(_.value),style:e.normalizeStyle(h.value)},null,6)],512),e.createElementVNode("div",{class:"tabm-content",id:`${d}-tabpanel`},[e.renderSlot(t.$slots,"default")],8,A)],14,E))}});module.exports=N;
+"use strict";const e=require("vue"),m=require("../Shared/base-DbuX_Y3x.js"),L=require("../Shared/index-rFJmbgyH.js"),E=["id"],B=["onClick"],S={class:"tabm-nav-text"},A=["id"],N=e.defineComponent({name:"ClTabM",__name:"Index",props:{id:String,className:String,tabsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isLineAnimated:{type:Boolean,default:!0}},emits:["onChange","onClickTab"],setup(f,{emit:b}){const a=f,u=b,d=`tabm-${m.CommonBase.getRandom(5)}`,y=a.id,s=e.useTemplateRef("refElTabs"),v=e.ref(0),p=e.ref(0),n=e.computed(()=>Array.isArray(a.tabsList)?a.tabsList:[]),i=e.computed(()=>{const t=n.value.length;return t?m.CommonBase.isFinite(a.active)?Math.trunc(Math.min(Math.max(a.active,0),t-1)):0:-1}),C=e.computed(()=>{const t={"panel-tab-m":!0};return m.CommonBase.getJsonMerge(t,L.CommonElement.getClassNameJson(a.className))}),_=e.computed(()=>({"tabm-nav-line":!0,"tabm-nav-line--no-animated":!a.isLineAnimated})),h=e.computed(()=>({left:`${v.value}px`,width:`${p.value}px`})),g=e.computed(()=>({"--tabm-active-color":a.activeColor||"var(--cl-primary, #1088f0)","--tabm-inactive-color":a.inactiveColor||"var(--cl-text-secondary, #666666)"})),c=()=>{s.value&&e.nextTick(()=>{const t=s.value;if(!t)return;const l=t.querySelectorAll(".tabm-nav-text")[i.value];l&&(v.value=l.offsetLeft,p.value=l.offsetWidth)})};e.onMounted(()=>{c()}),e.onActivated(()=>{c()}),e.watch([()=>a.active,()=>n.value,()=>n.value.length],()=>{c()});const k=t=>{const o=n.value[t];!o||o.disabled||(u("onClickTab",t),t!==i.value&&u("onChange",t))},T=t=>({"tabm-nav-item":!0,"tabm-nav-item--active":t===i.value,"tabm-nav-item--disabled":!!n.value[t]?.disabled});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(C.value),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{ref_key:"refElTabs",ref:s,class:"tabm-nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(l,r)=>(e.openBlock(),e.createElementBlock("div",{key:`${d}-${r}`,class:e.normalizeClass(T(r)),onClick:$=>k(r)},[e.createElementVNode("span",S,e.toDisplayString(l?.title),1)],10,B))),128)),e.createElementVNode("div",{class:e.normalizeClass(_.value),style:e.normalizeStyle(h.value)},null,6)],512),e.createElementVNode("div",{class:"tabm-content",id:`${d}-tabpanel`},[e.renderSlot(t.$slots,"default")],8,A)],14,E))}});module.exports=N;

package/buildLibs/utils/Mobile/ClTabM.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClTabM.css';
 import { defineComponent as E, useTemplateRef as N, ref as _, computed as n, onMounted as B, onActivated as w, watch as z, openBlock as u, createElementBlock as v, normalizeStyle as h, normalizeClass as d, unref as F, createElementVNode as l, Fragment as J, renderList as R, toDisplayString as W, renderSlot as q, nextTick as D } from "vue";
-import { C as f } from "../Shared/base-C5l51ld_.js";
-import { C as P } from "../Shared/index-wdK75uN2.js";
+import { C as f } from "../Shared/base-fr2I80sU.js";
+import { C as P } from "../Shared/index-B477PjJ3.js";
 const V = ["id"], j = ["onClick"], G = { class: "tabm-nav-text" }, H = ["id"], X = /* @__PURE__ */ E({
   name: "ClTabM",
   __name: "Index",

package/buildLibs/utils/Mobile/ClTabbar.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../Shared/base-DmcbRUB5.js"),f=require("../Shared/index-CXRfOfiT.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dzw8LxdI.js"),x=["id"],z=["onClick"],E={class:"tabbar-item-text"},F=e.defineComponent({name:"ClTabbar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isSafeAreaInsetBottom:Boolean,isFixed:Boolean,isPlaceholder:Boolean,zIndex:{type:Number,default:1e3}},emits:["onChange","onClickItem"],setup(m,{emit:u}){const a=m,s=u,d=`tabbar-${l.CommonBase.getRandom(5)}`,p=a.id,c=e.computed(()=>Array.isArray(a.itemsList)?a.itemsList.map(t=>t!=null&&l.CommonBase.getTypeof(t)==="object"?t:null):[]),i=e.computed(()=>{const t={};return c.value.forEach((o,n)=>{t[n]=o!=null?k(o):0}),t}),b=e.computed(()=>a.isFixed&&a.isPlaceholder),v=e.computed(()=>{const t=c.value.length,o=a.active;return l.CommonBase.getTypeof(o)==="symbol"||!l.CommonBase.isFinite(o)||t===0?0:Math.min(Math.max(o,0),t-1)}),B=e.computed(()=>l.CommonBase.getTypeof(a.zIndex)==="symbol"||!l.CommonBase.isFinite(a.zIndex)?1e3:a.zIndex),_=e.computed(()=>{const t={"panel-tabbar":!0,"panel-tabbar--fixed":a.isFixed,"panel-tabbar--safe-bottom":a.isSafeAreaInsetBottom};return l.CommonBase.getJsonMerge(t,f.CommonElement.getClassNameJson(a.className))}),y=e.computed(()=>({"--tabbar-active-color":a.activeColor,"--tabbar-inactive-color":a.inactiveColor,zIndex:B.value})),C=(t,o)=>{s("onClickItem",o),o!==a.active&&s("onChange",o)},g=(t,o)=>({"tabbar-item":!0,"tabbar-item--active":o===v.value}),k=t=>{const o=l.CommonBase.getTypeof(t.badge)==="symbol"?NaN:Number(t.badge);return l.CommonBase.isFinite(o)&&o>0?o:0};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:e.unref(p),class:e.normalizeClass(_.value),style:e.normalizeStyle(y.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${d}-${r}`},[n!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(g(n,r)),onClick:I=>C(n,r)},[n.iconName||n.icon?(e.openBlock(),e.createBlock(N._sfc_main,{key:0,name:n.iconName||n.icon,size:20,className:"tabbar-item-icon"},null,8,["name"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(n.text),1),i.value[r]>0?(e.openBlock(),e.createBlock(h._sfc_main,{key:2,num:i.value[r],colorSty:"var(--cl-danger, #ee0a24)",className:"tabbar-item-badge"},null,8,["num"])):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0)],64))),128))],14,x),b.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-tabbar-placeholder",{"panel-tabbar-placeholder--safe":a.isSafeAreaInsetBottom}])},null,2)):e.createCommentVNode("",!0)],64))}});module.exports=F;
+"use strict";const e=require("vue"),l=require("../Shared/base-DbuX_Y3x.js"),f=require("../Shared/index-rFJmbgyH.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CyYCIkzr.js"),x=["id"],z=["onClick"],E={class:"tabbar-item-text"},F=e.defineComponent({name:"ClTabbar",__name:"Index",props:{id:String,className:String,itemsList:{type:Array,default:()=>[]},active:{type:Number,default:0},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},inactiveColor:{type:String,default:"var(--cl-text-secondary, #666666)"},isSafeAreaInsetBottom:Boolean,isFixed:Boolean,isPlaceholder:Boolean,zIndex:{type:Number,default:1e3}},emits:["onChange","onClickItem"],setup(m,{emit:u}){const a=m,s=u,d=`tabbar-${l.CommonBase.getRandom(5)}`,p=a.id,c=e.computed(()=>Array.isArray(a.itemsList)?a.itemsList.map(t=>t!=null&&l.CommonBase.getTypeof(t)==="object"?t:null):[]),i=e.computed(()=>{const t={};return c.value.forEach((o,n)=>{t[n]=o!=null?k(o):0}),t}),b=e.computed(()=>a.isFixed&&a.isPlaceholder),v=e.computed(()=>{const t=c.value.length,o=a.active;return l.CommonBase.getTypeof(o)==="symbol"||!l.CommonBase.isFinite(o)||t===0?0:Math.min(Math.max(o,0),t-1)}),B=e.computed(()=>l.CommonBase.getTypeof(a.zIndex)==="symbol"||!l.CommonBase.isFinite(a.zIndex)?1e3:a.zIndex),_=e.computed(()=>{const t={"panel-tabbar":!0,"panel-tabbar--fixed":a.isFixed,"panel-tabbar--safe-bottom":a.isSafeAreaInsetBottom};return l.CommonBase.getJsonMerge(t,f.CommonElement.getClassNameJson(a.className))}),y=e.computed(()=>({"--tabbar-active-color":a.activeColor,"--tabbar-inactive-color":a.inactiveColor,zIndex:B.value})),C=(t,o)=>{s("onClickItem",o),o!==a.active&&s("onChange",o)},g=(t,o)=>({"tabbar-item":!0,"tabbar-item--active":o===v.value}),k=t=>{const o=l.CommonBase.getTypeof(t.badge)==="symbol"?NaN:Number(t.badge);return l.CommonBase.isFinite(o)&&o>0?o:0};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:e.unref(p),class:e.normalizeClass(_.value),style:e.normalizeStyle(y.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${d}-${r}`},[n!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(g(n,r)),onClick:I=>C(n,r)},[n.iconName||n.icon?(e.openBlock(),e.createBlock(N._sfc_main,{key:0,name:n.iconName||n.icon,size:20,className:"tabbar-item-icon"},null,8,["name"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("span",E,e.toDisplayString(n.text),1),i.value[r]>0?(e.openBlock(),e.createBlock(h._sfc_main,{key:2,num:i.value[r],colorSty:"var(--cl-danger, #ee0a24)",className:"tabbar-item-badge"},null,8,["num"])):e.createCommentVNode("",!0)],10,z)):e.createCommentVNode("",!0)],64))),128))],14,x),b.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["panel-tabbar-placeholder",{"panel-tabbar-placeholder--safe":a.isSafeAreaInsetBottom}])},null,2)):e.createCommentVNode("",!0)],64))}});module.exports=F;

package/buildLibs/utils/Mobile/ClTabbar.js

@@ -2,10 +2,10 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClTabbar.css';
 import { defineComponent as A, computed as s, openBlock as r, createElementBlock as l, Fragment as i, createElementVNode as v, normalizeStyle as F, normalizeClass as u, unref as T, renderList as $, createBlock as f, toDisplayString as L, createCommentVNode as m } from "vue";
-import { C as n } from "../Shared/base-C5l51ld_.js";
-import { C as E } from "../Shared/index-wdK75uN2.js";
-import { _ as M } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
-import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DkvbBq5f.js";
+import { C as n } from "../Shared/base-fr2I80sU.js";
+import { C as E } from "../Shared/index-B477PjJ3.js";
+import { _ as M } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
+import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BsE_zUs_.js";
 const V = ["id"], J = ["onClick"], j = { class: "tabbar-item-text" }, H = /* @__PURE__ */ A({
   name: "ClTabbar",
   __name: "Index",

package/buildLibs/utils/Mobile/ClTextHighlight.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("../Shared/base-DmcbRUB5.js"),p=require("../Shared/index-CXRfOfiT.js"),d=["id"],x={key:1},k=e.defineComponent({name:"ClTextHighlight",__name:"Index",props:{id:String,className:String,sourceText:String,highlightText:String,tag:{type:String,default:"mark"},isAutoEscape:{type:Boolean,default:!0}},setup(c){const l=c,a=`text-highlight-${r.CommonBase.getRandom(5)}`,h=l.id,g=e.computed(()=>{const t=l.tag;return r.CommonBase.isNonEmptyString(t)?t:"mark"}),m=e.computed(()=>{const t=l.sourceText||"",i=(l.highlightText||"").trim();if(!t||!i)return t?[{text:t,highlight:!1}]:[];const n=[];let o=0,s=t.indexOf(i);for(;s!==-1;)s>o&&n.push({text:t.slice(o,s),highlight:!1}),n.push({text:t.slice(s,s+i.length),highlight:!0}),o=s+i.length,s=t.indexOf(i,o);return o<t.length&&n.push({text:t.slice(o),highlight:!1}),n}),u=e.computed(()=>{const t={"panel-text-highlight":!0};return r.CommonBase.getJsonMerge(t,p.CommonElement.getClassNameJson(l.className))});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(u.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${a}-${o}`},[n.highlight?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{key:0,class:"highlight-mark"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(n.text),1))],64))),128))],10,d))}});module.exports=k;
+"use strict";const e=require("vue"),r=require("../Shared/base-DbuX_Y3x.js"),p=require("../Shared/index-rFJmbgyH.js"),d=["id"],x={key:1},k=e.defineComponent({name:"ClTextHighlight",__name:"Index",props:{id:String,className:String,sourceText:String,highlightText:String,tag:{type:String,default:"mark"},isAutoEscape:{type:Boolean,default:!0}},setup(c){const l=c,a=`text-highlight-${r.CommonBase.getRandom(5)}`,h=l.id,g=e.computed(()=>{const t=l.tag;return r.CommonBase.isNonEmptyString(t)?t:"mark"}),m=e.computed(()=>{const t=l.sourceText||"",i=(l.highlightText||"").trim();if(!t||!i)return t?[{text:t,highlight:!1}]:[];const n=[];let o=0,s=t.indexOf(i);for(;s!==-1;)s>o&&n.push({text:t.slice(o,s),highlight:!1}),n.push({text:t.slice(s,s+i.length),highlight:!0}),o=s+i.length,s=t.indexOf(i,o);return o<t.length&&n.push({text:t.slice(o),highlight:!1}),n}),u=e.computed(()=>{const t={"panel-text-highlight":!0};return r.CommonBase.getJsonMerge(t,p.CommonElement.getClassNameJson(l.className))});return(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(h),class:e.normalizeClass(u.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${a}-${o}`},[n.highlight?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{key:0,class:"highlight-mark"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:2},1024)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(n.text),1))],64))),128))],10,d))}});module.exports=k;

package/buildLibs/utils/Mobile/ClTextHighlight.css

@@ -1 +1 @@
-.panel-text-highlight{font-size:14px;color:var(--cl-text-primary, #323233);line-height:1.8;cursor:pointer}.highlight-mark{background:#fff1d0;color:#f38a00;padding:0 2px;border-radius:2px}
+.panel-text-highlight{font-size:14px;color:var(--cl-text-primary, #323233);line-height:1.8;cursor:pointer}.highlight-mark{background:var(--cl-highlight-bg, #ffff80);color:var(--cl-highlight-text, #323233);padding:0 2px;border-radius:2px}

package/buildLibs/utils/Mobile/ClTextHighlight.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClTextHighlight.css';
 import { defineComponent as _, computed as a, openBlock as l, createElementBlock as r, normalizeClass as k, unref as y, Fragment as g, renderList as C, createBlock as S, resolveDynamicComponent as T, withCtx as v, createTextVNode as B, toDisplayString as c } from "vue";
-import { C as h } from "../Shared/base-C5l51ld_.js";
-import { C as N } from "../Shared/index-wdK75uN2.js";
+import { C as h } from "../Shared/base-fr2I80sU.js";
+import { C as N } from "../Shared/index-B477PjJ3.js";
 const E = ["id"], w = { key: 1 }, J = /* @__PURE__ */ _({
   name: "ClTextHighlight",
   __name: "Index",

package/buildLibs/utils/Mobile/ClToast.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CBIhuvnz.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DsTDQ4p-.js");module.exports=e._sfc_main;

package/buildLibs/utils/Mobile/ClToast.js

@@ -2,7 +2,7 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClToast.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-W7-2HMLt.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BO2XU-fq.js";
 export {
   f as default
 };

package/buildLibs/utils/Mobile/ClWatermark.cjs

@@ -1,3 +1,3 @@
-"use strict";const t=require("vue"),o=require("../Shared/base-DmcbRUB5.js"),y=require("../Shared/index-CXRfOfiT.js"),z=["id"],B=t.defineComponent({name:"ClWatermark",__name:"Index",props:{id:String,className:String,content:String,fontColor:{type:String,default:"rgba(0, 0, 0, 0.15)"},fontSize:{type:Number,default:14},rotate:{type:Number,default:-22},zIndex:{type:Number,default:100},gapX:{type:Number,default:100},gapY:{type:Number,default:100},isFullScreen:{type:Boolean,default:!1}},setup(i){const e=i,c=e.id,m=t.computed(()=>{const n=o.CommonBase.isNonEmptyString(e.content)?e.content:"",r=o.CommonBase.isNonEmptyString(e.fontColor)?e.fontColor:"rgba(0, 0, 0, 0.15)",g=o.CommonBase.isFinite(e.fontSize)&&e.fontSize>0?e.fontSize:14,u=o.CommonBase.isFinite(e.rotate)?e.rotate:-22,a=o.CommonBase.isFinite(e.gapX)&&e.gapX>0?e.gapX:100,s=o.CommonBase.isFinite(e.gapY)&&e.gapY>0?e.gapY:100,l=S=>S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"),f=l(n),C=l(r),x=`<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${s}">
+"use strict";const t=require("vue"),o=require("../Shared/base-DbuX_Y3x.js"),y=require("../Shared/index-rFJmbgyH.js"),z=["id"],B=t.defineComponent({name:"ClWatermark",__name:"Index",props:{id:String,className:String,content:String,fontColor:{type:String,default:"rgba(0, 0, 0, 0.15)"},fontSize:{type:Number,default:14},rotate:{type:Number,default:-22},zIndex:{type:Number,default:100},gapX:{type:Number,default:100},gapY:{type:Number,default:100},isFullScreen:{type:Boolean,default:!1}},setup(i){const e=i,c=e.id,m=t.computed(()=>{const n=o.CommonBase.isNonEmptyString(e.content)?e.content:"",r=o.CommonBase.isNonEmptyString(e.fontColor)?e.fontColor:"rgba(0, 0, 0, 0.15)",g=o.CommonBase.isFinite(e.fontSize)&&e.fontSize>0?e.fontSize:14,u=o.CommonBase.isFinite(e.rotate)?e.rotate:-22,a=o.CommonBase.isFinite(e.gapX)&&e.gapX>0?e.gapX:100,s=o.CommonBase.isFinite(e.gapY)&&e.gapY>0?e.gapY:100,l=S=>S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"),f=l(n),C=l(r),x=`<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${s}">
   <text x="${a/2}" y="${s/2}" fill="${C}" font-size="${g}" text-anchor="middle" dominant-baseline="middle" transform="rotate(${u} ${a/2} ${s/2})">${f}</text>
 </svg>`;return`url("data:image/svg+xml,${encodeURIComponent(x)}")`}),p=t.computed(()=>{const n={"panel-watermark":!0};return o.CommonBase.getJsonMerge(n,y.CommonElement.getClassNameJson(e.className))}),d=t.computed(()=>({backgroundImage:m.value,zIndex:o.CommonBase.isFinite(e.zIndex)?e.zIndex:100,position:e.isFullScreen?"fixed":"absolute"}));return(n,r)=>(t.openBlock(),t.createElementBlock("div",{id:t.unref(c),class:t.normalizeClass(p.value),style:t.normalizeStyle(d.value)},[t.renderSlot(n.$slots,"default")],14,z))}});module.exports=B;

package/buildLibs/utils/Mobile/ClWatermark.js

@@ -1,8 +1,8 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClWatermark.css';
 import { defineComponent as C, computed as s, openBlock as z, createElementBlock as $, normalizeStyle as b, normalizeClass as N, unref as v, renderSlot as I } from "vue";
-import { C as t } from "../Shared/base-C5l51ld_.js";
-import { C as h } from "../Shared/index-wdK75uN2.js";
+import { C as t } from "../Shared/base-fr2I80sU.js";
+import { C as h } from "../Shared/index-B477PjJ3.js";
 const k = ["id"], B = /* @__PURE__ */ C({
   name: "ClWatermark",
   __name: "Index",

package/buildLibs/utils/Mobile/__provide__/NotifyM.cjs

@@ -1 +1 @@
-"use strict";const u=require("vue"),i=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-s0crAk8w.js");let s=null;const a=(c={})=>{if(s)return s;const r=u.createApp(i._sfc_main,c),o=document.createElement("div"),t=r.mount(o);return s={show:(e,n)=>{t.notify(e,n)},success:(e,n)=>{t.success(e,n)},danger:(e,n)=>{t.danger(e,n)},warning:(e,n)=>{t.warning(e,n)},close:()=>{t.close()}},s};module.exports=a;
+"use strict";const u=require("vue"),i=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-Dnw-Opme.js");let s=null;const a=(c={})=>{if(s)return s;const r=u.createApp(i._sfc_main,c),o=document.createElement("div"),t=r.mount(o);return s={show:(e,n)=>{t.notify(e,n)},success:(e,n)=>{t.success(e,n)},danger:(e,n)=>{t.danger(e,n)},warning:(e,n)=>{t.warning(e,n)},close:()=>{t.close()}},s};module.exports=a;

package/buildLibs/utils/Mobile/__provide__/NotifyM.js

@@ -1,7 +1,8 @@
 import '../../../styles/Common/Token.css';
+import '../../../styles/Common/IconFont-base.css';
 import '../../../styles/Mobile/__provide__/NotifyM.css';
 import { createApp as a } from "vue";
-import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-DlvzgFMo.js";
+import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-DAuZLHen.js";
 let o = null;
 const u = (s = {}) => {
   if (o)

package/buildLibs/utils/Mobile/__provide__/Toast.cjs

@@ -1 +1 @@
-"use strict";const u=require("vue"),a=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-CBIhuvnz.js");let n=null;const i=(c={})=>{if(n)return n;const o=u.createApp(a._sfc_main,c),r=document.createElement("div"),s=o.mount(r);return n={show:(e,t)=>{s.toast(e,t)},success:(e,t)=>{s.success(e,t)},fail:(e,t)=>{s.fail(e,t)},loading:(e,t)=>{s.loading(e,t)},close:e=>{s.close(e)}},n};module.exports=i;
+"use strict";const u=require("vue"),a=require("../../Shared/Index.vue_vue_type_script_setup_true_lang-DsTDQ4p-.js");let n=null;const i=(c={})=>{if(n)return n;const o=u.createApp(a._sfc_main,c),r=document.createElement("div"),s=o.mount(r);return n={show:(e,t)=>{s.toast(e,t)},success:(e,t)=>{s.success(e,t)},fail:(e,t)=>{s.fail(e,t)},loading:(e,t)=>{s.loading(e,t)},close:e=>{s.close(e)}},n};module.exports=i;

package/buildLibs/utils/Mobile/__provide__/Toast.js

@@ -3,7 +3,7 @@ import '../../../styles/Common/IconFont-base.css';
 import '../../../styles/Common/Load-base.css';
 import '../../../styles/Mobile/__provide__/Toast.css';
 import { createApp as r } from "vue";
-import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-W7-2HMLt.js";
+import { _ as i } from "../../Shared/Index.vue_vue_type_script_setup_true_lang-BO2XU-fq.js";
 let o = null;
 const u = (n = {}) => {
   if (o)

package/buildLibs/utils/Shared/{BallColor4-C2XdKmEn.js → BallColor4-BgsHLeZA.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./base-DmcbRUB5.js"),p=require("./_plugin-vue_export-helper-BHFhmbuH.js"),m=["id"],_={class:"loader"},f=e.defineComponent({name:"ClLoadBallColor4",__name:"BallColor4",props:{id:{},color:{}},setup(s){const r=s,a=r.id,i=`ballColor4-${u.CommonBase.getRandom(5)}`,n=["#2ecc71","#3498db","#f1c40f","#e74c3c"],d=e.computed(()=>{const t=r.color||"";if(!t)return n;const o=t.split("|").map(l=>l.trim()).filter(Boolean);if(o.length===0)return n;for(;o.length<4;)o.push(o[0]);return o.slice(0,4)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-ballColor4",id:e.unref(a)},[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,c)=>(e.openBlock(),e.createElementBlock("span",{key:`${i}-${c}`,style:e.normalizeStyle({"--i":c+1,"--c":l})},null,4))),128))])],8,m))}}),B=p._export_sfc(f,[["__scopeId","data-v-f4260593"]]);exports.default=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./base-DbuX_Y3x.js"),p=require("./_plugin-vue_export-helper-BHFhmbuH.js"),m=["id"],_={class:"loader"},f=e.defineComponent({name:"ClLoadBallColor4",__name:"BallColor4",props:{id:{},color:{}},setup(s){const r=s,a=r.id,i=`ballColor4-${u.CommonBase.getRandom(5)}`,n=["#2ecc71","#3498db","#f1c40f","#e74c3c"],d=e.computed(()=>{const t=r.color||"";if(!t)return n;const o=t.split("|").map(l=>l.trim()).filter(Boolean);if(o.length===0)return n;for(;o.length<4;)o.push(o[0]);return o.slice(0,4)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"load-ballColor4",id:e.unref(a)},[e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(l,c)=>(e.openBlock(),e.createElementBlock("span",{key:`${i}-${c}`,style:e.normalizeStyle({"--i":c+1,"--c":l})},null,4))),128))])],8,m))}}),B=p._export_sfc(f,[["__scopeId","data-v-f4260593"]]);exports.default=B;

package/buildLibs/utils/Shared/{BallColor4-Ds3O9chf.js → BallColor4-qLMVzbAS.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as u, openBlock as l, createElementBlock as r, unref as _, createElementVNode as f, Fragment as C, renderList as h, normalizeStyle as B } from "vue";
-import { C as g } from "./base-C5l51ld_.js";
+import { C as g } from "./base-fr2I80sU.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const v = ["id"], x = { class: "loader" }, y = /* @__PURE__ */ p({
   name: "ClLoadBallColor4",

package/buildLibs/utils/Shared/Base.css

@@ -1 +1 @@
-.panel-dropdownlayer{position:relative;color:var(--cl-text-primary, #323233);font-size:14px}.dropdownLayer-dropdown{background-color:var(--cl-bg, #ffffff);border:1px solid transparent;border-radius:4px;box-sizing:border-box;position:absolute;width:100%;z-index:var(--cl-z-overlay, 4001)}.dropdownLayer-dropdown-opacity0{opacity:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-open{overflow-x:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 6px 12px var(--cl-shadow-color, rgba(0, 0, 0, .175));overflow-y:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 -6px 12px var(--cl-shadow-color, rgba(0, 0, 0, .175))}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-left{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-right{left:auto;right:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-center{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top,.dropdownLayer-dropdown.dropdownLayer-dropdown-left.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-right.dropdownLayer-dropdown-arrow-center{top:0;bottom:auto}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{border-radius:4px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{overflow:visible}.dropdownLayer-dropdown>.arrow{display:none}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:8px;margin-left:-8px;content:" "}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-left>.arrow,.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-left>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-right>.arrow,.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-right>.arrow{right:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-down>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-up>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top>.arrow{top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-bottom>.arrow{bottom:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow{border-bottom-width:0;bottom:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow:after{border-top-color:var(--cl-bg, #ffffff);border-bottom-width:0;bottom:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-top-width:0;top:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow:after{border-bottom-color:var(--cl-bg, #ffffff);border-top-width:0;top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow{border-right-width:0;right:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow:after{border-left-color:var(--cl-bg, #ffffff);border-right-width:0;right:2px;top:-8px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow{border-left-width:0;left:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow:after{border-right-color:var(--cl-bg, #ffffff);border-left-width:0;left:10px;bottom:-8px}@keyframes zoomInTop{0%{opacity:0;transform:scaleY(0)}50%{opacity:1}}.zoomInTop{animation-name:zoomInTop;animation-duration:.5s;animation-fill-mode:both;transform-origin:center top;animation-timing-function:ease-in}.dropdownLayer-dropdown-up.zoomInTop{transform-origin:center bottom}@keyframes zoomOutTop{0%{opacity:1}80%{opacity:0}to{opacity:0;transform:scaleY(0)}}.zoomOutTop{animation-name:zoomOutTop;animation-duration:.5s;animation-fill-mode:both;transform-origin:center top;animation-timing-function:ease-in}.dropdownLayer-dropdown-up.zoomOutTop{transform-origin:center bottom!important}.dropdownLayer-close-no-anim{animation:none!important;transition:none!important}
+.panel-dropdownlayer{position:relative;color:var(--cl-text-primary, #323233);font-size:14px}.dropdownLayer-dropdown{background-color:var(--cl-bg, #ffffff);border:1px solid transparent;border-radius:4px;box-sizing:border-box;position:absolute;width:100%;z-index:var(--cl-z-overlay, 4001)}.dropdownLayer-dropdown-opacity0{opacity:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-open{overflow-x:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 6px 12px var(--cl-shadow-color, rgba(0, 0, 0, .175));overflow-y:hidden}.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 -6px 12px var(--cl-shadow-color, rgba(0, 0, 0, .175))}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-left{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-right{left:auto;right:0}.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-center{left:0;right:auto}.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top,.dropdownLayer-dropdown.dropdownLayer-dropdown-left.dropdownLayer-dropdown-arrow-center,.dropdownLayer-dropdown.dropdownLayer-dropdown-right.dropdownLayer-dropdown-arrow-center{top:0;bottom:auto}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{border-radius:4px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down{border-top-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up{border-bottom-width:1px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown{overflow:visible}.dropdownLayer-dropdown>.arrow{display:none}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:8px;margin-left:-8px;content:" "}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-left>.arrow,.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-left>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down.dropdownLayer-dropdown-arrow-right>.arrow,.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up.dropdownLayer-dropdown-arrow-right>.arrow{right:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-down>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-center.dropdownLayer-dropdown-up>.arrow{left:5px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-top>.arrow{top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-arrow-bottom>.arrow{bottom:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow{border-bottom-width:0;bottom:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-up>.arrow:after{border-top-color:var(--cl-bg, #ffffff);border-bottom-width:0;bottom:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-top-width:0;top:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow:after{border-bottom-color:var(--cl-bg, #ffffff);border-top-width:0;top:2px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow{border-right-width:0;right:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-left>.arrow:after{border-left-color:var(--cl-bg, #ffffff);border-right-width:0;right:2px;top:-8px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow{border-left-width:0;left:-9px}.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown.dropdownLayer-dropdown-right>.arrow:after{border-right-color:var(--cl-bg, #ffffff);border-left-width:0;left:10px;bottom:-8px}@keyframes zoomInTop{0%{opacity:0;transform:scaleY(0)}50%{opacity:1}}.zoomInTop{animation-name:zoomInTop;animation-duration:var(--cl-dropdown-enter-duration, .4s);animation-fill-mode:both;transform-origin:center top;animation-timing-function:ease-out}.dropdownLayer-dropdown-up.zoomInTop{transform-origin:center bottom}@keyframes zoomOutTop{0%{opacity:1}80%{opacity:0}to{opacity:0;transform:scaleY(0)}}.zoomOutTop{animation-name:zoomOutTop;animation-duration:var(--cl-dropdown-leave-duration, .5s);animation-fill-mode:both;transform-origin:center top;animation-timing-function:ease-in}.dropdownLayer-dropdown-up.zoomOutTop{transform-origin:center bottom!important}.dropdownLayer-close-no-anim{animation:none!important;transition:none!important}

package/buildLibs/utils/Shared/Base.vue_vue_type_script_setup_true_lang-5_vbZ_4R.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),h=require("./log-C2ZbqiAV.js"),i=require("./base-DbuX_Y3x.js"),u=require("./index-rFJmbgyH.js"),de=require("./resize-Ds0ycOGI.js"),ce=require("./focusTrap-95OmT9bf.js"),fe=["id"],ue=["aria-expanded"],we=["id"],me=n.defineComponent({name:"ClDropdownlayer",__name:"Base",props:{id:String,classParent:{type:[String,Object]},classText:{type:[String,Object]},classDropDown:{type:[String,Object]},isDisabled:{type:Boolean,default:!1},dropdownArrowPos:{type:String,default:"left",validator:d=>["left","right","center","top","bottom"].includes(d)},dropDownPos:{type:String,default:"down",validator:d=>["down","up","left","right"].includes(d)},isUseDropdownArrow:{type:Boolean,default:!1},isCloseDestroy:{type:Boolean,default:!0},transitionEnter:{type:String,default:"zoomInTop"},transitionLeave:{type:String,default:"zoomOutTop"},isInitDelayComplete:{type:Boolean,default:!1},appendContainer:{type:String,default:""},appendFollowWidth:{type:Boolean,default:!1},triggers:{type:String,default:"click",validator:d=>["click","hover"].includes(d)},isEscapeClose:{type:Boolean,default:!0},onOpenBeforeCallback:Function},emits:{onChangeOpen:d=>!0,onChangePosition:d=>!0,onOpenComplete:()=>!0,onAfterLeave:()=>!0},setup(d,{expose:K,emit:V}){const r=d,D=V,M=i.CommonBase.isNonEmptyString(r.id)?r.id:`dropdownLayer-${i.CommonBase.getRandom(8)}`,f=n.useTemplateRef("refElTopParent"),B=n.useTemplateRef("refElText"),p=n.useTemplateRef("refElDropdown"),o=n.reactive({isOpen:!1,isShowOpen:!1,isInitFirstOpen:!1,dropDownPos:"down",arrowPos:"left",dropDownTop:"",dropDownLeft:"",arrowLeft:"",isOpacity0:!1,dropdownId:`${M}-dropdown`}),L=n.ref(!1),k=n.ref(null),S=n.ref([]),C=n.ref(null),E=n.ref(null);let m=null,x=null,P=null,b=null,g=!1;const G=n.computed(()=>{let e={"panel-dropdownlayer":!0,"dropdownLayer-arrow":r.isUseDropdownArrow,"dropdownLayer-disabled":r.isDisabled};return i.CommonBase.isNonEmptyString(r.classParent)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classParent)):i.CommonBase.isObject(r.classParent)&&(e=i.CommonBase.getJsonMerge(e,r.classParent)),e}),Q=n.computed(()=>{let e={"dropdownLayer-text":!0,"dropdownLayer-text-open":o.isShowOpen};return!i.CommonBase.isEmpty(o.dropDownPos)&&o.isShowOpen&&(e[`dropdownLayer-text-${o.dropDownPos}`]=!0),i.CommonBase.isNonEmptyString(r.classText)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classText)):i.CommonBase.isObject(r.classText)&&(e=i.CommonBase.getJsonMerge(e,r.classText)),e}),X=n.computed(()=>{let e={"dropdownLayer-dropdown":!0,"dropdownLayer-dropdown-open":o.isShowOpen,"dropdownLayer-dropdown-arrow":r.isUseDropdownArrow,"dropdownLayer-dropdown-opacity0":o.isOpacity0};return e[`dropdownLayer-dropdown-${o.dropDownPos}`]=!0,e[`dropdownLayer-dropdown-arrow-${o.arrowPos}`]=!0,i.CommonBase.isNonEmptyString(r.classDropDown)?e=i.CommonBase.getJsonMerge(e,u.CommonElement.getClassNameJson(r.classDropDown)):i.CommonBase.isObject(r.classDropDown)&&(e=i.CommonBase.getJsonMerge(e,r.classDropDown)),e}),Y=n.computed(()=>!i.CommonBase.isEmpty(r.appendContainer)),Z=n.computed(()=>{const e={},{dropDownPos:t,dropdownArrowPos:s}=r,{dropDownTop:l,dropDownLeft:a}=o;return t==="down"||t==="up"?(e.top=l,(s==="center"||s==="top"||s==="bottom"||Y.value)&&(e.left=a)):(t==="left"||t==="right")&&(e.left=a,e.top=l),e}),ee=n.computed(()=>{const e={};return(r.dropdownArrowPos==="center"||r.dropdownArrowPos==="top"||r.dropdownArrowPos==="bottom")&&(e.left=o.arrowLeft),e}),oe=(e,t)=>{const s=r.isUseDropdownArrow,l={};return t==="down"?l.top=s?e.textHeight+e.arrowHeight-1:e.textHeight:t==="up"?l.top=s?-(e.dropDownHeight+e.arrowHeight-3):-e.dropDownHeight:t==="left"?(l.left=s?-(e.dropDownWidth+e.arrowWidth-1):-e.dropDownWidth,l.top=0):t==="right"&&(l.left=s?e.textWidth+e.arrowWidth-1:e.textWidth,l.top=0),l},ne=e=>{!p.value||!f.value||(p.value.style.width=e&&r.appendFollowWidth?`${f.value.offsetWidth}px`:"")},w=()=>{o.isShowOpen&&n.nextTick(()=>{if(!f.value||!B.value||!p.value)return;const e=r.isUseDropdownArrow?p.value.querySelector(".arrow"):null,t=!i.CommonBase.isEmpty(r.appendContainer),s=t?r.appendContainer:null;ne(t);let l=B.value;if(E.value){const j=u.CommonElement.getParent(E.value,".dropdownLayer-arrow-anchorPoint",B.value,!1);i.CommonBase.isUndefined(j)||(l=j)}const a=u.CommonElement.calculationDropdownPosition(f.value,l,p.value,e,s),v=a[{down:"dropDownPosDown",up:"dropDownPosUp",left:"dropDownPosLeft",right:"dropDownPosRight"}[r.dropDownPos]||"dropDownPosDown"];o.dropDownPos=v;const y=te(a,v);o.arrowPos=y;const c=oe(a,v);(y==="center"||y==="top"||y==="bottom")&&(v==="down"||v==="up")&&(c.left=a.arrowPosCenterLRInfo?.dropDownLeft,o.arrowLeft=a.arrowPosCenterLRInfo?.arrowLeft!=null?`${a.arrowPosCenterLRInfo.arrowLeft}px`:""),t&&(c.top=(c.top||0)+(a.controlOffset?.top||0),c.left=(c.left||0)+(a.controlOffset?.left||0),y==="right"&&(c.left=(a.controlOffset?.left||0)+f.value.offsetWidth-p.value.offsetWidth)),o.dropDownTop=c.top!=null?`${c.top}px`:"",o.dropDownLeft=c.left!=null?`${c.left}px`:"",D("onChangePosition",{use:{dropDownPos:v,arrowPos:y,dropDownTop:c.top,dropDownLeft:c.left,arrowLeft:o.arrowLeft},original:a})})},te=(e,t)=>{switch(r.dropdownArrowPos){case"left":return e.arrowPosLeft;case"right":return e.arrowPosRight;case"top":return e.arrowPosTop;case"bottom":return e.arrowPosBottom;case"center":return t==="down"||t==="up"?e.arrowPosCenterLR:t==="left"||t==="right"?e.arrowPosCenterTB:e.arrowPosLeft;default:return e.arrowPosLeft}},z=e=>{k.value=e},U=e=>{o.isShowOpen&&e?.target&&re(e)},$=e=>e?p.value&&p.value.contains(e)?!1:i.CommonBase.isUndefined(u.CommonElement.getParent(e,`#${o.dropdownId}`,f.value)):!0,re=e=>{if(f.value){$(e?.target)&&$(k.value?.target)&&(o.isOpen=!1);return}if(i.CommonBase.isNonEmptyString(r.appendContainer))try{document.querySelectorAll(`${r.appendContainer}>#${o.dropdownId}`).forEach(t=>t.parentNode?.removeChild(t))}catch{h.clLog.warn("DropdownLayer","appendContainer 选择器非法，残留面板清理已跳过")}T(),o.isOpen=!1},F=e=>{if(o.isShowOpen){if(x)return;const t=e.currentTarget;x=requestAnimationFrame(()=>{x=null,w();const s=u.CommonElement.getPositionView(f.value,t),l=t.dataset,a={right:0,left:0};a.right=i.CommonBase.isUndefined(l.padRight)?0:parseInt(l.padRight.replace("px","")),a.left=i.CommonBase.isUndefined(l.padLeft)?0:parseInt(l.padLeft.replace("px",""));let O=!1;s.top+s.height/2<=0&&(O=!0),s.right+s.width/2<=a.right&&a.right>=0&&(O=!0),s.left+s.width/2<=a.left&&a.left>=0&&(O=!0),o.isOpacity0=O})}else A(!1)},A=(e=!0)=>{S.value.length>0&&S.value.forEach(t=>{e?t.addEventListener("scroll",F):t.removeEventListener("scroll",F)})},T=()=>{clearTimeout(b),b=null;const e=document.querySelector("body");e&&g&&e.removeEventListener("mousedown",z),g&&document.body.removeEventListener("click",U),g=!1,A(!1),o.isShowOpen=!1,N(),E.value=null,k.value=null},q=()=>{C.value=new de.Resize({callback:()=>{o.isOpen&&w()}});const{dropDownPos:e}=r;e==="down"||e==="up"?(o.dropDownPos="down",o.arrowPos="left"):(e==="left"||e==="right")&&(o.dropDownPos="left",o.arrowPos="top")},W=()=>{m||!p.value||typeof window>"u"||!window.ResizeObserver||(m=new window.ResizeObserver(()=>{o.isOpen&&p.value&&w()}),m.observe(p.value))},N=()=>{m&&(m.disconnect(),m=null)},R=e=>{if(!r.isDisabled){if(E.value=e.target,!o.isOpen&&r.onOpenBeforeCallback)try{const t=r.onOpenBeforeCallback();if(i.CommonBase.isBoolean(t)&&!t)return}catch{h.clLog.warn("DropdownLayer","onOpenBeforeCallback 执行异常，已按不阻止打开处理")}o.isOpen?J():se()}},J=()=>{o.isOpen=!1},se=()=>{if(o.isShowOpen){H();return}if(r.isCloseDestroy&&o.isInitFirstOpen){H();return}o.isOpen=!0},H=()=>{L.value=!0,o.isInitFirstOpen=!1,o.isShowOpen=!1,n.nextTick(()=>{o.isOpen=!o.isOpen})};n.onMounted(()=>{n.nextTick(()=>{q()})}),n.onActivated(()=>{C.value||n.nextTick(()=>{q()})}),n.onDeactivated(()=>{clearTimeout(P),C.value?.destroy(),C.value=null,N(),T(),o.isOpen=!1}),n.onUnmounted(()=>{clearTimeout(P),C.value?.destroy(),T()}),n.watch(()=>o.isOpen,e=>{o.isInitFirstOpen||(o.isInitFirstOpen=!0,i.CommonBase.isEmpty(r.appendContainer)||n.nextTick(()=>{let t=u.CommonElement.getParentCheckBody(f.value,r.appendContainer);i.CommonBase.isUndefined(t)&&(t=document.querySelector("body")),p.value&&t.appendChild(p.value),S.value=u.CommonElement.getParentScrollList(f.value,r.appendContainer,!1),A()})),e||T(),D("onChangeOpen",e),e&&(o.isOpacity0=!1,b=setTimeout(()=>{if(b=null,!o.isOpen||g)return;g=!0;const t=document.querySelector("body");t&&t.addEventListener("mousedown",z),document.body.addEventListener("click",U)}),r.isInitDelayComplete||n.nextTick(()=>{o.isShowOpen=!0,w()}))});const _=e=>{(r.triggers==="click"||e instanceof KeyboardEvent)&&R(e)};ce.useEscapeClose(n.computed(()=>o.isOpen&&r.isEscapeClose),{isEscapeClose:()=>r.isEscapeClose,onEscape:()=>{J()}}),n.watch(()=>p.value,e=>{e&&W()});const ie=e=>{r.triggers==="hover"&&(clearTimeout(P),o.isOpen||R(e))},I=e=>{r.triggers==="hover"&&(P=setTimeout(()=>{p.value?.matches(":hover")||o.isOpen&&R(e)},150))},ae=()=>{W(),D("onOpenComplete")},le=()=>{L.value=!1},pe=()=>{if(L.value){L.value=!1;return}r.isCloseDestroy&&(o.isInitFirstOpen=!1),D("onAfterLeave")};return K({setOpen:e=>{if(!i.CommonBase.isBoolean(e)){h.clLog.warn("DropdownLayer","setOpen 参数必须为 boolean，已忽略");return}if(e&&r.onOpenBeforeCallback)try{const t=r.onOpenBeforeCallback();if(i.CommonBase.isBoolean(t)&&!t){h.clLog.warn("DropdownLayer","setOpen 打开被 onOpenBeforeCallback 阻止");return}}catch{h.clLog.warn("DropdownLayer","onOpenBeforeCallback 执行异常，已按不阻止打开处理")}o.isOpen=e},calculationPosition:()=>w(),initCompleteOpen:()=>{o.isOpen&&n.nextTick(()=>{o.isOpen&&(o.isShowOpen=!0,p.value?w():n.nextTick(()=>{w()}))})},getIsShowOpen:()=>o.isShowOpen}),(e,t)=>(n.openBlock(),n.createElementBlock("div",{id:n.unref(M),class:n.normalizeClass(G.value),ref_key:"refElTopParent",ref:f},[n.createElementVNode("div",{class:n.normalizeClass(Q.value),onClick:t[0]||(t[0]=s=>_(s)),onMouseover:t[1]||(t[1]=s=>ie(s)),onMouseleave:t[2]||(t[2]=s=>I(s)),onKeydown:[t[3]||(t[3]=n.withKeys(n.withModifiers(s=>_(s),["prevent"]),["enter"])),t[4]||(t[4]=n.withKeys(n.withModifiers(s=>_(s),["prevent"]),["space"]))],role:"combobox",tabindex:"0","aria-expanded":o.isOpen,"aria-haspopup":"listbox",ref_key:"refElText",ref:B},[n.renderSlot(e.$slots,"labelText")],42,ue),o.isInitFirstOpen?(n.openBlock(),n.createBlock(n.Transition,{key:0,name:"dropdown-transit","enter-active-class":d.transitionEnter,"leave-active-class":d.transitionLeave,onEnter:ae,onAfterLeave:pe,onLeaveCancelled:le},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{id:o.dropdownId,class:n.normalizeClass(X.value),style:n.normalizeStyle(Z.value),ref_key:"refElDropdown",ref:p,onMouseleave:t[5]||(t[5]=s=>I(s))},[d.isUseDropdownArrow?(n.openBlock(),n.createElementBlock("div",{key:0,class:"arrow",style:n.normalizeStyle(ee.value)},null,4)):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64)),n.renderSlot(e.$slots,"dropdown")],46,we),[[n.vShow,o.isShowOpen]])]),_:3},8,["enter-active-class","leave-active-class"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[],64))],10,fe))}});exports._sfc_main=me;