hzzt-plus 1.0.6 → 2.0.0

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Hzzt Plus v1.0.6 */
+/*! Hzzt Plus v2.0.0 */
 
-import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, ref, computed, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, normalizeClass, normalizeStyle, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, toRaw, vModelCheckbox, toRefs, vModelRadio, h, resolveComponent, renderList, onBeforeUpdate, withKeys, vModelText, createSlots, resolveDirective, toHandlerKey, normalizeProps, guardReactiveProps } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, readonly, shallowRef, watchEffect, watch, ref, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isRef, inject, provide, renderSlot, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, toRaw, vModelCheckbox, createTextVNode, toRefs, vModelRadio, h, resolveComponent, renderList, onBeforeUpdate, withKeys, vModelText, createSlots, resolveDirective, toHandlerKey, normalizeProps, guardReactiveProps } from 'vue';
 
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
@@ -12961,7 +12961,7 @@ var ConfigProvider$1 = ConfigProvider;
 
 const HzztConfigProvider = withInstall$1(ConfigProvider$1);
 
-const version$1 = "1.0.6";
+const version$1 = "2.0.0";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12983,55 +12983,9 @@ const titleProps = buildProps$1({
   sideline: {
     type: Boolean,
     default: true
-  }
-});
-
-var _export_sfc$1 = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _hoisted_1$c = {
-  key: 0,
-  class: "hzzt-title flex align-items-center"
-};
-const _hoisted_2$a = {
-  key: 0,
-  class: "decorative-line"
-};
-const _hoisted_3$7 = { class: "label-name" };
-const __default__$D = defineComponent({
-  name: "HzztTitle"
-});
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
-  props: titleProps,
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const showLabel = computed(() => {
-      var _a, _b, _c;
-      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 unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
-        _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$a)) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3$7, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ])
-        ])
-      ])) : createCommentVNode("v-if", true);
-    };
-  }
+  },
+  size: useSizeProp$1
 });
-var HzztTitle$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__file", "title.vue"]]);
-
-const HzztTitle = withInstall$1(HzztTitle$1);
 
 const configProviderContextKey = Symbol();
 
@@ -13474,7 +13428,7 @@ const UPDATE_MODEL_EVENT = "update:modelValue";
 const CHANGE_EVENT = "change";
 const INPUT_EVENT = "input";
 
