vxe-pc-ui 0.0.1 → 0.0.2

package/styles/components/layout-aside.scss

@@ -0,0 +1,14 @@
+@import '../helpers/mixin.scss';
+
+.vxe-layout-aside {
+  flex-shrink: 0;
+  transition: width .3s;
+  overflow-y: auto;
+  overflow-x: hidden;
+  &.is--default-width {
+    width: var(--vxe-ui-layout-aside-default-width);
+  }
+  &.is--collapse {
+    width: var(--vxe-ui-layout-aside-collapse-width);
+  }
+}

package/styles/components/layout-body.scss

@@ -0,0 +1,5 @@
+@import '../helpers/mixin.scss';
+
+.vxe-layout-body {
+  flex-grow: 1;
+}

package/styles/components/layout-container.scss

@@ -0,0 +1,12 @@
+@import '../helpers/mixin.scss';
+
+.vxe-layout-container {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  height: 100%;
+  overflow: auto;
+  &.is--vertical {
+    flex-direction: column;
+  }
+}

package/styles/components/layout-footer.scss

@@ -0,0 +1,12 @@
+@import '../helpers/mixin.scss';
+
+.vxe-layout-footer {
+  flex-shrink: 0;
+  background-color: var(--vxe-ui-layout-background-color);
+  &.is--fixed {
+    position: sticky;
+    bottom: 0;
+    left: 0;
+    z-index: 9;
+  }
+}

package/styles/components/layout-header.scss

@@ -0,0 +1,12 @@
+@import '../helpers/mixin.scss';
+
+.vxe-layout-header {
+  flex-shrink: 0;
+  background-color: var(--vxe-ui-layout-background-color);
+  &.is--fixed {
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 9;
+  }
+}

package/styles/components/row.scss

@@ -0,0 +1,10 @@
+.vxe-row {
+  display: flex;
+  flex-direction: row;
+  &.is--vertical {
+    flex-direction: column;
+  }
+  &.is--wrap {
+    flex-wrap: wrap;
+  }
+}

package/styles/helpers/mixin.scss

@@ -0,0 +1,82 @@
+@mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
+  transition: $property $duration $func;
+}
+
+@mixin createCheckboxIcon {
+  .vxe-checkbox--icon {
+    font-size: 1.34em;
+  }
+  .vxe-checkbox--icon {
+    color: var(--vxe-input-border-color);
+    vertical-align: middle;
+    font-weight: 700;
+    user-select: none;
+  }
+  &.is--checked,
+  &.is--indeterminate {
+    color: var(--vxe-primary-color);
+    .vxe-checkbox--icon {
+      color: var(--vxe-primary-color);
+    }
+  }
+  &:not(.is--disabled) {
+    cursor: pointer;
+    &:hover {
+      .vxe-checkbox--icon {
+        color: var(--vxe-primary-color);
+      }
+    }
+  }
+  &.is--hidden {
+    cursor: default;
+  }
+  &.is--disabled {
+    color: var(--vxe-font-disabled-color);
+    cursor: not-allowed;
+    .vxe-checkbox--icon {
+      color: var(--vxe-input-disabled-color);
+    }
+  }
+  .vxe-checkbox--label {
+    padding-left: 0.5em;
+    vertical-align: middle;
+  }
+}
+
+@mixin createRadioIcon {
+  cursor: pointer;
+  .vxe-radio--icon {
+    font-size: 1.4em;
+  }
+  .vxe-radio--icon {
+    color: var(--vxe-input-border-color);
+    vertical-align: middle;
+    font-weight: 700;
+    user-select: none;
+  }
+  &.is--checked {
+    color: var(--vxe-primary-color);
+    .vxe-radio--icon {
+      color: var(--vxe-primary-color);
+    }
+  }
+  &:not(.is--disabled) {
+    cursor: pointer;
+    &:hover {
+      .vxe-radio--icon {
+        color: var(--vxe-primary-color);
+      }
+    }
+  }
+  &.is--disabled {
+    color: var(--vxe-font-disabled-color);
+    cursor: not-allowed;
+    .vxe-radio--icon {
+      color: var(--vxe-input-disabled-color);
+    }
+  }
+  .vxe-radio--label {
+    padding-left: 0.5em;
+    vertical-align: middle;
+  }
+}

