hzzt-plus 0.0.1-dev-01 → 0.0.1-dev-03

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--hzzt-color-white:#ffffff;--hzzt-color-black:#000000;--hzzt-color-primary-rgb:64,158,255;--hzzt-color-success-rgb:103,194,58;--hzzt-color-warning-rgb:230,162,60;--hzzt-color-danger-rgb:245,108,108;--hzzt-color-error-rgb:245,108,108;--hzzt-color-info-rgb:144,147,153;--hzzt-font-size-extra-large:20px;--hzzt-font-size-large:18px;--hzzt-font-size-medium:16px;--hzzt-font-size-base:14px;--hzzt-font-size-small:13px;--hzzt-font-size-extra-small:12px;--hzzt-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--hzzt-font-weight-primary:500;--hzzt-font-line-height-primary:24px;--hzzt-index-normal:1;--hzzt-index-top:1000;--hzzt-index-popper:2000;--hzzt-border-radius-base:4px;--hzzt-border-radius-small:2px;--hzzt-border-radius-round:20px;--hzzt-border-radius-circle:100%;--hzzt-transition-duration:0.3s;--hzzt-transition-duration-fast:0.2s;--hzzt-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--hzzt-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--hzzt-transition-all:all var(--hzzt-transition-duration) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-fade:opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-md-fade:transform var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier),opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-fade-linear:opacity var(--hzzt-transition-duration-fast) linear;--hzzt-transition-border:border-color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-box-shadow:box-shadow var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-color:color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-component-size-large:40px;--hzzt-component-size:32px;--hzzt-component-size-small:24px;color-scheme:light;--hzzt-color-primary:#409eff;--hzzt-color-primary-light-3:#79bbff;--hzzt-color-primary-light-5:#a0cfff;--hzzt-color-primary-light-7:#c6e2ff;--hzzt-color-primary-light-8:#d9ecff;--hzzt-color-primary-light-9:#ecf5ff;--hzzt-color-primary-dark-2:#337ecc;--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:#95d475;--hzzt-color-success-light-5:#b3e19d;--hzzt-color-success-light-7:#d1edc4;--hzzt-color-success-light-8:#e1f3d8;--hzzt-color-success-light-9:#f0f9eb;--hzzt-color-success-dark-2:#529b2e;--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:#eebe77;--hzzt-color-warning-light-5:#f3d19e;--hzzt-color-warning-light-7:#f8e3c5;--hzzt-color-warning-light-8:#faecd8;--hzzt-color-warning-light-9:#fdf6ec;--hzzt-color-warning-dark-2:#b88230;--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:#f89898;--hzzt-color-danger-light-5:#fab6b6;--hzzt-color-danger-light-7:#fcd3d3;--hzzt-color-danger-light-8:#fde2e2;--hzzt-color-danger-light-9:#fef0f0;--hzzt-color-danger-dark-2:#c45656;--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:#f89898;--hzzt-color-error-light-5:#fab6b6;--hzzt-color-error-light-7:#fcd3d3;--hzzt-color-error-light-8:#fde2e2;--hzzt-color-error-light-9:#fef0f0;--hzzt-color-error-dark-2:#c45656;--hzzt-color-info:#909399;--hzzt-color-info-light-3:#b1b3b8;--hzzt-color-info-light-5:#c8c9cc;--hzzt-color-info-light-7:#dedfe0;--hzzt-color-info-light-8:#e9e9eb;--hzzt-color-info-light-9:#f4f4f5;--hzzt-color-info-dark-2:#73767a;--hzzt-bg-color:#ffffff;--hzzt-bg-color-page:#f2f3f5;--hzzt-bg-color-overlay:#ffffff;--hzzt-text-color-primary:#303133;--hzzt-text-color-regular:#606266;--hzzt-text-color-secondary:#909399;--hzzt-text-color-placeholder:#a8abb2;--hzzt-text-color-disabled:#c0c4cc;--hzzt-border-color:#dcdfe6;--hzzt-border-color-light:#e4e7ed;--hzzt-border-color-lighter:#ebeef5;--hzzt-border-color-extra-light:#f2f6fc;--hzzt-border-color-dark:#d4d7de;--hzzt-border-color-darker:#cdd0d6;--hzzt-fill-color:#f0f2f5;--hzzt-fill-color-light:#f5f7fa;--hzzt-fill-color-lighter:#fafafa;--hzzt-fill-color-extra-light:#fafcff;--hzzt-fill-color-dark:#ebedf0;--hzzt-fill-color-darker:#e6e8eb;--hzzt-fill-color-blank:#ffffff;--hzzt-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--hzzt-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--hzzt-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--hzzt-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--hzzt-disabled-bg-color:var(--hzzt-fill-color-light);--hzzt-disabled-text-color:var(--hzzt-text-color-placeholder);--hzzt-disabled-border-color:var(--hzzt-border-color-light);--hzzt-overlay-color:rgba(0,0,0,0.8);--hzzt-overlay-color-light:rgba(0,0,0,0.7);--hzzt-overlay-color-lighter:rgba(0,0,0,0.5);--hzzt-mask-color:rgba(255,255,255,0.9);--hzzt-mask-color-extra-light:rgba(255,255,255,0.3);--hzzt-border-width:1px;--hzzt-border-style:solid;--hzzt-border-color-hover:var(--hzzt-text-color-disabled);--hzzt-border:var(--hzzt-border-width) var(--hzzt-border-style) var(--hzzt-border-color);--hzzt-svg-monochrome-grey:var(--hzzt-border-color)}.flex{display:flex;display:-webkit-flex}.column{flex-direction:column}.row{flex-direction:row}.wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap}.justify-content-center{justify-content:center;-webkit-justify-content:center}.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}.justify-content-around{justify-content:space-around;-webkit-justify-content:space-around}.justify-content-start{justify-content:flex-start;-webkit-justify-content:flex-start}.justify-content-end{justify-content:flex-end;-webkit-justify-content:flex-end}.align-content-between{align-content:space-between}.align-items-center{align-items:center;-webkit-align-items:center}.align-items-start{align-items:flex-start;-webkit-align-items:flex-start}.align-items-end{align-items:flex-end;-webkit-align-items:flex-end}.align-items-stretch{align-items:stretch;-webkit-align-items:stretch}.align-items-baseline{align-items:baseline;-webkit-align-items:baseline}.align-self-center{align-self:center;-webkit-align-self:center}.align-self-start{align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{align-self:flex-end;-webkit-align-self:flex-end}.align-self-stretch{align-self:stretch;-webkit-align-self:stretch}.align-self-baseline{align-self:baseline;-webkit-align-self:baseline}.flex-1{flex:1;-webkit-flex:1;-ms-flex:1}.flex-2{flex:2;-webkit-flex:2;-ms-flex:2}.flex-3{flex:3;-webkit-flex:3;-ms-flex:3}.flex-4{flex:4;-webkit-flex:4;-ms-flex:4}.flex-5{flex:5;-webkit-flex:5;-ms-flex:5}.flex-6{flex:6;-webkit-flex:6;-ms-flex:6}.flex-7{flex:7;-webkit-flex:7;-ms-flex:7}.flex-8{flex:8;-webkit-flex:8;-ms-flex:8}.padding-0{padding:0}.padding-v-0{padding-bottom:0;padding-top:0}.padding-h-0{padding-left:0;padding-right:0}.padding-t-0{padding-top:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-b-0{padding-bottom:0}.margin-0{margin:0}.margin-v-0{margin-bottom:0;margin-top:0}.margin-h-0{margin-left:0;margin-right:0}.margin-t-0{margin-top:0}.margin-l-0{margin-left:0}.margin-r-0{margin-right:0}.margin-b-0{margin-bottom:0}.padding-1{padding:4px}.padding-v-1{padding-bottom:4px;padding-top:4px}.padding-h-1{padding-left:4px;padding-right:4px}.padding-t-1{padding-top:4px}.padding-l-1{padding-left:4px}.padding-r-1{padding-right:4px}.padding-b-1{padding-bottom:4px}.margin-1{margin:4px}.margin-v-1{margin-bottom:4px;margin-top:4px}.margin-h-1{margin-left:4px;margin-right:4px}.margin-t-1{margin-top:4px}.margin-l-1{margin-left:4px}.margin-r-1{margin-right:4px}.margin-b-1{margin-bottom:4px}.padding-2{padding:8px}.padding-v-2{padding-bottom:8px;padding-top:8px}.padding-h-2{padding-left:8px;padding-right:8px}.padding-t-2{padding-top:8px}.padding-l-2{padding-left:8px}.padding-r-2{padding-right:8px}.padding-b-2{padding-bottom:8px}.margin-2{margin:8px}.margin-v-2{margin-bottom:8px;margin-top:8px}.margin-h-2{margin-left:8px;margin-right:8px}.margin-t-2{margin-top:8px}.margin-l-2{margin-left:8px}.margin-r-2{margin-right:8px}.margin-b-2{margin-bottom:8px}.padding-3{padding:12px}.padding-v-3{padding-bottom:12px;padding-top:12px}.padding-h-3{padding-left:12px;padding-right:12px}.padding-t-3{padding-top:12px}.padding-l-3{padding-left:12px}.padding-r-3{padding-right:12px}.padding-b-3{padding-bottom:12px}.margin-3{margin:12px}.margin-v-3{margin-bottom:12px;margin-top:12px}.margin-h-3{margin-left:12px;margin-right:12px}.margin-t-3{margin-top:12px}.margin-l-3{margin-left:12px}.margin-r-3{margin-right:12px}.margin-b-3{margin-bottom:12px}.padding-4{padding:16px}.padding-v-4{padding-bottom:16px;padding-top:16px}.padding-h-4{padding-left:16px;padding-right:16px}.padding-t-4{padding-top:16px}.padding-l-4{padding-left:16px}.padding-r-4{padding-right:16px}.padding-b-4{padding-bottom:16px}.margin-4{margin:16px}.margin-v-4{margin-bottom:16px;margin-top:16px}.margin-h-4{margin-left:16px;margin-right:16px}.margin-t-4{margin-top:16px}.margin-l-4{margin-left:16px}.margin-r-4{margin-right:16px}.margin-b-4{margin-bottom:16px}.padding-5{padding:20px}.padding-v-5{padding-bottom:20px;padding-top:20px}.padding-h-5{padding-left:20px;padding-right:20px}.padding-t-5{padding-top:20px}.padding-l-5{padding-left:20px}.padding-r-5{padding-right:20px}.padding-b-5{padding-bottom:20px}.margin-5{margin:20px}.margin-v-5{margin-bottom:20px;margin-top:20px}.margin-h-5{margin-left:20px;margin-right:20px}.margin-t-5{margin-top:20px}.margin-l-5{margin-left:20px}.margin-r-5{margin-right:20px}.margin-b-5{margin-bottom:20px}.padding-6{padding:24px}.padding-v-6{padding-bottom:24px;padding-top:24px}.padding-h-6{padding-left:24px;padding-right:24px}.padding-t-6{padding-top:24px}.padding-l-6{padding-left:24px}.padding-r-6{padding-right:24px}.padding-b-6{padding-bottom:24px}.margin-6{margin:24px}.margin-v-6{margin-bottom:24px;margin-top:24px}.margin-h-6{margin-left:24px;margin-right:24px}.margin-t-6{margin-top:24px}.margin-l-6{margin-left:24px}.margin-r-6{margin-right:24px}.margin-b-6{margin-bottom:24px}.padding-7{padding:28px}.padding-v-7{padding-bottom:28px;padding-top:28px}.padding-h-7{padding-left:28px;padding-right:28px}.padding-t-7{padding-top:28px}.padding-l-7{padding-left:28px}.padding-r-7{padding-right:28px}.padding-b-7{padding-bottom:28px}.margin-7{margin:28px}.margin-v-7{margin-bottom:28px;margin-top:28px}.margin-h-7{margin-left:28px;margin-right:28px}.margin-t-7{margin-top:28px}.margin-l-7{margin-left:28px}.margin-r-7{margin-right:28px}.margin-b-7{margin-bottom:28px}.padding-8{padding:32px}.padding-v-8{padding-bottom:32px;padding-top:32px}.padding-h-8{padding-left:32px;padding-right:32px}.padding-t-8{padding-top:32px}.padding-l-8{padding-left:32px}.padding-r-8{padding-right:32px}.padding-b-8{padding-bottom:32px}.margin-8{margin:32px}.margin-v-8{margin-bottom:32px;margin-top:32px}.margin-h-8{margin-left:32px;margin-right:32px}.margin-t-8{margin-top:32px}.margin-l-8{margin-left:32px}.margin-r-8{margin-right:32px}.margin-b-8{margin-bottom:32px}.width-0{width:0}.min-width-0{min-width:0}.max-width-0{max-width:0}.height-0{height:0}.min-height-0{min-height:0}.max-height-0{max-height:0}.width-1{width:50px}.min-width-1{min-width:50px}.max-width-1{max-width:50px}.height-1{height:50px}.min-height-1{min-height:50px}.max-height-1{max-height:50px}.width-2{width:100px}.min-width-2{min-width:100px}.max-width-2{max-width:100px}.height-2{height:100px}.min-height-2{min-height:100px}.max-height-2{max-height:100px}.width-3{width:150px}.min-width-3{min-width:150px}.max-width-3{max-width:150px}.height-3{height:150px}.min-height-3{min-height:150px}.max-height-3{max-height:150px}.width-4{width:200px}.min-width-4{min-width:200px}.max-width-4{max-width:200px}.height-4{height:200px}.min-height-4{min-height:200px}.max-height-4{max-height:200px}.width-5{width:250px}.min-width-5{min-width:250px}.max-width-5{max-width:250px}.height-5{height:250px}.min-height-5{min-height:250px}.max-height-5{max-height:250px}.width-6{width:300px}.min-width-6{min-width:300px}.max-width-6{max-width:300px}.height-6{height:300px}.min-height-6{min-height:300px}.max-height-6{max-height:300px}.width-7{width:350px}.min-width-7{min-width:350px}.max-width-7{max-width:350px}.height-7{height:350px}.min-height-7{min-height:350px}.max-height-7{max-height:350px}.width-8{width:400px}.min-width-8{min-width:400px}.max-width-8{max-width:400px}.height-8{height:400px}.min-height-8{min-height:400px}.max-height-8{max-height:400px}.width-9{width:450px}.min-width-9{min-width:450px}.max-width-9{max-width:450px}.height-9{height:450px}.min-height-9{min-height:450px}.max-height-9{max-height:450px}.width-10{width:500px}.min-width-10{min-width:500px}.max-width-10{max-width:500px}.height-10{height:500px}.min-height-10{min-height:500px}.max-height-10{max-height:500px}.width-12{width:600px}.min-width-12{min-width:600px}.max-width-12{max-width:600px}.height-12{height:600px}.min-height-12{min-height:600px}.max-height-12{max-height:600px}.width-13{width:650px}.min-width-13{min-width:650px}.max-width-13{max-width:650px}.height-13{height:650px}.min-height-13{min-height:650px}.max-height-13{max-height:650px}.width-14{width:700px}.min-width-14{min-width:700px}.max-width-14{max-width:700px}.height-14{height:700px}.min-height-14{min-height:700px}.max-height-14{max-height:700px}.width-15{width:750px}.min-width-15{min-width:750px}.max-width-15{max-width:750px}.height-15{height:750px}.min-height-15{min-height:750px}.max-height-15{max-height:750px}.width-16{width:800px}.min-width-16{min-width:800px}.max-width-16{max-width:800px}.height-16{height:800px}.min-height-16{min-height:800px}.max-height-16{max-height:800px}.width-17{width:850px}.min-width-17{min-width:850px}.max-width-17{max-width:850px}.height-17{height:850px}.min-height-17{min-height:850px}.max-height-17{max-height:850px}.width-18{width:900px}.min-width-18{min-width:900px}.max-width-18{max-width:900px}.height-18{height:900px}.min-height-18{min-height:900px}.max-height-18{max-height:900px}.width-19{width:950px}.min-width-19{min-width:950px}.max-width-19{max-width:950px}.height-19{height:950px}.min-height-19{min-height:950px}.max-height-19{max-height:950px}.width-20{width:1000px}.min-width-20{min-width:1000px}.max-width-20{max-width:1000px}.height-20{height:1000px}.min-height-20{min-height:1000px}.max-height-20{max-height:1000px}.width-0\%{width:0}.min-width-0\%{min-width:0}.max-width-0\%{max-width:0}.height-0\%{height:0}.min-height-0\%{min-height:0}.max-height-0\%{max-height:0}.width-5\%{width:5%}.min-width-5\%{min-width:5%}.max-width-5\%{max-width:5%}.height-5\%{height:5%}.min-height-5\%{min-height:5%}.max-height-5\%{max-height:5%}.width-10\%{width:10%}.min-width-10\%{min-width:10%}.max-width-10\%{max-width:10%}.height-10\%{height:10%}.min-height-10\%{min-height:10%}.max-height-10\%{max-height:10%}.width-15\%{width:15%}.min-width-15\%{min-width:15%}.max-width-15\%{max-width:15%}.height-15\%{height:15%}.min-height-15\%{min-height:15%}.max-height-15\%{max-height:15%}.width-20\%{width:20%}.min-width-20\%{min-width:20%}.max-width-20\%{max-width:20%}.height-20\%{height:20%}.min-height-20\%{min-height:20%}.max-height-20\%{max-height:20%}.width-25\%{width:25%}.min-width-25\%{min-width:25%}.max-width-25\%{max-width:25%}.height-25\%{height:25%}.min-height-25\%{min-height:25%}.max-height-25\%{max-height:25%}.width-30\%{width:30%}.min-width-30\%{min-width:30%}.max-width-30\%{max-width:30%}.height-30\%{height:30%}.min-height-30\%{min-height:30%}.max-height-30\%{max-height:30%}.width-35\%{width:35%}.min-width-35\%{min-width:35%}.max-width-35\%{max-width:35%}.height-35\%{height:35%}.min-height-35\%{min-height:35%}.max-height-35\%{max-height:35%}.width-40\%{width:40%}.min-width-40\%{min-width:40%}.max-width-40\%{max-width:40%}.height-40\%{height:40%}.min-height-40\%{min-height:40%}.max-height-40\%{max-height:40%}.width-45\%{width:45%}.min-width-45\%{min-width:45%}.max-width-45\%{max-width:45%}.height-45\%{height:45%}.min-height-45\%{min-height:45%}.max-height-45\%{max-height:45%}.width-50\%{width:50%}.min-width-50\%{min-width:50%}.max-width-50\%{max-width:50%}.height-50\%{height:50%}.min-height-50\%{min-height:50%}.max-height-50\%{max-height:50%}.width-55\%{width:55%}.min-width-55\%{min-width:55%}.max-width-55\%{max-width:55%}.height-55\%{height:55%}.min-height-55\%{min-height:55%}.max-height-55\%{max-height:55%}.width-60\%{width:60%}.min-width-60\%{min-width:60%}.max-width-60\%{max-width:60%}.height-60\%{height:60%}.min-height-60\%{min-height:60%}.max-height-60\%{max-height:60%}.width-65\%{width:65%}.min-width-65\%{min-width:65%}.max-width-65\%{max-width:65%}.height-65\%{height:65%}.min-height-65\%{min-height:65%}.max-height-65\%{max-height:65%}.width-70\%{width:70%}.min-width-70\%{min-width:70%}.max-width-70\%{max-width:70%}.height-70\%{height:70%}.min-height-70\%{min-height:70%}.max-height-70\%{max-height:70%}.width-75\%{width:75%}.min-width-75\%{min-width:75%}.max-width-75\%{max-width:75%}.height-75\%{height:75%}.min-height-75\%{min-height:75%}.max-height-75\%{max-height:75%}.width-80\%{width:80%}.min-width-80\%{min-width:80%}.max-width-80\%{max-width:80%}.height-80\%{height:80%}.min-height-80\%{min-height:80%}.max-height-80\%{max-height:80%}.width-85\%{width:85%}.min-width-85\%{min-width:85%}.max-width-85\%{max-width:85%}.height-85\%{height:85%}.min-height-85\%{min-height:85%}.max-height-85\%{max-height:85%}.width-90\%{width:90%}.min-width-90\%{min-width:90%}.max-width-90\%{max-width:90%}.height-90\%{height:90%}.min-height-90\%{min-height:90%}.max-height-90\%{max-height:90%}.width-95\%{width:95%}.min-width-95\%{min-width:95%}.max-width-95\%{max-width:95%}.height-95\%{height:95%}.min-height-95\%{min-height:95%}.max-height-95\%{max-height:95%}.width-100\%{width:100%}.min-width-100\%{min-width:100%}.max-width-100\%{max-width:100%}.height-100\%{height:100%}.min-height-100\%{min-height:100%}.max-height-100\%{max-height:100%}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-48{font-size:48px}.font-64{font-size:64px}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.line-height-0{line-height:0}.line-height-1{line-height:1}.line-height-2{line-height:2}.line-height-1\.2{line-height:1.2}.line-height-1\.5{line-height:1.5}.bold{font-weight:bold}.normal{font-weight:normal}.lighter{font-weight:lighter}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-y-auto .overflow-x-hidden{overflow-x:hidden;overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hzzt-title{color:#000}.hzzt-title .decorative-line{background:var(--hzzt-color-primary);height:18px;margin-right:7px;min-width:3px;width:3px}.hzzt-title .label-name{color:inherit;font-size:16px;line-height:24px}.hzzt-dropdown{display:block;list-style-type:disc;margin-left:8px}.hzzt-dropdown .hzzt-dropdown-li{color:white;cursor:pointer;padding:4px 6px;position:relative}.hzzt-dropdown .hzzt-dropdown-li-show{background-color:rgba(0,0,0,.1);border-radius:4px}.hzzt-dropdown .hzzt-dropdown-li-show .hzzt-dropdown-menu{display:block}.hzzt-dropdown .hzzt-dropdown-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzzt-dropdown .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-bottom:2px;margin-left:2px;vertical-align:middle;width:0}.hzzt-dropdown .hzzt-dropdown-menu{background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;font-size:13px;list-style:none;margin:6px 0 0;min-width:150px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item{color:black;display:block;margin:0;padding:0 10px}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a{border-radius:3px;clear:both;color:#000;display:block;font-weight:400;line-height:1.42857143;margin:5px 0;padding:2px 10px;text-decoration:none;white-space:nowrap}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu{position:relative}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu .submenu:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--hzzt-border-color);border-right:0 solid transparent;border-top:5px solid transparent;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .pull-right{display:block}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu{background-color:#FFF4D7;color:#000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:after{border-left-color:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover:after{border-left-color:white}.hzzt-dropdown .hzzt-dropdown-menu .divider{background-color:#eee;height:1px;margin:9px;overflow:hidden}.hzzt-dropdown .hzzt-dropdown-menu .pull-right{display:none;margin:0;right:100%;top:-10px}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label{background:var(--hzzt-color-primary-lignt-5);color:white;position:relative}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:hover{background:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:after{display:block;position:absolute;right:24px;top:4px;speak:none;border:1px solid white;border-left:0;border-top:0;box-sizing:content-box;content:"";height:10px;transform:rotate(45deg) scaleY(1);transform-origin:center;transition:transform .15s ease-in .05s;width:5px}
+@charset "UTF-8";:root{--hzzt-color-white:#ffffff;--hzzt-color-black:#000000;--hzzt-color-primary-rgb:64,158,255;--hzzt-color-success-rgb:103,194,58;--hzzt-color-warning-rgb:230,162,60;--hzzt-color-danger-rgb:245,108,108;--hzzt-color-error-rgb:245,108,108;--hzzt-color-info-rgb:144,147,153;--hzzt-font-size-extra-large:20px;--hzzt-font-size-large:18px;--hzzt-font-size-medium:16px;--hzzt-font-size-base:14px;--hzzt-font-size-small:13px;--hzzt-font-size-extra-small:12px;--hzzt-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--hzzt-font-weight-primary:500;--hzzt-font-line-height-primary:24px;--hzzt-index-normal:1;--hzzt-index-top:1000;--hzzt-index-popper:2000;--hzzt-border-radius-base:4px;--hzzt-border-radius-small:2px;--hzzt-border-radius-round:20px;--hzzt-border-radius-circle:100%;--hzzt-transition-duration:0.3s;--hzzt-transition-duration-fast:0.2s;--hzzt-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--hzzt-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--hzzt-transition-all:all var(--hzzt-transition-duration) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-fade:opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-md-fade:transform var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier),opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-fade-linear:opacity var(--hzzt-transition-duration-fast) linear;--hzzt-transition-border:border-color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-box-shadow:box-shadow var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-color:color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-component-size-large:40px;--hzzt-component-size:32px;--hzzt-component-size-small:24px;color-scheme:light;--hzzt-color-primary:#409eff;--hzzt-color-primary-light-3:#79bbff;--hzzt-color-primary-light-5:#a0cfff;--hzzt-color-primary-light-7:#c6e2ff;--hzzt-color-primary-light-8:#d9ecff;--hzzt-color-primary-light-9:#ecf5ff;--hzzt-color-primary-dark-2:#337ecc;--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:#95d475;--hzzt-color-success-light-5:#b3e19d;--hzzt-color-success-light-7:#d1edc4;--hzzt-color-success-light-8:#e1f3d8;--hzzt-color-success-light-9:#f0f9eb;--hzzt-color-success-dark-2:#529b2e;--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:#eebe77;--hzzt-color-warning-light-5:#f3d19e;--hzzt-color-warning-light-7:#f8e3c5;--hzzt-color-warning-light-8:#faecd8;--hzzt-color-warning-light-9:#fdf6ec;--hzzt-color-warning-dark-2:#b88230;--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:#f89898;--hzzt-color-danger-light-5:#fab6b6;--hzzt-color-danger-light-7:#fcd3d3;--hzzt-color-danger-light-8:#fde2e2;--hzzt-color-danger-light-9:#fef0f0;--hzzt-color-danger-dark-2:#c45656;--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:#f89898;--hzzt-color-error-light-5:#fab6b6;--hzzt-color-error-light-7:#fcd3d3;--hzzt-color-error-light-8:#fde2e2;--hzzt-color-error-light-9:#fef0f0;--hzzt-color-error-dark-2:#c45656;--hzzt-color-info:#909399;--hzzt-color-info-light-3:#b1b3b8;--hzzt-color-info-light-5:#c8c9cc;--hzzt-color-info-light-7:#dedfe0;--hzzt-color-info-light-8:#e9e9eb;--hzzt-color-info-light-9:#f4f4f5;--hzzt-color-info-dark-2:#73767a;--hzzt-bg-color:#ffffff;--hzzt-bg-color-page:#f2f3f5;--hzzt-bg-color-overlay:#ffffff;--hzzt-text-color-primary:#303133;--hzzt-text-color-regular:#606266;--hzzt-text-color-secondary:#909399;--hzzt-text-color-placeholder:#a8abb2;--hzzt-text-color-disabled:#c0c4cc;--hzzt-border-color:#dcdfe6;--hzzt-border-color-light:#e4e7ed;--hzzt-border-color-lighter:#ebeef5;--hzzt-border-color-extra-light:#f2f6fc;--hzzt-border-color-dark:#d4d7de;--hzzt-border-color-darker:#cdd0d6;--hzzt-fill-color:#f0f2f5;--hzzt-fill-color-light:#f5f7fa;--hzzt-fill-color-lighter:#fafafa;--hzzt-fill-color-extra-light:#fafcff;--hzzt-fill-color-dark:#ebedf0;--hzzt-fill-color-darker:#e6e8eb;--hzzt-fill-color-blank:#ffffff;--hzzt-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--hzzt-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--hzzt-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--hzzt-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--hzzt-disabled-bg-color:var(--hzzt-fill-color-light);--hzzt-disabled-text-color:var(--hzzt-text-color-placeholder);--hzzt-disabled-border-color:var(--hzzt-border-color-light);--hzzt-overlay-color:rgba(0,0,0,0.8);--hzzt-overlay-color-light:rgba(0,0,0,0.7);--hzzt-overlay-color-lighter:rgba(0,0,0,0.5);--hzzt-mask-color:rgba(255,255,255,0.9);--hzzt-mask-color-extra-light:rgba(255,255,255,0.3);--hzzt-border-width:1px;--hzzt-border-style:solid;--hzzt-border-color-hover:var(--hzzt-text-color-disabled);--hzzt-border:var(--hzzt-border-width) var(--hzzt-border-style) var(--hzzt-border-color);--hzzt-svg-monochrome-grey:var(--hzzt-border-color)}.flex{display:flex;display:-webkit-flex}.column{flex-direction:column}.row{flex-direction:row}.wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap}.justify-content-center{justify-content:center;-webkit-justify-content:center}.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}.justify-content-around{justify-content:space-around;-webkit-justify-content:space-around}.justify-content-start{justify-content:flex-start;-webkit-justify-content:flex-start}.justify-content-end{justify-content:flex-end;-webkit-justify-content:flex-end}.align-content-between{align-content:space-between}.align-items-center{align-items:center;-webkit-align-items:center}.align-items-start{align-items:flex-start;-webkit-align-items:flex-start}.align-items-end{align-items:flex-end;-webkit-align-items:flex-end}.align-items-stretch{align-items:stretch;-webkit-align-items:stretch}.align-items-baseline{align-items:baseline;-webkit-align-items:baseline}.align-self-center{align-self:center;-webkit-align-self:center}.align-self-start{align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{align-self:flex-end;-webkit-align-self:flex-end}.align-self-stretch{align-self:stretch;-webkit-align-self:stretch}.align-self-baseline{align-self:baseline;-webkit-align-self:baseline}.flex-1{flex:1;-webkit-flex:1;-ms-flex:1}.flex-2{flex:2;-webkit-flex:2;-ms-flex:2}.flex-3{flex:3;-webkit-flex:3;-ms-flex:3}.flex-4{flex:4;-webkit-flex:4;-ms-flex:4}.flex-5{flex:5;-webkit-flex:5;-ms-flex:5}.flex-6{flex:6;-webkit-flex:6;-ms-flex:6}.flex-7{flex:7;-webkit-flex:7;-ms-flex:7}.flex-8{flex:8;-webkit-flex:8;-ms-flex:8}.padding-0{padding:0}.padding-v-0{padding-bottom:0;padding-top:0}.padding-h-0{padding-left:0;padding-right:0}.padding-t-0{padding-top:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-b-0{padding-bottom:0}.margin-0{margin:0}.margin-v-0{margin-bottom:0;margin-top:0}.margin-h-0{margin-left:0;margin-right:0}.margin-t-0{margin-top:0}.margin-l-0{margin-left:0}.margin-r-0{margin-right:0}.margin-b-0{margin-bottom:0}.padding-1{padding:4px}.padding-v-1{padding-bottom:4px;padding-top:4px}.padding-h-1{padding-left:4px;padding-right:4px}.padding-t-1{padding-top:4px}.padding-l-1{padding-left:4px}.padding-r-1{padding-right:4px}.padding-b-1{padding-bottom:4px}.margin-1{margin:4px}.margin-v-1{margin-bottom:4px;margin-top:4px}.margin-h-1{margin-left:4px;margin-right:4px}.margin-t-1{margin-top:4px}.margin-l-1{margin-left:4px}.margin-r-1{margin-right:4px}.margin-b-1{margin-bottom:4px}.padding-2{padding:8px}.padding-v-2{padding-bottom:8px;padding-top:8px}.padding-h-2{padding-left:8px;padding-right:8px}.padding-t-2{padding-top:8px}.padding-l-2{padding-left:8px}.padding-r-2{padding-right:8px}.padding-b-2{padding-bottom:8px}.margin-2{margin:8px}.margin-v-2{margin-bottom:8px;margin-top:8px}.margin-h-2{margin-left:8px;margin-right:8px}.margin-t-2{margin-top:8px}.margin-l-2{margin-left:8px}.margin-r-2{margin-right:8px}.margin-b-2{margin-bottom:8px}.padding-3{padding:12px}.padding-v-3{padding-bottom:12px;padding-top:12px}.padding-h-3{padding-left:12px;padding-right:12px}.padding-t-3{padding-top:12px}.padding-l-3{padding-left:12px}.padding-r-3{padding-right:12px}.padding-b-3{padding-bottom:12px}.margin-3{margin:12px}.margin-v-3{margin-bottom:12px;margin-top:12px}.margin-h-3{margin-left:12px;margin-right:12px}.margin-t-3{margin-top:12px}.margin-l-3{margin-left:12px}.margin-r-3{margin-right:12px}.margin-b-3{margin-bottom:12px}.padding-4{padding:16px}.padding-v-4{padding-bottom:16px;padding-top:16px}.padding-h-4{padding-left:16px;padding-right:16px}.padding-t-4{padding-top:16px}.padding-l-4{padding-left:16px}.padding-r-4{padding-right:16px}.padding-b-4{padding-bottom:16px}.margin-4{margin:16px}.margin-v-4{margin-bottom:16px;margin-top:16px}.margin-h-4{margin-left:16px;margin-right:16px}.margin-t-4{margin-top:16px}.margin-l-4{margin-left:16px}.margin-r-4{margin-right:16px}.margin-b-4{margin-bottom:16px}.padding-5{padding:20px}.padding-v-5{padding-bottom:20px;padding-top:20px}.padding-h-5{padding-left:20px;padding-right:20px}.padding-t-5{padding-top:20px}.padding-l-5{padding-left:20px}.padding-r-5{padding-right:20px}.padding-b-5{padding-bottom:20px}.margin-5{margin:20px}.margin-v-5{margin-bottom:20px;margin-top:20px}.margin-h-5{margin-left:20px;margin-right:20px}.margin-t-5{margin-top:20px}.margin-l-5{margin-left:20px}.margin-r-5{margin-right:20px}.margin-b-5{margin-bottom:20px}.padding-6{padding:24px}.padding-v-6{padding-bottom:24px;padding-top:24px}.padding-h-6{padding-left:24px;padding-right:24px}.padding-t-6{padding-top:24px}.padding-l-6{padding-left:24px}.padding-r-6{padding-right:24px}.padding-b-6{padding-bottom:24px}.margin-6{margin:24px}.margin-v-6{margin-bottom:24px;margin-top:24px}.margin-h-6{margin-left:24px;margin-right:24px}.margin-t-6{margin-top:24px}.margin-l-6{margin-left:24px}.margin-r-6{margin-right:24px}.margin-b-6{margin-bottom:24px}.padding-7{padding:28px}.padding-v-7{padding-bottom:28px;padding-top:28px}.padding-h-7{padding-left:28px;padding-right:28px}.padding-t-7{padding-top:28px}.padding-l-7{padding-left:28px}.padding-r-7{padding-right:28px}.padding-b-7{padding-bottom:28px}.margin-7{margin:28px}.margin-v-7{margin-bottom:28px;margin-top:28px}.margin-h-7{margin-left:28px;margin-right:28px}.margin-t-7{margin-top:28px}.margin-l-7{margin-left:28px}.margin-r-7{margin-right:28px}.margin-b-7{margin-bottom:28px}.padding-8{padding:32px}.padding-v-8{padding-bottom:32px;padding-top:32px}.padding-h-8{padding-left:32px;padding-right:32px}.padding-t-8{padding-top:32px}.padding-l-8{padding-left:32px}.padding-r-8{padding-right:32px}.padding-b-8{padding-bottom:32px}.margin-8{margin:32px}.margin-v-8{margin-bottom:32px;margin-top:32px}.margin-h-8{margin-left:32px;margin-right:32px}.margin-t-8{margin-top:32px}.margin-l-8{margin-left:32px}.margin-r-8{margin-right:32px}.margin-b-8{margin-bottom:32px}.width-0{width:0}.min-width-0{min-width:0}.max-width-0{max-width:0}.height-0{height:0}.min-height-0{min-height:0}.max-height-0{max-height:0}.width-1{width:50px}.min-width-1{min-width:50px}.max-width-1{max-width:50px}.height-1{height:50px}.min-height-1{min-height:50px}.max-height-1{max-height:50px}.width-2{width:100px}.min-width-2{min-width:100px}.max-width-2{max-width:100px}.height-2{height:100px}.min-height-2{min-height:100px}.max-height-2{max-height:100px}.width-3{width:150px}.min-width-3{min-width:150px}.max-width-3{max-width:150px}.height-3{height:150px}.min-height-3{min-height:150px}.max-height-3{max-height:150px}.width-4{width:200px}.min-width-4{min-width:200px}.max-width-4{max-width:200px}.height-4{height:200px}.min-height-4{min-height:200px}.max-height-4{max-height:200px}.width-5{width:250px}.min-width-5{min-width:250px}.max-width-5{max-width:250px}.height-5{height:250px}.min-height-5{min-height:250px}.max-height-5{max-height:250px}.width-6{width:300px}.min-width-6{min-width:300px}.max-width-6{max-width:300px}.height-6{height:300px}.min-height-6{min-height:300px}.max-height-6{max-height:300px}.width-7{width:350px}.min-width-7{min-width:350px}.max-width-7{max-width:350px}.height-7{height:350px}.min-height-7{min-height:350px}.max-height-7{max-height:350px}.width-8{width:400px}.min-width-8{min-width:400px}.max-width-8{max-width:400px}.height-8{height:400px}.min-height-8{min-height:400px}.max-height-8{max-height:400px}.width-9{width:450px}.min-width-9{min-width:450px}.max-width-9{max-width:450px}.height-9{height:450px}.min-height-9{min-height:450px}.max-height-9{max-height:450px}.width-10{width:500px}.min-width-10{min-width:500px}.max-width-10{max-width:500px}.height-10{height:500px}.min-height-10{min-height:500px}.max-height-10{max-height:500px}.width-12{width:600px}.min-width-12{min-width:600px}.max-width-12{max-width:600px}.height-12{height:600px}.min-height-12{min-height:600px}.max-height-12{max-height:600px}.width-13{width:650px}.min-width-13{min-width:650px}.max-width-13{max-width:650px}.height-13{height:650px}.min-height-13{min-height:650px}.max-height-13{max-height:650px}.width-14{width:700px}.min-width-14{min-width:700px}.max-width-14{max-width:700px}.height-14{height:700px}.min-height-14{min-height:700px}.max-height-14{max-height:700px}.width-15{width:750px}.min-width-15{min-width:750px}.max-width-15{max-width:750px}.height-15{height:750px}.min-height-15{min-height:750px}.max-height-15{max-height:750px}.width-16{width:800px}.min-width-16{min-width:800px}.max-width-16{max-width:800px}.height-16{height:800px}.min-height-16{min-height:800px}.max-height-16{max-height:800px}.width-17{width:850px}.min-width-17{min-width:850px}.max-width-17{max-width:850px}.height-17{height:850px}.min-height-17{min-height:850px}.max-height-17{max-height:850px}.width-18{width:900px}.min-width-18{min-width:900px}.max-width-18{max-width:900px}.height-18{height:900px}.min-height-18{min-height:900px}.max-height-18{max-height:900px}.width-19{width:950px}.min-width-19{min-width:950px}.max-width-19{max-width:950px}.height-19{height:950px}.min-height-19{min-height:950px}.max-height-19{max-height:950px}.width-20{width:1000px}.min-width-20{min-width:1000px}.max-width-20{max-width:1000px}.height-20{height:1000px}.min-height-20{min-height:1000px}.max-height-20{max-height:1000px}.width-0\%{width:0}.min-width-0\%{min-width:0}.max-width-0\%{max-width:0}.height-0\%{height:0}.min-height-0\%{min-height:0}.max-height-0\%{max-height:0}.width-5\%{width:5%}.min-width-5\%{min-width:5%}.max-width-5\%{max-width:5%}.height-5\%{height:5%}.min-height-5\%{min-height:5%}.max-height-5\%{max-height:5%}.width-10\%{width:10%}.min-width-10\%{min-width:10%}.max-width-10\%{max-width:10%}.height-10\%{height:10%}.min-height-10\%{min-height:10%}.max-height-10\%{max-height:10%}.width-15\%{width:15%}.min-width-15\%{min-width:15%}.max-width-15\%{max-width:15%}.height-15\%{height:15%}.min-height-15\%{min-height:15%}.max-height-15\%{max-height:15%}.width-20\%{width:20%}.min-width-20\%{min-width:20%}.max-width-20\%{max-width:20%}.height-20\%{height:20%}.min-height-20\%{min-height:20%}.max-height-20\%{max-height:20%}.width-25\%{width:25%}.min-width-25\%{min-width:25%}.max-width-25\%{max-width:25%}.height-25\%{height:25%}.min-height-25\%{min-height:25%}.max-height-25\%{max-height:25%}.width-30\%{width:30%}.min-width-30\%{min-width:30%}.max-width-30\%{max-width:30%}.height-30\%{height:30%}.min-height-30\%{min-height:30%}.max-height-30\%{max-height:30%}.width-35\%{width:35%}.min-width-35\%{min-width:35%}.max-width-35\%{max-width:35%}.height-35\%{height:35%}.min-height-35\%{min-height:35%}.max-height-35\%{max-height:35%}.width-40\%{width:40%}.min-width-40\%{min-width:40%}.max-width-40\%{max-width:40%}.height-40\%{height:40%}.min-height-40\%{min-height:40%}.max-height-40\%{max-height:40%}.width-45\%{width:45%}.min-width-45\%{min-width:45%}.max-width-45\%{max-width:45%}.height-45\%{height:45%}.min-height-45\%{min-height:45%}.max-height-45\%{max-height:45%}.width-50\%{width:50%}.min-width-50\%{min-width:50%}.max-width-50\%{max-width:50%}.height-50\%{height:50%}.min-height-50\%{min-height:50%}.max-height-50\%{max-height:50%}.width-55\%{width:55%}.min-width-55\%{min-width:55%}.max-width-55\%{max-width:55%}.height-55\%{height:55%}.min-height-55\%{min-height:55%}.max-height-55\%{max-height:55%}.width-60\%{width:60%}.min-width-60\%{min-width:60%}.max-width-60\%{max-width:60%}.height-60\%{height:60%}.min-height-60\%{min-height:60%}.max-height-60\%{max-height:60%}.width-65\%{width:65%}.min-width-65\%{min-width:65%}.max-width-65\%{max-width:65%}.height-65\%{height:65%}.min-height-65\%{min-height:65%}.max-height-65\%{max-height:65%}.width-70\%{width:70%}.min-width-70\%{min-width:70%}.max-width-70\%{max-width:70%}.height-70\%{height:70%}.min-height-70\%{min-height:70%}.max-height-70\%{max-height:70%}.width-75\%{width:75%}.min-width-75\%{min-width:75%}.max-width-75\%{max-width:75%}.height-75\%{height:75%}.min-height-75\%{min-height:75%}.max-height-75\%{max-height:75%}.width-80\%{width:80%}.min-width-80\%{min-width:80%}.max-width-80\%{max-width:80%}.height-80\%{height:80%}.min-height-80\%{min-height:80%}.max-height-80\%{max-height:80%}.width-85\%{width:85%}.min-width-85\%{min-width:85%}.max-width-85\%{max-width:85%}.height-85\%{height:85%}.min-height-85\%{min-height:85%}.max-height-85\%{max-height:85%}.width-90\%{width:90%}.min-width-90\%{min-width:90%}.max-width-90\%{max-width:90%}.height-90\%{height:90%}.min-height-90\%{min-height:90%}.max-height-90\%{max-height:90%}.width-95\%{width:95%}.min-width-95\%{min-width:95%}.max-width-95\%{max-width:95%}.height-95\%{height:95%}.min-height-95\%{min-height:95%}.max-height-95\%{max-height:95%}.width-100\%{width:100%}.min-width-100\%{min-width:100%}.max-width-100\%{max-width:100%}.height-100\%{height:100%}.min-height-100\%{min-height:100%}.max-height-100\%{max-height:100%}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-48{font-size:48px}.font-64{font-size:64px}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.line-height-0{line-height:0}.line-height-1{line-height:1}.line-height-2{line-height:2}.line-height-1\.2{line-height:1.2}.line-height-1\.5{line-height:1.5}.bold{font-weight:bold}.normal{font-weight:normal}.lighter{font-weight:lighter}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-y-auto .overflow-x-hidden{overflow-x:hidden;overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hzzt-title{color:#000}.hzzt-title .decorative-line{background:var(--hzzt-color-primary);height:18px;margin-right:7px;min-width:3px;width:3px}.hzzt-title .label-name{color:inherit;font-size:16px;line-height:24px}.hzzt-dropdown{display:block;list-style-type:disc;margin-left:8px}.hzzt-dropdown .hzzt-dropdown-li{color:white;cursor:pointer;padding:4px 6px;position:relative}.hzzt-dropdown .hzzt-dropdown-li-show{background-color:rgba(0,0,0,.1);border-radius:4px}.hzzt-dropdown .hzzt-dropdown-li-show .hzzt-dropdown-menu{display:block}.hzzt-dropdown .hzzt-dropdown-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzzt-dropdown .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-bottom:2px;margin-left:2px;vertical-align:middle;width:0}.hzzt-dropdown .hzzt-dropdown-menu{background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;font-size:13px;list-style:none;margin:6px 0 0;min-width:150px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item{color:black;display:block;margin:0;padding:0 10px}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a{border-radius:3px;clear:both;color:#000;display:block;font-weight:400;line-height:1.42857143;margin:5px 0;padding:2px 10px;text-decoration:none;white-space:nowrap}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu{position:relative}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu .submenu:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--hzzt-border-color);border-right:0 solid transparent;border-top:5px solid transparent;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .pull-right{display:block}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu{background-color:#FFF4D7;color:#000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:after{border-left-color:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover:after{border-left-color:white}.hzzt-dropdown .hzzt-dropdown-menu .divider{background-color:#eee;height:1px;margin:9px;overflow:hidden}.hzzt-dropdown .hzzt-dropdown-menu .pull-right{display:none;margin:0;right:100%;top:-10px}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label{background:var(--hzzt-color-primary-light-5);color:white;position:relative}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:hover{background:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:after{display:block;position:absolute;right:24px;top:4px;speak:none;border:1px solid white;border-left:0;border-top:0;box-sizing:content-box;content:"";height:10px;transform:rotate(45deg) scaleY(1);transform-origin:center;transition:transform .15s ease-in .05s;width:5px}

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v0.0.0-dev.1 */
+/*! Hzzt Plus v0.0.1 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -6,27 +6,15 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HzztPlus = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
-
-  const version$1 = "0.0.0-dev.1";
-
-  const makeInstaller = (components = []) => {
-    const install = (app) => {
-      if (app[INSTALLED_KEY])
-        return;
-      app[INSTALLED_KEY] = true;
-      components.forEach((c) => app.use(c));
-    };
-    return {
-      version: version$1,
-      install
-    };
-  };
-
   var _a;
   const isClient = typeof window !== "undefined";
   isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
+  const hasOwnProperty$p = Object.prototype.hasOwnProperty;
+  const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
+  const isArray$1 = Array.isArray;
+  const isObject$1 = (val) => val !== null && typeof val === "object";
+
   var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
   var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -2217,7 +2205,7 @@
 
   var Promise$1 = getNative(root, "Promise");
 
-  var Set = getNative(root, "Set");
+  var Set$1 = getNative(root, "Set");
 
   var mapTag$8 = "[object Map]";
   var objectTag$2 = "[object Object]";
@@ -2228,10 +2216,10 @@
   var dataViewCtorString = toSource(DataView);
   var mapCtorString = toSource(Map$1);
   var promiseCtorString = toSource(Promise$1);
-  var setCtorString = toSource(Set);
+  var setCtorString = toSource(Set$1);
   var weakMapCtorString = toSource(WeakMap);
   var getTag = baseGetTag;
-  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set && getTag(new Set()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
+  if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$8 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$8 || WeakMap && getTag(new WeakMap()) != weakMapTag$2) {
     getTag = function(value) {
       var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
@@ -4022,7 +4010,7 @@
   var setTag$2 = "[object Set]";
   var objectProto$3 = Object.prototype;
   var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-  function isEmpty(value) {
+  function isEmpty$1(value) {
     if (value == null) {
       return true;
     }
@@ -5657,8 +5645,8 @@
   }
 
   var INFINITY = 1 / 0;
-  var createSet = !(Set && 1 / setToArray(new Set([, -0]))[1] == INFINITY) ? noop : function(values) {
-    return new Set(values);
+  var createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == INFINITY) ? noop : function(values) {
+    return new Set$1(values);
   };
 
   var LARGE_ARRAY_SIZE = 200;
@@ -6054,7 +6042,7 @@
     isBuffer,
     isDate,
     isElement: isElement$1,
-    isEmpty,
+    isEmpty: isEmpty$1,
     isEqual,
     isEqualWith,
     isError,
@@ -6837,8 +6825,52 @@
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    */
 
+  const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+
+  const keysOf = (arr) => Object.keys(arr);
+
   !isClient ? void 0 : document.body;
 
+  const epPropKey = "__epPropKey";
+  const definePropType = (val) => val;
+  const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
+  const buildProp = (prop, key) => {
+    if (!isObject$1(prop) || isEpProp(prop))
+      return prop;
+    const { values, required, default: defaultValue, type, validator } = prop;
+    const _validator = values || validator ? (val) => {
+      let valid = false;
+      let allowedValues = [];
+      if (values) {
+        allowedValues = Array.from(values);
+        if (hasOwn(prop, "default")) {
+          allowedValues.push(defaultValue);
+        }
+        valid || (valid = allowedValues.includes(val));
+      }
+      if (validator)
+        valid || (valid = validator(val));
+      if (!valid && allowedValues.length > 0) {
+        const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+        vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+      }
+      return valid;
+    } : void 0;
+    const epProp = {
+      type,
+      required: !!required,
+      validator: _validator,
+      [epPropKey]: true
+    };
+    if (hasOwn(prop, "default"))
+      epProp.default = defaultValue;
+    return epProp;
+  };
+  const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key)
+  ]));
+
   const withInstall = (main, extra) => {
     main.install = (app) => {
       for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
@@ -6853,6 +6885,138 @@
     return main;
   };
 
+  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+
+  const componentSizes = ["", "default", "small", "large"];
+
+  var English = {
+    name: "en",
+    hzzt: {
+      collapse: {
+        expand: "expand",
+        retract: "retract"
+      }
+    }
+  };
+
+  const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
+  const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  });
+  const buildLocaleContext = (locale) => {
+    const lang = vue.computed(() => vue.unref(locale).name);
+    const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
+    return {
+      lang,
+      locale: localeRef,
+      t: buildTranslator(locale)
+    };
+  };
+  const localeContextKey = Symbol("localeContextKey");
+  const useLocale = (localeOverrides) => {
+    const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
+    return buildLocaleContext(vue.computed(() => locale.value || English));
+  };
+
+  const useSizeProp = buildProp({
+    type: String,
+    values: componentSizes,
+    required: false
+  });
+  const SIZE_INJECTION_KEY = Symbol("size");
+
+  const configProviderContextKey = Symbol();
+
+  const globalConfig = vue.ref();
+  function useGlobalConfig(key, defaultValue = void 0) {
+    const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
+    if (key) {
+      return vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+      });
+    } else {
+      return config;
+    }
+  }
+  const provideGlobalConfig = (config, app, global = false) => {
+    var _a;
+    const inSetup = !!vue.getCurrentInstance();
+    const oldConfig = inSetup ? useGlobalConfig() : void 0;
+    const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
+    if (!provideFn) {
+      return;
+    }
+    const context = vue.computed(() => {
+      const cfg = vue.unref(config);
+      if (!(oldConfig == null ? void 0 : oldConfig.value))
+        return cfg;
+      return mergeConfig(oldConfig.value, cfg);
+    });
+    provideFn(configProviderContextKey, context);
+    provideFn(localeContextKey, vue.computed(() => context.value.locale));
+    provideFn(SIZE_INJECTION_KEY, {
+      size: vue.computed(() => context.value.size || "")
+    });
+    if (global || !globalConfig.value) {
+      globalConfig.value = context.value;
+    }
+    return context;
+  };
+  const mergeConfig = (a, b) => {
+    const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
+    const obj = {};
+    for (const key of keys) {
+      obj[key] = b[key] !== void 0 ? b[key] : a[key];
+    }
+    return obj;
+  };
+
+  const configProviderProps = buildProps({
+    a11y: {
+      type: Boolean,
+      default: true
+    },
+    locale: {
+      type: definePropType(Object)
+    },
+    size: useSizeProp,
+    keyboardNavigation: {
+      type: Boolean,
+      default: true
+    }
+  });
+
+  const ConfigProvider = vue.defineComponent({
+    name: "HzztConfigProvider",
+    props: configProviderProps,
+    setup(props, { slots }) {
+      const config = provideGlobalConfig(props);
+      return () => vue.renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
+    }
+  });
+  var ConfigProvider$1 = ConfigProvider;
+
+  const HzztConfigProvider = withInstall(ConfigProvider$1);
+
+  const version$1 = "0.0.1";
+
+  const makeInstaller = (components = []) => {
+    const install = (app, options) => {
+      if (app[INSTALLED_KEY])
+        return;
+      app[INSTALLED_KEY] = true;
+      components.forEach((c) => app.use(c));
+      if (options)
+        provideGlobalConfig(options, app, true);
+    };
+    return {
+      version: version$1,
+      install
+    };
+  };
+
   var _export_sfc = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
     for (const [key, val] of props) {
@@ -6861,20 +7025,20 @@
     return target;
   };
 
