vxe-pc-ui 0.1.0 → 0.2.0

package/lib/index.umd.js

@@ -1702,6 +1702,8 @@ __webpack_require__.d(__webpack_exports__, {
   Row: function() { return /* reexport */ Row; },
   Select: function() { return /* reexport */ Select; },
   Switch: function() { return /* reexport */ Switch; },
+  TabPane: function() { return /* reexport */ TabPane; },
+  Tabs: function() { return /* reexport */ Tabs; },
   Textarea: function() { return /* reexport */ Textarea; },
   Tooltip: function() { return /* reexport */ Tooltip; },
   VxeCheckbox: function() { return /* reexport */ VxeCheckbox; },
@@ -1772,6 +1774,8 @@ __webpack_require__.d(components_namespaceObject, {
   Row: function() { return Row; },
   Select: function() { return Select; },
   Switch: function() { return Switch; },
+  TabPane: function() { return TabPane; },
+  Tabs: function() { return Tabs; },
   Textarea: function() { return Textarea; },
   Tooltip: function() { return Tooltip; },
   VxeCheckbox: function() { return VxeCheckbox; },
@@ -2159,7 +2163,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.1.0"}] ${getI18n(message, params)}`;
+  return `[vxe-table v${"0.2.0"}] ${getI18n(message, params)}`;
 }
 function outLog(type) {
   return function (message, params) {
@@ -2374,7 +2378,7 @@ 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.1.0";
+const version = "0.2.0";
 const VxeCore = {
   version,
   setConfig,
@@ -2530,7 +2534,7 @@ function isNodeElement(elem) {
 }
 ;// CONCATENATED MODULE: ./packages/anchor/src/util.ts
 
-function assemAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
+function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
   const staticLinks = $xeAnchor.reactData.staticLinks;
   const parentElem = elem.parentNode;
   const parentLinkConfig = $xeParentAnchorLink ? $xeParentAnchorLink.linkConfig : null;
@@ -2611,7 +2615,7 @@ function destroyAnchorLink($xeAnchor, linkConfig) {
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       if ($xeAnchor && refElem.value) {
-        assemAnchorLink($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
+        assembleAnchorLink($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
@@ -3806,7 +3810,7 @@ const ButtonGroup = VxeButtonGroup;
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xecheckbox = {
       xID,
@@ -3859,8 +3863,8 @@ const ButtonGroup = VxeButtonGroup;
           emit('update:modelValue', value);
           checkboxMethods.dispatchEvent('change', params, evnt);
           // 自动更新校验状态
-          if ($xeform && $xeformiteminfo) {
-            $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+          if ($xeform && formItemInfo) {
+            $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
           }
         }
       }
@@ -3977,7 +3981,7 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const computeIsMaximize = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -4042,8 +4046,8 @@ dynamicApp.component(src_checkbox.name, src_checkbox);
           checklist
         }, params), evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, checklist);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
         }
       }
     };
@@ -4848,7 +4852,7 @@ const VxeFormConfigItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defin
     const xeformiteminfo = {
       itemConfig: props.itemConfig
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItemInfo', xeformiteminfo);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', xeformiteminfo);
     const renderVN = () => {
       const {
         reactData
@@ -5216,6 +5220,7 @@ function getResetValue(value, resetValue) {
         visible: false
       }
     });
+    (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 refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -5820,9 +5825,8 @@ function getResetValue(value, resetValue) {
     };
     $xeform.renderVN = renderVN;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeForm', $xeform);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeformgather', null);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeformitem', null);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItemInfo', null);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormGather', null);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItem', null);
     return $xeform;
   },
   render() {
@@ -6274,13 +6278,13 @@ const formItemProps = {
   }) {
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', {});
-    const formGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformgather', null);
+    const formGather = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormGather', null);
     const formItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(createItem($xeform, props));
     formItem.slots = slots;
     const formItemInfo = {
       itemConfig: formItem
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItemInfo', formItemInfo);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', formItemInfo);
     watchItem(props, formItem);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       assemItem($xeform, refElem.value, formItem, formGather);
@@ -6437,8 +6441,8 @@ const formItemProps = {
       formItem,
       renderVN
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeformitem', $xeformitem);
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeformgather', null);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItem', $xeformitem);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormGather', null);
     return $xeformitem;
   },
   render() {
@@ -6465,7 +6469,7 @@ const formItemProps = {
     const formItemInfo = {
       itemConfig: formItem
     };
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeFormItemInfo', formItemInfo);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('xeFormItemInfo', formItemInfo);
     watchItem(props, formItem);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       assemItem($xeForm, refElem.value, formItem, parentFormGather);
@@ -6741,7 +6745,7 @@ const quarterSize = 8;
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     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)({
@@ -7309,8 +7313,8 @@ const quarterSize = 8;
           value
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
         }
       }
     };
@@ -9166,7 +9170,8 @@ dynamicApp.component(input.name, input);
   props: {
     width: [String, Number],
     collapsed: Boolean,
-    collapseWidth: [String, Number]
+    collapseWidth: [String, Number],
+    padding: Boolean
   },
   emits: [],
   setup(props, context) {
@@ -9208,13 +9213,15 @@ dynamicApp.component(input.name, input);
     const renderVN = () => {
       const {
         width,
-        collapsed
+        collapsed,
+        padding
       } = props;
       const wrapperWidth = computeWrapperWidth.value;
       const defaultSlot = slots.default;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-layout-aside', {
+          'is--padding': padding,
           'is--default-width': !width,
           'is--collapse': collapsed
         }],
@@ -9245,7 +9252,9 @@ const LayoutAside = VxeLayoutAside;
 
 /* harmony default export */ var layout_body = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeLayoutBody',
-  props: {},
+  props: {
+    padding: Boolean
+  },
   emits: [],
   setup(props, context) {
     const {
@@ -9267,10 +9276,15 @@ const LayoutAside = VxeLayoutAside;
       getComputeMaps: () => computeMaps
     };
     const renderVN = () => {
+      const {
+        padding
+      } = props;
       const defaultSlot = slots.default;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: 'vxe-layout-body'
+        class: ['vxe-layout-body', {
+          'is--padding': padding
+        }]
       }, defaultSlot ? defaultSlot({}) : []);
     };
     $xeLayoutBody.renderVN = renderVN;
