vueless 0.0.419 → 0.0.420

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 (6) hide show
  1. package/package.json +1 -1
  2. package/ui.form-date-picker/UDatePicker.vue +10 -3
  3. package/ui.form-date-picker/config.js +2 -0
  4. package/ui.form-date-picker-range/UDatePickerRange.vue +10 -3
  5. package/ui.form-date-picker-range/config.js +1 -0
  6. package/web-types.json +27 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.419",
3
+ "version": "0.0.420",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
package/ui.form-date-picker/UDatePicker.vue CHANGED
@@ -28,8 +28,14 @@
28
28
  </template>
29
29
 
30
30
  <template #right-icon>
31
- <!-- @slot Use it add an icon after the date. -->
32
- <slot name="right-icon" />
31
+ <!--
32
+ @slot Use it add an icon after the date.
33
+ @binding {string} icon-name
34
+ @binding {string} icon-size
35
+ -->
36
+ <slot name="right-icon" :icon-name="rightIcon" :icon-size="size">
37
+ <UIcon :name="rightIcon" :size="size" color="gray" />
38
+ </slot>
33
39
  </template>
34
40
 
35
41
  <template #right>
@@ -68,6 +74,7 @@
68
74
  import { computed, nextTick, ref, useId } from "vue";
69
75
  import { merge } from "lodash-es";
70
76
 
77
+ import UIcon from "../ui.image-icon/UIcon.vue";
71
78
  import UInput from "../ui.form-input/UInput.vue";
72
79
  import UCalendar from "../ui.form-calendar/UCalendar.vue";
73
80
  import { VIEW, STANDARD_USER_FORMAT } from "../ui.form-calendar/constants.js";
@@ -223,7 +230,7 @@ const props = defineProps({
223
230
  */
224
231
  rightIcon: {
225
232
  type: String,
226
- default: "",
233
+ default: getDefault(defaultConfig, UDatePicker).calendarIcon,
227
234
  },
228
235
 
229
236
  /**
package/ui.form-date-picker/config.js CHANGED
@@ -123,5 +123,7 @@ export default /*tw*/ {
123
123
  dateTimeFormat: undefined,
124
124
  maxDate: undefined,
125
125
  minDate: undefined,
126
+ /* icons */
127
+ calendarIcon: "calendar_month-fill",
126
128
  },
127
129
  };
package/ui.form-date-picker-range/UDatePickerRange.vue CHANGED
@@ -28,8 +28,14 @@
28
28
  </template>
29
29
 
30
30
  <template #right-icon>
31
- <!-- @slot Use it to add icon after the date. -->
32
- <slot name="right-icon" />
31
+ <!--
32
+ @slot Use it add an icon after the date.
33
+ @binding {string} icon-name
34
+ @binding {string} icon-size
35
+ -->
36
+ <slot name="right-icon" :icon-name="rightIcon" :icon-size="size">
37
+ <UIcon :name="rightIcon" :size="size" color="gray" />
38
+ </slot>
33
39
  </template>
34
40
 
35
41
  <template #right>
@@ -147,6 +153,7 @@
147
153
  import { computed, watch, ref, nextTick, provide, useId } from "vue";
148
154
  import { getDefault } from "../utils/utilUI.js";
149
155
 
156
+ import UIcon from "../ui.image-icon/UIcon.vue";
150
157
  import UInput from "../ui.form-input/UInput.vue";
151
158
  import UCalendar from "../ui.form-calendar/UCalendar.vue";
152
159
  import UDatePickerRangePeriodMenu from "./UDatePickerRangePeriodMenu.vue";
@@ -293,7 +300,7 @@ const props = defineProps({
293
300
  */
294
301
  rightIcon: {
295
302
  type: String,
296
- default: "",
303
+ default: getDefault(defaultConfig, UDatePickerRange).calendarIcon,
297
304
  },
298
305
 
299
306
  /**
package/ui.form-date-picker-range/config.js CHANGED
@@ -202,5 +202,6 @@ export default /*tw*/ {
202
202
  nextIcon: "keyboard_arrow_right",
203
203
  prevIcon: "keyboard_arrow_left",
204
204
  ownRangeIcon: "apps",
205
+ calendarIcon: "calendar_month-fill",
205
206
  },
206
207
  };
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.419",
4
+ "version": "0.0.420",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -2469,7 +2469,7 @@
2469
2469
  "kind": "expression",
2470
2470
  "type": "string"
2471
2471
  },
2472
- "default": "\"\""
2472
+ "default": "getDefault(defaultConfig, UDatePicker).calendarIcon"
2473
2473
  },
2474
2474
  {
2475
2475
  "name": "disabled",
@@ -2554,7 +2554,18 @@
2554
2554
  },
2555
2555
  {
2556
2556
  "name": "right-icon",
2557
- "description": "Use it add an icon after the date."
2557
+ "scoped": true,
2558
+ "description": "Use it add an icon after the date.",
2559
+ "bindings": [
2560
+ {
2561
+ "type": "string",
2562
+ "name": "icon-name"
2563
+ },
2564
+ {
2565
+ "type": "string",
2566
+ "name": "icon-size"
2567
+ }
2568
+ ]
2558
2569
  },
2559
2570
  {
2560
2571
  "name": "right",
@@ -2664,7 +2675,7 @@
2664
2675
  "kind": "expression",
2665
2676
  "type": "string"
2666
2677
  },
2667
- "default": "\"\""
2678
+ "default": "getDefault(defaultConfig, UDatePickerRange).calendarIcon"
2668
2679
  },
2669
2680
  {
2670
2681
  "name": "label",
@@ -2764,7 +2775,18 @@
2764
2775
  },
2765
2776
  {
2766
2777
  "name": "right-icon",
2767
- "description": "Use it to add icon after the date."
2778
+ "scoped": true,
2779
+ "description": "Use it add an icon after the date.",
2780
+ "bindings": [
2781
+ {
2782
+ "type": "string",
2783
+ "name": "icon-name"
2784
+ },
2785
+ {
2786
+ "type": "string",
2787
+ "name": "icon-size"
2788
+ }
2789
+ ]
2768
2790
  },
2769
2791
  {
2770
2792
  "name": "right",