@xiaou66/u-web-ui 0.95.0 → 0.97.0

package/dist/index.d.ts

@@ -96,6 +96,16 @@ export declare interface ContextMenuEmits {
      * @param event 触发该选择的原生事件对象
      */
     (e: 'select', value: any, event: Event): void;
+    /**
+     * 打开面板事件
+     * @param e
+     */
+    (e: 'open'): void;
+    /**
+     * 关闭面板事件
+     * @param e
+     */
+    (e: 'close'): void;
 }
 
 export { ContextMenuGroup }
@@ -108,6 +118,18 @@ export declare interface ContextMenuGroupProps {
     title?: string;
 }
 
+export declare interface ContextMenuInstance {
+    /**
+     * 关闭右键菜单
+     */
+    close: () => void;
+    /**
+     * 打开右键菜单
+     * @param event 鼠标事件用于计算菜单位置
+     */
+    openContextMenu: (event: MouseEvent) => void;
+}
+
 export { ContextMenuItem }
 
 /**

package/dist/index.es.js

@@ -423,67 +423,74 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		trigger: { default: "context-menu" },
 		size: { default: "default" }
 	},
-	emits: ["select"],
-	setup(r, { emit: c }) {
-		let u = r, d = c, f = getBuildCurrentClassPrefix("context-menu"), p = ref(), S = ref(), w = ref(!1), T = reactive({
+	emits: [
+		"select",
+		"open",
+		"close"
+	],
+	setup(r, { expose: c, emit: u }) {
+		let d = r, f = u, p = getBuildCurrentClassPrefix("context-menu"), S = ref(), w = ref(), T = ref(!1), E = reactive({
 			left: "0px",
 			top: "0px"
 		});
-		function E() {
-			let e = Array.isArray(u.trigger) ? u.trigger : [u.trigger], t = {};
-			return e.includes("click") && (t.onClick = D), e.includes("context-menu") && (t.onContextmenu = D), t;
+		function D() {
+			let e = Array.isArray(d.trigger) ? d.trigger : [d.trigger], t = {};
+			return e.includes("click") && (t.onClick = O), e.includes("context-menu") && (t.onContextmenu = O), t;
 		}
-		let D = (e) => {
-			e.preventDefault(), e.stopPropagation(), T.left = e.clientX + "px", T.top = e.clientY + "px", w.value = !0, nextTick(() => {
-				O(e.clientX, e.clientY);
-			});
-		}, O = (e, t) => {
-			if (!S.value) return;
-			let n = S.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
-			e + n.width > r && (a = r - n.width - 4), t + n.height > i && (o = i - n.height - 4), a = Math.max(4, a), o = Math.max(4, o), T.left = a + "px", T.top = o + "px";
-		}, k = () => {
-			w.value = !1;
-		}, A = (e, t) => {
-			d("select", e, t), u.hideOnSelect && (w.value = !1);
-		}, j = (e) => {
+		let O = (e) => {
+			e.preventDefault(), e.stopPropagation(), E.left = e.clientX + "px", E.top = e.clientY + "px", T.value = !0, nextTick(() => {
+				k(e.clientX, e.clientY);
+			}), f("open");
+		}, k = (e, t) => {
 			if (!w.value) return;
-			let t = e.target, n = S.value, r = p.value;
+			let n = w.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
+			e + n.width > r && (a = r - n.width - 4), t + n.height > i && (o = i - n.height - 4), a = Math.max(4, a), o = Math.max(4, o), E.left = a + "px", E.top = o + "px";
+		}, A = () => {
+			T.value = !1;
+		}, j = (e, t) => {
+			f("select", e, t), d.hideOnSelect && (T.value = !1);
+		}, M = (e) => {
+			if (!T.value) return;
+			let t = e.target, n = w.value, r = S.value;
 			if (e.button === 2 || e.which === 3) return;
 			let i = n && n.contains(t), a = r && r.contains(t);
-			!i && !a && (w.value = !1);
-		}, M = (e) => {
-			e.key === "Escape" && w.value && (w.value = !1);
+			!i && !a && (T.value = !1);
 		}, F = (e) => {
-			w.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+			e.key === "Escape" && T.value && (T.value = !1);
+		}, I = (e) => {
+			T.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+		}, L = () => {
+			T.value = !1, f("close");
 		};
-		return provide("handleSelect", A), provide("closeMenu", () => {
-			w.value = !1;
-		}), onMounted(() => {
-			document.addEventListener("click", j), document.addEventListener("mousedown", j), document.addEventListener("keydown", M), document.addEventListener("contextmenu", F);
+		return provide("handleSelect", j), provide("closeMenu", L), onMounted(() => {
+			document.addEventListener("click", M), document.addEventListener("mousedown", M), document.addEventListener("keydown", F), document.addEventListener("contextmenu", I);
 		}), onUnmounted(() => {
-			document.removeEventListener("click", j), document.removeEventListener("mousedown", j), document.removeEventListener("keydown", M), document.removeEventListener("contextmenu", F);
+			document.removeEventListener("click", M), document.removeEventListener("mousedown", M), document.removeEventListener("keydown", F), document.removeEventListener("contextmenu", I);
+		}), c({
+			close: L,
+			openContextMenu: O
 		}), (r, c) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", mergeProps({
 				ref_key: "triggerRef",
-				ref: p,
-				class: unref(f)("trigger")
-			}, { ...E() }), [renderSlot(r.$slots, "default")], 16),
-			(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: unref(f)("menu-transition") }, {
-				default: withCtx(() => [w.value ? (openBlock(), createElementBlock("div", {
+				ref: S,
+				class: unref(p)("trigger")
+			}, { ...D() }), [renderSlot(r.$slots, "default")], 16),
+			(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: unref(p)("menu-transition") }, {
+				default: withCtx(() => [T.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "menuRef",
-					ref: S,
-					class: normalizeClass([unref(f)("menu"), unref(f)(`menu-${u.size}`)]),
-					style: normalizeStyle(T),
+					ref: w,
+					class: normalizeClass([unref(p)("menu"), unref(p)(`menu-${d.size}`)]),
+					style: normalizeStyle(E),
 					onContextmenu: c[0] ||= withModifiers(() => {}, ["prevent"])
 				}, [renderSlot(r.$slots, "content")], 38)) : createCommentVNode("", !0)]),
 				_: 3
 			}, 8, ["name"])])),
-			(openBlock(), createBlock(Teleport, { to: "body" }, [w.value ? (openBlock(), createElementBlock("div", {
+			(openBlock(), createBlock(Teleport, { to: "body" }, [T.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				class: normalizeClass(unref(f)("mask")),
-				onClick: k,
-				onContextmenu: withModifiers(k, ["prevent"])
+				class: normalizeClass(unref(p)("mask")),
+				onClick: A,
+				onContextmenu: withModifiers(A, ["prevent"])
 			}, null, 34)) : createCommentVNode("", !0)]))
 		], 64));
 	}

package/dist/resolver.d.ts

@@ -0,0 +1,26 @@
+import { ComponentResolver } from 'unplugin-vue-components';
+
+/**
+ * Xiaou 组件库解析器
+ */
+export declare function XiaouResolver(options?: XiaouResolverOptions): ComponentResolver;
+
+export declare interface XiaouResolverOptions {
+    /**
+     * 组件前缀
+     * @default 'X'
+     */
+    prefix?: string;
+    /**
+     * 包名称
+     * @default '@xiaou66/u-web-ui'
+     */
+    packageName?: string;
+    /**
+     * 组件目录
+     * @default 'components'
+     */
+    componentsDir?: string;
+}
+
+export { }

package/dist/resolver.es.js

@@ -0,0 +1,39 @@
+var COMPONENT_MAP = {
+	BackTop: { path: "components/BackTop" },
+	PageHeader: { path: "components/PageHeader" },
+	Result: { path: "components/Result" },
+	Scrollbar: { path: "components/Scrollbar" },
+	TimeSelect: { path: "components/TimeSelect" },
+	WebLayout: { path: "components/layout/WebLayout" },
+	WebBaseLayout: { path: "components/layout/WebLayout" },
+	UtoolsLayout: { path: "components/layout/UtoolsLayout" },
+	UtoolsBaseLayout: { path: "components/layout/UtoolsLayout" },
+	SplitPanel: { path: "components/layout/SplitPanel" },
+	LeftMenu: { path: "components/menu/LeftMenu" },
+	ContextMenu: { path: "components/menu/ContextMenu" },
+	ContextMenuItem: { path: "components/menu/ContextMenu" },
+	ContextMenuGroup: { path: "components/menu/ContextMenu" },
+	ContextMenuDivider: { path: "components/menu/ContextMenu" },
+	ContextMenuSubmenu: { path: "components/menu/ContextMenu" },
+	Setting: { path: "components/Setting" },
+	SettingItem: { path: "components/Setting/SettingItem" },
+	SettingGroup: { path: "components/Setting/SettingGroup" },
+	SettingDivision: { path: "components/Setting/SettingDivision" },
+	SwitchPlus: { path: "components/switch/SwitchPlus" },
+	SwitchPlusEnable: { path: "components/switch/SwitchPlus" },
+	LazyLoader: { path: "components/container/LazyLoader" }
+};
+function XiaouResolver(t = {}) {
+	let { prefix: n = "", packageName: r = "@xiaou66/u-web-ui", componentsDir: i = "components" } = t;
+	return {
+		type: "component",
+		resolve: (t) => {
+			let i = n && t.startsWith(n) ? t.slice(n.length) : t;
+			if (COMPONENT_MAP[i]) return {
+				name: n && t.startsWith(n) ? i.charAt(0).toUpperCase() + i.slice(1) : i,
+				from: r
+			};
+		}
+	};
+}
+export { XiaouResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiaou66/u-web-ui",
-  "version": "0.95.0",
+  "version": "0.97.0",
   "description": "web-ui",
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
@@ -54,104 +54,11 @@
       "require": "./dist/index.cjs.js",
       "default": "./dist/index.es.js"
     },