-var _export_sfc = (sfc, props) => {
+var _export_sfc$1 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
@@ -13552,12 +13506,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$C = defineComponent({
+const __default__$E = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -13581,7 +13535,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -14019,12 +13973,12 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const __default__$B = defineComponent({
+const __default__$D = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14429,7 +14383,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14479,7 +14433,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$3 = "Thumb";
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14598,7 +14552,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14611,7 +14565,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14669,7 +14623,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14726,11 +14680,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$2 = "ElScrollbar";
-const __default__$A = defineComponent({
+const __default__$C = defineComponent({
   name: COMPONENT_NAME$2
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14882,7 +14836,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -14907,12 +14861,12 @@ const popperProps = buildProps({
   }
 });
 
-const __default__$z = defineComponent({
+const __default__$B = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14935,7 +14889,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -14944,12 +14898,12 @@ const popperArrowProps = buildProps({
   }
 });
 
-const __default__$y = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14975,7 +14929,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["__file", "arrow.vue"]]);
 
 const popperTriggerProps = buildProps({
   virtualRef: {
@@ -15125,12 +15079,12 @@ function wrapTextContent(s) {
   }, [s]);
 }
 
-const __default__$x = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15241,7 +15195,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15440,7 +15394,7 @@ const useEscapeKeydown = (handler) => {
   });
 };
 
-const _sfc_main$L = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15682,10 +15636,10 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$c], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$e], ["__file", "focus-trap.vue"]]);
 
 var E="top",R="bottom",W="right",P="left",me="auto",G=[E,R,W,P],U="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I(t)}function at(t){return !B(t)||N(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E:P,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P,d=E,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I(n),N(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E||(o===P||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P||(o===E||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N(o||n).direction==="rtl"&&(s+=X(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U,re=[E,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P:L?R:E;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E,W,R,P].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P,E].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E:P,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U?O[M]:j[M],ie=y===U?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E:P,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E,P].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
 
@@ -16064,11 +16018,11 @@ const usePopperContentDOM = (props, {
   };
 };
 
-const __default__$w = defineComponent({
+const __default__$y = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -16184,7 +16138,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -16462,11 +16416,11 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
   return handleEvent;
 };
 
-const __default__$v = defineComponent({
+const __default__$x = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16525,7 +16479,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__file", "trigger.vue"]]);
 
 const teleportProps = buildProps({
   to: {
@@ -16535,7 +16489,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16549,7 +16503,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__file", "teleport.vue"]]);
 
 const ElTeleport = withInstall(Teleport);
 
@@ -16586,12 +16540,12 @@ const usePopperContainer = () => {
   };
 };
 
-const __default__$u = defineComponent({
+const __default__$w = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16762,13 +16716,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__file", "content.vue"]]);
 
-const __default__$t = defineComponent({
+const __default__$v = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16918,7 +16872,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "tooltip.vue"]]);
+var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip$1);
 
@@ -17992,11 +17946,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$s = defineComponent({
+const __default__$u = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18062,18 +18016,18 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__file", "button.vue"]]);
 
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
 
-const __default__$r = defineComponent({
+const __default__$t = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18091,7 +18045,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__file", "button-group.vue"]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -18372,11 +18326,11 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const __default__$q = defineComponent({
+const __default__$s = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -18484,13 +18438,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__file", "checkbox.vue"]]);
 
-const __default__$p = defineComponent({
+const __default__$r = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -18578,7 +18532,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__file", "checkbox-button.vue"]]);
 
 const checkboxGroupProps = buildProps({
   modelValue: {
@@ -18606,11 +18560,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray$1(val)
 };
 
-const __default__$o = defineComponent({
+const __default__$q = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -18668,7 +18622,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__file", "checkbox-group.vue"]]);
 
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
@@ -18757,11 +18711,11 @@ const useRadio = (props, emit) => {
   };
 };
 
-const __default__$n = defineComponent({
+const __default__$p = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -18825,17 +18779,17 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__file", "radio.vue"]]);
 
 const radioButtonProps = buildProps({
   ...radioPropsBase
 });
 
-const __default__$m = defineComponent({
+const __default__$o = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -18890,7 +18844,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__file", "radio-button.vue"]]);
 
 const radioGroupProps = buildProps({
   id: {
@@ -18923,11 +18877,11 @@ const radioGroupProps = buildProps({
 });
 const radioGroupEmits = radioEmits;
 
-const __default__$l = defineComponent({
+const __default__$n = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -18978,7 +18932,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "radio-group.vue"]]);
 
 const ElRadio = withInstall(Radio, {
   RadioButton,
@@ -19006,7 +18960,7 @@ var NodeContent = defineComponent({
 
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-const _sfc_main$x = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "ElCascaderNode",
   components: {
     ElCheckbox,
@@ -19121,7 +19075,7 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -19204,9 +19158,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex", "onMouseenter", "onFocus", "onClick"]);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$b], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$d], ["__file", "node.vue"]]);
 
-const _sfc_main$w = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "ElCascaderMenu",
   components: {
     Loading: loading_default,
@@ -19284,7 +19238,7 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -19341,7 +19295,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$a], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["render", _sfc_render$c], ["__file", "menu.vue"]]);
 
 const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 const capitalize = (str) => capitalize$2(str);
@@ -19583,7 +19537,7 @@ const castArray = (arr) => {
   return isArray$1(arr) ? arr : [arr];
 };
 
-const _sfc_main$v = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "ElCascaderPanel",
   components: {
     ElCascaderMenu
@@ -19829,7 +19783,7 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -19851,7 +19805,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 42, ["onKeydown"]);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$9], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$b], ["__file", "index.vue"]]);
 
 const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -19881,11 +19835,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$k = defineComponent({
+const __default__$m = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -19972,7 +19926,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
@@ -20119,11 +20073,11 @@ const ClickOutside = {
 };
 
 const COMPONENT_NAME$1 = "ElCascader";
-const __default__$j = defineComponent({
+const __default__$l = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: cascaderProps$1,
   emits: cascaderEmits$1,
   setup(__props, { expose, emit }) {
@@ -20721,7 +20675,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Cascader$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "cascader.vue"]]);
+var Cascader$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "cascader.vue"]]);
 
 const ElCascader = withInstall(Cascader$1);
 
@@ -20761,22 +20715,22 @@ const vRepeatClick = {
   }
 };
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$8], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["render", _sfc_render$a], ["__file", "collection.vue"]]);
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$7], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["render", _sfc_render$9], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -20980,11 +20934,11 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__$i = defineComponent({
+const __default__$k = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -21310,7 +21264,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
@@ -21357,11 +21311,11 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$h = defineComponent({
+const __default__$j = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -21401,7 +21355,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Link = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "link.vue"]]);
+var Link = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "link.vue"]]);
 
 const ElLink = withInstall(Link);
 
@@ -21483,7 +21437,7 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$o = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -21556,7 +21510,7 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
     class: normalizeClass(_ctx.containerKls),
@@ -21573,9 +21527,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render$8], ["__file", "option.vue"]]);
 
-const _sfc_main$n = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -21602,7 +21556,7 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -21622,7 +21576,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$5], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render$7], ["__file", "select-dropdown.vue"]]);
 
 const useSelect$1 = (props, emit) => {
   const { t } = useLocale();
@@ -22388,7 +22342,7 @@ const SelectProps$1 = buildProps({
 });
 
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$m = defineComponent({
+const _sfc_main$q = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
@@ -22451,7 +22405,7 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -22798,9 +22752,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select$2 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4], ["__file", "select.vue"]]);
+var Select$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render$6], ["__file", "select.vue"]]);
 
-const _sfc_main$l = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -22853,7 +22807,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     ref: "groupRef",
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
@@ -22872,7 +22826,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$3], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["render", _sfc_render$5], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select$2, {
   Option,
@@ -22943,11 +22897,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$g = defineComponent({
+const __default__$i = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -23046,7 +23000,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -23070,7 +23024,7 @@ const ElPopover = withInstall(Popover, {
   directive: ElPopoverDirective
 });
 
-const _sfc_main$j = defineComponent({
+const _sfc_main$n = defineComponent({
   props: {
     item: {
       type: Object,
@@ -23088,13 +23042,13 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.ns.be("group", "title")),
     style: normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
   }, toDisplayString(_ctx.item.label), 7);
 }
-var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$2], ["__file", "group-item.vue"]]);
+var GroupItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$4], ["__file", "group-item.vue"]]);
 
 function useOption(props, { emit }) {
   return {
@@ -23287,7 +23241,7 @@ const optionEmits = {
 
 const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-const _sfc_main$i = defineComponent({
+const _sfc_main$m = defineComponent({
   props: OptionProps,
   emits: optionEmits,
   setup(props, { emit }) {
@@ -23303,7 +23257,7 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", {
     "aria-selected": _ctx.selected,
     style: normalizeStyle(_ctx.style),
@@ -23326,7 +23280,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 46, ["aria-selected", "onMousemove", "onClick"]);
 }
-var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$1], ["__file", "option-item.vue"]]);
+var OptionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$3], ["__file", "option-item.vue"]]);
 
 var safeIsNaN = Number.isNaN || function ponyfill(value) {
   return typeof value === "number" && value !== value;
@@ -25340,7 +25294,7 @@ const useSelect = (props, emit) => {
   };
 };
 
-const _sfc_main$h = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -25393,7 +25347,7 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -25727,22 +25681,81 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$2], ["__file", "select.vue"]]);
 
 const ElSelectV2 = withInstall(Select$1);
 
