aloha-vue 2.62.0 → 2.63.0

package/src/ATableForm/ATableFormCell/ATableFormCell.js

@@ -1,183 +1,183 @@
-import {
-  computed,
-  h,
-} from "vue";
-
-import AFormElement from "../../ui/AFormElement/AFormElement";
-
-import DisabledAPI from "./compositionAPI/DisabledAPI";
-import ReadonlyAPI from "./compositionAPI/ReadonlyAPI";
-import SlotAPI from "./compositionAPI/SlotAPI";
-import StylesAPI from "../compositionAPI/StylesAPI";
-
-import {
-  get,
-} from "lodash-es";
-
-export default {
-  name: "ATableFormCell",
-  props: {
-    column: {
-      type: Object,
-      required: true,
-    },
-    columnIndex: {
-      type: Number,
-      required: true,
-    },
-    columnStyle: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-    errorIcon: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    errors: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    id: {
-      type: String,
-      required: true,
-    },
-    isEditMode: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    isEditable: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    isFooter: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    row: {
-      type: Object,
-      required: true,
-    },
-    rowData: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-    rowIndex: {
-      type: Number,
-      required: true,
-    },
-    rows: {
-      type: Array,
-      required: true,
-    },
-    tag: {
-      type: String,
-      required: false,
-      default: "td",
-    },
-  },
-  emits: [
-    "updateRowData",
-  ],
-  setup(props) {
-    const {
-      columnStyles,
-    } = StylesAPI({
-      column: props.column,
-    });
-
-    const {
-      readonlyLocal,
-    } = ReadonlyAPI(props);
-
-    const {
-      disabledLocal,
-    } = DisabledAPI(props);
-
-    const {
-      hasSlot,
-      hasSlotAfter,
-      slotName,
-      slotNameAfter,
-    } = SlotAPI(props);
-
-    const rowDataLocal = computed(() => {
-      return props.rowData || props.row;
-    });
-
-    return {
-      columnStyles,
-      disabledLocal,
-      hasSlot,
-      hasSlotAfter,
-      readonlyLocal,
-      rowDataLocal,
-      slotName,
-      slotNameAfter,
-    };
-  },
-  methods: {
-    updateRowData({ item, model }) {
-      this.$emit("updateRowData", {
-        column: this.column,
-        columnId: this.column.id,
-        item,
-        model,
-        value: model,
-      });
-    },
-  },
-  render() {
-    const {
-      type = "text",
-      ...formElement
-    } = this.column.formElement || {};
-
-    const slotProps = {
-      column: this.column,
-      columnIndex: this.columnIndex,
-      row: this.row,
-      rowIndex: this.rowIndex,
-      rows: this.rows,
-    };
-
-    return h(this.tag, {
-      class: [
-        "a_table_form__cell",
-        `a_table_form__cell_${ this.tag }`,
-        this.column.class,
-        this.isFooter ? this.column.classFooter : this.column.classRow,
-      ],
-      "data-column-id": this.column.id,
-      style: [
-        this.columnStyles,
-        this.columnStyle,
-      ],
-    }, [
-      (this.hasSlot && this.$slots[this.slotName]) ?
-        this.$slots[this.slotName](slotProps) :
-        h(AFormElement, {
-          id: this.column.id,
-          errorIcon: this.errorIcon,
-          idPrefix: this.id,
-          ...formElement,
-          change: this.updateRowData,
-          disabled: this.disabledLocal,
-          errors: get(this.errors, this.column.id),
-          errorsClass: "a_sr_only",
-          modelValue: get(this.rowDataLocal, this.column.id),
-          readonly: this.readonlyLocal,
-          type,
-        }),
-      (this.hasSlotAfter && this.$slots[this.slotNameAfter]) ?
-        this.$slots[this.slotNameAfter](slotProps) :
-        null,
-    ]);
-  },
-};
+import {
+  computed,
+  h,
+} from "vue";
+
+import AFormElement from "../../ui/AFormElement/AFormElement";
+
+import DisabledAPI from "./compositionAPI/DisabledAPI";
+import ReadonlyAPI from "./compositionAPI/ReadonlyAPI";
+import SlotAPI from "./compositionAPI/SlotAPI";
+import StylesAPI from "../compositionAPI/StylesAPI";
+
+import {
+  get,
+} from "lodash-es";
+
+export default {
+  name: "ATableFormCell",
+  props: {
+    column: {
+      type: Object,
+      required: true,
+    },
+    columnIndex: {
+      type: Number,
+      required: true,
+    },
+    columnStyle: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    errorIcon: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    errors: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    id: {
+      type: String,
+      required: true,
+    },
+    isEditMode: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    isEditable: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    isFooter: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    row: {
+      type: Object,
+      required: true,
+    },
+    rowData: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    rowIndex: {
+      type: Number,
+      required: true,
+    },
+    rows: {
+      type: Array,
+      required: true,
+    },
+    tag: {
+      type: String,
+      required: false,
+      default: "td",
+    },
+  },
+  emits: [
+    "updateRowData",
+  ],
+  setup(props) {
+    const {
+      columnStyles,
+    } = StylesAPI({
+      column: props.column,
+    });
+
+    const {
+      readonlyLocal,
+    } = ReadonlyAPI(props);
+
+    const {
+      disabledLocal,
+    } = DisabledAPI(props);
+
+    const {
+      hasSlot,
+      hasSlotAfter,
+      slotName,
+      slotNameAfter,
+    } = SlotAPI(props);
+
+    const rowDataLocal = computed(() => {
+      return props.rowData || props.row;
+    });
+
+    return {
+      columnStyles,
+      disabledLocal,
+      hasSlot,
+      hasSlotAfter,
+      readonlyLocal,
+      rowDataLocal,
+      slotName,
+      slotNameAfter,
+    };
+  },
+  methods: {
+    updateRowData({ item, model }) {
+      this.$emit("updateRowData", {
+        column: this.column,
+        columnId: this.column.id,
+        item,
+        model,
+        value: model,
+      });
+    },
+  },
+  render() {
+    const {
+      type = "text",
+      ...formElement
+    } = this.column.formElement || {};
+
+    const slotProps = {
+      column: this.column,
+      columnIndex: this.columnIndex,
+      row: this.row,
+      rowIndex: this.rowIndex,
+      rows: this.rows,
+    };
+
+    return h(this.tag, {
+      class: [
+        "a_table_form__cell",
+        `a_table_form__cell_${ this.tag }`,
+        this.column.class,
+        this.isFooter ? this.column.classFooter : this.column.classRow,
+      ],
+      "data-column-id": this.column.id,
+      style: [
+        this.columnStyles,
+        this.columnStyle,
+      ],
+    }, [
+      (this.hasSlot && this.$slots[this.slotName]) ?
+        this.$slots[this.slotName](slotProps) :
+        h(AFormElement, {
+          id: this.column.id,
+          errorIcon: this.errorIcon,
+          idPrefix: this.id,
+          ...formElement,
+          change: this.updateRowData,
+          disabled: this.disabledLocal,
+          errors: get(this.errors, this.column.id),
+          errorsClass: "a_sr_only",
+          modelValue: get(this.rowDataLocal, this.column.id),
+          readonly: this.readonlyLocal,
+          type,
+        }),
+      (this.hasSlotAfter && this.$slots[this.slotNameAfter]) ?
+        this.$slots[this.slotNameAfter](slotProps) :
+        null,
+    ]);
+  },
+};