@@ -9318,11 +9332,14 @@ const LayoutBody = VxeLayoutBody;
       getComputeMaps: () => computeMaps
     };
     const renderVN = () => {
+      const {
+        vertical
+      } = props;
       const defaultSlot = slots.default;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-layout-container', {
-          'is--vertical': props.vertical
+          'is--vertical': vertical
         }]
       }, defaultSlot ? defaultSlot({}) : []);
     };
@@ -9348,7 +9365,8 @@ const LayoutContainer = VxeLayoutContainer;
 /* harmony default export */ var layout_footer = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeLayoutFooter',
   props: {
-    fixed: Boolean
+    fixed: Boolean,
+    align: String
   },
   emits: [],
   setup(props, context) {
@@ -9371,11 +9389,15 @@ const LayoutContainer = VxeLayoutContainer;
       getComputeMaps: () => computeMaps
     };
     const renderVN = () => {
+      const {
+        fixed,
+        align
+      } = props;
       const defaultSlot = slots.default;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: ['vxe-layout-footer', {
-          'is--fixed': props.fixed
+        class: ['vxe-layout-footer', align ? `align--${align}` : '', {
+          'is--fixed': fixed
         }]
       }, defaultSlot ? defaultSlot({}) : []);
     };
@@ -10746,7 +10768,7 @@ function destroyOption($xeselect, option) {
     slots
   }) {
     const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const $xeselect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeselect', {});
+    const $xeselect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
     const option = createOption($xeselect, props);
     const xeoption = {
       option
@@ -10800,7 +10822,7 @@ dynamicApp.component(optgroup.name, optgroup);
     slots
   }) {
     const elem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const $xeselect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeselect', {});
+    const $xeselect = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSelect', {});
     const optgroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeoptgroup', null);
     const option = createOption($xeselect, props);
     option.slots = slots;
@@ -10905,7 +10927,7 @@ function getOptUniqueId() {
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     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)({
@@ -11294,8 +11316,8 @@ function getOptUniqueId() {
           value: selectValue
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, selectValue);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, selectValue);
         }
       }
     };