package/styles/theme/base.scss

@@ -0,0 +1,81 @@
+$vxe-ui-font-color: #606266;
+$vxe-ui-font-primary-color: #409eff;
+
+$vxe-ui-status-success-color: #67c23a;
+$vxe-ui-status-info-color: #909399;
+$vxe-ui-status-warning-color: #e6a23c;
+$vxe-ui-status-danger-color: #f56c6c;
+
+:root {
+  /*font*/
+  --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
+  
+  /*font size*/
+  --vxe-ui-font-size: 14px;
+  --vxe-ui-font-size-medium: 14px;
+  --vxe-ui-font-size-small: 13px;
+  --vxe-ui-font-size-mini: 12px;
+
+  /*font color*/
+  --vxe-ui-font-color: #{$vxe-ui-font-color}; // 全局默认字体颜色
+  --vxe-ui-font-primary-color: #{$vxe-ui-font-primary-color}; // 主要字体颜色
+  --vxe-ui-font-secondary-color: #909399; // 次要字体颜色
+  --vxe-ui-font-placeholder-color: #a8abb2; // 占位符字体颜色
+
+  /*base border*/
+  --vxe-ui-border-radius: 4px;
+
+  /*base status*/
+  --vxe-ui-status-success-color: #{$vxe-ui-status-success-color};
+  --vxe-ui-status-info-color: #{$vxe-ui-status-info-color};
+  --vxe-ui-status-warning-color: #{$vxe-ui-status-warning-color};
+  --vxe-ui-status-danger-color: #{$vxe-ui-status-danger-color};
+
+  --vxe-ui-status-font-lighten-color: #{lighten($vxe-ui-font-color, 10%)};
+  --vxe-ui-status-primary-lighten-color: #{lighten($vxe-ui-font-primary-color, 10%)};
+  --vxe-ui-status-success-lighten-color: #{lighten($vxe-ui-status-success-color, 10%)};
+  --vxe-ui-status-info-lighten-color: #{lighten($vxe-ui-status-info-color, 10%)};
+  --vxe-ui-status-warning-lighten-color: #{lighten($vxe-ui-status-warning-color, 10%)};
+  --vxe-ui-status-danger-lighten-color: #{lighten($vxe-ui-status-danger-color, 10%)};
+  
+  --vxe-ui-status-font-darken-color: #{darken($vxe-ui-font-color, 10%)};
+  --vxe-ui-status-primary-darken-color: #{darken($vxe-ui-font-primary-color, 10%)};
+  --vxe-ui-status-success-darken-color: #{darken($vxe-ui-status-success-color, 10%)};
+  --vxe-ui-status-info-darken-color: #{darken($vxe-ui-status-info-color, 10%)};
+  --vxe-ui-status-warning-darken-color: #{darken($vxe-ui-status-warning-color, 10%)};
+  --vxe-ui-status-danger-darken-color: #{darken($vxe-ui-status-danger-color, 10%)};
+  
+  --vxe-ui-status-font-disabled-color: #BFBFBF;
+  --vxe-ui-status-primary-disabled-color: #{lighten($vxe-ui-font-primary-color, 20%)};
+  --vxe-ui-status-success-disabled-color: #{lighten($vxe-ui-status-success-color, 20%)};
+  --vxe-ui-status-info-disabled-color: #{lighten($vxe-ui-status-info-color, 20%)};
+  --vxe-ui-status-warning-disabled-color: #{lighten($vxe-ui-status-warning-color, 20%)};
+  --vxe-ui-status-danger-disabled-color: #{lighten($vxe-ui-status-danger-color, 20%)};
+
+  /*layout*/
+  --vxe-ui-layout-aside-default-width: 300px;
+  --vxe-ui-layout-aside-collapse-width: 60px;
+
+  // icon
+
+  // button
+  --vxe-ui-button-max-width: 500px;
+  --vxe-ui-button-default-background-color: #fff;
+  --vxe-ui-button-dropdown-panel-background-color: #fff;
+  --vxe-ui-button-height-default: 34px;
+  --vxe-ui-button-height-medium: 32px;
+  --vxe-ui-button-height-small: 30px;
+  --vxe-ui-button-height-mini: 28px;
+  --vxe-ui-button-round-border-radius-default: 17px;
+  --vxe-ui-button-round-border-radius-medium: 16px;
+  --vxe-ui-button-round-border-radius-small: 15px;
+  --vxe-ui-button-round-border-radius-mini: 14px;
+
+  // anchor
+  --vxe-ui-anchor-link-color: var(--vxe-ui-font-secondary-color);
+  --vxe-ui-anchor-link-active-color: var(--vxe-ui-font-primary-color);
+
+  // breadcrumb
+  --vxe-ui-breadcrumb-color: var(--vxe-ui-font-secondary-color);
+  --vxe-ui-breadcrumb-current-item-color: var(--vxe-ui-font-color);
+}

