lovelymaid 1.0.7 → 1.0.8

package/dist/components/{MyContentBar.vue.d.ts → ContentBar.vue.d.ts}

@@ -1,14 +1,19 @@
 interface Props {
-    /** 是否打开 */
-    isOpen: boolean;
+    /** 是否显示 */
+    visible?: boolean;
+    /** 是否展开 */
+    isOpen?: boolean;
     /** 点击关闭按钮事件 */
     onCloseClick?: () => void;
 }
-declare var __VLS_1: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_7) => 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_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    visible: boolean;
+    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;
 export default _default;

package/dist/components/{MySideBar.vue.d.ts → SideBar.vue.d.ts}

@@ -1,12 +1,16 @@
 interface Props {
+    /** 是否显示 */
+    visible?: boolean;
     /** 点击切换按钮事件 */
     onSwitch?: (value: boolean) => void;
 }
-declare var __VLS_1: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_7) => 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_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import MyActionButton from './components/MyActionButton.vue';
-import MyContentBar from './components/MyContentBar.vue';
-import MyFoldList from './components/MyFoldList.vue';
-import MySearch from './components/MySearch.vue';
-import MySideBar from './components/MySideBar.vue';
+import ActionButton from './components/ActionButton.vue';
+import ContentBar from './components/ContentBar.vue';
+import FoldList from './components/FoldList.vue';
+import Search from './components/Search.vue';
+import SideBar from './components/SideBar.vue';
 import '@/assets/base.css';
 import '@/assets/main.css';
 import '@/assets/icons/iconfont.css';
-export { MyActionButton, MyContentBar, MyFoldList, MySearch, MySideBar };
+export { ActionButton, ContentBar, FoldList, Search, SideBar };

package/dist/lovelymaid.css

