ocpview-pro 0.1.17 → 0.1.19

package/dist/index.js

@@ -10740,13 +10740,43 @@ const _sfc_main$1J = {
       return this.isMaskMode ? "text" : this.myConfig.vtype;
     }
   },
+  mounted() {
+    if (this.isMaskMode) {
+      this.$nextTick(() => {
+        this.hardenMaskInput();
+      });
+    }
+  },
+  updated() {
+    if (this.isMaskMode) {
+      this.$nextTick(() => {
+        this.hardenMaskInput();
+      });
+    }
+  },
   methods: {
+    hardenMaskInput() {
+      const comp = this.$refs.myControl;
+      if (!comp || !comp.$el)
+        return;
+      const inputEl = comp.$el.querySelector ? comp.$el.querySelector("input") : null;
+      if (!inputEl)
+        return;
+      if (inputEl.type !== "text") {
+        inputEl.setAttribute("type", "text");
+      }
+      inputEl.setAttribute("autocomplete", "off");
+      inputEl.setAttribute("name", "mask-field");
+      inputEl.setAttribute("data-lpignore", "true");
+      inputEl.setAttribute("data-1p-ignore", "true");
+      inputEl.setAttribute("data-form-type", "other");
+    },
     toggleMask() {
       this.maskVisible = !this.maskVisible;
     },
     keyUp(e11) {
       if (this.myConfig.notSpecial) {
-        e11.target.value = e11.target.value.replace(/[`~!@$%^&*()_\-+=<>?:"{}|,\/;'\\[\]·~！@￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, "");
+        e11.target.value = e11.target.value.replace(/[`~!@$%^&*()_+=<>?:"{}|,\/;'\\[\]·~！@￥%……&*（）+={}|《》？：“”【】、；‘’，。、-]/g, "");
       }
     },
     customInit() {
@@ -10797,10 +10827,88 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     class: normalizeClass(["textbox-wrapper", { "textbox-mask": $options.isMaskMode, "textbox-mask-visible": $options.isMaskMode && $data.maskVisible }])
   }, [
-    createVNode(_component_Input, {
+    $options.isMaskMode ? (openBlock(), createElementBlock("form", {
+      key: 0,
+      autocomplete: "off",
+      onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+      }, ["prevent"])),
+      style: { "margin": "0", "padding": "0" }
+    }, [
+      _cache[3] || (_cache[3] = createElementVNode("input", {
+        type: "text",
+        name: "username",
+        autocomplete: "off",
+        tabindex: "-1",
+        "aria-hidden": "true",
+        style: { "position": "absolute", "left": "-9999px", "width": "1px", "height": "1px", "opacity": "0" }
+      }, null, -1)),
+      _cache[4] || (_cache[4] = createElementVNode("input", {
+        type: "password",
+        name: "password",
+        autocomplete: "off",
+        tabindex: "-1",
+        "aria-hidden": "true",
+        style: { "position": "absolute", "left": "-9999px", "width": "1px", "height": "1px", "opacity": "0" }
+      }, null, -1)),
+      createVNode(_component_Input, {
+        ref: "myControl",
+        modelValue: _ctx.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
+        size: $data.myConfig.size,
+        type: $options.inputType,
+        password: $data.passwordFlag,
+        autocomplete: "off",
+        name: "mask-field",
+        "data-lpignore": "true",
+        "data-1p-ignore": "true",
+        "data-form-type": "other",
+        role: "textbox",
+        rows: $data.myConfig.rows,
+        placeholder: $data.myConfig.placeholder,
+        maxlength: $data.myConfig.maxLength,
+        disabled: $data.myConfig.readOnly,
+        clearable: $data.myConfig.clearable,
+        readonly: !$data.myConfig.allowInput,
+        onKeydown: withKeys(withModifiers($options._enterSetFatherValue, ["stop"]), ["enter"]),
+        onKeyup: $options.keyUp,
+        onOnBlur: _ctx.setFatherValue,
+        search: $data.myConfig.search,
+        onOnSearch: $options.search
+      }, createSlots({ _: 2 }, [
+        $data.myConfig.maskToggle ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            createVNode(_component_Icon, {
+              type: $data.maskVisible ? "md-eye-off" : "md-eye",
+              onClick: withModifiers($options.toggleMask, ["stop"]),
+              style: { "cursor": "pointer", "font-size": "16px" }
+            }, null, 8, ["type", "onClick"])
+          ]),
+          key: "0"
+        } : void 0,
+        $data.myConfig.showAppend ? {
+          name: "append",
+          fn: withCtx(() => [
+            createVNode(_component_Button, {
+              size: $data.myConfig.size,
+              type: "primary",
+              disabled: $data.myConfig.readOnly,
+              onClick: $options.appendClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString$1($data.myConfig.appendText), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "disabled", "onClick"])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["modelValue", "size", "type", "password", "rows", "placeholder", "maxlength", "disabled", "clearable", "readonly", "onKeydown", "onKeyup", "onOnBlur", "search", "onOnSearch"])
+    ], 32)) : (openBlock(), createBlock(_component_Input, {
+      key: 1,
       ref: "myControl",
       modelValue: _ctx.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.value = $event),
       size: $data.myConfig.size,
       type: $options.inputType,
       password: $data.passwordFlag,
@@ -10816,17 +10924,6 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
       search: $data.myConfig.search,
       onOnSearch: $options.search
     }, createSlots({ _: 2 }, [
-      $options.isMaskMode && $data.myConfig.maskToggle ? {
-        name: "suffix",
-        fn: withCtx(() => [
-          createVNode(_component_Icon, {
-            type: $data.maskVisible ? "md-eye-off" : "md-eye",
-            onClick: withModifiers($options.toggleMask, ["stop"]),
-            style: { "cursor": "pointer", "font-size": "16px" }
-          }, null, 8, ["type", "onClick"])
-        ]),
-        key: "0"
-      } : void 0,
       $data.myConfig.showAppend ? {
         name: "append",
         fn: withCtx(() => [
@@ -10842,14 +10939,14 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["size", "disabled", "onClick"])
         ]),
-        key: "1"
+        key: "0"
       } : void 0
-    ]), 1032, ["modelValue", "size", "type", "password", "rows", "placeholder", "maxlength", "disabled", "clearable", "readonly", "onKeydown", "onKeyup", "onOnBlur", "search", "onOnSearch"])
+    ]), 1032, ["modelValue", "size", "type", "password", "rows", "placeholder", "maxlength", "disabled", "clearable", "readonly", "onKeydown", "onKeyup", "onOnBlur", "search", "onOnSearch"]))
   ], 2)), [
     [vShow, $data.myConfig.visible]
   ]);
 }
-var TextBox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1J, [["render", _sfc_render$1w], ["__scopeId", "data-v-63864133"]]);
+var TextBox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1J, [["render", _sfc_render$1w], ["__scopeId", "data-v-0fec4f11"]]);
 const _sfc_main$1I = {
   name: "uploadbox",
   data() {