@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/element-dialog/index.mjs

@@ -1,91 +1,2 @@
-import { ElDialog as e } from "element-plus/es";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useTemplateRef as _, withCtx as v, withModifiers as y } from "vue";
-//#region src/components/ElementDialog.vue
-var b = { class: "dialog-title" }, x = { class: "dialog-header-buttons" }, S = {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ c({
-		height: String,
-		width: String,
-		title: String,
-		embed: Boolean,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		showFullScreen: Boolean,
-		alignCenter: Boolean,
-		appendToBody: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["toggle-fullscreen"], ["update:modelValue"]),
-	setup(c, { expose: S, emit: C }) {
-		let w = g(c, "modelValue"), T = c, E = C, D = _("dialog"), O = f(!1), k = () => {
-			O.value = !O.value, E("toggle-fullscreen", O.value);
-		}, A = t(() => O.value ? "100%" : T.height), j = s(), M = () => {
-			T.embed ? j.parent.emit("update:visible") : D.value.handleClose();
-		};
-		return S({
-			close: M,
-			hide: M
-		}), (t, s) => {
-			let f = e;
-			return d(), n(f, {
-				ref: "dialog",
-				modelValue: w.value,
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => w.value = e),
-				"append-to-body": c.appendToBody,
-				fullscreen: h(O),
-				"show-close": c.showClose,
-				"destroy-on-close": c.destroyOnClose,
-				draggable: c.draggable,
-				overflow: c.overflow,
-				"align-center": c.alignCenter,
-				style: u({ "--dialog-body-height": h(A) }),
-				width: c.width,
-				"close-on-click-modal": c.closeOnClickModal
-			}, o({
-				header: v(() => [a("div", b, m(c.title), 1), a("div", x, [c.showFullscreen || c.showFullScreen ? (d(), i("i", {
-					key: 0,
-					class: l(["dialog-header-button", {
-						"el-icon-full-screen": !h(O),
-						"el-icon-copy-document": h(O)
-					}]),
-					onClick: y(k, ["stop"])
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: y(M, ["stop"])
-				})])]),
-				default: v(() => [p(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: v(() => [p(t.$slots, "footer", { close: M })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"append-to-body",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"style",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-};
-//#endregion
-export { S as default };
+import { t as e } from "../chunks/CPejK_GQ2.mjs";
+export { e as default };

package/element-dialog/style.css

@@ -1 +1 @@
-:root{--dialog-header-background-color:#025cde}.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}
+:root{--dialog-header-background-color:#025cde}.el-dialog{border-radius:4px 4px 0 0;flex-direction:column;padding:0;display:flex}.el-dialog .dialog-title{min-height:20px}.el-dialog .el-dialog__header{color:#fff;background-color:var(--dialog-header-background-color);border-radius:4px 4px 0 0;justify-content:center;align-items:center;padding:6px 10px;line-height:normal;display:flex;position:relative}.el-dialog .dialog-header-buttons{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.el-dialog .dialog-header-button{cursor:pointer;padding:2px;font-size:14px}.el-dialog .dialog-header-button+.dialog-header-button{margin-left:10px}.el-dialog .dialog-header-button:hover{background-color:#0000004d;border-radius:2px}.el-dialog .dialog-header-button.el-icon-close:hover{background-color:#e34e55;border-radius:2px}.el-dialog .el-dialog__body{height:var(--dialog-body-height);flex:auto;min-height:40vh;padding:10px}.el-dialog .el-dialog__body.no-padding{padding:0}.el-dialog .el-dialog__footer{border-top:1px solid #dddee3;padding:10px}

package/element-listeners/style.css

@@ -0,0 +1 @@
+.element-listeners-drawer .el-drawer__header{margin-bottom:0}

package/element-multi-instance/style.css

@@ -0,0 +1 @@
+.element-multi-instance .el-select{display:block}.flow-tips-list-item{list-style:inside square}.flow-tips-title{padding-top:10px;padding-bottom:10px}.flow-tips-keyword{font-weight:700}

package/element-resize-observer/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
+    compareAndNotify(): void;
+    addResizeHandlers(): void;
+    removeResizeHandlers(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "notify"[], "notify", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onNotify?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/element-resize-observer/index.mjs

@@ -0,0 +1,40 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region src/components/ElementResizeObserver.vue
+var r = {
+	name: "ElementResizeObserver",
+	emits: ["notify"],
+	mounted() {
+		this.$nextTick(() => {
+			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+		});
+		let e = document.createElement("object");
+		this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", e.data = "about:blank", this.$el.appendChild(e);
+	},
+	beforeUnmount() {
+		this.removeResizeHandlers();
+	},
+	methods: {
+		compareAndNotify() {
+			(this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
+				width: this._w,
+				height: this._h
+			}));
+		},
+		addResizeHandlers() {
+			this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+		},
+		removeResizeHandlers() {
+			this._resizeObject && this._resizeObject.onload && (this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+		}
+	}
+}, i = {
+	class: "resize-observer",
+	tabindex: "-1"
+};
+function a(e, r, a, o, s, c) {
+	return n(), t("div", i);
+}
+var o = /* @__PURE__ */ e(r, [["render", a]]);
+//#endregion
+export { o as default };

package/element-resize-observer/style.css

@@ -0,0 +1 @@
+.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}

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/error-view/index.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    height: string;
+    fontSize: string;
+    iconSize: string;
+    errorTips: string;
+    $props: {
+        readonly height?: string | undefined;
+        readonly fontSize?: string | undefined;
+        readonly iconSize?: string | undefined;
+        readonly errorTips?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/error-view/index.mjs

@@ -0,0 +1,37 @@
+import { createElementBlock as e, createElementVNode as t, normalizeStyle as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
+//#region src/components/ErrorView.vue
+var o = { class: "flex-column horizon-center" }, s = /* @__PURE__ */ Object.assign({ name: "ErrorView" }, {
+	__name: "ErrorView",
+	props: {
+		errorTips: {
+			type: String,
+			default: "加载失败，请重试"
+		},
+		fontSize: {
+			type: String,
+			default: "20px"
+		},
+		iconSize: {
+			type: String,
+			default: "20px"
+		},
+		height: {
+			type: String,
+			default: "100%"
+		}
+	},
+	setup(s) {
+		return (c, l) => (r(), e("div", {
+			class: "error-view",
+			style: n({
+				fontSize: s.fontSize,
+				height: s.height
+			})
+		}, [i(c.$slots, "default", {}, () => [t("div", o, [t("i", {
+			class: "fa fa-frown-o",
+			style: n({ fontSize: s.iconSize })
+		}, null, 4), t("p", null, a(s.errorTips), 1)])])], 4));
+	}
+});
+//#endregion
+export { s as default };

package/error-view/style.css

@@ -0,0 +1 @@
+.error-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}

package/flex-box/index.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    flexColumn: boolean;
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-box/index.mjs

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

package/flex-column/index.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-column/index.mjs

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

package/flex-item/index.d.ts

@@ -0,0 +1,77 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    relative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    absolute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    relative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    absolute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    flexRow: boolean;
+    flexColumn: boolean;
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+    relative: boolean;
+    absolute: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-item/index.mjs

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

package/flex-row/index.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-row/index.mjs

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

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/flex-scroller/index.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    contentClass: {
+        type: StringConstructor;
+    };
+    contentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    contentClass: {
+        type: StringConstructor;
+    };
+    contentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    flexRow: boolean;
+    flexColumn: boolean;
+    contentScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-scroller/index.mjs

@@ -0,0 +1,29 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/flex-scroller/FlexScroller.vue
+var o = {
+	name: "FlexScroller",
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		contentClass: { type: String },
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		}
+	}
+}, s = { class: "flex-scroller-wrapper" };
+function c(e, o, c, l, u, d) {
+	return i(), t("div", s, [n("div", { class: r([
+		"flex-scroller",
+		{
+			"flex-column": c.flexColumn,
+			"flex-row": c.flexRow,
+			"content-scroll": c.contentScroll
+		},
+		c.contentClass
+	]) }, [a(e.$slots, "default")], 2)]);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/flex-scroller/style.css

@@ -0,0 +1 @@
+.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}