hzzt-plus 0.0.8 → 1.0.0

package/dist/index.full.js

@@ -12664,6 +12664,10 @@
     "sat"
   ];
 
+  const UPDATE_MODEL_EVENT$1 = "update:modelValue";
+  const CHANGE_EVENT$1 = "change";
+  const INPUT_EVENT$1 = "input";
+
   var English$1 = {
     name: "en",
     hzzt: {
@@ -12894,59 +12898,6 @@
     };
   };
 
-  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 = vue.defineComponent({
-    name: "HzztTitle"
-  });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
-    props: {
-      label: String,
-      sideline: {
-        type: Boolean,
-        default: true
-      }
-    },
-    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$8, [
-          __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$7)) : 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(__props.label), 1)
-            ])
-          ])
-        ])) : vue.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);
@@ -14034,7 +13985,7 @@
     }
   }
 
-  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;
@@ -14051,12 +14002,12 @@
     }
   });
 
-  const __default__$n = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -14080,7 +14031,7 @@
       };
     }
   });
-  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);
 
@@ -14323,12 +14274,12 @@
     compositionend: (evt) => evt instanceof CompositionEvent
   };
 
-  const __default__$m = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14745,7 +14696,7 @@
       };
     }
   });
-  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);
 
@@ -14795,7 +14746,7 @@
   });
 
   const COMPONENT_NAME$2 = "Thumb";
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14914,7 +14865,7 @@
       };
     }
   });
-  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: {
@@ -14927,7 +14878,7 @@
     }
   });
 
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14985,7 +14936,7 @@
       };
     }
   });
-  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: {
@@ -15038,11 +14989,11 @@
   };
 
   const COMPONENT_NAME$1 = "ElScrollbar";
-  const __default__$l = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -15191,7 +15142,7 @@
       };
     }
   });
-  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);
 
@@ -15216,12 +15167,12 @@
     }
   });
 
-  const __default__$k = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15244,7 +15195,7 @@
       };
     }
   });
-  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: {
@@ -15253,12 +15204,12 @@
     }
   });
 
-  const __default__$j = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15284,7 +15235,7 @@
       };
     }
   });
-  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 = vue.defineComponent({
@@ -15371,12 +15322,12 @@
     open: Boolean
   });
 
-  const __default__$i = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15485,7 +15436,7 @@
       };
     }
   });
-  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";
@@ -15635,7 +15586,7 @@
     });
   };
 
-  const _sfc_main$q = vue.defineComponent({
+  const _sfc_main$s = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15880,7 +15831,7 @@
   function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -16168,11 +16119,11 @@
     };
   };
 
-  const __default__$h = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16288,7 +16239,7 @@
       };
     }
   });
-  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);
 
@@ -16370,11 +16321,11 @@
     };
   };
 
-  const __default__$g = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16433,7 +16384,7 @@
       };
     }
   });
-  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: {
@@ -16443,7 +16394,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16457,16 +16408,16 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16626,13 +16577,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16784,7 +16735,7 @@
       };
     }
   });
-  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);
 
@@ -17851,11 +17802,11 @@
     });
   }
 
-  const __default__$d = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -17921,18 +17872,18 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -17950,7 +17901,7 @@
       };
     }
   });
-  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
@@ -18090,11 +18041,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$b = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -18178,26 +18129,26 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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) => {
@@ -18398,11 +18349,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$a = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -18707,7 +18658,7 @@
       };
     }
   });
-  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);
 
@@ -18789,7 +18740,7 @@
     };
   }
 
-  const _sfc_main$e = vue.defineComponent({
+  const _sfc_main$g = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -18880,9 +18831,9 @@
       [vue.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 = vue.defineComponent({
+  const _sfc_main$f = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -18929,7 +18880,7 @@
       ], 2)) : vue.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) => {
@@ -19688,7 +19639,7 @@
   });
 
   const COMPONENT_NAME = "ElSelect";
-  const _sfc_main$c = vue.defineComponent({
+  const _sfc_main$e = vue.defineComponent({
     name: COMPONENT_NAME,
     componentName: COMPONENT_NAME,
     components: {
@@ -20081,9 +20032,9 @@
       [_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 = vue.defineComponent({
+  const _sfc_main$d = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -20155,7 +20106,7 @@
       [vue.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,
@@ -20226,11 +20177,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$9 = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -20329,7 +20280,7 @@
       };
     }
   });
-  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;
@@ -20353,18 +20304,26 @@
     directive: ElPopoverDirective
   });
 
-  const _hoisted_1$7 = ["onClick"];
-  const _hoisted_2$6 = { class: "hzzt-dropdown-name" };
-  const _hoisted_3$6 = /* @__PURE__ */ vue.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__ */ vue.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 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: {
       options: {
         type: Array,
@@ -20419,8 +20378,8 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
           }, [
-            vue.createElementVNode("span", _hoisted_2$6, vue.toDisplayString(__props.label), 1),
-            _hoisted_3$6,
+            vue.createElementVNode("span", _hoisted_2$8, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$7,
             vue.createElementVNode("ul", _hoisted_4$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -20467,19 +20426,19 @@
               }), 256))
             ])
           ], 2)
