aloha-vue 2.66.0 → 2.66.2

package/src/ATableForm/ATableFormCellList/ATableFormCellList.js

@@ -1,127 +1,127 @@
-import {
-  computed,
-  h,
-} from "vue";
-
-import AForm from "../../ui/AForm/AForm";
-
-import DataAPI from "./compositionAPI/DataAPI";
-
-function hasItemWithId(items, id) {
-  return items?.some(item => {
-    return item?.id === id || hasItemWithId(item?.children, id);
-  }) || false;
-}
-
-export default {
-  name: "ATableFormCellList",
-  props: {
-    columns: {
-      type: Array,
-      required: true,
-    },
-    errors: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    id: {
-      type: String,
-      required: true,
-    },
-    isCreateMode: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    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,
-    },
-  },
-  emits: [
-    "updateRowData",
-  ],
-  setup(props) {
-    const {
-      dataForm,
-    } = DataAPI(props);
-
-    return {
-      dataForm,
-      rowDataLocal: computed(() => props.rowData || props.row),
-    };
-  },
-  methods: {
-    updateRowData({
-      fullModel,
-      id,
-      item,
-      model,
-    }) {
-      const column = this.columns.find(columnLocal => {
-        return columnLocal.id === id ||
-          hasItemWithId(columnLocal.formElement?.children, id);
-      });
-
-      this.$emit("updateRowData", {
-        column,
-        columnId: id,
-        fullModel,
-        item,
-        model,
-      });
-    },
-  },
-  render() {
-    return h("td", {
-      class: [
-        "a_table_form__cell",
-        "a_table_form__cell_td",
-        "a_table_form__cell_list",
-      ],
-    }, [
-      h(AForm, {
-        data: this.dataForm,
-        errors: this.errors,
-        idPrefix: this.id,
-        modelValue: this.rowDataLocal,
-        readonly: this.isFooter || !this.isEditable,
-        showErrors: true,
-        showRequiredText: false,
-        tag: "div",
-        useFlatErrors: true,
-        useFlatModel: true,
-        onChange: this.updateRowData,
-      }, this.$slots),
-    ]);
-  },
-};
+import {
+  computed,
+  h,
+} from "vue";
+
+import AForm from "../../ui/AForm/AForm";
+
+import DataAPI from "./compositionAPI/DataAPI";
+
+function hasItemWithId(items, id) {
+  return items?.some(item => {
+    return item?.id === id || hasItemWithId(item?.children, id);
+  }) || false;
+}
+
+export default {
+  name: "ATableFormCellList",
+  props: {
+    columns: {
+      type: Array,
+      required: true,
+    },
+    errors: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    id: {
+      type: String,
+      required: true,
+    },
+    isCreateMode: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    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,
+    },
+  },
+  emits: [
+    "updateRowData",
+  ],
+  setup(props) {
+    const {
+      dataForm,
+    } = DataAPI(props);
+
+    return {
+      dataForm,
+      rowDataLocal: computed(() => props.rowData || props.row),
+    };
+  },
+  methods: {
+    updateRowData({
+      fullModel,
+      id,
+      item,
+      model,
+    }) {
+      const column = this.columns.find(columnLocal => {
+        return columnLocal.id === id ||
+          hasItemWithId(columnLocal.formElement?.children, id);
+      });
+
+      this.$emit("updateRowData", {
+        column,
+        columnId: id,
+        fullModel,
+        item,
+        model,
+      });
+    },
+  },
+  render() {
+    return h("td", {
+      class: [
+        "a_table_form__cell",
+        "a_table_form__cell_td",
+        "a_table_form__cell_list",
+      ],
+    }, [
+      h(AForm, {
+        data: this.dataForm,
+        errors: this.errors,
+        idPrefix: this.id,
+        modelValue: this.rowDataLocal,
+        readonly: this.isFooter || !this.isEditable,
+        showErrors: true,
+        showRequiredText: false,
+        tag: "div",
+        useFlatErrors: true,
+        useFlatModel: true,
+        onChange: this.updateRowData,
+      }, this.$slots),
+    ]);
+  },
+};

