@web-utils/form-ui 1.0.0-beta20 → 1.0.0-beta22

package/chunks/y8u4cMEF.mjs

@@ -0,0 +1,216 @@
+import { i as e, n as t } from "./BIm5rmJm.mjs";
+import { n, t as r } from "./Cp9FIjnh.mjs";
+import { useDictionary as i } from "../hook/useDictionary.mjs";
+import { findTreeChildren as a, isArray as o, isString as s, setParent as c } from "@web-utils/core";
+import { computed as l, createVNode as u, mergeProps as d } from "vue";
+import { cloneDeep as f } from "@web-utils/integrations/lodash";
+import { ElCascader as p } from "element-plus/es";
+//#region src/components/form/props/cascader.js
+var m = {
+	...n,
+	...r,
+	modelValue: [
+		String,
+		Number,
+		Array
+	],
+	options: Array,
+	props: Object,
+	size: String,
+	placeholder: String,
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	showAllLevels: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	maxCollapseTagsTooltipHeight: [String, Number],
+	separator: {
+		type: String,
+		default: " / "
+	},
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	beforeFilter: Function,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	effect: {
+		type: String,
+		default: "light"
+	},
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	popperAppendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	showCheckedStrategy: {
+		type: String,
+		default: "child"
+	},
+	readonly: Boolean,
+	last: Boolean,
+	checkStrictly: Boolean,
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	emitPath: {
+		type: Boolean,
+		default: !0
+	},
+	join: {
+		type: Boolean,
+		default: !0
+	},
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	treeDict: {
+		type: Boolean,
+		default: !0
+	},
+	dictType: String
+}, h = {
+	modelValue: !0,
+	readonly: !0,
+	props: !0
+}, g = [
+	"change",
+	"expand-change",
+	"blur",
+	"focus",
+	"clear",
+	"visible-change",
+	"remove-tag"
+], _ = (e) => n[e] === void 0 && h[e] !== !0, v = {
+	name: "FormCascader",
+	props: { ...m },
+	emits: {
+		...t,
+		change: null,
+		"expand-change": null,
+		blur: null,
+		focus: null,
+		clear: null,
+		"visible-change": null,
+		"remove-tag": null
+	},
+	setup(t, { slots: n, emit: r, attrs: m }) {
+		let { emitInput: h, render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: r,
+			slots: n,
+			attrs: m,
+			events: g,
+			predicate: _
+		}), { dictItems: S } = i(t), C = l(() => {
+			if (t.dictType) return S.value;
+			if (t.options) {
+				let e = f(t.options);
+				return t.last && c(e), e;
+			} else return [];
+		}), w = l(() => {
+			if (t.join) return o(t.modelValue) ? t.modelValue : s(t.modelValue) ? t.modelValue.split(t.separator) : [];
+			if (t.last) {
+				let [e] = a(C.value, (e) => e[t.valueKey] === t.modelValue), n = [];
+				for (; e;) n.push(e[t.valueKey]), e = e.parent;
+				return n.reverse();
+			}
+			return t.modelValue;
+		}), T = (e) => {
+			t.join && o(e) ? h(e.join(t.separator)) : h(t.last ? e[e.length - 1] : e);
+		};
+		return () => v({ vNodes: u(p, d({
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly }
+		}, x.value, {
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: b.value,
+			placeholder: y.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { v as t };

package/confirm-button/index.d.ts

@@ -0,0 +1,71 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, {
+    inheritAttrs: boolean;
+    props: {
+        stop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prevent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: StringConstructor;
+        confirmable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmText: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmType: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmTitle: StringConstructor;
+        loadable: BooleanConstructor;
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    render(): any;
+} | {
+    props: {
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: StringConstructor;
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        nativeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        plain: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: BooleanConstructor;
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/confirm-button/index.mjs

@@ -0,0 +1,35 @@
+import { t as e } from "../chunks/DpH8CVbN.mjs";
+//#region src/components/button/ConfirmButton.vue
+var t = {
+	name: "ConfirmButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		text: {
+			type: String,
+			default: "删除"
+		},
+		tag: {
+			type: String,
+			default: "ElButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };

package/confirmable/index.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, {
+    inheritAttrs: boolean;
+    props: {
+        stop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prevent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: StringConstructor;
+        confirmable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmText: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmType: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmTitle: StringConstructor;
+        loadable: BooleanConstructor;
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    render(): any;
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/confirmable/index.mjs

@@ -0,0 +1,8 @@
+import { t as e } from "../chunks/DpH8CVbN.mjs";
+//#region src/components/button/Confirmable.vue
+var t = {
+	name: "Confirmable",
+	mixins: [e]
+};
+//#endregion
+export { t as default };

package/{constants.mjs → constants/index.mjs}

@@ -1,4 +1,4 @@
-//#region src/components/constants.ts
+//#region src/constants/index.ts
 var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider"), r = Symbol("formView"), i = Symbol("formEntity"), a = Symbol("formItemConfig"), o = Symbol("flowContext"), s = Symbol("toolbar"), c = Symbol("tableView"), l = Symbol("pageableTable"), u = Symbol("columnSize"), d = Symbol("columns"), f = Symbol("setColumnSize");
 //#endregion
 export { u as columnSizeContextKey, d as columnsContextKey, o as flowContextKey, i as formEntityContextKey, e as formHolderContextKey, a as formItemConfigContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey, r as formViewContextKey, l as pageableTableContextKey, f as setColumnSizeContextKey, c as tableViewContextKey, s as toolbarContextKey };

package/element-dialog/index.d.ts

@@ -6,9 +6,10 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     close: () => void;
     hide: () => void;
-    $emit: ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void) & ((event: "open-auto-focus", ...args: any[]) => void) & ((event: "close-auto-focus", ...args: any[]) => void) & ((event: "toggle-fullscreen", ...args: any[]) => void);
-    modelValue: boolean;
+    $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void) & ((event: "open-auto-focus", ...args: any[]) => void) & ((event: "close-auto-focus", ...args: any[]) => void) & ((event: "toggle-fullscreen", ...args: any[]) => void);
+    embed: boolean;
     title: string;
+    modelValue: boolean;
     fullscreen: boolean;
     top: string;
     modal: boolean;
@@ -27,7 +28,6 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     destroyOnClose: boolean;
     headerAriaLevel: string;
     customClass: string;
-    embed: boolean;
     showFullscreen: boolean;
     showFullScreen: boolean;
     width?: string | number | undefined;
@@ -42,8 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     transition?: string | Record<string, any> | undefined;
     height?: string | undefined;
     $props: {
-        readonly modelValue?: boolean | undefined;
+        readonly embed?: boolean | undefined;
         readonly title?: string | undefined;
+        readonly modelValue?: boolean | undefined;
         readonly fullscreen?: boolean | undefined;
         readonly top?: string | undefined;
         readonly modal?: boolean | undefined;
@@ -62,7 +63,6 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly destroyOnClose?: boolean | undefined;
         readonly headerAriaLevel?: string | undefined;
         readonly customClass?: string | undefined;
-        readonly embed?: boolean | undefined;
         readonly showFullscreen?: boolean | undefined;
         readonly showFullScreen?: boolean | undefined;
         readonly width?: string | number | undefined;

package/element-dialog/index.mjs

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

package/empty-view/index.d.ts

@@ -4,17 +4,17 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
+    icon: string;
     height: string;
     emptyTips: string;
     fontSize: string;
-    icon: string;
     iconSize: string;
     showIcon: boolean;
     $props: {
+        readonly icon?: string | undefined;
         readonly height?: string | undefined;
         readonly emptyTips?: string | undefined;
         readonly fontSize?: string | undefined;
-        readonly icon?: string | undefined;
         readonly iconSize?: string | undefined;
         readonly showIcon?: boolean | undefined;
     };

package/empty-view/index.mjs

@@ -1,5 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
-//#region src/components/EmptyView.vue
+//#region src/components/empty-view/EmptyView.vue
 var c = { class: "flex-column horizon-center" }, l = /* @__PURE__ */ Object.assign({ name: "EmptyView" }, {
 	__name: "EmptyView",
 	props: {

package/flex-scroll-area/index.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    scroller: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    scroller: Readonly<globalThis.ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
     computeScrollbar: () => void;
     $emit: (event: "scroll" | "scrollbar", ...args: any[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {

package/flex-scroll-area/index.mjs

@@ -1,5 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, onMounted as n, onUnmounted as r, openBlock as i, renderSlot as a, useTemplateRef as o } from "vue";
-//#region src/components/FlexScrollArea.vue
+//#region src/components/flex-scroll-area/FlexScrollArea.vue
 var s = { class: "flex-item-relative" }, c = /* @__PURE__ */ Object.assign({ name: "FlexScrollArea" }, {
 	__name: "FlexScrollArea",
 	emits: ["scrollbar", "scroll"],

package/form-advice/index.mjs

@@ -1,4 +1,4 @@
-import { columnSizeContextKey as e, flowContextKey as t } from "../constants.mjs";
+import { columnSizeContextKey as e, flowContextKey as t } from "../constants/index.mjs";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/red-form/FormAdvice.vue
 var p = ["colspan"], m = ["colspan"], h = { style: { "text-align": "right" } }, g = { style: { "margin-left": "20px" } }, _ = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {

package/form-button/index.d.ts

@@ -0,0 +1,72 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<{}, {}, {}, {}, {}, {
+    inheritAttrs: boolean;
+    props: {
+        stop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prevent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: StringConstructor;
+        confirmable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        confirmText: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmType: {
+            type: StringConstructor;
+            default: string;
+        };
+        confirmTitle: StringConstructor;
+        loadable: BooleanConstructor;
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    render(): any;
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | {
+    props: {
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: StringConstructor;
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        nativeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        plain: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: BooleanConstructor;
+        confirmable: BooleanConstructor;
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-button/index.mjs

@@ -0,0 +1,36 @@
+import e from "../confirmable/index.mjs";
+//#region src/components/button/FormButton.vue
+var t = {
+	name: "FormButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		confirmable: Boolean,
+		text: {
+			type: String,
+			default: ""
+		},
+		tag: {
+			type: String,
+			default: "AwesomeButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };