lovelymaid 1.2.0 → 1.2.1

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.
Files changed (4) hide show
  1. package/dist/lovelymaid.css +1 -1
  2. package/dist/lovelymaid.es.js +49 -47
  3. package/dist/lovelymaid.umd.js +2 -2
  4. package/package.json +1 -1
package/dist/lovelymaid.css CHANGED
@@ -1 +1 @@
1
- .ActionButton[data-v-25c29812]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer;--list-z-index: 2;--list-font-size: 10px }ul[data-v-25c29812]{position:absolute;z-index:var(--list-z-index);padding:2px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 10px #0000001a;transform:translateZ(0);backface-visibility:hidden}li[data-v-25c29812]{display:flex;height:26px;padding:0 5px;border-radius:8px;font-size:var(--list-font-size);color:#000;line-height:26px;white-space:nowrap}li[data-v-25c29812]:hover{background-color:#3b86f7;color:#fff}.name[data-v-25c29812]{margin-left:4px}.Button[data-v-a7928e99]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid #fff;border-radius:50%;background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 0 20px #0000001a;cursor:pointer;--font-size: calc(var(--v0173abfc) * 1px);--transform: none}.Button[data-v-a7928e99]:hover{background-color:#eee}.iconfont[data-v-a7928e99]{font-size:var(--font-size);color:#19191a;transform:var(--transform)}.ContentBar[data-v-6581f81f]{background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid #fff;border-radius:20px;box-shadow:0 0 20px #0000001a;transition:var(--v6fa15d2c);transform:translate(var(--v6f5dc642));overflow:auto;--header-z-index: 3}.header[data-v-6581f81f]{display:flex;justify-content:space-between;position:sticky;z-index:var(--header-z-index);top:0;height:0;margin-bottom:35px;padding:0 5px 0 10px;box-shadow:0 0 20px 35px #f8f8f8f2}.title[data-v-6581f81f]{flex:1;height:30px;margin-top:5px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button[data-v-6581f81f]{margin-top:5px;--font-size: 20px}.pop-enter-from[data-v-6581f81f],.pop-leave-to[data-v-6581f81f]{transform:translate(var(--v6f5dc642)) scale(0);opacity:0}.header[data-v-be25412b]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-be25412b]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-be25412b]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer;will-change:transform}.body-container[data-v-be25412b]{overflow:hidden}.body-container.enable-transition[data-v-be25412b]{transition:height .5s ease}.body[data-v-be25412b]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-be25412b]{transform:translateY(-100%)}.body li[data-v-be25412b]{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-be25412b]{background-color:#e4e4e4;color:#3b86f7}@keyframes slideAnimation-be25412b{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slideAnimation[data-v-be25412b]{animation:slideAnimation-be25412b .5s}.Search[data-v-0354f190]{display:flex;align-items:center;position:relative;height:35px;font-size:14px;background-color:#eee;border-radius:calc(var(--v1a8d67a9) / 2 * 1px);--search-color: #767676;--clear-color: #767676;--placeholder-color: #767676}.iconfont[data-v-0354f190]{position:absolute;font-size:14px;line-height:35px}.icon-search[data-v-0354f190]{left:14px;color:var(--search-color)}.icon-clear[data-v-0354f190]{text-align:center;right:0;width:35px;height:35px;color:var(--clear-color);cursor:pointer}.input[data-v-0354f190]{width:100%;height:100%;background-color:transparent;border-radius:calc(var(--v1a8d67a9) / 2 * 1px);padding:0 35px;font-size:inherit;font-weight:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-0354f190]::placeholder{font-weight:400;color:var(--placeholder-color)}.input[data-v-0354f190]:focus{outline:3px solid #94bbf0}.SideBar[data-v-68817b08]{background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid #fff;border-radius:20px;box-shadow:0 0 20px #0000001a;transform:translate(var(--translateX));transition:transform .5s ease,opacity .5s ease}.header[data-v-68817b08]{position:relative;height:40px}.switchButton[data-v-68817b08]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f8f8f8e6;transition:transform .5s ease,border 0s ease .5s,box-shadow .5s ease;cursor:pointer;will-change:transform}.switchButton.close[data-v-68817b08]{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}.switchButton[data-v-68817b08]:hover{background-color:#eee}.icon-sidebar_left[data-v-68817b08]{font-size:20px;color:#19191a}.pop-enter-from[data-v-68817b08],.pop-leave-to[data-v-68817b08]{transform:translate(var(--translateX)) scale(0);opacity:0}.TabBar[data-v-5b628272]{display:flex;gap:5px;height:50px;font-size:8px;isolation:isolate;--top-color: #0067EC}.bar[data-v-5b628272]{width:calc(var(--v0c2a6686) * .8px);height:80%;padding:2px;background-color:#f8f8f8e6;-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:calc(var(--v63eea61c) * 1px);box-shadow:0 0 20px #0000001a;cursor:pointer;overflow-x:hidden;transition:var(--v67150998)}.bar[data-v-5b628272]:not(.active):hover{background-color:#eee}.bar.active[data-v-5b628272]{width:calc(var(--e4c69ef2) * 1px);height:100%;overflow-x:visible}.search[data-v-5b628272]{width:calc(var(--v0c2a6686) * 1px);height:100%;transition:var(--v67150998)}.search.active[data-v-5b628272]{width:calc(var(--v2583fd6a) * 1px);height:80%}.container[data-v-5b628272]{position:relative;display:flex;width:100%;height:100%}.container.top[data-v-5b628272]{position:absolute;left:0;top:0;clip-path:inset(var(--v4c48a864) calc(100% - calc(var(--v552a12e5) * 1px)) var(--v4c48a864) calc(var(--v0afe921e) * 1px) round 22px);transform:translateZ(0);backface-visibility:hidden}.tab[data-v-5b628272]{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--v323acca9) * 1px);height:100%}.tab.button[data-v-5b628272]{flex-shrink:1;height:100%;aspect-ratio:1 /1}.tab.top[data-v-5b628272]{position:relative;z-index:1;color:var(--top-color)}.search .Button[data-v-5b628272]{width:100%;height:100%;--font-size: 20px;--transform: translateY(-2px)}.search .Search[data-v-5b628272]{height:100%;background-color:#f8f8f8e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a;--search-color: #19191a;--placeholder-color: #544957}.slide[data-v-5b628272]{position:absolute;left:0;top:0;z-index:0;width:calc(var(--v323acca9) * 1px);height:100%;background:var(--v5e79bd41);border:var(--v5b398440);border-radius:calc((var(--v63eea61c) - 3) * 1px);transform:translate(calc(var(--v485e0642) * 1px)) scale(var(--v3da9a6b6));transition:var(--ea0b592e)}*{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-search:before{content:""}.icon-info:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}.icon-gou:before{content:""}.icon-close:before{content:""}
1
+ .ActionButton[data-v-25c29812]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer;--list-z-index: 2;--list-font-size: 10px }ul[data-v-25c29812]{position:absolute;z-index:var(--list-z-index);padding:2px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 10px #0000001a;transform:translateZ(0);backface-visibility:hidden}li[data-v-25c29812]{display:flex;height:26px;padding:0 5px;border-radius:8px;font-size:var(--list-font-size);color:#000;line-height:26px;white-space:nowrap}li[data-v-25c29812]:hover{background-color:#3b86f7;color:#fff}.name[data-v-25c29812]{margin-left:4px}.Button[data-v-a7928e99]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid #fff;border-radius:50%;background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 0 20px #0000001a;cursor:pointer;--font-size: calc(var(--v0173abfc) * 1px);--transform: none}.Button[data-v-a7928e99]:hover{background-color:#eee}.iconfont[data-v-a7928e99]{font-size:var(--font-size);color:#19191a;transform:var(--transform)}.ContentBar[data-v-6581f81f]{background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid #fff;border-radius:20px;box-shadow:0 0 20px #0000001a;transition:var(--v6fa15d2c);transform:translate(var(--v6f5dc642));overflow:auto;--header-z-index: 3}.header[data-v-6581f81f]{display:flex;justify-content:space-between;position:sticky;z-index:var(--header-z-index);top:0;height:0;margin-bottom:35px;padding:0 5px 0 10px;box-shadow:0 0 20px 35px #f8f8f8f2}.title[data-v-6581f81f]{flex:1;height:30px;margin-top:5px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button[data-v-6581f81f]{margin-top:5px;--font-size: 20px}.pop-enter-from[data-v-6581f81f],.pop-leave-to[data-v-6581f81f]{transform:translate(var(--v6f5dc642)) scale(0);opacity:0}.header[data-v-be25412b]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-be25412b]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-be25412b]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer;will-change:transform}.body-container[data-v-be25412b]{overflow:hidden}.body-container.enable-transition[data-v-be25412b]{transition:height .5s ease}.body[data-v-be25412b]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-be25412b]{transform:translateY(-100%)}.body li[data-v-be25412b]{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-be25412b]{background-color:#e4e4e4;color:#3b86f7}@keyframes slideAnimation-be25412b{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slideAnimation[data-v-be25412b]{animation:slideAnimation-be25412b .5s}.Search[data-v-5f7a1238]{display:flex;align-items:center;position:relative;height:35px;font-size:14px;background-color:#eee;border-radius:calc(var(--v2035d0c6) / 2 * 1px);--search-color: #767676;--clear-color: #767676;--placeholder-color: #767676}.iconfont[data-v-5f7a1238]{position:absolute;font-size:14px}.icon-search[data-v-5f7a1238]{left:calc((var(--v2035d0c6) / 2 - 7) * 1px);color:var(--search-color)}.icon-clear[data-v-5f7a1238]{right:calc((var(--v2035d0c6) / 2 - 7) * 1px);color:var(--clear-color);cursor:pointer}.input[data-v-5f7a1238]{width:100%;height:100%;background-color:transparent;border-radius:calc(var(--v2035d0c6) / 2 * 1px);padding:0 35px;font-size:inherit;font-weight:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-5f7a1238]::placeholder{font-weight:400;color:var(--placeholder-color)}.input[data-v-5f7a1238]:focus{outline:3px solid #94bbf0}.SideBar[data-v-68817b08]{background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid #fff;border-radius:20px;box-shadow:0 0 20px #0000001a;transform:translate(var(--translateX));transition:transform .5s ease,opacity .5s ease}.header[data-v-68817b08]{position:relative;height:40px}.switchButton[data-v-68817b08]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f8f8f8e6;transition:transform .5s ease,border 0s ease .5s,box-shadow .5s ease;cursor:pointer;will-change:transform}.switchButton.close[data-v-68817b08]{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}.switchButton[data-v-68817b08]:hover{background-color:#eee}.icon-sidebar_left[data-v-68817b08]{font-size:20px;color:#19191a}.pop-enter-from[data-v-68817b08],.pop-leave-to[data-v-68817b08]{transform:translate(var(--translateX)) scale(0);opacity:0}.TabBar[data-v-56bab2fb]{display:flex;gap:5px;height:50px;font-size:8px;isolation:isolate;--top-color: #0067EC}.bar[data-v-56bab2fb]{width:calc(var(--v75c7a3f8) * .8px);height:80%;padding:2px;background-color:#f8f8f8e6;-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:calc(var(--v3f3a2240) * 1px);box-shadow:0 0 20px #0000001a;cursor:pointer;overflow-x:hidden;transition:var(--fd1aa0b4)}.bar[data-v-56bab2fb]:not(.active):hover{background-color:#eee}.bar.active[data-v-56bab2fb]{width:calc(var(--bcee0656) * 1px);height:100%;overflow-x:visible}.search[data-v-56bab2fb]{width:calc(var(--v75c7a3f8) * 1px);height:100%;transition:var(--fd1aa0b4)}.search.active[data-v-56bab2fb]{width:calc(var(--c670b348) * 1px);height:80%}.container[data-v-56bab2fb]{position:relative;display:flex;width:100%;height:100%}.container.top[data-v-56bab2fb]{position:absolute;left:0;top:0;clip-path:inset(var(--v47f34bb2) calc(100% - calc(var(--v7348ef9a) * 1px)) var(--v47f34bb2) calc(var(--fb7b89e0) * 1px) round 22px);transform:translateZ(0);backface-visibility:hidden}.tab[data-v-56bab2fb]{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--v07758512) * 1px);height:100%}.tab.button[data-v-56bab2fb]{flex-shrink:1;height:100%;aspect-ratio:1 /1}.tab.top[data-v-56bab2fb]{position:relative;z-index:1;color:var(--top-color)}.search .Button[data-v-56bab2fb]{width:100%;height:100%;--font-size: calc(var(--v75c7a3f8) * 1px / 3);--transform: translateY(-2px)}.search .Search[data-v-56bab2fb]{height:100%;background-color:#f8f8f8e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a;--search-color: #19191a;--placeholder-color: #544957}.slide[data-v-56bab2fb]{position:absolute;left:0;top:0;z-index:0;width:calc(var(--v07758512) * 1px);height:100%;background:var(--v6e08c59a);border:var(--v16c88c0e);border-radius:calc((var(--v3f3a2240) - 3) * 1px);transform:translate(calc(var(--v02a00f98) * 1px)) scale(var(--v915925b0));transition:var(--v5504c437)}*{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-search:before{content:""}.icon-info:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}.icon-gou:before{content:""}.icon-close:before{content:""}
package/dist/lovelymaid.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as I, ref as t, openBlock as f, createElementBlock as _, withModifiers as W, normalizeStyle as H, Fragment as K, renderList as U, renderSlot as $, createElementVNode as p, toDisplayString as V, createCommentVNode as P, useCssVars as G, onMounted as D, normalizeClass as B, computed as de, onUnmounted as ae, createBlock as se, Transition as fe, withCtx as pe, createVNode as me, createTextVNode as j, watch as q, nextTick as ge, withDirectives as Y, withKeys as ye, vModelText as Ce, vShow as oe } from "vue";
2
- const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
1
+ import { defineComponent as I, ref as t, openBlock as f, createElementBlock as _, withModifiers as W, normalizeStyle as H, Fragment as K, renderList as U, renderSlot as $, createElementVNode as p, toDisplayString as V, createCommentVNode as P, useCssVars as G, onMounted as D, normalizeClass as B, computed as de, onUnmounted as ae, createBlock as se, Transition as fe, withCtx as pe, createVNode as me, createTextVNode as j, watch as q, nextTick as ge, withDirectives as Y, withKeys as be, vModelText as ye, vShow as oe } from "vue";
2
+ const Ce = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
3
3
  __name: "ActionButton",
