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

package/vue/directives/drag-move.d.ts

@@ -0,0 +1,10 @@
+import { ObjectDirective } from 'vue';
+declare global {
+    interface HTMLElement {
+        dragMoveId?: any;
+    }
+}
+export type DragMoveHTMLElement = HTMLElement & {
+    drag_move_id?: number;
+};
+export declare const dragMove: ObjectDirective;

package/vue/directives/drag-move.mjs

@@ -0,0 +1,27 @@
+import { dragMove as e, off as t, on as n } from "@web-utils/core";
+//#region src/vue/directives/drag-move.ts
+var r = 1, i = "drag_move_id", a = {}, o = (e) => {
+	let n = e[i], r = a[n];
+	r && (delete a[n], delete e[i], t(e, "mousedown", r));
+}, s = (t, o) => {
+	if (!t) return;
+	let s = r++;
+	t[i] = s;
+	let c = (t) => e(t, {
+		...o.value,
+		fullScreen: o.arg
+	});
+	a[s] = c, n(t, "mousedown", c);
+}, c = {
+	mounted: (e, t) => {
+		s(e, t);
+	},
+	updated: (e, t) => {
+		e && (o(e), s(e, t));
+	},
+	unmounted: (e) => {
+		o(e);
+	}
+};
+//#endregion
+export { c as dragMove };

package/vue/directives/fix-fixed-column-height.d.ts

@@ -0,0 +1,7 @@
+import { ObjectDirective } from 'vue';
+declare global {
+    interface HTMLElement {
+        calculated?: any;
+    }
+}
+export declare const fixFixedColumnHeight: ObjectDirective;

package/vue/directives/fix-fixed-column-height.mjs

@@ -0,0 +1,20 @@
+import { getComputedHeight as e } from "@web-utils/core";
+//#region src/vue/directives/fix-fixed-column-height.ts
+var t = { updated(t, n, r) {
+	let { layout: i } = r.component;
+	if (i.scrollX && !t.calculated) {
+		let n = t.querySelector(".el-table__fixed");
+		if (n) {
+			let t = e(n);
+			n.style.height = `${t - i.gutterWidth}px`;
+		}
+		let r = t.querySelector(".el-table__fixed-right");
+		if (r) {
+			let t = e(r);
+			r.style.height = `${t - i.gutterWidth}px`;
+		}
+		t.calculated = !0;
+	}
+} };
+//#endregion
+export { t as fixFixedColumnHeight };

package/vue/directives/index.d.ts

@@ -0,0 +1,7 @@
+export * from './chat-drag';
+export * from './click-outside';
+export * from './dialog-drag';
+export * from './drag-move';
+export * from './fix-fixed-column-height';
+export * from './resize';
+export * from './scroll-bottom';

package/vue/directives/index.mjs

@@ -0,0 +1,8 @@
+import { chatDrag as e } from "./chat-drag.mjs";
+import { clickOutside as t } from "./click-outside.mjs";
+import { dialogDrag as n } from "./dialog-drag.mjs";
+import { dragMove as r } from "./drag-move.mjs";
+import { fixFixedColumnHeight as i } from "./fix-fixed-column-height.mjs";
+import { resize as a } from "./resize.mjs";
+import { scrollBottom as o } from "./scroll-bottom.mjs";
+export { e as chatDrag, t as clickOutside, n as dialogDrag, r as dragMove, i as fixFixedColumnHeight, a as resize, o as scrollBottom };

package/vue/directives/resize.d.ts

@@ -0,0 +1,2 @@
+import { ObjectDirective } from 'vue';
+export declare const resize: ObjectDirective;

package/vue/directives/resize.mjs

@@ -0,0 +1,12 @@
+import { elementResizeDetectorMaker as e } from "@web-utils/integrations/element-resize-detector";
+//#region src/vue/directives/resize.ts
+var t = e(), n = {
+	mounted(e, n) {
+		n.value && t.listenTo(e, n.value);
+	},
+	unmounted(e, n) {
+		t.uninstall(e);
+	}
+};
+//#endregion
+export { n as resize };

package/vue/directives/scroll-bottom.d.ts

@@ -0,0 +1,5 @@
+import { ObjectDirective } from 'vue';
+/**
+ * 发送消息后滚动到底部
+ */
+export declare const scrollBottom: ObjectDirective;

package/vue/directives/scroll-bottom.mjs

