vxe-pc-ui 0.0.2 → 0.2.0

package/types/components/textarea.d.ts

@@ -0,0 +1,212 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSize, ValueOf } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeTextarea: defineVxeComponent<VxeTextareaProps, VxeTextareaEventProps>
+
+export type VxeTextareaInstance = ComponentPublicInstance<VxeTextareaProps, VxeTextareaConstructor>
+
+export interface VxeTextareaConstructor extends VxeComponentBase, VxeTextareaMethods {
+  props: VxeTextareaProps
+  context: SetupContext<VxeTextareaEmits>
+  reactData: TextareaReactData
+  getRefMaps(): TextareaPrivateRef
+  getComputeMaps(): TextareaPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface TextareaPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+  refTextarea: Ref<HTMLTextAreaElement>
+}
+export interface VxeTextareaPrivateRef extends TextareaPrivateRef { }
+
+export namespace VxeTextareaPropTypes {
+  export type Size = VxeComponentSize
+  export type ModelValue = string | number
+  export type ClassName = string
+  export type Immediate = boolean
+  export type Name = string
+  export type Readonly = boolean
+  export type Disabled = boolean
+  export type Placeholder = string
+  export type Maxlength = string | number
+  export type Rows = string | number
+  export type Cols = string | number
+  export type ShowWordCount = boolean
+  export type CountMethod = (params: {
+    value: string
+  }) => number
+  export type Autosize = {
+    minRows?: number
+    maxRows?: number
+  }
+  export type Form = string
+  export type Resize = string
+}
+
+export type VxeTextareaProps = {
+  size?: VxeTextareaPropTypes.Size
+  /**
+   * 绑定值
+   */
+  modelValue?: VxeTextareaPropTypes.ModelValue
+  className?: VxeTextareaPropTypes.ClassName
+  immediate?: VxeTextareaPropTypes.Immediate
+  /**
+   * 原生 name 属性
+   */
+  name?: VxeTextareaPropTypes.Name
+  /**
+   * 是否只读
+   */
+  readonly?: VxeTextareaPropTypes.Readonly
+  /**
+   * 是否禁用
+   */
+  disabled?: VxeTextareaPropTypes.Disabled
+  /**
+   * 当值为空时，显示的占位符
+   */
+  placeholder?: VxeTextareaPropTypes.Placeholder
+  /**
+   * 最大长度
+   */
+  maxlength?: VxeTextareaPropTypes.Maxlength
+  /**
+   * 原生 rows 属性
+   */
+  rows?: VxeTextareaPropTypes.Rows
+  /**
+   * 原生 cols 属性
+   */
+  cols?: VxeTextareaPropTypes.Cols
+  /**
+   * 是否显示字数统计
+   */
+  showWordCount?: VxeTextareaPropTypes.ShowWordCount
+  /**
+   * 自定义字数统计方法
+   */
+  countMethod?: VxeTextareaPropTypes.CountMethod
+  /**
+   * 自适应文本高度
+   */
+  autosize?: VxeTextareaPropTypes.Autosize
+  /**
+   * 原生 form 属性
+   */
+  form?: VxeTextareaPropTypes.Form
+  /**
+   * 调整文本域大小的方式
+   */
+  resize?: VxeTextareaPropTypes.Resize
+}
+
+export interface TextareaPrivateComputed {
+}
+export interface VxeTextareaPrivateComputed extends TextareaPrivateComputed { }
+
+export interface TextareaReactData {
+  inputValue: any
+}
+
+export interface TextareaMethods {
+  dispatchEvent(type: ValueOf<VxeTextareaEmits>, params: any, evnt: Event): void
+  /**
+   * 获取焦点
+   */
+  focus(): Promise<any>
+  /**
+   * 失去焦点
+   */
+  blur(): Promise<any>
+}
+export interface VxeTextareaMethods extends TextareaMethods { }
+
+export interface TextareaPrivateMethods { }
+export interface VxeTextareaPrivateMethods extends TextareaPrivateMethods { }
+
+export type VxeTextareaEmits = [
+  'update:modelValue',
+  'input',
+  'keydown',
+  'keyup',
+  'click',
+  'change',
+  'focus',
+  'blur'
+]
+
+export namespace VxeTextareaDefines {
+  export interface TextareaEventParams extends VxeComponentEvent {
+    $textarea: VxeTextareaConstructor
+  }
+
+  export interface InputParams {
+    value: string
+  }
+  export interface InputEventParams extends TextareaEventParams, InputParams { }
+
+  export interface ChangeParams extends InputParams {}
+  export interface ChangeEventParams extends TextareaEventParams, ChangeParams { }
+
+  export interface KeyupParams extends InputParams {}
+  export interface KeyupEventParams extends TextareaEventParams, KeyupParams { }
+
+  export interface KeydownParams extends InputParams {}
+  export interface KeydownEventParams extends TextareaEventParams, KeydownParams { }
+
+  export interface ClickParams extends InputParams {}
+  export interface ClickEventParams extends TextareaEventParams, ClickParams { }
+
+  export interface FocusParams extends InputParams {}
+  export interface FocusEventParams extends TextareaEventParams, FocusParams { }
+
+  export interface BlurParams extends InputParams {}
+  export interface BlurEventParams extends TextareaEventParams, BlurParams { }
+}
+
+export type VxeTextareaEventProps = {
+  onInput?: VxeTextareaEvents.Input
+  onChange?: VxeTextareaEvents.Change
+  onKeydown?: VxeTextareaEvents.Keydown
+  onKeyup?: VxeTextareaEvents.Keyup
+  onClick?: VxeTextareaEvents.Click
+  onFocus?: VxeTextareaEvents.Focus
+  onBlur?: VxeTextareaEvents.Blur
+}
+
+export interface VxeTextareaListeners {
+  input?: VxeTextareaEvents.Input
+  change?: VxeTextareaEvents.Change
+  keydown?: VxeTextareaEvents.Keydown
+  keyup?: VxeTextareaEvents.Keyup
+  click?: VxeTextareaEvents.Click
+  focus?: VxeTextareaEvents.Focus
+  blur?: VxeTextareaEvents.Blur
+}
+
+export namespace VxeTextareaEvents {
+  export type Input = (params: VxeTextareaDefines.InputEventParams) => void
+  export type Change = (params: VxeTextareaDefines.ChangeEventParams) => void
+  export type Keydown = (params: VxeTextareaDefines.KeydownEventParams) => void
+  export type Keyup = (params: VxeTextareaDefines.KeyupEventParams) => void
+  export type Click = (params: VxeTextareaDefines.ClickEventParams) => void
+  export type Focus = (params: VxeTextareaDefines.FocusEventParams) => void
+  export type Blur = (params: VxeTextareaDefines.BlurEventParams) => void
+}
+
+export namespace VxeTextareaSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxeTextareaSlots {
+  default: (params: VxeTextareaSlotTypes.DefaultSlotParams) => any
+}
+
+export const Textarea: typeof VxeTextarea
+export default VxeTextarea

