@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/form-view/index.mjs

@@ -1,280 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import t from "../resize-observer/index.mjs";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, vShow as v, withCtx as y, withDirectives as b } from "vue";
-import { animate as x, hasOwn as S, isInContainer as C, toStringArray as w } from "@web-utils/core";
-import { merge as T } from "@web-utils/integrations/lodash";
-//#region src/components/form/FormView.vue
-var E = [
-	"back",
-	"create",
-	"save",
-	"withdraw",
-	"edit",
-	"submit",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel",
-	"enable",
-	"exp",
-	"imp",
-	"del",
-	"disabled",
-	"reload",
-	"slot"
-], D = E.map((e) => `${e}-down`), O = [
-	"back",
-	"withdraw",
-	"edit"
-], k = [
-	"save",
-	"submit",
-	"",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel"
-], A = (e, t) => {
-	if (e.classList.contains(t)) return e;
-	let n = e.parentNode;
-	for (; n && !n.classList.contains(t);) n = n.parentNode;
-	return n.classList.contains(t) ? n : null;
-}, j = {
-	name: "FormView",
-	components: { ResizeObserver: t },
-	inject: { flowContext: { default: {} } },
-	provide() {
-		return { formView: this };
-	},
-	props: {
-		notForm: Boolean,
-		loading: Boolean,
-		unLimit: Boolean,
-		formWidth: {
-			type: String,
-			default: "75%"
-		},
-		toolbarAttrs: {
-			type: Object,
-			default: () => {}
-		},
-		toolbarListeners: { type: Object },
-		contentClass: { type: String },
-		className: { type: String },
-		title: { type: String },
-		showToolbar: {
-			type: Boolean,
-			default: !0
-		},
-		formNav: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	data() {
-		return {
-			groups: [],
-			activeIndex: -1,
-			tryByClick: !1,
-			showNav: !1
-		};
-	},
-	computed: {
-		isFormLoading() {
-			return this.loading || S(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
-		},
-		toolbarProps() {
-			var e;
-			let t = {}, n = ((e = this.toolbarAttrs) == null ? void 0 : e.buttons) || this.$parent.buttons, r = T({}, this.toolbarAttrs, t);
-			return r.buttons = n || ["back"], r.buttons = w(r.buttons), r;
-		},
-		toolbarButtons() {
-			return this.toolbarProps.buttons.filter((e) => !k.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
-		},
-		footerBarButtons() {
-			let e = this.toolbarProps.buttons.filter((e) => !O.includes(e) && (k.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
-			return e = e || [], this.$parent.isEnabled && !e.includes("cancel") && e.push("cancel"), e;
-		}
-	},
-	created() {
-		this.onFormResize({ width: window.document.body.clientWidth });
-	},
-	async activated() {
-		this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-	},
-	methods: {
-		addGroup(e) {
-			e && (this.activeIndex === -1 && (this.activeIndex = 0), this.groups.push(e), this.groups = this.groups.sort((e, t) => {
-				let n = A(e.$el, "form-card"), r = A(t.$el, "form-card");
-				if (n === r) return [].indexOf.call(e.$el.parentNode.children, e.$el) - [].indexOf.call(t.$el.parentNode.children, t.$el);
-				{
-					let e = A(n, "form-scroller");
-					return [].indexOf.call(e.children, n) - [].indexOf.call(e.children, r);
-				}
-			}), e.active && (this.activeIndex = this.groups.indexOf(e), this.navItemClick(e, this.activeIndex)));
-		},
-		removeGroup(e) {
-			if (e) {
-				let t = this.groups.indexOf(e);
-				this.groups.splice(t, 1), this.activeIndex > this.groups.length - 1 && (this.activeIndex = 0);
-			}
-		},
-		getToolbarSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => E.includes(e));
-		},
-		getFooterSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => D.includes(e));
-		},
-		getFooterSlotKey(e) {
-			return e.replace("-down", "");
-		},
-		onFormResize({ width: e }) {
-			this.showNav = e > 1500;
-		},
-		onEdit() {
-			!this.toolbarListeners.edit && S(this.$parent, "disabled") && (this.$parent.disabled = !1);
-		},
-		async navItemClick(e, t) {
-			this.showNav && (await this.$nextTick(), this.activeFormItemGroup(e, t), e.expand || e.open());
-		},
-		activeFormItemGroup(e, t) {
-			this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10, x(e.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = t;
-		},
-		tryActive() {
-			if (this.showNav) {
-				for (let e = 0; e < this.groups.length; e++) if (C(this.groups[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-					this.activeIndex = e;
-					break;
-				}
-			}
-		},
-		onFormScroll() {
-			this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.groups.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
-		},
-		scrollTo(e, t) {
-			e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
-		}
-	}
-}, M = {
-	key: 0,
-	class: "form-view-toolbar"
-}, N = { class: "form-scroller-wrapper" }, P = {
-	key: 0,
-	class: "form-view-title"
-}, F = { class: "form-content" }, I = {
-	key: 0,
-	class: "form-view-title"
-}, L = { class: "form-content" }, R = {
-	key: 1,
-	class: "form-nav"
-}, z = { class: "form-nav-list" }, B = ["onClick"];
-function V(e, t, x, S, C, w) {
-	let T = h("Toolbar"), E = h("EmptyView"), D = h("FlowLog"), O = h("FormItemGroup"), k = h("ResizeObserver"), A = h("LoadingView");
-	return f(), a("div", { class: u(["form-view", x.className]) }, [
-		i(" 顶部工具栏 "),
-		x.showToolbar ? b((f(), a("div", M, [m(e.$slots, "form-view-toolbar", {}, () => [c(T, l({
-			...w.toolbarProps,
-			buttons: w.toolbarButtons
-		}, { onEdit: w.onEdit }, _(x.toolbarListeners)), s({
-			default: y(({ buttons: t }) => [m(e.$slots, "toolbar-button", { buttons: t })]),
-			"toolbar-right": y(() => [m(e.$slots, "toolbar-right")]),
-			_: 2
-		}, [p(w.getToolbarSlotKeys(), (t) => ({
-			name: t,
-			fn: y(() => [m(e.$slots, t)])
-		}))]), 1040, ["onEdit"])])], 512)), [[v, !w.isFormLoading]]) : i("v-if", !0),
-		i(" 内容 "),
-		b(o("div", N, [o("div", {
-			ref: "formScroller",
-			class: u(["form-scroller", x.contentClass]),
-			onScroll: t[0] || (t[0] = (...e) => w.onFormScroll && w.onFormScroll(...e))
-		}, [
-			i(" 非表单 "),
-			x.notForm ? (f(), a("div", {
-				key: 0,
-				style: d({ width: x.formWidth }),
-				class: "not-form"
-			}, [
-				x.title ? (f(), a("div", P, g(x.title), 1)) : i("v-if", !0),
-				i(" 表单内容 "),
-				m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-				i(" 底部工具栏 "),
-				w.footerBarButtons.length ? (f(), r(T, l({ key: 1 }, {
-					...w.toolbarProps,
-					buttons: w.footerBarButtons
-				}, { footer: "" }, _(x.toolbarListeners)), s({
-					default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-						buttons: t,
-						footer: n
-					})]),
-					_: 2
-				}, [p(w.getFooterSlotKeys(), (t) => ({
-					name: w.getFooterSlotKey(t),
-					fn: y(() => [m(e.$slots, t)])
-				}))]), 1040)) : i("v-if", !0),
-				i(" 表单底部 "),
-				e.$slots["form-bottom"] ? m(e.$slots, "form-bottom", { key: 2 }) : i("v-if", !0)
-			], 4)) : (f(), a(n, { key: 1 }, [i(" 表单 "), o("div", {
-				class: u(["form-card", { "un-limit": x.unLimit }]),
-				style: d({ width: `calc(${x.formWidth} + 40px)` })
-			}, [o("div", F, [
-				i(" 表单内容 "),
-				x.title ? (f(), a("div", I, g(x.title), 1)) : i("v-if", !0),
-				m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-				i(" 底部工具栏 "),
-				w.footerBarButtons.length ? (f(), r(T, l({ key: 1 }, {
-					...w.toolbarProps,
-					buttons: w.footerBarButtons
-				}, { footer: "" }, _(x.toolbarListeners)), s({
-					default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-						buttons: t,
-						footer: n
-					})]),
-					_: 2
-				}, [p(w.getFooterSlotKeys(), (t) => ({
-					name: w.getFooterSlotKey(t),
-					fn: y(() => [m(e.$slots, t)])
-				}))]), 1040)) : i("v-if", !0)
-			])], 6)], 2112)),
-			e.$slots["form-bottom"] || e.$parent.$options.flowForm && w.flowContext.logs.length ? (f(), a("div", {
-				key: 2,
-				class: u(["form-card", { "un-limit": x.unLimit }]),
-				style: d([{ width: `calc(${x.formWidth} + 40px)` }, { "min-height": "0" }])
-			}, [o("div", L, [
-				e.$parent.$options.flowForm && w.flowContext.logs.length ? (f(), r(O, {
-					key: 0,
-					"block-title": "流程日志"
-				}, {
-					default: y(() => [c(D, {
-						class: "flow-log",
-						fetch: !1,
-						"show-title": !1,
-						"business-key": e.$parent.bizKey
-					}, null, 8, ["business-key"])]),
-					_: 1
-				})) : i("v-if", !0),
-				i(" 表单底部 "),
-				m(e.$slots, "form-bottom")
-			])], 6)) : i("v-if", !0)
-		], 34), c(k, { onNotify: w.onFormResize }, null, 8, ["onNotify"])], 512), [[v, !w.isFormLoading]]),
-		i(" 表单导航 "),
-		x.formNav && !w.isFormLoading && C.showNav && C.groups.length ? (f(), a("div", R, [t[1] || (t[1] = o("div", { class: "form-nav-header" }, "表单导航", -1)), o("ul", z, [(f(!0), a(n, null, p(C.groups, (e, t) => (f(), a("li", {
-			key: e.blockTitle,
-			class: u(["form-nav-item", { active: C.activeIndex === t }]),
-			onClick: (n) => w.navItemClick(e, t)
-		}, g(e.blockTitle), 11, B))), 128))])])) : i("v-if", !0),
-		i(" 加载提示 "),
-		w.isFormLoading ? (f(), r(A, {
-			key: 2,
-			"icon-size": "34px",
-			"font-size": "16px"
-		})) : i("v-if", !0)
-	], 2);
-}
-var H = /* @__PURE__ */ e(j, [["render", V]]);
-//#endregion
-export { H as default };

