@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/forms/AntField.vue

@@ -1,123 +0,0 @@
-<script lang="ts" setup>
-import {onMounted, computed} from 'vue';
-import {Size} from '../../enums/Size.enum';
-import AntInputLabel from '../inputs/Elements/AntInputLabel.vue';
-import AntInputDescription from '../inputs/Elements/AntInputDescription.vue';
-import {handleEnumValidation} from '../../handler';
-import AntInputLimiter from '../inputs/Elements/AntInputLimiter.vue';
-import {InputState} from '../../enums';
-
-defineEmits(['clickLabel', 'validate']);
-
-const props = withDefaults(defineProps<{
-  label?: string;
-  description?: string;
-  messages?: string[];
-  size?: Size;
-  state?: InputState;
-  skeleton?: boolean;
-  limiterValue?: number;
-  limiterMaxValue?: number;
-  labelFor?: string;
-  expanded?: boolean;
-}>(), {
-  state: InputState.base,
-  skeleton: false,
-  size: Size.md,
-  messages: () => [],
-  expanded: true
-});
-
-onMounted(() => {
-  handleEnumValidation(props.size, Size, 'size');
-  handleEnumValidation(props.state, InputState, 'state');
-});
-
-const _state = computed(() => props.messages.length <= 0 ? InputState.base : props.state);
-const fontSize = computed(() => {
-  if (props.size === Size.xs2 || props.size === Size.xs) {
-    return Size.xs;
-  }
-
-  return Size.sm;
-});
-const fieldClasses = computed(() => ({
-  'w-full': props.expanded,
-  'gap-2.5': props.size === Size.lg,
-  'gap-2': props.size === Size.md,
-  'gap-1.5': (props.size === Size.sm || props.size === Size.xs),
-  'gap-1': props.size === Size.xs2,
-}));
-const descriptionClasses = computed(() => ({
-  'gap-2.5': props.size === Size.lg,
-  'gap-2': props.size === Size.md,
-  'gap-1.5': (props.size === Size.sm || props.size === Size.xs),
-  'gap-1': props.size === Size.xs2,
-}));
-</script>
-
-<template>
-  <div
-    class="flex flex-col items-start"
-    :class="fieldClasses"
-  >
-    <AntInputLabel
-      :label="label"
-      :size="size"
-      :skeleton="skeleton"
-      :for="labelFor"
-      @click-content="$emit('clickLabel')"
-    >
-      <div class="w-full">
-        <slot />
-      </div>
-    </AntInputLabel>
-
-    <div
-      v-if="description || messages.length > 0 || (limiterMaxValue !== undefined && limiterValue !== undefined)"
-      class="flex justify-between w-full"
-      :class="descriptionClasses"
-    >
-      <AntInputDescription
-        v-if="description || messages.length > 0"
-        :size="fontSize"
-        :skeleton="skeleton"
-        :state="_state"
-      >
-        <slot name="description">
-          <template v-if="_state !== InputState.base && messages.length === 1">
-            {{ messages[0] }}
-          </template>
-
-          <template v-else-if="_state !== InputState.base && messages.length > 1">
-            <ul class="list-disc list-outside pl-4">
-              <li
-                v-for="(message, index) of messages"
-                :key="`field-message-${index}`"
-                class="marker:m-none marker:p-none"
-              >
-                {{ message }}
-              </li>
-            </ul>
-          </template>
-
-          <template v-else>
-            {{ description }}
-          </template>
-        </slot>
-      </AntInputDescription>
-
-      <div
-        v-if="limiterMaxValue !== undefined && limiterValue !== undefined"
-        class="flex flex-grow justify-end"
-      >
-        <AntInputLimiter
-          :value="limiterValue"
-          :max-value="limiterMaxValue"
-          :size="fontSize"
-          :skeleton="skeleton"
-        />
-      </div>
-    </div>
-  </div>
-</template>

package/dist/runtime/components/forms/AntFormGroup.vue