package/types/components/tooltip.d.ts

@@ -0,0 +1,122 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, VxeComponentSize, VxeComponentStyle, ValueOf } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeTooltip: defineVxeComponent<VxeTooltipProps, VxeTooltipEventProps>
+
+export type VxeTooltipInstance = ComponentPublicInstance<VxeTooltipProps, VxeTooltipConstructor>
+
+export interface VxeTooltipConstructor extends VxeComponentBase, VxeTooltipMethods {
+  props: VxeTooltipProps
+  context: SetupContext<VxeTooltipEmits>
+  reactData: TooltipReactData
+  getRefMaps(): TooltipPrivateRef
+  getComputeMaps(): TooltipPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface TooltipPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeTooltipPrivateRef extends TooltipPrivateRef { }
+
+export namespace VxeTooltipPropTypes {
+  export type Size = VxeComponentSize
+  export type ModelValue = boolean
+  export type Trigger = 'hover' | 'click' | 'manual' | '' | null
+  export type Theme = string
+  export type Content = string | number
+  export type UseHTML = boolean
+  export type ZIndex = string | number
+  export type PopupClassName = string | ((params: { $tooltip: VxeTooltipConstructor }) => string)
+  export type IsArrow = boolean
+  export type Enterable = boolean
+  export type EnterDelay = number
+  export type LeaveDelay = number
+  export type LeaveMethod = (params: { $event: MouseEvent }) => boolean
+}
+
+export type VxeTooltipProps = {
+  size?: VxeTooltipPropTypes.Size
+  modelValue?: VxeTooltipPropTypes.ModelValue
+  trigger?: VxeTooltipPropTypes.Trigger
+  theme?: VxeTooltipPropTypes.Theme
+  content?: VxeTooltipPropTypes.Content
+  useHTML?: VxeTooltipPropTypes.UseHTML
+  popupClassName?: VxeTooltipPropTypes.PopupClassName
+  zIndex?: VxeTooltipPropTypes.ZIndex
+  isArrow?: VxeTooltipPropTypes.IsArrow
+  enterable?: VxeTooltipPropTypes.Enterable
+  enterDelay?: VxeTooltipPropTypes.EnterDelay
+  leaveDelay?: VxeTooltipPropTypes.LeaveDelay
+  leaveMethod?: VxeTooltipPropTypes.LeaveMethod
+}
+
+export interface TooltipPrivateComputed {
+}
+export interface VxeTooltipPrivateComputed extends TooltipPrivateComputed { }
+
+export interface TooltipReactData {
+  target: HTMLElement | null
+  isUpdate: boolean
+  visible: boolean
+  tipContent: string | number | undefined,
+  tipActive: boolean
+  tipTarget: HTMLElement | null
+  tipZindex: number
+  tipStore: {
+    style: VxeComponentStyle
+    placement: any
+    arrowStyle: VxeComponentStyle
+  }
+}
+
+export interface TooltipMethods {
+  dispatchEvent(type: ValueOf<VxeTooltipEmits>, params: any, evnt: Event): void
+  /**
+   * 显示
+   * @param target 自定义目标元素
+   * @param content 自定义内容
+   */
+  open(target?: any, content?: VxeTooltipPropTypes.Content): Promise<void>
+  toVisible(target?: HTMLElement, content?: VxeTooltipPropTypes.Content): Promise<void>
+  /**
+   * 隐藏
+   */
+  close(): Promise<any>
+  updatePlacement(): Promise<any>
+  isActived(): boolean
+  setActived(actived: boolean): void
+}
+export interface VxeTooltipMethods extends TooltipMethods { }
+
+export interface TooltipPrivateMethods { }
+export interface VxeTooltipPrivateMethods extends TooltipPrivateMethods { }
+
+export type VxeTooltipEmits = [
+  'update:modelValue'
+]
+
+export namespace VxeTooltipDefines {
+  export interface TooltipEventParams extends VxeComponentEvent {
+    $tooltip: VxeTooltipConstructor
+  }
+}
+
+export type VxeTooltipEventProps = {}
+
+export interface VxeTooltipListeners { }
+
+export namespace VxeTooltipEvents { }
+
+export namespace VxeTooltipSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeTooltipSlots {
+  default: (params: VxeTooltipSlotTypes.DefaultSlotParams) => any
+}
+
+export const Tooltip: typeof VxeTooltip
+export default VxeTooltip

package/types/tool/common.d.ts

@@ -36,6 +36,11 @@ export interface VxeComponentEvent {
  */
 export type VxeComponentSize = null | '' | 'medium' | 'small' | 'mini'
 
+/**
+ * 组件对齐方式
+ */
+export type VxeComponentAlign = null | '' | 'left' | 'right' | 'center'
+
 /**
  * 组件样式类型
  */

package/types/ui/global-config.d.ts

@@ -1,15 +1,52 @@
-import { VxeBreadcrumbPropTypes } from '../component/breadcrumb'
+import { VxeComponentSize } from '../tool'
+import { VxeTooltipProps } from '../components/tooltip'
+import { VxePagerProps } from '../components/pager'
+import { VxeFormProps } from '../components/form'
+import { VxeInputProps } from '../components/input'
+import { VxeTextareaProps } from '../components/textarea'
+import { VxeSelectProps } from '../components/select'
+import { VxeButtonProps } from '../components/button'
+import { VxeButtonGroupProps } from '../components/button-group'
+import { VxeRadioProps } from '../components/radio'
+import { VxeRadioButtonProps } from '../components/radio-button'
+import { VxeRadioGroupProps } from '../components/radio-group'
+import { VxeCheckboxProps } from '../components/checkbox'
+import { VxeCheckboxGroupProps } from '../components/checkbox-group'
+import { VxeSwitchProps } from '../components/switch'
+import { VxeModalProps } from '../components/modal'
+import { VxeListProps } from '../components/list'
+import { VxeBreadcrumbProps } from '../components/breadcrumb'
+import { VxeFormDesignProps } from '../components/form-design'
 
 /**
  * 全局参数对象
  */
 export interface VxeGlobalConfig {
+  zIndex?: number
+  size?: VxeComponentSize
+  version?: string | number
   theme?: null | '' | 'default' | 'dark'
+  emptyCell?: string
+  loadingText?: string
 
-  // breadcrumb
-  breadcrumb?: {
-    separator: VxeBreadcrumbPropTypes.Separator
-  }
+  i18n?(key: string, args?: any): string
 
-  [key: string]: any
+  tooltip?: VxeTooltipProps
+  pager?: VxePagerProps
+  form?: VxeFormProps
+  input?: VxeInputProps
+  textarea?: VxeTextareaProps
+  select?: VxeSelectProps
+  button?: VxeButtonProps
+  buttonGroup?: VxeButtonGroupProps
+  radio?: VxeRadioProps
+  radioButton?: VxeRadioButtonProps
+  radioGroup?: VxeRadioGroupProps
+  checkbox?: VxeCheckboxProps
+  checkboxGroup?: VxeCheckboxGroupProps
+  switch?: VxeSwitchProps
+  modal?: VxeModalProps
+  list?: VxeListProps
+  breadcrumb?: VxeBreadcrumbProps,
+  formDesign?: VxeFormDesignProps
 }

package/types/ui/global-icon.d.ts

@@ -2,14 +2,84 @@
  * 全局图标参数
  */
 export interface VxeGlobalIcon {
-  /**
-   * 按钮 - 下拉按钮图标
-   */
-  BUTTON_DROPDOWN?: string
-  /**
-   * 按钮 - 加载中图标
-   */
-  BUTTON_LOADING?: string
-
-  [key: string]: any
+  // loading
+  LOADING: string
+
+  // table
+  TABLE_SORT_ASC: string
+  TABLE_SORT_DESC: string
+  TABLE_FILTER_NONE: string
+  TABLE_FILTER_MATCH: string
+  TABLE_EDIT: string
+  TABLE_TITLE_PREFIX: string
+  TABLE_TITLE_SUFFIX: string
+  TABLE_TREE_LOADED: string
+  TABLE_TREE_OPEN: string
+  TABLE_TREE_CLOSE: string
+  TABLE_EXPAND_LOADED: string
+  TABLE_EXPAND_OPEN: string
+  TABLE_EXPAND_CLOSE: string
+  TABLE_CHECKBOX_CHECKED: string
+  TABLE_CHECKBOX_UNCHECKED: string
+  TABLE_CHECKBOX_INDETERMINATE: string
+  TABLE_RADIO_CHECKED: string
+  TABLE_RADIO_UNCHECKED: string
+
+  // button
+  BUTTON_DROPDOWN: string
+  BUTTON_LOADING: string
+
+  // select
+  SELECT_LOADED: string
+  SELECT_OPEN: string
+  SELECT_CLOSE: string
+
+  // pager
+  PAGER_HOME: string
+  PAGER_END: string
+  PAGER_JUMP_PREV: string
+  PAGER_JUMP_NEXT: string
+  PAGER_PREV_PAGE: string
+  PAGER_NEXT_PAGE: string
+  PAGER_JUMP_MORE: string
+
+  // input
+  INPUT_CLEAR: string
+  INPUT_PWD: string
+  INPUT_SHOW_PWD: string
+  INPUT_PREV_NUM: string
+  INPUT_NEXT_NUM: string
+  INPUT_DATE: string
+  INPUT_SEARCH: string
+
+  // modal
+  MODAL_ZOOM_IN: string
+  MODAL_ZOOM_OUT: string
+  MODAL_CLOSE: string
+  MODAL_INFO: string
+  MODAL_SUCCESS: string
+  MODAL_WARNING: string
+  MODAL_ERROR: string
+  MODAL_QUESTION: string
+  MODAL_LOADING: string
+
+  // toolbar
+  TOOLBAR_TOOLS_REFRESH: string
+  TOOLBAR_TOOLS_REFRESH_LOADING: string
+  TOOLBAR_TOOLS_IMPORT: string
+  TOOLBAR_TOOLS_EXPORT: string
+  TOOLBAR_TOOLS_PRINT: string
+  TOOLBAR_TOOLS_FULLSCREEN: string
+  TOOLBAR_TOOLS_MINIMIZE: string
+  TOOLBAR_TOOLS_CUSTOM: string
+  TOOLBAR_TOOLS_FIXED_LEFT: string
+  TOOLBAR_TOOLS_FIXED_LEFT_ACTIVED: string
+  TOOLBAR_TOOLS_FIXED_RIGHT: string
+  TOOLBAR_TOOLS_FIXED_RIGHT_ACTIVED: string
+
+  // form
+  FORM_PREFIX: string
+  FORM_SUFFIX: string
+  FORM_FOLDING: string
+  FORM_UNFOLDING: string
 }

package/types/ui/index.d.ts

@@ -1,5 +1,8 @@
 import { VxeGlobalConfig } from './global-config'
 import { VxeGlobalIcon } from './global-icon'
+import { VxeGlobalRenderer } from './renderer'
+import { VxeGlobalValidators } from './validators'
+import { ModalController } from '../components/modal'
 
 export function setConfig(options?: VxeGlobalConfig): Readonly<VxeGlobalConfig>
 
@@ -7,10 +10,18 @@ export function getConfig(key: string | number | null | undefined, defaultValue?
 
 export function setIcon(options?: VxeGlobalIcon): Readonly<VxeGlobalIcon>
 
-export function getIcon(key: string): string
+export function getIcon(key: string): any
+
+export function getI18n(key: string, args?: any): string
 
 export const version: string
 
+export const renderer: VxeGlobalRenderer
+
+export const validators: VxeGlobalValidators
+
+export const modal: ModalController
+
 export interface VxeUIExport {
   /**
    * 版本号
@@ -28,15 +39,27 @@ export interface VxeUIExport {
    * 设置全局图标
    */
   setIcon: typeof setIcon
+  /**
+   * 翻译组件语言
+   */
+  getI18n: typeof getI18n
   /**
    * 获取全局图标
    */
-  getIcon: typeof getIcon
+  getIcon: typeof getIcon,
+
+  renderer: VxeGlobalRenderer
+  validators: VxeGlobalValidators
+
+  // 全局弹窗对象
+  modal: ModalController
 }
 
 export declare const VxeUI: VxeUIExport
 
 export * from './global-config'
 export * from './global-icon'
+export * from './renderer'
+export * from './validators'
 
 export default VxeUI