vxe-pc-ui 0.2.0 → 0.4.0

package/lib/index.umd.js

@@ -1689,6 +1689,7 @@ __webpack_require__.d(__webpack_exports__, {
   LayoutContainer: function() { return /* reexport */ LayoutContainer; },
   LayoutFooter: function() { return /* reexport */ LayoutFooter; },
   LayoutHeader: function() { return /* reexport */ LayoutHeader; },
+  List: function() { return /* reexport */ List; },
   ListDesign: function() { return /* reexport */ ListDesign; },
   Loading: function() { return /* reexport */ Loading; },
   Modal: function() { return /* reexport */ Modal; },
@@ -1712,6 +1713,7 @@ __webpack_require__.d(__webpack_exports__, {
   VxeFormGather: function() { return /* reexport */ VxeFormGather; },
   VxeFormItem: function() { return /* reexport */ VxeFormItem; },
   VxeInput: function() { return /* reexport */ VxeInput; },
+  VxeList: function() { return /* reexport */ VxeList; },
   VxeModal: function() { return /* reexport */ VxeModal; },
   VxeOptgroup: function() { return /* reexport */ VxeOptgroup; },
   VxeOption: function() { return /* reexport */ VxeOption; },
@@ -1761,6 +1763,7 @@ __webpack_require__.d(components_namespaceObject, {
   LayoutContainer: function() { return LayoutContainer; },
   LayoutFooter: function() { return LayoutFooter; },
   LayoutHeader: function() { return LayoutHeader; },
+  List: function() { return List; },
   ListDesign: function() { return ListDesign; },
   Loading: function() { return Loading; },
   Modal: function() { return Modal; },
@@ -1784,6 +1787,7 @@ __webpack_require__.d(components_namespaceObject, {
   VxeFormGather: function() { return VxeFormGather; },
   VxeFormItem: function() { return VxeFormItem; },
   VxeInput: function() { return VxeInput; },
+  VxeList: function() { return VxeList; },
   VxeModal: function() { return VxeModal; },
   VxeOptgroup: function() { return VxeOptgroup; },
   VxeOption: function() { return VxeOption; },
@@ -1946,23 +1950,19 @@ const globalConfigStore = {
   zIndex: 999,
   emptyCell: '　',
   loadingText: '',
+  resizeInterval: 500,
   i18n: key => key,
-  tooltip: {
-    // size: null,
-    trigger: 'hover',
-    theme: 'dark',
-    enterDelay: 500,
-    leaveDelay: 300
-  },
-  pager: {
-    // size: null,
-    // autoHidden: false,
-    // perfect: true,
-    // pageSize: 10,
-    // pagerCount: 7,
-    // pageSizes: [10, 15, 20, 50, 100],
-    // layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
+  anchor: {},
+  anchorLink: {},
+  breadcrumb: {
+    separator: '/'
   },
+  breadcrumbItem: {},
+  button: {},
+  buttonGroup: {},
+  checkbox: {},
+  checkboxGroup: {},
+  col: {},
   form: {
     // preventSubmit: false,
     // size: null,
@@ -1976,6 +1976,10 @@ const globalConfigStore = {
     },
     titleAsterisk: true
   },
+  formDesign: {},
+  formGather: {},
+  formItem: {},
+  icon: {},
   input: {
     // size: null,
     // transfer: false
@@ -1989,49 +1993,21 @@ const globalConfigStore = {
     digits: 2,
     controls: true
   },
-  textarea: {
-    // size: null,
-    // autosize: {
-    //   minRows: 1,
-    //   maxRows: 10
-    // }
-  },
-  select: {
-    // size: null,
-    // transfer: false,
-    // optionConfig: {
-    //   keyField: '_X_OPTION_KEY'
-    // },
-    multiCharOverflow: 8
-  },
-  button: {
-    // size: null,
-    // transfer: false
-  },
-  buttonGroup: {
-    // size: null
-  },
-  radio: {
-    // size: null,
-    strict: true
-  },
-  radioButton: {
-    // size: null,
-    strict: true
-  },
-  radioGroup: {
+  layoutAside: {},
+  layoutBody: {},
+  layoutContainer: {},
+  layoutFooter: {},
+  layoutHeader: {},
+  listDesign: {},
+  list: {
     // size: null,
-    strict: true
-  },
-  checkbox: {
-    // size: null
-  },
-  checkboxGroup: {
-    // size: null
-  },
-  switch: {
-    // size: null
+    scrollY: {
+      enabled: true,
+      gt: 100
+      // oSize: 0
+    }
   },
+  loading: {},
   modal: {
     // size: null,
     top: 15,
@@ -2050,16 +2026,42 @@ const globalConfigStore = {
     // storage: false,
     storageKey: 'VXE_MODAL_POSITION'
   },
-  list: {
+  optgroup: {},
+  option: {},
+  pager: {
     // size: null,
-    scrollY: {
-      enabled: true,
-      gt: 100
-      // oSize: 0
-    }
+    // autoHidden: false,
+    // perfect: true,
+    // pageSize: 10,
+    // pagerCount: 7,
+    // pageSizes: [10, 15, 20, 50, 100],
+    // layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
+  },
+  pulldown: {},
+  radio: {
+    strict: true
+  },
+  radioButton: {
+    strict: true
+  },
+  radioGroup: {
+    strict: true
+  },
+  row: {},
+  select: {
+    multiCharOverflow: 8
   },
-  breadcrumb: {},
-  formDesign: {}
+  switch: {},
+  tabPane: {},
+  tabs: {},
+  textarea: {},
+  tooltip: {
+    // size: null,
+    trigger: 'hover',
+    theme: 'dark',
+    enterDelay: 500,
+    leaveDelay: 300
+  }
 };
 /* harmony default export */ var globalStore = (globalConfigStore);
 ;// CONCATENATED MODULE: ./packages/ui/src/iconStore.ts
@@ -2163,7 +2165,7 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
 function getLog(message, params) {
-  return `[vxe-table v${"0.2.0"}] ${getI18n(message, params)}`;
+  return `[vxe-table v${"0.4.0"}] ${getI18n(message, params)}`;
 }
 function outLog(type) {
   return function (message, params) {
@@ -2378,8 +2380,8 @@ function setIcon(options) {
 function getIcon(key) {
   return arguments.length ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(iconStore, key) : iconStore;
 }
-const version = "0.2.0";
-const VxeCore = {
+const version = "0.4.0";
+const core_VxeCore = {
   version,
   setConfig,
   getConfig,
@@ -2394,12 +2396,12 @@ setTheme();
 
 
 
-/* harmony default export */ var core = (VxeCore);
+/* harmony default export */ var core = (core_VxeCore);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 const VxeUI = core;
 
-/* harmony default export */ var ui = (core);
+/* harmony default export */ var ui = ((/* unused pure expression or super */ null && (VxeCore)));
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 ;// CONCATENATED MODULE: ./packages/ui/src/dom.ts
@@ -2801,24 +2803,6 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
       }
     };
     Object.assign($xeAnchor, anchorMethods, anchorPrivateMethods);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
-      reactData.activeHref = val;
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.activeHref, () => {
-      updateMarkerPos();
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.container, () => {
-      removeContainerElemScroll();
-      updateContainerElem();
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-        updateContainerElem();
-      });
-    });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
-      removeContainerElemScroll();
-    });
     const renderSubItems = options => {
       const itemVNs = [];
       if (options) {
@@ -2861,6 +2845,24 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
         class: 'vxe-anchor--marker'
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()]);
     };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      reactData.activeHref = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.activeHref, () => {
+      updateMarkerPos();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.container, () => {
+      removeContainerElemScroll();
+      updateContainerElem();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        updateContainerElem();
+      });
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      removeContainerElemScroll();
+    });
     $xeAnchor.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeAnchor', $xeAnchor);
     return $xeAnchor;
@@ -2869,22 +2871,56 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
     return this.renderVN();
   }
 }));
+;// CONCATENATED MODULE: ./packages/dynamics/index.ts
+
+let dynamicContainerElem;
+const dynamicStore = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+  modals: []
+});
+/**
+ * 动态组件
+ */
+const VxeDynamics = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  setup() {
+    return () => {
+      const {
+        modals
+      } = dynamicStore;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-dynamics--modal'
+      }, modals.map(item => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('vxe-modal'), item)));
+    };
+  }
+});
+const dynamicApp = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createApp)(VxeDynamics);
+function checkDynamic() {
+  if (!dynamicContainerElem) {
+    dynamicContainerElem = document.createElement('div');
+    dynamicContainerElem.className = 'vxe-dynamics';
+    document.body.appendChild(dynamicContainerElem);
+    dynamicApp.mount(dynamicContainerElem);
+  }
+}
 ;// CONCATENATED MODULE: ./packages/anchor/index.ts
 
