vueless 0.0.204 → 0.0.205

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.
@@ -76,9 +76,10 @@ export default function useUI(defaultConfig = {}, propsConfigGetter = null, topL
76
76
  const attrs = useAttrs();
77
77
  const isDev = import.meta.env.DEV;
78
78
  const vuelessAttrs = ref({});
79
+ const isTopLevelKey = (topLevelClassKey || firstClassKey) === configKey;
79
80
 
80
81
  const commonAttrs = {
81
- ...attrs,
82
+ ...(isTopLevelKey ? attrs : {}),
82
83
  component: isDev ? attrs.component || componentName || null : null,
83
84
  "config-key": isDev ? attrs["config-key"] || configKey || null : null,
84
85
  "child-component": isDev && attrs.component ? nestedComponent || componentName : null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.204",
3
+ "version": "0.0.205",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
@@ -11,7 +11,7 @@
11
11
  :square="toValue(square)"
12
12
  :disabled="toValue(disabled)"
13
13
  v-bind="buttonAttrs"
14
- @click.stop="onClickSetValue"
14
+ @click="onClickSetValue"
15
15
  >
16
16
  <template #left>
17
17
  <!-- @slot Use it to add something before the text. -->
@@ -27,7 +27,6 @@
27
27
  :value="value"
28
28
  :disabled="toValue(disabled)"
29
29
  v-bind="inputAttrs"
30
- @click.stop
31
30
  />
32
31
  <!-- @slot Use it to add something instead of the text. -->
33
32
  <slot name="default" />
@@ -12,7 +12,6 @@
12
12
  size="sm"
13
13
  :data-cy="`${dataCy}-body-checkbox`"
14
14
  v-bind="attrs.bodyCheckboxAttrs"
15
- @click.stop
16
15
  />
17
16
  </td>
18
17
 
@@ -42,8 +42,7 @@
42
42
  :label-key="labelKey"
43
43
  :data-cy="`${dataCy}-item`"
44
44
  v-bind="listAttrs"
45
- @mousedown.stop
46
- @click.stop="onClickList"
45
+ @click="onClickList"
47
46
  />
48
47
  </div>
49
48
  </template>
@@ -15,9 +15,9 @@ export default {
15
15
  args: {
16
16
  label: "Dropdown",
17
17
  options: [
18
- { label: "option 1", value: "1" },
19
- { label: "option 2", value: "2" },
20
- { label: "option 3", value: "3" },
18
+ { label: "option 1", id: "1" },
19
+ { label: "option 2", id: "2" },
20
+ { label: "option 3", id: "3" },
21
21
  ],
22
22
  },
23
23
  argTypes: {
@@ -46,8 +46,7 @@
46
46
  :data-cy="`${dataCy}-item`"
47
47
  tabindex="-1"
48
48
  v-bind="listAttrs"
49
- @mousedown.stop
50
- @click.stop="onClickList"
49
+ @click="onClickList"
51
50
  />
52
51
  </div>
53
52
  </template>
@@ -24,7 +24,7 @@
24
24
  :color="color"
25
25
  :data-cy="`${dataCy}-caret`"
26
26
  v-bind="iconAttrs"
27
- @click.stop="onClickLink"
27
+ @click="onClickLink"
28
28
  />
29
29
  </template>
30
30
  </ULink>
@@ -48,8 +48,7 @@
48
48
  :label-key="labelKey"
49
49
  :data-cy="`${dataCy}-item`"
50
50
  v-bind="listAttrs"
51
- @mousedown.stop
52
- @click.stop="onClickList"
51
+ @click="onClickList"
53
52
  />
54
53
  </div>
55
54
  </template>
@@ -22,7 +22,7 @@
22
22
  <span
23
23
  v-if="!(option && (option.groupLabel || option.isSubGroup)) && !option.isHidden"
24
24
  v-bind="optionAttrs(optionHighlight(index, option))"
25
- @click.stop="select(option)"
25
+ @click="select(option)"
26
26
  @mouseenter.self="pointerSet(index)"
27
27
  >
28
28
  <!--
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.204",
4
+ "version": "0.0.205",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",