@@ -1,36 +0,0 @@
-<script lang="ts" setup>
-import {Direction} from '../../enums/Direction.enum';
-import {computed, useAttrs} from 'vue';
-
-const attrs = useAttrs();
-const props = withDefaults(defineProps<{
-  direction?: Direction;
-}>(), {
-  direction: Direction.column,
-});
-
-const classes = computed(() => {
-	// Let override gap-x-* and gap-y-* classes from outside
-	const attrClasses = typeof attrs.class === 'string' ? attrs.class : ''
-	const hasGapX = /gap-x-\d/.test(attrClasses);
-	const hasGapY = /gap-y-\d/.test(attrClasses);
-
-	const classes: Record<string, boolean> = {
-		'flex-col': props.direction === Direction.column,
-		'gap-y-2.5': !hasGapY && props.direction === Direction.column,
-		'flex-row': props.direction === Direction.row,
-		'gap-x-2.5': !hasGapX && props.direction === Direction.row,
-	}
-
-	return classes;
-});
-</script>
-
-<template>
-  <section
-    class="flex"
-    :class="classes"
-  >
-    <slot />
-  </section>
-</template>

package/dist/runtime/components/forms/AntFormGroupLabel.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="text-primary-500 text-xl font-medium">
-    <slot/>
-  </div>
-</template>

package/dist/runtime/components/forms/__stories/AntField.stories.d.ts

@@ -1,6 +0,0 @@
-import AntField from '../AntField.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntField>;
-export default meta;
-type Story = StoryObj<typeof AntField>;
-export declare const Docs: Story;

package/dist/runtime/components/forms/__stories/AntField.stories.mjs

@@ -1,80 +0,0 @@
-import AntField from "../AntField.vue";
-import AntBaseInput from "../../inputs/Elements/AntBaseInput.vue";
-import { Size } from "../../../enums/Size.enum.mjs";
-import { computed, reactive, ref } from "vue";
-import { InputState } from "../../../enums/index.mjs";
-import { isRequiredRule, notBlankRule, useFieldValidator } from "@antify/validate";
-const meta = {
-  title: "Forms/Field",
-  component: AntField,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    skeleton: {
-      control: "boolean",
-      table: { defaultValue: { summary: false } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntField, AntBaseInput },
-    setup: () => {
-      const skeleton = computed({
-        get() {
-          return args.skeleton;
-        },
-        set(val) {
-          args.skeleton = val;
-        }
-      });
-      const size = computed({
-        get() {
-          return args.size;
-        },
-        set(val) {
-          args.size = val;
-        }
-      });
-      const state = computed({
-        get() {
-          return validator.hasErrors() ? InputState.danger : args.state;
-        },
-        set(val) {
-          args.state = val;
-        }
-      });
-      const value = ref(null);
-      const validator = reactive(useFieldValidator([isRequiredRule, notBlankRule]));
-      return { args, value, validator, skeleton, size, state, InputState };
-    },
-    template: `
-      <AntField
-        v-bind="args"
-        :messages="Array.isArray(args.messages) ? args.messages : validator.getErrors()"
-        :state="state"
-      >
-        <AntBaseInput
-          v-model="value"
-          :skeleton="skeleton"
-          :size="size"
-          :state="state"
-          placeholder="Placeholder"
-          @validate="(val) => validator.validate(val)"
-        />
-      </AntField>
-    `
-  }),
-  args: {
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};

package/dist/runtime/components/forms/__stories/AntFormGroup.stories.d.ts

@@ -1,6 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/vue3';
-import AntFormGroup from '../AntFormGroup.vue';
-declare const meta: Meta<typeof AntFormGroup>;
-export default meta;
-type Story = StoryObj<typeof AntFormGroup>;
-export declare const Docs: Story;

package/dist/runtime/components/forms/__stories/AntFormGroup.stories.mjs

