yy-vue-easytable 2.27.2

package/packages/ve-dropdown/src/util/constant.js

@@ -0,0 +1,15 @@
+// prefix
+export const PREFIX_CLS = "ve-dropdown-";
+
+// emit events
+export const EMIT_EVENTS = {
+    FILTER_RESET: "on-filter-reset",
+    FILTER_CONFIRM: "on-filter-confirm",
+    VISIBLE_CHANGE: "on-dropdown-visible-change",
+    ITEM_SELECT_CHANGE: "on-item-select-change",
+};
+
+// comps name
+export const COMPS_NAME = {
+    VE_DROPDOWN: "VeDropdown",
+};

package/packages/ve-dropdown/src/util/index.js

@@ -0,0 +1,10 @@
+import { PREFIX_CLS } from "./constant";
+
+/*
+ * @clsName
+ * @desc  get class name
+ * @param {string} cls - class
+ */
+export function clsName(cls) {
+    return PREFIX_CLS + cls;
+}

package/packages/ve-icon/index.js

@@ -0,0 +1,7 @@
+import VeIcon from "./src/index";
+
+VeIcon.install = function (Vue) {
+    Vue.component(VeIcon.name, VeIcon);
+};
+
+export default VeIcon;

package/packages/ve-icon/src/index.jsx

@@ -0,0 +1,52 @@
+import { ICON_NAMES } from "../../src/utils/constant";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_ICON,
+
+    props: {
+        // icon name
+        name: {
+            type: String,
+            required: true,
+        },
+        color: {
+            type: String,
+            default: null,
+        },
+        size: {
+            type: [Number, String],
+            default: "",
+        },
+    },
+
+    computed: {
+        // icon style
+        iconStyle() {
+            const { color, size } = this;
+
+            let result = {
+                color,
+                "font-size": getValByUnit(size),
+            };
+
+            return result;
+        },
+
+        // icon name
+        iconClass() {
+            const { name } = this;
+
+            if (!Object.values(ICON_NAMES).includes(name)) {
+                console.error(`${name} is not found in ${COMPS_NAME.VE_ICON}.`);
+            }
+            return `iconfont-vet icon-vet-${name}`;
+        },
+    },
+
+    render() {
+        const { iconStyle, iconClass } = this;
+        return <i style={iconStyle} class={["ve-icon", iconClass]} />;
+    },
+};

package/packages/ve-icon/src/util/constant.js

@@ -0,0 +1,10 @@
+// prefix
+export const PREFIX_CLS = "ve-icon-";
+
+// emit events
+export const EMIT_EVENTS = {};
+
+// comps name
+export const COMPS_NAME = {
+    VE_ICON: "VeIcon",
+};

package/packages/ve-icon/src/util/index.js

@@ -0,0 +1,10 @@
+import { PREFIX_CLS } from "./constant";
+
+/*
+ * @clsName
+ * @desc  get class name
+ * @param {string} cls - class
+ */
+export function clsName(cls) {
+    return PREFIX_CLS + cls;
+}

package/packages/ve-loading/index.js

@@ -0,0 +1,8 @@
+import Vue from "vue";
+import VeLoading from "./src/index.js";
+
+VeLoading.install = function (Vue) {
+    Vue.prototype.$veLoading = VeLoading;
+};
+
+export default VeLoading;

package/packages/ve-loading/src/bounce.jsx

@@ -0,0 +1,50 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_BOUNCE,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+            };
+
+            return result;
+        },
+        itemStyle() {
+            const { color } = this;
+
+            return {
+                "background-color": color,
+            };
+        },
+    },
+    render() {
+        const { spinStyle, itemStyle } = this;
+        return (
+            <div style={spinStyle} class={clsName("bounce")}>
+                <div style={itemStyle} class={clsName("bounce-dot")}></div>
+                <div style={itemStyle} class={clsName("bounce-dot")}></div>
+            </div>
+        );
+    },
+};

package/packages/ve-loading/src/flow.jsx

@@ -0,0 +1,51 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_FLOW,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+            };
+
+            return result;
+        },
+        itemStyle() {
+            const { color } = this;
+
+            return {
+                "background-color": color,
+            };
+        },
+    },
+    render() {
+        const { spinStyle, itemStyle } = this;
+        return (
+            <div style={spinStyle} class={clsName("flow")}>
+                <div style={itemStyle} class={clsName("flow-dot")}></div>
+                <div style={itemStyle} class={clsName("flow-dot")}></div>
+                <div style={itemStyle} class={clsName("flow-dot")}></div>
+            </div>
+        );
+    },
+};

package/packages/ve-loading/src/grid.jsx

@@ -0,0 +1,57 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_GRID,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+            };
+
+            return result;
+        },
+        itemStyle() {
+            const { color } = this;
+
+            return {
+                "background-color": color,
+            };
+        },
+    },
+    render() {
+        const { spinStyle, itemStyle } = this;
+        return (
+            <div style={spinStyle} class={clsName("grid")}>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+                <div style={itemStyle} class={clsName("grid-cube")}></div>
+            </div>
+        );
+    },
+};