-  const _hoisted_1$1 = {
+  const _hoisted_1$2 = {
     key: 0,
     class: "hzzt-title flex align-items-center"
   };
-  const _hoisted_2$1 = {
+  const _hoisted_2$2 = {
     key: 0,
     class: "decorative-line"
   };
-  const _hoisted_3$1 = { class: "label-name" };
-  const __default__$1 = vue.defineComponent({
+  const _hoisted_3$2 = { class: "label-name" };
+  const __default__$2 = vue.defineComponent({
     name: "HzztTitle"
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: {
       label: String,
       sideline: {
@@ -6890,10 +7054,10 @@
         return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
       });
       return (_ctx, _cache) => {
-        return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1)) : vue.createCommentVNode("v-if", true),
+        return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2)) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", _hoisted_3$1, [
+          vue.createElementVNode("label", _hoisted_3$2, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ])
@@ -6902,7 +7066,7 @@
       };
     }
   });
-  var Title = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
+  var Title = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
 
   const HzztTitle = withInstall(Title);
 
@@ -6978,18 +7142,18 @@
     }
   };
 
-  const _hoisted_1 = ["onClick"];
-  const _hoisted_2 = { class: "hzzt-dropdown-name" };
-  const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
-  const _hoisted_4 = { class: "hzzt-dropdown-menu" };
-  const _hoisted_5 = ["onClick"];
-  const _hoisted_6 = { class: "submenu" };
-  const _hoisted_7 = ["onClick"];
-  const __default__ = vue.defineComponent({
+  const _hoisted_1$1 = ["onClick"];
+  const _hoisted_2$1 = { class: "hzzt-dropdown-name" };
+  const _hoisted_3$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
+  const _hoisted_4$1 = { class: "hzzt-dropdown-menu" };
+  const _hoisted_5$1 = ["onClick"];
+  const _hoisted_6$1 = { class: "submenu" };
+  const _hoisted_7$1 = ["onClick"];
+  const __default__$1 = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
     props: {
       options: {
         type: Array,
@@ -7044,24 +7208,24 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
           }, [
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1),
-            _hoisted_3,
-            vue.createElementVNode("ul", _hoisted_4, [
+            vue.createElementVNode("span", _hoisted_2$1, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$1,
+            vue.createElementVNode("ul", _hoisted_4$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                  option[__props.props.children] && option[__props.props.children].length ? (vue.openBlock(), vue.createElementBlock("li", {
+                  vue.unref(isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
                     class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[__props.props.value]) }),
                     key: index
                   }, [
                     vue.createElementVNode("a", {
                       onClick: ($event) => selectValue([option[__props.props.value]]),
                       class: "hzzt-dropdown-menu-item-label"
-                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5)
+                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$1)
                   ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
                     key: index + "submenu",
                     class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
                   }, [
-                    vue.createElementVNode("a", _hoisted_6, vue.toDisplayString(option[__props.props.label]), 1),
+                    vue.createElementVNode("a", _hoisted_6$1, vue.toDisplayString(option[__props.props.label]), 1),
                     vue.createElementVNode("ul", {
                       class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
                     }, [
@@ -7073,7 +7237,7 @@
                           vue.createElementVNode("a", {
                             onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
                             class: "hzzt-dropdown-menu-item-label"
-                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7)
+                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$1)
                         ], 2);
                       }), 128))
                     ], 2)
@@ -7086,19 +7250,86 @@
               }), 256))
             ])
           ], 2)