@@ -1,33 +0,0 @@
-import AntFormGroup from "../AntFormGroup.vue";
-import AntFormGroupLabel from "../AntFormGroupLabel.vue";
-import AntTextInput from "../../inputs/AntTextInput.vue";
-import AntButton from "../../buttons/AntButton.vue";
-import { Direction } from "../../../enums/Direction.enum.mjs";
-const meta = {
-  title: "Forms/Form Group",
-  component: AntFormGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    direction: {
-      control: { type: "select" },
-      options: Object.values(Direction)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntFormGroup, AntFormGroupLabel, AntTextInput, AntButton },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntFormGroup v-bind="args">
-        <AntFormGroupLabel>Example label</AntFormGroupLabel>
-        <AntTextInput label="Example"/>
-        <AntButton state="primary">Submit</AntButton>
-      </AntFormGroup>
-    `
-  }),
-  args: {}
-};

package/dist/runtime/components/forms/__stories/AntFormGroupLabel.stories.d.ts

@@ -1,6 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/vue3';
-import AntFormGroupLabel from '../AntFormGroupLabel.vue';
-declare const meta: Meta<typeof AntFormGroupLabel>;
-export default meta;
-type Story = StoryObj<typeof AntFormGroupLabel>;
-export declare const Docs: Story;

package/dist/runtime/components/forms/__stories/AntFormGroupLabel.stories.mjs

@@ -1,20 +0,0 @@
-import AntFormGroupLabel from "../AntFormGroupLabel.vue";
-const meta = {
-  title: "Forms/Form Group Label",
-  component: AntFormGroupLabel,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {}
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntFormGroupLabel },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntFormGroupLabel v-bind="args">Example label</AntFormGroupLabel>
-    `
-  }),
-  args: {}
-};

package/dist/runtime/components/index.d.ts

@@ -1,62 +0,0 @@
-import AntActionButton from './buttons/AntActionButton.vue';
-import AntButton from './buttons/AntButton.vue';
-import AntCreateButton from './buttons/AntCreateButton.vue';
-import AntDeleteButton from './buttons/AntDeleteButton.vue';
-import AntDuplicateButton from './buttons/AntDuplicateButton.vue';
-import AntEditButton from './buttons/AntEditButton.vue';
-import AntSaveAndNewButton from './buttons/AntSaveAndNewButton.vue';
-import AntSaveButton from './buttons/AntSaveButton.vue';
-import AntCrud from './crud/AntCrud.vue';
-import AntCrudDetail from './crud/AntCrudDetail.vue';
-import AntCrudDetailActions from './crud/AntCrudDetailActions.vue';
-import AntCrudDetailNav from './crud/AntCrudDetailNav.vue';
-import AntCrudTableFilter from './crud/AntCrudTableFilter.vue';
-import AntCrudTableNav from './crud/AntCrudTableNav.vue';
-import AntDeleteDialog from './dialogs/AntDeleteDialog.vue';
-import AntDialog from './dialogs/AntDialog.vue';
-import AntField from './forms/AntField.vue';
-import AntFormGroup from './forms/AntFormGroup.vue';
-import AntFormGroupLabel from './forms/AntFormGroupLabel.vue';
-import AntBaseInput from './inputs/Elements/AntBaseInput.vue';
-import AntDropDown from './inputs/Elements/AntDropDown.vue';
-import AntInputDescription from './inputs/Elements/AntInputDescription.vue';
-import AntInputLabel from './inputs/Elements/AntInputLabel.vue';
-import AntInputLimiter from './inputs/Elements/AntInputLimiter.vue';
-import AntCheckbox from './inputs/AntCheckbox.vue';
-import AntCheckboxGroup from './inputs/AntCheckboxGroup.vue';
-import AntDateInput from './inputs/AntDateInput.vue';
-import AntNumberInput from './inputs/AntNumberInput.vue';
-import AntPasswordInput from './inputs/AntPasswordInput.vue';
-import AntRadio from './inputs/AntRadio.vue';
-import AntRadioGroup from './inputs/AntRadioGroup.vue';
-import AntRangeSlider from './inputs/AntRangeSlider.vue';
-import AntSearch from './inputs/AntSearch.vue';
-import AntSelect from './inputs/AntSelect.vue';
-import AntSwitch from './inputs/AntSwitch.vue';
-import AntSwitcher from './inputs/AntSwitcher.vue';
-import AntTagInput from './inputs/AntTagInput.vue';
-import AntNavLeftLayout from './layouts/AntNavLeftLayout.vue';
-import AntNavbar from './navbar/AntNavbar.vue';
-import AntNavbarItem from './navbar/AntNavbarItem.vue';
-import AntTable from './table/AntNavbar.vue';
-import AntTabs from './tabs/AntTabs.vue';
-import AntTransitionCollapseHeight from './transitions/AntTransitionCollapseHeight.vue';
-import AntAccordion from './AntAccordion.vue';
-import AntAccordionItem from './AntAccordionItem.vue';
-import AntAlert from './AntAlert.vue';
-import AntContent from './AntContent.vue';
-import AntDropdown from './AntDropdown.vue';
-import AntIcon from './AntIcon.vue';
-import AntKeycap from './AntKeycap.vue';
-import AntListGroup from './AntListGroup.vue';
-import AntListGroupItem from './AntListGroupItem.vue';
-import AntModal from './AntModal.vue';
-import AntPagination from './AntPagination.vue';
-import AntPopover from './AntPopover.vue';
-import AntSkeleton from './AntSkeleton.vue';
-import AntSpinner from './AntSpinner.vue';
-import AntTag from './AntTag.vue';
-import AntToast from './AntToast.vue';
-import AntToaster from './AntToaster.vue';
-import AntTooltip from './AntTooltip.vue';
-export { AntActionButton, AntButton, AntCreateButton, AntDeleteButton, AntDuplicateButton, AntEditButton, AntSaveAndNewButton, AntSaveButton, AntCrud, AntCrudDetail, AntCrudDetailActions, AntCrudDetailNav, AntCrudTableFilter, AntCrudTableNav, AntDeleteDialog, AntDialog, AntField, AntFormGroup, AntFormGroupLabel, AntBaseInput, AntDropDown, AntInputDescription, AntInputLabel, AntInputLimiter, AntCheckbox, AntCheckboxGroup, AntDateInput, AntNumberInput, AntPasswordInput, AntRadio, AntRadioGroup, AntRangeSlider, AntSearch, AntSelect, AntSwitch, AntSwitcher, AntTagInput, AntNavLeftLayout, AntNavbar, AntNavbarItem, AntTable, AntTabs, AntTransitionCollapseHeight, AntAccordion, AntAccordionItem, AntAlert, AntContent, AntDropdown, AntIcon, AntKeycap, AntListGroup, AntListGroupItem, AntModal, AntPagination, AntPopover, AntSkeleton, AntSpinner, AntTag, AntToast, AntToaster, AntTooltip };

