vueless 0.0.269 → 0.0.270

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 (13) hide show
  1. package/package.json +1 -1
  2. package/ui.form-input/composables/attrs.composable.js +5 -14
  3. package/ui.form-input-file/composables/attrs.composable.js +5 -5
  4. package/ui.form-input-money/composables/attrs.composable.js +9 -5
  5. package/ui.form-input-money/index.stories.js +3 -3
  6. package/ui.form-input-number/composables/attrs.composable.js +9 -5
  7. package/ui.form-input-number/index.stories.js +5 -8
  8. package/ui.form-input-rating/composables/attrs.composable.js +5 -5
  9. package/ui.form-input-search/composables/attrs.composable.js +5 -5
  10. package/ui.form-select/composables/attrs.composable.js +5 -5
  11. package/ui.form-textarea/composables/attrs.composable.js +5 -5
  12. package/ui.form-textarea/index.stories.js +1 -1
  13. package/web-types.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.269",
3
+ "version": "0.0.270",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
package/ui.form-input/composables/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -14,29 +14,20 @@ export default function useAttrs(props) {
14
14
  if (isSystemKey(key)) continue;
15
15
 
16
16
  const classes = computed(() => {
17
- const value = config.value[key];
17
+ let value = config.value[key];
18
18
 
19
- if (value.variants || value.compoundVariants) {
20
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
21
21
  ...props,
22
22
  error: Boolean(props.error),
23
23
  label: Boolean(props.label),
24
24
  });
25
25
  }
26
26
 
27
- return "";
27
+ return value;
28
28
  });
29
29
 
30
30
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
31
-
32
- // if (key === "input") {
33
- // const inputAttrs = attrs[`${key}Attrs`];
34
- //
35
- // attrs[`${key}Attrs`] = computed(() => ({
36
- // ...inputAttrs.value,
37
- // class: cx([inputAttrs.value.class]),
38
- // }));
39
- // }
40
31
  }
41
32
 
42
33
  return {
package/ui.form-input-file/composables/attrs.composable.js CHANGED
@@ -5,7 +5,7 @@ import { cva } from "../../service.ui";
5
5
  import defaultConfig from "../configs/default.config";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, isSystemKey, hasSlotContent } = useUI(
8
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
9
9
  defaultConfig,
10
10
  () => props.config,
11
11
  );
@@ -15,17 +15,17 @@ export default function useAttrs(props) {
15
15
  if (isSystemKey(key)) continue;
16
16
 
17
17
  const classes = computed(() => {
18
- const value = config.value[key];
18
+ let value = config.value[key];
19
19
 
20
- if (value.variants || value.compoundVariants) {
21
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
22
22
  ...props,
23
23
  error: Boolean(props.error),
24
24
  label: Boolean(props.label),
25
25
  });
26
26
  }
27
27
 
28
- return "";
28
+ return value;
29
29
  });
30
30
 
31
31
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.form-input-money/composables/attrs.composable.js CHANGED
@@ -4,22 +4,25 @@ import { cva } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, isSystemKey } = useUI(defaultConfig, () => props.config);
7
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
8
+ defaultConfig,
9
+ () => props.config,
10
+ );
8
11
  const attrs = {};
9
12
 
10
13
  for (const key in defaultConfig) {
11
14
  if (isSystemKey(key)) continue;
12
15
 
13
16
  const classes = computed(() => {
14
- const value = config.value[key];
17
+ let value = config.value[key];
15
18
 
16
- if (value.variants || value.compoundVariants) {
17
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
18
21
  ...props,
19
22
  });
20
23
  }
21
24
 
22
- return "";
25
+ return value;
23
26
  });
24
27
 
25
28
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
@@ -28,5 +31,6 @@ export default function useAttrs(props) {
28
31
  return {
29
32
  ...attrs,
30
33
  config,
34
+ hasSlotContent,
31
35
  };
32
36
  }
package/ui.form-input-money/index.stories.js CHANGED
@@ -12,10 +12,10 @@ export default {
12
12
  component: UInputMoney,
13
13
  args: {
14
14
  label: "Label",
15
- inputValue: 245000.42,
16
15
  },
17
16
  argTypes: {
18
17
  ...getArgTypes(UInputMoney.name),
18
+ modelValue: { control: { type: "number" } },
19
19
  },
20
20
  };
21
21
 
