vxe-pc-ui 0.2.0 → 0.3.0

package/es/tabs/src/tabs.js

@@ -10,9 +10,14 @@ export default defineComponent({
         destroyOnClose: Boolean,
         type: String
     },
-    emits: [],
+    emits: [
+        'update:modelValue',
+        'click',
+        'change',
+        'load'
+    ],
     setup(props, context) {
-        const { slots } = context;
+        const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const refHeaderElem = ref();
@@ -73,12 +78,23 @@ export default defineComponent({
             });
         };
         const clickEvent = (evnt, item) => {
-            const { initNames } = reactData;
+            const { initNames, activeName } = reactData;
             const { name } = item;
+            let isInit = false;
+            const value = name;
             if (!initNames.includes(name)) {
+                isInit = true;
                 initNames.push(name);
             }
             reactData.activeName = name;
+            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 });
+            }
             updateLineStyle();
         };
         const renderTabHeader = (list) => {
@@ -94,6 +110,7 @@ export default defineComponent({
                     const { title, name, slots } = item;
                     const tabSlot = slots ? slots.tab : null;
                     return h('div', {
+                        key: name,
                         class: ['vxe-tab-header--item', {
                                 'is--active': activeName === name
                             }],
@@ -125,6 +142,7 @@ export default defineComponent({
                 default() {
                     return name && initNames.includes(name)
                         ? h('div', {
+                            key: name,
                             class: ['vxe-tab-pane--item', {
                                     'is--visible': activeName === name
                                 }]
@@ -137,7 +155,7 @@ export default defineComponent({
             const { destroyOnClose } = props;
             const activeOptionTab = computeActiveOptionTab.value;
             if (destroyOnClose) {
-                return activeOptionTab ? renderOptionPane(activeOptionTab) : createCommentVNode();
+                return activeOptionTab ? [renderOptionPane(activeOptionTab)] : createCommentVNode();
             }
             return options.map(renderOptionPane);
         };
@@ -147,6 +165,7 @@ export default defineComponent({
             const defaultSlot = slots ? slots.default : null;
             return name && initNames.includes(name)
                 ? h('div', {
+                    key: name,
                     class: ['vxe-tab-pane--item', {
                             'is--visible': activeName === name
                         }]
@@ -157,7 +176,7 @@ export default defineComponent({
             const { destroyOnClose } = props;
             const activeDefaultTab = computeActiveDefaultTab.value;
             if (destroyOnClose) {
-                return activeDefaultTab ? renderDefaultPane(activeDefaultTab) : createCommentVNode();
+                return activeDefaultTab ? [renderDefaultPane(activeDefaultTab)] : createCommentVNode();
             }
             return staticTabs.map(renderDefaultPane);
         };

package/es/ui/src/core.js

@@ -32,7 +32,7 @@ export function setIcon(options) {
 export function getIcon(key) {
     return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore;
 }
-export const version = "0.2.0";
+export const version = "0.3.0";
 const VxeCore = {
     version,
     setConfig,

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { getI18n } from './i18n';
 export function getLog(message, params) {
-    return `[vxe-table v${"0.2.0"}] ${getI18n(message, params)}`;
+    return `[vxe-table v${"0.3.0"}] ${getI18n(message, params)}`;
 }
 function outLog(type) {
     return function (message, params) {

package/lib/index.umd.js

@@ -2163,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.2.0"}] ${getI18n(message, params)}`;
+  return `[vxe-table v${"0.3.0"}] ${getI18n(message, params)}`;
 }
 function outLog(type) {
   return function (message, params) {
@@ -2378,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.2.0";
+const version = "0.3.0";
 const VxeCore = {
   version,
   setConfig,
@@ -13682,10 +13682,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)();
@@ -13761,15 +13762,37 @@ const TabPane = VxeTabPane;
     };
     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;
+      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
+        });
+      }
       updateLineStyle();
     };
     const renderTabHeader = list => {
@@ -13794,6 +13817,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
           }],
@@ -13827,6 +13851,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 +13865,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 +13880,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 +13892,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);
     };