hzzt-plus 0.0.8 → 1.0.0

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Hzzt Plus v0.0.1 */
 
-import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, shallowRef, onBeforeUnmount, onBeforeMount, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, normalizeStyle, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, readonly, onDeactivated, withKeys, toRaw, toRefs, watchEffect, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, normalizeProps, guardReactiveProps } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, shallowRef, onBeforeUnmount, onBeforeMount, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, readonly, onDeactivated, withKeys, toRaw, toRefs, watchEffect, resolveComponent, resolveDirective, toHandlerKey, renderList, createTextVNode, vModelText, normalizeProps, guardReactiveProps, createSlots } from 'vue';
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -12660,6 +12660,10 @@ const WEEK_DAYS = [
   "sat"
 ];
 
+const UPDATE_MODEL_EVENT$1 = "update:modelValue";
+const CHANGE_EVENT$1 = "change";
+const INPUT_EVENT$1 = "input";
+
 var English$1 = {
   name: "en",
   hzzt: {
@@ -12890,59 +12894,6 @@ const makeInstaller = (components = []) => {
   };
 };
 
-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$8 = {
-  key: 0,
-  class: "hzzt-title flex align-items-center"
-};
-const _hoisted_2$7 = {
-  key: 0,
-  class: "decorative-line"
-};
-const _hoisted_3$7 = { class: "label-name" };
-const __default__$o = defineComponent({
-  name: "HzztTitle"
-});
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
-  props: {
-    label: String,
-    sideline: {
-      type: Boolean,
-      default: true
-    }
-  },
-  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$8, [
-        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$7)) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3$7, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ])
-        ])
-      ])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var Title = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "title.vue"]]);
-
-const HzztTitle = withInstall$1(Title);
-
 const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
   const handleEvent = (event) => {
     const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -14030,7 +13981,7 @@ function useGlobalConfig(key, defaultValue = void 0) {
   }
 }
 
-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;
@@ -14047,12 +13998,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$n = defineComponent({
+const __default__$p = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -14076,7 +14027,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -14319,12 +14270,12 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const __default__$m = defineComponent({
+const __default__$o = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14741,7 +14692,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14791,7 +14742,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$2 = "Thumb";
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14910,7 +14861,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14923,7 +14874,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14981,7 +14932,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -15034,11 +14985,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$1 = "ElScrollbar";
-const __default__$l = defineComponent({
+const __default__$n = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -15187,7 +15138,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -15212,12 +15163,12 @@ const popperProps = buildProps({
   }
 });
 
-const __default__$k = defineComponent({
+const __default__$m = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15240,7 +15191,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -15249,12 +15200,12 @@ const popperArrowProps = buildProps({
   }
 });
 
-const __default__$j = defineComponent({
+const __default__$l = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15280,7 +15231,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "arrow.vue"]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -15367,12 +15318,12 @@ const popperTriggerProps = buildProps({
   open: Boolean
 });
 
-const __default__$i = defineComponent({
+const __default__$k = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15481,7 +15432,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15631,7 +15582,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$q = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15876,7 +15827,7 @@ const _sfc_main$q = defineComponent({
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render$6], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -16164,11 +16115,11 @@ const usePopperContentFocusTrap = (props, emit) => {
   };
 };
 
-const __default__$h = defineComponent({
+const __default__$j = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -16284,7 +16235,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -16366,11 +16317,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$g = defineComponent({
+const __default__$i = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16429,7 +16380,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "trigger.vue"]]);
 
 const teleportProps = buildProps({
   to: {
@@ -16439,7 +16390,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16453,16 +16404,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "teleport.vue"]]);
 
 const ElTeleport = withInstall(Teleport);
 
-const __default__$f = defineComponent({
+const __default__$h = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16622,13 +16573,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "content.vue"]]);
 
-const __default__$e = defineComponent({
+const __default__$g = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16780,7 +16731,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "tooltip.vue"]]);
+var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip$1);
 
@@ -17847,11 +17798,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$d = defineComponent({
+const __default__$f = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -17917,18 +17868,18 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "button.vue"]]);
 
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
 
-const __default__$c = defineComponent({
+const __default__$e = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -17946,7 +17897,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "button-group.vue"]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -18086,11 +18037,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$b = defineComponent({
+const __default__$d = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -18174,26 +18125,26 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$5], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$5], ["__file", "collection.vue"]]);
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$4], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$4], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -18394,11 +18345,11 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__$a = defineComponent({
+const __default__$c = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -18703,7 +18654,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
@@ -18785,7 +18736,7 @@ function useOption(props, states) {
   };
 }
 
-const _sfc_main$e = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -18876,9 +18827,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$3], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$3], ["__file", "option.vue"]]);
 
