hzzt-plus 1.0.7 → 2.0.0

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v1.0.7 */
+/*! Hzzt Plus v2.0.0 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12965,7 +12965,7 @@
 
   const HzztConfigProvider = withInstall$1(ConfigProvider$1);
 
-  const version$1 = "1.0.7";
+  const version$1 = "2.0.0";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12987,55 +12987,9 @@
     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 = vue.defineComponent({
-    name: "HzztTitle"
-  });
-  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
-    props: titleProps,
-    setup(__props) {
-      const props = __props;
-      const slots = vue.useSlots();
-      const showLabel = vue.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 vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$a)) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", _hoisted_3$7, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-            ])
-          ])
-        ])) : vue.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();
 
@@ -13478,7 +13432,7 @@
   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;
@@ -13556,12 +13510,12 @@
     }
   });
 
-  const __default__$C = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$E,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -13585,7 +13539,7 @@
       };
     }
   });
-  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);
 
@@ -14023,12 +13977,12 @@
     return [recordCursor, setCursor];
   }
 
-  const __default__$B = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$D,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14433,7 +14387,7 @@
       };
     }
   });
-  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);
 
@@ -14483,7 +14437,7 @@
   });
 
   const COMPONENT_NAME$3 = "Thumb";
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14602,7 +14556,7 @@
       };
     }
   });
-  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: {
@@ -14615,7 +14569,7 @@
     }
   });
 
-  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14673,7 +14627,7 @@
       };
     }
   });
-  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: {
@@ -14730,11 +14684,11 @@
   };
 
   const COMPONENT_NAME$2 = "ElScrollbar";
-  const __default__$A = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: COMPONENT_NAME$2
   });
-  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14886,7 +14840,7 @@
       };
     }
   });
-  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);
 
@@ -14911,12 +14865,12 @@
     }
   });
 
-  const __default__$z = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14939,7 +14893,7 @@
       };
     }
   });
-  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: {
@@ -14948,12 +14902,12 @@
     }
   });
 
-  const __default__$y = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14979,7 +14933,7 @@
       };
     }
   });
-  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: {
@@ -15129,12 +15083,12 @@
     }, [s]);
   }
 
-  const __default__$x = vue.defineComponent({
+  const __default__$z = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15245,7 +15199,7 @@
       };
     }
   });
-  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";
@@ -15444,7 +15398,7 @@
     });
   };
 
-  const _sfc_main$L = vue.defineComponent({
+  const _sfc_main$P = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15686,10 +15640,10 @@
       };
     }
   });
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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});
 
@@ -16068,11 +16022,11 @@
     };
   };
 
-  const __default__$w = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16188,7 +16142,7 @@
       };
     }
   });
-  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);
 
@@ -16466,11 +16420,11 @@
     return handleEvent;
   };
 
-  const __default__$v = vue.defineComponent({
+  const __default__$x = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16529,7 +16483,7 @@
       };
     }
   });
-  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: {
@@ -16539,7 +16493,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16553,7 +16507,7 @@
       };
     }
   });
-  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);
 
@@ -16590,12 +16544,12 @@
     };
   };
 
-  const __default__$u = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16766,13 +16720,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16922,7 +16876,7 @@
       };
     }
   });
-  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);
 
@@ -17996,11 +17950,11 @@
     });
   }
 
-  const __default__$s = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$u,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18066,18 +18020,18 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18095,7 +18049,7 @@
       };
     }
   });
-  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
@@ -18376,11 +18330,11 @@
     };
   };
 
-  const __default__$q = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElCheckbox"
   });
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -18488,13 +18442,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElCheckboxButton"
   });
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -18582,7 +18536,7 @@
       };
     }
   });
-  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: {
@@ -18610,11 +18564,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$o = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -18672,7 +18626,7 @@
       };
     }
   });
-  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,
@@ -18761,11 +18715,11 @@
     };
   };
 
-  const __default__$n = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElRadio"
   });
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -18829,17 +18783,17 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElRadioButton"
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -18894,7 +18848,7 @@
       };
     }
   });
-  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: {
@@ -18927,11 +18881,11 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const __default__$l = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElRadioGroup"
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -18982,7 +18936,7 @@
       };
     }
   });
-  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,
@@ -19010,7 +18964,7 @@
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$x = vue.defineComponent({
+  const _sfc_main$B = vue.defineComponent({
     name: "ElCascaderNode",
     components: {
       ElCheckbox,
@@ -19125,7 +19079,7 @@
       };
     }
   });
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_checkbox = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -19208,9 +19162,9 @@
       ], 64)) : vue.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 = vue.defineComponent({
+  const _sfc_main$A = vue.defineComponent({
     name: "ElCascaderMenu",
     components: {
       Loading: loading_default,
@@ -19288,7 +19242,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -19345,7 +19299,7 @@
       _: 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);
@@ -19587,7 +19541,7 @@
     return isArray$1(arr) ? arr : [arr];
   };
 
-  const _sfc_main$v = vue.defineComponent({
+  const _sfc_main$z = vue.defineComponent({
     name: "ElCascaderPanel",
     components: {
       ElCascaderMenu
@@ -19833,7 +19787,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -19855,7 +19809,7 @@
       }), 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);
 
@@ -19885,11 +19839,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$k = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -19976,7 +19930,7 @@
       };
     }
   });
-  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);
 
@@ -20123,11 +20077,11 @@
   };
 
   const COMPONENT_NAME$1 = "ElCascader";
-  const __default__$j = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: cascaderProps$1,
     emits: cascaderEmits$1,
     setup(__props, { expose, emit }) {
@@ -20725,7 +20679,7 @@
       };
     }
   });
-  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);
 
@@ -20765,22 +20719,22 @@
     }
   };
 
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.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 vue.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) => {
@@ -20984,11 +20938,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$i = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -21314,7 +21268,7 @@
       };
     }
   });
-  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);
 
@@ -21361,11 +21315,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$h = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -21405,7 +21359,7 @@
       };
     }
   });
-  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);
 
@@ -21487,7 +21441,7 @@
     };
   }
 
-  const _sfc_main$o = vue.defineComponent({
+  const _sfc_main$s = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -21560,7 +21514,7 @@
       };
     }
   });
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       id: _ctx.id,
       class: vue.normalizeClass(_ctx.containerKls),
@@ -21577,9 +21531,9 @@
       [vue.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 = vue.defineComponent({
+  const _sfc_main$r = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -21606,7 +21560,7 @@
       };
     }
   });
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -21626,7 +21580,7 @@
       ], 2)) : vue.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();
@@ -22392,7 +22346,7 @@
   });
 
   const COMPONENT_NAME = "ElSelect";
-  const _sfc_main$m = vue.defineComponent({
+  const _sfc_main$q = vue.defineComponent({
     name: COMPONENT_NAME,
     componentName: COMPONENT_NAME,
     components: {
@@ -22455,7 +22409,7 @@
       };
     }
   });
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -22802,9 +22756,9 @@
       [_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 = vue.defineComponent({
+  const _sfc_main$p = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -22857,7 +22811,7 @@
       };
     }
   });
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       ref: "groupRef",
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
@@ -22876,7 +22830,7 @@
       [vue.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,
@@ -22947,11 +22901,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$g = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -23050,7 +23004,7 @@
       };
     }
   });
-  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;
@@ -23074,7 +23028,7 @@
     directive: ElPopoverDirective
   });
 
-  const _sfc_main$j = vue.defineComponent({
+  const _sfc_main$n = vue.defineComponent({
     props: {
       item: {
         type: Object,
@@ -23092,13 +23046,13 @@
       };
     }
   });
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
       style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
     }, vue.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 {
@@ -23291,7 +23245,7 @@
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-  const _sfc_main$i = vue.defineComponent({
+  const _sfc_main$m = vue.defineComponent({
     props: OptionProps,
     emits: optionEmits,
     setup(props, { emit }) {
@@ -23307,7 +23261,7 @@
       };
     }
   });
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("li", {
       "aria-selected": _ctx.selected,
       style: vue.normalizeStyle(_ctx.style),
@@ -23330,7 +23284,7 @@
       ])
     ], 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;
@@ -25344,7 +25298,7 @@
     };
   };
 
-  const _sfc_main$h = vue.defineComponent({
+  const _sfc_main$l = vue.defineComponent({
     name: "ElSelectV2",
     components: {
       ElSelectMenu,
@@ -25397,7 +25351,7 @@
       };
     }
   });
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -25731,22 +25685,81 @@
       [_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__ */ vue.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 = vue.defineComponent({
+    name: "HzztTitle"
+  });
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
+    props: titleProps,
+    setup(__props) {
+      const props = __props;
+      const formSize = useFormSize();
+      const ns = useNamespace$1("title");
+      const trueSize = vue.computed(() => props.size || formSize.value || useGlobalSize$1().value);
+      const nameKls = vue.computed(() => {
+        return [ns.e("name"), ns.em("name", trueSize.value)];
+      });
+      const slots = vue.useSlots();
+      const showLabel = vue.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 vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+          vue.createElementVNode("div", _hoisted_2$c, [
+            _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9)) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "before"),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(vue.unref(nameKls))
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+              ])
+            ], 2),
+            vue.renderSlot(_ctx.$slots, "after")
+          ]),
+          vue.renderSlot(_ctx.$slots, "right")
+        ])) : vue.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__ */ vue.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 = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: {
       options: {
         type: definePropType$1(Array),
@@ -25801,9 +25814,9 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
           }, [
-            vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(__props.label), 1),
-            _hoisted_3$6,
-            vue.createElementVNode("ul", _hoisted_4$5, [
+            vue.createElementVNode("span", _hoisted_2$b, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$8,
+            vue.createElementVNode("ul", _hoisted_4$7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                   vue.unref(isEmpty$1)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
@@ -25816,7 +25829,7 @@
                     vue.createElementVNode("a", {
                       class: "hzzt-dropdown-menu-item-label",
                       onClick: ($event) => selectValue([option[__props.props.value]])
-                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
+                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$4)
                   ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
                     key: index + "submenu",
                     class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
@@ -25849,123 +25862,143 @@
               }), 256))
             ])
           ], 2)
