vxe-pc-ui 0.0.2 → 0.1.0

package/types/components/pager.d.ts

@@ -0,0 +1,208 @@
+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 VxePager: defineVxeComponent<VxePagerProps, VxePagerEventProps>
+
+export type VxePagerInstance = ComponentPublicInstance<VxePagerProps, VxePagerConstructor>
+
+export interface VxePagerConstructor extends VxeComponentBase, VxePagerMethods {
+  props: VxePagerProps
+  context: SetupContext<VxePagerEmits>
+  reactData: PagerReactData
+  getRefMaps(): PagerPrivateRef
+  getComputeMaps(): PagerPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface PagerPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxePagerPrivateRef extends PagerPrivateRef { }
+
+export type PageSizeItemType = number | {
+  label?: number | string
+  value?: number | string
+}
+
+export namespace VxePagerPropTypes {
+  export type Size = VxeComponentSize
+  export type Layouts = Array<'Home' | 'PrevJump' | 'PrevPage' | 'Number' | 'JumpNumber' | 'NextPage' | 'NextJump' | 'End' | 'Sizes' | 'Jump' | 'FullJump' | 'PageCount' | 'Total'>
+  export type CurrentPage = number
+  export type Loading = boolean
+  export type PageSize = number
+  export type Total = number
+  export type PagerCount = number
+  export type PageSizes = PageSizeItemType[]
+  export type Align = string
+  export type Border = boolean
+  export type Background = boolean
+  export type Perfect = boolean
+  export type AutoHidden = boolean
+  export type Transfer = boolean
+  export type ClassName = string | ((params: {
+    $pager: VxePagerConstructor
+  }) => string)
+  export type IconPrevPage = string
+  export type IconJumpPrev = string
+  export type IconJumpNext = string
+  export type IconNextPage = string
+  export type IconJumpMore = string
+  export type IconHome = string
+  export type IconEnd = string
+}
+
+export type VxePagerProps = {
+  size?: VxePagerPropTypes.Size
+  /**
+   * 自定义布局
+   */
+  layouts?: VxePagerPropTypes.Layouts
+  /**
+   * 当前页
+   */
+  currentPage?: VxePagerPropTypes.CurrentPage
+  /**
+   * 加载中
+   */
+  loading?: VxePagerPropTypes.Loading
+  /**
+   * 每页大小
+   */
+  pageSize?: VxePagerPropTypes.PageSize
+  /**
+   * 总条数
+   */
+  total?: VxePagerPropTypes.Total
+  /**
+   * 显示页码按钮的数量
+   */
+  pagerCount?: VxePagerPropTypes.PagerCount
+  /**
+   * 每页大小选项列表
+   */
+  pageSizes?: VxePagerPropTypes.PageSizes
+  /**
+   * 列对其方式
+   */
+  align?: VxePagerPropTypes.Align
+  /**
+   * 带边框
+   */
+  border?: VxePagerPropTypes.Border
+  /**
+   * 带背景颜色
+   */
+  background?: VxePagerPropTypes.Background
+  /**
+   * 配套的样式
+   */
+  perfect?: VxePagerPropTypes.Perfect
+  /**
+   * 当只有一页时隐藏
+   */
+  autoHidden?: VxePagerPropTypes.AutoHidden
+  transfer?: VxePagerPropTypes.Transfer
+  className?: VxePagerPropTypes.ClassName
+  /**
+   * 自定义图标
+   */
+  iconPrevPage?: VxePagerPropTypes.IconPrevPage
+  iconJumpPrev?: VxePagerPropTypes.IconJumpPrev
+  iconJumpNext?: VxePagerPropTypes.IconJumpNext
+  iconNextPage?: VxePagerPropTypes.IconNextPage
+  iconJumpMore?: VxePagerPropTypes.IconJumpMore
+  iconHome?: VxePagerPropTypes.IconHome
+  iconEnd?: VxePagerPropTypes.IconEnd
+}
+
+export interface PagerPrivateComputed {
+}
+export interface VxePagerPrivateComputed extends PagerPrivateComputed { }
+
+export interface PagerReactData {
+  inpCurrPage: string | number
+}
+
+export interface PagerMethods {
+  dispatchEvent(type: ValueOf<VxePagerEmits>, params: any, evnt?: Event): void
+  /**
+   * 首页
+   */
+  homePage(): Promise<any>
+  /**
+   * 末页
+   */
+  endPage(): Promise<any>
+  /**
+   * 上一页
+   */
+  prevPage(): Promise<any>
+  /**
+   * 下一页
+   */
+  nextPage(): Promise<any>
+  /**
+   * 向上翻页
+   */
+  prevJump(): Promise<any>
+  /**
+   * 向下翻页
+   */
+  nextJump(): Promise<any>
+}
+export interface VxePagerMethods extends PagerMethods { }
+
+export interface PagerPrivateMethods {
+  handlePrevPage(evnt: Event): void
+  handleNextPage(evnt: Event): void
+  handlePrevJump(evnt: Event): void
+  handleNextJump(evnt: Event): void
+}
+export interface VxePagerPrivateMethods extends PagerPrivateMethods { }
+
+export type VxePagerEmits = [
+  'update:pageSize',
+  'update:currentPage',
+  'page-change'
+]
+
+export namespace VxePagerDefines {
+  export interface PagerEventParams extends VxeComponentEvent {
+    $pager: VxePagerConstructor
+  }
+
+  export type PageChangeParams = {
+    type: 'current' | 'size'
+    pageSize: number
+    currentPage: number
+  }
+  export interface PageChangeEventParams extends PagerEventParams, PageChangeParams { }
+}
+
+export type VxePagerEventProps = {
+  onPageChange?: VxePagerEvents.PageChange
+}
+
+export interface VxePagerListeners {
+  pageChange?: VxePagerEvents.PageChange
+}
+
+export namespace VxePagerEvents {
+  export type PageChange = (params: VxePagerDefines.PageChangeEventParams) => void
+}
+
+export namespace VxePagerSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxePagerSlots {
+  left: (params: VxePagerSlotTypes.DefaultSlotParams) => any
+  right: (params: VxePagerSlotTypes.DefaultSlotParams) => any
+}
+
+export const Pager: typeof VxePager
+export default VxePager

package/types/components/pulldown.d.ts

@@ -0,0 +1,134 @@
+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 VxePulldown: defineVxeComponent<VxePulldownProps, VxePulldownEventProps>
+
+export type VxePulldownInstance = ComponentPublicInstance<VxePulldownProps, VxePulldownConstructor>
+
+export interface VxePulldownConstructor extends VxeComponentBase, VxePulldownMethods {
+  props: VxePulldownProps
+  context: SetupContext<VxePulldownEmits>
+  reactData: PulldownReactData
+  getRefMaps(): PulldownPrivateRef
+  getComputeMaps(): PulldownPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface PulldownPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxePulldownPrivateRef extends PulldownPrivateRef { }
+
+export namespace VxePulldownPropTypes {
+  export type ModelValue = boolean
+  export type Size = VxeComponentSize
+  export type Disabled = boolean
+  export type Placement = string
+  export type ClassName = string | ((params: { $pulldown: VxePulldownConstructor }) => string)
+  export type PopupClassName = string | ((params: { $pulldown: VxePulldownConstructor }) => string)
+  export type DestroyOnClose = boolean
+  export type Transfer = boolean
+}
+
+export type VxePulldownProps = {
+  size?: VxePulldownPropTypes.Size
+  modelValue?: VxePulldownPropTypes.ModelValue
+  /**
+   * 是否禁用
+   */
+  disabled?: VxePulldownPropTypes.Disabled
+  className?: VxePulldownPropTypes.ClassName
+  popupClassName?: VxePulldownPropTypes.PopupClassName
+  /**
+   * 固定显示下拉面板的方向
+   */
+  placement?: VxePulldownPropTypes.Placement
+  /**
+   * 在下拉容器关闭时销毁内容
+   */
+  destroyOnClose?: VxePulldownPropTypes.DestroyOnClose
+  /**
+   * 是否将弹框容器插入于 body 内（对于嵌入到表格或者弹窗中被遮挡时需要设置为 true）
+   */
+  transfer?: VxePulldownPropTypes.Transfer
+}
+
+export interface PulldownPrivateComputed {
+}
+export interface VxePulldownPrivateComputed extends PulldownPrivateComputed { }
+
+export interface PulldownReactData {
+  inited: boolean
+  panelIndex: number
+  panelStyle: VxeComponentStyle | null
+  panelPlacement: string | null
+  visiblePanel: boolean
+  animatVisible: boolean
+  isActivated: boolean
+}
+
+export interface PulldownMethods {
+  dispatchEvent(type: ValueOf<VxePulldownEmits>, params: any, evnt: Event): void
+  /**
+   * 判断下拉面板是否可视
+   */
+  isPanelVisible(): boolean
+
+  /**
+   * 切换下拉面板
+   */
+  togglePanel(): Promise<void>
+
+  /**
+   * 显示下拉面板
+   */
+  showPanel(): Promise<void>
+
+  /**
+   * 隐藏下拉面板
+   */
+  hidePanel(): Promise<void>
+}
+export interface VxePulldownMethods extends PulldownMethods { }
+
+export interface PulldownPrivateMethods { }
+export interface VxePulldownPrivateMethods extends PulldownPrivateMethods { }
+
+export type VxePulldownEmits = [
+  'update:modelValue',
+  'hide-panel'
+]
+
+export namespace VxePulldownDefines {
+  export interface PulldownEventParams extends VxeComponentEvent {
+    $pulldown: VxePulldownConstructor
+  }
+}
+
+export type VxePulldownEventProps = {
+  onHidePanel?: VxePulldownEvents.HidePanel
+}
+
+export interface VxePulldownListeners {
+  hidePanel?: VxePulldownEvents.HidePanel
+}
+
+export namespace VxePulldownEvents { }
+
+export namespace VxePulldownSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxePulldownSlots {
+  header: (params: VxePulldownSlotTypes.DefaultSlotParams) => any
+  default: (params: VxePulldownSlotTypes.DefaultSlotParams) => any
+  footer: (params: VxePulldownSlotTypes.DefaultSlotParams) => any
+  dropdown: (params: VxePulldownSlotTypes.DefaultSlotParams) => any
+}
+
+export const Pulldown: typeof VxePulldown
+export default VxePulldown

package/types/components/radio-button.d.ts

@@ -0,0 +1,99 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeRadioButton: defineVxeComponent<VxeRadioButtonProps, VxeRadioButtonEventProps>
+
+export type VxeRadioButtonInstance = ComponentPublicInstance<VxeRadioButtonProps, VxeRadioButtonConstructor>
+
+export interface VxeRadioButtonConstructor extends VxeComponentBase, VxeRadioButtonMethods {
+  props: VxeRadioButtonProps
+  context: SetupContext<VxeRadioButtonEmits>
+  reactData: RadioButtonReactData
+  getRefMaps(): RadioButtonPrivateRef
+  getComputeMaps(): RadioButtonPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface RadioButtonPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeRadioButtonPrivateRef extends RadioButtonPrivateRef { }
+
+export namespace VxeRadioButtonPropTypes {
+  export type Size = VxeRadioPropTypes.Size
+  export type ModelValue = any
+  export type Strict = boolean
+  export type Label = VxeRadioPropTypes.Label
+  export type Title = string | number
+  export type Content = string | number
+  export type Disabled = boolean
+}
+
+export type VxeRadioButtonProps = {
+  size?: VxeRadioButtonPropTypes.Size
+  modelValue?: VxeRadioButtonPropTypes.ModelValue
+  /**
+   * 严格模式，不允许取消
+   */
+  strict?: VxeRadioButtonPropTypes.Strict
+  label?: VxeRadioButtonPropTypes.Label
+  title?: VxeRadioButtonPropTypes.Title
+  content?: VxeRadioButtonPropTypes.Content
+  disabled?: VxeRadioButtonPropTypes.Disabled
+}
+
+export interface RadioButtonPrivateComputed {
+}
+export interface VxeRadioButtonPrivateComputed extends RadioButtonPrivateComputed { }
+
+export interface RadioButtonReactData {
+}
+
+export interface RadioButtonMethods {
+  dispatchEvent(type: ValueOf<VxeRadioButtonEmits>, params: any, evnt: Event): void
+}
+export interface VxeRadioButtonMethods extends RadioButtonMethods { }
+
+export interface RadioButtonPrivateMethods { }
+export interface VxeRadioButtonPrivateMethods extends RadioButtonPrivateMethods { }
+
+export type VxeRadioButtonEmits = [
+  'update:modelValue',
+  'change'
+]
+
+export namespace VxeRadioButtonDefines {
+  interface RadioButtonEventParams extends VxeComponentEvent {
+    $radioButton: VxeRadioButtonConstructor
+  }
+
+  export interface ChangeParams {
+    label: any
+  }
+  export interface ChangeEventParams extends RadioButtonEventParams, ChangeParams { }
+}
+
+export type VxeRadioButtonEventProps = {
+  onChange?: VxeRadioButtonEvents.Change
+}
+
+export interface VxeRadioButtonListeners {
+  change?: VxeRadioButtonEvents.Change
+}
+
+export namespace VxeRadioButtonEvents {
+  export type Change = (params: VxeRadioButtonDefines.ChangeEventParams) => void
+}
+
+export namespace VxeRadioButtonSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeRadioButtonSlots {
+  default: (params: VxeRadioButtonSlotTypes.DefaultSlotParams) => any
+}
+
+export const RadioButton: typeof VxeRadioButton
+export default VxeRadioButton

package/types/components/radio-group.d.ts

@@ -0,0 +1,107 @@
+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 VxeRadioGroup: defineVxeComponent<VxeRadioGroupProps, VxeRadioGroupEventProps>
+
+export type VxeRadioGroupInstance = ComponentPublicInstance<VxeRadioGroupProps, VxeRadioGroupConstructor>
+
+export interface VxeRadioGroupConstructor extends VxeComponentBase, VxeRadioGroupMethods {
+  name: string
+  props: VxeRadioGroupProps
+  context: SetupContext<VxeRadioGroupEmits>
+  reactData: RadioGroupReactData
+  getRefMaps(): RadioGroupPrivateRef
+  getComputeMaps(): RadioGroupPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface RadioGroupPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeRadioGroupPrivateRef extends RadioGroupPrivateRef { }
+
+export namespace VxeRadioGroupPropTypes {
+  export type Size = VxeComponentSize
+  export type Type = 'button' | 'default' | '' | null
+  export type Options = {
+    value?: VxeRadioPropTypes.Label
+    label?: VxeRadioPropTypes.Content
+
+    [key: string]: any
+  }[]
+  export type OptionProps = VxeGlobalRendererHandles.RenderOptionProps
+  export type ModelValue = any
+  export type Strict = boolean
+  export type Disabled = boolean
+}
+
+export type VxeRadioGroupProps = {
+  size?: VxeRadioGroupPropTypes.Size
+  type?: VxeRadioGroupPropTypes.Type
+  options?: VxeRadioGroupPropTypes.Options
+  optionProps?: VxeRadioGroupPropTypes.OptionProps
+  /**
+   * 严格模式，不允许取消
+   */
+  strict?: VxeRadioGroupPropTypes.Strict
+  modelValue?: VxeRadioGroupPropTypes.ModelValue
+  disabled?: VxeRadioGroupPropTypes.Disabled
+}
+
+export interface RadioGroupPrivateComputed {
+}
+export interface VxeRadioGroupPrivateComputed extends RadioGroupPrivateComputed { }
+
+export interface RadioGroupReactData {
+}
+
+export interface RadioGroupMethods {
+  dispatchEvent(type: ValueOf<VxeRadioGroupEmits>, params: any, evnt?: Event): void
+}
+export interface VxeRadioGroupMethods extends RadioGroupMethods { }
+
+export interface RadioGroupPrivateMethods {
+  handleChecked(params: { label: any }, evnt: Event): void
+}
+export interface VxeRadioGroupPrivateMethods extends RadioGroupPrivateMethods { }
+
+export type VxeRadioGroupEmits = [
+  'update:modelValue',
+  'change'
+]
+
+export namespace VxeRadioGroupDefines {
+  interface RadioGroupEventParams extends VxeComponentEvent {
+    $radioGroup: VxeRadioGroupConstructor
+  }
+
+  export interface ChangeParams {
+    label: any
+  }
+  export interface ChangeEventParams extends RadioGroupEventParams, ChangeParams { }
+}
+
+export type VxeRadioGroupEventProps = {
+  onChange?: VxeRadioGroupEvents.Change
+}
+
+export interface VxeRadioGroupListeners {
+  change?: VxeRadioGroupEvents.Change
+}
+
+export namespace VxeRadioGroupEvents {
+  export type Change = (params: VxeRadioGroupDefines.ChangeEventParams) => void
+}
+
+export namespace VxeRadioGroupSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeRadioGroupSlots {
+  default: (params: VxeRadioGroupSlotTypes.DefaultSlotParams) => any
+}
+
+export const RadioGroup: typeof VxeRadioGroup
+export default VxeRadioGroup

package/types/components/radio.d.ts

@@ -0,0 +1,119 @@
+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 VxeRadio: defineVxeComponent<VxeRadioProps, VxeRadioEventProps>
+
+export type VxeRadioInstance = ComponentPublicInstance<VxeRadioProps, VxeRadioConstructor>
+
+export interface VxeRadioConstructor extends VxeComponentBase, VxeRadioMethods {
+  props: VxeRadioProps
+  context: SetupContext<VxeRadioEmits>
+  reactData: RadioReactData
+  getRefMaps(): RadioPrivateRef
+  getComputeMaps(): RadioPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface RadioPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeRadioPrivateRef extends RadioPrivateRef { }
+
+export namespace VxeRadioPropTypes {
+  export type Size = VxeComponentSize
+  export type Strict = boolean
+  export type ModelValue = any
+  export type Label = any
+  export type Title = string | number
+  export type Content = string | number
+  export type Disabled = boolean
+  export type Name = string
+}
+
+export type VxeRadioProps = {
+  size?: VxeRadioPropTypes.Size
+  /**
+   * 严格模式，不允许取消
+   */
+  strict?: VxeRadioPropTypes.Strict
+  /**
+   * 绑定值
+   */
+  modelValue?: VxeRadioPropTypes.ModelValue
+  /**
+   * 值
+   */
+  label?: VxeRadioPropTypes.Label
+  /**
+   * 原生 title 属性
+   */
+  title?: VxeRadioPropTypes.Title
+  /**
+   * 内容
+   */
+  content?: VxeRadioPropTypes.Content
+  /**
+   * 是否禁用
+   */
+  disabled?: VxeRadioPropTypes.Disabled
+  /**
+   * 原生 title 属性
+   */
+  name?: VxeRadioPropTypes.Name
+}
+
+export interface RadioPrivateComputed {
+}
+export interface VxeRadioPrivateComputed extends RadioPrivateComputed { }
+
+export interface RadioReactData {
+}
+
+export interface RadioMethods {
+  dispatchEvent(type: ValueOf<VxeRadioEmits>, params: any, evnt: Event): void
+}
+export interface VxeRadioMethods extends RadioMethods { }
+
+export interface RadioPrivateMethods { }
+export interface VxeRadioPrivateMethods extends RadioPrivateMethods { }
+
+export type VxeRadioEmits = [
+  'update:modelValue',
+  'change'
+]
+
+export namespace VxeRadioDefines {
+  interface RadioEventParams extends VxeComponentEvent {
+    $radio: VxeRadioConstructor
+  }
+
+  export interface ChangeParams {
+    label: any
+  }
+  export interface ChangeEventParams extends RadioEventParams, ChangeParams { }
+}
+
+export type VxeRadioEventProps = {
+  onChange?: VxeRadioEvents.Change
+}
+
+export interface VxeRadioListeners {
+  change?: VxeRadioEvents.Change
+}
+
+export namespace VxeRadioEvents {
+  export type Change = (params: VxeRadioDefines.ChangeEventParams) => void
+}
+
+export namespace VxeRadioSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeRadioSlots {
+  default: (params: VxeRadioSlotTypes.DefaultSlotParams) => any
+}
+
+export const Radio: typeof VxeRadio
+export default VxeRadio

package/types/{component → components}/row.d.ts

@@ -1,9 +1,11 @@
-import { RenderFunction, SetupContext, Ref } from 'vue'
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance } from 'vue'
 import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
-declare const VxeRow: defineVxeComponent<VxeRowProps, VxeRowEventProps>
+export declare const VxeRow: defineVxeComponent<VxeRowProps, VxeRowEventProps>
+
+export type VxeRowInstance = ComponentPublicInstance<VxeRowProps, VxeRowConstructor>
 
 export interface VxeRowConstructor extends VxeComponentBase, VxeRowMethods {
   props: VxeRowProps
@@ -59,7 +61,13 @@ export interface VxeRowListeners { }
 
 export namespace VxeRowEvents { }
 
+export namespace VxeRowSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
 export interface VxeRowSlots {
+  default: (params: VxeRowSlotTypes.DefaultSlotParams) => any
 }
 
+export const Row: typeof VxeRow
 export default VxeRow