+
 const VxeAnchor = Object.assign({}, src_anchor, {
   install(app) {
     app.component(src_anchor.name, src_anchor);
   }
 });
+dynamicApp.component(src_anchor.name, src_anchor);
 const Anchor = VxeAnchor;
 /* harmony default export */ var packages_anchor = (VxeAnchor);
 ;// CONCATENATED MODULE: ./packages/anchor-link/index.ts
 
+
 const VxeAnchorLink = Object.assign({}, anchor_link, {
   install(app) {
     app.component(anchor_link.name, anchor_link);
   }
 });
+dynamicApp.component(anchor_link.name, anchor_link);
 const AnchorLink = VxeAnchorLink;
 /* harmony default export */ var packages_anchor_link = (VxeAnchorLink);
 ;// CONCATENATED MODULE: ./packages/breadcrumb/src/breadcrumb.ts
@@ -2896,7 +2932,7 @@ const AnchorLink = VxeAnchorLink;
   props: {
     separator: {
       type: String,
-      default: () => ui.getConfig('breadcrumb.separator')
+      default: () => globalStore.breadcrumb.separator
     }
   },
   emits: [],
@@ -2936,11 +2972,13 @@ const AnchorLink = VxeAnchorLink;
 }));
 ;// CONCATENATED MODULE: ./packages/breadcrumb/index.ts
 
+
 const VxeBreadcrumb = Object.assign({}, breadcrumb, {
   install(app) {
     app.component(breadcrumb.name, breadcrumb);
   }
 });
+dynamicApp.component(breadcrumb.name, breadcrumb);
 const Breadcrumb = VxeBreadcrumb;
 /* harmony default export */ var packages_breadcrumb = (VxeBreadcrumb);
 ;// CONCATENATED MODULE: ./packages/breadcrumb-item/src/breadcrumb-item.ts
@@ -2997,11 +3035,13 @@ const Breadcrumb = VxeBreadcrumb;
 }));
 ;// CONCATENATED MODULE: ./packages/breadcrumb-item/index.ts
 
+
 const VxeBreadcrumbItem = Object.assign({}, breadcrumb_item, {
   install(app) {
     app.component(breadcrumb_item.name, breadcrumb_item);
   }
 });
+dynamicApp.component(breadcrumb_item.name, breadcrumb_item);
 const BreadcrumbItem = VxeBreadcrumbItem;
 /* harmony default export */ var packages_breadcrumb_item = (VxeBreadcrumbItem);
 ;// CONCATENATED MODULE: ./packages/hooks/size.ts
@@ -3674,11 +3714,13 @@ if (browse.isDoc) {
 }));
 ;// CONCATENATED MODULE: ./packages/button/index.ts
 
+
 const VxeButton = Object.assign({}, src_button, {
   install(app) {
     app.component(src_button.name, src_button);
   }
 });
+dynamicApp.component(src_button.name, src_button);
 const Button = VxeButton;
 /* harmony default export */ var packages_button = (VxeButton);
 ;// CONCATENATED MODULE: ./packages/button/src/button-group.ts
@@ -3765,11 +3807,13 @@ const Button = VxeButton;
 }));
 ;// CONCATENATED MODULE: ./packages/button-group/index.ts
 
+
 const VxeButtonGroup = Object.assign({}, button_group, {
   install(app) {
     app.component(button_group.name, button_group);
   }
 });
+dynamicApp.component(button_group.name, button_group);
 const ButtonGroup = VxeButtonGroup;
 /* harmony default export */ var packages_button_group = (VxeButtonGroup);
 ;// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.ts
@@ -3819,10 +3863,10 @@ const ButtonGroup = VxeButtonGroup;
     };
     let checkboxMethods = {};
     const computeSize = useSize(props);
-    const $xecheckboxgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xecheckboxgroup', null);
+    const $xeCheckboxGroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeCheckboxGroup', null);
     const computeIsChecked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      if ($xecheckboxgroup) {
-        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().includes($xecheckboxgroup.props.modelValue, props.label);
+      if ($xeCheckboxGroup) {
+        return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().includes($xeCheckboxGroup.props.modelValue, props.label);
       }
       return props.modelValue === props.checkedValue;
     });