package/styles/theme/dark.scss

@@ -0,0 +1,7 @@
+@import './base.scss';
+
+[data-vxe-ui-theme="dark"] {
+  color-scheme: dark;
+
+  --vxe-ui-layout-background-color: #121212;
+}

package/styles/theme/default.scss

@@ -0,0 +1,5 @@
+@import './base.scss';
+
+[data-vxe-ui-theme="default"] {
+  --vxe-ui-layout-background-color: #ffffff;
+}

package/types/all.d.ts

@@ -0,0 +1,67 @@
+import { App } from 'vue'
+import { VxeUIExport, VxeGlobalConfig } from './ui'
+import VxeIcon from './component/icon'
+import VxeLayoutContainer from './component/layout-container'
+import VxeLayoutHeader from './component/layout-header'
+import VxeLayoutAside from './component/layout-aside'
+import VxeLayoutBody from './component/layout-body'
+import VxeLayoutFooter from './component/layout-footer'
+import VxeRow from './component/row'
+import VxeCol from './component/col'
+import VxeBreadcrumb from './component/breadcrumb'
+import VxeBreadcrumbItem from './component/breadcrumb-item'
+import VxeButton from './component/button'
+import VxeButtonGroup from './component/button-group'
+import VxeAnchor from './component/anchor'
+import VxeAnchorLink from './component/anchor-link'
+import VxeDesign from './component/design'
+
+export function install (app: App, options?: VxeGlobalConfig): void
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    VxeIcon: typeof VxeIcon
+    VxeLayoutContainer: typeof VxeLayoutContainer
+    VxeLayoutHeader: typeof VxeLayoutHeader
+    VxeLayoutAside: typeof VxeLayoutAside
+    VxeLayoutBody: typeof VxeLayoutBody
+    VxeLayoutFooter: typeof VxeLayoutFooter
+    VxeRow: typeof VxeRow
+    VxeCol: typeof VxeCol
+    VxeBreadcrumb: typeof VxeBreadcrumb
+    VxeBreadcrumbItem: typeof VxeBreadcrumbItem
+    VxeButton: typeof VxeButton
+    VxeButtonGroup: typeof VxeButtonGroup
+    VxeAnchor: typeof VxeAnchor
+    VxeAnchorLink: typeof VxeAnchorLink
+    VxeButton: typeof Button
+    VxeButtonGroup: typeof ButtonGroup
+    VxeDesign: typeof VxeDesign
+  }
+}
+
+declare global {
+  interface Window {
+    VxeUI: VxeUIExport;
+  }
+}
+
+export * from './tool'
+export * from './ui'
+
+// Components
+export * from './component/icon'
+export * from './component/layout-container'
+export * from './component/layout-header'
+export * from './component/layout-aside'
+export * from './component/layout-body'
+export * from './component/layout-footer'
+export * from './component/row'
+export * from './component/col'
+export * from './component/breadcrumb'
+export * from './component/breadcrumb-item'
+export * from './component/button'
+export * from './component/button-group'
+export * from './component/anchor'
+export * from './component/anchor-link'
+export * from './component/design'

package/types/component/anchor-link.d.ts

