@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta80

package/data-tabs/index.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+interface OptionType {
+    animation?: boolean;
+    decimals?: number;
+    span?: number;
+    data?: any[];
+}
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: PropType<OptionType>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: PropType<OptionType>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    option: OptionType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/data-tabs/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/Dodxnwze.mjs";
+export { e as default };

package/data-tabs/style.css

@@ -0,0 +1 @@
+.avue-data-tabs{width:100%}.avue-data-tabs .item{box-sizing:border-box;color:#fff;border-radius:4px;height:160px;margin:15px;padding:12px;position:relative;overflow:hidden}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{background:#ffffff4d;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:0;right:0}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:60px}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{opacity:.1;border:2px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;position:absolute;bottom:10px;right:10px;transform:rotate(-40deg)}

package/dict-render/index.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    row: ObjectConstructor;
+    column: ObjectConstructor;
+    dictType: StringConstructor;
+    options: ArrayConstructor;
+    treeDict: BooleanConstructor;
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    row: ObjectConstructor;
+    column: ObjectConstructor;
+    dictType: StringConstructor;
+    options: ArrayConstructor;
+    treeDict: BooleanConstructor;
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+}>> & Readonly<{}>, {
+    labelAsValue: boolean;
+    treeDict: boolean;
+    idAsValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dict-render/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/tzjUpVIj.mjs";
+export { e as default };

package/e-charts/index.d.ts

@@ -0,0 +1,79 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+    };
+    theme: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    initOptions: {
+        type: ObjectConstructor;
+    };
+    group: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoResize: BooleanConstructor;
+    watchShallow: BooleanConstructor;
+    manualUpdate: BooleanConstructor;
+}>, {}, {
+    lastArea: number;
+}, {}, {
+    mergeOptions(options: any, notMerge: any, lazyUpdate: any): void;
+    appendData(params: any): void;
+    resize(options: any): void;
+    dispatchAction(payload: any): void;
+    convertToPixel(finder: any, value: any): any;
+    convertFromPixel(finder: any, value: any): any;
+    containPixel(finder: any, value: any): any;
+    showLoading(type: any, options: any): void;
+    hideLoading(): void;
+    getDataURL(options: any): any;
+    getConnectedDataURL(options: any): any;
+    clear(): void;
+    dispose(): void;
+    delegateMethod(name: any, ...args: any[]): any;
+    delegateGet(methodName: any): any;
+    getArea(): number;
+    init(options: any): void;
+    initOptionsWatcher(): void;
+    destroy(): void;
+    refresh(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+    };
+    theme: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    initOptions: {
+        type: ObjectConstructor;
+    };
+    group: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoResize: BooleanConstructor;
+    watchShallow: BooleanConstructor;
+    manualUpdate: BooleanConstructor;
+}>> & Readonly<{}>, {
+    width: string;
+    height: string;
+    autoResize: boolean;
+    watchShallow: boolean;
+    manualUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/e-charts/index.mjs

@@ -0,0 +1,179 @@
+import { s as e } from "../chunks/ClVh1Lek.mjs";
+import { t } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as n, normalizeStyle as r, openBlock as i } from "vue";
+import { isString as a } from "@web-utils/core";
+import { debounce as o } from "@web-utils/integrations/lodash";
+import * as s from "echarts/core";
+import { addListener as c, removeListener as l } from "resize-detector";
+//#region src/components/ECharts.vue
+var u = [
+	"theme",
+	"initOptions",
+	"autoResize"
+], d = ["manualUpdate", "watchShallow"], f = {
+	name: "ECharts",
+	props: {
+		options: { type: Object },
+		theme: { type: [String, Object] },
+		initOptions: { type: Object },
+		group: { type: String },
+		width: {
+			type: String,
+			default: "100%"
+		},
+		height: {
+			type: String,
+			default: "100%"
+		},
+		autoResize: Boolean,
+		watchShallow: Boolean,
+		manualUpdate: Boolean
+	},
+	data() {
+		return { lastArea: 0 };
+	},
+	watch: { group(e) {
+		this.chart.group = e;
+	} },
+	created() {
+		this.initOptionsWatcher(), u.forEach((e) => {
+			this.$watch(e, () => {
+				this.refresh();
+			}, { deep: !0 });
+		}), d.forEach((e) => {
+			this.$watch(e, () => {
+				this.initOptionsWatcher(), this.refresh();
+			});
+		});
+	},
+	mounted() {
+		this.options && this.init();
+	},
+	activated() {
+		if (this.autoResize) {
+			var e;
+			(e = this.chart) == null || e.resize();
+		}
+	},
+	unmounted() {
+		this.chart && this.destroy();
+	},
+	methods: {
+		mergeOptions(e, t, n) {
+			this.manualUpdate && (this.manualOptions = e), this.chart ? this.delegateMethod("setOption", e, t, n) : this.init(e);
+		},
+		appendData(e) {
+			this.delegateMethod("appendData", e);
+		},
+		resize(e) {
+			this.delegateMethod("resize", e);
+		},
+		dispatchAction(e) {
+			this.delegateMethod("dispatchAction", e);
+		},
+		convertToPixel(e, t) {
+			return this.delegateMethod("convertToPixel", e, t);
+		},
+		convertFromPixel(e, t) {
+			return this.delegateMethod("convertFromPixel", e, t);
+		},
+		containPixel(e, t) {
+			return this.delegateMethod("containPixel", e, t);
+		},
+		showLoading(e, t) {
+			this.delegateMethod("showLoading", e, t);
+		},
+		hideLoading() {
+			this.delegateMethod("hideLoading");
+		},
+		getDataURL(e) {
+			return this.delegateMethod("getDataURL", e);
+		},
+		getConnectedDataURL(e) {
+			return this.delegateMethod("getConnectedDataURL", e);
+		},
+		clear() {
+			this.delegateMethod("clear");
+		},
+		dispose() {
+			this.delegateMethod("dispose");
+		},
+		delegateMethod(e, ...t) {
+			return this.chart || this.init(), this.chart[e](...t);
+		},
+		delegateGet(e) {
+			return this.chart || this.init(), this.chart[e]();
+		},
+		getArea() {
+			return this.$el.offsetWidth * this.$el.offsetHeight;
+		},
+		init(t) {
+			if (this.chart) return;
+			let n = s.init(this.$el, this.theme, this.initOptions);
+			this.group && (n.group = this.group), n.setOption(t || this.manualOptions || this.options || {}, !0);
+			let r = e(this.$attrs);
+			Object.keys(r).forEach((e) => {
+				let t = r[e];
+				e.indexOf("zr:") === 0 ? n.getZr().on(e.slice(3), t) : n.on(e, t);
+			}), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = o(() => {
+				this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
+			}, 100, { leading: !0 }), c(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+				width: {
+					configurable: !0,
+					get: () => this.delegateGet("getWidth")
+				},
+				height: {
+					configurable: !0,
+					get: () => this.delegateGet("getHeight")
+				},
+				isDisposed: {
+					configurable: !0,
+					get: () => !!this.delegateGet("isDisposed")
+				},
+				computedOptions: {
+					configurable: !0,
+					get: () => this.delegateGet("getOption")
+				}
+			}), this.chart = n;
+		},
+		initOptionsWatcher() {
+			this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch("options", (e, t) => {
+				!this.chart && e ? this.init() : this.chart.setOption(e, e !== t);
+			}, { deep: !this.watchShallow }));
+		},
+		destroy() {
+			this.autoResize && l(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+		},
+		refresh() {
+			this.chart && (this.destroy(), this.init());
+		}
+	},
+	connect(e) {
+		a(e) || (e = e.map((e) => e.chart)), s.connect(e);
+	},
+	disconnect(e) {
+		s.disConnect(e);
+	},
+	getMap(e) {
+		return s.getMap(e);
+	},
+	registerMap(e, t, n) {
+		s.registerMap(e, t, n);
+	},
+	registerTheme(e, t) {
+		s.registerTheme(e, t);
+	},
+	graphic: s.graphic
+};
+function p(e, t, a, o, s, c) {
+	return i(), n("div", {
+		class: "echarts",
+		style: r({
+			width: a.width,
+			height: a.height
+		})
+	}, null, 4);
+}
+var m = /* @__PURE__ */ t(f, [["render", p]]);
+//#endregion
+export { m as default };