@@ -3830,13 +3874,13 @@ const ButtonGroup = VxeButtonGroup;
       if (props.disabled) {
         return true;
       }
-      if ($xecheckboxgroup) {
+      if ($xeCheckboxGroup) {
         const {
           props: groupProps
-        } = $xecheckboxgroup;
+        } = $xeCheckboxGroup;
         const {
           computeIsMaximize
-        } = $xecheckboxgroup.getComputeMaps();
+        } = $xeCheckboxGroup.getComputeMaps();
         const isMaximize = computeIsMaximize.value;
         const isChecked = computeIsChecked.value;
         return groupProps.disabled || isMaximize && !isChecked;
@@ -3857,8 +3901,8 @@ const ButtonGroup = VxeButtonGroup;
           value,
           label: props.label
         };
-        if ($xecheckboxgroup) {
-          $xecheckboxgroup.handleChecked(params, evnt);
+        if ($xeCheckboxGroup) {
+          $xeCheckboxGroup.handleChecked(params, evnt);
         } else {
           emit('update:modelValue', value);
           checkboxMethods.dispatchEvent('change', params, evnt);
@@ -3910,36 +3954,6 @@ const ButtonGroup = VxeButtonGroup;
     return this.renderVN();
   }
 }));
-;// CONCATENATED MODULE: ./packages/dynamics/index.ts
-
-let dynamicContainerElem;
-const dynamicStore = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
-  modals: []
-});
-/**
- * 动态组件
- */
-const VxeDynamics = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
-  setup() {
-    return () => {
-      const {
-        modals
-      } = dynamicStore;
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-        class: 'vxe-dynamics--modal'
-      }, modals.map(item => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)('vxe-modal'), item)));
-    };
-  }
-});
-const dynamicApp = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createApp)(VxeDynamics);
-function checkDynamic() {
-  if (!dynamicContainerElem) {
-    dynamicContainerElem = document.createElement('div');
-    dynamicContainerElem.className = 'vxe-dynamics';
-    document.body.appendChild(dynamicContainerElem);
-    dynamicApp.mount(dynamicContainerElem);
-  }
-}
 ;// CONCATENATED MODULE: ./packages/checkbox/index.ts
 
 
@@ -4011,7 +4025,7 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
     const computeMaps = {
       computeIsMaximize
     };
-    const $xecheckboxgroup = {
+    const $xeCheckboxGroup = {
       xID,
       props,
       context,
@@ -4021,7 +4035,7 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
     const checkboxGroupMethods = {
       dispatchEvent(type, params, evnt) {
         emit(type, Object.assign({
-          $checkboxGroup: $xecheckboxgroup,
+          $checkboxGroup: $xeCheckboxGroup,
           $event: evnt
         }, params));
       }
@@ -4042,7 +4056,7 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
           checklist.splice(checkIndex, 1);
         }
         emit('update:modelValue', checklist);
-        $xecheckboxgroup.dispatchEvent('change', Object.assign({
+        $xeCheckboxGroup.dispatchEvent('change', Object.assign({
           checklist
         }, params), evnt);
         // 自动更新校验状态
@@ -4051,7 +4065,7 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
         }
       }
     };
-    Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+    Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
     const renderVN = () => {
       const {
         options
@@ -4070,8 +4084,8 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
         });
       }) : []);
     };
-    $xecheckboxgroup.renderVN = renderVN;
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xecheckboxgroup', $xecheckboxgroup);
+    $xeCheckboxGroup.renderVN = renderVN;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeCheckboxGroup', $xeCheckboxGroup);
     return renderVN;
   }
 }));
@@ -4083,8 +4097,8 @@ const VxeCheckboxGroup = Object.assign(group, {
     app.component(group.name, group);
   }
 });
-const CheckboxGroup = VxeCheckboxGroup;
 dynamicApp.component(group.name, group);
+const CheckboxGroup = VxeCheckboxGroup;
 /* harmony default export */ var checkbox_group = (VxeCheckboxGroup);
 ;// CONCATENATED MODULE: ./packages/row/src/col.ts
 
@@ -4178,11 +4192,13 @@ dynamicApp.component(group.name, group);
 }));
 ;// CONCATENATED MODULE: ./packages/col/index.ts
 
+
 const VxeCol = Object.assign({}, col, {
   install(app) {
     app.component(col.name, col);
   }
 });
+dynamicApp.component(col.name, col);
 const Col = VxeCol;
 /* harmony default export */ var packages_col = (VxeCol);
 ;// CONCATENATED MODULE: ./packages/form/src/itemInfo.ts
@@ -4745,11 +4761,13 @@ function getSlotVNs(vns) {
 }));
 ;// CONCATENATED MODULE: ./packages/tooltip/index.ts
 
+
 const VxeTooltip = Object.assign({}, tooltip, {
   install(app) {
     app.component(tooltip.name, tooltip);
   }
 });
+dynamicApp.component(tooltip.name, tooltip);
 const Tooltip = VxeTooltip;
 /* harmony default export */ var packages_tooltip = (VxeTooltip);
 ;// CONCATENATED MODULE: ./packages/form/src/render.ts
@@ -5023,7 +5041,7 @@ const VxeFormConfigItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
 
 
 
-/* harmony default export */ var loading = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+/* harmony default export */ var src_loading = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeLoading',
   props: {
     modelValue: Boolean,
@@ -5063,11 +5081,13 @@ const VxeFormConfigItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
 }));
 ;// CONCATENATED MODULE: ./packages/loading/index.ts
 