@@ -11921,7 +11943,7 @@ function getOptUniqueId() {
       }, footerSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])] : [])])]);
     };
     $xeselect.renderVN = renderVN;
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeselect', $xeselect);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSelect', $xeselect);
     return $xeselect;
   },
   render() {
@@ -12936,7 +12958,7 @@ dynamicApp.component(pulldown.name, pulldown);
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xeradio = {
       xID,
@@ -12944,7 +12966,7 @@ dynamicApp.component(pulldown.name, pulldown);
       context
     };
     const computeSize = useSize(props);
-    const $xeradiogroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeradiogroup', null);
+    const $xeradiogroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeRadioGroup', null);
     let radioMethods = {};
     const computeDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return props.disabled || $xeradiogroup && $xeradiogroup.props.disabled;
@@ -12973,8 +12995,8 @@ dynamicApp.component(pulldown.name, pulldown);
           label
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, label);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, label);
         }
       }
     };
@@ -13079,7 +13101,7 @@ dynamicApp.component(src_radio.name, src_radio);
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const xeFormItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const computeSize = useSize(props);
     const $xeradiobutton = {
@@ -13088,7 +13110,7 @@ dynamicApp.component(src_radio.name, src_radio);
       context
     };
     let radioButtonMethods = {};
-    const $xeradiogroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeradiogroup', null);
+    const $xeradiogroup = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeRadioGroup', null);
     const computeDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return props.disabled || $xeradiogroup && $xeradiogroup.props.disabled;
     });
@@ -13125,8 +13147,8 @@ dynamicApp.component(src_radio.name, src_radio);
           label
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, label);
+        if ($xeform && xeFormItemInfo) {
+          $xeform.triggerItemEvent(evnt, xeFormItemInfo.itemConfig.field, label);
         }
       }
     };
@@ -13217,7 +13239,7 @@ dynamicApp.component(radio_src_button.name, radio_src_button);
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xeradiogroup = {
       xID,
@@ -13247,8 +13269,8 @@ dynamicApp.component(radio_src_button.name, radio_src_button);
         emit('update:modelValue', params.label);
         radioGroupMethods.dispatchEvent('change', params);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, params.label);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, params.label);
         }
       }
     };
@@ -13284,7 +13306,7 @@ dynamicApp.component(radio_src_button.name, radio_src_button);
       renderVN,
       dispatchEvent
     });
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeradiogroup', $xeradiogroup);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeRadioGroup', $xeradiogroup);
     return renderVN;
   }
 }));