-        ], 8, _hoisted_1$b)), [
+        ], 8, _hoisted_1$d)), [
           [vue.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__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-  const _hoisted_5$2 = { class: "hzzt-collapse-title" };
-  const _hoisted_6$2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-  const _hoisted_7$2 = {
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    __name: "index",
+    props: {
+      name: {
+        type: String,
+        required: true
+      },
+      type: {
+        type: String,
+        default: "el"
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const attrs = vue.useAttrs();
+      const componentName = vue.computed(() => `hzzt-${props.type}-${props.name}`);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElIcon), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.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 = vue.defineComponent({
+  const _hoisted_5$3 = { class: "hzzt-collapse__content flex-1" };
+  const __default__$f = vue.defineComponent({
     name: "HzztCollapse"
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$h = /* @__PURE__ */ vue.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 = vue.ref(props.defaultActive);
-      vue.watch(() => props.defaultActive, (val) => {
-        active.value = val;
+      const expand = vue.ref(props.modelValue);
+      if (!props.defaultActive) {
+        emit("update:modelValue", false);
+        expand.value = false;
+      }
+      vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-          vue.createElementVNode("div", {
-            class: "hzzt-collapse-header",
-            onClick: toggle
-          }, [
-            vue.createElementVNode("div", _hoisted_2$8, [
-              vue.createElementVNode("div", _hoisted_3$5, [
-                _hoisted_4$4,
-                vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(__props.title), 1)
-              ]),
-              _hoisted_6$2
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+          vue.createElementVNode("div", _hoisted_2$a, [
+            vue.createElementVNode("div", _hoisted_3$7, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+              ])
             ]),
-            __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$2, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+            __props.showLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6)) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
+              vue.createElementVNode("div", {
+                class: "hzzt-collapse__btn",
+                onClick: toggle
+              }, [
+                vue.createVNode(HzztIcon$1, {
+                  name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
+                  class: "hzzt-collapse__icon",
+                  size: "14"
+                }, null, 8, ["name"]),
+                vue.createElementVNode("span", null, vue.toDisplayString(expand.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)
+              ])
+            ])
           ]),
-          vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
-          vue.renderSlot(_ctx.$slots, "default")
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_5$3, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 512), [
+            [vue.vShow, expand.value]
+          ]),
+          vue.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__ */ vue.defineComponent({
-    __name: "index",
-    props: {
-      name: {
-        type: String,
-        required: true
-      },
-      type: {
-        type: String,
-        default: "el"
-      }
-    },
-    setup(__props) {
-      const props = __props;
-      const attrs = vue.useAttrs();
-      const componentName = vue.computed(() => `hzzt-${props.type}-${props.name}`);
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(ElIcon), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.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 = vue.defineComponent({
+  const _hoisted_7$2 = { class: "flex wrap" };
+  const __default__$e = vue.defineComponent({
     name: "HzztTab"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: {
       tabList: {
         type: Array,
@@ -26002,20 +26035,20 @@
         emit("tab-close", index);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
-          vue.createElementVNode("div", _hoisted_2$7, [
-            vue.createElementVNode("div", _hoisted_3$4, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+          vue.createElementVNode("div", _hoisted_2$9, [
+            vue.createElementVNode("div", _hoisted_3$6, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: tab.key,
                   class: "hzzt-tab-pane",
                   onClick: ($event) => tabClick(tab, $event)
                 }, [
-                  vue.createElementVNode("div", _hoisted_5$1, [
+                  vue.createElementVNode("div", _hoisted_5$2, [
                     vue.createElementVNode("p", {
                       class: vue.normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                     }, vue.toDisplayString(tab.label), 3),
-                    tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$1, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true),
+                    tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$2, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true),
                     __props.closable ? (vue.openBlock(), vue.createBlock(HzztIcon$1, {
                       key: 1,
                       class: "is-icon-close",
@@ -26023,44 +26056,104 @@
                       onClick: ($event) => close(index, $event)
                     }, null, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
                   ])
-                ], 8, _hoisted_4$3);
+                ], 8, _hoisted_4$5);
               }), 128))
             ]),
             vue.renderSlot(_ctx.$slots, "filter"),
             vue.renderSlot(_ctx.$slots, "extra")
           ]),
-          vue.createElementVNode("div", _hoisted_7$1, [
+          vue.createElementVNode("div", _hoisted_7$2, [
             vue.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__ */ vue.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__ */ vue.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__ */ vue.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 vue.openBlock(), vue.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__ */ vue.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__ */ vue.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__ */ vue.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 vue.openBlock(), vue.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 = vue.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__ */ vue.createElementVNode("span", { class: "margin-h-2" }, "/", -1);
+  const __default__$d = vue.defineComponent({
     name: "HzztPagination"
   });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: {
       pagination: {
         type: Object,
@@ -26075,53 +26168,78 @@
     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 = vue.resolveComponent("el-input");
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-          vue.createElementVNode("p", _hoisted_2$6, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
-          vue.createElementVNode("div", _hoisted_3$3, [
+          vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createElementVNode("div", _hoisted_3$3, [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + " ", 1),
+              vue.createElementVNode("span", _hoisted_4$2, vue.toDisplayString(__props.pagination.total || 0), 1),
+              vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1)
+            ]),
+            vue.createElementVNode("div", _hoisted_5$1, [
+              vue.renderSlot(_ctx.$slots, "left")
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_6$1, [
             vue.renderSlot(_ctx.$slots, "right"),
             vue.createVNode(HzztIcon$1, {
-              class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
+              class: vue.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"]),
-            vue.createElementVNode("p", _hoisted_4$2, vue.toDisplayString(__props.pagination.current_page) + "/" + vue.toDisplayString(__props.pagination.total_pages), 1),
+            vue.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,
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.pagination.total_pages), 1),
             vue.createVNode(HzztIcon$1, {
-              class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
+              class: vue.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 = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "HzztTooltip"
   });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: {
       content: {
         type: String,
@@ -26155,7 +26273,7 @@
       };
     }
   });
-  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);
 
@@ -26172,11 +26290,11 @@
     key: 0,
     class: "margin-l-1 margin-r-2"
   };
-  const __default__$a = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "HzztPageSize"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: {
       modelValue: {
         type: Number,
@@ -26303,15 +26421,15 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "HzztConfirmPassword"
   });
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: {
       placeholder: {
         type: String,
@@ -26371,16 +26489,16 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "HzztCheckButton"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: {
       options: {
         type: Array,
@@ -26450,7 +26568,7 @@
       };
     }
   });
-  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);
 
@@ -26708,11 +26826,11 @@
   const _hoisted_9 = { class: "cell" };
   const _hoisted_10 = { class: "cell" };
   const _hoisted_11 = { class: "cell" };
-  const __default__$7 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "HzztQuarterPicker"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: {
       size: useSizeProp$1,
       format: {
@@ -26952,7 +27070,7 @@
       };
     }
   });
-  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);
 
@@ -26992,12 +27110,12 @@
     class: "width-100%",
     style: { "overflow": "hidden" }
   };
-  const __default__$6 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     inheritAttrs: false,
     name: "HzztScan"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: scanProps,
     emits: scanEmits,
     setup(__props, { expose, emit }) {
@@ -27116,7 +27234,7 @@
       };
     }
   });
-  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);
 
@@ -27162,11 +27280,11 @@
 
   const _hoisted_1$2 = { slot: "append" };
   const _hoisted_2$1 = { key: 0 };
-  const __default__$5 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "HzztSelectInput"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: selectInputProps,
     emits: selectInputEmits,
     setup(__props, { emit }) {
@@ -27275,7 +27393,7 @@
       };
     }
   });
-  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);
 
@@ -27306,11 +27424,11 @@
 
   const _hoisted_1$1 = { class: "flex column" };
   const _hoisted_2 = { class: "flex align-items-center" };
-  const __default__$4 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: "HzztSelectTextarea"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: selectTextareaProps,
     emits: selectTextareaEmits,
     setup(__props, { emit }) {
@@ -27396,7 +27514,7 @@
       };
     }
   });
