aloha-vue 2.62.0 → 2.63.0

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

@@ -1,152 +1,152 @@
-import {
-  computed,
-  inject,
-  ref,
-  toRef,
-} from "vue";
-
-import EventBus from "../../../utils/EventBus";
-import {
-  aLast,
-} from "../../../utils/utilsArray";
-import {
-  cloneDeep,
-  forEach,
-  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 = aLast(model);
-    return !!MODEL_LAST_ITEM.sortId;
-  };
-
-  const updateUnappliedModelSort = ({ fullModel }) => {
-    if (needAddModelUndefined({ model: fullModel })) {
-      fullModel.push({
-        sortId: undefined,
-        sortMode: "asc",
-      });
-    }
-    unappliedModelSort.value = fullModel;
-    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 {
+  aLast,
+} from "../../../utils/utilsArray";
+import {
+  cloneDeep,
+  forEach,
+  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 = aLast(model);
+    return !!MODEL_LAST_ITEM.sortId;
+  };
+
+  const updateUnappliedModelSort = ({ fullModel }) => {
+    if (needAddModelUndefined({ model: fullModel })) {
+      fullModel.push({
+        sortId: undefined,
+        sortMode: "asc",
+      });
+    }
+    unappliedModelSort.value = fullModel;
+    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/ATableTd.js

@@ -1,145 +1,145 @@
-import {
-  h,
-  resolveComponent,
-} from "vue";
-
-import AElement from "../../AElement/AElement";
-import ATranslation from "../../ATranslation/ATranslation";
-
-import AttributesAPI from "./compositionAPI/AttributesAPI";
-import LinkAPI from "./compositionAPI/LinkAPI";
-import SlotAPI from "./compositionAPI/SlotAPI";
-import TextAPI from "./compositionAPI/TextAPI";
-
-import CaretRightFill from "aloha-svg/dist/js/bootstrap/CaretRightFill";
-
-export default {
-  name: "ATableTd",
-  props: {
-    column: {
-      type: Object,
-      required: true,
-    },
-    columnIndex: {
-      type: Number,
-      required: true,
-    },
-    disabledPreview: {
-      type: Boolean,
-      required: false,
-    },
-    isFooter: {
-      type: Boolean,
-      required: false,
-    },
-    level: {
-      type: Number,
-      required: true,
-    },
-    row: {
-      type: Object,
-      required: true,
-    },
-    rowIndex: {
-      type: Number,
-      required: true,
-    },
-    showIconChildren: {
-      type: Boolean,
-      required: false,
-    },
-  },
-  inject: [
-    "isMobile",
-    "rowsLocalAll",
-  ],
-  setup(props) {
-    const {
-      attributesForTd,
-    } = AttributesAPI(props);
-
-    const {
-      classForLink,
-      isLink,
-      toLocal,
-    } = LinkAPI(props);
-
-    const {
-      hasSlot,
-      slotName,
-    } = SlotAPI(props);
-
-    const {
-      textOrHtmlRender,
-    } = TextAPI(props);
-
-    return {
-      attributesForTd,
-      classForLink,
-      hasSlot,
-      isLink,
-      slotName,
-      textOrHtmlRender,
-      toLocal,
-    };
-  },
-  render() {
-    const TD = h(
-      "div",
-      this.attributesForTd,
-      [
-        h("div", {
-          class: [
-            "a_table__cell__child",
-            this.column.class,
-            this.column.classRow,
-          ],
-        }, [
-          this.showIconChildren ?
-            h(AElement, {
-              "aria-hidden": true,
-              class: "a_table__row_level__icon",
-              classDefault: "",
-              iconLeft: CaretRightFill,
-              type: "text",
-            }) :
-            "",
-          (this.hasSlot && this.$slots[this.slotName]) ?
-            this.$slots[this.slotName]({
-              column: this.column,
-              columnIndex: this.columnIndex,
-              level: this.level,
-              row: this.row,
-              rowIndex: this.rowIndex,
-              rows: this.rowsLocalAll,
-            }) :
-            (this.isLink && this.toLocal) ?
-              h(resolveComponent("RouterLink"), {
-                class: [
-                  this.column.class,
-                  this.classForLink,
-                  this.column.classRow,
-                ],
-                to: this.toLocal,
-              }, () => [
-                this.textOrHtmlRender,
-              ]) :
-              this.textOrHtmlRender,
-        ]),
-      ],
-    );
-
-    if (!this.isMobile) {
-      return TD;
-    }
-    return [
-      h(ATranslation, {
-        html: this.column.label,
-        tag: "dt",
-      }),
-      h("dd", {}, [
-        TD,
-      ]),
-    ];
-  },
-};
+import {
+  h,
+  resolveComponent,
+} from "vue";
+
+import AElement from "../../AElement/AElement";
+import ATranslation from "../../ATranslation/ATranslation";
+
+import AttributesAPI from "./compositionAPI/AttributesAPI";
+import LinkAPI from "./compositionAPI/LinkAPI";
+import SlotAPI from "./compositionAPI/SlotAPI";
+import TextAPI from "./compositionAPI/TextAPI";
+
+import CaretRightFill from "aloha-svg/dist/js/bootstrap/CaretRightFill";
+
+export default {
+  name: "ATableTd",
+  props: {
+    column: {
+      type: Object,
+      required: true,
+    },
+    columnIndex: {
+      type: Number,
+      required: true,
+    },
+    disabledPreview: {
+      type: Boolean,
+      required: false,
+    },
+    isFooter: {
+      type: Boolean,
+      required: false,
+    },
+    level: {
+      type: Number,
+      required: true,
+    },
+    row: {
+      type: Object,
+      required: true,
+    },
+    rowIndex: {
+      type: Number,
+      required: true,
+    },
+    showIconChildren: {
+      type: Boolean,
+      required: false,
+    },
+  },
+  inject: [
+    "isMobile",
+    "rowsLocalAll",
+  ],
+  setup(props) {
+    const {
+      attributesForTd,
+    } = AttributesAPI(props);
+
+    const {
+      classForLink,
+      isLink,
+      toLocal,
+    } = LinkAPI(props);
+
+    const {
+      hasSlot,
+      slotName,
+    } = SlotAPI(props);
+
+    const {
+      textOrHtmlRender,
+    } = TextAPI(props);
+
+    return {
+      attributesForTd,
+      classForLink,
+      hasSlot,
+      isLink,
+      slotName,
+      textOrHtmlRender,
+      toLocal,
+    };
+  },
+  render() {
+    const TD = h(
+      "div",
+      this.attributesForTd,
+      [
+        h("div", {
+          class: [
+            "a_table__cell__child",
+            this.column.class,
+            this.column.classRow,
+          ],
+        }, [
+          this.showIconChildren ?
+            h(AElement, {
+              "aria-hidden": true,
+              class: "a_table__row_level__icon",
+              classDefault: "",
+              iconLeft: CaretRightFill,
+              type: "text",
+            }) :
+            "",
+          (this.hasSlot && this.$slots[this.slotName]) ?
+            this.$slots[this.slotName]({
+              column: this.column,
+              columnIndex: this.columnIndex,
+              level: this.level,
+              row: this.row,
+              rowIndex: this.rowIndex,
+              rows: this.rowsLocalAll,
+            }) :
+            (this.isLink && this.toLocal) ?
+              h(resolveComponent("RouterLink"), {
+                class: [
+                  this.column.class,
+                  this.classForLink,
+                  this.column.classRow,
+                ],
+                to: this.toLocal,
+              }, () => [
+                this.textOrHtmlRender,
+              ]) :
+              this.textOrHtmlRender,
+        ]),
+      ],
+    );
+
+    if (!this.isMobile) {
+      return TD;
+    }
+    return [
+      h(ATranslation, {
+        html: this.column.label,
+        tag: "dt",
+      }),
+      h("dd", {}, [
+        TD,
+      ]),
+    ];
+  },
+};