@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/address-input/index.mjs

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

package/address-input/style.css

@@ -0,0 +1 @@
+.address-input-wrapper{width:100%}.address-input-item-wrapper{width:300px;padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}

package/affix/index.mjs

@@ -0,0 +1,49 @@
+import { c as e, l as t } from "../chunks/D-hj62se2.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, useTemplateRef as m, vShow as h, withDirectives as g } from "vue";
+import { off as _, on as v } from "@web-utils/core";
+//#region src/components/Affix.vue
+var y = /* @__PURE__ */ Object.assign({ name: "Affix" }, {
+	__name: "Affix",
+	props: {
+		target: String,
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		offsetBottom: Number,
+		aa: Function
+	},
+	emits: { "on-change": null },
+	setup(y, { emit: b }) {
+		let x = y, S = b, C, w = d(!1), T = d(!1), E = d({}), D = d({}), O = m("point"), k = m("el"), A = n(() => x.offsetBottom >= 0 ? "bottom" : "top"), j = () => {
+			let n = t(C, !0), r = e(C, k.value), i = C.innerHeight, a = k.value.getElementsByTagName("div")[0].offsetHeight;
+			r.top - x.offsetTop < n && A.value === "top" && !w.value ? (w.value = !0, D.value = {
+				width: `${O.value.clientWidth}px`,
+				height: `${O.value.clientHeight}px`
+			}, T.value = !0, E.value = {
+				top: `${x.offsetTop}px`,
+				left: `${r.left}px`,
+				width: `${k.value.offsetWidth}px`
+			}, S("on-change", !0)) : r.top - x.offsetTop > n && A.value === "top" && w.value && (T.value = !1, D.value = {}, w.value = !1, E.value = null, S("on-change", !1)), r.top + x.offsetBottom + a > n + i && A.value === "bottom" && !w.value ? (w.value = !0, E.value = {
+				bottom: `${x.offsetBottom}px`,
+				left: `${r.left}px`,
+				width: `${k.value.offsetWidth}px`
+			}, S("on-change", !0)) : r.top + x.offsetBottom + a < n + i && A.value === "bottom" && w.value && (w.value = !1, E.value = null, S("on-change", !1));
+		};
+		return l(() => {
+			C = x.target ? document.querySelector(x.target) : document, v(C, "scroll", j, !1), v(C, "resize", j, !1);
+		}), c(() => {
+			_(C, "scroll", j, !1), _(C, "resize", j, !1);
+		}), (e, t) => (u(), i("div", {
+			ref_key: "el",
+			ref: k
+		}, [a("div", {
+			ref_key: "point",
+			ref: O,
+			class: o([{ affix: p(w) }]),
+			style: s(p(E))
+		}, [r(" @slot 内容插槽\n      @param affix {boolean} 是否固定\n      @param affix1 {boolean|string} 是否固定"), f(e.$slots, "default")], 6), g(a("div", { style: s(p(D)) }, null, 4), [[h, p(T)]])], 512));
+	}
+});
+//#endregion
+export { y as default };

package/affix/style.css

@@ -0,0 +1 @@
+.affix{z-index:10;position:fixed}

package/api/index.d.ts

@@ -0,0 +1,66 @@
+export interface DictItem {
+    id: string;
+    dictId: string;
+    /**
+     * 字典 label
+     */
+    label: string;
+    dictType: string;
+    description: string;
+    sortOrder: number;
+    createBy: string;
+    updateBy: string;
+    createTime: string;
+    updateTime: string;
+    remarks: null;
+    delFlag: string;
+    /**
+     * 字典值
+     */
+    value: string;
+}
+export interface ConfigOptions {
+    privilege?: {
+        processButtons?: (buttons: Array<string | Record<string, string>>) => Array<string | Record<string, boolean>>;
+        hasAuthority?: (privilege: string) => boolean;
+    };
+    dict?: {
+        getDictTreeByType?: (type: string, options: {
+            idAsValue?: boolean;
+            labelAsValue?: boolean;
+        }) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+        remote?: (type: string) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+    };
+    tableView?: {
+        reload?: () => void;
+    };
+    toolbar?: {
+        goBack?: (path: string) => void;
+    };
+}
+export declare const processButtons: (buttons: Array<string | Record<string, string>>) => (string | Record<string, boolean>)[] | undefined;
+export declare const hasAuthority: (str: string) => boolean | undefined;
+export declare const goBack: (path: string) => void | undefined;
+export declare const reloadTable: () => void | undefined;
+export declare const getDictTreeByType: (type: string, options: {
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+}) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const remote: (type: string) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const config: (options: ConfigOptions) => void;

package/api/index.mjs

