lovelymaid 1.1.2 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
interface Props {
|
|
2
2
|
/** 要渲染的列表 */
|
|
3
|
-
list
|
|
3
|
+
list?: {
|
|
4
4
|
id: number;
|
|
5
5
|
name: string;
|
|
6
6
|
}[];
|
|
7
7
|
/** 激活项索引 */
|
|
8
|
-
activeIndex
|
|
8
|
+
activeIndex?: number;
|
|
9
9
|
/** 头部点击事件 */
|
|
10
10
|
onHeaderClick?: () => void;
|
|
11
11
|
/** 列表项点击事件 */
|
|
@@ -18,7 +18,13 @@ declare var __VLS_1: {};
|
|
|
18
18
|
type __VLS_Slots = {} & {
|
|
19
19
|
title?: (props: typeof __VLS_1) => any;
|
|
20
20
|
};
|
|
21
|
-
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
22
|
+
list: {
|
|
23
|
+
id: number;
|
|
24
|
+
name: string;
|
|
25
|
+
}[];
|
|
26
|
+
activeIndex: number;
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
28
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
23
29
|
declare const _default: typeof __VLS_export;
|
|
24
30
|
export default _default;
|
package/dist/lovelymaid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon-info[data-v-56675179]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer}ul[data-v-56675179]{position:absolute;z-index:var(--list-z-index);width:60px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 5px 2px #0000001a}li[data-v-56675179]{height:30px;padding:2px;cursor:pointer}.inner[data-v-56675179]{display:flex;justify-content:center;border-radius:9px;font-size:14px;color:#000;line-height:26px}.inner[data-v-56675179]:hover{background-color:#3b86f7;color:#fff}.container[data-v-3b45e17b]{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;transform:translate(var(--translateX));overflow:auto}.header[data-v-3b45e17b]{display:flex;justify-content:space-between;position:sticky;top:0;height:35px;padding:5px 5px 0;background:linear-gradient(to bottom,#f2f2f2,#f2f2f2fa,#f2f2f299);box-shadow:0 0 20px 20px #f2f2f299}.title[data-v-3b45e17b]{flex:1;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon[data-v-3b45e17b]{display:flex;justify-content:center;align-items:center;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s;cursor:pointer}.icon[data-v-3b45e17b]:hover{background-color:#e4e4e4}.icon-iconguanbi[data-v-3b45e17b]{font-size:20px;color:#262626}.pop-enter-from[data-v-3b45e17b],.pop-leave-to[data-v-3b45e17b]{transform:translate(var(--translateX)) scale(0);opacity:0}.header[data-v-0d9ea352]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-0d9ea352]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-0d9ea352]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer}.body-container[data-v-0d9ea352]{overflow:hidden}.body-container.enable-transition[data-v-0d9ea352]{transition:height .5s ease}.body[data-v-0d9ea352]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-0d9ea352]{transform:translateY(-100%)}.body li[data-v-0d9ea352]{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-0d9ea352]{background-color:#e4e4e4;color:#3b86f7}@keyframes slide-0d9ea352{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slide[data-v-0d9ea352]{animation:slide-0d9ea352 .5s ease}.container[data-v-a534d66f]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-a534d66f]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-a534d66f]{left:14px}.icon-clear[data-v-a534d66f]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-a534d66f]{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-a534d66f]::placeholder{font-weight:500;color:#767676}.input[data-v-a534d66f]:focus{outline:3px solid #94bbf0}.container[data-v-b935b1cb]{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;transform:translate(var(--translateX));transition:transform .5s ease,opacity .5s ease}.icon[data-v-b935b1cb]{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-b935b1cb]{background-color:#f2f2f2e6;border:1px solid rgba(255,255,255,1);box-shadow:2px 2px 5px #0000001a}.icon[data-v-b935b1cb]:hover{background-color:#e4e4e4}.icon-sidebar_left[data-v-b935b1cb]{font-size:20px;color:#262626}.pop-enter-from[data-v-b935b1cb],.pop-leave-to[data-v-b935b1cb]{transform:translate(var(--translateX)) scale(0);opacity:0}*{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}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-iconguanbi:before{content:""}.icon-del:before{content:""}.icon-love:before{content:""}.icon-mima:before{content:""}.icon-search:before{content:""}.icon-shoujihao:before{content:""}.icon-luxian:before{content:""}.icon-yanzhengma:before{content:""}.icon-info:before{content:""}.icon-route:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}
|
|
1
|
+
.icon-info[data-v-56675179]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer}ul[data-v-56675179]{position:absolute;z-index:var(--list-z-index);width:60px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 5px 2px #0000001a}li[data-v-56675179]{height:30px;padding:2px;cursor:pointer}.inner[data-v-56675179]{display:flex;justify-content:center;border-radius:9px;font-size:14px;color:#000;line-height:26px}.inner[data-v-56675179]:hover{background-color:#3b86f7;color:#fff}.container[data-v-3740403a]{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;transform:translate(var(--translateX));overflow:auto}.header[data-v-3740403a]{display:flex;justify-content:space-between;position:sticky;top:0;height:35px;padding:5px 5px 0;background:linear-gradient(to bottom,#f2f2f2,#f2f2f2fa,#f2f2f299);box-shadow:0 0 20px 20px #f2f2f299}.title[data-v-3740403a]{flex:1;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon[data-v-3740403a]{display:flex;justify-content:center;align-items:center;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s;cursor:pointer}.icon[data-v-3740403a]:hover{background-color:#e4e4e4}.icon-iconguanbi[data-v-3740403a]{font-size:20px;color:#262626}.pop-enter-from[data-v-3740403a],.pop-leave-to[data-v-3740403a]{transform:translate(var(--translateX)) scale(0);opacity:0}.header[data-v-70e3981e]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-70e3981e]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-70e3981e]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer}.body-container[data-v-70e3981e]{overflow:hidden}.body-container.enable-transition[data-v-70e3981e]{transition:height .5s ease}.body[data-v-70e3981e]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-70e3981e]{transform:translateY(-100%)}.body li[data-v-70e3981e]{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-70e3981e]{background-color:#e4e4e4;color:#3b86f7}@keyframes slide-70e3981e{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slide[data-v-70e3981e]{animation:slide-70e3981e .5s ease}.container[data-v-a534d66f]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-a534d66f]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-a534d66f]{left:14px}.icon-clear[data-v-a534d66f]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-a534d66f]{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-a534d66f]::placeholder{font-weight:500;color:#767676}.input[data-v-a534d66f]:focus{outline:3px solid #94bbf0}.container[data-v-b935b1cb]{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;transform:translate(var(--translateX));transition:transform .5s ease,opacity .5s ease}.icon[data-v-b935b1cb]{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-b935b1cb]{background-color:#f2f2f2e6;border:1px solid rgba(255,255,255,1);box-shadow:2px 2px 5px #0000001a}.icon[data-v-b935b1cb]:hover{background-color:#e4e4e4}.icon-sidebar_left[data-v-b935b1cb]{font-size:20px;color:#262626}.pop-enter-from[data-v-b935b1cb],.pop-leave-to[data-v-b935b1cb]{transform:translate(var(--translateX)) scale(0);opacity:0}*{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}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-iconguanbi:before{content:""}.icon-del:before{content:""}.icon-love:before{content:""}.icon-mima:before{content:""}.icon-search:before{content:""}.icon-shoujihao:before{content:""}.icon-luxian:before{content:""}.icon-yanzhengma:before{content:""}.icon-info:before{content:""}.icon-route:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}
|
package/dist/lovelymaid.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as g, ref as c, useSlots as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as g, ref as c, useSlots as R, computed as X, openBlock as p, createElementBlock as m, withModifiers as C, normalizeStyle as k, Fragment as B, renderList as z, createElementVNode as v, renderSlot as S, createCommentVNode as b, onMounted as T, onUnmounted as E, createBlock as L, Transition as H, withCtx as O, toDisplayString as A, normalizeClass as $, createTextVNode as x, watch as I, nextTick as M, withDirectives as P, withKeys as V, vModelText as D } from "vue";
|
|
2
|
+
const F = ["onClick"], W = /* @__PURE__ */ g({
|
|
3
3
|
__name: "ActionButton",
|
|
4
4
|
props: {
|
|
5
5
|
onItemClick: { type: Function }
|
|
@@ -12,7 +12,7 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
12
12
|
n.value = !1, e.target.removeEventListener("click", t), document.removeEventListener("click", t);
|
|
13
13
|
};
|
|
14
14
|
e.target.addEventListener("click", t), document.addEventListener("click", t);
|
|
15
|
-
}, d =
|
|
15
|
+
}, d = R(), o = X(() => {
|
|
16
16
|
const e = [];
|
|
17
17
|
let t = 0;
|
|
18
18
|
for (; d[`item-${t}`]; )
|
|
@@ -29,14 +29,14 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
29
29
|
style: k({ left: `${a.value}px`, top: `${r.value}px` })
|
|
30
30
|
}, [
|
|
31
31
|
(p(!0), m(B, null, z(o.value, (s) => (p(), m("li", { key: s }, [
|
|
32
|
-
|
|
32
|
+
v("div", {
|
|
33
33
|
class: "inner",
|
|
34
|
-
onClick: (
|
|
34
|
+
onClick: (f) => i.onItemClick?.(s)
|
|
35
35
|
}, [
|
|
36
|
-
|
|
37
|
-
], 8,
|
|
36
|
+
S(e.$slots, `item-${s}`, { index: s }, void 0, !0)
|
|
37
|
+
], 8, F)
|
|
38
38
|
]))), 128))
|
|
39
|
-
], 4)) :
|
|
39
|
+
], 4)) : b("", !0)
|
|
40
40
|
]));
|
|
41
41
|
}
|
|
42
42
|
}), _ = (l, i) => {
|
|
@@ -59,8 +59,8 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
59
59
|
let t = 0, s = e;
|
|
60
60
|
for (; s; )
|
|
61
61
|
t += s.offsetLeft, s = s.offsetParent;
|
|
62
|
-
const
|
|
63
|
-
a.value = t +
|
|
62
|
+
const f = e.offsetWidth;
|
|
63
|
+
a.value = t + f + 10, setTimeout(() => r.value = !0, 100);
|
|
64
64
|
};
|
|
65
65
|
let d;
|
|
66
66
|
const o = () => {
|
|
@@ -72,33 +72,33 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
72
72
|
window.removeEventListener("resize", o);
|
|
73
73
|
}), (e, t) => (p(), L(H, { name: "pop" }, {
|
|
74
74
|
default: O(() => [
|
|
75
|
-
|
|
75
|
+
i.visible ? (p(), m("div", {
|
|
76
76
|
key: 0,
|
|
77
77
|
class: "container",
|
|
78
78
|
ref_key: "containerRef",
|
|
79
79
|
ref: n,
|
|
80
80
|
style: k({ transition: r.value ? "transform .5s ease, opacity .5s ease" : "none", "--translateX": `${i.isOpen ? 0 : -a.value}px`, userSelect: "none" })
|
|
81
81
|
}, [
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
v("div", N, [
|
|
83
|
+
v("div", Y, A(i.title), 1),
|
|
84
|
+
v("div", {
|
|
85
85
|
class: $(["icon", { close: !l.isOpen }]),
|
|
86
86
|
onClick: t[0] || (t[0] = //@ts-ignore
|
|
87
87
|
(...s) => l.onCloseClick && l.onCloseClick(...s)),
|
|
88
88
|
title: "收起内容栏"
|
|
89
89
|
}, [...t[1] || (t[1] = [
|
|
90
|
-
|
|
90
|
+
v("span", { class: "iconfont icon-iconguanbi" }, null, -1)
|
|
91
91
|
])], 2)
|
|
92
92
|
]),
|
|
93
|
-
|
|
93
|
+
S(e.$slots, "default", {}, () => [
|
|
94
94
|
t[2] || (t[2] = x("这是内容", -1))
|
|
95
95
|
], !0)
|
|
96
|
-
], 4)) :
|
|
96
|
+
], 4)) : b("", !0)
|
|
97
97
|
]),
|
|
98
98
|
_: 3
|
|
99
99
|
}));
|
|
100
100
|
}
|
|
101
|
-
}), ie = /* @__PURE__ */ _(K, [["__scopeId", "data-v-
|
|
101
|
+
}), ie = /* @__PURE__ */ _(K, [["__scopeId", "data-v-3740403a"]]), U = (l, i) => {
|
|
102
102
|
const n = new Array(l.length), a = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
|
|
103
103
|
for (let o = 0; o < i.length; o++) {
|
|
104
104
|
const e = i[o].id;
|
|
@@ -114,8 +114,8 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
114
114
|
const t = r.get(e);
|
|
115
115
|
u[t] = !0;
|
|
116
116
|
let s = 0;
|
|
117
|
-
for (let
|
|
118
|
-
u[
|
|
117
|
+
for (let f = 0; f < t; f++)
|
|
118
|
+
u[f] || s++;
|
|
119
119
|
n[o] = s - d;
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -123,14 +123,14 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
123
123
|
}, j = { style: { "user-select": "none" } }, q = { class: "title" }, G = ["title"], J = ["onClick"], Q = /* @__PURE__ */ g({
|
|
124
124
|
__name: "FoldList",
|
|
125
125
|
props: {
|
|
126
|
-
list: {},
|
|
127
|
-
activeIndex: {},
|
|
128
|
-
onHeaderClick: {
|
|
129
|
-
onItemClick: {
|
|
126
|
+
list: { default: () => [] },
|
|
127
|
+
activeIndex: { default: -1 },
|
|
128
|
+
onHeaderClick: {},
|
|
129
|
+
onItemClick: {}
|
|
130
130
|
},
|
|
131
131
|
setup(l) {
|
|
132
132
|
const i = l, n = c(!0), a = c(0), r = c(null), u = c(!1), d = async () => {
|
|
133
|
-
await
|
|
133
|
+
await M(), r.value && (a.value = r.value.offsetHeight);
|
|
134
134
|
}, o = async () => {
|
|
135
135
|
u.value = !1, await d(), setTimeout(() => u.value = !0, 100);
|
|
136
136
|
};
|
|
@@ -138,10 +138,10 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
138
138
|
o();
|
|
139
139
|
}), I(() => i.list.length, d);
|
|
140
140
|
const e = c([]), t = c(!1), s = c([...i.list]);
|
|
141
|
-
return I(() => i.list, (
|
|
142
|
-
e.value = U(
|
|
143
|
-
}, { deep: !0 }), (
|
|
144
|
-
|
|
141
|
+
return I(() => i.list, (f) => {
|
|
142
|
+
e.value = U(f, s.value), t.value = !0, s.value = [...f];
|
|
143
|
+
}, { deep: !0 }), (f, y) => (p(), m("div", j, [
|
|
144
|
+
v("div", {
|
|
145
145
|
class: "header",
|
|
146
146
|
onClick: y[1] || (y[1] = C(
|
|
147
147
|
//@ts-ignore
|
|
@@ -149,23 +149,23 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
149
149
|
["stop"]
|
|
150
150
|
))
|
|
151
151
|
}, [
|
|
152
|
-
|
|
153
|
-
|
|
152
|
+
v("div", q, [
|
|
153
|
+
S(f.$slots, "title", {}, () => [
|
|
154
154
|
y[3] || (y[3] = x("标题", -1))
|
|
155
155
|
], !0)
|
|
156
156
|
]),
|
|
157
|
-
|
|
157
|
+
v("span", {
|
|
158
158
|
class: "iconfont icon-right-arrow",
|
|
159
159
|
style: k({ transform: n.value ? "rotate(90deg)" : "rotate(0deg)" }),
|
|
160
160
|
title: n.value ? "收起列表" : "展开列表",
|
|
161
161
|
onClick: y[0] || (y[0] = C((h) => n.value = !n.value, ["stop"]))
|
|
162
162
|
}, null, 12, G)
|
|
163
163
|
]),
|
|
164
|
-
|
|
164
|
+
v("div", {
|
|
165
165
|
class: $(["body-container", { "enable-transition": u.value }]),
|
|
166
166
|
style: k({ height: n.value ? `calc(0px + ${a.value}px)` : "0px" })
|
|
167
167
|
}, [
|
|
168
|
-
|
|
168
|
+
v("ul", {
|
|
169
169
|
ref_key: "bodyRef",
|
|
170
170
|
ref: r,
|
|
171
171
|
class: $(["body", { close: !n.value }])
|
|
@@ -181,7 +181,7 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
181
181
|
], 6)
|
|
182
182
|
]));
|
|
183
183
|
}
|
|
184
|
-
}), ae = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-
|
|
184
|
+
}), ae = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-70e3981e"]]), Z = { class: "container" }, ee = ["placeholder"], te = /* @__PURE__ */ g({
|
|
185
185
|
__name: "Search",
|
|
186
186
|
props: {
|
|
187
187
|
placeholder: { default: "搜索..." },
|
|
@@ -198,23 +198,23 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
198
198
|
a || i.onSearch?.(o);
|
|
199
199
|
};
|
|
200
200
|
return (o, e) => (p(), m("div", Z, [
|
|
201
|
-
e[3] || (e[3] =
|
|
202
|
-
|
|
201
|
+
e[3] || (e[3] = v("span", { class: "iconfont icon-search" }, null, -1)),
|
|
202
|
+
P(v("input", {
|
|
203
203
|
"onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
|
|
204
204
|
class: "input",
|
|
205
|
-
onKeyup: e[1] || (e[1] =
|
|
205
|
+
onKeyup: e[1] || (e[1] = V(C((t) => d(n.value.trim()), ["prevent"]), ["enter"])),
|
|
206
206
|
onCompositionend: r,
|
|
207
207
|
onCompositionstart: u,
|
|
208
208
|
type: "text",
|
|
209
209
|
placeholder: i.placeholder
|
|
210
210
|
}, null, 40, ee), [
|
|
211
|
-
[
|
|
211
|
+
[D, n.value]
|
|
212
212
|
]),
|
|
213
213
|
n.value ? (p(), m("span", {
|
|
214
214
|
key: 0,
|
|
215
215
|
class: "iconfont icon-clear",
|
|
216
216
|
onClick: e[2] || (e[2] = C((t) => n.value = "", ["stop"]))
|
|
217
|
-
})) :
|
|
217
|
+
})) : b("", !0)
|
|
218
218
|
]));
|
|
219
219
|
}
|
|
220
220
|
}), re = /* @__PURE__ */ _(te, [["__scopeId", "data-v-a534d66f"]]), ne = ["title"], oe = /* @__PURE__ */ g({
|
|
@@ -231,9 +231,9 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
231
231
|
const e = () => {
|
|
232
232
|
const t = r.value;
|
|
233
233
|
t && (clearTimeout(o), o = window.setTimeout(() => {
|
|
234
|
-
let s = 0,
|
|
235
|
-
for (;
|
|
236
|
-
s +=
|
|
234
|
+
let s = 0, f = t;
|
|
235
|
+
for (; f; )
|
|
236
|
+
s += f.offsetLeft, f = f.offsetParent;
|
|
237
237
|
u.value = t.offsetWidth, d.value = s + u.value + 10;
|
|
238
238
|
}, 100));
|
|
239
239
|
};
|
|
@@ -250,18 +250,18 @@ const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
|
250
250
|
ref: r,
|
|
251
251
|
style: k({ "--translateX": `${n.value ? 0 : -d.value}px`, userSelect: "none" })
|
|
252
252
|
}, [
|
|
253
|
-
|
|
253
|
+
v("div", {
|
|
254
254
|
class: $(["icon", { close: !n.value }]),
|
|
255
255
|
onClick: a,
|
|
256
256
|
style: k({ transform: n.value ? "translateX(0)" : `translateX(${d.value - u.value + 45}px)` }),
|
|
257
257
|
title: n.value ? "收起侧边栏" : "展开侧边栏"
|
|
258
258
|
}, [...s[0] || (s[0] = [
|
|
259
|
-
|
|
259
|
+
v("span", { class: "iconfont icon-sidebar_left" }, null, -1)
|
|
260
260
|
])], 14, ne),
|
|
261
|
-
|
|
261
|
+
S(t.$slots, "default", {}, () => [
|
|
262
262
|
s[1] || (s[1] = x("这是内容", -1))
|
|
263
263
|
], !0)
|
|
264
|
-
], 4)) :
|
|
264
|
+
], 4)) : b("", !0)
|
|
265
265
|
]),
|
|
266
266
|
_: 3
|
|
267
267
|
}));
|
package/dist/lovelymaid.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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.LovelyMaid={},p.Vue))})(this,(function(p,e){"use strict";const h=["onClick"],B=e.defineComponent({__name:"ActionButton",props:{onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!1),r=e.ref(0),c=e.ref(0),d=t=>{if(o.value)return;o.value=!0,r.value=t.offsetX+t.target.offsetWidth/2,c.value=t.offsetY+t.target.offsetHeight/2;const n=()=>{o.value=!1,t.target.removeEventListener("click",n),document.removeEventListener("click",n)};t.target.addEventListener("click",n),document.addEventListener("click",n)},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","--list-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)]))}}),u=(i,a)=>{const o=i.__vccOpts||i;for(const[r,c]of a)o[r]=c;return o},w=u(B,[["__scopeId","data-v-56675179"]]),
|
|
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.LovelyMaid={},p.Vue))})(this,(function(p,e){"use strict";const h=["onClick"],B=e.defineComponent({__name:"ActionButton",props:{onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!1),r=e.ref(0),c=e.ref(0),d=t=>{if(o.value)return;o.value=!0,r.value=t.offsetX+t.target.offsetWidth/2,c.value=t.offsetY+t.target.offsetHeight/2;const n=()=>{o.value=!1,t.target.removeEventListener("click",n),document.removeEventListener("click",n)};t.target.addEventListener("click",n),document.addEventListener("click",n)},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","--list-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)]))}}),u=(i,a)=>{const o=i.__vccOpts||i;for(const[r,c]of a)o[r]=c;return o},w=u(B,[["__scopeId","data-v-56675179"]]),_={class:"header"},E={class:"title"},S=u(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},isOpen:{type:Boolean,default:!0},title:{default:"标题"},onCloseClick:{}},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.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[a.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"container",ref_key:"containerRef",ref:o,style:e.normalizeStyle({transition:c.value?"transform .5s ease, opacity .5s ease":"none","--translateX":`${a.isOpen?0:-r.value}px`,userSelect:"none"})},[e.createElementVNode("div",_,[e.createElementVNode("div",E,e.toDisplayString(a.title),1),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)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-3740403a"]]),$=(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},g={style:{"user-select":"none"}},V={class:"title"},T=["title"],N=["onClick"],z=u(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},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=$(m,s.value),n.value=!0,s.value=[...m]},{deep:!0}),(m,k)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"header",onClick:k[1]||(k[1]=e.withModifiers((...y)=>i.onHeaderClick&&i.onHeaderClick(...y),["stop"]))},[e.createElementVNode("div",V,[e.renderSlot(m.$slots,"title",{},()=>[k[3]||(k[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:k[0]||(k[0]=e.withModifiers(y=>o.value=!o.value,["stop"]))},null,12,T)]),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,(y,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,onClick:e.withModifiers(()=>i.onItemClick?.(y,C),["stop"]),style:e.normalizeStyle({"--z-index":a.list.length-C,"--translateY":`${t.value[C]*100}%`}),onAnimationend:k[2]||(k[2]=()=>n.value=!1),class:e.normalizeClass({active:C===a.activeIndex,slide:n.value})},e.toDisplayString(y.name),47,N))),128))],2)],6)]))}}),[["__scopeId","data-v-70e3981e"]]),b={class:"container"},x=["placeholder"],I=u(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},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",b,[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,x),[[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-a534d66f"]]),M=["title"],L=u(e.defineComponent({__name:"SideBar",props:{visible:{type:Boolean,default:!0},onSwitch:{}},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.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[i.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"container",ref_key:"containerRef",ref:c,style:e.normalizeStyle({"--translateX":`${o.value?0:-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,M),e.renderSlot(n.$slots,"default",{},()=>[s[1]||(s[1]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-b935b1cb"]]);p.ActionButton=w,p.ContentBar=S,p.FoldList=z,p.Search=I,p.SideBar=L,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
|