-  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);
 
@@ -27422,11 +27540,11 @@
   };
 
   const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-  const __default__$3 = vue.defineComponent({
+  const __default__$4 = vue.defineComponent({
     name: "HzztInputRange"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: inputRangeProps,
     emits: inputRangeEmits,
     setup(__props, { emit }) {
@@ -27490,7 +27608,7 @@
       };
     }
   });
-  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);
 
@@ -27550,11 +27668,11 @@
     return get(list, []);
   }
 
-  const __default__$2 = vue.defineComponent({
+  const __default__$3 = vue.defineComponent({
     name: "HzztCascader"
   });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: cascaderProps,
     emits: cascaderEmits,
     setup(__props, { emit }) {
@@ -27663,7 +27781,7 @@
       };
     }
   });
-  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);
 
@@ -27700,12 +27818,12 @@
     "enter": (e) => e
   };
 
-  const __default__$1 = vue.defineComponent({
+  const __default__$2 = vue.defineComponent({
     name: "HzztSelect",
     inheritAttrs: false
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: selectProps,
     emits: selectEmits,
     setup(__props, { emit }) {
@@ -27870,7 +27988,7 @@
       };
     }
   });
-  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);
 
@@ -27890,11 +28008,11 @@
     change: (value) => isString$1(value)
   };
 