-const VxeLoading = Object.assign({}, loading, {
+
+const VxeLoading = Object.assign({}, src_loading, {
   install(app) {
-    app.component(loading.name, loading);
+    app.component(src_loading.name, src_loading);
   }
 });
+dynamicApp.component(src_loading.name, src_loading);
 const Loading = VxeLoading;
 /* harmony default export */ var packages_loading = (VxeLoading);
 ;// CONCATENATED MODULE: ./packages/form/src/form.ts
@@ -5221,7 +5241,7 @@ function getResetValue(value, resetValue) {
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', null);
-    const $xegrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xegrid', null);
+    const $xeGrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGrid', null);
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     let formMethods = {};
@@ -5244,7 +5264,7 @@ function getResetValue(value, resetValue) {
       props,
       context,
       reactData,
-      xegrid: $xegrid,
+      xegrid: $xeGrid,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -5716,7 +5736,7 @@ function getResetValue(value, resetValue) {
       dispatchEvent(type, params, evnt) {
         emit(type, Object.assign({
           $form: $xeform,
-          $grid: $xegrid,
+          $grid: $xeGrid,
           $event: evnt
         }, params));
       },
@@ -5818,7 +5838,7 @@ function getResetValue(value, resetValue) {
       /**
        * 工具提示
        */
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(packages_tooltip, {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tooltip, {
         ref: refTooltip,
         ...tooltipOpts
       })]);
@@ -5835,11 +5855,13 @@ function getResetValue(value, resetValue) {
 }));
 ;// CONCATENATED MODULE: ./packages/form/index.ts
 
+
 const VxeForm = Object.assign(src_form, {
   install(app) {
     app.component(src_form.name, src_form);
   }
 });
+dynamicApp.component(src_form.name, src_form);
 const Form = VxeForm;
 /* harmony default export */ var packages_form = (VxeForm);
 ;// CONCATENATED MODULE: ./packages/form-design/src/util.ts
@@ -6200,11 +6222,13 @@ function getNewWidgetId(widgetObjList) {
 }));
 ;// CONCATENATED MODULE: ./packages/form-design/index.ts
 
+
 const VxeFormDesign = Object.assign({}, form_design, {
   install(app) {
     app.component(form_design.name, form_design);
   }
 });
+dynamicApp.component(form_design.name, form_design);
 const FormDesign = VxeFormDesign;
 /* harmony default export */ var packages_form_design = (VxeFormDesign);
 ;// CONCATENATED MODULE: ./packages/form/src/form-item.ts
@@ -6503,20 +6527,24 @@ const formItemProps = {
 }));
 ;// CONCATENATED MODULE: ./packages/form-gather/index.ts
 
+
 const VxeFormGather = Object.assign(form_gather, {
   install(app) {
     app.component(form_gather.name, form_gather);
   }
 });
+dynamicApp.component(form_gather.name, form_gather);
 const FormGather = VxeFormGather;
 /* harmony default export */ var packages_form_gather = (VxeFormGather);
 ;// CONCATENATED MODULE: ./packages/form-item/index.ts
 
+
 const VxeFormItem = Object.assign(form_item, {
   install(app) {
     app.component(form_item.name, form_item);
   }
 });
+dynamicApp.component(form_item.name, form_item);
 const FormItem = VxeFormItem;
 /* harmony default export */ var packages_form_item = (VxeFormItem);
 ;// CONCATENATED MODULE: ./packages/icon/src/icon.ts
@@ -6552,11 +6580,13 @@ const FormItem = VxeFormItem;
 }));
 ;// CONCATENATED MODULE: ./packages/icon/index.ts
 
+
 const VxeIcon = Object.assign({}, icon, {
   install(app) {
     app.component(icon.name, icon);
   }
 });
+dynamicApp.component(icon.name, icon);
 const Icon = VxeIcon;
 /* harmony default export */ var packages_icon = (VxeIcon);
 ;// CONCATENATED MODULE: ./packages/input/src/date.ts
@@ -9158,8 +9188,8 @@ const VxeInput = Object.assign(input, {
     app.component(input.name, input);
   }
 });
-const Input = VxeInput;
 dynamicApp.component(input.name, input);
+const Input = VxeInput;
 /* harmony default export */ var packages_input = (VxeInput);
 ;// CONCATENATED MODULE: ./packages/layout-aside/src/layout-aside.ts
 
@@ -9240,11 +9270,13 @@ dynamicApp.component(input.name, input);
 }));
 ;// CONCATENATED MODULE: ./packages/layout-aside/index.ts
 
+
 const VxeLayoutAside = Object.assign({}, layout_aside, {
   install(app) {
     app.component(layout_aside.name, layout_aside);
   }
 });
+dynamicApp.component(layout_aside.name, layout_aside);
 const LayoutAside = VxeLayoutAside;
 /* harmony default export */ var packages_layout_aside = (VxeLayoutAside);
 ;// CONCATENATED MODULE: ./packages/layout-body/src/layout-body.ts
@@ -9296,11 +9328,13 @@ const LayoutAside = VxeLayoutAside;
 }));
 ;// CONCATENATED MODULE: ./packages/layout-body/index.ts
 
+
 const VxeLayoutBody = Object.assign({}, layout_body, {
   install(app) {
     app.component(layout_body.name, layout_body);
   }
 });
+dynamicApp.component(layout_body.name, layout_body);
 const LayoutBody = VxeLayoutBody;
 /* harmony default export */ var packages_layout_body = (VxeLayoutBody);
 ;// CONCATENATED MODULE: ./packages/layout-container/src/layout-container.ts
@@ -9352,11 +9386,13 @@ const LayoutBody = VxeLayoutBody;
 }));
 ;// CONCATENATED MODULE: ./packages/layout-container/index.ts
 
+
 const VxeLayoutContainer = Object.assign({}, layout_container, {
   install(app) {
     app.component(layout_container.name, layout_container);
   }
 });
+dynamicApp.component(layout_container.name, layout_container);
 const LayoutContainer = VxeLayoutContainer;
 /* harmony default export */ var packages_layout_container = (VxeLayoutContainer);
 ;// CONCATENATED MODULE: ./packages/layout-footer/src/layout-footer.ts
@@ -9410,11 +9446,13 @@ const LayoutContainer = VxeLayoutContainer;
 }));
 ;// CONCATENATED MODULE: ./packages/layout-footer/index.ts
 
+
 const VxeLayoutFooter = Object.assign({}, layout_footer, {
   install(app) {
     app.component(layout_footer.name, layout_footer);
   }
 });
+dynamicApp.component(layout_footer.name, layout_footer);
 const LayoutFooter = VxeLayoutFooter;
 /* harmony default export */ var packages_layout_footer = (VxeLayoutFooter);
 ;// CONCATENATED MODULE: ./packages/layout-header/src/layout-header.ts
@@ -9463,11 +9501,13 @@ const LayoutFooter = VxeLayoutFooter;
 }));
 ;// CONCATENATED MODULE: ./packages/layout-header/index.ts
 
+
 const VxeLayoutHeader = Object.assign({}, layout_header, {
   install(app) {
     app.component(layout_header.name, layout_header);
   }
 });