@@ -0,0 +1,74 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+declare const VxeAnchorLink: defineVxeComponent<VxeAnchorLinkProps, VxeAnchorLinkEventProps>
+
+export interface VxeAnchorLinkConstructor extends VxeComponentBase, VxeAnchorLinkMethods {
+  props: VxeAnchorLinkProps
+  context: SetupContext<VxeAnchorLinkEmits>
+  reactData: AnchorLinkReactData
+  linkConfig: VxeAnchorLinkDefines.LinkConfig
+  getRefMaps(): AnchorLinkPrivateRef
+  getComputeMaps(): AnchorLinkPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface AnchorLinkPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeAnchorLinkPrivateRef extends AnchorLinkPrivateRef { }
+
+export namespace VxeAnchorLinkPropTypes {
+  export type Content = string | number
+  export type Title = string | number
+  export type Href = string
+}
+
+export type VxeAnchorLinkProps = {
+  content?: VxeAnchorLinkPropTypes.Content
+  title?: VxeAnchorLinkPropTypes.Title
+  href?: VxeAnchorLinkPropTypes.Href
+
+  children?: VxeAnchorLinkProps[]
+}
+
+export interface AnchorLinkPrivateComputed {
+}
+export interface VxeAnchorLinkPrivateComputed extends AnchorLinkPrivateComputed { }
+
+export interface AnchorLinkReactData {
+}
+
+export interface AnchorLinkMethods {
+}
+export interface VxeAnchorLinkMethods extends AnchorLinkMethods { }
+
+export interface AnchorLinkPrivateMethods { }
+export interface VxeAnchorLinkPrivateMethods extends AnchorLinkPrivateMethods { }
+
+export type VxeAnchorLinkEmits = []
+
+export namespace VxeAnchorLinkDefines {
+  export interface LinkConfig {
+    id: string
+    href: VxeAnchorPropTypes.ModelValue | undefined
+    children: StaticLinkObj[]
+  }
+
+  export interface AnchorLinkEventParams extends VxeComponentEvent {
+    $anchorLink: VxeAnchorLinkConstructor
+  }
+}
+
+export type VxeAnchorLinkEventProps = {}
+
+export interface VxeAnchorLinkListeners { }
+
+export namespace VxeAnchorLinkEvents { }
+
+export interface VxeAnchorLinkSlots {
+}
+
+export default VxeAnchorLink

package/types/component/anchor.d.ts

@@ -0,0 +1,79 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent, ValueOf } from '../tool'
+import { VxeAnchorLinkProps, VxeAnchorLinkPropTypes, VxeAnchorLinkDefines } from './anchor-link'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+declare const VxeAnchor: defineVxeComponent<VxeAnchorProps, VxeAnchorEventProps>
+
+export interface VxeAnchorConstructor extends VxeComponentBase, VxeAnchorMethods {
+  props: VxeAnchorProps
+  context: SetupContext<VxeAnchorEmits>
+  reactData: AnchorReactData
+  getRefMaps(): AnchorPrivateRef
+  getComputeMaps(): AnchorPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface AnchorPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeAnchorPrivateRef extends AnchorPrivateRef { }
+
+export namespace VxeAnchorPropTypes {
+  export type ModelValue = string | null
+  export type Options = VxeAnchorLinkProps[]
+  export type Container = string | HTMLElement | ((params: {
+    $anchor: VxeAnchorConstructor
+  }) => HTMLElement)
+  export type ShowMarker = boolean
+}
+
+export type VxeAnchorProps = {
+  modelValue?: VxeAnchorPropTypes.ModelValue
+  options?: VxeAnchorPropTypes.Options
+  container?: VxeAnchorPropTypes.Container
+  showMarker?: VxeAnchorPropTypes.ShowMarker
+}
+
+export interface AnchorPrivateComputed {
+}
+export interface VxeAnchorPrivateComputed extends AnchorPrivateComputed { }
+
+export interface AnchorReactData {
+  activeHref: VxeAnchorPropTypes.ModelValue | undefined
+  staticLinks: VxeAnchorLinkDefines.LinkConfig[]
+}
+
+export interface AnchorMethods {
+  dispatchEvent(type: ValueOf<VxeAnchorEmits>, params: any, evnt: Event): void
+}
+export interface VxeAnchorMethods extends AnchorMethods { }
+
+export interface AnchorPrivateMethods {
+  handleClickLink(evnt: KeyboardEvent, href?: VxeAnchorLinkPropTypes.Href)
+}
+export interface VxeAnchorPrivateMethods extends AnchorPrivateMethods { }
+
+export type VxeAnchorEmits = [
+  'update:modelValue',
+  'change',
+  'click'
+]
+
+export namespace VxeAnchorDefines {
+  export interface AnchorEventParams extends VxeComponentEvent {
+    $anchor: VxeAnchorConstructor
+  }
+}
+
+export type VxeAnchorEventProps = {}
+
+export interface VxeAnchorListeners { }
+
+export namespace VxeAnchorEvents { }
+
+export interface VxeAnchorSlots {
+}
+
+export default VxeAnchor

package/types/component/breadcrumb-item.d.ts

@@ -0,0 +1,58 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+declare const VxeBreadcrumbItem: defineVxeComponent<VxeBreadcrumbItemProps, VxeBreadcrumbItemEventProps>
+
+export interface VxeBreadcrumbItemConstructor extends VxeComponentBase, VxeBreadcrumbItemMethods {
+  props: VxeBreadcrumbItemProps
+  context: SetupContext<VxeBreadcrumbItemEmits>
+  reactData: BreadcrumbItemReactData
+  getRefMaps(): BreadcrumbItemPrivateRef
+  getComputeMaps(): BreadcrumbItemPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface BreadcrumbItemPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeBreadcrumbItemPrivateRef extends BreadcrumbItemPrivateRef { }
+
+export namespace VxeBreadcrumbItemPropTypes {
+}
+
+export type VxeBreadcrumbItemProps = {}
+
+export interface BreadcrumbItemPrivateComputed {
+}
+export interface VxeBreadcrumbItemPrivateComputed extends BreadcrumbItemPrivateComputed { }
+
+export interface BreadcrumbItemReactData {
+}
+
+export interface BreadcrumbItemMethods {
+}
+export interface VxeBreadcrumbItemMethods extends BreadcrumbItemMethods { }
+
+export interface BreadcrumbItemPrivateMethods { }
+export interface VxeBreadcrumbItemPrivateMethods extends BreadcrumbItemPrivateMethods { }
+
+export type VxeBreadcrumbItemEmits = []
+
+export namespace VxeBreadcrumbItemDefines {
+  export interface BreadcrumbItemEventParams extends VxeComponentEvent {
+    $breadcrumbItem: VxeBreadcrumbItemConstructor
+  }
+}
+
+export type VxeBreadcrumbItemEventProps = {}
+
+export interface VxeBreadcrumbItemListeners { }
+
+export namespace VxeBreadcrumbItemEvents { }
+
+export interface VxeBreadcrumbItemSlots {
+}
+
+export default VxeBreadcrumbItem

package/types/component/breadcrumb.d.ts

@@ -0,0 +1,61 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentEvent } from '../tool'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+declare const VxeBreadcrumb: defineVxeComponent<VxeBreadcrumbProps, VxeBreadcrumbEventProps>
+
+export interface VxeBreadcrumbConstructor extends VxeComponentBase, VxeBreadcrumbMethods {
+  props: VxeBreadcrumbProps
+  context: SetupContext<VxeBreadcrumbEmits>
+  reactData: BreadcrumbReactData
+  getRefMaps(): BreadcrumbPrivateRef
+  getComputeMaps(): BreadcrumbPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface BreadcrumbPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeBreadcrumbPrivateRef extends BreadcrumbPrivateRef { }
+
+export namespace VxeBreadcrumbPropTypes {
+  export type Separator = string
+}
+
+export type VxeBreadcrumbProps = {
+  separator?: VxeBreadcrumbPropTypes.Separator
+}
+
+export interface BreadcrumbPrivateComputed {
+}
+export interface VxeBreadcrumbPrivateComputed extends BreadcrumbPrivateComputed { }
+
+export interface BreadcrumbReactData {
+}
+
+export interface BreadcrumbMethods {
+}
+export interface VxeBreadcrumbMethods extends BreadcrumbMethods { }
+
+export interface BreadcrumbPrivateMethods { }
+export interface VxeBreadcrumbPrivateMethods extends BreadcrumbPrivateMethods { }
+
+export type VxeBreadcrumbEmits = []
+
+export namespace VxeBreadcrumbDefines {
+  export interface BreadcrumbEventParams extends VxeComponentEvent {
+    $breadcrumb: VxeBreadcrumbConstructor
+  }
+}
+
+export type VxeBreadcrumbEventProps = {}
+
+export interface VxeBreadcrumbListeners { }
+
+export namespace VxeBreadcrumbEvents { }
+
+export interface VxeBreadcrumbSlots {
+}
+
+export default VxeBreadcrumb

package/types/component/button-group.d.ts

@@ -0,0 +1,86 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { defineVxeComponent, VxeComponentBase, VxeComponentSize, VxeComponentEvent } from '../tool'
+import { VxeButtonProps, VxeButtonPropTypes } from './button'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+declare const VxeButtonGroup: defineVxeComponent<VxeButtonGroupProps, VxeButtonGroupEventProps>
+
+export interface VxeButtonGroupConstructor extends VxeComponentBase, VxeButtonGroupMethods {
+  props: VxeButtonGroupProps
+  context: SetupContext<VxeButtonGroupEmits>
+  reactData: ButtonGroupReactData
+  getRefMaps(): ButtonGroupPrivateRef
+  getComputeMaps(): ButtonGroupPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface ButtonGroupPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeButtonGroupPrivateRef extends ButtonGroupPrivateRef { }
+
+export namespace VxeButtonGroupPropTypes {
+  export type Size = VxeComponentSize
+  export type Options = VxeButtonProps[]
+  export type Round = boolean
+  export type Circle = boolean
+  export type Disabled = boolean
+  export type Mode = VxeButtonPropTypes.Mode
+  export type Status = VxeButtonPropTypes.Status
+  export type ClassName = string | ((params: { $buttonGroup: VxeButtonGroupConstructor }) => string)
+}
+
+export type VxeButtonGroupProps = {
+  size?: VxeButtonGroupPropTypes.Size
+  options?: VxeButtonGroupPropTypes.Options
+  mode?: VxeButtonGroupPropTypes.Mode
+  status?: VxeButtonGroupPropTypes.Status
+  round?: VxeButtonGroupPropTypes.Round
+  circle?: VxeButtonGroupPropTypes.Circle
+  /**
+   * 是否禁用
+   */
+  disabled?: VxeButtonGroupPropTypes.Disabled
+  className?: VxeButtonGroupPropTypes.ClassName
+}
+
+export interface ButtonGroupPrivateComputed {
+}
+export interface VxeButtonGroupPrivateComputed extends ButtonGroupPrivateComputed { }
+
+export interface ButtonGroupReactData {
+}
+
+export interface ButtonGroupMethods {
+  dispatchEvent(type: ValueOf<VxeButtonGroupEmits>, params: any, evnt: Event): void
+}
+export interface VxeButtonGroupMethods extends ButtonGroupMethods { }
+
+export interface ButtonGroupPrivateMethods {
+  handleClick(params: {
+    name: VxeButtonPropTypes.Name
+  }, evnt: Event): void
+}
+export interface VxeButtonGroupPrivateMethods extends ButtonGroupPrivateMethods { }
+
+export type VxeButtonGroupEmits = [
+  'click'
+]
+
+export namespace VxeButtonGroupDefines {
+  export interface ButtonGroupEventParams extends VxeComponentEvent {
+    $buttonGroup: VxeButtonGroupConstructor
+  }
+}
+
+export type VxeButtonGroupEventProps = {}
+
+export interface VxeButtonGroupListeners { }
+
+export namespace VxeButtonGroupEvents { }
+
+export interface VxeButtonGroupSlots {
+}
+
+export default VxeButtonGroup