package/src/ATableForm/ATableFormCellList/compositionAPI/DataAPI.js

@@ -1,77 +1,77 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import getFormElement from "../../utils/getFormElement";
-import {
-  cloneDeep,
-  isNil,
-} from "lodash-es";
-
-function normalizeItem(item, {
-  isEditMode,
-  isRowDisabled,
-} = {}) {
-  const ITEM = cloneDeep(item || {});
-
-  if (ITEM.useRowReadonly) {
-    ITEM.readonly = !isEditMode;
-  }
-
-  if (ITEM.children?.length) {
-    ITEM.children = ITEM.children.map(child => normalizeItem(child, {
-      isEditMode,
-    }));
-  }
-
-  if (isRowDisabled) {
-    ITEM.disabled = true;
-  }
-
-  return ITEM;
-}
-
-export default function DataAPI(props) {
-  const columns = toRef(props, "columns");
-  const isCreateMode = toRef(props, "isCreateMode");
-  const isEditable = toRef(props, "isEditable");
-  const isEditMode = toRef(props, "isEditMode");
-  const row = toRef(props, "row");
-  const rowData = toRef(props, "rowData");
-  const rowIndex = toRef(props, "rowIndex");
-  const rows = toRef(props, "rows");
-
-  const dataForm = computed(() => {
-    const isRowDisabled = isEditable.value && !isEditMode.value;
-
-    return columns.value.map((column, columnIndex) => {
-      const formElement = getFormElement({
-        column,
-        columnIndex,
-        isCreateMode: isCreateMode.value,
-        isEditMode: isEditMode.value,
-        row: row.value,
-        rowData: rowData.value || row.value,
-        rowIndex: rowIndex.value,
-        rows: rows.value,
-      });
-      const ITEM = normalizeItem(formElement, {
-        isEditMode: isEditMode.value,
-        isRowDisabled,
-      });
-
-      ITEM.id = column.id;
-      if (isNil(ITEM.label)) {
-        ITEM.label = column.label;
-      }
-      ITEM["data-column-id"] = column.id;
-
-      return ITEM;
-    });
-  });
-
-  return {
-    dataForm,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import getFormElement from "../../utils/getFormElement";
+import {
+  cloneDeep,
+  isNil,
+} from "lodash-es";
+
+function normalizeItem(item, {
+  isEditMode,
+  isRowDisabled,
+} = {}) {
+  const ITEM = cloneDeep(item || {});
+
+  if (ITEM.useRowReadonly) {
+    ITEM.readonly = !isEditMode;
+  }
+
+  if (ITEM.children?.length) {
+    ITEM.children = ITEM.children.map(child => normalizeItem(child, {
+      isEditMode,
+    }));
+  }
+
+  if (isRowDisabled) {
+    ITEM.disabled = true;
+  }
+
+  return ITEM;
+}
+
+export default function DataAPI(props) {
+  const columns = toRef(props, "columns");
+  const isCreateMode = toRef(props, "isCreateMode");
+  const isEditable = toRef(props, "isEditable");
+  const isEditMode = toRef(props, "isEditMode");
+  const row = toRef(props, "row");
+  const rowData = toRef(props, "rowData");
+  const rowIndex = toRef(props, "rowIndex");
+  const rows = toRef(props, "rows");
+
+  const dataForm = computed(() => {
+    const isRowDisabled = isEditable.value && !isEditMode.value;
+
+    return columns.value.map((column, columnIndex) => {
+      const formElement = getFormElement({
+        column,
+        columnIndex,
+        isCreateMode: isCreateMode.value,
+        isEditMode: isEditMode.value,
+        row: row.value,
+        rowData: rowData.value || row.value,
+        rowIndex: rowIndex.value,
+        rows: rows.value,
+      });
+      const ITEM = normalizeItem(formElement, {
+        isEditMode: isEditMode.value,
+        isRowDisabled,
+      });
+
+      ITEM.id = column.id;
+      if (isNil(ITEM.label)) {
+        ITEM.label = column.label;
+      }
+      ITEM["data-column-id"] = column.id;
+
+      return ITEM;
+    });
+  });
+
+  return {
+    dataForm,
+  };
+}