vueless 0.0.579 → 0.0.580

package/ui.button-link/useAttrs.ts

@@ -1,20 +0,0 @@
-import { computed, useSlots } from "vue";
-import useUI from "../composables/useUI.ts";
-import { hasSlotContent } from "../utils/helper.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { ULinkProps, Config } from "./types.ts";
-
-export default function useAttrs(props: ULinkProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config, "link");
-  const slots = useSlots();
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    defaultSlot: hasSlotContent(slots["default"]),
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.button-toggle/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UToggleProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UToggleProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.button-toggle-item/useAttrs.ts

@@ -1,29 +0,0 @@
-import { computed, toValue, type Ref } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UToggleItemProps, Config } from "./types.ts";
-
-type itemState = {
-  isSelected: Ref<boolean>;
-  separated: boolean;
-  variant: string;
-};
-
-export default function useAttrs(
-  props: UToggleItemProps,
-  { isSelected, separated, variant }: itemState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    variant: toValue(variant),
-    separated: toValue(separated),
-    /* component state, not a props */
-    selected: isSelected.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.container-accordion/useAttrs.ts

@@ -1,26 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { UseAttrs } from "../types.ts";
-import type { UAccordionProps, Config } from "./types.ts";
-
-type ComponentState = {
-  isOpened: Ref<boolean>;
-};
-
-export default function useAttrs(
-  props: UAccordionProps,
-  { isOpened }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    opened: isOpened.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.container-card/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UCardProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UCardProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-col/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UColProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UColProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-divider/useAttrs.ts

@@ -1,17 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UDividerProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UDividerProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    label: Boolean(props.label),
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.container-group/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UGroupProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UGroupProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-groups/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UGroupsProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UGroupsProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-modal/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UModalProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UModalProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config, "wrapper");
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-modal-confirm/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UModalConfirmProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UModalConfirmProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-page/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UPageProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UPageProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config, "wrapper");
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.container-row/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { URowProps, Config } from "./types.ts";
-
-export default function useAttrs(props: URowProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.data-list/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UDataListProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UDataListProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.data-table/useAttrs.ts

@@ -1,31 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Row, UTableProps, Config } from "./types.ts";
-import type { UseAttrs } from "../types.ts";
-import type { Ref } from "vue";
-
-export type ComponentState = {
-  tableRows: Ref<Row[]>;
-  isShownActionsHeader: Ref<boolean>;
-  isHeaderSticky: Ref<boolean>;
-  isFooterSticky: Ref<boolean>;
-};
-
-export default function useAttrs(
-  props: UTableProps,
-  { isShownActionsHeader, isHeaderSticky, isFooterSticky }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    actionsHeader: isShownActionsHeader.value,
-    stickedHeader: isHeaderSticky.value,
-    stickedFooter: isFooterSticky.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.dropdown-badge/useAttrs.ts

@@ -1,26 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { Config, UDropdownBadgeProps } from "./types.ts";
-import type { UseAttrs } from "../types.ts";
-
-interface ComponentState {
-  isShownOptions: Ref<boolean>;
-}
-
-export default function useAttrs(
-  props: UDropdownBadgeProps,
-  { isShownOptions }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    opened: isShownOptions.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.dropdown-button/useAttrs.ts

@@ -1,26 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { Config, UDropdownButtonProps } from "./types.ts";
-import type { UseAttrs } from "../types.ts";
-
-interface DropdownButtonState {
-  isShownOptions: Ref<boolean>;
-}
-
-export default function useAttrs(
-  props: UDropdownButtonProps,
-  { isShownOptions }: DropdownButtonState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    opened: isShownOptions.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.dropdown-link/useAttrs.ts

@@ -1,26 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { Config, UDropdownLinkProps } from "./types.ts";
-import type { UseAttrs } from "../types.ts";
-
-interface ComponentState {
-  isShownOptions: Ref<boolean>;
-}
-
-export default function useAttrs(
-  props: UDropdownLinkProps,
-  { isShownOptions }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    /* component state, not a props */
-    opened: isShownOptions.value,
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.dropdown-list/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Config, UDropdownListProps } from "./types.ts";
-import type { UseAttrs } from "../types.ts";
-
-export default function useAttrs(props: UDropdownListProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.form-calendar/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UCalendarProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UCalendarProps<unknown>): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.form-checkbox/useAttrs.ts

@@ -1,29 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { UseAttrs } from "../types.ts";
-import type { UCheckboxProps, Config } from "./types.ts";
-
-type ComponentState = {
-  checkboxColor: Ref<string>;
-  checkboxSize: Ref<string>;
-};
-
-export default function useAttrs(
-  props: UCheckboxProps,
-  { checkboxColor, checkboxSize }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    color: checkboxColor.value,
-    size: checkboxSize.value,
-    label: Boolean(props.label),
-    error: Boolean(props.error),
-  }));
-
-  return { config, ...getKeysAttrs(mutatedProps) };
-}

package/ui.form-checkbox-group/useAttrs.ts

@@ -1,12 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UCheckboxGroupProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UCheckboxGroupProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return { config, ...getKeysAttrs() };
-}

package/ui.form-checkbox-multi-state/useAttrs.ts

