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

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

package/vue/mixin/resize-mixin.mjs

@@ -0,0 +1,24 @@
+import { debounce as e } from "@web-utils/integrations/lodash";
+//#region src/vue/mixin/resize-mixin.ts
+var t = {
+	data() {
+		return { tableHeight: null };
+	},
+	mounted() {
+		this.onWindowResize && (this.internalWindowResize(), this.debouncedResize = e(this.internalWindowResize, 200), window.addEventListener("resize", this.debouncedResize));
+	},
+	methods: { internalWindowResize() {
+		this._inactive || this.onWindowResize();
+	} },
+	activated() {
+		this.debouncedResize && window.addEventListener("resize", this.debouncedResize);
+	},
+	deactivated() {
+		this.debouncedResize && window.removeEventListener("resize", this.debouncedResize);
+	},
+	beforeDestroy() {
+		this.debouncedResize && window.removeEventListener("resize", this.debouncedResize);
+	}
+};
+//#endregion
+export { t as resizeMixin };

package/vue-cron/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     data: ObjectConstructor;
     expression: StringConstructor;
     runsParser: FunctionConstructor;
@@ -174,7 +174,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     setYear(val: any): void;
     setDay(val: any): void;
     setWeek(val: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     data: ObjectConstructor;
     expression: StringConstructor;
     runsParser: FunctionConstructor;
@@ -183,8 +183,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     quartz: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/vue-qr-code/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     /**
      * 二维码内容字符串
      */
@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, {}, {}, {}, {
     generate(): Promise<void>;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * 二维码内容字符串
      */

package/vue-tags-input/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     elementId: {
         type: StringConstructor;
     };
@@ -236,7 +236,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @returns void
      */
     onBlur(e: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "focus" | "change" | "initialized" | "blur" | "keydown" | "keyup" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added")[], "update:modelValue" | "focus" | "change" | "initialized" | "blur" | "keydown" | "keyup" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "blur" | "change" | "focus" | "keydown" | "keyup" | "initialized" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added")[], "update:modelValue" | "blur" | "change" | "focus" | "keydown" | "keyup" | "initialized" | "input-changed" | "tag-removed" | "tags-updated" | "limit-reached" | "tag-added", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     elementId: {
         type: StringConstructor;
     };
@@ -334,9 +334,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
     onInitialized?: ((...args: any[]) => any) | undefined;

package/vue-tree-select/index.d.ts

@@ -1,5 +1,5 @@
 import { vueTreeSelectContextKey } from './constants.ts';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     /**
      * 是否禁用
      */
@@ -402,7 +402,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     removeLastValue(): void;
     saveMenuScrollPosition(): void;
     restoreMenuScrollPosition(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "select" | "close" | "search-change" | "open" | "deselect")[], "update:modelValue" | "select" | "close" | "search-change" | "open" | "deselect", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "close" | "select" | "open" | "search-change" | "deselect")[], "update:modelValue" | "close" | "select" | "open" | "search-change" | "deselect", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * 是否禁用
      */
@@ -644,22 +644,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onSearch-change"?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    "onSearch-change"?: ((...args: any[]) => any) | undefined;
     onDeselect?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     flat: boolean;
+    zIndex: string | number;
     loadingText: string;
     appendToBody: boolean;
     required: boolean;
     multiple: boolean;
-    zIndex: string | number;
     defaultOptions: boolean;
     async: boolean;
     clearable: boolean;
+    delimiter: string;
     valueFormat: string;
     limit: number;
     allowClearingDisabled: boolean;
@@ -681,7 +682,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     closeOnSelect: boolean;
     defaultExpandLevel: number;
     deleteRemoves: boolean;
-    delimiter: string;
     flattenSearchResults: boolean;
     disableBranchNodes: boolean;
     disableFuzzyMatching: boolean;
@@ -702,7 +702,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     showCount: boolean;
     tabIndex: number;
 }, {}, {}, {}, string, () => {
-    [vueTreeSelectContextKey]: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    [vueTreeSelectContextKey]: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
         /**
          * 是否禁用
          */
@@ -944,10 +944,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-        "onSearch-change"?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        "onSearch-change"?: ((...args: any[]) => any) | undefined;
         onDeselect?: ((...args: any[]) => any) | undefined;
     }>, {}, {
         trigger: {
@@ -1112,14 +1112,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         removeLastValue(): void;
         saveMenuScrollPosition(): void;
         restoreMenuScrollPosition(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "select" | "close" | "search-change" | "open" | "deselect")[], {}, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "close" | "select" | "open" | "search-change" | "deselect")[], {}, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly<globalThis.ExtractPropTypes<{
         /**
          * 是否禁用
          */
@@ -1361,10 +1361,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-        "onSearch-change"?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        "onSearch-change"?: ((...args: any[]) => any) | undefined;
         onDeselect?: ((...args: any[]) => any) | undefined;
     }>, {}, {
         trigger: {

package/vue-video-player/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     crossOrigin: {
         type: StringConstructor;
         default: string;
@@ -59,7 +59,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     initialize(): Promise<void>;
     dispose(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     crossOrigin: {
         type: StringConstructor;
         default: string;

package/watermark/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     /**
      * 水印文案
      */
@@ -42,7 +42,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     teleport: 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<{
     /**
      * 水印文案
      */
@@ -88,8 +88,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     teleport: StringConstructor;
 }>> & Readonly<{}>, {
     text: string;
-    backgroundColor: string;
     color: string;
+    backgroundColor: string;
     width: number;
     height: number;
     rotate: number;