vueless 0.0.280 → 0.0.282

package/ui.form-checkbox-group/index.vue

@@ -33,7 +33,7 @@
 import { provide, ref, watch } from "vue";
 import { isEqual } from "lodash-es";
 
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import ULabel from "../ui.form-label";
 import UCheckbox from "../ui.form-checkbox";
@@ -92,7 +92,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UCheckboxGroup).default.size,
+    default: getDefault(defaultConfig, UCheckboxGroup).size,
   },
 
   /**
@@ -101,7 +101,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, UCheckboxGroup).default.color,
+    default: getDefault(defaultConfig, UCheckboxGroup).color,
   },
 
   /**
@@ -117,7 +117,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UCheckboxGroup).default.disabled,
+    default: getDefault(defaultConfig, UCheckboxGroup).disabled,
   },
 
   /**

package/ui.form-checkbox-multi-state/index.vue

@@ -15,7 +15,7 @@
 <script setup>
 import { computed, ref, watchEffect } from "vue";
 
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 import UCheckbox from "../ui.form-checkbox";
 
 import defaultConfig from "./configs/default.config";
@@ -56,7 +56,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UCheckboxMultiState).default.size,
+    default: getDefault(defaultConfig, UCheckboxMultiState).size,
   },
 
   /**
@@ -65,7 +65,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, UCheckboxMultiState).default.color,
+    default: getDefault(defaultConfig, UCheckboxMultiState).color,
   },
 
   /**
@@ -74,7 +74,7 @@ const props = defineProps({
    */
   placement: {
     type: String,
-    default: UIService.get(defaultConfig, UCheckboxMultiState).default.placement,
+    default: getDefault(defaultConfig, UCheckboxMultiState).placement,
   },
 
   /**
@@ -82,7 +82,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UCheckboxMultiState).default.disabled,
+    default: getDefault(defaultConfig, UCheckboxMultiState).disabled,
   },
 
   /**

package/ui.form-color-picker/index.vue

@@ -56,7 +56,7 @@ import { computed } from "vue";
 import UIcon from "../ui.image-icon";
 import URadio from "../ui.form-radio";
 import ULabel from "../ui.form-label";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { UColorPicker } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -79,7 +79,7 @@ const props = defineProps({
    */
   name: {
     type: String,
-    default: UIService.get(defaultConfig, UColorPicker).default.name,
+    default: getDefault(defaultConfig, UColorPicker).name,
   },
 
   /**
@@ -112,7 +112,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UColorPicker).default.size,
+    default: getDefault(defaultConfig, UColorPicker).size,
   },
 
   /**
@@ -120,7 +120,7 @@ const props = defineProps({
    */
   colorOptions: {
     type: Array,
-    default: () => UIService.get(defaultConfig, UColorPicker).default.colorOptions,
+    default: () => getDefault(defaultConfig, UColorPicker).colorOptions,
   },
 
   /**
@@ -128,7 +128,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UColorPicker).default.disabled,
+    default: getDefault(defaultConfig, UColorPicker).disabled,
   },
 
   /**

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

@@ -63,7 +63,7 @@ import UInput from "../ui.form-input";
 import UCalendar from "../ui.form-calendar";
 import { VIEW } from "../ui.form-calendar/constants";
 
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { addDays, isSameDay } from "../ui.form-calendar/services/date.service";
 
@@ -92,7 +92,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.labelAlign,
+    default: getDefault(defaultConfig, UDatePicker).labelAlign,
   },
 
   /**
@@ -117,7 +117,7 @@ const props = defineProps({
    */
   openDirectionX: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.openDirectionX,
+    default: getDefault(defaultConfig, UDatePicker).openDirectionX,
   },
 
   /**
@@ -126,7 +126,7 @@ const props = defineProps({
    */
   openDirectionY: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.openDirectionY,
