lovelymaid 1.1.16 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lovelymaid.css +1 -1
- package/dist/lovelymaid.es.js +166 -161
- package/dist/lovelymaid.umd.js +2 -2
- package/package.json +1 -1
package/dist/lovelymaid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ActionButton[data-v-25c29812]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer;--list-z-index: 2;--list-font-size: 10px }ul[data-v-25c29812]{position:absolute;z-index:var(--list-z-index);padding:2px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 10px #0000001a;transform:translateZ(0);backface-visibility:hidden}li[data-v-25c29812]{display:flex;height:26px;padding:0 5px;border-radius:8px;font-size:var(--list-font-size);color:#000;line-height:26px;white-space:nowrap}li[data-v-25c29812]:hover{background-color:#3b86f7;color:#fff}.name[data-v-25c29812]{margin-left:4px}.Button[data-v-9bf2eb25]{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}.Button[data-v-9bf2eb25]:hover{background-color:#eee}.icon-close[data-v-9bf2eb25]{font-size:20px;color:#19191a}.ContentBar[data-v-154e254d]{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(--v2754f15a);transform:translate(var(--v27115a70));overflow:auto;--header-z-index: 3}.header[data-v-154e254d]{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-154e254d]{flex:1;height:30px;margin-top:5px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button[data-v-154e254d]{margin-top:5px}.pop-enter-from[data-v-154e254d],.pop-leave-to[data-v-154e254d]{transform:translate(var(--v27115a70)) 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-c593dad3]{display:flex;gap:5px;height:50px;font-size:8px;isolation:isolate;--top-color: #0067EC}.bar[data-v-c593dad3]{width:calc(var(--v5c1baa8c) * .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(--v6938b9a8) * 1px);box-shadow:0 0 20px #0000001a;cursor:pointer;overflow-x:hidden;transition:var(--v7a794c3a)}.bar[data-v-c593dad3]:not(.active):hover{background-color:#eee}.bar.active[data-v-c593dad3]{width:calc(var(--v0c0fd3c1) * 1px);height:100%;overflow-x:visible}.search[data-v-c593dad3]{width:calc(var(--v5c1baa8c) * 1px);height:100%;transition:var(--v7a794c3a)}.search.active[data-v-c593dad3]{width:calc(var(--v3e3457f0) * 1px);height:80%}.container[data-v-c593dad3]{position:relative;display:flex;width:100%;height:100%}.container.top[data-v-c593dad3]{position:absolute;left:0;top:0;clip-path:inset(var(--v5e1b0ec4) calc(100% - calc(var(--v5285091f) * 1px)) var(--v5e1b0ec4) calc(var(--v23aeeca4) * 1px) round 22px);transform:translateZ(0);backface-visibility:hidden}.tab[data-v-c593dad3]{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--v3f1bed3a) * 1px);height:100%}.tab.button[data-v-c593dad3]{flex-shrink:1;height:100%;aspect-ratio:1 /1}.tab.top[data-v-c593dad3]{position:relative;z-index:1;color:var(--top-color)}.search .Button[data-v-c593dad3]{width:100%;height:100%}.search .Search[data-v-c593dad3]{height:100%;background-color:#f8f8f8e6;border:1px solid #fff;box-shadow:0 0 20px #0000001a;--search-color: #19191a;--placeholder-color: #544957}.slide[data-v-c593dad3]{position:absolute;left:0;top:0;z-index:0;width:calc(var(--v3f1bed3a) * 1px);height:100%;background:var(--ca653672);border:var(--v5cb02dfa);border-radius:calc((var(--v6938b9a8) - 3) * 1px);transform:translate(calc(var(--v75bc93c8) * 1px)) scale(var(--v4e39ddbc));transition:var(--v39319023)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{width:100%;min-height:100vh;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}ul,ol{list-style:none}input,button,textarea,select{border:none;outline:none;border-radius:0}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-search:before{content:""}.icon-info:before{content:""}.icon-sidebar_left:before{content:""}.icon-right-arrow:before{content:""}.icon-clear:before{content:""}.icon-gou:before{content:""}.icon-close:before{content:""}
|
|
1
|
+
.ActionButton[data-v-25c29812]{display:inline-block;position:relative;font-size:20px;color:#3b86f7;cursor:pointer;--list-z-index: 2;--list-font-size: 10px }ul[data-v-25c29812]{position:absolute;z-index:var(--list-z-index);padding:2px;background-color:#f3f6f6;border-radius:10px;box-shadow:0 0 10px #0000001a;transform:translateZ(0);backface-visibility:hidden}li[data-v-25c29812]{display:flex;height:26px;padding:0 5px;border-radius:8px;font-size:var(--list-font-size);color:#000;line-height:26px;white-space:nowrap}li[data-v-25c29812]:hover{background-color:#3b86f7;color:#fff}.name[data-v-25c29812]{margin-left:4px}.Button[data-v-a7928e99]{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid #fff;border-radius:50%;background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 0 20px #0000001a;cursor:pointer;--font-size: calc(var(--v0173abfc) * 1px);--transform: none}.Button[data-v-a7928e99]:hover{background-color:#eee}.iconfont[data-v-a7928e99]{font-size:var(--font-size);color:#19191a;transform:var(--transform)}.ContentBar[data-v-6581f81f]{background-color:#f8f8f8e6;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border:1px solid #fff;border-radius:20px;box-shadow:0 0 20px #0000001a;transition:var(--v6fa15d2c);transform:translate(var(--v6f5dc642));overflow:auto;--header-z-index: 3}.header[data-v-6581f81f]{display:flex;justify-content:space-between;position:sticky;z-index:var(--header-z-index);top:0;height:0;margin-bottom:35px;padding:0 5px 0 10px;box-shadow:0 0 20px 35px #f8f8f8f2}.title[data-v-6581f81f]{flex:1;height:30px;margin-top:5px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button[data-v-6581f81f]{margin-top:5px;--font-size: 20px}.pop-enter-from[data-v-6581f81f],.pop-leave-to[data-v-6581f81f]{transform:translate(var(--v6f5dc642)) scale(0);opacity:0}.header[data-v-be25412b]{display:flex;justify-content:space-between;align-items:center;height:30px}.header .title[data-v-be25412b]{font-size:12px;color:#767676;font-weight:500}.header .iconfont[data-v-be25412b]{font-size:16px;color:#767676;font-weight:700;transition:transform .3s;cursor:pointer;will-change:transform}.body-container[data-v-be25412b]{overflow:hidden}.body-container.enable-transition[data-v-be25412b]{transition:height .5s ease}.body[data-v-be25412b]{transform:translateY(0);transition:transform .5s ease;transition-delay:32ms}.body.close[data-v-be25412b]{transform:translateY(-100%)}.body li[data-v-be25412b]{height:30px;padding:0 10px;border-radius:6px;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.body li.active[data-v-be25412b]{background-color:#e4e4e4;color:#3b86f7}@keyframes slideAnimation-be25412b{0%{transform:translateY(var(--translateY))}to{transform:translateY(0)}}.slideAnimation[data-v-be25412b]{animation:slideAnimation-be25412b .5s}.Search[data-v-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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as I, ref as t, openBlock as f, createElementBlock as _, withModifiers as W, normalizeStyle as H, Fragment as K, renderList as U, renderSlot as $, createElementVNode as p, toDisplayString as V, createCommentVNode as P,
|
|
1
|
+
import { defineComponent as I, ref as t, openBlock as f, createElementBlock as _, withModifiers as W, normalizeStyle as H, Fragment as K, renderList as U, renderSlot as $, createElementVNode as p, toDisplayString as V, createCommentVNode as P, useCssVars as G, onMounted as D, normalizeClass as B, computed as de, onUnmounted as ae, createBlock as se, Transition as fe, withCtx as pe, createVNode as me, createTextVNode as j, watch as q, nextTick as ge, withDirectives as Y, withKeys as ye, vModelText as Ce, vShow as oe } from "vue";
|
|
2
2
|
const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
3
3
|
__name: "ActionButton",
|
|
4
4
|
props: {
|
|
@@ -6,42 +6,42 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
6
6
|
onItemClick: { type: Function }
|
|
7
7
|
},
|
|
8
8
|
setup(d) {
|
|
9
|
-
const l = d, e = t(!1),
|
|
9
|
+
const l = d, e = t(!1), v = t(0), s = t(0), u = (r) => {
|
|
10
10
|
if (e.value) return;
|
|
11
|
-
e.value = !0,
|
|
11
|
+
e.value = !0, v.value = r.offsetX + r.target.offsetWidth / 2, s.value = r.offsetY + r.target.offsetHeight / 2;
|
|
12
12
|
const i = () => {
|
|
13
|
-
e.value = !1,
|
|
13
|
+
e.value = !1, r.target.removeEventListener("click", i), document.removeEventListener("click", i);
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
r.target.addEventListener("click", i), document.addEventListener("click", i);
|
|
16
16
|
};
|
|
17
|
-
return (
|
|
17
|
+
return (r, i) => (f(), _("span", {
|
|
18
18
|
class: "iconfont icon-info ActionButton",
|
|
19
|
-
onClick: W(
|
|
19
|
+
onClick: W(u, ["stop"]),
|
|
20
20
|
style: { "user-select": "none" }
|
|
21
21
|
}, [
|
|
22
22
|
e.value ? (f(), _("ul", {
|
|
23
23
|
key: 0,
|
|
24
|
-
style: H({ left: `${
|
|
24
|
+
style: H({ left: `${v.value}px`, top: `${s.value}px` })
|
|
25
25
|
}, [
|
|
26
|
-
(f(!0), _(K, null, U(l.list, (
|
|
27
|
-
key:
|
|
28
|
-
onClick: (n) => l.onItemClick?.(
|
|
26
|
+
(f(!0), _(K, null, U(l.list, (c, o) => (f(), _("li", {
|
|
27
|
+
key: o,
|
|
28
|
+
onClick: (n) => l.onItemClick?.(o)
|
|
29
29
|
}, [
|
|
30
|
-
$(
|
|
31
|
-
item:
|
|
32
|
-
index:
|
|
30
|
+
$(r.$slots, "default", {
|
|
31
|
+
item: c,
|
|
32
|
+
index: o
|
|
33
33
|
}, void 0, !0),
|
|
34
|
-
p("span", we, V(
|
|
34
|
+
p("span", we, V(c), 1)
|
|
35
35
|
], 8, be))), 128))
|
|
36
36
|
], 4)) : P("", !0)
|
|
37
37
|
]));
|
|
38
38
|
}
|
|
39
|
-
}),
|
|
39
|
+
}), R = (d, l) => {
|
|
40
40
|
const e = d.__vccOpts || d;
|
|
41
|
-
for (const [
|
|
42
|
-
e[
|
|
41
|
+
for (const [v, s] of l)
|
|
42
|
+
e[v] = s;
|
|
43
43
|
return e;
|
|
44
|
-
}, je = /* @__PURE__ */
|
|
44
|
+
}, je = /* @__PURE__ */ R(Te, [["__scopeId", "data-v-25c29812"]]), $e = ["title"], Se = /* @__PURE__ */ I({
|
|
45
45
|
__name: "Button",
|
|
46
46
|
props: {
|
|
47
47
|
type: {},
|
|
@@ -49,19 +49,24 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
49
49
|
title: {}
|
|
50
50
|
},
|
|
51
51
|
setup(d) {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
G((s) => ({
|
|
53
|
+
v0173abfc: v.value
|
|
54
|
+
}));
|
|
55
|
+
const l = d, e = t(null), v = t(0);
|
|
56
|
+
return D(() => setTimeout(() => v.value = e.value.offsetWidth * 1 / 2, 0)), (s, u) => (f(), _("div", {
|
|
54
57
|
class: "Button",
|
|
55
|
-
onClick:
|
|
56
|
-
(...
|
|
57
|
-
title: l.title ? l.title : ""
|
|
58
|
+
onClick: u[0] || (u[0] = //@ts-ignore
|
|
59
|
+
(...r) => l.onClick && l.onClick(...r)),
|
|
60
|
+
title: l.title ? l.title : "",
|
|
61
|
+
ref_key: "buttonRef",
|
|
62
|
+
ref: e
|
|
58
63
|
}, [
|
|
59
64
|
p("span", {
|
|
60
65
|
class: B(["iconfont", `icon-${l.type}`])
|
|
61
66
|
}, null, 2)
|
|
62
67
|
], 8, $e));
|
|
63
68
|
}
|
|
64
|
-
}), he = /* @__PURE__ */
|
|
69
|
+
}), he = /* @__PURE__ */ R(Se, [["__scopeId", "data-v-a7928e99"]]), Be = { class: "header" }, Ie = ["title"], Re = /* @__PURE__ */ I({
|
|
65
70
|
__name: "ContentBar",
|
|
66
71
|
props: {
|
|
67
72
|
visible: { type: Boolean, default: !0 },
|
|
@@ -70,28 +75,28 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
70
75
|
onCloseClick: {}
|
|
71
76
|
},
|
|
72
77
|
setup(d) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
78
|
+
G((o) => ({
|
|
79
|
+
v6fa15d2c: s.value,
|
|
80
|
+
v6f5dc642: r.value
|
|
76
81
|
}));
|
|
77
|
-
const l = d, e = t(null),
|
|
78
|
-
const
|
|
79
|
-
if (!
|
|
80
|
-
let n = 0,
|
|
81
|
-
for (;
|
|
82
|
-
n +=
|
|
83
|
-
const h =
|
|
84
|
-
|
|
85
|
-
},
|
|
82
|
+
const l = d, e = t(null), v = t(0), s = t("none"), u = () => {
|
|
83
|
+
const o = e.value;
|
|
84
|
+
if (!o) return;
|
|
85
|
+
let n = 0, a = o;
|
|
86
|
+
for (; a; )
|
|
87
|
+
n += a.offsetLeft, a = a.offsetParent;
|
|
88
|
+
const h = o.offsetWidth;
|
|
89
|
+
v.value = n + h + 10, setTimeout(() => s.value = "transform .5s, opacity .5s", 100);
|
|
90
|
+
}, r = de(() => `${l.open ? 0 : -v.value}px`);
|
|
86
91
|
let i;
|
|
87
|
-
const
|
|
88
|
-
clearTimeout(i), i = setTimeout(() =>
|
|
92
|
+
const c = () => {
|
|
93
|
+
clearTimeout(i), i = setTimeout(() => u(), 100);
|
|
89
94
|
};
|
|
90
|
-
return
|
|
91
|
-
|
|
92
|
-
}),
|
|
93
|
-
window.removeEventListener("resize",
|
|
94
|
-
}), (
|
|
95
|
+
return D(() => {
|
|
96
|
+
u(), window.addEventListener("resize", c);
|
|
97
|
+
}), ae(() => {
|
|
98
|
+
window.removeEventListener("resize", c);
|
|
99
|
+
}), (o, n) => (f(), se(fe, { name: "pop" }, {
|
|
95
100
|
default: pe(() => [
|
|
96
101
|
l.visible ? (f(), _("div", {
|
|
97
102
|
key: 0,
|
|
@@ -111,7 +116,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
111
116
|
title: "收起内容栏"
|
|
112
117
|
}, null, 8, ["onClick"])
|
|
113
118
|
]),
|
|
114
|
-
$(
|
|
119
|
+
$(o.$slots, "default", {}, () => [
|
|
115
120
|
n[0] || (n[0] = j("这是内容", -1))
|
|
116
121
|
], !0)
|
|
117
122
|
], 512)) : P("", !0)
|
|
@@ -119,25 +124,25 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
119
124
|
_: 3
|
|
120
125
|
}));
|
|
121
126
|
}
|
|
122
|
-
}), qe = /* @__PURE__ */
|
|
123
|
-
const e = new Array(d.length),
|
|
127
|
+
}), qe = /* @__PURE__ */ R(Re, [["__scopeId", "data-v-6581f81f"]]), xe = (d, l) => {
|
|
128
|
+
const e = new Array(d.length), v = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
|
|
124
129
|
for (let i = 0; i < l.length; i++) {
|
|
125
|
-
const
|
|
126
|
-
|
|
130
|
+
const c = l[i].id;
|
|
131
|
+
v.add(c), s.set(c, i);
|
|
127
132
|
}
|
|
128
|
-
const
|
|
129
|
-
let
|
|
133
|
+
const u = new Array(l.length).fill(!1);
|
|
134
|
+
let r = 0;
|
|
130
135
|
for (let i = 0; i < d.length; i++) {
|
|
131
|
-
const
|
|
132
|
-
if (!
|
|
133
|
-
|
|
136
|
+
const c = d[i].id;
|
|
137
|
+
if (!v.has(c))
|
|
138
|
+
r++, e[i] = -r;
|
|
134
139
|
else {
|
|
135
|
-
const
|
|
136
|
-
|
|
140
|
+
const o = s.get(c);
|
|
141
|
+
u[o] = !0;
|
|
137
142
|
let n = 0;
|
|
138
|
-
for (let
|
|
139
|
-
|
|
140
|
-
e[i] = n -
|
|
143
|
+
for (let a = 0; a < o; a++)
|
|
144
|
+
u[a] || n++;
|
|
145
|
+
e[i] = n - r;
|
|
141
146
|
}
|
|
142
147
|
}
|
|
143
148
|
return e;
|
|
@@ -150,18 +155,18 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
150
155
|
onItemClick: {}
|
|
151
156
|
},
|
|
152
157
|
setup(d) {
|
|
153
|
-
const l = d, e = t(!0),
|
|
154
|
-
await ge(), s.value && (
|
|
158
|
+
const l = d, e = t(!0), v = t(0), s = t(null), u = t(!1), r = async () => {
|
|
159
|
+
await ge(), s.value && (v.value = s.value.offsetHeight);
|
|
155
160
|
}, i = async () => {
|
|
156
|
-
|
|
161
|
+
u.value = !1, await r(), setTimeout(() => u.value = !0, 100);
|
|
157
162
|
};
|
|
158
|
-
|
|
163
|
+
D(() => {
|
|
159
164
|
i();
|
|
160
|
-
}), q(() => l.list.length,
|
|
161
|
-
const
|
|
162
|
-
return q(() => l.list, (
|
|
163
|
-
|
|
164
|
-
}, { deep: !0 }), (
|
|
165
|
+
}), q(() => l.list.length, r);
|
|
166
|
+
const c = t([]), o = t(!1), n = t([...l.list]);
|
|
167
|
+
return q(() => l.list, (a) => {
|
|
168
|
+
c.value = xe(a, n.value), o.value = !0, n.value = [...a];
|
|
169
|
+
}, { deep: !0 }), (a, h) => (f(), _("div", Le, [
|
|
165
170
|
p("div", {
|
|
166
171
|
class: "header",
|
|
167
172
|
onClick: h[1] || (h[1] = W(
|
|
@@ -171,7 +176,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
171
176
|
))
|
|
172
177
|
}, [
|
|
173
178
|
p("div", Ee, [
|
|
174
|
-
$(
|
|
179
|
+
$(a.$slots, "title", {}, () => [
|
|
175
180
|
h[3] || (h[3] = j("标题", -1))
|
|
176
181
|
], !0)
|
|
177
182
|
]),
|
|
@@ -183,8 +188,8 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
183
188
|
}, null, 12, Me)
|
|
184
189
|
]),
|
|
185
190
|
p("div", {
|
|
186
|
-
class: B(["body-container", { "enable-transition":
|
|
187
|
-
style: H({ height: e.value ? `calc(0px + ${
|
|
191
|
+
class: B(["body-container", { "enable-transition": u.value }]),
|
|
192
|
+
style: H({ height: e.value ? `calc(0px + ${v.value}px)` : "0px" })
|
|
188
193
|
}, [
|
|
189
194
|
p("ul", {
|
|
190
195
|
ref_key: "bodyRef",
|
|
@@ -194,11 +199,11 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
194
199
|
(f(!0), _(K, null, U(l.list, (g, w) => (f(), _("li", {
|
|
195
200
|
key: w,
|
|
196
201
|
onClick: W(() => d.onItemClick?.(g, w), ["stop"]),
|
|
197
|
-
style: H({ "--translateY": `${
|
|
198
|
-
onAnimationend: h[2] || (h[2] = () =>
|
|
199
|
-
class: B({ active: w === l.activeIndex, slideAnimation:
|
|
202
|
+
style: H({ "--translateY": `${c.value[w] * 100}%` }),
|
|
203
|
+
onAnimationend: h[2] || (h[2] = () => o.value = !1),
|
|
204
|
+
class: B({ active: w === l.activeIndex, slideAnimation: o.value })
|
|
200
205
|
}, [
|
|
201
|
-
$(
|
|
206
|
+
$(a.$slots, "default", {
|
|
202
207
|
item: g,
|
|
203
208
|
index: w
|
|
204
209
|
}, () => [
|
|
@@ -209,38 +214,38 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
209
214
|
], 6)
|
|
210
215
|
]));
|
|
211
216
|
}
|
|
212
|
-
}), Ge = /* @__PURE__ */
|
|
217
|
+
}), Ge = /* @__PURE__ */ R(He, [["__scopeId", "data-v-be25412b"]]), Pe = ["placeholder"], De = /* @__PURE__ */ I({
|
|
213
218
|
__name: "Search",
|
|
214
219
|
props: {
|
|
215
220
|
placeholder: { default: "搜索..." },
|
|
216
221
|
onSearch: {}
|
|
217
222
|
},
|
|
218
223
|
setup(d) {
|
|
219
|
-
|
|
220
|
-
v1a8d67a9:
|
|
224
|
+
G((o) => ({
|
|
225
|
+
v1a8d67a9: v.value
|
|
221
226
|
}));
|
|
222
|
-
const l = d, e = t(null),
|
|
223
|
-
|
|
227
|
+
const l = d, e = t(null), v = t(0);
|
|
228
|
+
D(() => v.value = e.value.offsetHeight);
|
|
224
229
|
const s = t("");
|
|
225
|
-
let
|
|
226
|
-
const
|
|
227
|
-
await new Promise((
|
|
230
|
+
let u = !1;
|
|
231
|
+
const r = async () => {
|
|
232
|
+
await new Promise((o) => setTimeout(o, 100)), u = !1;
|
|
228
233
|
}, i = () => {
|
|
229
|
-
|
|
230
|
-
},
|
|
231
|
-
|
|
234
|
+
u = !0;
|
|
235
|
+
}, c = async (o) => {
|
|
236
|
+
u || l.onSearch?.(o);
|
|
232
237
|
};
|
|
233
|
-
return (
|
|
238
|
+
return (o, n) => (f(), _("div", {
|
|
234
239
|
class: "Search",
|
|
235
240
|
ref_key: "searchRef",
|
|
236
241
|
ref: e
|
|
237
242
|
}, [
|
|
238
243
|
n[3] || (n[3] = p("span", { class: "iconfont icon-search" }, null, -1)),
|
|
239
244
|
Y(p("input", {
|
|
240
|
-
"onUpdate:modelValue": n[0] || (n[0] = (
|
|
245
|
+
"onUpdate:modelValue": n[0] || (n[0] = (a) => s.value = a),
|
|
241
246
|
class: "input",
|
|
242
|
-
onKeyup: n[1] || (n[1] = ye(W((
|
|
243
|
-
onCompositionend:
|
|
247
|
+
onKeyup: n[1] || (n[1] = ye(W((a) => c(s.value.trim()), ["prevent"]), ["enter"])),
|
|
248
|
+
onCompositionend: r,
|
|
244
249
|
onCompositionstart: i,
|
|
245
250
|
type: "text",
|
|
246
251
|
placeholder: l.placeholder
|
|
@@ -250,63 +255,63 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
250
255
|
s.value ? (f(), _("span", {
|
|
251
256
|
key: 0,
|
|
252
257
|
class: "iconfont icon-clear",
|
|
253
|
-
onClick: n[2] || (n[2] = W((
|
|
258
|
+
onClick: n[2] || (n[2] = W((a) => s.value = "", ["stop"]))
|
|
254
259
|
})) : P("", !0)
|
|
255
260
|
], 512));
|
|
256
261
|
}
|
|
257
|
-
}), Xe = /* @__PURE__ */
|
|
262
|
+
}), Xe = /* @__PURE__ */ R(De, [["__scopeId", "data-v-0354f190"]]), Ae = { class: "header" }, ze = ["title"], Ve = /* @__PURE__ */ I({
|
|
258
263
|
__name: "SideBar",
|
|
259
264
|
props: {
|
|
260
265
|
visible: { type: Boolean, default: !0 },
|
|
261
266
|
onSwitch: {}
|
|
262
267
|
},
|
|
263
268
|
setup(d) {
|
|
264
|
-
const l = d, e = t(!0),
|
|
269
|
+
const l = d, e = t(!0), v = () => {
|
|
265
270
|
e.value = !e.value, l.onSwitch?.(e.value);
|
|
266
|
-
}, s = t(null),
|
|
271
|
+
}, s = t(null), u = t(0), r = t(0), i = () => {
|
|
267
272
|
const n = s.value;
|
|
268
273
|
if (!n) return;
|
|
269
|
-
let
|
|
274
|
+
let a = 0, h = n;
|
|
270
275
|
for (; h; )
|
|
271
|
-
|
|
272
|
-
|
|
276
|
+
a += h.offsetLeft, h = h.offsetParent;
|
|
277
|
+
u.value = n.offsetWidth, r.value = a + u.value + 10;
|
|
273
278
|
};
|
|
274
|
-
let
|
|
275
|
-
const
|
|
276
|
-
clearTimeout(
|
|
279
|
+
let c;
|
|
280
|
+
const o = () => {
|
|
281
|
+
clearTimeout(c), c = setTimeout(() => i(), 100);
|
|
277
282
|
};
|
|
278
|
-
return
|
|
279
|
-
i(), window.addEventListener("resize",
|
|
280
|
-
}),
|
|
281
|
-
window.removeEventListener("resize",
|
|
282
|
-
}), (n,
|
|
283
|
+
return D(() => {
|
|
284
|
+
i(), window.addEventListener("resize", o);
|
|
285
|
+
}), ae(() => {
|
|
286
|
+
window.removeEventListener("resize", o);
|
|
287
|
+
}), (n, a) => (f(), se(fe, { name: "pop" }, {
|
|
283
288
|
default: pe(() => [
|
|
284
289
|
d.visible ? (f(), _("div", {
|
|
285
290
|
key: 0,
|
|
286
291
|
class: "SideBar",
|
|
287
292
|
ref_key: "containerRef",
|
|
288
293
|
ref: s,
|
|
289
|
-
style: H({ "--translateX": `${e.value ? 0 : -
|
|
294
|
+
style: H({ "--translateX": `${e.value ? 0 : -r.value}px`, userSelect: "none" })
|
|
290
295
|
}, [
|
|
291
296
|
p("div", Ae, [
|
|
292
297
|
p("div", {
|
|
293
298
|
class: B(["switchButton", { close: !e.value }]),
|
|
294
|
-
onClick:
|
|
295
|
-
style: H({ transform: e.value ? "translateX(0)" : `translateX(${
|
|
299
|
+
onClick: v,
|
|
300
|
+
style: H({ transform: e.value ? "translateX(0)" : `translateX(${r.value - u.value + 45}px)` }),
|
|
296
301
|
title: e.value ? "收起侧边栏" : "展开侧边栏"
|
|
297
|
-
}, [...
|
|
302
|
+
}, [...a[0] || (a[0] = [
|
|
298
303
|
p("span", { class: "iconfont icon-sidebar_left" }, null, -1)
|
|
299
|
-
])], 14,
|
|
304
|
+
])], 14, ze)
|
|
300
305
|
]),
|
|
301
306
|
$(n.$slots, "default", {}, () => [
|
|
302
|
-
|
|
307
|
+
a[1] || (a[1] = j("这是内容", -1))
|
|
303
308
|
], !0)
|
|
304
309
|
], 4)) : P("", !0)
|
|
305
310
|
]),
|
|
306
311
|
_: 3
|
|
307
312
|
}));
|
|
308
313
|
}
|
|
309
|
-
}), Je = /* @__PURE__ */
|
|
314
|
+
}), 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({
|
|
310
315
|
__name: "TabBar",
|
|
311
316
|
props: {
|
|
312
317
|
list: {},
|
|
@@ -314,66 +319,66 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
314
319
|
showSearch: { type: Boolean }
|
|
315
320
|
},
|
|
316
321
|
setup(d) {
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
322
|
+
G((m) => ({
|
|
323
|
+
v0c2a6686: u.value,
|
|
324
|
+
v63eea61c: i.value,
|
|
325
|
+
v67150998: w.value,
|
|
326
|
+
e4c69ef2: s.value,
|
|
327
|
+
v2583fd6a: r.value,
|
|
328
|
+
v4c48a864: te.value,
|
|
329
|
+
v552a12e5: g.value,
|
|
330
|
+
v0afe921e: h.value,
|
|
331
|
+
v323acca9: n.value,
|
|
332
|
+
v5e79bd41: Q.value,
|
|
333
|
+
v5b398440: Z.value,
|
|
334
|
+
v485e0642: b.value,
|
|
335
|
+
v3da9a6b6: ee.value,
|
|
336
|
+
ea0b592e: E.value
|
|
332
337
|
}));
|
|
333
|
-
const l = d, e = de(() => l.list.length),
|
|
334
|
-
|
|
335
|
-
|
|
338
|
+
const l = d, e = de(() => l.list.length), v = t(null), s = t(0), u = t(0), r = t(0), i = t(0), c = t(null), o = t(null), n = t(0), a = t(0), h = t(0), g = t(0), w = t("none");
|
|
339
|
+
D(() => {
|
|
340
|
+
u.value = v.value.offsetHeight, s.value = l.showSearch ? v.value.offsetWidth - u.value - 5 : v.value.offsetWidth - 5, r.value = v.value.offsetWidth - u.value * 0.8 - 5, i.value = u.value / 2, n.value = (s.value - 6) / e.value, g.value = n.value, a.value = (s.value - 6) * (e.value - 1) / e.value, setTimeout(() => w.value = "width .3s, height .3s", 500);
|
|
336
341
|
});
|
|
337
|
-
let
|
|
342
|
+
let x, X, F, L, A, J, O;
|
|
338
343
|
const k = (...m) => {
|
|
339
344
|
m.forEach((T) => {
|
|
340
345
|
T && (clearInterval(T), clearTimeout(T));
|
|
341
346
|
});
|
|
342
347
|
};
|
|
343
|
-
|
|
344
|
-
const
|
|
345
|
-
if (!
|
|
346
|
-
const S = m.clientX -
|
|
347
|
-
T === "start" ? (E.value = "transform .5s, background .2s", b.value = M) : Math.abs(M -
|
|
348
|
-
const ve = new DOMMatrix(window.getComputedStyle(
|
|
349
|
-
Math.abs(M - ve) <
|
|
350
|
-
}, 16),
|
|
351
|
-
},
|
|
352
|
-
|
|
353
|
-
h.value = (
|
|
354
|
-
}, 16), m && (
|
|
348
|
+
ae(() => k(x, X, F, L, A, J, O));
|
|
349
|
+
const Q = t("#eee"), Z = t("none"), ee = t(1), E = t("transform .5s, background .2s"), te = t("0"), z = t(0), b = t(0), ie = (m, T) => {
|
|
350
|
+
if (!c.value || !o.value) return;
|
|
351
|
+
const S = m.clientX - o.value.getBoundingClientRect().left - n.value / 2, ce = new DOMMatrix(window.getComputedStyle(c.value).transform).m41, M = S < 0 ? 0 : S > (e.value - 1) * c.value.offsetWidth ? (e.value - 1) * c.value.offsetWidth : S;
|
|
352
|
+
T === "start" ? (E.value = "transform .5s, background .2s", b.value = M) : Math.abs(M - ce) < a.value / 5 ? (E.value = "background .2s", b.value = M) : (E.value = "background .2s", b.value = ce, L = setInterval(() => {
|
|
353
|
+
const ve = new DOMMatrix(window.getComputedStyle(c.value).transform).m41;
|
|
354
|
+
Math.abs(M - ve) < a.value / 15 ? (E.value = "background .2s", b.value = M, k(L, A)) : b.value += M - ve > 0 ? a.value / 15 : -a.value / 15;
|
|
355
|
+
}, 16), A = setTimeout(() => k(L), 500));
|
|
356
|
+
}, le = (m) => {
|
|
357
|
+
x = setInterval(() => {
|
|
358
|
+
h.value = (c.value?.getBoundingClientRect().left || 0) - (o.value?.getBoundingClientRect().left || 0), g.value = (c.value?.getBoundingClientRect().right || 0) - (o.value?.getBoundingClientRect().left || 0);
|
|
359
|
+
}, 16), m && (X = setTimeout(() => clearInterval(x), m));
|
|
355
360
|
};
|
|
356
|
-
let
|
|
361
|
+
let ne;
|
|
357
362
|
const _e = (m) => {
|
|
358
|
-
|
|
363
|
+
ne = Date.now(), J = setTimeout(() => Q.value = `linear-gradient(
|
|
359
364
|
to bottom,
|
|
360
365
|
transparent 10%,
|
|
361
366
|
rgba(248, 248, 248, 0.9) 10% calc(100% - 10%),
|
|
362
367
|
transparent calc(100% - 10%)
|
|
363
|
-
)`, 100),
|
|
364
|
-
},
|
|
368
|
+
)`, 100), Z.value = "1px solid #fff", ee.value = 1.4, te.value = "-50%", k(O), ie(m, "start"), k(x, X), le(500), document.addEventListener("pointermove", ue), document.addEventListener("pointerup", re);
|
|
369
|
+
}, ue = (m) => {
|
|
365
370
|
if (!F) {
|
|
366
371
|
if (y.value) return y.value = !1;
|
|
367
|
-
k(L,
|
|
372
|
+
k(L, A), ie(m, "move"), k(x, X), le(void 0), F = setTimeout(() => F = void 0, 16);
|
|
368
373
|
}
|
|
369
|
-
},
|
|
370
|
-
if (Date.now() -
|
|
374
|
+
}, re = (m) => {
|
|
375
|
+
if (Date.now() - ne < 100 && k(J), Q.value = "#eee", Z.value = "none", E.value = "transform .5s, background .2s", ee.value = 1, k(O), O = setTimeout(() => te.value = "0", Math.min(Date.now() - ne, 500)), y.value)
|
|
371
376
|
y.value = !1;
|
|
372
377
|
else {
|
|
373
|
-
const T = m.clientX -
|
|
374
|
-
|
|
378
|
+
const T = m.clientX - o.value.getBoundingClientRect().left, C = Math.floor(T / n.value);
|
|
379
|
+
z.value = C > e.value - 1 ? e.value - 1 : C < 0 ? 0 : C;
|
|
375
380
|
}
|
|
376
|
-
k(L,
|
|
381
|
+
k(L, A), b.value = z.value * n.value, k(x, X), le(500), l.onItemClick?.(l.list[z.value], z.value), document.removeEventListener("pointermove", ue), document.removeEventListener("pointerup", re);
|
|
377
382
|
};
|
|
378
383
|
q(() => l.list.length, () => b.value = 0);
|
|
379
384
|
const y = t(!1), N = t(!1), ke = () => {
|
|
@@ -385,7 +390,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
385
390
|
class: "TabBar",
|
|
386
391
|
style: { "user-select": "none" },
|
|
387
392
|
ref_key: "barRef",
|
|
388
|
-
ref:
|
|
393
|
+
ref: v
|
|
389
394
|
}, [
|
|
390
395
|
p("div", {
|
|
391
396
|
class: B(["bar", { active: !y.value }]),
|
|
@@ -394,13 +399,13 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
394
399
|
p("ul", {
|
|
395
400
|
class: "container",
|
|
396
401
|
ref_key: "containerRef",
|
|
397
|
-
ref:
|
|
402
|
+
ref: o,
|
|
398
403
|
onPointerdown: _e
|
|
399
404
|
}, [
|
|
400
405
|
Y(p("li", Fe, [
|
|
401
|
-
$(m.$slots, "bottom", { index:
|
|
406
|
+
$(m.$slots, "bottom", { index: z.value }, void 0, !0)
|
|
402
407
|
], 512), [
|
|
403
|
-
[
|
|
408
|
+
[oe, y.value]
|
|
404
409
|
]),
|
|
405
410
|
(f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Oe, [
|
|
406
411
|
$(m.$slots, "bottom", {
|
|
@@ -413,7 +418,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
413
418
|
p("div", {
|
|
414
419
|
class: "slide",
|
|
415
420
|
ref_key: "slideRef",
|
|
416
|
-
ref:
|
|
421
|
+
ref: c
|
|
417
422
|
}, null, 512),
|
|
418
423
|
(f(!0), _(K, null, U(l.list, (C, S) => (f(), _("li", Ye, [
|
|
419
424
|
$(m.$slots, "top", {
|
|
@@ -423,7 +428,7 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
423
428
|
p("span", null, V(C), 1)
|
|
424
429
|
]))), 256))
|
|
425
430
|
], 512), [
|
|
426
|
-
[
|
|
431
|
+
[oe, !y.value]
|
|
427
432
|
])
|
|
428
433
|
], 544)
|
|
429
434
|
], 2),
|
|
@@ -435,13 +440,13 @@ const be = ["onClick"], we = { class: "name" }, Te = /* @__PURE__ */ I({
|
|
|
435
440
|
type: "search",
|
|
436
441
|
onClick: ke
|
|
437
442
|
}, null, 512), [
|
|
438
|
-
[
|
|
443
|
+
[oe, !N.value]
|
|
439
444
|
]),
|
|
440
445
|
N.value ? (f(), se(Xe, { key: 0 })) : P("", !0)
|
|
441
446
|
], 2)) : P("", !0)
|
|
442
447
|
], 512));
|
|
443
448
|
}
|
|
444
|
-
}), Qe = /* @__PURE__ */
|
|
449
|
+
}), Qe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-5b628272"]]);
|
|
445
450
|
export {
|
|
446
451
|
je as ActionButton,
|
|
447
452
|
he as Button,
|
package/dist/lovelymaid.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.LovelyMaid={},k.Vue))})(this,(function(k,e){"use strict";const q=["onClick"],G={class:"name"},J=e.defineComponent({__name:"ActionButton",props:{list:{},onItemClick:{type:Function}},setup(m){const n=m,t=e.ref(!1),i=e.ref(0),s=e.ref(0),f=d=>{if(t.value)return;t.value=!0,i.value=d.offsetX+d.target.offsetWidth/2,s.value=d.offsetY+d.target.offsetHeight/2;const r=()=>{t.value=!1,d.target.removeEventListener("click",r),document.removeEventListener("click",r)};d.target.addEventListener("click",r),document.addEventListener("click",r)};return(d,r)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info ActionButton",onClick:e.withModifiers(f,["stop"]),style:{"user-select":"none"}},[t.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${i.value}px`,top:`${s.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(c,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,onClick:o=>n.onItemClick?.(l)},[e.renderSlot(d.$slots,"default",{item:c,index:l},void 0,!0),e.createElementVNode("span",G,e.toDisplayString(c),1)],8,q))),128))],4)):e.createCommentVNode("",!0)]))}}),b=(m,n)=>{const t=m.__vccOpts||m;for(const[i,s]of n)t[i]=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){const n=m;return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:"Button",onClick:i[0]||(i[0]=(...s)=>n.onClick&&n.onClick(...s)),title:n.title?n.title:""},[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",`icon-${n.type}`])},null,2)],8,Z))}}),[["__scopeId","data-v-9bf2eb25"]]),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=>({v2754f15a:s.value,v27115a70:d.value}));const n=m,t=e.ref(null),i=e.ref(0),s=e.ref("none"),f=()=>{const l=t.value;if(!l)return;let o=0,a=l;for(;a;)o+=a.offsetLeft,a=a.offsetParent;const p=l.offsetWidth;i.value=o+p+10,setTimeout(()=>s.value="transform .5s, opacity .5s",100)},d=e.computed(()=>`${n.open?0:-i.value}px`);let r;const c=()=>{clearTimeout(r),r=setTimeout(()=>f(),100)};return e.onMounted(()=>{f(),window.addEventListener("resize",c)}),e.onUnmounted(()=>{window.removeEventListener("resize",c)}),(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-154e254d"]]),oe=(m,n)=>{const t=new Array(m.length),i=new Set,s=new Map;for(let r=0;r<n.length;r++){const c=n[r].id;i.add(c),s.set(c,r)}const f=new Array(n.length).fill(!1);let d=0;for(let r=0;r<m.length;r++){const c=m[r].id;if(!i.has(c))d++,t[r]=-d;else{const l=s.get(c);f[l]=!0;let o=0;for(let a=0;a<l;a++)f[a]||o++;t[r]=o-d}}return t},le={style:{"user-select":"none"}},ae={class:"title"},se=["title"],re=["onClick"],ce=b(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},setup(m){const n=m,t=e.ref(!0),i=e.ref(0),s=e.ref(null),f=e.ref(!1),d=async()=>{await e.nextTick(),s.value&&(i.value=s.value.offsetHeight)},r=async()=>{f.value=!1,await d(),setTimeout(()=>f.value=!0,100)};e.onMounted(()=>{r()}),e.watch(()=>n.list.length,d);const c=e.ref([]),l=e.ref(!1),o=e.ref([...n.list]);return e.watch(()=>n.list,a=>{c.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":f.value}]),style:e.normalizeStyle({height:t.value?`calc(0px + ${i.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":`${c.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"]]),ie=["placeholder"],X=b(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},setup(m){e.useCssVars(l=>({v1a8d67a9:i.value}));const n=m,t=e.ref(null),i=e.ref(0);e.onMounted(()=>i.value=t.value.offsetHeight);const s=e.ref("");let f=!1;const d=async()=>{await new Promise(l=>setTimeout(l,100)),f=!1},r=()=>{f=!0},c=async l=>{f||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=>c(s.value.trim()),["prevent"]),["enter"])),onCompositionend:d,onCompositionstart:r,type:"text",placeholder:n.placeholder},null,40,ie),[[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),i=()=>{t.value=!t.value,n.onSwitch?.(t.value)},s=e.ref(null),f=e.ref(0),d=e.ref(0),r=()=>{const o=s.value;if(!o)return;let a=0,p=o;for(;p;)a+=p.offsetLeft,p=p.offsetParent;f.value=o.offsetWidth,d.value=a+f.value+10};let c;const l=()=>{clearTimeout(c),c=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:-d.value}px`,userSelect:"none"})},[e.createElementVNode("div",de,[e.createElementVNode("div",{class:e.normalizeClass(["switchButton",{close:!t.value}]),onClick:i,style:e.normalizeStyle({transform:t.value?"translateX(0)":`translateX(${d.value-f.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=>({v5c1baa8c:f.value,v6938b9a8:r.value,v7a794c3a:g.value,v0c0fd3c1:s.value,v3e3457f0:d.value,v5e1b0ec4:H.value,v5285091f:_.value,v23aeeca4:p.value,v3f1bed3a:o.value,ca653672:D.value,v5cb02dfa:P.value,v75bc93c8:y.value,v4e39ddbc:W.value,v39319023:T.value}));const n=m,t=e.computed(()=>n.list.length),i=e.ref(null),s=e.ref(0),f=e.ref(0),d=e.ref(0),r=e.ref(0),c=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(()=>{f.value=i.value.offsetHeight,s.value=n.showSearch?i.value.offsetWidth-f.value-5:i.value.offsetWidth-5,d.value=i.value.offsetWidth-f.value*.8-5,r.value=f.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,L,E,N,z,M;const h=(...u)=>{u.forEach(v=>{v&&(clearInterval(v),clearTimeout(v))})};e.onUnmounted(()=>h(S,V,L,E,N,z,M));const D=e.ref("#eee"),P=e.ref("none"),W=e.ref(1),T=e.ref("transform .5s, background .2s"),H=e.ref("0"),I=e.ref(0),y=e.ref(0),O=(u,v)=>{if(!c.value||!l.value)return;const w=u.clientX-l.value.getBoundingClientRect().left-o.value/2,Y=new DOMMatrix(window.getComputedStyle(c.value).transform).m41,$=w<0?0:w>(t.value-1)*c.value.offsetWidth?(t.value-1)*c.value.offsetWidth:w;v==="start"?(T.value="transform .5s, background .2s",y.value=$):Math.abs($-Y)<a.value/5?(T.value="background .2s",y.value=$):(T.value="background .2s",y.value=Y,E=setInterval(()=>{const K=new DOMMatrix(window.getComputedStyle(c.value).transform).m41;Math.abs($-K)<a.value/15?(T.value="background .2s",y.value=$,h(E,N)):y.value+=$-K>0?a.value/15:-a.value/15},16),N=setTimeout(()=>h(E),500))},A=u=>{S=setInterval(()=>{p.value=(c.value?.getBoundingClientRect().left||0)-(l.value?.getBoundingClientRect().left||0),_.value=(c.value?.getBoundingClientRect().right||0)-(l.value?.getBoundingClientRect().left||0)},16),u&&(V=setTimeout(()=>clearInterval(S),u))};let F;const Ce=u=>{F=Date.now(),z=setTimeout(()=>D.value=`linear-gradient(
|
|
1
|
+
(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.LovelyMaid={},k.Vue))})(this,(function(k,e){"use strict";const q=["onClick"],G={class:"name"},J=e.defineComponent({__name:"ActionButton",props:{list:{},onItemClick:{type:Function}},setup(m){const n=m,t=e.ref(!1),f=e.ref(0),s=e.ref(0),i=c=>{if(t.value)return;t.value=!0,f.value=c.offsetX+c.target.offsetWidth/2,s.value=c.offsetY+c.target.offsetHeight/2;const r=()=>{t.value=!1,c.target.removeEventListener("click",r),document.removeEventListener("click",r)};c.target.addEventListener("click",r),document.addEventListener("click",r)};return(c,r)=>(e.openBlock(),e.createElementBlock("span",{class:"iconfont icon-info ActionButton",onClick:e.withModifiers(i,["stop"]),style:{"user-select":"none"}},[t.value?(e.openBlock(),e.createElementBlock("ul",{key:0,style:e.normalizeStyle({left:`${f.value}px`,top:`${s.value}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(d,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,onClick:o=>n.onItemClick?.(l)},[e.renderSlot(c.$slots,"default",{item:d,index:l},void 0,!0),e.createElementVNode("span",G,e.toDisplayString(d),1)],8,q))),128))],4)):e.createCommentVNode("",!0)]))}}),b=(m,n)=>{const t=m.__vccOpts||m;for(const[f,s]of n)t[f]=s;return t},Q=b(J,[["__scopeId","data-v-25c29812"]]),Z=["title"],x=b(e.defineComponent({__name:"Button",props:{type:{},onClick:{type:Function},title:{}},setup(m){e.useCssVars(s=>({v0173abfc:f.value}));const n=m,t=e.ref(null),f=e.ref(0);return e.onMounted(()=>setTimeout(()=>f.value=t.value.offsetWidth*1/2,0)),(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:"Button",onClick:i[0]||(i[0]=(...c)=>n.onClick&&n.onClick(...c)),title:n.title?n.title:"",ref_key:"buttonRef",ref:t},[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",`icon-${n.type}`])},null,2)],8,Z))}}),[["__scopeId","data-v-a7928e99"]]),ee={class:"header"},te=["title"],ne=b(e.defineComponent({__name:"ContentBar",props:{visible:{type:Boolean,default:!0},open:{type:Boolean},title:{default:"标题"},onCloseClick:{}},setup(m){e.useCssVars(l=>({v6fa15d2c:s.value,v6f5dc642:c.value}));const n=m,t=e.ref(null),f=e.ref(0),s=e.ref("none"),i=()=>{const l=t.value;if(!l)return;let o=0,a=l;for(;a;)o+=a.offsetLeft,a=a.offsetParent;const p=l.offsetWidth;f.value=o+p+10,setTimeout(()=>s.value="transform .5s, opacity .5s",100)},c=e.computed(()=>`${n.open?0:-f.value}px`);let r;const d=()=>{clearTimeout(r),r=setTimeout(()=>i(),100)};return e.onMounted(()=>{i(),window.addEventListener("resize",d)}),e.onUnmounted(()=>{window.removeEventListener("resize",d)}),(l,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:"pop"},{default:e.withCtx(()=>[n.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"ContentBar",ref_key:"containerRef",ref:t,style:{userSelect:"none"}},[e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"title",title:n.title},e.toDisplayString(n.title),9,te),e.createVNode(x,{type:"close",onClick:n.onCloseClick,title:"收起内容栏"},null,8,["onClick"])]),e.renderSlot(l.$slots,"default",{},()=>[o[0]||(o[0]=e.createTextVNode("这是内容",-1))],!0)],512)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-6581f81f"]]),oe=(m,n)=>{const t=new Array(m.length),f=new Set,s=new Map;for(let r=0;r<n.length;r++){const d=n[r].id;f.add(d),s.set(d,r)}const i=new Array(n.length).fill(!1);let c=0;for(let r=0;r<m.length;r++){const d=m[r].id;if(!f.has(d))c++,t[r]=-c;else{const l=s.get(d);i[l]=!0;let o=0;for(let a=0;a<l;a++)i[a]||o++;t[r]=o-c}}return t},le={style:{"user-select":"none"}},ae={class:"title"},se=["title"],re=["onClick"],ie=b(e.defineComponent({__name:"FoldList",props:{list:{default:()=>[]},activeIndex:{default:-1},onHeaderClick:{},onItemClick:{}},setup(m){const n=m,t=e.ref(!0),f=e.ref(0),s=e.ref(null),i=e.ref(!1),c=async()=>{await e.nextTick(),s.value&&(f.value=s.value.offsetHeight)},r=async()=>{i.value=!1,await c(),setTimeout(()=>i.value=!0,100)};e.onMounted(()=>{r()}),e.watch(()=>n.list.length,c);const d=e.ref([]),l=e.ref(!1),o=e.ref([...n.list]);return e.watch(()=>n.list,a=>{d.value=oe(a,o.value),l.value=!0,o.value=[...a]},{deep:!0}),(a,p)=>(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("div",{class:"header",onClick:p[1]||(p[1]=e.withModifiers((..._)=>m.onHeaderClick&&m.onHeaderClick(..._),["stop"]))},[e.createElementVNode("div",ae,[e.renderSlot(a.$slots,"title",{},()=>[p[3]||(p[3]=e.createTextVNode("标题",-1))],!0)]),e.createElementVNode("span",{class:"iconfont icon-right-arrow",style:e.normalizeStyle({transform:t.value?"rotate(90deg)":"rotate(0deg)"}),title:t.value?"收起列表":"展开列表",onClick:p[0]||(p[0]=e.withModifiers(_=>t.value=!t.value,["stop"]))},null,12,se)]),e.createElementVNode("div",{class:e.normalizeClass(["body-container",{"enable-transition":i.value}]),style:e.normalizeStyle({height:t.value?`calc(0px + ${f.value}px)`:"0px"})},[e.createElementVNode("ul",{ref_key:"bodyRef",ref:s,class:e.normalizeClass(["body",{close:!t.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,onClick:e.withModifiers(()=>m.onItemClick?.(_,g),["stop"]),style:e.normalizeStyle({"--translateY":`${d.value[g]*100}%`}),onAnimationend:p[2]||(p[2]=()=>l.value=!1),class:e.normalizeClass({active:g===n.activeIndex,slideAnimation:l.value})},[e.renderSlot(a.$slots,"default",{item:_,index:g},()=>[e.createTextVNode(e.toDisplayString(_.name),1)],!0)],46,re))),128))],2)],6)]))}}),[["__scopeId","data-v-be25412b"]]),ce=["placeholder"],X=b(e.defineComponent({__name:"Search",props:{placeholder:{default:"搜索..."},onSearch:{}},setup(m){e.useCssVars(l=>({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(
|
|
2
2
|
to bottom,
|
|
3
3
|
transparent 10%,
|
|
4
4
|
rgba(248, 248, 248, 0.9) 10% calc(100% - 10%),
|
|
5
5
|
transparent calc(100% - 10%)
|
|
6
|
-
)`,100),
|
|
6
|
+
)`,100),W.value="1px solid #fff",P.value=1.4,H.value="-50%",h(R),O(u,"start"),h(S,V),A(500),document.addEventListener("pointermove",U),document.addEventListener("pointerup",j)},U=u=>{if(!M){if(C.value)return C.value=!1;h(E,N),O(u,"move"),h(S,V),A(void 0),M=setTimeout(()=>M=void 0,16)}},j=u=>{if(Date.now()-F<100&&h(z),D.value="#eee",W.value="none",T.value="transform .5s, background .2s",P.value=1,h(R),R=setTimeout(()=>H.value="0",Math.min(Date.now()-F,500)),C.value)C.value=!1;else{const v=u.clientX-l.value.getBoundingClientRect().left,y=Math.floor(v/o.value);I.value=y>t.value-1?t.value-1:y<0?0:y}h(E,N),B.value=I.value*o.value,h(S,V),A(500),n.onItemClick?.(n.list[I.value],I.value),document.removeEventListener("pointermove",U),document.removeEventListener("pointerup",j)};e.watch(()=>n.list.length,()=>B.value=0);const C=e.ref(!1),L=e.ref(!1),ye=()=>{C.value=!0,B.value=0};return e.watch(C,u=>{u?setTimeout(()=>L.value=!0,100):setTimeout(()=>L.value=!1,200)}),(u,v)=>(e.openBlock(),e.createElementBlock("div",{class:"TabBar",style:{"user-select":"none"},ref_key:"barRef",ref:f},[e.createElementVNode("div",{class:e.normalizeClass(["bar",{active:!C.value}]),ref:"leftRef"},[e.createElementVNode("ul",{class:"container",ref_key:"containerRef",ref:l,onPointerdown:Ce},[e.withDirectives(e.createElementVNode("li",ue,[e.renderSlot(u.$slots,"bottom",{index:I.value},void 0,!0)],512),[[e.vShow,C.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",pe,[e.renderSlot(u.$slots,"bottom",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256)),e.withDirectives(e.createElementVNode("ul",ke,[e.createElementVNode("div",{class:"slide",ref_key:"slideRef",ref:d},null,512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.list,(y,w)=>(e.openBlock(),e.createElementBlock("li",he,[e.renderSlot(u.$slots,"top",{item:y,index:w},void 0,!0),e.createElementVNode("span",null,e.toDisplayString(y),1)]))),256))],512),[[e.vShow,!C.value]])],544)],2),n.showSearch?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["search",{active:C.value}])},[e.withDirectives(e.createVNode(x,{type:"search",onClick:ye},null,512),[[e.vShow,!L.value]]),L.value?(e.openBlock(),e.createBlock(X,{key:0})):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-5b628272"]]);k.ActionButton=Q,k.Button=x,k.ContentBar=ne,k.FoldList=ie,k.Search=X,k.SideBar=me,k.TabBar=_e,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
|