@@ -29,7 +29,7 @@ const DefaultTemplate = (args) => ({
29
29
  template: `
30
30
  <UInputMoney
31
31
  v-bind="args"
32
- v-model="args.inputValue"
32
+ v-model="args.modelValue"
33
33
  >
34
34
  ${args.slotTemplate || getSlotsFragment()}
35
35
  </UInputMoney>
@@ -58,7 +58,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
58
58
  });
59
59
 
60
60
  export const Default = DefaultTemplate.bind({});
61
- Default.args = {};
61
+ Default.args = { modelValue: 245000.42 };
62
62
 
63
63
  export const sizes = EnumVariantTemplate.bind({});
64
64
  sizes.args = { enum: "size" };
package/ui.form-input-number/composables/attrs.composable.js CHANGED
@@ -5,22 +5,25 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, isSystemKey } = useUI(defaultConfig, () => props.config);
8
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
9
+ defaultConfig,
10
+ () => props.config,
11
+ );
9
12
  const attrs = {};
10
13
 
11
14
  for (const key in defaultConfig) {
12
15
  if (isSystemKey(key)) continue;
13
16
 
14
17
  const classes = computed(() => {
15
- const value = config.value[key];
18
+ let value = config.value[key];
16
19
 
17
- if (value.variants || value.compoundVariants) {
18
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
19
22
  ...props,
20
23
  });
21
24
  }
22
25
 
23
- return "";
26
+ return value;
24
27
  });
25
28
 
26
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
@@ -29,5 +32,6 @@ export default function useAttrs(props) {
29
32
  return {
30
33
  ...attrs,
31
34
  config,
35
+ hasSlotContent,
32
36
  };
33
37
  }
package/ui.form-input-number/index.stories.js CHANGED
@@ -10,9 +10,12 @@ export default {
10
10
  id: "3050",
11
11
  title: "Form Inputs & Controls / Input Number",
12
12
  component: UInputNumber,
13
+ args: {
14
+ modelValue: 1,
15
+ },
13
16
  argTypes: {
14
17
  ...getArgTypes(UInputNumber.name),
15
- value: 1,
18
+ modelValue: { control: { type: "number" } },
16
19
  },
17
20
  };
18
21
 
@@ -23,13 +26,8 @@ const DefaultTemplate = (args) => ({
23
26
 
24
27
  return { args, slots };
25
28
  },
26
- data() {
27
- return {
28
- count: 1,
29
- };
30
- },
31
29
  template: `
32
- <UInputNumber v-bind="args" v-model="count">
30
+ <UInputNumber v-bind="args" v-model="args.modelValue">
33
31
  ${args.slotTemplate || getSlotsFragment()}
34
32
  </UInputNumber>
35
33
  `,
@@ -68,7 +66,6 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
68
66
 
69
67
  export const Default = DefaultTemplate.bind({});
70
68
  Default.args = {
71
- value: 1,
72
69
  step: 1,
73
70
  min: 1,
74
71
  max: 100,
package/ui.form-input-rating/composables/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -14,15 +14,15 @@ export default function useAttrs(props) {
14
14
  if (isSystemKey(key)) continue;
15
15
 
16
16
  const classes = computed(() => {
17
- const value = config.value[key];
17
+ let value = config.value[key];
18
18
 
19
- if (value.variants || value.compoundVariants) {
20
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
21
21
  ...props,
22
22
  });
23
23
  }
24
24
 
25
- return "";
25
+ return value;
26
26
  });
27
27
 
28
28
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.form-input-search/composables/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -14,15 +14,15 @@ export default function useAttrs(props) {
14
14
  if (isSystemKey(key)) continue;
15
15
 
16
16
  const classes = computed(() => {
17
- const value = config.value[key];
17
+ let value = config.value[key];
18
18
 
19
- if (value.variants || value.compoundVariants) {
20
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
21
21
  ...props,
22
22
  });
23
23
  }
24
24
 
25
- return "";
25
+ return value;
26
26
  });
27
27
 
28
28
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.form-select/composables/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva, cx } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props, { isTop, isOpen, selectedLabel: selectedLabelValue }) {
7
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -22,17 +22,17 @@ export default function useAttrs(props, { isTop, isOpen, selectedLabel: selected
22
22
  if (isSystemKey(key)) continue;
23
23
 
24
24
  const classes = computed(() => {
25
- const value = config.value[key];
25
+ let value = config.value[key];
26
26
 
27
- if (value.variants || value.compoundVariants) {
28
- return cva(value)({
27
+ if (isCVA(value)) {
28
+ value = cva(value)({
29
29
  ...props,
30
30
  error: Boolean(props.error),
31
31
  label: Boolean(props.label),
32
32
  });
33
33
  }
34
34
 
35
- return "";
35
+ return value;
36
36
  });
37
37
 
38
38
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.form-textarea/composables/attrs.composable.js CHANGED
@@ -5,7 +5,7 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
8
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
9
9
  defaultConfig,
10
10
  () => props.config,
11
11
  );
@@ -15,17 +15,17 @@ export default function useAttrs(props) {
15
15
  if (isSystemKey(key)) continue;
16
16
 
17
17
  const classes = computed(() => {
18
- const value = config.value[key];
18
+ let value = config.value[key];
19
19
 
20
- if (value.variants || value.compoundVariants) {
21
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
22
22
  ...props,
23
23
  error: Boolean(props.error),
24
24
  label: Boolean(props.label),
25
25
  });
26
26
  }
27
27
 
28
- return "";
28
+ return value;
29
29
  });
30
30
 
31
31
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.form-textarea/index.stories.js CHANGED
@@ -28,7 +28,7 @@ const DefaultTemplate = (args) => ({
28
28
  return { args, slots };
29
29
  },
30
30
  template: `
31
- <UTextarea v-bind="args">
31
+ <UTextarea v-bind="args" v-model="args.modelValue">
32
32
  ${args.slotTemplate || getSlotsFragment()}
33
33
  </UTextarea>
34
34
  `,
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.269",
4
+ "version": "0.0.270",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",