mazey-element-ui 2.0.1 → 2.15.16

package/types/descriptions.d.ts

@@ -0,0 +1,52 @@
+import { ElementUIComponent } from './component'
+import { VNode } from 'vue'
+
+interface ElDescriptionsSlots {
+  /* title slot: custom title, display on the top left */
+  title: VNode[]
+
+  /* title slot: custom extra area, display on the top right */
+  extra: VNode[]
+
+  [key: string]: VNode[]
+}
+
+/** Display multiple fields in list form. **/
+export declare class ElDescriptions extends ElementUIComponent {
+
+  /* with or without border */
+  border: boolean
+  
+  /* numbers of Descriptions Item in one line */
+  column: number
+
+  /* direction of list */
+  direction: 'vertical' | 'horizontal'
+
+  /* size of list */
+  size: 'medium' | 'small' | 'mini'
+
+  /* title text, display on the top left */
+  title: string
+
+  /* extra text, display on the top right */
+  extra: string
+
+  /* change default props colon value of Descriptions Item */
+  colon: boolean
+
+  /* custom label class name */
+  labelClassName: string
+
+  /* custom content class name */
+  contentClassName: string
+
+  /* custom label style */
+  labelStyle: object
+
+  /* custom content style */
+  contentStyle: object
+
+  $slots: ElDescriptionsSlots
+
+}

package/types/dialog.d.ts

@@ -55,5 +55,8 @@ export declare class ElDialog extends ElementUIComponent {
   /** Whether to align the header and footer in center */
   center: boolean
 
+  /** Whether to destroy elements in Dialog when closed */
+  destroyOnClose: boolean
+
   $slots: DialogSlots
 }

package/types/divider.d.ts

@@ -0,0 +1,12 @@
+import { ElementUIComponent } from './component'
+
+export type ContentPosition = 'left' | 'center' | 'right'
+
+/** Divider Component */
+export declare class ElDivider extends ElementUIComponent {
+  /** enable vertical divider */
+  vertical: boolean
+
+  /** customize the content on the divider line */
+  posiiton: ContentPosition
+}

package/types/drawer.d.ts

@@ -0,0 +1,63 @@
+import { ElementUIComponent } from './component'
+import { VNode } from 'vue'
+
+type hide = (shouldCancel: boolean) => void
+declare enum Direction {
+    LTR = 'ltr', // left to right
+    RTL = 'rtl', // right to left
+    TTB = 'ttb', // top to bottom
+    BTT = 'btt' // bottom to top
+}
+
+interface DrawerSlots {
+    /* Main Content Slots */
+    default: VNode[];
+
+    /* Title Slots */
+    title: VNode[];
+
+    [key: string]: VNode[]
+}
+/** Drawer Component */
+export declare class ElDrawer extends ElementUIComponent {
+    /* Equivalent to `Dialog`'s append to body attribute, when applying nested drawer, make sure this one is set to true */
+    appendToBody: boolean
+
+    /* Hook method called before close drawer, the first parameter is a function which should determine if the drawer should be closed */
+    beforeClose: (done: hide) => void
+
+    /** Whether the Drawer can be closed by pressing ESC */
+    closeOnPressEscape: boolean
+
+    /** Custom class names for Dialog */
+    customClass: string
+
+    /* Determine whether the wrapped children should be destroyed, if true, children's destroyed life cycle method will be called all local state will be destroyed */
+    destroyOnClose: boolean
+
+    /* Equivalent to `Dialog`'s modal attribute, determines whether the dark shadowing background should show */
+    modal: boolean
+
+    /* Equivalent to `Dialog`'s modal-append-to-body attribute, determines whether the shadowing background should be inserted direct to DocumentBody element */
+    modalAppendToBody: boolean
+
+    /* Attributes that controls the drawer's direction of display*/
+    position: Direction
+
+    /* Whether the close button should be rendered to control the drawer's visible state */
+    showClose: boolean
+
+    /* The size of the drawer component, supporting number with unit of pixel, string by percentage e.g. 30% */
+    size: number | string
+
+    /* The Drawer's title, also can be replaced by named slot `title` */
+    title: string
+
+    /* Whether the drawer component should show, also can be decorated by `.sync` */
+    visible: boolean
+
+    /* Flag attribute whi */
+    wrapperClosable: boolean
+
+    $slots: DrawerSlots
+}

