@xiaou66/u-web-ui 0.152.0 → 0.153.0

package/dist/index.d.ts

@@ -358,9 +358,15 @@ declare type loadStatusCompute<T> = ComputedRef<(uniqueKey: T) => boolean>;
  * 菜单项
  */
 export declare interface MenuItem {
+    id?: string;
     title: string;
     icon: string;
     menu?: boolean;
+    /**
+     * 单击事件
+     * @param e 事件
+     */
+    onClick?: (item: MenuRouterItem) => void;
 }
 
 export declare type MenuRouterItem = ((RouteRecord | RouteRecordRaw) & {

package/dist/index.es.js

@@ -154,7 +154,7 @@ let LeftMenuEvents = /* @__PURE__ */ function(e) {
 const LeftMenuEventDispatch = { refresh: () => {
 	window.dispatchEvent(new CustomEvent(LeftMenuEvents.Refresh));
 } };
-var LeftMenu_default = /* @__PURE__ */ defineComponent({
+var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ defineComponent({
 	__name: "LeftMenu",
 	props: /* @__PURE__ */ mergeModels({
 		hideOperations: {
@@ -191,7 +191,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			h();
 		});
 		function g(e) {
-			d.push({ name: e.name });
+			e.meta.onClick ? e.meta.onClick(e) : d.push({ name: e.name });
 		}
 		function v(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
@@ -233,11 +233,16 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 				}, 1032, ["index"])) : (openBlock(), createBlock(l, {
 					key: 1,
 					index: String(t.name),
+					id: t.meta?.id || "",
 					onClick: (e) => g(t)
 				}, {
-					default: withCtx(() => [createVNode(r, { class: normalizeClass(t.meta.icon) }, null, 8, ["class"]), createElementVNode("span", null, toDisplayString(t.meta.title), 1)]),
+					default: withCtx(() => [createVNode(r, { class: normalizeClass(["icon", t.meta.icon]) }, null, 8, ["class"]), createElementVNode("span", _hoisted_1$5, toDisplayString(t.meta.title), 1)]),
 					_: 2
-				}, 1032, ["index", "onClick"]))], 64))), 128))]),
+				}, 1032, [
+					"index",
+					"id",
+					"onClick"
+				]))], 64))), 128))]),
 				_: 1
 			}, 8, [
 				"default-active",
@@ -570,7 +575,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			let r = w(e ?? t);
 			return r.isPx ? r.size : r.size * n;
 		}