@@ -0,0 +1,6 @@
+//#region src/vue/directives/scroll-bottom.ts
+var e = { mounted(e) {
+	e.scrollTop = e.scrollHeight - e.clientHeight;
+} };
+//#endregion
+export { e as scrollBottom };

package/vue/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-dictionary';
+export * from './use-event-bus';
+export * from './use-visibility-change';

package/vue/hooks/index.mjs

@@ -0,0 +1,4 @@
+import { useVisibilityChange as e } from "./useVisibilityChange.mjs";
+import { useDictionary as t } from "./useDictionary.mjs";
+import { useEventBus as n } from "./useEventBus.mjs";
+export { t as useDictionary, n as useEventBus, e as useVisibilityChange };

package/vue/hooks/useDictionary.d.ts

@@ -0,0 +1,60 @@
+import { DictItem } from '../../api';
+export declare const useDictionary: (props: Record<string, any>) => {
+    dictItems: globalThis.Ref<{
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null, DictItem[] | readonly DictItem[] | {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | readonly {
+        id: string;
+        dictId: string;
+        label: string;
+        dictType: string;
+        description: string;
+        sortOrder: number;
+        createBy: string;
+        updateBy: string;
+        createTime: string;
+        updateTime: string;
+        remarks: null;
+        delFlag: string;
+        value: string;
+    }[] | null>;
+};

package/vue/hooks/useDictionary.mjs

@@ -0,0 +1,15 @@
+import { getDictData as e } from "../../helper/dictionary.mjs";
+import { ref as t, watchEffect as n } from "vue";
+//#region src/vue/hooks/useDictionary.ts
+var r = (r) => {
+	let i = t([]);
+	return n(async () => {
+		r.dictType ? i.value = await e(r.dictType, !0, {
+			treeDict: r.treeDict,
+			idAsValue: r.idAsValue,
+			labelAsValue: r.labelAsValue
+		}) : i.value = [];
+	}), { dictItems: i };
+};
+//#endregion
+export { r as useDictionary };

package/vue/hooks/useEventBus.d.ts

@@ -0,0 +1 @@
+export declare const useEventBus: (event: string | Record<string, () => void>, cb: (...args: any[]) => void) => void;

package/vue/hooks/useEventBus.mjs

@@ -0,0 +1,20 @@
+import { onBeforeMount as e, onBeforeUnmount as t } from "vue";
+import { emitter as n, isObject as r } from "@web-utils/core";
+//#region src/vue/hooks/useEventBus.ts
+var i = (i, a) => {
+	e(() => {
+		if (a) n.on(i, a);
+		else if (r(i)) {
+			let e = i;
+			for (let t in e) n.on(t, e[t]);
+		}
+	}), t(() => {
+		if (a) n.off(i, a);
+		else if (r(i)) {
+			let e = i;
+			for (let t in e) n.off(t, e[t]);
+		}
+	});
+};
+//#endregion
+export { i as useEventBus };

package/vue/hooks/useVisibilityChange.d.ts

@@ -0,0 +1,4 @@
+export declare const useVisibilityChange: ({ onPageHidden, onPageVisible }?: {
+    onPageHidden?: () => void;
+    onPageVisible?: () => void;
+}) => void;

package/vue/hooks/useVisibilityChange.mjs

@@ -0,0 +1,14 @@
+import { onBeforeMount as e, onBeforeUnmount as t } from "vue";
+//#region src/vue/hooks/useVisibilityChange.ts
+var n = ({ onPageHidden: n, onPageVisible: r } = {}) => {
+	let i = () => {
+		document.hidden ? n == null || n() : r == null || r();
+	};
+	e(() => {
+		document.addEventListener("visibilitychange", i);
+	}), t(() => {
+		document.removeEventListener("visibilitychange", i);
+	});
+};
+//#endregion
+export { n as useVisibilityChange };

package/vue/index.d.ts

@@ -0,0 +1,3 @@
+export * from './directives';
+export * from './hooks';
+export * from './mixin';

package/vue/index.mjs

@@ -0,0 +1,83 @@
+import { bus as e, eventBusPlugin as t } from "./mixin/bus.mjs";
+import { chatDrag as n } from "./directives/chat-drag.mjs";
+import { clickOutside as r } from "./directives/click-outside.mjs";
+import { useVisibilityChange as i } from "./hooks/useVisibilityChange.mjs";
+import { dialogDrag as a } from "./directives/dialog-drag.mjs";
+import { dragMove as o } from "./directives/drag-move.mjs";
+import { fixFixedColumnHeight as s } from "./directives/fix-fixed-column-height.mjs";
+import { resize as c } from "./directives/resize.mjs";
+import { scrollBottom as l } from "./directives/scroll-bottom.mjs";
+import "./directives/index.mjs";
+import { useDictionary as u } from "./hooks/useDictionary.mjs";
+import { useEventBus as d } from "./hooks/useEventBus.mjs";
+import "./hooks/index.mjs";
+import { ServerMessageManager as f, messageMixin as p } from "./mixin/message.mjs";
+import { childMixin as m, parentMixin as h } from "./mixin/multi-items.mjs";
+import { page as g } from "./mixin/page.mjs";
+import { resizeMixin as _ } from "./mixin/resize-mixin.mjs";
+import { getComputedHeight as v } from "@web-utils/core";
+//#region src/vue/mixin/dialog.ts
+var y = {
+	directives: {
+		dialogDrag: a,
+		alignCenter: { async inserted(e, t, n) {
+			await n.componentInstance.$nextTick();
+			let r = v(n.componentInstance.$refs.dialog), i = window.document.body.offsetHeight - r;
+			n.componentInstance.$refs.dialog.style.marginTop = `${i / 2}px`;
+		} }
+	},
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnClickModal: Boolean,
+		reservePositionOnClose: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			show: !1,
+			fullScreen: !1
+		};
+	},
+	methods: {
+		closed() {
+			if (!this.reservePositionOnClose && this.$refs.dialog) {
+				let { dialog: e } = this.$refs.dialog.$refs;
+				e.style.top = "unset", e.style.left = "unset";
+			}
+			this.exitFullScreen(), this.$emit("closed");
+		},
+		close() {
+			this.show = !1;
+		},
+		toggleFullScreen() {
+			this.fullScreen = !this.fullScreen;
+		},
+		enterFullScreen() {
+			this.fullScreen = !0;
+		},
+		exitFullScreen() {
+			this.fullScreen = !1;
+		}
+	},
+	watch: {
+		visible: {
+			immediate: !0,
+			handler(e) {
+				this.show = e;
+			}
+		},
+		show(e) {
+			e !== this.visible && this.$emit("update:visible", e), e || this.$emit("close");
+		}
+	},
+	beforeDestroy() {
+		this.show && this.close();
+	}
+};
+//#endregion
+export { f as ServerMessageManager, e as bus, n as chatDrag, m as childMixin, r as clickOutside, y as dialog, a as dialogDrag, o as dragMove, t as eventBusPlugin, s as fixFixedColumnHeight, p as messageMixin, g as page, h as parentMixin, c as resize, _ as resizeMixin, l as scrollBottom, u as useDictionary, d as useEventBus, i as useVisibilityChange };