-const _hoisted_1$b = ["onClick"];
-const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
-const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
-const _hoisted_5$3 = ["onClick"];
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$e = {
+  key: 0,
+  class: "hzzt-title flex align-items-center justify-content-between"
+};
+const _hoisted_2$c = { class: "flex align-items-center" };
+const _hoisted_3$9 = {
+  key: 0,
+  class: "hzzt-title__line"
+};
+const __default__$h = defineComponent({
+  name: "HzztTitle"
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
+  props: titleProps,
+  setup(__props) {
+    const props = __props;
+    const formSize = useFormSize();
+    const ns = useNamespace$1("title");
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize$1().value);
+    const nameKls = computed(() => {
+      return [ns.e("name"), ns.em("name", trueSize.value)];
+    });
+    const slots = useSlots();
+    const showLabel = computed(() => {
+      var _a, _b, _c;
+      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 unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createElementVNode("div", _hoisted_2$c, [
+          _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_3$9)) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "before"),
+          createElementVNode("label", {
+            class: normalizeClass(unref(nameKls))
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.label), 1)
+            ])
+          ], 2),
+          renderSlot(_ctx.$slots, "after")
+        ]),
+        renderSlot(_ctx.$slots, "right")
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var HzztTitle$1 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "title.vue"]]);
+
+const HzztTitle = withInstall$1(HzztTitle$1);
+
+const _hoisted_1$d = ["onClick"];
+const _hoisted_2$b = { class: "hzzt-dropdown-name" };
+const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+const _hoisted_4$7 = { class: "hzzt-dropdown-menu" };
+const _hoisted_5$4 = ["onClick"];
 const _hoisted_6$3 = { class: "submenu" };
 const _hoisted_7$3 = ["onClick"];
