aloha-vue 2.7.0 → 2.7.2

package/src/ATable/ATableSortingAdditional/compositionAPI/FormAPI.js

@@ -1,92 +1,92 @@
-import {
-  computed,
-  ref,
-} from "vue";
-
-import {
-  cloneDeep,
-  filter,
-  find,
-  forEach,
-} from "lodash-es";
-
-export default function FormAPI(props, {
-  columnsAll = computed(() => []),
-  columnsAllKeyBySortId = computed(() => ({})),
-  unappliedModelSort = ref([]),
-}) {
-  const dataForForm = ref([]);
-  const DATA_MODES = [
-    {
-      label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_ASC_",
-      id: "asc",
-    },
-    {
-      label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_DESC_",
-      id: "desc",
-    },
-  ];
-
-  const columnsAllNotSelected = computed(() => {
-    return filter(columnsAll.value, column => {
-      return !find(unappliedModelSort.value, ["sortId", column.sortId]);
-    });
-  });
-
-  const initDataForForm = () => {
-    const DATA = [];
-    forEach(unappliedModelSort.value, ({ sortId }, index) => {
-      const isFirst = index === 0;
-      const COLUMNS_FILTERED = cloneDeep(columnsAllNotSelected.value);
-      if (sortId && columnsAllKeyBySortId.value[sortId]) {
-        COLUMNS_FILTERED.unshift(columnsAllKeyBySortId.value[sortId]);
-      }
-
-      DATA.push({
-        type: "fieldset",
-        id: `group_${ sortId }`,
-        label: isFirst ?
-          "_A_TABLE_SORT_ADDITIONAL_SORT_BY_" :
-          "_A_TABLE_SORT_ADDITIONAL_THEN_BY_",
-        children: [
-          {
-            id: `[${ index }].sortId`,
-            type: "select",
-            classColumn: "a_column a_column_12_touch a_column_7_fullhd a_column_7_widescreen a_column_7_desktop",
-            deselectable: false,
-            data: COLUMNS_FILTERED,
-            keyId: "sortId",
-            keyLabel: "label",
-            translateData: true,
-            search: true,
-            label: "_A_TABLE_SORT_ADDITIONAL_COLUMN_",
-          },
-          {
-            id: `[${ index }].sortMode`,
-            type: "select",
-            classColumn: "a_column a_column_12_touch a_column_5_fullhd a_column_5_widescreen a_column_5_desktop a_d_flex a_align_items_center",
-            class: "a_width_100",
-            deselectable: false,
-            data: DATA_MODES,
-            keyId: "id",
-            keyLabel: "label",
-            translateData: true,
-            search: false,
-            label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_",
-            slotAppend: "slotAppend",
-            additionalProps: {
-              index,
-            },
-          },
-        ],
-      });
-    });
-
-    dataForForm.value = DATA;
-  };
-
-  return {
-    dataForForm,
-    initDataForForm,
-  };
-}
+import {
+  computed,
+  ref,
+} from "vue";
+
+import {
+  cloneDeep,
+  filter,
+  find,
+  forEach,
+} from "lodash-es";
+
+export default function FormAPI(props, {
+  columnsAll = computed(() => []),
+  columnsAllKeyBySortId = computed(() => ({})),
+  unappliedModelSort = ref([]),
+}) {
+  const dataForForm = ref([]);
+  const DATA_MODES = [
+    {
+      label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_ASC_",
+      id: "asc",
+    },
+    {
+      label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_DESC_",
+      id: "desc",
+    },
+  ];
+
+  const columnsAllNotSelected = computed(() => {
+    return filter(columnsAll.value, column => {
+      return !find(unappliedModelSort.value, ["sortId", column.sortId]);
+    });
+  });
+
+  const initDataForForm = () => {
+    const DATA = [];
+    forEach(unappliedModelSort.value, ({ sortId }, index) => {
+      const isFirst = index === 0;
+      const COLUMNS_FILTERED = cloneDeep(columnsAllNotSelected.value);
+      if (sortId && columnsAllKeyBySortId.value[sortId]) {
+        COLUMNS_FILTERED.unshift(columnsAllKeyBySortId.value[sortId]);
+      }
+
+      DATA.push({
+        type: "fieldset",
+        id: `group_${ sortId }`,
+        label: isFirst ?
+          "_A_TABLE_SORT_ADDITIONAL_SORT_BY_" :
+          "_A_TABLE_SORT_ADDITIONAL_THEN_BY_",
+        children: [
+          {
+            id: `[${ index }].sortId`,
+            type: "select",
+            classColumn: "a_column a_column_12_touch a_column_7_fullhd a_column_7_widescreen a_column_7_desktop",
+            deselectable: false,
+            data: COLUMNS_FILTERED,
+            keyId: "sortId",
+            keyLabel: "label",
+            translateData: true,
+            search: true,
+            label: "_A_TABLE_SORT_ADDITIONAL_COLUMN_",
+          },
+          {
+            id: `[${ index }].sortMode`,
+            type: "select",
+            classColumn: "a_column a_column_12_touch a_column_5_fullhd a_column_5_widescreen a_column_5_desktop a_d_flex a_align_items_center",
+            class: "a_width_100",
+            deselectable: false,
+            data: DATA_MODES,
+            keyId: "id",
+            keyLabel: "label",
+            translateData: true,
+            search: false,
+            label: "_A_TABLE_SORT_ADDITIONAL_DIRECTION_",
+            slotAppend: "slotAppend",
+            additionalProps: {
+              index,
+            },
+          },
+        ],
+      });
+    });
+
+    dataForForm.value = DATA;
+  };
+
+  return {
+    dataForForm,
+    initDataForForm,
+  };
+}

