aloha-vue 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersLayoutAPI.js +4 -4
  3. package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersSaveAPI.js +4 -4
  4. package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersSavedDeleteAPI.js +3 -3
  5. package/src/AFilters/AFiltersHorizontal/compositionAPI/SearchAPI.js +3 -3
  6. package/src/AFilters/AFiltersHorizontal/compositionAPI/ToggleAPI.js +3 -3
  7. package/src/plugins/AFiltersPlugin.js +95 -0
  8. package/src/plugins/ATablePlugin.js +0 -67
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "Vue.js"
15
15
  ],
16
16
  "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
17
- "version": "1.2.6",
17
+ "version": "1.2.7",
18
18
  "author": {
19
19
  "name": "Ilia Brykin",
20
20
  "email": "brykin.ilia@gmail.com"
package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersLayoutAPI.js CHANGED
@@ -4,8 +4,8 @@ import {
4
4
  } from "vue";
5
5
 
6
6
  import {
7
- tablePluginOptions,
8
- } from "../../../plugins/ATablePlugin";
7
+ filtersPluginOptions,
8
+ } from "../../../plugins/AFiltersPlugin";
9
9
 
10
10
  import {
11
11
  map,
@@ -33,7 +33,7 @@ export default function FiltersLayoutAPI({
33
33
  const filtersTopHeader = computed(() => {
34
34
  return h("div", {
35
35
  class: "a_table__filters_top__header",
36
- }, map(tablePluginOptions.value.config.headerTopGroups, group => {
36
+ }, map(filtersPluginOptions.value.config.headerTopGroups, group => {
37
37
  return h("div", {
38
38
  class: "a_table__filters_top__header__group",
39
39
  ...group.props,
@@ -45,7 +45,7 @@ export default function FiltersLayoutAPI({
45
45
  const filtersTopFooter = computed(() => {
46
46
  return h("div", {
47
47
  class: "a_table__filters_top__footer",
48
- }, map(tablePluginOptions.value.config.headerBottomGroups, group => {
48
+ }, map(filtersPluginOptions.value.config.headerBottomGroups, group => {
49
49
  return h("div", {
50
50
  class: "a_table__filters_top__footer__group",
51
51
  ...group.props,
package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersSaveAPI.js CHANGED
@@ -9,8 +9,8 @@ import AButton from "../../../AButton/AButton";
9
9
  import ASelect from "../../../ui/ASelect/ASelect";
10
10
 
11
11
  import {
12
- tablePluginComponentsProps,
13
- } from "../../../plugins/ATablePlugin";
12
+ filtersPluginComponentsProps,
13
+ } from "../../../plugins/AFiltersPlugin";
14
14
 
15
15
  export default function FiltersSaveAPI(props, {
16
16
  onOpen = () => ({}),
@@ -66,7 +66,7 @@ export default function FiltersSaveAPI(props, {
66
66
  id: buttonSaveComponentTopId.value,
67
67
  onClick: openModalSaveTop,
68
68
  ...buttonSaveComponentPropsDefault.value,
69
- ...tablePluginComponentsProps.value.buttonSaveTop,
69
+ ...filtersPluginComponentsProps.value.buttonSaveTop,
70
70
  });
71
71
  });
72
72
 
@@ -113,7 +113,7 @@ export default function FiltersSaveAPI(props, {
113
113
  search: true,
114
114
  deselect: true,
115
115
  change: changeModelFiltersSaved,
116
- ...tablePluginComponentsProps.value.selectFiltersSaved,
116
+ ...filtersPluginComponentsProps.value.selectFiltersSaved,
117
117
  });
118
118
  });
119
119
 
package/src/AFilters/AFiltersHorizontal/compositionAPI/FiltersSavedDeleteAPI.js CHANGED
@@ -11,8 +11,8 @@ import AConfirmAPI from "../../../compositionAPI/AConfirmAPI";
11
11
  import ANotificationAPI from "../../../compositionAPI/ANotificationAPI";
12
12
 
13
13
  import {
14
- tablePluginComponentsProps,
15
- } from "../../../plugins/ATablePlugin";
14
+ filtersPluginComponentsProps,
15
+ } from "../../../plugins/AFiltersPlugin";
16
16
 
17
17
  export default function FiltersSavedDeleteAPI(props, {
18
18
  changeModelFiltersSaved = () => {},
@@ -107,7 +107,7 @@ export default function FiltersSavedDeleteAPI(props, {
107
107
  },
108
108
  ariaDisabled: disabledButtonDeleteFiltersSaved.value,
109
109
  onClick: openDeleteConfirm,
110
- ...tablePluginComponentsProps.value.buttonDeleteFiltersSaved,
110
+ ...filtersPluginComponentsProps.value.buttonDeleteFiltersSaved,
111
111
  });
112
112
  });
113
113
 
package/src/AFilters/AFiltersHorizontal/compositionAPI/SearchAPI.js CHANGED
@@ -7,8 +7,8 @@ import {
7
7
  import AButton from "../../../AButton/AButton";
8
8
 
9
9
  import {
10
- tablePluginComponentsProps,
11
- } from "../../../plugins/ATablePlugin";
10
+ filtersPluginComponentsProps,
11
+ } from "../../../plugins/AFiltersPlugin";
12
12
 
13
13
  export default function SearchAPI(props, { emit }, {
14
14
  onClose = () => {},
@@ -39,7 +39,7 @@ export default function SearchAPI(props, { emit }, {
39
39
  stop: true,
40
40
  disabled: disabled.value,
41
41
  onClick: onSearch,
42
- ...tablePluginComponentsProps.value.buttonSearch,
42
+ ...filtersPluginComponentsProps.value.buttonSearch,
43
43
  });
44
44
  });
45
45
 
package/src/AFilters/AFiltersHorizontal/compositionAPI/ToggleAPI.js CHANGED
@@ -8,8 +8,8 @@ import {
8
8
  import AButton from "../../../AButton/AButton";
9
9
 
10
10
  import {
11
- tablePluginComponentsProps,
12
- } from "../../../plugins/ATablePlugin";
11
+ filtersPluginComponentsProps,
12
+ } from "../../../plugins/AFiltersPlugin";
13
13
 
14
14
  export default function ToggleAPI(props) {
15
15
  const filtersGroup = toRef(props, "filtersGroup");
@@ -55,7 +55,7 @@ export default function ToggleAPI(props) {
55
55
  text: textToggle,
56
56
  iconRight: iconToggle,
57
57
  onClick: onToggle,
58
- ...tablePluginComponentsProps.value.buttonToggle,
58
+ ...filtersPluginComponentsProps.value.buttonToggle,
59
59
  });
60
60
  });
61
61
 
package/src/plugins/AFiltersPlugin.js ADDED
@@ -0,0 +1,95 @@
1
+ import {
2
+ computed,
3
+ ref,
4
+ } from "vue";
5
+
6
+ import {
7
+ forEach,
8
+ } from "lodash-es";
9
+
10
+ export const filtersPluginOptions = ref({
11
+ propsDefault: {
12
+
13
+ },
14
+ config: {
15
+ isHtmlTitleSort: false,
16
+ headerTopGroups: [
17
+ {
18
+ props: {},
19
+ children: [
20
+ {
21
+ component: "filterMain",
22
+ props: {},
23
+ },
24
+ {
25
+ component: "buttonSearch",
26
+ props: {},
27
+ },
28
+ {
29
+ component: "buttonToggle",
30
+ props: {},
31
+ },
32
+ ],
33
+ },
34
+ {
35
+ props: {},
36
+ children: [
37
+ {
38
+ component: "selectFiltersSaved",
39
+ props: {},
40
+ },
41
+ {
42
+ component: "buttonSaveTop",
43
+ props: {},
44
+ },
45
+ {
46
+ component: "buttonDeleteFiltersSaved",
47
+ props: {},
48
+ },
49
+ ],
50
+ },
51
+ ],
52
+ headerBottomGroups: [
53
+ {
54
+ props: {},
55
+ children: [
56
+ {
57
+ component: "addFilterSelect",
58
+ props: {},
59
+ },
60
+ {
61
+ component: "buttonSearch",
62
+ props: {},
63
+ },
64
+ ],
65
+ },
66
+ ],
67
+ },
68
+ });
69
+
70
+ export const filtersPluginComponentsProps = computed(() => {
71
+ const propsByKey = {};
72
+ forEach(filtersPluginOptions.value.config.headerTopGroups, group => {
73
+ forEach(group.children, child => {
74
+ propsByKey[child.component] = child.props;
75
+ });
76
+ });
77
+
78
+ return propsByKey;
79
+ });
80
+
81
+ export default {
82
+ install: (app, {
83
+ propsDefault = {},
84
+ config = {},
85
+ } = {}) => {
86
+ filtersPluginOptions.value.propsDefault = {
87
+ ...filtersPluginOptions.value.propsDefault,
88
+ ...propsDefault,
89
+ };
90
+ filtersPluginOptions.value.config = {
91
+ ...filtersPluginOptions.value.config,
92
+ ...config,
93
+ };
94
+ },
95
+ };
package/src/plugins/ATablePlugin.js CHANGED
@@ -1,83 +1,16 @@
1
1
  import {
2
- computed,
3
2
  ref,
4
3
  } from "vue";
5
4
 
6
- import {
7
- forEach,
8
- } from "lodash-es";
9
-
10
5
  export const tablePluginOptions = ref({
11
6
  propsDefault: {
12
7
 
13
8
  },
14
9
  config: {
15
10
  isHtmlTitleSort: false,
16
- headerTopGroups: [
17
- {
18
- props: {},
19
- children: [
20
- {
21
- component: "filterMain",
22
- props: {},
23
- },
24
- {
25
- component: "buttonSearch",
26
- props: {},
27
- },
28
- {
29
- component: "buttonToggle",
30
- props: {},
31
- },
32
- ],
33
- },
34
- {
35
- props: {},
36
- children: [
37
- {
38
- component: "selectFiltersSaved",
39
- props: {},
40
- },
41
- {
42
- component: "buttonSaveTop",
43
- props: {},
44
- },
45
- {
46
- component: "buttonDeleteFiltersSaved",
47
- props: {},
48
- },
49
- ],
50
- },
51
- ],
52
- headerBottomGroups: [
53
- {
54
- props: {},
55
- children: [
56
- {
57
- component: "addFilterSelect",
58
- props: {},
59
- },
60
- {
61
- component: "buttonSearch",
62
- props: {},
63
- },
64
- ],
65
- },
66
- ],
67
11
  },
68
12
  });
69
13
 
70
- export const tablePluginComponentsProps = computed(() => {
71
- const propsByKey = {};
72
- forEach(tablePluginOptions.value.config.headerTopGroups, group => {
73
- forEach(group.children, child => {
74
- propsByKey[child.component] = child.props;
75
- });
76
- });
77
-
78
- return propsByKey;
79
- });
80
-
81
14
  export default {
82
15
  install: (app, {
83
16
  propsDefault = {},