hzzt-plus 0.0.2 → 0.0.4

package/es/components/confirm-password/src/confirm-password.mjs

@@ -0,0 +1,72 @@
+import { defineComponent, ref, getCurrentInstance, openBlock, createElementBlock, withDirectives, createVNode, unref, vShow } from 'vue';
+import { ElInput } from 'element-plus';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "HzztConfirmPassword"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+    },
+    modelValue: String
+  },
+  emits: ["confirm", "update:modelValue"],
+  setup(__props, { emit }) {
+    const passForm = ref({
+      password: ""
+    });
+    const dotPassword = ref("");
+    const trueValue = ref([]);
+    const instance = getCurrentInstance();
+    function dotInput(val) {
+      const nowLength = val.length;
+      if (nowLength - passForm.value.password.length >= 1) {
+        trueValue.value = [
+          ...trueValue.value,
+          ...val.slice(passForm.value.password.length, nowLength).split("")
+        ];
+      } else if (nowLength === 1 && passForm.value.password.length - nowLength > 1) {
+        trueValue.value = [];
+        trueValue.value.push(val[nowLength - 1]);
+      } else if (passForm.value.password.length - nowLength === 1) {
+        trueValue.value.pop();
+      }
+      if (nowLength === 0) {
+        trueValue.value = [];
+      }
+      passForm.value.password = trueValue.value.join("");
+      dotPassword.value = trueValue.value.map(() => "*").join("");
+      emit("update:modelValue", passForm.value.password);
+    }
+    function confirmPassForm(e) {
+      if (e.key === "Enter") {
+        emit("confirm", instance);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        withDirectives(createVNode(unref(ElInput), {
+          modelValue: passForm.value.password,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => passForm.value.password = $event)
+        }, null, 8, ["modelValue"]), [
+          [vShow, false]
+        ]),
+        createVNode(unref(ElInput), {
+          modelValue: dotPassword.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dotPassword.value = $event),
+          placeholder: __props.placeholder,
+          onInput: dotInput,
+          onKeyup: confirmPassForm
+        }, null, 8, ["modelValue", "placeholder"])
+      ]);
+    };
+  }
+});
+var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "confirm-password.vue"]]);
+
+export { ConfirmPassword as default };
+//# sourceMappingURL=confirm-password.mjs.map

package/es/components/confirm-password/src/confirm-password.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-password.mjs","sources":["../../../../../../packages/components/confirm-password/src/confirm-password.vue"],"sourcesContent":["<template>\n  <div>\n    <el-input v-show=\"false\" v-model=\"passForm.password\" />\n    <el-input\n      v-model=\"dotPassword\"\n      :placeholder=\"placeholder\"\n      @input=\"dotInput\"\n      @keyup=\"confirmPassForm\"\n    />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, ref } from 'vue'\nimport { ElInput } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztConfirmPassword',\n})\n\ndefineProps({\n  placeholder: {\n    type: String,\n    default: '请输入密码',\n  },\n  modelValue: String,\n})\n\nconst emit = defineEmits(['confirm', 'update:modelValue'])\n\nconst passForm = ref({\n  password: '',\n})\nconst dotPassword = ref('')\nconst trueValue: any = ref([])\nconst instance = getCurrentInstance()\n\nfunction dotInput(val: string) {\n  const nowLength = val.length\n  if (nowLength - passForm.value.password.length >= 1) {\n    trueValue.value = [\n      ...trueValue.value,\n      ...val.slice(passForm.value.password.length, nowLength).split(''),\n    ]\n  } else if (\n    nowLength === 1 &&\n    passForm.value.password.length - nowLength > 1\n  ) {\n    trueValue.value = []\n    trueValue.value.push(val[nowLength - 1])\n  } else if (passForm.value.password.length - nowLength === 1) {\n    trueValue.value.pop()\n  }\n  if (nowLength === 0) {\n    trueValue.value = []\n  }\n  passForm.value.password = trueValue.value.join('')\n  dotPassword.value = trueValue.value.map(() => '*').join('')\n  emit('update:modelValue', passForm.value.password)\n}\n\nfunction confirmPassForm(e: KeyboardEvent) {\n  if (e.key === 'Enter') {\n    emit('confirm', instance)\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;mCAec,CAAA;AAAA,EACZ,IAAM,EAAA,qBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;AAYA,IAAA,MAAM,WAAW,GAAI,CAAA;AAAA,MACnB,QAAU,EAAA,EAAA;AAAA,KACX,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAiB,GAAI,CAAA,EAAE,CAAA,CAAA;AAC7B,IAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AAEpC,IAAA,SAAS,SAAS,GAAa,EAAA;AAC7B,MAAA,MAAM,YAAY,GAAI,CAAA,MAAA,CAAA;AACtB,MAAA,IAAI,SAAY,GAAA,QAAA,CAAS,KAAM,CAAA,QAAA,CAAS,UAAU,CAAG,EAAA;AACnD,QAAA,SAAA,CAAU,KAAQ,GAAA;AAAA,UAChB,GAAG,SAAU,CAAA,KAAA;AAAA,UACb,GAAG,GAAI,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,SAAS,MAAQ,EAAA,SAAS,CAAE,CAAA,KAAA,CAAM,EAAE,CAAA;AAAA,SAClE,CAAA;AAAA,OACF,MAAA,IACE,cAAc,CACd,IAAA,QAAA,CAAS,MAAM,QAAS,CAAA,MAAA,GAAS,YAAY,CAC7C,EAAA;AACA,QAAA,SAAA,CAAU,QAAQ,EAAC,CAAA;AACnB,QAAA,SAAA,CAAU,KAAM,CAAA,IAAA,CAAK,GAAI,CAAA,SAAA,GAAY,CAAC,CAAC,CAAA,CAAA;AAAA,iBAC9B,QAAS,CAAA,KAAA,CAAM,QAAS,CAAA,MAAA,GAAS,cAAc,CAAG,EAAA;AAC3D,QAAA,SAAA,CAAU,MAAM,GAAI,EAAA,CAAA;AAAA,OACtB;AACA,MAAA,IAAI,cAAc,CAAG,EAAA;AACnB,QAAA,SAAA,CAAU,QAAQ,EAAC,CAAA;AAAA,OACrB;AACA,MAAA,QAAA,CAAS,KAAM,CAAA,QAAA,GAAW,SAAU,CAAA,KAAA,CAAM,KAAK,EAAE,CAAA,CAAA;AACjD,MAAY,WAAA,CAAA,KAAA,GAAQ,UAAU,KAAM,CAAA,GAAA,CAAI,MAAM,GAAG,CAAA,CAAE,KAAK,EAAE,CAAA,CAAA;AAC1D,MAAK,IAAA,CAAA,mBAAA,EAAqB,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KACnD;AAEA,IAAA,SAAS,gBAAgB,CAAkB,EAAA;AACzC,MAAI,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACrB,QAAA,IAAA,CAAK,WAAW,QAAQ,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;"}