+dynamicApp.component(layout_header.name, layout_header);
 const LayoutHeader = VxeLayoutHeader;
 /* harmony default export */ var packages_layout_header = (VxeLayoutHeader);
 ;// CONCATENATED MODULE: ./packages/list-design/src/list-design.ts
@@ -9514,13 +9554,497 @@ const LayoutHeader = VxeLayoutHeader;
 }));
 ;// CONCATENATED MODULE: ./packages/list-design/index.ts
 
+
 const VxeListDesign = Object.assign({}, list_design, {
   install(app) {
     app.component(list_design.name, list_design);
   }
 });
+dynamicApp.component(list_design.name, list_design);
 const ListDesign = VxeListDesign;
 /* harmony default export */ var packages_list_design = (VxeListDesign);
+;// CONCATENATED MODULE: ./packages/ui/src/resize.ts
+
+
+
+
+/**
+ * 监听 resize 事件
+ * 如果项目中已使用了 resize-observer-polyfill，那么只需要将方法定义全局，该组件就会自动使用
+ */
+let resizeTimeout;
+/* eslint-disable no-use-before-define */
+const resize_eventStore = [];
+const defaultInterval = 500;
+function eventHandle() {
+  if (resize_eventStore.length) {
+    resize_eventStore.forEach(item => {
+      item.tarList.forEach(observer => {
+        const {
+          target,
+          width,
+          heighe
+        } = observer;
+        const clientWidth = target.clientWidth;
+        const clientHeight = target.clientHeight;
+        const rWidth = clientWidth && width !== clientWidth;
+        const rHeight = clientHeight && heighe !== clientHeight;
+        if (rWidth || rHeight) {
+          observer.width = clientWidth;
+          observer.heighe = clientHeight;
+          setTimeout(item.callback);
+        }
+      });
+    });
+    /* eslint-disable @typescript-eslint/no-use-before-define */
+    eventListener();
+  }
+}
+function eventListener() {
+  clearTimeout(resizeTimeout);
+  resizeTimeout = setTimeout(eventHandle, globalStore.resizeInterval || defaultInterval);
+}
+class XEResizeObserver {
+  constructor(callback) {
+    _defineProperty(this, "tarList", []);
+    _defineProperty(this, "callback", void 0);
+    this.callback = callback;
+  }
+  observe(target) {
+    if (target) {
+      const {
+        tarList
+      } = this;
+      if (!tarList.some(observer => observer.target === target)) {
+        tarList.push({
+          target,
+          width: target.clientWidth,
+          heighe: target.clientHeight
+        });
+      }
+      if (!resize_eventStore.length) {
+        eventListener();
+      }
+      if (!resize_eventStore.some(item => item === this)) {
+        resize_eventStore.push(this);
+      }
+    }
+  }
+  unobserve(target) {
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().remove(resize_eventStore, item => item.tarList.some(observer => observer.target === target));
+  }
+  disconnect() {
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().remove(resize_eventStore, item => item === this);
+  }
+}
+function createResizeEvent(callback) {
+  if (window.ResizeObserver) {
+    return new window.ResizeObserver(callback);
+  }
+  return new XEResizeObserver(callback);
+}
+;// CONCATENATED MODULE: ./packages/list/src/list.ts
+
+
+
+
+
+
+
+
+/* harmony default export */ var list = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  name: 'VxeList',
+  props: {
+    data: Array,
+    height: [Number, String],
+    maxHeight: [Number, String],
+    loading: Boolean,
+    className: [String, Function],
+    size: {
+      type: String,
+      default: () => globalStore.list.size || globalStore.size
+    },
+    autoResize: {
+      type: Boolean,
+      default: () => globalStore.list.autoResize
+    },
+    syncResize: [Boolean, String, Number],
+    scrollY: Object
+  },
+  emits: ['scroll'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const computeSize = useSize(props);
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+      scrollYLoad: false,
+      bodyHeight: 0,
+      rowHeight: 0,
+      topSpaceHeight: 0,
+      items: []
+    });
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refVirtualWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const refVirtualBody = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const internalData = {
+      fullData: [],
+      lastScrollLeft: 0,
+      lastScrollTop: 0,
+      scrollYStore: {
+        startIndex: 0,
+        endIndex: 0,
+        visibleSize: 0,
+        offsetSize: 0,
+        rowHeight: 0
+      }
+    };
+    const refMaps = {
+      refElem
+    };
+    const $xeList = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps
+    };
+    let listMethods = {};
+    const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, globalStore.list.scrollY, props.scrollY);
+    });
+    const computeStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        height,
+        maxHeight
+      } = props;
+      const style = {};
+      if (height) {
+        style.height = `${isNaN(height) ? height : `${height}px`}`;
+      } else if (maxHeight) {
+        style.height = 'auto';
+        style.maxHeight = `${isNaN(maxHeight) ? maxHeight : `${maxHeight}px`}`;
+      }
+      return style;
+    });
+    const updateYSpace = () => {
+      const {
+        scrollYLoad
+      } = reactData;
+      const {
+        scrollYStore,
+        fullData
+      } = internalData;
+      reactData.bodyHeight = scrollYLoad ? fullData.length * scrollYStore.rowHeight : 0;
+      reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
+    };
+    const handleData = () => {
+      const {
+        scrollYLoad
+      } = reactData;
+      const {
+        fullData,
+        scrollYStore
+      } = internalData;
+      reactData.items = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    const updateYData = () => {
+      handleData();
+      updateYSpace();
+    };
+    const computeScrollLoad = () => {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
+        const {
+          scrollYLoad
+        } = reactData;
+        const {
+          scrollYStore
+        } = internalData;
+        const virtualBodyElem = refVirtualBody.value;
+        const sYOpts = computeSYOpts.value;
+        let rowHeight = 0;
+        let firstItemElem;
+        if (virtualBodyElem) {
+          if (sYOpts.sItem) {
+            firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
+          }
+          if (!firstItemElem) {
+            firstItemElem = virtualBodyElem.children[0];
+          }
+        }
+        if (firstItemElem) {
+          rowHeight = firstItemElem.offsetHeight;
+        }
+        rowHeight = Math.max(20, rowHeight);
+        scrollYStore.rowHeight = rowHeight;
+        // 计算 Y 逻辑
+        if (scrollYLoad) {
+          const scrollBodyElem = refVirtualWrapper.value;
+          const visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
+          const offsetYSize = sYOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize) : browse.edge ? 10 : 0;
+          scrollYStore.offsetSize = offsetYSize;
+          scrollYStore.visibleSize = visibleYSize;
+          scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
+          updateYData();
+        } else {
+          updateYSpace();
+        }
+        reactData.rowHeight = rowHeight;
+      });
+    };
+    /**
+     * 清除滚动条
+     */
+    const clearScroll = () => {
+      const scrollBodyElem = refVirtualWrapper.value;
+      if (scrollBodyElem) {
+        scrollBodyElem.scrollTop = 0;
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    /**
+     * 如果有滚动条，则滚动到对应的位置
+     * @param {Number} scrollLeft 左距离
+     * @param {Number} scrollTop 上距离
+     */
+    const scrollTo = (scrollLeft, scrollTop) => {
+      const scrollBodyElem = refVirtualWrapper.value;
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollLeft)) {
+        scrollBodyElem.scrollLeft = scrollLeft;
+      }
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(scrollTop)) {
+        scrollBodyElem.scrollTop = scrollTop;
+      }
+      if (reactData.scrollYLoad) {
+        return new Promise(resolve => {
+          setTimeout(() => {
+            (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+              resolve();
+            });
+          }, 50);
+        });
+      }
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+    };
+    /**
+     * 刷新滚动条
+     */
+    const refreshScroll = () => {
+      const {
+        lastScrollLeft,
+        lastScrollTop
+      } = internalData;
+      return clearScroll().then(() => {
+        if (lastScrollLeft || lastScrollTop) {
+          internalData.lastScrollLeft = 0;
+          internalData.lastScrollTop = 0;
+          return scrollTo(lastScrollLeft, lastScrollTop);
+        }
+      });
+    };
+    /**
+     * 重新计算列表
+     */
+    const recalculate = () => {
+      const el = refElem.value;
+      if (el.clientWidth && el.clientHeight) {
+        return computeScrollLoad();
+      }
+      return Promise.resolve();
+    };
+    const loadYData = evnt => {
+      const {
+        scrollYStore
+      } = internalData;
+      const {
+        startIndex,
+        endIndex,
+        visibleSize,
+        offsetSize,
+        rowHeight
+      } = scrollYStore;
+      const scrollBodyElem = evnt.target;
+      const scrollTop = scrollBodyElem.scrollTop;
+      const toVisibleIndex = Math.floor(scrollTop / rowHeight);
+      const offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
+      const offsetEndIndex = toVisibleIndex + visibleSize + offsetSize;
+      if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+        if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+          scrollYStore.startIndex = offsetStartIndex;
+          scrollYStore.endIndex = offsetEndIndex;
+          updateYData();
+        }
+      }
+    };
+    const scrollEvent = evnt => {
+      const scrollBodyElem = evnt.target;
+      const scrollTop = scrollBodyElem.scrollTop;
+      const scrollLeft = scrollBodyElem.scrollLeft;
+      const isX = scrollLeft !== internalData.lastScrollLeft;
+      const isY = scrollTop !== internalData.lastScrollTop;
+      internalData.lastScrollTop = scrollTop;
+      internalData.lastScrollLeft = scrollLeft;
+      if (reactData.scrollYLoad) {
+        loadYData(evnt);
+      }
+      listMethods.dispatchEvent('scroll', {
+        scrollLeft,
+        scrollTop,
+        isX,
+        isY
+      }, evnt);
+    };
+    listMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $list: $xeList,
+          $event: evnt
+        }, params));
+      },
+      /**
+       * 加载数据
+       * @param {Array} datas 数据
+       */
+      loadData(datas) {
+        const {
+          scrollYStore
+        } = internalData;
+        const sYOpts = computeSYOpts.value;
+        const fullData = datas || [];
+        Object.assign(scrollYStore, {
+          startIndex: 0,
+          endIndex: 1,
+          visibleSize: 0
+        });
+        internalData.fullData = fullData;
+        // 如果gt为0，则总是启用
+        reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
+        handleData();
+        return computeScrollLoad().then(() => {
+          refreshScroll();
+        });
+      },
+      /**
+       * 重新加载数据
+       * @param {Array} datas 数据
+       */
+      reloadData(datas) {
+        clearScroll();
+        return listMethods.loadData(datas);
+      },
+      recalculate,
+      scrollTo,
+      refreshScroll,
+      clearScroll
+    };
+    Object.assign($xeList, listMethods);
+    const dataFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data ? props.data.length : -1, () => {
+      dataFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.data, () => {
+      dataFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(dataFlag, () => {
+      listMethods.loadData(props.data || []);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.syncResize, value => {
+      if (value) {
+        recalculate();
+        (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => setTimeout(() => recalculate()));
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
+      recalculate().then(() => refreshScroll());
+    });
+    let resizeObserver;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+      GlobalEvent.on($xeList, 'resize', () => {
+        recalculate();
+      });
+      if (props.autoResize) {
+        const el = refElem.value;
+        resizeObserver = createResizeEvent(() => recalculate());
+        resizeObserver.observe(el);
+      }
+      listMethods.loadData(props.data || []);
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+      GlobalEvent.off($xeList, 'resize');
+    });
+    const renderVN = () => {
+      const {
+        className,
+        loading
+      } = props;
+      const {
+        bodyHeight,
+        topSpaceHeight,
+        items
+      } = reactData;
+      const vSize = computeSize.value;
+      const styles = computeStyles.value;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: ['vxe-list', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
+          $list: $xeList
+        }) : className : '', {
+          [`size--${vSize}`]: vSize,
+          'is--loading': loading
+        }]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refVirtualWrapper,
+        class: 'vxe-list--virtual-wrapper',
+        style: styles,
+        onScroll: scrollEvent
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-list--y-space',
+        style: {
+          height: bodyHeight ? `${bodyHeight}px` : ''
+        }
+      }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refVirtualBody,
+        class: 'vxe-list--body',
+        style: {
+          marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+        }
+      }, slots.default ? slots.default({
+        items,
+        $list: $xeList
+      }) : [])]),
+      /**
+       * 加载中
+       */
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_loading, {
+        class: 'vxe-list--loading',
+        modelValue: loading
+      })]);
+    };
+    $xeList.renderVN = renderVN;
+    return $xeList;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// CONCATENATED MODULE: ./packages/list/index.ts
+
+
+const VxeList = Object.assign(list, {
+  install(app) {
+    app.component(list.name, list);
+  }
+});
+dynamicApp.component(list.name, list);
+const List = VxeList;
+/* harmony default export */ var packages_list = (VxeList);
 ;// CONCATENATED MODULE: ./packages/modal/src/modal.ts
 
 