@@ -0,0 +1,42 @@
+import { isObject as e, isString as t } from "@web-utils/core";
+import { mergeWith as n } from "@web-utils/integrations/lodash";
+//#region src/api/index.ts
+var r = { privilege: {
+	processButtons(n) {
+		return n.map((n) => {
+			if (e(n)) {
+				let e = n, r = {};
+				for (let n in e) t(e[n]) && (r[n] = a(e[n]) ?? !0);
+				return r;
+			}
+			return n;
+		});
+	},
+	hasAuthority(e) {
+		return !0;
+	}
+} }, i = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.processButtons) == null ? void 0 : n.call(t, e);
+}, a = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.hasAuthority) == null ? void 0 : n.call(t, e);
+}, o = (e) => {
+	var t, n;
+	return (t = r.toolbar) == null || (n = t.goBack) == null ? void 0 : n.call(t, e);
+}, s = () => {
+	var e, t;
+	return (e = r.tableView) == null || (t = e.reload) == null ? void 0 : t.call(e);
+}, c = (e, t) => {
+	var n, i;
+	return (n = r.dict) == null || (i = n.getDictTreeByType) == null ? void 0 : i.call(n, e, t);
+}, l = (e) => {
+	var t, n;
+	return (t = r.dict) == null || (n = t.remote) == null ? void 0 : n.call(t, e);
+}, u = (e) => {
+	n(r, e, (e, t) => {
+		if (typeof t == "function") return t;
+	});
+};
+//#endregion
+export { u as config, c as getDictTreeByType, o as goBack, a as hasAuthority, i as processButtons, s as reloadTable, l as remote };

package/awesome-button/index.mjs

@@ -0,0 +1,49 @@
+import { h as e, ref as t, resolveComponent as n } from "vue";
+import { isFunction as r } from "@web-utils/core";
+//#region src/components/button/AwesomeButton.vue
+var i = {
+	name: "AwesomeButton",
+	inheritAttrs: !1,
+	props: {
+		type: {
+			type: String,
+			default: "primary"
+		},
+		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: ""
+		}
+	},
+	setup(i, { attrs: a, slots: o }) {
+		let s = n("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = t(!1), p = async (e) => {
+			if (f.value = !0, r(u)) try {
+				await u(e);
+			} catch (e) {
+				console.error(e);
+			}
+			f.value = !1;
+		};
+		return () => e(s, {
+			...d,
+			...l,
+			disabled: f.value,
+			onClick: p
+		}, { default: o.default || (() => c) });
+	}
+};
+//#endregion
+export { i as default };

package/base.css

@@ -1 +1 @@
-
+:root{--el-disabled-text-color:#606266;--border-color:#d7dae0}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}.flow-background-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);background-repeat:repeat}

package/capsule-tab/index.mjs

@@ -0,0 +1,27 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as t, createElementBlock as n, normalizeClass as r, openBlock as i, renderList as a, toDisplayString as o } from "vue";
+//#region src/components/CapsuleTab.vue
+var s = {
+	name: "CapsuleTab",
+	props: {
+		tabs: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: { type: String }
+	},
+	emits: ["update:modelValue"]
+}, c = { class: "capsule-tab" }, l = ["onClick"];
+function u(e, s, u, d, f, p) {
+	return i(), n("ul", c, [(i(!0), n(t, null, a(u.tabs, (t) => (i(), n("li", {
+		key: t.value,
+		class: r(["tab-item", {
+			active: u.modelValue === t.value,
+			single: u.tabs.length === 1
+		}]),
+		onClick: (n) => e.$emit("update:modelValue", t.value)
+	}, o(t.label), 11, l))), 128))]);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };

package/capsule-tab/style.css

@@ -0,0 +1 @@
+.capsule-tab{margin-right:10px;display:inline}.capsule-tab .tab-item{cursor:pointer;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;padding:2px 14px;display:inline}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}

package/card/index.mjs

