lovelymaid 1.1.0 → 1.1.2
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.
|
@@ -3,6 +3,8 @@ interface Props {
|
|
|
3
3
|
visible?: boolean;
|
|
4
4
|
/** 是否展开 */
|
|
5
5
|
isOpen?: boolean;
|
|
6
|
+
/** 标题 */
|
|
7
|
+
title?: string;
|
|
6
8
|
/** 点击关闭按钮事件 */
|
|
7
9
|
onCloseClick?: () => void;
|
|
8
10
|
}
|
|
@@ -12,6 +14,7 @@ type __VLS_Slots = {} & {
|
|
|
12
14
|
};
|
|
13
15
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
14
16
|
visible: boolean;
|
|
17
|
+
title: string;
|
|
15
18
|
isOpen: boolean;
|
|
16
19
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
20
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -4,6 +4,8 @@ interface Props {
|
|
|
4
4
|
/** 回车搜索事件 */
|
|
5
5
|
onSearch?: (inputValue: string) => void;
|
|
6
6
|
}
|
|
7
|
-
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
8
|
+
placeholder: string;
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
10
|
declare const _default: typeof __VLS_export;
|
|
9
11
|
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-b57c5d13]{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))}.icon[data-v-b57c5d13]{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-b57c5d13]:hover{background-color:#e4e4e4}.icon-iconguanbi[data-v-b57c5d13]{font-size:20px;color:#262626}.pop-enter-from[data-v-b57c5d13],.pop-leave-to[data-v-b57c5d13]{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-05b12da4]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-05b12da4]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-05b12da4]{left:14px}.icon-clear[data-v-05b12da4]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-05b12da4]{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-05b12da4]::placeholder{font-weight:500;color:#767676}.input[data-v-05b12da4]: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-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:""}
|
package/dist/lovelymaid.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const D = ["onClick"], W = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as g, ref as c, useSlots as F, computed as R, openBlock as p, createElementBlock as m, withModifiers as C, normalizeStyle as k, Fragment as B, renderList as z, createElementVNode as f, renderSlot as b, createCommentVNode as S, 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 X, withDirectives as M, withKeys as P, vModelText as V } from "vue";
|
|
2
|
+
const D = ["onClick"], W = /* @__PURE__ */ g({
|
|
3
3
|
__name: "ActionButton",
|
|
4
4
|
props: {
|
|
5
5
|
onItemClick: { type: Function }
|
|
@@ -12,24 +12,24 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
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 = F(), o = R(() => {
|
|
16
16
|
const e = [];
|
|
17
17
|
let t = 0;
|
|
18
18
|
for (; d[`item-${t}`]; )
|
|
19
19
|
e.push(t), t++;
|
|
20
20
|
return e;
|
|
21
21
|
});
|
|
22
|
-
return (e, t) => (
|
|
22
|
+
return (e, t) => (p(), m("span", {
|
|
23
23
|
class: "iconfont icon-info",
|
|
24
24
|
onClick: C(u, ["stop"]),
|
|
25
25
|
style: { "user-select": "none", "--list-z-index": "10" }
|
|
26
26
|
}, [
|
|
27
|
-
n.value ? (
|
|
27
|
+
n.value ? (p(), m("ul", {
|
|
28
28
|
key: 0,
|
|
29
29
|
style: k({ left: `${a.value}px`, top: `${r.value}px` })
|
|
30
30
|
}, [
|
|
31
|
-
(
|
|
32
|
-
|
|
31
|
+
(p(!0), m(B, null, z(o.value, (s) => (p(), m("li", { key: s }, [
|
|
32
|
+
f("div", {
|
|
33
33
|
class: "inner",
|
|
34
34
|
onClick: (v) => i.onItemClick?.(s)
|
|
35
35
|
}, [
|
|
@@ -44,11 +44,12 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
44
44
|
for (const [a, r] of i)
|
|
45
45
|
n[a] = r;
|
|
46
46
|
return n;
|
|
47
|
-
},
|
|
47
|
+
}, le = /* @__PURE__ */ _(W, [["__scopeId", "data-v-56675179"]]), N = { class: "header" }, Y = { class: "title" }, K = /* @__PURE__ */ g({
|
|
48
48
|
__name: "ContentBar",
|
|
49
49
|
props: {
|
|
50
50
|
visible: { type: Boolean, default: !0 },
|
|
51
51
|
isOpen: { type: Boolean, default: !0 },
|
|
52
|
+
title: { default: "标题" },
|
|
52
53
|
onCloseClick: {}
|
|
53
54
|
},
|
|
54
55
|
setup(l) {
|
|
@@ -69,23 +70,26 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
69
70
|
u(), window.addEventListener("resize", o);
|
|
70
71
|
}), E(() => {
|
|
71
72
|
window.removeEventListener("resize", o);
|
|
72
|
-
}), (e, t) => (
|
|
73
|
-
default:
|
|
74
|
-
l.visible ? (
|
|
73
|
+
}), (e, t) => (p(), L(H, { name: "pop" }, {
|
|
74
|
+
default: O(() => [
|
|
75
|
+
l.visible ? (p(), m("div", {
|
|
75
76
|
key: 0,
|
|
76
77
|
class: "container",
|
|
77
78
|
ref_key: "containerRef",
|
|
78
79
|
ref: n,
|
|
79
80
|
style: k({ transition: r.value ? "transform .5s ease, opacity .5s ease" : "none", "--translateX": `${i.isOpen ? 0 : -a.value}px`, userSelect: "none" })
|
|
80
81
|
}, [
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
82
|
+
f("div", N, [
|
|
83
|
+
f("div", Y, A(i.title), 1),
|
|
84
|
+
f("div", {
|
|
85
|
+
class: $(["icon", { close: !l.isOpen }]),
|
|
86
|
+
onClick: t[0] || (t[0] = //@ts-ignore
|
|
87
|
+
(...s) => l.onCloseClick && l.onCloseClick(...s)),
|
|
88
|
+
title: "收起内容栏"
|
|
89
|
+
}, [...t[1] || (t[1] = [
|
|
90
|
+
f("span", { class: "iconfont icon-iconguanbi" }, null, -1)
|
|
91
|
+
])], 2)
|
|
92
|
+
]),
|
|
89
93
|
b(e.$slots, "default", {}, () => [
|
|
90
94
|
t[2] || (t[2] = x("这是内容", -1))
|
|
91
95
|
], !0)
|
|
@@ -94,7 +98,7 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
94
98
|
_: 3
|
|
95
99
|
}));
|
|
96
100
|
}
|
|
97
|
-
}),
|
|
101
|
+
}), ie = /* @__PURE__ */ _(K, [["__scopeId", "data-v-3b45e17b"]]), U = (l, i) => {
|
|
98
102
|
const n = new Array(l.length), a = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
|
|
99
103
|
for (let o = 0; o < i.length; o++) {
|
|
100
104
|
const e = i[o].id;
|
|
@@ -116,7 +120,7 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
116
120
|
}
|
|
117
121
|
}
|
|
118
122
|
return n;
|
|
119
|
-
},
|
|
123
|
+
}, j = { style: { "user-select": "none" } }, q = { class: "title" }, G = ["title"], J = ["onClick"], Q = /* @__PURE__ */ g({
|
|
120
124
|
__name: "FoldList",
|
|
121
125
|
props: {
|
|
122
126
|
list: {},
|
|
@@ -135,9 +139,9 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
135
139
|
}), I(() => i.list.length, d);
|
|
136
140
|
const e = c([]), t = c(!1), s = c([...i.list]);
|
|
137
141
|
return I(() => i.list, (v) => {
|
|
138
|
-
e.value =
|
|
139
|
-
}, { deep: !0 }), (v, y) => (
|
|
140
|
-
|
|
142
|
+
e.value = U(v, s.value), t.value = !0, s.value = [...v];
|
|
143
|
+
}, { deep: !0 }), (v, y) => (p(), m("div", j, [
|
|
144
|
+
f("div", {
|
|
141
145
|
class: "header",
|
|
142
146
|
onClick: y[1] || (y[1] = C(
|
|
143
147
|
//@ts-ignore
|
|
@@ -145,43 +149,43 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
145
149
|
["stop"]
|
|
146
150
|
))
|
|
147
151
|
}, [
|
|
148
|
-
|
|
152
|
+
f("div", q, [
|
|
149
153
|
b(v.$slots, "title", {}, () => [
|
|
150
154
|
y[3] || (y[3] = x("标题", -1))
|
|
151
155
|
], !0)
|
|
152
156
|
]),
|
|
153
|
-
|
|
157
|
+
f("span", {
|
|
154
158
|
class: "iconfont icon-right-arrow",
|
|
155
159
|
style: k({ transform: n.value ? "rotate(90deg)" : "rotate(0deg)" }),
|
|
156
160
|
title: n.value ? "收起列表" : "展开列表",
|
|
157
161
|
onClick: y[0] || (y[0] = C((h) => n.value = !n.value, ["stop"]))
|
|
158
|
-
}, null, 12,
|
|
162
|
+
}, null, 12, G)
|
|
159
163
|
]),
|
|
160
|
-
|
|
161
|
-
class:
|
|
164
|
+
f("div", {
|
|
165
|
+
class: $(["body-container", { "enable-transition": u.value }]),
|
|
162
166
|
style: k({ height: n.value ? `calc(0px + ${a.value}px)` : "0px" })
|
|
163
167
|
}, [
|
|
164
|
-
|
|
168
|
+
f("ul", {
|
|
165
169
|
ref_key: "bodyRef",
|
|
166
170
|
ref: r,
|
|
167
|
-
class:
|
|
171
|
+
class: $(["body", { close: !n.value }])
|
|
168
172
|
}, [
|
|
169
|
-
(
|
|
173
|
+
(p(!0), m(B, null, z(i.list, (h, w) => (p(), m("li", {
|
|
170
174
|
key: w,
|
|
171
175
|
onClick: C(() => l.onItemClick?.(h, w), ["stop"]),
|
|
172
176
|
style: k({ "--z-index": i.list.length - w, "--translateY": `${e.value[w] * 100}%` }),
|
|
173
177
|
onAnimationend: y[2] || (y[2] = () => t.value = !1),
|
|
174
|
-
class:
|
|
175
|
-
},
|
|
178
|
+
class: $({ active: w === i.activeIndex, slide: t.value })
|
|
179
|
+
}, A(h.name), 47, J))), 128))
|
|
176
180
|
], 2)
|
|
177
181
|
], 6)
|
|
178
182
|
]));
|
|
179
183
|
}
|
|
180
|
-
}),
|
|
184
|
+
}), ae = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-0d9ea352"]]), Z = { class: "container" }, ee = ["placeholder"], te = /* @__PURE__ */ g({
|
|
181
185
|
__name: "Search",
|
|
182
186
|
props: {
|
|
183
|
-
placeholder: {},
|
|
184
|
-
onSearch: {
|
|
187
|
+
placeholder: { default: "搜索..." },
|
|
188
|
+
onSearch: {}
|
|
185
189
|
},
|
|
186
190
|
setup(l) {
|
|
187
191
|
const i = l, n = c("");
|
|
@@ -193,27 +197,27 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
193
197
|
}, d = async (o) => {
|
|
194
198
|
a || i.onSearch?.(o);
|
|
195
199
|
};
|
|
196
|
-
return (o, e) => (
|
|
197
|
-
e[3] || (e[3] =
|
|
198
|
-
M(
|
|
200
|
+
return (o, e) => (p(), m("div", Z, [
|
|
201
|
+
e[3] || (e[3] = f("span", { class: "iconfont icon-search" }, null, -1)),
|
|
202
|
+
M(f("input", {
|
|
199
203
|
"onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
|
|
200
204
|
class: "input",
|
|
201
205
|
onKeyup: e[1] || (e[1] = P(C((t) => d(n.value.trim()), ["prevent"]), ["enter"])),
|
|
202
206
|
onCompositionend: r,
|
|
203
207
|
onCompositionstart: u,
|
|
204
208
|
type: "text",
|
|
205
|
-
placeholder: i.placeholder
|
|
206
|
-
}, null, 40,
|
|
209
|
+
placeholder: i.placeholder
|
|
210
|
+
}, null, 40, ee), [
|
|
207
211
|
[V, n.value]
|
|
208
212
|
]),
|
|
209
|
-
n.value ? (
|
|
213
|
+
n.value ? (p(), m("span", {
|
|
210
214
|
key: 0,
|
|
211
215
|
class: "iconfont icon-clear",
|
|
212
216
|
onClick: e[2] || (e[2] = C((t) => n.value = "", ["stop"]))
|
|
213
217
|
})) : S("", !0)
|
|
214
218
|
]));
|
|
215
219
|
}
|
|
216
|
-
}),
|
|
220
|
+
}), re = /* @__PURE__ */ _(te, [["__scopeId", "data-v-a534d66f"]]), ne = ["title"], oe = /* @__PURE__ */ g({
|
|
217
221
|
__name: "SideBar",
|
|
218
222
|
props: {
|
|
219
223
|
visible: { type: Boolean, default: !0 },
|
|
@@ -237,23 +241,23 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
237
241
|
e(), window.addEventListener("resize", e);
|
|
238
242
|
}), E(() => {
|
|
239
243
|
window.removeEventListener("resize", e);
|
|
240
|
-
}), (t, s) => (
|
|
241
|
-
default:
|
|
242
|
-
l.visible ? (
|
|
244
|
+
}), (t, s) => (p(), L(H, { name: "pop" }, {
|
|
245
|
+
default: O(() => [
|
|
246
|
+
l.visible ? (p(), m("div", {
|
|
243
247
|
key: 0,
|
|
244
248
|
class: "container",
|
|
245
249
|
ref_key: "containerRef",
|
|
246
250
|
ref: r,
|
|
247
251
|
style: k({ "--translateX": `${n.value ? 0 : -d.value}px`, userSelect: "none" })
|
|
248
252
|
}, [
|
|
249
|
-
|
|
250
|
-
class:
|
|
253
|
+
f("div", {
|
|
254
|
+
class: $(["icon", { close: !n.value }]),
|
|
251
255
|
onClick: a,
|
|
252
256
|
style: k({ transform: n.value ? "translateX(0)" : `translateX(${d.value - u.value + 45}px)` }),
|
|
253
257
|
title: n.value ? "收起侧边栏" : "展开侧边栏"
|
|
254
258
|
}, [...s[0] || (s[0] = [
|
|
255
|
-
|
|
256
|
-
])], 14,
|
|
259
|
+
f("span", { class: "iconfont icon-sidebar_left" }, null, -1)
|
|
260
|
+
])], 14, ne),
|
|
257
261
|
b(t.$slots, "default", {}, () => [
|
|
258
262
|
s[1] || (s[1] = x("这是内容", -1))
|
|
259
263
|
], !0)
|
|
@@ -262,11 +266,11 @@ const D = ["onClick"], W = /* @__PURE__ */ $({
|
|
|
262
266
|
_: 3
|
|
263
267
|
}));
|
|
264
268
|
}
|
|
265
|
-
}),
|
|
269
|
+
}), ce = /* @__PURE__ */ _(oe, [["__scopeId", "data-v-b935b1cb"]]);
|
|
266
270
|
export {
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
271
|
+
le as ActionButton,
|
|
272
|
+
ie as ContentBar,
|
|
273
|
+
ae as FoldList,
|
|
274
|
+
re as Search,
|
|
275
|
+
ce as SideBar
|
|
272
276
|
};
|
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.
|
|
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"]]),E={class:"header"},S={class:"title"},_=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(()=>[i.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,[e.createElementVNode("div",S,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-3b45e17b"]]),$=(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"],b=["onClick"],N=u(e.defineComponent({__name:"FoldList",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=$(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,b))),128))],2)],6)]))}}),[["__scopeId","data-v-0d9ea352"]]),z={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",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,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=_,p.FoldList=N,p.Search=I,p.SideBar=L,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lovelymaid",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "A library of components based on vue3 that mimics the style of iOS 26",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -22,14 +22,16 @@
|
|
|
22
22
|
"build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
|
|
23
23
|
"preview": "vite preview"
|
|
24
24
|
},
|
|
25
|
-
"dependencies": {
|
|
26
|
-
|
|
27
|
-
"vue": "^3.
|
|
25
|
+
"dependencies": {},
|
|
26
|
+
"peerDependencies": {
|
|
27
|
+
"vue": "^3.0.0"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
31
31
|
"vite": "^7.1.11",
|
|
32
32
|
"vite-plugin-static-copy": "^3.2.0",
|
|
33
|
+
"typescript": "^5.9.3",
|
|
34
|
+
"vue": "^3.5.22",
|
|
33
35
|
"vue-tsc": "^3.2.4"
|
|
34
36
|
}
|
|
35
|
-
}
|
|
37
|
+
}
|