@soei/flyweight 0.3.13 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Flyweight.cjs +1 -1
- package/Flyweight.js +371 -332
- package/README.md +62 -10
- package/package.json +1 -1
- package/style.css +1 -1
- package/vue2/index.cjs +1 -1
- package/vue2/index.js +342 -310
- package/vue2/style.css +1 -1
package/vue2/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8"
|
|
1
|
+
@charset "UTF-8";html [simply]{background-color:inherit;border:0!important}html [nothing]{margin:0!important;padding:0!important;border:0!important}html [flex],html [space],html [row],html [column]{display:flex}html [column]{flex-direction:column}html [row]{flex-direction:row}html [space]{justify-content:space-between}html [space=around]{justify-content:space-around}html [space=evenly]{justify-content:space-evenly}html [center]{justify-content:center}html [vcenter]{align-items:center}html [hand]{cursor:pointer}html [overflow]{overflow:auto!important}html [overflow=scroll]{overflow:scroll!important}.card[data-v-b1e09a6c]{--t: 0px;--r: 0px;--b: 0px;--l: 0px;--h: 100%;--w: 100%;--br: 1px;position:relative;background-color:var(--bg, var(--card-background-color, #fff));padding:var(--card-padding, 10px);border-radius:var(--card-border-radius, 10px);box-sizing:border-box;border-style:solid;border-color:var(--card-border-color, #555);border-width:var(--br);justify-content:flex-start;margin:var(--t) var(--r) var(--b) var(--l);height:calc(var(--h) - var(--t) - var(--b));width:calc(var(--w) - var(--l) - var(--r));overflow:auto}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar-track,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-track{border-radius:10px}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.card[hover-scroll][data-v-b1e09a6c]::-webkit-scrollbar,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb:hover,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.card[hover-scroll][data-v-b1e09a6c]:hover::-webkit-scrollbar-thumb,.card[auto-scroll][data-v-b1e09a6c]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.card .card[simply][data-v-b1e09a6c]{background-color:inherit;border:0!important}.card .card[nothing][data-v-b1e09a6c]{margin:0!important;padding:0!important;border:0!important}.card .card[flex][data-v-b1e09a6c],.card .card[space][data-v-b1e09a6c],.card .card[row][data-v-b1e09a6c],.card .card[column][data-v-b1e09a6c]{display:flex}.card .card[column][data-v-b1e09a6c]{flex-direction:column}.card .card[row][data-v-b1e09a6c]{flex-direction:row}.card .card[space][data-v-b1e09a6c]{justify-content:space-between}.card .card[space=around][data-v-b1e09a6c]{justify-content:space-around}.card .card[space=evenly][data-v-b1e09a6c]{justify-content:space-evenly}.card .card[center][data-v-b1e09a6c]{justify-content:center}.card .card[vcenter][data-v-b1e09a6c]{align-items:center}.card .card[hand][data-v-b1e09a6c]{cursor:pointer}.card .card[overflow][data-v-b1e09a6c]{overflow:auto!important}.card .card[overflow=scroll][data-v-b1e09a6c]{overflow:scroll!important}.card .card-title[data-v-b1e09a6c]{max-height:40px}.card .card-close[data-v-b1e09a6c]{position:relative;width:20px;height:20px;border-radius:10px;z-index:1;--s-transform: 45deg;--s-hover-transform: 35deg;--s-close-width: 11px;--s-close-height: 2px;cursor:pointer;background-color:var(--s-card-close-background-color, transparent);transition:all .3s ease}.card .card-close.hide[data-v-b1e09a6c]{display:none}.card .card-close[data-v-b1e09a6c]:before,.card .card-close[data-v-b1e09a6c]:after{content:"";display:block;width:var(--s-close-width, 11px);height:var(--s-close-height, 2px);background-color:var(--s-card-close-color, #555);transform-origin:center;position:absolute;border-radius:10px;top:calc(50% - var(--s-close-height, 2px) / 2);left:calc(50% - var(--s-close-width, 11px) / 2)}.card .card-close[data-v-b1e09a6c]:before{transform:rotate(var(--s-transform, 45deg))}.card .card-close[data-v-b1e09a6c]:after{transform:rotate(calc(0deg - var(--s-transform, 45deg)))}.card .card-close[data-v-b1e09a6c]:hover:before{transform:rotate(var(--s-hover-transform, 45deg))}.card .card-close[data-v-b1e09a6c]:hover:after{transform:rotate(calc(0deg - var(--s-hover-transform, 45deg)))}.card .card-content[data-v-b1e09a6c]{overflow:auto;height:100%}.card .card-content[data-v-b1e09a6c]:before{background:linear-gradient(90deg,transparent,var(--card-line-color, transparent),var(--card-line-color, transparent),transparent);content:"";display:block;position:sticky;top:0;width:100%;height:1px;z-index:10;transition:opacity .5s ease-in-out}.flyweight[data-v-d5f1cd63]{height:var(--flyweight-h, 100%);width:var(--flyweight-w, 100%);overflow:auto;position:relative}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-track{border-radius:10px}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.flyweight[hover-scroll][data-v-d5f1cd63]::-webkit-scrollbar,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar{border-radius:10px;width:var(--scrollbar-width, 8px);height:var(--scrollbar-width, 8px)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{border-style:dashed;border-color:transparent;border-width:2px;background-clip:padding-box;cursor:pointer}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb:hover,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color, #101010)}.flyweight[hover-scroll][data-v-d5f1cd63]:hover::-webkit-scrollbar-thumb,.flyweight[auto-scroll][data-v-d5f1cd63]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color, #101010)}.flyweight[scroll-x] .flyweight-all[data-v-d5f1cd63]{width:var(--flyweight-content);height:auto;min-height:100%}.flyweight[scroll-x] .flyweight-all+*[data-v-d5f1cd63]{left:var(--flyweight-content);position:absolute;top:0;height:100%}.flyweight .flyweight-all[data-v-d5f1cd63]{height:var(--flyweight-content)}.flyweight .flyweight-all>*[data-v-d5f1cd63]{width:calc(var(--width));height:var(--height);position:absolute}@media screen and (-apple-system: Macintosh){.flyweight .flyweight-all[data-v-d5f1cd63]{background-color:red!important}}:root{--tips-background-color: #4caf50;--tips-color: #ffffff;--tips-font-size: 8px;--tips-border-radius: 10;--tips-border-width: 3;--tips-offset: 4}.tips[data-v-b7f54162]{display:flex;align-items:center;position:fixed;z-index:10;background-color:var(--tips-background-color);color:var(--tips-color);border-radius:calc(var(--tips-border-radius) * 1px);padding:2px 6px;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);font-weight:700;box-shadow:#0000001f -2px 2px 6px;font-size:var(--tips-font-size)}.tips.warning[data-v-b7f54162],.tips.warn[data-v-b7f54162]{--tips-background-color: #f44336}.tips.notice[data-v-b7f54162]{--tips-background-color: #ff9800}.tips.simply[data-v-b7f54162]{--tips-background-color: #00bcd4}.tips.animate[data-v-b7f54162]{transition:all .3s}.tips-title[data-v-b7f54162]{font-size:calc(var(--tips-font-size) + var(--tips-offset) * 1px);padding-right:3px}.tips-title[data-v-b7f54162]:empty{display:none}.tips[static][data-v-b7f54162]{position:static!important}.tips.arrow[data-v-b7f54162]{--deg: -45deg}.tips.arrow[data-v-b7f54162]:before{transition:all .3s;content:"";visibility:var(--tips-arrow);position:absolute;border:calc(var(--tips-border-width) * 1px) solid var(--tips-color);background-color:var(--tips-background-color);height:calc(var(--tips-border-width) * 2px + 2px);width:calc(var(--tips-border-width) * 2px + 2px);transform:rotate(var(--deg));transform-origin:50% 50%;z-index:-1;border-radius:3px}.tips.s-left[data-v-b7f54162]:before{border-left:0;border-top:0;right:calc(var(--arrow-size) * -1px - 1px)}.tips.s-right[data-v-b7f54162]:before{border-right:0;border-bottom:0;left:calc(var(--arrow-size) * -1px - 1px)}.tips.s-top[data-v-b7f54162]:before{border-top:0;border-right:0;bottom:calc(var(--arrow-size) * -1px - 1px)}.tips.s-bottom[data-v-b7f54162]:before{border-bottom:0;border-left:0;top:calc(var(--arrow-size) * -1px - 1px)}.tips.s-left[data-v-b7f54162]:before,.tips.s-right[data-v-b7f54162]:before{top:calc(var(--tips-arrow-top) * 1px)}.tips.s-top[data-v-b7f54162]:before,.tips.s-bottom[data-v-b7f54162]:before{left:calc(var(--tips-arrow-left) * 1px)}.tips-top[data-v-b7f54162],.tips-left[data-v-b7f54162],.tips-right[data-v-b7f54162],.tips-bottom[data-v-b7f54162]{z-index:20160!important}
|