-const _sfc_main$d = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -18925,7 +18876,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var ElSelectMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
 
 const MINIMUM_INPUT_WIDTH = 11;
 const useSelect = (props, emit) => {
@@ -19684,7 +19635,7 @@ const SelectProps = buildProps({
 });
 
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$c = defineComponent({
+const _sfc_main$e = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
@@ -20077,9 +20028,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$1], ["__file", "select.vue"]]);
 
-const _sfc_main$b = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -20151,7 +20102,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select, {
   Option,
@@ -20222,11 +20173,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$9 = defineComponent({
+const __default__$b = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -20325,7 +20276,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -20349,18 +20300,26 @@ const ElPopover = withInstall(Popover, {
   directive: ElPopoverDirective
 });
 
-const _hoisted_1$7 = ["onClick"];
-const _hoisted_2$6 = { class: "hzzt-dropdown-name" };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$9 = ["onClick"];
+const _hoisted_2$8 = { class: "hzzt-dropdown-name" };
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
 const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = { class: "submenu" };
 const _hoisted_7$3 = ["onClick"];
-const __default__$8 = defineComponent({
+const __default__$a = defineComponent({
   name: "HzztDropDown"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     options: {
       type: Array,
@@ -20415,8 +20374,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         createElementVNode("li", {
           class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
         }, [
-          createElementVNode("span", _hoisted_2$6, toDisplayString(__props.label), 1),
-          _hoisted_3$6,
+          createElementVNode("span", _hoisted_2$8, toDisplayString(__props.label), 1),
+          _hoisted_3$7,
           createElementVNode("ul", _hoisted_4$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
@@ -20463,19 +20422,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }), 256))
           ])
         ], 2)
-      ], 8, _hoisted_1$7)), [
+      ], 8, _hoisted_1$9)), [
         [unref(ClickOutside), close]
       ]);
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "index.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "index.vue"]]);
 
 const HzztDropdown = withInstall$1(Dropdown);
 
-const _hoisted_1$6 = { class: "hzzt-collapse" };
-const _hoisted_2$5 = { class: "flex align-items-center" };
-const _hoisted_3$5 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_1$8 = { class: "hzzt-collapse" };
+const _hoisted_2$7 = { class: "flex align-items-center" };
+const _hoisted_3$6 = { 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);
@@ -20483,11 +20442,11 @@ const _hoisted_7$2 = {
   key: 0,
   class: "hzzt-collapse-text"
 };
