ocpview-pro 0.1.9 → 0.1.11

package/dist/ocpviewplus.min.esm.js

@@ -453,7 +453,7 @@ common.initEview = function(ViewUI2) {
   common.initAnchor(ViewUI2.Anchor);
 };
 const name = "ocpview-pro";
-const version$2 = "0.1.8";
+const version$2 = "0.1.10";
 const title = "ocpviewPlus";
 const description = "A high quality Service UI components Library with Vue.js";
 const homepage = "";
@@ -10706,6 +10706,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
   ]), 1032, ["bordered", "dis-hover", "headClass", "extraClass"]);
 }
 var EditGridCard = /* @__PURE__ */ _export_sfc$1(_sfc_main$1K, [["render", _sfc_render$1x]]);
+var textbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1J = {
   name: "textbox",
   extends: _sfc_main$1T,
@@ -10722,12 +10723,25 @@ const _sfc_main$1J = {
         search: false,
         allowInput: true,
         showAppend: false,
-        notSpecial: false
+        notSpecial: false,
+        maskToggle: false
       },
-      passwordFlag: false
+      passwordFlag: false,
+      maskVisible: false
     };
   },
+  computed: {
+    isMaskMode() {
+      return this.myConfig.vtype === "mask";
+    },
+    inputType() {
+      return this.isMaskMode ? "text" : this.myConfig.vtype;
+    }
+  },
   methods: {
+    toggleMask() {
+      this.maskVisible = !this.maskVisible;
+    },
     keyUp(e11) {
       if (this.myConfig.notSpecial) {
         e11.target.value = e11.target.value.replace(/[`~!@$%^&*()_\-+=<>?:"{}|,\/;'\\[\]·~！@￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g, "");
@@ -10775,15 +10789,18 @@ const _sfc_main$1J = {
   }
 };
 function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Icon = resolveComponent("Icon");
   const _component_Button = resolveComponent("Button");
   const _component_Input = resolveComponent("Input");
-  return withDirectives((openBlock(), createElementBlock("div", null, [
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: normalizeClass(["textbox-wrapper", { "textbox-mask": $options.isMaskMode, "textbox-mask-visible": $options.isMaskMode && $data.maskVisible }])
+  }, [
     createVNode(_component_Input, {
       ref: "myControl",
       modelValue: _ctx.value,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
       size: $data.myConfig.size,
-      type: $data.myConfig.vtype,
+      type: $options.inputType,
       password: $data.passwordFlag,
       rows: $data.myConfig.rows,
       placeholder: $data.myConfig.placeholder,
@@ -10797,6 +10814,17 @@ 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(() => [
@@ -10812,14 +10840,14 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["size", "disabled", "onClick"])
         ]),
-        key: "0"
+        key: "1"
       } : void 0
     ]), 1032, ["modelValue", "size", "type", "password", "rows", "placeholder", "maxlength", "disabled", "clearable", "readonly", "onKeydown", "onKeyup", "onOnBlur", "search", "onOnSearch"])
-  ], 512)), [
+  ], 2)), [
     [vShow, $data.myConfig.visible]
   ]);
 }
-var TextBox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1J, [["render", _sfc_render$1w]]);
+var TextBox = /* @__PURE__ */ _export_sfc$1(_sfc_main$1J, [["render", _sfc_render$1w], ["__scopeId", "data-v-780352bb"]]);
 const _sfc_main$1I = {
   name: "uploadbox",
   data() {
@@ -34333,7 +34361,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1040);
 }
-var ShowText = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["render", _sfc_render$12], ["__scopeId", "data-v-092bd823"]]);
+var ShowText = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["render", _sfc_render$12], ["__scopeId", "data-v-b5b8c228"]]);
 var billimport_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$18 = {
   name: "billimport",