@@ -10797,8 +11321,8 @@ const VxeOptgroup = Object.assign(optgroup, {
     app.component(optgroup.name, optgroup);
   }
 });
-const Optgroup = VxeOptgroup;
 dynamicApp.component(optgroup.name, optgroup);
+const Optgroup = VxeOptgroup;
 /* harmony default export */ var packages_optgroup = (VxeOptgroup);
 ;// CONCATENATED MODULE: ./packages/select/src/option.ts
 
@@ -10848,8 +11372,8 @@ const VxeOption = Object.assign(src_option, {
     app.component(src_option.name, src_option);
   }
 });
-const Option = VxeOption;
 dynamicApp.component(src_option.name, src_option);
+const Option = VxeOption;
 /* harmony default export */ var packages_option = (VxeOption);
 ;// CONCATENATED MODULE: ./packages/select/src/select.ts
 
@@ -11958,8 +12482,8 @@ const VxeSelect = Object.assign(src_select, {
     app.component(src_select.name, src_select);
   }
 });
-const Select = VxeSelect;
 dynamicApp.component(src_select.name, src_select);
+const Select = VxeSelect;
 /* harmony default export */ var packages_select = (VxeSelect);
 ;// CONCATENATED MODULE: ./packages/pager/src/pager.ts
 
