aloha-vue 1.2.154 → 1.2.156

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

@@ -339,6 +339,13 @@ export default function ComponentItemsAPI() {
               name: "PageTablePreviewDown",
             }
           },
+          {
+            id: "PageTableTree",
+            label: "Table tree",
+            to: {
+              name: "PageTableTree",
+            }
+          },
         ],
       },
       {

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

@@ -112,6 +112,13 @@ export default function FunctionItemsAPI() {
         id: "functions_utils",
         label: "Utils",
         children: [
+          {
+            id: "PageUtilsGetTotalNestedCount",
+            label: "getTotalNestedCount",
+            to: {
+              name: "PageUtilsGetTotalNestedCount",
+            },
+          },
           {
             id: "PageUtilsIsArrayOfArrays",
             label: "isArrayOfArrays",

package/docs/src/mainTranslation.js

@@ -61,6 +61,8 @@ import PageUtilsMathIsOddI18n from "./views/Functions/UtilsMath/PageUtilsMathIsO
 import PageUtilsMathIsEvenI18n from "./views/Functions/UtilsMath/PageUtilsMathIsEven/i18n/PageUtilsMathIsEvenI18n";
 import PageUtilsIsArrayOfStringsI18n from "./views/Functions/Utils/PageUtilsIsArrayOfStrings/i18n/PageUtilsIsArrayOfStringsI18n";
 import PageUtilsIsArrayOfArraysI18n from "./views/Functions/Utils/PageUtilsIsArrayOfArrays/i18n/PageUtilsIsArrayOfArraysI18n";
+import PageUtilsGetTotalNestedCountI18n from "./views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/PageUtilsGetTotalNestedCountI18n";
+import PageTableTreeI18n from "./views/PageTable/PageTableTree/i18n/PageTableTreeI18n";
 
 export const mainTranslation = {
   ar: {
@@ -118,6 +120,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.ar,
     ...PageUtilsIsArrayOfStringsI18n.ar,
     ...PageUtilsIsArrayOfArraysI18n.ar,
+    ...PageUtilsGetTotalNestedCountI18n.ar,
+    ...PageTableTreeI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -174,6 +178,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.de,
     ...PageUtilsIsArrayOfStringsI18n.de,
     ...PageUtilsIsArrayOfArraysI18n.de,
+    ...PageUtilsGetTotalNestedCountI18n.de,
+    ...PageTableTreeI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -230,6 +236,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.en,
     ...PageUtilsIsArrayOfStringsI18n.en,
     ...PageUtilsIsArrayOfArraysI18n.en,
+    ...PageUtilsGetTotalNestedCountI18n.en,
+    ...PageTableTreeI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -286,6 +294,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.es,
     ...PageUtilsIsArrayOfStringsI18n.es,
     ...PageUtilsIsArrayOfArraysI18n.es,
+    ...PageUtilsGetTotalNestedCountI18n.es,
+    ...PageTableTreeI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -342,6 +352,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.fr,
     ...PageUtilsIsArrayOfStringsI18n.fr,
     ...PageUtilsIsArrayOfArraysI18n.fr,
+    ...PageUtilsGetTotalNestedCountI18n.fr,
+    ...PageTableTreeI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -398,6 +410,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.hr,
     ...PageUtilsIsArrayOfStringsI18n.hr,
     ...PageUtilsIsArrayOfArraysI18n.hr,
+    ...PageUtilsGetTotalNestedCountI18n.hr,
+    ...PageTableTreeI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -454,6 +468,8 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.it,
     ...PageUtilsIsArrayOfStringsI18n.it,
     ...PageUtilsIsArrayOfArraysI18n.it,
+    ...PageUtilsGetTotalNestedCountI18n.it,
+    ...PageTableTreeI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -510,5 +526,7 @@ export const mainTranslation = {
     ...PageUtilsMathIsEvenI18n.ru,
     ...PageUtilsIsArrayOfStringsI18n.ru,
     ...PageUtilsIsArrayOfArraysI18n.ru,
+    ...PageUtilsGetTotalNestedCountI18n.ru,
+    ...PageTableTreeI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -49,6 +49,11 @@ const ROUTES = [
     name: "PageTablePreviewDown",
     component: () => import(/* webpackChunkName: "PageTablePreviewDown" */ "../views/PageTable/PageTablePreviewDown/PageTablePreviewDown.vue"),
   },
+  {
+    path: "/table-tree",
+    name: "PageTableTree",
+    component: () => import(/* webpackChunkName: "PageTableTree" */ "../views/PageTable/PageTableTree/PageTableTree.vue"),
+  },
   {
     path: "/spinner",
     name: "PageSpinner",
@@ -364,6 +369,11 @@ const ROUTES = [
     name: "PageUtilsIsArrayOfArrays",
     component: () => import(/* webpackChunkName: "PageUtilsIsArrayOfArrays" */ "../views/Functions/Utils/PageUtilsIsArrayOfArrays/PageUtilsIsArrayOfArrays.vue"),
   },
+  {
+    path: "/utils-get-total-nested-count",
+    name: "PageUtilsGetTotalNestedCount",
+    component: () => import(/* webpackChunkName: "PageUtilsGetTotalNestedCount" */ "../views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCount.vue"),
+  },
   {
     // If the routing configuration '*' reports an error, replace it with '/: catchAll(. *)'
     // caught Error: Catch all routes ("*") must now be defined using a param with a custom regexp

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangePlaceholder/PageInputNumberRangePlaceholder.pug

@@ -12,6 +12,6 @@ aloha-example(
         label="Aloha"
         placeholder-max="Max"
         placeholder-min="Min"
-        type="integer"
+        type="integerRange"
       )
       .a_mt_3 model: {{ model }}

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangePlaceholder/compositionAPI/HtmlAPI.js

@@ -4,7 +4,7 @@ export default function HtmlAPI() {
   label="Aloha"
   placeholder-max="Max"
   placeholder-min="Min"
-  type="integer"
+  type="integerRange"
 ></a-input-number-range>
 <div class="a_mt_3">model: {{ model }}</div>`;
 

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeInteger/PageInputNumberRangeTypeInteger.pug

@@ -3,13 +3,13 @@ aloha-example(
   :code-js="codeJs"
   header="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_HEADER_"
   description="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_DESCRIPTION_"
-  props="type='integer'"
+  props="type='integerRange'"
 )
   .a_columns.a_columns_count_12
     .a_column.a_column_6.a_columns_count_12_touch
       a-input-number-range(
         v-model="model"
         label="Aloha"
-        type="integer"
+        type="integerRange"
       )
       .a_mt_3 model: {{ model }}

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeInteger/compositionAPI/HtmlAPI.js

@@ -2,7 +2,7 @@ export default function HtmlAPI() {
   const codeHtml = `<a-input-number-range
   v-model="model"
   label="Aloha"
-  type="integer"
+  type="integerRange"
 ></a-input-number-range>
 <div class="a_mt_3">model: {{ model }}</div>`;
 

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeIntegerNonNegative/PageInputNumberRangeTypeIntegerNonNegative.pug

@@ -3,13 +3,13 @@ aloha-example(
   :code-js="codeJs"
   header="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_NON_NEGATIVE_HEADER_"
   description="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_NON_NEGATIVE_DESCRIPTION_"
-  props="type='integerNonNegative'"
+  props="type='integerNonNegativeRange'"
 )
   .a_columns.a_columns_count_12
     .a_column.a_column_6.a_columns_count_12_touch
       a-input-number-range(
         v-model="model"
         label="Aloha"
-        type="integerNonNegative"
+        type="integerNonNegativeRange"
       )
       .a_mt_3 model: {{ model }}

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeIntegerNonNegative/compositionAPI/HtmlAPI.js

@@ -2,7 +2,7 @@ export default function HtmlAPI() {
   const codeHtml = `<a-input-number-range
   v-model="model"
   label="Aloha"
-  type="integer"
+  type="integerNonNegativeRange"
 ></a-input-number-range>
 <div class="a_mt_3">model: {{ model }}</div>`;
 

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeIntegerPositive/PageInputNumberRangeTypeIntegerPositive.pug

@@ -3,13 +3,13 @@ aloha-example(
   :code-js="codeJs"
   header="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_POSITIVE_HEADER_"
   description="_A_INPUT_NUMBER_RANGE_GROUP_TYPE_INTEGER_POSITIVE_DESCRIPTION_"
-  props="type='integerPositive'"
+  props="type='integerPositiveRange'"
 )
   .a_columns.a_columns_count_12
     .a_column.a_column_6.a_columns_count_12_touch
       a-input-number-range(
         v-model="model"
         label="Aloha"
-        type="integerPositive"
+        type="integerPositiveRange"
       )
       .a_mt_3 model: {{ model }}

package/docs/src/views/Form/PageInputNumberRange/PageInputNumberRangeTypeIntegerPositive/compositionAPI/HtmlAPI.js

@@ -2,7 +2,7 @@ export default function HtmlAPI() {
   const codeHtml = `<a-input-number-range
   v-model="model"
   label="Aloha"
-  type="integer"
+  type="integerPositiveRange"
 ></a-input-number-range>
 <div class="a_mt_3">model: {{ model }}</div>`;
 

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCount.js

@@ -0,0 +1,40 @@
+import AlohaPage from "../../../../global/components/AlohaPage/AlohaPage.vue";
+import ATranslation from "../../../../../../src/ATranslation/ATranslation";
+import PageFilterArguments from "../../Components/PageFilterArguments/PageFilterArguments.vue";
+import PageFilterImportFunction from "../../Components/PageFilterImportFunction/PageFilterImportFunction.vue";
+import PageFilterTest from "../../Components/PageFilterTest/PageFilterTest.vue";
+import PageUtilsGetTotalNestedCountExample from "./PageUtilsGetTotalNestedCountExample/PageUtilsGetTotalNestedCountExample.vue";
+
+import ArgumentsAPI from "./compositionAPI/ArgumentsAPI";
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+
+import testFunction from "../../../../../../src/utils/__tests__/utils.getTotalNestedCount.test.js?raw";
+
+export default {
+  name: "PageUtilsGetTotalNestedCount",
+  components: {
+    AlohaPage,
+    ATranslation,
+    PageFilterArguments,
+    PageFilterImportFunction,
+    PageFilterTest,
+    PageUtilsGetTotalNestedCountExample,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    const {
+      argumentsText,
+    } = ArgumentsAPI();
+
+    const test = testFunction;
+
+    return {
+      argumentsText,
+      pageTitle,
+      test,
+    };
+  },
+};

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCount.pug

@@ -0,0 +1,26 @@
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    a-translation(
+      tag="p"
+      html="_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_DESCRIPTION_"
+    )
+
+    page-filter-import-function(
+      function-name="getTotalNestedCount"
+      type-import="utils"
+    )
+
+    page-filter-arguments(
+      :arguments-text="argumentsText"
+      function-description="getTotalNestedCount({ array, keyChildren })"
+    )
+
+    page-utils-get-total-nested-count-example
+
+    page-filter-test(
+      :test="test"
+    )

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCount.vue

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCountExample/PageUtilsGetTotalNestedCountExample.js

@@ -0,0 +1,19 @@
+import AlohaExample from "../../../../../global/components/AlohaExample/AlohaExample.vue";
+
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageUtilsGetTotalNestedCountExample",
+  components: {
+    AlohaExample,
+  },
+  setup() {
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeJs,
+    };
+  },
+};

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCountExample/PageUtilsGetTotalNestedCountExample.pug

@@ -0,0 +1,5 @@
+aloha-example(
+  :code-js="codeJs"
+  header="_A_BASIC_USAGE_"
+  :is-code-visible-default="true"
+)

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCountExample/PageUtilsGetTotalNestedCountExample.vue

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/PageUtilsGetTotalNestedCountExample/compositionAPI/JsAPI.js

@@ -0,0 +1,21 @@
+import {
+  getTotalNestedCount,
+} from "../../../../../../../../src/utils/utils";
+
+export default function JsAPI() {
+  const codeJs = `getTotalNestedCount({ array: ["hello", "Aloha"], keyChildren: "" });
+// ${ getTotalNestedCount({ array: ["hello", "Aloha"], keyChildren: "" }) }
+
+getTotalNestedCount({ array: [], keyChildren: "" });
+// ${ getTotalNestedCount({ array: [], keyChildren: "" }) }
+
+getTotalNestedCount({ array: [{ children: ["hello", "world"] }, "test"], keyChildren: "children" });
+// ${ getTotalNestedCount({ array: [{ children: ["hello", "world"] }, "test"], keyChildren: "children" }) }
+
+getTotalNestedCount({ array: [{ aloha: [{ aloha: ["hello", "world"] }, { aloha: ["hello1", "world1"] }] }, "test"], keyChildren: "aloha" });
+// ${ getTotalNestedCount({ array: [{ aloha: [{ aloha: ["hello", "world"] }, { aloha: ["hello1", "world1"] }] }, "test"], keyChildren: "aloha" }) }`;
+
+  return {
+    codeJs,
+  };
+}

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/compositionAPI/ArgumentsAPI.js

@@ -0,0 +1,22 @@
+export default function ArgumentsAPI() {
+  const argumentsText = [
+    {
+      value: "array",
+      types: [
+        "Array",
+      ],
+      text: "_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_ARGUMENTS_ARRAY_",
+    },
+    {
+      value: "keyChildren",
+      types: [
+        "String",
+      ],
+      text: "_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_ARGUMENTS_KEY_CHILDREN_",
+    },
+  ];
+
+  return {
+    argumentsText,
+  };
+}

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/compositionAPI/PageTitleAPI.js

@@ -0,0 +1,7 @@
+export default function PageTitleAPI() {
+  const pageTitle = "getTotalNestedCount";
+
+  return {
+    pageTitle,
+  };
+}

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/PageUtilsGetTotalNestedCountI18n.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/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/ar.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/de.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/en.json

@@ -0,0 +1,5 @@
+{
+  "_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_ARGUMENTS_ARRAY_": "The initial array to traverse for counting",
+  "_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_ARGUMENTS_KEY_CHILDREN_": "The key used to identify child elements within each object in the array",
+  "_PAGE_UTILS_GET_TOTAL_NESTED_COUNT_DESCRIPTION_": "Calculates the total count of elements within a nested structure, including all children and sub-children, based on the specified child key."
+}

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/es.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/fr.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/hr.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/it.json

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

package/docs/src/views/Functions/Utils/PageUtilsGetTotalNestedCount/i18n/ru.json

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

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

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

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

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

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

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

package/docs/src/views/PageTable/PageTableTree/PageTableTreeExample/PageTableTreeExample.js

@@ -0,0 +1,110 @@
+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";
+
+export default {
+  name: "PageTableTreeExample",
+  components: {
+    AlohaExample,
+    ATable,
+  },
+  setup() {
+    const {
+      codeHtml,
+    } = HtmlAPI();
+
+    const {
+      codeJs,
+    } = JsAPI();
+
+    const columns = [
+      {
+        id: "column1",
+        keyLabel: "id",
+        label: "_A_TABLE_COLUMN_1_",
+      },
+      {
+        id: "column2",
+        keyLabel: "label",
+        label: "_A_TABLE_COLUMN_2_",
+      },
+      {
+        id: "column3",
+        keyLabel: "test",
+        label: "_A_TABLE_COLUMN_3_",
+      },
+    ];
+
+    const data = ref([
+      {
+        id: "1",
+        label: "label 1",
+        test: "test 1",
+      },
+      {
+        id: "2",
+        label: "label 2",
+        test: "test 2",
+        children: [
+          {
+            id: "2_1",
+            label: "label 2.1",
+            test: "test 2.1",
+          },
+          {
+            id: "2_2",
+            label: "label 2.2",
+            test: "test 2.2",
+            children: [
+              {
+                id: "2_2_1",
+                label: "label 2.2.1",
+                test: "test 2.2.1",
+              },
+            ],
+          },
+          {
+            id: "2_3",
+            label: "label 2.3",
+            test: "test 2.3",
+          },
+        ],
+      },
+      {
+        id: "3",
+        label: "label 3",
+        test: "test 3",
+        children: [
+          {
+            id: "3_1",
+            label: "label 3.1",
+            test: "test 3.1",
+          },
+          {
+            id: "3_2",
+            label: "label 3.2",
+            test: "test 3.2",
+          },
+          {
+            id: "3_3",
+            label: "label 3.3",
+            test: "test 3.3",
+          },
+        ],
+      },
+    ]);
+
+    return {
+      codeHtml,
+      codeJs,
+      columns,
+      data,
+    };
+  },
+};

package/docs/src/views/PageTable/PageTableTree/PageTableTreeExample/PageTableTreeExample.pug

@@ -0,0 +1,15 @@
+aloha-example(
+  :code-html="codeHtml"
+  :code-js="codeJs"
+  header="_A_TABLE_GROUP_TREE_HEADER_"
+  description="_A_TABLE_GROUP_TREE_DESCRIPTION_"
+  props="is-tree"
+)
+  div
+    a-table(
+      :columns="columns"
+      :data="data"
+      :is-tree="true"
+      key-id="id"
+      label="_A_TABLE_GROUP_TREE_LABEL_"
+    )

package/docs/src/views/PageTable/PageTableTree/PageTableTreeExample/PageTableTreeExample.vue

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

package/docs/src/views/PageTable/PageTableTree/PageTableTreeExample/compositionAPI/HtmlAPI.js

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