@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta50

package/api/index.d.ts

@@ -0,0 +1,60 @@
+export interface DictItem {
+    id: string;
+    dictId: string;
+    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.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    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;
+    };
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    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;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    disabled: boolean;
+    plain: boolean;
+    autofocus: boolean;
+    round: boolean;
+    type: string;
+    icon: string;
+    nativeType: string;
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/awesome-button/index.mjs

@@ -0,0 +1,49 @@
+import { isFunction as e } from "@web-utils/core";
+import { h as t, ref as n, resolveComponent as r } from "vue";
+//#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 = r("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = n(!1), p = async (t) => {
+			if (f.value = !0, e(u)) try {
+				await u(t);
+			} catch (e) {
+				console.error(e);
+			}
+			f.value = !1;
+		};
+		return () => t(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}

package/chunks/6yfBZFOB.mjs

@@ -0,0 +1,56 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import i from "../x-input-tag/index.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#region src/components/form/props/input-tag.ts
+var s = {
+	...n,
+	...r,
+	modelValue: [Array, String],
+	arrayMode: {
+		type: Boolean,
+		default: !0
+	},
+	objectMode: {
+		type: Boolean,
+		default: !0
+	},
+	separator: {
+		type: String,
+		default: ","
+	},
+	boundarySelector: {
+		type: String,
+		default: ".form-scroller"
+	},
+	query: Function,
+	type: {
+		type: String,
+		default: "标签"
+	}
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormInputTag",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		});
+		return () => u({ vNodes: a(i, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/B-zqRAXo.mjs

@@ -0,0 +1,69 @@
+import { a as e } from "./DcTVYqeJ.mjs";
+import { t } from "./DOZRzqlo.mjs";
+import { tableViewContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./BBERmTup.mjs";
+import { createVNode as i, inject as a, mergeProps as o } from "vue";
+import { ElTableColumn as s } from "element-plus/es";
+//#region src/components/table/TableColumn.vue?vue&type=script&lang.jsx
+var c = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, l = (e, t, n, r, i) => {
+	var a;
+	let o = (e == null || (a = e.$parent) == null ? void 0 : a.rowDbClick) || (e == null ? void 0 : e.rowDbClick);
+	o == null || o(t, n, r, i);
+}, u = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, d = () => {}, f = (t) => !e(t).length, p = {
+	name: "TableColumn",
+	props: { ...r },
+	setup(e, { slots: r, attrs: p }) {
+		let m = a(n, null);
+		return () => {
+			let { clickable: n, cellClick: a, ...h } = e, g, _ = c[e.type];
+			if (!_) {
+				let o = n || p.onClick || a;
+				(o || e.dictType || e.options) && (g = (n) => {
+					var s;
+					let { row: c, column: h } = n, g = o ? (e) => {
+						let t = u(e);
+						if (p.onClick || a) {
+							var n;
+							(n = p.onClick) == null || n.call(p, c, h, c, h, t, e), a == null || a(c, h, c, h, t, e);
+						} else l(m, c, h, t, e);
+					} : d, _ = r == null || (s = r.default) == null ? void 0 : s.call(r, n);
+					return f(_) && (_ = null), (e.dictType || e.options) && !_ ? i(t, {
+						class: { "is-clickable": o },
+						onClick: g,
+						row: c,
+						column: h,
+						dictType: e.dictType,
+						treeDict: e.treeDict,
+						idAsValue: e.idAsValue,
+						labelAsValue: e.labelAsValue,
+						options: e.options
+					}, null) : o ? i("span", {
+						class: "is-clickable",
+						onClick: g
+					}, [_ || (c == null ? void 0 : c[h == null ? void 0 : h.property])]) : _;
+				});
+			}
+			return i(s, o(h, {
+				key: p.filterable,
+				showOverflowTooltip: _ ? !1 : h.showOverflowTooltip
+			}), {
+				...r,
+				default: g || r.default
+			});
+		};
+	}
+};
+//#endregion
+export { p as t };

package/chunks/B1IPSTA6.mjs

@@ -0,0 +1,198 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { computed as r, createVNode as i, mergeProps as a } from "vue";
+import { ElDatePicker as o } from "element-plus/es";
+import { toDate as s } from "@web-utils/integrations/dayjs";
+//#region src/components/form/props/date.ts
+var c = {
+	...n,
+	modelValue: [
+		Number,
+		String,
+		Date,
+		Array
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始日期"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束日期"
+	},
+	type: {
+		type: String,
+		default: "date"
+	},
+	format: {
+		type: String,
+		default: "YYYY-MM-DD"
+	},
+	popperClass: String,
+	popperStyle: [String, Object],
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	rangeSeparator: {
+		type: String,
+		default: "至"
+	},
+	defaultValue: Object,
+	defaultTime: Object,
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: [String, Array],
+		default: ""
+	},
+	unlinkPanels: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	disabledDate: Function,
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	cellClassName: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: {
+		type: Boolean,
+		default: !1
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	},
+	split: {
+		type: Boolean,
+		default: !0
+	},
+	startDate: String,
+	endDate: String,
+	start: String,
+	end: String,
+	year: Boolean,
+	month: Boolean,
+	dates: Boolean,
+	week: Boolean,
+	dateTime: Boolean,
+	dateTimeRange: Boolean,
+	dateRange: Boolean,
+	monthRange: Boolean,
+	miniDate: String,
+	maxDate: String
+}, l = {
+	modelValue: !0,
+	name: !0,
+	disabled: !0,
+	emptyValues: !0,
+	type: !0,
+	valueOnClear: !0
+}, u = (e) => n[e] === void 0 && l[e] !== !0, d = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		...t,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(t, { emit: n, slots: c, attrs: l }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			predicate: u,
+			messagePrefix: "请选择"
+		}), _ = r(() => t.dateTimeRange || t.dateRange || t.monthRange), v = r(() => t.year ? "YYYY" : t.month || t.monthRange ? "YYYY-MM" : t.week ? "YYYY 第 WW 周" : t.dateTime || t.dateTimeRange ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD"), y = r(() => t.year ? "year" : t.month ? "month" : t.dates ? "dates" : t.week ? "week" : t.dateTime ? "datetime" : t.dateTimeRange ? "datetimerange" : t.dateRange ? "daterange" : t.monthRange ? "monthrange" : "date"), b = r(() => {
+			if (t.miniDate) {
+				let e = s(t.miniDate);
+				return e.setDate(e.getDate() - 1), e;
+			} else return null;
+		}), x = r(() => t.maxDate ? s(t.maxDate) : null), S = (e) => {
+			if (!b.value && !x.value) return !1;
+			let t = e.getTime();
+			return b.value && !x.value ? t <= b.value.getTime() : !b.value && x.value ? t >= x.value.getTime() : b.value && x.value ? !(t > b.value.getTime() && t <= x.value.getTime()) : !1;
+		}, C = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, w = (e) => {
+			_.value && t.split ? e ? C(e[0], e[1]) : C(null, null) : d(e);
+		}, T = r(() => _.value && t.split ? [t.startDate, t.endDate] : t.modelValue), E = r(() => t.week ? "YYYY-MM-DD" : t.valueFormat || v.value), D = r(() => t.format || v.value);
+		return () => f({ vNodes: i(o, a(h.value, g.value, {
+			style: "width: 100%",
+			type: y.value,
+			modelValue: T.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: D.value,
+			disabledDate: S,
+			"value-format": E.value,
+			"onUpdate:modelValue": w
+		}), {
+			default: c.default,
+			"range-separator": c["range-separator"],
+			"pre-month": c["pre-month"],
+			"next-month": c["next-month"],
+			"pre-year": c["pre-year"],
+			"next-year": c["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/B9gA65rt2.mjs

@@ -0,0 +1,38 @@
+import { f as e } from "./DcTVYqeJ.mjs";
+import { o as t, r as n } from "./D_qiRmiE.mjs";
+import { n as r } from "./CJdkjadi.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElText as o } from "element-plus/es";
+//#region src/components/form/props/text.ts
+var s = {
+	...r,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, c = { modelValue: !0 }, l = (e) => r[e] === void 0 && c[e] !== !0, u = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...s },
+	setup(r, { slots: s, attrs: c }) {
+		let u = t(r, { attrs: c }), d = e(r, l);
+		return () => n(r, {
+			vNodes: i(o, a(d.value, c), { default: s.default || (() => r.text) }),
+			formItemProps: u,
+			slots: s
+		});
+	}
+};
+//#endregion
+export { u as t };