@@ -12058,7 +12582,7 @@ dynamicApp.component(src_select.name, src_select);
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const computeSize = useSize(props);
-    const $xegrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xegrid', null);
+    const $xeGrid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeGrid', null);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       inpCurrPage: props.currentPage
     });
@@ -12464,7 +12988,7 @@ dynamicApp.component(src_select.name, src_select);
         childNodes.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--left-wrapper'
         }, slots.left({
-          $grid: $xegrid
+          $grid: $xeGrid
         })));
       }
       layouts.forEach(name => {
@@ -12522,7 +13046,7 @@ dynamicApp.component(src_select.name, src_select);
         childNodes.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--right-wrapper'
         }, slots.right({
-          $grid: $xegrid
+          $grid: $xeGrid
         })));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -12557,8 +13081,8 @@ const VxePager = Object.assign(pager, {
     app.component(pager.name, pager);
   }
 });
-const Pager = VxePager;
 dynamicApp.component(pager.name, pager);
+const Pager = VxePager;
 /* harmony default export */ var packages_pager = (VxePager);
 ;// CONCATENATED MODULE: ./packages/pulldown/src/pulldown.ts
 
@@ -12921,8 +13445,8 @@ const VxePulldown = Object.assign(pulldown, {
     app.component(pulldown.name, pulldown);
   }
 });
-const Pulldown = VxePulldown;
 dynamicApp.component(pulldown.name, pulldown);
+const Pulldown = VxePulldown;
 /* harmony default export */ var packages_pulldown = (VxePulldown);
 ;// CONCATENATED MODULE: ./packages/radio/src/radio.ts
 
@@ -13065,8 +13589,8 @@ const VxeRadio = Object.assign(src_radio, {
     app.component(src_radio.name, src_radio);
   }
 });
-const Radio = VxeRadio;
 dynamicApp.component(src_radio.name, src_radio);
+const Radio = VxeRadio;
 /* harmony default export */ var packages_radio = (VxeRadio);
 ;// CONCATENATED MODULE: ./packages/radio/src/button.ts
 
@@ -13205,8 +13729,8 @@ const VxeRadioButton = Object.assign(radio_src_button, {
     app.component(radio_src_button.name, radio_src_button);
   }
 });
-const RadioButton = VxeRadioButton;
 dynamicApp.component(radio_src_button.name, radio_src_button);
+const RadioButton = VxeRadioButton;
 /* harmony default export */ var radio_button = (VxeRadioButton);
 ;// CONCATENATED MODULE: ./packages/radio/src/group.ts
 
@@ -13318,8 +13842,8 @@ const VxeRadioGroup = Object.assign(src_group, {
     app.component(src_group.name, src_group);
   }
 });
-const RadioGroup = VxeRadioGroup;
 dynamicApp.component(src_group.name, src_group);
+const RadioGroup = VxeRadioGroup;
 /* harmony default export */ var radio_group = (VxeRadioGroup);
 ;// CONCATENATED MODULE: ./packages/row/src/row.ts
 
@@ -13399,11 +13923,13 @@ dynamicApp.component(src_group.name, src_group);
 }));
 ;// CONCATENATED MODULE: ./packages/row/index.ts
 
+
 const VxeRow = Object.assign({}, row, {
   install(app) {
     app.component(row.name, row);
   }
 });
+dynamicApp.component(row.name, row);
 const Row = VxeRow;
 /* harmony default export */ var packages_row = (VxeRow);
 ;// CONCATENATED MODULE: ./packages/switch/src/switch.ts
@@ -13569,8 +14095,8 @@ const VxeSwitch = Object.assign(src_switch, {
     app.component(src_switch.name, src_switch);
   }
 });
-const Switch = VxeSwitch;
 dynamicApp.component(src_switch.name, src_switch);
+const Switch = VxeSwitch;
 /* harmony default export */ var packages_switch = (VxeSwitch);
 ;// CONCATENATED MODULE: ./packages/tabs/src/util.ts
 
@@ -13661,11 +14187,13 @@ function destroyAnchorTab($xeTabs, tabConfig) {
 }));
 ;// CONCATENATED MODULE: ./packages/tab-pane/index.ts
 
+
 const VxeTabPane = Object.assign({}, tab_pane, {
   install(app) {
     app.component(tab_pane.name, tab_pane);
   }
 });
+dynamicApp.component(tab_pane.name, tab_pane);
 const TabPane = VxeTabPane;
 /* harmony default export */ var packages_tab_pane = (VxeTabPane);
 ;// CONCATENATED MODULE: ./packages/tabs/src/tabs.ts
@@ -13682,10 +14210,11 @@ const TabPane = VxeTabPane;
     destroyOnClose: Boolean,
     type: String
   },
-  emits: [],
+  emits: ['update:modelValue', 'click', 'change', 'load'],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -13747,30 +14276,62 @@ const TabPane = VxeTabPane;
           activeName
         } = reactData;
         const headerWrapperEl = refHeaderElem.value;