package/packages/ve-loading/src/index.js

@@ -0,0 +1,106 @@
+import Vue from "vue";
+import VeLoading from "./loading.jsx";
+import { addClass, removeClass } from "../../src/utils/dom";
+import { clsName } from "./util";
+import { SPIN_NAMES, COMPS_NAME } from "../src/util/constant";
+
+// default options
+const defaultOptions = {
+    name: "plane",
+    visible: false,
+    color: "#1890ff",
+    overlayBackgroundColor: "rgba(255, 255, 255, 0.5)",
+    width: 40,
+    height: 40,
+    tip: "",
+    fullscreen: false,
+    target: "",
+    lock: false,
+    // parent “__parent__”会被忽略
+    parent__: null,
+};
+
+// parent relative class
+const PARENT_RELATIVE_CLASS = clsName("parent-relative");
+// parent lock class
+const PARENT_LOCK_CLASS = clsName("parent-lock");
+
+const LoadingConstructor = Vue.extend(VeLoading);
+
+// show
+LoadingConstructor.prototype.show = function () {
+    Vue.nextTick(() => {
+        if (this.lock) {
+            addClass(this.parent__, PARENT_LOCK_CLASS);
+        }
+        this.visible = true;
+    });
+};
+
+// close
+LoadingConstructor.prototype.close = function () {
+    Vue.nextTick(() => {
+        if (this.lock) {
+            removeClass(this.parent__, PARENT_LOCK_CLASS);
+        }
+        this.visible = false;
+    });
+};
+
+// destroy
+LoadingConstructor.prototype.destroy = function () {
+    removeClass(this.parent__, PARENT_RELATIVE_CLASS);
+    removeClass(this.parent__, PARENT_LOCK_CLASS);
+
+    if (this.$el && this.$el.parentNode) {
+        this.$el.parentNode.removeChild(this.$el);
+    }
+    this.$destroy();
+    this.visible = false;
+};
+
+// create instance
+function createInstance(options = {}) {
+    return new LoadingConstructor({
+        el: document.createElement("div"),
+        data: options,
+    });
+}
+
+// check spin name
+function checkSpinName(name) {
+    if (!Object.values(SPIN_NAMES).includes(name)) {
+        console.error(`${name} is not found in ${COMPS_NAME.VE_LOADING}.`);
+    }
+}
+
+// Loading instance
+function Loading(options = {}) {
+    options = Object.assign({}, defaultOptions, options);
+
+    if (typeof options.target === "string" && options.target.length > 0) {
+        options.target = document.querySelector(options.target);
+    }
+    options.target = options.target || document.body;
+
+    checkSpinName(options.name);
+
+    if (options.target !== document.body) {
+        options.fullscreen = false;
+    } else {
+        options.fullscreen = true;
+    }
+
+    let loadingInstance = createInstance(options);
+
+    // set parent
+    options.parent__ = options.fullscreen ? document.body : options.target;
+
+    addClass(options.parent__, PARENT_RELATIVE_CLASS);
+
+    options.parent__.appendChild(loadingInstance.$el);
+
+    return loadingInstance;
+}
+
+export default Loading;

package/packages/ve-loading/src/loading.jsx

@@ -0,0 +1,63 @@
+/* thanks for  https://github.com/tobiasahlin/SpinKit*/
+
+import { clsName } from "./util";
+import { COMPS_NAME } from "../src/util/constant";
+import Plane from "./plane";
+import Bounce from "./bounce";
+import Wave from "./wave";
+import Pulse from "./pulse";
+import Flow from "./flow";
+import Grid from "./grid";
+
+export default {
+    name: COMPS_NAME.VE_LOADING,
+    components: { Plane, Bounce, Wave, Pulse, Flow, Grid },
+    computed: {
+        // loading class
+        loadingClass() {
+            const { visible, fullscreen } = this;
+            return {
+                [clsName("overlay")]: true,
+                [clsName("fixed")]: fullscreen,
+                [clsName("hide")]: !visible,
+            };
+        },
+
+        // loading style
+        loadingStyle() {
+            const { overlayBackgroundColor } = this;
+
+            return {
+                "background-color": overlayBackgroundColor,
+            };
+        },
+    },
+
+    render() {
+        const { width, height, color } = this;
+
+        const spinProps = {
+            props: {
+                width,
+                height,
+                color,
+            },
+        };
+
+        return (
+            <div
+                style={this.loadingStyle}
+                class={["ve-loading", this.loadingClass]}
+            >
+                <div class={clsName("spin-container")}>
+                    <div class={clsName("spin")}>
+                        <this.name {...spinProps}></this.name>
+                    </div>
+                    <div style={{ color: color }} class={clsName("spin-tip")}>
+                        {this.tip}
+                    </div>
+                </div>
+            </div>
+        );
+    },
+};

