vxe-pc-ui 3.0.0 → 3.0.2

package/packages/ui/src/vn.ts

@@ -2,7 +2,7 @@ import XEUtils from 'xe-utils'
 import { VxeComponentSlotType } from '@vxe-ui/core'
 
 export function getOnName (type: string) {
-  return 'on' + type.substring(0, 1).toLocaleUpperCase() + type.substring(1)
+  return type
 }
 
 export function getModelEvent (name: string) {

package/packages/upload/src/upload.ts

@@ -357,6 +357,11 @@ export default defineVxeComponent({
       const $xeUpload = this
       $xeUpload.$emit(type, createEvent(evnt, { $upload: $xeUpload }, params))
     },
+    emitModel  (value: any) {
+      const $xeUpload = this
+
+      $xeUpload.$emit('modelValue', value)
+    },
     choose () {
       const $xeUpload = this
       return $xeUpload.handleChoose(null)
@@ -413,7 +418,7 @@ export default defineVxeComponent({
       }
       return ''
     },
-    emitModel (value: VxeUploadDefines.FileObjItem[]) {
+    handleChange (value: VxeUploadDefines.FileObjItem[]) {
       const $xeUpload = this
       const props = $xeUpload
 
@@ -423,7 +428,7 @@ export default defineVxeComponent({
       if (urlMode) {
         restList = restList.map(item => item[urlProp])
       }
-      $xeUpload.$emit('modelValue', singleMode ? (restList[0] || null) : restList)
+      $xeUpload.emitModel(singleMode ? (restList[0] || null) : restList)
     },
     getThumbnailFileUrl (item: VxeUploadDefines.FileObjItem) {
       const $xeUpload = this
@@ -595,7 +600,7 @@ export default defineVxeComponent({
         cacheItem.percent = 0
         $xeUpload.handleUploadResult(item, file).then(() => {
           if (urlMode) {
-            $xeUpload.emitModel(reactData.fileList)
+            $xeUpload.handleChange(reactData.fileList)
           }
         })
       }
@@ -712,7 +717,7 @@ export default defineVxeComponent({
       reactData.fileList = newFileList
       reactData.fileCacheMaps = cacheMaps
       Promise.all(urlMode ? uploadPromiseRests : []).then(() => {
-        $xeUpload.emitModel(newFileList)
+        $xeUpload.handleChange(newFileList)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
           $xeForm.triggerItemEvent(evnt as any, formItemInfo.itemConfig.field, newFileList)
@@ -756,7 +761,7 @@ export default defineVxeComponent({
 
       const { fileList } = reactData
       fileList.splice(index, 1)
-      $xeUpload.emitModel(fileList)
+      $xeUpload.handleChange(fileList)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList)

package/types/components/calendar.d.ts

@@ -65,6 +65,12 @@ export interface CalendarReactData {
   currentDate: any
 }
 
+export interface CalendarInternalData {
+  yearSize: number
+  monthSize: number
+  quarterSize: number
+}
+
 export interface CalendarMethods {
   dispatchEvent(type: ValueOf<VxeCalendarEmits>, params: Record<string, any>, evnt: Event | null): void
 }

package/types/components/carousel.d.ts

@@ -56,6 +56,11 @@ export interface CarouselReactData {
   itemHeight: number
 }
 
+export interface CarouselInternalData {
+  apTimeout: undefined | number
+  stopFlag: boolean
+}
+
 export interface CarouselMethods {
   dispatchEvent(type: ValueOf<VxeCarouselEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/colgroup.d.ts

@@ -8,6 +8,7 @@ export type VxeColgroupComponent = DefineVxeComponentOptions<VxeColgroupProps>
 
 export type VxeColgroupInstance = DefineVxeComponentInstance<{
   reactData: ColgroupReactData
+  columnConfig: any
 }, VxeColgroupProps, ColgroupPrivateComputed, ColgroupMethods>
 
 export type VxeColgroupConstructor = VxeColgroupInstance

package/types/components/column.d.ts

@@ -10,6 +10,7 @@ export type VxeColumnComponent = DefineVxeComponentOptions<VxeColumnProps>
 
 export type VxeColumnInstance = DefineVxeComponentInstance<{
   reactData: ColumnReactData
+  columnConfig: any
 }, VxeColumnProps, ColumnPrivateComputed, ColumnMethods>
 
 export type VxeColumnConstructor = VxeColumnInstance

package/types/components/drawer.d.ts

@@ -1,3 +1,4 @@
+import { CreateElement } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, VxeComponentSlotType, ValueOf } from '@vxe-ui/core'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types */
@@ -242,43 +243,43 @@ export interface VxeDrawerSlots {
   /**
    * 自定义内容模板
    */
-  default?: (params: VxeDrawerSlotTypes.DefaultSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  default?: (params: VxeDrawerSlotTypes.DefaultSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义左侧内容模板
    */
-  left?: (params: VxeDrawerSlotTypes.LeftSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  left?: (params: VxeDrawerSlotTypes.LeftSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义右侧内容模板
    */
-  right?: (params: VxeDrawerSlotTypes.RightSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  right?: (params: VxeDrawerSlotTypes.RightSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义侧边栏的模板
    */
-  aside?: (params: VxeDrawerSlotTypes.AsideSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  aside?: (params: VxeDrawerSlotTypes.AsideSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义头部的模板
    */
-  header?: (params: VxeDrawerSlotTypes.HeaderSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  header?: (params: VxeDrawerSlotTypes.HeaderSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义标题的模板（如果使用了 header 插槽，则该插槽无效）
    */
-  title?: (params: VxeDrawerSlotTypes.TitleSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  title?: (params: VxeDrawerSlotTypes.TitleSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义右上角的模板
    */
-  corner?: (params: VxeDrawerSlotTypes.TitleSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  corner?: (params: VxeDrawerSlotTypes.TitleSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义底部的模板
    */
-  footer?: (params: VxeDrawerSlotTypes.FooterSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  footer?: (params: VxeDrawerSlotTypes.FooterSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义底部左侧的模板
    */
-  leftfoot?: (params: VxeDrawerSlotTypes.LeftfootSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  leftfoot?: (params: VxeDrawerSlotTypes.LeftfootSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
   /**
    * 自定义底部右侧的模板
    */
-  rightfoot?: (params: VxeDrawerSlotTypes.RightfootSlotParams) => VxeComponentSlotType[] | VxeComponentSlotType
+  rightfoot?: (params: VxeDrawerSlotTypes.RightfootSlotParams, h: CreateElement) => VxeComponentSlotType[] | VxeComponentSlotType
 }
 
 export const Drawer: typeof VxeDrawer

package/types/components/form-item.d.ts

@@ -1,4 +1,4 @@
-import { DefineVxeComponentApp, DefineVxeComponentOptions, VxeComponentEventParams, VxeComponentStyleType, VxeComponentSlotType } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, VxeComponentEventParams, DefineVxeComponentInstance, VxeComponentStyleType, VxeComponentSlotType } from '@vxe-ui/core'
 import { VxeFormDefines, VxeFormConstructor, VxeFormPropTypes } from './form'
 import { VxeGridConstructor } from './grid'
 import { VxeTooltipPropTypes } from './tooltip'

package/types/components/form.d.ts

@@ -1,5 +1,6 @@
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentSlotType } from '@vxe-ui/core'
 import { VxeFormItemPropTypes, VxeFormItemProps } from './form-item'
+import { VxeGridConstructor } from './grid'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types,@typescript-eslint/no-unused-vars */
 
@@ -8,6 +9,8 @@ export type VxeFormComponent = DefineVxeComponentOptions<VxeFormProps>
 
 export type VxeFormInstance = DefineVxeComponentInstance<{
   reactData: FormReactData
+  internalData: FormInternalData
+  xegrid: VxeGridConstructor | null
 }, VxeFormProps, FormPrivateComputed, FormMethods>
 
 export type VxeFormConstructor = VxeFormInstance
@@ -99,6 +102,9 @@ export interface VxeFormProps<D = any> {
 }
 
 export interface FormPrivateComputed {
+  computeSize: VxeFormPropTypes.Size
+  computeValidOpts: VxeFormPropTypes.ValidOpts
+  computeTooltipOpts: VxeFormPropTypes.TooltipOpts
 }
 export interface VxeFormPrivateComputed extends FormPrivateComputed { }
 
@@ -109,7 +115,8 @@ export interface FormReactData {
 }
 
 export interface FormInternalData {
-  tooltipTimeout: any
+  meTimeout: undefined | number
+  stTimeout: undefined | number
   tooltipStore: {
     item: VxeFormDefines.ItemInfo | null
     visible: boolean

package/types/components/icon-picker.d.ts

@@ -63,6 +63,10 @@ export interface IconPickerReactData {
   isActivated: boolean
 }
 
+export interface IconPickerInternalData {
+  hpTimeout?: undefined | number
+}
+
 export interface IconPickerMethods {
   dispatchEvent(type: ValueOf<VxeIconPickerEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/input.d.ts

@@ -152,7 +152,7 @@ export interface InputReactData {
   showPwd: boolean
   visiblePanel: boolean
   isAniVisible: boolean
-  panelStyle: VxeComponentStyleType | null
+  panelStyle: VxeComponentStyleType
   panelPlacement: VxeInputPropTypes.Placement
   isActivated: boolean
   inputValue: any
@@ -164,6 +164,14 @@ export interface InputReactData {
   currentDate: any
 }
 
+export interface InputInternalData {
+  yearSize: number
+  monthSize: number
+  quarterSize: number
+  hpTimeout?: undefined | number
+  dnTimeout?: undefined | number
+}
+
 export interface InputMethods {
   dispatchEvent(type: ValueOf<VxeInputEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/list.d.ts

@@ -69,6 +69,7 @@ export interface ListReactData {
 }
 
 export interface ListInternalData {
+  resizeObserver: ResizeObserver | undefined
   fullData: any[]
   lastScrollLeft: number
   lastScrollTop: number

package/types/components/optgroup.d.ts

@@ -17,22 +17,28 @@ export interface OptgroupPrivateRef {
 export interface VxeOptgroupPrivateRef extends OptgroupPrivateRef { }
 
 export namespace VxeOptgroupPropTypes {
+  export type Value = VxeOptionPropTypes.Value
+  export type Label = VxeOptionPropTypes.Label
+  export type Visible = VxeOptionPropTypes.Visible
+  export type ClassName = VxeOptionPropTypes.ClassName
+  export type Disabled = VxeOptionPropTypes.Disabled
+  export type Slots = VxeOptionPropTypes.Slots
 }
 
 export interface VxeOptgroupProps {
   /**
    * 显示内容
    */
-  label?: VxeOptionPropTypes.Label
+  label?: VxeOptgroupPropTypes.Label
   /**
    * 是否禁用
    */
-  visible?: VxeOptionPropTypes.Visible
-  className?: VxeOptionPropTypes.ClassName
+  visible?: VxeOptgroupPropTypes.Visible
+  className?: VxeOptgroupPropTypes.ClassName
   /**
    * 是否禁用
    */
-  disabled?: VxeOptionPropTypes.Disabled
+  disabled?: VxeOptgroupPropTypes.Disabled
 }
 
 export interface OptgroupPrivateComputed {

package/types/components/table.d.ts

@@ -13,11 +13,13 @@ import { VxeToolbarConstructor, VxeToolbarInstance } from './toolbar'
 export declare const VxeTable: DefineVxeComponentApp<VxeTableProps, VxeTableEventProps, VxeTableSlots>
 export type VxeTableComponent = DefineVxeComponentOptions<VxeTableProps>
 
-export type VxeTableInstance = DefineVxeComponentInstance<{
-  reactData: TableReactData
-}, VxeTableProps, TablePrivateComputed, TableMethods>
+export type VxeTableInstance<D = any> = DefineVxeComponentInstance<{
+  reactData: TableReactData<D>
+  internalData: TableInternalData<D>
+  xegrid: VxeGridConstructor | null
+}, VxeTableProps<D>, TablePrivateComputed<D>, TableMethods<D>>
 
-export type VxeTableConstructor = VxeTableInstance
+export type VxeTableConstructor<D = any> = VxeTableInstance<D>
 
 export interface TablePrivateRef {
 }
@@ -2000,6 +2002,43 @@ export interface VxeTableProps<D = any> {
 }
 
 export interface TablePrivateComputed<D = any> {
+  computeSize: VxeTablePropTypes.Size
+  computeTableId: string
+  computeValidOpts: VxeTablePropTypes.ValidOpts<D>
+  computeSXOpts: VxeTablePropTypes.SXOpts
+  computeSYOpts: VxeTablePropTypes.SYOpts
+  computeColumnOpts: VxeTablePropTypes.ColumnOpts
+  computeRowOpts: VxeTablePropTypes.RowOpts
+  computeResizeleOpts: VxeTablePropTypes.ResizeOpts
+  computeResizableOpts: VxeTablePropTypes.ResizableOpts<D>
+  computeSeqOpts: VxeTablePropTypes.SeqOpts<D>
+  computeRadioOpts: VxeTablePropTypes.RadioOpts<D>
+  computeCheckboxOpts: VxeTablePropTypes.CheckboxOpts<D>
+  computeTooltipOpts: VxeTablePropTypes.TooltipOpts<D>
+  computeEditOpts: VxeTablePropTypes.EditOpts<D>
+  computeSortOpts: VxeTablePropTypes.SortConfig<D>
+  computeFilterOpts: VxeTablePropTypes.FilterOpts<D>
+  computeMouseOpts: VxeTablePropTypes.MouseOpts
+  computeAreaOpts: VxeTablePropTypes.AreaOpts
+  computeKeyboardOpts: VxeTablePropTypes.KeyboardOpts
+  computeClipOpts: VxeTablePropTypes.ClipOpts<D>
+  computeFNROpts: VxeTablePropTypes.FNROpts<D>
+  computeHeaderMenu: VxeTableDefines.MenuFirstOption
+  computeBodyMenu: VxeTableDefines.MenuFirstOption
+  computeFooterMenu: VxeTableDefines.MenuFirstOption
+  computeIsMenu: boolean
+  computeMenuOpts: VxeTablePropTypes.MenuOpts<D>
+  computeExportOpts: VxeTablePropTypes.ExportOpts
+  computeImportOpts: VxeTablePropTypes.ImportOpts
+  computePrintOpts: VxeTablePropTypes.PrintOpts
+  computeExpandOpts: VxeTablePropTypes.ExpandOpts<D>
+  computeTreeOpts: VxeTablePropTypes.TreeOpts<D>
+  computeEmptyOpts: VxeTablePropTypes.EmptyOpts
+  computeLoadingOpts: VxeTablePropTypes.LoadingOpts
+  computeCustomOpts: VxeTablePropTypes.CustomOpts<D>
+  computeFixedColumnSize: number
+  computeIsMaxFixedColumn: boolean
+  computeIsAllCheckboxDisabled: boolean
 }
 export interface VxeTablePrivateComputed extends TablePrivateComputed { }
 

package/types/components/tabs.d.ts

@@ -70,6 +70,10 @@ export interface TabsReactData {
   resizeFlag: number
 }
 
+export interface TabsInternalData {
+  slTimeout?: undefined | number
+}
+
 export interface TabsMethods {
   dispatchEvent(type: ValueOf<VxeTabsEmits>, params: Record<string, any>, evnt: Event | null): void
   /**

package/types/components/toolbar.d.ts

@@ -229,9 +229,14 @@ export interface VxeToolbarPrivateComputed extends ToolbarPrivateComputed { }
 
 export interface ToolbarReactData {
   isRefresh: boolean
+  connectFlag: 0
   columns: VxeTableDefines.ColumnInfo[]
 }
 
+export interface ToolbarInternalData {
+  connectTable: (VxeTableConstructor<any> & VxeTablePrivateMethods<any>) | null
+}
+
 export interface ToolbarMethods {
   dispatchEvent(type: ValueOf<VxeToolbarEmits>, params: Record<string, any>, evnt: Event | null): void
   syncUpdate(params: {

package/types/components/tree-select.d.ts

@@ -103,6 +103,10 @@ export interface TreeSelectReactData {
   isActivated: boolean
 }
 
+export interface TreeSelectInternalData {
+  hpTimeout?: undefined | number
+}
+
 export interface TreeSelectMethods {
   dispatchEvent(type: ValueOf<VxeTreeSelectEmits>, params: Record<string, any>, evnt: Event | null): void
 }

package/types/ui/index.d.ts

@@ -5,7 +5,6 @@ import { DrawerController } from '../components/drawer'
 import { VxePrintDefines } from '../components/print'
 import { VxeUploadDefines } from '../components/upload'
 import { VxeImageDefines } from '../components/image'
-import { FormDesignHandleExport, ListDesignHandleExport, TableHandleExport } from '../handles'
 
 /**
  * 已废弃，请使用 setConfig
@@ -52,10 +51,6 @@ declare module '@vxe-ui/core' {
     drawer: DrawerController
     dynamicApp: any
 
-    formDesignHandle: FormDesignHandleExport
-    listDesignHandle: ListDesignHandleExport
-    tableHandle: TableHandleExport
-
     print: VxePrintDefines.PrintFunction
     saveFile: VxeUploadDefines.SaveFileFunction
     readFile: VxeUploadDefines.ReadFileFunction