package/e-charts/style.css

@@ -0,0 +1 @@
+.echarts{width:100%;height:100%}

package/easy-popup/index.d.ts

@@ -0,0 +1,114 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 是否开启边界检测
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示点偏移量
+     */
+    offset: {
+        type: ObjectConstructor;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * 边界距离
+     */
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否添加到 body
+     */
+    appendToBody: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    flexColumn: BooleanConstructor;
+    /**
+     * 鼠标离开后隐藏
+     */
+    hideOnMouseLeave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: BooleanConstructor;
+}>, {}, {
+    /**
+     * 是否显示
+     */
+    visible: boolean;
+    rendered: boolean;
+    /**
+     * 触发点坐标
+     */
+    axis: {
+        x: number;
+        y: number;
+    };
+}, {
+    position(): {
+        top: string;
+        left: string;
+    };
+}, {
+    show({ clientX: x, clientY: y }: {
+        clientX: any;
+        clientY: any;
+    }): void;
+    hide(): void;
+    doHide(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 是否开启边界检测
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示点偏移量
+     */
+    offset: {
+        type: ObjectConstructor;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * 边界距离
+     */
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否添加到 body
+     */
+    appendToBody: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    flexColumn: BooleanConstructor;
+    /**
+     * 鼠标离开后隐藏
+     */
+    hideOnMouseLeave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: BooleanConstructor;
+}>> & Readonly<{}>, {
+    offset: Record<string, any>;
+    appendToBody: boolean;
+    border: boolean;
+    borderWidth: number;
+    flexRow: boolean;
+    flexColumn: boolean;
+    interactive: boolean;
+    hideOnMouseLeave: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/easy-popup/index.mjs

@@ -0,0 +1,92 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, vShow as l, withCtx as u, withDirectives as d } from "vue";
+import { getComputedHeight as f, getComputedWidth as p } from "@web-utils/core";
+//#region src/components/EasyPopup.vue
+var m = {
+	name: "EasyPopup",
+	props: {
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Object,
+			default: () => ({
+				x: 6,
+				y: 2
+			})
+		},
+		borderWidth: {
+			type: Number,
+			default: 6
+		},
+		appendToBody: Boolean,
+		flexRow: Boolean,
+		flexColumn: Boolean,
+		hideOnMouseLeave: {
+			type: Boolean,
+			default: !0
+		},
+		interactive: Boolean
+	},
+	data() {
+		return {
+			visible: !1,
+			rendered: !1,
+			axis: {
+				x: 0,
+				y: 0
+			}
+		};
+	},
+	computed: { position() {
+		return {
+			top: `${this.axis.y + this.offset.y}px`,
+			left: `${this.axis.x + this.offset.x}px`
+		};
+	} },
+	watch: { async axis() {
+		if (this.border) {
+			await this.$nextTick();
+			let e = p(this.$refs.container), t = f(this.$refs.container), n = document.body.offsetWidth, r = document.body.offsetHeight;
+			this.axis.x + this.offset.x + e >= n && (this.axis.x = n - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= r && (this.axis.y = r - t - this.borderWidth - this.offset.y);
+		}
+	} },
+	unmounted() {
+		this.$el.remove();
+	},
+	methods: {
+		show({ clientX: e, clientY: t }) {
+			this.axis = {
+				x: e,
+				y: t
+			}, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+		},
+		hide() {
+			this.visible = !1, document.removeEventListener("click", this.doHide);
+		},
+		doHide(e) {
+			this.interactive && this.$el.contains(e.target) || this.hide();
+		}
+	}
+};
+function h(e, f, p, m, h, g) {
+	return s(), n(t, { name: "easy-popup" }, {
+		default: u(() => [h.rendered ? d((s(), i("div", {
+			key: 0,
+			ref: "container",
+			class: a(["easy-popup", {
+				"easy-popup__visible": h.visible,
+				"easy-popup__hide": !h.visible,
+				"flex-row": p.flexRow,
+				"flex-column": p.flexColumn
+			}]),
+			style: o(g.position),
+			onMouseleave: f[0] || (f[0] = (e) => p.hideOnMouseLeave ? g.hide() : null)
+		}, [c(e.$slots, "default")], 38)), [[l, h.visible]]) : r("v-if", !0)]),
+		_: 3
+	});
+}
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };

package/easy-popup/style.css

@@ -0,0 +1 @@
+.easy-popup{z-index:9999;background:#fff;border:1px solid #ebeef5;border-radius:4px;width:300px;min-height:200px;padding:12px;position:fixed;box-shadow:0 2px 12px #0000001a}@keyframes easy-popup-zoom-in{0%{opacity:0;transform:scale3d(0,0,0)}to{opacity:1}}.easy-popup-enter-active,.easy-popup-enter{animation:.2s easy-popup-zoom-in}@keyframes easy-popup-zoom-out{0%{opacity:1}to{opacity:0;transform:scale3d(0,0,0)}}.easy-popup-leave-active,.easy-popup-leave{animation:.2s easy-popup-zoom-out}

package/editable-progress/index.d.ts

@@ -0,0 +1,68 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {
+    slider: boolean;
+    mouseDown: boolean;
+    tooltipClass: string;
+    percent: number;
+}, {}, {
+    formatTooltip(val: any): string;
+    onInput(percent: any): void;
+    onChange(percent: any): void;
+    onMouseOver(): void;
+    onMouseDown(): void;
+    onMouseUp(): void;
+    onMouseLeave(): void;
+    wrapperClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: number;
+    strokeWidth: number;
+    step: number;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;