cnhis-design-vue 3.1.17 → 3.1.18-beta.0

package/es/components/form-table/src/components/table-input-password.js

@@ -0,0 +1,141 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString } from 'vue';
+import { useMessage, NInput } from 'naive-ui';
+import script from '../../../../shared/components/SvgIcon/SvgIcon.js';
+import 'moment';
+import { useItemDefault } from '../hooks/useItemDefault.js';
+import 'xe-utils';
+import textOverTooltip from './text-over-tooltip.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { slot: "suffix" };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-input-password",
+  props: {
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    },
+    userInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    styleSetting: {
+      type: Object,
+      default: () => ({})
+    },
+    defaultValue: {
+      type: Object,
+      default: () => ({})
+    },
+    dbParams: {
+      type: Object
+    },
+    row: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    defaultFieldList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    cacheUniqueKey: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    params_formId: [String, Number],
+    formType: {
+      type: Object,
+      default: () => {
+        return {
+          _own: {}
+        };
+      }
+    },
+    isDetail: {
+      type: Boolean,
+      default: false
+    },
+    handleFormTableValue: Function
+  },
+  emits: ["tableBlur", "valueOnChange", "handlerAddOptions", "opentableSelect"],
+  setup(__props, { emit }) {
+    var _a, _b;
+    const props = __props;
+    const $message = useMessage();
+    const { hasErr } = useItemDefault({ message: $message, props, emit });
+    const inputType = ref("text");
+    const isReadOnly = ref(false);
+    const prefixStr = ref((_a = props.item) == null ? void 0 : _a.prefix);
+    const suffixStr = ref((_b = props.item) == null ? void 0 : _b.suffix);
+    function handleTogglePsw() {
+      isReadOnly.value = !isReadOnly.value;
+    }
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return !__props.isDetail ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass({
+          "is-show-psw": !isReadOnly.value
+        })
+      }, [
+        createVNode(unref(NInput), {
+          ref: `input-password-${__props.item.val_key}`,
+          type: inputType.value,
+          value: __props.row[__props.item.val_key],
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.row[__props.item.val_key] = $event),
+          autocomplete: "off",
+          autocorrect: "off",
+          autocapitalize: "off",
+          spellcheck: "false",
+          disabled: +__props.item.is_edit === 0,
+          clearable: +__props.item.is_empty === 0,
+          placeholder: __props.item.placeholder || "",
+          maxLength: __props.item.validate && __props.item.validate.max_length ? +__props.item.validate.max_length : 300,
+          class: normalizeClass([{ "table-input-password-error": unref(hasErr) }, "table-input-password-com"])
+        }, {
+          default: withCtx(() => [
+            prefixStr.value ? (openBlock(), createBlock(textOverTooltip, {
+              key: 0,
+              refName: `table-tooltip-${__props.item.val_key}-prefix`,
+              content: prefixStr.value
+            }, null, 8, ["refName", "content"])) : createCommentVNode("v-if", true),
+            suffixStr.value ? (openBlock(), createBlock(textOverTooltip, {
+              key: 1,
+              refName: `table-tooltip-${__props.item.val_key}-suffix`,
+              content: suffixStr.value
+            }, null, 8, ["refName", "content"])) : createCommentVNode("v-if", true),
+            createElementVNode("template", _hoisted_1, [
+              createVNode(unref(script), {
+                onClick: handleTogglePsw,
+                "icon-class": isReadOnly.value ? "chakan" : "anniuyincang",
+                style: normalizeStyle([{ "font-size": "1em" }, { color: isReadOnly.value ? __props.styleSetting.themeColor : void 0 }])
+              }, null, 8, ["icon-class", "style"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["type", "value", "disabled", "clearable", "placeholder", "maxLength", "class"])
+      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(prefixStr.value ? " " + prefixStr.value : "") + " " + toDisplayString(__props.row[__props.item.val_key]) + " " + toDisplayString(suffixStr.value ? " " + suffixStr.value : ""), 1));
+    };
+  }
+});
+var tableInputPassword = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table-input-password.vue"]]);
+
+export { tableInputPassword as default };