lovelymaid 1.0.0

package/dist/App.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/MyActionButton.vue.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    onItemClick?: (index: number) => void;
+}
+declare var __VLS_2: `item-${number}`, __VLS_3: {
+    index: number;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MyContentBar.vue.d.ts

@@ -0,0 +1,19 @@
+interface Props {
+    /** 是否打开 */
+    isOpen: boolean;
+    /** 点击关闭按钮事件 */
+    onCloseClick?: () => void;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MyFoldList.vue.d.ts

@@ -0,0 +1,29 @@
+interface Props {
+    /** 要渲染的列表 */
+    list: {
+        id: number;
+        name: string;
+    }[];
+    /** 激活项索引 */
+    activeIndex: number;
+    /** 头部点击事件 */
+    onHeaderClick?: () => void;
+    /** 列表项点击事件 */
+    onItemClick?: (item: {
+        id: number;
+        name: string;
+    }, index: number) => void;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MySearch.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    /** 输入框提示词 */
+    placeholder?: string;
+    /** 回车搜索事件 */
+    onSearch?: (inputValue: string) => void;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/MySideBar.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    /** 点击切换按钮事件 */
+    onSwitch?: (value: boolean) => void;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import MyActionButton from './components/MyActionButton.vue';
+import MyContentBar from './components/MyContentBar.vue';
+import MyFoldList from './components/MyFoldList.vue';
+import MySearch from './components/MySearch.vue';
+import MySideBar from './components/MySideBar.vue';
+export { MyActionButton, MyContentBar, MyFoldList, MySearch, MySideBar };

package/dist/lovelymaid.es.js

@@ -0,0 +1,258 @@
+import { defineComponent as g, ref as c, useSlots as B, computed as F, createElementBlock as p, openBlock as m, withModifiers as C, createCommentVNode as M, normalizeStyle as k, Fragment as x, renderList as z, createElementVNode as f, renderSlot as S, onMounted as b, onUnmounted as E, normalizeClass as $, createTextVNode as T, watch as I, toDisplayString as L, nextTick as X, withDirectives as O, withKeys as A, vModelText as H } from "vue";
+const R = ["onClick"], P = /* @__PURE__ */ g({
+  __name: "MyActionButton",
+  props: {
+    onItemClick: { type: Function }
+  },
+  setup(l) {
+    const i = l, n = c(!1), a = c(0), r = c(0), u = (e) => {
+      n.value || (n.value = !0, a.value = e.offsetX, r.value = e.offsetY, setTimeout(() => {
+        const t = () => {
+          n.value = !1, e.target.removeEventListener("click", t), document.removeEventListener("click", t);
+        };
+        e.target.addEventListener("click", t), document.addEventListener("click", t);
+      }, 0));
+    }, d = B(), o = F(() => {
+      const e = [];
+      let t = 0;
+      for (; d[`item-${t}`]; )
+        e.push(t), t++;
+      return e;
+    });
+    return (e, t) => (m(), p("span", {
+      class: "iconfont icon-info",
+      onClick: C(u, ["stop"]),
+      style: { "user-select": "none", "--z-index": "10" }
+    }, [
+      n.value ? (m(), p("ul", {
+        key: 0,
+        style: k({ left: `${a.value}px`, top: `${r.value}px` })
+      }, [
+        (m(!0), p(x, null, z(o.value, (s) => (m(), p("li", { key: s }, [
+          f("div", {
+            class: "inner",
+            onClick: (v) => i.onItemClick?.(s)
+          }, [
+            S(e.$slots, `item-${s}`, { index: s }, void 0, !0)
+          ], 8, R)
+        ]))), 128))
+      ], 4)) : M("", !0)
+    ]));
+  }
+}), _ = (l, i) => {
+  const n = l.__vccOpts || l;
+  for (const [a, r] of i)
+    n[a] = r;
+  return n;
+}, ee = /* @__PURE__ */ _(P, [["__scopeId", "data-v-cd43f472"]]), V = /* @__PURE__ */ g({
+  __name: "MyContentBar",
+  props: {
+    isOpen: { type: Boolean },
+    onCloseClick: { type: Function }
+  },
+  setup(l) {
+    const i = l, n = c(null), a = c(0), r = c(!1), u = () => {
+      const e = n.value;
+      if (!e) return;
+      let t = 0, s = e;
+      for (; s; )
+        t += s.offsetLeft, s = s.offsetParent;
+      const v = e.offsetWidth;
+      a.value = t + v + 10, setTimeout(() => r.value = !0, 100);
+    };
+    let d;
+    const o = () => {
+      clearTimeout(d), d = setTimeout(() => u(), 100);
+    };
+    return b(() => {
+      u(), window.addEventListener("resize", o);
+    }), E(() => {
+      window.removeEventListener("resize", o);
+    }), (e, t) => (m(), p("div", {
+      class: "container",
+      ref_key: "containerRef",
+      ref: n,
+      style: k({ transition: r.value ? "transform .5s ease" : "none", transform: i.isOpen ? "translateX(0)" : `translateX(-${a.value}px)`, userSelect: "none" })
+    }, [
+      f("div", {
+        class: $(["icon", { close: !l.isOpen }]),
+        onClick: t[0] || (t[0] = //@ts-ignore
+        (...s) => l.onCloseClick && l.onCloseClick(...s)),
+        title: "收起内容栏"
+      }, [...t[1] || (t[1] = [
+        f("span", { class: "iconfont icon-iconguanbi" }, null, -1)
+      ])], 2),
+      S(e.$slots, "default", {}, () => [
+        t[2] || (t[2] = T("这是内容", -1))
+      ], !0)
+    ], 4));
+  }
+}), te = /* @__PURE__ */ _(V, [["__scopeId", "data-v-1b0264e6"]]), D = (l, i) => {
+  const n = new Array(l.length), a = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
+  for (let o = 0; o < i.length; o++) {
+    const e = i[o].id;
+    a.add(e), r.set(e, o);
+  }
+  const u = new Array(i.length).fill(!1);
+  let d = 0;
+  for (let o = 0; o < l.length; o++) {
+    const e = l[o].id;
+    if (!a.has(e))
+      d++, n[o] = -d;
+    else {
+      const t = r.get(e);
+      u[t] = !0;
+      let s = 0;
+      for (let v = 0; v < t; v++)
+        u[v] || s++;
+      n[o] = s - d;
+    }
+  }
+  return n;
+}, N = { style: { "user-select": "none" } }, W = { class: "title" }, Y = ["title"], K = ["onClick"], U = /* @__PURE__ */ g({
+  __name: "MyFoldList",
+  props: {
+    list: {},
+    activeIndex: {},
+    onHeaderClick: { type: Function },
+    onItemClick: { type: Function }
+  },
+  setup(l) {
+    const i = l, n = c(!0), a = c(0), r = c(null), u = c(!1), d = async () => {
+      await X(), r.value && (a.value = r.value.offsetHeight);
+    }, o = async () => {
+      u.value = !1, await d(), setTimeout(() => u.value = !0, 100);
+    };
+    b(() => {
+      o();
+    }), I(() => i.list.length, d);
+    const e = c([]), t = c(!1), s = c([...i.list]);
+    return I(() => i.list, (v) => {
+      e.value = D(v, s.value), t.value = !0, s.value = [...v];
+    }, { deep: !0 }), (v, y) => (m(), p("div", N, [
+      f("div", {
+        class: "header",
+        onClick: y[1] || (y[1] = C(
+          //@ts-ignore
+          (...w) => l.onHeaderClick && l.onHeaderClick(...w),
+          ["stop"]
+        ))
+      }, [
+        f("div", W, [
+          S(v.$slots, "title", {}, () => [
+            y[3] || (y[3] = T("标题", -1))
+          ], !0)
+        ]),
+        f("span", {
+          class: "iconfont icon-right-arrow",
+          style: k({ transform: n.value ? "rotate(90deg)" : "rotate(0deg)" }),
+          title: n.value ? "收起列表" : "展开列表",
+          onClick: y[0] || (y[0] = C((w) => n.value = !n.value, ["stop"]))
+        }, null, 12, Y)
+      ]),
+      f("div", {
+        class: $(["body-container", { "enable-transition": u.value }]),
+        style: k({ height: n.value ? `calc(0px + ${a.value}px)` : "0px" })
+      }, [
+        f("ul", {
+          ref_key: "bodyRef",
+          ref: r,
+          class: $(["body", { close: !n.value }])
+        }, [
+          (m(!0), p(x, null, z(i.list, (w, h) => (m(), p("li", {
+            key: h,
+            onClick: C(() => l.onItemClick?.(w, h), ["stop"]),
+            style: k({ "--z-index": i.list.length - h, "--translateY": `${e.value[h] * 100}%` }),
+            onAnimationend: y[2] || (y[2] = () => t.value = !1),
+            class: $({ active: h === i.activeIndex, slide: t.value })
+          }, L(w.name), 47, K))), 128))
+        ], 2)
+      ], 6)
+    ]));
+  }
+}), ne = /* @__PURE__ */ _(U, [["__scopeId", "data-v-bb2a236c"]]), j = { class: "container" }, q = ["placeholder"], G = /* @__PURE__ */ g({
+  __name: "MySearch",
+  props: {
+    placeholder: {},
+    onSearch: { type: Function }
+  },
+  setup(l) {
+    const i = l, n = c("");
+    let a = !1;
+    const r = async () => {
+      await new Promise((o) => setTimeout(o, 100)), a = !1;
+    }, u = () => {
+      a = !0;
+    }, d = async (o) => {
+      a || i.onSearch?.(o);
+    };
+    return (o, e) => (m(), p("div", j, [
+      e[3] || (e[3] = f("span", { class: "iconfont icon-search" }, null, -1)),
+      O(f("input", {
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+        class: "input",
+        onKeyup: e[1] || (e[1] = A(C((t) => d(n.value.trim()), ["prevent"]), ["enter"])),
+        onCompositionend: r,
+        onCompositionstart: u,
+        type: "text",
+        placeholder: i.placeholder || "搜索..."
+      }, null, 40, q), [
+        [H, n.value]
+      ]),
+      n.value ? (m(), p("span", {
+        key: 0,
+        class: "iconfont icon-clear",
+        onClick: e[2] || (e[2] = C((t) => n.value = "", ["stop"]))
+      })) : M("", !0)
+    ]));
+  }
+}), oe = /* @__PURE__ */ _(G, [["__scopeId", "data-v-ff947bde"]]), J = ["title"], Q = /* @__PURE__ */ g({
+  __name: "MySideBar",
+  props: {
+    onSwitch: { type: Function }
+  },
+  setup(l) {
+    const i = l, n = c(!0), a = () => {
+      n.value = !n.value, i.onSwitch?.(n.value);
+    }, r = c(null), u = c(0), d = c(0);
+    let o;
+    const e = () => {
+      const t = r.value;
+      t && (clearTimeout(o), o = window.setTimeout(() => {
+        let s = 0, v = t;
+        for (; v; )
+          s += v.offsetLeft, v = v.offsetParent;
+        u.value = t.offsetWidth, d.value = s + u.value + 10;
+      }, 100));
+    };
+    return b(() => {
+      e(), window.addEventListener("resize", e);
+    }), E(() => {
+      window.removeEventListener("resize", e);
+    }), (t, s) => (m(), p("div", {
+      class: "container",
+      ref_key: "containerRef",
+      ref: r,
+      style: k({ transform: n.value ? "translateX(0)" : `translateX(-${d.value}px)`, userSelect: "none" })
+    }, [
+      f("div", {
+        class: $(["icon", { close: !n.value }]),
+        onClick: a,
+        style: k({ transform: n.value ? "translateX(0)" : `translateX(${d.value - u.value + 45}px)` }),
+        title: n.value ? "收起侧边栏" : "展开侧边栏"
+      }, [...s[0] || (s[0] = [
+        f("span", { class: "iconfont icon-sidebar_left" }, null, -1)
+      ])], 14, J),
+      S(t.$slots, "default", {}, () => [
+        s[1] || (s[1] = T("这是内容", -1))
+      ], !0)
+    ], 4));
+  }
+}), se = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-4b7d6fb5"]]);
+export {
+  ee as MyActionButton,
+  te as MyContentBar,
+  ne as MyFoldList,
+  oe as MySearch,
+  se as MySideBar
+};

package/dist/lovelymaid.umd.js

@@ -0,0 +1 @@
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.maid={},p.Vue))})(this,(function(p,e){"use strict";const h=["onClick"],w=e.defineComponent({__name:"MyActionButton",props:{onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!1),r=e.ref(0),c=e.ref(0),d=t=>{o.value||(o.value=!0,r.value=t.offsetX,c.value=t.offsetY,setTimeout(()=>{const n=()=>{o.value=!1,t.target.removeEventListener("click",n),document.removeEventListener("click",n)};t.target.addEventListener("click",n),document.addEventListener("click",n)},0))},f=e.useSlots(),l=e.computed(()=>{const t=[];let n=0;for(;f[`item-${n}`];)t.push(n),n++;return t});return(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info",onClick:e.withModifiers(d,["stop"]),style:{"user-select":"none","--z-index":"10"}},[o.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${r.value}px`,top:`${c.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,s=>(e.openBlock(),e.createElementBlock("li",{key:s},[e.createElementVNode("div",{class:"inner",onClick:m=>a.onItemClick?.(s)},[e.renderSlot(t.$slots,`item-${s}`,{index:s},void 0,!0)],8,h)]))),128))],4)):e.createCommentVNode("",!0)]))}}),y=(i,a)=>{const o=i.__vccOpts||i;for(const[r,c]of a)o[r]=c;return o},B=y(w,[["__scopeId","data-v-cd43f472"]]),S=y(e.defineComponent({__name:"MyContentBar",props:{isOpen:{type:Boolean},onCloseClick:{type:Function}},setup(i){const a=i,o=e.ref(null),r=e.ref(0),c=e.ref(!1),d=()=>{const t=o.value;if(!t)return;let n=0,s=t;for(;s;)n+=s.offsetLeft,s=s.offsetParent;const m=t.offsetWidth;r.value=n+m+10,setTimeout(()=>c.value=!0,100)};let f;const l=()=>{clearTimeout(f),f=setTimeout(()=>d(),100)};return e.onMounted(()=>{d(),window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"container",ref_key:"containerRef",ref:o,style:e.normalizeStyle({transition:c.value?"transform .5s ease":"none",transform:a.isOpen?"translateX(0)":`translateX(-${r.value}px)`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!i.isOpen}]),onClick:n[0]||(n[0]=(...s)=>i.onCloseClick&&i.onCloseClick(...s)),title:"收起内容栏"},[...n[1]||(n[1]=[e.createElementVNode("span",{class:"iconfont icon-iconguanbi"},null,-1)])],2),e.renderSlot(t.$slots,"default",{},()=>[n[2]||(n[2]=e.createTextVNode("这是内容",-1))],!0)],4))}}),[["__scopeId","data-v-1b0264e6"]]),E=(i,a)=>{const o=new Array(i.length),r=new Set,c=new Map;for(let l=0;l<a.length;l++){const t=a[l].id;r.add(t),c.set(t,l)}const d=new Array(a.length).fill(!1);let f=0;for(let l=0;l<i.length;l++){const t=i[l].id;if(!r.has(t))f++,o[l]=-f;else{const n=c.get(t);d[n]=!0;let s=0;for(let m=0;m<n;m++)d[m]||s++;o[l]=s-f}}return o},_={style:{"user-select":"none"}},M={class:"title"},$=["title"],g=["onClick"],T=y(e.defineComponent({__name:"MyFoldList",props:{list:{},activeIndex:{},onHeaderClick:{type:Function},onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!0),r=e.ref(0),c=e.ref(null),d=e.ref(!1),f=async()=>{await e.nextTick(),c.value&&(r.value=c.value.offsetHeight)},l=async()=>{d.value=!1,await f(),setTimeout(()=>d.value=!0,100)};e.onMounted(()=>{l()}),e.watch(()=>a.list.length,f);const t=e.ref([]),n=e.ref(!1),s=e.ref([...a.list]);return e.watch(()=>a.list,m=>{t.value=E(m,s.value),n.value=!0,s.value=[...m]},{deep:!0}),(m,u)=>(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",{class:"header",onClick:u[1]||(u[1]=e.withModifiers((...k)=>i.onHeaderClick&&i.onHeaderClick(...k),["stop"]))},[e.createElementVNode("div",M,[e.renderSlot(m.$slots,"title",{},()=>[u[3]||(u[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:o.value?"rotate(90deg)":"rotate(0deg)"}),title:o.value?"收起列表":"展开列表",onClick:u[0]||(u[0]=e.withModifiers(k=>o.value=!o.value,["stop"]))},null,12,$)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":d.value}]),style:e.normalizeStyle({height:o.value?`calc(0px + ${r.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:c,class:e.normalizeClass(["body",{close:!o.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.list,(k,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,onClick:e.withModifiers(()=>i.onItemClick?.(k,C),["stop"]),style:e.normalizeStyle({"--z-index":a.list.length-C,"--translateY":`${t.value[C]*100}%`}),onAnimationend:u[2]||(u[2]=()=>n.value=!1),class:e.normalizeClass({active:C===a.activeIndex,slide:n.value})},e.toDisplayString(k.name),47,g))),128))],2)],6)]))}}),[["__scopeId","data-v-bb2a236c"]]),z={class:"container"},V=["placeholder"],b=y(e.defineComponent({__name:"MySearch",props:{placeholder:{},onSearch:{type:Function}},setup(i){const a=i,o=e.ref("");let r=!1;const c=async()=>{await new Promise(l=>setTimeout(l,100)),r=!1},d=()=>{r=!0},f=async l=>{r||a.onSearch?.(l)};return(l,t)=>(e.openBlock(),e.createElementBlock("div",z,[t[3]||(t[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=n=>o.value=n),class:"input",onKeyup:t[1]||(t[1]=e.withKeys(e.withModifiers(n=>f(o.value.trim()),["prevent"]),["enter"])),onCompositionend:c,onCompositionstart:d,type:"text",placeholder:a.placeholder||"搜索..."},null,40,V),[[e.vModelText,o.value]]),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:t[2]||(t[2]=e.withModifiers(n=>o.value="",["stop"]))})):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ff947bde"]]),N=["title"],I=y(e.defineComponent({__name:"MySideBar",props:{onSwitch:{type:Function}},setup(i){const a=i,o=e.ref(!0),r=()=>{o.value=!o.value,a.onSwitch?.(o.value)},c=e.ref(null),d=e.ref(0),f=e.ref(0);let l;const t=()=>{const n=c.value;n&&(clearTimeout(l),l=window.setTimeout(()=>{let s=0,m=n;for(;m;)s+=m.offsetLeft,m=m.offsetParent;d.value=n.offsetWidth,f.value=s+d.value+10},100))};return e.onMounted(()=>{t(),window.addEventListener("resize",t)}),e.onUnmounted(()=>{window.removeEventListener("resize",t)}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:"container",ref_key:"containerRef",ref:c,style:e.normalizeStyle({transform:o.value?"translateX(0)":`translateX(-${f.value}px)`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!o.value}]),onClick:r,style:e.normalizeStyle({transform:o.value?"translateX(0)":`translateX(${f.value-d.value+45}px)`}),title:o.value?"收起侧边栏":"展开侧边栏"},[...s[0]||(s[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,N),e.renderSlot(n.$slots,"default",{},()=>[s[1]||(s[1]=e.createTextVNode("这是内容",-1))],!0)],4))}}),[["__scopeId","data-v-4b7d6fb5"]]);p.MyActionButton=B,p.MyContentBar=S,p.MyFoldList=T,p.MySearch=b,p.MySideBar=I,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/dist/maid.css

@@ -0,0 +1 @@
+.icon-info[data-v-cd43f472]{position:relative;font-size:18px;color:#3b86f7;cursor:pointer}ul[data-v-cd43f472]{position:absolute;z-index:var(--z-index);width:60px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 5px 2px #0000001a}li[data-v-cd43f472]{height:30px;padding:2px;cursor:pointer}.inner[data-v-cd43f472]{display:flex;justify-content:center;border-radius:9px;font-size:12px;color:#000;line-height:26px}.inner .iconfont[data-v-cd43f472]{font-size:14px}.inner[data-v-cd43f472]:hover{background-color:#3b86f7;color:#fff}.container[data-v-1b0264e6]{position:relative;padding-top:40px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a}.icon[data-v-1b0264e6]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s;cursor:pointer}.icon[data-v-1b0264e6]:hover{background-color:#e4e4e4}.iconfont[data-v-1b0264e6]{font-size:20px;color:#262626}.header[data-v-bb2a236c]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-bb2a236c]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-bb2a236c]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer}.body-container[data-v-bb2a236c]{overflow:hidden}.body-container.enable-transition[data-v-bb2a236c]{transition:height .5s ease}.body[data-v-bb2a236c]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-bb2a236c]{transform:translateY(-100%)}.body li[data-v-bb2a236c]{position:relative;z-index:var(--z-index);height:30px;padding:0 10px;border-radius:6px;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.body li.active[data-v-bb2a236c]{background-color:#e4e4e4;color:#3b86f7}@keyframes slide-bb2a236c{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slide[data-v-bb2a236c]{animation:slide-bb2a236c .5s ease}.container[data-v-ff947bde]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-ff947bde]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-ff947bde]{left:14px}.icon-clear[data-v-ff947bde]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-ff947bde]{background-color:#e8e8e8;width:100%;height:100%;border-radius:20px;padding:0 35px;font-size:inherit;font-weight:inherit;color:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-ff947bde]::placeholder{font-weight:500;color:#767676}.input[data-v-ff947bde]:focus{outline:3px solid #94bbf0}.container[data-v-4b7d6fb5]{position:relative;padding:40px 15px 15px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a;transition:transform .5s ease}.icon[data-v-4b7d6fb5]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s,transform .5s ease 0s,border 0s ease .5s,box-shadow .5s ease 0s;cursor:pointer}.icon.close[data-v-4b7d6fb5]{background-color:#f2f2f2e6;border:1px solid rgba(255,255,255,1);box-shadow:2px 2px 5px #0000001a}.icon[data-v-4b7d6fb5]:hover{background-color:#e4e4e4}.iconfont[data-v-4b7d6fb5]{font-size:20px;color:#262626}

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import '@/assets/styles/base.css';
+import '@/assets/styles/main.css';
+import '@/assets/icons/iconfont.css';

package/dist/utils/getSlideCount.d.ts

@@ -0,0 +1,3 @@
+export declare const getSlideCount: <T extends {
+    id: number;
+}>(newList: T[], oldList: T[]) => number[];

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "lovelymaid",
+  "version": "1.0.0",
+  "main": "dist/lovelymaid.umd.js",
+  "module": "dist/lovelymaid.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && npm run build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.5.22"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "vite": "^7.1.11",
+    "vue-tsc": "^3.2.4"
+  }
+}