vxe-pc-ui 3.16.0 → 3.16.2

package/es/vxe-upload/style.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vxe-upload,.vxe-upload--more-popup{--vxe-ui-upload-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-upload-current-image-wh:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{--vxe-ui-upload-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-upload-current-image-wh:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{--vxe-ui-upload-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-upload-current-image-wh:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{--vxe-ui-upload-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-upload-current-image-wh:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-upload-current-font-size)}.vxe-upload--more-popup.is--active .vxe-upload--image-action-box,.vxe-upload.is--active .vxe-upload--image-action-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--more-popup.is--active .vxe-upload--file-action-btn>.vxe-button,.vxe-upload.is--active .vxe-upload--file-action-btn>.vxe-button{border-color:var(--vxe-ui-font-primary-color);border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--loading:hover .vxe-upload--file-item-name{color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--pending{color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-rebtn{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-action,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-img-wrapper::after,.vxe-upload--image-item.is--pending .vxe-upload--image-item-img-wrapper::after,.vxe-upload--image-item:hover .vxe-upload--image-item-img-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.vxe-upload--image-item:hover .vxe-upload--image-item-img-wrapper::after{background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--error .vxe-upload--image-item-img-wrapper::after,.vxe-upload--image-item.is--pending .vxe-upload--image-item-img-wrapper::after{background-color:rgba(0,0,0,.4)}.vxe-upload--image-item.is--error:hover .vxe-upload--image-item-img-wrapper::after,.vxe-upload--image-item.is--pending:hover .vxe-upload--image-item-img-wrapper::after{background-color:rgba(0,0,0,.5)}.vxe-upload--image-item.is--error .vxe-upload--image-item-img-wrapper{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper{border-radius:50%;overflow:hidden}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper::after{border-radius:50%}.vxe-upload--image-item.is--circle .vxe-upload--image-item-loading,.vxe-upload--image-item.is--circle .vxe-upload--image-item-rebtn{border-radius:50%}.vxe-upload--image-item-img-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-item-img{max-width:100%;max-height:100%}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:rgba(0,0,0,.6);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-upload--image-item-rebtn{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.vxe-upload--image-action-hint{font-size:.8em;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;max-width:380px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload--drag-line{display:none;position:absolute;top:0;left:0;z-index:3;pointer-events:none}.vxe-upload--drag-line{width:1px;height:1px;border:2px solid transparent}.vxe-upload--drag-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=left]{border-left-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=right]{border-right-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-list-move{transition:transform .2s}.vxe-upload--more-popup{position:relative;font-size:var(--vxe-ui-upload-current-font-size)}.vxe-upload--more-popup .vxe-upload--file-list{max-height:none}.vxe-upload--more-popup .vxe-upload--file-action-btn{width:100%}.vxe-upload--more-popup .vxe-upload--file-action-btn>.vxe-button{width:100%;max-width:100%}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-current-image-wh);height:var(--vxe-ui-upload-current-image-wh)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-current-image-wh);height:var(--vxe-ui-upload-current-image-wh)}

package/es/vxe-watermark/index.js

@@ -0,0 +1,3 @@
+import VxeWatermark from '../watermark';
+export * from '../watermark';
+export default VxeWatermark;

package/es/vxe-watermark/style.css

@@ -0,0 +1,30 @@
+.vxe-watermark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-repeat: repeat;
+  background-position: 0px 0px;
+  background-color: transparent;
+  z-index: 999999;
+}
+
+.vxe-watermark {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-watermark.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-watermark.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-watermark.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/vxe-watermark/style.min.css

@@ -0,0 +1 @@
+.vxe-watermark{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-repeat:repeat;background-position:0 0;background-color:transparent;z-index:999999}.vxe-watermark{font-size:var(--vxe-ui-font-size-default)}.vxe-watermark.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-watermark.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-watermark.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/watermark/index.js

@@ -0,0 +1,24 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeWatermarkComponent from './src/watermark';
+import { checkDynamic, dynamicStore, dynamicApp } from '../dynamics';
+export const VxeWatermark = Object.assign({}, VxeWatermarkComponent, {
+    install(app) {
+        app.component(VxeWatermarkComponent.name, VxeWatermarkComponent);
+    }
+});
+dynamicApp.use(VxeWatermark);
+VxeUI.component(VxeWatermarkComponent);
+export const WatermarkController = {
+    load(options) {
+        checkDynamic();
+        dynamicStore.globalWatermark = Object.assign({}, options);
+        return Promise.resolve();
+    },
+    clear() {
+        dynamicStore.globalWatermark = null;
+        return Promise.resolve();
+    }
+};
+VxeUI.watermark = WatermarkController;
+export const Watermark = VxeWatermark;
+export default VxeWatermark;

package/es/watermark/src/util.js

@@ -0,0 +1,149 @@
+import XEUtils from 'xe-utils';
+import { toCssUnit } from '../../ui/src/dom';
+let canvasEl = null;
+let fontEl = null;
+const fontCacheMaps = {};
+function getMarkCanvas() {
+    if (!canvasEl) {
+        canvasEl = document.createElement('canvas');
+        canvasEl.style.position = 'absolute';
+        canvasEl.style.top = '0';
+        canvasEl.style.left = '0';
+    }
+    return canvasEl;
+}
+function removeMarkElement(elem) {
+    if (elem) {
+        const parentEl = elem.parentNode;
+        if (parentEl) {
+            parentEl.removeChild(elem);
+        }
+    }
+}
+function calcFontWH(text, fontSize) {
+    const fKey = `${fontSize}_${text}`;
+    if (!fontCacheMaps[fKey]) {
+        if (!fontEl) {
+            fontEl = document.createElement('span');
+        }
+        if (!fontEl.parentNode) {
+            document.body.append(fontEl);
+        }
+        fontEl.textContent = text;
+        fontEl.style.fontSize = toCssUnit(fontSize);
+        const width = fontEl.offsetWidth;
+        const height = fontEl.offsetHeight;
+        fontCacheMaps[fKey] = {
+            width,
+            height
+        };
+    }
+    return fontCacheMaps[fKey];
+}
+function calcContentWH(contList) {
+    let contentWidth = 0;
+    let contentHeight = 0;
+    contList.forEach(item => {
+        contentWidth = Math.max(item.width, contentWidth);
+        contentHeight = Math.max(item.height, contentHeight);
+    });
+    return {
+        contentWidth,
+        contentHeight
+    };
+}
+function getFontConf(item, key, opts) {
+    return (item.font ? item.font[key] : '') || (opts.font ? opts.font[key] : '');
+}
+function createMarkFont(contConf, defaultFontSize, opts) {
+    const { offset } = opts;
+    const text = XEUtils.toValueString(contConf.textContent);
+    const fontSize = XEUtils.toNumber(getFontConf(contConf, 'fontSize', opts) || defaultFontSize) || 14;
+    const [offsetX = 0, offsetY = 0] = offset ? ((XEUtils.isArray(offset) ? offset : [offset, offset])) : [];
+    const { width, height } = calcFontWH(text, fontSize);
+    return {
+        text,
+        fontSize,
+        font: contConf.font,
+        width: width + XEUtils.toNumber(offsetX),
+        height: height + XEUtils.toNumber(offsetY)
+    };
+}
+function drayFont(ctx, item, opts) {
+    const fontWeight = getFontConf(item, 'fontWeight', opts);
+    ctx.fillStyle = `${getFontConf(item, 'color', opts) || 'rgba(0, 0, 0, 0.15)'}`;
+    ctx.font = [
+        getFontConf(item, 'fontStyle', opts) || 'normal',
+        fontWeight === 'bold' || fontWeight === 'bolder' ? 'bold' : '',
+        toCssUnit(item.fontSize),
+        getFontConf(item, 'fontFamily', opts) || 'sans-serif'
+    ].join(' ');
+}
+export function getContentUrl(content, defaultFontSize, options) {
+    const opts = Object.assign({}, options);
+    const { rotate } = opts;
+    const deg = XEUtils.toNumber(rotate);
+    const contList = (XEUtils.isArray(content) ? content : [content]).map(item => {
+        if (item) {
+            if (item.textContent) {
+                return createMarkFont(item, defaultFontSize, opts);
+            }
+            return createMarkFont({
+                textContent: `${item}`
+            }, defaultFontSize, opts);
+        }
+        return createMarkFont({
+            textContent: ''
+        }, defaultFontSize, opts);
+    });
+    removeMarkElement(fontEl);
+    return new Promise((resolve) => {
+        const canvasEl = getMarkCanvas();
+        if (!canvasEl.parentNode) {
+            document.body.append(canvasEl);
+        }
+        const ctx = canvasEl.getContext('2d');
+        if (ctx && contList.length) {
+            const { gap } = opts;
+            const gapList = gap ? ((XEUtils.isArray(gap) ? gap : [gap, gap])) : [];
+            const gapX = XEUtils.toNumber(gapList[0]);
+            const gapY = XEUtils.toNumber(gapList[1]);
+            const { contentWidth } = calcContentWH(contList);
+            const canvasWidth = contentWidth * 2 + gapX * 2 + (gapX / 2);
+            const canvasHeight = contentWidth * 2 + gapY;
+            canvasEl.width = canvasWidth;
+            canvasEl.height = canvasHeight;
+            const drayX = (gapX / 2);
+            const drayY = contentWidth + (gapY / 2);
+            ctx.save();
+            ctx.translate(drayX, drayY);
+            ctx.rotate(deg * Math.PI / 180);
+            ctx.translate(-drayX, -drayY);
+            let txtOffsetY = 0;
+            contList.forEach((item) => {
+                drayFont(ctx, item, opts);
+                const txtX = drayX;
+                const txtY = drayY + txtOffsetY;
+                ctx.fillText(item.text, txtX, txtY, contentWidth);
+                txtOffsetY += item.height;
+            });
+            const offsetX = gapX;
+            const offsetY = gapY + contentWidth;
+            txtOffsetY = 0;
+            contList.forEach((item) => {
+                drayFont(ctx, item, opts);
+                const txtX = drayX + offsetX;
+                const txtY = drayY + txtOffsetY + offsetY;
+                ctx.fillText(item.text, txtX, txtY, contentWidth);
+                txtOffsetY += item.height;
+            });
+            ctx.restore();
+            resolve(canvasEl.toDataURL());
+            removeMarkElement(canvasEl);
+        }
+        else {
+            resolve('');
+            removeMarkElement(canvasEl);
+        }
+    });
+}

package/es/watermark/src/watermark.js

@@ -0,0 +1,148 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { getConfig, createEvent, globalEvents } from '../../ui';
+import { toCssUnit } from '../../ui/src/dom';
+import { getContentUrl } from './util';
+export default {
+    name: 'VxeWatermark',
+    props: {
+        width: String,
+        height: String,
+        imageUrl: String,
+        rotate: {
+            type: [Number, String],
+            default: () => getConfig().watermark.rotate
+        },
+        gap: {
+            type: [Array, Number, String],
+            default: () => XEUtils.clone(getConfig().watermark.gap, true)
+        },
+        content: [String, Array],
+        font: Object,
+        offset: Object,
+        zIndex: [String, Number]
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {
+            markUrl: ''
+        };
+        return {
+            xID,
+            reactData
+        };
+    },
+    computed: {
+        computeFontOpts() {
+            const $xeWatermark = this;
+            const props = $xeWatermark;
+            return XEUtils.assign({}, XEUtils.clone(getConfig().watermark.font, true), props.font);
+        },
+        computeWrapperStyle() {
+            const $xeWatermark = this;
+            const props = $xeWatermark;
+            const reactData = $xeWatermark.reactData;
+            const { width, height, zIndex } = props;
+            const { markUrl } = reactData;
+            const stys = {};
+            if (width) {
+                stys.width = toCssUnit(width);
+            }
+            if (height) {
+                stys.height = toCssUnit(height);
+            }
+            if (markUrl) {
+                stys.backgroundImage = `url(${markUrl})`;
+            }
+            if (zIndex) {
+                stys.zIndex = zIndex;
+            }
+            return stys;
+        }
+    },
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeWatermark = this;
+            $xeWatermark.$emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params));
+        },
+        updateMarkStyle() {
+            const $xeWatermark = this;
+            const props = $xeWatermark;
+            const reactData = $xeWatermark.reactData;
+            const { content, gap, rotate, offset } = props;
+            const el = $xeWatermark.$refs.refElem;
+            const fontOpts = $xeWatermark.computeFontOpts;
+            if (el) {
+                if (content) {
+                    getContentUrl(content, getComputedStyle(el).fontSize, {
+                        font: fontOpts,
+                        rotate,
+                        gap,
+                        offset
+                    }).then(url => {
+                        reactData.markUrl = url;
+                    });
+                }
+            }
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeWatermark = this;
+            const wrapperStyle = $xeWatermark.computeWrapperStyle;
+            return h('div', {
+                ref: 'refElem',
+                class: 'vxe-watermark',
+                style: wrapperStyle
+            });
+        }
+    },
+    watch: {
+        imageUrl() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        content() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        gap() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        rotate() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        width() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        height() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        },
+        font() {
+            const $xeWatermark = this;
+            $xeWatermark.updateMarkStyle();
+        }
+    },
+    mounted() {
+        const $xeWatermark = this;
+        $xeWatermark.updateMarkStyle();
+        globalEvents.on($xeWatermark, 'resize', XEUtils.throttle(() => {
+            $xeWatermark.updateMarkStyle();
+        }, 300, { trailing: true, leading: true }));
+    },
+    beforeDestroy() {
+        const $xeWatermark = this;
+        globalEvents.off($xeWatermark, 'resize');
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+};

package/es/watermark/style.css

@@ -0,0 +1,30 @@
+.vxe-watermark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-repeat: repeat;
+  background-position: 0px 0px;
+  background-color: transparent;
+  z-index: 999999;
+}
+
+.vxe-watermark {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-watermark.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-watermark.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-watermark.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/es/watermark/style.min.css

@@ -0,0 +1 @@
+.vxe-watermark{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-repeat:repeat;background-position:0 0;background-color:transparent;z-index:999999}.vxe-watermark{font-size:var(--vxe-ui-font-size-default)}.vxe-watermark.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-watermark.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-watermark.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/alert/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeAlert = exports.Alert = void 0;
+var _core = require("@vxe-ui/core");
+var _dynamics = require("../dynamics");
+var _alert = _interopRequireDefault(require("./src/alert"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeAlert = exports.VxeAlert = Object.assign({}, _alert.default, {
+  install: function install(app) {
+    app.component(_alert.default.name, _alert.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeAlert);
+_core.VxeUI.component(_alert.default);
+var Alert = exports.Alert = VxeAlert;
+var _default = exports.default = VxeAlert;

package/lib/alert/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeAlert=exports.Alert=void 0;var _core=require("@vxe-ui/core"),_dynamics=require("../dynamics"),_alert=_interopRequireDefault(require("./src/alert"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeAlert=exports.VxeAlert=Object.assign({},_alert.default,{install:function(e){e.component(_alert.default.name,_alert.default)}}),Alert=(_dynamics.dynamicApp.use(VxeAlert),_core.VxeUI.component(_alert.default),exports.Alert=VxeAlert),_default=exports.default=VxeAlert;

package/lib/alert/src/alert.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _vn = require("../../ui/src/vn");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeAlert',
+  props: {
+    title: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().alert.title;
+      }
+    },
+    content: [String, Number],
+    status: String,
+    showIcon: Boolean,
+    showClose: Boolean,
+    icon: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().alert.icon;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeAlert = this;
+      this.$emit(type, (0, _ui.createEvent)(evnt, {
+        $alert: $xeAlert
+      }, params));
+    },
+    closeEvent: function closeEvent(evnt) {
+      var $xeAlert = this;
+      $xeAlert.dispatchEvent('close', {}, evnt);
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeAlert = this;
+      var props = $xeAlert;
+      var slots = $xeAlert.$scopedSlots;
+      var status = props.status,
+        content = props.content,
+        icon = props.icon,
+        title = props.title,
+        showIcon = props.showIcon,
+        showClose = props.showClose;
+      var defaultSlot = slots.default;
+      var titleSlot = slots.title;
+      var iconSlot = slots.icon;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-alert', _defineProperty({}, "theme--".concat(status), status)]
+      }, [iconSlot || showIcon && status || icon ? h('div', {
+        class: 'vxe-alert--icon'
+      }, iconSlot ? (0, _vn.getSlotVNs)(iconSlot({})) : [h('i', {
+        class: icon || (0, _ui.getIcon)()["ALERT_".concat(status === null || status === void 0 ? void 0 : status.toUpperCase())]
+      })]) : (0, _ui.renderEmptyElement)($xeAlert), h('div', {
+        class: 'vxe-alert--body'
+      }, [titleSlot || title ? h('div', {
+        class: 'vxe-alert--title'
+      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _ui.renderEmptyElement)($xeAlert), h('div', {
+        class: 'vxe-alert--content'
+      }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : _xeUtils.default.toValueString(content))]), showClose ? h('div', {
+        class: 'vxe-alert--close-btn',
+        on: {
+          click: $xeAlert.closeEvent
+        }
+      }, [h('i', {
+        class: (0, _ui.getIcon)().ALERT_CLOSE
+      })]) : (0, _ui.renderEmptyElement)($xeAlert)]);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/alert/src/alert.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAlert",props:{title:{type:[String,Number],default:function(){return(0,_ui.getConfig)().alert.title}},content:[String,Number],status:String,showIcon:Boolean,showClose:Boolean,icon:{type:String,default:function(){return(0,_ui.getConfig)().alert.icon}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$alert:this},t))},closeEvent:function(e){this.dispatchEvent("close",{},e)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.status,o=t.content,i=t.icon,u=t.title,l=t.showIcon,c=t.showClose,s=r.default,a=r.title,r=r.icon;return e("div",{ref:"refElem",class:["vxe-alert",_defineProperty({},"theme--".concat(n),n)]},[r||l&&n||i?e("div",{class:"vxe-alert--icon"},r?(0,_vn.getSlotVNs)(r({})):[e("i",{class:i||(0,_ui.getIcon)()["ALERT_".concat(null==n?void 0:n.toUpperCase())]})]):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-alert--body"},[a||u?e("div",{class:"vxe-alert--title"},a?(0,_vn.getSlotVNs)(a({})):_xeUtils.default.toValueString(u)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-alert--content"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(o))]),c?e("div",{class:"vxe-alert--close-btn",on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().ALERT_CLOSE})]):(0,_ui.renderEmptyElement)(t)])}},render:function(e){return this.renderVN(e)}});

package/lib/alert/style/index.js

@@ -0,0 +1 @@
+require('./style.css')