package/src/ATableForm/ATableFormCell/compositionAPI/DisabledAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function DisabledAPI(props) {
-  const column = toRef(props, "column");
-  const isEditable = toRef(props, "isEditable");
-  const isEditMode = toRef(props, "isEditMode");
-
-  const disabledLocal = computed(() => {
-    return !!column.value?.formElement?.disabled ||
-      (isEditable.value &&
-        !isEditMode.value);
-  });
-
-  return {
-    disabledLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function DisabledAPI(props) {
+  const column = toRef(props, "column");
+  const isEditable = toRef(props, "isEditable");
+  const isEditMode = toRef(props, "isEditMode");
+
+  const disabledLocal = computed(() => {
+    return !!column.value?.formElement?.disabled ||
+      (isEditable.value &&
+        !isEditMode.value);
+  });
+
+  return {
+    disabledLocal,
+  };
+}

package/src/ATableForm/ATableFormCell/compositionAPI/ReadonlyAPI.js

@@ -1,28 +1,28 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function ReadonlyAPI(props) {
-  const column = toRef(props, "column");
-  const isEditable = toRef(props, "isEditable");
-  const isEditMode = toRef(props, "isEditMode");
-  const isFooter = toRef(props, "isFooter");
-
-  const readonlyLocal = computed(() => {
-    if (isFooter.value) {
-      return true;
-    }
-    if (isEditable.value) {
-      if (column.value?.formElement?.useRowReadonly) {
-        return !isEditMode.value;
-      }
-      return !!column.value?.formElement?.readonly;
-    }
-    return true;
-  });
-
-  return {
-    readonlyLocal,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function ReadonlyAPI(props) {
+  const column = toRef(props, "column");
+  const isEditable = toRef(props, "isEditable");
+  const isEditMode = toRef(props, "isEditMode");
+  const isFooter = toRef(props, "isFooter");
+
+  const readonlyLocal = computed(() => {
+    if (isFooter.value) {
+      return true;
+    }
+    if (isEditable.value) {
+      if (column.value?.formElement?.useRowReadonly) {
+        return !isEditMode.value;
+      }
+      return !!column.value?.formElement?.readonly;
+    }
+    return true;
+  });
+
+  return {
+    readonlyLocal,
+  };
+}