@mythpe/quasar-ui-qui 0.2.42 → 0.2.44

package/src/types/api/MTooltip.d.ts

@@ -0,0 +1,136 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2025 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { QTooltipProps } from 'quasar'
+import type { VNode } from 'vue'
+
+export type MTooltipProps = Partial<QTooltipProps> & {
+  /**
+   * One of Quasar's embedded transitions
+   * Default value: jump-down
+   */
+  transitionShow?: string | undefined;
+  /**
+   * One of Quasar's embedded transitions
+   * Default value: jump-up
+   */
+  transitionHide?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
+  /**
+   * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   */
+  modelValue?: boolean;
+  /**
+   * The maximum height of the Tooltip; Size in CSS units, including unit name
+   */
+  maxHeight?: string | undefined;
+  /**
+   * The maximum width of the Tooltip; Size in CSS units, including unit name
+   */
+  maxWidth?: string | undefined;
+  /**
+   * Two values setting the starting position or anchor point of the Tooltip relative to its target
+   * Default value: bottom middle
+   */
+  anchor?:
+    | 'top left'
+    | 'top middle'
+    | 'top right'
+    | 'top start'
+    | 'top end'
+    | 'center left'
+    | 'center middle'
+    | 'center right'
+    | 'center start'
+    | 'center end'
+    | 'bottom left'
+    | 'bottom middle'
+    | 'bottom right'
+    | 'bottom start'
+    | 'bottom end'
+    | undefined;
+  /**
+   * Two values setting the Tooltip's own position relative to its target
+   * Default value: top middle
+   */
+  self?:
+    | 'top left'
+    | 'top middle'
+    | 'top right'
+    | 'top start'
+    | 'top end'
+    | 'center left'
+    | 'center middle'
+    | 'center right'
+    | 'center start'
+    | 'center end'
+    | 'bottom left'
+    | 'bottom middle'
+    | 'bottom right'
+    | 'bottom start'
+    | 'bottom end'
+    | undefined;
+  /**
+   * An array of two numbers to offset the Tooltip horizontally and vertically in pixels
+   * Default value: [14, 14]
+   */
+  offset?: readonly any[] | undefined;
+  /**
+   * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
+   */
+  scrollTarget?: Element | string | undefined;
+  /**
+   * Configure a target element to trigger Tooltip toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) it attaches the events to the specified DOM element (if it exists)
+   * Default value: true
+   */
+  target?: boolean | string | undefined;
+  /**
+   * Skips attaching events to the target DOM element (that trigger the element to get shown)
+   */
+  noParentEvent?: boolean | undefined;
+  /**
+   * Configure Tooltip to appear with delay
+   */
+  delay?: number | undefined;
+  /**
+   * Configure Tooltip to disappear with delay
+   */
+  hideDelay?: number | undefined;
+  /**
+   * Emitted when showing/hidden state changes; Is also used by v-model
+   * @param value New state (showing/hidden)
+   */
+  'onUpdate:modelValue'?: (value: boolean) => void;
+  /**
+   * Emitted after component has triggered show()
+   * @param evt JS event object
+   */
+  onShow?: (evt: Event) => void;
+  /**
+   * Emitted when component triggers show() but before it finishes doing it
+   * @param evt JS event object
+   */
+  onBeforeShow?: (evt: Event) => void;
+  /**
+   * Emitted after component has triggered hide()
+   * @param evt JS event object
+   */
+  onHide?: (evt: Event) => void;
+  /**
+   * Emitted when component triggers hide() but before it finishes doing it
+   * @param evt JS event object
+   */
+  onBeforeHide?: (evt: Event) => void;
+}
+export type MTooltipSlots = {
+  default: () => VNode[];
+}

package/src/types/api/MTypingString.d.ts

@@ -0,0 +1,24 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2025 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { TypedOptions } from 'typed.js'
+import type { VNode } from 'vue'
+
+export type MTypingStringProps = {
+  name: number | string;
+  tag?: string;
+  string: string | string[];
+  loop?: TypedOptions['loop'];
+  typeSpeed?: TypedOptions['typeSpeed'];
+  backDelay?: TypedOptions['backDelay'];
+  fadeOut?: TypedOptions['fadeOut'];
+  options?: Omit<TypedOptions, 'loop' | 'typeSpeed' | 'backDelay' | 'fadeOut'>;
+}
+export type MTypingStringSlots = {
+  default?: () => VNode[];
+}

package/src/types/api/MUploader.d.ts

