vxe-pc-ui 3.15.27 → 3.16.0

package/es/backtop/src/backtop.js

@@ -1,305 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, getIcon, createEvent, globalMixins, renderEmptyElement } from '../../ui';
-import { createComponentLog } from '../../ui/src/log';
-import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
-import { toCssUnit } from '../../ui/src/dom';
-import VxeButtonComponent from '../../button';
-const { errLog } = createComponentLog('backtop');
-function createInternalData() {
-    return {
-        targetEl: null
-    };
-}
-function createReactData() {
-    return {
-        showBtn: false,
-        backtopZindex: 0
-    };
-}
-export default {
-    name: 'VxeBacktop',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        target: String,
-        size: {
-            type: String,
-            default: () => getConfig().backtop.size || getConfig().size
-        },
-        circle: {
-            type: Boolean,
-            default: () => getConfig().backtop.circle
-        },
-        right: {
-            type: [String, Number],
-            default: () => getConfig().backtop.right
-        },
-        bottom: {
-            type: [String, Number],
-            default: () => getConfig().backtop.bottom
-        },
-        status: {
-            type: [String, Number],
-            default: () => getConfig().backtop.status
-        },
-        icon: {
-            type: String,
-            default: () => getConfig().backtop.icon
-        },
-        showIcon: {
-            type: Boolean,
-            default: () => getConfig().backtop.showIcon
-        },
-        content: {
-            type: [String, Number],
-            default: () => getConfig().backtop.content
-        },
-        showContent: {
-            type: Boolean,
-            default: () => getConfig().backtop.showContent
-        },
-        showTop: {
-            type: Boolean,
-            default: () => getConfig().backtop.showTop
-        },
-        showBottom: {
-            type: Boolean,
-            default: () => getConfig().backtop.showBottom
-        },
-        shadow: {
-            type: Boolean,
-            default: () => getConfig().backtop.shadow
-        },
-        zIndex: {
-            type: [String, Number],
-            default: () => getConfig().backtop.zIndex
-        },
-        threshold: {
-            type: [String, Number],
-            default: () => getConfig().backtop.threshold
-        },
-        position: {
-            type: String,
-            default: () => getConfig().backtop.position
-        }
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = createReactData();
-        return Object.assign(Object.assign({}, {}), { xID,
-            reactData });
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeWrapperStyle() {
-            const $xeBacktop = this;
-            const props = $xeBacktop;
-            const reactData = $xeBacktop.reactData;
-            const { right, bottom } = props;
-            const { backtopZindex } = reactData;
-            const stys = {};
-            if (right) {
-                stys.right = toCssUnit(right);
-            }
-            if (bottom) {
-                stys.bottom = toCssUnit(bottom);
-            }
-            if (backtopZindex) {
-                stys.zIndex = backtopZindex;
-            }
-            return stys;
-        } }),
-    watch: {
-        position() {
-            const $xeBacktop = this;
-            $xeBacktop.updateZIndex();
-        },
-        target() {
-            const $xeBacktop = this;
-            $xeBacktop.handleTargetElement();
-        }
-    },
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeBacktop = this;
-            $xeBacktop.$emit(type, createEvent(evnt, { $backtop: $xeBacktop }, params));
-        },
-        updateZIndex() {
-            const $xeBacktop = this;
-            const props = $xeBacktop;
-            const reactData = $xeBacktop.reactData;
-            const { position, zIndex } = props;
-            const { backtopZindex } = reactData;
-            if (zIndex) {
-                reactData.backtopZindex = XEUtils.toNumber(zIndex);
-            }
-            else if (position === 'fixed') {
-                if (backtopZindex < getLastZIndex()) {
-                    reactData.backtopZindex = nextZIndex();
-                }
-            }
-        },
-        showBacktop() {
-            const $xeBacktop = this;
-            const reactData = $xeBacktop.reactData;
-            $xeBacktop.updateZIndex();
-            reactData.showBtn = true;
-        },
-        hideBacktop() {
-            const $xeBacktop = this;
-            const reactData = $xeBacktop.reactData;
-            reactData.showBtn = false;
-        },
-        handleScrollEvent(evnt) {
-            const $xeBacktop = this;
-            const props = $xeBacktop;
-            const reactData = $xeBacktop.reactData;
-            const { threshold } = props;
-            const currentEl = evnt.currentTarget;
-            const scrollTop = currentEl.scrollTop;
-            reactData.showBtn = scrollTop > Math.max(1, XEUtils.toNumber(threshold));
-        },
-        handleToTop() {
-            const $xeBacktop = this;
-            const internalData = $xeBacktop.internalData;
-            const { targetEl } = internalData;
-            if (!targetEl) {
-                return;
-            }
-            const scrollTop = targetEl.scrollTop;
-            if (scrollTop > 0) {
-                requestAnimationFrame($xeBacktop.handleToTop);
-                const currScrollTop = scrollTop - Math.max(12, scrollTop / 6);
-                targetEl.scrollTop = currScrollTop > 10 ? currScrollTop : 0;
-            }
-        },
-        removeScrollEvent() {
-            const $xeBacktop = this;
-            const internalData = $xeBacktop.internalData;
-            const { targetEl } = internalData;
-            if (targetEl) {
-                targetEl.removeEventListener('scroll', $xeBacktop.handleScrollEvent);
-            }
-        },
-        addScrollEvent() {
-            const $xeBacktop = this;
-            const internalData = $xeBacktop.internalData;
-            const { targetEl } = internalData;
-            if (targetEl) {
-                targetEl.addEventListener('scroll', $xeBacktop.handleScrollEvent, { passive: true });
-            }
-        },
-        handleTargetElement() {
-            const $xeBacktop = this;
-            const props = $xeBacktop;
-            const internalData = $xeBacktop.internalData;
-            $xeBacktop.$nextTick(() => {
-                const { target } = props;
-                if (!target) {
-                    $xeBacktop.removeScrollEvent();
-                    errLog('vxe.error.reqProp', ['target']);
-                    return;
-                }
-                if (XEUtils.isString(target)) {
-                    const tEl = document.querySelector(target);
-                    if (!tEl) {
-                        errLog('vxe.error.errProp', [`target=${target}`, 'body']);
-                    }
-                    const { targetEl } = internalData;
-                    if (targetEl !== tEl) {
-                        $xeBacktop.removeScrollEvent();
-                        internalData.targetEl = tEl;
-                        $xeBacktop.addScrollEvent();
-                    }
-                }
-            });
-        },
-        clickEvent(evnt) {
-            const $xeBacktop = this;
-            $xeBacktop.handleToTop();
-            $xeBacktop.dispatchEvent('click', {}, evnt);
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeBacktop = this;
-            const props = $xeBacktop;
-            const slots = $xeBacktop.$scopedSlots;
-            const reactData = $xeBacktop.reactData;
-            const { circle, position, status, icon, showIcon, content, showContent, showTop, showBottom, shadow } = props;
-            const { showBtn } = reactData;
-            const wrapperStyle = $xeBacktop.computeWrapperStyle;
-            const vSize = $xeBacktop.computeSize;
-            const defaultSlot = slots.default;
-            const topSlot = slots.top;
-            const bottomSlot = slots.bottom;
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-backtop', position === 'fixed' ? ('is--' + position) : 'is--absolute', {
-                        [`size--${vSize}`]: vSize,
-                        'is--visible': showBtn
-                    }],
-                style: wrapperStyle
-            }, [
-                showTop && topSlot
-                    ? h('div', {
-                        class: 'vxe-backtop--top-wrapper'
-                    }, topSlot({}))
-                    : renderEmptyElement($xeBacktop),
-                h('div', {
-                    class: 'vxe-backtop--content-wrapper',
-                    on: {
-                        click: $xeBacktop.clickEvent
-                    }
-                }, [
-                    defaultSlot
-                        ? defaultSlot({})
-                        : [
-                            h(VxeButtonComponent, {
-                                props: {
-                                    circle,
-                                    status,
-                                    shadow,
-                                    icon: showIcon ? (icon || getIcon().BACKTOP_TOP) : '',
-                                    content: showContent ? content : ''
-                                }
-                            })
-                        ]
-                ]),
-                showBottom && bottomSlot
-                    ? h('div', {
-                        class: 'vxe-backtop--bottom-wrapper'
-                    }, bottomSlot({}))
-                    : renderEmptyElement($xeBacktop)
-            ]);
-        }
-    },
-    created() {
-        const $xeBacktop = this;
-        $xeBacktop.internalData = createInternalData();
-    },
-    mounted() {
-        const $xeBacktop = this;
-        const props = $xeBacktop;
-        const { showTop } = props;
-        if (showTop) {
-            $xeBacktop.updateZIndex();
-        }
-        $xeBacktop.handleTargetElement();
-    },
-    beforeDestroy() {
-        const $xeBacktop = this;
-        const reactData = $xeBacktop.reactData;
-        const internalData = $xeBacktop.internalData;
-        $xeBacktop.removeScrollEvent();
-        XEUtils.assign(reactData, createReactData());
-        XEUtils.assign(internalData, createInternalData());
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/backtop/style.css

@@ -1,72 +0,0 @@
-.vxe-backtop {
-  display: inline-flex;
-  flex-direction: column;
-  position: absolute;
-  right: var(--vxe-ui-backtop-right);
-  bottom: var(--vxe-ui-backtop-bottom);
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  cursor: pointer;
-  z-index: 9;
-}
-.vxe-backtop.is--visible .vxe-backtop--content-wrapper {
-  opacity: 1;
-}
-.vxe-backtop.is--fixed {
-  position: fixed;
-}
-.vxe-backtop.is--absolute {
-  position: absolute;
-}
-
-.vxe-backtop .vxe-button.type--button:not(.is--circle) {
-  min-width: 2.8em;
-  min-height: 2.8em;
-  padding: 0.6em;
-}
-.vxe-backtop .vxe-button.type--button:not(.is--circle) i {
-  font-size: 1.3em;
-}
-.vxe-backtop .vxe-button.type--button.is--circle {
-  min-width: 2.8em;
-  min-height: 2.8em;
-}
-.vxe-backtop .vxe-button.type--button.is--circle i {
-  font-size: 1.4em;
-}
-
-.vxe-backtop--top-wrapper {
-  position: absolute;
-  bottom: 100%;
-  right: 0;
-  margin-bottom: 0.8em;
-}
-
-.vxe-backtop--bottom-wrapper {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  margin-top: 0.8em;
-}
-
-.vxe-backtop--content-wrapper {
-  opacity: 0;
-  transition: all 0.3s;
-}
-
-.vxe-backtop--icon {
-  font-size: 1.4em;
-}
-
-.vxe-backtop {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-backtop.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-backtop.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-backtop.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}

package/es/backtop/style.min.css

@@ -1 +0,0 @@
-.vxe-backtop{display:inline-flex;flex-direction:column;position:absolute;right:var(--vxe-ui-backtop-right);bottom:var(--vxe-ui-backtop-bottom);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);cursor:pointer;z-index:9}.vxe-backtop.is--visible .vxe-backtop--content-wrapper{opacity:1}.vxe-backtop.is--fixed{position:fixed}.vxe-backtop.is--absolute{position:absolute}.vxe-backtop .vxe-button.type--button:not(.is--circle){min-width:2.8em;min-height:2.8em;padding:.6em}.vxe-backtop .vxe-button.type--button:not(.is--circle) i{font-size:1.3em}.vxe-backtop .vxe-button.type--button.is--circle{min-width:2.8em;min-height:2.8em}.vxe-backtop .vxe-button.type--button.is--circle i{font-size:1.4em}.vxe-backtop--top-wrapper{position:absolute;bottom:100%;right:0;margin-bottom:.8em}.vxe-backtop--bottom-wrapper{position:absolute;top:100%;right:0;margin-top:.8em}.vxe-backtop--content-wrapper{opacity:0;transition:all .3s}.vxe-backtop--icon{font-size:1.4em}.vxe-backtop{font-size:var(--vxe-ui-font-size-default)}.vxe-backtop.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-backtop.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-backtop.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/badge/index.js

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

