aloha-vue 1.0.49 → 1.0.52

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.49",
+  "version": "1.0.52",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/AModal/AModal.js

@@ -19,7 +19,7 @@ import {
 
 // @vue/component
 export default {
-  name: "Modal",
+  name: "AModal",
   props: {
     disabled: {
       type: Boolean,
@@ -64,6 +64,10 @@ export default {
       required: false,
       default: "a_btn a_btn_primary",
     },
+    isSaveButtonHide: {
+      type: Boolean,
+      required: false,
+    },
     close: {
       type: Function,
       required: true,
@@ -78,7 +82,7 @@ export default {
       required: false,
       default: "a_btn a_btn_secondary",
     },
-    isCloseButtonHidden: {
+    isCloseButtonHide: {
       type: Boolean,
       required: false,
     },
@@ -102,6 +106,15 @@ export default {
       required: false,
       default: () => [],
     },
+    isDataFormHide: {
+      type: Boolean,
+      required: false,
+    },
+    isDataFormRender: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
     modelValue: {
       type: Object,
       required: false,
@@ -426,6 +439,7 @@ export default {
                   class: "a_btn_close",
                   ariaLabel: "Close",
                   disabled: this.disabledLocal,
+                  title: this.closeButtonText,
                   onClick: this.close,
                 })
               ]),
@@ -441,6 +455,8 @@ export default {
                   idPrefix: this.idPrefix,
                   isRequired: this.isRequired,
                   textRequired: this.textRequired,
+                  isHide: this.isDataFormHide,
+                  isRender: this.isDataFormRender,
                   "onUpdate:modelValue": this.updateModelLocal,
                 }, this.$slots),
                 this.bodyHtml && h("div", {
@@ -453,7 +469,7 @@ export default {
                 class: "a_modal_footer",
               }, [
                 this.$slots.modalFooter && this.$slots.modalFooter(),
-                this.save && h("button", {
+                (!this.isSaveButtonHide && this.save) && h("button", {
                   type: "button",
                   class: this.saveButtonClass,
                   disabled: this.disabledLocal,
@@ -461,7 +477,7 @@ export default {
                 }, [
                   h("span", null, this.saveButtonText),
                 ]),
-                !this.isCloseButtonHidden && h("button", {
+                !this.isCloseButtonHide && h("button", {
                   type: "button",
                   class: this.closeButtonClass,
                   disabled: this.disabledLocal,

package/src/ui/AForm/AForm.js

@@ -46,6 +46,15 @@ export default {
       type: Boolean,
       required: false,
     },
+    isHide: {
+      type: Boolean,
+      required: false,
+    },
+    isRender: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
   emits: [
     "update:modelValue",
@@ -84,16 +93,23 @@ export default {
       return isRequiredInData;
     });
 
+    const isHide = toRef(props, "isHide");
+    const styleFormHide = computed(() => {
+      return isHide.value ? "display: none;" : "";
+    });
+
     return {
       componentTypesMapping,
       isRequiredLocal,
       modelValueLocal,
       onUpdateModelLocal,
+      styleFormHide,
     };
   },
   render() {
-    return h("form", {
+    return this.isRender && h("form", {
       class: "a_form",
+      style: this.styleFormHide,
     }, [
       this.$slots.formPrepend && this.$slots.formPrepend(),
       this.isRequiredLocal && h(ARequired, {