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

package/element-dialog/index.d.ts

@@ -0,0 +1,246 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalPenetrable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: (ObjectConstructor | StringConstructor)[];
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeClose: FunctionConstructor;
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeIcon: (ObjectConstructor | StringConstructor)[];
+    zIndex: NumberConstructor;
+    headerAriaLevel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: (ObjectConstructor | StringConstructor)[];
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: StringConstructor;
+    embed: BooleanConstructor;
+    showFullscreen: BooleanConstructor;
+    showFullScreen: BooleanConstructor;
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    close: () => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle-fullscreen": (...args: any[]) => void;
+    "update:modelValue": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: (StringConstructor | NumberConstructor)[];
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalPenetrable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    appendTo: (ObjectConstructor | StringConstructor)[];
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    openDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeClose: FunctionConstructor;
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeIcon: (ObjectConstructor | StringConstructor)[];
+    zIndex: NumberConstructor;
+    headerAriaLevel: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: (ObjectConstructor | StringConstructor)[];
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: StringConstructor;
+    embed: BooleanConstructor;
+    showFullscreen: BooleanConstructor;
+    showFullScreen: BooleanConstructor;
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onToggle-fullscreen"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    customClass: string;
+    showClose: boolean;
+    embed: boolean;
+    title: string;
+    fullscreen: boolean;
+    appendToBody: boolean;
+    center: boolean;
+    top: string;
+    showFullscreen: boolean;
+    showFullScreen: boolean;
+    bodyPadding: boolean;
+    modal: boolean;
+    modalPenetrable: boolean;
+    lockScroll: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    draggable: boolean;
+    overflow: boolean;
+    alignCenter: boolean;
+    destroyOnClose: boolean;
+    headerAriaLevel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    header?: ((props: {}) => any) | undefined;
+} & {
+    default?: ((props: {}) => any) | undefined;
+} & {
+    footer?: ((props: {
+        close: () => void;
+    }) => any) | undefined;
+};

package/element-dialog/index.mjs

@@ -1,77 +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, mergeModels as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, useCssVars as m, useModel as h, useTemplateRef as g, withCtx as _, withModifiers as v } from "vue";
-//#region src/components/ElementDialog.vue
-var y = { class: "dialog-title" }, b = { class: "dialog-header-buttons" }, x = /* @__PURE__ */ Object.assign({ name: "ElementDialog" }, {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ s({
-		height: String,
-		width: String,
-		title: String,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		alignCenter: Boolean
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(s) {
-		m((e) => ({ v0c07b947: p(T) }));
-		let x = h(s, "modelValue"), S = s, C = g("dialog"), w = u(!1), T = t(() => w.value ? "100%" : S.height), E = () => {
-			C.value.handleClose();
-		};
-		return (t, u) => {
-			let m = e;
-			return l(), n(m, {
-				ref: "dialog",
-				modelValue: x.value,
-				"onUpdate:modelValue": u[1] || (u[1] = (e) => x.value = e),
-				fullscreen: p(w),
-				"show-close": s.showClose,
-				"destroy-on-close": s.destroyOnClose,
-				draggable: s.draggable,
-				overflow: s.overflow,
-				"align-center": s.alignCenter,
-				width: s.width,
-				"close-on-click-modal": s.closeOnClickModal
-			}, o({
-				header: _(() => [a("div", y, f(s.title), 1), a("div", b, [s.showFullscreen ? (l(), i("i", {
-					key: 0,
-					class: c(["dialog-header-button", {
-						"el-icon-full-screen": !p(w),
-						"el-icon-copy-document": p(w)
-					}]),
-					onClick: u[0] || (u[0] = v((e) => w.value = !p(w), ["stop"]))
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: v(E, ["stop"])
-				})])]),
-				default: _(() => [d(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: _(() => [d(t.$slots, "footer", { close: E })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-});
-//#endregion
-export { x as default };
+import { t as e } from "../chunks/B24kbvxB.mjs";
+export { e as default };

package/element-dialog/style.css

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

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

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

package/element-resize-observer/index.mjs

@@ -0,0 +1,41 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+import "./style.css";
+//#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

@@ -0,0 +1,103 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 提示文字
+     */
+    emptyTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否显示图标
+     */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 提示文字
+     */
+    emptyTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 是否显示图标
+     */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    height: string;
+    fontSize: string;
+    emptyTips: string;
+    iconSize: string;
+    showIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/empty-view/index.mjs

@@ -1,5 +1,6 @@
 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
+import "./style.css";
+//#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,73 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 加载错误提示
+     */
+    errorTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 提示文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 加载错误提示
+     */
+    errorTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 提示文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    height: string;
+    fontSize: string;
+    iconSize: string;
+    errorTips: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/error-view/index.mjs

@@ -0,0 +1,38 @@
+import { createElementBlock as e, createElementVNode as t, normalizeStyle as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
+import "./style.css";
+//#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,45 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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<{}>, {
+    center: boolean;
+    flexColumn: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/flex-box/index.mjs

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