vue-devui 1.6.12 → 1.6.14

package/breadcrumb/index.es.js

@@ -116,6 +116,10 @@ const dropdownProps = {
   destroyOnHide: {
     type: Boolean,
     default: true
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
   }
 };
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
@@ -604,7 +608,8 @@ var DDropdown = defineComponent({
       offset: offset2,
       destroyOnHide,
       shiftOffset,
-      showAnimation
+      showAnimation,
+      teleport
     } = toRefs(props);
     const origin = ref();
     const dropdownRef = ref();
@@ -646,7 +651,7 @@ var DDropdown = defineComponent({
         return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
       }
     }), createVNode(Teleport, {
-      "to": "body"
+      "to": teleport.value
     }, {
       default: () => [createVNode(Transition, {
         "name": showAnimation.value ? ns2.m(`fade-${currentPosition.value}`) : ""

package/breadcrumb/index.umd.js

@@ -1 +1 @@
-var se=Object.defineProperty,de=Object.defineProperties;var ue=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var fe=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var _=(f,e,h)=>e in f?se(f,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):f[e]=h,F=(f,e)=>{for(var h in e||(e={}))fe.call(e,h)&&_(f,h,e[h]);if(j)for(var h of j(e))me.call(e,h)&&_(f,h,e[h]);return f},z=(f,e)=>de(f,ue(e));(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue,f.dom))})(this,function(f,e,h){"use strict";const M={source:{type:Array,default:[]},separatorIcon:{type:String}},I={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};function x(t,n,o){let a=t;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function L(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>x(o),e:c=>c?x(o,c):"",m:c=>c?x(o,"",c):"",em:(c,r)=>c&&r?x(o,c,r):""}}var pe="";const H={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0}},R=Symbol("popper-trigger");function U(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const E=new Map;function P(t,n,o){return t==null||t.addEventListener(n,o),()=>{t==null||t.removeEventListener(n,o)}}const Y=({id:t,isOpen:n,origin:o,dropdownRef:a,props:l,emit:s})=>{let i=!1,c=!1;const{trigger:r,closeScope:d,closeOnMouseLeaveMenu:g}=e.toRefs(l),p=y=>{n.value=y,s("toggle",n.value)},b=async(y,v)=>{await new Promise(u=>setTimeout(u,50)),!(y==="origin"&&i||y==="dropdown"&&c)&&(v&&[...E.values()].reverse().forEach(u=>{setTimeout(()=>{var m;(m=u.toggle)==null||m.call(u)},0)}),p(!1))};e.watch([r,o,a],([y,v,u],m,T)=>{const V=U(v),O=[];setTimeout(()=>{O.push(P(document,"click",w=>{w.stopPropagation();const k=[...E.values()];!n.value||d.value==="none"||(u==null?void 0:u.contains(w.target))&&d.value==="blank"||k.some(C=>{var B;return(B=C.toggleEl)==null?void 0:B.contains(w.target)})&&k.some(C=>{var B;return(B=C.menuEl)==null?void 0:B.contains(w.target)})||([...E.values()].reverse().forEach(C=>{setTimeout(()=>{var B,N;((B=C.toggleEl)==null?void 0:B.contains(w.target))||(N=C.toggle)==null||N.call(C)},0)}),i=!1)}))},0),y==="click"?O.push(P(V,"click",()=>p(!n.value)),P(u,"mouseleave",w=>{var k;g.value&&!((k=E.get(t).child)==null?void 0:k.contains(w.relatedTarget))&&b("dropdown",!0)})):y==="hover"&&O.push(P(V,"mouseenter",()=>{c=!0,p(!0)}),P(V,"mouseleave",()=>{c=!1,b("origin")}),P(u,"mouseenter",()=>{i=!0,n.value=!0}),P(u,"mouseleave",w=>{var k;i=!1,!(w.relatedTarget&&((V==null?void 0:V.contains(w.relatedTarget))||((k=E.get(t).child)==null?void 0:k.contains(w.relatedTarget))))&&b("dropdown",!0)})),T(()=>O.forEach(w=>w()))})};function q(t,n,o,a,l,s){e.watch(n,(i,c)=>{c!==void 0&&(o.value=i,s("toggle",o.value))},{immediate:!0}),e.watch([o,l],([i,c])=>{var r;if(i){E.set(t,z(F({},E.get(t)),{menuEl:c,toggle:()=>{o.value=!1,s("toggle",o.value)}}));for(const d of E.values())((r=d.menuEl)==null?void 0:r.contains(a.value))&&(d.child=c)}}),e.onMounted(()=>{E.set(t,{toggleEl:a.value})}),e.onUnmounted(()=>{E.delete(t)})}function X(t,n,o){const{showAnimation:a,overlayClass:l,destroyOnHide:s}=e.toRefs(t),i=e.ref(!1),c=e.ref(!1),r=e.computed(()=>({transformOrigin:n.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),d=e.computed(()=>({"fade-in-bottom":a.value&&o.value&&n.value==="bottom","fade-in-top":a.value&&o.value&&n.value==="top",[`${l.value}`]:!0})),g=p=>{n.value=p.includes("top")||p.includes("right-end")||p.includes("left-end")?"top":"bottom"};return e.watch(o,p=>{i.value=s.value?p:!0,c.value=p}),{overlayModelValue:i,overlayShowValue:c,styles:r,classes:d,handlePositionChange:g}}const G={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function K(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function J(t,n){let o;const a=s=>{s.preventDefault(),n.emit("click",s),t.closeOnClickOverlay&&n.emit("update:modelValue",!1)},l=()=>{o==null||o()};return e.watch(()=>t.modelValue,s=>{s?t.lockScroll&&(o=K()):l()}),e.onUnmounted(l),{onClick:a}}var ge="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:G,emits:["update:modelValue","click"],setup(t,n){const{modelValue:o}=e.toRefs(t),a=L("fixed-overlay"),{onClick:l}=J(t,n);return()=>e.createVNode(e.Transition,{name:a.m("fade")},{default:()=>{var s,i;return[o.value&&e.createVNode("div",e.mergeProps({class:a.b()},n.attrs,{onClick:l}),[(i=(s=n.slots).default)==null?void 0:i.call(s)])]}})}});const Q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function W(t){const n=/(auto|scroll|hidden)/;for(let o=t;o=o.parentElement;o.parentElement!==document.body){const a=window.getComputedStyle(o);if(n.test(a.overflow+a.overflowX+a.overflowY))return o}return window}function Z(t,n,o,a){let{x:l,y:s}=n;if(!t){const{width:i,height:c}=a;l&&o.includes("start")&&(l=12),l&&o.includes("end")&&(l=Math.round(i-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=c-14)}return{x:l,y:s}}function ee(t,n){const o=e.ref(),a=e.ref();let l=null;const s=(c,r,d,g)=>{const{x:p,y:b}=Z(t.isArrowCenter,d,r,g.getBoundingClientRect()),y={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];Object.assign(c.style,{left:p?`${p}px`:"",top:b?`${b}px`:"",right:"",bottom:"",[y]:"-4px"})},i=async()=>{const c=t.origin,r=e.unref(o.value),d=e.unref(a.value),g=[h.offset(t.offset),h.autoPlacement({alignment:t.align,allowedPlacements:t.position})];if(t.showArrow&&g.push(h.arrow({element:d})),t.shiftOffset!==void 0&&g.push(h.shift()),!r)return;const{x:p,y:b,placement:y,middlewareData:v}=await h.computePosition(c,r,{strategy:"fixed",middleware:g});let u=p,m=b;if(t.shiftOffset!==void 0){const{x:T,y:V}=v.shift;T<0&&(u-=t.shiftOffset),T>0&&(u+=t.shiftOffset),V<0&&(m-=t.shiftOffset),V>0&&(m+=t.shiftOffset)}n("positionChange",y),Object.assign(r.style,{top:`${m}px`,left:`${u}px`}),t.showArrow&&s(d,y,v.arrow,r)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(l=W(t.origin),e.nextTick(i),l==null||l.addEventListener("scroll",i),l!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(l==null||l.removeEventListener("scroll",i),l!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),e.onUnmounted(()=>{l==null||l.removeEventListener("scroll",i),l!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:a,overlayRef:o,updatePosition:i}}var ye="";const te=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Q,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:o,emit:a,expose:l}){const s=L("flexible-overlay"),{clickEventBubble:i}=e.toRefs(t),{arrowRef:c,overlayRef:r,updatePosition:d}=ee(t,a);return l({updatePosition:d}),()=>{var g;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:s.b()},o,{onClick:e.withModifiers(()=>({}),[i.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(g=n.default)==null?void 0:g.call(n),t.showArrow&&e.createVNode("div",{ref:c,class:s.e("arrow")},null)])}}}),ne=t=>t!==null&&typeof t=="object",oe=L("popper-trigger");function D(t){return e.h("span",{class:oe.b()},t)}function $(t){for(const n of t){if(ne(n)){if(n.type===e.Comment)continue;return n.type==="svg"||n.type===e.Text?D(n):n.type===e.Fragment?$(n.children):n}return D(n)}return null}var re=e.defineComponent({name:"DPopperTrigger",setup(t,n){const{slots:o,attrs:a}=n;return()=>{var c;const l=(c=o.default)==null?void 0:c.call(o,a),s=e.inject(R);if(!l)return null;const i=$(l);return i?e.withDirectives(e.cloneVNode(i,a),[[{mounted(r){s.value=r},updated(r){s.value=r},unmounted(){s.value=null}}]]):null}}}),he="";let ae=1;var le=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:H,emits:["toggle"],setup(t,{slots:n,attrs:o,emit:a,expose:l}){const{visible:s,position:i,align:c,offset:r,destroyOnHide:d,shiftOffset:g,showAnimation:p}=e.toRefs(t),b=e.ref(),y=e.ref(),v=e.ref(),u=`dropdown_${ae++}`,m=e.ref(!1),T=e.ref("bottom"),V=L("dropdown");e.provide(R,b),Y({id:u,isOpen:m,origin:b,dropdownRef:y,props:t,emit:a}),q(u,s,m,b,y,a);const{overlayModelValue:O,overlayShowValue:w,styles:k,classes:C,handlePositionChange:B}=X(t,T,m);return e.watch(w,N=>{e.nextTick(()=>{!d.value&&N&&v.value.updatePosition()})}),l({updatePosition:()=>v.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(re,null,{default:()=>{var N;return[(N=n.default)==null?void 0:N.call(n)]}}),e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(e.Transition,{name:p.value?V.m(`fade-${T.value}`):""},{default:()=>[e.withDirectives(e.createVNode(te,{modelValue:O.value,"onUpdate:modelValue":N=>O.value=N,ref:v,origin:b.value,position:i.value,align:c.value,offset:r.value,shiftOffset:g==null?void 0:g.value,onPositionChange:B,"click-event-bubble":!0,class:C.value,style:k.value},{default:()=>{var N;return[e.createVNode("div",e.mergeProps({ref:y,class:V.e("menu-wrap")},o),[(N=n.menu)==null?void 0:N.call(n)])]}}),[[e.vShow,w.value]])]})]})])}}),S=e.defineComponent({name:"DBreadcrumbItem",components:{DDropdown:le},props:I,setup(t,{slots:n}){var v;const o=e.inject("separatorIcon"),a=L("breadcrumb"),l=t.to?"is-link":"",s=t.showMenu&&((v=t.menuList)==null?void 0:v.length)?a.e("dropdown-title"):"",i=e.ref(null),c=e.getCurrentInstance(),r=c==null?void 0:c.appContext.config.globalProperties.$router,d=e.ref(t.showMenu),g=e.ref(t.menuList||[]),p=()=>{!t.to||!r||(t.replace?r.replace(t.to):r.push(t.to))};e.onMounted(()=>{var u;(u=i.value)==null||u.addEventListener("click",p)}),e.onBeforeUnmount(()=>{var u;(u=i.value)==null||u.removeEventListener("click",p)});const b=()=>e.createVNode("span",{class:a.e("separator")},[o]),y=()=>{var u;return d.value?e.createVNode("div",{class:a.e("item")},[e.createVNode(e.resolveComponent("d-dropdown"),{trigger:"hover","close-scope":"blank"},{default:()=>{var m;return[e.createVNode("span",{class:[l,s]},[(m=n==null?void 0:n.default)==null?void 0:m.call(n),e.createVNode("span",{class:"icon icon-chevron-down"},null)])]},menu:()=>e.createVNode("ul",{class:a.e("item-dropdown")},[g.value.map(m=>m.link?e.createVNode("a",{href:m.link,target:m.target?m.target:"_self"},[e.createVNode("li",{class:a.e("item-dropdown-item")},[m.title])]):e.createVNode("li",{class:a.e("item-dropdown-item")},[e.createVNode("span",{class:l},[m.title])]))])})]):e.createVNode("div",{class:a.e("item")},[e.createVNode("span",{ref:i,class:l},[(u=n==null?void 0:n.default)==null?void 0:u.call(n)]),b()])};return()=>y()}});function ie(t,n,o="default"){var a,l;return(l=n[o])!=null?l:(a=t[o])==null?void 0:a.call(t)}var we="",A=e.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:S},props:M,setup(t,{slots:n}){var c;const o=(c=ie(n,t,"separatorIcon"))!=null?c:"/";e.provide("separatorIcon",o);const a=L("breadcrumb"),l=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{to:`path: ${r.link}`,replace:r.replace},{default:()=>[r.title]}),s=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{menuList:r.children,showMenu:r.showMenu,to:`path: ${r.link}`,replace:r.replace},{default:()=>[!r.noNavigation&&(!r.linkType||r.linkType==="hrefLink")?e.createVNode("a",{href:r.link,target:r.target?r.target:"_self"},[r.title]):null,r.noNavigation?e.createVNode("span",null,[r.title]):null]}),i=r=>r.map(d=>!d.noNavigation&&d.linkType==="routerLink"?l(d):d.children&&d.children.length>0?s(d):e.createVNode(e.resolveComponent("d-breadcrumb-item"),null,{default:()=>[!d.noNavigation&&(!d.linkType||d.linkType==="hrefLink")?e.createVNode("a",{href:d.link,target:d.target?d.target:"_self"},[d.title]):null,d.noNavigation?e.createVNode("span",null,[d.title]):null]}));return()=>{var r;return e.createVNode("div",{class:a.b()},[t.source&&t.source.length?i(t.source):(r=n==null?void 0:n.default)==null?void 0:r.call(n)])}}}),ce={title:"Breadcrumb \u9762\u5305\u5C51",category:"\u5BFC\u822A",status:"100%",install(t){t.component(A.name,A),t.component(S.name,S)}};f.Breadcrumb=A,f.BreadcrumbItem=S,f.breadcrumbItemProps=I,f.breadcrumbProps=M,f.default=ce,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+var de=Object.defineProperty,ue=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var F=(f,e,h)=>e in f?de(f,e,{enumerable:!0,configurable:!0,writable:!0,value:h}):f[e]=h,z=(f,e)=>{for(var h in e||(e={}))me.call(e,h)&&F(f,h,e[h]);if(_)for(var h of _(e))pe.call(e,h)&&F(f,h,e[h]);return f},H=(f,e)=>ue(f,fe(e));(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue,f.dom))})(this,function(f,e,h){"use strict";const I={source:{type:Array,default:[]},separatorIcon:{type:String}},R={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};function x(t,n,o){let a=t;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function L(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>x(o),e:c=>c?x(o,c):"",m:c=>c?x(o,"",c):"",em:(c,r)=>c&&r?x(o,c,r):""}}var ge="";const U={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0},teleport:{type:[String,Object],default:"body"}},D=Symbol("popper-trigger");function Y(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const E=new Map;function P(t,n,o){return t==null||t.addEventListener(n,o),()=>{t==null||t.removeEventListener(n,o)}}const q=({id:t,isOpen:n,origin:o,dropdownRef:a,props:l,emit:s})=>{let i=!1,c=!1;const{trigger:r,closeScope:d,closeOnMouseLeaveMenu:y}=e.toRefs(l),m=g=>{n.value=g,s("toggle",n.value)},v=async(g,b)=>{await new Promise(u=>setTimeout(u,50)),!(g==="origin"&&i||g==="dropdown"&&c)&&(b&&[...E.values()].reverse().forEach(u=>{setTimeout(()=>{var p;(p=u.toggle)==null||p.call(u)},0)}),m(!1))};e.watch([r,o,a],([g,b,u],p,O)=>{const V=Y(b),T=[];setTimeout(()=>{T.push(P(document,"click",w=>{w.stopPropagation();const N=[...E.values()];!n.value||d.value==="none"||(u==null?void 0:u.contains(w.target))&&d.value==="blank"||N.some(k=>{var C;return(C=k.toggleEl)==null?void 0:C.contains(w.target)})&&N.some(k=>{var C;return(C=k.menuEl)==null?void 0:C.contains(w.target)})||([...E.values()].reverse().forEach(k=>{setTimeout(()=>{var C,A;((C=k.toggleEl)==null?void 0:C.contains(w.target))||(A=k.toggle)==null||A.call(k)},0)}),i=!1)}))},0),g==="click"?T.push(P(V,"click",()=>m(!n.value)),P(u,"mouseleave",w=>{var N;y.value&&!((N=E.get(t).child)==null?void 0:N.contains(w.relatedTarget))&&v("dropdown",!0)})):g==="hover"&&T.push(P(V,"mouseenter",()=>{c=!0,m(!0)}),P(V,"mouseleave",()=>{c=!1,v("origin")}),P(u,"mouseenter",()=>{i=!0,n.value=!0}),P(u,"mouseleave",w=>{var N;i=!1,!(w.relatedTarget&&((V==null?void 0:V.contains(w.relatedTarget))||((N=E.get(t).child)==null?void 0:N.contains(w.relatedTarget))))&&v("dropdown",!0)})),O(()=>T.forEach(w=>w()))})};function X(t,n,o,a,l,s){e.watch(n,(i,c)=>{c!==void 0&&(o.value=i,s("toggle",o.value))},{immediate:!0}),e.watch([o,l],([i,c])=>{var r;if(i){E.set(t,H(z({},E.get(t)),{menuEl:c,toggle:()=>{o.value=!1,s("toggle",o.value)}}));for(const d of E.values())((r=d.menuEl)==null?void 0:r.contains(a.value))&&(d.child=c)}}),e.onMounted(()=>{E.set(t,{toggleEl:a.value})}),e.onUnmounted(()=>{E.delete(t)})}function G(t,n,o){const{showAnimation:a,overlayClass:l,destroyOnHide:s}=e.toRefs(t),i=e.ref(!1),c=e.ref(!1),r=e.computed(()=>({transformOrigin:n.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),d=e.computed(()=>({"fade-in-bottom":a.value&&o.value&&n.value==="bottom","fade-in-top":a.value&&o.value&&n.value==="top",[`${l.value}`]:!0})),y=m=>{n.value=m.includes("top")||m.includes("right-end")||m.includes("left-end")?"top":"bottom"};return e.watch(o,m=>{i.value=s.value?m:!0,c.value=m}),{overlayModelValue:i,overlayShowValue:c,styles:r,classes:d,handlePositionChange:y}}const K={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function J(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function Q(t,n){let o;const a=s=>{s.preventDefault(),n.emit("click",s),t.closeOnClickOverlay&&n.emit("update:modelValue",!1)},l=()=>{o==null||o()};return e.watch(()=>t.modelValue,s=>{s?t.lockScroll&&(o=J()):l()}),e.onUnmounted(l),{onClick:a}}var ye="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","click"],setup(t,n){const{modelValue:o}=e.toRefs(t),a=L("fixed-overlay"),{onClick:l}=Q(t,n);return()=>e.createVNode(e.Transition,{name:a.m("fade")},{default:()=>{var s,i;return[o.value&&e.createVNode("div",e.mergeProps({class:a.b()},n.attrs,{onClick:l}),[(i=(s=n.slots).default)==null?void 0:i.call(s)])]}})}});const W={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function Z(t){const n=/(auto|scroll|hidden)/;for(let o=t;o=o.parentElement;o.parentElement!==document.body){const a=window.getComputedStyle(o);if(n.test(a.overflow+a.overflowX+a.overflowY))return o}return window}function ee(t,n,o,a){let{x:l,y:s}=n;if(!t){const{width:i,height:c}=a;l&&o.includes("start")&&(l=12),l&&o.includes("end")&&(l=Math.round(i-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=c-14)}return{x:l,y:s}}function te(t,n){const o=e.ref(),a=e.ref();let l=null;const s=(c,r,d,y)=>{const{x:m,y:v}=ee(t.isArrowCenter,d,r,y.getBoundingClientRect()),g={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];Object.assign(c.style,{left:m?`${m}px`:"",top:v?`${v}px`:"",right:"",bottom:"",[g]:"-4px"})},i=async()=>{const c=t.origin,r=e.unref(o.value),d=e.unref(a.value),y=[h.offset(t.offset),h.autoPlacement({alignment:t.align,allowedPlacements:t.position})];if(t.showArrow&&y.push(h.arrow({element:d})),t.shiftOffset!==void 0&&y.push(h.shift()),!r)return;const{x:m,y:v,placement:g,middlewareData:b}=await h.computePosition(c,r,{strategy:"fixed",middleware:y});let u=m,p=v;if(t.shiftOffset!==void 0){const{x:O,y:V}=b.shift;O<0&&(u-=t.shiftOffset),O>0&&(u+=t.shiftOffset),V<0&&(p-=t.shiftOffset),V>0&&(p+=t.shiftOffset)}n("positionChange",g),Object.assign(r.style,{top:`${p}px`,left:`${u}px`}),t.showArrow&&s(d,g,b.arrow,r)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(l=Z(t.origin),e.nextTick(i),l==null||l.addEventListener("scroll",i),l!==window&&window.addEventListener("scroll",i),window.addEventListener("resize",i)):(l==null||l.removeEventListener("scroll",i),l!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i))}),e.onUnmounted(()=>{l==null||l.removeEventListener("scroll",i),l!==window&&window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),{arrowRef:a,overlayRef:o,updatePosition:i}}var he="";const ne=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:W,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:o,emit:a,expose:l}){const s=L("flexible-overlay"),{clickEventBubble:i}=e.toRefs(t),{arrowRef:c,overlayRef:r,updatePosition:d}=te(t,a);return l({updatePosition:d}),()=>{var y;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:s.b()},o,{onClick:e.withModifiers(()=>({}),[i.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(y=n.default)==null?void 0:y.call(n),t.showArrow&&e.createVNode("div",{ref:c,class:s.e("arrow")},null)])}}}),oe=t=>t!==null&&typeof t=="object",re=L("popper-trigger");function $(t){return e.h("span",{class:re.b()},t)}function j(t){for(const n of t){if(oe(n)){if(n.type===e.Comment)continue;return n.type==="svg"||n.type===e.Text?$(n):n.type===e.Fragment?j(n.children):n}return $(n)}return null}var ae=e.defineComponent({name:"DPopperTrigger",setup(t,n){const{slots:o,attrs:a}=n;return()=>{var c;const l=(c=o.default)==null?void 0:c.call(o,a),s=e.inject(D);if(!l)return null;const i=j(l);return i?e.withDirectives(e.cloneVNode(i,a),[[{mounted(r){s.value=r},updated(r){s.value=r},unmounted(){s.value=null}}]]):null}}}),we="";let le=1;var ie=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:U,emits:["toggle"],setup(t,{slots:n,attrs:o,emit:a,expose:l}){const{visible:s,position:i,align:c,offset:r,destroyOnHide:d,shiftOffset:y,showAnimation:m,teleport:v}=e.toRefs(t),g=e.ref(),b=e.ref(),u=e.ref(),p=`dropdown_${le++}`,O=e.ref(!1),V=e.ref("bottom"),T=L("dropdown");e.provide(D,g),q({id:p,isOpen:O,origin:g,dropdownRef:b,props:t,emit:a}),X(p,s,O,g,b,a);const{overlayModelValue:w,overlayShowValue:N,styles:k,classes:C,handlePositionChange:A}=G(t,V,O);return e.watch(N,B=>{e.nextTick(()=>{!d.value&&B&&u.value.updatePosition()})}),l({updatePosition:()=>u.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(ae,null,{default:()=>{var B;return[(B=n.default)==null?void 0:B.call(n)]}}),e.createVNode(e.Teleport,{to:v.value},{default:()=>[e.createVNode(e.Transition,{name:m.value?T.m(`fade-${V.value}`):""},{default:()=>[e.withDirectives(e.createVNode(ne,{modelValue:w.value,"onUpdate:modelValue":B=>w.value=B,ref:u,origin:g.value,position:i.value,align:c.value,offset:r.value,shiftOffset:y==null?void 0:y.value,onPositionChange:A,"click-event-bubble":!0,class:C.value,style:k.value},{default:()=>{var B;return[e.createVNode("div",e.mergeProps({ref:b,class:T.e("menu-wrap")},o),[(B=n.menu)==null?void 0:B.call(n)])]}}),[[e.vShow,N.value]])]})]})])}}),S=e.defineComponent({name:"DBreadcrumbItem",components:{DDropdown:ie},props:R,setup(t,{slots:n}){var b;const o=e.inject("separatorIcon"),a=L("breadcrumb"),l=t.to?"is-link":"",s=t.showMenu&&((b=t.menuList)==null?void 0:b.length)?a.e("dropdown-title"):"",i=e.ref(null),c=e.getCurrentInstance(),r=c==null?void 0:c.appContext.config.globalProperties.$router,d=e.ref(t.showMenu),y=e.ref(t.menuList||[]),m=()=>{!t.to||!r||(t.replace?r.replace(t.to):r.push(t.to))};e.onMounted(()=>{var u;(u=i.value)==null||u.addEventListener("click",m)}),e.onBeforeUnmount(()=>{var u;(u=i.value)==null||u.removeEventListener("click",m)});const v=()=>e.createVNode("span",{class:a.e("separator")},[o]),g=()=>{var u;return d.value?e.createVNode("div",{class:a.e("item")},[e.createVNode(e.resolveComponent("d-dropdown"),{trigger:"hover","close-scope":"blank"},{default:()=>{var p;return[e.createVNode("span",{class:[l,s]},[(p=n==null?void 0:n.default)==null?void 0:p.call(n),e.createVNode("span",{class:"icon icon-chevron-down"},null)])]},menu:()=>e.createVNode("ul",{class:a.e("item-dropdown")},[y.value.map(p=>p.link?e.createVNode("a",{href:p.link,target:p.target?p.target:"_self"},[e.createVNode("li",{class:a.e("item-dropdown-item")},[p.title])]):e.createVNode("li",{class:a.e("item-dropdown-item")},[e.createVNode("span",{class:l},[p.title])]))])})]):e.createVNode("div",{class:a.e("item")},[e.createVNode("span",{ref:i,class:l},[(u=n==null?void 0:n.default)==null?void 0:u.call(n)]),v()])};return()=>g()}});function ce(t,n,o="default"){var a,l;return(l=n[o])!=null?l:(a=t[o])==null?void 0:a.call(t)}var be="",M=e.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:S},props:I,setup(t,{slots:n}){var c;const o=(c=ce(n,t,"separatorIcon"))!=null?c:"/";e.provide("separatorIcon",o);const a=L("breadcrumb"),l=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{to:`path: ${r.link}`,replace:r.replace},{default:()=>[r.title]}),s=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{menuList:r.children,showMenu:r.showMenu,to:`path: ${r.link}`,replace:r.replace},{default:()=>[!r.noNavigation&&(!r.linkType||r.linkType==="hrefLink")?e.createVNode("a",{href:r.link,target:r.target?r.target:"_self"},[r.title]):null,r.noNavigation?e.createVNode("span",null,[r.title]):null]}),i=r=>r.map(d=>!d.noNavigation&&d.linkType==="routerLink"?l(d):d.children&&d.children.length>0?s(d):e.createVNode(e.resolveComponent("d-breadcrumb-item"),null,{default:()=>[!d.noNavigation&&(!d.linkType||d.linkType==="hrefLink")?e.createVNode("a",{href:d.link,target:d.target?d.target:"_self"},[d.title]):null,d.noNavigation?e.createVNode("span",null,[d.title]):null]}));return()=>{var r;return e.createVNode("div",{class:a.b()},[t.source&&t.source.length?i(t.source):(r=n==null?void 0:n.default)==null?void 0:r.call(n)])}}}),se={title:"Breadcrumb \u9762\u5305\u5C51",category:"\u5BFC\u822A",status:"100%",install(t){t.component(M.name,M),t.component(S.name,S)}};f.Breadcrumb=M,f.BreadcrumbItem=S,f.breadcrumbItemProps=R,f.breadcrumbProps=I,f.default=se,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/card/index.es.js

@@ -58,7 +58,7 @@ var Card = defineComponent({
       var _a, _b, _c, _d, _e, _f, _g;
       return createVNode("div", {
         "class": ["card-container", ns.b(), ns.em("shadow", props.shadow)]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), createVNode("div", {
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), (slots.avatar || slots.title || slots.subtitle) && createVNode("div", {
         "class": ns.e("header")
       }, [((_b = slots.avatar) == null ? void 0 : _b.call(slots)) ? createVNode("div", {
         "class": ns.e("avatar")
@@ -70,9 +70,9 @@ var Card = defineComponent({
         "src": src.value,
         "alt": "",
         "class": ns.e("meta")
-      }, null) : "", createVNode("div", {
+      }, null) : "", slots.content && createVNode("div", {
         "class": ns.e("content")
-      }, [(_f = slots.content) == null ? void 0 : _f.call(slots)]), createVNode("div", {
+      }, [(_f = slots.content) == null ? void 0 : _f.call(slots)]), slots.actions && createVNode("div", {
         "class": alignClass.value
       }, [slots.actions ? (_g = slots.actions) == null ? void 0 : _g.call(slots) : ""])]);
     };

package/card/index.umd.js

@@ -1 +1 @@
-(function(d,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(d=typeof globalThis!="undefined"?globalThis:d||self,a(d.index={},d.Vue))})(this,function(d,a){"use strict";const m={align:{type:String,default:"start"},src:{type:String,default:""},shadow:{type:String,default:"hover"}};function f(r,e,t){let i=r;return e&&(i+=`__${e}`),t&&(i+=`--${t}`),i}function y(r,e=!1){const t=e?`.devui-${r}`:`devui-${r}`;return{b:()=>f(t),e:c=>c?f(t,c):"",m:c=>c?f(t,"",c):"",em:(c,u)=>c&&u?f(t,c,u):""}}var b="",p=a.defineComponent({name:"DCard",props:m,setup(r,{slots:e}){const{align:t,src:i}=a.toRefs(r),n=y("card"),o=a.computed(()=>({[n.e("actions")]:!0,[n.em("actions",`align-${t.value}`)]:t.value!=="start"}));return()=>{var v,c,u,g,N,V,h;return a.createVNode("div",{class:["card-container",n.b(),n.em("shadow",r.shadow)]},[(v=e.default)==null?void 0:v.call(e),a.createVNode("div",{class:n.e("header")},[((c=e.avatar)==null?void 0:c.call(e))?a.createVNode("div",{class:n.e("avatar")},[(u=e.avatar)==null?void 0:u.call(e)]):"",a.createVNode("div",null,[a.createVNode("div",{class:n.e("title")},[(g=e.title)==null?void 0:g.call(e)]),a.createVNode("div",{class:n.e("subtitle")},[(N=e.subtitle)==null?void 0:N.call(e)])])]),i.value!==""?a.createVNode("img",{src:i.value,alt:"",class:n.e("meta")},null):"",a.createVNode("div",{class:n.e("content")},[(V=e.content)==null?void 0:V.call(e)]),a.createVNode("div",{class:o.value},[e.actions?(h=e.actions)==null?void 0:h.call(e):""])])}}}),C={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(r){r.component(p.name,p)}};d.Card=p,d.cardProps=m,d.default=C,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(function(t,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(t=typeof globalThis!="undefined"?globalThis:t||self,a(t.index={},t.Vue))})(this,function(t,a){"use strict";const m={align:{type:String,default:"start"},src:{type:String,default:""},shadow:{type:String,default:"hover"}};function f(r,e,d){let i=r;return e&&(i+=`__${e}`),d&&(i+=`--${d}`),i}function y(r,e=!1){const d=e?`.devui-${r}`:`devui-${r}`;return{b:()=>f(d),e:c=>c?f(d,c):"",m:c=>c?f(d,"",c):"",em:(c,u)=>c&&u?f(d,c,u):""}}var C="",p=a.defineComponent({name:"DCard",props:m,setup(r,{slots:e}){const{align:d,src:i}=a.toRefs(r),n=y("card"),g=a.computed(()=>({[n.e("actions")]:!0,[n.em("actions",`align-${d.value}`)]:d.value!=="start"}));return()=>{var v,c,u,N,V,h,o;return a.createVNode("div",{class:["card-container",n.b(),n.em("shadow",r.shadow)]},[(v=e.default)==null?void 0:v.call(e),(e.avatar||e.title||e.subtitle)&&a.createVNode("div",{class:n.e("header")},[((c=e.avatar)==null?void 0:c.call(e))?a.createVNode("div",{class:n.e("avatar")},[(u=e.avatar)==null?void 0:u.call(e)]):"",a.createVNode("div",null,[a.createVNode("div",{class:n.e("title")},[(N=e.title)==null?void 0:N.call(e)]),a.createVNode("div",{class:n.e("subtitle")},[(V=e.subtitle)==null?void 0:V.call(e)])])]),i.value!==""?a.createVNode("img",{src:i.value,alt:"",class:n.e("meta")},null):"",e.content&&a.createVNode("div",{class:n.e("content")},[(h=e.content)==null?void 0:h.call(e)]),e.actions&&a.createVNode("div",{class:g.value},[e.actions?(o=e.actions)==null?void 0:o.call(e):""])])}}}),b={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(r){r.component(p.name,p)}};t.Card=p,t.cardProps=m,t.default=b,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/category-search/index.es.js

@@ -157,6 +157,10 @@ const dropdownProps = {
   destroyOnHide: {
     type: Boolean,
     default: true
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
   }
 };
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
@@ -668,7 +672,8 @@ var Dropdown = defineComponent({
       offset: offset2,
       destroyOnHide,
       shiftOffset,
-      showAnimation
+      showAnimation,
+      teleport
     } = toRefs(props);
     const origin = ref();
     const dropdownRef = ref();
@@ -710,7 +715,7 @@ var Dropdown = defineComponent({
         return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
       }
     }), createVNode(Teleport, {
-      "to": "body"
+      "to": teleport.value
     }, {
       default: () => [createVNode(Transition, {
         "name": showAnimation.value ? ns2.m(`fade-${currentPosition.value}`) : ""