@@ -0,0 +1,163 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2025 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { HelpersStubSchema } from '../api-helpers'
+import type { QUploaderProps, QUploaderSlots } from 'quasar'
+import type { VNode } from 'vue'
+import type { MColProps } from './MCol'
+import type { BaseInputsProps } from './MInput'
+
+export type MUploaderMediaItem = {
+  id: number;
+  value: number;
+  name: string;
+  file_name: string;
+  type: string;
+  size: number;
+  size_to_string: string;
+  url: string;
+  download_url: string;
+  icon: string;
+  description: string;
+  attachment_type: string;
+  attachment_type_id: number;
+  attachment_type_id_to_string: string;
+  user_id: number | null;
+  user_id_to_string: string;
+  order_column: number;
+  [k: string]: any;
+};
+export type MUploaderServiceType = Pick<HelpersStubSchema, 'getUploadAttachmentsUrl' | 'updateAttachment' | 'uploadAttachments' | 'deleteAttachment'>
+export type MUploaderProps = Omit<QUploaderProps, 'formFields' | 'headers' | 'url'> & MColProps & Pick<BaseInputsProps, 'fieldOptions'> & {
+  /**
+   * Name fo field input, Attachments key name.
+   * Default is: 'attachments'
+   */
+  name?: string;
+  /**
+   * Put component in disabled mode
+   */
+  disable?: boolean;
+  /**
+   * Put component in readonly mode
+   */
+  readonly?: boolean;
+  /**
+   * Comma separated list of unique file type specifiers. Maps to 'accept' attribute of native input type=file element
+   */
+  accept?: string;
+  /**
+   *  Support for uploading images
+   */
+  images?: boolean;
+  /**
+   * Support for uploading svg
+   */
+  svg?: boolean;
+  /**
+   * Support for uploading videos
+   */
+  video?: boolean;
+  /**
+   * Support for uploading pdf
+   */
+  pdf?: boolean;
+  /**
+   * Support for uploading excel
+   */
+  excel?: boolean;
+  /**
+   * Upload files immediately when added
+   */
+  autoUpload?: boolean;
+  /**
+   * Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name="__HERE__"; filename="somefile.png"; If using a function then for best performance, reference it from your scope and do not define it inline
+   * Default value: (file) => file.name
+   * @param files The current file being processed
+   * @returns Field name for the current file upload
+   */
+  fieldName?: string | ((files: File) => string);
+  /**
+   * Collection send to API
+   */
+  collection?: string | number | symbol;
+  /**
+   * Field Attachment Type
+   */
+  attachmentType?: any;
+  /**
+   * return attachments after upload;
+   * Default current collection name;
+   */
+  returnType?: 'all' | 'current' | undefined;
+  /**
+   * Object with additional fields definitions (used by Form to be uploaded);
+   */
+  formFields?: Record<string, any>;
+  /**
+   * Extra headers
+   */
+  headers?: Record<string, any>;
+  /**
+   * Label for the uploader
+   */
+  label?: string | null | undefined;
+  /**
+   * The Attachments list.
+   */
+  modelValue?: MUploaderMediaItem[];
+  /**
+   *  Hide delete media items from uploader, no delete media For API
+   */
+  hideDeleteMedia?: boolean;
+  /**
+   *  Show update button of media.
+   */
+  updateBtn?: boolean;
+  /**
+   * User APi service for upload & delete
+   */
+  service: string | MUploaderServiceType;
+  /**
+   * The ID of model will use in attachments
+   */
+  modelId?: string | number | undefined;
+  uploading?: boolean | undefined;
+  defaultFileIcon?: string | undefined;
+  deleteMediaIcon?: string | undefined;
+  uploadFilesIcon?: string | undefined;
+  pickFilesIcon?: string | undefined;
+  removeUploadedIcon?: string | undefined;
+  removeQueuedIcon?: string | undefined;
+  abortUploadIcon?: string | undefined;
+  downloadFileIcon?: string | undefined;
+  errorsIcon?: string | undefined;
+  iconsSize?: string | undefined;
+  displayMode?: 'list' | 'card' | undefined;
+  shadow?: string | undefined;
+  /**
+   * Media Item Label Field.
+   * Default is: name.
+   */
+  mediaLabel?: string | undefined;
+}
+export type MUploaderSlots = QUploaderSlots & {
+  /**
+   * Field main content
+   */
+  default: () => VNode[];
+  /**
+   * list of item will be display
+   */
+  // list: (scope: { item: MUploaderMediaItem, index: number }) => VNode[];
+  /**
+   * list of item will be display
+   */
+  'item-list': (scope: { item: MUploaderMediaItem, index: number }) => VNode[];
+}
+export type MUploaderXhrInfo = { files: readonly any[]; xhr: any; }