package/vue/mixin/bus.d.ts

@@ -0,0 +1,5 @@
+import { emitter as bus } from '@web-utils/core';
+export { bus };
+export declare const eventBusPlugin: {
+    install(app: any, globalHooks: Record<string, any>): void;
+};

package/vue/mixin/bus.mjs

@@ -0,0 +1,33 @@
+import { emitter as e, isArray as t, isObject as n, isString as r, isUndefined as i } from "@web-utils/core";
+//#region src/vue/mixin/bus.ts
+function a(i) {
+	if (n(i)) for (let t in i) {
+		let o;
+		r(i[t]) ? o = this[i[t]] : n(i[t]) ? a.call(this, i[t]) : o = i[t].bind(this), o && (e.on(t, o), this.$Bus.push({
+			event: t,
+			handler: o
+		}));
+	}
+	t(i) && i.forEach((t) => {
+		let i = this[t];
+		r(t) && i && (e.on(t, i), this.$Bus.push({
+			event: t,
+			handler: i
+		})), n(t) && a.call(this, t);
+	});
+}
+var o = { install(n, r) {
+	n.config.globalProperties.$bus = (t, ...n) => {
+		e.emit(t, ...n);
+	}, n.mixin({
+		beforeCreate() {
+			let e = this.$options.bus;
+			this.$Bus = [], e && a.call(this, e), a.call(this, r);
+		},
+		beforeUnmount() {
+			if (this.$Bus) for (let t of this.$Bus) e.off(t.event, t.handler);
+		}
+	}), n.config.optionMergeStrategies.bus = (e, n) => t(e) ? t(n) ? e.concat(n) : (i(n) || e.push(n), e) : t(n) ? (i(e) || n.push(e), n) : e && n ? [e, n] : e || n;
+} };
+//#endregion
+export { e as bus, o as eventBusPlugin };