-		function Ye(e, t) {
+		function Xe(e, t) {
 			return parseFloat(e) / parseFloat(t);
 		}
 		let F = {
@@ -585,7 +590,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		}
 		function L(e, t) {
 			if (!t) return;
-			let n = T.value.isPx ? `${e}px` : Ye(e, t);
+			let n = T.value.isPx ? `${e}px` : Xe(e, t);
 			C.value !== n && (C.value = n, c("update:size", n));
 		}
 		function R(e, t) {
@@ -1117,13 +1122,13 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			if (f.value) {
 				let { clientWidth: e, clientHeight: t, offsetWidth: n, offsetHeight: r, scrollWidth: i, scrollHeight: a, scrollTop: o, scrollLeft: s } = f.value;
 				S.value = i > e, C.value = a > t, E.value = w.value && T.value;
-				let l = c.type === "embed" && E.value ? n - d.value : n, u = c.type === "embed" && E.value ? r - d.value : r, h = Math.round(l / Math.min(i / e, l / SCROLLBAR_THUMB_MIN_SIZE)), _ = l - h, v = (i - e) / _, b = Math.round(u / Math.min(a / t, u / SCROLLBAR_THUMB_MIN_SIZE)), x = u - b, qe = (a - t) / x;
+				let l = c.type === "embed" && E.value ? n - d.value : n, u = c.type === "embed" && E.value ? r - d.value : r, h = Math.round(l / Math.min(i / e, l / SCROLLBAR_THUMB_MIN_SIZE)), _ = l - h, v = (i - e) / _, b = Math.round(u / Math.min(a / t, u / SCROLLBAR_THUMB_MIN_SIZE)), x = u - b, Je = (a - t) / x;
 				if (p.value = {
 					ratio: v,
 					thumbSize: h,
 					max: _
 				}, m.value = {
-					ratio: qe,
+					ratio: Je,
 					thumbSize: b,
 					max: x
 				}, o > 0) {
@@ -1358,7 +1363,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 		"clear"
 	], ["update:modelValue"]),
 	setup(c, { expose: l, emit: d }) {
-		let f = c, p = d, m = ref(), h = ref(), b = ref(), x = ref(!1), S = ref(!1), C = ref(), Je = ref(!1), T = ref({
+		let f = c, p = d, m = ref(), h = ref(), b = ref(), x = ref(!1), S = ref(!1), C = ref(), Ye = ref(!1), T = ref({
 			top: "0px",
 			left: "0px",
 			width: "0px",
@@ -1438,9 +1443,9 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			A.value = "hour", M.value?.focus();
 		}, J = () => {
 			A.value = "minute", F.value?.focus();
-		}, Xe = () => {
+		}, Ze = () => {
 			f.disabled || (x.value = !0, S.value = !0, A.value || q());
-		}, Ze = (e) => {
+		}, Qe = (e) => {
 			e.preventDefault();
 			let t = e.target, n = e.data || "";
 			if (!/^\d$/.test(n)) {
@@ -1454,7 +1459,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			t.textContent = i, Y("hour", i), I.length === 2 && nextTick(() => {
 				J();
 			});
-		}, Qe = (e) => {
+		}, $e = (e) => {
 			e.preventDefault();
 			let t = e.target, n = e.data || "";
 			if (!/^\d$/.test(n)) {
@@ -1477,35 +1482,35 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 				});
 				C.value && n && C.value.scrollTop(n.offsetTop);
 			}
-		}, $e = () => {
-			A.value = "hour", S.value = !0, I = "";
 		}, et = () => {
+			A.value = "hour", S.value = !0, I = "";
+		}, tt = () => {
 			A.value = null, S.value = !1, X();
 		}, X = () => {
 			console.log("autoFillTime", B.value), B.value = G(W(B.value || "")), console.log("autoFillTime", G(W(B.value || "")), W(B.value || ""));
-		}, tt = () => {
-			A.value = "minute", S.value = !0, L = "";
 		}, nt = () => {
+			A.value = "minute", S.value = !0, L = "";
+		}, rt = () => {
 			A.value = null, S.value = !1, X();
-		}, rt = (e) => {
-			e.key === "Tab" || e.key === "ArrowRight" ? (e.preventDefault(), J()) : e.key === "Enter" && (e.preventDefault(), x.value = !x.value);
 		}, it = (e) => {
+			e.key === "Tab" || e.key === "ArrowRight" ? (e.preventDefault(), J()) : e.key === "Enter" && (e.preventDefault(), x.value = !x.value);
+		}, at = (e) => {
 			e.key === "Tab" || e.key === "ArrowLeft" ? (e.preventDefault(), q()) : e.key === "Enter" && (e.preventDefault(), x.value = !x.value);
 		}, Z = () => {
 			B.value = "", p("change", ""), p("clear"), I = "", L = "", nextTick(() => {
 				q();
 			});
-		}, at = (e) => {
-			B.value = e, p("change", e), x.value = !1, Je.value = !0, A.value = null, nextTick(() => {
+		}, ot = (e) => {
+			B.value = e, p("change", e), x.value = !1, Ye.value = !0, A.value = null, nextTick(() => {
 				h.value?.focus();
 			});
-		}, ot = () => {
-			q();
 		}, st = () => {
+			q();
+		}, ct = () => {
 			M.value?.blur(), F.value?.blur(), A.value = null;
-		}, Q = 0, $ = null, ct = () => {
+		}, Q = 0, $ = null, lt = () => {
 			Q++, x.value = !0;
-		}, lt = () => {
+		}, ut = () => {
 			$ && clearTimeout($);
 			let e = Q + 1;
 			Q = e, $ = setTimeout(() => {
@@ -1513,8 +1518,8 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			}, 100);
 		};
 		return l({
-			focus: ot,
-			blur: st
+			focus: st,
+			blur: ct
 		}), (r, c) => (openBlock(), createElementBlock("div", { class: normalizeClass(["time-select", {
 			"time-select--disabled": f.disabled,
 			"time-select--border": f.border
@@ -1522,8 +1527,8 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			ref_key: "inputWrapperRef",
 			ref: b,
 			class: "time-select__input-wrapper",
-			onFocusin: ct,
-			onFocusout: lt
+			onFocusin: lt,
+			onFocusout: ut
 		}, [
 			f.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_1, c[0] ||= [createElementVNode("svg", {
 				class: "time-select__icon",
@@ -1537,17 +1542,17 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					"time-select__input--disabled": f.disabled,
 					"time-select__input--readonly": !f.editable
 				}]),
-				onClick: Xe
+				onClick: Ze
 			}, [
 				createElementVNode("div", {
 					ref_key: "hourRef",
 					ref: M,
 					class: normalizeClass(["time-select__time-part time-select__hour", { "time-select__time-part--selected": A.value === "hour" }]),
 					contenteditable: f.editable && !f.disabled,
-					onInput: Ze,
-					onFocus: $e,
-					onBlur: et,
-					onKeydown: rt,
+					onInput: Qe,
+					onFocus: et,
+					onBlur: tt,
+					onKeydown: it,
 					onClick: withModifiers(q, ["stop"])
 				}, toDisplayString(R.value), 43, _hoisted_2),
 				c[1] ||= createElementVNode("span", { class: "time-select__separator" }, ":", -1),
@@ -1556,10 +1561,10 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					ref: F,
 					class: normalizeClass(["time-select__time-part time-select__minute", { "time-select__time-part--selected": A.value === "minute" }]),
 					contenteditable: f.editable && !f.disabled,
-					onInput: Qe,
-					onFocus: tt,
-					onBlur: nt,
-					onKeydown: it,
+					onInput: $e,
+					onFocus: nt,
+					onBlur: rt,
+					onKeydown: at,
 					onClick: withModifiers(J, ["stop"])
 				}, toDisplayString(z.value), 43, _hoisted_3)
 			], 2),
@@ -1593,7 +1598,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					key: e,
 					class: normalizeClass(["time-select__option", { "time-select__option--selected": e === G(W(B.value)) }]),
 					"data-value": e,
-					onClick: (t) => at(e)
+					onClick: (t) => ot(e)
 				}, toDisplayString(e), 11, _hoisted_4))), 128))]),
 				_: 1
 			}, 8, ["size"])], 6)) : createCommentVNode("", !0)]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiaou66/u-web-ui",
-  "version": "0.152.0",
+  "version": "0.153.0",
   "description": "web-ui",
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",