@@ -1 +1 @@
-.icon-info[data-v-cd43f472]{position:relative;font-size:18px;color:#3b86f7;cursor:pointer}ul[data-v-cd43f472]{position:absolute;z-index:var(--z-index);width:60px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 5px 2px #0000001a}li[data-v-cd43f472]{height:30px;padding:2px;cursor:pointer}.inner[data-v-cd43f472]{display:flex;justify-content:center;border-radius:9px;font-size:12px;color:#000;line-height:26px}.inner .iconfont[data-v-cd43f472]{font-size:14px}.inner[data-v-cd43f472]:hover{background-color:#3b86f7;color:#fff}.container[data-v-df714632]{padding-top:40px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a}.icon[data-v-df714632]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s;cursor:pointer}.icon[data-v-df714632]:hover{background-color:#e4e4e4}.icon-iconguanbi[data-v-df714632]{font-size:20px;color:#262626}.header[data-v-bb2a236c]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-bb2a236c]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-bb2a236c]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer}.body-container[data-v-bb2a236c]{overflow:hidden}.body-container.enable-transition[data-v-bb2a236c]{transition:height .5s ease}.body[data-v-bb2a236c]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-bb2a236c]{transform:translateY(-100%)}.body li[data-v-bb2a236c]{position:relative;z-index:var(--z-index);height:30px;padding:0 10px;border-radius:6px;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.body li.active[data-v-bb2a236c]{background-color:#e4e4e4;color:#3b86f7}@keyframes slide-bb2a236c{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slide[data-v-bb2a236c]{animation:slide-bb2a236c .5s ease}.container[data-v-ff947bde]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-ff947bde]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-ff947bde]{left:14px}.icon-clear[data-v-ff947bde]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-ff947bde]{background-color:#e8e8e8;width:100%;height:100%;border-radius:20px;padding:0 35px;font-size:inherit;font-weight:inherit;color:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-ff947bde]::placeholder{font-weight:500;color:#767676}.input[data-v-ff947bde]:focus{outline:3px solid #94bbf0}.container[data-v-63522aaf]{padding-top:40px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a;transition:transform .5s ease}.icon[data-v-63522aaf]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s,transform .5s ease 0s,border 0s ease .5s,box-shadow .5s ease 0s;cursor:pointer}.icon.close[data-v-63522aaf]{background-color:#f2f2f2e6;border:1px solid rgba(255,255,255,1);box-shadow:2px 2px 5px #0000001a}.icon[data-v-63522aaf]:hover{background-color:#e4e4e4}.icon-sidebar_left[data-v-63522aaf]{font-size:20px;color:#262626}*{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}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeOut{0%{transform:scale(1)}to{transform:scale(0)}}.fade-enter-active{animation:fadeIn .3s ease both}.fade-leave-active{animation:fadeOut .3s ease both}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-iconguanbi:before{content:""}.icon-del:before{content:""}.icon-love:before{content:""}.icon-mima:before{content:""}.icon-search:before{content:""}.icon-shoujihao:before{content:""}.icon-luxian:before{content:""}.icon-yanzhengma:before{content:""}.icon-info:before{content:""}.icon-route:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}
+.icon-info[data-v-56675179]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer}ul[data-v-56675179]{position:absolute;z-index:var(--list-z-index);width:60px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 5px 2px #0000001a}li[data-v-56675179]{height:30px;padding:2px;cursor:pointer}.inner[data-v-56675179]{display:flex;justify-content:center;border-radius:9px;font-size:14px;color:#000;line-height:26px}.inner[data-v-56675179]:hover{background-color:#3b86f7;color:#fff}.container[data-v-b57c5d13]{padding-top:40px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a;transform:translate(var(--translateX))}.icon[data-v-b57c5d13]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s;cursor:pointer}.icon[data-v-b57c5d13]:hover{background-color:#e4e4e4}.icon-iconguanbi[data-v-b57c5d13]{font-size:20px;color:#262626}.pop-enter-from[data-v-b57c5d13],.pop-leave-to[data-v-b57c5d13]{transform:translate(var(--translateX)) scale(0);opacity:0}.header[data-v-0d9ea352]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-0d9ea352]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-0d9ea352]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer}.body-container[data-v-0d9ea352]{overflow:hidden}.body-container.enable-transition[data-v-0d9ea352]{transition:height .5s ease}.body[data-v-0d9ea352]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-0d9ea352]{transform:translateY(-100%)}.body li[data-v-0d9ea352]{position:relative;z-index:var(--z-index);height:30px;padding:0 10px;border-radius:6px;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.body li.active[data-v-0d9ea352]{background-color:#e4e4e4;color:#3b86f7}@keyframes slide-0d9ea352{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slide[data-v-0d9ea352]{animation:slide-0d9ea352 .5s ease}.container[data-v-05b12da4]{display:flex;align-items:center;position:relative;height:35px;border-radius:18px;font-size:14px}.iconfont[data-v-05b12da4]{position:absolute;font-size:14px;line-height:35px;color:#767676}.icon-search[data-v-05b12da4]{left:14px}.icon-clear[data-v-05b12da4]{text-align:center;right:0;width:35px;height:35px;cursor:pointer}.input[data-v-05b12da4]{background-color:#e8e8e8;width:100%;height:100%;border-radius:20px;padding:0 35px;font-size:inherit;font-weight:inherit;color:inherit;caret-color:#3c86f6;transition:outline .2s ease}.input[data-v-05b12da4]::placeholder{font-weight:500;color:#767676}.input[data-v-05b12da4]:focus{outline:3px solid #94bbf0}.container[data-v-b935b1cb]{padding-top:40px;background-color:#f2f2f2e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid rgba(255,255,255,1);border-radius:20px;box-shadow:0 0 5px 2px #0000001a;transform:translate(var(--translateX));transition:transform .5s ease,opacity .5s ease}.icon[data-v-b935b1cb]{display:flex;justify-content:center;align-items:center;position:absolute;top:5px;right:5px;width:35px;height:30px;border-radius:15px;background-color:#f2f2f200;transition:background-color .1s ease 0s,transform .5s ease 0s,border 0s ease .5s,box-shadow .5s ease 0s;cursor:pointer}.icon.close[data-v-b935b1cb]{background-color:#f2f2f2e6;border:1px solid rgba(255,255,255,1);box-shadow:2px 2px 5px #0000001a}.icon[data-v-b935b1cb]:hover{background-color:#e4e4e4}.icon-sidebar_left[data-v-b935b1cb]{font-size:20px;color:#262626}.pop-enter-from[data-v-b935b1cb],.pop-leave-to[data-v-b935b1cb]{transform:translate(var(--translateX)) scale(0);opacity:0}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{width:100%;min-height:100vh;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}ul,ol{list-style:none}input,button,textarea,select{border:none;outline:none;border-radius:0}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI7IUtwAAABjAAAAGBjbWFwtskk4AAAAiQAAAJ4Z2x5Zvu2wqcAAAS8AAAI8GhlYWQt1SzMAAAA4AAAADZoaGVhB94D+gAAALwAAAAkaG10eDhyAAAAAAHsAAAAOGxvY2EReA8+AAAEnAAAAB5tYXhwASAAiAAAARgAAAAgbmFtZRCjPLAAAA2sAAACZ3Bvc3TpRA3GAAAQFAAAAKcAAQAAA4D/gABcBGsAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA4AAQAAAAEAAEyiUFlfDzz1AAsEAAAAAADlWvRnAAAAAOVa9GcAAP+ABAADgQAAAAgAAgAAAAAAAAABAAAADgB8AAgAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQECAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOUM6JgDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQHAAAEAAAABAAAAARrAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABzAABAAAAAADGAAMAAQAAACwAAwAKAAABzAAEAJoAAAAcABAAAwAM5QzmEeYh5inmK+ZE5knmV+ZZ5lzmZehT6Jj//wAA5QzmEeYh5inmK+ZE5knmV+ZZ5lzmZehT6Jj//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAA0ACQAFAAwABgACAAcABAABAAgAAwAKAAsAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAKwAAAAAAAAADQAA5QwAAOUMAAAADQAA5hEAAOYRAAAACQAA5iEAAOYhAAAABQAA5ikAAOYpAAAADAAA5isAAOYrAAAABgAA5kQAAOZEAAAAAgAA5kkAAOZJAAAABwAA5lcAAOZXAAAABAAA5lkAAOZZAAAAAQAA5lwAAOZcAAAACAAA5mUAAOZlAAAAAwAA6FMAAOhTAAAACgAA6JgAAOiYAAAACwAAAAAAMgDAAPgBVgHEAggCcAMuA4wDtAQWBD4EeAAAAAIAAAAAAzoCtQAAABwAABMFJzc2NCYiDwEnJiIGFB8BBwYUFjI/ARcWMjY0PgLy/PwKFBwJ/PwJHBQK/PwKFBwJ/PwJHBQBMKz8/AkcFAr8/AoUHAn8/AkcFAr8/AoUHAAAAAAIAAD/gAPAA4AACwAVACEAKwA3AEQAUQBeAAAFISIuATUDIQMUDgEBExQWMyEyNjUTJyE1ND4BOwEyHgEVBSE1NCYrASIGFQchMhYUBiMhIiY0NgUyFhUTFAYiJjUDNDYzMhYVERQGIiY1ETQ2MzIWFQMUBiImNRM0NgKl/rYgNh9JAsZJHzb+C0QqHQFKHSlET/5AHTEc7BwxHf5YAZAwIuwiMOADUAkODgn8sAkODgEkCg0YDhMOGA6XCg4OFA4OlwoOGA4TDhgNgCA2IALx/Q0fNSADOP1AHyoqHQLCDFIdMB0dMB07OyIwMCIvDhMODhMOpQ4J/hEJDg4JAe8JDg4J/hEJDg4JAe8JDg4J/hEJDg4JAe8JDgAAAAEAAP/GA/8DOgAgAAABIgcGByYnJiMiDgEVFBcWFxYXFhcBFjI3ATY3NjU0LgEC5D5EMjEwMkQ+V39FFBEcFRgQBQFVEC4RAVUsITZFgAM5JRstLRslQ31VMjQpKR4aEQT+uBAQAUgrM1ZRVX1DAAADAAAAAAM0AqYADwAfAEIAACUhIiY9ATQ2MyEyFh0BDgEBIgYdARQWMyEyNj0BNCYjJSImJyY9ATQ+ATIeARUUBiImNTQuASIOAR0BFB8BFgcGIzAC6P6JHywrIAF3HywCK/5rFBwcFAF3FBwcFP6vCgcBAStJVUorBw0HJDxIPCQEAQQMAgMiKyDaHy0sINogKwFTHBTbFBwcFNsUHAYTDQgQVCtJKyxJKgYICAYjPSQkPSNUCxUGCgYCAAIAAP+AA/8DgQAvAEcAAAUnNjc2NTQmJyYnJicmJyYjIgYHDgEHBhUUFhcWFxYXHgEXFjMyNjc2NxcWMjc+ASUiLgI1Njc2Nz4BMh4CFAcGDwEGBwYD+vQuHCISEBIWGCFCTFZVLFkmR4IgIhEREhYYISNBKlVWK1olOED0BhcGCAL9t02NbjsFHR83N42ajG87HRs1CzlFSFL0L0lVVSxZJighJCFDHiIRESCCR1ZVLFkmKCEkISMtESISEBU19AYGCBajO26NTU5ERzI4OjpvjZhFQzgLMRocAAADAAAAAAMNAwEACwAbACsAACUjIiY0NjsBMhYUBhchIiY1ET4BMyEyFhURDgEBIgYVERQWMyEyNjURNCYjAkmNBwoKB40GCwtk/pokNgM0IwFmJDYDNP53Fh0fFAFmFh0fFJoKDQsLDQqaNCYCTCQ2NCb9tCQ2AtogFP20Fh4gFAJMFh4AAAAAAQAA/4kD/gN3AEMAAAEnJiIPAQYUFjI/AREWDgEiLgE3ES4CIg4BBxEnJiIGFB8BFjI/ATYuAg8BET4CMh4BFxEeAjI+ATcRFxY+AgPwdRAsEHUQHywQHQEfN0E3HwECPWV4Zj0CGw8sIBB1ECwQdQ4BHioQGgEhNT42IAECPWV3Zj0BGQ8rHgEC8nUPD3UQLB8PHf23IDkhITkgAf07ZDs7ZDv9xxwQHy0Pdg8PdhAqHgEOGgI3HzQeHjQf/gQ8ZDo6ZDwCRRkPAR4rAAAAAAMAAP+mA7EDYgA0AGoAewAAASYnJicmLwEmLwImJwYPAQYPAQYHBgcGBzEXMRYXFh8BHgEXFRYXNjc1PgE/ATY3NjcxNwcVBwYHBg8BDgEPAQYHJi8BLgEvASYnJic0LwE2NzY3Nj8BNj8CNjcWHwIWHwEWFxYXFhcHAycmIgYUHwEWMjcBNjQmIgOwOzMQESQ1GhATGhwtKCgtNhMQGjUkERAzOwQGDQ8TBjKoaRgWFhhpqDIGEw8NBgQzAQUMDxMFLppdBg0MDA0GXZouBRMPDAUBASgjEBEpOBwRFBseHBsbHB4bFBAdNyoRDyQoq/qABhMNBpAHEwYBCgcNEwKJBBAFBgscDwkMERUhJychJgwJDxwLBgUQBEFOT1s2DoO0IgEIBAQIASK0gw42W09OQS0KB0tKWDUOeKYfAwMDAgQDH6Z4DjVYSksDBA8GCwUGDB4QCgwTFRUYGBUVEwwKEB4MBgULBnL/AIMHDhMHkwcHARAHEw4AAAAABAAA/8ADwQNBAAYAEgAnADwAAAEzESM1IzU3Mh4BFA4BIy4BNDY3MhcWFxYUBwYHBiInJicmNDc2NzYXIgcGBwYUFxYXFjI3Njc2NCcmJyYB4EBAQGAPGQ8PGQ8WHh4WeWllPD09PGVp8mllPD09PGVpeWZYVjI0NDJWWMxYVjI0NDJWWAHL/sr2QJUOGR0ZDgEfKx/hPTxlafJpZTw9PTxlafJpZTw9RjQyVljMWFYyNDQyVljMWFYyNAABAAD/+gOJAwkAEwAAAS4BJyUuATY3JTYeAQcDDgImJwHyCDIY/vcTDQ8TArQQHQ4F2AQWGxcFASAZNAljByMiBtgFDh0Q/UwNEQEPDQAAAAYAAP/1A/oDCwAMABYAIAAsADgARAAAFyEyNRE0IyEGFREUMzciJjURNDY7AREBMhYVERQGIyERBzI2NCYrASIGFBYzFzI2NCYrASIGFBYzFzI2NCYrASIGFBYzjQLmh4f9GoeHASAiIiC/AiUgIiIg/h6VCQ8PCVwKDg4KXAkPDgpcCg4OClwKDg8JXAoODgoKhAIMhQGE/fSFRSMhAgQhIv11AowjIf38ISICi6APEw4OEw9vDxMPDhQPbg4TDw8TDgABAAAAAAKYAsYAEwAACQEmIg4BFwEWFAcBBhQWMjcBNjQCif7aCRcRAQgBGAUF/ugIERcJASYPAaEBHAgPFwj+8gUOBf7zCBYQCAEcDykAAAIAAP+ABAADgAAUACAAAAUiJyYnJhA3Njc2IBcWFxYQBwYHBhMnBycHFwcXNxc3JwH/ind0REZGRHR3ARZ3dERGRkR0dz80mpwzmpoznJo0m4BGRHR3ARZ3dERGRkR0d/7qd3RERgKgM5qaM5yaNJubNJoAAAASAN4AAQAAAAAAAAATAAAAAQAAAAAAAQAIABMAAQAAAAAAAgAHABsAAQAAAAAAAwAIACIAAQAAAAAABAAIACoAAQAAAAAABQALADIAAQAAAAAABgAIAD0AAQAAAAAACgArAEUAAQAAAAAACwATAHAAAwABBAkAAAAmAIMAAwABBAkAAQAQAKkAAwABBAkAAgAOALkAAwABBAkAAwAQAMcAAwABBAkABAAQANcAAwABBAkABQAWAOcAAwABBAkABgAQAP0AAwABBAkACgBWAQ0AAwABBAkACwAmAWNDcmVhdGVkIGJ5IGljb25mb250aWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8ACmljb25ndWFuYmkDZGVsBGxvdmUEbWltYQZzZWFyY2gJc2hvdWppaGFvBmx1eGlhbgp5YW56aGVuZ21hBGluZm8Fcm91dGUMc2lkZWJhcl9sZWZ0C3JpZ2h0LWFycm93BWNsZWFyAAAA) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-iconguanbi:before{content:""}.icon-del:before{content:""}.icon-love:before{content:""}.icon-mima:before{content:""}.icon-search:before{content:""}.icon-shoujihao:before{content:""}.icon-luxian:before{content:""}.icon-yanzhengma:before{content:""}.icon-info:before{content:""}.icon-route:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}

package/dist/lovelymaid.es.js

@@ -1,42 +1,42 @@
-import { defineComponent as g, ref as c, useSlots as B, computed as F, openBlock as p, createElementBlock as m, withModifiers as C, normalizeStyle as k, Fragment as x, renderList as b, createElementVNode as f, renderSlot as S, createCommentVNode as z, onMounted as T, onUnmounted as E, normalizeClass as $, createTextVNode as I, watch as M, toDisplayString as L, nextTick as X, withDirectives as O, withKeys as A, vModelText as H } from "vue";
-const R = ["onClick"], P = /* @__PURE__ */ g({
-  __name: "MyActionButton",
+import { defineComponent as $, ref as c, useSlots as O, computed as A, openBlock as f, createElementBlock as m, withModifiers as C, normalizeStyle as k, Fragment as B, renderList as z, createElementVNode as p, renderSlot as b, createCommentVNode as S, onMounted as T, onUnmounted as E, createBlock as L, Transition as F, withCtx as H, normalizeClass as g, createTextVNode as x, watch as I, toDisplayString as R, nextTick as X, withDirectives as M, withKeys as P, vModelText as V } from "vue";
+const D = ["onClick"], W = /* @__PURE__ */ $({
+  __name: "ActionButton",
   props: {
     onItemClick: { type: Function }
   },
   setup(l) {
     const i = l, n = c(!1), a = c(0), r = c(0), u = (e) => {
-      n.value || (n.value = !0, a.value = e.offsetX, r.value = e.offsetY, setTimeout(() => {
-        const t = () => {
-          n.value = !1, e.target.removeEventListener("click", t), document.removeEventListener("click", t);
-        };
-        e.target.addEventListener("click", t), document.addEventListener("click", t);
-      }, 0));
-    }, d = B(), o = F(() => {
+      if (n.value) return;
+      n.value = !0, a.value = e.offsetX + e.target.offsetWidth / 2, r.value = e.offsetY + e.target.offsetHeight / 2;
+      const t = () => {
+        n.value = !1, e.target.removeEventListener("click", t), document.removeEventListener("click", t);
+      };
+      e.target.addEventListener("click", t), document.addEventListener("click", t);
+    }, d = O(), o = A(() => {
       const e = [];
       let t = 0;
       for (; d[`item-${t}`]; )
         e.push(t), t++;
       return e;
     });
-    return (e, t) => (p(), m("span", {
+    return (e, t) => (f(), m("span", {
       class: "iconfont icon-info",
       onClick: C(u, ["stop"]),
-      style: { "user-select": "none", "--z-index": "10" }
+      style: { "user-select": "none", "--list-z-index": "10" }
     }, [
-      n.value ? (p(), m("ul", {
+      n.value ? (f(), m("ul", {
         key: 0,
         style: k({ left: `${a.value}px`, top: `${r.value}px` })
       }, [
-        (p(!0), m(x, null, b(o.value, (s) => (p(), m("li", { key: s }, [
-          f("div", {
+        (f(!0), m(B, null, z(o.value, (s) => (f(), m("li", { key: s }, [
+          p("div", {
             class: "inner",
             onClick: (v) => i.onItemClick?.(s)
           }, [
-            S(e.$slots, `item-${s}`, { index: s }, void 0, !0)
-          ], 8, R)
+            b(e.$slots, `item-${s}`, { index: s }, void 0, !0)
+          ], 8, D)
         ]))), 128))
-      ], 4)) : z("", !0)
+      ], 4)) : S("", !0)
     ]));
   }
 }), _ = (l, i) => {
@@ -44,11 +44,12 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
   for (const [a, r] of i)
     n[a] = r;
   return n;
-}, ee = /* @__PURE__ */ _(P, [["__scopeId", "data-v-cd43f472"]]), V = /* @__PURE__ */ g({
-  __name: "MyContentBar",
+}, oe = /* @__PURE__ */ _(W, [["__scopeId", "data-v-56675179"]]), N = /* @__PURE__ */ $({
+  __name: "ContentBar",
   props: {
-    isOpen: { type: Boolean },
-    onCloseClick: { type: Function }
+    visible: { type: Boolean, default: !0 },
+    isOpen: { type: Boolean, default: !0 },
+    onCloseClick: {}
   },
   setup(l) {
     const i = l, n = c(null), a = c(0), r = c(!1), u = () => {
@@ -68,26 +69,32 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
       u(), window.addEventListener("resize", o);
     }), E(() => {
       window.removeEventListener("resize", o);
-    }), (e, t) => (p(), m("div", {
-      class: "container",
-      ref_key: "containerRef",
-      ref: n,
-      style: k({ transition: r.value ? "transform .5s ease" : "none", transform: i.isOpen ? "translateX(0)" : `translateX(-${a.value}px)`, userSelect: "none" })
-    }, [
-      f("div", {
-        class: $(["icon", { close: !l.isOpen }]),
-        onClick: t[0] || (t[0] = //@ts-ignore
-        (...s) => l.onCloseClick && l.onCloseClick(...s)),
-        title: "收起内容栏"
-      }, [...t[1] || (t[1] = [
-        f("span", { class: "iconfont icon-iconguanbi" }, null, -1)
-      ])], 2),
-      S(e.$slots, "default", {}, () => [
-        t[2] || (t[2] = I("这是内容", -1))
-      ], !0)
-    ], 4));
+    }), (e, t) => (f(), L(F, { name: "pop" }, {
+      default: H(() => [
+        l.visible ? (f(), m("div", {
+          key: 0,
+          class: "container",
+          ref_key: "containerRef",
+          ref: n,
+          style: k({ transition: r.value ? "transform .5s ease, opacity .5s ease" : "none", "--translateX": `${i.isOpen ? 0 : -a.value}px`, userSelect: "none" })
+        }, [
+          p("div", {
+            class: g(["icon", { close: !l.isOpen }]),
+            onClick: t[0] || (t[0] = //@ts-ignore
+            (...s) => l.onCloseClick && l.onCloseClick(...s)),
+            title: "收起内容栏"
+          }, [...t[1] || (t[1] = [
+            p("span", { class: "iconfont icon-iconguanbi" }, null, -1)
+          ])], 2),
+          b(e.$slots, "default", {}, () => [
+            t[2] || (t[2] = x("这是内容", -1))
+          ], !0)
+        ], 4)) : S("", !0)
+      ]),
+      _: 3
+    }));
   }
-}), te = /* @__PURE__ */ _(V, [["__scopeId", "data-v-df714632"]]), D = (l, i) => {
+}), se = /* @__PURE__ */ _(N, [["__scopeId", "data-v-b57c5d13"]]), Y = (l, i) => {
   const n = new Array(l.length), a = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
   for (let o = 0; o < i.length; o++) {
     const e = i[o].id;
@@ -109,8 +116,8 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
     }
   }
   return n;
-}, N = { style: { "user-select": "none" } }, W = { class: "title" }, Y = ["title"], K = ["onClick"], U = /* @__PURE__ */ g({
-  __name: "MyFoldList",
+}, K = { style: { "user-select": "none" } }, U = { class: "title" }, j = ["title"], q = ["onClick"], G = /* @__PURE__ */ $({
+  __name: "FoldList",
   props: {
     list: {},
     activeIndex: {},
@@ -125,53 +132,53 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
     };
     T(() => {
       o();
-    }), M(() => i.list.length, d);
+    }), I(() => i.list.length, d);
     const e = c([]), t = c(!1), s = c([...i.list]);
-    return M(() => i.list, (v) => {
-      e.value = D(v, s.value), t.value = !0, s.value = [...v];
-    }, { deep: !0 }), (v, y) => (p(), m("div", N, [
-      f("div", {
+    return I(() => i.list, (v) => {
+      e.value = Y(v, s.value), t.value = !0, s.value = [...v];
+    }, { deep: !0 }), (v, y) => (f(), m("div", K, [
+      p("div", {
         class: "header",
         onClick: y[1] || (y[1] = C(
           //@ts-ignore
-          (...w) => l.onHeaderClick && l.onHeaderClick(...w),
+          (...h) => l.onHeaderClick && l.onHeaderClick(...h),
           ["stop"]
         ))
       }, [
-        f("div", W, [
-          S(v.$slots, "title", {}, () => [
-            y[3] || (y[3] = I("标题", -1))
+        p("div", U, [
+          b(v.$slots, "title", {}, () => [
+            y[3] || (y[3] = x("标题", -1))
           ], !0)
         ]),
-        f("span", {
+        p("span", {
           class: "iconfont icon-right-arrow",
           style: k({ transform: n.value ? "rotate(90deg)" : "rotate(0deg)" }),
           title: n.value ? "收起列表" : "展开列表",
-          onClick: y[0] || (y[0] = C((w) => n.value = !n.value, ["stop"]))
-        }, null, 12, Y)
+          onClick: y[0] || (y[0] = C((h) => n.value = !n.value, ["stop"]))
+        }, null, 12, j)
       ]),
-      f("div", {
-        class: $(["body-container", { "enable-transition": u.value }]),
+      p("div", {
+        class: g(["body-container", { "enable-transition": u.value }]),
         style: k({ height: n.value ? `calc(0px + ${a.value}px)` : "0px" })
       }, [
-        f("ul", {
+        p("ul", {
           ref_key: "bodyRef",
           ref: r,
-          class: $(["body", { close: !n.value }])
+          class: g(["body", { close: !n.value }])
         }, [
-          (p(!0), m(x, null, b(i.list, (w, h) => (p(), m("li", {
-            key: h,
-            onClick: C(() => l.onItemClick?.(w, h), ["stop"]),
-            style: k({ "--z-index": i.list.length - h, "--translateY": `${e.value[h] * 100}%` }),
+          (f(!0), m(B, null, z(i.list, (h, w) => (f(), m("li", {
+            key: w,
+            onClick: C(() => l.onItemClick?.(h, w), ["stop"]),
+            style: k({ "--z-index": i.list.length - w, "--translateY": `${e.value[w] * 100}%` }),
             onAnimationend: y[2] || (y[2] = () => t.value = !1),
-            class: $({ active: h === i.activeIndex, slide: t.value })
-          }, L(w.name), 47, K))), 128))
+            class: g({ active: w === i.activeIndex, slide: t.value })
+          }, R(h.name), 47, q))), 128))
         ], 2)
       ], 6)
     ]));
   }
-}), ne = /* @__PURE__ */ _(U, [["__scopeId", "data-v-bb2a236c"]]), j = { class: "container" }, q = ["placeholder"], G = /* @__PURE__ */ g({
-  __name: "MySearch",
+}), le = /* @__PURE__ */ _(G, [["__scopeId", "data-v-0d9ea352"]]), J = { class: "container" }, Q = ["placeholder"], Z = /* @__PURE__ */ $({
+  __name: "Search",
   props: {
     placeholder: {},
     onSearch: { type: Function }
@@ -186,30 +193,31 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
     }, d = async (o) => {
       a || i.onSearch?.(o);
     };
-    return (o, e) => (p(), m("div", j, [
-      e[3] || (e[3] = f("span", { class: "iconfont icon-search" }, null, -1)),
-      O(f("input", {
+    return (o, e) => (f(), m("div", J, [
+      e[3] || (e[3] = p("span", { class: "iconfont icon-search" }, null, -1)),
+      M(p("input", {
         "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
         class: "input",
-        onKeyup: e[1] || (e[1] = A(C((t) => d(n.value.trim()), ["prevent"]), ["enter"])),
+        onKeyup: e[1] || (e[1] = P(C((t) => d(n.value.trim()), ["prevent"]), ["enter"])),
         onCompositionend: r,
         onCompositionstart: u,
         type: "text",
         placeholder: i.placeholder || "搜索..."
-      }, null, 40, q), [
-        [H, n.value]
+      }, null, 40, Q), [
+        [V, n.value]
       ]),
-      n.value ? (p(), m("span", {
+      n.value ? (f(), m("span", {
         key: 0,
         class: "iconfont icon-clear",
         onClick: e[2] || (e[2] = C((t) => n.value = "", ["stop"]))
-      })) : z("", !0)
+      })) : S("", !0)
     ]));
   }
-}), oe = /* @__PURE__ */ _(G, [["__scopeId", "data-v-ff947bde"]]), J = ["title"], Q = /* @__PURE__ */ g({
-  __name: "MySideBar",
+}), ie = /* @__PURE__ */ _(Z, [["__scopeId", "data-v-05b12da4"]]), ee = ["title"], te = /* @__PURE__ */ $({
+  __name: "SideBar",
   props: {
-    onSwitch: { type: Function }
+    visible: { type: Boolean, default: !0 },
+    onSwitch: {}
   },
   setup(l) {
     const i = l, n = c(!0), a = () => {
@@ -229,30 +237,36 @@ const R = ["onClick"], P = /* @__PURE__ */ g({
       e(), window.addEventListener("resize", e);
     }), E(() => {
       window.removeEventListener("resize", e);
-    }), (t, s) => (p(), m("div", {
-      class: "container",
-      ref_key: "containerRef",
-      ref: r,
-      style: k({ transform: n.value ? "translateX(0)" : `translateX(-${d.value}px)`, userSelect: "none" })
-    }, [
-      f("div", {
-        class: $(["icon", { close: !n.value }]),
-        onClick: a,
-        style: k({ transform: n.value ? "translateX(0)" : `translateX(${d.value - u.value + 45}px)` }),
-        title: n.value ? "收起侧边栏" : "展开侧边栏"
-      }, [...s[0] || (s[0] = [
-        f("span", { class: "iconfont icon-sidebar_left" }, null, -1)
-      ])], 14, J),
-      S(t.$slots, "default", {}, () => [
-        s[1] || (s[1] = I("这是内容", -1))
-      ], !0)
-    ], 4));
+    }), (t, s) => (f(), L(F, { name: "pop" }, {
+      default: H(() => [
+        l.visible ? (f(), m("div", {
+          key: 0,
+          class: "container",
+          ref_key: "containerRef",
+          ref: r,
+          style: k({ "--translateX": `${n.value ? 0 : -d.value}px`, userSelect: "none" })
+        }, [
+          p("div", {
+            class: g(["icon", { close: !n.value }]),
+            onClick: a,
+            style: k({ transform: n.value ? "translateX(0)" : `translateX(${d.value - u.value + 45}px)` }),
+            title: n.value ? "收起侧边栏" : "展开侧边栏"
+          }, [...s[0] || (s[0] = [
+            p("span", { class: "iconfont icon-sidebar_left" }, null, -1)
+          ])], 14, ee),
+          b(t.$slots, "default", {}, () => [
+            s[1] || (s[1] = x("这是内容", -1))
+          ], !0)
+        ], 4)) : S("", !0)
+      ]),
+      _: 3
+    }));
   }
-}), se = /* @__PURE__ */ _(Q, [["__scopeId", "data-v-63522aaf"]]);
+}), ae = /* @__PURE__ */ _(te, [["__scopeId", "data-v-b935b1cb"]]);
 export {
-  ee as MyActionButton,
-  te as MyContentBar,
-  ne as MyFoldList,
-  oe as MySearch,
-  se as MySideBar
+  oe as ActionButton,
+  se as ContentBar,
+  le as FoldList,
+  ie as Search,
+  ae as SideBar
 };

package/dist/lovelymaid.umd.js

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.maid={},p.Vue))})(this,(function(p,e){"use strict";const h=["onClick"],w=e.defineComponent({__name:"MyActionButton",props:{onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!1),r=e.ref(0),c=e.ref(0),d=t=>{o.value||(o.value=!0,r.value=t.offsetX,c.value=t.offsetY,setTimeout(()=>{const n=()=>{o.value=!1,t.target.removeEventListener("click",n),document.removeEventListener("click",n)};t.target.addEventListener("click",n),document.addEventListener("click",n)},0))},f=e.useSlots(),l=e.computed(()=>{const t=[];let n=0;for(;f[`item-${n}`];)t.push(n),n++;return t});return(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info",onClick:e.withModifiers(d,["stop"]),style:{"user-select":"none","--z-index":"10"}},[o.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${r.value}px`,top:`${c.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,s=>(e.openBlock(),e.createElementBlock("li",{key:s},[e.createElementVNode("div",{class:"inner",onClick:m=>a.onItemClick?.(s)},[e.renderSlot(t.$slots,`item-${s}`,{index:s},void 0,!0)],8,h)]))),128))],4)):e.createCommentVNode("",!0)]))}}),y=(i,a)=>{const o=i.__vccOpts||i;for(const[r,c]of a)o[r]=c;return o},B=y(w,[["__scopeId","data-v-cd43f472"]]),S=y(e.defineComponent({__name:"MyContentBar",props:{isOpen:{type:Boolean},onCloseClick:{type:Function}},setup(i){const a=i,o=e.ref(null),r=e.ref(0),c=e.ref(!1),d=()=>{const t=o.value;if(!t)return;let n=0,s=t;for(;s;)n+=s.offsetLeft,s=s.offsetParent;const m=t.offsetWidth;r.value=n+m+10,setTimeout(()=>c.value=!0,100)};let f;const l=()=>{clearTimeout(f),f=setTimeout(()=>d(),100)};return e.onMounted(()=>{d(),window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"container",ref_key:"containerRef",ref:o,style:e.normalizeStyle({transition:c.value?"transform .5s ease":"none",transform:a.isOpen?"translateX(0)":`translateX(-${r.value}px)`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!i.isOpen}]),onClick:n[0]||(n[0]=(...s)=>i.onCloseClick&&i.onCloseClick(...s)),title:"收起内容栏"},[...n[1]||(n[1]=[e.createElementVNode("span",{class:"iconfont icon-iconguanbi"},null,-1)])],2),e.renderSlot(t.$slots,"default",{},()=>[n[2]||(n[2]=e.createTextVNode("这是内容",-1))],!0)],4))}}),[["__scopeId","data-v-df714632"]]),E=(i,a)=>{const o=new Array(i.length),r=new Set,c=new Map;for(let l=0;l<a.length;l++){const t=a[l].id;r.add(t),c.set(t,l)}const d=new Array(a.length).fill(!1);let f=0;for(let l=0;l<i.length;l++){const t=i[l].id;if(!r.has(t))f++,o[l]=-f;else{const n=c.get(t);d[n]=!0;let s=0;for(let m=0;m<n;m++)d[m]||s++;o[l]=s-f}}return o},_={style:{"user-select":"none"}},M={class:"title"},$=["title"],g=["onClick"],T=y(e.defineComponent({__name:"MyFoldList",props:{list:{},activeIndex:{},onHeaderClick:{type:Function},onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!0),r=e.ref(0),c=e.ref(null),d=e.ref(!1),f=async()=>{await e.nextTick(),c.value&&(r.value=c.value.offsetHeight)},l=async()=>{d.value=!1,await f(),setTimeout(()=>d.value=!0,100)};e.onMounted(()=>{l()}),e.watch(()=>a.list.length,f);const t=e.ref([]),n=e.ref(!1),s=e.ref([...a.list]);return e.watch(()=>a.list,m=>{t.value=E(m,s.value),n.value=!0,s.value=[...m]},{deep:!0}),(m,u)=>(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",{class:"header",onClick:u[1]||(u[1]=e.withModifiers((...k)=>i.onHeaderClick&&i.onHeaderClick(...k),["stop"]))},[e.createElementVNode("div",M,[e.renderSlot(m.$slots,"title",{},()=>[u[3]||(u[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:o.value?"rotate(90deg)":"rotate(0deg)"}),title:o.value?"收起列表":"展开列表",onClick:u[0]||(u[0]=e.withModifiers(k=>o.value=!o.value,["stop"]))},null,12,$)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":d.value}]),style:e.normalizeStyle({height:o.value?`calc(0px + ${r.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:c,class:e.normalizeClass(["body",{close:!o.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.list,(k,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,onClick:e.withModifiers(()=>i.onItemClick?.(k,C),["stop"]),style:e.normalizeStyle({"--z-index":a.list.length-C,"--translateY":`${t.value[C]*100}%`}),onAnimationend:u[2]||(u[2]=()=>n.value=!1),class:e.normalizeClass({active:C===a.activeIndex,slide:n.value})},e.toDisplayString(k.name),47,g))),128))],2)],6)]))}}),[["__scopeId","data-v-bb2a236c"]]),z={class:"container"},V=["placeholder"],N=y(e.defineComponent({__name:"MySearch",props:{placeholder:{},onSearch:{type:Function}},setup(i){const a=i,o=e.ref("");let r=!1;const c=async()=>{await new Promise(l=>setTimeout(l,100)),r=!1},d=()=>{r=!0},f=async l=>{r||a.onSearch?.(l)};return(l,t)=>(e.openBlock(),e.createElementBlock("div",z,[t[3]||(t[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=n=>o.value=n),class:"input",onKeyup:t[1]||(t[1]=e.withKeys(e.withModifiers(n=>f(o.value.trim()),["prevent"]),["enter"])),onCompositionend:c,onCompositionstart:d,type:"text",placeholder:a.placeholder||"搜索..."},null,40,V),[[e.vModelText,o.value]]),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:t[2]||(t[2]=e.withModifiers(n=>o.value="",["stop"]))})):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-ff947bde"]]),b=["title"],I=y(e.defineComponent({__name:"MySideBar",props:{onSwitch:{type:Function}},setup(i){const a=i,o=e.ref(!0),r=()=>{o.value=!o.value,a.onSwitch?.(o.value)},c=e.ref(null),d=e.ref(0),f=e.ref(0);let l;const t=()=>{const n=c.value;n&&(clearTimeout(l),l=window.setTimeout(()=>{let s=0,m=n;for(;m;)s+=m.offsetLeft,m=m.offsetParent;d.value=n.offsetWidth,f.value=s+d.value+10},100))};return e.onMounted(()=>{t(),window.addEventListener("resize",t)}),e.onUnmounted(()=>{window.removeEventListener("resize",t)}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:"container",ref_key:"containerRef",ref:c,style:e.normalizeStyle({transform:o.value?"translateX(0)":`translateX(-${f.value}px)`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!o.value}]),onClick:r,style:e.normalizeStyle({transform:o.value?"translateX(0)":`translateX(${f.value-d.value+45}px)`}),title:o.value?"收起侧边栏":"展开侧边栏"},[...s[0]||(s[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,b),e.renderSlot(n.$slots,"default",{},()=>[s[1]||(s[1]=e.createTextVNode("这是内容",-1))],!0)],4))}}),[["__scopeId","data-v-63522aaf"]]);p.MyActionButton=B,p.MyContentBar=S,p.MyFoldList=T,p.MySearch=N,p.MySideBar=I,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.maid={},p.Vue))})(this,(function(p,e){"use strict";const h=["onClick"],B=e.defineComponent({__name:"ActionButton",props:{onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!1),r=e.ref(0),c=e.ref(0),d=t=>{if(o.value)return;o.value=!0,r.value=t.offsetX+t.target.offsetWidth/2,c.value=t.offsetY+t.target.offsetHeight/2;const n=()=>{o.value=!1,t.target.removeEventListener("click",n),document.removeEventListener("click",n)};t.target.addEventListener("click",n),document.addEventListener("click",n)},f=e.useSlots(),l=e.computed(()=>{const t=[];let n=0;for(;f[`item-${n}`];)t.push(n),n++;return t});return(t,n)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info",onClick:e.withModifiers(d,["stop"]),style:{"user-select":"none","--list-z-index":"10"}},[o.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${r.value}px`,top:`${c.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,s=>(e.openBlock(),e.createElementBlock("li",{key:s},[e.createElementVNode("div",{class:"inner",onClick:m=>a.onItemClick?.(s)},[e.renderSlot(t.$slots,`item-${s}`,{index:s},void 0,!0)],8,h)]))),128))],4)):e.createCommentVNode("",!0)]))}}),k=(i,a)=>{const o=i.__vccOpts||i;for(const[r,c]of a)o[r]=c;return o},w=k(B,[["__scopeId","data-v-56675179"]]),S=k(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},isOpen:{type:Boolean,default:!0},onCloseClick:{}},setup(i){const a=i,o=e.ref(null),r=e.ref(0),c=e.ref(!1),d=()=>{const t=o.value;if(!t)return;let n=0,s=t;for(;s;)n+=s.offsetLeft,s=s.offsetParent;const m=t.offsetWidth;r.value=n+m+10,setTimeout(()=>c.value=!0,100)};let f;const l=()=>{clearTimeout(f),f=setTimeout(()=>d(),100)};return e.onMounted(()=>{d(),window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),(t,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[i.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"container",ref_key:"containerRef",ref:o,style:e.normalizeStyle({transition:c.value?"transform .5s ease, opacity .5s ease":"none","--translateX":`${a.isOpen?0:-r.value}px`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!i.isOpen}]),onClick:n[0]||(n[0]=(...s)=>i.onCloseClick&&i.onCloseClick(...s)),title:"收起内容栏"},[...n[1]||(n[1]=[e.createElementVNode("span",{class:"iconfont icon-iconguanbi"},null,-1)])],2),e.renderSlot(t.$slots,"default",{},()=>[n[2]||(n[2]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-b57c5d13"]]),E=(i,a)=>{const o=new Array(i.length),r=new Set,c=new Map;for(let l=0;l<a.length;l++){const t=a[l].id;r.add(t),c.set(t,l)}const d=new Array(a.length).fill(!1);let f=0;for(let l=0;l<i.length;l++){const t=i[l].id;if(!r.has(t))f++,o[l]=-f;else{const n=c.get(t);d[n]=!0;let s=0;for(let m=0;m<n;m++)d[m]||s++;o[l]=s-f}}return o},g={style:{"user-select":"none"}},_={class:"title"},$=["title"],T=["onClick"],V=k(e.defineComponent({__name:"FoldList",props:{list:{},activeIndex:{},onHeaderClick:{type:Function},onItemClick:{type:Function}},setup(i){const a=i,o=e.ref(!0),r=e.ref(0),c=e.ref(null),d=e.ref(!1),f=async()=>{await e.nextTick(),c.value&&(r.value=c.value.offsetHeight)},l=async()=>{d.value=!1,await f(),setTimeout(()=>d.value=!0,100)};e.onMounted(()=>{l()}),e.watch(()=>a.list.length,f);const t=e.ref([]),n=e.ref(!1),s=e.ref([...a.list]);return e.watch(()=>a.list,m=>{t.value=E(m,s.value),n.value=!0,s.value=[...m]},{deep:!0}),(m,u)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"header",onClick:u[1]||(u[1]=e.withModifiers((...y)=>i.onHeaderClick&&i.onHeaderClick(...y),["stop"]))},[e.createElementVNode("div",_,[e.renderSlot(m.$slots,"title",{},()=>[u[3]||(u[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:o.value?"rotate(90deg)":"rotate(0deg)"}),title:o.value?"收起列表":"展开列表",onClick:u[0]||(u[0]=e.withModifiers(y=>o.value=!o.value,["stop"]))},null,12,$)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":d.value}]),style:e.normalizeStyle({height:o.value?`calc(0px + ${r.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:c,class:e.normalizeClass(["body",{close:!o.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.list,(y,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,onClick:e.withModifiers(()=>i.onItemClick?.(y,C),["stop"]),style:e.normalizeStyle({"--z-index":a.list.length-C,"--translateY":`${t.value[C]*100}%`}),onAnimationend:u[2]||(u[2]=()=>n.value=!1),class:e.normalizeClass({active:C===a.activeIndex,slide:n.value})},e.toDisplayString(y.name),47,T))),128))],2)],6)]))}}),[["__scopeId","data-v-0d9ea352"]]),b={class:"container"},z=["placeholder"],N=k(e.defineComponent({__name:"Search",props:{placeholder:{},onSearch:{type:Function}},setup(i){const a=i,o=e.ref("");let r=!1;const c=async()=>{await new Promise(l=>setTimeout(l,100)),r=!1},d=()=>{r=!0},f=async l=>{r||a.onSearch?.(l)};return(l,t)=>(e.openBlock(),e.createElementBlock("div",b,[t[3]||(t[3]=e.createElementVNode("span",{class:"iconfont icon-search"},null,-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=n=>o.value=n),class:"input",onKeyup:t[1]||(t[1]=e.withKeys(e.withModifiers(n=>f(o.value.trim()),["prevent"]),["enter"])),onCompositionend:c,onCompositionstart:d,type:"text",placeholder:a.placeholder||"搜索..."},null,40,z),[[e.vModelText,o.value]]),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon-clear",onClick:t[2]||(t[2]=e.withModifiers(n=>o.value="",["stop"]))})):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-05b12da4"]]),x=["title"],I=k(e.defineComponent({__name:"SideBar",props:{visible:{type:Boolean,default:!0},onSwitch:{}},setup(i){const a=i,o=e.ref(!0),r=()=>{o.value=!o.value,a.onSwitch?.(o.value)},c=e.ref(null),d=e.ref(0),f=e.ref(0);let l;const t=()=>{const n=c.value;n&&(clearTimeout(l),l=window.setTimeout(()=>{let s=0,m=n;for(;m;)s+=m.offsetLeft,m=m.offsetParent;d.value=n.offsetWidth,f.value=s+d.value+10},100))};return e.onMounted(()=>{t(),window.addEventListener("resize",t)}),e.onUnmounted(()=>{window.removeEventListener("resize",t)}),(n,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[i.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"container",ref_key:"containerRef",ref:c,style:e.normalizeStyle({"--translateX":`${o.value?0:-f.value}px`,userSelect:"none"})},[e.createElementVNode("div",{class:e.normalizeClass(["icon",{close:!o.value}]),onClick:r,style:e.normalizeStyle({transform:o.value?"translateX(0)":`translateX(${f.value-d.value+45}px)`}),title:o.value?"收起侧边栏":"展开侧边栏"},[...s[0]||(s[0]=[e.createElementVNode("span",{class:"iconfont icon-sidebar_left"},null,-1)])],14,x),e.renderSlot(n.$slots,"default",{},()=>[s[1]||(s[1]=e.createTextVNode("这是内容",-1))],!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-b935b1cb"]]);p.ActionButton=w,p.ContentBar=S,p.FoldList=V,p.Search=N,p.SideBar=I,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "lovelymaid",
-  "version": "1.0.7",
+  "version": "1.0.8",
+  "description": "A library of components based on vue3 that mimics the style of iOS 26",
   "main": "dist/lovelymaid.umd.js",
   "module": "dist/lovelymaid.es.js",
   "types": "dist/index.d.ts",