-        if (headerWrapperEl && !type) {
+        let lintWidth = 0;
+        let lintLeft = 0;
+        if (headerWrapperEl) {
           const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticTabs.length ? staticTabs : options, item => item.name === activeName);
           if (index > -1) {
             const tabEl = headerWrapperEl.children[index];
             const tabWidth = tabEl.clientWidth;
-            const lintWidth = Math.max(4, Math.floor(tabWidth * 0.6));
-            reactData.lintLeft = tabEl.offsetLeft + Math.floor((tabWidth - lintWidth) / 2);
-            reactData.lintWidth = lintWidth;
+            if (type === 'card') {
+              lintWidth = tabWidth + 1;
+              lintLeft = tabEl.offsetLeft;
+            } else if (type === 'border-card') {
+              lintWidth = tabWidth + 1;
+              lintLeft = tabEl.offsetLeft - 1;
+            } else if (!type) {
+              lintWidth = Math.max(4, Math.floor(tabWidth * 0.6));
+              lintLeft = tabEl.offsetLeft + Math.floor((tabWidth - lintWidth) / 2);
+            }
           }
         }
+        reactData.lintLeft = lintLeft;
+        reactData.lintWidth = lintWidth;
       });
     };
     const clickEvent = (evnt, item) => {
       const {
-        initNames
+        initNames,
+        activeName
       } = reactData;
       const {
         name
       } = item;
+      let isInit = false;
+      const value = name;
       if (!initNames.includes(name)) {
+        isInit = true;
         initNames.push(name);
       }
       reactData.activeName = name;
-      updateLineStyle();
+      emit('update:modelValue', value);
+      if (name !== activeName) {
+        emit('change', {
+          value,
+          name,
+          $event: evnt
+        });
+      }
+      emit('click', {
+        name,
+        $event: evnt
+      });
+      if (isInit) {
+        emit('load', {
+          name,
+          $event: evnt
+        });
+      }
     };
     const renderTabHeader = list => {
       const {
@@ -13794,6 +14355,7 @@ const TabPane = VxeTabPane;
         } = item;
         const tabSlot = slots ? slots.tab : null;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: name,
           class: ['vxe-tab-header--item', {
             'is--active': activeName === name
           }],
@@ -13806,8 +14368,8 @@ const TabPane = VxeTabPane;
           name,
           title
         }) : `${title}`)]);
-      })), type ? null : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
-        class: 'vxe-tabs-header--active-line',
+      })), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: `vxe-tabs-header--active-line-${type || 'default'}`,
         style: {
           left: `${lintLeft}px`,
           width: `${lintWidth}px`
@@ -13827,6 +14389,7 @@ const TabPane = VxeTabPane;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tab_pane, item, {
         default() {
           return name && initNames.includes(name) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            key: name,
             class: ['vxe-tab-pane--item', {
               'is--visible': activeName === name
             }]
@@ -13840,7 +14403,7 @@ const TabPane = VxeTabPane;
       } = props;
       const activeOptionTab = computeActiveOptionTab.value;
       if (destroyOnClose) {
-        return activeOptionTab ? renderOptionPane(activeOptionTab) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+        return activeOptionTab ? [renderOptionPane(activeOptionTab)] : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
       }
       return options.map(renderOptionPane);
     };
@@ -13855,6 +14418,7 @@ const TabPane = VxeTabPane;
       } = item;
       const defaultSlot = slots ? slots.default : null;
       return name && initNames.includes(name) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: name,
         class: ['vxe-tab-pane--item', {
           'is--visible': activeName === name
         }]
@@ -13866,7 +14430,7 @@ const TabPane = VxeTabPane;
       } = props;
       const activeDefaultTab = computeActiveDefaultTab.value;
       if (destroyOnClose) {
-        return activeDefaultTab ? renderDefaultPane(activeDefaultTab) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+        return activeDefaultTab ? [renderDefaultPane(activeDefaultTab)] : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
       }
       return staticTabs.map(renderDefaultPane);
     };
@@ -13890,6 +14454,8 @@ const TabPane = VxeTabPane;
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
       reactData.activeName = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.activeName, () => {
       updateLineStyle();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
@@ -13905,11 +14471,13 @@ const TabPane = VxeTabPane;
 }));
 ;// CONCATENATED MODULE: ./packages/tabs/index.ts
 
+
 const VxeTabs = Object.assign({}, tabs, {
   install(app) {
     app.component(tabs.name, tabs);
   }
 });
+dynamicApp.component(tabs.name, tabs);
 const Tabs = VxeTabs;
 /* harmony default export */ var packages_tabs = (VxeTabs);
 ;// CONCATENATED MODULE: ./packages/textarea/src/textarea.ts
@@ -14212,8 +14780,8 @@ const VxeTextarea = Object.assign(src_textarea, {
     app.component(src_textarea.name, src_textarea);
   }
 });
-const Textarea = VxeTextarea;
 dynamicApp.component(src_textarea.name, src_textarea);
+const Textarea = VxeTextarea;
 /* harmony default export */ var packages_textarea = (VxeTextarea);
 ;// CONCATENATED MODULE: ./packages/locale/lang/zh-CN.ts
 /* harmony default export */ var zh_CN = ({
@@ -14718,13 +15286,14 @@ dynamicApp.component(src_textarea.name, src_textarea);
 
 
 
+
 
 
 // 默认中文
 setConfig({
   i18n: (key, args) => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toFormatString(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(zh_CN, key), args)
 });
-const components = [packages_anchor, packages_anchor_link, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_checkbox, checkbox_group, packages_col, packages_form, packages_form_design, packages_form_gather, packages_form_item, packages_icon, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_list_design, packages_loading, packages_modal, packages_optgroup, packages_option, packages_pager, packages_pulldown, packages_radio, radio_button, radio_group, packages_row, packages_select, packages_switch, packages_tab_pane, packages_tabs, packages_textarea, packages_tooltip];
+const components = [packages_anchor, packages_anchor_link, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_checkbox, checkbox_group, packages_col, packages_form, packages_form_design, packages_form_gather, packages_form_item, packages_icon, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_list_design, packages_list, packages_loading, packages_modal, packages_optgroup, packages_option, packages_pager, packages_pulldown, packages_radio, radio_button, radio_group, packages_row, packages_select, packages_switch, packages_tab_pane, packages_tabs, packages_textarea, packages_tooltip];
 function install(app, options) {
   setConfig(options);
   components.forEach(component => app.use(component));
@@ -14766,6 +15335,7 @@ function install(app, options) {
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./index.ts