package/dist/runtime/components/index.mjs

@@ -1,124 +0,0 @@
-import AntActionButton from "./buttons/AntActionButton.vue";
-import AntButton from "./buttons/AntButton.vue";
-import AntCreateButton from "./buttons/AntCreateButton.vue";
-import AntDeleteButton from "./buttons/AntDeleteButton.vue";
-import AntDuplicateButton from "./buttons/AntDuplicateButton.vue";
-import AntEditButton from "./buttons/AntEditButton.vue";
-import AntSaveAndNewButton from "./buttons/AntSaveAndNewButton.vue";
-import AntSaveButton from "./buttons/AntSaveButton.vue";
-import AntCrud from "./crud/AntCrud.vue";
-import AntCrudDetail from "./crud/AntCrudDetail.vue";
-import AntCrudDetailActions from "./crud/AntCrudDetailActions.vue";
-import AntCrudDetailNav from "./crud/AntCrudDetailNav.vue";
-import AntCrudTableFilter from "./crud/AntCrudTableFilter.vue";
-import AntCrudTableNav from "./crud/AntCrudTableNav.vue";
-import AntDeleteDialog from "./dialogs/AntDeleteDialog.vue";
-import AntDialog from "./dialogs/AntDialog.vue";
-import AntField from "./forms/AntField.vue";
-import AntFormGroup from "./forms/AntFormGroup.vue";
-import AntFormGroupLabel from "./forms/AntFormGroupLabel.vue";
-import AntBaseInput from "./inputs/Elements/AntBaseInput.vue";
-import AntDropDown from "./inputs/Elements/AntDropDown.vue";
-import AntInputDescription from "./inputs/Elements/AntInputDescription.vue";
-import AntInputLabel from "./inputs/Elements/AntInputLabel.vue";
-import AntInputLimiter from "./inputs/Elements/AntInputLimiter.vue";
-import AntCheckbox from "./inputs/AntCheckbox.vue";
-import AntCheckboxGroup from "./inputs/AntCheckboxGroup.vue";
-import AntDateInput from "./inputs/AntDateInput.vue";
-import AntNumberInput from "./inputs/AntNumberInput.vue";
-import AntPasswordInput from "./inputs/AntPasswordInput.vue";
-import AntRadio from "./inputs/AntRadio.vue";
-import AntRadioGroup from "./inputs/AntRadioGroup.vue";
-import AntRangeSlider from "./inputs/AntRangeSlider.vue";
-import AntSearch from "./inputs/AntSearch.vue";
-import AntSelect from "./inputs/AntSelect.vue";
-import AntSwitch from "./inputs/AntSwitch.vue";
-import AntSwitcher from "./inputs/AntSwitcher.vue";
-import AntTagInput from "./inputs/AntTagInput.vue";
-import AntNavLeftLayout from "./layouts/AntNavLeftLayout.vue";
-import AntNavbar from "./navbar/AntNavbar.vue";
-import AntNavbarItem from "./navbar/AntNavbarItem.vue";
-import AntTable from "./table/AntNavbar.vue";
-import AntTabs from "./tabs/AntTabs.vue";
-import AntTransitionCollapseHeight from "./transitions/AntTransitionCollapseHeight.vue";
-import AntAccordion from "./AntAccordion.vue";
-import AntAccordionItem from "./AntAccordionItem.vue";
-import AntAlert from "./AntAlert.vue";
-import AntContent from "./AntContent.vue";
-import AntDropdown from "./AntDropdown.vue";
-import AntIcon from "./AntIcon.vue";
-import AntKeycap from "./AntKeycap.vue";
-import AntListGroup from "./AntListGroup.vue";
-import AntListGroupItem from "./AntListGroupItem.vue";
-import AntModal from "./AntModal.vue";
-import AntPagination from "./AntPagination.vue";
-import AntPopover from "./AntPopover.vue";
-import AntSkeleton from "./AntSkeleton.vue";
-import AntSpinner from "./AntSpinner.vue";
-import AntTag from "./AntTag.vue";
-import AntToast from "./AntToast.vue";
-import AntToaster from "./AntToaster.vue";
-import AntTooltip from "./AntTooltip.vue";
-export {
-  AntActionButton,
-  AntButton,
-  AntCreateButton,
-  AntDeleteButton,
-  AntDuplicateButton,
-  AntEditButton,
-  AntSaveAndNewButton,
-  AntSaveButton,
-  AntCrud,
-  AntCrudDetail,
-  AntCrudDetailActions,
-  AntCrudDetailNav,
-  AntCrudTableFilter,
-  AntCrudTableNav,
-  AntDeleteDialog,
-  AntDialog,
-  AntField,
-  AntFormGroup,
-  AntFormGroupLabel,
-  AntBaseInput,
-  AntDropDown,
-  AntInputDescription,
-  AntInputLabel,
-  AntInputLimiter,
-  AntCheckbox,
-  AntCheckboxGroup,
-  AntDateInput,
-  AntNumberInput,
-  AntPasswordInput,
-  AntRadio,
-  AntRadioGroup,
-  AntRangeSlider,
-  AntSearch,
-  AntSelect,
-  AntSwitch,
-  AntSwitcher,
-  AntTagInput,
-  AntNavLeftLayout,
-  AntNavbar,
-  AntNavbarItem,
-  AntTable,
-  AntTabs,
-  AntTransitionCollapseHeight,
-  AntAccordion,
-  AntAccordionItem,
-  AntAlert,
-  AntContent,
-  AntDropdown,
-  AntIcon,
-  AntKeycap,
-  AntListGroup,
-  AntListGroupItem,
-  AntModal,
-  AntPagination,
-  AntPopover,
-  AntSkeleton,
-  AntSpinner,
-  AntTag,
-  AntToast,
-  AntToaster,
-  AntTooltip
-};