@web-utils/form-ui 1.0.0-beta94 → 1.0.0-beta95

package/toolbar-button/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     size: {
         type: StringConstructor;
         default: string;
@@ -81,7 +81,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     size: {
         type: StringConstructor;
         default: string;
@@ -167,10 +167,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean;
     type: string;
-    primary: boolean;
+    plain: boolean;
     size: string;
+    primary: boolean;
     loading: boolean;
-    plain: boolean;
     autofocus: boolean;
     round: boolean;
     nativeType: string;
@@ -181,9 +181,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loadable: boolean;
     warning: boolean;
     confirm: boolean;
-    dark: boolean;
     bg: boolean;
     dashed: boolean;
+    dark: boolean;
     autoInsertSpace: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/vue/directives/chat-drag.mjs

@@ -0,0 +1,12 @@
+import { drag as e } from "@web-utils/core";
+//#region src/vue/directives/chat-drag.ts
+function t(t) {
+	let n = t.querySelector(".chat-toolbar");
+	n && e(t, n);
+}
+var n = {
+	mounted: (e) => t(e),
+	updated: (e) => t(e)
+};
+//#endregion
+export { n as chatDrag };

package/vue/directives/click-outside.d.ts

@@ -0,0 +1,10 @@
+import { ObjectDirective } from 'vue';
+/**
+ * v-clickoutside
+ * @desc 点击元素外面才会触发的事件
+ * @example
+ * ```vue
+ * <div v-element-clickoutside="handleClose">
+ * ```
+ */
+export declare const clickOutside: ObjectDirective<Node, () => void>;

package/vue/directives/click-outside.mjs

@@ -0,0 +1,36 @@
+//#region src/vue/directives/click-outside.ts
+var e = /* @__PURE__ */ new Map();
+function t(e, t) {
+	let n = [];
+	return Array.isArray(t.arg) ? n = t.arg : n.push(t.arg), function(r, i) {
+		var a;
+		let o = (a = t.instance) == null ? void 0 : a.popperRef, s = r.target, c = i == null ? void 0 : i.target, l = !t || !t.instance, u = !s || !c, d = e.contains(s) || e.contains(c), f = e === s, p = n.length && n.some((e) => e == null ? void 0 : e.contains(s)) || n.length && n.includes(c), m = o && (o.contains(s) || o.contains(c));
+		l || u || d || f || p || m || t.value(r, i);
+	};
+}
+var n = {
+	mounted(n, r) {
+		let i = (t) => {
+			e.get(n).mousedownEvent = t;
+		}, a = (t) => {
+			let { documentHandler: r, mousedownEvent: i } = e.get(n);
+			r(t, i);
+		};
+		e.set(n, {
+			mouseDownHandler: i,
+			mouseUpHandler: a,
+			documentHandler: t(n, r),
+			bindingFn: r.value
+		}), document.addEventListener("mousedown", i), document.addEventListener("mouseup", a);
+	},
+	updated(n, r) {
+		let i = e.get(n);
+		i.documentHandler = t(n, r), i.bindingFn = r.value;
+	},
+	unmounted(t) {
+		let { mouseDownHandler: n, mouseUpHandler: r } = e.get(t);
+		document.removeEventListener("mousedown", n), document.removeEventListener("mouseup", r), e.delete(t);
+	}
+};
+//#endregion
+export { n as clickOutside };

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

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

package/vue/directives/dialog-drag.mjs

@@ -0,0 +1,15 @@
+import { drag as e, hasOwn as t } from "@web-utils/core";
+//#region src/vue/directives/dialog-drag.ts
+function n(n, r) {
+	let i = n.querySelector(".el-dialog__header"), a = n.querySelector(".el-dialog");
+	if (i) {
+		var o, s;
+		r.arg ? i.style.cssText += ";cursor:default;" : i.style.cssText += ";cursor:move;", e(a, i, t(r.value, "limit") ? (o = r.value) == null ? void 0 : o.limit : !0, { onMove: (s = r.value) == null ? void 0 : s.onMove });
+	}
+}
+var r = {
+	mounted: (e, t) => n(e, t),
+	updated: (e, t) => n(e, t)
+};
+//#endregion
+export { r as dialogDrag };

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/{hook → vue/hooks}/useDictionary.mjs

@@ -1,6 +1,6 @@
-import { getDictData as e } from "../helper/dictionary.mjs";
+import { getDictData as e } from "../../helper/dictionary.mjs";
 import { ref as t, watchEffect as n } from "vue";
-//#region src/hook/useDictionary.ts
+//#region src/vue/hooks/useDictionary.ts
 var r = (r) => {
 	let i = t([]);
 	return n(async () => {

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/{hook → vue/hooks}/useVisibilityChange.mjs

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

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;
+    };
+};