-    "./dist/style.css": "./dist/style.css",
-    "./dist/u-web-ui.css": "./dist/u-web-ui.css",
-    "./components/BackTop": {
-      "types": "./dist/components/BackTop/index.d.ts",
-      "import": "./dist/components/BackTop/index.es.js",
-      "default": "./dist/components/BackTop/index.es.js"
+    "./resolver": {
+      "types": "./dist/resolver.d.ts",
+      "import": "./dist/resolver.es.js",
+      "default": "./dist/resolver.es.js"
     },
-    "./components/PageHeader": {
-      "types": "./dist/components/PageHeader/index.d.ts",
-      "import": "./dist/components/PageHeader/index.es.js",
-      "default": "./dist/components/PageHeader/index.es.js"
-    },
-    "./components/Result": {
-      "types": "./dist/components/Result/index.d.ts",
-      "import": "./dist/components/Result/index.es.js",
-      "default": "./dist/components/Result/index.es.js"
-    },
-    "./components/Scrollbar": {
-      "types": "./dist/components/Scrollbar/index.d.ts",
-      "import": "./dist/components/Scrollbar/index.es.js",
-      "default": "./dist/components/Scrollbar/index.es.js"
-    },
-    "./components/TimeSelect": {
-      "types": "./dist/components/TimeSelect/index.d.ts",
-      "import": "./dist/components/TimeSelect/index.es.js",
-      "default": "./dist/components/TimeSelect/index.es.js"
-    },
-    "./components/layout/WebLayout": {
-      "types": "./dist/components/layout/WebLayout/index.d.ts",
-      "import": "./dist/components/layout/WebLayout/index.es.js",
-      "default": "./dist/components/layout/WebLayout/index.es.js"
-    },
-    "./components/layout/UtoolsLayout": {
-      "types": "./dist/components/layout/UtoolsLayout/index.d.ts",
-      "import": "./dist/components/layout/UtoolsLayout/index.es.js",
-      "default": "./dist/components/layout/UtoolsLayout/index.es.js"
-    },
-    "./components/layout/SplitPanel": {
-      "types": "./dist/components/layout/SplitPanel/index.d.ts",
-      "import": "./dist/components/layout/SplitPanel/index.es.js",
-      "default": "./dist/components/layout/SplitPanel/index.es.js"
-    },
-    "./components/menu/LeftMenu": {
-      "types": "./dist/components/menu/LeftMenu/index.d.ts",
-      "import": "./dist/components/menu/LeftMenu/index.es.js",
-      "default": "./dist/components/menu/LeftMenu/index.es.js"
-    },
-    "./components/menu/ContextMenu": {
-      "types": "./dist/components/menu/ContextMenu/index.d.ts",
-      "import": "./dist/components/menu/ContextMenu/index.es.js",
-      "default": "./dist/components/menu/ContextMenu/index.es.js"
-    },
-    "./components/Setting": {
-      "types": "./dist/components/Setting/index.d.ts",
-      "import": "./dist/components/Setting/index.es.js",
-      "default": "./dist/components/Setting/index.es.js"
-    },
-    "./components/Setting/SettingItem": {
-      "types": "./dist/components/Setting/SettingItem/index.d.ts",
-      "import": "./dist/components/Setting/SettingItem/index.es.js",
-      "default": "./dist/components/Setting/SettingItem/index.es.js"
-    },
-    "./components/Setting/SettingGroup": {
-      "types": "./dist/components/Setting/SettingGroup/index.d.ts",
-      "import": "./dist/components/Setting/SettingGroup/index.es.js",
-      "default": "./dist/components/Setting/SettingGroup/index.es.js"
-    },
-    "./components/Setting/SettingDivision": {
-      "types": "./dist/components/Setting/SettingDivision/index.d.ts",
-      "import": "./dist/components/Setting/SettingDivision/index.es.js",
-      "default": "./dist/components/Setting/SettingDivision/index.es.js"
-    },
-    "./components/switch/SwitchPlus": {
-      "types": "./dist/components/switch/SwitchPlus/index.d.ts",
-      "import": "./dist/components/switch/SwitchPlus/index.es.js",
-      "default": "./dist/components/switch/SwitchPlus/index.es.js"
-    },
-    "./components/container/LazyLoader": {
-      "types": "./dist/components/container/LazyLoader/index.d.ts",
-      "import": "./dist/components/container/LazyLoader/index.es.js",
-      "default": "./dist/components/container/LazyLoader/index.es.js"
-    },
-    "./components/BackTop/styles": "./dist/components/BackTop/styles.css",
-    "./components/PageHeader/styles": "./dist/components/PageHeader/styles.css",
-    "./components/Result/styles": "./dist/components/Result/styles.css",
-    "./components/Scrollbar/styles": "./dist/components/Scrollbar/styles.css",
-    "./components/TimeSelect/styles": "./dist/components/TimeSelect/styles.css",
-    "./components/layout/WebLayout/styles": "./dist/components/layout/WebLayout/styles.css",
-    "./components/layout/UtoolsLayout/styles": "./dist/components/layout/UtoolsLayout/styles.css",
-    "./components/layout/SplitPanel/styles": "./dist/components/layout/SplitPanel/styles.css",
-    "./components/menu/ContextMenu/styles": "./dist/components/menu/ContextMenu/styles.css",
-    "./components/Setting/SettingItem/styles": "./dist/components/Setting/SettingItem/styles.css",
-    "./components/Setting/SettingGroup/styles": "./dist/components/Setting/SettingGroup/styles.css",
-    "./components/Setting/SettingDivision/styles": "./dist/components/Setting/SettingDivision/styles.css",
-    "./components/switch/SwitchPlus/styles": "./dist/components/switch/SwitchPlus/styles.css",
-    "./components/container/LazyLoader/styles": "./dist/components/container/LazyLoader/styles.css",
-    "./dist/style.css": "./dist/style.css",
-    "./dist/u-web-ui.css": "./dist/u-web-ui.css",
-    "./package.json": "./package.json"
+    "./dist/u-web-ui.css": "./dist/u-web-ui.css"
   }
 }