@vc-shell/framework 1.0.54 → 1.0.57

package/ui/components/atoms/vc-card/vc-card-model.ts

@@ -1,37 +0,0 @@
-import { VNode, PropType } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isBoolean } from "./../../../utils";
-
-export const cardProps = {
-  header: String,
-  icon: String,
-  isCollapsable: {
-    type: Boolean,
-    default: false,
-  },
-  isCollapsed: {
-    type: Boolean,
-    default: false,
-  },
-  fill: {
-    type: Boolean,
-    default: false,
-  },
-  variant: {
-    type: String as PropType<"default" | "success" | "danger">,
-    default: "default",
-  },
-};
-
-export const cardEmits = {
-  "header:click": () => true,
-  "state:collapsed": (isCollapsedState: boolean) => isBoolean(isCollapsedState),
-};
-
-export type VcCardProps = ExtractTypes<typeof cardProps>;
-export type VcCardEmits = typeof cardEmits;
-
-export interface VcCardSlots {
-  default: () => VNode[];
-  actions: () => VNode[];
-}

package/ui/components/atoms/vc-checkbox/vc-checkbox-model.ts

@@ -1,35 +0,0 @@
-import { VNode } from "vue";
-import { isBoolean } from "./../../../utils";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const checkboxProps = {
-  modelValue: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  name: {
-    type: String,
-    default: "Field",
-  },
-  errorMessage: String,
-};
-
-export const checkboxEmits = {
-  "update:modelValue": (value: boolean) => isBoolean(value),
-};
-
-export type VcCheckboxProps = ExtractTypes<typeof checkboxProps>;
-export type VcCheckboxEmits = typeof checkboxEmits;
-
-export interface VcCheckboxSlots {
-  default: () => VNode[];
-  error: () => VNode[];
-}

package/ui/components/atoms/vc-col/vc-col-model.ts

@@ -1,15 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const colProps = {
-  size: {
-    type: String,
-    default: "1",
-  },
-};
-
-export type VcColProps = ExtractTypes<typeof colProps>;
-
-export interface VcColSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-container/vc-container-model.ts