4
4
  props: {
5
5
  list: {},
@@ -32,7 +32,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
32
32
  index: o
33
33
  }, void 0, !0),
34
34
  p("span", we, V(c), 1)
35
- ], 8, be))), 128))
35
+ ], 8, Ce))), 128))
36
36
  ], 4)) : P("", !0)
37
37
  ]));
38
38
  }
@@ -222,10 +222,10 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
222
222
  },
223
223
  setup(d) {
224
224
  G((o) => ({
225
- v1a8d67a9: v.value
225
+ v2035d0c6: v.value
226
226
  }));
227
227
  const l = d, e = t(null), v = t(0);
228
- D(() => v.value = e.value.offsetHeight);
228
+ D(() => setTimeout(() => v.value = e.value.offsetHeight, 0));
229
229
  const s = t("");
230
230
  let u = !1;
231
231
  const r = async () => {
@@ -244,13 +244,13 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
244
244
  Y(p("input", {
245
245
  "onUpdate:modelValue": n[0] || (n[0] = (a) => s.value = a),
246
246
  class: "input",
247
- onKeyup: n[1] || (n[1] = ye(W((a) => c(s.value.trim()), ["prevent"]), ["enter"])),
247
+ onKeyup: n[1] || (n[1] = be(W((a) => c(s.value.trim()), ["prevent"]), ["enter"])),
248
248
  onCompositionend: r,
249
249
  onCompositionstart: i,
250
250
  type: "text",
251
251
  placeholder: l.placeholder
252
252
  }, null, 40, Pe), [
253
- [Ce, s.value]
253
+ [ye, s.value]
254
254
  ]),
255
255
  s.value ? (f(), _("span", {
256
256
  key: 0,
@@ -259,7 +259,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
259
259
  })) : P("", !0)
260
260
  ], 512));
