vxe-pc-ui 3.15.28 → 3.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.15.28",
+  "version": "3.16.0",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",
@@ -25,7 +25,7 @@
   "style": "lib/style.css",
   "typings": "types/index.d.ts",
   "dependencies": {
-    "@vxe-ui/core": "^3.4.15"
+    "@vxe-ui/core": "^3.4.16"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^6.21.0",
@@ -63,7 +63,7 @@
     "vue": "~2.6.14",
     "vue-i18n": "^8.15.1",
     "vue-router": "^3.5.1",
-    "vxe-table": "^3.21.0"
+    "vxe-table": "^3.22.0"
   },
   "vetur": {
     "tags": "helper/vetur/tags.json",

package/types/all.d.ts

@@ -94,24 +94,6 @@ import VxeTransfer from './components/transfer'
 import VxeUpload from './components/upload'
 import VxeWatermark from './components/watermark'
 
-// Vxe Table
-import VxeColumn from './components/column'
-import VxeColgroup from './components/colgroup'
-import VxeTable from './components/table'
-import VxeGrid from './components/grid'
-import VxeToolbar from './components/toolbar'
-
-// Vxe Design
-import VxeFlowDesign from './components/flow-design'
-import VxeFlowView from './components/flow-view'
-import VxeFormDesign from './components/form-design'
-import VxeFormView from './components/form-view'
-import VxeListDesign from './components/list-design'
-import VxeListView from './components/list-view'
-
-// Vxe Gantt
-import VxeGantt from './components/gantt'
-
 declare global {
   interface Window {
     VxeUI: VxeUIExport;
@@ -382,60 +364,6 @@ interface AllComponents {
    * Watermark 水印
    */
   VxeWatermark: typeof VxeWatermark
-
-  // Vxe Table
-  /**
-   * Column 基础表格 - 列
-   */
-  VxeColumn: typeof VxeColumn
-  /**
-   * Colgroup 基础表格 - 分组列
-   */
-  VxeColgroup: typeof VxeColgroup
-  /**
-   * Table 基础表格
-   */
-  VxeTable: typeof VxeTable
-  /**
-   * Grid 高级表格
-   */
-  VxeGrid: typeof VxeGrid
-  /**
-   * Toolbar 基础表格 - 工具栏
-   */
-  VxeToolbar: typeof VxeToolbar
-
-  // Vxe Design
-  /**
-   * FlowDesign 流程设计器
-   */
-  VxeFlowDesign: typeof VxeFlowDesign
-  /**
-   * FlowView 流程设计器 - 视图
-   */
-  VxeFlowView: typeof VxeFlowView
-  /**
-   * FormDesign 表单设计器
-   */
-  VxeFormDesign: typeof VxeFormDesign
-  /**
-   * FormView 表单设计器 - 视图
-   */
-  VxeFormView: typeof VxeFormView
-  /**
-   * ListDesign 列表设计器
-   */
-  VxeListDesign: typeof VxeListDesign
-  /**
-   * ListView 列表设计器 - 视图
-   */
-  VxeListView: typeof VxeListView
-
-  // VxeGantt
-  /**
-   * Gantt 甘特图
-   */
-  VxeGantt: typeof VxeGantt
 }
 
 declare module '@vxe-ui/core' {

package/es/alert/index.js

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

package/es/alert/src/alert.js

@@ -1,99 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, createEvent, getIcon, renderEmptyElement } from '../../ui';
-import { getSlotVNs } from '../../ui/src/vn';
-export default {
-    name: 'VxeAlert',
-    props: {
-        title: {
-            type: [String, Number],
-            default: () => getConfig().alert.title
-        },
-        content: [String, Number],
-        status: String,
-        showIcon: Boolean,
-        showClose: Boolean,
-        icon: {
-            type: String,
-            default: () => getConfig().alert.icon
-        }
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = {};
-        return {
-            xID,
-            reactData
-        };
-    },
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeAlert = this;
-            this.$emit(type, createEvent(evnt, { $alert: $xeAlert }, params));
-        },
-        closeEvent(evnt) {
-            const $xeAlert = this;
-            $xeAlert.dispatchEvent('close', {}, evnt);
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeAlert = this;
-            const props = $xeAlert;
-            const slots = $xeAlert.$scopedSlots;
-            const { status, content, icon, title, showIcon, showClose } = props;
-            const defaultSlot = slots.default;
-            const titleSlot = slots.title;
-            const iconSlot = slots.icon;
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-alert', {
-                        [`theme--${status}`]: status
-                    }]
-            }, [
-                iconSlot || (showIcon && status) || icon
-                    ? h('div', {
-                        class: 'vxe-alert--icon'
-                    }, iconSlot
-                        ? getSlotVNs(iconSlot({}))
-                        : [
-                            h('i', {
-                                class: icon || getIcon()[`ALERT_${status === null || status === void 0 ? void 0 : status.toUpperCase()}`]
-                            })
-                        ])
-                    : renderEmptyElement($xeAlert),
-                h('div', {
-                    class: 'vxe-alert--body'
-                }, [
-                    titleSlot || title
-                        ? h('div', {
-                            class: 'vxe-alert--title'
-                        }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
-                        : renderEmptyElement($xeAlert),
-                    h('div', {
-                        class: 'vxe-alert--content'
-                    }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
-                ]),
-                showClose
-                    ? h('div', {
-                        class: 'vxe-alert--close-btn',
-                        on: {
-                            click: $xeAlert.closeEvent
-                        }
-                    }, [
-                        h('i', {
-                            class: getIcon().ALERT_CLOSE
-                        })
-                    ])
-                    : renderEmptyElement($xeAlert)
-            ]);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/alert/style.css

@@ -1,129 +0,0 @@
-.vxe-alert {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  color: var(--vxe-ui-font-color);
-  padding: var(--vxe-ui-layout-padding-default);
-  margin-bottom: var(--vxe-ui-layout-padding-default);
-  font-size: var(--vxe-ui-font-size-default);
-  border-radius: var(--vxe-ui-base-border-radius);
-}
-.vxe-alert.theme--primary {
-  color: var(--vxe-ui-font-primary-color);
-  border: 1px solid var(--vxe-ui-font-primary-lighten-color);
-  background-color: var(--vxe-ui-font-primary-tinge-color);
-}
-.vxe-alert.theme--primary::after {
-  background-color: var(--vxe-ui-font-primary-color);
-}
-.vxe-alert.theme--primary .vxe-alert--icon {
-  color: var(--vxe-ui-font-primary-color);
-}
-.vxe-alert.theme--primary .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-font-primary-lighten-color);
-}
-.vxe-alert.theme--success {
-  color: var(--vxe-ui-status-success-color);
-  border: 1px solid var(--vxe-ui-status-success-lighten-color);
-  background-color: var(--vxe-ui-status-success-tinge-color);
-}
-.vxe-alert.theme--success::after {
-  background-color: var(--vxe-ui-status-success-color);
-}
-.vxe-alert.theme--success .vxe-alert--icon {
-  color: var(--vxe-ui-status-success-color);
-}
-.vxe-alert.theme--success .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-status-success-lighten-color);
-}
-.vxe-alert.theme--info {
-  color: var(--vxe-ui-status-info-color);
-  border: 1px solid var(--vxe-ui-status-info-lighten-color);
-  background-color: var(--vxe-ui-status-info-tinge-color);
-}
-.vxe-alert.theme--info::after {
-  background-color: var(--vxe-ui-status-info-color);
-}
-.vxe-alert.theme--info .vxe-alert--icon {
-  color: var(--vxe-ui-status-info-color);
-}
-.vxe-alert.theme--info .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-status-info-lighten-color);
-}
-.vxe-alert.theme--warning {
-  color: var(--vxe-ui-status-warning-color);
-  border: 1px solid var(--vxe-ui-status-warning-lighten-color);
-  background-color: var(--vxe-ui-status-warning-tinge-color);
-}
-.vxe-alert.theme--warning::after {
-  background-color: var(--vxe-ui-status-warning-color);
-}
-.vxe-alert.theme--warning .vxe-alert--icon {
-  color: var(--vxe-ui-status-warning-color);
-}
-.vxe-alert.theme--warning .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-status-warning-lighten-color);
-}
-.vxe-alert.theme--danger {
-  color: var(--vxe-ui-status-danger-color);
-  border: 1px solid var(--vxe-ui-status-danger-lighten-color);
-  background-color: var(--vxe-ui-status-danger-tinge-color);
-}
-.vxe-alert.theme--danger::after {
-  background-color: var(--vxe-ui-status-danger-color);
-}
-.vxe-alert.theme--danger .vxe-alert--icon {
-  color: var(--vxe-ui-status-danger-color);
-}
-.vxe-alert.theme--danger .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-status-danger-lighten-color);
-}
-.vxe-alert.theme--error {
-  color: var(--vxe-ui-status-error-color);
-  border: 1px solid var(--vxe-ui-status-error-lighten-color);
-  background-color: var(--vxe-ui-status-error-tinge-color);
-}
-.vxe-alert.theme--error::after {
-  background-color: var(--vxe-ui-status-error-color);
-}
-.vxe-alert.theme--error .vxe-alert--icon {
-  color: var(--vxe-ui-status-error-color);
-}
-.vxe-alert.theme--error .vxe-alert--close-btn:hover {
-  color: var(--vxe-ui-status-error-lighten-color);
-}
-.vxe-alert.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-alert.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-alert.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
-
-.vxe-alert--icon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-size: 1.5em;
-  padding: 0 var(--vxe-ui-layout-padding-default);
-}
-
-.vxe-alert--body {
-  flex-grow: 1;
-}
-
-.vxe-alert--title {
-  font-size: 1.1em;
-  font-weight: 700;
-  line-height: 2em;
-}
-
-.vxe-alert--close-btn {
-  padding: 0 0.4em;
-  line-height: 2.2em;
-  cursor: pointer;
-}