-  const __default__ = vue.defineComponent({
+  const __default__$1 = vue.defineComponent({
     name: "HzztClickInput"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
     props: clickInputProps,
     emits: clickInputEmits,
     setup(__props, { emit }) {
@@ -27967,10 +28085,93 @@
       };
     }
   });
-  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__ = vue.defineComponent({
+    name: "HzztScroll"
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    setup(__props) {
+      const navTranslateX = vue.ref(0);
+      const scrollRef = vue.ref(null);
+      const scrollContentRef = vue.ref(null);
+      const scrollable = vue.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);
+      vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
+        }, [
+          scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "hzzt-scroll__nav-prev",
+            onClick: btnNavPrev
+          }, [
+            vue.createVNode(HzztIcon$1, { name: "arrow-left" })
+          ])) : vue.createCommentVNode("v-if", true),
+          scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "hzzt-scroll__nav-next",
+            onClick: btnNavNext
+          }, [
+            vue.createVNode(HzztIcon$1, { name: "arrow-right" })
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            ref_key: "scrollRef",
+            ref: scrollRef,
+            class: "overflow-hidden"
+          }, [
+            vue.createElementVNode("div", {
+              ref_key: "scrollContentRef",
+              ref: scrollContentRef,
+              style: vue.normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
+              class: "hzzt-scroll__content"
+            }, [
+              vue.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,
@@ -27990,7 +28191,8 @@
     HzztInputRange,
     HzztCascader,
     HzztSelect,
-    HzztClickInput
+    HzztClickInput,
+    HzztScroll
   ];
 
   var Plugins = [];
@@ -28221,6 +28423,7 @@
   exports.HzztPagination = HzztPagination;
   exports.HzztQuarterPicker = HzztQuarterPicker;
   exports.HzztScan = HzztScan;
+  exports.HzztScroll = HzztScroll;
   exports.HzztSelect = HzztSelect;
   exports.HzztSelectInput = HzztSelectInput;
   exports.HzztSelectTextarea = HzztSelectTextarea;