vxe-pc-ui 3.0.0 → 3.0.1

package/es/tab-pane/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeTabPaneComponent from '../tabs/src/tab-pane';
+import { dynamicApp } from '../dynamics';
+export const VxeTabPane = Object.assign({}, VxeTabPaneComponent, {
+    install(app) {
+        app.component(VxeTabPaneComponent.name, VxeTabPaneComponent);
+    }
+});
+dynamicApp.use(VxeTabPane);
+VxeUI.component(VxeTabPaneComponent);
+export const TabPane = VxeTabPane;
+export default VxeTabPane;

package/es/tabs/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeTabsComponent from './src/tabs';
+import { dynamicApp } from '../dynamics';
+export const VxeTabs = Object.assign({}, VxeTabsComponent, {
+    install(app) {
+        app.component(VxeTabsComponent.name, VxeTabsComponent);
+    }
+});
+dynamicApp.use(VxeTabs);
+VxeUI.component(VxeTabsComponent);
+export const Tabs = VxeTabs;
+export default VxeTabs;

package/es/tabs/src/tab-pane.js

@@ -0,0 +1,119 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { createEvent } from '../../ui';
+import { assembleAnchorTab, destroyAnchorTab } from './util';
+export default defineVxeComponent({
+    name: 'VxeTabPane',
+    props: {
+        title: [String, Number],
+        name: [String, Number],
+        icon: String,
+        titleWidth: [String, Number],
+        titleAlign: [String, Number],
+        preload: Boolean,
+        permissionCode: [String, Number]
+    },
+    inject: {
+        $xeTabs: {
+            default: null
+        }
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {};
+        const tabConfig = {
+            id: xID,
+            title: '',
+            name: '',
+            icon: '',
+            titleWidth: '',
+            titleAlign: '',
+            preload: false,
+            permissionCode: '',
+            slots: {}
+        };
+        return {
+            xID,
+            reactData,
+            tabConfig
+        };
+    },
+    computed: Object.assign({}, {}),
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeTabPane = this;
+            $xeTabPane.$emit(type, createEvent(evnt, { $tabPane: $xeTabPane }, params));
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            return h('div', {
+                ref: 'refElem'
+            }, []);
+        }
+    },
+    watch: {
+        title(val) {
+            const $xeTabPane = this;
+            const tabConfig = $xeTabPane.tabConfig;
+            tabConfig.title = val;
+        },
+        name(val) {
+            const $xeTabPane = this;
+            const tabConfig = $xeTabPane.tabConfig;
+            tabConfig.name = val;
+        },
+        icon(val) {
+            const $xeTabPane = this;
+            const tabConfig = $xeTabPane.tabConfig;
+            tabConfig.icon = val;
+        },
+        permissionCode(val) {
+            const $xeTabPane = this;
+            const tabConfig = $xeTabPane.tabConfig;
+            tabConfig.permissionCode = val;
+        }
+    },
+    created() {
+        const $xeTabPane = this;
+        const props = $xeTabPane;
+        const slots = $xeTabPane.$scopedSlots;
+        const tabConfig = $xeTabPane.tabConfig;
+        Object.assign(tabConfig, {
+            title: props.title,
+            name: props.name,
+            icon: props.icon,
+            titleWidth: props.titleWidth,
+            titleAlign: props.titleAlign,
+            preload: props.preload,
+            permissionCode: props.permissionCode,
+            slots: {
+                default: slots.default
+            }
+        });
+    },
+    mounted() {
+        const $xeTabPane = this;
+        const $xeTabs = $xeTabPane.$xeTabs;
+        const tabConfig = $xeTabPane.tabConfig;
+        const elem = $xeTabPane.$refs.refElem;
+        if ($xeTabs && elem) {
+            assembleAnchorTab($xeTabs, elem, tabConfig);
+        }
+    },
+    beforeDestroy() {
+        const $xeTabPane = this;
+        const tabConfig = $xeTabPane.tabConfig;
+        const $xeTabs = $xeTabPane.$xeTabs;
+        if ($xeTabs) {
+            destroyAnchorTab($xeTabs, tabConfig);
+        }
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});