hzzt-plus 1.0.0 → 1.0.2

package/lib/components/scan/src/scan.vue.d.ts

@@ -33,15 +33,15 @@ declare const _default: import("vue").DefineComponent<{
                 readonly disabled: boolean;
                 readonly id: string;
                 readonly type: string;
-                readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
+                readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
                 readonly tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly readonly: boolean;
                 readonly autosize: import("element-plus").InputAutoSize;
                 readonly autocomplete: string;
                 readonly containerRole: string;
                 readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly inputStyle: import("vue").StyleValue;
                 readonly rows: number;
-                readonly readonly: boolean;
                 readonly clearable: boolean;
                 readonly showPassword: boolean;
                 readonly showWordLimit: boolean;
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
-                readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
+                readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
                 readonly maxlength: {
                     readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                     readonly required: false;
@@ -76,7 +76,13 @@ declare const _default: import("vue").DefineComponent<{
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
+                readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
+                    minRows?: number | undefined;
+                    maxRows?: number | undefined;
+                }) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => boolean | {
+                    minRows?: number | undefined;
+                    maxRows?: number | undefined;
+                }) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
                 readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
                 readonly formatter: {
                     readonly type: import("vue").PropType<Function>;
@@ -121,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
                 readonly tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
                 readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+                readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
                 readonly autofocus: BooleanConstructor;
                 readonly rows: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
             }>> & {
@@ -149,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+            $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 readonly ariaLabel: StringConstructor;
@@ -161,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
-                readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
+                readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
                 readonly maxlength: {
                     readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                     readonly required: false;
@@ -181,7 +187,13 @@ declare const _default: import("vue").DefineComponent<{
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
+                readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
+                    minRows?: number | undefined;
+                    maxRows?: number | undefined;
+                }) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => boolean | {
+                    minRows?: number | undefined;
+                    maxRows?: number | undefined;
+                }) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
                 readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
                 readonly formatter: {
                     readonly type: import("vue").PropType<Function>;
@@ -226,7 +238,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
                 readonly tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
                 readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+                readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
                 readonly autofocus: BooleanConstructor;
                 readonly rows: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
             }>> & {
@@ -249,7 +261,7 @@ declare const _default: import("vue").DefineComponent<{
                 textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
                 autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
                 isComposing: import("vue").Ref<boolean>;
-                focus: () => Promise<void>;
+                focus: () => void | undefined;
                 blur: () => void | undefined;
                 select: () => void;
                 clear: () => void;
@@ -271,15 +283,15 @@ declare const _default: import("vue").DefineComponent<{
                 readonly disabled: boolean;
                 readonly id: string;
                 readonly type: string;
-                readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
+                readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
                 readonly tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly readonly: boolean;
                 readonly autosize: import("element-plus").InputAutoSize;
                 readonly autocomplete: string;
                 readonly containerRole: string;
                 readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly inputStyle: import("vue").StyleValue;
                 readonly rows: number;
-                readonly readonly: boolean;
                 readonly clearable: boolean;
                 readonly showPassword: boolean;
                 readonly showWordLimit: boolean;
@@ -314,7 +326,7 @@ declare const _default: import("vue").DefineComponent<{
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
+            readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
             readonly maxlength: {
                 readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
                 readonly required: false;
@@ -334,7 +346,13 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
+            readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
+                minRows?: number | undefined;
+                maxRows?: number | undefined;
+            }) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => boolean | {
+                minRows?: number | undefined;
+                maxRows?: number | undefined;
+            }) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
             readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
             readonly formatter: {
                 readonly type: import("vue").PropType<Function>;
@@ -379,7 +397,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
             readonly tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
             readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+            readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
             readonly autofocus: BooleanConstructor;
             readonly rows: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
         }>> & {
@@ -402,7 +420,7 @@ declare const _default: import("vue").DefineComponent<{
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
             isComposing: import("vue").Ref<boolean>;
-            focus: () => Promise<void>;
+            focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
             clear: () => void;
@@ -421,7 +439,7 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
+        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
         readonly maxlength: {
             readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
             readonly required: false;
@@ -441,7 +459,13 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
+        readonly autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        }) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        }) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
         readonly autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
         readonly formatter: {
             readonly type: import("vue").PropType<Function>;
@@ -486,7 +510,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
         readonly tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+        readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
         readonly autofocus: BooleanConstructor;
         readonly rows: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     }>> & {
@@ -509,7 +533,7 @@ declare const _default: import("vue").DefineComponent<{
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
         isComposing: import("vue").Ref<boolean>;
-        focus: () => Promise<void>;
+        focus: () => void | undefined;
         blur: () => void | undefined;
         select: () => void;
         clear: () => void;
@@ -531,15 +555,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly disabled: boolean;
         readonly id: string;
         readonly type: string;
-        readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
+        readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>;
         readonly tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly readonly: boolean;
         readonly autosize: import("element-plus").InputAutoSize;
         readonly autocomplete: string;
         readonly containerRole: string;
         readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly inputStyle: import("vue").StyleValue;
         readonly rows: number;
-        readonly readonly: boolean;
         readonly clearable: boolean;
         readonly showPassword: boolean;
         readonly showWordLimit: boolean;

package/lib/components/scan/src/scan2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scan2.js","sources":["../../../../../../packages/components/scan/src/scan.vue"],"sourcesContent":["<template>\n  <div\n    class=\"hzzt-scan\"\n    style=\"position: relative\"\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <div style=\"width: 0; height: 0; overflow: hidden\">\n      <input readonly style=\"width: 0; height: 0; overflow: hidden\" />\n      <input\n        readonly\n        type=\"password\"\n        autocomplete=\"off\"\n        style=\"width: 0; height: 0; overflow: hidden\"\n      />\n    </div>\n\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"innerValue\"\n      v-bind=\"{\n        ...$attrs,\n        class: '',\n        style: '',\n        onChange: '',\n      }\"\n      :readonly=\"readonly\"\n      :type=\"inputType\"\n      class=\"hzzt-scan-input-original\"\n      autocomplete=\"off\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @change=\"inputChange\"\n    >\n      <template v-for=\"(_, key, index) in $slots\" :key=\"index\" #[key]>\n        <slot :name=\"key\" />\n      </template>\n    </el-input>\n    <div\n      class=\"hzzt-scan-input-backup\"\n      :class=\"{ 'placeholder-color': innerValue === ' ' }\"\n    >\n      <div class=\"width-100%\" style=\"overflow: hidden\">\n        {{ showValue }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElInput } from 'element-plus'\nimport { scanEmits, scanProps } from '@hzzt-plus/components/scan/src/scan'\n\ndefineOptions({\n  inheritAttrs: false,\n  name: 'HzztScan',\n})\n\nconst props = defineProps(scanProps)\n\nconst emit = defineEmits(scanEmits)\n\nconst readonly = ref(true)\nconst innerValue = ref(' ')\nconst inputRef = ref()\n\nconst showValue = computed(() => {\n  if (innerValue.value === ' ') {\n    return ` ${props.placeholder}`\n  } else {\n    return innerValue.value\n  }\n})\n\nconst inputType = computed(() => {\n  if (innerValue.value && !readonly.value) {\n    return 'password'\n  } else {\n    return 'text'\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    } else {\n      innerValue.value = ` ${changeLetter(v)}`\n    }\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    }\n    const str =\n      innerValue.value[0] === ' ' ? innerValue.value.slice(1) : innerValue.value\n    const final = changeLetter(str ?? '')\n    emit('update:modelValue', final)\n    emit('input', final)\n  }\n)\n\nfunction changeLetter(v: string) {\n  if (props.letter === 'upper') {\n    return v.toLocaleUpperCase()\n  } else if (props.letter === 'lower') {\n    return v.toLocaleLowerCase()\n  } else {\n    return v\n  }\n}\n\nfunction inputFocus() {\n  readonly.value = false\n}\n\nfunction inputBlur() {\n  readonly.value = true\n}\n\nfunction inputChange() {\n  emit('change', props.modelValue)\n}\n\nfunction focus() {\n  readonly.value = false\n  setTimeout(() => {\n    inputRef.value.focus()\n  })\n}\n\nfunction blur() {\n  readonly.value = true\n  inputRef.value.blur()\n}\n\nfunction clear() {\n  inputRef.value.clear()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  clear,\n})\n</script>\n"],"names":["_defineComponent","scanEmits","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_unref","ElInput","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"scan2.js","sources":["../../../../../../packages/components/scan/src/scan.vue"],"sourcesContent":["<template>\n  <div\n    class=\"hzzt-scan\"\n    style=\"position: relative\"\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <div style=\"width: 0; height: 0; overflow: hidden\">\n      <input readonly style=\"width: 0; height: 0; overflow: hidden\" />\n      <input\n        readonly\n        type=\"password\"\n        autocomplete=\"off\"\n        style=\"width: 0; height: 0; overflow: hidden\"\n      />\n    </div>\n\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"innerValue\"\n      v-bind=\"{\n        ...$attrs,\n        class: '',\n        style: '',\n        onChange: '',\n      }\"\n      :readonly=\"readonly\"\n      :type=\"inputType\"\n      class=\"hzzt-scan-input-original\"\n      autocomplete=\"off\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @change=\"inputChange\"\n    >\n      <template v-for=\"(_, key, index) in $slots\" :key=\"index\" #[key]>\n        <slot :name=\"key\" />\n      </template>\n    </el-input>\n    <div\n      class=\"hzzt-scan-input-backup\"\n      :class=\"{ 'placeholder-color': innerValue === ' ' }\"\n    >\n      <div class=\"width-100%\" style=\"overflow: hidden\">\n        {{ showValue }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElInput } from 'element-plus'\nimport { scanEmits, scanProps } from './scan'\n\ndefineOptions({\n  inheritAttrs: false,\n  name: 'HzztScan',\n})\n\nconst props = defineProps(scanProps)\n\nconst emit = defineEmits(scanEmits)\n\nconst readonly = ref(true)\nconst innerValue = ref(' ')\nconst inputRef = ref()\n\nconst showValue = computed(() => {\n  if (innerValue.value === ' ') {\n    return ` ${props.placeholder}`\n  } else {\n    return innerValue.value\n  }\n})\n\nconst inputType = computed(() => {\n  if (innerValue.value && !readonly.value) {\n    return 'password'\n  } else {\n    return 'text'\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    } else {\n      innerValue.value = ` ${changeLetter(v)}`\n    }\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    }\n    const str =\n      innerValue.value[0] === ' ' ? innerValue.value.slice(1) : innerValue.value\n    const final = changeLetter(str ?? '')\n    emit('update:modelValue', final)\n    emit('input', final)\n  }\n)\n\nfunction changeLetter(v: string) {\n  if (props.letter === 'upper') {\n    return v.toLocaleUpperCase()\n  } else if (props.letter === 'lower') {\n    return v.toLocaleLowerCase()\n  } else {\n    return v\n  }\n}\n\nfunction inputFocus() {\n  readonly.value = false\n}\n\nfunction inputBlur() {\n  readonly.value = true\n}\n\nfunction inputChange() {\n  emit('change', props.modelValue)\n}\n\nfunction focus() {\n  readonly.value = false\n  setTimeout(() => {\n    inputRef.value.focus()\n  })\n}\n\nfunction blur() {\n  readonly.value = true\n  inputRef.value.blur()\n}\n\nfunction clear() {\n  inputRef.value.clear()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  clear,\n})\n</script>\n"],"names":["_defineComponent","scanEmits","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_unref","ElInput","_mergeProps"],"mappings":"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"}