@web-utils/form-ui 1.0.0-beta86 → 1.0.0-beta88

package/fy-tree/index.mjs

@@ -0,0 +1,390 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/V-Js6hNd.mjs";
+import { t as n } from "../chunks/CIihGrgY.mjs";
+import { i as r, t as i } from "../chunks/CsNZt53l.mjs";
+import { C as a, g as o, m as s } from "../chunks/BbUUI4mF.mjs";
+import { ElInput as c, ElLoadingDirective as l, ElScrollbar as u, ElTree as d } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, normalizeStyle as v, openBlock as y, renderSlot as b, resolveDirective as x, toDisplayString as S, withCtx as C, withDirectives as w } from "vue";
+import { isBlank as T } from "@web-utils/core";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+//#region src/components/avue/tree/FyTree.vue
+var E = {
+	name: "FyTree",
+	directives: { permission: r },
+	props: {
+		indent: Number,
+		filterNodeMethod: Function,
+		checkOnClickNode: Boolean,
+		beforeClose: Function,
+		beforeOpen: Function,
+		permission: {
+			type: [Function, Object],
+			default: () => ({})
+		},
+		iconClass: { type: String },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		expandOnClickNode: {
+			type: Boolean,
+			default: !1
+		},
+		option: {
+			type: Object,
+			default: () => ({})
+		},
+		data: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"node-click",
+		"del",
+		"update",
+		"check-change",
+		"change",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			filterValue: "",
+			client: {
+				x: 0,
+				y: 0,
+				show: !1
+			},
+			box: !1,
+			type: "",
+			node: {},
+			form: {}
+		};
+	},
+	computed: {
+		styleName() {
+			return {
+				top: o(this.client.y - 10),
+				left: o(this.client.x - 10)
+			};
+		},
+		treeProps() {
+			return Object.assign(this.props, { isLeaf: this.leafKey });
+		},
+		menu() {
+			return s(this.option.menu, !0);
+		},
+		title() {
+			return this.option.title || "添加";
+		},
+		treeLoad() {
+			return this.option.treeLoad;
+		},
+		checkStrictly() {
+			return this.option.checkStrictly;
+		},
+		accordion() {
+			return this.option.accordion;
+		},
+		multiple() {
+			return this.option.multiple;
+		},
+		lazy() {
+			return this.option.lazy;
+		},
+		addText() {
+			return this.addFlag ? this.menuIcon("addBtn") : this.menuIcon("updateBtn");
+		},
+		addFlag() {
+			return ["add", "parentAdd"].includes(this.type);
+		},
+		size() {
+			return this.option.size || "small";
+		},
+		props() {
+			return this.option.props || {};
+		},
+		leafKey() {
+			return this.props.leaf || a.leaf;
+		},
+		valueKey() {
+			return this.props.value || a.value;
+		},
+		labelKey() {
+			return this.props.label || a.label;
+		},
+		childrenKey() {
+			return this.props.children || a.children;
+		},
+		nodeKey() {
+			return this.option.nodeKey || a.nodeKey;
+		},
+		defaultExpandAll() {
+			return this.option.defaultExpandAll;
+		},
+		defaultExpandedKeys() {
+			return this.option.defaultExpandedKeys;
+		},
+		formOption() {
+			return Object.assign(this.option.formOption || {}, { submitText: this.addText });
+		}
+	},
+	watch: {
+		filterValue(e) {
+			this.$refs.tree.filter(e);
+		},
+		modelValue(e) {
+			this.form = e;
+		},
+		form(e) {
+			this.$emit("update:modelValue", e), this.$emit("change", e);
+		}
+	},
+	mounted() {
+		document.addEventListener("click", this.hideClient), this.initFun();
+	},
+	beforeUnmount() {
+		document.removeEventListener("click", this.hideClient);
+	},
+	methods: {
+		optVal: s,
+		hideClient(e) {
+			this.$el.contains(e.target) || (this.client.show = !1);
+		},
+		menuIcon(e) {
+			return s(this.option[`${e}Text`], e);
+		},
+		getPermission(e) {
+			return typeof this.permission == "function" ? this.permission(e, this.node.data || {}) : T(this.permission[e]) ? !0 : this.permission[e];
+		},
+		initFun() {
+			[
+				"filter",
+				"updateKeyChildren",
+				"getCheckedNodes",
+				"setCheckedNodes",
+				"getCheckedKeys",
+				"setCheckedKeys",
+				"setChecked",
+				"getHalfCheckedNodes",
+				"getHalfCheckedKeys",
+				"getCurrentKey",
+				"getCurrentNode",
+				"setCurrentKey",
+				"setCurrentNode",
+				"getNode",
+				"remove",
+				"append",
+				"insertBefore",
+				"insertAfter"
+			].forEach((e) => {
+				this[e] = this.$refs.tree[e];
+			});
+		},
+		nodeContextmenu(e, t, n) {
+			this.node = n, this.client.x = e.clientX, this.client.y = e.clientY, this.client.show = !0;
+		},
+		handleCheckChange(e, t, n) {
+			this.$emit("check-change", e, t, n);
+		},
+		handleSubmit(e, t) {
+			this.addFlag ? this.save(e, t) : this.update(e, t);
+		},
+		nodeClick(e, t, n) {
+			this.client.show = !1, this.$emit("node-click", e, t, n);
+		},
+		filterNode(e, t) {
+			return typeof this.filterNodeMethod == "function" ? this.filterNodeMethod(e, t) : e ? t[this.labelKey].indexOf(e) !== -1 : !0;
+		},
+		hide(e) {
+			let t = () => {
+				e == null || e(), this.node = {}, this.form = {}, this.box = !1;
+			};
+			typeof this.beforeClose == "function" ? this.beforeClose(t, this.type) : t();
+		},
+		save(e, t) {
+			this.$emit("save", this.node, e, (e) => {
+				e = e || this.form, this.type === "add" ? this.$refs.tree.append(e, this.node.data[this.valueKey]) : this.type === "parentAdd" && this.$refs.tree.append(e), this.hide(), t();
+			}, t);
+		},
+		update(e, t) {
+			this.$emit("update", this.node, e, (e) => {
+				e = e || this.form;
+				let n = e[this.valueKey];
+				this.node.data = this.form;
+				let { parentList: r, index: i } = this.findData(n);
+				if (r) {
+					let t = r.splice(i, 1)[0];
+					e[this.childrenKey] = t[this.childrenKey], r.splice(i, 0, e);
+				}
+				this.hide(), t();
+			}, t);
+		},
+		rowEdit() {
+			this.type = "edit", this.form = this.node.data, this.show();
+		},
+		parentAdd() {
+			this.type = "parentAdd", this.show();
+		},
+		rowAdd() {
+			this.type = "add", this.show();
+		},
+		show() {
+			let e = () => {
+				this.client.show = !1, this.box = !0;
+			};
+			typeof this.beforeOpen == "function" ? this.beforeOpen(e, this.type) : e();
+		},
+		rowRemove() {
+			this.client.show = !1, this.$emit("del", this.node, () => {
+				this.$refs.tree.remove(this.node.data[this.valueKey]);
+			});
+		},
+		findData(e) {
+			let t = {}, n = (r, i) => {
+				r.forEach((a, o) => {
+					a[this.valueKey] === e && (t = {
+						item: a,
+						index: o,
+						parentList: r,
+						parent: i
+					}), a[this.childrenKey] && n(a[this.childrenKey], a);
+				});
+			};
+			return n(this.data), t;
+		}
+	}
+}, D = { class: "avue-tree" }, O = {
+	key: 0,
+	class: "avue-tree__filter"
+}, k = { key: 1 }, A = { class: "el-tree-node__label" }, j = { key: 2 };
+function M(e, r, a, o, s, T) {
+	let E = c, M = n, N = d, P = u, F = i, I = t, L = x("permission"), R = l;
+	return y(), m("div", D, [
+		T.optVal(a.option.filter, !0) ? (y(), m("div", O, [_(E, {
+			modelValue: s.filterValue,
+			"onUpdate:modelValue": r[0] || (r[0] = (e) => s.filterValue = e),
+			placeholder: T.optVal(a.option.filterText, "输入关键字进行过滤"),
+			size: T.size
+		}, null, 8, [
+			"modelValue",
+			"placeholder",
+			"size"
+		]), T.optVal(a.option.addBtn, !0) ? w((y(), f(M, {
+			key: 0,
+			size: T.size,
+			icon: "el-icon-plus",
+			onClick: T.parentAdd
+		}, null, 8, ["size", "onClick"])), [[L, T.getPermission("addBtn")]]) : w((y(), m("div", k, [b(e.$slots, "addBtn")])), [[L, T.getPermission("addBtn")]])])) : p("v-if", !0),
+		_(P, { class: "avue-tree__content" }, {
+			default: C(() => [w((y(), f(N, {
+				ref: "tree",
+				data: a.data,
+				lazy: T.lazy,
+				load: T.treeLoad,
+				props: T.treeProps,
+				"icon-class": a.iconClass,
+				indent: a.indent,
+				"highlight-current": !T.multiple,
+				"show-checkbox": T.multiple,
+				accordion: T.accordion,
+				"node-key": T.valueKey,
+				"check-strictly": T.checkStrictly,
+				"check-on-click-node": a.checkOnClickNode,
+				"filter-node-method": T.filterNode,
+				"expand-on-click-node": a.expandOnClickNode,
+				"default-expand-all": T.defaultExpandAll,
+				"default-expanded-keys": T.defaultExpandedKeys,
+				onCheckChange: T.handleCheckChange,
+				onNodeClick: T.nodeClick,
+				onNodeContextmenu: T.nodeContextmenu
+			}, {
+				default: C(({ node: t, data: n }) => [b(e.$slots, "default", {
+					node: t,
+					data: n
+				}, () => [h("span", A, [h("span", null, S(t.label), 1)])])]),
+				_: 3
+			}, 8, [
+				"data",
+				"lazy",
+				"load",
+				"props",
+				"icon-class",
+				"indent",
+				"highlight-current",
+				"show-checkbox",
+				"accordion",
+				"node-key",
+				"check-strictly",
+				"check-on-click-node",
+				"filter-node-method",
+				"expand-on-click-node",
+				"default-expand-all",
+				"default-expanded-keys",
+				"onCheckChange",
+				"onNodeClick",
+				"onNodeContextmenu"
+			])), [[R, a.loading]])]),
+			_: 3
+		}),
+		s.client.show && T.menu ? (y(), m("div", {
+			key: 1,
+			class: "el-cascader-panel is-bordered avue-tree__menu",
+			style: v(T.styleName),
+			onClick: r[4] || (r[4] = (e) => s.client.show = !1)
+		}, [
+			T.optVal(a.option.addBtn, !0) ? w((y(), m("div", {
+				key: 0,
+				class: "avue-tree__item",
+				onClick: r[1] || (r[1] = (...e) => T.rowAdd && T.rowAdd(...e))
+			}, [g(S(T.menuIcon("addBtn")), 1)])), [[L, T.getPermission("addBtn")]]) : p("v-if", !0),
+			T.optVal(a.option.editBtn, !0) ? w((y(), m("div", {
+				key: 1,
+				class: "avue-tree__item",
+				onClick: r[2] || (r[2] = (...e) => T.rowEdit && T.rowEdit(...e))
+			}, [g(S(T.menuIcon("editBtn")), 1)])), [[L, T.getPermission("editBtn")]]) : p("v-if", !0),
+			T.optVal(a.option.delBtn, !0) ? w((y(), m("div", {
+				key: 2,
+				class: "avue-tree__item",
+				onClick: r[3] || (r[3] = (...e) => T.rowRemove && T.rowRemove(...e))
+			}, [g(S(T.menuIcon("delBtn")), 1)])), [[L, T.getPermission("delBtn")]]) : p("v-if", !0),
+			b(e.$slots, "menu", { node: s.node })
+		], 4)) : p("v-if", !0),
+		s.box ? (y(), m("div", j, [_(I, {
+			modelValue: s.box,
+			"onUpdate:modelValue": r[6] || (r[6] = (e) => s.box = e),
+			title: s.node[T.labelKey] || T.title,
+			"before-close": T.hide,
+			width: T.optVal(a.option.dialogWidth, "50%")
+		}, {
+			default: C(() => [_(F, {
+				ref: "form",
+				modelValue: s.form,
+				"onUpdate:modelValue": r[5] || (r[5] = (e) => s.form = e),
+				option: T.formOption,
+				onSubmit: T.handleSubmit
+			}, null, 8, [
+				"modelValue",
+				"option",
+				"onSubmit"
+			])]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"title",
+			"before-close",
+			"width"
+		])])) : p("v-if", !0)
+	]);
+}
+var N = /* @__PURE__ */ e(E, [["render", M]]);
+//#endregion
+export { N as default };

package/fy-tree/style.css

@@ -0,0 +1 @@
+.avue-tree{height:100%;position:relative}.avue-tree__menu{z-index:1024;background-color:#fff;flex-wrap:wrap;width:200px;position:fixed}.avue-tree__dialog .el-dialog__body{padding:30px 20px 0}.avue-tree__item{color:#666;white-space:nowrap;text-overflow:ellipsis;outline:none;width:100%;height:34px;padding:0 10px;line-height:34px;position:relative;overflow:hidden}.avue-tree__item:hover{color:#409eff;cursor:pointer}.avue-tree__filter{align-items:center;margin-bottom:5px;display:flex}.avue-tree__content{height:calc(100% - 32px);padding:5px 0}

package/fy-u-editor/index.d.ts

@@ -0,0 +1,116 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headers: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    customConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    toolbarConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    propsHttp: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    ali: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    qiniu: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    oss: StringConstructor;
+    action: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {
+    editor: null;
+}, {
+    fileName(): any;
+    homeUrl(): any;
+    resKey(): any;
+    urlKey(): any;
+    isQiniuOSS(): boolean;
+    isAliOSS(): boolean;
+}, {
+    initEdit(): void;
+    uploadFile(file: any): Promise<any>;
+    getUEContent(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus")[], "update:modelValue" | "blur" | "focus", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    headers: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    customConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    toolbarConfig: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    propsHttp: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    ali: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    qiniu: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    oss: StringConstructor;
+    action: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    data: Record<string, any>;
+    placeholder: string;
+    headers: Record<string, any>;
+    customConfig: Record<string, any>;
+    toolbarConfig: Record<string, any>;
+    propsHttp: Record<string, any>;
+    ali: Record<string, any>;
+    qiniu: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/fy-u-editor/index.mjs

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

package/fy-u-editor/style.css

@@ -0,0 +1 @@
+.avue-ueditor{border:1px solid #ccc}.avue-ueditor .fy-editor-toolbar{border-bottom:1px solid #ccc}.avue-ueditor .fy-editor{height:300px}