package/es/alert/style.min.css

@@ -1 +0,0 @@
-.vxe-alert{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);padding:var(--vxe-ui-layout-padding-default);margin-bottom:var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);border-radius:var(--vxe-ui-base-border-radius)}.vxe-alert.theme--primary{color:var(--vxe-ui-font-primary-color);border:1px solid var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-alert.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--icon{color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--close-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-alert.theme--success{color:var(--vxe-ui-status-success-color);border:1px solid var(--vxe-ui-status-success-lighten-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-alert.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--icon{color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-alert.theme--info{color:var(--vxe-ui-status-info-color);border:1px solid var(--vxe-ui-status-info-lighten-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-alert.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--icon{color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-alert.theme--warning{color:var(--vxe-ui-status-warning-color);border:1px solid var(--vxe-ui-status-warning-lighten-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-alert.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--icon{color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-alert.theme--danger{color:var(--vxe-ui-status-danger-color);border:1px solid var(--vxe-ui-status-danger-lighten-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-alert.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--icon{color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-alert.theme--error{color:var(--vxe-ui-status-error-color);border:1px solid var(--vxe-ui-status-error-lighten-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-alert.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--icon{color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-alert.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-alert.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-alert.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-alert--icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5em;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-alert--body{flex-grow:1}.vxe-alert--title{font-size:1.1em;font-weight:700;line-height:2em}.vxe-alert--close-btn{padding:0 .4em;line-height:2.2em;cursor:pointer}

package/es/anchor/index.js

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

package/es/anchor/src/anchor-link.js

@@ -1,137 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { createEvent, renderEmptyElement } from '../../ui';
-import { assembleAnchorLink, destroyAnchorLink } from './util';
-export default {
-    name: 'VxeAnchorLink',
-    props: {
-        content: [String, Number],
-        title: [String, Number],
-        href: String
-    },
-    inject: {
-        $xeAnchor: {
-            default: null
-        },
-        $xeParentAnchorLink: {
-            from: '$xeAnchorLink',
-            default: null
-        }
-    },
-    provide() {
-        const $xeAnchorLink = this;
-        return {
-            $xeAnchorLink
-        };
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = {};
-        const linkConfig = {
-            id: xID,
-            href: '',
-            children: []
-        };
-        return {
-            xID,
-            reactData,
-            linkConfig
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeIsActive() {
-            const $xeAnchorLink = this;
-            const props = $xeAnchorLink;
-            const $xeAnchor = $xeAnchorLink.$xeAnchor;
-            const { href } = props;
-            if ($xeAnchor) {
-                return $xeAnchor.reactData.activeHref === href;
-            }
-            return null;
-        } }),
-    watch: {
-        href(val) {
-            const $xeAnchorLink = this;
-            const linkConfig = $xeAnchorLink.linkConfig;
-            linkConfig.href = val;
-        }
-    },
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeAnchorLink = this;
-            $xeAnchorLink.$emit(type, createEvent(evnt, { $anchorLink: $xeAnchorLink }, params));
-        },
-        clickEvent(event) {
-            const $xeAnchorLink = this;
-            const props = $xeAnchorLink;
-            const $xeAnchor = $xeAnchorLink.$xeAnchor;
-            const { href } = props;
-            if ($xeAnchor) {
-                $xeAnchor.handleClickLink(event, href);
-            }
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeAnchorLink = this;
-            const props = $xeAnchorLink;
-            const slots = $xeAnchorLink.$scopedSlots;
-            const { href, content, title } = props;
-            const defaultSlot = slots.default;
-            const subSlot = slots.sub;
-            const isActive = $xeAnchorLink.computeIsActive;
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-anchor-link', {
-                        'is--active': isActive
-                    }]
-            }, [
-                h('a', {
-                    class: 'vxe-anchor-link--item',
-                    attrs: {
-                        href,
-                        title
-                    },
-                    on: {
-                        click: $xeAnchorLink.clickEvent
-                    }
-                }, defaultSlot ? defaultSlot({}) : (XEUtils.toValueString(content))),
-                subSlot
-                    ? h('div', {
-                        class: 'vxe-anchor-link--sub-items'
-                    }, subSlot({}))
-                    : renderEmptyElement($xeAnchorLink)
-            ]);
-        }
-    },
-    created() {
-        const $xeAnchorLink = this;
-        const props = $xeAnchorLink;
-        const linkConfig = $xeAnchorLink.linkConfig;
-        linkConfig.href = props.href;
-    },
-    mounted() {
-        const $xeAnchorLink = this;
-        const $xeAnchor = $xeAnchorLink.$xeAnchor;
-        const $xeParentAnchorLink = $xeAnchorLink.$xeParentAnchorLink;
-        const linkConfig = $xeAnchorLink.linkConfig;
-        const elem = $xeAnchorLink.$refs.refElem;
-        if ($xeAnchor && elem) {
-            assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink);
-        }
-    },
-    beforeDestroy() {
-        const $xeAnchorLink = this;
-        const $xeAnchor = $xeAnchorLink.$xeAnchor;
-        const linkConfig = $xeAnchorLink.linkConfig;
-        if ($xeAnchor) {
-            destroyAnchorLink($xeAnchor, linkConfig);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};