@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/loading-view/index.d.ts

@@ -0,0 +1,65 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 加载提示文案
+     */
+    loadingTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 加载提示文案
+     */
+    loadingTips: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 文字大小
+     */
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标大小
+     */
+    iconSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 高度
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    height: string;
+    fontSize: string;
+    iconSize: string;
+    loadingTips: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/loading-view/index.mjs

@@ -0,0 +1,39 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeStyle as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/LoadingView.vue
+var s = {
+	name: "LoadingView",
+	props: {
+		loadingTips: {
+			type: String,
+			default: "加载中..."
+		},
+		fontSize: {
+			type: String,
+			default: "20px"
+		},
+		iconSize: {
+			type: String,
+			default: "20px"
+		},
+		height: {
+			type: String,
+			default: "100%"
+		}
+	}
+}, c = { class: "flex-column horizon-center" };
+function l(e, s, l, u, d, f) {
+	return i(), t("div", {
+		class: "loading-view",
+		style: r({
+			fontSize: l.fontSize,
+			height: l.height
+		})
+	}, [a(e.$slots, "default", {}, () => [n("div", c, [n("i", {
+		class: "el-icon-loading",
+		style: r({ fontSize: l.iconSize })
+	}, null, 4), n("p", null, o(l.loadingTips), 1)])])], 4);
+}
+var u = /* @__PURE__ */ e(s, [["render", l]]);
+//#endregion
+export { u as default };

package/loading-view/style.css

@@ -0,0 +1 @@
+.loading-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}

package/name-avatar/index.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    num: (StringConstructor | NumberConstructor)[];
+    name: StringConstructor;
+    square: BooleanConstructor;
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    faceUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {
+    text(): string;
+    styles(): {
+        'font-size': string;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    num: (StringConstructor | NumberConstructor)[];
+    name: StringConstructor;
+    square: BooleanConstructor;
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    faceUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: string;
+    backgroundColor: string;
+    fontSize: string;
+    square: boolean;
+    fontColor: string;
+    faceUrl: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/name-avatar/index.mjs

@@ -0,0 +1,61 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, normalizeClass as n, normalizeStyle as r, openBlock as i, toDisplayString as a } from "vue";
+//#region src/components/NameAvatar.vue
+var o = {
+	name: "NameAvatar",
+	props: {
+		num: [Number, String],
+		name: String,
+		square: Boolean,
+		fontColor: {
+			type: String,
+			default: "#fff"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#3696F2"
+		},
+		faceUrl: {
+			type: String,
+			default: ""
+		},
+		fontSize: {
+			type: String,
+			default: "12px"
+		},
+		size: {
+			type: String,
+			default: "40px"
+		}
+	},
+	computed: {
+		text() {
+			return this.num === void 0 ? this.name ? this.name.slice(-2) : "" : `+${this.num}`;
+		},
+		styles() {
+			let e = { "font-size": this.fontSize };
+			return this.fontColor && (e.color = this.fontColor), this.backgroundColor && (e.background = this.backgroundColor), e;
+		}
+	}
+}, s = ["src"];
+function c(e, o, c, l, u, d) {
+	return i(), t("div", {
+		class: n(["name-avatar", c.square ? "square" : "round"]),
+		style: r({
+			width: c.size,
+			height: c.size
+		})
+	}, [c.faceUrl && !c.num ? (i(), t("img", {
+		key: 0,
+		class: "name-avatar-image",
+		src: c.faceUrl,
+		alt: ""
+	}, null, 8, s)) : (i(), t("div", {
+		key: 1,
+		class: "name-avatar-text",
+		style: r(d.styles)
+	}, a(d.text), 5))], 6);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/name-avatar/style.css

@@ -0,0 +1 @@
+.name-avatar{width:40px;height:40px;overflow:hidden}.name-avatar .name-avatar-image,.name-avatar .name-avatar-text{width:100%;height:100%}.name-avatar .name-avatar-text{justify-content:center;align-items:center;display:flex}.round{z-index:10;text-align:center;vertical-align:bottom;-webkit-user-select:none;user-select:none;border-radius:50%;font-size:8px;display:inline-block;position:relative}.square{border-radius:8px;display:block;overflow:hidden}

package/nav-bar/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    showBack: boolean;
+    onGoBack?: Function | undefined;
+    $props: {
+        readonly showBack?: boolean | undefined;
+        readonly onGoBack?: Function | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/nav-bar/index.mjs

@@ -0,0 +1,37 @@
+import { ElButton as e } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, getCurrentInstance as a, openBlock as o, renderSlot as s, withCtx as c } from "vue";
+import "element-plus/es/components/button/style/css";
+//#region src/components/page/NavBar.vue
+var l = { class: "nav-bar" }, u = {
+	key: 1,
+	class: "flex-item flex-row-column vertical-center"
+}, d = /* @__PURE__ */ Object.assign({ name: "NavBar" }, {
+	__name: "NavBar",
+	props: {
+		onGoBack: Function,
+		showBack: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(d) {
+		let f = d, p = a(), m = () => {
+			f.onGoBack ? f.onGoBack() : p.proxy.$router.back();
+		};
+		return (a, f) => {
+			let p = e;
+			return o(), r("div", l, [d.showBack ? (o(), t(p, {
+				key: 0,
+				text: "",
+				icon: "el-icon-arrow-left",
+				onClick: m
+			}, {
+				default: c(() => [...f[0] || (f[0] = [i("返回", -1)])]),
+				_: 1
+			})) : n("v-if", !0), a.$slots.right ? (o(), r("div", u, [s(a.$slots, "right")])) : n("v-if", !0)]);
+		};
+	}
+});
+//#endregion
+export { d as default };

package/nav-bar/style.css

@@ -0,0 +1 @@
+.nav-bar{background-color:#fff;border-bottom:1px solid #eee;flex-shrink:0;width:100%;height:40px;display:flex}.nav-bar .el-button--text{margin-left:12px}

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta8",
+  "version": "1.0.0-beta81",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
   "main": "index.mjs",
   "module": "index.mjs",
   "types": "index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
   "exports": {
     ".": {
       "types": "./index.d.ts",
       "import": "./index.mjs"
     },
+    "./api": "./api/index.mjs",
+    "./constants": "./constants/index.mjs",
+    "./resolver": "./resolver/index.mjs",
+    "./utils": "./utils/index.mjs",
     "./*": "./*"
   },
   "web-types": "web-types.json",
@@ -25,9 +26,30 @@
     "*.sass"
   ],
   "dependencies": {
-    "@web-utils/core": "^6.0.0-beta05",
+    "@web-utils/core": "^6.0.0-beta07",
+    "@web-utils/integrations": "6.0.0-beta07",
+    "@web-utils/vue": "6.0.0-beta07",
+    "bpmn-js": "^18.15.0",
+    "bpmn-js-token-simulation": "^0.39.3",
+    "codemirror": "^5.65.21",
+    "countup.js": "^2.10.0",
+    "cronosjs": "^1.7.1",
+    "dayjs": "^1.11.20",
+    "diagram-js": "^15.13.0",
+    "echarts": "^6.0.0",
     "element-plus": "^2.13.7",
-    "jsoneditor": "^10.4.3",
-    "vue": "^3.5.32"
+    "highlight.js": "^11.11.1",
+    "lodash-es": "^4.18.1",
+    "min-dash": "^5.0.0",
+    "min-dom": "^5.3.0",
+    "overlayscrollbars": "^2.15.1",
+    "photoswipe": "^5.4.4",
+    "resize-detector": "^0.3.0",
+    "tiny-svg": "^4.1.4",
+    "video.js": "^8.23.7",
+    "viewerjs": "^1.11.7",
+    "vue": "^3.5.33",
+    "vue-cropper": "^1.1.4",
+    "x2js": "^3.4.4"
   }
 }

package/page/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    vertical: boolean;
+    horizontal: boolean;
+    $props: {
+        readonly vertical?: boolean | undefined;
+        readonly horizontal?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/page/index.mjs

@@ -0,0 +1,17 @@
+import { createElementBlock as e, normalizeClass as t, openBlock as n, renderSlot as r } from "vue";
+//#region src/components/page/Page.vue
+var i = /* @__PURE__ */ Object.assign({ name: "Page" }, {
+	__name: "Page",
+	props: {
+		vertical: {
+			type: Boolean,
+			default: !0
+		},
+		horizontal: Boolean
+	},
+	setup(i) {
+		return (a, o) => (n(), e("div", { class: t(["page flex-row flex-item", { vertical: i.vertical && !i.horizontal }]) }, [r(a.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { i as default };

package/page/style.css

@@ -0,0 +1 @@
+.page{height:100%}.page.vertical{flex-direction:column}

package/page-header/index.d.ts

@@ -0,0 +1,27 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    title: string;
+    alignEnd: boolean;
+    $props: {
+        readonly title?: string | undefined;
+        readonly alignEnd?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        'section-title'?(_: {
+            title: string;
+        }): any;
+        title?(_: {
+            title: string;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/page-header/index.mjs

@@ -0,0 +1,25 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, normalizeClass as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/page/PageHeader.vue
+var s = { class: "egd-header flex-row egd-page-header" }, c = { class: "section-title" }, l = { class: "flex-row flex-item vertical-center" }, u = /* @__PURE__ */ Object.assign({ name: "PageHeader" }, {
+	__name: "PageHeader",
+	props: {
+		title: {
+			type: String,
+			default: "标题"
+		},
+		alignEnd: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(u) {
+		return (d, f) => (i(), e("div", s, [a(d.$slots, "section-title", { title: u.title }, () => [t("span", c, [a(d.$slots, "title", { title: u.title }, () => [n(o(u.title), 1)])])]), t("div", l, [t("div", { class: r([
+			"flex-row",
+			"flex-item",
+			"vertical-center",
+			{ "align-end": u.alignEnd }
+		]) }, [a(d.$slots, "default")], 2)])]));
+	}
+});
+//#endregion
+export { u as default };

package/page-header/style.css

@@ -0,0 +1 @@
+.egd-page-header{height:40px;margin:0 10px;line-height:40px}.egd-page-header .align-end{justify-content:flex-end}

package/page-index/index.d.ts

@@ -0,0 +1,82 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    menus: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    asideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    aside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tips: {
+        type: StringConstructor;
+        default: string;
+    };
+    sectionTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    schema: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentTreeKey: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {
+    activeFirstMenu(): Promise<void>;
+    onNodeClick(node: any): Promise<void>;
+    setCurrentKey(path: any): Promise<void>;
+    beforeRouteUpdate(to: any, from: any, next: any): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    menus: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    asideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    aside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tips: {
+        type: StringConstructor;
+        default: string;
+    };
+    sectionTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    schema: {
+        type: StringConstructor;
+        default: string;
+    };
+    currentTreeKey: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    aside: boolean;
+    tips: string;
+    menus: unknown[];
+    asideWidth: string;
+    sectionTitle: string;
+    schema: string;
+    currentTreeKey: unknown[];
+    defaultProps: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/page-index/index.mjs

@@ -0,0 +1,124 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { ElTree as t } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
+import { findFirstMatchNode as p, treeToArray as m } from "@web-utils/core";
+import "element-plus/es/components/tree/style/css";
+//#region src/components/page/PageIndex.vue
+var h = {
+	name: "PageIndex",
+	props: {
+		menus: {
+			type: Array,
+			default: () => []
+		},
+		asideWidth: {
+			type: String,
+			default: "220px"
+		},
+		aside: {
+			type: Boolean,
+			default: !0
+		},
+		tips: {
+			type: String,
+			default: "请添加页面内容！"
+		},
+		sectionTitle: {
+			type: String,
+			default: "功能导航"
+		},
+		schema: {
+			type: String,
+			default: ""
+		},
+		currentTreeKey: {
+			type: Array,
+			default: () => []
+		},
+		defaultProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	watch: { menus() {
+		this.setCurrentKey(this.$route.path);
+	} },
+	mounted() {
+		this.activeFirstMenu();
+	},
+	activated() {
+		this.setCurrentKey(this.$route.path);
+	},
+	methods: {
+		async activeFirstMenu() {
+			if (m(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path)) await this.setCurrentKey(this.$route.path);
+			else {
+				let e = p(this.menus, (e) => e.path);
+				e && (await this.$router.push({
+					path: e.path,
+					query: e.query
+				}), await this.setCurrentKey(e.path));
+			}
+		},
+		async onNodeClick(e) {
+			e.path && e.path.indexOf("/") > -1 && await this.$router.push({
+				path: e.path,
+				query: e.query
+			}), await this.setCurrentKey(e.key);
+		},
+		async setCurrentKey(e) {
+			var t;
+			await this.$nextTick(), (t = this.$refs.menuTree) == null || t.setCurrentKey(e);
+		},
+		async beforeRouteUpdate(e, t, n) {
+			if (e.path === this.schema) {
+				let e = p(this.menus, (e) => e.path);
+				e ? (await n({
+					path: e.path,
+					query: e.query
+				}), await this.setCurrentKey(e.path)) : await n(!1);
+			} else await n(), await this.setCurrentKey(this.$route.path);
+		}
+	}
+}, g = { class: "egd-container" }, _ = { class: "egd-main" }, v = { class: "egd-header" }, y = { class: "section-title flex-not-shrink" }, b = { class: "page-index-content-empty" };
+function x(e, p, m, h, x, S) {
+	let C = t;
+	return l(), r("div", g, [m.aside ? (l(), r("div", {
+		key: 0,
+		class: "egd-aside",
+		style: c({ width: m.asideWidth })
+	}, [n("侧栏"), u(e.$slots, "aside", {}, () => [i("div", _, [
+		u(e.$slots, "nav-top"),
+		i("div", v, [i("span", y, d(m.sectionTitle), 1)]),
+		n("菜单"),
+		u(e.$slots, "menu", {}, () => [o(C, {
+			ref: "menuTree",
+			data: m.menus,
+			"default-expand-all": "",
+			props: m.defaultProps,
+			"highlight-current": "",
+			"empty-text": "请配置菜单！",
+			"default-expanded-keys": m.currentTreeKey,
+			"node-key": "key",
+			onNodeClick: S.onNodeClick
+		}, {
+			default: f(({ data: t, node: n }) => [u(e.$slots, "tree-node", {
+				data: t,
+				node: n
+			}, () => [i("span", null, [i("i", { class: s(t.icon) }, null, 2), a(" " + d(t.label), 1)])])]),
+			_: 3
+		}, 8, [
+			"data",
+			"props",
+			"default-expanded-keys",
+			"onNodeClick"
+		])])
+	])])], 4)) : n("v-if", !0), i("div", {
+		class: "page-index-content",
+		style: c({ width: m.aside ? `calc(100% - ${m.asideWidth})` : "100%" })
+	}, [n("内容"), u(e.$slots, "default", {}, () => [i("div", b, d(m.tips), 1)])], 4)]);
+}
+var S = /* @__PURE__ */ e(h, [["render", x]]);
+//#endregion
+export { S as default };

package/page-index/style.css

@@ -0,0 +1 @@
+.page-index-content{flex-direction:column;flex:auto;height:100%;padding:0;display:flex;overflow:hidden}.page-index-content-empty{color:gray;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}