vueless 0.0.372 → 0.0.374

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 (33) hide show
  1. package/package.json +1 -1
  2. package/ui.button-link/storybook/stories.js +3 -3
  3. package/ui.button-link/useAttrs.js +23 -52
  4. package/ui.button-toggle/useAttrs.js +4 -25
  5. package/ui.button-toggle-item/config.js +9 -20
  6. package/ui.button-toggle-item/useAttrs.js +14 -23
  7. package/ui.container-accordion/config.js +1 -3
  8. package/ui.container-accordion/useAttrs.js +10 -21
  9. package/ui.container-card/useAttrs.js +14 -33
  10. package/ui.container-col/useAttrs.js +3 -25
  11. package/ui.container-divider/useAttrs.js +3 -26
  12. package/ui.container-group/useAttrs.js +3 -25
  13. package/ui.container-modal/useAttrs.js +14 -45
  14. package/ui.container-modal-confirm/useAttrs.js +4 -26
  15. package/ui.container-page/useAttrs.js +20 -46
  16. package/ui.container-row/useAttrs.js +4 -25
  17. package/ui.dropdown-badge/useAttrs.js +12 -34
  18. package/ui.dropdown-link/useAttrs.js +12 -34
  19. package/ui.dropdown-list/UDropdownList.vue +13 -17
  20. package/ui.dropdown-list/useAttrs.js +14 -38
  21. package/ui.form-select/USelect.vue +8 -7
  22. package/ui.image-avatar/UAvatar.vue +14 -6
  23. package/ui.text-alert/useAttrs.js +3 -26
  24. package/ui.text-badge/useAttrs.js +8 -28
  25. package/ui.text-block/useAttrs.js +3 -25
  26. package/ui.text-empty/useAttrs.js +3 -25
  27. package/ui.text-file/UFile.vue +2 -6
  28. package/ui.text-file/useAttrs.js +4 -27
  29. package/ui.text-files/useAttrs.js +3 -26
  30. package/ui.text-header/useAttrs.js +3 -26
  31. package/ui.text-money/useAttrs.js +3 -26
  32. package/ui.text-notify/useAttrs.js +4 -25
  33. package/web-types.json +5 -10
package/ui.text-file/useAttrs.js CHANGED
@@ -1,38 +1,15 @@
1
- import { computed } from "vue";
2
1
  import useUI from "../composables/useUI.js";
3
- import { cva } from "../utils/utilUI.js";
4
2
 
5
3
  import defaultConfig from "./config.js";
6
4
 
7
- export default function useAttrs(props, { focus }) {
8
- const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
9
- defaultConfig,
10
- () => props.config,
11
- );
12
- const attrs = {};
5
+ export default function useAttrs(props) {
6
+ const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
13
7
 
14
- for (const key in defaultConfig) {
15
- if (isSystemKey(key)) continue;
16
-
17
- const classes = computed(() => {
18
- let value = config.value[key];
19
-
20
- if (isCVA(value)) {
21
- value = cva(value)({
22
- ...props,
23
- focus: Boolean(focus.value),
24
- });
25
- }
26
-
27
- return value;
28
- });
29
-
30
- attrs[`${key}Attrs`] = getAttrs(key, { classes });
31
- }
8
+ const keysAttrs = getKeysAttrs();
32
9
 
33
10
  return {
34
- ...attrs,
35
11
  config,
12
+ ...keysAttrs,
36
13
  hasSlotContent,
37
14
  };
38
15
  }
package/ui.text-files/useAttrs.js CHANGED
@@ -1,38 +1,15 @@
1
- import { computed } from "vue";
2
1
  import useUI from "../composables/useUI.js";
3
- import { cva } from "../utils/utilUI.js";
4
2
 
5
3
  import defaultConfig from "./config.js";
6
4
 
7
5
  export default function useAttrs(props) {
8
- const { getAttrs, config, isSystemKey, hasSlotContent, isCVA } = useUI(
9
- defaultConfig,
10
- () => props.config,
11
- );
12
- const attrs = {};
6
+ const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
13
7
 
14
- for (const key in defaultConfig) {
15
- if (isSystemKey(key)) continue;
16
-
17
- const classes = computed(() => {
18
- let value = config.value[key];
19
-
20
- if (isCVA(value)) {
21
- return cva(value)({
22
- ...props,
23
- label: Boolean(props.label),
24
- });
25
- }
26
-
27
- return value;
28
- });
29
-
30
- attrs[`${key}Attrs`] = getAttrs(key, { classes });
31
- }
8
+ const keysAttrs = getKeysAttrs();
32
9
 
33
10
  return {
34
- ...attrs,
35
11
  config,
12
+ ...keysAttrs,
36
13
  hasSlotContent,
37
14
  };
38
15
  }
package/ui.text-header/useAttrs.js CHANGED
@@ -1,38 +1,15 @@
1
1
  import useUI from "../composables/useUI.js";
2
- import { cva } from "../utils/utilUI.js";
3
2
 
