aloha-vue 1.2.11 → 1.2.14

package/docs/src/components/TheMenu/TheMenu.js

@@ -392,6 +392,13 @@ export default {
                 name: "PageTablePreview",
               }
             },
+            {
+              id: "PageTablePreviewDown",
+              label: "Table preview down",
+              to: {
+                name: "PageTablePreviewDown",
+              }
+            },
           ],
         },
         {

package/docs/src/mainTranslation.js

@@ -38,6 +38,7 @@ import PageFiltersI18n from "./views/PageFilters/i18n/PageFiltersI18n";
 import PageModalWizardI18n from "./views/PageModalWizard/i18n/PageModalWizardI18n";
 import PageWizardI18n from "./views/PageWizard/i18n/PageWizardI18n";
 import PageModalI18n from "./views/PageModal/i18n/PageModalI18n";
+import PageTablePreviewDownI18n from "./views/PageTable/PageTablePreviewDown/i18n/PageTablePreviewDownI18n";
 
 export const mainTranslation = {
   ar: {
@@ -72,6 +73,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.ar,
     ...PageWizardI18n.ar,
     ...PageModalI18n.ar,
+    ...PageTablePreviewDownI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -105,6 +107,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.de,
     ...PageWizardI18n.de,
     ...PageModalI18n.de,
+    ...PageTablePreviewDownI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -138,6 +141,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.en,
     ...PageWizardI18n.en,
     ...PageModalI18n.en,
+    ...PageTablePreviewDownI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -171,6 +175,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.es,
     ...PageWizardI18n.es,
     ...PageModalI18n.es,
+    ...PageTablePreviewDownI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -204,6 +209,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.fr,
     ...PageWizardI18n.fr,
     ...PageModalI18n.fr,
+    ...PageTablePreviewDownI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -237,6 +243,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.hr,
     ...PageWizardI18n.hr,
     ...PageModalI18n.hr,
+    ...PageTablePreviewDownI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -270,6 +277,7 @@ export const mainTranslation = {
     ...PageModalWizardI18n.it,
     ...PageWizardI18n.it,
     ...PageModalI18n.it,
+    ...PageTablePreviewDownI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -303,5 +311,6 @@ export const mainTranslation = {
     ...PageModalWizardI18n.ru,
     ...PageWizardI18n.ru,
     ...PageModalI18n.ru,
+    ...PageTablePreviewDownI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -44,6 +44,11 @@ const ROUTES = [
     name: "PageTablePreview",
     component: () => import(/* webpackChunkName: "PageTablePreview" */ "../views/PageTable/PageTablePreview/PageTablePreview.vue"),
   },
+  {
+    path: "/table-preview-down",
+    name: "PageTablePreviewDown",
+    component: () => import(/* webpackChunkName: "PageTablePreviewDown" */ "../views/PageTable/PageTablePreviewDown/PageTablePreviewDown.vue"),
+  },
   {
     path: "/spinner",
     name: "PageSpinner",

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDown.js

@@ -0,0 +1,22 @@
+import AlohaPage from "../../../global/components/AlohaPage/AlohaPage.vue";
+import PageTablePreviewDownExample from "./PageTablePreviewDownExample/PageTablePreviewDownExample.vue";
+
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+
+export default {
+  name: "PageTablePreviewDown",
+  components: {
+    AlohaPage,
+    PageTablePreviewDownExample,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    return {
+      pageTitle,
+    };
+  },
+
+};

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDown.pug

@@ -0,0 +1,7 @@
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    page-table-preview-down-example

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDown.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageTablePreviewDown.pug"></template>
+<script src="./PageTablePreviewDown.js"></script>

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDownExample/PageTablePreviewDownExample.js

@@ -0,0 +1,80 @@
+import {
+  ref,
+} from "vue";
+
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+import ATable from "../../../../../../src/ATable/ATable";
+
+import HtmlAPI from "./compositionAPI/HtmlAPI";
+import JsAPI from "./compositionAPI/JsAPI";
+
+import {
+  times,
+} from "lodash-es";
+
+export default {
+  name: "PageTablePreviewDownRight",
+  components: {
+    AlohaExample,
+    ATable,
+  },
+  setup() {
+    const {
+      codeHtml,
+    } = HtmlAPI();
+
+    const {
+      codeJs,
+    } = JsAPI();
+
+    const columns = [
+      {
+        id: "column1",
+        keyLabel: "id",
+        label: "_A_TABLE_COLUMN_1_",
+      },
+      {
+        id: "column2",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_2_",
+      },
+      {
+        id: "column3",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_3_",
+      },
+      {
+        id: "column4",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_4_",
+      },
+      {
+        id: "column5",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_5_",
+      },
+    ];
+
+    const data = ref([]);
+
+    const setData = () => {
+      const DATA = [];
+      times(20, item => {
+        DATA.push({
+          id: item,
+          aloha: `aloha ${ item }`,
+        });
+      });
+      data.value = DATA;
+    };
+
+    setData();
+
+    return {
+      codeHtml,
+      codeJs,
+      columns,
+      data,
+    };
+  },
+};

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDownExample/PageTablePreviewDownExample.pug

@@ -0,0 +1,18 @@
+aloha-example(
+  :code-html="codeHtml"
+  :code-js="codeJs"
+  header="_A_TABLE_GROUP_PREVIEW_DOWN_EXAMPLE_HEADER_"
+  description="_A_TABLE_GROUP_PREVIEW_DOWN_EXAMPLE_DESCRIPTION_"
+)
+  div
+    a-table(
+      :columns="columns"
+      :data="data"
+      label="_A_TABLE_GROUP_SIMPLE_LABEL_"
+      key-id="id"
+      preview="down"
+    )
+      template(
+        v-slot:previewDown="vm"
+      )
+        pre {{ vm }}

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDownExample/PageTablePreviewDownExample.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageTablePreviewDownExample.pug"></template>
+<script src="./PageTablePreviewDownExample.js"></script>

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDownExample/compositionAPI/HtmlAPI.js

@@ -0,0 +1,13 @@
+export default function HtmlAPI() {
+  const codeHtml = `<a-table
+  :columns="columns"
+  :data="data"
+  label="_A_TABLE_GROUP_SIMPLE_LABEL_"
+  key-id="id"
+>
+</a-table>`;
+
+  return {
+    codeHtml,
+  };
+}

package/docs/src/views/PageTable/PageTablePreviewDown/PageTablePreviewDownExample/compositionAPI/JsAPI.js

@@ -0,0 +1,67 @@
+export default function JsAPI() {
+  const codeJs = `import {
+  ref,
+} from "vue";
+
+import ATable from "aloha-vue/src/ATable/ATable";
+    
+export default {
+  name: "PageTablePreviewDownExample",
+  components: {
+    ATable,
+  },
+  setup() {
+     const columns = [
+      {
+        id: "column1",
+        keyLabel: "id",
+        label: "_A_TABLE_COLUMN_1_",
+      },
+      {
+        id: "column2",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_2_",
+      },
+      {
+        id: "column3",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_3_",
+      },
+      {
+        id: "column4",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_4_",
+      },
+      {
+        id: "column5",
+        keyLabel: "aloha",
+        label: "_A_TABLE_COLUMN_5_",
+      },
+    ];
+
+    const data = ref([]);
+
+    const setData = () => {
+      const DATA = [];
+      times(20, item => {
+        DATA.push({
+          id: item,
+          aloha: \`aloha \${ item }\`,
+        });
+      });
+      data.value = DATA;
+    };
+
+    setData();
+    
+    return {
+      columns,
+      data,
+    };
+  },
+};`;
+
+  return {
+    codeJs,
+  };
+}

package/docs/src/views/PageTable/PageTablePreviewDown/compositionAPI/PageTitleAPI.js

@@ -0,0 +1,24 @@
+import {
+  computed,
+} from "vue";
+
+import {
+  getTranslatedText,
+} from "../../../../../../src/ATranslation/compositionAPI/UtilsAPI";
+
+
+export default function PageTitleAPI() {
+  const componentNameTranslated = computed(() => {
+    return getTranslatedText({
+      placeholder: "_A_TABLE_PREVIEW_DOWN_PAGE_TITLE_",
+    });
+  });
+
+  const pageTitle = computed(() => {
+    return `ATable ${ componentNameTranslated.value }`;
+  });
+
+  return {
+    pageTitle,
+  };
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/PageTablePreviewDownI18n.js

@@ -0,0 +1,19 @@
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/ar.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/de.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/en.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/es.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/fr.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/hr.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/it.json

@@ -0,0 +1,3 @@
+{
+
+}

package/docs/src/views/PageTable/PageTablePreviewDown/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+
+}

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.11",
+  "version": "1.2.14",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/ATable/ATable.js

@@ -749,6 +749,7 @@ export default {
                     disabledRowActions: this.disabledRowActions,
                     row,
                     rowIndex,
+                    isPreviewDownOpen: this.previewDownRowIndexes[rowIndex],
                     isRowActionsStickyLocal: this.isRowActionsStickyLocal,
                     selectedRowsIndexes: this.selectedRowsIndexes,
                     rowActionsClass: this.rowActionsClass,

package/src/ATable/ATablePreviewDown/ATablePreviewDown.js

@@ -0,0 +1,43 @@
+import {
+  h,
+} from "vue";
+
+import AButton from "../../AButton/AButton";
+
+export default {
+  name: "ATablePreviewDown",
+  props: {
+    row: {
+      type: Object,
+      required: true,
+    },
+    rowIndex: {
+      type: Number,
+      required: true,
+    },
+  },
+  inject: [
+    "onTogglePreview",
+  ],
+  render() {
+    return h("div", {
+      class: "a_table__preview_down",
+    }, [
+      this.$slots.previewDown && this.$slots.previewDown({
+        row: this.row,
+        rowIndex: this.rowIndex,
+      }),
+      h(AButton, {
+        class: "a_btn a_btn_transparent_dark a_table__preview_down__btn_close",
+        iconLeft: "Close",
+        iconClass: "a_table__preview_down__btn_close__icon",
+        title: "_A_TABLE_PREVIEW_DOWN_CLOSE_",
+        textScreenReader: "_A_TABLE_PREVIEW_DOWN_CLOSE_",
+        onClick: () => this.onTogglePreview({
+          row: this.row,
+          rowIndex: this.rowIndex,
+        }),
+      }),
+    ]);
+  },
+};

package/src/ATable/ATableTr/ATableTr.js

@@ -2,14 +2,15 @@ import {
   h,
 } from "vue";
 
+import AOneCheckbox from "../../ui/AOneCheckbox/AOneCheckbox";
+import ATablePreviewDown from "../ATablePreviewDown/ATablePreviewDown";
 import ATableTd from "../ATableTd/ATableTd";
 import ATableTdAction from "../ATableTdAction/ATableTdAction";
-import AOneCheckbox from "../../ui/AOneCheckbox/AOneCheckbox";
 
 import AttributesAPI from "./compositionAPI/AttributesAPI";
 import CheckboxAPI from "./compositionAPI/CheckboxAPI";
-import MobileAPI from "./compositionAPI/MobileAPI";
 
+import MobileAPI from "./compositionAPI/MobileAPI";
 import {
   forEach,
 } from "lodash-es";
@@ -41,6 +42,10 @@ export default {
       type: Boolean,
       required: false,
     },
+    isPreviewDownOpen: {
+      type: Boolean,
+      required: false,
+    },
     isRowActionsStickyLocal: {
       type: Boolean,
       required: true,
@@ -152,23 +157,24 @@ export default {
       }, tds) :
       tds;
 
-    return h("div", this.rowAttributes, [
-      this.isMultipleActionsActive && h("div", {
-        scope: "row",
-        class: "a_table__td a_table__cell a_table__cell_checkbox",
-        style: `width: 50px; min-width: 50px; max-width: 50px;`,
-      }, [
-        !this.isFooter && h(AOneCheckbox, {
-          isWidthAuto: true,
-          modelValue: this.isRowSelected,
-          disabled: this.isCheckboxDisabled,
-          label: this.labelCheckbox,
-          labelClass: "a_sr_only",
-          isLabelTitle: true,
-          "onUpdate:modelValue": this.toggleCheckbox,
-        }),
-      ]),
-      CHILDREN,
+    return [
+      h("div", this.rowAttributes, [
+        this.isMultipleActionsActive && h("div", {
+          scope: "row",
+          class: "a_table__td a_table__cell a_table__cell_checkbox",
+          style: `width: 50px; min-width: 50px; max-width: 50px;`,
+        }, [
+          !this.isFooter && h(AOneCheckbox, {
+            isWidthAuto: true,
+            modelValue: this.isRowSelected,
+            disabled: this.isCheckboxDisabled,
+            label: this.labelCheckbox,
+            labelClass: "a_sr_only",
+            isLabelTitle: true,
+            "onUpdate:modelValue": this.toggleCheckbox,
+          }),
+        ]),
+        CHILDREN,
       this.isMobile ?
         h("div", {
           class: "a_table_mobile__actions_parent",
@@ -180,6 +186,13 @@ export default {
           ACTIONS,
         ]) :
         ACTIONS,
-    ]);
+      ]),
+      this.isPreviewDownOpen && h(ATablePreviewDown, {
+        row: this.row,
+        rowIndex: this.rowIndex,
+      }, {
+        previewDown: arg => this.$slots.previewDown(arg),
+      }),
+    ];
   },
 };

package/src/ATable/i18n/ar.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "إجراءات متعددة",
   "_A_TABLE_MULTIPLE_CANCEL_": "إلغاء الإجراءات المتعددة",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "المحدد {{ countAllRows }} من {{ countSelectedRows }}",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/de.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "Mehrfachaktionen",
   "_A_TABLE_MULTIPLE_CANCEL_": "Mehrfachaktion abbrechen",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} von {{ countAllRows }} ausgewählt",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "Vorschau schließen",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "Vorschau schließen",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "Benutzen sie bitte slot: 'previewRight'",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "{{ rowNumberFormatted }} von {{ countAllRowsFormatted }}",

package/src/ATable/i18n/en.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "multiple actions",
   "_A_TABLE_MULTIPLE_CANCEL_": "Cancel multiple action",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} of {{ countAllRows }} selected",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/es.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "múltiples acciones",
   "_A_TABLE_MULTIPLE_CANCEL_": "Cancelar acción múltiple",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} de {{ countAllRows }} seleccionado",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/fr.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "actions multiples",
   "_A_TABLE_MULTIPLE_CANCEL_": "Annuler plusieurs actions",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} de {{ countAllRows }} choisi",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/hr.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "Više radnji",
   "_A_TABLE_MULTIPLE_CANCEL_": "Otkaži višestruku radnju",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} od {{ countAllRows }} odabrana",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/it.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "molteplici azioni",
   "_A_TABLE_MULTIPLE_CANCEL_": "Annulla azione multipla",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "{{ countSelectedRows }} Di {{ countAllRows }} selezionato",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "_A_TABLE_PREVIEW_DOWN_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "_A_TABLE_PREVIEW_RIGHT_CLOSE_",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_",

package/src/ATable/i18n/ru.json

@@ -6,6 +6,7 @@
   "_A_TABLE_MULTIPLE_ACTIONS_": "Множественные действия",
   "_A_TABLE_MULTIPLE_CANCEL_": "Отменить",
   "_A_TABLE_MULTIPLE_ITEMS_SELECTED_{{countSelectedRows}}_{{countAllRows}}_": "выбрано {{ countSelectedRows }} из {{ countAllRows }}",
+  "_A_TABLE_PREVIEW_DOWN_CLOSE_": "Закрыть предварительный просмотр",
   "_A_TABLE_PREVIEW_RIGHT_CLOSE_": "Закрыть предварительный просмотр",
   "_A_TABLE_PREVIEW_RIGHT_HAS_NOT_SLOT_": "Пожалуйста, используйте слот: 'previewRight'",
   "_A_TABLE_PREVIEW_RIGHT_HEADER_{{rowNumber}}_{{rowNumberFormatted}}_{{countAllRows}}_{{countAllRowsFormatted}}_": "{{ rowNumberFormatted }} из {{ countAllRowsFormatted }}",

package/src/plugins/ASelectPlugin.js

@@ -6,7 +6,6 @@ export const selectPluginOptions = ref({
   propsDefault: {
     buttonClass: undefined,
     countMultiselect: 4,
-    data: [],
     dataExtra: [],
     inBody: true,
     isCloseByClick: undefined,
@@ -19,13 +18,14 @@ export const selectPluginOptions = ref({
     keyGroup: undefined,
     keyId: "value",
     keyLabel: "label",
-    loading: false,
     maxCountMultiselect: undefined,
     menuWidthType: "as_button",
     modelValue: undefined,
     placement: "bottom-end",
     popperContainerId: "a_select_container",
     search: false,
+    searchApi: false,
+    searchApiKey: undefined,
     searchOutside: false,
     searchTimeout: 0,
     slotName: undefined,