aloha-vue 2.7.0 → 2.7.2

package/src/ATable/compositionAPI/MobileColumnsAPI.js

@@ -1,27 +1,27 @@
-import {
-  computed,
-  ref,
-} from "vue";
-
-import {
-  filter,
-} from "lodash-es";
-
-export default function MobileColumnsAPI({
-  columnsOrdered = ref([]),
-  isMobile = ref(false),
-  modelColumnsVisibleLocal = ref({}),
-}) {
-  const allVisibleMobileColumns = computed(() => {
-    if (!isMobile.value) {
-      return [];
-    }
-    return filter(columnsOrdered.value, column => {
-      return !!(column.isRender !== false && modelColumnsVisibleLocal.value[column.id] !== false);
-    });
-  });
-
-  return {
-    allVisibleMobileColumns,
-  };
-}
+import {
+  computed,
+  ref,
+} from "vue";
+
+import {
+  filter,
+} from "lodash-es";
+
+export default function MobileColumnsAPI({
+  columnsOrdered = ref([]),
+  isMobile = ref(false),
+  modelColumnsVisibleLocal = ref({}),
+}) {
+  const allVisibleMobileColumns = computed(() => {
+    if (!isMobile.value) {
+      return [];
+    }
+    return filter(columnsOrdered.value, column => {
+      return !!(column.isRender !== false && modelColumnsVisibleLocal.value[column.id] !== false);
+    });
+  });
+
+  return {
+    allVisibleMobileColumns,
+  };
+}

package/src/ATable/compositionAPI/PreviewRightRewAPI.js