4
3
  import defaultConfig from "./config.js";
5
- import { computed } from "vue";
6
4
 
7
5
  export default function useAttrs(props) {
8
- const { config, getAttrs, getColor, setColor, isSystemKey, hasSlotContent, isCVA } = useUI(
9
- defaultConfig,
10
- () => props.config,
11
- );
12
- const attrs = {};
6
+ const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
13
7
 
14
- for (const key in defaultConfig) {
15
- if (isSystemKey(key)) continue;
16
-
17
- const classes = computed(() => {
18
- let value = config.value[key];
19
-
20
- if (isCVA(value)) {
21
- value = cva(value)({
22
- ...props,
23
- color: getColor(props.color),
24
- });
25
- }
26
-
27
- return setColor(value, props.color);
28
- });
29
-
30
- attrs[`${key}Attrs`] = getAttrs(key, { classes });
31
- }
8
+ const keysAttrs = getKeysAttrs();
32
9
 
33
10
  return {
34
- ...attrs,
35
11
  config,
12
+ ...keysAttrs,
36
13
  hasSlotContent,
37
14
  };
38
15
  }
package/ui.text-money/useAttrs.js CHANGED
@@ -1,38 +1,15 @@
1
1
  import useUI from "../composables/useUI.js";
2
- import { cva } from "../utils/utilUI.js";
3
2
 
4
3
  import defaultConfig from "./config.js";
5
- import { computed } from "vue";
6
4
 
7
5
  export function useAttrs(props) {
8
- const { config, hasSlotContent, getAttrs, getColor, setColor, isSystemKey, isCVA } = useUI(
9
- defaultConfig,
10
- () => props.config,
11
- );
12
- const attrs = {};
6
+ const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
13
7
 
14
- for (const key in defaultConfig) {
15
- if (isSystemKey(key)) continue;
16
-
17
- const classes = computed(() => {
18
- let value = config.value[key];
19
-
20
- if (isCVA(value)) {
21
- value = cva(value)({
22
- ...props,
23
- color: getColor(props.color),
24
- });
25
- }
26
-
27
- return setColor(value, props.color);
28
- });
29
-
30
- attrs[`${key}Attrs`] = getAttrs(key, { classes });
31
- }
8
+ const keysAttrs = getKeysAttrs();
32
9
 
33
10
  return {
34
- ...attrs,
35
11
  config,
12
+ ...keysAttrs,
36
13
  hasSlotContent,
37
14
  };
38
15
  }
package/ui.text-notify/useAttrs.js CHANGED
@@ -1,36 +1,15 @@
1
1
  import useUI from "../composables/useUI.js";
2
- import { computed } from "vue";
2
+
3
3
  import defaultConfig from "./config.js";
4
- import { cva } from "../utils/utilUI.js";
5
4
 
6
5
  export default function useAttrs(props) {
7
- const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
8
- defaultConfig,
9
- () => props.config,
10
- );
11
- const attrs = {};
12
-
13
- for (const key in defaultConfig) {
14
- if (isSystemKey(key)) continue;
15
-
16
- const classes = computed(() => {
17
- let value = config.value[key];
18
-
19
- if (isCVA(value)) {
20
- value = cva(value)({
21
- ...props,
22
- });
23
- }
24
-
25
- return value;
26
- });
6
+ const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
27
7
 
28
- attrs[`${key}Attrs`] = getAttrs(key, { classes });
29
- }
8
+ const keysAttrs = getKeysAttrs();
30
9
 
31
10
  return {
32
- ...attrs,
33
11
  config,
12
+ ...keysAttrs,
34
13
  hasSlotContent,
35
14
  };
36
15
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.372",
4
+ "version": "0.0.374",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -347,13 +347,13 @@
347
347
  "default": "\"\""
348
348
  },
349
349
  {
350
- "name": "icon",
350
+ "name": "placeholderIcon",
351
351
  "description": "Avatar icon placeholder.",
352
352
  "value": {
353
353
  "kind": "expression",
354
354
  "type": "string"
355
355
  },
356
- "default": "getDefault(defaultConfig, UAvatar).placeholderIcon"
356
+ "default": "image"
357
357
  },
358
358
  {
359
359
  "name": "size",
@@ -423,6 +423,7 @@
423
423
  "description": "Use it to add something instead of the avatar image placeholder.",
424
424
  "bindings": [
425
425
  {
426
+ "type": "string",
426
427
  "name": "icon-name"
427
428
  },
428
429
  {
@@ -3818,13 +3819,7 @@
3818
3819
  },
3819
3820
  {
3820
3821
  "name": "empty",
3821
- "scoped": true,
3822
- "description": "Use it to add something instead of empty state.",
3823
- "bindings": [
3824
- {
3825
- "name": "empty-styles"
3826
- }
3827
- ]
3822
+ "description": "Use it to add something instead of empty state."
3828
3823
  }
3829
3824
  ],
3830
3825
  "source": {