261
261
  }
262
- }), Xe = /* @__PURE__ */ R(De, [["__scopeId", "data-v-0354f190"]]), Ae = { class: "header" }, ze = ["title"], Ve = /* @__PURE__ */ I({
262
+ }), Xe = /* @__PURE__ */ R(De, [["__scopeId", "data-v-5f7a1238"]]), Ae = { class: "header" }, ze = ["title"], Ve = /* @__PURE__ */ I({
263
263
  __name: "SideBar",
264
264
  props: {
265
265
  visible: { type: Boolean, default: !0 },
@@ -320,24 +320,26 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
320
320
  },
321
321
  setup(d) {
322
322
  G((m) => ({
323
- v0c2a6686: u.value,
324
- v63eea61c: i.value,
325
- v67150998: w.value,
326
- e4c69ef2: s.value,
327
- v2583fd6a: r.value,
328
- v4c48a864: te.value,
329
- v552a12e5: g.value,
330
- v0afe921e: h.value,
331
- v323acca9: n.value,
332
- v5e79bd41: Q.value,
333
- v5b398440: Z.value,
334
- v485e0642: b.value,
335
- v3da9a6b6: ee.value,
336
- ea0b592e: E.value
323
+ v75c7a3f8: u.value,
324
+ v3f3a2240: i.value,
325
+ fd1aa0b4: w.value,
326
+ bcee0656: s.value,
327
+ c670b348: r.value,
328
+ v47f34bb2: te.value,
329
+ v7348ef9a: g.value,
330
+ fb7b89e0: h.value,
331
+ v07758512: n.value,
332
+ v6e08c59a: Q.value,
333
+ v16c88c0e: Z.value,
334
+ v02a00f98: C.value,
335
+ v915925b0: ee.value,
336
+ v5504c437: E.value
337
337
  }));
338
338
  const l = d, e = de(() => l.list.length), v = t(null), s = t(0), u = t(0), r = t(0), i = t(0), c = t(null), o = t(null), n = t(0), a = t(0), h = t(0), g = t(0), w = t("none");
339
339
  D(() => {
340
- u.value = v.value.offsetHeight, s.value = l.showSearch ? v.value.offsetWidth - u.value - 5 : v.value.offsetWidth - 5, r.value = v.value.offsetWidth - u.value * 0.8 - 5, i.value = u.value / 2, n.value = (s.value - 6) / e.value, g.value = n.value, a.value = (s.value - 6) * (e.value - 1) / e.value, setTimeout(() => w.value = "width .3s, height .3s", 500);
340
+ setTimeout(() => {
341
+ u.value = v.value.offsetHeight, s.value = l.showSearch ? v.value.offsetWidth - u.value - 5 : v.value.offsetWidth - 5, r.value = v.value.offsetWidth - u.value * 0.8 - 5, i.value = u.value / 2, n.value = (s.value - 6) / e.value, g.value = n.value, a.value = (s.value - 6) * (e.value - 1) / e.value;
342
+ }, 0), setTimeout(() => w.value = "width .3s, height .3s", 500);
341
343
  });
342
344
  let x, X, F, L, A, J, O;
343
345
  const k = (...m) => {
@@ -346,12 +348,12 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
346
348
  });
347
349
  };
348
350
  ae(() => k(x, X, F, L, A, J, O));
349
- const Q = t("#eee"), Z = t("none"), ee = t(1), E = t("transform .5s, background .2s"), te = t("0"), z = t(0), b = t(0), ie = (m, T) => {
351
+ const Q = t("#eee"), Z = t("none"), ee = t(1), E = t("transform .5s, background .2s"), te = t("0"), z = t(0), C = t(0), ie = (m, T) => {
350
352
  if (!c.value || !o.value) return;
351
353
  const S = m.clientX - o.value.getBoundingClientRect().left - n.value / 2, ce = new DOMMatrix(window.getComputedStyle(c.value).transform).m41, M = S < 0 ? 0 : S > (e.value - 1) * c.value.offsetWidth ? (e.value - 1) * c.value.offsetWidth : S;
352
- T === "start" ? (E.value = "transform .5s, background .2s", b.value = M) : Math.abs(M - ce) < a.value / 5 ? (E.value = "background .2s", b.value = M) : (E.value = "background .2s", b.value = ce, L = setInterval(() => {
354
+ T === "start" ? (E.value = "transform .5s, background .2s", C.value = M) : Math.abs(M - ce) < a.value / 5 ? (E.value = "background .2s", C.value = M) : (E.value = "background .2s", C.value = ce, L = setInterval(() => {
353
355
  const ve = new DOMMatrix(window.getComputedStyle(c.value).transform).m41;
354
- Math.abs(M - ve) < a.value / 15 ? (E.value = "background .2s", b.value = M, k(L, A)) : b.value += M - ve > 0 ? a.value / 15 : -a.value / 15;
356
+ Math.abs(M - ve) < a.value / 15 ? (E.value = "background .2s", C.value = M, k(L, A)) : C.value += M - ve > 0 ? a.value / 15 : -a.value / 15;
355
357
  }, 16), A = setTimeout(() => k(L), 500));
356
358
  }, le = (m) => {
357
359
  x = setInterval(() => {
@@ -368,23 +370,23 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
368
370
  )`, 100), Z.value = "1px solid #fff", ee.value = 1.4, te.value = "-50%", k(O), ie(m, "start"), k(x, X), le(500), document.addEventListener("pointermove", ue), document.addEventListener("pointerup", re);
369
371
  }, ue = (m) => {
370
372
  if (!F) {
371
- if (y.value) return y.value = !1;
373
+ if (b.value) return b.value = !1;
372
374
  k(L, A), ie(m, "move"), k(x, X), le(void 0), F = setTimeout(() => F = void 0, 16);
373
375
  }
374
376
  }, re = (m) => {
375
- if (Date.now() - ne < 100 && k(J), Q.value = "#eee", Z.value = "none", E.value = "transform .5s, background .2s", ee.value = 1, k(O), O = setTimeout(() => te.value = "0", Math.min(Date.now() - ne, 500)), y.value)
376
- y.value = !1;
377
+ if (Date.now() - ne < 100 && k(J), Q.value = "#eee", Z.value = "none", E.value = "transform .5s, background .2s", ee.value = 1, k(O), O = setTimeout(() => te.value = "0", Math.min(Date.now() - ne, 500)), b.value)
378
+ b.value = !1;
377
379
  else {
378
- const T = m.clientX - o.value.getBoundingClientRect().left, C = Math.floor(T / n.value);
379
- z.value = C > e.value - 1 ? e.value - 1 : C < 0 ? 0 : C;
380
+ const T = m.clientX - o.value.getBoundingClientRect().left, y = Math.floor(T / n.value);
381
+ z.value = y > e.value - 1 ? e.value - 1 : y < 0 ? 0 : y;
380
382
  }
381
- k(L, A), b.value = z.value * n.value, k(x, X), le(500), l.onItemClick?.(l.list[z.value], z.value), document.removeEventListener("pointermove", ue), document.removeEventListener("pointerup", re);
383
+ k(L, A), C.value = z.value * n.value, k(x, X), le(500), l.onItemClick?.(l.list[z.value], z.value), document.removeEventListener("pointermove", ue), document.removeEventListener("pointerup", re);
382
384
  };
383
- q(() => l.list.length, () => b.value = 0);
384
- const y = t(!1), N = t(!1), ke = () => {
385
- y.value = !0, b.value = 0;
385
+ q(() => l.list.length, () => C.value = 0);
386
+ const b = t(!1), N = t(!1), ke = () => {
387
+ b.value = !0, C.value = 0;
386
388
  };
387
- return q(y, (m) => {
389
+ return q(b, (m) => {
388
390
  m ? setTimeout(() => N.value = !0, 100) : setTimeout(() => N.value = !1, 200);
389
391
  }), (m, T) => (f(), _("div", {
390
392
  class: "TabBar",
@@ -393,7 +395,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
393
395
  ref: v
394
396
  }, [
395
397
  p("div", {
396
- class: B(["bar", { active: !y.value }]),
398
+ class: B(["bar", { active: !b.value }]),
397
399
  ref: "leftRef"
398
400
  }, [
399
401
  p("ul", {
@@ -405,14 +407,14 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
405
407
  Y(p("li", Fe, [
406
408
  $(m.$slots, "bottom", { index: z.value }, void 0, !0)
407
409
  ], 512), [
408
- [oe, y.value]
410
+ [oe, b.value]
409
411
  ]),
410
- (f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Oe, [
412
+ (f(!0), _(K, null, U(l.list, (y, S) => (f(), _("li", Oe, [
411
413
  $(m.$slots, "bottom", {
412
- item: C,
414
+ item: y,
413
415
  index: S
414
416
  }, void 0, !0),
415
- p("span", null, V(C), 1)
417
+ p("span", null, V(y), 1)
416
418
  ]))), 256)),
417
419
  Y(p("ul", Ne, [
418
420
  p("div", {
@@ -420,21 +422,21 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
420
422
  ref_key: "slideRef",
421
423
  ref: c
422
424
  }, null, 512),
423
- (f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Ye, [
425
+ (f(!0), _(K, null, U(l.list, (y, S) => (f(), _("li", Ye, [
424
426
  $(m.$slots, "top", {
425
- item: C,
427
+ item: y,
426
428
  index: S
427
429
  }, void 0, !0),
428
- p("span", null, V(C), 1)
430
+ p("span", null, V(y), 1)
429
431
  ]))), 256))
430
432
  ], 512), [
431
- [oe, !y.value]
433
+ [oe, !b.value]
432
434
  ])
433
435
  ], 544)
434
436
  ], 2),
435
437
  l.showSearch ? (f(), _("div", {
436
438
  key: 0,
437
- class: B(["search", { active: y.value }])
439
+ class: B(["search", { active: b.value }])
438
440
  }, [
439
441
  Y(me(he, {
440
442
  type: "search",
@@ -446,7 +448,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
446
448
  ], 2)) : P("", !0)
447
449
  ], 512));
448
450
  }
449
- }), Qe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-5b628272"]]);
451
+ }), Qe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-56bab2fb"]]);
450
452
  export {
451
453
  je as ActionButton,
452
454
  he as Button,
package/dist/lovelymaid.umd.js CHANGED
@@ -1,6 +1,6 @@
1
- (function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.LovelyMaid={},k.Vue))})(this,(function(k,e){"use strict";const q=["onClick"],G={class:"name"},J=e.defineComponent({__name:"ActionButton",props:{list:{},onItemClick:{type:Function}},setup(m){const n=m,t=e.ref(!1),f=e.ref(0),s=e.ref(0),i=c=>{if(t.value)return;t.value=!0,f.value=c.offsetX+c.target.offsetWidth/2,s.value=c.offsetY+c.target.offsetHeight/2;const r=()=>{t.value=!1,c.target.removeEventListener("click",r),document.removeEventListener("click",r)};c.target.addEventListener("click",r),document.addEventListener("click",r)};return(c,r)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info ActionButton",onClick:e.withModifiers(i,["stop"]),style:{"user-select":"none"}},[t.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${f.value}px`,top:`${s.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(d,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,onClick:o=>n.onItemClick?.(l)},[e.renderSlot(c.$slots,"default",{item:d,index:l},void 0,!0),e.createElementVNode("span",G,e.toDisplayString(d),1)],8,q))),128))],4)):e.createCommentVNode("",!0)]))}}),b=(m,n)=>{const t=m.__vccOpts||m;for(const[f,s]of n)t[f]=s;return t},Q=b(J,[["__scopeId","data-v-25c29812"]]),Z=["title"],x=b(e.defineComponent({__name:"Button",props:{type:{},onClick:{type:Function},title:{}},setup(m){e.useCssVars(s=>({v0173abfc:f.value}));const n=m,t=e.ref(null),f=e.ref(0);return e.onMounted(()=>setTimeout(()=>f.value=t.value.offsetWidth*1/2,0)),(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:"Button",onClick:i[0]||(i[0]=(...c)=>n.onClick&&n.onClick(...c)),title:n.title?n.title:"",ref_key:"buttonRef",ref:t},[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",`icon-${n.type}`])},null,2)],8,Z))}}),[["__scopeId","data-v-a7928e99"]]),ee={class:"header"},te=["title"],ne=b(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},open:{type:Boolean},title:{default:"标题"},onCloseClick:{}},setup(m){e.useCssVars(l=>({v6fa15d2c:s.value,v6f5dc642:c.value}));const n=m,t=e.ref(null),f=e.ref(0),s=e.ref("none"),i=()=>{const l=t.value;if(!l)return;let o=0,a=l;for(;a;)o+=a.offsetLeft,a=a.offsetParent;const p=l.offsetWidth;f.value=o+p+10,setTimeout(()=>s.value="transform .5s, opacity .5s",100)},c=e.computed(()=>`${n.open?0:-f.value}px`);let r;const d=()=>{clearTimeout(r),r=setTimeout(()=>i(),100)};return e.onMounted(()=>{i(),window.addEventListener("resize",d)}),e.onUnmounted(()=>{window.removeEventListener("resize",d)}),(l,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[n.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ContentBar",ref_key:"containerRef",ref:t,style:{userSelect:"none"}},[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"title",title:n.title},e.toDisplayString(n.title),9,te),e.createVNode(x,{type:"close",onClick:n.onCloseClick,title:"收起内容栏"},null,8,["onClick"])]),e.renderSlot(l.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("这是内容",-1))],!0)],512)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-6581f81f"]]),oe=(m,n)=>{const t=new Array(m.length),f=new Set,s=new Map;for(let r=0;r<n.length;r++){const d=n[r].id;f.add(d),s.set(d,r)}const i=new Array(n.length).fill(!1);let c=0;for(let r=0;r<m.length;r++){const d=m[r].id;if(!f.has(d))c++,t[r]=-c;else{const l=s.get(d);i[l]=!0;let o=0;for(let a=0;a<l;a++)i[a]||o++;t[r]=o-c}}return t},le={style:{"user-select":"none"}},ae={class:"title"},se=["title"],re=["onClick"],ie=b(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},setup(m){const n=m,t=e.ref(!0),f=e.ref(0),s=e.ref(null),i=e.ref(!1),c=async()=>{await e.nextTick(),s.value&&(f.value=s.value.offsetHeight)},r=async()=>{i.value=!1,await c(),setTimeout(()=>i.value=!0,100)};e.onMounted(()=>{r()}),e.watch(()=>n.list.length,c);const d=e.ref([]),l=e.ref(!1),o=e.ref([...n.list]);return e.watch(()=>n.list,a=>{d.value=oe(a,o.value),l.value=!0,o.value=[...a]},{deep:!0}),(a,p)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",{class:"header",onClick:p[1]||(p[1]=e.withModifiers((..._)=>m.onHeaderClick&&m.onHeaderClick(..._),["stop"]))},[e.createElementVNode("div",ae,[e.renderSlot(a.$slots,"title",{},()=>[p[3]||(p[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:t.value?"rotate(90deg)":"rotate(0deg)"}),title:t.value?"收起列表":"展开列表",onClick:p[0]||(p[0]=e.withModifiers(_=>t.value=!t.value,["stop"]))},null,12,se)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":i.value}]),style:e.normalizeStyle({height:t.value?`calc(0px + ${f.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:s,class:e.normalizeClass(["body",{close:!t.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,onClick:e.withModifiers(()=>m.onItemClick?.(_,g),["stop"]),style:e.normalizeStyle({"--translateY":`${d.value[g]*100}%`}),onAnimationend:p[2]||(p[2]=()=>l.value=!1),class:e.normalizeClass({active:g===n.activeIndex,slideAnimation:l.value})},[e.renderSlot(a.$slots,"default",{item:_,index:g},()=>[e.createTextVNode(e.toDisplayString(_.name),1)],!0)],46,re))),128))],2)],6)]))}}),[["__scopeId","data-v-be25412b"]]),ce=["placeholder"],X=b(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},setup(m){e.useCssVars(l=>({v1a8d67a9:f.value}));const n=m,t=e.ref(null),f=e.ref(0);e.onMounted(()=>f.value=t.value.offsetHeight);const s=e.ref("");let i=!1;const c=async()=>{await new Promise(l=>setTimeout(l,100)),i=!1},r=()=>{i=!0},d=async l=>{i||n.onSearch?.(l)};return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:"Search",ref_key:"searchRef",ref:t},[o[3]||(o[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=a=>s.value=a),class:"input",onKeyup:o[1]||(o[1]=e.withKeys(e.withModifiers(a=>d(s.value.trim()),["prevent"]),["enter"])),onCompositionend:c,onCompositionstart:r,type:"text",placeholder:n.placeholder},null,40,ce),[[e.vModelText,s.value]]),s.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:o[2]||(o[2]=e.withModifiers(a=>s.value="",["stop"]))})):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-0354f190"]]),de={class:"header"},fe=["title"],me=b(e.defineComponent({__name:"SideBar",props:{visible:{type:Boolean,default:!0},onSwitch:{}},setup(m){const n=m,t=e.ref(!0),f=()=>{t.value=!t.value,n.onSwitch?.(t.value)},s=e.ref(null),i=e.ref(0),c=e.ref(0),r=()=>{const o=s.value;if(!o)return;let a=0,p=o;for(;p;)a+=p.offsetLeft,p=p.offsetParent;i.value=o.offsetWidth,c.value=a+i.value+10};let d;const l=()=>{clearTimeout(d),d=setTimeout(()=>r(),100)};return e.onMounted(()=>{r(),window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),(o,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[m.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"SideBar",ref_key:"containerRef",ref:s,style:e.normalizeStyle({"--translateX":`${t.value?0:-c.value}px`,userSelect:"none"})},[e.createElementVNode("div",de,[e.createElementVNode("div",{class:e.normalizeClass(["switchButton",{close:!t.value}]),onClick:f,style:e.normalizeStyle({transform:t.value?"translateX(0)":`translateX(${c.value-i.value+45}px)`}),title:t.value?"收起侧边栏":"展开侧边栏"},[...a[0]||(a[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,fe)]),e.renderSlot(o.$slots,"default",{},()=>[a[1]||(a[1]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-68817b08"]]),ue={class:"tab button"},pe={class:"tab"},ke={class:"container top"},he={class:"tab top"},_e=b(e.defineComponent({__name:"TabBar",props:{list:{},onItemClick:{type:Function},showSearch:{type:Boolean}},setup(m){e.useCssVars(u=>({v0c2a6686:i.value,v63eea61c:r.value,v67150998:g.value,e4c69ef2:s.value,v2583fd6a:c.value,v4c48a864:H.value,v552a12e5:_.value,v0afe921e:p.value,v323acca9:o.value,v5e79bd41:D.value,v5b398440:W.value,v485e0642:B.value,v3da9a6b6:P.value,ea0b592e:T.value}));const n=m,t=e.computed(()=>n.list.length),f=e.ref(null),s=e.ref(0),i=e.ref(0),c=e.ref(0),r=e.ref(0),d=e.ref(null),l=e.ref(null),o=e.ref(0),a=e.ref(0),p=e.ref(0),_=e.ref(0),g=e.ref("none");e.onMounted(()=>{i.value=f.value.offsetHeight,s.value=n.showSearch?f.value.offsetWidth-i.value-5:f.value.offsetWidth-5,c.value=f.value.offsetWidth-i.value*.8-5,r.value=i.value/2,o.value=(s.value-6)/t.value,_.value=o.value,a.value=(s.value-6)*(t.value-1)/t.value,setTimeout(()=>g.value="width .3s, height .3s",500)});let S,V,M,E,N,z,R;const h=(...u)=>{u.forEach(v=>{v&&(clearInterval(v),clearTimeout(v))})};e.onUnmounted(()=>h(S,V,M,E,N,z,R));const D=e.ref("#eee"),W=e.ref("none"),P=e.ref(1),T=e.ref("transform .5s, background .2s"),H=e.ref("0"),I=e.ref(0),B=e.ref(0),O=(u,v)=>{if(!d.value||!l.value)return;const w=u.clientX-l.value.getBoundingClientRect().left-o.value/2,Y=new DOMMatrix(window.getComputedStyle(d.value).transform).m41,$=w<0?0:w>(t.value-1)*d.value.offsetWidth?(t.value-1)*d.value.offsetWidth:w;v==="start"?(T.value="transform .5s, background .2s",B.value=$):Math.abs($-Y)<a.value/5?(T.value="background .2s",B.value=$):(T.value="background .2s",B.value=Y,E=setInterval(()=>{const K=new DOMMatrix(window.getComputedStyle(d.value).transform).m41;Math.abs($-K)<a.value/15?(T.value="background .2s",B.value=$,h(E,N)):B.value+=$-K>0?a.value/15:-a.value/15},16),N=setTimeout(()=>h(E),500))},A=u=>{S=setInterval(()=>{p.value=(d.value?.getBoundingClientRect().left||0)-(l.value?.getBoundingClientRect().left||0),_.value=(d.value?.getBoundingClientRect().right||0)-(l.value?.getBoundingClientRect().left||0)},16),u&&(V=setTimeout(()=>clearInterval(S),u))};let F;const Ce=u=>{F=Date.now(),z=setTimeout(()=>D.value=`linear-gradient(
1
+ (function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.LovelyMaid={},k.Vue))})(this,(function(k,e){"use strict";const q=["onClick"],G={class:"name"},J=e.defineComponent({__name:"ActionButton",props:{list:{},onItemClick:{type:Function}},setup(m){const n=m,t=e.ref(!1),f=e.ref(0),s=e.ref(0),i=c=>{if(t.value)return;t.value=!0,f.value=c.offsetX+c.target.offsetWidth/2,s.value=c.offsetY+c.target.offsetHeight/2;const r=()=>{t.value=!1,c.target.removeEventListener("click",r),document.removeEventListener("click",r)};c.target.addEventListener("click",r),document.addEventListener("click",r)};return(c,r)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info ActionButton",onClick:e.withModifiers(i,["stop"]),style:{"user-select":"none"}},[t.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${f.value}px`,top:`${s.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(d,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,onClick:o=>n.onItemClick?.(l)},[e.renderSlot(c.$slots,"default",{item:d,index:l},void 0,!0),e.createElementVNode("span",G,e.toDisplayString(d),1)],8,q))),128))],4)):e.createCommentVNode("",!0)]))}}),b=(m,n)=>{const t=m.__vccOpts||m;for(const[f,s]of n)t[f]=s;return t},Q=b(J,[["__scopeId","data-v-25c29812"]]),Z=["title"],x=b(e.defineComponent({__name:"Button",props:{type:{},onClick:{type:Function},title:{}},setup(m){e.useCssVars(s=>({v0173abfc:f.value}));const n=m,t=e.ref(null),f=e.ref(0);return e.onMounted(()=>setTimeout(()=>f.value=t.value.offsetWidth*1/2,0)),(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:"Button",onClick:i[0]||(i[0]=(...c)=>n.onClick&&n.onClick(...c)),title:n.title?n.title:"",ref_key:"buttonRef",ref:t},[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",`icon-${n.type}`])},null,2)],8,Z))}}),[["__scopeId","data-v-a7928e99"]]),ee={class:"header"},te=["title"],ne=b(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},open:{type:Boolean},title:{default:"标题"},onCloseClick:{}},setup(m){e.useCssVars(l=>({v6fa15d2c:s.value,v6f5dc642:c.value}));const n=m,t=e.ref(null),f=e.ref(0),s=e.ref("none"),i=()=>{const l=t.value;if(!l)return;let o=0,a=l;for(;a;)o+=a.offsetLeft,a=a.offsetParent;const p=l.offsetWidth;f.value=o+p+10,setTimeout(()=>s.value="transform .5s, opacity .5s",100)},c=e.computed(()=>`${n.open?0:-f.value}px`);let r;const d=()=>{clearTimeout(r),r=setTimeout(()=>i(),100)};return e.onMounted(()=>{i(),window.addEventListener("resize",d)}),e.onUnmounted(()=>{window.removeEventListener("resize",d)}),(l,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[n.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ContentBar",ref_key:"containerRef",ref:t,style:{userSelect:"none"}},[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"title",title:n.title},e.toDisplayString(n.title),9,te),e.createVNode(x,{type:"close",onClick:n.onCloseClick,title:"收起内容栏"},null,8,["onClick"])]),e.renderSlot(l.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("这是内容",-1))],!0)],512)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-6581f81f"]]),oe=(m,n)=>{const t=new Array(m.length),f=new Set,s=new Map;for(let r=0;r<n.length;r++){const d=n[r].id;f.add(d),s.set(d,r)}const i=new Array(n.length).fill(!1);let c=0;for(let r=0;r<m.length;r++){const d=m[r].id;if(!f.has(d))c++,t[r]=-c;else{const l=s.get(d);i[l]=!0;let o=0;for(let a=0;a<l;a++)i[a]||o++;t[r]=o-c}}return t},le={style:{"user-select":"none"}},ae={class:"title"},se=["title"],re=["onClick"],ie=b(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},setup(m){const n=m,t=e.ref(!0),f=e.ref(0),s=e.ref(null),i=e.ref(!1),c=async()=>{await e.nextTick(),s.value&&(f.value=s.value.offsetHeight)},r=async()=>{i.value=!1,await c(),setTimeout(()=>i.value=!0,100)};e.onMounted(()=>{r()}),e.watch(()=>n.list.length,c);const d=e.ref([]),l=e.ref(!1),o=e.ref([...n.list]);return e.watch(()=>n.list,a=>{d.value=oe(a,o.value),l.value=!0,o.value=[...a]},{deep:!0}),(a,p)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",{class:"header",onClick:p[1]||(p[1]=e.withModifiers((..._)=>m.onHeaderClick&&m.onHeaderClick(..._),["stop"]))},[e.createElementVNode("div",ae,[e.renderSlot(a.$slots,"title",{},()=>[p[3]||(p[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:t.value?"rotate(90deg)":"rotate(0deg)"}),title:t.value?"收起列表":"展开列表",onClick:p[0]||(p[0]=e.withModifiers(_=>t.value=!t.value,["stop"]))},null,12,se)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":i.value}]),style:e.normalizeStyle({height:t.value?`calc(0px + ${f.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:s,class:e.normalizeClass(["body",{close:!t.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,onClick:e.withModifiers(()=>m.onItemClick?.(_,g),["stop"]),style:e.normalizeStyle({"--translateY":`${d.value[g]*100}%`}),onAnimationend:p[2]||(p[2]=()=>l.value=!1),class:e.normalizeClass({active:g===n.activeIndex,slideAnimation:l.value})},[e.renderSlot(a.$slots,"default",{item:_,index:g},()=>[e.createTextVNode(e.toDisplayString(_.name),1)],!0)],46,re))),128))],2)],6)]))}}),[["__scopeId","data-v-be25412b"]]),ce=["placeholder"],X=b(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},setup(m){e.useCssVars(l=>({v2035d0c6:f.value}));const n=m,t=e.ref(null),f=e.ref(0);e.onMounted(()=>setTimeout(()=>f.value=t.value.offsetHeight,0));const s=e.ref("");let i=!1;const c=async()=>{await new Promise(l=>setTimeout(l,100)),i=!1},r=()=>{i=!0},d=async l=>{i||n.onSearch?.(l)};return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:"Search",ref_key:"searchRef",ref:t},[o[3]||(o[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=a=>s.value=a),class:"input",onKeyup:o[1]||(o[1]=e.withKeys(e.withModifiers(a=>d(s.value.trim()),["prevent"]),["enter"])),onCompositionend:c,onCompositionstart:r,type:"text",placeholder:n.placeholder},null,40,ce),[[e.vModelText,s.value]]),s.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:o[2]||(o[2]=e.withModifiers(a=>s.value="",["stop"]))})):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-5f7a1238"]]),de={class:"header"},fe=["title"],me=b(e.defineComponent({__name:"SideBar",props:{visible:{type:Boolean,default:!0},onSwitch:{}},setup(m){const n=m,t=e.ref(!0),f=()=>{t.value=!t.value,n.onSwitch?.(t.value)},s=e.ref(null),i=e.ref(0),c=e.ref(0),r=()=>{const o=s.value;if(!o)return;let a=0,p=o;for(;p;)a+=p.offsetLeft,p=p.offsetParent;i.value=o.offsetWidth,c.value=a+i.value+10};let d;const l=()=>{clearTimeout(d),d=setTimeout(()=>r(),100)};return e.onMounted(()=>{r(),window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),(o,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[m.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"SideBar",ref_key:"containerRef",ref:s,style:e.normalizeStyle({"--translateX":`${t.value?0:-c.value}px`,userSelect:"none"})},[e.createElementVNode("div",de,[e.createElementVNode("div",{class:e.normalizeClass(["switchButton",{close:!t.value}]),onClick:f,style:e.normalizeStyle({transform:t.value?"translateX(0)":`translateX(${c.value-i.value+45}px)`}),title:t.value?"收起侧边栏":"展开侧边栏"},[...a[0]||(a[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,fe)]),e.renderSlot(o.$slots,"default",{},()=>[a[1]||(a[1]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-68817b08"]]),ue={class:"tab button"},pe={class:"tab"},ke={class:"container top"},he={class:"tab top"},_e=b(e.defineComponent({__name:"TabBar",props:{list:{},onItemClick:{type:Function},showSearch:{type:Boolean}},setup(m){e.useCssVars(u=>({v75c7a3f8:i.value,v3f3a2240:r.value,fd1aa0b4:g.value,bcee0656:s.value,c670b348:c.value,v47f34bb2:H.value,v7348ef9a:_.value,fb7b89e0:p.value,v07758512:o.value,v6e08c59a:D.value,v16c88c0e:W.value,v02a00f98:B.value,v915925b0:P.value,v5504c437:T.value}));const n=m,t=e.computed(()=>n.list.length),f=e.ref(null),s=e.ref(0),i=e.ref(0),c=e.ref(0),r=e.ref(0),d=e.ref(null),l=e.ref(null),o=e.ref(0),a=e.ref(0),p=e.ref(0),_=e.ref(0),g=e.ref("none");e.onMounted(()=>{setTimeout(()=>{i.value=f.value.offsetHeight,s.value=n.showSearch?f.value.offsetWidth-i.value-5:f.value.offsetWidth-5,c.value=f.value.offsetWidth-i.value*.8-5,r.value=i.value/2,o.value=(s.value-6)/t.value,_.value=o.value,a.value=(s.value-6)*(t.value-1)/t.value},0),setTimeout(()=>g.value="width .3s, height .3s",500)});let S,V,M,E,N,z,R;const h=(...u)=>{u.forEach(v=>{v&&(clearInterval(v),clearTimeout(v))})};e.onUnmounted(()=>h(S,V,M,E,N,z,R));const D=e.ref("#eee"),W=e.ref("none"),P=e.ref(1),T=e.ref("transform .5s, background .2s"),H=e.ref("0"),I=e.ref(0),B=e.ref(0),O=(u,v)=>{if(!d.value||!l.value)return;const w=u.clientX-l.value.getBoundingClientRect().left-o.value/2,Y=new DOMMatrix(window.getComputedStyle(d.value).transform).m41,$=w<0?0:w>(t.value-1)*d.value.offsetWidth?(t.value-1)*d.value.offsetWidth:w;v==="start"?(T.value="transform .5s, background .2s",B.value=$):Math.abs($-Y)<a.value/5?(T.value="background .2s",B.value=$):(T.value="background .2s",B.value=Y,E=setInterval(()=>{const K=new DOMMatrix(window.getComputedStyle(d.value).transform).m41;Math.abs($-K)<a.value/15?(T.value="background .2s",B.value=$,h(E,N)):B.value+=$-K>0?a.value/15:-a.value/15},16),N=setTimeout(()=>h(E),500))},A=u=>{S=setInterval(()=>{p.value=(d.value?.getBoundingClientRect().left||0)-(l.value?.getBoundingClientRect().left||0),_.value=(d.value?.getBoundingClientRect().right||0)-(l.value?.getBoundingClientRect().left||0)},16),u&&(V=setTimeout(()=>clearInterval(S),u))};let F;const Ce=u=>{F=Date.now(),z=setTimeout(()=>D.value=`linear-gradient(
2
2
  to bottom,
3
3
  transparent 10%,
4
4
  rgba(248, 248, 248, 0.9) 10% calc(100% - 10%),
5
5
  transparent calc(100% - 10%)
6
- )`,100),W.value="1px solid #fff",P.value=1.4,H.value="-50%",h(R),O(u,"start"),h(S,V),A(500),document.addEventListener("pointermove",U),document.addEventListener("pointerup",j)},U=u=>{if(!M){if(C.value)return C.value=!1;h(E,N),O(u,"move"),h(S,V),A(void 0),M=setTimeout(()=>M=void 0,16)}},j=u=>{if(Date.now()-F<100&&h(z),D.value="#eee",W.value="none",T.value="transform .5s, background .2s",P.value=1,h(R),R=setTimeout(()=>H.value="0",Math.min(Date.now()-F,500)),C.value)C.value=!1;else{const v=u.clientX-l.value.getBoundingClientRect().left,y=Math.floor(v/o.value);I.value=y>t.value-1?t.value-1:y<0?0:y}h(E,N),B.value=I.value*o.value,h(S,V),A(500),n.onItemClick?.(n.list[I.value],I.value),document.removeEventListener("pointermove",U),document.removeEventListener("pointerup",j)};e.watch(()=>n.list.length,()=>B.value=0);const C=e.ref(!1),L=e.ref(!1),ye=()=>{C.value=!0,B.value=0};return e.watch(C,u=>{u?setTimeout(()=>L.value=!0,100):setTimeout(()=>L.value=!1,200)}),(u,v)=>(e.openBlock(),e.createElementBlock("div",{class:"TabBar",style:{"user-select":"none"},ref_key:"barRef",ref:f},[e.createElementVNode("div",{class:e.normalizeClass(["bar",{active:!C.value}]),ref:"leftRef"},[e.createElementVNode("ul",{class:"container",ref_key:"containerRef",ref:l,onPointerdown:Ce},[e.withDirectives(e.createElementVNode("li",ue,[e.renderSlot(u.$slots,"bottom",{index:I.value},void 0,!0)],512),[[e.vShow,C.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",pe,[e.renderSlot(u.$slots,"bottom",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256)),e.withDirectives(e.createElementVNode("ul",ke,[e.createElementVNode("div",{class:"slide",ref_key:"slideRef",ref:d},null,512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",he,[e.renderSlot(u.$slots,"top",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256))],512),[[e.vShow,!C.value]])],544)],2),n.showSearch?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["search",{active:C.value}])},[e.withDirectives(e.createVNode(x,{type:"search",onClick:ye},null,512),[[e.vShow,!L.value]]),L.value?(e.openBlock(),e.createBlock(X,{key:0})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-5b628272"]]);k.ActionButton=Q,k.Button=x,k.ContentBar=ne,k.FoldList=ie,k.Search=X,k.SideBar=me,k.TabBar=_e,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
6
+ )`,100),W.value="1px solid #fff",P.value=1.4,H.value="-50%",h(R),O(u,"start"),h(S,V),A(500),document.addEventListener("pointermove",U),document.addEventListener("pointerup",j)},U=u=>{if(!M){if(C.value)return C.value=!1;h(E,N),O(u,"move"),h(S,V),A(void 0),M=setTimeout(()=>M=void 0,16)}},j=u=>{if(Date.now()-F<100&&h(z),D.value="#eee",W.value="none",T.value="transform .5s, background .2s",P.value=1,h(R),R=setTimeout(()=>H.value="0",Math.min(Date.now()-F,500)),C.value)C.value=!1;else{const v=u.clientX-l.value.getBoundingClientRect().left,y=Math.floor(v/o.value);I.value=y>t.value-1?t.value-1:y<0?0:y}h(E,N),B.value=I.value*o.value,h(S,V),A(500),n.onItemClick?.(n.list[I.value],I.value),document.removeEventListener("pointermove",U),document.removeEventListener("pointerup",j)};e.watch(()=>n.list.length,()=>B.value=0);const C=e.ref(!1),L=e.ref(!1),ye=()=>{C.value=!0,B.value=0};return e.watch(C,u=>{u?setTimeout(()=>L.value=!0,100):setTimeout(()=>L.value=!1,200)}),(u,v)=>(e.openBlock(),e.createElementBlock("div",{class:"TabBar",style:{"user-select":"none"},ref_key:"barRef",ref:f},[e.createElementVNode("div",{class:e.normalizeClass(["bar",{active:!C.value}]),ref:"leftRef"},[e.createElementVNode("ul",{class:"container",ref_key:"containerRef",ref:l,onPointerdown:Ce},[e.withDirectives(e.createElementVNode("li",ue,[e.renderSlot(u.$slots,"bottom",{index:I.value},void 0,!0)],512),[[e.vShow,C.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",pe,[e.renderSlot(u.$slots,"bottom",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256)),e.withDirectives(e.createElementVNode("ul",ke,[e.createElementVNode("div",{class:"slide",ref_key:"slideRef",ref:d},null,512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",he,[e.renderSlot(u.$slots,"top",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256))],512),[[e.vShow,!C.value]])],544)],2),n.showSearch?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["search",{active:C.value}])},[e.withDirectives(e.createVNode(x,{type:"search",onClick:ye},null,512),[[e.vShow,!L.value]]),L.value?(e.openBlock(),e.createBlock(X,{key:0})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-56bab2fb"]]);k.ActionButton=Q,k.Button=x,k.ContentBar=ne,k.FoldList=ie,k.Search=X,k.SideBar=me,k.TabBar=_e,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lovelymaid",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "A library of components based on vue3 that mimics the style of iOS 26",
5
5
  "license": "MIT",
6
6
  "keywords": [