vue-devui/collapse/index.umd.js

DevUI components based on Vite and Vue3

var T=Object.defineProperty,A=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var v=(t,e,r)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e||(e={}))E.call(e,r)&&v(t,r,e[r]);if(N)for(var r of N(e))P.call(e,r)&&v(t,r,e[r]);return t},I=(t,e)=>A(t,B(e));(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";const r=Symbol("dCollapse"),V={modelValue:{type:[String,Number,Array],default:"",required:!0},accordion:{type:Boolean,default:!1}},b={name:{type:[String,Number],default:"",required:!0},title:{type:String,default:""},disabled:{type:Boolean,default:!1}};function h(l,a,i){let u=l;return a&&(u+=`__${a}`),i&&(u+=`--${i}`),u}function g(l,a=!1){const i=a?`.devui-${l}`:`devui-${l}`;return{b:()=>h(i),e:n=>n?h(i,n):"",m:n=>n?h(i,"",n):"",em:(n,m)=>n&&m?h(i,n,m):""}}var $="",C=e.defineComponent({name:"DCollapse",props:V,emits:["change","update:modelValue"],setup(l,a){const i=g("collapse"),u=g("scrollbar"),f=s=>!s&&s!==0?[]:Array.isArray(s)?s:[s],o=s=>{const n=[...f(l.modelValue)],m=n.indexOf(s);if(l.accordion){let p=s;(n[0]||n[0]===0)&&n[0]===s&&(p=""),a.emit("update:modelValue",p),a.emit("change",p)}else m>-1?n.splice(m,1):n.push(s),a.emit("update:modelValue",n),a.emit("change",n)};return e.provide(r,e.reactive(I(w({},e.toRefs(l)),{collapseItemClick:o}))),()=>{var s,n;return e.createVNode("div",{class:[i.b(),u.b()]},[(n=(s=a.slots).default)==null?void 0:n.call(s)])}}});const k=()=>{const l={width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"};return e.createVNode("svg",l,[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:`M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088
          7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124
          3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6
          L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
          12.2402148,6.7597852 12.1464466,6.85355339 Z`,"fill-rule":"nonzero"},null)])])};var y=e.defineComponent({name:"DCollapseItem",props:b,setup(l,a){const i=g("collapse"),u=g("collapse-transition"),f=e.shallowRef(),o=e.inject(r,null),s=e.computed(()=>l.disabled?!1:Array.isArray(o==null?void 0:o.modelValue)?Boolean(o==null?void 0:o.modelValue.length)&&(o==null?void 0:o.modelValue.includes(l.name)):Boolean(o==null?void 0:o.modelValue)&&(o==null?void 0:o.modelValue)===l.name),n=d=>{d.preventDefault(),l.disabled||o==null||o.collapseItemClick(l.name)};e.onMounted(()=>{if(f.value){const d=f.value;s.value&&(d.style.height=`${d.offsetHeight}px`)}});const m=d=>{const c=d;c.style.height="";const S=c.offsetHeight;c.style.height="0px",c.offsetHeight,c.style.height=`${S}px`},p=d=>{const c=d;c.style.height="0px"};return()=>e.createVNode("div",{class:i.e("item")},[e.createVNode("div",{class:[i.e("item-title"),i.m("overflow-ellipsis"),s.value&&i.m("open"),l.disabled&&i.em("item","disabled")],onClick:n},[a.slots.title?a.slots.title():l.title,e.createVNode("span",{class:i.e("open-icon")},[e.createVNode(k,null,null)])]),e.createVNode(e.Transition,{name:u.b(),onEnter:m,onLeave:p},{default:()=>{var d,c;return[s.value&&e.createVNode("div",{ref:f,class:i.e("item-content")},[(c=(d=a.slots).default)==null?void 0:c.call(d)])]}})])}}),L={title:"Collapse \u6298\u53E0\u9762\u677F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(l){l.component(C.name,C),l.component(y.name,y)}};t.Collapse=C,t.CollapseItem=y,t.collapseItemProps=b,t.collapseProps=V,t.default=L,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});