-const __default__$f = defineComponent({
+const __default__$g = defineComponent({
   name: "HzztDropDown"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: {
     options: {
       type: definePropType$1(Array),
@@ -25797,9 +25810,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         createElementVNode("li", {
           class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
         }, [
-          createElementVNode("span", _hoisted_2$9, toDisplayString(__props.label), 1),
-          _hoisted_3$6,
-          createElementVNode("ul", _hoisted_4$5, [
+          createElementVNode("span", _hoisted_2$b, toDisplayString(__props.label), 1),
+          _hoisted_3$8,
+          createElementVNode("ul", _hoisted_4$7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
                 unref(isEmpty$1)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
@@ -25812,7 +25825,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   createElementVNode("a", {
                     class: "hzzt-dropdown-menu-item-label",
                     onClick: ($event) => selectValue([option[__props.props.value]])
-                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
+                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$4)
                 ], 2)) : (openBlock(), createElementBlock("li", {
                   key: index + "submenu",
                   class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
@@ -25845,123 +25858,143 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             }), 256))
           ])
         ], 2)
-      ], 8, _hoisted_1$b)), [
+      ], 8, _hoisted_1$d)), [
         [unref(ClickOutside), close]
       ]);
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__file", "index.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "index.vue"]]);
 
 const HzztDropdown = withInstall$1(Dropdown);
 
-const _hoisted_1$a = { class: "hzzt-collapse" };
-const _hoisted_2$8 = { class: "flex align-items-center" };
-const _hoisted_3$5 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5$2 = { class: "hzzt-collapse-title" };
-const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7$2 = {
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    type: {
+      type: String,
+      default: "el"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const componentName = computed(() => `hzzt-${props.type}-${props.name}`);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElIcon), normalizeProps(guardReactiveProps(unref(attrs))), {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(componentName))))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+var HzztIcon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "index.vue"]]);
+
+const _hoisted_1$c = { class: "hzzt-collapse flex column" };
+const _hoisted_2$a = { class: "hzzt-collapse__top" };
+const _hoisted_3$7 = { class: "hzzt-collapse__title" };
+const _hoisted_4$6 = {
   key: 0,
-  class: "hzzt-collapse-text"
+  class: "hzzt-collapse__line"
 };