package/form-view/style.css

@@ -1 +0,0 @@
-.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;font-family:element-icons,serif;font-size:14px;list-style:none;position:relative}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia,serif;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{white-space:normal;word-break:break-word;background:0 0;border:0;padding:0 0 0 4px;line-height:1.6}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary,red)}to{box-shadow:0 0 4px 1px var(--color-primary,red)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:4;animation-direction:alternate;animation-delay:.1s}@media screen and (min-width:1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}

package/fy-article/index.mjs

@@ -1,73 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, openBlock as i, toDisplayString as a } from "vue";
-//#region src/components/article/FyArticle.vue
-var o = {
-	title: "title",
-	meta: "meta",
-	lead: "lead",
-	body: "body"
-}, s = {
-	name: "FyArticle",
-	props: {
-		data: {
-			type: Object,
-			default: () => ({})
-		},
-		props: {
-			type: Object,
-			default: () => o
-		}
-	},
-	computed: {
-		titleKey() {
-			return this.props.title || o.title;
-		},
-		metaKey() {
-			return this.props.meta || o.meta;
-		},
-		leadKey() {
-			return this.props.lead || o.lead;
-		},
-		bodyKey() {
-			return this.props.body || o.body;
-		},
-		title() {
-			return this.data[this.titleKey];
-		},
-		meta() {
-			return this.data[this.metaKey];
-		},
-		lead() {
-			return this.data[this.leadKey];
-		},
-		body() {
-			return this.data[this.bodyKey];
-		}
-	}
-}, c = { class: "avue-article" }, l = { class: "avue-article__header" }, u = ["textContent"], d = ["textContent"], f = ["textContent"], p = ["innerHTML"];
-function m(e, o, s, m, h, g) {
-	return i(), n("div", c, [
-		r("div", l, [g.title ? (i(), n("div", {
-			key: 0,
-			class: "avue-article__title",
-			textContent: a(g.title)
-		}, null, 8, u)) : t("v-if", !0), g.meta ? (i(), n("small", {
-			key: 1,
-			class: "avue-article__meta",
-			textContent: a(g.meta)
-		}, null, 8, d)) : t("v-if", !0)]),
-		g.lead ? (i(), n("div", {
-			key: 0,
-			class: "avue-article__lead",
-			textContent: a(g.lead)
-		}, null, 8, f)) : t("v-if", !0),
-		g.body ? (i(), n("div", {
-			key: 1,
-			class: "avue-article__body",
-			innerHTML: g.body
-		}, null, 8, p)) : t("v-if", !0)
-	]);
-}
-var h = /* @__PURE__ */ e(s, [["render", m]]);
-//#endregion
-export { h as default };

package/fy-article/style.css

@@ -1 +0,0 @@
-.avue-article__title{margin-bottom:15px;font-size:32px;font-weight:400;line-height:32px}.avue-article__meta{color:#999;margin-bottom:20px;font-size:12px;display:block}.avue-article__lead{color:#666;background:#f9f9f9;border:1px solid #dedede;border-radius:2px;padding:10px;font-size:14px;line-height:22px}.avue-article__body{color:#333;background:#fff;padding-top:10px;font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif;font-size:14px}.avue-article blockquote{border-left:4px solid #ddd;margin:0;padding:1px 0 1px 15px;font-family:Georgia,Times New Roman,Times,Kai,Kaiti SC,KaiTi,BiauKai,FontAwesome,serif}

package/fy-code/index.mjs

@@ -1,48 +0,0 @@
-import "../chunks/install.yLcn5MLL.mjs";
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { x as t } from "../chunks/util.g-WQEec9.mjs";
-import { t as n } from "../chunks/scrollbar.CAmrlKi9.mjs";
-import { createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, resolveComponent as d, withCtx as f } from "vue";
-//#region src/components/code/FyCode.vue
-var p = {
-	name: "FyCode",
-	components: { ElScrollbar: n },
-	props: {
-		height: {
-			type: Number,
-			default: 200
-		},
-		syntax: {
-			type: String,
-			default: "javascript"
-		}
-	},
-	computed: { styleName() {
-		return { height: t(this.height) };
-	} },
-	mounted() {
-		window.hljs && window.hljs && typeof window.hljs.highlightBlock == "function" && window.hljs.highlightBlock(this.$refs.container);
-	},
-	methods: { setPx: t }
-}, m = { class: "avue-code" };
-function h(e, t, n, p, h, g) {
-	let _ = d("ElScrollbar");
-	return l(), r("div", m, [o(_, { style: c(g.styleName) }, {
-		default: f(() => [i("pre", null, [
-			t[2] || (t[2] = a("        ", -1)),
-			i("code", {
-				ref: "container",
-				class: s(n.syntax)
-			}, [
-				t[0] || (t[0] = a("\n          ", -1)),
-				u(e.$slots, "default"),
-				t[1] || (t[1] = a("\n        ", -1))
-			], 2),
-			t[3] || (t[3] = a("\n      ", -1))
-		])]),
-		_: 3
-	}, 8, ["style"])]);
-}
-var g = /* @__PURE__ */ e(p, [["render", h]]);
-//#endregion
-export { g as default };