package/src/ATable/ATableSortingAdditional/compositionAPI/ModelAPI.js

@@ -1,150 +1,150 @@
-import {
-  computed,
-  inject,
-  ref,
-  toRef,
-} from "vue";
-
-import EventBus from "../../../utils/EventBus";
-import {
-  cloneDeep,
-  forEach,
-  last,
-  startsWith,
-} from "lodash-es";
-
-export default function ModelAPI(props, {
-  closeDropdown = () => {},
-  countColumnsAll = computed(() => 0),
-  initDataForForm = () => {},
-  unappliedModelSort = ref([]),
-  wasOpenDropdown = ref(false),
-}) {
-  const isSortingMultiColumn = toRef(props, "isSortingMultiColumn");
-  const modelSort = toRef(props, "modelSort");
-
-  const changeModelSort = inject("changeModelSort");
-  const tableId = inject("tableId");
-
-  const initUnappliedModelSort = ({ model } = {}) => {
-    if (wasOpenDropdown.value && !model) {
-      return;
-    }
-    wasOpenDropdown.value = true;
-
-    const MODEL_SORT = model ? model : cloneDeep(modelSort.value);
-    if (MODEL_SORT.length < countColumnsAll.value) {
-      MODEL_SORT.push(undefined);
-    }
-
-    if (!isSortingMultiColumn.value) {
-      if (MODEL_SORT.length > 1) {
-        MODEL_SORT.length = 1;
-      }
-    }
-
-    const UNAPPLIED_MODEL = [];
-    forEach(MODEL_SORT, model => {
-      const sortId = model ? model.replace(/^-/, "") : model;
-      const sortMode = startsWith(model, "-") ?
-        "desc" :
-        "asc";
-      UNAPPLIED_MODEL.push({
-        sortId,
-        sortMode,
-      });
-    });
-
-    unappliedModelSort.value = UNAPPLIED_MODEL;
-    initDataForForm({ unappliedModelSort: UNAPPLIED_MODEL });
-  };
-
-  const needAddModelUndefined = ({ model }) => {
-    if (!isSortingMultiColumn.value || model.length >= countColumnsAll.value) {
-      return false;
-    }
-    const MODEL_LAST_ITEM = last(model);
-    return !!MODEL_LAST_ITEM.sortId;
-  };
-
-  const updateUnappliedModelSort = ({ model }) => {
-    if (needAddModelUndefined({ model })) {
-      model.push({
-        sortId: undefined,
-        sortMode: "asc",
-      });
-    }
-    unappliedModelSort.value = model;
-    initDataForForm({ unappliedModelSort: unappliedModelSort.value });
-  };
-
-  const removeUnappliedModelSort = ({ item }) => {
-    const INDEX = item.additionalProps.index;
-    const isLast = INDEX === unappliedModelSort.value.length - 1;
-    if (isLast) {
-      unappliedModelSort.value[INDEX].sortId = undefined;
-    } else {
-      unappliedModelSort.value.splice(INDEX, 1);
-    }
-
-    const LAST_INDEX_IN_MODEL = unappliedModelSort.value.length - 1;
-    if (unappliedModelSort.value?.[LAST_INDEX_IN_MODEL]?.sortId) {
-      unappliedModelSort.value.push({
-        sortId: undefined,
-        sortMode: "asc",
-      });
-    }
-    initDataForForm({ unappliedModelSort: unappliedModelSort.value });
-  };
-
-  const changeModelSortInTable = () => {
-    const MODEL = [];
-    forEach(unappliedModelSort.value, modelItem => {
-      if (modelItem.sortId) {
-        MODEL.push(`${ modelItem.sortMode === "asc" ? "" : "-" }${ modelItem.sortId }`);
-      }
-    });
-    changeModelSort({
-      modelAll: MODEL,
-    });
-    closeDropdown();
-  };
-
-  const changeTableSorting = ({ modelSort = [], tableId: _tableId }) => {
-    if (_tableId !== tableId.value) {
-      return;
-    }
-    initUnappliedModelSort({ model: modelSort });
-  };
-
-  const initEventBus = () => {
-    EventBus.$on("changeTableSorting", changeTableSorting);
-  };
-
-  const destroyEventBus = () => {
-    EventBus.$off("changeTableSorting", changeTableSorting);
-  };
-
-  const countModelSort = computed(() => {
-    return modelSort.value?.length || 0;
-  });
-
-  const textCountModelSort = computed(() => {
-    if (countModelSort.value) {
-      return countModelSort.value;
-    }
-
-    return undefined;
-  });
-
-  return {
-    changeModelSortInTable,
-    countModelSort,
-    destroyEventBus,
-    initEventBus,
-    initUnappliedModelSort,
-    removeUnappliedModelSort,
-    textCountModelSort,
-    updateUnappliedModelSort,
-  };
-}
+import {
+  computed,
+  inject,
+  ref,
+  toRef,
+} from "vue";
+
+import EventBus from "../../../utils/EventBus";
+import {
+  cloneDeep,
+  forEach,
+  last,
+  startsWith,
+} from "lodash-es";
+
+export default function ModelAPI(props, {
+  closeDropdown = () => {},
+  countColumnsAll = computed(() => 0),
+  initDataForForm = () => {},
+  unappliedModelSort = ref([]),
+  wasOpenDropdown = ref(false),
+}) {
+  const isSortingMultiColumn = toRef(props, "isSortingMultiColumn");
+  const modelSort = toRef(props, "modelSort");
+
+  const changeModelSort = inject("changeModelSort");
+  const tableId = inject("tableId");
+
+  const initUnappliedModelSort = ({ model } = {}) => {
+    if (wasOpenDropdown.value && !model) {
+      return;
+    }
+    wasOpenDropdown.value = true;
+
+    const MODEL_SORT = model ? model : cloneDeep(modelSort.value);
+    if (MODEL_SORT.length < countColumnsAll.value) {
+      MODEL_SORT.push(undefined);
+    }
+
+    if (!isSortingMultiColumn.value) {
+      if (MODEL_SORT.length > 1) {
+        MODEL_SORT.length = 1;
+      }
+    }
+
+    const UNAPPLIED_MODEL = [];
+    forEach(MODEL_SORT, model => {
+      const sortId = model ? model.replace(/^-/, "") : model;
+      const sortMode = startsWith(model, "-") ?
+        "desc" :
+        "asc";
+      UNAPPLIED_MODEL.push({
+        sortId,
+        sortMode,
+      });
+    });
+
+    unappliedModelSort.value = UNAPPLIED_MODEL;
+    initDataForForm({ unappliedModelSort: UNAPPLIED_MODEL });
+  };
+
+  const needAddModelUndefined = ({ model }) => {
+    if (!isSortingMultiColumn.value || model.length >= countColumnsAll.value) {
+      return false;
+    }
+    const MODEL_LAST_ITEM = last(model);
+    return !!MODEL_LAST_ITEM.sortId;
+  };
+
+  const updateUnappliedModelSort = ({ model }) => {
+    if (needAddModelUndefined({ model })) {
+      model.push({
+        sortId: undefined,
+        sortMode: "asc",
+      });
+    }
+    unappliedModelSort.value = model;
+    initDataForForm({ unappliedModelSort: unappliedModelSort.value });
+  };
+
+  const removeUnappliedModelSort = ({ item }) => {
+    const INDEX = item.additionalProps.index;
+    const isLast = INDEX === unappliedModelSort.value.length - 1;
+    if (isLast) {
+      unappliedModelSort.value[INDEX].sortId = undefined;
+    } else {
+      unappliedModelSort.value.splice(INDEX, 1);
+    }
+
+    const LAST_INDEX_IN_MODEL = unappliedModelSort.value.length - 1;
+    if (unappliedModelSort.value?.[LAST_INDEX_IN_MODEL]?.sortId) {
+      unappliedModelSort.value.push({
+        sortId: undefined,
+        sortMode: "asc",
+      });
+    }
+    initDataForForm({ unappliedModelSort: unappliedModelSort.value });
+  };
+
+  const changeModelSortInTable = () => {
+    const MODEL = [];
+    forEach(unappliedModelSort.value, modelItem => {
+      if (modelItem.sortId) {
+        MODEL.push(`${ modelItem.sortMode === "asc" ? "" : "-" }${ modelItem.sortId }`);
+      }
+    });
+    changeModelSort({
+      modelAll: MODEL,
+    });
+    closeDropdown();
+  };
+
+  const changeTableSorting = ({ modelSort = [], tableId: _tableId }) => {
+    if (_tableId !== tableId.value) {
+      return;
+    }
+    initUnappliedModelSort({ model: modelSort });
+  };
+
+  const initEventBus = () => {
+    EventBus.$on("changeTableSorting", changeTableSorting);
+  };
+
+  const destroyEventBus = () => {
+    EventBus.$off("changeTableSorting", changeTableSorting);
+  };
+
+  const countModelSort = computed(() => {
+    return modelSort.value?.length || 0;
+  });
+
+  const textCountModelSort = computed(() => {
+    if (countModelSort.value) {
+      return countModelSort.value;
+    }
+
+    return undefined;
+  });
+
+  return {
+    changeModelSortInTable,
+    countModelSort,
+    destroyEventBus,
+    initEventBus,
+    initUnappliedModelSort,
+    removeUnappliedModelSort,
+    textCountModelSort,
+    updateUnappliedModelSort,
+  };
+}

