lovelymaid 1.3.4 → 1.3.5
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.
|
@@ -8,9 +8,11 @@ interface Props {
|
|
|
8
8
|
/** 关闭按钮点击事件 */
|
|
9
9
|
onCloseClick?: () => void;
|
|
10
10
|
}
|
|
11
|
-
declare var __VLS_7: {};
|
|
11
|
+
declare var __VLS_7: {}, __VLS_9: {};
|
|
12
12
|
type __VLS_Slots = {} & {
|
|
13
13
|
default?: (props: typeof __VLS_7) => any;
|
|
14
|
+
} & {
|
|
15
|
+
outside?: (props: typeof __VLS_9) => any;
|
|
14
16
|
};
|
|
15
17
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
18
|
visible: boolean;
|
|
@@ -7,8 +7,12 @@ interface Props {
|
|
|
7
7
|
name: string;
|
|
8
8
|
[key: string]: any;
|
|
9
9
|
}[];
|
|
10
|
+
/** 是否展开 */
|
|
11
|
+
isOpen: boolean;
|
|
10
12
|
/** 激活项索引 */
|
|
11
13
|
activeId?: string;
|
|
14
|
+
/** 折叠按钮点击事件 */
|
|
15
|
+
onButtonClick: () => void;
|
|
12
16
|
/** 头部点击事件 */
|
|
13
17
|
onHeaderClick?: () => void;
|
|
14
18
|
/** 列表项点击事件 */
|
|
@@ -36,6 +40,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
36
40
|
name: string;
|
|
37
41
|
[key: string]: any;
|
|
38
42
|
}[];
|
|
43
|
+
isOpen: boolean;
|
|
39
44
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
40
45
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
41
46
|
declare const _default: typeof __VLS_export;
|
|
@@ -4,15 +4,15 @@ interface Props {
|
|
|
4
4
|
name?: string;
|
|
5
5
|
[key: string]: any;
|
|
6
6
|
}[];
|
|
7
|
+
/** 激活索引 */
|
|
8
|
+
activeIndex?: number;
|
|
9
|
+
/** 是否启用搜索按钮 */
|
|
10
|
+
showSearch?: boolean;
|
|
7
11
|
/** 列表项点击事件 */
|
|
8
12
|
onItemClick?: (item: {
|
|
9
13
|
name?: string;
|
|
10
14
|
[key: string]: any;
|
|
11
15
|
}, index: number) => void;
|
|
12
|
-
/** 是否启用搜索按钮 */
|
|
13
|
-
showSearch?: boolean;
|
|
14
|
-
/** 挂载时激活索引 */
|
|
15
|
-
initialIndex?: number;
|
|
16
16
|
}
|
|
17
17
|
declare var __VLS_1: {
|
|
18
18
|
item: {
|
|
@@ -40,10 +40,8 @@ type __VLS_Slots = {} & {
|
|
|
40
40
|
} & {
|
|
41
41
|
default?: (props: typeof __VLS_5) => any;
|
|
42
42
|
};
|
|
43
|
-
declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
44
|
-
|
|
45
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
46
|
-
initialIndex: number;
|
|
43
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
44
|
+
activeIndex: number;
|
|
47
45
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
48
46
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
49
47
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
interface Props {
|
|
2
2
|
/** 最小行数 */
|
|
3
3
|
minrow?: number;
|
|
4
|
+
/** 值 */
|
|
5
|
+
value?: string;
|
|
4
6
|
/** 输入框提示词 */
|
|
5
7
|
placeholder?: string;
|
|
6
8
|
/** 移动端键盘回车图标 */
|
|
7
9
|
enterkeyhint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send";
|
|
8
10
|
/** 获得当前输入值 */
|
|
9
11
|
onChange?: (inputValue: string) => void;
|
|
10
|
-
/**
|
|
12
|
+
/** 回车事件 */
|
|
11
13
|
onEnter?: (inputValue: string) => void;
|
|
12
14
|
}
|
|
13
15
|
declare const __VLS_export: import("vue").DefineComponent<Props, {
|
|
14
16
|
focus: () => void | undefined;
|
|
15
17
|
blur: () => void | undefined;
|
|
16
18
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
+
value: string;
|
|
17
20
|
placeholder: string;
|
|
18
21
|
minrow: number;
|
|
19
22
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
package/dist/lovelymaid.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ActionButton[data-v-8d12dd59]{cursor:pointer;justify-content:center;align-items:center;display:flex}.list[data-v-8d12dd59]{z-index:999;backface-visibility:hidden;background-color:#f3f6f6;border-radius:10px;padding:4px;position:fixed;transform:translateZ(0);box-shadow:0 0 10px #0000001a}.list .item[data-v-8d12dd59]{border-radius:8px}.list .item[data-v-8d12dd59]:hover{color:#fff;background-color:#3b86f7}._Button_iukdh_2{border-radius:var(--v9c93d368);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v5c9fbb44);color:#19191a;--background-color:#3b86f7;justify-content:center;align-items:center;font-weight:500;transition:transform .2s;display:flex}._Button_iukdh_2._common_iukdh_18{background-color:var(--background-color)}._Button_iukdh_2:active{transform:scale(1.2)}._Button_iukdh_2._lovelymaid-glass-container_iukdh_26:active{background-color:#fff}._ContentBar_v934h_2{display:var(--v06badcae);transform:translateX(var(--v3a35c283)) scale(var(--e2f0e01e));transition:var(--v3a13f70e);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_v934h_11{z-index:1;justify-content:space-between;gap:5px;height:0;margin-bottom:50px;padding:0 10px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_v934h_24{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:30px;margin-top:10px;font-size:16px;font-weight:500;line-height:30px;overflow:hidden}._Button_v934h_37{margin-top:10px;font-size:20px}._content_v934h_42{z-index:0;display:flow-root;position:relative}._Drawer_106c0_2{z-index:10;--height:90dvh;position:relative}._mask_106c0_8{background-color:#0000001a;width:100dvw;height:100dvh;transition:opacity .3s;position:fixed;top:0;left:0}._DrawerContainer_106c0_18{z-index:1;width:100dvw;height:var(--height);overscroll-behavior-y:contain;scrollbar-width:thin;border-top-left-radius:38px;border-top-right-radius:38px;transition:transform .5s cubic-bezier(.2,.9,.4,1);position:fixed;bottom:0;overflow:auto}._header_106c0_32{z-index:1;justify-content:center;height:0;margin-bottom:60px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_106c0_43{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 130px);height:45px;margin-top:15px;font-size:20px;font-weight:500;line-height:45px;overflow:hidden}._Button_106c0_55{width:45px;height:45px;font-size:28px;font-weight:600;position:absolute;top:15px;right:15px}._content_106c0_65{z-index:0;position:relative}.lovelymaid-fade-enter-from,.lovelymaid-fade-leave-to{opacity:0}.lovelymaid-slide-up-enter-from,.lovelymaid-slide-up-leave-to{transform:translateY(100%)}._header_nzsvb_2{cursor:pointer;justify-content:space-between;align-items:center;height:30px;display:flex}._header_nzsvb_2 ._title_nzsvb_10{color:#767676;font-size:12px;font-weight:500}._BodyContainer_nzsvb_16{overflow:hidden}._BodyContainer_nzsvb_16._EnableTransition_nzsvb_20{transition:height .5s}._body_nzsvb_24{transition:transform .5s;transform:translateY(0)}._body_nzsvb_24._close_nzsvb_29{transform:translateY(-100%)}._body_nzsvb_24 ._item_nzsvb_33{white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:0 10px;font-size:14px;line-height:30px;transition:all .2s;position:relative;overflow:hidden}._body_nzsvb_24 ._item_nzsvb_33._active_nzsvb_45{color:#3b86f7;background-color:#e4e4e4}@keyframes _slideAnimation_nzsvb_60{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}._slideAnimation_nzsvb_60{animation:.5s _slideAnimation_nzsvb_60}.lovelymaid[data-v-a301ee90]{color:#767676;cursor:pointer;will-change:transform;font-size:16px;font-weight:700;transition:transform .3s}._Input_pj7kp_2{border-radius:calc(var(--v4bde3f09) / 2);--font-size:14px;--font-weight:400;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_pj7kp_13{width:var(--bcbbcfdc);height:100%;font-size:calc(var(--bcbbcfdc) / 2);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_pj7kp_13._custom_pj7kp_25{left:0}._icon_pj7kp_13._clear_pj7kp_29{right:0}input[data-v-73231816]{border-radius:calc(var(--bcbbcfdc) / 2);width:100%;height:100%;padding:0 var(--bcbbcfdc);font-size:var(--font-size);font-weight:var(--font-weight);caret-color:#3c86f6;background-color:#0000;border:none;outline:0 solid #0000;transition:outline .2s}input[data-v-73231816]::placeholder{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--placeholder-color)}input[data-v-73231816]:focus{outline:3px solid #94bbf0}.lovely-clear[data-v-73231816]{font-size:calc(var(--bcbbcfdc) / 2);color:var(--clear-color);cursor:pointer;pointer-events:auto}._SideBar_rbdtx_2{display:var(--v331cb092);transform:translateX(var(--v57e56c96)) scale(var(--v4cbe5d02));transition:var(--v58290380);border-radius:20px}._header_rbdtx_9{height:50px;position:relative}._SwitchButton_rbdtx_14{width:35px;height:30px;transform:translateX(var(--v62b95138));cursor:pointer;will-change:transform;background-color:#f8f8f8e6;border:none;border-radius:15px;justify-content:center;align-items:center;transition:transform .5s,box-shadow .5s;display:flex;position:absolute;top:10px;right:10px}._SwitchButton_rbdtx_14._close_rbdtx_34{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}._SwitchButton_rbdtx_14:hover{background-color:#eee}.lovely-sidebar_left[data-v-47bea682]{color:#19191a;font-size:20px}._TabBar_3h4l1_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._bar_3h4l1_12{z-index:1;width:calc(var(--dbf88134) * .8px);border-radius:calc(var(--v1413afdc) * 1px);cursor:pointer;height:80%;transition:var(--bb9137d8);padding:2px;overflow:hidden;background-color:var(--v92994114)!important}._bar_3h4l1_12._active_3h4l1_24{width:calc(var(--v267688b2) * 1px);height:100%;transform:scale(var(--v26ecd1aa));overflow:visible}._bar_3h4l1_12:not(._active_3h4l1_24):active{transform:scale(1.2)}._search_3h4l1_35{width:calc(var(--dbf88134) * 1px);height:100%;transition:var(--bb9137d8)}._search_3h4l1_35._active_3h4l1_24{width:calc(var(--cb2ac36c) * 1px);height:80%}._container_3h4l1_46{touch-action:none;width:100%;height:100%;display:flex;position:relative}._container_3h4l1_46._top_3h4l1_54{z-index:1;clip-path:inset(0 calc(100% - var(--v7d178e05) * 1px) 0 calc(var(--v7fe532fe) * 1px) round calc((var(--v1413afdc) - 3) * 1px));transform:translateZ(0) scale(var(--v25d26869));transform-origin:calc(var(--v67b0aab2) * 1px) center;backface-visibility:hidden;transition:transform .2s;position:absolute;top:0;left:0}._tab_3h4l1_66{width:calc(var(--v678c8fc9) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_3h4l1_66 :nth-child(2){font-size:var(--font-size)}._tab_3h4l1_66._small_3h4l1_80{aspect-ratio:1;flex-shrink:1;height:100%}._tab_3h4l1_66._top_3h4l1_54{color:var(--top-color)}._search_3h4l1_35 ._Button_3h4l1_90{width:100%;height:100%}._search_3h4l1_35 ._Search_3h4l1_95{--font-size:18px;height:100%}._slide_3h4l1_100{z-index:0;width:calc(var(--v678c8fc9) * 1px);background:var(--v50ae033c);border:var(--v7529d760);border-radius:calc((var(--v1413afdc) - 3) * 1px);height:100%;box-shadow:var(--deb501d2);transform:translateX(calc(var(--v33be734f) * 1px)) scale(var(--v67516b4d));transition:var(--v6d8e559c);position:absolute;top:0;left:0}.button.lovely-search[data-v-2bfc1f40]{font-size:calc(var(--dbf88134) * .4px)}.input.lovely-search[data-v-2bfc1f40]{font-size:24px}._container_1wh82_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:normal;--placeholder-color:#544957}textarea[data-v-1ab4c4fe]{width:100%;max-height:var(--max-height);border-radius:calc(var(--border-radius) - 1px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);caret-color:#3c86f6;resize:none;scrollbar-width:thin;background-color:#0000;border:none;outline:0 solid #0000;padding:12px;transition:outline .2s;display:block;overflow-y:auto}textarea[data-v-1ab4c4fe]::placeholder{color:var(--placeholder-color)}textarea[data-v-1ab4c4fe]:focus{outline:3px solid #94bbf0}.lovelymaid,.lovelymaid *{box-sizing:border-box}ul.lovelymaid,.lovelymaid ul{list-style:none}.lovelymaid-common-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f2f2f6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-glass-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f8f8f8e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}@font-face{font-family:lovelymai;src:url(data:font/ttf;base64,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)format("truetype")}.lovelymai{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-family:lovelymai!important}.lovely-ellipsis:before{content:""}.lovely-search:before{content:""}.lovely-info:before{content:""}.lovely-sidebar_left:before{content:""}.lovely-right-arrow:before{content:""}.lovely-clear:before{content:""}.lovely-left-arrow:before{content:""}.lovely-gou:before{content:""}.lovely-close:before{content:""}
|
|
1
|
+
.ActionButton[data-v-8d12dd59]{cursor:pointer;justify-content:center;align-items:center;display:flex}.list[data-v-8d12dd59]{z-index:999;backface-visibility:hidden;background-color:#f3f6f6;border-radius:10px;padding:4px;position:fixed;transform:translateZ(0);box-shadow:0 0 10px #0000001a}.list .item[data-v-8d12dd59]{border-radius:8px}.list .item[data-v-8d12dd59]:hover{color:#fff;background-color:#3b86f7}._Button_iukdh_2{border-radius:var(--v9c93d368);cursor:pointer;touch-action:none;width:30px;height:30px;font-size:var(--v5c9fbb44);color:#19191a;--background-color:#3b86f7;justify-content:center;align-items:center;font-weight:500;transition:transform .2s;display:flex}._Button_iukdh_2._common_iukdh_18{background-color:var(--background-color)}._Button_iukdh_2:active{transform:scale(1.2)}._Button_iukdh_2._lovelymaid-glass-container_iukdh_26:active{background-color:#fff}._ContentBar_1v7xu_2{transform:translateX(var(--v3413c827)) scale(var(--v3f44d866));transition:var(--v33f1fcb2);scrollbar-width:thin;border-radius:20px;overflow:auto}._header_1v7xu_10{z-index:1;justify-content:space-between;gap:5px;height:0;margin-bottom:50px;padding:0 10px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_1v7xu_23{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:30px;margin-top:10px;font-size:16px;font-weight:500;line-height:30px;overflow:hidden}._Button_1v7xu_36{margin-top:10px;font-size:20px}._content_1v7xu_41{z-index:0;display:flow-root;position:relative}._Drawer_106c0_2{z-index:10;--height:90dvh;position:relative}._mask_106c0_8{background-color:#0000001a;width:100dvw;height:100dvh;transition:opacity .3s;position:fixed;top:0;left:0}._DrawerContainer_106c0_18{z-index:1;width:100dvw;height:var(--height);overscroll-behavior-y:contain;scrollbar-width:thin;border-top-left-radius:38px;border-top-right-radius:38px;transition:transform .5s cubic-bezier(.2,.9,.4,1);position:fixed;bottom:0;overflow:auto}._header_106c0_32{z-index:1;justify-content:center;height:0;margin-bottom:60px;display:flex;position:sticky;top:0;box-shadow:0 0 20px 35px #f8f8f8f2}._title_106c0_43{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 130px);height:45px;margin-top:15px;font-size:20px;font-weight:500;line-height:45px;overflow:hidden}._Button_106c0_55{width:45px;height:45px;font-size:28px;font-weight:600;position:absolute;top:15px;right:15px}._content_106c0_65{z-index:0;position:relative}.lovelymaid-fade-enter-from,.lovelymaid-fade-leave-to{opacity:0}.lovelymaid-slide-up-enter-from,.lovelymaid-slide-up-leave-to{transform:translateY(100%)}._FoldList_ujtl4_2{--header-height:30px;--title-font-size:12px;--title-color:#767676;--list-font-size:14px;--list-line-height:30px;--list-color:inherit}._header_ujtl4_11{height:var(--header-height);cursor:pointer;justify-content:space-between;align-items:center;display:flex}._header_ujtl4_11 ._title_ujtl4_19{font-size:var(--title-font-size);color:var(--title-color);font-weight:500}._BodyContainer_ujtl4_25{transition:height .5s;overflow:hidden}._body_ujtl4_30{transition:transform .5s;transform:translateY(0)}._body_ujtl4_30._close_ujtl4_35{transform:translateY(-100%)}._body_ujtl4_30 ._item_ujtl4_39{font-size:var(--list-font-size);line-height:var(--list-line-height);color:var(--list-color);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:0 10px;transition:all .2s;position:relative;overflow:hidden}._body_ujtl4_30 ._item_ujtl4_39._active_ujtl4_52{color:#3b86f7;background-color:#e4e4e4}@keyframes _slideAnimation_ujtl4_67{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}._slideAnimation_ujtl4_67{animation:.5s _slideAnimation_ujtl4_67}.lovely-right-arrow[data-v-ad22b0cc]{color:var(--title-color);cursor:pointer;font-size:16px;font-weight:700;transition:transform .3s}._Input_pj7kp_2{border-radius:calc(var(--v3dd61efd) / 2);--font-size:14px;--font-weight:400;--clear-color:#767676;--placeholder-color:#544957;height:35px;display:flex;position:relative}._icon_pj7kp_13{width:var(--a05fdbf4);height:100%;font-size:calc(var(--a05fdbf4) / 2);color:#19191a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._icon_pj7kp_13._custom_pj7kp_25{left:0}._icon_pj7kp_13._clear_pj7kp_29{right:0}input[data-v-5bee2703]{border-radius:calc(var(--a05fdbf4) / 2);width:100%;height:100%;padding:0 var(--a05fdbf4);font-size:var(--font-size);font-weight:var(--font-weight);caret-color:#3c86f6;background-color:#0000;border:none;outline:0 solid #0000;transition:outline .2s}input[data-v-5bee2703]::placeholder{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--placeholder-color)}input[data-v-5bee2703]:focus{outline:3px solid #94bbf0}.lovely-clear[data-v-5bee2703]{font-size:calc(var(--a05fdbf4) / 2);color:var(--clear-color);cursor:pointer;pointer-events:auto}._SideBar_ag32y_2{transform:translateX(var(--v72b7be29)) scale(var(--v7bb4648b));transition:var(--v7295f2b4);border-radius:20px}._header_ag32y_8{height:50px;position:relative}._SwitchButton_ag32y_13{width:35px;height:30px;transform:translateX(var(--a7d68120));cursor:pointer;background-color:#f8f8f8e6;border:none;border-radius:15px;justify-content:center;align-items:center;transition:transform .5s,box-shadow .5s;display:flex;position:absolute;top:10px;right:10px}._SwitchButton_ag32y_13._close_ag32y_32{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}._SwitchButton_ag32y_13:hover{background-color:#eee}.lovely-sidebar_left[data-v-9c0b4e62]{color:#19191a;font-size:20px}._TabBar_3h4l1_2{-webkit-user-select:none;user-select:none;--font-size:8px;--top-color:#0067ec;gap:5px;height:50px;display:flex}._bar_3h4l1_12{z-index:1;width:calc(var(--fcdb94b2) * .8px);border-radius:calc(var(--v69697e31) * 1px);cursor:pointer;height:80%;transition:var(--c5a25c56);padding:2px;overflow:hidden;background-color:var(--v47af6255)!important}._bar_3h4l1_12._active_3h4l1_24{width:calc(var(--v705df946) * 1px);height:100%;transform:scale(var(--v7022d4ca));overflow:visible}._bar_3h4l1_12:not(._active_3h4l1_24):active{transform:scale(1.2)}._search_3h4l1_35{width:calc(var(--fcdb94b2) * 1px);height:100%;transition:var(--c5a25c56)}._search_3h4l1_35._active_3h4l1_24{width:calc(var(--v3f96ef6a) * 1px);height:80%}._container_3h4l1_46{touch-action:none;width:100%;height:100%;display:flex;position:relative}._container_3h4l1_46._top_3h4l1_54{z-index:1;clip-path:inset(0 calc(100% - var(--v1eea37b8) * 1px) 0 calc(var(--v74a1c602) * 1px) round calc((var(--v69697e31) - 3) * 1px));transform:translateZ(0) scale(var(--v1560deaa));transform-origin:calc(var(--a50ad69a) * 1px) center;backface-visibility:hidden;transition:transform .2s;position:absolute;top:0;left:0}._tab_3h4l1_66{width:calc(var(--v69cce1a8) * 1px);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex}._tab_3h4l1_66 :nth-child(2){font-size:var(--font-size)}._tab_3h4l1_66._small_3h4l1_80{aspect-ratio:1;flex-shrink:1;height:100%}._tab_3h4l1_66._top_3h4l1_54{color:var(--top-color)}._search_3h4l1_35 ._Button_3h4l1_90{width:100%;height:100%}._search_3h4l1_35 ._Search_3h4l1_95{--font-size:18px;height:100%}._slide_3h4l1_100{z-index:0;width:calc(var(--v69cce1a8) * 1px);background:var(--v4c2d5f7e);border:var(--v7ee3f0bf);border-radius:calc((var(--v69697e31) - 3) * 1px);height:100%;box-shadow:var(--ff981550);transform:translateX(calc(var(--v234ce990) * 1px)) scale(var(--v6991bd2c));transition:var(--v37e8529a);position:absolute;top:0;left:0}.button.lovely-search[data-v-37cd0caf]{font-size:calc(var(--fcdb94b2) * .4px)}.input.lovely-search[data-v-37cd0caf]{font-size:24px}._container_1wh82_2{border-radius:var(--border-radius);--max-height:auto;--border-radius:20px;--font-size:14px;--font-weight:400;--line-height:normal;--placeholder-color:#544957}textarea[data-v-6b991b20]{width:100%;max-height:var(--max-height);border-radius:calc(var(--border-radius) - 1px);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);caret-color:#3c86f6;resize:none;scrollbar-width:thin;background-color:#0000;border:none;outline:0 solid #0000;padding:12px;transition:outline .2s;display:block;overflow-y:auto}textarea[data-v-6b991b20]::placeholder{color:var(--placeholder-color)}textarea[data-v-6b991b20]:focus{outline:3px solid #94bbf0}.lovelymaid,.lovelymaid *{box-sizing:border-box}ul.lovelymaid,.lovelymaid ul{list-style:none}.lovelymaid-common-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f2f2f6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}.lovelymaid-glass-container{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);background-color:#f8f8f8e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a}@font-face{font-family:lovelymai;src:url(data:font/ttf;base64,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)format("truetype")}.lovelymai{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-family:lovelymai!important}.lovely-ellipsis:before{content:""}.lovely-search:before{content:""}.lovely-info:before{content:""}.lovely-sidebar_left:before{content:""}.lovely-right-arrow:before{content:""}.lovely-clear:before{content:""}.lovely-left-arrow:before{content:""}.lovely-gou:before{content:""}.lovely-close:before{content:""}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/lovelymaid.js
CHANGED
|
@@ -51,7 +51,7 @@ function M(e, t) {
|
|
|
51
51
|
}, t);
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function N(e, t, n) {
|
|
55
55
|
if (!e.value) return () => {};
|
|
56
56
|
n && t({
|
|
57
57
|
width: e.value.offsetWidth,
|
|
@@ -67,7 +67,7 @@ function te(e, t, n) {
|
|
|
67
67
|
}
|
|
68
68
|
//#endregion
|
|
69
69
|
//#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
|
|
70
|
-
var
|
|
70
|
+
var te = ["title"], P = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
71
71
|
__name: "Button",
|
|
72
72
|
props: {
|
|
73
73
|
type: { default: "common" },
|
|
@@ -80,7 +80,7 @@ var N = ["title"], P = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
80
80
|
v5c9fbb44: i.value
|
|
81
81
|
}));
|
|
82
82
|
let t = e, n = _(null), r = _(""), i = _("0");
|
|
83
|
-
return m(() =>
|
|
83
|
+
return m(() => N(n, () => {
|
|
84
84
|
let e = Math.min(n.value.offsetHeight, n.value.offsetWidth);
|
|
85
85
|
r.value = `${e / 2}px`, i.value = `${e / 2}px`;
|
|
86
86
|
}, !0)), (e, r) => (g(), o("div", {
|
|
@@ -96,7 +96,7 @@ var N = ["title"], P = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
96
96
|
]),
|
|
97
97
|
onClick: r[0] ||= (...e) => t.onClick && t.onClick(...e),
|
|
98
98
|
title: t.title
|
|
99
|
-
}, [y(e.$slots, "default")], 10,
|
|
99
|
+
}, [y(e.$slots, "default")], 10, te));
|
|
100
100
|
}
|
|
101
101
|
}), [["__cssModules", { $style: {
|
|
102
102
|
Button: "_Button_iukdh_2",
|
|
@@ -113,7 +113,7 @@ function F(e) {
|
|
|
113
113
|
}
|
|
114
114
|
//#endregion
|
|
115
115
|
//#region src/components/ContentBar.vue?vue&type=script&setup=true&lang.ts
|
|
116
|
-
var
|
|
116
|
+
var I = ["title"], L = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
117
117
|
__name: "ContentBar",
|
|
118
118
|
props: {
|
|
119
119
|
visible: {
|
|
@@ -129,24 +129,23 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
129
129
|
},
|
|
130
130
|
setup(e) {
|
|
131
131
|
S((e) => ({
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
v3a13f70e: i.value
|
|
132
|
+
v3413c827: c.value,
|
|
133
|
+
v3f44d866: p.value,
|
|
134
|
+
v33f1fcb2: i.value
|
|
136
135
|
}));
|
|
137
|
-
let t = e, n = _(null), i = _("none"), a = _(0),
|
|
136
|
+
let t = e, n = _(null), i = _("none"), a = _(0), c = r(() => t.isOpen ? "0" : `${-a.value}px`), u = () => {
|
|
138
137
|
n.value && (a.value = F(n.value) + n.value.offsetWidth + 10);
|
|
139
|
-
},
|
|
138
|
+
}, d = M(u, 100);
|
|
140
139
|
m(() => {
|
|
141
|
-
|
|
140
|
+
u(), setTimeout(() => i.value = "transform .5s", 100), window.addEventListener("resize", d);
|
|
142
141
|
}), h(() => {
|
|
143
|
-
window.removeEventListener("resize",
|
|
142
|
+
window.removeEventListener("resize", d);
|
|
144
143
|
});
|
|
145
|
-
let
|
|
144
|
+
let p = _(t.visible ? "1" : "0"), v;
|
|
146
145
|
return w(() => t.visible, (e) => {
|
|
147
|
-
i.value = "transform .3s", setTimeout(() => i.value = "transform .5s", 300), e ?
|
|
148
|
-
|
|
149
|
-
})
|
|
146
|
+
clearTimeout(v), i.value = "transform .3s", v = setTimeout(() => i.value = "transform .5s", 300), e ? requestAnimationFrame(() => {
|
|
147
|
+
p.value = "1";
|
|
148
|
+
}) : p.value = "0";
|
|
150
149
|
}), (e, r) => (g(), o("div", {
|
|
151
150
|
class: f([
|
|
152
151
|
"lovelymaid",
|
|
@@ -155,26 +154,30 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
155
154
|
]),
|
|
156
155
|
ref_key: "ContainerRef",
|
|
157
156
|
ref: n
|
|
158
|
-
}, [
|
|
159
|
-
class: f(e.$style.
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
157
|
+
}, [
|
|
158
|
+
s("div", { class: f(e.$style.header) }, [s("div", {
|
|
159
|
+
class: f(e.$style.title),
|
|
160
|
+
title: t.title
|
|
161
|
+
}, b(t.title), 11, I), l(P, {
|
|
162
|
+
type: "glass",
|
|
163
|
+
class: f(e.$style.Button),
|
|
164
|
+
onClick: t.onCloseClick,
|
|
165
|
+
title: "收起内容栏"
|
|
166
|
+
}, {
|
|
167
|
+
default: T(() => [...r[0] ||= [s("span", { class: "lovelymai lovely-close" }, null, -1)]]),
|
|
168
|
+
_: 1
|
|
169
|
+
}, 8, ["class", "onClick"])], 2),
|
|
170
|
+
s("div", { class: f(e.$style.content) }, [y(e.$slots, "default")], 2),
|
|
171
|
+
y(e.$slots, "outside")
|
|
172
|
+
], 2));
|
|
170
173
|
}
|
|
171
174
|
}), [["__cssModules", { $style: {
|
|
172
|
-
ContentBar: "
|
|
173
|
-
header: "
|
|
174
|
-
title: "
|
|
175
|
-
Button: "
|
|
176
|
-
content: "
|
|
177
|
-
} }]]),
|
|
175
|
+
ContentBar: "_ContentBar_1v7xu_2",
|
|
176
|
+
header: "_header_1v7xu_10",
|
|
177
|
+
title: "_title_1v7xu_23",
|
|
178
|
+
Button: "_Button_1v7xu_36",
|
|
179
|
+
content: "_content_1v7xu_41"
|
|
180
|
+
} }]]), R = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
178
181
|
__name: "Drawer",
|
|
179
182
|
props: {
|
|
180
183
|
isOpen: {
|
|
@@ -216,7 +219,7 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
216
219
|
title: "_title_106c0_43",
|
|
217
220
|
Button: "_Button_106c0_55",
|
|
218
221
|
content: "_content_106c0_65"
|
|
219
|
-
} }]]),
|
|
222
|
+
} }]]), z = (e, t) => {
|
|
220
223
|
let n = Array(e.length), r = /* @__PURE__ */ new Map();
|
|
221
224
|
for (let e = 0; e < t.length; e++) r.set(t[e].id, e);
|
|
222
225
|
let i = -1;
|
|
@@ -225,79 +228,82 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
225
228
|
o === void 0 ? i === -1 ? n[t] = -1 - t : n[t] = i - t : (n[t] = o - t, i = o);
|
|
226
229
|
}
|
|
227
230
|
return n;
|
|
228
|
-
},
|
|
231
|
+
}, B = ["title"], V = ["onClick"], H = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
229
232
|
__name: "FoldList",
|
|
230
233
|
props: {
|
|
231
234
|
title: { default: "标题" },
|
|
232
235
|
list: { default: () => [] },
|
|
236
|
+
isOpen: {
|
|
237
|
+
type: Boolean,
|
|
238
|
+
default: !0
|
|
239
|
+
},
|
|
233
240
|
activeId: {},
|
|
241
|
+
onButtonClick: {},
|
|
234
242
|
onHeaderClick: {},
|
|
235
243
|
onItemClick: {}
|
|
236
244
|
},
|
|
237
245
|
setup(t) {
|
|
238
|
-
let n = t,
|
|
246
|
+
let n = t, i = _(0), a = _(null), l = async () => {
|
|
239
247
|
await d(), a.value && (i.value = a.value.offsetHeight);
|
|
240
|
-
},
|
|
241
|
-
await
|
|
242
|
-
l.value = !0;
|
|
243
|
-
}, 100);
|
|
248
|
+
}, u = async () => {
|
|
249
|
+
await l();
|
|
244
250
|
};
|
|
245
251
|
m(() => {
|
|
246
|
-
|
|
252
|
+
u();
|
|
247
253
|
}), w(() => n.list.length, async () => {
|
|
248
|
-
await
|
|
254
|
+
await l();
|
|
249
255
|
});
|
|
250
|
-
let
|
|
251
|
-
return w(() => n.list, async (e) => {
|
|
252
|
-
|
|
253
|
-
}, { deep: !0 }), (
|
|
254
|
-
class: f(
|
|
255
|
-
onClick:
|
|
256
|
-
}, [s("div", { class: f(
|
|
257
|
-
class:
|
|
258
|
-
style: p({ transform:
|
|
259
|
-
title:
|
|
260
|
-
onClick:
|
|
261
|
-
}, null, 12,
|
|
262
|
-
class: f(
|
|
263
|
-
style: p({ height:
|
|
256
|
+
let h = _([]), x = _(!1), S = _(n.list);
|
|
257
|
+
return w(r(() => n.list.map((e) => e.id).join(",")), async (e, t) => {
|
|
258
|
+
e !== t && (x.value = !1, h.value = z(n.list, S.value), await d(), x.value = !0, S.value = [...n.list]);
|
|
259
|
+
}, { deep: !0 }), (r, l) => (g(), o("div", { class: f(["lovelymaid", r.$style.FoldList]) }, [s("div", {
|
|
260
|
+
class: f(r.$style.header),
|
|
261
|
+
onClick: l[1] ||= (...e) => t.onHeaderClick && t.onHeaderClick(...e)
|
|
262
|
+
}, [s("div", { class: f(r.$style.title) }, b(n.title), 3), s("span", {
|
|
263
|
+
class: "lovelymai lovely-right-arrow",
|
|
264
|
+
style: p({ transform: n.isOpen ? "rotate(90deg)" : "rotate(0deg)" }),
|
|
265
|
+
title: t.isOpen ? "收起列表" : "展开列表",
|
|
266
|
+
onClick: l[0] ||= D((...e) => n.onButtonClick && n.onButtonClick(...e), ["stop"])
|
|
267
|
+
}, null, 12, B)], 2), s("div", {
|
|
268
|
+
class: f(r.$style.BodyContainer),
|
|
269
|
+
style: p({ height: t.isOpen ? `${i.value}px` : "0px" })
|
|
264
270
|
}, [s("ul", {
|
|
265
|
-
class: f([
|
|
271
|
+
class: f([r.$style.body, { [r.$style.close]: !t.isOpen }]),
|
|
266
272
|
ref_key: "bodyRef",
|
|
267
273
|
ref: a
|
|
268
|
-
}, [(g(!0), o(e, null, v(n.list, (e,
|
|
269
|
-
class: f([
|
|
270
|
-
[
|
|
271
|
-
[
|
|
274
|
+
}, [(g(!0), o(e, null, v(n.list, (e, i) => (g(), o("li", {
|
|
275
|
+
class: f([r.$style.item, {
|
|
276
|
+
[r.$style.active]: e.id === n.activeId,
|
|
277
|
+
[r.$style.slideAnimation]: x.value
|
|
272
278
|
}]),
|
|
273
279
|
key: e.id,
|
|
274
|
-
onClick: D(() => t.onItemClick?.(e,
|
|
280
|
+
onClick: D(() => t.onItemClick?.(e, i), ["stop"]),
|
|
275
281
|
style: p({
|
|
276
|
-
"--translateY": `${
|
|
277
|
-
"z-index": `${n.list.length -
|
|
282
|
+
"--translateY": `${h.value[i] * 100}%`,
|
|
283
|
+
"z-index": `${n.list.length - i}`
|
|
278
284
|
}),
|
|
279
|
-
onAnimationend:
|
|
280
|
-
}, [y(
|
|
285
|
+
onAnimationend: l[2] ||= () => x.value = !1
|
|
286
|
+
}, [y(r.$slots, "default", {
|
|
281
287
|
item: e,
|
|
282
|
-
index:
|
|
283
|
-
}, () => [c(b(e.name), 1)], !0)], 46,
|
|
288
|
+
index: i
|
|
289
|
+
}, () => [c(b(e.name), 1)], !0)], 46, V))), 128))], 2)], 6)], 2));
|
|
284
290
|
}
|
|
285
291
|
}), [["__cssModules", { $style: {
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
body: "
|
|
291
|
-
close: "
|
|
292
|
-
item: "
|
|
293
|
-
active: "
|
|
294
|
-
slideAnimation: "
|
|
295
|
-
} }], ["__scopeId", "data-v-
|
|
292
|
+
FoldList: "_FoldList_ujtl4_2",
|
|
293
|
+
header: "_header_ujtl4_11",
|
|
294
|
+
title: "_title_ujtl4_19",
|
|
295
|
+
BodyContainer: "_BodyContainer_ujtl4_25",
|
|
296
|
+
body: "_body_ujtl4_30",
|
|
297
|
+
close: "_close_ujtl4_35",
|
|
298
|
+
item: "_item_ujtl4_39",
|
|
299
|
+
active: "_active_ujtl4_52",
|
|
300
|
+
slideAnimation: "_slideAnimation_ujtl4_67"
|
|
301
|
+
} }], ["__scopeId", "data-v-ad22b0cc"]]), U = [
|
|
296
302
|
"type",
|
|
297
303
|
"value",
|
|
298
304
|
"enterkeyhint",
|
|
299
305
|
"placeholder"
|
|
300
|
-
],
|
|
306
|
+
], ne = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
301
307
|
__name: "Input",
|
|
302
308
|
props: {
|
|
303
309
|
type: { default: "text" },
|
|
@@ -309,11 +315,11 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
309
315
|
},
|
|
310
316
|
setup(e, { expose: t }) {
|
|
311
317
|
S((e) => ({
|
|
312
|
-
|
|
313
|
-
|
|
318
|
+
v3dd61efd: i.value,
|
|
319
|
+
a05fdbf4: c.value
|
|
314
320
|
}));
|
|
315
321
|
let n = e, r = _(null), i = _("0"), c = _("0");
|
|
316
|
-
m(() =>
|
|
322
|
+
m(() => N(r, () => {
|
|
317
323
|
let e = r.value.offsetHeight;
|
|
318
324
|
i.value = `${e}px`, c.value = `${e - 2}px`;
|
|
319
325
|
}, !0));
|
|
@@ -325,8 +331,8 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
325
331
|
u.value = e.target.value, n.onChange?.(u.value);
|
|
326
332
|
}, p = () => {
|
|
327
333
|
u.value = "", n.onChange?.(u.value), l.value?.focus();
|
|
328
|
-
}, h = !1, v =
|
|
329
|
-
|
|
334
|
+
}, h = !1, v = () => {
|
|
335
|
+
h = !1;
|
|
330
336
|
}, b = () => {
|
|
331
337
|
h = !0;
|
|
332
338
|
}, x = async (e) => {
|
|
@@ -357,7 +363,7 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
357
363
|
onCompositionend: v,
|
|
358
364
|
onCompositionstart: b,
|
|
359
365
|
placeholder: n.placeholder
|
|
360
|
-
}, null, 40,
|
|
366
|
+
}, null, 40, U),
|
|
361
367
|
s("div", { class: f([e.$style.icon, e.$style.clear]) }, [u.value ? (g(), o("span", {
|
|
362
368
|
key: 0,
|
|
363
369
|
class: "lovelymai lovely-clear",
|
|
@@ -370,7 +376,7 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
370
376
|
icon: "_icon_pj7kp_13",
|
|
371
377
|
custom: "_custom_pj7kp_25",
|
|
372
378
|
clear: "_clear_pj7kp_29"
|
|
373
|
-
} }], ["__scopeId", "data-v-
|
|
379
|
+
} }], ["__scopeId", "data-v-5bee2703"]]), re = ["title"], W = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
374
380
|
__name: "SideBar",
|
|
375
381
|
props: {
|
|
376
382
|
visible: {
|
|
@@ -385,11 +391,10 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
385
391
|
},
|
|
386
392
|
setup(e) {
|
|
387
393
|
S((e) => ({
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
v62b95138: b.value
|
|
394
|
+
v72b7be29: d.value,
|
|
395
|
+
v7bb4648b: x.value,
|
|
396
|
+
v7295f2b4: l.value,
|
|
397
|
+
a7d68120: b.value
|
|
393
398
|
}));
|
|
394
399
|
let t = e, n = () => {
|
|
395
400
|
t.onSwitch?.();
|
|
@@ -401,120 +406,120 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
401
406
|
}), h(() => {
|
|
402
407
|
window.removeEventListener("resize", v);
|
|
403
408
|
});
|
|
404
|
-
let b = r(() => t.isOpen ? "0" : `${u.value - a.value + 55}px`), x = _("
|
|
409
|
+
let b = r(() => t.isOpen ? "0" : `${u.value - a.value + 55}px`), x = _(t.visible ? "1" : "0"), C;
|
|
405
410
|
return w(() => t.visible, (e) => {
|
|
406
|
-
l.value = "transform .3s", setTimeout(() => l.value = "transform .5s", 300), e ?
|
|
407
|
-
|
|
408
|
-
})
|
|
411
|
+
clearTimeout(C), l.value = "transform .3s", C = setTimeout(() => l.value = "transform .5s", 300), e ? requestAnimationFrame(() => {
|
|
412
|
+
x.value = "1";
|
|
413
|
+
}) : x.value = "0";
|
|
409
414
|
}), (r, a) => (g(), o("div", {
|
|
410
|
-
ref_key: "ContainerRef",
|
|
411
|
-
ref: i,
|
|
412
415
|
class: f([
|
|
413
416
|
"lovelymaid",
|
|
414
417
|
"lovelymaid-glass-container",
|
|
415
418
|
r.$style.SideBar
|
|
416
|
-
])
|
|
419
|
+
]),
|
|
420
|
+
ref_key: "ContainerRef",
|
|
421
|
+
ref: i
|
|
417
422
|
}, [s("div", { class: f(r.$style.header) }, [s("div", {
|
|
418
423
|
class: f([r.$style.SwitchButton, { [r.$style.close]: !t.isOpen }]),
|
|
419
424
|
onClick: n,
|
|
420
425
|
title: e.isOpen ? "收起侧边栏" : "展开侧边栏"
|
|
421
|
-
}, [...a[0] ||= [s("span", { class: "lovelymai lovely-sidebar_left" }, null, -1)]], 10,
|
|
426
|
+
}, [...a[0] ||= [s("span", { class: "lovelymai lovely-sidebar_left" }, null, -1)]], 10, re)], 2), y(r.$slots, "default", {}, () => [a[1] ||= c("这是内容", -1)], !0)], 2));
|
|
422
427
|
}
|
|
423
428
|
}), [["__cssModules", { $style: {
|
|
424
|
-
SideBar: "
|
|
425
|
-
header: "
|
|
426
|
-
SwitchButton: "
|
|
427
|
-
close: "
|
|
428
|
-
} }], ["__scopeId", "data-v-
|
|
429
|
+
SideBar: "_SideBar_ag32y_2",
|
|
430
|
+
header: "_header_ag32y_8",
|
|
431
|
+
SwitchButton: "_SwitchButton_ag32y_13",
|
|
432
|
+
close: "_close_ag32y_32"
|
|
433
|
+
} }], ["__scopeId", "data-v-9c0b4e62"]]), ie = { key: 0 }, ae = { key: 0 }, G = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
429
434
|
__name: "TabBar",
|
|
430
435
|
props: {
|
|
431
436
|
list: {},
|
|
432
|
-
|
|
437
|
+
activeIndex: { default: 0 },
|
|
433
438
|
showSearch: { type: Boolean },
|
|
434
|
-
|
|
439
|
+
onItemClick: {}
|
|
435
440
|
},
|
|
436
|
-
setup(t
|
|
441
|
+
setup(t) {
|
|
437
442
|
S((e) => ({
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
443
|
+
fcdb94b2: d.value,
|
|
444
|
+
v47af6255: K.value,
|
|
445
|
+
v69697e31: ee.value,
|
|
446
|
+
c5a25c56: te.value,
|
|
447
|
+
v705df946: u.value,
|
|
448
|
+
v7022d4ca: se.value,
|
|
449
|
+
v3f96ef6a: p.value,
|
|
450
|
+
v1eea37b8: M.value,
|
|
451
|
+
v74a1c602: j.value,
|
|
452
|
+
v1560deaa: ce.value,
|
|
453
|
+
a50ad69a: x(R),
|
|
454
|
+
v69cce1a8: k.value,
|
|
455
|
+
v4c2d5f7e: G.value,
|
|
456
|
+
v7ee3f0bf: q.value,
|
|
457
|
+
ff981550: oe.value,
|
|
458
|
+
v234ce990: L.value,
|
|
459
|
+
v6991bd2c: J.value,
|
|
460
|
+
v37e8529a: Y.value
|
|
456
461
|
}));
|
|
457
|
-
let
|
|
462
|
+
let n = t, i = r(() => n.list.length), c = _(null), u = _(0), d = _(0), p = _(0), ee = _(0), D = _(null), O = _(null), k = _(0), A = _(0), j = _(0), M = _(0), te = _("none"), I = _(n.activeIndex), L = _(0), R;
|
|
458
463
|
m(() => {
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
}, !0), setTimeout(() =>
|
|
464
|
+
re = N(c, () => {
|
|
465
|
+
d.value = c.value.offsetHeight, u.value = n.showSearch ? c.value.offsetWidth - d.value - 5 : c.value.offsetWidth, p.value = c.value.offsetWidth - d.value * .8 - 5, ee.value = d.value / 2, k.value = (u.value - 6) / i.value, j.value = I.value * k.value, M.value = j.value + k.value, A.value = (u.value - 6) * (i.value - 1) / i.value, L.value = I.value * k.value, R = L.value + k.value / 2;
|
|
466
|
+
}, !0), setTimeout(() => te.value = "width .3s, height .3s, transform .2s", 500);
|
|
462
467
|
});
|
|
463
|
-
let z, B, V, H, U,
|
|
468
|
+
let z, B, V, H, U, re, W = (...e) => {
|
|
464
469
|
e.forEach((e) => {
|
|
465
470
|
e && (clearInterval(e), clearTimeout(e));
|
|
466
471
|
});
|
|
467
472
|
};
|
|
468
473
|
h(() => {
|
|
469
|
-
|
|
474
|
+
W(z, B, V, H, U), re();
|
|
470
475
|
});
|
|
471
|
-
let
|
|
472
|
-
if (!
|
|
473
|
-
let n = e.clientX - F(
|
|
474
|
-
t === "start" ? (Y.value = "transform .5s, background .1s", L.value =
|
|
475
|
-
let e = new DOMMatrix(window.getComputedStyle(
|
|
476
|
-
Math.abs(
|
|
476
|
+
let G = _("#e4e4e6"), K = _("rgba(248, 248, 248, 0.9)"), q = _("none"), oe = _("none"), se = _(1), J = _(1), ce = r(() => J.value === 1.2 ? 1.1 : 1), Y = _("background .1s"), X = !1, le = (e, t) => {
|
|
477
|
+
if (!D.value || !O.value) return;
|
|
478
|
+
let n = e.clientX - F(O.value) - k.value / 2, r = new DOMMatrix(window.getComputedStyle(D.value).transform).m41, a = n < 0 ? 0 : n > (i.value - 1) * k.value ? (i.value - 1) * k.value : n;
|
|
479
|
+
t === "start" ? (Y.value = "transform .5s, background .1s", L.value = a) : X || Math.abs(a - r) < A.value / 10 ? (Y.value = "background .1s", L.value = a, X = !0) : (Y.value = "background .1s", L.value = r, H = setInterval(() => {
|
|
480
|
+
let e = new DOMMatrix(window.getComputedStyle(D.value).transform).m41;
|
|
481
|
+
Math.abs(a - e) < A.value / 10 ? (Y.value = "background .1s", L.value = a, X = !0, W(H)) : L.value += a - e > 0 ? A.value / 10 : -A.value / 10;
|
|
477
482
|
}, 8));
|
|
478
483
|
}, Z = (e) => {
|
|
479
484
|
let t = () => {
|
|
480
|
-
R = new DOMMatrix(window.getComputedStyle(
|
|
481
|
-
let e =
|
|
482
|
-
|
|
485
|
+
R = new DOMMatrix(window.getComputedStyle(D.value).transform).m41 + k.value / 2;
|
|
486
|
+
let e = k.value * 1.2 / 1.1;
|
|
487
|
+
j.value = R - e / 2, M.value = R + e / 2;
|
|
483
488
|
};
|
|
484
489
|
e ? (clearInterval(z), z = setInterval(() => {
|
|
485
490
|
t();
|
|
486
491
|
}, 8), B = setTimeout(() => clearInterval(z), e)) : (clearInterval(z), X ? t() : z = setInterval(() => {
|
|
487
492
|
t();
|
|
488
493
|
}, 8));
|
|
489
|
-
},
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
}, 100),
|
|
493
|
-
},
|
|
494
|
+
}, ue, de = (e) => {
|
|
495
|
+
ue = Date.now(), U = setTimeout(() => {
|
|
496
|
+
G.value = "#fff";
|
|
497
|
+
}, 100), K.value = "#fff", q.value = "1px solid rgba(255, 255, 255, 0.5)", oe.value = "0 0 10px 0 rgba(0, 0, 0, 0.1)", se.value = 1.05, J.value = 1.2, le(e, "start"), W(z, B), Z(500), document.addEventListener("pointermove", fe), document.addEventListener("pointerup", pe);
|
|
498
|
+
}, fe = (e) => {
|
|
494
499
|
if (!V) {
|
|
495
500
|
if (Q.value) return Q.value = !1;
|
|
496
|
-
|
|
501
|
+
W(H), le(e, "move"), W(z, B), Z(void 0), V = setTimeout(() => V = void 0, 8);
|
|
497
502
|
}
|
|
498
|
-
},
|
|
499
|
-
if (Date.now() -
|
|
503
|
+
}, pe = (e) => {
|
|
504
|
+
if (Date.now() - ue < 100 && W(U), G.value = "#e4e4e6", K.value = "rgba(248, 248, 248, 0.9)", q.value = "none", oe.value = "none", Y.value = "transform .5s, background .1s", se.value = 1, J.value = 1, Q.value) Q.value = !1;
|
|
500
505
|
else {
|
|
501
|
-
let t = e.clientX - F(
|
|
502
|
-
I.value = n >
|
|
506
|
+
let t = e.clientX - F(O.value), n = Math.floor(t / k.value);
|
|
507
|
+
I.value = n > i.value - 1 ? i.value - 1 : n < 0 ? 0 : n;
|
|
503
508
|
}
|
|
504
|
-
|
|
509
|
+
W(H), L.value = I.value * k.value, X = !1, W(z, B), Z(500), n.onItemClick?.(n.list[I.value], I.value), document.removeEventListener("pointermove", fe), document.removeEventListener("pointerup", pe);
|
|
505
510
|
};
|
|
506
|
-
w(() =>
|
|
507
|
-
|
|
511
|
+
w(() => n.activeIndex, (e) => {
|
|
512
|
+
I.value = e, W(H), L.value = e * k.value, W(z, B), Z(500);
|
|
513
|
+
}), w(() => n.list.length, () => L.value = 0);
|
|
514
|
+
let Q = _(!1), $ = _(!1), me = () => {
|
|
508
515
|
Q.value = !0, L.value = 0;
|
|
509
516
|
};
|
|
510
517
|
return w(Q, (e) => {
|
|
511
518
|
e ? setTimeout(() => $.value = !0, 100) : setTimeout(() => $.value = !1, 200);
|
|
512
|
-
}),
|
|
513
|
-
I.value = e, G(H), L.value = e * A.value, G(z, B), Z(500), i.onItemClick?.(i.list[e], e);
|
|
514
|
-
} }), (t, n) => (g(), o("div", {
|
|
519
|
+
}), (t, r) => (g(), o("div", {
|
|
515
520
|
class: f(["lovelymaid", t.$style.TabBar]),
|
|
516
521
|
ref_key: "BarRef",
|
|
517
|
-
ref:
|
|
522
|
+
ref: c
|
|
518
523
|
}, [s("div", { class: f([
|
|
519
524
|
t.$style.bar,
|
|
520
525
|
"lovelymaid-glass-container",
|
|
@@ -522,14 +527,14 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
522
527
|
]) }, [s("ul", {
|
|
523
528
|
class: f(t.$style.container),
|
|
524
529
|
ref_key: "containerRef",
|
|
525
|
-
ref:
|
|
526
|
-
onPointerdown:
|
|
530
|
+
ref: O,
|
|
531
|
+
onPointerdown: de
|
|
527
532
|
}, [
|
|
528
533
|
E(s("li", { class: f([t.$style.tab, t.$style.small]) }, [y(t.$slots, "default", {
|
|
529
|
-
item:
|
|
534
|
+
item: n.list[I.value],
|
|
530
535
|
index: I.value
|
|
531
536
|
}, void 0, !0)], 2), [[C, Q.value]]),
|
|
532
|
-
(g(!0), o(e, null, v(
|
|
537
|
+
(g(!0), o(e, null, v(n.list, (e, n) => (g(), o("li", {
|
|
533
538
|
class: f(t.$style.tab),
|
|
534
539
|
key: n
|
|
535
540
|
}, [y(t.$slots, "default", {
|
|
@@ -539,30 +544,30 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
539
544
|
E(s("div", {
|
|
540
545
|
class: f(t.$style.slide),
|
|
541
546
|
ref_key: "SlideRef",
|
|
542
|
-
ref:
|
|
547
|
+
ref: D
|
|
543
548
|
}, null, 2), [[C, !Q.value]]),
|
|
544
|
-
E(s("ul", { class: f([t.$style.container, t.$style.top]) }, [(g(!0), o(e, null, v(
|
|
549
|
+
E(s("ul", { class: f([t.$style.container, t.$style.top]) }, [(g(!0), o(e, null, v(n.list, (e, n) => (g(), o("li", {
|
|
545
550
|
class: f([t.$style.tab, t.$style.top]),
|
|
546
551
|
key: n
|
|
547
552
|
}, [y(t.$slots, "default", {
|
|
548
553
|
item: e,
|
|
549
554
|
index: n
|
|
550
555
|
}, void 0, !0), e.name ? (g(), o("span", ae, b(e.name), 1)) : a("", !0)], 2))), 128))], 2), [[C, !Q.value]])
|
|
551
|
-
], 34)], 2),
|
|
556
|
+
], 34)], 2), n.showSearch ? (g(), o("div", {
|
|
552
557
|
key: 0,
|
|
553
558
|
class: f([t.$style.search, { [t.$style.active]: Q.value }])
|
|
554
559
|
}, [E(l(P, {
|
|
555
560
|
type: "glass",
|
|
556
561
|
class: f(t.$style.Button),
|
|
557
|
-
onClick:
|
|
562
|
+
onClick: me
|
|
558
563
|
}, {
|
|
559
|
-
default: T(() => [...
|
|
564
|
+
default: T(() => [...r[0] ||= [s("span", { class: "lovelymai lovely-search button" }, null, -1)]]),
|
|
560
565
|
_: 1
|
|
561
|
-
}, 8, ["class"]), [[C, !$.value]]), E(l(
|
|
566
|
+
}, 8, ["class"]), [[C, !$.value]]), E(l(ne, {
|
|
562
567
|
class: f(t.$style.Search),
|
|
563
568
|
enterkeyhint: "search"
|
|
564
569
|
}, {
|
|
565
|
-
default: T(() => [...
|
|
570
|
+
default: T(() => [...r[1] ||= [s("span", { class: "lovelymai lovely-search input" }, null, -1)]]),
|
|
566
571
|
_: 1
|
|
567
572
|
}, 8, ["class"]), [[C, $.value]])], 2)) : a("", !0)], 2));
|
|
568
573
|
}
|
|
@@ -578,7 +583,7 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
578
583
|
Button: "_Button_3h4l1_90",
|
|
579
584
|
Search: "_Search_3h4l1_95",
|
|
580
585
|
slide: "_slide_3h4l1_100"
|
|
581
|
-
} }], ["__scopeId", "data-v-
|
|
586
|
+
} }], ["__scopeId", "data-v-37cd0caf"]]), K = [
|
|
582
587
|
"rows",
|
|
583
588
|
"value",
|
|
584
589
|
"enterkeyhint",
|
|
@@ -587,28 +592,32 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
587
592
|
__name: "TextArea",
|
|
588
593
|
props: {
|
|
589
594
|
minrow: { default: 1 },
|
|
595
|
+
value: { default: "" },
|
|
590
596
|
placeholder: { default: "输入..." },
|
|
591
597
|
enterkeyhint: {},
|
|
592
598
|
onChange: {},
|
|
593
599
|
onEnter: {}
|
|
594
600
|
},
|
|
595
601
|
setup(e, { expose: t }) {
|
|
596
|
-
let n = e, r = _(null), i = _(
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
i.value = e.target.value, n.onChange?.(i.value), a();
|
|
602
|
-
};
|
|
603
|
-
m(() => {
|
|
604
|
-
a();
|
|
602
|
+
let n = e, r = _(null), i = _(null), a = _(n.value);
|
|
603
|
+
w(() => n.value, (e) => {
|
|
604
|
+
a.value = e;
|
|
605
|
+
}), w(a, async () => {
|
|
606
|
+
await d(), c();
|
|
605
607
|
});
|
|
606
|
-
let
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
608
|
+
let c = () => {
|
|
609
|
+
let e = r.value.clientHeight + 2;
|
|
610
|
+
i.value.style.height = `${e}px`, r.value.style.height = "auto";
|
|
611
|
+
let t = r.value.scrollHeight;
|
|
612
|
+
r.value.style.height = `${t}px`, i.value.style.height = "auto";
|
|
613
|
+
}, l = (e) => {
|
|
614
|
+
a.value = e.target.value, n.onChange?.(a.value);
|
|
615
|
+
}, u = !1, p = () => {
|
|
616
|
+
u = !1;
|
|
617
|
+
}, m = () => {
|
|
618
|
+
u = !0;
|
|
619
|
+
}, h = (e) => {
|
|
620
|
+
u || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), n.onEnter?.(a.value));
|
|
612
621
|
};
|
|
613
622
|
return t({
|
|
614
623
|
focus: () => r.value?.focus(),
|
|
@@ -619,20 +628,21 @@ var ne = ["title"], I = /* @__PURE__ */ A(/* @__PURE__ */ u({
|
|
|
619
628
|
"lovelymaid",
|
|
620
629
|
"lovelymaid-glass-container"
|
|
621
630
|
]),
|
|
622
|
-
|
|
631
|
+
ref_key: "ContainerRef",
|
|
632
|
+
ref: i
|
|
623
633
|
}, [s("textarea", {
|
|
624
634
|
rows: n.minrow,
|
|
625
635
|
ref_key: "TextAreaRef",
|
|
626
636
|
ref: r,
|
|
627
|
-
value:
|
|
628
|
-
onInput:
|
|
629
|
-
onKeydown:
|
|
637
|
+
value: a.value,
|
|
638
|
+
onInput: l,
|
|
639
|
+
onKeydown: h,
|
|
630
640
|
enterkeyhint: n.enterkeyhint,
|
|
631
|
-
onCompositionstart:
|
|
632
|
-
onCompositionend:
|
|
641
|
+
onCompositionstart: m,
|
|
642
|
+
onCompositionend: p,
|
|
633
643
|
placeholder: n.placeholder
|
|
634
644
|
}, null, 40, K)], 2));
|
|
635
645
|
}
|
|
636
|
-
}), [["__cssModules", { $style: { container: "_container_1wh82_2" } }], ["__scopeId", "data-v-
|
|
646
|
+
}), [["__cssModules", { $style: { container: "_container_1wh82_2" } }], ["__scopeId", "data-v-6b991b20"]]);
|
|
637
647
|
//#endregion
|
|
638
|
-
export { j as ActionButton, P as Button,
|
|
648
|
+
export { j as ActionButton, P as Button, L as ContentBar, R as Drawer, H as FoldList, ne as Input, W as SideBar, G as TabBar, q as TextArea };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lovelymaid",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.5",
|
|
4
4
|
"description": "A library of components based on vue3 that mimics the style of iOS 26",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -16,9 +16,8 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"scripts": {
|
|
19
|
-
"
|
|
20
|
-
"build": "vite build &&
|
|
21
|
-
"build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist"
|
|
19
|
+
"start": "vite",
|
|
20
|
+
"build": "vite build && vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist"
|
|
22
21
|
},
|
|
23
22
|
"peerDependencies": {
|
|
24
23
|
"vue": "^3.0.0"
|