@@ -13418,7 +13440,7 @@ const Row = VxeRow;
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     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)({
@@ -13455,8 +13477,8 @@ const Row = VxeRow;
           value
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
         }
         _atimeout = setTimeout(() => {
           reactData.hasAnimat = false;
@@ -13550,6 +13572,346 @@ const VxeSwitch = Object.assign(src_switch, {
 const Switch = VxeSwitch;
 dynamicApp.component(src_switch.name, src_switch);
 /* harmony default export */ var packages_switch = (VxeSwitch);
+;// CONCATENATED MODULE: ./packages/tabs/src/util.ts
+
+function assembleAnchorTab($xeTabs, elem, tabConfig) {
+  const staticLinks = $xeTabs.reactData.staticTabs;
+  const parentElem = elem.parentNode;
+  if (parentElem) {
+    staticLinks.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, tabConfig);
+    $xeTabs.reactData.staticTabs = staticLinks.slice(0);
+  }
+}
+function destroyAnchorTab($xeTabs, tabConfig) {
+  const staticTabs = $xeTabs.reactData.staticTabs;
+  const matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(staticTabs, item => item.id === tabConfig.id, {
+    children: 'children'
+  });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  $xeTabs.reactData.staticTabs = staticTabs.slice(0);
+}
+;// CONCATENATED MODULE: ./packages/tabs/src/tab-pane.ts
+
+
+
+/* harmony default export */ var tab_pane = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  name: 'VxeTabPane',
+  props: {
+    title: [String, Number],
+    name: [String, Number, Boolean]
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      slots
+    } = 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)();
+    const $xeTabs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTabs', null);
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
+    const tabConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+      id: xID,
+      title: props.title,
+      name: props.name,
+      slots: {
+        default: slots.default
+      }
+    });
+    const refMaps = {
+      refElem
+    };
+    const computeMaps = {};
+    const $xeTabPane = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.title, val => {
+      tabConfig.title = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.name, val => {
+      tabConfig.name = val;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      if ($xeTabs && refElem.value) {
+        assembleAnchorTab($xeTabs, refElem.value, tabConfig);
+      }
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
+      if ($xeTabs) {
+        destroyAnchorTab($xeTabs, tabConfig);
+      }
+    });
+    const renderVN = () => {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem
+      }, []);
+    };
+    $xeTabPane.renderVN = renderVN;
+    return $xeTabPane;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// CONCATENATED MODULE: ./packages/tab-pane/index.ts
+
+const VxeTabPane = Object.assign({}, tab_pane, {
+  install(app) {
+    app.component(tab_pane.name, tab_pane);
+  }
+});
+const TabPane = VxeTabPane;
+/* harmony default export */ var packages_tab_pane = (VxeTabPane);
+;// CONCATENATED MODULE: ./packages/tabs/src/tabs.ts
+
+
+
+
+
+/* harmony default export */ var tabs = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
+  name: 'VxeTabs',
+  props: {
+    modelValue: [String, Number, Boolean],
+    options: Array,
+    destroyOnClose: Boolean,
+    type: String
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      slots
+    } = 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)();
+    const refHeaderElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+      staticTabs: [],
+      activeName: props.modelValue,
+      initNames: props.modelValue ? [props.modelValue] : [],
+      lintLeft: 0,
+      lintWidth: 0
+    });
+    const refMaps = {
+      refElem
+    };
+    const computeActiveOptionTab = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        options
+      } = props;
+      const {
+        activeName
+      } = reactData;
+      return options ? options.find(item => item.name === activeName) : null;
+    });
+    const computeActiveDefaultTab = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        staticTabs,
+        activeName
+      } = reactData;
+      return staticTabs.find(item => item.name === activeName);
+    });
+    const computeMaps = {};
+    const $xeTabs = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const callSlot = (slotFunc, params) => {
+      if (slotFunc) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
+          slotFunc = slots[slotFunc] || null;
+        }
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
+          return getSlotVNs(slotFunc(params));
+        }
+      }
+      return [];
+    };
+    const updateLineStyle = () => {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+        const {
+          type,
+          options
+        } = props;
+        const {
+          staticTabs,
+          activeName
+        } = reactData;
+        const headerWrapperEl = refHeaderElem.value;
+        if (headerWrapperEl && !type) {
+          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;
+          }
+        }
+      });
+    };
+    const clickEvent = (evnt, item) => {
+      const {
+        initNames
+      } = reactData;
+      const {
+        name
+      } = item;
+      if (!initNames.includes(name)) {
+        initNames.push(name);
+      }
+      reactData.activeName = name;
+      updateLineStyle();
+    };
+    const renderTabHeader = list => {
+      const {
+        type
+      } = props;
+      const {
+        activeName,
+        lintLeft,
+        lintWidth
+      } = reactData;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-tabs-header'
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refHeaderElem,
+        class: 'vxe-tabs-header--wrapper'
+      }, list.map(item => {
+        const {
+          title,
+          name,
+          slots
+        } = item;
+        const tabSlot = slots ? slots.tab : null;
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: ['vxe-tab-header--item', {
+            'is--active': activeName === name
+          }],
+          onClick(evnt) {
+            clickEvent(evnt, item);
+          }
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-tab-header--item-name'
+        }, tabSlot ? callSlot(tabSlot, {
+          name,
+          title
+        }) : `${title}`)]);
+      })), type ? null : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+        class: 'vxe-tabs-header--active-line',
+        style: {
+          left: `${lintLeft}px`,
+          width: `${lintWidth}px`
+        }
+      })]);
+    };
+    const renderOptionPane = item => {
+      const {
+        initNames,
+        activeName
+      } = reactData;
+      const {
+        name,
+        slots
+      } = item;
+      const defaultSlot = slots ? slots.default : null;
+      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', {
+            class: ['vxe-tab-pane--item', {
+              'is--visible': activeName === name
+            }]
+          }, callSlot(defaultSlot, {})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+        }
+      });
+    };
+    const renderOptionContent = options => {
+      const {
+        destroyOnClose
+      } = props;
+      const activeOptionTab = computeActiveOptionTab.value;
+      if (destroyOnClose) {
+        return activeOptionTab ? renderOptionPane(activeOptionTab) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+      }
+      return options.map(renderOptionPane);
+    };
+    const renderDefaultPane = item => {
+      const {
+        initNames,
+        activeName
+      } = reactData;
+      const {
+        name,
+        slots
+      } = item;
+      const defaultSlot = slots ? slots.default : null;
+      return name && initNames.includes(name) ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: ['vxe-tab-pane--item', {
+          'is--visible': activeName === name
+        }]
+      }, callSlot(defaultSlot, {})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+    };
+    const renderDefaultContent = staticTabs => {
+      const {
+        destroyOnClose
+      } = props;
+      const activeDefaultTab = computeActiveDefaultTab.value;
+      if (destroyOnClose) {
+        return activeDefaultTab ? renderDefaultPane(activeDefaultTab) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+      }
+      return staticTabs.map(renderDefaultPane);
+    };
+    const renderVN = () => {
+      const {
+        type,
+        options
+      } = props;
+      const {
+        staticTabs
+      } = reactData;
+      const defaultSlot = slots.default;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: ['vxe-tabs', `vxe-tabs--${type || 'default'}`]
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-tabs-slots'
+      }, defaultSlot ? defaultSlot({}) : []), renderTabHeader(defaultSlot ? staticTabs : options || []), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-tabs-pane'
+      }, defaultSlot ? renderDefaultContent(staticTabs) : renderOptionContent(options || []))]);
+    };
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
+      reactData.activeName = val;
+      updateLineStyle();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      updateLineStyle();
+    });
+    $xeTabs.renderVN = renderVN;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeTabs', $xeTabs);
+    return $xeTabs;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// CONCATENATED MODULE: ./packages/tabs/index.ts
+
+const VxeTabs = Object.assign({}, tabs, {
+  install(app) {
+    app.component(tabs.name, tabs);
+  }
+});
+const Tabs = VxeTabs;
+/* harmony default export */ var packages_tabs = (VxeTabs);
 ;// CONCATENATED MODULE: ./packages/textarea/src/textarea.ts
 
 
@@ -13602,7 +13964,7 @@ let autoTxtElem;
       emit
     } = context;
     const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
-    const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeFormItemInfo', null);
+    const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
     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)({
@@ -13701,8 +14063,8 @@ let autoTxtElem;
           value
         }, evnt);
         // 自动更新校验状态
-        if ($xeform && $xeformiteminfo) {
-          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+        if ($xeform && formItemInfo) {
+          $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
         }
       }
     };
@@ -14353,6 +14715,8 @@ dynamicApp.component(src_textarea.name, src_textarea);
 
 
 
+
+
 
 
 
@@ -14360,7 +14724,7 @@ 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_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_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));
@@ -14399,6 +14763,8 @@ function install(app, options) {
 
 
 
+
+