+    default: getDefault(defaultConfig, UDatePicker).openDirectionY,
   },
 
   /**
@@ -134,7 +134,7 @@ const props = defineProps({
    */
   minDate: {
     type: [String, Date],
-    default: UIService.get(defaultConfig, UDatePicker).default.minDate,
+    default: getDefault(defaultConfig, UDatePicker).minDate,
   },
 
   /**
@@ -142,7 +142,7 @@ const props = defineProps({
    */
   maxDate: {
     type: [String, Date],
-    default: UIService.get(defaultConfig, UDatePicker).default.maxDate,
+    default: getDefault(defaultConfig, UDatePicker).maxDate,
   },
 
   /**
@@ -150,7 +150,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDatePicker).default.disabled,
+    default: getDefault(defaultConfig, UDatePicker).disabled,
   },
 
   /**
@@ -158,7 +158,7 @@ const props = defineProps({
    */
   timepicker: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDatePicker).default.timepicker,
+    default: getDefault(defaultConfig, UDatePicker).timepicker,
   },
 
   /**
@@ -183,7 +183,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.size,
+    default: getDefault(defaultConfig, UDatePicker).size,
   },
 
   /**
@@ -191,7 +191,7 @@ const props = defineProps({
    */
   dateFormat: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.dateFormat,
+    default: getDefault(defaultConfig, UDatePicker).dateFormat,
   },
 
   /**
@@ -199,7 +199,7 @@ const props = defineProps({
    */
   userFormat: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePicker).default.userFormat,
+    default: getDefault(defaultConfig, UDatePicker).userFormat,
   },
 
   /**

package/ui.form-date-picker-range/index.vue

@@ -219,7 +219,7 @@ import { LOCALE_TYPE } from "../ui.form-calendar/constants";
 
 import vClickOutside from "../directive.clickOutside";
 
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import {
   addDays,
@@ -303,7 +303,7 @@ const props = defineProps({
    */
   openDirectionX: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.openDirectionX,
+    default: getDefault(defaultConfig, UDatePickerRange).openDirectionX,
   },
 
   /**
@@ -312,7 +312,7 @@ const props = defineProps({
    */
   openDirectionY: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.openDirectionY,
+    default: getDefault(defaultConfig, UDatePickerRange).openDirectionY,
   },
 
   /**
@@ -321,7 +321,7 @@ const props = defineProps({
    */
   variant: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.variant,
