@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/data-tabs/index.d.ts

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+interface OptionType {
+    animation?: boolean;
+    decimals?: number;
+    span?: number;
+    data?: any[];
+}
+declare const __VLS_export: 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, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/data-tabs/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/BrZxnDdM.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/dialog-form/index.d.ts

@@ -0,0 +1,38 @@
+import { isEmpty } from '@web-utils/core';
+import { deepClone } from '../utils/util.ts';
+declare namespace _default {
+    let name: string;
+    function data(): {
+        opt: {};
+        disabled: boolean;
+        callback: null;
+        visible: boolean;
+        dialog: {
+            closeOnClickModal: boolean;
+        };
+        isDrawer: boolean;
+        option: {
+            submitText: string;
+            emptyText: string;
+            submitIcon: string;
+            emptyIcon: string;
+            column: never[];
+        };
+        data: {};
+    };
+    namespace computed {
+        function dialogType(): any;
+        function menuPosition(): any;
+    }
+    namespace methods {
+        export { isEmpty };
+        export { deepClone };
+        export function submit(): void;
+        export function reset(): void;
+        export function beforeClose(done: any): void;
+        export function show(opt: any): void;
+        export function close(): void;
+        export function handleSubmit(data: any, done: any): void;
+    }
+}
+export default _default;

package/dialog-form/index.mjs

@@ -0,0 +1,155 @@
+import { def as e } from "../helper/avue.mjs";
+import { t } from "../chunks/B1MSrc6f.mjs";
+import { t as n } from "../chunks/B24kbvxB.mjs";
+import { avueConfigContextKey as r } from "../constants/index.mjs";
+import { t as i } from "../chunks/DTeHffqJ.mjs";
+import { t as a } from "../chunks/C9nHZkbj.mjs";
+import { a as o } from "../chunks/CXHJqvbJ.mjs";
+import { ElDrawer as s } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createApp as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, h as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, provide as y, resolveDynamicComponent as b, toDisplayString as x, useTemplateRef as S, withCtx as C } from "vue";
+import { isEmpty as w } from "@web-utils/core";
+import "element-plus/es/components/drawer/style/css";
+import "./style.css";
+//#region src/components/avue/dialog-form/DialogForm.vue
+var T = {
+	name: "DialogForm",
+	data() {
+		return {
+			opt: {},
+			disabled: !1,
+			callback: null,
+			visible: !1,
+			dialog: { closeOnClickModal: !1 },
+			isDrawer: !1,
+			option: {
+				submitText: "提交",
+				emptyText: "关闭",
+				submitIcon: "el-icon-check",
+				emptyIcon: "el-icon-close",
+				column: []
+			},
+			data: {}
+		};
+	},
+	computed: {
+		dialogType() {
+			return this.isDrawer ? s : n;
+		},
+		menuPosition() {
+			return this.opt.menuPosition || "center";
+		}
+	},
+	methods: {
+		isEmpty: w,
+		deepClone: o,
+		submit() {
+			this.$refs.form.submit();
+		},
+		reset() {
+			this.$refs.form.resetForm();
+		},
+		beforeClose(e) {
+			e(), this.close();
+		},
+		show(e) {
+			this.opt = e, this.callback = e.callback;
+			let t = o(e);
+			[
+				"callback",
+				"option",
+				"data"
+			].forEach((e) => delete t[e]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+		},
+		close() {
+			let e = () => {
+				this.visible = !1, this.$el.remove();
+			};
+			typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+		},
+		handleSubmit(e, t) {
+			var n;
+			(n = this.callback) == null || n.call(this, {
+				data: e,
+				close: this.close,
+				done: t
+			});
+		}
+	}
+};
+T.showForm = (t) => {
+	let n = c({ setup() {
+		let e = S("dialogForm");
+		return _(() => {
+			e.value.show(t);
+		}), () => m(T, { ref: "dialogForm" });
+	} });
+	y(r, e);
+	let i = document.createElement("div");
+	return document.body.appendChild(i), n.config.warnHandler = () => {}, n.onUnmount(() => {
+		document.body.removeChild(i);
+	}), n.mount(i), n;
+};
+var E = T;
+function D(e, t, n, r, o, s) {
+	let c = a, m = i;
+	return v(), l(b(e.dialogType), h({
+		"model-value": e.visible,
+		"onUpdate:modelValue": t[2] || (t[2] = (t) => e.visible = t),
+		"destroy-on-close": "",
+		class: "dialog-form",
+		"before-close": e.beforeClose
+	}, e.dialog), {
+		default: C(() => [p(c, {
+			ref: "form",
+			modelValue: e.data,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.data = t),
+			status: e.disabled,
+			"onUpdate:status": t[1] || (t[1] = (t) => e.disabled = t),
+			option: {
+				...e.deepClone(e.option),
+				menuBtn: !1
+			},
+			onSubmit: e.handleSubmit,
+			onResetChange: e.close
+		}, null, 8, [
+			"modelValue",
+			"status",
+			"option",
+			"onSubmit",
+			"onResetChange"
+		]), e.isEmpty(e.option.menuBtn, !0) ? (v(), d("span", {
+			key: 0,
+			class: g(["avue-dialog__footer", `avue-dialog__footer--${e.menuPosition}`])
+		}, [e.isEmpty(e.option.submitBtn, !0) ? (v(), l(m, {
+			key: 0,
+			icon: e.option.submitIcon,
+			loading: e.disabled,
+			type: "primary",
+			onClick: e.submit
+		}, {
+			default: C(() => [f(x(e.option.submitText), 1)]),
+			_: 1
+		}, 8, [
+			"icon",
+			"loading",
+			"onClick"
+		])) : u("v-if", !0), e.isEmpty(e.option.emptyBtn, !0) ? (v(), l(m, {
+			key: 1,
+			disabled: e.disabled,
+			icon: e.option.emptyIcon,
+			onClick: e.reset
+		}, {
+			default: C(() => [f(x(e.option.emptyText), 1)]),
+			_: 1
+		}, 8, [
+			"disabled",
+			"icon",
+			"onClick"
+		])) : u("v-if", !0)], 2)) : u("v-if", !0)]),
+		_: 1
+	}, 16, ["model-value", "before-close"]);
+}
+var O = /* @__PURE__ */ t(E, [["render", D]]);
+//#endregion
+export { O as default };

package/dialog-form/style.css

@@ -0,0 +1 @@
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{flex-direction:column;flex:auto;padding:0;display:flex}.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body .avue-form,.dialog-form .el-drawer__body .avue-form{flex:auto}

package/dict-render/index.d.ts

@@ -0,0 +1,29 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

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,80 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

package/e-charts/index.mjs

@@ -0,0 +1,180 @@
+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";
+import "./style.css";
+//#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,115 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;