@hbis-uni/components 2.0.6 → 2.6.0

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.c1-container[data-v-e2028f64]{padding:16px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.c1-primary[data-v-e2028f64]{background-color:#1890ff;color:#fff;border-color:#1890ff}.c2-container[data-v-b1d573ae]{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;margin:16px 0}.c2-title[data-v-b1d573ae]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.c2-content[data-v-b1d573ae]{margin-bottom:16px;color:#666}.c2-button[data-v-b1d573ae]{padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.c2-button[data-v-b1d573ae]:hover{background-color:#73d13d}.hbis-date-strip[data-v-2e8258eb]{display:flex;flex-direction:column;width:100%;padding:8px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.hbis-date-strip--scrollable[data-v-2e8258eb]{overflow:hidden}.hbis-date-strip__scroll-wrapper[data-v-2e8258eb]{overflow:hidden;width:100%}.hbis-date-strip__scroll-container[data-v-2e8258eb]{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.hbis-date-strip__scroll-container[data-v-2e8258eb]::-webkit-scrollbar{display:none}.hbis-date-strip__weekdays[data-v-2e8258eb]{display:flex;margin-bottom:8px;box-sizing:border-box;flex-wrap:nowrap}.hbis-date-strip__weekday[data-v-2e8258eb]{text-align:center;font-size:12px;font-weight:500;color:#666;padding:4px 0;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);box-sizing:border-box}.hbis-date-strip__weekday--weekend[data-v-2e8258eb]{color:#ff4d4f}.hbis-date-strip__dates[data-v-2e8258eb]{display:flex;justify-content:flex-start;width:100%;box-sizing:border-box}.hbis-date-strip--scrollable .hbis-date-strip__weekdays[data-v-2e8258eb]{width:auto}.hbis-date-strip--scrollable .hbis-date-strip__dates[data-v-2e8258eb]{width:auto;flex-wrap:nowrap}.hbis-date-strip:not(.hbis-date-strip--scrollable) .hbis-date-strip__dates[data-v-2e8258eb]{justify-content:space-around;width:100%}.hbis-date-strip__date[data-v-2e8258eb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;border-radius:4px;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);max-width:calc(100% / 7);box-sizing:border-box;white-space:normal}.hbis-date-strip__date--disabled[data-v-2e8258eb]{cursor:not-allowed;opacity:.6}.hbis-date-strip__date-number[data-v-2e8258eb]{font-size:14px;font-weight:500;padding:4px;transition:all .2s ease;width:100%;text-align:center;box-sizing:border-box}.hbis-date-strip__date-slot[data-v-2e8258eb]{margin-top:4px;font-size:10px;text-align:center;width:100%;box-sizing:border-box}.hbis-date-strip--highlight-dot .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-2e8258eb]{border-radius:2px}.hbis-date-strip--highlight-round .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-2e8258eb]{border-radius:50%;padding:4px 8px;min-width:20px;text-align:center}.hbis-date-strip__date--today .hbis-date-strip__date-number[data-v-2e8258eb]{font-weight:600;color:#1890ff!important}.hbis-date-strip__date--disabled[data-v-2e8258eb]{color:#ccc!important;background-color:transparent!important}.image-preview{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;overflow:hidden;z-index:9999;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10}.counter-text{font-weight:500}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;background-color:#00000080;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease}.close-btn:hover{background-color:#000000b3}.swiper-container{position:relative;width:100%;height:100%;overflow:hidden}.swiper-wrapper{display:flex;height:100%}.swiper-slide{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab}.image-container:active{cursor:grabbing}.preview-image{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:12px;border-radius:50%;background-color:#00000080;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease,opacity .2s ease}.nav-btn:hover:not(:disabled){background-color:#000000b3}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn{left:20px}.next-btn{right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.svga-player-container[data-v-6b83dcf1]{position:relative;width:var(--v5ce75b7f);height:var(--v26351a8e);overflow:hidden}.svga-player-canvas[data-v-6b83dcf1]{width:100%;height:100%;display:block}.hbis-auto-scroll-list[data-v-d23f102b]{position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.scroll-content[data-v-d23f102b]{position:absolute;left:0;top:0;will-change:transform;cursor:grab}.scroll-content[data-v-d23f102b]:active{cursor:grabbing}.default-item[data-v-d23f102b]{display:flex;align-items:center;justify-content:center;padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.hbis-auto-scroll-list[data-v-d23f102b]{touch-action:pan-y}.scroll-content[data-v-d23f102b],.scroll-content[data-v-d23f102b]:active{cursor:none}.default-item[data-v-d23f102b]{padding:0 8px;font-size:14px}}@media (max-width: 480px){.default-item[data-v-d23f102b]{padding:0 6px;font-size:13px}}
+@charset "UTF-8";.c1-container[data-v-e2250793]{padding:16px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.c1-primary[data-v-e2250793]{background-color:#1890ff;color:#fff;border-color:#1890ff}.c2-container[data-v-ed1086ed]{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;margin:16px 0}.c2-title[data-v-ed1086ed]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.c2-content[data-v-ed1086ed]{margin-bottom:16px;color:#666}.c2-button[data-v-ed1086ed]{padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.c2-button[data-v-ed1086ed]:hover{background-color:#73d13d}.hbis-date-strip[data-v-f7fe6423]{display:flex;flex-direction:column;width:100%;padding:8px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.hbis-date-strip--scrollable[data-v-f7fe6423]{overflow:hidden}.hbis-date-strip__scroll-wrapper[data-v-f7fe6423]{overflow:hidden;width:100%}.hbis-date-strip__scroll-container[data-v-f7fe6423]{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.hbis-date-strip__scroll-container[data-v-f7fe6423]::-webkit-scrollbar{display:none}.hbis-date-strip__weekdays[data-v-f7fe6423]{display:flex;margin-bottom:8px;box-sizing:border-box;flex-wrap:nowrap}.hbis-date-strip__weekday[data-v-f7fe6423]{text-align:center;font-size:12px;font-weight:500;color:#666;padding:4px 0;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);box-sizing:border-box}.hbis-date-strip__weekday--weekend[data-v-f7fe6423]{color:#ff4d4f}.hbis-date-strip__dates[data-v-f7fe6423]{display:flex;justify-content:flex-start;width:100%;box-sizing:border-box}.hbis-date-strip--scrollable .hbis-date-strip__weekdays[data-v-f7fe6423]{width:auto}.hbis-date-strip--scrollable .hbis-date-strip__dates[data-v-f7fe6423]{width:auto;flex-wrap:nowrap}.hbis-date-strip:not(.hbis-date-strip--scrollable) .hbis-date-strip__dates[data-v-f7fe6423]{justify-content:space-around;width:100%}.hbis-date-strip__date[data-v-f7fe6423]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;border-radius:4px;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);max-width:calc(100% / 7);box-sizing:border-box;white-space:normal}.hbis-date-strip__date--disabled[data-v-f7fe6423]{cursor:not-allowed;opacity:.6}.hbis-date-strip__date-number[data-v-f7fe6423]{font-size:14px;font-weight:500;padding:4px;transition:all .2s ease;width:100%;text-align:center;box-sizing:border-box}.hbis-date-strip__date-slot[data-v-f7fe6423]{margin-top:4px;font-size:10px;text-align:center;width:100%;box-sizing:border-box}.hbis-date-strip--highlight-dot .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-f7fe6423]{border-radius:2px}.hbis-date-strip--highlight-round .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-f7fe6423]{border-radius:50%;padding:4px 8px;min-width:20px;text-align:center}.hbis-date-strip__date--today .hbis-date-strip__date-number[data-v-f7fe6423]{font-weight:600;color:#1890ff!important}.hbis-date-strip__date--disabled[data-v-f7fe6423]{color:#ccc!important;background-color:transparent!important}.image-preview{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;overflow:hidden;z-index:9999;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10}.counter-text{font-weight:500}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;background-color:#00000080;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease}.close-btn:hover{background-color:#000000b3}.swiper-container{position:relative;width:100%;height:100%;overflow:hidden}.swiper-wrapper{display:flex;height:100%}.swiper-slide{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab}.image-container:active{cursor:grabbing}.preview-image{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:12px;border-radius:50%;background-color:#00000080;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease,opacity .2s ease}.nav-btn:hover:not(:disabled){background-color:#000000b3}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn{left:20px}.next-btn{right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hbis-auto-scroll-list[data-v-d516a98e]{position:relative;overflow:hidden;user-select:none;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.scroll-content[data-v-d516a98e]{position:absolute;left:0;top:0;width:100%;will-change:transform;cursor:grab}.scroll-content[data-v-d516a98e]:active{cursor:grabbing}.default-item[data-v-d516a98e]{display:flex;align-items:center;justify-content:center;padding:0 10px;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.hbis-auto-scroll-list[data-v-d516a98e]{touch-action:pan-y}.scroll-content[data-v-d516a98e]{width:100%;cursor:none}.scroll-content[data-v-d516a98e]:active{cursor:none}.default-item[data-v-d516a98e]{padding:0 8px;font-size:14px}}@media (max-width: 480px){.default-item[data-v-d516a98e]{padding:0 6px;font-size:13px}}.hbis-loading-container[data-v-61aef9bd]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.hbis-loading-container.touch-dismissible[data-v-61aef9bd]{cursor:pointer}.hbis-loading-wrapper[data-v-61aef9bd]{background-color:#000c;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;box-shadow:0 4px 12px #0000004d}.hbis-loading-spinner[data-v-61aef9bd]{margin-bottom:16px}.circular-spinner[data-v-61aef9bd]{position:relative;width:40px;height:40px}.circular-spinner .circle[data-v-61aef9bd]{position:absolute;width:100%;height:100%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-61aef9bd 1s linear infinite}@keyframes spin-61aef9bd{to{transform:rotate(360deg)}}.dots-spinner[data-v-61aef9bd]{display:flex;gap:8px}.dots-spinner .dot[data-v-61aef9bd]{width:12px;height:12px;border-radius:50%;background-color:#fff;animation:pulse-61aef9bd 1.4s ease-in-out infinite both}.dots-spinner .dot[data-v-61aef9bd]:nth-child(1){animation-delay:-.32s}.dots-spinner .dot[data-v-61aef9bd]:nth-child(2){animation-delay:-.16s}@keyframes pulse-61aef9bd{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.bars-spinner[data-v-61aef9bd]{display:flex;gap:4px}.bars-spinner .bar[data-v-61aef9bd]{width:8px;height:32px;background-color:#fff;border-radius:4px;animation:stretch-61aef9bd 1.2s ease-in-out infinite}.bars-spinner .bar[data-v-61aef9bd]:nth-child(1){animation-delay:-1.2s}.bars-spinner .bar[data-v-61aef9bd]:nth-child(2){animation-delay:-1.1s}.bars-spinner .bar[data-v-61aef9bd]:nth-child(3){animation-delay:-1s}@keyframes stretch-61aef9bd{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.hbis-loading-text[data-v-61aef9bd]{color:#fff;font-size:14px;line-height:1.4;text-align:center;min-height:20px}@media (max-width: 768px){.hbis-loading-wrapper[data-v-61aef9bd]{padding:20px;min-width:100px}.circular-spinner[data-v-61aef9bd]{width:32px;height:32px}.circular-spinner .circle[data-v-61aef9bd]{border-width:2px}.dots-spinner .dot[data-v-61aef9bd]{width:10px;height:10px}.bars-spinner .bar[data-v-61aef9bd]{width:6px;height:24px}.hbis-loading-text[data-v-61aef9bd]{font-size:12px}}@media (max-width: 480px){.hbis-loading-wrapper[data-v-61aef9bd]{padding:16px;min-width:80px}.hbis-loading-spinner[data-v-61aef9bd]{margin-bottom:12px}.circular-spinner[data-v-61aef9bd]{width:24px;height:24px}.dots-spinner .dot[data-v-61aef9bd]{width:8px;height:8px}.bars-spinner .bar[data-v-61aef9bd]{width:4px;height:16px}.hbis-loading-text[data-v-61aef9bd]{font-size:11px}}.parent-view[data-v-ef42fb9a]{width:100%}.input_view_sms_code[data-v-ef42fb9a]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#000;margin-top:20px;background-color:#f1f7fa;width:100%;border-radius:8px;height:48px;padding:0 1px;box-sizing:border-box;border:1px solid #e4e7ed;transition:border-color .3s,box-shadow .3s}.input_view_sms_code[data-v-ef42fb9a]:focus-within{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.view_sms_code[data-v-ef42fb9a]{flex:1;color:#333;background:transparent;border:none;outline:none;font-size:14px;line-height:1.5;padding:0 8px}.view_sms_code[data-v-ef42fb9a]::placeholder{color:#999}.sms_code_btn[data-v-ef42fb9a]{padding:8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;min-width:100px;display:inline-flex;align-items:center;justify-content:center;outline:none}.sms_code_btn[data-v-ef42fb9a]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.sms_code_btn[data-v-ef42fb9a]:active{transform:translateY(0)}.sms_code_btn.disabled[data-v-ef42fb9a]{opacity:.6;cursor:not-allowed}.sms_code_btn.disabled[data-v-ef42fb9a]:hover{opacity:.6;transform:none;box-shadow:none}page{width:100%}.parent-view{width:100%}.input_view_sms_code{display:flex;flex-direction:row;align-self:center;align-items:center;justify-content:center;color:#000;margin-top:20px;background-color:#f1f7fa;width:100%;border-radius:20px;height:80px}.input_view_sms_code .view_sms_code{align-self:center;color:#000;width:70%;border-radius:20px;height:80px;padding-left:10px}.input_view_sms_code .sms_code_btn{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#2e6dff;border-radius:8px;width:20%;align-self:center;margin-right:2px;text-align:center;height:40px;font-size:14px;color:#fff}.input_view_sms_code .input_view_password_code{align-self:center;color:#000;background-color:#f1f7fa;width:80%;border-radius:20px;height:80px;padding-left:10px}.input_view_sms_code .eye_img_btn{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#0000;border-radius:10px;width:28%;align-self:center;margin-right:10px;text-align:center;height:60px;font-size:26px;color:#2e6dff}.input_view_sms_code .eye_img_btn .eye_img{width:50px}.waterfall-debug[data-v-cae450ae]{background-color:#f0f0f0;padding:10px;margin-bottom:10px;border-radius:4px}.waterfall-container[data-v-cae450ae]{display:flex;gap:var(--columnGap);width:100%}.waterfall-column[data-v-cae450ae]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--rowGap)}.column-debug[data-v-cae450ae]{background-color:#e0e0e0;padding:5px;border-radius:4px;font-size:12px}.waterfall-item[data-v-cae450ae]{width:100%}.waterfall-image[data-v-cae450ae]{width:100%;height:auto;display:block}.waterfall-item-with-slot[data-v-cae450ae]{display:flex;flex-direction:column;width:100%}.waterfall-content[data-v-cae450ae]{padding:10px;background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000001a}.svga-player-container[data-v-94c319f8]{position:relative;width:var(--v404d30eb);height:var(--a0ec1abc);overflow:hidden}.svga-player-canvas[data-v-94c319f8]{width:100%;height:100%;display:block}.search-dropdown{position:relative;width:100%}.input-wrapper{border:2px solid #dcdfe6;border-radius:8px;padding:20px 60px 20px 20px;transition:all .3s ease;position:relative}.clear-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:32px;color:#c0c4cc;cursor:pointer;padding:4px}.clear-icon:active{color:#909399}.input-wrapper.focus{box-shadow:0 0 0 2px #409eff33}.search-input{width:100%;font-size:28px;color:#303133;border-style:none}.search-input:focus{outline:none}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 12px #0000001a;z-index:1000;margin-top:8px}.dropdown-item{padding:20px 24px;border-bottom:1px solid #ebeef5}.dropdown-item:last-child{border-bottom:none}.item-text{font-size:28px;color:#606266}.dropdown-item:active{background:#f5f7fa}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbis-uni/components",
-  "version": "2.0.6",
+  "version": "2.6.0",
   "description": "HBIS UNI components library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -36,24 +36,34 @@
       "require": "dist/index.cjs.js",
       "types": "dist/types/index.d.ts"
     },
-    "./hbis-svgaplayer": {
+    "./hbis-auto-scroll-list": {
       "import": "dist/index.es.js",
       "require": "dist/index.cjs.js",
       "types": "dist/types/index.d.ts"
     },
-    "./hbis-auto-scroll-list": {
+    "./hbis-loading": {
       "import": "dist/index.es.js",
       "require": "dist/index.cjs.js",
       "types": "dist/types/index.d.ts"
     },
-    "./dist/style.css": {
-      "import": "dist/style.css",
-      "require": "dist/style.css"
+    "./hbis-waterfall": {
+      "import": "dist/index.es.js",
+      "require": "dist/index.cjs.js",
+      "types": "dist/types/index.d.ts"
+    },
+    "./hbis-svgaPlayer": {
+      "import": "dist/index.es.js",
+      "require": "dist/index.cjs.js",
+      "types": "dist/types/index.d.ts"
     },
     "./hbis-search-input": {
       "import": "dist/index.es.js",
       "require": "dist/index.cjs.js",
       "types": "dist/types/index.d.ts"
+    },
+    "./dist/style.css": {
+      "import": "dist/style.css",
+      "require": "dist/style.css"
     }
   },
   "peerDependencies": {