tsv2-library 1.0.61-alpha.143 → 1.0.61-alpha.145

package/dist/src/components/v2/Dialog/Dialog.vue.d.ts

@@ -232,6 +232,7 @@ export interface DialogProps {
    * @defaultValue true
    */
   autoZIndex?: boolean | undefined;
+  maskClass?: string | string[];
   /**
    * Position of the dialog.
    * @defaultValue center

package/dist/src/components/v2/InputCoordinate/InputCoordinate.vue.d.ts

@@ -37,6 +37,12 @@ export interface InputCoordinateProps {
    * It is rarely use, this component has handled the validator message.
    */
   validatorMessage?: string;
+  /**
+   * Wether to show the input or not.
+   *
+   * @default true
+   */
+  showInput?: boolean;
 }
 
 /**

package/dist/tsv2-library.es.js

@@ -31012,6 +31012,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     blockScroll: { type: Boolean, default: false },
     baseZIndex: { default: 0 },
     autoZIndex: { type: Boolean, default: true },
+    maskClass: {},
     position: { default: "center" },
     maximizable: { type: Boolean, default: false },
     breakpoints: { default: void 0 },
@@ -31035,8 +31036,17 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   emits: ["update:visible", "hide", "afterHide", "show", "maximize", "unmaximize", "dragend"],
   setup(__props) {
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createBlock(unref(script$13), mergeProps(_ctx.$props, {
         pt: {
+          mask: {
+            class: [
+              ...(_a = unref(DialogPreset)) == null ? void 0 : _a.mask({ props: { modal: true } }).class,
+              ...Array.isArray(_ctx.$props.maskClass) ? _ctx.$props.maskClass : [_ctx.$props.maskClass],
+              // Override z-index to prevent overlay component in form become hidden
+              { "!z-[1101]": _ctx.$props.autoZIndex }
+            ]
+          },
           root: {
             class: [
               ...unref(DialogPreset).root({ state: {} }).class,
@@ -66742,7 +66752,6 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(script$13), {
         ref_key: "dialogForm",
         ref: dialogForm,
-        "auto-z-index": props.autoZIndex,
         class: normalizeClass(props.class),
         closable: _ctx.closable,
         draggable: false,
@@ -66881,7 +66890,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["auto-z-index", "class", "closable", "header", "pt", "visible"]);
+      }, 8, ["class", "closable", "header", "pt", "visible"]);
     };
   }
 });
@@ -75406,7 +75415,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     label: {},
     mandatory: { type: Boolean },
     invalid: { type: Boolean },
-    validatorMessage: {}
+    validatorMessage: {},
+    showInput: { type: Boolean, default: true }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -75442,7 +75452,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1l, {
+        withDirectives(createVNode(_sfc_main$1l, {
           label: props.label,
           mandatory: props.mandatory
         }, {
@@ -75493,7 +75503,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             }, null, 8, ["message"])
           ]),
           _: 1
-        }, 8, ["label", "mandatory"]),
+        }, 8, ["label", "mandatory"]), [
+          [vShow, props.showInput]
+        ]),
         createVNode(TSDialogCoordinate, {
           visible: dialogVisible.value,
           "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),