package/types/dropdown-item.d.ts

@@ -10,4 +10,7 @@ export declare class ElDropdownItem extends ElementUIComponent {
 
   /** Whether a divider is displayed */
   divided: boolean
+
+  /** Icon to show on left side of text */
+  icon: string
 }

package/types/dropdown.d.ts

@@ -23,4 +23,16 @@ export declare class ElDropdown extends ElementUIComponent {
 
   /** Whether to hide menu after clicking menu-item */
   hideOnClick: boolean
+
+  /** Delay time before show a dropdown */
+  showTimeout: number
+
+  /** Delay time before hide a dropdown */
+  hideTimeout: number
+
+  /** Dropdown tabindex */
+  tabindex: number
+
+  /** Whether Dropdown is disabled */
+  disabled: boolean
 }

package/types/element-ui.d.ts

@@ -1,4 +1,4 @@
-import Vue from 'vue'
+import Vue, { PluginObject } from 'vue'
 import { ElementUIComponent, ElementUIComponentSize, ElementUIHorizontalAlignment } from './component'
 
 import { ElAlert } from './alert'
@@ -61,12 +61,34 @@ import { ElTableColumn } from './table-column'
 import { ElTag } from './tag'
 import { ElTabs } from './tabs'
 import { ElTabPane } from './tab-pane'
+import { ElTimeline } from './timeline'
+import { ElTimelineItem } from './timeline-item'
 import { ElTimePicker } from './time-picker'
 import { ElTimeSelect } from './time-select'
 import { ElTooltip } from './tooltip'
 import { ElTransfer } from './transfer'
-import { ElTree } from './tree'
+import { ElTree, TreeData } from './tree'
 import { ElUpload } from './upload'