@@ -1,28 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const containerProps = {
-  shadow: {
-    type: Boolean,
-    default: false,
-  },
-  noPadding: {
-    type: Boolean,
-    default: false,
-  },
-  usePtr: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const containerEmits = {
-  "scroll:ptr": () => true,
-};
-
-export type VcContainerProps = ExtractTypes<typeof containerProps>;
-export type VcContainerEmits = typeof containerEmits;
-
-export interface VcContainerSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-hint/vc-hint-model.ts

@@ -1,5 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcHintSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-icon/vc-icon-model.ts

@@ -1,19 +0,0 @@
-import { VNode, PropType } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const iconProps = {
-  icon: {
-    type: String,
-    default: "fas fa-square-full",
-  },
-  size: {
-    type: String as PropType<"xs" | "s" | "m" | "l" | "xl" | "xxl">,
-    default: "m",
-  },
-};
-
-export type VcIconProps = ExtractTypes<typeof iconProps>;
-
-export interface VcIconSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-image/vc-image-model.ts

@@ -1,41 +0,0 @@
-import { VNode, PropType } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const imageProps = {
-  aspect: {
-    type: String,
-    default: "1x1",
-  },
-  rounded: {
-    type: Boolean,
-    default: false,
-  },
-  bordered: {
-    type: Boolean,
-    default: false,
-  },
-  clickable: {
-    type: Boolean,
-    default: false,
-  },
-  src: String,
-  size: {
-    type: String as PropType<"auto" | "1x1" | "16x9" | "4x3" | "3x2" | "xs" | "s" | "m" | "l" | "xl" | "xxl">,
-    default: "auto",
-  },
-  background: {
-    type: String as PropType<"cover" | "contain" | "auto">,
-    default: "cover",
-  },
-};
-
-export const imageEmits = {
-  click: () => true,
-};
-
-export type VcImageProps = ExtractTypes<typeof imageProps>;
-export type VcImageEmits = typeof imageEmits;
-
-export interface VcImageSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-info-row/vc-info-row-model.ts

@@ -1,27 +0,0 @@
-import { VNode, PropType } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const infoRowProps = {
-  label: {
-    type: String,
-    default: "",
-  },
-  value: {
-    type: String,
-    default: "",
-  },
-  tooltip: {
-    type: String,
-    default: "",
-  },
-  type: {
-    type: String as PropType<"default" | "email">,
-    default: "",
-  },
-};
-
-export type VcInfoRowProps = ExtractTypes<typeof infoRowProps>;
-
-export interface VcInfoRowSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-label/vc-label-model.ts

@@ -1,20 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const labelProps = {
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  tooltipIcon: {
-    type: String,
-    default: "fas fa-info-circle",
-  },
-};
-
-export type VcLabelProps = ExtractTypes<typeof labelProps>;
-
-export interface VcLabelSlots {
-  default: () => VNode[];
-  tooltip: () => VNode[];
-}

package/ui/components/atoms/vc-link/vc-link-model.ts

@@ -1,24 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const linkProps = {
-  active: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const linkEmits = {
-  click: () => true,
-};
-
-export type VcLinkProps = ExtractTypes<typeof linkProps>;
-export type VcLinkEmits = typeof linkEmits;
-
-export interface VcLinkSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-loading/vc-loading-model.ts

@@ -1,15 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const loadingProps = {
-  active: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type VcLoadingProps = ExtractTypes<typeof loadingProps>;
-
-export interface VcLoadingSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-progress/vc-progress-model.ts

@@ -1,19 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const progressProps = {
-  value: {
-    type: Number,
-    default: 0,
-  },
-  variant: {
-    type: String as PropType<"default" | "striped">,
-    default: "default",
-  },
-};
-
-export type VcProgressProps = ExtractTypes<typeof progressProps>;
-
-export interface VcProgressSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-row/vc-row-model.ts

@@ -1,5 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcRowSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-status/vc-status-model.ts

@@ -1,23 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const statusProps = {
-  variant: {
-    type: String as PropType<"info" | "warning" | "danger" | "success" | "light-danger">,
-    default: "info",
-  },
-  outline: {
-    type: Boolean,
-    default: true,
-  },
-  extend: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type VcStatusProps = ExtractTypes<typeof statusProps>;
-
-export interface VcStatusSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-status-icon/vc-status-icon-model.ts

@@ -1,15 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const statusIconProps = {
-  status: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type VcStatusIconProps = ExtractTypes<typeof statusIconProps>;
-
-export interface VcStatusIconSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-switch/vc-switch-model.ts

@@ -1,34 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isBoolean } from "./../../../utils";
-
-export const switchProps = {
-  modelValue: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  tooltip: {
-    type: String,
-    default: "",
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  label: String,
-};
-
-export const switchEmits = {
-  "update:modelValue": (value: boolean) => isBoolean(value),
-};
-
-export type VcSwitchProps = ExtractTypes<typeof switchProps>;
-export type VcSwitchEmits = typeof switchEmits;
-
-export interface VcSwitchSlots {
-  default: () => VNode[];
-}

package/ui/components/atoms/vc-widget/vc-widget-model.ts

@@ -1,23 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const widgetProps = {
-  icon: String,
-  title: String,
-  value: [String, Number],
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const widgetEmits = {
-  click: () => true,
-};
-
-export type VcWidgetProps = ExtractTypes<typeof widgetProps>;
-export type VcWidgetEmits = typeof widgetEmits;
-
-export interface VcWidgetSlots {
-  default: () => VNode[];
-}

package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs-model.ts

@@ -1,23 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const breadcrumbsProps = {
-  items: {
-    type: Array as PropType<
-      {
-        current: boolean;
-        icon: string;
-        title: string;
-        clickHandler: () => void;
-        id: string;
-      }[]
-    >,
-    default: () => [],
-  },
-};
-
-export type VcBreadcrumbsProps = ExtractTypes<typeof breadcrumbsProps>;
-
-export interface VcBreadcrumbsSlots {
-  default: () => VNode[];
-}

package/ui/components/molecules/vc-editor/vc-editor-model.ts

@@ -1,37 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isString, isNumber, isDate } from "./../../../utils";
-
-export const editorProps = {
-  placeholder: {
-    type: String,
-    default: "",
-  },
-  modelValue: {
-    type: [String, Number, Date],
-    default: null,
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: Boolean,
-  label: String,
-  tooltip: String,
-  name: {
-    type: String,
-    default: "Field",
-  },
-  errorMessage: String,
-};
-
-export const editorEmits = {
-  "update:modelValue": (value: string | number | Date) => isString(value) || isNumber(value) || isDate(value),
-};
-
-export type VcEditorProps = ExtractTypes<typeof editorProps>;
-export type VcEditorEmits = typeof editorEmits;
-
-export interface VcEditorSlots {
-  error: () => VNode[];
-}

package/ui/components/molecules/vc-file-upload/vc-file-upload-model.ts

@@ -1,37 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const fileUploadProps = {
-  variant: {
-    type: String as PropType<"gallery" | "file-upload">,
-    default: "gallery",
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  accept: {
-    type: String,
-    default: ".jpg, .png, .jpeg",
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-  rules: [String, Object] as PropType<string | Record<string, unknown>>,
-  name: {
-    type: String,
-    default: "Gallery",
-  },
-};
-
-export const fileUploadEmits = {
-  upload: (files: FileList) => !!files,
-};
-
-export type VcFileUploadProps = ExtractTypes<typeof fileUploadProps>;
-export type VcFileUploadEmits = typeof fileUploadEmits;
-
-export interface VcFileUploadSlots {
-  error: () => VNode[];
-}

package/ui/components/molecules/vc-form/vc-form-model.ts

@@ -1,5 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcFormSlots {
-  default: () => VNode[];
-}

package/ui/components/molecules/vc-input/vc-input-model.ts

@@ -1,165 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isString, isNumber, isDate } from "./../../../utils";
-
-export const inputProps = {
-  /**
-   * Model of the component; Use with a listener for 'update:model-value' event OR use v-model directive
-   */
-  modelValue: {
-    type: [String, Number, Date],
-    default: null,
-  },
-  /**
-   * Input label text
-   */
-  label: String,
-  /**
-   * Input placeholder text
-   */
-  placeholder: String,
-  /**
-   * Input type
-   * Default value: text
-   */
-  type: {
-    type: String as PropType<
-      "text" | "password" | "email" | "tel" | "number" | "url" | "time" | "date" | "datetime-local"
-    >,
-    default: "text",
-  },
-  /**
-   * Input description (hint) text below input component
-   */
-  hint: String,
-  /**
-   * Appends clearable icon when a value is set;
-   * When clicked, model becomes null
-   */
-  clearable: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * Prefix
-   */
-  prefix: String,
-  /**
-   * Suffix
-   */
-  suffix: String,
-  /**
-   * Used to specify the name of the control; If not specified, it takes the value 'Field'
-   */
-  name: {
-    type: String,
-    default: "Field",
-  },
-  /**
-   * Signals the user a process is in progress by displaying a spinner
-   */
-  loading: Boolean,
-  /**
-   * Debounce amount (in milliseconds) when updating model
-   */
-  debounce: [String, Number],
-  /**
-   * Put component in disabled mode
-   */
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * Focus field on initial component render
-   */
-  autofocus: Boolean,
-  /**
-   * Does field have validation errors?
-   */
-  error: Boolean,
-  /**
-   * Validation error message (gets displayed only if 'error' is set to 'true')
-   */
-  errorMessage: String,
-  /**
-   * Specify a max length of model
-   * Default value: 1024
-   */
-  maxlength: {
-    type: [String, Number],
-    default: "1024",
-  },
-  /**
-   * Input tooltip information
-   */
-  tooltip: String,
-  /**
-   * Input required state
-   */
-  required: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const inputEmits = {
-  "update:modelValue": (value: string | number | Date | null) => isString(value) || isNumber(value) || isDate(value) || value === null,
-};
-
-export type VcInputProps = ExtractTypes<typeof inputProps>;
-export type VcInputEmits = typeof inputEmits;
-
-export interface VcInputSlots {
-  /**
-   * Slot for controls
-   * @param scope
-   */
-  control: (scope: {
-    /**
-     * Field is editable
-     */
-    editable: boolean;
-    /**
-     * Field has focus
-     */
-    focused: boolean;
-    /**
-     * Field's value
-     */
-    modelValue: string | number | Date | null;
-    /**
-     * Function that emits an @input event in the context of the field
-     * @param value Value to be emitted
-     */
-    emitValue: (value: string | number | Date | null) => void;
-    /**
-     * Field placeholder text
-     */
-    placeholder?: string | undefined;
-  }) => VNode[];
-  /**
-   * Prepend outer field
-   */
-  prepend: () => VNode[];
-  /**
-   * Prepend inner field
-   */
-  "prepend-inner": () => VNode[];
-  /**
-   * Append to inner field
-   */
-  "append-inner": () => VNode[];
-  /**
-   * Append outer field
-   */
-  append: () => VNode[];
-  /**
-   * Slot for errors
-   */
-  error: () => VNode[];
-  /**
-   * Slot for hint text
-   */
-  hint: () => VNode[];
-}