vxe-pc-ui 1.2.0 → 1.4.0

package/lib/ui/index.js

@@ -18,7 +18,8 @@ Object.keys(_core).forEach(function (key) {
   });
 });
 var _dynamics = require("../dynamics");
-_core.VxeUI.uiVersion = "1.2.0";
+_core.VxeUI.uiVersion = "1.4.0";
+_core.VxeUI.tableVersion = '';
 _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
 (0, _core.setConfig)({
   anchor: {},
@@ -32,6 +33,10 @@ _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
   checkbox: {},
   checkboxGroup: {},
   col: {},
+  colgroup: {},
+  collapse: {},
+  collapsePane: {},
+  column: {},
   drawer: {
     // size: null,
     showHeader: true,
@@ -60,6 +65,7 @@ _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
   },
   formGather: {},
   formItem: {},
+  grid: {},
   icon: {},
   input: {
     // size: null,
@@ -135,8 +141,10 @@ _core.VxeUI.dynamicApp = _dynamics.dynamicApp;
   },
   switch: {},
   tabPane: {},
+  table: {},
   tabs: {},
   textarea: {},
+  toolbar: {},
   tooltip: {
     // size: null,
     trigger: 'hover',

package/lib/ui/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_core=(exports.default=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics"));_core.VxeUI.uiVersion="1.2.0",_core.VxeUI.dynamicApp=_dynamics.dynamicApp,(0,_core.setConfig)({anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{},buttonGroup:{},checkbox:{},checkboxGroup:{},col:{},drawer:{showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0},formDesign:{formConfig:{vertical:!0}},formGather:{},formItem:{},icon:{},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},listDesign:{},list:{scrollY:{enabled:!0,gt:100}},loading:{},modal:{top:15,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,draggable:!0,showConfirmButton:null,storageKey:"VXE_MODAL_POSITION"},optgroup:{},option:{},pager:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},tabs:{},textarea:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_PWD:iconPrefix+"eye-fill",INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",INPUT_PREV_NUM:iconPrefix+"caret-up",INPUT_NEXT_NUM:iconPrefix+"caret-down",INPUT_DATE:iconPrefix+"calendar",INPUT_SEARCH:iconPrefix+"search",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",DESIGN_FORM_WIDGET_ADD:iconPrefix+"square-plus-fill",DESIGN_FORM_WIDGET_COPY:iconPrefix+"copy",DESIGN_FORM_WIDGET_DELETE:iconPrefix+"delete",DESIGN_FORM_WIDGET_OPTION_DELETE:iconPrefix+"delete",DESIGN_FORM_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",DESIGN_FORM_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus"});var _default=exports.default=_core.VxeUI;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_core=(exports.default=void 0,require("@vxe-ui/core")),_dynamics=(Object.keys(_core).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_core[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _core[e]}})}),require("../dynamics"));_core.VxeUI.uiVersion="1.4.0",_core.VxeUI.tableVersion="",_core.VxeUI.dynamicApp=_dynamics.dynamicApp,(0,_core.setConfig)({anchor:{},anchorLink:{},breadcrumb:{separator:"/"},breadcrumbItem:{},button:{},buttonGroup:{},checkbox:{},checkboxGroup:{},col:{},colgroup:{},collapse:{},collapsePane:{},column:{},drawer:{showHeader:!0,lockView:!0,mask:!0,showTitleOverflow:!0,showClose:!0},form:{validConfig:{showMessage:!0,autoPos:!0},tooltipConfig:{enterable:!0},titleAsterisk:!0},formDesign:{formConfig:{vertical:!0}},formGather:{},formItem:{},grid:{},icon:{},input:{startDate:new Date(1900,0,1),endDate:new Date(2100,0,1),startDay:1,selectDay:1,digits:2,controls:!0},layoutAside:{},layoutBody:{},layoutContainer:{},layoutFooter:{},layoutHeader:{},listDesign:{},list:{scrollY:{enabled:!0,gt:100}},loading:{},modal:{top:15,showHeader:!0,minWidth:340,minHeight:140,lockView:!0,mask:!0,duration:3e3,marginSize:0,dblclickZoom:!0,showTitleOverflow:!0,animat:!0,showClose:!0,draggable:!0,showConfirmButton:null,storageKey:"VXE_MODAL_POSITION"},optgroup:{},option:{},pager:{},pulldown:{},radio:{strict:!0},radioButton:{strict:!0},radioGroup:{strict:!0},row:{},select:{multiCharOverflow:8},switch:{},tabPane:{},table:{},tabs:{},textarea:{},toolbar:{},tooltip:{trigger:"hover",theme:"dark",enterDelay:500,leaveDelay:300}});const iconPrefix="vxe-icon-";(0,_core.setIcon)({LOADING:iconPrefix+"spinner roll vxe-loading--default-icon",BUTTON_DROPDOWN:iconPrefix+"arrow-down",BUTTON_LOADING:iconPrefix+"spinner roll",MENU_ITEM_EXPAND_OPEN:iconPrefix+"arrow-down rotate180",MENU_ITEM_EXPAND_CLOSE:iconPrefix+"arrow-down",SELECT_LOADED:iconPrefix+"spinner roll",SELECT_OPEN:iconPrefix+"caret-down rotate180",SELECT_CLOSE:iconPrefix+"caret-down",PAGER_HOME:iconPrefix+"home-page",PAGER_END:iconPrefix+"end-page",PAGER_JUMP_PREV:iconPrefix+"arrow-double-left",PAGER_JUMP_NEXT:iconPrefix+"arrow-double-right",PAGER_PREV_PAGE:iconPrefix+"arrow-left",PAGER_NEXT_PAGE:iconPrefix+"arrow-right",PAGER_JUMP_MORE:iconPrefix+"ellipsis-h",INPUT_CLEAR:iconPrefix+"error-circle-fill",INPUT_PWD:iconPrefix+"eye-fill",INPUT_SHOW_PWD:iconPrefix+"eye-fill-close",INPUT_PREV_NUM:iconPrefix+"caret-up",INPUT_NEXT_NUM:iconPrefix+"caret-down",INPUT_DATE:iconPrefix+"calendar",INPUT_SEARCH:iconPrefix+"search",MODAL_ZOOM_IN:iconPrefix+"square",MODAL_ZOOM_OUT:iconPrefix+"maximize",MODAL_CLOSE:iconPrefix+"close",MODAL_INFO:iconPrefix+"info-circle-fill",MODAL_SUCCESS:iconPrefix+"success-circle-fill",MODAL_WARNING:iconPrefix+"warning-circle-fill",MODAL_ERROR:iconPrefix+"error-circle-fill",MODAL_QUESTION:iconPrefix+"question-circle-fill",MODAL_LOADING:iconPrefix+"spinner roll",FORM_PREFIX:iconPrefix+"question-circle-fill",FORM_SUFFIX:iconPrefix+"question-circle-fill",FORM_FOLDING:iconPrefix+"arrow-up rotate180",FORM_UNFOLDING:iconPrefix+"arrow-up",DESIGN_FORM_WIDGET_ADD:iconPrefix+"square-plus-fill",DESIGN_FORM_WIDGET_COPY:iconPrefix+"copy",DESIGN_FORM_WIDGET_DELETE:iconPrefix+"delete",DESIGN_FORM_WIDGET_OPTION_DELETE:iconPrefix+"delete",DESIGN_FORM_WIDGET_OPTION_EXPAND_OPEN:iconPrefix+"square-plus",DESIGN_FORM_WIDGET_OPTION_EXPAND_CLOSE:iconPrefix+"square-minus"});var _default=exports.default=_core.VxeUI;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "一个基于 vue 的 PC 端组件库",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -20,9 +20,12 @@
   ],
   "main": "lib/index.common.js",
   "module": "es/index.esm.js",
+  "unpkg": "lib/index.umd.js",
+  "jsdelivr": "lib/index.umd.js",
+  "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^0.2.0"
+    "@vxe-ui/core": "^0.4.0"
   },
   "devDependencies": {
     "@types/resize-observer-browser": "^0.1.11",
@@ -58,10 +61,9 @@
     "sass": "^1.75.0",
     "sass-loader": "^14.2.0",
     "typescript": "~4.5.5",
-    "vue": "3.3.13",
+    "vue": "3.4.27",
     "vue-i18n": "^9.13.1",
-    "vue-router": "^4.3.2",
-    "vuex": "^4.1.0"
+    "vue-router": "^4.3.2"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

package/packages/components.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue'
-import { setConfig } from '@vxe-ui/core'
+import { setConfig, VxeGlobalConfig } from '@vxe-ui/core'
 
 import VxeAnchor from './anchor'
 import VxeAnchorLink from './anchor-link'
@@ -55,8 +55,6 @@ import VxeTree from './tree'
 import VxeTreeSelect from './tree-select'
 import VxeUpload from './upload'
 
-import type { VxeGlobalConfig } from '../types'
-
 const components = [
   VxeAnchor,
   VxeAnchorLink,

package/packages/drawer/index.ts

@@ -57,8 +57,6 @@ const DrawerController = {
   open: openDrawer
 }
 
-export const drawer = DrawerController
-
 export const VxeDrawer = Object.assign(VxeDrawerComponent, {
   install: function (app: App) {
     app.component(VxeDrawerComponent.name as string, VxeDrawerComponent)

package/packages/form/src/form-config-item.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, inject, provide, PropType, createCommentVNode } from 'vue'
 import XEUtils from 'xe-utils'
-import { getIcon, getI18n, renderer } from '@vxe-ui/core'
+import { getIcon, getI18n, renderer, VxeComponentSlotType } from '@vxe-ui/core'
 import { getFuncText, isEnableConf } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { renderTitle } from './render'
 import { isActiveItem } from './util'
 
-import type { VxeFormConstructor, VxeFormDefines, VxeFormPrivateMethods, VxeComponentSlotType } from '../../../types'
+import type { VxeFormConstructor, VxeFormDefines, VxeFormPrivateMethods } from '../../../types'
 
 const VxeFormConfigItem = defineComponent({
   name: 'VxeFormConfigItem',

package/packages/form/src/form-gather.ts

@@ -34,7 +34,7 @@ export default defineComponent({
       const span = props.span || ($xeForm ? $xeForm.props.span : null)
       return h('div', {
         ref: refElem,
-        class: ['vxe-form--gather vxe-form--item-row', formItem.id, span ? `vxe-form--item-col_${span} is--span` : '', className ? (XEUtils.isFunction(className) ? className({ $form: $xeForm, data: $xeForm ? $xeForm.props.data : {}, item: formItem, field: field as string, property: field as string }) : className) : '']
+        class: ['vxe-form--gather vxe-form--item-row', formItem.id, span ? `vxe-form--item-col_${span} is--span` : '', className ? (XEUtils.isFunction(className) ? className({ $form: $xeForm, data: $xeForm ? $xeForm.props.data : {}, item: formItem as any, field: field as string, property: field as string }) : className) : '']
       }, defaultSlot ? defaultSlot() : [])
     }
 

package/packages/form/src/form-item.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, onUnmounted, inject, ref, Ref, provide, onMounted, PropType, createCommentVNode, reactive } from 'vue'
 import XEUtils from 'xe-utils'
-import { getIcon, getI18n, renderer } from '@vxe-ui/core'
+import { getIcon, getI18n, renderer, VxeComponentSlotType } from '@vxe-ui/core'
 import { getFuncText, isEnableConf } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { createItem, watchItem, destroyItem, assembleItem, XEFormItemProvide, isActiveItem } from './util'
 import { renderTitle } from './render'
 
-import type { VxeComponentSlotType, VxeFormConstructor, VxeFormDefines, VxeFormItemPropTypes, VxeFormPrivateMethods } from '../../../types'
+import type { VxeFormConstructor, VxeFormDefines, VxeFormItemPropTypes, VxeFormPrivateMethods } from '../../../types'
 
 export const formItemProps = {
   title: String as PropType<VxeFormItemPropTypes.Title>,

package/packages/form/src/form.ts

@@ -290,8 +290,11 @@ export default defineComponent({
               inputElem = el.querySelector(`.${item.id} ${itemRender.autofocus}`) as HTMLInputElement
             }
             // 渲染器的聚焦处理
-            if (!inputElem && compConf && compConf.autofocus) {
-              inputElem = el.querySelector(`.${item.id} ${compConf.autofocus}`) as HTMLInputElement
+            if (!inputElem) {
+              const formItemAutoFocus = compConf ? compConf.formItemAutoFocus : null
+              if (formItemAutoFocus) {
+                inputElem = el.querySelector(`.${item.id} ${formItemAutoFocus}`) as HTMLInputElement
+              }
             }
             if (inputElem) {
               inputElem.focus()

package/packages/form-design/widget-select/select-form.ts

@@ -1,12 +1,11 @@
 import { PropType, VNode, defineComponent, h, onMounted, ref, watch } from 'vue'
-import { getIcon } from '@vxe-ui/core'
+import { VxeUI, getIcon } from '@vxe-ui/core'
 import VxeFormComponent from '../../form/src/form'
 import VxeFormItemComponent from '../../form/src/form-item'
 import VxeButtonComponent from '../../button/src/button'
 import VxeInputComponent from '../../input/src/input'
 import VxeTextareaComponent from '../../textarea/src/textarea'
 import VxeSwitchComponent from '../../switch/src/switch'
-import { modal } from '../../modal'
 import { WidgetSelectFormObjVO, WidgetSelectFormOptionObjVO, WidgetSelectFormOptionSubObjVO } from './select-data'
 import { useKebabCaseName } from '../render/hooks'
 
@@ -118,7 +117,7 @@ export const WidgetSelectFormComponent = defineComponent({
 
       optionsContent.value = contList.join('\n')
 
-      modal.open({
+      VxeUI.modal.open({
         title: `${widget.title} - 批量编辑选项`,
         width: 500,
         height: '50vh ',

package/packages/input/src/input.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, Teleport, ref, Ref, computed, reactive, inject, nextTick, watch, onUnmounted, PropType } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize } from '@vxe-ui/core'
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, VxeComponentStyleType } from '@vxe-ui/core'
 import { getFuncText, getLastZIndex, nextZIndex } from '../../ui/src/utils'
 import { hasClass, getAbsolutePos, getEventTargetNode } from '../../ui/src/dom'
 import { toStringTimeDate, getDateQuarter } from './date'
 import { handleNumber, toFloatValueFixed } from './number'
 
-import type { VxeComponentStyleType, VxeInputConstructor, VxeInputEmits, InputReactData, InputMethods, VxeInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
+import type { VxeInputConstructor, VxeInputEmits, InputReactData, InputMethods, VxeInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
 
 interface DateYearItem {
   date: Date;

package/packages/modal/index.ts

@@ -94,8 +94,6 @@ const ModalController = {
   message: openMessage
 }
 
-export const modal = ModalController
-
 export const VxeModal = Object.assign(VxeModalComponent, {
   install: function (app: App) {
     app.component(VxeModalComponent.name as string, VxeModalComponent)

package/packages/print/src/print.ts

@@ -11,7 +11,7 @@ export default defineComponent({
     title: String as PropType<VxePrintPropTypes.Title>,
     content: String as PropType<VxePrintPropTypes.Content>,
     customStyle: String as PropType<VxePrintPropTypes.CustomStyle>,
-    beforeMethod: Function as PropType<VxePrintPropTypes.beforeMethod>
+    beforeMethod: Function as PropType<VxePrintPropTypes.BeforeMethod>
   },
   emits: [],
   setup (props, context) {

package/packages/print/src/util.ts

@@ -87,5 +87,14 @@ function handlePrint (opts: VxePrintProps, content = '') {
 
 export const printHtml: VxePrintDefines.PrintFunction = (options) => {
   const opts = Object.assign({}, options)
+  if (opts.sheetName) {
+    opts.title = opts.title || opts.sheetName
+  }
+  if (opts.style) {
+    opts.customStyle = opts.customStyle || opts.style
+  }
+  if (opts.beforePrintMethod) {
+    opts.beforeMethod = opts.beforeMethod || opts.beforePrintMethod
+  }
   return handlePrint(opts, opts.content)
 }

package/packages/pulldown/src/pulldown.ts

@@ -1,10 +1,10 @@
 import { defineComponent, h, Teleport, ref, Ref, onUnmounted, reactive, nextTick, PropType, watch, createCommentVNode } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, globalEvents, createEvent, useSize } from '@vxe-ui/core'
+import { getConfig, globalEvents, createEvent, useSize, VxeComponentStyleType } from '@vxe-ui/core'
 import { getAbsolutePos, getEventTargetNode } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
 
-import type { VxeComponentStyleType, VxePulldownConstructor, VxePulldownPropTypes, VxePulldownEmits, PulldownReactData, PulldownMethods, PulldownPrivateRef, VxePulldownMethods } from '../../../types'
+import type { VxePulldownConstructor, VxePulldownPropTypes, VxePulldownEmits, PulldownReactData, PulldownMethods, PulldownPrivateRef, VxePulldownMethods } from '../../../types'
 
 export default defineComponent({
   name: 'VxePulldown',

package/packages/select/src/select.ts

@@ -1,12 +1,12 @@
 import { defineComponent, h, Teleport, PropType, ref, Ref, inject, computed, provide, onUnmounted, reactive, nextTick, watch, onMounted, createCommentVNode } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize } from '@vxe-ui/core'
+import { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useSize, VxeComponentSlotType } from '@vxe-ui/core'
 import { getEventTargetNode, getAbsolutePos } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, getFuncText } from '../../ui/src/utils'
 import VxeInputComponent from '../../input/src/input'
 import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxeSelectPropTypes, VxeSelectConstructor, SelectReactData, VxeSelectEmits, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptgroupProps, VxeOptionProps, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeInputDefines, VxeComponentSlotType } from '../../../types'
+import type { VxeSelectPropTypes, VxeSelectConstructor, SelectReactData, VxeSelectEmits, VxeInputConstructor, SelectMethods, SelectPrivateRef, VxeSelectMethods, VxeOptgroupProps, VxeOptionProps, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeInputDefines } from '../../../types'
 
 function isOptionVisible (option: any) {
   return option.visible !== false

package/packages/ui/index.ts

@@ -1,7 +1,8 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core'
 import { dynamicApp } from '../dynamics'
 
-VxeUI.uiVersion = process.env.VUE_APP_VXE_UI_VERSION as string
+VxeUI.uiVersion = process.env.VUE_APP_VXE_VERSION as string
+VxeUI.tableVersion = ''
 
 VxeUI.dynamicApp = dynamicApp
 
@@ -17,6 +18,10 @@ setConfig({
   checkbox: {},
   checkboxGroup: {},
   col: {},
+  colgroup: {},
+  collapse: {},
+  collapsePane: {},
+  column: {},
   drawer: {
     // size: null,
     showHeader: true,
@@ -45,6 +50,7 @@ setConfig({
   },
   formGather: {},
   formItem: {},
+  grid: {},
   icon: {},
   input: {
     // size: null,
@@ -120,8 +126,10 @@ setConfig({
   },
   switch: {},
   tabPane: {},
+  table: {},
   tabs: {},
   textarea: {},
+  toolbar: {},
   tooltip: {
     // size: null,
     trigger: 'hover',

package/packages/ui/src/vn.ts

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

package/types/components/colgroup.d.ts

@@ -0,0 +1,137 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance, DefineComponent } from 'vue'
+import { defineVxeComponent, VxeComponentBaseOptions, VxeComponentEventParams } from '@vxe-ui/core'
+import { VxeColumnPropTypes, VxeColumnSlotTypes } from './column'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeColgroup: defineVxeComponent<VxeColgroupProps, VxeColgroupEventProps>
+export type VxeColgroupComponent = DefineComponent<VxeColgroupProps, VxeColgroupEmits>
+
+export type VxeColgroupInstance = ComponentPublicInstance<VxeColgroupProps, VxeColgroupConstructor>
+
+export interface VxeColgroupConstructor extends VxeComponentBaseOptions, VxeColgroupMethods {
+  props: VxeColgroupProps
+  context: SetupContext<VxeColgroupEmits>
+  reactData: ColgroupReactData
+  getRefMaps(): ColgroupPrivateRef
+  getComputeMaps(): ColgroupPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface ColgroupPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeColgroupPrivateRef extends ColgroupPrivateRef { }
+
+export namespace VxeColgroupPropTypes {
+}
+
+export type VxeColgroupProps = {
+  /**
+   * 渲染类型
+   */
+  type?: VxeColumnPropTypes.Type
+  /**
+   * 列字段名
+   */
+  field?: VxeColumnPropTypes.Field
+  /**
+   * 列标题
+   */
+  title?: VxeColumnPropTypes.Title
+  /**
+   * 列宽度
+   */
+  width?: VxeColumnPropTypes.Width
+  /**
+   * 列最小宽度，把剩余宽度按比例分配
+   */
+  minWidth?: VxeColumnPropTypes.MinWidth
+  /**
+   * 是否允许拖动列宽调整大小
+   */
+  resizable?: VxeColumnPropTypes.Resizable
+  /**
+   * 将列固定在左侧或者右侧
+   */
+  fixed?: VxeColumnPropTypes.Fixed
+  /**
+   * 列对其方式
+   */
+  align?: VxeColumnPropTypes.Align
+  /**
+   * 表头对齐方式
+   */
+  headerAlign?: VxeColumnPropTypes.HeaderAlign
+  /**
+   * 当内容过长时显示为省略号
+   */
+  showOverflow?: VxeColumnPropTypes.ShowOverflow
+  /**
+   * 当表头内容过长时显示为省略号
+   */
+  showHeaderOverflow?: VxeColumnPropTypes.ShowHeaderOverflow
+  /**
+   * 给单元格附加 className
+   */
+  className?: VxeColumnPropTypes.ClassName
+  /**
+   * 给表头单元格附加 className
+   */
+  headerClassName?: VxeColumnPropTypes.HeaderClassName
+  /**
+   * 是否可视
+   */
+  visible?: VxeColumnPropTypes.Visible
+  /**
+   * 额外的参数
+   */
+  params?: VxeColumnPropTypes.Params
+}
+
+export interface ColgroupPrivateComputed {
+}
+export interface VxeColgroupPrivateComputed extends ColgroupPrivateComputed { }
+
+export interface ColgroupReactData {
+}
+
+export interface ColgroupMethods {
+  dispatchEvent(type: ValueOf<VxeColgroupEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeColgroupMethods extends ColgroupMethods { }
+
+export interface ColgroupPrivateMethods { }
+export interface VxeColgroupPrivateMethods extends ColgroupPrivateMethods { }
+
+export type VxeColgroupEmits = []
+
+export namespace VxeColgroupDefines {
+  export interface ColgroupEventParams extends VxeComponentEventParams {
+    $colgroup: VxeColgroupConstructor
+  }
+}
+
+export type VxeColgroupEventProps = {}
+
+export interface VxeColgroupListeners { }
+
+export namespace VxeColgroupEvents { }
+
+export namespace VxeColgroupSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeColgroupSlots {
+  /**
+   * 自定义表头内容的模板
+   */
+  header: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+  /**
+   * 只对 type=checkbox,radio 有效，自定义标题模板
+   */
+  title: (params: VxeColumnSlotTypes.HeaderSlotParams<D>) => any
+}
+
+export const Colgroup: typeof VxeColgroup
+export default VxeColgroup