-const __default__$7 = defineComponent({
+const __default__$9 = defineComponent({
   name: "HzztCollapse"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     defaultActive: {
       type: Boolean,
@@ -20513,13 +20472,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       active.value = !active.value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", {
           class: "hzzt-collapse-header",
           onClick: toggle
         }, [
-          createElementVNode("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_2$7, [
+            createElementVNode("div", _hoisted_3$6, [
               _hoisted_4$4,
               createElementVNode("div", _hoisted_5$2, toDisplayString(__props.title), 1)
             ]),
@@ -20533,13 +20492,41 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "collapse.vue"]]);
 
 const HzztCollapse = withInstall$1(Collapse);
 
-const _hoisted_1$5 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
-const _hoisted_2$4 = { class: "flex align-items-center" };
-const _hoisted_3$4 = { class: "flex" };
+const _sfc_main$9 = /* @__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$9, [["__file", "index.vue"]]);
+
+const _hoisted_1$7 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2$6 = { class: "flex align-items-center" };
+const _hoisted_3$5 = { class: "flex" };
 const _hoisted_4$3 = ["onClick"];
 const _hoisted_5$1 = { class: "hzzt-tab-badge" };
 const _hoisted_6$1 = {
@@ -20547,11 +20534,11 @@ const _hoisted_6$1 = {
   class: "hzzt-tab-badge-count"
 };
 const _hoisted_7$1 = { class: "flex wrap" };
-const __default__$6 = defineComponent({
+const __default__$8 = defineComponent({
   name: "HzztTab"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     tabList: {
       type: Array,
@@ -20559,9 +20546,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     },
     modelValue: {
       type: [Number, String, Array]
+    },
+    closable: {
+      type: Boolean,
+      default: () => false
     }
   },
-  emits: ["update:modelValue", "tab-click"],
+  emits: ["update:modelValue", "tab-click", "tab-close"],
   setup(__props, { emit }) {
     const props = __props;
     const customTabList = computed(() => props.tabList.map((value) => {
@@ -20579,11 +20570,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", tab.name);
       emit("tab-click", tab, event);
     }
+    function close(index, event) {
+      event.stopPropagation();
+      emit("tab-close", index);
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("div", _hoisted_3$4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("div", _hoisted_3$5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
                 class: "hzzt-tab-pane",
@@ -20593,7 +20588,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   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$1, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
+                  __props.closable ? (openBlock(), createBlock(HzztIcon$1, {
+                    key: 1,
+                    class: "is-icon-close",
+                    name: "close",
+                    onClick: ($event) => close(index, $event)
+                  }, null, 8, ["onClick"])) : createCommentVNode("v-if", true)
                 ])
               ], 8, _hoisted_4$3);
             }), 128))
@@ -20608,38 +20609,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
 
 const HzztTab = withInstall$1(Tab);
 
-const _sfc_main$6 = /* @__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$6, [["__file", "index.vue"]]);
-
 const HzztIcon = {
   install(app) {
     app.component("HzztIcon", HzztIcon$1);
@@ -20652,15 +20625,15 @@ function tarnsElIconName(name) {
   return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
 }
 
-const _hoisted_1$4 = { class: "flex justify-content-between hzzt-pagination" };
-const _hoisted_2$3 = { 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_1$6 = { class: "flex justify-content-between hzzt-pagination" };
+const _hoisted_2$5 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
+const _hoisted_3$4 = { class: "flex align-items-center hzzt-pagination-page font-14" };
 const _hoisted_4$2 = { class: "flex" };
-const __default__$5 = defineComponent({
+const __default__$7 = defineComponent({
   name: "HzztPagination"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     pagination: {
       type: Object,
@@ -20690,9 +20663,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("p", _hoisted_2$3, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
-        createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("p", _hoisted_2$5, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
+        createElementVNode("div", _hoisted_3$4, [
           renderSlot(_ctx.$slots, "right"),
           createVNode(HzztIcon$1, {
             class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
@@ -20710,18 +20683,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "index.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "index.vue"]]);
 
 const HzztPagination = withInstall$1(Pagination);
 
-const _hoisted_1$3 = { class: "flex align-content-center" };
-const _hoisted_2$2 = { style: { "max-width": "300px" } };
-const _hoisted_3$2 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
-const __default__$4 = defineComponent({
+const _hoisted_1$5 = { class: "flex align-content-center" };
+const _hoisted_2$4 = { style: { "max-width": "300px" } };
+const _hoisted_3$3 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
+const __default__$6 = defineComponent({
   name: "HzztTooltip"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     content: {
       type: String,
@@ -20732,12 +20705,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const attrs = useAttrs$1();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createVNode(unref(ElTooltip), mergeProps({ effect: "dark" }, unref(attrs)), {
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, () => [
-              createElementVNode("div", _hoisted_2$2, [
-                createElementVNode("pre", _hoisted_3$2, toDisplayString(__props.content), 1)
+              createElementVNode("div", _hoisted_2$4, [
+                createElementVNode("pre", _hoisted_3$3, toDisplayString(__props.content), 1)
               ])
             ])
           ]),
@@ -20755,28 +20728,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tooltip.vue"]]);
 
 const HzztTooltip = withInstall$1(Tooltip);
 
-const _hoisted_1$2 = {
+const _hoisted_1$4 = {
   key: 0,
   style: { "white-space": "nowrap" }
 };
-const _hoisted_2$1 = {
+const _hoisted_2$3 = {
   key: 1,
   style: { "white-space": "nowrap" }
 };
-const _hoisted_3$1 = { class: "line-height-1" };
+const _hoisted_3$2 = { class: "line-height-1" };
 const _hoisted_4$1 = {
   key: 0,
   class: "margin-l-1 margin-r-2"
 };
-const __default__$3 = defineComponent({
+const __default__$5 = defineComponent({
   name: "HzztPageSize"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: {
     modelValue: {
       type: Number,
@@ -20833,13 +20806,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("main", {
         class: normalizeClass([unref(compKls), "flex wrap align-items-center justify-content-end"])
       }, [
-        __props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
-        __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
+        __props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
+        __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
         __props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
         }, [
-          createElementVNode("span", _hoisted_3$1, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
+          createElementVNode("span", _hoisted_3$2, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
           createVNode(unref(ElSelect), {
             modelValue: sizeValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
@@ -20903,15 +20876,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "index.vue"]]);
+var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "index.vue"]]);
 
 const HzztPageSize = withInstall$1(PageSize);
 
-const __default__$2 = defineComponent({
+const __default__$4 = defineComponent({
   name: "HzztConfirmPassword"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: {
     placeholder: {
       type: String,
@@ -20971,16 +20944,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "confirm-password.vue"]]);
+var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "confirm-password.vue"]]);
 
 const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
-const _hoisted_1$1 = ["onClick"];
-const __default__$1 = defineComponent({
+const _hoisted_1$3 = ["onClick"];
+const __default__$3 = defineComponent({
   name: "HzztCheckButton"
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     options: {
       type: Array,
@@ -21041,7 +21014,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ...unref(spanKls)
                 ], "flex-1"]),
                 onClick: ($event) => selectValue(item.value)
-              }, toDisplayString(item.label), 11, _hoisted_1$1)
+              }, toDisplayString(item.label), 11, _hoisted_1$3)
             ]),
             _: 2
           }, 1032, ["hidden", "value"]);
@@ -21050,7 +21023,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "index.vue"]]);
+var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
 
 const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -21291,9 +21264,9 @@ function range(n) {
   return Array.from({ length: n }).map((_, n2) => n2);
 }
 
-const _hoisted_1 = { class: "el-date-picker" };
-const _hoisted_2 = { class: "el-picker-panel__body" };
-const _hoisted_3 = {
+const _hoisted_1$2 = { class: "el-date-picker" };
+const _hoisted_2$2 = { class: "el-picker-panel__body" };
+const _hoisted_3$1 = {
   class: "el-date-picker__header el-date-picker__header--bordered",
   style: { "margin": "0px", "line-height": "30px" }
 };
@@ -21308,11 +21281,11 @@ const _hoisted_8 = { class: "cell" };
 const _hoisted_9 = { class: "cell" };
 const _hoisted_10 = { class: "cell" };
 const _hoisted_11 = { class: "cell" };
-const __default__ = defineComponent({
+const __default__$2 = defineComponent({
   name: "HzztQuarterPicker"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     size: useSizeProp$1,
     format: {
@@ -21490,9 +21463,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16, ["disabled", "size", "placeholder", "value"])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_1$2, [
+            createElementVNode("div", _hoisted_2$2, [
+              createElementVNode("div", _hoisted_3$1, [
                 createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`hzzt.quarterpicker.prevYear`),
@@ -21552,10 +21525,221 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "index.vue"]]);
+var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
 
 const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
+const scanProps = buildProps$1({
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  letter: {
+    type: String,
+    default: "upper"
+  }
+});
+const scanEmits = {
+  [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+  [CHANGE_EVENT$1]: (value) => isString$1(value),
+  [INPUT_EVENT$1]: (value) => isString$1(value)
+};
+
+const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  }),
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    type: "password",
+    autocomplete: "off",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  })
+], -1);
+const _hoisted_2$1 = {
+  class: "width-100%",
+  style: { "overflow": "hidden" }
+};
+const __default__$1 = defineComponent({
+  inheritAttrs: false,
+  name: "HzztScan"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: scanProps,
+  emits: scanEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const readonly = ref(true);
+    const innerValue = ref(" ");
+    const inputRef = ref();
+    const showValue = computed(() => {
+      if (innerValue.value === " ") {
+        return ` ${props.placeholder}`;
+      } else {
+        return innerValue.value;
+      }
+    });
+    const inputType = computed(() => {
+      if (innerValue.value && !readonly.value) {
+        return "password";
+      } else {
+        return "text";
+      }
+    });
+    watch(() => props.modelValue, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      } else {
+        innerValue.value = ` ${changeLetter(v)}`;
+      }
+    });
+    watch(() => innerValue.value, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      }
+      const str = innerValue.value[0] === " " ? innerValue.value.slice(1) : innerValue.value;
+      const final = changeLetter(str != null ? str : "");
+      emit("update:modelValue", final);
+      emit("input", final);
+    });
+    function changeLetter(v) {
+      if (props.letter === "upper") {
+        return v.toLocaleUpperCase();
+      } else if (props.letter === "lower") {
+        return v.toLocaleLowerCase();
+      } else {
+        return v;
+      }
+    }
+    function inputFocus() {
+      readonly.value = false;
+    }
+    function inputBlur() {
+      readonly.value = true;
+    }
+    function inputChange() {
+      emit("change", props.modelValue);
+    }
+    function focus() {
+      readonly.value = false;
+      setTimeout(() => {
+        inputRef.value.focus();
+      });
+    }
+    function blur() {
+      readonly.value = true;
+      inputRef.value.blur();
+    }
+    function clear() {
+      inputRef.value.clear();
+    }
+    expose({
+      focus,
+      blur,
+      clear
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
+        style: normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
+      }, [
+        _hoisted_1$1,
+        createVNode(unref(ElInput), mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: innerValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+        }, {
+          ..._ctx.$attrs,
+          class: "",
+          style: "",
+          onChange: ""
+        }, {
+          readonly: readonly.value,
+          type: unref(inputType),
+          class: "hzzt-scan-input-original",
+          autocomplete: "off",
+          onFocus: inputFocus,
+          onBlur: inputBlur,
+          onChange: inputChange
+        }), createSlots({
+          _: 2
+        }, [
+          renderList(_ctx.$slots, (_, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue", "readonly", "type"]),
+        createElementVNode("div", {
+          class: normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
+        }, [
+          createElementVNode("div", _hoisted_2$1, toDisplayString(unref(showValue)), 1)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+var Scan = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "scan.vue"]]);
+
+const HzztScan = withInstall$1(Scan);
+
+const _hoisted_1 = {
+  key: 0,
+  class: "hzzt-title flex align-items-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "decorative-line"
+};
+const _hoisted_3 = { class: "label-name" };
+const __default__ = defineComponent({
+  name: "HzztTitle"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  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, [
+        _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "before"),
+        createElementVNode("label", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "title.vue"]]);
+
+const titleProps = buildProps$1({
+  label: String,
+  sideline: {
+    type: Boolean,
+    default: true
+  }
+});
+
+const HzztTitle = withInstall$1(Title);
+
 var Components = [
   HzztConfigProvider,
   HzztTitle,
@@ -21568,7 +21752,8 @@ var Components = [
   HzztPageSize,
   HzztConfirmPassword,
   HzztCheckButton,
-  HzztQuarterPicker
+  HzztQuarterPicker,
+  HzztScan
 ];
 
 var Plugins = [];
@@ -21780,4 +21965,4 @@ function initMouseEvent(el, callback) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztTab, HzztTitle, HzztTooltip, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, 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, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, 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, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, scanEmits, scanProps, 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 };