@gx-design-vue/pro-layout-components 0.1.0-alpha.7 → 0.1.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/RightContent/Search/Panel.d.ts +1 -2
- package/dist/RightContent/Search/index.d.ts +1 -2
- package/dist/RightContent/Search/style.d.ts +1 -3
- package/dist/RightContent/index.d.ts +1 -2
- package/dist/RightContent/index.js +2 -1
- package/dist/RightContent/style.d.ts +1 -3
- package/dist/pro-layout-components.esm.js +63 -55
- package/dist/pro-layout-components.js +1 -1
- package/package.json +27 -15
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { RightContentLocale } from "../interface.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
2
|
import { LayoutMenuRoute } from "@gx-design-vue/pro-layout";
|
|
4
3
|
|
|
5
4
|
//#region src/RightContent/Search/Panel.d.ts
|
|
@@ -14,6 +13,6 @@ interface SearchPanelProps {
|
|
|
14
13
|
onBlur?: () => void;
|
|
15
14
|
onClose?: (clear?: boolean) => void;
|
|
16
15
|
}
|
|
17
|
-
declare const GSearchPanel:
|
|
16
|
+
declare const GSearchPanel: import("vue").DefineSetupFnComponent<SearchPanelProps, {}, {}, SearchPanelProps & {}, import("vue").PublicProps>;
|
|
18
17
|
//#endregion
|
|
19
18
|
export { SearchPanelProps, GSearchPanel as default };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { RightContentLocale } from "../interface.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
2
|
|
|
4
3
|
//#region src/RightContent/Search/index.d.ts
|
|
5
4
|
interface SearchInputProps {
|
|
@@ -9,6 +8,6 @@ interface SearchInputProps {
|
|
|
9
8
|
searchHistoryKey?: string;
|
|
10
9
|
emptyProps?: Record<string, unknown>;
|
|
11
10
|
}
|
|
12
|
-
declare const GSearchInput:
|
|
11
|
+
declare const GSearchInput: import("vue").DefineSetupFnComponent<SearchInputProps, {}, {}, SearchInputProps & {}, import("vue").PublicProps>;
|
|
13
12
|
//#endregion
|
|
14
13
|
export { SearchInputProps, GSearchInput as default };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import * as _$vue from "vue";
|
|
2
|
-
|
|
3
1
|
//#region src/RightContent/Search/style.d.ts
|
|
4
2
|
type ComponentToken = Record<string, any>;
|
|
5
|
-
declare const _default: (prefixCls:
|
|
3
|
+
declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
|
|
6
4
|
//#endregion
|
|
7
5
|
export { ComponentToken, _default as default };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { RightContentEmits, RightContentProps, RightContentSlots } from "./interface.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
2
|
import { SlotsType } from "vue";
|
|
4
3
|
|
|
5
4
|
//#region src/RightContent/index.d.ts
|
|
6
|
-
declare const RightContent:
|
|
5
|
+
declare const RightContent: import("vue").DefineSetupFnComponent<RightContentProps, RightContentEmits, SlotsType<RightContentSlots>, RightContentProps, import("vue").PublicProps>;
|
|
7
6
|
//#endregion
|
|
8
7
|
export { RightContent as default };
|
|
@@ -132,7 +132,8 @@ const RightContent = /* @__PURE__ */ defineComponent((props, { emit, slots }) =>
|
|
|
132
132
|
]), createVNode(Dropdown, mergeProps({ "placement": "bottomRight" }, props.dropdownProps, { "menu": { items: userMenuItems.value } }), {
|
|
133
133
|
default: () => [slots.dropdownTrigger ? slots.dropdownTrigger() : createVNode("div", { "class": classNames(`${prefixCls.value}-header-actions-avatar`) }, [createVNode(Avatar, {
|
|
134
134
|
"size": 28,
|
|
135
|
-
"icon": createVNode(GIcon, { "type": "UserOutlined" }, null)
|
|
135
|
+
"icon": createVNode(GIcon, { "type": "UserOutlined" }, null),
|
|
136
|
+
"src": props.avatar
|
|
136
137
|
}, null), props.name && createVNode("span", { "class": classNames(`${prefixCls.value}-header-actions-name`) }, [props.name])])],
|
|
137
138
|
popupRender: slots.popupRender
|
|
138
139
|
})])])]);
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import * as _$vue from "vue";
|
|
2
|
-
|
|
3
1
|
//#region src/RightContent/style.d.ts
|
|
4
2
|
type ComponentToken = Record<string, any>;
|
|
5
|
-
declare const _default: (prefixCls:
|
|
3
|
+
declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
|
|
6
4
|
//#endregion
|
|
7
5
|
export { ComponentToken, _default as default };
|
|
@@ -85,30 +85,37 @@ var ee = {
|
|
|
85
85
|
autoTheme: "自动"
|
|
86
86
|
};
|
|
87
87
|
//#endregion
|
|
88
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
88
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/predicate/isPrimitive.mjs
|
|
89
89
|
function V(e) {
|
|
90
90
|
return e == null || typeof e != "object" && typeof e != "function";
|
|
91
91
|
}
|
|
92
92
|
//#endregion
|
|
93
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
93
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/predicate/isTypedArray.mjs
|
|
94
94
|
function H(e) {
|
|
95
95
|
return ArrayBuffer.isView(e) && !(e instanceof DataView);
|
|
96
96
|
}
|
|
97
97
|
//#endregion
|
|
98
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
98
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs
|
|
99
99
|
function U(e) {
|
|
100
100
|
return Object.getOwnPropertySymbols(e).filter((t) => Object.prototype.propertyIsEnumerable.call(e, t));
|
|
101
101
|
}
|
|
102
102
|
//#endregion
|
|
103
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
103
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/compat/_internal/getTag.mjs
|
|
104
104
|
function te(e) {
|
|
105
105
|
return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
|
|
106
106
|
}
|
|
107
107
|
//#endregion
|
|
108
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
109
|
-
var ne = "[object RegExp]", re = "[object String]", ie = "[object Number]", ae = "[object Boolean]", oe = "[object Arguments]",
|
|
108
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/compat/_internal/tags.mjs
|
|
109
|
+
var ne = "[object RegExp]", re = "[object String]", ie = "[object Number]", ae = "[object Boolean]", oe = "[object Arguments]", se = "[object Symbol]", W = "[object Date]", G = "[object Map]", K = "[object Set]", ce = "[object Array]", le = "[object ArrayBuffer]", ue = "[object Object]", de = "[object DataView]", fe = "[object Uint8Array]", pe = "[object Uint8ClampedArray]", me = "[object Uint16Array]", he = "[object Uint32Array]", ge = "[object Int8Array]", _e = "[object Int16Array]", ve = "[object Int32Array]", ye = "[object Float32Array]", be = "[object Float64Array]", q = typeof globalThis == "object" && globalThis || typeof window == "object" && window || typeof self == "object" && self || typeof global == "object" && global || (function() {
|
|
110
|
+
return this;
|
|
111
|
+
})();
|
|
110
112
|
//#endregion
|
|
111
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
113
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/predicate/isBuffer.mjs
|
|
114
|
+
function xe(e) {
|
|
115
|
+
return q.Buffer !== void 0 && q.Buffer.isBuffer(e);
|
|
116
|
+
}
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/object/cloneDeepWith.mjs
|
|
112
119
|
function J(e, t, n, r = /* @__PURE__ */ new Map(), i = void 0) {
|
|
113
120
|
let a = i?.(e, t, n, r);
|
|
114
121
|
if (a !== void 0) return a;
|
|
@@ -137,7 +144,7 @@ function J(e, t, n, r = /* @__PURE__ */ new Map(), i = void 0) {
|
|
|
137
144
|
for (let a of e) t.add(J(a, void 0, n, r, i));
|
|
138
145
|
return t;
|
|
139
146
|
}
|
|
140
|
-
if (
|
|
147
|
+
if (xe(e)) return e.subarray();
|
|
141
148
|
if (H(e)) {
|
|
142
149
|
let t = new (Object.getPrototypeOf(e)).constructor(e.length);
|
|
143
150
|
r.set(e, t);
|
|
@@ -158,8 +165,8 @@ function J(e, t, n, r = /* @__PURE__ */ new Map(), i = void 0) {
|
|
|
158
165
|
return r.set(e, t), Y(t, e, n, r, i), t;
|
|
159
166
|
}
|
|
160
167
|
if (e instanceof Error) {
|
|
161
|
-
let t =
|
|
162
|
-
return r.set(e, t), t.message = e.message, t.name = e.name, t.stack = e.stack, t.cause = e.cause, Y(t, e, n, r, i), t;
|
|
168
|
+
let t = structuredClone(e);
|
|
169
|
+
return r.set(e, t), t.message = e.message, t.name = e.name, t.stack = e.stack, t.cause = e.cause, t.constructor = e.constructor, Y(t, e, n, r, i), t;
|
|
163
170
|
}
|
|
164
171
|
if (e instanceof Boolean) {
|
|
165
172
|
let t = new Boolean(e.valueOf());
|
|
@@ -173,7 +180,7 @@ function J(e, t, n, r = /* @__PURE__ */ new Map(), i = void 0) {
|
|
|
173
180
|
let t = new String(e.valueOf());
|
|
174
181
|
return r.set(e, t), Y(t, e, n, r, i), t;
|
|
175
182
|
}
|
|
176
|
-
if (typeof e == "object" &&
|
|
183
|
+
if (typeof e == "object" && Se(e)) {
|
|
177
184
|
let t = Object.create(Object.getPrototypeOf(e));
|
|
178
185
|
return r.set(e, t), Y(t, e, n, r, i), t;
|
|
179
186
|
}
|
|
@@ -186,79 +193,79 @@ function Y(e, t, n = e, r, i) {
|
|
|
186
193
|
(c == null || c.writable) && (e[s] = J(t[s], s, n, r, i));
|
|
187
194
|
}
|
|
188
195
|
}
|
|
189
|
-
function
|
|
196
|
+
function Se(e) {
|
|
190
197
|
switch (te(e)) {
|
|
191
198
|
case oe:
|
|
192
|
-
case se:
|
|
193
199
|
case ce:
|
|
194
|
-
case
|
|
200
|
+
case le:
|
|
201
|
+
case de:
|
|
195
202
|
case ae:
|
|
196
|
-
case
|
|
197
|
-
case ve:
|
|
203
|
+
case W:
|
|
198
204
|
case ye:
|
|
199
|
-
case
|
|
205
|
+
case be:
|
|
200
206
|
case ge:
|
|
201
207
|
case _e:
|
|
202
|
-
case
|
|
208
|
+
case ve:
|
|
209
|
+
case G:
|
|
203
210
|
case ie:
|
|
204
|
-
case
|
|
211
|
+
case ue:
|
|
205
212
|
case ne:
|
|
206
|
-
case
|
|
213
|
+
case K:
|
|
207
214
|
case re:
|
|
208
|
-
case
|
|
209
|
-
case de:
|
|
215
|
+
case se:
|
|
210
216
|
case fe:
|
|
211
217
|
case pe:
|
|
212
|
-
case me:
|
|
218
|
+
case me:
|
|
219
|
+
case he: return !0;
|
|
213
220
|
default: return !1;
|
|
214
221
|
}
|
|
215
222
|
}
|
|
216
223
|
//#endregion
|
|
217
|
-
//#region ../../node_modules/.pnpm/es-toolkit@1.
|
|
224
|
+
//#region ../../node_modules/.pnpm/es-toolkit@1.48.1/node_modules/es-toolkit/dist/object/cloneDeep.mjs
|
|
218
225
|
function X(e) {
|
|
219
226
|
return J(e, void 0, e, /* @__PURE__ */ new Map(), void 0);
|
|
220
227
|
}
|
|
221
228
|
//#endregion
|
|
222
229
|
//#region src/RightContent/utils.ts
|
|
223
|
-
function
|
|
230
|
+
function Ce(e, t) {
|
|
224
231
|
let n = /* @__PURE__ */ new Map();
|
|
225
232
|
return e.filter((e) => {
|
|
226
233
|
let r = e[t];
|
|
227
234
|
return n.has(r) ? !1 : (n.set(r, e), !0);
|
|
228
235
|
});
|
|
229
236
|
}
|
|
230
|
-
var
|
|
231
|
-
function
|
|
237
|
+
var we = "ABCDEFGHJKLMNOPQRSTWXYZ", Te = "阿八嚓哒鹅发旮哈讥咔垃妈拿噢啪七日撒他挖昔压匝";
|
|
238
|
+
function Ee(e) {
|
|
232
239
|
let t = e.codePointAt(0);
|
|
233
240
|
if (t >= 65 && t <= 90) return e;
|
|
234
241
|
if (t >= 97 && t <= 122) return e.toUpperCase();
|
|
235
242
|
if (t < 19968 || t > 40959) return "";
|
|
236
|
-
for (let t = 22; t >= 0; t--) if (e.localeCompare(
|
|
243
|
+
for (let t = 22; t >= 0; t--) if (e.localeCompare(Te[t], "zh-CN") >= 0) return we[t];
|
|
237
244
|
return "";
|
|
238
245
|
}
|
|
239
|
-
function
|
|
246
|
+
function De(e) {
|
|
240
247
|
let t = "";
|
|
241
|
-
for (let n of e) t +=
|
|
248
|
+
for (let n of e) t += Ee(n);
|
|
242
249
|
return t;
|
|
243
250
|
}
|
|
244
|
-
function
|
|
251
|
+
function Oe(e, t) {
|
|
245
252
|
if (!t) return !1;
|
|
246
253
|
let n = t.trim().toLowerCase();
|
|
247
|
-
return !!(e.toLowerCase().includes(n) ||
|
|
254
|
+
return !!(e.toLowerCase().includes(n) || De(e).toLowerCase().includes(n));
|
|
248
255
|
}
|
|
249
|
-
function
|
|
256
|
+
function ke(e, t) {
|
|
250
257
|
let n = t.trim();
|
|
251
258
|
if (!n) return [];
|
|
252
259
|
let r = [];
|
|
253
|
-
for (let t of e) t.meta?.hideInMenu ||
|
|
260
|
+
for (let t of e) t.meta?.hideInMenu || Oe(t.meta?.title || (typeof t.name == "string" ? t.name : "") || "", n) && r.push(t);
|
|
254
261
|
return r;
|
|
255
262
|
}
|
|
256
263
|
//#endregion
|
|
257
264
|
//#region src/RightContent/Search/Panel.tsx
|
|
258
|
-
var
|
|
265
|
+
var Z = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
259
266
|
image: w.PRESENTED_IMAGE_SIMPLE,
|
|
260
267
|
description: n.noResult?.(t)
|
|
261
|
-
}, null) : r("div", { class: e }, [n.noHistory]),
|
|
268
|
+
}, null) : r("div", { class: e }, [n.noHistory]), Ae = /* @__PURE__ */ i((t) => {
|
|
262
269
|
let n = j(), { renderEmpty: i } = A(), a = v(t.historyKey || z({
|
|
263
270
|
suffixCls: "search-history",
|
|
264
271
|
isPro: !0
|
|
@@ -268,7 +275,7 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
268
275
|
f.value = [];
|
|
269
276
|
return;
|
|
270
277
|
}
|
|
271
|
-
f.value =
|
|
278
|
+
f.value = ke(t.dataSource ?? [], n), o.value = 0;
|
|
272
279
|
}, 200);
|
|
273
280
|
d(() => t.keyword, (e) => {
|
|
274
281
|
e ? m(e) : f.value = X(u(a));
|
|
@@ -301,7 +308,7 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
301
308
|
e.stopPropagation(), f.value = f.value.filter((e) => e.name !== t.name), a.value = a.value.filter((e) => e.name !== t.name), o.value = o.value - 1 >= 0 ? o.value - 1 : 0, g();
|
|
302
309
|
}
|
|
303
310
|
let w = (e) => B(`${t.className}${e ? `-${e}` : ""}`, t.hashId);
|
|
304
|
-
return () => r(e, null, [f.value.length > 0 ? r(e, null, [a.value.length > 0 && !t.keyword && r("div", { class: w("panel-title") }, [t.locale.searchHistory]), r("div", { class: w("panel-list") }, [
|
|
311
|
+
return () => r(e, null, [f.value.length > 0 ? r(e, null, [a.value.length > 0 && !t.keyword && r("div", { class: w("panel-title") }, [t.locale.searchHistory]), r("div", { class: w("panel-list") }, [Ce(f.value, "name").map((e, n) => r("div", {
|
|
305
312
|
key: e.name,
|
|
306
313
|
class: w(B("panel-item", n === o.value && "active")),
|
|
307
314
|
"data-search-item": n,
|
|
@@ -310,7 +317,7 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
310
317
|
}, [r("div", { class: w("panel-item-left") }, [e.meta?.title]), a.value.length > 0 && !t.keyword && r(p, {
|
|
311
318
|
type: "CloseOutlined",
|
|
312
319
|
onClick: (t) => C(t, e)
|
|
313
|
-
}, null)]))])]) : i.value?.() || r(
|
|
320
|
+
}, null)]))])]) : i.value?.() || r(Z, {
|
|
314
321
|
className: w("result"),
|
|
315
322
|
value: t.keyword,
|
|
316
323
|
locale: t.locale
|
|
@@ -356,7 +363,7 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
356
363
|
},
|
|
357
364
|
name: "GSearchPanel",
|
|
358
365
|
inheritAttrs: !1
|
|
359
|
-
}),
|
|
366
|
+
}), je = k("ProRightSearch", (e) => {
|
|
360
367
|
let t = e.menuItemIconSize || e.fontSize, n = e.calc(e.borderRadiusLG).mul(2).equal(), r = e.calc(e.paddingXXS).div(2).equal();
|
|
361
368
|
return { [e.componentCls]: {
|
|
362
369
|
display: "flex",
|
|
@@ -444,15 +451,15 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
444
451
|
color: e.colorTextQuaternary
|
|
445
452
|
}
|
|
446
453
|
} };
|
|
447
|
-
}),
|
|
454
|
+
}), Me = ({ className: e, hashId: t, locale: n }) => r("div", { class: B(`${e}-footer`, t) }, [r("div", { class: B(`${e}-footer-icon`, t) }, [r(p, { type: "EnterOutlined" }, null), n.selectLabel]), r("div", { class: B(`${e}-footer-icon`, t) }, [
|
|
448
455
|
r(p, { type: "ArrowUpOutlined" }, null),
|
|
449
456
|
r(p, {
|
|
450
457
|
type: "ArrowUpOutlined",
|
|
451
458
|
rotate: 180
|
|
452
459
|
}, null),
|
|
453
460
|
n.navigateLabel
|
|
454
|
-
])]),
|
|
455
|
-
let a = m(), { prefixCls: c } = E("pro-right-search"), u = D(c), [d, f] =
|
|
461
|
+
])]), Ne = /* @__PURE__ */ i((i) => {
|
|
462
|
+
let a = m(), { prefixCls: c } = E("pro-right-search"), u = D(c), [d, f] = je(c, u), h = l(""), g = l(!1), _ = y(), v = M() ? _["ctrl+k"] : _["cmd+k"], b = l(), S = t(() => i.dataSource?.length ? R(i.dataSource) : a?.menuState?.flatMenus ? a.menuState.flatMenus.value : []);
|
|
456
463
|
x(v, () => {
|
|
457
464
|
i.disabledShortKey || (g.value = !0);
|
|
458
465
|
}), x(() => g.value, () => {
|
|
@@ -506,13 +513,13 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
506
513
|
}
|
|
507
514
|
}, null),
|
|
508
515
|
open: g.value,
|
|
509
|
-
footer: r(
|
|
516
|
+
footer: r(Me, {
|
|
510
517
|
className: a,
|
|
511
518
|
hashId: d.value,
|
|
512
519
|
locale: i.locale
|
|
513
520
|
}, null),
|
|
514
521
|
onCancel: () => C()
|
|
515
|
-
}, { default: () => [r(
|
|
522
|
+
}, { default: () => [r(Ae, o(t, {
|
|
516
523
|
emptyProps: i.emptyProps,
|
|
517
524
|
keyword: h.value,
|
|
518
525
|
dataSource: S.value,
|
|
@@ -550,10 +557,10 @@ var Oe = ({ className: e, value: t, locale: n }) => t ? r(w, {
|
|
|
550
557
|
});
|
|
551
558
|
//#endregion
|
|
552
559
|
//#region src/RightContent/style.ts
|
|
553
|
-
function
|
|
560
|
+
function Pe(e, t) {
|
|
554
561
|
return `color-mix(in srgb, ${e} ${t * 100}%, transparent)`;
|
|
555
562
|
}
|
|
556
|
-
var
|
|
563
|
+
var Fe = k("ProRightContent", (e) => ({ [e.componentCls]: {
|
|
557
564
|
height: "100%",
|
|
558
565
|
"&-header-actions": {
|
|
559
566
|
display: "flex",
|
|
@@ -602,7 +609,7 @@ var Ne = k("ProRightContent", (e) => ({ [e.componentCls]: {
|
|
|
602
609
|
height: 44,
|
|
603
610
|
lineHeight: "44px",
|
|
604
611
|
borderRadius: e.borderRadius,
|
|
605
|
-
"&:hover": { backgroundColor:
|
|
612
|
+
"&:hover": { backgroundColor: Pe(e.colorTextBase, .03) }
|
|
606
613
|
},
|
|
607
614
|
"&-avatar": {
|
|
608
615
|
display: "inline-flex",
|
|
@@ -624,7 +631,7 @@ function $(e, t) {
|
|
|
624
631
|
gap: "6px"
|
|
625
632
|
} }, [typeof e == "function" ? e() : e, t]);
|
|
626
633
|
}
|
|
627
|
-
var
|
|
634
|
+
var Ie = [
|
|
628
635
|
{
|
|
629
636
|
value: "light",
|
|
630
637
|
label: $(a(p, {
|
|
@@ -646,8 +653,8 @@ var Pe = [
|
|
|
646
653
|
style: Q
|
|
647
654
|
}), "自动")
|
|
648
655
|
}
|
|
649
|
-
],
|
|
650
|
-
let { isFullscreen: s, toggle: c } = _(), u = m(), { setTheme: h, isDark: v, theme: y } = f(), { prefixCls: b } = E("pro-right-content"), x = D(b), [w, T] =
|
|
656
|
+
], Le = /* @__PURE__ */ i((n, { emit: i, slots: a }) => {
|
|
657
|
+
let { isFullscreen: s, toggle: c } = _(), u = m(), { setTheme: h, isDark: v, theme: y } = f(), { prefixCls: b } = E("pro-right-content"), x = D(b), [w, T] = Fe(b, x), O = t(() => u?.isMobile.value ?? !1), k = l(), { width: A } = g(k), j = l("auto"), M = l();
|
|
651
658
|
d(A, (e) => {
|
|
652
659
|
j.value = e > 0 ? e : "auto";
|
|
653
660
|
});
|
|
@@ -660,7 +667,7 @@ var Pe = [
|
|
|
660
667
|
themeEditor: !1,
|
|
661
668
|
fullScreen: !0,
|
|
662
669
|
...n.actions
|
|
663
|
-
}), L = t(() => (n.themeOptions ||
|
|
670
|
+
}), L = t(() => (n.themeOptions || Ie).map((e) => ({
|
|
664
671
|
key: e.value,
|
|
665
672
|
label: e.label()
|
|
666
673
|
})));
|
|
@@ -708,7 +715,7 @@ var Pe = [
|
|
|
708
715
|
height: "100%"
|
|
709
716
|
}
|
|
710
717
|
}, [r("div", { style: { height: "100%" } }, [r("div", { class: B(`${b.value}-header-actions`) }, [a.default ? a.default() : r(e, null, [
|
|
711
|
-
I.value.search && !O.value && r(
|
|
718
|
+
I.value.search && !O.value && r(Ne, {
|
|
712
719
|
dataSource: n.searchConfig?.dataSource,
|
|
713
720
|
disabledShortKey: n.searchConfig?.disabledShortKey,
|
|
714
721
|
searchHistoryKey: n.searchConfig?.historyKey,
|
|
@@ -742,7 +749,8 @@ var Pe = [
|
|
|
742
749
|
]), r(C, o({ placement: "bottomRight" }, n.dropdownProps, { menu: { items: z.value } }), {
|
|
743
750
|
default: () => [a.dropdownTrigger ? a.dropdownTrigger() : r("div", { class: B(`${b.value}-header-actions-avatar`) }, [r(S, {
|
|
744
751
|
size: 28,
|
|
745
|
-
icon: r(p, { type: "UserOutlined" }, null)
|
|
752
|
+
icon: r(p, { type: "UserOutlined" }, null),
|
|
753
|
+
src: n.avatar
|
|
746
754
|
}, null), n.name && r("span", { class: B(`${b.value}-header-actions-name`) }, [n.name])])],
|
|
747
755
|
popupRender: a.popupRender
|
|
748
756
|
})])])]);
|
|
@@ -800,4 +808,4 @@ var Pe = [
|
|
|
800
808
|
inheritAttrs: !1
|
|
801
809
|
});
|
|
802
810
|
//#endregion
|
|
803
|
-
export {
|
|
811
|
+
export { Le as RightContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("@gx-design-vue/context"),require("@gx-design-vue/icon"),require("@gx-design-vue/pro-layout"),require("@vueuse/core"),require("antdv-next"),require("antdv-next/config-provider/context"),require("antdv-next/config-provider/hooks/useCSSVarCls"),require("@gx-design-vue/pro-modal"),require("@gx-design-vue/pro-provider"),require("vue-router")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@gx-design-vue/context`,`@gx-design-vue/icon`,`@gx-design-vue/pro-layout`,`@vueuse/core`,`antdv-next`,`antdv-next/config-provider/context`,`antdv-next/config-provider/hooks/useCSSVarCls`,`@gx-design-vue/pro-modal`,`@gx-design-vue/pro-provider`,`vue-router`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProLayoutComponents={},e.Vue,e._gx_design_vue_context,e._gx_design_vue_icon,e._gx_design_vue_pro_layout,e._vueuse_core,e.antdv_next,e.antdv_next_config_provider_context,e.antdv_next_config_provider_hooks_useCSSVarCls,e._gx_design_vue_pro_modal,e._gx_design_vue_pro_provider,e.vue_router))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};c=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(c,1);function y(){return typeof navigator>`u`?!1:/windows|win32/i.test(navigator.userAgent)}function b(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function x(e){return Array.isArray===void 0?Object.prototype.toString.call(e)===`[object Array]`:Array.isArray(e)}function S(e){return e!==null&&b(e,`Object`)}function C(e){return typeof e==`string`}function w(e){if(!e||!e.startsWith(`http`))return!1;try{return!!new URL(e)}catch{return!1}}function T(e,t=`children`){let n=[];return e.forEach(e=>{n.push(e),x(e[t])&&e[t].length>0&&(n=n.concat(T(e[t],t)))}),n}function E({suffixCls:e,customizePrefixCls:t,isPro:n,className:r}){let i=r||(n?`gx-pro`:`gx`);return t||(e?`${i}-${e}`:i)}function D(...e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];if(r){if(C(r))t.push(r);else if(x(r))for(let e=0;e<r.length;e++){let n=D(r[e]);n&&t.push(n)}else if(S(r))for(let e in r)r[e]&&t.push(e)}}return t.filter(e=>e).join(` `)}var ee={searchPlaceholder:`搜索导航菜单`,searchLabel:`搜索`,searchShortcutLabel:`⌘ K`,logout:`退出登录`,noResult:e=>`未找到搜索结果 "${e}"`,noHistory:`没有搜索历史`,searchHistory:`搜索历史`,selectLabel:`选择`,navigateLabel:`导航`,lightTheme:`亮色`,darkTheme:`深色`,autoTheme:`自动`};function O(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function k(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function A(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function j(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}var M=`[object RegExp]`,N=`[object String]`,P=`[object Number]`,F=`[object Boolean]`,I=`[object Arguments]`,te=`[object Symbol]`,ne=`[object Date]`,re=`[object Map]`,ie=`[object Set]`,ae=`[object Array]`,oe=`[object ArrayBuffer]`,L=`[object Object]`,R=`[object DataView]`,z=`[object Uint8Array]`,B=`[object Uint8ClampedArray]`,V=`[object Uint16Array]`,H=`[object Uint32Array]`,U=`[object Int8Array]`,W=`[object Int16Array]`,G=`[object Int32Array]`,K=`[object Float32Array]`,q=`[object Float64Array]`;function J(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(O(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,J(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(J(a,void 0,n,r,i));return t}if(typeof Buffer<`u`&&Buffer.isBuffer(e))return e.subarray();if(k(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),Y(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Error){let t=new e.constructor;return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,Y(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(typeof e==`object`&&se(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),Y(t,e,n,r,i),t}return e}function Y(e,t,n=e,r,i){let a=[...Object.keys(t),...A(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=J(t[s],s,n,r,i))}}function se(e){switch(j(e)){case I:case ae:case oe:case R:case F:case ne:case K:case q:case U:case W:case G:case re:case P:case L:case M:case ie:case N:case te:case z:case B:case V:case H:return!0;default:return!1}}function X(e){return J(e,void 0,e,new Map,void 0)}function ce(e,t){let n=new Map;return e.filter(e=>{let r=e[t];return n.has(r)?!1:(n.set(r,e),!0)})}var le=`ABCDEFGHJKLMNOPQRSTWXYZ`,ue=`阿八嚓哒鹅发旮哈讥咔垃妈拿噢啪七日撒他挖昔压匝`;function de(e){let t=e.codePointAt(0);if(t>=65&&t<=90)return e;if(t>=97&&t<=122)return e.toUpperCase();if(t<19968||t>40959)return``;for(let t=22;t>=0;t--)if(e.localeCompare(ue[t],`zh-CN`)>=0)return le[t];return``}function fe(e){let t=``;for(let n of e)t+=de(n);return t}function pe(e,t){if(!t)return!1;let n=t.trim().toLowerCase();return!!(e.toLowerCase().includes(n)||fe(e).toLowerCase().includes(n))}function me(e,t){let n=t.trim();if(!n)return[];let r=[];for(let t of e)t.meta?.hideInMenu||pe(t.meta?.title||(typeof t.name==`string`?t.name:``)||``,n)&&r.push(t);return r}var he=({className:e,value:n,locale:r})=>n?(0,t.createVNode)(o.Empty,{image:o.Empty.PRESENTED_IMAGE_SIMPLE,description:r.noResult?.(n)},null):(0,t.createVNode)(`div`,{class:e},[r.noHistory]),Z=(0,t.defineComponent)(e=>{let n=(0,d.useRouter)(),{renderEmpty:i}=(0,u.useProConfigContext)(),o=(0,a.useLocalStorage)(e.historyKey||E({suffixCls:`search-history`,isPro:!0}),[]),s=(0,t.ref)(0),c=(0,t.ref)(X((0,t.unref)(o))),l=(0,a.useThrottleFn)(t=>{let n=t.trim();if(!n){c.value=[];return}c.value=me(e.dataSource??[],n),s.value=0},200);(0,t.watch)(()=>e.keyword,e=>{e?l(e):c.value=X((0,t.unref)(o))});function f(){document.querySelector(`[data-search-item="${s.value}"]`)?.scrollIntoView({block:`nearest`})}async function p(){if(c.value.length===0)return;let r=s.value;if(r<0)return;let i=c.value[r];if(!i)return;let a=C(i.redirect)?i.redirect:i.path||``,l=i.meta?.link||``,u=w(l);o.value.every(e=>e.name!==i.name)&&o.value.push(X(i)),e.onClose?.(!0),await(0,t.nextTick)(),u&&l&&i.meta?.linkStatus===1?window.open(l,`_blank`):n.push({path:a})}function m(){c.value.length!==0&&(e.onBlur?.(),s.value--,s.value<0&&(s.value=c.value.length-1),f())}function h(){c.value.length!==0&&(e.onBlur?.(),s.value++,s.value>c.value.length-1&&(s.value=0),f())}(0,t.onMounted)(()=>{(0,a.onKeyStroke)(`Enter`,p),(0,a.onKeyStroke)(`ArrowUp`,m),(0,a.onKeyStroke)(`ArrowDown`,h)});function g(e){s.value=e}function _(e,t){e.stopPropagation(),c.value=c.value.filter(e=>e.name!==t.name),o.value=o.value.filter(e=>e.name!==t.name),s.value=s.value-1>=0?s.value-1:0,f()}let v=t=>D(`${e.className}${t?`-${t}`:``}`,e.hashId);return()=>(0,t.createVNode)(t.Fragment,null,[c.value.length>0?(0,t.createVNode)(t.Fragment,null,[o.value.length>0&&!e.keyword&&(0,t.createVNode)(`div`,{class:v(`panel-title`)},[e.locale.searchHistory]),(0,t.createVNode)(`div`,{class:v(`panel-list`)},[ce(c.value,`name`).map((n,i)=>(0,t.createVNode)(`div`,{key:n.name,class:v(D(`panel-item`,i===s.value&&`active`)),"data-search-item":i,onClick:()=>p(),onMouseenter:()=>g(i)},[(0,t.createVNode)(`div`,{class:v(`panel-item-left`)},[n.meta?.title]),o.value.length>0&&!e.keyword&&(0,t.createVNode)(r.GIcon,{type:`CloseOutlined`,onClick:e=>_(e,n)},null)]))])]):i.value?.()||(0,t.createVNode)(he,{className:v(`result`),value:e.keyword,locale:e.locale},null)])},{props:{className:{type:String,required:!1},hashId:{type:String,required:!1},keyword:{type:String,required:!1},dataSource:{type:Array,required:!1},historyKey:{type:String,required:!1},emptyProps:{type:Object,required:!1},locale:{type:Object,required:!0},onBlur:{type:Function,required:!1},onClose:{type:Function,required:!1}},name:`GSearchPanel`,inheritAttrs:!1}),ge=(0,u.proGenStyleHooks)(`ProRightSearch`,e=>{let t=e.menuItemIconSize||e.fontSize,n=e.calc(e.borderRadiusLG).mul(2).equal(),r=e.calc(e.paddingXXS).div(2).equal();return{[e.componentCls]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:36,gap:12,cursor:`pointer`,fontSize:e.fontSizeSM,color:e.colorTextTertiary,paddingBlock:r,paddingInline:e.paddingXS,borderRadius:n,backgroundColor:e.headerColorBgRightActionsItemHover,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,lineHeight:1,">.anticon":{fontSize:e.fontSize,color:e.colorTextTertiary},"&-word":{lineHeight:1},"&-word-icon":{lineHeight:1,padding:`4px 6px`,borderTopLeftRadius:e.borderRadiusSM,borderBottomLeftRadius:e.borderRadiusSM,borderTopRightRadius:n,borderBottomRightRadius:n,backgroundColor:e.colorBgContainer},"&:hover":{color:e.colorTextSecondary},"&-modal":{"&-footer":{display:`flex`,alignItems:`center`,gap:e.marginXS,fontSize:12,color:e.colorTextSecondary},"&-footer-icon":{display:`flex`,alignItems:`center`,gap:4}},"&-panel":{"&-title":{color:e.colorTextQuaternary,lineHeight:e.lineHeight,marginBlockEnd:e.marginXS},"&-list":{display:`flex`,flexDirection:`column`,gap:12},"&-item":{display:`flex`,alignItems:`center`,justifyContent:`space-between`,cursor:`pointer`,fontSize:e.fontSize,lineHeight:e.lineHeight,padding:e.paddingXS,borderRadius:e.borderRadiusLG,backgroundColor:e.colorBgContainer,transition:`all ${e.motionDurationFast} ${e.motionEaseInOut}`,"&-left":{display:`flex`,alignItems:`center`,gap:e.sizeStep,">.anticon":{fontSize:`${t}px`}},"&.active":{backgroundColor:e.colorPrimary,color:e.colorTextLightSolid}}},"&-result":{display:`flex`,alignItems:`center`,justifyContent:`center`,paddingBlockStart:60,color:e.colorTextQuaternary}}}}),_e=({className:e,hashId:n,locale:i})=>(0,t.createVNode)(`div`,{class:D(`${e}-footer`,n)},[(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`EnterOutlined`},null),i.selectLabel]),(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`},null),(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`,rotate:180},null),i.navigateLabel])]),ve=(0,t.defineComponent)(e=>{let n=(0,i.useInjectLayoutContext)(),{prefixCls:u}=(0,s.useBaseConfig)(`pro-right-search`),d=(0,c.default)(u),[f,p]=ge(u,d),m=(0,t.ref)(``),h=(0,t.ref)(!1),g=(0,a.useMagicKeys)(),_=y()?g[`ctrl+k`]:g[`cmd+k`],v=(0,t.ref)(),b=(0,t.computed)(()=>e.dataSource?.length?T(e.dataSource):n?.menuState?.flatMenus?n.menuState.flatMenus.value:[]);(0,a.whenever)(_,()=>{e.disabledShortKey||(h.value=!0)}),(0,a.whenever)(()=>h.value,()=>{(0,t.nextTick)(()=>{v.value?.focus?.()})});function x(e){h.value=!1,e&&(m.value=``)}return()=>{let n={className:u.value,hashId:f.value},i=`${u.value}-modal`;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:D(u.value,f.value,p.value,d.value),onClick:()=>{h.value=!0}},[(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),(0,t.createVNode)(`span`,{class:D(`${u.value}-word`,f.value)},[e.locale.searchLabel]),(0,t.createVNode)(`span`,{class:D(`${u.value}-word-icon`,f.value)},[(0,t.createTextVNode)(`⌘`),` `,(0,t.createVNode)(`kbd`,null,[(0,t.createTextVNode)(`K`)])])]),(0,t.createVNode)(l.GProModal,{wrapClassName:D(i,f.value),width:600,scrollProps:{maxHeight:400,minHeight:200},centered:!1,destroyOnHidden:!1,title:(0,t.createVNode)(o.Input,{style:{width:`${600*.8}px`,padding:0},ref:v,bordered:!1,size:`large`,placeholder:e.locale.searchPlaceholder,value:m.value,prefix:(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),"onUpdate:value":e=>{m.value=e}},null),open:h.value,footer:(0,t.createVNode)(_e,{className:i,hashId:f.value,locale:e.locale},null),onCancel:()=>x()},{default:()=>[(0,t.createVNode)(Z,(0,t.mergeProps)(n,{emptyProps:e.emptyProps,keyword:m.value,dataSource:b.value,historyKey:e.searchHistoryKey,locale:e.locale,onClose:x}),null)]})])}},{props:{dataSource:{type:Array,required:!1},disabledShortKey:{type:Boolean,required:!1,default:void 0},locale:{type:Object,required:!0},searchHistoryKey:{type:String,required:!1},emptyProps:{type:Object,required:!1}},name:`GSearchInput`,inheritAttrs:!1});function ye(e,t){return`color-mix(in srgb, ${e} ${t*100}%, transparent)`}var be=(0,u.proGenStyleHooks)(`ProRightContent`,e=>({[e.componentCls]:{height:`100%`,"&-header-actions":{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,height:`100%`,gap:e.paddingXS,"&-item":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingBlock:0,paddingInline:2,color:e.headerColorTextRightActionsItem,fontSize:14,cursor:`pointer`,borderRadius:e.borderRadius,".anticon":{color:e.headerColorTextRightActionsItem,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover}},[`&${e.componentCls}-header-actions-theme`]:{[`${e.componentCls}-header-actions-icon`]:{paddingInline:4,paddingBlock:4,fontSize:18}},"> *":{paddingInline:6,paddingBlock:6,borderRadius:e.borderRadius,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover,backgroundColor:e.headerColorBgRightActionsItemHover}}},[`&>${e.antCls}-dropdown-trigger`]:{color:e.colorTextTertiary,paddingInline:8,paddingBlock:8,cursor:`pointer`,display:`flex`,alignItems:`center`,height:44,lineHeight:`44px`,borderRadius:e.borderRadius,"&:hover":{backgroundColor:ye(e.colorTextBase,.03)}},"&-avatar":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:e.paddingXS,paddingInlineStart:e.padding,paddingInlineEnd:e.padding,cursor:`pointer`,color:e.headerColorTextRightActionsItem},"&-name":{color:e.headerColorTextRightActionsItem}}}})),Q={fontSize:`15px`};function $(e,n){return()=>(0,t.createVNode)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`}},[typeof e==`function`?e():e,n])}var xe=[{value:`light`,label:$((0,t.h)(r.GIcon,{type:`Moon`,style:Q}),`亮色`)},{value:`dark`,label:$((0,t.h)(r.GIcon,{type:`Sun`,style:Q}),`深色`)},{value:`system`,label:$((0,t.h)(r.GIcon,{type:`DesktopOutlined`,style:Q}),`自动`)}];e.RightContent=(0,t.defineComponent)((e,{emit:l,slots:u})=>{let{isFullscreen:d,toggle:f}=(0,a.useFullscreen)(),p=(0,i.useInjectLayoutContext)(),{setTheme:m,isDark:h,theme:g}=(0,n.useThemeContext)(),{prefixCls:_}=(0,s.useBaseConfig)(`pro-right-content`),v=(0,c.default)(_),[y,b]=be(_,v),S=(0,t.computed)(()=>p?.isMobile.value??!1),C=(0,t.ref)(),{width:w}=(0,a.useElementSize)(C),T=(0,t.ref)(`auto`),E=(0,t.ref)();(0,t.watch)(w,e=>{T.value=e>0?e:`auto`});let O=(0,t.ref)(!1),k=(0,t.computed)(()=>({...ee,...e.locale})),A=(0,t.computed)(()=>e.actions===!1?{}:{theme:!0,search:!0,themeEditor:!1,fullScreen:!0,...e.actions}),j=(0,t.computed)(()=>(e.themeOptions||xe).map(e=>({key:e.value,label:e.label()})));function M(e){let t=e.key;m(t)}let N=(0,t.computed)(()=>{let n=u?.dropdownMenu?.(),i=e.dropdownProps?.menu?.items||[];return x(n)&&n.forEach((e,t)=>{let n=e.props;if(Object.hasOwn(n,`antd-menu`)){let n=e.props.icon;i.push({key:e.props.key||`menu-${t}`,label:e.children,icon:n,onClick:(...t)=>{e.props.onClick?.(...t),P(...t)}})}else Object.hasOwn(n,`antd-menu-divider`)&&i.push({type:`divider`})}),i.push({key:`logout`,icon:()=>(0,t.createVNode)(r.GIcon,{type:`LogoutOutlined`},null),label:k.value.logout,onClick:F}),i}),P=(...e)=>{l(`menuClick`,...e)};function F(e){e.key===`lock`?O.value=!0:e.key===`logout`&&l(`logout`)}function I(e){l(`actionClick`,e)}return()=>{let n=[`${_.value}-header-actions-item`,y.value];return(0,t.createVNode)(`div`,{ref:C,class:D(_.value,y.value,b.value,v.value),style:{minWidth:T.value,height:`100%`}},[(0,t.createVNode)(`div`,{style:{height:`100%`}},[(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions`)},[u.default?u.default():(0,t.createVNode)(t.Fragment,null,[A.value.search&&!S.value&&(0,t.createVNode)(ve,{dataSource:e.searchConfig?.dataSource,disabledShortKey:e.searchConfig?.disabledShortKey,searchHistoryKey:e.searchConfig?.historyKey,emptyProps:e.searchConfig?.emptyProps,locale:k.value},null),A.value.theme&&(0,t.createVNode)(`div`,{ref:E,class:D(`${_.value}-header-actions-item`,`${_.value}-header-actions-theme`,y.value)},[(0,t.createVNode)(o.Dropdown,{trigger:[`click`],placement:`bottomRight`,menu:{items:j.value,onClick:M,selectedKeys:[g.value]}},{default:()=>[(0,t.createVNode)(r.GIcon,{class:D(`${_.value}-header-actions-icon`),type:h.value?`Moon`:`Sun`},null)]})]),A.value.themeEditor&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:`SettingOutlined`,onClick:()=>I(`themeEditor`)},null)]),A.value.fullScreen&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:d.value?`CompressOutlined`:`ExpandOutlined`,onClick:()=>f()},null)]),u.actionsRender?.(n)]),(0,t.createVNode)(o.Dropdown,(0,t.mergeProps)({placement:`bottomRight`},e.dropdownProps,{menu:{items:N.value}}),{default:()=>[u.dropdownTrigger?u.dropdownTrigger():(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions-avatar`)},[(0,t.createVNode)(o.Avatar,{size:28,icon:(0,t.createVNode)(r.GIcon,{type:`UserOutlined`},null)},null),e.name&&(0,t.createVNode)(`span`,{class:D(`${_.value}-header-actions-name`)},[e.name])])],popupRender:u.popupRender})])])])}},{props:{actions:{type:[Object,Boolean],required:!1,default:void 0},name:{type:String,required:!1},avatar:{type:String,required:!1},dropdownProps:{type:Object,required:!1},themeOptions:{type:Array,required:!1},searchConfig:{type:Object,required:!1},locale:{type:Object,required:!1},onLogout:{type:Function,required:!1},onMenuClick:{type:Function,required:!1},onActionClick:{type:Function,required:!1}},emits:[`logout`,`menuClick`,`actionClick`],name:`RightContent`,inheritAttrs:!1})});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue"),require("@gx-design-vue/context"),require("@gx-design-vue/icon"),require("@gx-design-vue/pro-layout"),require("@vueuse/core"),require("antdv-next"),require("antdv-next/config-provider/context"),require("antdv-next/config-provider/hooks/useCSSVarCls"),require("@gx-design-vue/pro-modal"),require("@gx-design-vue/pro-provider"),require("vue-router")):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@gx-design-vue/context`,`@gx-design-vue/icon`,`@gx-design-vue/pro-layout`,`@vueuse/core`,`antdv-next`,`antdv-next/config-provider/context`,`antdv-next/config-provider/hooks/useCSSVarCls`,`@gx-design-vue/pro-modal`,`@gx-design-vue/pro-provider`,`vue-router`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProLayoutComponents={},e.Vue,e._gx_design_vue_context,e._gx_design_vue_icon,e._gx_design_vue_pro_layout,e._vueuse_core,e.antdv_next,e.antdv_next_config_provider_context,e.antdv_next_config_provider_hooks_useCSSVarCls,e._gx_design_vue_pro_modal,e._gx_design_vue_pro_provider,e.vue_router))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};c=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(c,1);function y(){return typeof navigator>`u`?!1:/windows|win32/i.test(navigator.userAgent)}function b(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function x(e){return Array.isArray===void 0?Object.prototype.toString.call(e)===`[object Array]`:Array.isArray(e)}function S(e){return e!==null&&b(e,`Object`)}function C(e){return typeof e==`string`}function w(e){if(!e||!e.startsWith(`http`))return!1;try{return!!new URL(e)}catch{return!1}}function T(e,t=`children`){let n=[];return e.forEach(e=>{n.push(e),x(e[t])&&e[t].length>0&&(n=n.concat(T(e[t],t)))}),n}function E({suffixCls:e,customizePrefixCls:t,isPro:n,className:r}){let i=r||(n?`gx-pro`:`gx`);return t||(e?`${i}-${e}`:i)}function D(...e){let t=[];for(let n=0;n<e.length;n++){let r=e[n];if(r){if(C(r))t.push(r);else if(x(r))for(let e=0;e<r.length;e++){let n=D(r[e]);n&&t.push(n)}else if(S(r))for(let e in r)r[e]&&t.push(e)}}return t.filter(e=>e).join(` `)}var ee={searchPlaceholder:`搜索导航菜单`,searchLabel:`搜索`,searchShortcutLabel:`⌘ K`,logout:`退出登录`,noResult:e=>`未找到搜索结果 "${e}"`,noHistory:`没有搜索历史`,searchHistory:`搜索历史`,selectLabel:`选择`,navigateLabel:`导航`,lightTheme:`亮色`,darkTheme:`深色`,autoTheme:`自动`};function O(e){return e==null||typeof e!=`object`&&typeof e!=`function`}function k(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function A(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function j(e){return e==null?e===void 0?`[object Undefined]`:`[object Null]`:Object.prototype.toString.call(e)}var M=`[object RegExp]`,N=`[object String]`,P=`[object Number]`,F=`[object Boolean]`,I=`[object Arguments]`,te=`[object Symbol]`,ne=`[object Date]`,re=`[object Map]`,ie=`[object Set]`,ae=`[object Array]`,oe=`[object ArrayBuffer]`,se=`[object Object]`,L=`[object DataView]`,R=`[object Uint8Array]`,z=`[object Uint8ClampedArray]`,B=`[object Uint16Array]`,V=`[object Uint32Array]`,H=`[object Int8Array]`,U=`[object Int16Array]`,W=`[object Int32Array]`,G=`[object Float32Array]`,K=`[object Float64Array]`,q=typeof globalThis==`object`&&globalThis||typeof window==`object`&&window||typeof self==`object`&&self||typeof global==`object`&&global||(function(){return this})();function ce(e){return q.Buffer!==void 0&&q.Buffer.isBuffer(e)}function J(e,t,n,r=new Map,i=void 0){let a=i?.(e,t,n,r);if(a!==void 0)return a;if(O(e))return e;if(r.has(e))return r.get(e);if(Array.isArray(e)){let t=Array(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return Object.hasOwn(e,`index`)&&(t.index=e.index),Object.hasOwn(e,`input`)&&(t.input=e.input),t}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let t=new RegExp(e.source,e.flags);return t.lastIndex=e.lastIndex,t}if(e instanceof Map){let t=new Map;r.set(e,t);for(let[a,o]of e)t.set(a,J(o,a,n,r,i));return t}if(e instanceof Set){let t=new Set;r.set(e,t);for(let a of e)t.add(J(a,void 0,n,r,i));return t}if(ce(e))return e.subarray();if(k(e)){let t=new(Object.getPrototypeOf(e)).constructor(e.length);r.set(e,t);for(let a=0;a<e.length;a++)t[a]=J(e[a],a,n,r,i);return t}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<`u`&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let t=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return r.set(e,t),Y(t,e,n,r,i),t}if(typeof File<`u`&&e instanceof File){let t=new File([e],e.name,{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(typeof Blob<`u`&&e instanceof Blob){let t=new Blob([e],{type:e.type});return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Error){let t=structuredClone(e);return r.set(e,t),t.message=e.message,t.name=e.name,t.stack=e.stack,t.cause=e.cause,t.constructor=e.constructor,Y(t,e,n,r,i),t}if(e instanceof Boolean){let t=new Boolean(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof Number){let t=new Number(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(e instanceof String){let t=new String(e.valueOf());return r.set(e,t),Y(t,e,n,r,i),t}if(typeof e==`object`&&le(e)){let t=Object.create(Object.getPrototypeOf(e));return r.set(e,t),Y(t,e,n,r,i),t}return e}function Y(e,t,n=e,r,i){let a=[...Object.keys(t),...A(t)];for(let o=0;o<a.length;o++){let s=a[o],c=Object.getOwnPropertyDescriptor(e,s);(c==null||c.writable)&&(e[s]=J(t[s],s,n,r,i))}}function le(e){switch(j(e)){case I:case ae:case oe:case L:case F:case ne:case G:case K:case H:case U:case W:case re:case P:case se:case M:case ie:case N:case te:case R:case z:case B:case V:return!0;default:return!1}}function X(e){return J(e,void 0,e,new Map,void 0)}function ue(e,t){let n=new Map;return e.filter(e=>{let r=e[t];return n.has(r)?!1:(n.set(r,e),!0)})}var de=`ABCDEFGHJKLMNOPQRSTWXYZ`,fe=`阿八嚓哒鹅发旮哈讥咔垃妈拿噢啪七日撒他挖昔压匝`;function pe(e){let t=e.codePointAt(0);if(t>=65&&t<=90)return e;if(t>=97&&t<=122)return e.toUpperCase();if(t<19968||t>40959)return``;for(let t=22;t>=0;t--)if(e.localeCompare(fe[t],`zh-CN`)>=0)return de[t];return``}function me(e){let t=``;for(let n of e)t+=pe(n);return t}function he(e,t){if(!t)return!1;let n=t.trim().toLowerCase();return!!(e.toLowerCase().includes(n)||me(e).toLowerCase().includes(n))}function Z(e,t){let n=t.trim();if(!n)return[];let r=[];for(let t of e)t.meta?.hideInMenu||he(t.meta?.title||(typeof t.name==`string`?t.name:``)||``,n)&&r.push(t);return r}var ge=({className:e,value:n,locale:r})=>n?(0,t.createVNode)(o.Empty,{image:o.Empty.PRESENTED_IMAGE_SIMPLE,description:r.noResult?.(n)},null):(0,t.createVNode)(`div`,{class:e},[r.noHistory]),_e=(0,t.defineComponent)(e=>{let n=(0,d.useRouter)(),{renderEmpty:i}=(0,u.useProConfigContext)(),o=(0,a.useLocalStorage)(e.historyKey||E({suffixCls:`search-history`,isPro:!0}),[]),s=(0,t.ref)(0),c=(0,t.ref)(X((0,t.unref)(o))),l=(0,a.useThrottleFn)(t=>{let n=t.trim();if(!n){c.value=[];return}c.value=Z(e.dataSource??[],n),s.value=0},200);(0,t.watch)(()=>e.keyword,e=>{e?l(e):c.value=X((0,t.unref)(o))});function f(){document.querySelector(`[data-search-item="${s.value}"]`)?.scrollIntoView({block:`nearest`})}async function p(){if(c.value.length===0)return;let r=s.value;if(r<0)return;let i=c.value[r];if(!i)return;let a=C(i.redirect)?i.redirect:i.path||``,l=i.meta?.link||``,u=w(l);o.value.every(e=>e.name!==i.name)&&o.value.push(X(i)),e.onClose?.(!0),await(0,t.nextTick)(),u&&l&&i.meta?.linkStatus===1?window.open(l,`_blank`):n.push({path:a})}function m(){c.value.length!==0&&(e.onBlur?.(),s.value--,s.value<0&&(s.value=c.value.length-1),f())}function h(){c.value.length!==0&&(e.onBlur?.(),s.value++,s.value>c.value.length-1&&(s.value=0),f())}(0,t.onMounted)(()=>{(0,a.onKeyStroke)(`Enter`,p),(0,a.onKeyStroke)(`ArrowUp`,m),(0,a.onKeyStroke)(`ArrowDown`,h)});function g(e){s.value=e}function _(e,t){e.stopPropagation(),c.value=c.value.filter(e=>e.name!==t.name),o.value=o.value.filter(e=>e.name!==t.name),s.value=s.value-1>=0?s.value-1:0,f()}let v=t=>D(`${e.className}${t?`-${t}`:``}`,e.hashId);return()=>(0,t.createVNode)(t.Fragment,null,[c.value.length>0?(0,t.createVNode)(t.Fragment,null,[o.value.length>0&&!e.keyword&&(0,t.createVNode)(`div`,{class:v(`panel-title`)},[e.locale.searchHistory]),(0,t.createVNode)(`div`,{class:v(`panel-list`)},[ue(c.value,`name`).map((n,i)=>(0,t.createVNode)(`div`,{key:n.name,class:v(D(`panel-item`,i===s.value&&`active`)),"data-search-item":i,onClick:()=>p(),onMouseenter:()=>g(i)},[(0,t.createVNode)(`div`,{class:v(`panel-item-left`)},[n.meta?.title]),o.value.length>0&&!e.keyword&&(0,t.createVNode)(r.GIcon,{type:`CloseOutlined`,onClick:e=>_(e,n)},null)]))])]):i.value?.()||(0,t.createVNode)(ge,{className:v(`result`),value:e.keyword,locale:e.locale},null)])},{props:{className:{type:String,required:!1},hashId:{type:String,required:!1},keyword:{type:String,required:!1},dataSource:{type:Array,required:!1},historyKey:{type:String,required:!1},emptyProps:{type:Object,required:!1},locale:{type:Object,required:!0},onBlur:{type:Function,required:!1},onClose:{type:Function,required:!1}},name:`GSearchPanel`,inheritAttrs:!1}),ve=(0,u.proGenStyleHooks)(`ProRightSearch`,e=>{let t=e.menuItemIconSize||e.fontSize,n=e.calc(e.borderRadiusLG).mul(2).equal(),r=e.calc(e.paddingXXS).div(2).equal();return{[e.componentCls]:{display:`flex`,alignItems:`center`,justifyContent:`center`,height:36,gap:12,cursor:`pointer`,fontSize:e.fontSizeSM,color:e.colorTextTertiary,paddingBlock:r,paddingInline:e.paddingXS,borderRadius:n,backgroundColor:e.headerColorBgRightActionsItemHover,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,lineHeight:1,">.anticon":{fontSize:e.fontSize,color:e.colorTextTertiary},"&-word":{lineHeight:1},"&-word-icon":{lineHeight:1,padding:`4px 6px`,borderTopLeftRadius:e.borderRadiusSM,borderBottomLeftRadius:e.borderRadiusSM,borderTopRightRadius:n,borderBottomRightRadius:n,backgroundColor:e.colorBgContainer},"&:hover":{color:e.colorTextSecondary},"&-modal":{"&-footer":{display:`flex`,alignItems:`center`,gap:e.marginXS,fontSize:12,color:e.colorTextSecondary},"&-footer-icon":{display:`flex`,alignItems:`center`,gap:4}},"&-panel":{"&-title":{color:e.colorTextQuaternary,lineHeight:e.lineHeight,marginBlockEnd:e.marginXS},"&-list":{display:`flex`,flexDirection:`column`,gap:12},"&-item":{display:`flex`,alignItems:`center`,justifyContent:`space-between`,cursor:`pointer`,fontSize:e.fontSize,lineHeight:e.lineHeight,padding:e.paddingXS,borderRadius:e.borderRadiusLG,backgroundColor:e.colorBgContainer,transition:`all ${e.motionDurationFast} ${e.motionEaseInOut}`,"&-left":{display:`flex`,alignItems:`center`,gap:e.sizeStep,">.anticon":{fontSize:`${t}px`}},"&.active":{backgroundColor:e.colorPrimary,color:e.colorTextLightSolid}}},"&-result":{display:`flex`,alignItems:`center`,justifyContent:`center`,paddingBlockStart:60,color:e.colorTextQuaternary}}}}),ye=({className:e,hashId:n,locale:i})=>(0,t.createVNode)(`div`,{class:D(`${e}-footer`,n)},[(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`EnterOutlined`},null),i.selectLabel]),(0,t.createVNode)(`div`,{class:D(`${e}-footer-icon`,n)},[(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`},null),(0,t.createVNode)(r.GIcon,{type:`ArrowUpOutlined`,rotate:180},null),i.navigateLabel])]),be=(0,t.defineComponent)(e=>{let n=(0,i.useInjectLayoutContext)(),{prefixCls:u}=(0,s.useBaseConfig)(`pro-right-search`),d=(0,c.default)(u),[f,p]=ve(u,d),m=(0,t.ref)(``),h=(0,t.ref)(!1),g=(0,a.useMagicKeys)(),_=y()?g[`ctrl+k`]:g[`cmd+k`],v=(0,t.ref)(),b=(0,t.computed)(()=>e.dataSource?.length?T(e.dataSource):n?.menuState?.flatMenus?n.menuState.flatMenus.value:[]);(0,a.whenever)(_,()=>{e.disabledShortKey||(h.value=!0)}),(0,a.whenever)(()=>h.value,()=>{(0,t.nextTick)(()=>{v.value?.focus?.()})});function x(e){h.value=!1,e&&(m.value=``)}return()=>{let n={className:u.value,hashId:f.value},i=`${u.value}-modal`;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(`div`,{class:D(u.value,f.value,p.value,d.value),onClick:()=>{h.value=!0}},[(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),(0,t.createVNode)(`span`,{class:D(`${u.value}-word`,f.value)},[e.locale.searchLabel]),(0,t.createVNode)(`span`,{class:D(`${u.value}-word-icon`,f.value)},[(0,t.createTextVNode)(`⌘`),` `,(0,t.createVNode)(`kbd`,null,[(0,t.createTextVNode)(`K`)])])]),(0,t.createVNode)(l.GProModal,{wrapClassName:D(i,f.value),width:600,scrollProps:{maxHeight:400,minHeight:200},centered:!1,destroyOnHidden:!1,title:(0,t.createVNode)(o.Input,{style:{width:`${600*.8}px`,padding:0},ref:v,bordered:!1,size:`large`,placeholder:e.locale.searchPlaceholder,value:m.value,prefix:(0,t.createVNode)(r.GIcon,{type:`SearchOutlined`},null),"onUpdate:value":e=>{m.value=e}},null),open:h.value,footer:(0,t.createVNode)(ye,{className:i,hashId:f.value,locale:e.locale},null),onCancel:()=>x()},{default:()=>[(0,t.createVNode)(_e,(0,t.mergeProps)(n,{emptyProps:e.emptyProps,keyword:m.value,dataSource:b.value,historyKey:e.searchHistoryKey,locale:e.locale,onClose:x}),null)]})])}},{props:{dataSource:{type:Array,required:!1},disabledShortKey:{type:Boolean,required:!1,default:void 0},locale:{type:Object,required:!0},searchHistoryKey:{type:String,required:!1},emptyProps:{type:Object,required:!1}},name:`GSearchInput`,inheritAttrs:!1});function xe(e,t){return`color-mix(in srgb, ${e} ${t*100}%, transparent)`}var Se=(0,u.proGenStyleHooks)(`ProRightContent`,e=>({[e.componentCls]:{height:`100%`,"&-header-actions":{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,height:`100%`,gap:e.paddingXS,"&-item":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,paddingBlock:0,paddingInline:2,color:e.headerColorTextRightActionsItem,fontSize:14,cursor:`pointer`,borderRadius:e.borderRadius,".anticon":{color:e.headerColorTextRightActionsItem,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover}},[`&${e.componentCls}-header-actions-theme`]:{[`${e.componentCls}-header-actions-icon`]:{paddingInline:4,paddingBlock:4,fontSize:18}},"> *":{paddingInline:6,paddingBlock:6,borderRadius:e.borderRadius,transition:`color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,"&:hover":{color:e.headerColorTextRightActionsItemHover,backgroundColor:e.headerColorBgRightActionsItemHover}}},[`&>${e.antCls}-dropdown-trigger`]:{color:e.colorTextTertiary,paddingInline:8,paddingBlock:8,cursor:`pointer`,display:`flex`,alignItems:`center`,height:44,lineHeight:`44px`,borderRadius:e.borderRadius,"&:hover":{backgroundColor:xe(e.colorTextBase,.03)}},"&-avatar":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:e.paddingXS,paddingInlineStart:e.padding,paddingInlineEnd:e.padding,cursor:`pointer`,color:e.headerColorTextRightActionsItem},"&-name":{color:e.headerColorTextRightActionsItem}}}})),Q={fontSize:`15px`};function $(e,n){return()=>(0,t.createVNode)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`}},[typeof e==`function`?e():e,n])}var Ce=[{value:`light`,label:$((0,t.h)(r.GIcon,{type:`Moon`,style:Q}),`亮色`)},{value:`dark`,label:$((0,t.h)(r.GIcon,{type:`Sun`,style:Q}),`深色`)},{value:`system`,label:$((0,t.h)(r.GIcon,{type:`DesktopOutlined`,style:Q}),`自动`)}];e.RightContent=(0,t.defineComponent)((e,{emit:l,slots:u})=>{let{isFullscreen:d,toggle:f}=(0,a.useFullscreen)(),p=(0,i.useInjectLayoutContext)(),{setTheme:m,isDark:h,theme:g}=(0,n.useThemeContext)(),{prefixCls:_}=(0,s.useBaseConfig)(`pro-right-content`),v=(0,c.default)(_),[y,b]=Se(_,v),S=(0,t.computed)(()=>p?.isMobile.value??!1),C=(0,t.ref)(),{width:w}=(0,a.useElementSize)(C),T=(0,t.ref)(`auto`),E=(0,t.ref)();(0,t.watch)(w,e=>{T.value=e>0?e:`auto`});let O=(0,t.ref)(!1),k=(0,t.computed)(()=>({...ee,...e.locale})),A=(0,t.computed)(()=>e.actions===!1?{}:{theme:!0,search:!0,themeEditor:!1,fullScreen:!0,...e.actions}),j=(0,t.computed)(()=>(e.themeOptions||Ce).map(e=>({key:e.value,label:e.label()})));function M(e){let t=e.key;m(t)}let N=(0,t.computed)(()=>{let n=u?.dropdownMenu?.(),i=e.dropdownProps?.menu?.items||[];return x(n)&&n.forEach((e,t)=>{let n=e.props;if(Object.hasOwn(n,`antd-menu`)){let n=e.props.icon;i.push({key:e.props.key||`menu-${t}`,label:e.children,icon:n,onClick:(...t)=>{e.props.onClick?.(...t),P(...t)}})}else Object.hasOwn(n,`antd-menu-divider`)&&i.push({type:`divider`})}),i.push({key:`logout`,icon:()=>(0,t.createVNode)(r.GIcon,{type:`LogoutOutlined`},null),label:k.value.logout,onClick:F}),i}),P=(...e)=>{l(`menuClick`,...e)};function F(e){e.key===`lock`?O.value=!0:e.key===`logout`&&l(`logout`)}function I(e){l(`actionClick`,e)}return()=>{let n=[`${_.value}-header-actions-item`,y.value];return(0,t.createVNode)(`div`,{ref:C,class:D(_.value,y.value,b.value,v.value),style:{minWidth:T.value,height:`100%`}},[(0,t.createVNode)(`div`,{style:{height:`100%`}},[(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions`)},[u.default?u.default():(0,t.createVNode)(t.Fragment,null,[A.value.search&&!S.value&&(0,t.createVNode)(be,{dataSource:e.searchConfig?.dataSource,disabledShortKey:e.searchConfig?.disabledShortKey,searchHistoryKey:e.searchConfig?.historyKey,emptyProps:e.searchConfig?.emptyProps,locale:k.value},null),A.value.theme&&(0,t.createVNode)(`div`,{ref:E,class:D(`${_.value}-header-actions-item`,`${_.value}-header-actions-theme`,y.value)},[(0,t.createVNode)(o.Dropdown,{trigger:[`click`],placement:`bottomRight`,menu:{items:j.value,onClick:M,selectedKeys:[g.value]}},{default:()=>[(0,t.createVNode)(r.GIcon,{class:D(`${_.value}-header-actions-icon`),type:h.value?`Moon`:`Sun`},null)]})]),A.value.themeEditor&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:`SettingOutlined`,onClick:()=>I(`themeEditor`)},null)]),A.value.fullScreen&&!S.value&&(0,t.createVNode)(`div`,{class:D(n)},[(0,t.createVNode)(r.GIcon,{type:d.value?`CompressOutlined`:`ExpandOutlined`,onClick:()=>f()},null)]),u.actionsRender?.(n)]),(0,t.createVNode)(o.Dropdown,(0,t.mergeProps)({placement:`bottomRight`},e.dropdownProps,{menu:{items:N.value}}),{default:()=>[u.dropdownTrigger?u.dropdownTrigger():(0,t.createVNode)(`div`,{class:D(`${_.value}-header-actions-avatar`)},[(0,t.createVNode)(o.Avatar,{size:28,icon:(0,t.createVNode)(r.GIcon,{type:`UserOutlined`},null),src:e.avatar},null),e.name&&(0,t.createVNode)(`span`,{class:D(`${_.value}-header-actions-name`)},[e.name])])],popupRender:u.popupRender})])])])}},{props:{actions:{type:[Object,Boolean],required:!1,default:void 0},name:{type:String,required:!1},avatar:{type:String,required:!1},dropdownProps:{type:Object,required:!1},themeOptions:{type:Array,required:!1},searchConfig:{type:Object,required:!1},locale:{type:Object,required:!1},onLogout:{type:Function,required:!1},onMenuClick:{type:Function,required:!1},onActionClick:{type:Function,required:!1}},emits:[`logout`,`menuClick`,`actionClick`],name:`RightContent`,inheritAttrs:!1})});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gx-design-vue/pro-layout-components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.0-alpha.
|
|
4
|
+
"version": "0.1.0-alpha.9",
|
|
5
5
|
"description": "Gx Design Pro Layout Components",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "gx12358",
|
|
@@ -37,24 +37,36 @@
|
|
|
37
37
|
"package.json"
|
|
38
38
|
],
|
|
39
39
|
"peerDependencies": {
|
|
40
|
-
"
|
|
40
|
+
"@antdv-next/cssinjs": "^1.0.6",
|
|
41
|
+
"antdv-next": "^1.4.0",
|
|
42
|
+
"vue": ">=3.2.0",
|
|
43
|
+
"@gx-design-vue/context": "^0.0.5-alpha.7",
|
|
44
|
+
"@gx-design-vue/icon": "^0.0.1-alpha.11",
|
|
45
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-alpha.7",
|
|
46
|
+
"@gx-design-vue/pro-layout": "^0.1.0-alpha.14",
|
|
47
|
+
"@gx-design-vue/pro-modal": "^0.2.0-alpha.8",
|
|
48
|
+
"@gx-design-vue/pro-provider": "^0.1.0-alpha.15",
|
|
49
|
+
"@gx-design-vue/pro-utils": "^0.2.0-alpha.9",
|
|
50
|
+
"@gx-design-vue/scrollbar": "^0.2.0-alpha.6"
|
|
41
51
|
},
|
|
42
52
|
"dependencies": {
|
|
43
|
-
"@antdv-next/cssinjs": "^1.0.6",
|
|
44
53
|
"@ctrl/tinycolor": "^3.5.0",
|
|
45
54
|
"@vueuse/core": "^14.3.0",
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"@
|
|
52
|
-
"
|
|
53
|
-
"@gx-design-vue/
|
|
54
|
-
"@gx-design-vue/pro-
|
|
55
|
-
"@gx-design-vue/
|
|
56
|
-
"@gx-design-vue/
|
|
57
|
-
"@gx-design-vue/pro-
|
|
55
|
+
"dayjs": "^1.11.21",
|
|
56
|
+
"es-toolkit": "1.48.1",
|
|
57
|
+
"vue-router": "^5.1.0"
|
|
58
|
+
},
|
|
59
|
+
"devDependencies": {
|
|
60
|
+
"@antdv-next/cssinjs": "^1.0.6",
|
|
61
|
+
"antdv-next": "^1.4.0",
|
|
62
|
+
"@gx-design-vue/context": "^0.0.5-alpha.7",
|
|
63
|
+
"@gx-design-vue/pro-layout": "^0.1.0-alpha.14",
|
|
64
|
+
"@gx-design-vue/icon": "^0.0.1-alpha.11",
|
|
65
|
+
"@gx-design-vue/pro-utils": "^0.2.0-alpha.9",
|
|
66
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-alpha.7",
|
|
67
|
+
"@gx-design-vue/pro-provider": "^0.1.0-alpha.15",
|
|
68
|
+
"@gx-design-vue/pro-modal": "^0.2.0-alpha.8",
|
|
69
|
+
"@gx-design-vue/scrollbar": "^0.2.0-alpha.6"
|
|
58
70
|
},
|
|
59
71
|
"browserslist": [
|
|
60
72
|
"> 1%",
|