lovelymaid 1.0.0 → 1.0.2

package/dist/index.d.ts

@@ -1,6 +1,9 @@
+import '../dist/lovelymaid.css';
 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';
+import './assets/styles/base.css';
+import './assets/styles/main.css';
 export { MyActionButton, MyContentBar, MyFoldList, MySearch, MySideBar };

package/dist/{maid.css → lovelymaid.css}

@@ -1 +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}
+.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}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{width:100%;min-height:100vh;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}ul,ol{list-style:none}input,button,textarea,select{border:none;outline:none;border-radius:0}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeOut{0%{transform:scale(1)}to{transform:scale(0)}}.fade-enter-active{animation:fadeIn .3s ease both}.fade-leave-active{animation:fadeOut .3s ease both}

package/dist/lovelymaid.es.js

@@ -1,4 +1,4 @@
-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";
+import { defineComponent as g, ref as c, useSlots as B, computed as F, openBlock as p, createElementBlock as m, withModifiers as C, normalizeStyle as k, Fragment as M, renderList as x, createElementVNode as f, renderSlot as S, createCommentVNode as z, 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: {
@@ -19,16 +19,16 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
         e.push(t), t++;
       return e;
     });
-    return (e, t) => (m(), p("span", {
+    return (e, t) => (p(), m("span", {
       class: "iconfont icon-info",
       onClick: C(u, ["stop"]),
       style: { "user-select": "none", "--z-index": "10" }
     }, [
-      n.value ? (m(), p("ul", {
+      n.value ? (p(), m("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 }, [
+        (p(!0), m(M, null, x(o.value, (s) => (p(), m("li", { key: s }, [
           f("div", {
             class: "inner",
             onClick: (v) => i.onItemClick?.(s)
@@ -36,7 +36,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
             S(e.$slots, `item-${s}`, { index: s }, void 0, !0)
           ], 8, R)
         ]))), 128))
-      ], 4)) : M("", !0)
+      ], 4)) : z("", !0)
     ]));
   }
 }), _ = (l, i) => {
@@ -68,7 +68,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
       u(), window.addEventListener("resize", o);
     }), E(() => {
       window.removeEventListener("resize", o);
-    }), (e, t) => (m(), p("div", {
+    }), (e, t) => (p(), m("div", {
       class: "container",
       ref_key: "containerRef",
       ref: n,
@@ -129,7 +129,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
     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, [
+    }, { deep: !0 }), (v, y) => (p(), m("div", N, [
       f("div", {
         class: "header",
         onClick: y[1] || (y[1] = C(
@@ -159,7 +159,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
           ref: r,
           class: $(["body", { close: !n.value }])
         }, [
-          (m(!0), p(x, null, z(i.list, (w, h) => (m(), p("li", {
+          (p(!0), m(M, null, x(i.list, (w, h) => (p(), m("li", {
             key: h,
             onClick: C(() => l.onItemClick?.(w, h), ["stop"]),
             style: k({ "--z-index": i.list.length - h, "--translateY": `${e.value[h] * 100}%` }),
@@ -186,7 +186,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
     }, d = async (o) => {
       a || i.onSearch?.(o);
     };
-    return (o, e) => (m(), p("div", j, [
+    return (o, e) => (p(), m("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),
@@ -199,11 +199,11 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
       }, null, 40, q), [
         [H, n.value]
       ]),
-      n.value ? (m(), p("span", {
+      n.value ? (p(), m("span", {
         key: 0,
         class: "iconfont icon-clear",
         onClick: e[2] || (e[2] = C((t) => n.value = "", ["stop"]))
-      })) : M("", !0)
+      })) : z("", !0)
     ]));
   }
 }), oe = /* @__PURE__ */ _(G, [["__scopeId", "data-v-ff947bde"]]), J = ["title"], Q = /* @__PURE__ */ g({
@@ -229,7 +229,7 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
       e(), window.addEventListener("resize", e);
     }), E(() => {
       window.removeEventListener("resize", e);
-    }), (t, s) => (m(), p("div", {
+    }), (t, s) => (p(), m("div", {
       class: "container",
       ref_key: "containerRef",
       ref: r,

package/dist/main.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lovelymaid",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/lovelymaid.umd.js",
   "module": "dist/lovelymaid.es.js",
   "types": "dist/index.d.ts",
@@ -15,6 +15,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "lovelymaid": "^1.0.1",
     "vue": "^3.5.22"
   },
   "devDependencies": {