package/es/badge/src/badge.js

@@ -1,74 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { getConfig, createEvent, globalMixins, renderEmptyElement } from '../../ui';
-export default {
-    name: 'VxeBadge',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        count: [String, Number],
-        dot: Boolean,
-        content: [String, Number],
-        size: {
-            type: String,
-            default: () => getConfig().badge.size || getConfig().size
-        }
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = {};
-        return {
-            xID,
-            reactData
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeCountNum() {
-            const $xeAvatar = this;
-            const props = $xeAvatar;
-            const { count } = props;
-            return count ? XEUtils.toNumber(count) : 0;
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeBadge = this;
-            $xeBadge.$emit(type, createEvent(evnt, { $badge: $xeBadge }, params));
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeBadge = this;
-            const props = $xeBadge;
-            const slots = $xeBadge.$scopedSlots;
-            const { dot, content } = props;
-            const vSize = $xeBadge.computeSize;
-            const countNum = $xeBadge.computeCountNum;
-            const defaultSlot = slots.default;
-            return h('div', {
-                ref: 'refElem',
-                class: ['vxe-badge', {
-                        [`size--${vSize}`]: vSize,
-                        'is--dot': dot
-                    }]
-            }, [
-                defaultSlot || content
-                    ? h('div', {
-                        class: 'vxe-badge--content'
-                    }, defaultSlot ? defaultSlot({}) : `${content || ''}`)
-                    : [],
-                countNum
-                    ? h('span', {
-                        class: 'vxe-badge--count'
-                    }, countNum > 99 ? '99+' : `${countNum}`)
-                    : renderEmptyElement($xeBadge)
-            ]);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};

package/es/badge/style.css

@@ -1,42 +0,0 @@
-.vxe-badge {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-}
-.vxe-badge.is--dot::before {
-  content: "";
-  position: absolute;
-  top: -0.25em;
-  right: -0.25em;
-  text-align: center;
-  width: 0.5em;
-  height: 0.5em;
-  border-radius: 50%;
-  background-color: #ff4d4f;
-  z-index: 1;
-}
-
-.vxe-badge--count {
-  position: absolute;
-  top: -0.8em;
-  right: -0.8em;
-  text-align: center;
-  min-width: 1.5em;
-  height: 1.5em;
-  padding: 0 0.4em;
-  border-radius: 0.8em;
-  font-size: 0.8em;
-  background-color: #ff4d4f;
-  color: #fff;
-  z-index: 1;
-}
-
-.vxe-badge.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-badge.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-badge.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}

package/es/badge/style.min.css

@@ -1 +0,0 @@
-.vxe-badge{position:relative;display:inline-block;vertical-align:middle}.vxe-badge.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:#ff4d4f;z-index:1}.vxe-badge--count{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:#ff4d4f;color:#fff;z-index:1}.vxe-badge.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-badge.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-badge.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/breadcrumb/index.js

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

package/es/breadcrumb/src/breadcrumb-item.js

@@ -1,102 +0,0 @@
-import { defineVxeComponent } from '../../ui/src/comp';
-import XEUtils from 'xe-utils';
-import { globalMixins, createEvent, renderEmptyElement } from '../../ui';
-export default {
-    name: 'VxeBreadcrumbItem',
-    mixins: [
-        globalMixins.sizeMixin
-    ],
-    props: {
-        title: String,
-        routerLink: Object
-    },
-    inject: {
-        $xeBreadcrumb: {
-            default: null
-        }
-    },
-    data() {
-        const xID = XEUtils.uniqueId();
-        const reactData = {};
-        return {
-            xID,
-            reactData
-        };
-    },
-    computed: Object.assign(Object.assign({}, {}), { computeSeparator() {
-            const $xeBreadcrumbItem = this;
-            const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb;
-            if ($xeBreadcrumb) {
-                return $xeBreadcrumb.separator;
-            }
-            return '';
-        } }),
-    methods: {
-        //
-        // Method
-        //
-        dispatchEvent(type, params, evnt) {
-            const $xeBreadcrumbItem = this;
-            $xeBreadcrumbItem.$emit(type, createEvent(evnt, { $breadcrumbItem: $xeBreadcrumbItem }, params));
-        },
-        clickEvent(evnt) {
-            const $xeBreadcrumbItem = this;
-            const props = $xeBreadcrumbItem;
-            const $xeBreadcrumb = $xeBreadcrumbItem.$xeBreadcrumb;
-            if ($xeBreadcrumb) {
-                const item = {
-                    title: props.title,
-                    routerLink: props.routerLink
-                };
-                $xeBreadcrumb.handleClickLink(evnt, item);
-            }
-        },
-        //
-        // Render
-        //
-        renderVN(h) {
-            const $xeBreadcrumbItem = this;
-            const props = $xeBreadcrumbItem;
-            const slots = $xeBreadcrumbItem.$scopedSlots;
-            const { title, routerLink } = props;
-            const separator = $xeBreadcrumbItem.computeSeparator;
-            const defaultSlot = slots.default;
-            return h('span', {
-                ref: 'refElem',
-                class: 'vxe-breadcrumb-item',
-                on: {
-                    click: $xeBreadcrumbItem.clickEvent
-                }
-            }, [
-                h('span', {
-                    class: 'vxe-breadcrumb-item--content'
-                }, [
-                    routerLink
-                        ? h('router-link', {
-                            class: 'vxe-breadcrumb-item--content-link',
-                            props: {
-                                title,
-                                custom: true,
-                                to: routerLink
-                            }
-                        }, [
-                            h('span', {
-                                class: 'vxe-breadcrumb-item--content-text'
-                            }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
-                        ])
-                        : h('span', {
-                            class: 'vxe-breadcrumb-item--content-text'
-                        }, defaultSlot ? defaultSlot({}) : `${title || ''}`)
-                ]),
-                separator
-                    ? h('span', {
-                        class: 'vxe-breadcrumb-item--separator'
-                    }, `${separator}`)
-                    : renderEmptyElement($xeBreadcrumbItem)
-            ]);
-        }
-    },
-    render(h) {
-        return this.renderVN(h);
-    }
-};