package/src/ATable/ATableTd/compositionAPI/AttributesAPI.js

@@ -1,42 +1,42 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-import ColumnStylesAPI from "../../compositionAPI/ColumnStylesAPI";
-
-export default function AttributesAPI(props) {
-  const column = toRef(props, "column");
-  const disabledPreview = toRef(props, "disabledPreview");
-  const isFooter = toRef(props, "isFooter");
-
-  const hasPreview = inject("hasPreview");
-  const isMobile = inject("isMobile");
-
-  const {
-    columnsStyles,
-  } = ColumnStylesAPI(props);
-
-  const attributesForTd = computed(() => {
-    const ATTRIBUTES = {
-      class: [
-        "a_table__td a_table__cell",
-        {
-          a_table__cell_click: hasPreview.value && !isFooter.value && !disabledPreview.value,
-        },
-        column.value.classRowParent,
-      ],
-      style: columnsStyles.value,
-    };
-    if (!isMobile.value) {
-      ATTRIBUTES.role = "cell";
-    }
-
-    return ATTRIBUTES;
-  });
-
-  return {
-    attributesForTd,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+import ColumnStylesAPI from "../../compositionAPI/ColumnStylesAPI";
+
+export default function AttributesAPI(props) {
+  const column = toRef(props, "column");
+  const disabledPreview = toRef(props, "disabledPreview");
+  const isFooter = toRef(props, "isFooter");
+
+  const hasPreview = inject("hasPreview");
+  const isMobile = inject("isMobile");
+
+  const {
+    columnsStyles,
+  } = ColumnStylesAPI(props);
+
+  const attributesForTd = computed(() => {
+    const ATTRIBUTES = {
+      class: [
+        "a_table__td a_table__cell",
+        {
+          a_table__cell_click: hasPreview.value && !isFooter.value && !disabledPreview.value,
+        },
+        column.value.classRowParent,
+      ],
+      style: columnsStyles.value,
+    };
+    if (!isMobile.value) {
+      ATTRIBUTES.role = "cell";
+    }
+
+    return ATTRIBUTES;
+  });
+
+  return {
+    attributesForTd,
+  };
+}

package/src/ATable/ATableTd/compositionAPI/SlotAPI.js

@@ -1,25 +1,25 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function SlotAPI(props) {
-  const column = toRef(props, "column");
-  const isFooter = toRef(props, "isFooter");
-
-  const slotName = computed(() => {
-    if (isFooter.value) {
-      return column.value.footerSlot;
-    }
-    return column.value.slot;
-  });
-
-  const hasSlot = computed(() => {
-    return !!slotName.value;
-  });
-
-  return {
-    hasSlot,
-    slotName,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function SlotAPI(props) {
+  const column = toRef(props, "column");
+  const isFooter = toRef(props, "isFooter");
+
+  const slotName = computed(() => {
+    if (isFooter.value) {
+      return column.value.footerSlot;
+    }
+    return column.value.slot;
+  });
+
+  const hasSlot = computed(() => {
+    return !!slotName.value;
+  });
+
+  return {
+    hasSlot,
+    slotName,
+  };
+}

package/src/ATable/ATableTdAction/compositionAPI/RowNumberAPI.js

@@ -1,16 +1,16 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function RowNumberAPI(props) {
-  const rowIndex = toRef(props, "rowIndex");
-
-  const rowNumber = computed(() => {
-    return rowIndex.value + 1;
-  });
-
-  return {
-    rowNumber,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function RowNumberAPI(props) {
+  const rowIndex = toRef(props, "rowIndex");
+
+  const rowNumber = computed(() => {
+    return rowIndex.value + 1;
+  });
+
+  return {
+    rowNumber,
+  };
+}