@@ -1,16 +1,16 @@
-import {
-  ref,
-} from "vue";
-
-const previewRef = ref(undefined);
-
-export default function PreviewRightRewAPI() {
-  const removePreviewRef = () => {
-    previewRef.value = undefined;
-  };
-
-  return {
-    previewRef,
-    removePreviewRef,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+const previewRef = ref(undefined);
+
+export default function PreviewRightRewAPI() {
+  const removePreviewRef = () => {
+    previewRef.value = undefined;
+  };
+
+  return {
+    previewRef,
+    removePreviewRef,
+  };
+}

package/src/ATable/compositionAPI/RowsAPI.js

@@ -1,121 +1,121 @@
-import {
-  computed,
-  ref,
-  toRef,
-  watch,
-} from "vue";
-
-import {
-  isEqual,
-  map,
-} from "lodash-es";
-
-export default function RowsAPI(props, {
-  dataSorted = computed(() => []),
-  limit = ref(0),
-  offset = ref(0),
-  setEmptySelectedRowsIndexes = () => {},
-  usePaginationLocal = computed(() => false),
-}) {
-  const clearSelectedRowsOnDataChange = toRef(props, "clearSelectedRowsOnDataChange");
-  const pagination = toRef(props, "pagination");
-  const rowsCountRenderPerTick = toRef(props, "rowsCountRenderPerTick");
-
-  const prevDataPaginated = ref([]);
-  const rowsLocal = ref([]);
-  let firstLoad = true;
-  let rowsLocalIndex = 0;
-  let rowsLocalInterval = undefined;
-
-  const dataPaginated = computed(() => {
-    if (limit.value && !pagination.value.isOutside && usePaginationLocal.value) {
-      const INDEX_START = offset.value;
-      const INDEX_END = INDEX_START + limit.value;
-      return dataSorted.value.slice(INDEX_START, INDEX_END);
-    }
-    return dataSorted.value;
-  });
-
-  const rowsLocalAll = computed(() => {
-    return dataPaginated.value;
-  });
-
-  const rowsLocalLength = computed(() => {
-    return rowsLocalAll.value.length;
-  });
-
-  const hasRows = computed(() => {
-    return !!rowsLocalLength.value;
-  });
-
-  const addRowsPartToRowsLocal = () => {
-    const INDEX_START = rowsLocalIndex * rowsCountRenderPerTick.value;
-    const INDEX_END = INDEX_START + rowsCountRenderPerTick.value;
-    map(dataPaginated.value.slice(INDEX_START, INDEX_END), item => rowsLocal.value.push(item));
-    rowsLocalIndex++;
-  };
-
-  const addAllRowsToRowsLocal = () => {
-    rowsLocalInterval = setInterval(() => {
-      if (rowsLocalIndex * rowsCountRenderPerTick.value >= dataPaginated.value.length) {
-        clearInterval(rowsLocalInterval);
-      } else {
-        addRowsPartToRowsLocal();
-      }
-    });
-  };
-
-  const stopRenderRows = () => {
-    clearInterval(rowsLocalInterval);
-  };
-
-  const updateRow = ({ row, rowIndex }) => {
-    if (rowIndex > rowsLocal.value.length - 1) {
-      return;
-    }
-    rowsLocal.value[rowIndex] = row;
-  };
-
-  const addRow = ({ row }) => {
-    rowsLocal.value.unshift(row);
-  };
-
-  const deleteRow = ({ index }) => {
-    rowsLocal.value.splice(index, 1);
-  };
-
-  watch(dataPaginated, newValue => {
-    if (isEqual(newValue, prevDataPaginated.value)) {
-      return;
-    }
-    prevDataPaginated.value = [...newValue];
-    if (!firstLoad && clearSelectedRowsOnDataChange.value) {
-      setEmptySelectedRowsIndexes();
-    }
-    firstLoad = false;
-
-    rowsLocal.value = [];
-    rowsLocalIndex = 0;
-    stopRenderRows();
-    if (rowsCountRenderPerTick.value > 0) {
-      addRowsPartToRowsLocal();
-      addAllRowsToRowsLocal();
-    } else {
-      rowsLocal.value = dataPaginated.value;
-    }
-  }, {
-    immediate: true,
-    deep: true,
-  });
-
-  return {
-    addRow,
-    deleteRow,
-    hasRows,
-    rowsLocal,
-    rowsLocalAll,
-    rowsLocalLength,
-    stopRenderRows,
-    updateRow,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+  watch,
+} from "vue";
+
+import {
+  isEqual,
+  map,
+} from "lodash-es";
+
+export default function RowsAPI(props, {
+  dataSorted = computed(() => []),
+  limit = ref(0),
+  offset = ref(0),
+  setEmptySelectedRowsIndexes = () => {},
+  usePaginationLocal = computed(() => false),
+}) {
+  const clearSelectedRowsOnDataChange = toRef(props, "clearSelectedRowsOnDataChange");
+  const pagination = toRef(props, "pagination");
+  const rowsCountRenderPerTick = toRef(props, "rowsCountRenderPerTick");
+
+  const prevDataPaginated = ref([]);
+  const rowsLocal = ref([]);
+  let firstLoad = true;
+  let rowsLocalIndex = 0;
+  let rowsLocalInterval = undefined;
+
+  const dataPaginated = computed(() => {
+    if (limit.value && !pagination.value.isOutside && usePaginationLocal.value) {
+      const INDEX_START = offset.value;
+      const INDEX_END = INDEX_START + limit.value;
+      return dataSorted.value.slice(INDEX_START, INDEX_END);
+    }
+    return dataSorted.value;
+  });
+
+  const rowsLocalAll = computed(() => {
+    return dataPaginated.value;
+  });
+
+  const rowsLocalLength = computed(() => {
+    return rowsLocalAll.value.length;
+  });
+
+  const hasRows = computed(() => {
+    return !!rowsLocalLength.value;
+  });
+
+  const addRowsPartToRowsLocal = () => {
+    const INDEX_START = rowsLocalIndex * rowsCountRenderPerTick.value;
+    const INDEX_END = INDEX_START + rowsCountRenderPerTick.value;
+    map(dataPaginated.value.slice(INDEX_START, INDEX_END), item => rowsLocal.value.push(item));
+    rowsLocalIndex++;
+  };
+
+  const addAllRowsToRowsLocal = () => {
+    rowsLocalInterval = setInterval(() => {
+      if (rowsLocalIndex * rowsCountRenderPerTick.value >= dataPaginated.value.length) {
+        clearInterval(rowsLocalInterval);
+      } else {
+        addRowsPartToRowsLocal();
+      }
+    });
+  };
+
+  const stopRenderRows = () => {
+    clearInterval(rowsLocalInterval);
+  };
+
+  const updateRow = ({ row, rowIndex }) => {
+    if (rowIndex > rowsLocal.value.length - 1) {
+      return;
+    }
+    rowsLocal.value[rowIndex] = row;
+  };
+
+  const addRow = ({ row }) => {
+    rowsLocal.value.unshift(row);
+  };
+
+  const deleteRow = ({ index }) => {
+    rowsLocal.value.splice(index, 1);
+  };
+
+  watch(dataPaginated, newValue => {
+    if (isEqual(newValue, prevDataPaginated.value)) {
+      return;
+    }
+    prevDataPaginated.value = [...newValue];
+    if (!firstLoad && clearSelectedRowsOnDataChange.value) {
+      setEmptySelectedRowsIndexes();
+    }
+    firstLoad = false;
+
+    rowsLocal.value = [];
+    rowsLocalIndex = 0;
+    stopRenderRows();
+    if (rowsCountRenderPerTick.value > 0) {
+      addRowsPartToRowsLocal();
+      addAllRowsToRowsLocal();
+    } else {
+      rowsLocal.value = dataPaginated.value;
+    }
+  }, {
+    immediate: true,
+    deep: true,
+  });
+
+  return {
+    addRow,
+    deleteRow,
+    hasRows,
+    rowsLocal,
+    rowsLocalAll,
+    rowsLocalLength,
+    stopRenderRows,
+    updateRow,
+  };
+}

package/src/ATable/compositionAPI/SortChangeAPI.js

@@ -1,79 +1,79 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import EventBus from "../../utils/EventBus";
-import {
-  cloneDeep,
-} from "lodash-es";
-
-export default function SortChangeAPI(props, { emit }, {
-  modelSortLocal = ref([]),
-  closePreviewAll = () => {},
-}) {
-  const id = toRef(props, "id");
-  const isSortingMultiColumn = toRef(props, "isSortingMultiColumn");
-  const sortingMultiColumnKey = toRef(props, "sortingMultiColumnKey");
-
-  const sortingMultiColumnKeyName = computed(() => {
-    return `${ sortingMultiColumnKey.value }Key`;
-  });
-
-  const isSortingMultiColumnKeyPressed = $event => {
-    return isSortingMultiColumn.value &&
-      $event[sortingMultiColumnKeyName.value];
-  };
-
-  const changeModelSortMultiColumn = ({ sortId }) => {
-    const INDEX_SORT_ID = modelSortLocal.value.indexOf(sortId);
-    if (INDEX_SORT_ID !== -1) {
-      modelSortLocal.value.splice(INDEX_SORT_ID, 1, `-${ sortId }`);
-      return;
-    }
-    const INDEX_MINUS_SORT_ID = modelSortLocal.value.indexOf(`-${ sortId }`);
-    if (INDEX_MINUS_SORT_ID !== -1) {
-      modelSortLocal.value.splice(INDEX_MINUS_SORT_ID, 1);
-      return;
-    }
-    modelSortLocal.value.push(sortId);
-  };
-
-  const changeModelSortSingleColumn = ({ sortId }) => {
-    const INDEX_SORT_ID = modelSortLocal.value.indexOf(sortId);
-    if (INDEX_SORT_ID !== -1) {
-      modelSortLocal.value = [`-${ sortId }`];
-      return;
-    }
-    const INDEX_MINUS_SORT_ID = modelSortLocal.value.indexOf(`-${ sortId }`);
-    if (INDEX_MINUS_SORT_ID !== -1) {
-      modelSortLocal.value = [];
-      return;
-    }
-    modelSortLocal.value = [sortId];
-  };
-
-  const changeModelSort = ({ sortId, $event, modelAll }) => {
-    if (modelAll) {
-      modelSortLocal.value = modelAll;
-    } else if (isSortingMultiColumnKeyPressed($event)) {
-      changeModelSortMultiColumn({ sortId });
-    } else {
-      changeModelSortSingleColumn({ sortId });
-    }
-
-    emit("changeSorting", {
-      modelSort: cloneDeep(modelSortLocal.value),
-    });
-    EventBus.$emit("changeTableSorting", {
-      modelSort: cloneDeep(modelSortLocal.value),
-      tableId: id.value,
-    });
-    closePreviewAll();
-  };
-
-  return {
-    changeModelSort,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import EventBus from "../../utils/EventBus";
+import {
+  cloneDeep,
+} from "lodash-es";
+
+export default function SortChangeAPI(props, { emit }, {
+  modelSortLocal = ref([]),
+  closePreviewAll = () => {},
+}) {
+  const id = toRef(props, "id");
+  const isSortingMultiColumn = toRef(props, "isSortingMultiColumn");
+  const sortingMultiColumnKey = toRef(props, "sortingMultiColumnKey");
+
+  const sortingMultiColumnKeyName = computed(() => {
+    return `${ sortingMultiColumnKey.value }Key`;
+  });
+
+  const isSortingMultiColumnKeyPressed = $event => {
+    return isSortingMultiColumn.value &&
+      $event[sortingMultiColumnKeyName.value];
+  };
+
+  const changeModelSortMultiColumn = ({ sortId }) => {
+    const INDEX_SORT_ID = modelSortLocal.value.indexOf(sortId);
+    if (INDEX_SORT_ID !== -1) {
+      modelSortLocal.value.splice(INDEX_SORT_ID, 1, `-${ sortId }`);
+      return;
+    }
+    const INDEX_MINUS_SORT_ID = modelSortLocal.value.indexOf(`-${ sortId }`);
+    if (INDEX_MINUS_SORT_ID !== -1) {
+      modelSortLocal.value.splice(INDEX_MINUS_SORT_ID, 1);
+      return;
+    }
+    modelSortLocal.value.push(sortId);
+  };
+
+  const changeModelSortSingleColumn = ({ sortId }) => {
+    const INDEX_SORT_ID = modelSortLocal.value.indexOf(sortId);
+    if (INDEX_SORT_ID !== -1) {
+      modelSortLocal.value = [`-${ sortId }`];
+      return;
+    }
+    const INDEX_MINUS_SORT_ID = modelSortLocal.value.indexOf(`-${ sortId }`);
+    if (INDEX_MINUS_SORT_ID !== -1) {
+      modelSortLocal.value = [];
+      return;
+    }
+    modelSortLocal.value = [sortId];
+  };
+
+  const changeModelSort = ({ sortId, $event, modelAll }) => {
+    if (modelAll) {
+      modelSortLocal.value = modelAll;
+    } else if (isSortingMultiColumnKeyPressed($event)) {
+      changeModelSortMultiColumn({ sortId });
+    } else {
+      changeModelSortSingleColumn({ sortId });
+    }
+
+    emit("changeSorting", {
+      modelSort: cloneDeep(modelSortLocal.value),
+    });
+    EventBus.$emit("changeTableSorting", {
+      modelSort: cloneDeep(modelSortLocal.value),
+      tableId: id.value,
+    });
+    closePreviewAll();
+  };
+
+  return {
+    changeModelSort,
+  };
+}

package/src/ATable/compositionAPI/StickyAPI.js

@@ -1,20 +1,20 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-export default function StickyAPI(props, {
-  isMobile = ref(undefined),
-  modelIsTableWithoutScrollComputed = computed(() => undefined),
-}) {
-  const rowActionsSticky = toRef(props, "rowActionsSticky");
-
-  const isRowActionsStickyLocal = computed(() => {
-    return !!(!isMobile.value && rowActionsSticky.value && !modelIsTableWithoutScrollComputed.value);
-  });
-
-  return {
-    isRowActionsStickyLocal,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+export default function StickyAPI(props, {
+  isMobile = ref(undefined),
+  modelIsTableWithoutScrollComputed = computed(() => undefined),
+}) {
+  const rowActionsSticky = toRef(props, "rowActionsSticky");
+
+  const isRowActionsStickyLocal = computed(() => {
+    return !!(!isMobile.value && rowActionsSticky.value && !modelIsTableWithoutScrollComputed.value);
+  });
+
+  return {
+    isRowActionsStickyLocal,
+  };
+}

package/src/ATable/compositionAPI/TableAttributesAPI.js

@@ -1,45 +1,45 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  getTableLabelId,
-} from "../utils/utils";
-
-export default function TableAttributesAPI(props, {
-  countNotHiddenColumns = computed(() => -1),
-  isMobile = ref(false),
-}) {
-  const id = toRef(props, "id");
-  const isLabelVisible = toRef(props, "isLabelVisible");
-
-  const tableRoleAttributes = computed(() => {
-    const ATTRIBUTES = {};
-    if (!isMobile.value) {
-      ATTRIBUTES.role = "table";
-      ATTRIBUTES["aria-colcount"] = countNotHiddenColumns.value;
-    }
-
-    return ATTRIBUTES;
-  });
-
-  const tableChildRole = computed(() => {
-    return isMobile.value ? "list" : "rowgroup";
-  });
-
-  const tableLabelId = computed(() => {
-    if (isLabelVisible.value) {
-      return getTableLabelId({ tableId: id.value });
-    }
-
-    return undefined;
-  });
-
-  return {
-    tableChildRole,
-    tableLabelId,
-    tableRoleAttributes,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  getTableLabelId,
+} from "../utils/utils";
+
+export default function TableAttributesAPI(props, {
+  countNotHiddenColumns = computed(() => -1),
+  isMobile = ref(false),
+}) {
+  const id = toRef(props, "id");
+  const isLabelVisible = toRef(props, "isLabelVisible");
+
+  const tableRoleAttributes = computed(() => {
+    const ATTRIBUTES = {};
+    if (!isMobile.value) {
+      ATTRIBUTES.role = "table";
+      ATTRIBUTES["aria-colcount"] = countNotHiddenColumns.value;
+    }
+
+    return ATTRIBUTES;
+  });
+
+  const tableChildRole = computed(() => {
+    return isMobile.value ? "list" : "rowgroup";
+  });
+
+  const tableLabelId = computed(() => {
+    if (isLabelVisible.value) {
+      return getTableLabelId({ tableId: id.value });
+    }
+
+    return undefined;
+  });
+
+  return {
+    tableChildRole,
+    tableLabelId,
+    tableRoleAttributes,
+  };
+}

package/src/ATable/compositionAPI/TableColumnsVisibleFunctionAPI.js

@@ -1,23 +1,23 @@
-import {
-  ref,
-} from "vue";
-
-import {
-  cloneDeep,
-} from "lodash-es";
-
-
-export default function TableColumnsVisibleFunctionAPI(props, { emit }, {
-  modelColumnsVisibleLocal = ref({}),
-  checkVisibleColumns = () => {},
-}) {
-  const changeModelColumnsVisible = value => {
-    modelColumnsVisibleLocal.value = value;
-    emit("update:modelColumnsVisible", cloneDeep(modelColumnsVisibleLocal.value));
-    checkVisibleColumns();
-  };
-
-  return {
-    changeModelColumnsVisible,
-  };
-}
+import {
+  ref,
+} from "vue";
+
+import {
+  cloneDeep,
+} from "lodash-es";
+
+
+export default function TableColumnsVisibleFunctionAPI(props, { emit }, {
+  modelColumnsVisibleLocal = ref({}),
+  checkVisibleColumns = () => {},
+}) {
+  const changeModelColumnsVisible = value => {
+    modelColumnsVisibleLocal.value = value;
+    emit("update:modelColumnsVisible", cloneDeep(modelColumnsVisibleLocal.value));
+    checkVisibleColumns();
+  };
+
+  return {
+    changeModelColumnsVisible,
+  };
+}