-        ], 8, _hoisted_1$7)), [
+        ], 8, _hoisted_1$9)), [
           [vue.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__ */ 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);
@@ -20487,11 +20446,11 @@
     key: 0,
     class: "hzzt-collapse-text"
   };
-  const __default__$7 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "HzztCollapse"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: {
       defaultActive: {
         type: Boolean,
@@ -20517,13 +20476,13 @@
         active.value = !active.value;
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           vue.createElementVNode("div", {
             class: "hzzt-collapse-header",
             onClick: toggle
           }, [
-            vue.createElementVNode("div", _hoisted_2$5, [
-              vue.createElementVNode("div", _hoisted_3$5, [
+            vue.createElementVNode("div", _hoisted_2$7, [
+              vue.createElementVNode("div", _hoisted_3$6, [
                 _hoisted_4$4,
                 vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(__props.title), 1)
               ]),
@@ -20537,13 +20496,41 @@
       };
     }
   });
-  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__ */ 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$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 = {
@@ -20551,11 +20538,11 @@
     class: "hzzt-tab-badge-count"
   };
   const _hoisted_7$1 = { class: "flex wrap" };
-  const __default__$6 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "HzztTab"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: {
       tabList: {
         type: Array,
@@ -20563,9 +20550,13 @@
       },
       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 = vue.computed(() => props.tabList.map((value) => {
@@ -20583,11 +20574,15 @@
         emit("update:modelValue", tab.name);
         emit("tab-click", tab, event);
       }
+      function close(index, event) {
+        event.stopPropagation();
+        emit("tab-close", index);
+      }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-          vue.createElementVNode("div", _hoisted_2$4, [
-            vue.createElementVNode("div", _hoisted_3$4, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+          vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createElementVNode("div", _hoisted_3$5, [
+              (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",
@@ -20597,7 +20592,13 @@
                     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$1, 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",
+                      name: "close",
+                      onClick: ($event) => close(index, $event)
+                    }, null, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
                   ])
                 ], 8, _hoisted_4$3);
               }), 128))
@@ -20612,38 +20613,10 @@
       };
     }
   });
-  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__ */ 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$6, [["__file", "index.vue"]]);
-
   const HzztIcon = {
     install(app) {
       app.component("HzztIcon", HzztIcon$1);
@@ -20656,15 +20629,15 @@
     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 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     name: "HzztPagination"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: {
       pagination: {
         type: Object,
@@ -20694,9 +20667,9 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-          vue.createElementVNode("p", _hoisted_2$3, 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, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+          vue.createElementVNode("p", _hoisted_2$5, 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$4, [
             vue.renderSlot(_ctx.$slots, "right"),
             vue.createVNode(HzztIcon$1, {
               class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
@@ -20714,18 +20687,18 @@
       };
     }
   });
-  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 = vue.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 = vue.defineComponent({
     name: "HzztTooltip"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: {
       content: {
         type: String,
@@ -20736,12 +20709,12 @@
     setup(__props, { emit }) {
       const attrs = vue.useAttrs();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
           vue.createVNode(vue.unref(ElTooltip), vue.mergeProps({ effect: "dark" }, vue.unref(attrs)), {
             content: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                vue.createElementVNode("div", _hoisted_2$2, [
-                  vue.createElementVNode("pre", _hoisted_3$2, vue.toDisplayString(__props.content), 1)
+                vue.createElementVNode("div", _hoisted_2$4, [
+                  vue.createElementVNode("pre", _hoisted_3$3, vue.toDisplayString(__props.content), 1)
                 ])
               ])
             ]),
@@ -20759,28 +20732,28 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: "HzztPageSize"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: {
       modelValue: {
         type: Number,
@@ -20837,13 +20810,13 @@
         return vue.openBlock(), vue.createElementBlock("main", {
           class: vue.normalizeClass([vue.unref(compKls), "flex wrap align-items-center justify-content-end"])
         }, [
-          __props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
-          __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
+          __props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$4, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
+          __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
           __props.pageSizeOptions.length ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
             class: vue.normalizeClass([vue.unref(ns).e("option"), "flex align-items-center"])
           }, [
-            vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.per_page")), 1),
+            vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.per_page")), 1),
             vue.createVNode(vue.unref(ElSelect), {
               modelValue: sizeValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
@@ -20907,15 +20880,15 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const __default__$4 = vue.defineComponent({
     name: "HzztConfirmPassword"
   });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: {
       placeholder: {
         type: String,
@@ -20975,16 +20948,16 @@
       };
     }
   });
-  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 = vue.defineComponent({
+  const _hoisted_1$3 = ["onClick"];
+  const __default__$3 = vue.defineComponent({
     name: "HzztCheckButton"
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: {
       options: {
         type: Array,
@@ -21045,7 +21018,7 @@
                     ...vue.unref(spanKls)
                   ], "flex-1"]),
                   onClick: ($event) => selectValue(item.value)
-                }, vue.toDisplayString(item.label), 11, _hoisted_1$1)
+                }, vue.toDisplayString(item.label), 11, _hoisted_1$3)
               ]),
               _: 2
             }, 1032, ["hidden", "value"]);
@@ -21054,7 +21027,7 @@
       };
     }
   });
-  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);
 
@@ -21295,9 +21268,9 @@
     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" }
   };
@@ -21312,11 +21285,11 @@
   const _hoisted_9 = { class: "cell" };
   const _hoisted_10 = { class: "cell" };
   const _hoisted_11 = { class: "cell" };
-  const __default__ = vue.defineComponent({
+  const __default__$2 = vue.defineComponent({
     name: "HzztQuarterPicker"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: {
       size: useSizeProp$1,
       format: {
@@ -21494,9 +21467,9 @@
             }, 16, ["disabled", "size", "placeholder", "value"])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_1$2, [
+              vue.createElementVNode("div", _hoisted_2$2, [
+                vue.createElementVNode("div", _hoisted_3$1, [
                   vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`hzzt.quarterpicker.prevYear`),
@@ -21556,10 +21529,221 @@
       };
     }
   });
-  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__ */ vue.createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
+    /* @__PURE__ */ vue.createElementVNode("input", {
+      readonly: "",
+      style: { "width": "0", "height": "0", "overflow": "hidden" }
+    }),
+    /* @__PURE__ */ vue.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 = vue.defineComponent({
+    inheritAttrs: false,
+    name: "HzztScan"
+  });
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
+    props: scanProps,
+    emits: scanEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const readonly = vue.ref(true);
+      const innerValue = vue.ref(" ");
+      const inputRef = vue.ref();
+      const showValue = vue.computed(() => {
+        if (innerValue.value === " ") {
+          return ` ${props.placeholder}`;
+        } else {
+          return innerValue.value;
+        }
+      });
+      const inputType = vue.computed(() => {
+        if (innerValue.value && !readonly.value) {
+          return "password";
+        } else {
+          return "text";
+        }
+      });
+      vue.watch(() => props.modelValue, (v) => {
+        if (!v) {
+          innerValue.value = " ";
+        } else {
+          innerValue.value = ` ${changeLetter(v)}`;
+        }
+      });
+      vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
+          style: vue.normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
+        }, [
+          _hoisted_1$1,
+          vue.createVNode(vue.unref(ElInput), vue.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: vue.unref(inputType),
+            class: "hzzt-scan-input-original",
+            autocomplete: "off",
+            onFocus: inputFocus,
+            onBlur: inputBlur,
+            onChange: inputChange
+          }), vue.createSlots({
+            _: 2
+          }, [
+            vue.renderList(_ctx.$slots, (_, key, index) => {
+              return {
+                name: key,
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, key)
+                ])
+              };
+            })
+          ]), 1040, ["modelValue", "readonly", "type"]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
+          }, [
+            vue.createElementVNode("div", _hoisted_2$1, vue.toDisplayString(vue.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__ = vue.defineComponent({
+    name: "HzztTitle"
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    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, [
+          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "before"),
+          vue.createElementVNode("label", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ])
+        ])) : vue.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,
@@ -21572,7 +21756,8 @@
     HzztPageSize,
     HzztConfirmPassword,
     HzztCheckButton,
-    HzztQuarterPicker
+    HzztQuarterPicker,
+    HzztScan
   ];
 
   var Plugins = [];
@@ -21785,6 +21970,7 @@
   const version = installer.version;
 
   exports.Blur = Blur;
+  exports.CHANGE_EVENT = CHANGE_EVENT$1;
   exports.Download = Download;
   exports.Drag = Drag;
   exports.Height = Height;
@@ -21798,11 +21984,14 @@
   exports.HzztPageSize = HzztPageSize;
   exports.HzztPagination = HzztPagination;
   exports.HzztQuarterPicker = HzztQuarterPicker;
+  exports.HzztScan = HzztScan;
   exports.HzztTab = HzztTab;
   exports.HzztTitle = HzztTitle;
   exports.HzztTooltip = HzztTooltip;
+  exports.INPUT_EVENT = INPUT_EVENT$1;
   exports.INSTALLED_KEY = INSTALLED_KEY;
   exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY$1;
+  exports.UPDATE_MODEL_EVENT = UPDATE_MODEL_EVENT$1;
   exports.WEEK_DAYS = WEEK_DAYS;
   exports.buildLocaleContext = buildLocaleContext$1;
   exports.buildTranslator = buildTranslator$1;
@@ -21818,6 +22007,9 @@
   exports.makeInstaller = makeInstaller;
   exports.namespaceContextKey = namespaceContextKey$1;
   exports.provideGlobalConfig = provideGlobalConfig;
+  exports.scanEmits = scanEmits;
+  exports.scanProps = scanProps;
+  exports.titleProps = titleProps;
   exports.translate = translate$1;
   exports.useGetDerivedNamespace = useGetDerivedNamespace$1;
   exports.useGlobalConfig = useGlobalConfig$1;