vueless 0.0.545 → 0.0.546

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 (7) hide show
  1. package/package.json +1 -1
  2. package/ui.dropdown-badge/UDropdownBadge.vue +0 -1
  3. package/ui.dropdown-button/UDropdownButton.vue +0 -1
  4. package/ui.dropdown-link/UDropdownLink.vue +0 -1
  5. package/ui.dropdown-list/UDropdownList.vue +13 -1
  6. package/ui.dropdown-list/config.ts +4 -4
  7. package/web-types.json +4 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.545",
3
+ "version": "0.0.546",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/ui.dropdown-badge/UDropdownBadge.vue CHANGED
@@ -19,7 +19,6 @@ import type { Option } from "../ui.dropdown-list/types.ts";
19
19
  defineOptions({ inheritAttrs: false });
20
20
 
21
21
  const props = withDefaults(defineProps<UDropdownBadgeProps>(), {
22
- label: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).label,
23
22
  options: () => [],
24
23
  labelKey: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).labelKey,
25
24
  variant: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).variant,
package/ui.dropdown-button/UDropdownButton.vue CHANGED
@@ -19,7 +19,6 @@ import type { Option } from "../ui.dropdown-list/types.ts";
19
19
  defineOptions({ inheritAttrs: false });
20
20
 
21
21
  const props = withDefaults(defineProps<UDropdownButtonProps>(), {
22
- label: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).label,
23
22
  options: () => [],
24
23
  labelKey: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).labelKey,
25
24
  variant: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).variant,
package/ui.dropdown-link/UDropdownLink.vue CHANGED
@@ -20,7 +20,6 @@ defineOptions({ inheritAttrs: false });
20
20
 
21
21
  const props = withDefaults(defineProps<UDropdownLinkProps>(), {
22
22
  options: () => [],
23
- label: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).label,
24
23
  labelKey: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).labelKey,
25
24
  color: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).color,
26
25
  size: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).size,
package/ui.dropdown-list/UDropdownList.vue CHANGED
@@ -116,7 +116,19 @@ watch(
116
116
  })
117
117
  .reduce((acc, cur) => acc + cur, 0);
118
118
 
119
- wrapperMaxHeight.value = `${maxHeight + 10}px`;
119
+ const wrapperStyle = getComputedStyle(wrapperRef.value as Element);
120
+ const wrapperPaddingTop = parseFloat(wrapperStyle.paddingTop || "0");
121
+ const wrapperPaddingBottom = parseFloat(wrapperStyle.paddingBottom || "0");
122
+ const wrapperBorderTop = parseFloat(wrapperStyle.borderTopWidth || "0");
123
+ const wrapperBorderBottom = parseFloat(wrapperStyle.borderBottomWidth || "0");
124
+
125
+ wrapperMaxHeight.value = `${
126
+ maxHeight +
127
+ wrapperPaddingTop +
128
+ wrapperPaddingBottom +
129
+ wrapperBorderTop +
130
+ wrapperBorderBottom
131
+ }px`;
120
132
  });
121
133
  },
122
134
  { immediate: true },
package/ui.dropdown-list/config.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  export default /*tw*/ {
2
2
  wrapper: `
3
- my-2 flex w-full absolute right-0 z-50
4
- rounded-dynamic border border-gray-300 bg-white shadow
3
+ my-2 p-1 flex w-full absolute z-50 shadow
4
+ rounded-dynamic border border-gray-300 bg-white
5
5
  overflow-auto [-webkit-overflow-scrolling:touch]
6
6
  focus:outline-none
7
7
  `,
8
- list: "m-1 p-0 inline-block list-none align-top w-full",
8
+ list: "list-none align-top w-full h-full",
9
9
  listItem: "group/item block",
10
10
  option: {
11
11
  base: `
12
12
  rounded px-2 py-2.5 flex items-center align-middle whitespace-nowrap cursor-pointer
13
- font-normal !leading-none normal-case text-gray-900
13
+ font-normal !leading-none text-gray-900
14
14
  hover:bg-brand-50 active:bg-brand-100
15
15
  overflow-hidden text-ellipsis
16
16
  `,
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.545",
4
+ "version": "0.0.546",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -3955,8 +3955,7 @@
3955
3955
  "value": {
3956
3956
  "kind": "expression",
3957
3957
  "type": "string"
3958
- },
3959
- "default": "getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).label"
3958
+ }
3960
3959
  },
3961
3960
  {
3962
3961
  "name": "options",
@@ -4191,8 +4190,7 @@
4191
4190
  "value": {
4192
4191
  "kind": "expression",
4193
4192
  "type": "string"
4194
- },
4195
- "default": "getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).label"
4193
+ }
4196
4194
  },
4197
4195
  {
4198
4196
  "name": "options",
@@ -4461,8 +4459,7 @@
4461
4459
  "value": {
4462
4460
  "kind": "expression",
4463
4461
  "type": "string"
4464
- },
4465
- "default": "getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).label"
4462
+ }
4466
4463
  },
4467
4464
  {
4468
4465
  "name": "options",