package/vue/mixin/dialog.d.ts

@@ -0,0 +1,38 @@
+export declare const dialog: {
+    directives: {
+        dialogDrag: import('vue').ObjectDirective<any, any, string, any>;
+        alignCenter: {
+            inserted(el: any, binding: any, vNode: any): Promise<void>;
+        };
+    };
+    props: {
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnClickModal: BooleanConstructor;
+        reservePositionOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    data(): {
+        show: boolean;
+        fullScreen: boolean;
+    };
+    methods: {
+        closed(this: any): void;
+        close(this: any): void;
+        toggleFullScreen(this: any): void;
+        enterFullScreen(this: any): void;
+        exitFullScreen(this: any): void;
+    };
+    watch: {
+        visible: {
+            immediate: boolean;
+            handler(this: any, newVal: boolean): void;
+        };
+        show(this: any, newVal: boolean): void;
+    };
+    beforeDestroy(this: any): void;
+};

package/vue/mixin/dialog.mjs

@@ -0,0 +1,2 @@
+import { dialog as e } from "../index.mjs";
+export { e as dialog };

package/vue/mixin/index.d.ts

@@ -0,0 +1,6 @@
+export * from './bus';
+export * from './dialog';
+export * from './message';
+export * from './multi-items';
+export * from './page';
+export * from './resize-mixin';

package/vue/mixin/index.mjs

@@ -0,0 +1,7 @@
+import { bus as e, eventBusPlugin as t } from "./bus.mjs";
+import { ServerMessageManager as n, messageMixin as r } from "./message.mjs";
+import { childMixin as i, parentMixin as a } from "./multi-items.mjs";
+import { page as o } from "./page.mjs";
+import { resizeMixin as s } from "./resize-mixin.mjs";
+import { dialog as c } from "../index.mjs";
+export { n as ServerMessageManager, e as bus, i as childMixin, c as dialog, t as eventBusPlugin, r as messageMixin, o as page, a as parentMixin, s as resizeMixin };

package/vue/mixin/message.d.ts

@@ -0,0 +1,2 @@
+export declare const ServerMessageManager: import('@web-utils/core').MessageManager;
+export declare const messageMixin: any;

package/vue/mixin/message.mjs

@@ -0,0 +1,27 @@
+import { capitalize as e, createMessageManager as t, isObject as n, isString as r } from "@web-utils/core";
+//#region src/vue/mixin/message.ts
+var i = t({ loggerTag: "ServerMessageManager" }), a = {
+	beforeCreate() {
+		let t = this.$options.message;
+		if (t) {
+			this.$MessageEvents = [];
+			for (let n in t) {
+				let r = (e) => {
+					t[n].call(this, e);
+				}, a = e(n);
+				i.addMessageListener(a, r), this.$MessageEvents.push({
+					model: a,
+					handler: r
+				});
+			}
+		}
+	},
+	beforeDestroy() {
+		if (this.$MessageEvents) for (let e of this.$MessageEvents) i.removeMessageListener(e.model, e.handler);
+	},
+	methods: { sendMessageToServer(e) {
+		(r(e) || n(e)) && i.sendMessage(r(e) ? e : JSON.stringify(e));
+	} }
+};
+//#endregion
+export { i as ServerMessageManager, a as messageMixin };

package/vue/mixin/multi-items.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Tab组件用到
+ */
+export declare const parentMixin: {
+    mounted(this: any): void;
+    methods: {
+        updateIndex(this: any): void;
+    };
+    props: {
+        value: NumberConstructor;
+    };
+    watch: {
+        currentIndex(this: any, val: number, oldVal: number): void;
+        index(this: any, val: number): void;
+        value(this: any, val: number): void;
+    };
+    data(this: any): {
+        index: number;
+        currentIndex: any;
+        number: any;
+    };
+};
+export declare const childMixin: {
+    props: {
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    mounted(this: any): void;
+    beforeDestroy(this: any): void;
+    methods: {
+        onItemClick(this: any, hasLink: string | boolean): void;
+    };
+    watch: {
+        currentSelected(this: any, val: boolean): void;
+        selected(this: any, val: boolean): void;
+    };
+    data(this: any): {
+        currentIndex: number;
+        currentSelected: any;
+    };
+};

package/vue/mixin/multi-items.mjs

@@ -0,0 +1,70 @@
+//#region src/vue/mixin/multi-items.ts
+var e = {
+	mounted() {
+		this.value >= 0 && (this.currentIndex = this.value), this.updateIndex();
+	},
+	methods: { updateIndex() {
+		if (!this.$children || !this.$children.length) return;
+		this.number = this.$children.length;
+		let e = this.$children;
+		for (let t = 0; t < e.length; t++) e[t].currentIndex = t, e[t].currentSelected && (this.index = t);
+	} },
+	props: { value: Number },
+	watch: {
+		currentIndex(e, t) {
+			t > -1 && this.$children[t] && (this.$children[t].currentSelected = !1), e > -1 && this.$children[e] && (this.$children[e].currentSelected = !0), this.$emit("input", e), this.$emit("on-index-change", e, t);
+		},
+		index(e) {
+			this.currentIndex = e;
+		},
+		value(e) {
+			this.index = e;
+		}
+	},
+	data() {
+		return {
+			index: -1,
+			currentIndex: this.index,
+			number: this.$children.length
+		};
+	}
+}, t = {
+	props: { selected: {
+		type: Boolean,
+		default: !1
+	} },
+	mounted() {
+		this.$parent.updateIndex();
+	},
+	beforeDestroy() {
+		let { $parent: e } = this;
+		this.$nextTick(() => {
+			e.updateIndex();
+		});
+	},
+	methods: { onItemClick(e) {
+		if (this.$parent.preventDefault) {
+			this.$parent.$emit("on-before-index-change", this.currentIndex);
+			return;
+		}
+		(this.disabled === void 0 || this.disabled === !1) && (this.currentSelected = !0, this.$parent.currentIndex = this.currentIndex, this.$nextTick(() => {
+			this.$emit("on-item-click", this.currentIndex);
+		}));
+	} },
+	watch: {
+		currentSelected(e) {
+			e && (this.$parent.index = this.currentIndex);
+		},
+		selected(e) {
+			this.currentSelected = e;
+		}
+	},
+	data() {
+		return {
+			currentIndex: -1,
+			currentSelected: this.selected
+		};
+	}
+};
+//#endregion
+export { t as childMixin, e as parentMixin };

package/vue/mixin/page.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 公用分页mixin
+ */
+export declare const page: {
+    data(): {
+        page: {
+            total: number;
+            page: number;
+            limit: number;
+            ascs: string;
+            descs: string;
+            filters: {};
+            model: {};
+        };
+    };
+    methods: {
+        resetPage(this: any): void;
+        makeSureNotEmpty(this: any): void;
+        /**
+         *
+         * @param {FilterRule} rule
+         */
+        addRule(this: any, rule: any): void;
+        addRules(this: any, rules: Array<any>): void;
+        clearRule(this: any): void;
+        removeRule(this: any, field: string): void;
+    };
+};

package/vue/mixin/page.mjs

@@ -0,0 +1,38 @@
+//#region src/vue/mixin/page.ts
+var e = {
+	data() {
+		return { page: {
+			total: 0,
+			page: 1,
+			limit: 25,
+			ascs: "",
+			descs: "",
+			filters: {},
+			model: {}
+		} };
+	},
+	methods: {
+		resetPage() {
+			this.page = this.$options.data.call(this).page;
+		},
+		makeSureNotEmpty() {
+			this.page.filters = this.page.filters || {}, this.page.filters.rules = this.page.filters.rules || [];
+		},
+		addRule(e) {
+			this.makeSureNotEmpty(), this.removeRule(e.field), this.page.filters.rules.push(e);
+		},
+		addRules(e) {
+			e.forEach((e) => this.addRule(e));
+		},
+		clearRule() {
+			delete this.page.filters.rules;
+		},
+		removeRule(e) {
+			this.makeSureNotEmpty();
+			let { rules: t } = this.page.filters, n = t.findIndex((t) => t.field === e);
+			n > -1 && t.splice(n, 1);
+		}
+	}
+};
+//#endregion
+export { e as page };

package/vue/mixin/resize-mixin.d.ts

@@ -0,0 +1,15 @@
+export declare const resizeMixin: {
+    data(): {
+        /**
+         * 表格高度
+         */
+        tableHeight: null;
+    };
+    mounted(this: any): void;
+    methods: {
+        internalWindowResize(this: any): void;
+    };
+    activated(this: any): void;
+    deactivated(this: any): void;
+    beforeDestroy(this: any): void;
+};