-        ], 8, _hoisted_1)), [
+        ], 8, _hoisted_1$1)), [
           [vue.unref(ClickOutside), close]
         ]);
       };
     }
   });
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "index.vue"]]);
 
   const HzztDropdown = withInstall(Dropdown);
 
+  const _hoisted_1 = { class: "hzzt-collapse" };
+  const _hoisted_2 = { class: "flex align-items-center" };
+  const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
+  const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+  const _hoisted_5 = { class: "hzzt-collapse-title" };
+  const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+  const _hoisted_7 = {
+    key: 0,
+    class: "hzzt-collapse-text"
+  };
+  const __default__ = vue.defineComponent({
+    name: "HzztCollapse"
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    props: {
+      defaultActive: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
+        default: ""
+      },
+      expand: {
+        type: Boolean,
+        default: true
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const { t } = useLocale();
+      const active = vue.ref(props.defaultActive);
+      vue.useSlots();
+      vue.watch(() => props.defaultActive, (val) => {
+        active.value = val;
+      });
+      function toggle() {
+        active.value = !active.value;
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: "hzzt-collapse-header",
+            onClick: toggle
+          }, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
+              ]),
+              _hoisted_6
+            ]),
+            __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]);
+      };
+    }
+  });
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+  const HzztCollapse = withInstall(Collapse);
+
   var Components = [
+    HzztConfigProvider,
     HzztTitle,
-    HzztDropdown
+    HzztDropdown,
+    HzztCollapse
   ];
 
   var Plugins = [];
@@ -7108,11 +7339,17 @@
   const install = installer.install;
   const version = installer.version;
 
+  exports.HzztCollapse = HzztCollapse;
+  exports.HzztConfigProvider = HzztConfigProvider;
   exports.HzztDropdown = HzztDropdown;
   exports.HzztTitle = HzztTitle;
+  exports.configProviderContextKey = configProviderContextKey;
+  exports.configProviderProps = configProviderProps;
   exports["default"] = installer;
   exports.install = install;
   exports.makeInstaller = makeInstaller;
+  exports.provideGlobalConfig = provideGlobalConfig;
+  exports.useGlobalConfig = useGlobalConfig;
   exports.version = version;
 
   Object.defineProperty(exports, '__esModule', { value: true });