package/packages/ve-loading/src/plane.jsx

@@ -0,0 +1,38 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_PLANE,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { color, width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+                "background-color": color,
+            };
+
+            return result;
+        },
+    },
+    render() {
+        return <div style={this.spinStyle} class={clsName("plane")} />;
+    },
+};

package/packages/ve-loading/src/pulse.jsx

@@ -0,0 +1,38 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_PULSE,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { color, width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+                "background-color": color,
+            };
+
+            return result;
+        },
+    },
+    render() {
+        return <div style={this.spinStyle} class={clsName("pulse")} />;
+    },
+};

package/packages/ve-loading/src/util/constant.js

@@ -0,0 +1,31 @@
+// prefix
+export const PREFIX_CLS = "ve-loading-";
+
+// emit events
+export const EMIT_EVENTS = {};
+
+// comps name
+export const COMPS_NAME = {
+    VE_LOADING: "VeLoading",
+    VE_LOADING_PLANE: "VeLoadingPlane",
+    /* VE_LOADING_CHASE: "VeLoadingChase", */
+    VE_LOADING_BOUNCE: "VeLoadingBounce",
+    VE_LOADING_WAVE: "VeLoadingWave",
+    VE_LOADING_PULSE: "VeLoadingPulse",
+    VE_LOADING_FLOW: "VeLoadingFlow",
+    /* VE_LOADING_SWING: "VeLoadingSwing", */
+    /*  VE_LOADING_CIRCLE: "VeLoadingCircle",
+    VE_LOADING_CIRCLE_FADE: "VeLoadingCircleFade", */
+    VE_LOADING_GRID: "VeLoadingGrid",
+    VE_LOADING_FOLD: "VeLoadingFold",
+};
+
+// spin name
+export const SPIN_NAMES = {
+    PLANE: "plane",
+    GRID: "grid",
+    WAVE: "wave",
+    FLOW: "flow",
+    BOUNCE: "bounce",
+    PULSE: "pulse",
+};

package/packages/ve-loading/src/util/index.js

@@ -0,0 +1,10 @@
+import { PREFIX_CLS } from "./constant";
+
+/*
+ * @clsName
+ * @desc  get class name
+ * @param {string} cls - class
+ */
+export function clsName(cls) {
+    return PREFIX_CLS + cls;
+}

package/packages/ve-loading/src/wave.jsx

@@ -0,0 +1,53 @@
+import { clsName } from "./util";
+import { COMPS_NAME } from "./util/constant";
+import { getValByUnit } from "../../src/utils/index.js";
+
+export default {
+    name: COMPS_NAME.VE_LOADING_WAVE,
+    props: {
+        color: {
+            type: String,
+            required: true,
+        },
+        width: {
+            type: [Number, String],
+            required: true,
+        },
+        height: {
+            type: [Number, String],
+            required: true,
+        },
+    },
+    computed: {
+        // spin style
+        spinStyle() {
+            const { width, height } = this;
+
+            let result = {
+                width: getValByUnit(width),
+                height: getValByUnit(height),
+            };
+
+            return result;
+        },
+        itemStyle() {
+            const { color } = this;
+
+            return {
+                "background-color": color,
+            };
+        },
+    },
+    render() {
+        const { spinStyle, itemStyle } = this;
+        return (
+            <div style={spinStyle} class={clsName("wave")}>
+                <div style={itemStyle} class={clsName("wave-rect")}></div>
+                <div style={itemStyle} class={clsName("wave-rect")}></div>
+                <div style={itemStyle} class={clsName("wave-rect")}></div>
+                <div style={itemStyle} class={clsName("wave-rect")}></div>
+                <div style={itemStyle} class={clsName("wave-rect")}></div>
+            </div>
+        );
+    },
+};

package/packages/ve-locale/index.js

@@ -0,0 +1,28 @@
+import Vue from "vue";
+import { merge, cloneDeep } from "lodash";
+import defaultLang from "vue-easytable/packages/src/locale/lang/en-US";
+
+const { defineReactive } = Vue.util;
+const proto = Vue.prototype;
+
+proto.$veTableMessages = proto.$veTableMessages || {};
+
+defineReactive(
+    proto,
+    "$veTableMessages",
+    cloneDeep({
+        lang: defaultLang,
+    }),
+);
+
+export default {
+    getMessage() {
+        return proto.$veTableMessages.lang;
+    },
+    use(lang) {
+        this.update(lang);
+    },
+    update(lang = {}) {
+        merge(proto.$veTableMessages.lang, lang);
+    },
+};

package/packages/ve-pagination/index.js

@@ -0,0 +1,7 @@
+import VePagination from "./src/index.jsx";
+
+VePagination.install = function (Vue) {
+    Vue.component(VePagination.name, VePagination);
+};
+
+export default VePagination;