-const __default__$e = defineComponent({
+const _hoisted_5$3 = { class: "hzzt-collapse__content flex-1" };
+const __default__$f = defineComponent({
   name: "HzztCollapse"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: {
     defaultActive: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
       default: ""
     },
-    expand: {
+    showLine: {
+      type: Boolean,
+      default: true
+    },
+    modelValue: {
       type: Boolean,
       default: true
     }
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
     const props = __props;
     const { t } = useLocale$1();
-    const active = ref(props.defaultActive);
-    watch(() => props.defaultActive, (val) => {
-      active.value = val;
+    const expand = ref(props.modelValue);
+    if (!props.defaultActive) {
+      emit("update:modelValue", false);
+      expand.value = false;
+    }
+    watch(() => props.modelValue, (v) => {
+      expand.value = v;
     });
     function toggle() {
-      active.value = !active.value;
+      expand.value = !expand.value;
+      emit("update:modelValue", expand.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createElementVNode("div", {
-          class: "hzzt-collapse-header",
-          onClick: toggle
-        }, [
-          createElementVNode("div", _hoisted_2$8, [
-            createElementVNode("div", _hoisted_3$5, [
-              _hoisted_4$4,
-              createElementVNode("div", _hoisted_5$2, toDisplayString(__props.title), 1)
-            ]),
-            _hoisted_6$2
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_3$7, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
           ]),
-          __props.expand ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
+          __props.showLine ? (openBlock(), createElementBlock("div", _hoisted_4$6)) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
+            createElementVNode("div", {
+              class: "hzzt-collapse__btn",
+              onClick: toggle
+            }, [
+              createVNode(HzztIcon$1, {
+                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
+                class: "hzzt-collapse__icon",
+                size: "14"
+              }, null, 8, ["name"]),
+              createElementVNode("span", null, toDisplayString(expand.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)
+            ])
+          ])
         ]),
-        renderSlot(_ctx.$slots, "active", { active: active.value }),
-        renderSlot(_ctx.$slots, "default")
+        withDirectives(createElementVNode("div", _hoisted_5$3, [
+          renderSlot(_ctx.$slots, "default")
+        ], 512), [
+          [vShow, expand.value]
+        ]),
+        renderSlot(_ctx.$slots, "active", { active: expand.value })
       ]);
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "collapse.vue"]]);
 
 const HzztCollapse = withInstall$1(Collapse);
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    type: {
-      type: String,
-      default: "el"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs$1();
-    const componentName = computed(() => `hzzt-${props.type}-${props.name}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElIcon), normalizeProps(guardReactiveProps(unref(attrs))), {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(componentName))))
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "index.vue"]]);
-
-const _hoisted_1$9 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
-const _hoisted_2$7 = { class: "flex align-items-center" };
-const _hoisted_3$4 = { class: "flex" };
-const _hoisted_4$3 = ["onClick"];
-const _hoisted_5$1 = { class: "hzzt-tab-badge" };
-const _hoisted_6$1 = {
+const _hoisted_1$b = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2$9 = { class: "flex align-items-center" };
+const _hoisted_3$6 = { class: "flex" };
+const _hoisted_4$5 = ["onClick"];
+const _hoisted_5$2 = { class: "hzzt-tab-badge" };
+const _hoisted_6$2 = {
   key: 0,
   class: "hzzt-tab-badge-count"
 };
-const _hoisted_7$1 = { class: "flex wrap" };
-const __default__$d = defineComponent({
+const _hoisted_7$2 = { class: "flex wrap" };
+const __default__$e = defineComponent({
   name: "HzztTab"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: {
     tabList: {
       type: Array,
@@ -25998,20 +26031,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       emit("tab-close", index);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", _hoisted_2$7, [
-          createElementVNode("div", _hoisted_3$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_2$9, [
+          createElementVNode("div", _hoisted_3$6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
                 class: "hzzt-tab-pane",
                 onClick: ($event) => tabClick(tab, $event)
               }, [
-                createElementVNode("div", _hoisted_5$1, [
+                createElementVNode("div", _hoisted_5$2, [
                   createElementVNode("p", {
                     class: normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                   }, toDisplayString(tab.label), 3),
-                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6$1, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
+                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6$2, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
                   __props.closable ? (openBlock(), createBlock(HzztIcon$1, {
                     key: 1,
                     class: "is-icon-close",
@@ -26019,44 +26052,104 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => close(index, $event)
                   }, null, 8, ["onClick"])) : createCommentVNode("v-if", true)
                 ])
-              ], 8, _hoisted_4$3);
+              ], 8, _hoisted_4$5);
             }), 128))
           ]),
           renderSlot(_ctx.$slots, "filter"),
           renderSlot(_ctx.$slots, "extra")
         ]),
-        createElementVNode("div", _hoisted_7$1, [
+        createElementVNode("div", _hoisted_7$2, [
           renderSlot(_ctx.$slots, "right")
         ])
       ]);
     };
   }
 });
-var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "index.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "index.vue"]]);
 
 const HzztTab = withInstall$1(Tab);
 
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  name: "HzztPlusSquareOutline"
+});
+const _hoisted_1$a = {
+  "aria-hidden": "true",
+  class: "",
+  "data-icon": "plus-square",
+  fill: "currentColor",
+  focusable: "false",
+  height: "1em",
+  viewBox: "64 64 896 896",
+  width: "1em"
+};
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", { d: "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" }, null, -1);
+const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("path", { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" }, null, -1);
+const _hoisted_4$4 = [
+  _hoisted_2$8,
+  _hoisted_3$5
+];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_4$4);
+}
+var plusSquareOutline = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$1], ["__file", "plus-square-outline.vue"]]);
+
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  name: "HzztMinusSquareOutline"
+});
+const _hoisted_1$9 = {
+  "aria-hidden": "true",
+  class: "",
+  "data-icon": "minus-square",
+  fill: "currentColor",
+  focusable: "false",
+  height: "1em",
+  viewBox: "64 64 896 896",
+  width: "1em"
+};
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", { d: "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" }, null, -1);
+const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("path", { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" }, null, -1);
+const _hoisted_4$3 = [
+  _hoisted_2$7,
+  _hoisted_3$4
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_4$3);
+}
+var minusSquareOutline = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render], ["__file", "minus-square-outline.vue"]]);
+
+var HzztIcons = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  HzztPlusSquareOutline: plusSquareOutline,
+  HzztMinusSquareOutline: minusSquareOutline
+});
+
 const HzztIcon = {
   install(app) {
     app.component("HzztIcon", HzztIcon$1);
     for (const key in Icons) {
       app.component(tarnsElIconName(key), Icons[key]);
     }
+    for (const key in HzztIcons) {
+      app.component(tarnsElIconName(key), Icons[key]);
+    }
   }
 };
 function tarnsElIconName(name) {
   return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
 }
 
-const _hoisted_1$8 = { class: "flex justify-content-between hzzt-pagination" };
-const _hoisted_2$6 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
-const _hoisted_3$3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
-const _hoisted_4$2 = { class: "flex" };
-const __default__$c = defineComponent({
+const _hoisted_1$8 = { class: "flex align-items-center justify-content-between hzzt-pagination" };
+const _hoisted_2$6 = { class: "flex flex-1" };
+const _hoisted_3$3 = { class: "font-14" };
+const _hoisted_4$2 = { class: "hzzt-pagination__count" };
+const _hoisted_5$1 = { class: "flex-1" };
+const _hoisted_6$1 = { class: "font-14 flex align-items-center" };
+const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-2" }, "/", -1);
+const __default__$d = defineComponent({
   name: "HzztPagination"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: {
     pagination: {
       type: Object,
@@ -26071,53 +26164,78 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const { t } = useLocale$1();
-    function prePage() {
-      if (props.pagination.current_page > 1) {
-        emit("prev", props.pagination.current_page - 1);
-      } else {
-        return false;
+    function pageChange(type, page) {
+      if (type === "next" && props.pagination.current_page >= props.pagination.total_pages || type === "prev" && props.pagination.current_page <= 1)
+        return;
+      if (type === "jump") {
+        emit("next", page);
+        return;
       }
-    }
-    function nextPage() {
-      if (props.pagination.current_page < props.pagination.total_pages) {
+      if (type === "next") {
         emit("next", props.pagination.current_page + 1);
       } else {
-        return false;
+        emit("prev", props.pagination.current_page - 1);
       }
     }
+    function handleJumpPage(val) {
+      val = Math.trunc(+val);
+      if (val > props.pagination.total_pages) {
+        val = props.pagination.total_pages;
+      } else if (val < 1) {
+        val = 1;
+      }
+      pageChange("jump", Number(val));
+    }
     return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("p", _hoisted_2$6, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("div", _hoisted_3$3, [
+            createTextVNode(toDisplayString(unref(t)("hzzt.pagination.total")) + " ", 1),
+            createElementVNode("span", _hoisted_4$2, toDisplayString(__props.pagination.total || 0), 1),
+            createTextVNode(" " + toDisplayString(unref(t)("hzzt.pagination.strip")), 1)
+          ]),
+          createElementVNode("div", _hoisted_5$1, [
+            renderSlot(_ctx.$slots, "left")
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6$1, [
           renderSlot(_ctx.$slots, "right"),
           createVNode(HzztIcon$1, {
-            class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
+            class: normalizeClass([{ "is-disabled": __props.pagination.current_page === 1 }, "margin-r-1 hzzt-pagination__icon"]),
             name: "arrow-left",
-            onClick: prePage
+            onClick: _cache[0] || (_cache[0] = ($event) => pageChange("prev"))
           }, null, 8, ["class"]),
-          createElementVNode("p", _hoisted_4$2, toDisplayString(__props.pagination.current_page) + "/" + toDisplayString(__props.pagination.total_pages), 1),
+          createVNode(_component_el_input, {
+            modelValue: __props.pagination.current_page,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.pagination.current_page = $event),
+            class: "hzzt-pagination__input",
+            onChange: handleJumpPage
+          }, null, 8, ["modelValue"]),
+          _hoisted_7$1,
+          createElementVNode("span", null, toDisplayString(__props.pagination.total_pages), 1),
           createVNode(HzztIcon$1, {
-            class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
+            class: normalizeClass([{ "is-disabled": __props.pagination.current_page === __props.pagination.total_pages }, "margin-l-1 hzzt-pagination__icon"]),
             name: "arrow-right",
-            onClick: nextPage
+            onClick: _cache[2] || (_cache[2] = ($event) => pageChange("next"))
           }, null, 8, ["class"])
         ])
       ]);
     };
   }
 });
-var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "index.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "index.vue"]]);
 
 const HzztPagination = withInstall$1(Pagination);
 
 const _hoisted_1$7 = { class: "flex align-content-center" };
 const _hoisted_2$5 = { style: { "max-width": "300px" } };
 const _hoisted_3$2 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
-const __default__$b = defineComponent({
+const __default__$c = defineComponent({
   name: "HzztTooltip"
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     content: {
       type: String,
@@ -26151,7 +26269,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tooltip.vue"]]);
 
 const HzztTooltip = withInstall$1(Tooltip);
 
@@ -26168,11 +26286,11 @@ const _hoisted_4$1 = {
   key: 0,
   class: "margin-l-1 margin-r-2"
 };
-const __default__$a = defineComponent({
+const __default__$b = defineComponent({
   name: "HzztPageSize"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     modelValue: {
       type: Number,
@@ -26299,15 +26417,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "index.vue"]]);
+var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "index.vue"]]);
 
 const HzztPageSize = withInstall$1(PageSize);
 
-const __default__$9 = defineComponent({
+const __default__$a = defineComponent({
   name: "HzztConfirmPassword"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     placeholder: {
       type: String,
@@ -26367,16 +26485,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "confirm-password.vue"]]);
+var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "confirm-password.vue"]]);
 
 const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
 const _hoisted_1$5 = ["onClick"];
-const __default__$8 = defineComponent({
+const __default__$9 = defineComponent({
   name: "HzztCheckButton"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     options: {
       type: Array,
@@ -26446,7 +26564,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "index.vue"]]);
+var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "index.vue"]]);
 
 const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -26704,11 +26822,11 @@ const _hoisted_8 = { class: "cell" };
 const _hoisted_9 = { class: "cell" };
 const _hoisted_10 = { class: "cell" };
 const _hoisted_11 = { class: "cell" };
-const __default__$7 = defineComponent({
+const __default__$8 = defineComponent({
   name: "HzztQuarterPicker"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     size: useSizeProp$1,
     format: {
@@ -26948,7 +27066,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
 
 const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
@@ -26988,12 +27106,12 @@ const _hoisted_2$2 = {
   class: "width-100%",
   style: { "overflow": "hidden" }
 };
-const __default__$6 = defineComponent({
+const __default__$7 = defineComponent({
   inheritAttrs: false,
   name: "HzztScan"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: scanProps,
   emits: scanEmits,
   setup(__props, { expose, emit }) {
@@ -27112,7 +27230,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scan = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "scan.vue"]]);
+var Scan = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "scan.vue"]]);
 
 const HzztScan = withInstall$1(Scan);
 
@@ -27158,11 +27276,11 @@ const selectInputEmits = {
 
 const _hoisted_1$2 = { slot: "append" };
 const _hoisted_2$1 = { key: 0 };
-const __default__$5 = defineComponent({
+const __default__$6 = defineComponent({
   name: "HzztSelectInput"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: selectInputProps,
   emits: selectInputEmits,
   setup(__props, { emit }) {
@@ -27271,7 +27389,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SelectInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "select-input.vue"]]);
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "select-input.vue"]]);
 
 const HzztSelectInput = withInstall$1(SelectInput);
 
@@ -27302,11 +27420,11 @@ const selectTextareaEmits = {
 
 const _hoisted_1$1 = { class: "flex column" };
 const _hoisted_2 = { class: "flex align-items-center" };
-const __default__$4 = defineComponent({
+const __default__$5 = defineComponent({
   name: "HzztSelectTextarea"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: selectTextareaProps,
   emits: selectTextareaEmits,
   setup(__props, { emit }) {
@@ -27392,7 +27510,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SelectTextarea = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "select-textarea.vue"]]);
+var SelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "select-textarea.vue"]]);
 
 const HzztSelectTextarea = withInstall$1(SelectTextarea);
 
@@ -27418,11 +27536,11 @@ const inputRangeEmits = {
 };
 
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-const __default__$3 = defineComponent({
+const __default__$4 = defineComponent({
   name: "HzztInputRange"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: inputRangeProps,
   emits: inputRangeEmits,
   setup(__props, { emit }) {
@@ -27486,7 +27604,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputRange = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "input-range.vue"]]);
+var InputRange = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "input-range.vue"]]);
 
 const HzztInputRange = withInstall$1(InputRange);
 
@@ -27546,11 +27664,11 @@ function getCascaderId(targetId = "", list = []) {
   return get(list, []);
 }
 
-const __default__$2 = defineComponent({
+const __default__$3 = defineComponent({
   name: "HzztCascader"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { emit }) {
@@ -27659,7 +27777,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Cascader = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "cascader.vue"]]);
 
 const HzztCascader = withInstall$1(Cascader);
 
@@ -27696,12 +27814,12 @@ const selectEmits = {
   "enter": (e) => e
 };
 
-const __default__$1 = defineComponent({
+const __default__$2 = defineComponent({
   name: "HzztSelect",
   inheritAttrs: false
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: selectProps,
   emits: selectEmits,
   setup(__props, { emit }) {
@@ -27866,7 +27984,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "select.vue"]]);
 
 const HzztSelect = withInstall$1(Select);
 
@@ -27886,11 +28004,11 @@ const clickInputEmits = {
   change: (value) => isString$1(value)
 };
 
-const __default__ = defineComponent({
+const __default__$1 = defineComponent({
   name: "HzztClickInput"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
   props: clickInputProps,
   emits: clickInputEmits,
   setup(__props, { emit }) {
@@ -27911,7 +28029,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "flex width-100% align-items-center"
     ]);
     const spanClass = computed(() => [
-      nsInput.em("span"),
+      nsInput.e("span"),
       "flex width-100% align-items-center"
     ]);
     watch(() => props.modelValue, (v) => {
@@ -27963,10 +28081,93 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ClickInput = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "click-input.vue"]]);
+var ClickInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "click-input.vue"]]);
 
 const HzztClickInput = withInstall$1(ClickInput);
 
+const __default__ = defineComponent({
+  name: "HzztScroll"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const navTranslateX = ref(0);
+    const scrollRef = ref(null);
+    const scrollContentRef = ref(null);
+    const scrollable = ref(false);
+    function update() {
+      if (!scrollRef.value || !scrollContentRef.value)
+        return;
+      const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;
+      const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;
+      if (scrollWidth >= contentWidth) {
+        scrollable.value = false;
+        navTranslateX.value = 0;
+        return;
+      }
+      scrollable.value = true;
+    }
+    useResizeObserver(scrollContentRef, update);
+    onUpdated(() => update());
+    function btnNavPrev() {
+      var _a;
+      const containerSize = ((_a = scrollRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      if (!currentOffset)
+        return;
+      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
+      navTranslateX.value = newOffset;
+    }
+    function btnNavNext() {
+      var _a, _b;
+      const navSize = ((_a = scrollContentRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      const containerSize = ((_b = scrollRef.value) == null ? void 0 : _b.offsetWidth) || 0;
+      if (navSize - currentOffset < containerSize)
+        return;
+      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+      navTranslateX.value = newOffset;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
+      }, [
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "hzzt-scroll__nav-prev",
+          onClick: btnNavPrev
+        }, [
+          createVNode(HzztIcon$1, { name: "arrow-left" })
+        ])) : createCommentVNode("v-if", true),
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "hzzt-scroll__nav-next",
+          onClick: btnNavNext
+        }, [
+          createVNode(HzztIcon$1, { name: "arrow-right" })
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "overflow-hidden"
+        }, [
+          createElementVNode("div", {
+            ref_key: "scrollContentRef",
+            ref: scrollContentRef,
+            style: normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
+            class: "hzzt-scroll__content"
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ], 512)
+      ], 2);
+    };
+  }
+});
+var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scroll.vue"]]);
+
+const HzztScroll = withInstall$1(Scroll);
+
 var Components = [
   HzztConfigProvider,
   HzztTitle,
@@ -27986,7 +28187,8 @@ var Components = [
   HzztInputRange,
   HzztCascader,
   HzztSelect,
-  HzztClickInput
+  HzztClickInput,
+  HzztScroll
 ];
 
 var Plugins = [];
@@ -28198,4 +28400,4 @@ function initMouseEvent(el, callback) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCascader, HzztCheckButton, HzztClickInput, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztInputRange, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelect, HzztSelectInput, HzztSelectTextarea, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, cascaderEmits, cascaderProps, clickInputEmits, clickInputProps, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, inputRangeEmits, inputRangeProps, insertCursorPosition, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectEmits, selectInputEmits, selectInputProps, selectProps, selectTextareaEmits, selectTextareaProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };
+export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCascader, HzztCheckButton, HzztClickInput, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztInputRange, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztScroll, HzztSelect, HzztSelectInput, HzztSelectTextarea, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, cascaderEmits, cascaderProps, clickInputEmits, clickInputProps, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, inputRangeEmits, inputRangeProps, insertCursorPosition, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectEmits, selectInputEmits, selectInputProps, selectProps, selectTextareaEmits, selectTextareaProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };