vueless 0.0.488 → 0.0.490

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.488",
+  "version": "0.0.490",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2771,24 +2771,29 @@
           "attributes": [
             {
               "name": "modelValue",
-              "description": "Datepicker value (JavaScript Date object or string formatted in given `dateFormat`).",
+              "required": true,
+              "description": "Calendar value (JavaScript Date object or string formatted in given `dateFormat` or object when `range` enabled).",
+              "enum": [
+                "Date",
+                "string"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "date|string"
-              },
-              "default": "null"
+                "type": "union"
+              }
             },
             {
               "name": "label",
+              "required": false,
               "description": "Datepicker label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "labelAlign",
+              "required": false,
               "description": "Datepicker label placement.",
               "enum": [
                 "top",
@@ -2799,39 +2804,40 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "topInside"
             },
             {
               "name": "placeholder",
+              "required": false,
               "description": "Datepicker placeholder.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "description",
+              "required": false,
               "description": "Datepicker description.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "error",
+              "required": false,
               "description": "Datepicker error message.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "size",
+              "required": false,
               "description": "Datepicker size.",
               "enum": [
                 "sm",
@@ -2840,12 +2846,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "openDirectionX",
+              "required": false,
               "description": "Datepicker open direction on x-axis.",
               "enum": [
                 "auto",
@@ -2854,12 +2861,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "auto"
             },
             {
               "name": "openDirectionY",
+              "required": false,
               "description": "Datepicker open direction on y-axis.",
               "enum": [
                 "auto",
@@ -2868,36 +2876,36 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "auto"
             },
             {
-              "name": "minDate",
-              "description": "Min date (JavaScript Date object or string formatted in given `dateFormat`).",
-              "value": {
-                "kind": "expression",
-                "type": "date|string"
-              }
-            },
-            {
-              "name": "maxDate",
-              "description": "Max date (JavaScript Date object or string formatted in given `dateFormat`).",
+              "name": "timepicker",
+              "required": false,
+              "description": "Show timepicker.",
               "value": {
                 "kind": "expression",
-                "type": "date|string"
-              }
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
               "name": "dateFormat",
+              "required": false,
               "description": "Date string format.",
+              "enum": [
+                "string",
+                "undefined"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               }
             },
             {
               "name": "dateTimeFormat",
+              "required": false,
               "description": "Same as date format, but used when timepicker is enabled.",
               "value": {
                 "kind": "expression",
@@ -2906,6 +2914,7 @@
             },
             {
               "name": "userDateFormat",
+              "required": false,
               "description": "User-friendly date format (it will be shown in UI).",
               "value": {
                 "kind": "expression",
@@ -2915,6 +2924,7 @@
             },
             {
               "name": "userDateTimeFormat",
+              "required": false,
               "description": "Same as user format, but used when timepicker is enabled.",
               "value": {
                 "kind": "expression",
@@ -2922,17 +2932,47 @@
               },
               "default": "j F, Y - H:i:S"
             },
+            {
+              "name": "minDate",
+              "required": false,
+              "description": "Min date (JavaScript Date object or string formatted in given `dateFormat`).",
+              "enum": [
+                "string",
+                "Date",
+                "undefined"
+              ],
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            },
+            {
+              "name": "maxDate",
+              "required": false,
+              "description": "Max date (JavaScript Date object or string formatted in given `dateFormat`).",
+              "enum": [
+                "string",
+                "Date",
+                "undefined"
+              ],
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              }
+            },
             {
               "name": "leftIcon",
+              "required": false,
               "description": "Left icon name.",
               "value": {
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "\"\""
+              "default": "getDefault<UDatePickerProps>(defaultConfig, UDatePicker).leftIcon"
             },
             {
               "name": "rightIcon",
+              "required": false,
               "description": "Right icon name.",
               "value": {
                 "kind": "expression",
@@ -2942,6 +2982,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Make datepicker disabled.",
               "value": {
                 "kind": "expression",
@@ -2949,35 +2990,28 @@
               },
               "default": "false"
             },
-            {
-              "name": "timepicker",
-              "description": "Show timepicker.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
               "value": {
                 "kind": "expression",
-                "type": "object"
+                "type": "Config"
               },
-              "default": "{}"
+              "default": "() => ({})"
             },
             {
               "name": "dataTest",
+              "required": false,
               "description": "Data-test attribute for automated testing.",
               "value": {
                 "kind": "expression",

package/ui.form-date-picker/index.js

@@ -1,5 +0,0 @@
-/*
-  This const is needed to prevent the issue in script setup:
- `defineProps` is referencing locally declared variables. (vue/valid-define-props)
- */
-export const UDatePicker = "UDatePicker";

package/ui.form-date-picker/useAttrs.js

@@ -1,34 +0,0 @@
-import { computed, watchEffect } from "vue";
-import { merge } from "lodash-es";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.js";
-import { POSITION } from "../composables/useAutoPosition.ts";
-
-export default function useAttrs(props, { isTop, isRight }) {
-  const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    openDirectionY: isTop.value ? POSITION.top : POSITION.bottom,
-    openDirectionX: isRight.value ? POSITION.right : POSITION.left,
-    error: Boolean(props.error),
-    description: Boolean(props.description),
-  }));
-
-  const keysAttrs = getKeysAttrs(mutatedProps);
-
-  /* Merging DatePicker's i18n translations into Calendar's i18n translations. */
-  watchEffect(() => {
-    const calendarConfig = keysAttrs.calendarAttrs.value.config || {};
-
-    if (!calendarConfig.i18n || props.config.i18n) {
-      keysAttrs.calendarAttrs.value.config.i18n = merge(calendarConfig.i18n, config.value.i18n);
-    }
-  });
-
-  return {
-    config,
-    ...keysAttrs,
-    hasSlotContent,
-  };
-}