+import { ElLink } from './link'
+import { ElDivider } from './divider'
+import { ElIcon } from './icon'
+import { ElCalendar } from './calendar'
+import { ElImage } from './image'
+import { ElBacktop } from './backtop'
+import { ElInfiniteScroll } from './infinite-scroll'
+import { ElPageHeader } from './page-header'
+import { ElAvatar } from './avatar'
+import { ElDrawer } from './drawer'
+import { ElPopconfirm } from './popconfirm'
+import { ElSkeleton } from './skeleton'
+import { ElSkeletonItem } from './skeleton-item'
+import { ElCascaderPanel } from './cascader-panel'
+import { ElEmpty } from './empty'
+import { ElSpinner } from './spinner'
+import { ElDescriptions } from './descriptions'
+import { ElDescriptionsItem } from './descriptions-item'
+import { ElResult } from './result'
+import { ElStatistic } from './statistic'
 
 export interface InstallationOptions {
   locale: any,
@@ -275,6 +297,12 @@ export class TabPane extends ElTabPane {}
 /** Tag Component */
 export class Tag extends ElTag {}
 
+/** Timeline Component */
+export class Timeline extends ElTimeline {}
+
+/** Timeline Item Component */
+export class TimelineItem extends ElTimelineItem {}
+
 /** TimePicker Component */
 export class TimePicker extends ElTimePicker {}
 
@@ -288,7 +316,67 @@ export class Tooltip extends ElTooltip {}
 export class Transfer extends ElTransfer {}
 
 /** Tree Component */
-export class Tree extends ElTree {}
+export class Tree<K = any, D extends TreeData = TreeData> extends ElTree<K, D> {}
 
 /** Upload Component */
 export class Upload extends ElUpload {}
+
+/** Divider Component */
+export class Divider extends ElDivider {}
+
+/** Link Component */
+export class Link extends ElLink {}
+
+/** Image Component */
+export class Image extends ElImage {}
+
+/** Icon Component */
+export class Icon extends ElIcon {}
+
+/** Calendar Component */
+export class Calendar extends ElCalendar {}
+
+/** Backtop Component */
+export class Backtop extends ElBacktop {}
+
+/** InfiniteScroll Directive */
+export const InfiniteScroll: PluginObject<ElInfiniteScroll>;
+
+/** PageHeader Component */
+export class PageHeader extends ElPageHeader {}
+
+/** Avatar Component */
+export class Avatar extends ElAvatar {}
+
+/** Drawer Component */
+export class Drawer extends ElDrawer {}
+
+/** Popconfirm Component */
+export class Popconfirm extends ElPopconfirm {}
+
+/** Skeleton Component */
+export class Skeleton extends ElSkeleton {}
+
+/** Skeleton Item Component */
+export class SkeletonItem extends ElSkeletonItem {}
+
+/** CascaderPanel Component */
+export class CascaderPanel extends ElCascaderPanel {}
+
+/** Empty Component */
+export class Empty extends ElEmpty {}
+
+/** Spinner Component */
+export class Spinner extends ElSpinner {}
+
+/** Description Component */
+export class Descriptions extends ElDescriptions {}
+
+/** Description Item Component */
+export class DescriptionsItem extends ElDescriptionsItem {}
+
+/** Result Component */
+export class Result extends ElResult {}
+
+/** Statistic Component */
+export class Statistic extends ElStatistic {}

package/types/empty.d.ts

@@ -0,0 +1,31 @@
+import { ElementUIComponent } from './component'
+import { VNode } from 'vue'
+
+interface ELEmptySlots {
+  /* default slot:  Custom bottom content */
+  default: VNode[]
+
+  /* image slot: Custom image */
+  image: VNode[]
+
+  /* description slot: Custom description */
+  description: VNode[]
+
+
+  [key: string]: VNode[]
+}
+
+/** Placeholder hints for empty states. */
+export declare class ElEmpty extends ElementUIComponent {
+  /* image URL */
+  image: string
+  	
+  /* image size (width) */
+  imageSize: number
+  
+  /* description */
+  description: string
+
+  $slots: ELEmptySlots
+
+}

package/types/form.d.ts

@@ -67,16 +67,16 @@ export declare class ElForm extends ElementUIComponent {
   validate (callback: ValidateCallback): void
   validate (): Promise<boolean>
   /**
-   * Validate a certain form item
+   * Validate certain form items
    *
-   * @param prop The property of `model` that is going to validate
+   * @param props The property of `model` or array of prop which is going to validate
    * @param callback A callback to tell the field validation result
    */
-  validateField (prop: string, callback: ValidateFieldCallback): void
+  validateField (props: string | string[], callback?: ValidateFieldCallback): void
 
   /** reset all the fields and remove validation result */
   resetFields (): void
-  
-  /** clear validation message for all fields */
-  clearValidate (): void
+
+  /** clear validation message for certain fields */
+  clearValidate (props?: string | string[]): void
 }

package/types/icon.d.ts

@@ -0,0 +1,7 @@
+import { ElementUIComponent } from './component'
+
+/** Icon Component */
+export declare class ElIcon extends ElementUIComponent {
+  /** Icon name */
+  name: string  
+}

package/types/image.d.ts

@@ -0,0 +1,43 @@
+import { VNode } from 'vue'
+import { ElementUIComponent } from './component'
+
+export type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export interface ImageSlots {
+  /** Placeholder content when image hasn't loaded yet */
+  placeholder: VNode[]
+
+  /** Error content when error occurs to image load */
+  error: VNode[]
+
+  [key: string]: VNode[]
+}
+
+/** Image Component */
+export declare class ElImage extends ElementUIComponent {
+  /** Image source */
+  src: string
+
+  /** Indicate how the image should be resized to fit its container, same as native 'object-fit' */
+  fit: ObjectFit
+
+  /** Whether to use lazy load */
+  lazy: boolean
+
+  /** Scroll container that to add scroll listener when using lazy load */
+  scrollContainer: string | HTMLElement
+
+  /** Native 'alt' attribute */
+  alt: string
+
+  /** Native 'referrerPolicy' attribute */
+  referrerPolicy: string
+
+  $slots: ImageSlots
+
+  previewSrcList: string[]
+
+  zIndex: number
+
+  initialIndex: number
+}

package/types/infinite-scroll.d.ts

@@ -0,0 +1,6 @@
+import { VNodeDirective } from 'vue'
+
+export interface ElInfiniteScroll extends VNodeDirective {
+  name: 'infinite-scroll',
+  value: Function
+}

package/types/input-number.d.ts

@@ -35,7 +35,10 @@ export declare class ElInputNumber extends ElementUIComponent {
   name: string
 
   /** Precision of input value */
-  precision: Number
+  precision: number
+
+  /** whether input value can only be multiple of step */
+  stepStrictly: boolean
 
   /**
    * Focus the Input component

package/types/input.d.ts

@@ -48,9 +48,12 @@ export declare class ElInput extends ElementUIComponent {
   /** Whether textarea has an adaptive height, only works when type is 'textarea' */
   autosize: boolean | AutoSize
 
-  /** Same as auto-complete in native input */
+  /** @Deprecated in next major version */
   autoComplete: string
 
+  /** Same as autocomplete in native input */
+  autocomplete: string
+
   /** Same as name in native input */
   name: string
 
@@ -75,6 +78,18 @@ export declare class ElInput extends ElementUIComponent {
   /** Same as form in native input */
   form: string
 
+  /** Whether to trigger form validatio */
+  validateEvent: boolean
+
+  /** Whether the input is clearable */
+  clearable: boolean
+
+  /** Whether to show password */
+  showPassword: boolean
+
+  /** Whether to show wordCount when setting maxLength */
+  showWordLimit: boolean
+
   /**
    * Focus the Input component
    */

package/types/link.d.ts

@@ -0,0 +1,25 @@
+import { ElementUIComponent } from './component'
+
+/** Button type */
+export type LinkType = 'primary' | 'success' | 'warning' | 'danger' | 'info' 
+
+/** Link Component */
+export declare class ElLink extends ElementUIComponent {
+  /** Link type */
+  type: LinkType
+  
+  /** Disable the link */
+  disabled: boolean
+
+  /** Link underline */
+  underline: boolean
+
+  /** Link icon, accepts an icon name of Element icon component */
+  icon: string
+
+  /** Link href */
+  href: string
+
+  /** Link target */
+  target: string
+}

package/types/loading.d.ts

@@ -1,4 +1,4 @@
-import Vue, { VNodeDirective } from 'vue'
+import Vue, { VNodeDirective, PluginObject } from 'vue'
 
 /** Options used in Loading service */
 export interface LoadingServiceOptions {
@@ -50,6 +50,8 @@ export interface ElLoading {
 
   /** If you do not have a specific DOM node to attach the Loading directive, or if you simply prefer not to use Loading as a directive, you can call this service with some configs to open a Loading instance. */
   service (options: LoadingServiceOptions): ElLoadingComponent
+
+  directive: PluginObject<never>
 }
 
 declare module 'vue/types/vue' {

package/types/message-box.d.ts

@@ -1,8 +1,8 @@
-import Vue from 'vue'
+import Vue, { VNode } from 'vue'
 import { MessageType } from './message'
 
-export type MessageBoxCloseAction = 'confirm' | 'cancel'
-export type MessageBoxData = MessageBoxCloseAction | MessageBoxInputData
+export type MessageBoxCloseAction = 'confirm' | 'cancel' | 'close'
+export type MessageBoxData = MessageBoxInputData | MessageBoxCloseAction
 
 export interface MessageBoxInputData {
   value: string,
@@ -17,6 +17,7 @@ export declare class ElMessageBoxComponent extends Vue {
   title: string
   message: string
   type: MessageType
+  iconClass: string
   customClass: string
   showInput: boolean
   showClose: boolean
@@ -46,11 +47,14 @@ export interface ElMessageBoxOptions {
   title?: string
 
   /** Content of the MessageBox */
-  message?: string
+  message?: string | VNode
 
   /** Message type, used for icon display */
   type?: MessageType
 
+  /** Custom icon's class */
+  iconClass?: string
+
   /** Custom class name for MessageBox */
   customClass?: string
 
@@ -69,6 +73,9 @@ export interface ElMessageBoxOptions {
   /** Whether to show a confirm button */
   showConfirmButton?: boolean
 
+  /** Whether to show a close button */
+  showClose?: boolean
+
   /** Text content of cancel button */
   cancelButtonText?: string
 
@@ -119,6 +126,9 @@ export interface ElMessageBoxOptions {
 
   /** Error message when validation fails */
   inputErrorMessage?: string
+
+  /** Whether to distinguish canceling and closing */
+  distinguishCancelAndClose?: boolean
 }
 
 export interface ElMessageBoxShortcutMethod {

package/types/message.d.ts

@@ -1,4 +1,4 @@
-import Vue from 'vue'
+import Vue, {VNode} from 'vue'
 
 export type MessageType = 'success' | 'warning' | 'info' | 'error'
 
@@ -20,7 +20,7 @@ export interface CloseEventHandler {
 /** Options used in Message */
 export interface ElMessageOptions {
   /** Message text */
-  message: string
+  message: string | VNode
 
   /** Message type */
   type?: MessageType
@@ -45,6 +45,9 @@ export interface ElMessageOptions {
 
   /** Callback function when closed with the message instance as the parameter */
   onClose?: CloseEventHandler
+  
+  /** Set the distance to the top of viewport. Default is 20 px. */
+  offset?: number
 }
 
 export interface ElMessage {
@@ -56,15 +59,27 @@ export interface ElMessage {
 
   /** Show a success message */
   success (text: string): ElMessageComponent
+  
+  /** Show a success message with options */
+  success (options: ElMessageOptions): ElMessageComponent
 
   /** Show a warning message */
   warning (text: string): ElMessageComponent
+  
+  /** Show a warning message with options */
+  warning (options: ElMessageOptions): ElMessageComponent
 
   /** Show an info message */
   info (text: string): ElMessageComponent
+  
+  /** Show an info message with options */
+  info (options: ElMessageOptions): ElMessageComponent
 
   /** Show an error message */
   error (text: string): ElMessageComponent
+  
+  /** Show an error message with options */
+  error (options: ElMessageOptions): ElMessageComponent
 }
 
 declare module 'vue/types/vue' {

package/types/page-header.d.ts

@@ -0,0 +1,10 @@
+import { ElementUIComponent } from './component'
+
+/** PageHeader Component */
+export declare class ElPageHeader extends ElementUIComponent {
+  /** title */
+  title: String
+
+  /** content */
+  content: String
+}

package/types/pagination.d.ts

@@ -37,4 +37,7 @@ export declare class ElPagination extends ElementUIComponent {
 
   /** Text for the prev button */
   nextText: string
+
+  /** Whether to hide when thers's only one page */ 
+  hideOnSinglePage: boolean
 }

package/types/popconfirm.d.ts

@@ -0,0 +1,29 @@
+import { ElementUIComponent } from './component'
+import { ElPopover } from './popover'
+
+/** Popconfirm Component */
+export declare class ElPopconfirm extends ElPopover {
+  /** Popconfirm title */
+  title: string
+
+  /** Popconfirm ok text */
+  confirmButtonText: string
+  
+  /** Popconfirm cancel text */
+  cancelButtonText: string
+
+  /** Popconfirm ok type */
+  confirmButtonType: string
+
+  /** Popconfirm cancal type */
+  cancelButtonType: string
+
+  /** Popconfirm icon */
+  icon: string
+
+  /** Popconfirm icon color */
+  iconColor: string
+
+  /** Popconfirm hide icon */
+  hideIcon: boolean
+}

package/types/popover.d.ts

@@ -58,8 +58,14 @@ export declare class ElPopover extends ElementUIComponent {
   /** Custom class name for popover */
   popperClass: string
 
-  /** Delay of appearance when trigger is hover, in milliseconds */
+  /** Delay before appearing when trigger is hover, in milliseconds */
   openDelay: number
 
+  /** Delay before disappearing when trigger is hover, in milliseconds */
+  closeDelay: number
+
+  /** Popover tabindex */
+  tabindex: number
+
   $slots: PopoverSlots
 }