lovelymaid 1.1.15 → 1.2.0

package/dist/components/ContentBar.vue.d.ts

@@ -2,7 +2,7 @@ interface Props {
     /** 是否显示 */
     visible?: boolean;
     /** 是否展开 */
-    isOpen?: boolean;
+    open?: boolean;
     /** 标题 */
     title?: string;
     /** 关闭按钮点击事件 */
@@ -15,7 +15,6 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     visible: boolean;
     title: string;
-    isOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/TabBar.vue.d.ts

@@ -3,18 +3,24 @@ interface Props {
     list: string[];
     /** 列表项点击事件 */
     onItemClick?: (item: string, index: number) => void;
+    /** 是否启用搜索按钮 */
+    showSearch?: boolean;
 }
 declare var __VLS_1: {
-    item: string;
     index: number;
 }, __VLS_3: {
     item: string;
     index: number;
+}, __VLS_5: {
+    item: string;
+    index: number;
 };
 type __VLS_Slots = {} & {
     bottom?: (props: typeof __VLS_1) => any;
 } & {
-    top?: (props: typeof __VLS_3) => any;
+    bottom?: (props: typeof __VLS_3) => any;
+} & {
+    top?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/lovelymaid.css

@@ -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-fd35f08f]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid #fff;border-radius:50%;background-color:#f8f8f8;box-shadow:0 0 20px #0000001a;cursor:pointer}.Button[data-v-fd35f08f]:hover{background-color:#eee}.icon-close[data-v-fd35f08f]{font-size:20px;color:#19191a}.ContentBar[data-v-f15e1a49]{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(--v57b10bbb);transform:translate(var(--v57d2d730));overflow:auto;--header-z-index: 3}.header[data-v-f15e1a49]{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-f15e1a49]{flex:1;height:30px;margin-top:5px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button[data-v-f15e1a49]{margin-top:5px}.pop-enter-from[data-v-f15e1a49],.pop-leave-to[data-v-f15e1a49]{transform:translate(var(--v57d2d730)) 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-e4254d44]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-e4254d44]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-e4254d44]{left:14px}.icon-clear[data-v-e4254d44]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-e4254d44]{background-color:#eee;width:100%;height:100%;border-radius:20px;padding:0 35px;font-size:inherit;font-weight:inherit;color:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-e4254d44]::placeholder{font-weight:500;color:#767676}.input[data-v-e4254d44]:focus{outline:3px solid #94bbf0}.SideBar[data-v-0e3834a3]{padding-top:40px;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}.switchButton[data-v-0e3834a3]{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-0e3834a3]{border:1px solid #fff;box-shadow:0 0 10px 2px #0000001a}.switchButton[data-v-0e3834a3]:hover{background-color:#eee}.icon-sidebar_left[data-v-0e3834a3]{font-size:20px;color:#19191a}.pop-enter-from[data-v-0e3834a3],.pop-leave-to[data-v-0e3834a3]{transform:translate(var(--translateX)) scale(0);opacity:0}.TabBar[data-v-0eefac4d]{position:relative;z-index:1;height:50px;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(--v6d8205bc) + 3) * 1px);box-shadow:0 0 10px #0000001a;font-size:8px;--top-color: #0067EC}.container[data-v-0eefac4d]{position:relative;display:flex;width:100%;height:100%}.container.top[data-v-0eefac4d]{position:absolute;left:0;top:0;clip-path:inset(var(--c6b729a4) calc(100% - calc(var(--v16b928a2) * 1px)) var(--c6b729a4) calc(var(--v49f1f814) * 1px) round 22px);transform:translateZ(0);backface-visibility:hidden}.tab[data-v-0eefac4d]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.tab.top[data-v-0eefac4d]{position:relative;z-index:1;color:var(--top-color)}.slide[data-v-0eefac4d]{position:absolute;left:0;top:0;z-index:0;width:calc(100% / var(--dd335afc));height:100%;background:var(--ee858f92);border:var(--v03afbc8a);border-radius:calc(var(--v6d8205bc) * 1px);transform:translate(calc(var(--a2a25190) * 1px)) scale(var(--v0e7385a8));transition:var(--v21a756b3)}*{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:""}
+.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,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8aktoAAABjAAAAGBjbWFwUITyKAAAAgwAAAH0Z2x5Zsg8LJIAAAQUAAADmGhlYWQuePjcAAAA4AAAADZoaGVhB94DiQAAALwAAAAkaG10eCAAAAAAAAHsAAAAIGxvY2EElgOIAAAEAAAAABJtYXhwARgAVgAAARgAAAAgbmFtZRCjPLAAAAesAAACZ3Bvc3S0owUMAAAKFAAAAGoAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAgAAQAAAAEAADBAh6JfDzz1AAsEAAAAAADlrNqaAAAAAOWs2poAAP8rBAADgAAAAAgAAgAAAAAAAAABAAAACABKAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYA6JgDgP+AAAAD3ADVAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABkAABAAAAAACKAAMAAQAAACwAAwAKAAABkAAEAF4AAAAQABAAAwAA5gDmKeYt5jDm3ub46Jj//wAA5gDmKeYt5jDm3ub46Jj//wAAAAAAAAAAAAAAAAAAAAEAEAAQABAAEAAQABAAEAAAAAUABAAHAAYAAgABAAMAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAGQAAAAAAAAABwAA5gAAAOYAAAAABQAA5ikAAOYpAAAABAAA5i0AAOYtAAAABwAA5jAAAOYwAAAABgAA5t4AAObeAAAAAgAA5vgAAOb4AAAAAQAA6JgAAOiYAAAAAwAAAAAARACwARIBOgF0AZ4BzAAAAAIAAP8rA/UDFQAaACsAAAEyHgIVFAYHARYUBiInAQ4BIyIuAjQ+AhciDgIUHgIyPgI0LgIBpVOYbUIvKwECDhonDf7+NoNHU5huQUFumFNBdlUzM1V2gnZVMzNVdgMVQW6YU0eDNv7+DScaDgECKy9CbZimmG5BWzNVdoJ2VTMzVXaCdlUzAAAEAAAAAANMAtEAFAApADkASQAAJTI3Njc2NCcmJyYiBwYHBhQXFhcWFyInJicmNDc2NzYyFxYXFhQHBgcGAzMyFh0BFAYrASImPQE0NjczMhYdARQGKwEiJj0BNDYB/k5CQSYnJyZBQpxCQSYnJyZBQk5bTkssLi4sS062TUwsLi4sTE1eEAcJCQcQBgoKBhAHCQkHEAYKCmQnJkFCnEJBJicnJkFCnEJBJicwLixMTbZOSywuLixLTrZNTCwuAZEKBsoGCgoGygYKZAkHGAYKCgYYBwkAAAAGAAD/9QP6AwsADAAWACAALAA4AEQAABchMjURNCMhBhURFDM3IiY1ETQ2OwERATIWFREUBiMhEQcyNjQmKwEiBhQWMxcyNjQmKwEiBhQWMxcyNjQmKwEiBhQWM40C5oeH/RqHhwEgIiIgvwIlICIiIP4elQkPDwlcCg4OClwJDw4KXAoODgpcCg4PCVwKDg4KCoQCDIUBhP30hUUjIQIEISL9dQKMIyH9/CEiAougDxMODhMPbw8TDw4UD24OEw8PEw4AAQAAAAACmALGABMAAAkBJiIOARcBFhQHAQYUFjI3ATY0Aon+2gkXEQEIARgFBf7oCBEXCQEmDwGhARwIDxcI/vIFDgX+8wgWEAgBHA8pAAACAAD/gAQAA4AAFAAgAAAFIicmJyYQNzY3NiAXFhcWEAcGBwYTJwcnBxcHFzcXNycB/4p3dERGRkR0dwEWd3RERkZEdHc/NJqcM5qaM5yaNJuARkR0dwEWd3RERkZEdHf+6nd0REYCoDOamjOcmjSbmzSaAAIAAAAAA7MCiAAUABUAAAEmIgcJASYiBhQXARYzMjY3ATY0JzEDqwcWB/4i/s8HFg8IAUMHCwUJBAHwCAgCgAcH/dkBMQgPFQj+vQcDBAI4CBUIAAEAAAAAAz8CtgAbAAABNzY0JiIPAScmIgYUHwEHBhQWMj8BFxYyNjQnAjj9CRIaCv39CRoTCv39ChMaCf3+CRoSCQGC/QoaEgn9/QkSGgr9/QkaEwr9/QoTGgkAAAASAN4AAQAAAAAAAAATAAAAAQAAAAAAAQAIABMAAQAAAAAAAgAHABsAAQAAAAAAAwAIACIAAQAAAAAABAAIACoAAQAAAAAABQALADIAAQAAAAAABgAIAD0AAQAAAAAACgArAEUAAQAAAAAACwATAHAAAwABBAkAAAAmAIMAAwABBAkAAQAQAKkAAwABBAkAAgAOALkAAwABBAkAAwAQAMcAAwABBAkABAAQANcAAwABBAkABQAWAOcAAwABBAkABgAQAP0AAwABBAkACgBWAQ0AAwABBAkACwAmAWNDcmVhdGVkIGJ5IGljb25mb250aWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAECAQMBBAEFAQYBBwEIAQkABnNlYXJjaARpbmZvDHNpZGViYXJfbGVmdAtyaWdodC1hcnJvdwVjbGVhcgNnb3UFY2xvc2UAAAAA) 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

@@ -1,147 +1,152 @@
-import { defineComponent as T, ref as r, openBlock as p, createElementBlock as h, withModifiers as x, normalizeStyle as L, Fragment as W, renderList as D, renderSlot as w, createElementVNode as _, toDisplayString as E, createCommentVNode as A, normalizeClass as R, useCssVars as ee, computed as Y, onMounted as M, onUnmounted as U, createBlock as te, Transition as ne, withCtx as oe, createVNode as se, createTextVNode as X, watch as K, nextTick as ae, withDirectives as ie, withKeys as re, vModelText as ce } from "vue";
-const ue = ["onClick"], de = { class: "name" }, ve = /* @__PURE__ */ T({
+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";
+const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
   __name: "ActionButton",
   props: {
     list: {},
     onItemClick: { type: Function }
   },
-  setup(u) {
-    const t = u, e = r(!1), n = r(0), a = r(0), v = (i) => {
+  setup(d) {
+    const l = d, e = t(!1), v = t(0), s = t(0), u = (r) => {
       if (e.value) return;
-      e.value = !0, n.value = i.offsetX + i.target.offsetWidth / 2, a.value = i.offsetY + i.target.offsetHeight / 2;
-      const o = () => {
-        e.value = !1, i.target.removeEventListener("click", o), document.removeEventListener("click", o);
+      e.value = !0, v.value = r.offsetX + r.target.offsetWidth / 2, s.value = r.offsetY + r.target.offsetHeight / 2;
+      const i = () => {
+        e.value = !1, r.target.removeEventListener("click", i), document.removeEventListener("click", i);
       };
-      i.target.addEventListener("click", o), document.addEventListener("click", o);
+      r.target.addEventListener("click", i), document.addEventListener("click", i);
     };
-    return (i, o) => (p(), h("span", {
+    return (r, i) => (f(), _("span", {
       class: "iconfont icon-info ActionButton",
-      onClick: x(v, ["stop"]),
+      onClick: W(u, ["stop"]),
       style: { "user-select": "none" }
     }, [
-      e.value ? (p(), h("ul", {
+      e.value ? (f(), _("ul", {
         key: 0,
-        style: L({ left: `${n.value}px`, top: `${a.value}px` })
+        style: H({ left: `${v.value}px`, top: `${s.value}px` })
       }, [
-        (p(!0), h(W, null, D(t.list, (l, s) => (p(), h("li", {
-          key: s,
-          onClick: (d) => t.onItemClick?.(s)
+        (f(!0), _(K, null, U(l.list, (c, o) => (f(), _("li", {
+          key: o,
+          onClick: (n) => l.onItemClick?.(o)
         }, [
-          w(i.$slots, "default", {
-            item: l,
-            index: s
+          $(r.$slots, "default", {
+            item: c,
+            index: o
           }, void 0, !0),
-          _("span", de, E(l), 1)
-        ], 8, ue))), 128))
-      ], 4)) : A("", !0)
+          p("span", we, V(c), 1)
+        ], 8, be))), 128))
+      ], 4)) : P("", !0)
     ]));
   }
-}), B = (u, t) => {
-  const e = u.__vccOpts || u;
-  for (const [n, a] of t)
-    e[n] = a;
+}), R = (d, l) => {
+  const e = d.__vccOpts || d;
+  for (const [v, s] of l)
+    e[v] = s;
   return e;
-}, De = /* @__PURE__ */ B(ve, [["__scopeId", "data-v-25c29812"]]), fe = ["title"], pe = /* @__PURE__ */ T({
+}, je = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-25c29812"]]), $e = ["title"], Se = /* @__PURE__ */ I({
   __name: "Button",
   props: {
     type: {},
     onClick: { type: Function },
     title: {}
   },
-  setup(u) {
-    const t = u;
-    return (e, n) => (p(), h("div", {
+  setup(d) {
+    G((s) => ({
+      v0173abfc: v.value
+    }));
+    const l = d, e = t(null), v = t(0);
+    return D(() => setTimeout(() => v.value = e.value.offsetWidth * 1 / 2, 0)), (s, u) => (f(), _("div", {
       class: "Button",
-      onClick: n[0] || (n[0] = //@ts-ignore
-      (...a) => t.onClick && t.onClick(...a)),
-      title: t.title ? t.title : ""
+      onClick: u[0] || (u[0] = //@ts-ignore
+      (...r) => l.onClick && l.onClick(...r)),
+      title: l.title ? l.title : "",
+      ref_key: "buttonRef",
+      ref: e
     }, [
-      _("span", {
-        class: R(["iconfont", `icon-${t.type}`])
+      p("span", {
+        class: B(["iconfont", `icon-${l.type}`])
       }, null, 2)
-    ], 8, fe));
+    ], 8, $e));
   }
-}), me = /* @__PURE__ */ B(pe, [["__scopeId", "data-v-fd35f08f"]]), _e = { class: "header" }, he = ["title"], ke = /* @__PURE__ */ T({
+}), he = /* @__PURE__ */ R(Se, [["__scopeId", "data-v-a7928e99"]]), Be = { class: "header" }, Ie = ["title"], Re = /* @__PURE__ */ I({
   __name: "ContentBar",
   props: {
     visible: { type: Boolean, default: !0 },
-    isOpen: { type: Boolean, default: !0 },
+    open: { type: Boolean },
     title: { default: "标题" },
     onCloseClick: {}
   },
-  setup(u) {
-    ee((s) => ({
-      v57b10bbb: a.value,
-      v57d2d730: i.value
+  setup(d) {
+    G((o) => ({
+      v6fa15d2c: s.value,
+      v6f5dc642: r.value
     }));
-    const t = u, e = r(null), n = r(0), a = r("none"), v = () => {
-      const s = e.value;
-      if (!s) return;
-      let d = 0, c = s;
-      for (; c; )
-        d += c.offsetLeft, c = c.offsetParent;
-      const f = s.offsetWidth;
-      n.value = d + f + 10, setTimeout(() => a.value = "transform .5s, opacity .5s", 100);
-    }, i = Y(() => `${t.isOpen ? 0 : -n.value}px`);
-    let o;
-    const l = () => {
-      clearTimeout(o), o = setTimeout(() => v(), 100);
+    const l = d, e = t(null), v = t(0), s = t("none"), u = () => {
+      const o = e.value;
+      if (!o) return;
+      let n = 0, a = o;
+      for (; a; )
+        n += a.offsetLeft, a = a.offsetParent;
+      const h = o.offsetWidth;
+      v.value = n + h + 10, setTimeout(() => s.value = "transform .5s, opacity .5s", 100);
+    }, r = de(() => `${l.open ? 0 : -v.value}px`);
+    let i;
+    const c = () => {
+      clearTimeout(i), i = setTimeout(() => u(), 100);
     };
-    return M(() => {
-      v(), window.addEventListener("resize", l);
-    }), U(() => {
-      window.removeEventListener("resize", l);
-    }), (s, d) => (p(), te(ne, { name: "pop" }, {
-      default: oe(() => [
-        t.visible ? (p(), h("div", {
+    return D(() => {
+      u(), window.addEventListener("resize", c);
+    }), ae(() => {
+      window.removeEventListener("resize", c);
+    }), (o, n) => (f(), se(fe, { name: "pop" }, {
+      default: pe(() => [
+        l.visible ? (f(), _("div", {
           key: 0,
           class: "ContentBar",
           ref_key: "containerRef",
           ref: e,
           style: { userSelect: "none" }
         }, [
-          _("div", _e, [
-            _("div", {
+          p("div", Be, [
+            p("div", {
               class: "title",
-              title: t.title
-            }, E(t.title), 9, he),
-            se(me, {
+              title: l.title
+            }, V(l.title), 9, Ie),
+            me(he, {
               type: "close",
-              onClick: t.onCloseClick,
+              onClick: l.onCloseClick,
               title: "收起内容栏"
             }, null, 8, ["onClick"])
           ]),
-          w(s.$slots, "default", {}, () => [
-            d[0] || (d[0] = X("这是内容", -1))
+          $(o.$slots, "default", {}, () => [
+            n[0] || (n[0] = j("这是内容", -1))
           ], !0)
-        ], 512)) : A("", !0)
+        ], 512)) : P("", !0)
       ]),
       _: 3
     }));
   }
-}), Xe = /* @__PURE__ */ B(ke, [["__scopeId", "data-v-f15e1a49"]]), ge = (u, t) => {
-  const e = new Array(u.length), n = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map();
-  for (let o = 0; o < t.length; o++) {
-    const l = t[o].id;
-    n.add(l), a.set(l, o);
+}), qe = /* @__PURE__ */ R(Re, [["__scopeId", "data-v-6581f81f"]]), xe = (d, l) => {
+  const e = new Array(d.length), v = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
+  for (let i = 0; i < l.length; i++) {
+    const c = l[i].id;
+    v.add(c), s.set(c, i);
   }
-  const v = new Array(t.length).fill(!1);
-  let i = 0;
-  for (let o = 0; o < u.length; o++) {
-    const l = u[o].id;
-    if (!n.has(l))
-      i++, e[o] = -i;
+  const u = new Array(l.length).fill(!1);
+  let r = 0;
+  for (let i = 0; i < d.length; i++) {
+    const c = d[i].id;
+    if (!v.has(c))
+      r++, e[i] = -r;
     else {
-      const s = a.get(l);
-      v[s] = !0;
-      let d = 0;
-      for (let c = 0; c < s; c++)
-        v[c] || d++;
-      e[o] = d - i;
+      const o = s.get(c);
+      u[o] = !0;
+      let n = 0;
+      for (let a = 0; a < o; a++)
+        u[a] || n++;
+      e[i] = n - r;
     }
   }
   return e;
-}, Ce = { style: { "user-select": "none" } }, ye = { class: "title" }, be = ["title"], $e = ["onClick"], we = /* @__PURE__ */ T({
+}, Le = { style: { "user-select": "none" } }, Ee = { class: "title" }, Me = ["title"], We = ["onClick"], He = /* @__PURE__ */ I({
   __name: "FoldList",
   props: {
     list: { default: () => [] },
@@ -149,247 +154,305 @@ const ue = ["onClick"], de = { class: "name" }, ve = /* @__PURE__ */ T({
     onHeaderClick: {},
     onItemClick: {}
   },
-  setup(u) {
-    const t = u, e = r(!0), n = r(0), a = r(null), v = r(!1), i = async () => {
-      await ae(), a.value && (n.value = a.value.offsetHeight);
-    }, o = async () => {
-      v.value = !1, await i(), setTimeout(() => v.value = !0, 100);
+  setup(d) {
+    const l = d, e = t(!0), v = t(0), s = t(null), u = t(!1), r = async () => {
+      await ge(), s.value && (v.value = s.value.offsetHeight);
+    }, i = async () => {
+      u.value = !1, await r(), setTimeout(() => u.value = !0, 100);
     };
-    M(() => {
-      o();
-    }), K(() => t.list.length, i);
-    const l = r([]), s = r(!1), d = r([...t.list]);
-    return K(() => t.list, (c) => {
-      l.value = ge(c, d.value), s.value = !0, d.value = [...c];
-    }, { deep: !0 }), (c, f) => (p(), h("div", Ce, [
-      _("div", {
+    D(() => {
+      i();
+    }), q(() => l.list.length, r);
+    const c = t([]), o = t(!1), n = t([...l.list]);
+    return q(() => l.list, (a) => {
+      c.value = xe(a, n.value), o.value = !0, n.value = [...a];
+    }, { deep: !0 }), (a, h) => (f(), _("div", Le, [
+      p("div", {
         class: "header",
-        onClick: f[1] || (f[1] = x(
+        onClick: h[1] || (h[1] = W(
           //@ts-ignore
-          (...m) => u.onHeaderClick && u.onHeaderClick(...m),
+          (...g) => d.onHeaderClick && d.onHeaderClick(...g),
           ["stop"]
         ))
       }, [
-        _("div", ye, [
-          w(c.$slots, "title", {}, () => [
-            f[3] || (f[3] = X("标题", -1))
+        p("div", Ee, [
+          $(a.$slots, "title", {}, () => [
+            h[3] || (h[3] = j("标题", -1))
           ], !0)
         ]),
-        _("span", {
+        p("span", {
           class: "iconfont icon-right-arrow",
-          style: L({ transform: e.value ? "rotate(90deg)" : "rotate(0deg)" }),
+          style: H({ transform: e.value ? "rotate(90deg)" : "rotate(0deg)" }),
           title: e.value ? "收起列表" : "展开列表",
-          onClick: f[0] || (f[0] = x((m) => e.value = !e.value, ["stop"]))
-        }, null, 12, be)
+          onClick: h[0] || (h[0] = W((g) => e.value = !e.value, ["stop"]))
+        }, null, 12, Me)
       ]),
-      _("div", {
-        class: R(["body-container", { "enable-transition": v.value }]),
-        style: L({ height: e.value ? `calc(0px + ${n.value}px)` : "0px" })
+      p("div", {
+        class: B(["body-container", { "enable-transition": u.value }]),
+        style: H({ height: e.value ? `calc(0px + ${v.value}px)` : "0px" })
       }, [
-        _("ul", {
+        p("ul", {
           ref_key: "bodyRef",
-          ref: a,
-          class: R(["body", { close: !e.value }])
+          ref: s,
+          class: B(["body", { close: !e.value }])
         }, [
-          (p(!0), h(W, null, D(t.list, (m, y) => (p(), h("li", {
-            key: y,
-            onClick: x(() => u.onItemClick?.(m, y), ["stop"]),
-            style: L({ "--translateY": `${l.value[y] * 100}%` }),
-            onAnimationend: f[2] || (f[2] = () => s.value = !1),
-            class: R({ active: y === t.activeIndex, slideAnimation: s.value })
+          (f(!0), _(K, null, U(l.list, (g, w) => (f(), _("li", {
+            key: w,
+            onClick: W(() => d.onItemClick?.(g, w), ["stop"]),
+            style: H({ "--translateY": `${c.value[w] * 100}%` }),
+            onAnimationend: h[2] || (h[2] = () => o.value = !1),
+            class: B({ active: w === l.activeIndex, slideAnimation: o.value })
           }, [
-            w(c.$slots, "default", {
-              item: m,
-              index: y
+            $(a.$slots, "default", {
+              item: g,
+              index: w
             }, () => [
-              X(E(m.name), 1)
+              j(V(g.name), 1)
             ], !0)
-          ], 46, $e))), 128))
+          ], 46, We))), 128))
         ], 2)
       ], 6)
     ]));
   }
-}), Ae = /* @__PURE__ */ B(we, [["__scopeId", "data-v-be25412b"]]), Te = { class: "Search" }, Be = ["placeholder"], Se = /* @__PURE__ */ T({
+}), Ge = /* @__PURE__ */ R(He, [["__scopeId", "data-v-be25412b"]]), Pe = ["placeholder"], De = /* @__PURE__ */ I({
   __name: "Search",
   props: {
     placeholder: { default: "搜索..." },
     onSearch: {}
   },
-  setup(u) {
-    const t = u, e = r("");
-    let n = !1;
-    const a = async () => {
-      await new Promise((o) => setTimeout(o, 100)), n = !1;
-    }, v = () => {
-      n = !0;
-    }, i = async (o) => {
-      n || t.onSearch?.(o);
+  setup(d) {
+    G((o) => ({
+      v1a8d67a9: v.value
+    }));
+    const l = d, e = t(null), v = t(0);
+    D(() => v.value = e.value.offsetHeight);
+    const s = t("");
+    let u = !1;
+    const r = async () => {
+      await new Promise((o) => setTimeout(o, 100)), u = !1;
+    }, i = () => {
+      u = !0;
+    }, c = async (o) => {
+      u || l.onSearch?.(o);
     };
-    return (o, l) => (p(), h("div", Te, [
-      l[3] || (l[3] = _("span", { class: "iconfont icon-search" }, null, -1)),
-      ie(_("input", {
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
+    return (o, n) => (f(), _("div", {
+      class: "Search",
+      ref_key: "searchRef",
+      ref: e
+    }, [
+      n[3] || (n[3] = p("span", { class: "iconfont icon-search" }, null, -1)),
+      Y(p("input", {
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => s.value = a),
         class: "input",
-        onKeyup: l[1] || (l[1] = re(x((s) => i(e.value.trim()), ["prevent"]), ["enter"])),
-        onCompositionend: a,
-        onCompositionstart: v,
+        onKeyup: n[1] || (n[1] = ye(W((a) => c(s.value.trim()), ["prevent"]), ["enter"])),
+        onCompositionend: r,
+        onCompositionstart: i,
         type: "text",
-        placeholder: t.placeholder
-      }, null, 40, Be), [
-        [ce, e.value]
+        placeholder: l.placeholder
+      }, null, 40, Pe), [
+        [Ce, s.value]
       ]),
-      e.value ? (p(), h("span", {
+      s.value ? (f(), _("span", {
         key: 0,
         class: "iconfont icon-clear",
-        onClick: l[2] || (l[2] = x((s) => e.value = "", ["stop"]))
-      })) : A("", !0)
-    ]));
+        onClick: n[2] || (n[2] = W((a) => s.value = "", ["stop"]))
+      })) : P("", !0)
+    ], 512));
   }
-}), He = /* @__PURE__ */ B(Se, [["__scopeId", "data-v-e4254d44"]]), Ie = ["title"], xe = /* @__PURE__ */ T({
+}), Xe = /* @__PURE__ */ R(De, [["__scopeId", "data-v-0354f190"]]), Ae = { class: "header" }, ze = ["title"], Ve = /* @__PURE__ */ I({
   __name: "SideBar",
   props: {
     visible: { type: Boolean, default: !0 },
     onSwitch: {}
   },
-  setup(u) {
-    const t = u, e = r(!0), n = () => {
-      e.value = !e.value, t.onSwitch?.(e.value);
-    }, a = r(null), v = r(0), i = r(0), o = () => {
-      const d = a.value;
-      if (!d) return;
-      let c = 0, f = d;
-      for (; f; )
-        c += f.offsetLeft, f = f.offsetParent;
-      v.value = d.offsetWidth, i.value = c + v.value + 10;
+  setup(d) {
+    const l = d, e = t(!0), v = () => {
+      e.value = !e.value, l.onSwitch?.(e.value);
+    }, s = t(null), u = t(0), r = t(0), i = () => {
+      const n = s.value;
+      if (!n) return;
+      let a = 0, h = n;
+      for (; h; )
+        a += h.offsetLeft, h = h.offsetParent;
+      u.value = n.offsetWidth, r.value = a + u.value + 10;
     };
-    let l;
-    const s = () => {
-      clearTimeout(l), l = setTimeout(() => o(), 100);
+    let c;
+    const o = () => {
+      clearTimeout(c), c = setTimeout(() => i(), 100);
     };
-    return M(() => {
-      o(), window.addEventListener("resize", s);
-    }), U(() => {
-      window.removeEventListener("resize", s);
-    }), (d, c) => (p(), te(ne, { name: "pop" }, {
-      default: oe(() => [
-        u.visible ? (p(), h("div", {
+    return D(() => {
+      i(), window.addEventListener("resize", o);
+    }), ae(() => {
+      window.removeEventListener("resize", o);
+    }), (n, a) => (f(), se(fe, { name: "pop" }, {
+      default: pe(() => [
+        d.visible ? (f(), _("div", {
           key: 0,
           class: "SideBar",
           ref_key: "containerRef",
-          ref: a,
-          style: L({ "--translateX": `${e.value ? 0 : -i.value}px`, userSelect: "none" })
+          ref: s,
+          style: H({ "--translateX": `${e.value ? 0 : -r.value}px`, userSelect: "none" })
         }, [
-          _("div", {
-            class: R(["switchButton", { close: !e.value }]),
-            onClick: n,
-            style: L({ transform: e.value ? "translateX(0)" : `translateX(${i.value - v.value + 45}px)` }),
-            title: e.value ? "收起侧边栏" : "展开侧边栏"
-          }, [...c[0] || (c[0] = [
-            _("span", { class: "iconfont icon-sidebar_left" }, null, -1)
-          ])], 14, Ie),
-          w(d.$slots, "default", {}, () => [
-            c[1] || (c[1] = X("这是内容", -1))
+          p("div", Ae, [
+            p("div", {
+              class: B(["switchButton", { close: !e.value }]),
+              onClick: v,
+              style: H({ transform: e.value ? "translateX(0)" : `translateX(${r.value - u.value + 45}px)` }),
+              title: e.value ? "收起侧边栏" : "展开侧边栏"
+            }, [...a[0] || (a[0] = [
+              p("span", { class: "iconfont icon-sidebar_left" }, null, -1)
+            ])], 14, ze)
+          ]),
+          $(n.$slots, "default", {}, () => [
+            a[1] || (a[1] = j("这是内容", -1))
           ], !0)
-        ], 4)) : A("", !0)
+        ], 4)) : P("", !0)
       ]),
       _: 3
     }));
   }
-}), Oe = /* @__PURE__ */ B(xe, [["__scopeId", "data-v-0e3834a3"]]), Le = { class: "TabBar" }, Re = { class: "tab" }, Ee = { class: "container top" }, Me = { class: "tab top" }, Pe = /* @__PURE__ */ T({
+}), Je = /* @__PURE__ */ R(Ve, [["__scopeId", "data-v-68817b08"]]), Fe = { class: "tab button" }, Oe = { class: "tab" }, Ne = { class: "container top" }, Ye = { class: "tab top" }, Ke = /* @__PURE__ */ I({
   __name: "TabBar",
   props: {
     list: {},
-    onItemClick: { type: Function }
+    onItemClick: { type: Function },
+    showSearch: { type: Boolean }
   },
-  setup(u) {
-    ee((k) => ({
-      v6d8205bc: v.value,
-      c6b729a4: V.value,
-      v16b928a2: z.value,
-      v49f1f814: j.value,
-      dd335afc: e.value,
-      ee858f92: y.value,
-      v03afbc8a: H.value,
-      a2a25190: b.value,
-      v0e7385a8: O.value,
-      v21a756b3: S.value
+  setup(d) {
+    G((m) => ({
+      v0c2a6686: u.value,
+      v63eea61c: i.value,
+      v67150998: w.value,
+      e4c69ef2: s.value,
+      v2583fd6a: r.value,
+      v4c48a864: te.value,
+      v552a12e5: g.value,
+      v0afe921e: h.value,
+      v323acca9: n.value,
+      v5e79bd41: Q.value,
+      v5b398440: Z.value,
+      v485e0642: b.value,
+      v3da9a6b6: ee.value,
+      ea0b592e: E.value
     }));
-    const t = u, e = Y(() => t.list.length), n = r(null), a = r(null), v = r(0);
-    M(() => v.value = a.value.offsetHeight / 2);
-    let i, o, l, s, d, c, f;
-    const m = (...k) => {
-      k.forEach(($) => {
-        $ && (clearInterval($), clearTimeout($));
+    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");
+    D(() => {
+      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);
+    });
+    let x, X, F, L, A, J, O;
+    const k = (...m) => {
+      m.forEach((T) => {
+        T && (clearInterval(T), clearTimeout(T));
       });
     };
-    U(() => m(i, o, l, s, d, c, f));
-    const y = r("#eee"), H = r("none"), O = r(1), S = r("transform .5s, background .2s"), V = r("0"), b = r(0), j = r(0), z = r(0);
-    M(() => z.value = n.value.offsetWidth);
-    const P = Y(() => a.value.offsetWidth * (e.value - 1) / e.value), q = (k, $) => {
-      if (!n.value || !a.value) return;
-      const g = k.clientX - a.value.getBoundingClientRect().left - n.value.offsetWidth / 2, Q = new DOMMatrix(window.getComputedStyle(n.value).transform).m41, I = g < 0 ? 0 : g > (e.value - 1) * n.value.offsetWidth ? (e.value - 1) * n.value.offsetWidth : g;
-      $ === "start" ? (S.value = "transform .5s, background .2s", b.value = I) : Math.abs(I - Q) < P.value / 15 ? (S.value = "background .2s", b.value = I) : (S.value = "background .2s", b.value = Q, s = setInterval(() => {
-        const Z = new DOMMatrix(window.getComputedStyle(n.value).transform).m41;
-        Math.abs(I - Z) < P.value / 15 ? (S.value = "none", b.value = I, m(s, d)) : b.value += I - Z > 0 ? P.value / 15 : -P.value / 15;
-      }, 16), d = setTimeout(() => m(s), 500));
-    }, F = (k) => {
-      i = setInterval(() => {
-        j.value = (n.value?.getBoundingClientRect().left || 0) - (a.value?.getBoundingClientRect().left || 0), z.value = (n.value?.getBoundingClientRect().right || 0) - (a.value?.getBoundingClientRect().left || 0);
-      }, 16), k && (o = setTimeout(() => clearInterval(i), k));
+    ae(() => k(x, X, F, L, A, J, O));
+    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) => {
+      if (!c.value || !o.value) return;
+      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;
+      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(() => {
+        const ve = new DOMMatrix(window.getComputedStyle(c.value).transform).m41;
+        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;
+      }, 16), A = setTimeout(() => k(L), 500));
+    }, le = (m) => {
+      x = setInterval(() => {
+        h.value = (c.value?.getBoundingClientRect().left || 0) - (o.value?.getBoundingClientRect().left || 0), g.value = (c.value?.getBoundingClientRect().right || 0) - (o.value?.getBoundingClientRect().left || 0);
+      }, 16), m && (X = setTimeout(() => clearInterval(x), m));
     };
-    let N;
-    const le = (k) => {
-      N = Date.now(), c = setTimeout(() => y.value = `linear-gradient(
+    let ne;
+    const _e = (m) => {
+      ne = Date.now(), J = setTimeout(() => Q.value = `linear-gradient(
     to bottom,
     transparent 10%,
     rgba(248, 248, 248, 0.9) 10% calc(100% - 10%),
     transparent calc(100% - 10%)
-  )`, 100), H.value = "1px solid #fff", O.value = 1.4, V.value = "-50%", m(f), q(k, "start"), m(i, o), F(500), document.addEventListener("pointermove", G), document.addEventListener("pointerup", J);
-    }, G = (k) => {
-      l || (m(s, d), q(k, "move"), m(i, o), F(void 0), l = setTimeout(() => l = void 0, 16));
-    }, J = (k) => {
-      Date.now() - N < 100 && m(c), y.value = "#eee", H.value = "none", S.value = "transform .5s, background .2s", O.value = 1, m(f), f = setTimeout(() => V.value = "0", Math.min(Date.now() - N, 500));
-      const $ = k.clientX - a.value.getBoundingClientRect().left, C = Math.floor($ / n.value.offsetWidth), g = C > e.value - 1 ? e.value - 1 : C < 0 ? 0 : C;
-      m(s, d), b.value = g * n.value.offsetWidth, m(i, o), F(500), t.onItemClick?.(t.list[g], g), document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", J);
+  )`, 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);
+    }, ue = (m) => {
+      if (!F) {
+        if (y.value) return y.value = !1;
+        k(L, A), ie(m, "move"), k(x, X), le(void 0), F = setTimeout(() => F = void 0, 16);
+      }
+    }, re = (m) => {
+      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)
+        y.value = !1;
+      else {
+        const T = m.clientX - o.value.getBoundingClientRect().left, C = Math.floor(T / n.value);
+        z.value = C > e.value - 1 ? e.value - 1 : C < 0 ? 0 : C;
+      }
+      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);
     };
-    return K(() => t.list.length, () => b.value = 0), (k, $) => (p(), h("div", Le, [
-      _("ul", {
-        class: "container",
-        ref_key: "containerRef",
-        ref: a,
-        onPointerdown: le
+    q(() => l.list.length, () => b.value = 0);
+    const y = t(!1), N = t(!1), ke = () => {
+      y.value = !0, b.value = 0;
+    };
+    return q(y, (m) => {
+      m ? setTimeout(() => N.value = !0, 100) : setTimeout(() => N.value = !1, 200);
+    }), (m, T) => (f(), _("div", {
+      class: "TabBar",
+      style: { "user-select": "none" },
+      ref_key: "barRef",
+      ref: v
+    }, [
+      p("div", {
+        class: B(["bar", { active: !y.value }]),
+        ref: "leftRef"
       }, [
-        (p(!0), h(W, null, D(t.list, (C, g) => (p(), h("li", Re, [
-          w(k.$slots, "bottom", {
-            item: C,
-            index: g
-          }, void 0, !0),
-          _("span", null, E(C), 1)
-        ]))), 256)),
-        _("ul", Ee, [
-          _("div", {
-            class: "slide",
-            ref_key: "slideRef",
-            ref: n
-          }, null, 512),
-          (p(!0), h(W, null, D(t.list, (C, g) => (p(), h("li", Me, [
-            w(k.$slots, "top", {
+        p("ul", {
+          class: "container",
+          ref_key: "containerRef",
+          ref: o,
+          onPointerdown: _e
+        }, [
+          Y(p("li", Fe, [
+            $(m.$slots, "bottom", { index: z.value }, void 0, !0)
+          ], 512), [
+            [oe, y.value]
+          ]),
+          (f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Oe, [
+            $(m.$slots, "bottom", {
               item: C,
-              index: g
+              index: S
             }, void 0, !0),
-            _("span", null, E(C), 1)
-          ]))), 256))
-        ])
-      ], 544)
-    ]));
+            p("span", null, V(C), 1)
+          ]))), 256)),
+          Y(p("ul", Ne, [
+            p("div", {
+              class: "slide",
+              ref_key: "slideRef",
+              ref: c
+            }, null, 512),
+            (f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Ye, [
+              $(m.$slots, "top", {
+                item: C,
+                index: S
+              }, void 0, !0),
+              p("span", null, V(C), 1)
+            ]))), 256))
+          ], 512), [
+            [oe, !y.value]
+          ])
+        ], 544)
+      ], 2),
+      l.showSearch ? (f(), _("div", {
+        key: 0,
+        class: B(["search", { active: y.value }])
+      }, [
+        Y(me(he, {
+          type: "search",
+          onClick: ke
+        }, null, 512), [
+          [oe, !N.value]
+        ]),
+        N.value ? (f(), se(Xe, { key: 0 })) : P("", !0)
+      ], 2)) : P("", !0)
+    ], 512));
   }
-}), Ve = /* @__PURE__ */ B(Pe, [["__scopeId", "data-v-0eefac4d"]]);
+}), Qe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-5b628272"]]);
 export {
-  De as ActionButton,
-  me as Button,
-  Xe as ContentBar,
-  Ae as FoldList,
-  He as Search,
-  Oe as SideBar,
-  Ve as TabBar
+  je as ActionButton,
+  he as Button,
+  qe as ContentBar,
+  Ge as FoldList,
+  Xe as Search,
+  Je as SideBar,
+  Qe as TabBar
 };

package/dist/lovelymaid.umd.js

@@ -1,6 +1,6 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.LovelyMaid={},_.Vue))})(this,(function(_,e){"use strict";const W=["onClick"],F={class:"name"},X=e.defineComponent({__name:"ActionButton",props:{list:{},onItemClick:{type:Function}},setup(d){const n=d,t=e.ref(!1),o=e.ref(0),r=e.ref(0),m=i=>{if(t.value)return;t.value=!0,o.value=i.offsetX+i.target.offsetWidth/2,r.value=i.offsetY+i.target.offsetHeight/2;const l=()=>{t.value=!1,i.target.removeEventListener("click",l),document.removeEventListener("click",l)};i.target.addEventListener("click",l),document.addEventListener("click",l)};return(i,l)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info ActionButton",onClick:e.withModifiers(m,["stop"]),style:{"user-select":"none"}},[t.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${o.value}px`,top:`${r.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(a,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,onClick:f=>n.onItemClick?.(s)},[e.renderSlot(i.$slots,"default",{item:a,index:s},void 0,!0),e.createElementVNode("span",F,e.toDisplayString(a),1)],8,W))),128))],4)):e.createCommentVNode("",!0)]))}}),E=(d,n)=>{const t=d.__vccOpts||d;for(const[o,r]of n)t[o]=r;return t},A=E(X,[["__scopeId","data-v-25c29812"]]),O=["title"],L=E(e.defineComponent({__name:"Button",props:{type:{},onClick:{type:Function},title:{}},setup(d){const n=d;return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"Button",onClick:o[0]||(o[0]=(...r)=>n.onClick&&n.onClick(...r)),title:n.title?n.title:""},[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",`icon-${n.type}`])},null,2)],8,O))}}),[["__scopeId","data-v-fd35f08f"]]),H={class:"header"},U=["title"],j=E(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},isOpen:{type:Boolean,default:!0},title:{default:"标题"},onCloseClick:{}},setup(d){e.useCssVars(s=>({v57b10bbb:r.value,v57d2d730:i.value}));const n=d,t=e.ref(null),o=e.ref(0),r=e.ref("none"),m=()=>{const s=t.value;if(!s)return;let f=0,c=s;for(;c;)f+=c.offsetLeft,c=c.offsetParent;const p=s.offsetWidth;o.value=f+p+10,setTimeout(()=>r.value="transform .5s, opacity .5s",100)},i=e.computed(()=>`${n.isOpen?0:-o.value}px`);let l;const a=()=>{clearTimeout(l),l=setTimeout(()=>m(),100)};return e.onMounted(()=>{m(),window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(s,f)=>(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",H,[e.createElementVNode("div",{class:"title",title:n.title},e.toDisplayString(n.title),9,U),e.createVNode(L,{type:"close",onClick:n.onCloseClick,title:"收起内容栏"},null,8,["onClick"])]),e.renderSlot(s.$slots,"default",{},()=>[f[0]||(f[0]=e.createTextVNode("这是内容",-1))],!0)],512)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-f15e1a49"]]),Y=(d,n)=>{const t=new Array(d.length),o=new Set,r=new Map;for(let l=0;l<n.length;l++){const a=n[l].id;o.add(a),r.set(a,l)}const m=new Array(n.length).fill(!1);let i=0;for(let l=0;l<d.length;l++){const a=d[l].id;if(!o.has(a))i++,t[l]=-i;else{const s=r.get(a);m[s]=!0;let f=0;for(let c=0;c<s;c++)m[c]||f++;t[l]=f-i}}return t},K={style:{"user-select":"none"}},q={class:"title"},G=["title"],J=["onClick"],Q=E(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},setup(d){const n=d,t=e.ref(!0),o=e.ref(0),r=e.ref(null),m=e.ref(!1),i=async()=>{await e.nextTick(),r.value&&(o.value=r.value.offsetHeight)},l=async()=>{m.value=!1,await i(),setTimeout(()=>m.value=!0,100)};e.onMounted(()=>{l()}),e.watch(()=>n.list.length,i);const a=e.ref([]),s=e.ref(!1),f=e.ref([...n.list]);return e.watch(()=>n.list,c=>{a.value=Y(c,f.value),s.value=!0,f.value=[...c]},{deep:!0}),(c,p)=>(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",{class:"header",onClick:p[1]||(p[1]=e.withModifiers((...u)=>d.onHeaderClick&&d.onHeaderClick(...u),["stop"]))},[e.createElementVNode("div",q,[e.renderSlot(c.$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(u=>t.value=!t.value,["stop"]))},null,12,G)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":m.value}]),style:e.normalizeStyle({height:t.value?`calc(0px + ${o.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:r,class:e.normalizeClass(["body",{close:!t.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(u,B)=>(e.openBlock(),e.createElementBlock("li",{key:B,onClick:e.withModifiers(()=>d.onItemClick?.(u,B),["stop"]),style:e.normalizeStyle({"--translateY":`${a.value[B]*100}%`}),onAnimationend:p[2]||(p[2]=()=>s.value=!1),class:e.normalizeClass({active:B===n.activeIndex,slideAnimation:s.value})},[e.renderSlot(c.$slots,"default",{item:u,index:B},()=>[e.createTextVNode(e.toDisplayString(u.name),1)],!0)],46,J))),128))],2)],6)]))}}),[["__scopeId","data-v-be25412b"]]),Z={class:"Search"},ee=["placeholder"],te=E(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},setup(d){const n=d,t=e.ref("");let o=!1;const r=async()=>{await new Promise(l=>setTimeout(l,100)),o=!1},m=()=>{o=!0},i=async l=>{o||n.onSearch?.(l)};return(l,a)=>(e.openBlock(),e.createElementBlock("div",Z,[a[3]||(a[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=s=>t.value=s),class:"input",onKeyup:a[1]||(a[1]=e.withKeys(e.withModifiers(s=>i(t.value.trim()),["prevent"]),["enter"])),onCompositionend:r,onCompositionstart:m,type:"text",placeholder:n.placeholder},null,40,ee),[[e.vModelText,t.value]]),t.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:a[2]||(a[2]=e.withModifiers(s=>t.value="",["stop"]))})):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-e4254d44"]]),ne=["title"],oe=E(e.defineComponent({__name:"SideBar",props:{visible:{type:Boolean,default:!0},onSwitch:{}},setup(d){const n=d,t=e.ref(!0),o=()=>{t.value=!t.value,n.onSwitch?.(t.value)},r=e.ref(null),m=e.ref(0),i=e.ref(0),l=()=>{const f=r.value;if(!f)return;let c=0,p=f;for(;p;)c+=p.offsetLeft,p=p.offsetParent;m.value=f.offsetWidth,i.value=c+m.value+10};let a;const s=()=>{clearTimeout(a),a=setTimeout(()=>l(),100)};return e.onMounted(()=>{l(),window.addEventListener("resize",s)}),e.onUnmounted(()=>{window.removeEventListener("resize",s)}),(f,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[d.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"SideBar",ref_key:"containerRef",ref:r,style:e.normalizeStyle({"--translateX":`${t.value?0:-i.value}px`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["switchButton",{close:!t.value}]),onClick:o,style:e.normalizeStyle({transform:t.value?"translateX(0)":`translateX(${i.value-m.value+45}px)`}),title:t.value?"收起侧边栏":"展开侧边栏"},[...c[0]||(c[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,ne),e.renderSlot(f.$slots,"default",{},()=>[c[1]||(c[1]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-0e3834a3"]]),le={class:"TabBar"},ae={class:"tab"},se={class:"container top"},re={class:"tab top"},ie=E(e.defineComponent({__name:"TabBar",props:{list:{},onItemClick:{type:Function}},setup(d){e.useCssVars(k=>({v6d8205bc:m.value,c6b729a4:v.value,v16b928a2:V.value,v49f1f814:M.value,dd335afc:t.value,ee858f92:B.value,v03afbc8a:T.value,a2a25190:y.value,v0e7385a8:$.value,v21a756b3:b.value}));const n=d,t=e.computed(()=>n.list.length),o=e.ref(null),r=e.ref(null),m=e.ref(0);e.onMounted(()=>m.value=r.value.offsetHeight/2);let i,l,a,s,f,c,p;const u=(...k)=>{k.forEach(g=>{g&&(clearInterval(g),clearTimeout(g))})};e.onUnmounted(()=>u(i,l,a,s,f,c,p));const B=e.ref("#eee"),T=e.ref("none"),$=e.ref(1),b=e.ref("transform .5s, background .2s"),v=e.ref("0"),y=e.ref(0),M=e.ref(0),V=e.ref(0);e.onMounted(()=>V.value=o.value.offsetWidth);const S=e.computed(()=>r.value.offsetWidth*(t.value-1)/t.value),x=(k,g)=>{if(!o.value||!r.value)return;const h=k.clientX-r.value.getBoundingClientRect().left-o.value.offsetWidth/2,D=new DOMMatrix(window.getComputedStyle(o.value).transform).m41,w=h<0?0:h>(t.value-1)*o.value.offsetWidth?(t.value-1)*o.value.offsetWidth:h;g==="start"?(b.value="transform .5s, background .2s",y.value=w):Math.abs(w-D)<S.value/15?(b.value="background .2s",y.value=w):(b.value="background .2s",y.value=D,s=setInterval(()=>{const P=new DOMMatrix(window.getComputedStyle(o.value).transform).m41;Math.abs(w-P)<S.value/15?(b.value="none",y.value=w,u(s,f)):y.value+=w-P>0?S.value/15:-S.value/15},16),f=setTimeout(()=>u(s),500))},N=k=>{i=setInterval(()=>{M.value=(o.value?.getBoundingClientRect().left||0)-(r.value?.getBoundingClientRect().left||0),V.value=(o.value?.getBoundingClientRect().right||0)-(r.value?.getBoundingClientRect().left||0)},16),k&&(l=setTimeout(()=>clearInterval(i),k))};let I;const ce=k=>{I=Date.now(),c=setTimeout(()=>B.value=`linear-gradient(
+(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(
     to bottom,
     transparent 10%,
     rgba(248, 248, 248, 0.9) 10% calc(100% - 10%),
     transparent calc(100% - 10%)
-  )`,100),T.value="1px solid #fff",$.value=1.4,v.value="-50%",u(p),x(k,"start"),u(i,l),N(500),document.addEventListener("pointermove",R),document.addEventListener("pointerup",z)},R=k=>{a||(u(s,f),x(k,"move"),u(i,l),N(void 0),a=setTimeout(()=>a=void 0,16))},z=k=>{Date.now()-I<100&&u(c),B.value="#eee",T.value="none",b.value="transform .5s, background .2s",$.value=1,u(p),p=setTimeout(()=>v.value="0",Math.min(Date.now()-I,500));const g=k.clientX-r.value.getBoundingClientRect().left,C=Math.floor(g/o.value.offsetWidth),h=C>t.value-1?t.value-1:C<0?0:C;u(s,f),y.value=h*o.value.offsetWidth,u(i,l),N(500),n.onItemClick?.(n.list[h],h),document.removeEventListener("pointermove",R),document.removeEventListener("pointerup",z)};return e.watch(()=>n.list.length,()=>y.value=0),(k,g)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("ul",{class:"container",ref_key:"containerRef",ref:r,onPointerdown:ce},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(C,h)=>(e.openBlock(),e.createElementBlock("li",ae,[e.renderSlot(k.$slots,"bottom",{item:C,index:h},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(C),1)]))),256)),e.createElementVNode("ul",se,[e.createElementVNode("div",{class:"slide",ref_key:"slideRef",ref:o},null,512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(C,h)=>(e.openBlock(),e.createElementBlock("li",re,[e.renderSlot(k.$slots,"top",{item:C,index:h},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(C),1)]))),256))])],544)]))}}),[["__scopeId","data-v-0eefac4d"]]);_.ActionButton=A,_.Button=L,_.ContentBar=j,_.FoldList=Q,_.Search=te,_.SideBar=oe,_.TabBar=ie,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+  )`,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"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lovelymaid",
-  "version": "1.1.15",
+  "version": "1.2.0",
   "description": "A library of components based on vue3 that mimics the style of iOS 26",
   "license": "MIT",
   "keywords": [