@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

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

@@ -0,0 +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/B1MSrc6f.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/B3ajWLh3.mjs

@@ -0,0 +1,198 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n, t as r } from "./CSyJ-vEx.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.ts
+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,
+	disabled: !0,
+	props: !0
+}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
+	name: "FormCascader",
+	props: { ...m },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: m }) {
+		let { emitInput: h, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: m,
+			predicate: g
+		}), { 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 () => _({ vNodes: u(p, d(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/BH_JJ8Xh.mjs

@@ -0,0 +1,106 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSwitch as o } from "element-plus/es";
+//#region src/components/form/props/switch.ts
+var s = {
+	...n,
+	modelValue: [
+		Boolean,
+		String,
+		Number
+	],
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: ""
+	},
+	width: [Number, String],
+	inlinePrompt: {
+		type: Boolean,
+		default: !1
+	},
+	activeIcon: [String, Object],
+	inactiveIcon: [String, Object],
+	activeActionIcon: [String, Object],
+	inactiveActionIcon: [String, Object],
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "Y"
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: "N"
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: Function,
+	id: String,
+	tabindex: [String, Number],
+	ariaLabel: String,
+	activeColor: {
+		type: String,
+		default: ""
+	},
+	inactiveColor: {
+		type: String,
+		default: ""
+	},
+	borderColor: {
+		type: String,
+		default: ""
+	}
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormSwitch",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			attrs: c,
+			slots: s,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), {
+			"active-action": s["active-action"],
+			"inactive-action": s["inactive-action"],
+			active: s.active,
+			inactive: s.inactive
+		}) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/BWBHzD5N.mjs

@@ -0,0 +1,89 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElCheckbox as o } from "element-plus/es";
+//#region src/components/form/props/checkbox.ts
+var s = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	value: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	labelValue: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	trueValue: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseValue: {
+		type: [String, Number],
+		default: "0"
+	},
+	border: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	name: String,
+	checked: {
+		type: Boolean,
+		default: !1
+	},
+	indeterminate: {
+		type: Boolean,
+		default: !1
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	id: String,
+	ariaControls: String,
+	ariaLabel: String,
+	trueLabel: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseLabel: {
+		type: [String, Number],
+		default: "0"
+	},
+	controls: String
+}, c = {
+	modelValue: !0,
+	disabled: !0,
+	labelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(m.value, p.value, {
+			label: t.labelValue,
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), { default: s.default }) });
+	}
+};
+//#endregion
+export { u as t };