@@ -1,37 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-import defaultConfig from "./config.ts";
-
-import type { Ref } from "vue";
-import type { UseAttrs } from "../types.ts";
-import type { UCheckboxMultiStateProps, Config } from "./types.ts";
-import type { Config as CheckboxConfig } from "../ui.form-checkbox/types.ts";
-
-type ComponentState = {
-  selected: Ref<{ icon?: string }>;
-};
-
-export default function useAttrs(
-  props: UCheckboxMultiStateProps,
-  { selected }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-  const keysAttrs = getKeysAttrs();
-
-  const checkboxAttrs = keysAttrs.multiStateCheckboxAttrs as Ref<{
-    config?: { defaults?: CheckboxConfig };
-  }>;
-
-  keysAttrs.multiStateCheckboxAttrs = computed(() => {
-    if (selected.value.icon) {
-      checkboxAttrs.value = checkboxAttrs.value || {};
-      checkboxAttrs.value.config = checkboxAttrs.value.config || {};
-      checkboxAttrs.value.config.defaults = checkboxAttrs.value.config.defaults || {};
-      checkboxAttrs.value.config.defaults.checkedIcon = selected.value.icon;
-    }
-
-    return checkboxAttrs.value;
-  });
-
-  return { config, ...keysAttrs };
-}

package/ui.form-color-picker/useAttrs.ts

@@ -1,15 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UColorPickerProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UColorPickerProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return {
-    config,
-    ...getKeysAttrs(),
-  };
-}

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

@@ -1,43 +0,0 @@
-import { computed, watchEffect, type Ref } from "vue";
-import { merge } from "lodash-es";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-import { Direction } from "../composables/useAutoPosition.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UDatePickerProps, Config } from "./types.ts";
-import type { Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
-
-interface ComponentState {
-  isTop: Ref<boolean>;
-  isRight: Ref<boolean>;
-}
-
-export default function useAttrs(
-  props: UDatePickerProps<unknown>,
-  { isTop, isRight }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    openDirectionY: isTop.value ? Direction.Top : Direction.Bottom,
-    openDirectionX: isRight.value ? Direction.Right : Direction.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 calendarAttrs = keysAttrs.calendarAttrs as Ref<{ config: UCalendarConfig }>;
-    const calendarConfig = calendarAttrs.value.config || {};
-
-    if (!calendarConfig.i18n || props.config?.i18n) {
-      calendarAttrs.value.config.i18n = merge(calendarConfig.i18n, config.value.i18n);
-    }
-  });
-
-  return { config, ...keysAttrs };
-}

package/ui.form-date-picker-range/useAttrs.ts

@@ -1,53 +0,0 @@
-import { computed, watchEffect } from "vue";
-import { merge } from "lodash-es";
-
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-import { Direction } from "../composables/useAutoPosition.ts";
-
-import type { Ref } from "vue";
-import type { UseAttrs } from "../types.ts";
-import type { UDatePickerRangeProps, Config, IsPeriod } from "./types.ts";
-import type { Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
-
-export interface DatePickerRangeState {
-  isShownMenu: Ref<boolean>;
-  isTop: Ref<boolean>;
-  isRight: Ref<boolean>;
-  isPeriod: Ref<IsPeriod>;
-}
-
-export default function useAttrs(
-  props: UDatePickerRangeProps<unknown>,
-  { isShownMenu, isTop, isRight, isPeriod }: DatePickerRangeState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    openDirectionY: isTop.value ? Direction.Top : Direction.Bottom,
-    openDirectionX: isRight.value ? Direction.Right : Direction.Left,
-    error: Boolean(props.error),
-    description: Boolean(props.description),
-    /* component state, not a props */
-    opened: isShownMenu.value,
-    week: isPeriod.value.week,
-    month: isPeriod.value.month,
-    quarter: isPeriod.value.quarter,
-    year: isPeriod.value.year,
-  }));
-
-  const keysAttrs = getKeysAttrs(mutatedProps);
-
-  /* Merging DatePickerRange's i18n translations into Calendar's i18n translations. */
-  watchEffect(() => {
-    const calendarAttrs = keysAttrs.calendarAttrs as Ref<{ config: UCalendarConfig }>;
-    const calendarConfig = calendarAttrs.value.config || {};
-
-    if (!calendarConfig.i18n || props.config?.i18n) {
-      calendarAttrs.value.config.i18n = merge(calendarConfig.i18n, config.value.i18n);
-    }
-  });
-
-  return { config, ...keysAttrs };
-}

package/ui.form-input/useAttrs.ts

@@ -1,31 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { ComputedRef } from "vue";
-import type { UseAttrs } from "../types.ts";
-import type { UInputProps, Config } from "./types.ts";
-
-type ComponentState = {
-  applyPasswordClasses: ComputedRef<boolean>;
-};
-
-export default function useAttrs(
-  props: UInputProps,
-  { applyPasswordClasses }: ComponentState,
-): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    error: Boolean(props.error),
-    label: Boolean(props.label),
-    /* component state, not a props */
-    typePassword: applyPasswordClasses.value,
-  }));
-
-  return {
-    config,
-    ...getKeysAttrs(mutatedProps),
-  };
-}

package/ui.form-input-file/useAttrs.ts

@@ -1,21 +0,0 @@
-import { computed } from "vue";
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UInputFileProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UInputFileProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  const mutatedProps = computed(() => ({
-    error: Boolean(props.error),
-    label: Boolean(props.label),
-  }));
-
-  return {
-    config,
-    ...getKeysAttrs(mutatedProps),
-  };
-}

package/ui.form-input-money/useAttrs.ts

@@ -1,15 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UInputMoneyProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UInputMoneyProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return {
-    config,
-    ...getKeysAttrs(),
-  };
-}

package/ui.form-input-number/useAttrs.ts

@@ -1,15 +0,0 @@
-import useUI from "../composables/useUI.ts";
-
-import defaultConfig from "./config.ts";
-
-import type { UseAttrs } from "../types.ts";
-import type { UInputNumberProps, Config } from "./types.ts";
-
-export default function useAttrs(props: UInputNumberProps): UseAttrs<Config> {
-  const { config, getKeysAttrs } = useUI<Config>(defaultConfig, () => props.config);
-
-  return {
-    config,
-    ...getKeysAttrs(),
-  };
-}