+    default: getDefault(defaultConfig, UDatePickerRange).variant,
   },
 
   /**
@@ -329,7 +329,7 @@ const props = defineProps({
    */
   minDate: {
     type: [String, Date],
-    default: UIService.get(defaultConfig, UDatePickerRange).default.minDate,
+    default: getDefault(defaultConfig, UDatePickerRange).minDate,
   },
 
   /**
@@ -337,7 +337,7 @@ const props = defineProps({
    */
   maxDate: {
     type: [String, Date],
-    default: UIService.get(defaultConfig, UDatePickerRange).default.maxDate,
+    default: getDefault(defaultConfig, UDatePickerRange).maxDate,
   },
 
   /**
@@ -346,7 +346,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.size,
+    default: getDefault(defaultConfig, UDatePickerRange).size,
   },
 
   /**
@@ -386,7 +386,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.disabled,
+    default: getDefault(defaultConfig, UDatePickerRange).disabled,
   },
 
   /**
@@ -394,7 +394,7 @@ const props = defineProps({
    */
   dateFormat: {
     type: String,
-    default: UIService.get(defaultConfig, UDatePickerRange).default.dateFormat,
+    default: getDefault(defaultConfig, UDatePickerRange).dateFormat,
   },
 
   /**

package/ui.form-input/configs/default.config.js

@@ -24,7 +24,7 @@ export default /*tw*/ {
         `,
       },
       disabled: {
-        true: "pointer-events-none",
+        true: "focus-within:ring-0 focus-within:ring-offset-0 pointer-events-none",
       },
     },
   },

package/ui.form-input/index.vue

@@ -85,7 +85,7 @@
 </template>
 
 <script>
-import { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 const VALIDATION_RULES_REG_EX = {
   integer: /\d*/g,
@@ -101,7 +101,6 @@ import { ref, computed, onMounted, useSlots } from "vue";
 
 import UIcon from "../ui.image-icon";
 import ULabel from "../ui.form-label";
-import UIService from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { UInput } from "./constants";
@@ -173,7 +172,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UInput).default.labelAlign,
+    default: getDefault(defaultConfig, UInput).labelAlign,
   },
 
   /**
@@ -206,7 +205,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInput).default.size,
+    default: getDefault(defaultConfig, UInput).size,
   },
 
   /**
@@ -259,7 +258,7 @@ const props = defineProps({
    */
   inputmode: {
     type: String,
-    default: UIService.get(defaultConfig, UInput).default.inputmode,
+    default: getDefault(defaultConfig, UInput).inputmode,
   },
 
   /**
@@ -267,7 +266,7 @@ const props = defineProps({
    */
   readonly: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInput).default.readonly,
+    default: getDefault(defaultConfig, UInput).readonly,
   },
 
   /**
@@ -275,7 +274,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInput).default.disabled,
+    default: getDefault(defaultConfig, UInput).disabled,
   },
 
   /**
@@ -283,7 +282,7 @@ const props = defineProps({
    */
   noAutocomplete: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInput).default.noAutocomplete,
+    default: getDefault(defaultConfig, UInput).noAutocomplete,
   },
 
   /**

package/ui.form-input-file/index.vue

@@ -100,7 +100,7 @@ import ULabel from "../ui.form-label";
 import UButton from "../ui.button";
 import UFiles from "../ui.text-files";
 
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 import { getFileMbSize } from "./services/fileForm.service";
 
 import useAttrs from "./composables/attrs.composable";
@@ -135,7 +135,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UInputFile).default.labelAlign,
+    default: getDefault(defaultConfig, UInputFile).labelAlign,
   },
 
   modelValue: {
@@ -148,7 +148,7 @@ const props = defineProps({
    */
   multiple: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputFile).default.multiple,
+    default: getDefault(defaultConfig, UInputFile).multiple,
   },
 
   /**
@@ -156,7 +156,7 @@ const props = defineProps({
    */
   maxFileSize: {
     type: Number,
-    default: UIService.get(defaultConfig, UInputFile).default.maxFileSize,
+    default: getDefault(defaultConfig, UInputFile).maxFileSize,
   },
 
   /**
@@ -164,7 +164,7 @@ const props = defineProps({
    */
   allowedFileTypes: {
     type: Array,
-    default: () => UIService.get(defaultConfig, UInputFile).default.allowedFileTypes,
+    default: () => getDefault(defaultConfig, UInputFile).allowedFileTypes,
   },
 
   /**
@@ -173,7 +173,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInputFile).default.size,
+    default: getDefault(defaultConfig, UInputFile).size,
   },
 
   /**
@@ -189,7 +189,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputFile).default.disabled,
+    default: getDefault(defaultConfig, UInputFile).disabled,
   },
 
   /**

package/ui.form-input-money/index.vue

@@ -37,7 +37,7 @@
 <script setup>
 import { computed, ref, watch, onMounted, nextTick } from "vue";
 
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import UInput from "../ui.form-input";
 import { SYMBOL_MINUS } from "../ui.text-money/constants";
@@ -72,7 +72,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UInputMoney).default.labelAlign,
+    default: getDefault(defaultConfig, UInputMoney).labelAlign,
   },
 
   /**
@@ -80,7 +80,7 @@ const props = defineProps({
    */
   symbol: {
     type: String,
-    default: UIService.get(defaultConfig, UInputMoney).default.symbol,
+    default: getDefault(defaultConfig, UInputMoney).symbol,
   },
 
   /**
@@ -113,7 +113,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInputMoney).default.size,
+    default: getDefault(defaultConfig, UInputMoney).size,
   },
 
   /**
@@ -121,7 +121,7 @@ const props = defineProps({
    */
   decimalScale: {
     type: Number,
-    default: UIService.get(defaultConfig, UInputMoney).default.decimalScale,
+    default: getDefault(defaultConfig, UInputMoney).decimalScale,
   },
 
   /**
@@ -129,7 +129,7 @@ const props = defineProps({
    */
   decimalSeparator: {
     type: String,
-    default: UIService.get(defaultConfig, UInputMoney).default.decimalSeparator,
+    default: getDefault(defaultConfig, UInputMoney).decimalSeparator,
   },
 
   /**
@@ -137,7 +137,7 @@ const props = defineProps({
    */
   thousandsSeparator: {
     type: String,
-    default: UIService.get(defaultConfig, UInputMoney).default.thousandsSeparator,
+    default: getDefault(defaultConfig, UInputMoney).thousandsSeparator,
   },
 
   /**
@@ -145,7 +145,7 @@ const props = defineProps({
    */
   positiveOnly: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputMoney).default.positiveOnly,
+    default: getDefault(defaultConfig, UInputMoney).positiveOnly,
   },
 
   /**
@@ -153,7 +153,7 @@ const props = defineProps({
    */
   rawValuePrefix: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputMoney).default.rawValuePrefix,
+    default: getDefault(defaultConfig, UInputMoney).rawValuePrefix,
   },
 
   /**
@@ -161,7 +161,7 @@ const props = defineProps({
    */
   minus: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputMoney).default.minus,
+    default: getDefault(defaultConfig, UInputMoney).minus,
   },
 
   /**
@@ -169,7 +169,7 @@ const props = defineProps({
    */
   readonly: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputMoney).default.readonly,
+    default: getDefault(defaultConfig, UInputMoney).readonly,
   },
 
   /**
@@ -177,7 +177,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputMoney).default.disabled,
+    default: getDefault(defaultConfig, UInputMoney).disabled,
   },
 
   /**

package/ui.form-input-number/index.vue

@@ -52,7 +52,7 @@ import { computed } from "vue";
 
 import UIcon from "../ui.image-icon";
 import UButton from "../ui.button";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { UInputNumber } from "./constants";
@@ -108,7 +108,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInputNumber).default.size,
+    default: getDefault(defaultConfig, UInputNumber).size,
   },
 
   /**

package/ui.form-input-rating/index.vue

@@ -54,7 +54,7 @@ import { computed, ref } from "vue";
 
 import UIcon from "../ui.image-icon";
 import ULabel from "../ui.form-label";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { UInputRating } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -77,7 +77,7 @@ const props = defineProps({
    */
   stars: {
     type: Number,
-    default: UIService.get(defaultConfig, UInputRating).default.stars,
+    default: getDefault(defaultConfig, UInputRating).stars,
   },
 
   /**
@@ -86,7 +86,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInputRating).default.size,
+    default: getDefault(defaultConfig, UInputRating).size,
   },
 
   /**
@@ -103,7 +103,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UInputRating).default.labelAlign,
+    default: getDefault(defaultConfig, UInputRating).labelAlign,
   },
 
   /**
@@ -135,7 +135,7 @@ const props = defineProps({
    */
   counter: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputRating).default.counter,
+    default: getDefault(defaultConfig, UInputRating).counter,
   },
 
   /**
@@ -143,7 +143,7 @@ const props = defineProps({
    */
   selectable: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputRating).default.selectable,
+    default: getDefault(defaultConfig, UInputRating).selectable,
   },
 
   /**

package/ui.form-input-search/index.vue

@@ -82,7 +82,7 @@ import { computed, ref } from "vue";
 import UIcon from "../ui.image-icon";
 import UInput from "../ui.form-input";
 import UButton from "../ui.button";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 import { debounce as debounceMethod } from "../service.helper";
 
 import { UInputSearch } from "./constants";
@@ -107,7 +107,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UInputSearch).default.size,
+    default: getDefault(defaultConfig, UInputSearch).size,
   },
 
   /**
@@ -124,7 +124,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UInputSearch).default.labelAlign,
+    default: getDefault(defaultConfig, UInputSearch).labelAlign,
   },
 
   /**
@@ -164,7 +164,7 @@ const props = defineProps({
    */
   readonly: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputSearch).default.readonly,
+    default: getDefault(defaultConfig, UInputSearch).readonly,
   },
 
   /**
@@ -172,7 +172,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UInputSearch).default.disabled,
+    default: getDefault(defaultConfig, UInputSearch).disabled,
   },
 
   /**
@@ -186,7 +186,7 @@ const props = defineProps({
 
   debounce: {
     type: Number,
-    default: UIService.get(defaultConfig, UInputSearch).default.debounce,
+    default: getDefault(defaultConfig, UInputSearch).debounce,
   },
 
   /**