@@ -0,0 +1,89 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/FeuisuNY2.mjs";
+import { t } from "../chunks/DLgn1tQG2.mjs";
+import { t as n } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/Card.vue
+var m = {
+	img: "img",
+	title: "title",
+	info: "info"
+}, h = {
+	name: "Card",
+	props: {
+		option: {
+			type: Object,
+			default: () => ({})
+		},
+		data: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["row-add", "row-click"],
+	data() {
+		return { propsDefault: m };
+	},
+	computed: {
+		imgKey() {
+			return this.option.props.img || this.propsDefault.img;
+		},
+		titleKey() {
+			return this.option.props.title || this.propsDefault.title;
+		},
+		infoKey() {
+			return this.option.props.info || this.propsDefault.info;
+		},
+		span() {
+			return this.option.span || 8;
+		},
+		gutter() {
+			return this.option.gutter || 20;
+		}
+	},
+	methods: {
+		rowAdd() {
+			this.$emit("row-add");
+		},
+		rowClick(e, t) {
+			this.$emit("row-click", e, t);
+		}
+	}
+}, g = { class: "avue-card" }, _ = ["onClick"], v = { class: "avue-card__body" }, y = { class: "avue-card__avatar" }, b = ["src"], x = { class: "avue-card__detail" }, S = { class: "avue-card__title" }, C = { class: "avue-card__info" }, w = { class: "avue-card__menu" };
+function T(n, m, h, T, E, D) {
+	let O = e, k = t;
+	return l(), o("div", g, [c(k, {
+		span: 24,
+		gutter: D.gutter
+	}, {
+		default: p(() => [h.option.addBtn ? (l(), i(O, {
+			key: 0,
+			span: D.span
+		}, {
+			default: p(() => [s("div", {
+				class: "avue-card__item avue-card__item--add",
+				onClick: m[0] || (m[0] = (e) => D.rowAdd())
+			}, [...m[1] || (m[1] = [s("i", { class: "el-icon-plus" }, null, -1), s("span", null, "添加", -1)])])]),
+			_: 1
+		}, 8, ["span"])) : a("v-if", !0), (l(!0), o(r, null, u(h.data, (e, t) => (l(), i(O, {
+			key: t,
+			span: D.span
+		}, {
+			default: p(() => [s("div", {
+				class: "avue-card__item",
+				onClick: (n) => D.rowClick(e, t)
+			}, [s("div", v, [s("div", y, [s("img", {
+				src: e[D.imgKey],
+				alt: ""
+			}, null, 8, b)]), s("div", x, [s("div", S, f(e[D.titleKey]), 1), s("div", C, f(e[D.infoKey]), 1)])]), s("div", w, [d(n.$slots, "menu", {
+				index: t,
+				row: e
+			})])], 8, _)]),
+			_: 2
+		}, 1032, ["span"]))), 128))]),
+		_: 3
+	}, 8, ["gutter"])]);
+}
+var E = /* @__PURE__ */ n(h, [["render", T]]);
+//#endregion
+export { E as default };

package/card/style.css

@@ -0,0 +1 @@
+.avue-card__item{box-sizing:border-box;color:#000000a6;font-variant:tabular-nums;cursor:pointer;font-feature-settings:"tnum";background-color:#fff;border:1px solid #e8e8e8;height:200px;margin-bottom:16px;font-size:14px;line-height:1.5;list-style:none}.avue-card__item:hover{border-color:#00000017;box-shadow:0 2px 8px #00000017}.avue-card__item--add{color:#00000073;background-color:#fff;border:1px dashed #d9d9d9;border-radius:2px;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex}.avue-card__item--add i{margin-right:10px}.avue-card__item--add:hover{color:#40a9ff;background-color:#fff;border-color:#40a9ff}.avue-card__body{padding:24px;display:flex}.avue-card__detail{flex:1}.avue-card__avatar{border-radius:48px;width:48px;height:48px;margin-right:12px;overflow:hidden}.avue-card__avatar img{width:100%;height:100%}.avue-card__title{color:#000000d9;margin-bottom:12px;font-size:16px}.avue-card__title:hover{color:#1890ff}.avue-card__info{color:#00000073;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px;display:flex;overflow:hidden}.avue-card__menu{color:#00000073;text-align:center;background:#f7f9fa;justify-content:space-around;height:50px;line-height:50px;display:flex}.avue-card__menu:hover{color:#1890ff}

package/chunks/3gUkQF12.mjs

@@ -0,0 +1,207 @@
+import { s as e } from "./D-hj62se2.mjs";
+import { goBack as t, hasAuthority as n } from "../api/index.mjs";
+import { toolbarContextKey as r } from "../constants/index.mjs";
+import { t as i } from "./DhQF2ZlD.mjs";
+import { Comment as a, createVNode as o } from "vue";
+import { NOOP as s, capitalize as c } from "@web-utils/core";
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&lang.jsx
+var l = {
+	back: {
+		label: "返回",
+		type: "primary",
+		icon: "el-icon-arrow-left"
+	},
+	cancel: {
+		label: "取消",
+		icon: "el-icon-close"
+	},
+	create: {
+		label: "新增",
+		type: "primary",
+		icon: "el-icon-plus"
+	},
+	save: {
+		label: "保存",
+		type: "primary",
+		icon: "el-icon-takeaway-box",
+		loadable: !0
+	},
+	withdraw: {
+		label: "提取",
+		type: "primary",
+		icon: "el-icon-refresh-left"
+	},
+	edit: {
+		label: "编辑",
+		type: "primary",
+		icon: "el-icon-edit-outline"
+	},
+	submit: {
+		label: "审批办理",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	publish: {
+		label: "发布",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	agree: {
+		label: "同意",
+		type: "primary",
+		icon: "el-icon-check"
+	},
+	disagree: {
+		label: "不同意",
+		type: "primary",
+		icon: "el-icon-close"
+	},
+	reject: {
+		label: "退回",
+		type: "primary",
+		icon: "el-icon-s-release"
+	},
+	finish: {
+		label: "完成",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	enable: {
+		label: "启用",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	exp: {
+		label: "导出",
+		type: "primary",
+		icon: "el-icon-download"
+	},
+	imp: {
+		label: "导入",
+		type: "primary",
+		icon: "el-icon-upload"
+	},
+	del: {
+		label: "删除",
+		type: "primary",
+		icon: "el-icon-delete"
+	},
+	print: {
+		label: "打印",
+		type: "primary",
+		icon: "el-icon-printer"
+	},
+	disabled: {
+		label: "禁用",
+		type: "primary",
+		icon: "el-icon-remove-outline"
+	},
+	reload: {
+		label: "刷新",
+		icon: "el-icon-refresh",
+		separateLine: !1,
+		circle: !0
+	},
+	settings: {
+		label: "设置",
+		icon: "el-icon-s-operation",
+		separateLine: !1,
+		circle: !0
+	},
+	search: {
+		label: "搜索",
+		icon: "el-icon-search",
+		separateLine: !1,
+		circle: !0
+	}
+}, u = {
+	name: "Toolbar",
+	provide() {
+		return { [r]: this };
+	},
+	props: {
+		searchable: Boolean,
+		refreshable: Boolean,
+		buttons: {
+			type: Array,
+			default: () => ["back"]
+		},
+		back: Function,
+		cancel: Function,
+		emitter: {
+			type: String,
+			default: "self"
+		},
+		footer: Boolean,
+		label: Object
+	},
+	computed: {},
+	methods: {
+		goBack() {
+			t(this.$route.path);
+		},
+		createButton(t, { label: n, icon: r, type: a, separateLine: l = !0, loadable: u, circle: d, onClick: f, title: p }) {
+			var m;
+			let h, g = ((m = this.label) == null ? void 0 : m[t]) || n;
+			return h = f || (["back", "cancel"].includes(t) ? this.goBack : (n) => {
+				(e(this.$attrs, { withOn: !0 })[`on${c(t)}`] || s)(n);
+			}), o(i, {
+				"separate-line": l,
+				icon: r,
+				title: p,
+				label: g,
+				loadable: u,
+				circle: d,
+				footer: this.footer,
+				type: a,
+				onClick: h
+			}, null);
+		},
+		getLeftButtons() {
+			var e, t, r;
+			let { createButton: i } = this;
+			return (r = (((e = (t = this.$slots)["toolbar-left"]) == null ? void 0 : e.call(t)) || this.buttons.flatMap((e) => {
+				let t = l[e];
+				if (t) {
+					var n, r;
+					return ((n = (r = this.$slots)[e]) == null ? void 0 : n.call(r)) || i(e, t);
+				} else if (e === "slot") {
+					var o, s;
+					let e = ((o = (s = this.$slots).default) == null ? void 0 : o.call(s, {
+						buttons: this.buttons,
+						footer: this.footer
+					})) ?? null;
+					if (e && e.length === 1) {
+						var c;
+						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== a);
+					}
+					return e || [];
+				} else return null;
+			})).filter((e) => e)) == null ? void 0 : r.filter((e) => e.props.privilege ? n(e.props.privilege) : !0);
+		},
+		getRightButtons() {
+			var e, t, n, r;
+			let i = (e = (t = this.$slots)["toolbar-right"]) == null ? void 0 : e.call(t), a = [
+				...((n = (r = this.$slots)["toolbar-right-button"]) == null ? void 0 : n.call(r)) || [],
+				this.getRefreshButton(),
+				this.getSettingsButton(),
+				this.getSearchButton()
+			];
+			return i || a;
+		},
+		getSearchButton() {
+			return this.searchable ? this.createButton("search", l.search) : null;
+		},
+		getRefreshButton() {
+			return this.refreshable ? this.createButton("reload", l.reload) : null;
+		},
+		getSettingsButton() {
+			return this.refreshable ? this.createButton("settings", l.settings) : null;
+		}
+	},
+	render() {
+		return this.footer ? o("div", { class: "footer-bar" }, [this.getLeftButtons()]) : o("div", { class: "toolbar" }, [o("div", { class: "toolbar-left" }, [this.getLeftButtons()]), o("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+	}
+};
+//#endregion
+export { u as t };