@vaebe/ccui 2.0.0-beta.0
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/LICENSE +201 -0
- package/README.md +31 -0
- package/affix/ccui-cli.css +2 -0
- package/affix/index.es.js +132 -0
- package/affix/index.umd.js +1 -0
- package/alert/ccui-cli.css +2 -0
- package/alert/index.es.js +127 -0
- package/alert/index.umd.js +1 -0
- package/anchor/ccui-cli.css +2 -0
- package/anchor/index.es.js +160 -0
- package/anchor/index.umd.js +1 -0
- package/avatar/ccui-cli.css +2 -0
- package/avatar/index.es.js +235 -0
- package/avatar/index.umd.js +1 -0
- package/badge/ccui-cli.css +2 -0
- package/badge/index.es.js +146 -0
- package/badge/index.umd.js +1 -0
- package/breadcrumb/ccui-cli.css +2 -0
- package/breadcrumb/index.es.js +89 -0
- package/breadcrumb/index.umd.js +1 -0
- package/button/ccui-cli.css +2 -0
- package/button/index.es.js +1236 -0
- package/button/index.umd.js +1 -0
- package/button-3d/ccui-cli.css +2 -0
- package/button-3d/index.es.js +80 -0
- package/button-3d/index.umd.js +1 -0
- package/calendar/ccui-cli.css +2 -0
- package/calendar/index.es.js +450 -0
- package/calendar/index.umd.js +1 -0
- package/card/ccui-cli.css +2 -0
- package/card/index.es.js +78 -0
- package/card/index.umd.js +1 -0
- package/ccui-cli.css +2 -0
- package/check-box/ccui-cli.css +2 -0
- package/check-box/index.es.js +173 -0
- package/check-box/index.umd.js +1 -0
- package/collapse/ccui-cli.css +2 -0
- package/collapse/index.es.js +176 -0
- package/collapse/index.umd.js +1 -0
- package/config-provider/index.es.js +204 -0
- package/config-provider/index.umd.js +1 -0
- package/date-picker/ccui-cli.css +2 -0
- package/date-picker/index.es.js +2447 -0
- package/date-picker/index.umd.js +1 -0
- package/descriptions/ccui-cli.css +2 -0
- package/descriptions/index.es.js +175 -0
- package/descriptions/index.umd.js +1 -0
- package/divider/ccui-cli.css +2 -0
- package/divider/index.es.js +78 -0
- package/divider/index.umd.js +1 -0
- package/drawer/ccui-cli.css +2 -0
- package/drawer/index.es.js +1320 -0
- package/drawer/index.umd.js +1 -0
- package/dropdown/ccui-cli.css +2 -0
- package/dropdown/index.es.js +606 -0
- package/dropdown/index.umd.js +1 -0
- package/empty/ccui-cli.css +2 -0
- package/empty/index.es.js +173 -0
- package/empty/index.umd.js +1 -0
- package/flex/ccui-cli.css +2 -0
- package/flex/index.es.js +87 -0
- package/flex/index.umd.js +1 -0
- package/float-button/ccui-cli.css +2 -0
- package/float-button/index.es.js +169 -0
- package/float-button/index.umd.js +1 -0
- package/form/ccui-cli.css +2 -0
- package/form/index.es.js +752 -0
- package/form/index.umd.js +1 -0
- package/grid/ccui-cli.css +2 -0
- package/grid/index.es.js +207 -0
- package/grid/index.umd.js +1 -0
- package/icon/ccui-cli.css +2 -0
- package/icon/index.es.js +1228 -0
- package/icon/index.umd.js +1 -0
- package/image/ccui-cli.css +2 -0
- package/image/index.es.js +276 -0
- package/image/index.umd.js +1 -0
- package/index.d.ts +7 -0
- package/input/ccui-cli.css +2 -0
- package/input/index.es.js +1293 -0
- package/input/index.umd.js +1 -0
- package/input-number/ccui-cli.css +2 -0
- package/input-number/index.es.js +263 -0
- package/input-number/index.umd.js +1 -0
- package/layout/ccui-cli.css +2 -0
- package/layout/index.es.js +184 -0
- package/layout/index.umd.js +1 -0
- package/masonry/ccui-cli.css +2 -0
- package/masonry/index.es.js +119 -0
- package/masonry/index.umd.js +1 -0
- package/menu/ccui-cli.css +2 -0
- package/menu/index.es.js +385 -0
- package/menu/index.umd.js +1 -0
- package/message/ccui-cli.css +2 -0
- package/message/index.es.js +351 -0
- package/message/index.umd.js +1 -0
- package/modal/ccui-cli.css +2 -0
- package/modal/index.es.js +1553 -0
- package/modal/index.umd.js +1 -0
- package/notification/ccui-cli.css +2 -0
- package/notification/index.es.js +347 -0
- package/notification/index.umd.js +1 -0
- package/nuxt/components/category.js +2 -0
- package/nuxt/components/install.js +2 -0
- package/nuxt/components/status.js +2 -0
- package/nuxt/components/title.js +2 -0
- package/nuxt/index.js +13 -0
- package/package.json +53 -0
- package/pagination/ccui-cli.css +2 -0
- package/pagination/index.es.js +296 -0
- package/pagination/index.umd.js +1 -0
- package/popconfirm/ccui-cli.css +2 -0
- package/popconfirm/index.es.js +735 -0
- package/popconfirm/index.umd.js +1 -0
- package/popover/ccui-cli.css +2 -0
- package/popover/index.es.js +530 -0
- package/popover/index.umd.js +1 -0
- package/progress/ccui-cli.css +2 -0
- package/progress/index.es.js +167 -0
- package/progress/index.umd.js +1 -0
- package/radio/ccui-cli.css +2 -0
- package/radio/index.es.js +157 -0
- package/radio/index.umd.js +1 -0
- package/rate/ccui-cli.css +2 -0
- package/rate/index.es.js +115 -0
- package/rate/index.umd.js +1 -0
- package/result/ccui-cli.css +2 -0
- package/result/index.es.js +90 -0
- package/result/index.umd.js +1 -0
- package/segmented/ccui-cli.css +2 -0
- package/segmented/index.es.js +99 -0
- package/segmented/index.umd.js +1 -0
- package/select/ccui-cli.css +2 -0
- package/select/index.es.js +1885 -0
- package/select/index.umd.js +1 -0
- package/skeleton/ccui-cli.css +2 -0
- package/skeleton/index.es.js +117 -0
- package/skeleton/index.umd.js +1 -0
- package/slider/ccui-cli.css +2 -0
- package/slider/index.es.js +1071 -0
- package/slider/index.umd.js +1 -0
- package/space/ccui-cli.css +2 -0
- package/space/index.es.js +108 -0
- package/space/index.umd.js +1 -0
- package/spin/ccui-cli.css +2 -0
- package/spin/index.es.js +86 -0
- package/spin/index.umd.js +1 -0
- package/splitter/ccui-cli.css +2 -0
- package/splitter/index.es.js +198 -0
- package/splitter/index.umd.js +1 -0
- package/status/ccui-cli.css +2 -0
- package/status/index.es.js +44 -0
- package/status/index.umd.js +1 -0
- package/steps/ccui-cli.css +2 -0
- package/steps/index.es.js +118 -0
- package/steps/index.umd.js +1 -0
- package/switch/ccui-cli.css +2 -0
- package/switch/index.es.js +118 -0
- package/switch/index.umd.js +1 -0
- package/table/ccui-cli.css +2 -0
- package/table/index.es.js +553 -0
- package/table/index.umd.js +1 -0
- package/tabs/ccui-cli.css +2 -0
- package/tabs/index.es.js +128 -0
- package/tabs/index.umd.js +1 -0
- package/tag/ccui-cli.css +2 -0
- package/tag/index.es.js +116 -0
- package/tag/index.umd.js +1 -0
- package/theme/darkTheme.css +352 -0
- package/theme/theme.scss +703 -0
- package/timeline/ccui-cli.css +2 -0
- package/timeline/index.es.js +113 -0
- package/timeline/index.umd.js +1 -0
- package/tooltip/ccui-cli.css +2 -0
- package/tooltip/index.es.js +423 -0
- package/tooltip/index.umd.js +1 -0
- package/tree/ccui-cli.css +2 -0
- package/tree/index.es.js +810 -0
- package/tree/index.umd.js +1 -0
- package/typography/ccui-cli.css +2 -0
- package/typography/index.es.js +270 -0
- package/typography/index.umd.js +1 -0
- package/util/index.es.js +78 -0
- package/util/index.umd.js +1 -0
- package/vue-ccui.es.js +18989 -0
- package/vue-ccui.umd.js +1 -0
- package/watermark/ccui-cli.css +2 -0
- package/watermark/index.es.js +179 -0
- package/watermark/index.umd.js +1 -0
|
@@ -0,0 +1,606 @@
|
|
|
1
|
+
import * as e from "vue";
|
|
2
|
+
import { Teleport as t, Transition as n, computed as r, createVNode as i, defineComponent as a, getCurrentInstance as o, isVNode as s, mergeProps as c, nextTick as l, onMounted as u, onUnmounted as d, ref as f, watch as p } from "vue";
|
|
3
|
+
import { arrow as m, autoUpdate as h, computePosition as g, flip as _, offset as v, shift as y } from "@floating-ui/dom";
|
|
4
|
+
//#region \0rolldown/runtime.js
|
|
5
|
+
var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, S = Object.getOwnPropertyNames, C = Object.prototype.hasOwnProperty, w = (e, t) => {
|
|
6
|
+
let n = {};
|
|
7
|
+
for (var r in e) b(n, r, {
|
|
8
|
+
get: e[r],
|
|
9
|
+
enumerable: !0
|
|
10
|
+
});
|
|
11
|
+
return t || b(n, Symbol.toStringTag, { value: "Module" }), n;
|
|
12
|
+
}, T = (e, t, n, r) => {
|
|
13
|
+
if (t && typeof t == "object" || typeof t == "function") for (var i = S(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !C.call(e, s) && s !== n && b(e, s, {
|
|
14
|
+
get: ((e) => t[e]).bind(null, s),
|
|
15
|
+
enumerable: !(r = x(t, s)) || r.enumerable
|
|
16
|
+
});
|
|
17
|
+
return e;
|
|
18
|
+
}, E = (e, t, n) => (T(e, t, "default"), n && T(n, t, "default"));
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
|
|
21
|
+
function D() {
|
|
22
|
+
return typeof window < "u";
|
|
23
|
+
}
|
|
24
|
+
function O(e) {
|
|
25
|
+
return A(e) ? (e.nodeName || "").toLowerCase() : "#document";
|
|
26
|
+
}
|
|
27
|
+
function k(e) {
|
|
28
|
+
var t;
|
|
29
|
+
return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
|
|
30
|
+
}
|
|
31
|
+
function A(e) {
|
|
32
|
+
return D() ? e instanceof Node || e instanceof k(e).Node : !1;
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.33_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
|
|
36
|
+
var j = /* @__PURE__ */ w({
|
|
37
|
+
Vue: () => e,
|
|
38
|
+
Vue2: () => void 0,
|
|
39
|
+
del: () => ee,
|
|
40
|
+
install: () => N,
|
|
41
|
+
isVue2: () => !1,
|
|
42
|
+
isVue3: () => !0,
|
|
43
|
+
set: () => P
|
|
44
|
+
});
|
|
45
|
+
import * as M from "vue";
|
|
46
|
+
E(j, M);
|
|
47
|
+
function N() {}
|
|
48
|
+
function P(e, t, n) {
|
|
49
|
+
return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
|
|
50
|
+
}
|
|
51
|
+
function ee(e, t) {
|
|
52
|
+
if (Array.isArray(e)) {
|
|
53
|
+
e.splice(t, 1);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
delete e[t];
|
|
57
|
+
}
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.9_vue@3.5.33_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
|
|
60
|
+
function te(e) {
|
|
61
|
+
return typeof e == "object" && !!e && "$el" in e;
|
|
62
|
+
}
|
|
63
|
+
function F(e) {
|
|
64
|
+
if (te(e)) {
|
|
65
|
+
let t = e.$el;
|
|
66
|
+
return A(t) && O(t) === "#comment" ? null : t;
|
|
67
|
+
}
|
|
68
|
+
return e;
|
|
69
|
+
}
|
|
70
|
+
function I(e) {
|
|
71
|
+
return typeof e == "function" ? e() : (0, j.unref)(e);
|
|
72
|
+
}
|
|
73
|
+
function ne(e) {
|
|
74
|
+
return {
|
|
75
|
+
name: "arrow",
|
|
76
|
+
options: e,
|
|
77
|
+
fn(t) {
|
|
78
|
+
let n = F(I(e.element));
|
|
79
|
+
return n == null ? {} : m({
|
|
80
|
+
element: n,
|
|
81
|
+
padding: e.padding
|
|
82
|
+
}).fn(t);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
function L(e) {
|
|
87
|
+
return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
|
|
88
|
+
}
|
|
89
|
+
function R(e, t) {
|
|
90
|
+
let n = L(e);
|
|
91
|
+
return Math.round(t * n) / n;
|
|
92
|
+
}
|
|
93
|
+
function re(e, t, n) {
|
|
94
|
+
n === void 0 && (n = {});
|
|
95
|
+
let r = n.whileElementsMounted, i = (0, j.computed)(() => I(n.open) ?? !0), a = (0, j.computed)(() => I(n.middleware)), o = (0, j.computed)(() => I(n.placement) ?? "bottom"), s = (0, j.computed)(() => I(n.strategy) ?? "absolute"), c = (0, j.computed)(() => I(n.transform) ?? !0), l = (0, j.computed)(() => F(e.value)), u = (0, j.computed)(() => F(t.value)), d = (0, j.ref)(0), f = (0, j.ref)(0), p = (0, j.ref)(s.value), m = (0, j.ref)(o.value), h = (0, j.shallowRef)({}), _ = (0, j.ref)(!1), v = (0, j.computed)(() => {
|
|
96
|
+
let e = {
|
|
97
|
+
position: p.value,
|
|
98
|
+
left: "0",
|
|
99
|
+
top: "0"
|
|
100
|
+
};
|
|
101
|
+
if (!u.value) return e;
|
|
102
|
+
let t = R(u.value, d.value), n = R(u.value, f.value);
|
|
103
|
+
return c.value ? {
|
|
104
|
+
...e,
|
|
105
|
+
transform: "translate(" + t + "px, " + n + "px)",
|
|
106
|
+
...L(u.value) >= 1.5 && { willChange: "transform" }
|
|
107
|
+
} : {
|
|
108
|
+
position: p.value,
|
|
109
|
+
left: t + "px",
|
|
110
|
+
top: n + "px"
|
|
111
|
+
};
|
|
112
|
+
}), y;
|
|
113
|
+
function b() {
|
|
114
|
+
if (l.value == null || u.value == null) return;
|
|
115
|
+
let e = i.value;
|
|
116
|
+
g(l.value, u.value, {
|
|
117
|
+
middleware: a.value,
|
|
118
|
+
placement: o.value,
|
|
119
|
+
strategy: s.value
|
|
120
|
+
}).then((t) => {
|
|
121
|
+
d.value = t.x, f.value = t.y, p.value = t.strategy, m.value = t.placement, h.value = t.middlewareData, _.value = e !== !1;
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
function x() {
|
|
125
|
+
typeof y == "function" && (y(), y = void 0);
|
|
126
|
+
}
|
|
127
|
+
function S() {
|
|
128
|
+
if (x(), r === void 0) {
|
|
129
|
+
b();
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
if (l.value != null && u.value != null) {
|
|
133
|
+
y = r(l.value, u.value, b);
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
function C() {
|
|
138
|
+
i.value || (_.value = !1);
|
|
139
|
+
}
|
|
140
|
+
return (0, j.watch)([
|
|
141
|
+
a,
|
|
142
|
+
o,
|
|
143
|
+
s,
|
|
144
|
+
i
|
|
145
|
+
], b, { flush: "sync" }), (0, j.watch)([l, u], S, { flush: "sync" }), (0, j.watch)(i, C, { flush: "sync" }), (0, j.getCurrentScope)() && (0, j.onScopeDispose)(x), {
|
|
146
|
+
x: (0, j.shallowReadonly)(d),
|
|
147
|
+
y: (0, j.shallowReadonly)(f),
|
|
148
|
+
strategy: (0, j.shallowReadonly)(p),
|
|
149
|
+
placement: (0, j.shallowReadonly)(m),
|
|
150
|
+
middlewareData: (0, j.shallowReadonly)(h),
|
|
151
|
+
isPositioned: (0, j.shallowReadonly)(_),
|
|
152
|
+
floatingStyles: v,
|
|
153
|
+
update: b
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
//#endregion
|
|
157
|
+
//#region ../ccui/ui/shared/hooks/use-deprecation-warning.ts
|
|
158
|
+
var z = /* @__PURE__ */ new Set();
|
|
159
|
+
function B(e, t, n) {
|
|
160
|
+
let r = `${e}.${t}`;
|
|
161
|
+
z.has(r) || (z.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated,请改用 ${n}。`));
|
|
162
|
+
}
|
|
163
|
+
function V(e, t, n) {
|
|
164
|
+
return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
|
|
165
|
+
}
|
|
166
|
+
//#endregion
|
|
167
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
168
|
+
function H(e, t, n) {
|
|
169
|
+
let r = e;
|
|
170
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
171
|
+
}
|
|
172
|
+
function U(e, t = !1) {
|
|
173
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
174
|
+
return {
|
|
175
|
+
b: () => H(n),
|
|
176
|
+
e: (e) => e ? H(n, e) : "",
|
|
177
|
+
m: (e) => e ? H(n, "", e) : "",
|
|
178
|
+
em: (e, t) => e && t ? H(n, e, t) : "",
|
|
179
|
+
is: (e) => `is-${e}`
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
//#endregion
|
|
183
|
+
//#region ../ccui/ui/popover/src/popover-types.ts
|
|
184
|
+
var W = {
|
|
185
|
+
title: {
|
|
186
|
+
type: String,
|
|
187
|
+
default: ""
|
|
188
|
+
},
|
|
189
|
+
content: {
|
|
190
|
+
type: String,
|
|
191
|
+
default: ""
|
|
192
|
+
},
|
|
193
|
+
placement: {
|
|
194
|
+
type: String,
|
|
195
|
+
default: "bottom"
|
|
196
|
+
},
|
|
197
|
+
effect: {
|
|
198
|
+
type: String,
|
|
199
|
+
default: "light"
|
|
200
|
+
},
|
|
201
|
+
visible: {
|
|
202
|
+
type: Boolean,
|
|
203
|
+
default: void 0
|
|
204
|
+
},
|
|
205
|
+
open: {
|
|
206
|
+
type: Boolean,
|
|
207
|
+
default: void 0
|
|
208
|
+
},
|
|
209
|
+
color: {
|
|
210
|
+
type: String,
|
|
211
|
+
default: ""
|
|
212
|
+
},
|
|
213
|
+
disabled: {
|
|
214
|
+
type: Boolean,
|
|
215
|
+
default: !1
|
|
216
|
+
},
|
|
217
|
+
showArrow: {
|
|
218
|
+
type: Boolean,
|
|
219
|
+
default: !0
|
|
220
|
+
},
|
|
221
|
+
arrow: {
|
|
222
|
+
type: [Boolean, Object],
|
|
223
|
+
default: void 0
|
|
224
|
+
},
|
|
225
|
+
trigger: {
|
|
226
|
+
type: String,
|
|
227
|
+
default: "click"
|
|
228
|
+
},
|
|
229
|
+
showAfter: {
|
|
230
|
+
type: Number,
|
|
231
|
+
default: 0
|
|
232
|
+
},
|
|
233
|
+
hideAfter: {
|
|
234
|
+
type: Number,
|
|
235
|
+
default: 200
|
|
236
|
+
},
|
|
237
|
+
mouseEnterDelay: {
|
|
238
|
+
type: Number,
|
|
239
|
+
default: void 0
|
|
240
|
+
},
|
|
241
|
+
mouseLeaveDelay: {
|
|
242
|
+
type: Number,
|
|
243
|
+
default: void 0
|
|
244
|
+
},
|
|
245
|
+
popperClass: {
|
|
246
|
+
type: String,
|
|
247
|
+
default: ""
|
|
248
|
+
},
|
|
249
|
+
overlayClassName: {
|
|
250
|
+
type: String,
|
|
251
|
+
default: ""
|
|
252
|
+
},
|
|
253
|
+
offset: {
|
|
254
|
+
type: Number,
|
|
255
|
+
default: 4
|
|
256
|
+
},
|
|
257
|
+
rawContent: {
|
|
258
|
+
type: Boolean,
|
|
259
|
+
default: !1
|
|
260
|
+
},
|
|
261
|
+
enterable: {
|
|
262
|
+
type: Boolean,
|
|
263
|
+
default: !0
|
|
264
|
+
},
|
|
265
|
+
hideOnClickOutside: {
|
|
266
|
+
type: Boolean,
|
|
267
|
+
default: !0
|
|
268
|
+
},
|
|
269
|
+
closeOnEsc: {
|
|
270
|
+
type: Boolean,
|
|
271
|
+
default: !0
|
|
272
|
+
},
|
|
273
|
+
ariaLabel: {
|
|
274
|
+
type: String,
|
|
275
|
+
default: ""
|
|
276
|
+
},
|
|
277
|
+
width: {
|
|
278
|
+
type: [Number, String],
|
|
279
|
+
default: ""
|
|
280
|
+
},
|
|
281
|
+
transition: {
|
|
282
|
+
type: String,
|
|
283
|
+
default: "ccui-popover-fade"
|
|
284
|
+
},
|
|
285
|
+
autoClose: {
|
|
286
|
+
type: Number,
|
|
287
|
+
default: 0
|
|
288
|
+
},
|
|
289
|
+
tabindex: {
|
|
290
|
+
type: [Number, String],
|
|
291
|
+
default: 0
|
|
292
|
+
},
|
|
293
|
+
teleported: {
|
|
294
|
+
type: Boolean,
|
|
295
|
+
default: !0
|
|
296
|
+
},
|
|
297
|
+
getPopupContainer: {
|
|
298
|
+
type: Function,
|
|
299
|
+
default: void 0
|
|
300
|
+
},
|
|
301
|
+
fresh: {
|
|
302
|
+
type: Boolean,
|
|
303
|
+
default: !1
|
|
304
|
+
},
|
|
305
|
+
destroyTooltipOnHide: {
|
|
306
|
+
type: Boolean,
|
|
307
|
+
default: !1
|
|
308
|
+
},
|
|
309
|
+
autoAdjustOverflow: {
|
|
310
|
+
type: Boolean,
|
|
311
|
+
default: !0
|
|
312
|
+
},
|
|
313
|
+
align: {
|
|
314
|
+
type: Object,
|
|
315
|
+
default: void 0
|
|
316
|
+
},
|
|
317
|
+
persistent: {
|
|
318
|
+
type: Boolean,
|
|
319
|
+
default: !0
|
|
320
|
+
},
|
|
321
|
+
virtualTriggering: {
|
|
322
|
+
type: Boolean,
|
|
323
|
+
default: !1
|
|
324
|
+
},
|
|
325
|
+
virtualRef: {
|
|
326
|
+
type: Object,
|
|
327
|
+
default: void 0
|
|
328
|
+
},
|
|
329
|
+
triggerKeys: {
|
|
330
|
+
type: Array,
|
|
331
|
+
default: () => ["Enter", " "]
|
|
332
|
+
}
|
|
333
|
+
};
|
|
334
|
+
//#endregion
|
|
335
|
+
//#region ../ccui/ui/popover/src/popover.tsx
|
|
336
|
+
function G(e) {
|
|
337
|
+
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
|
|
338
|
+
}
|
|
339
|
+
function ie(e) {
|
|
340
|
+
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
341
|
+
}
|
|
342
|
+
var ae = 0, K = /* @__PURE__ */ a({
|
|
343
|
+
name: "CPopover",
|
|
344
|
+
props: W,
|
|
345
|
+
emits: [
|
|
346
|
+
"before-show",
|
|
347
|
+
"show",
|
|
348
|
+
"before-hide",
|
|
349
|
+
"hide",
|
|
350
|
+
"update:visible",
|
|
351
|
+
"update:open",
|
|
352
|
+
"before-enter",
|
|
353
|
+
"after-enter",
|
|
354
|
+
"before-leave",
|
|
355
|
+
"after-leave"
|
|
356
|
+
],
|
|
357
|
+
setup(e, { emit: a, slots: s, expose: m }) {
|
|
358
|
+
let g = U("popover"), b = `${g.e("popper")}-${++ae}`, x = o()?.vnode.props;
|
|
359
|
+
V(x, "visible", "visible") && B("Popover", "visible", "open(v-model:open)"), V(x, "showArrow", "show-arrow") && B("Popover", "showArrow", "arrow"), V(x, "showAfter", "show-after") && B("Popover", "showAfter", "mouseEnterDelay"), V(x, "hideAfter", "hide-after") && B("Popover", "hideAfter", "mouseLeaveDelay"), V(x, "popperClass", "popper-class") && B("Popover", "popperClass", "overlayClassName"), V(x, "teleported", "teleported") && B("Popover", "teleported", "getPopupContainer");
|
|
360
|
+
let S = f(!1), C = f(), w = f(), T = f(), E = f(), D = f(), O = f(), k = r(() => e.open === void 0 ? e.visible : e.open), A = r(() => k.value !== void 0), j = r(() => !!(A.value ? k.value : S.value)), M = r(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), N = r(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), P = r(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), ee = r(() => ie(e.arrow) ? !!e.arrow.pointAtCenter : !1), te = r(() => e.overlayClassName || e.popperClass), F = r(() => e.color ? { backgroundColor: e.color } : {}), I = r(() => e.virtualTriggering && e.virtualRef ? e.virtualRef : C.value), L = r(() => [
|
|
361
|
+
g.e("popper"),
|
|
362
|
+
g.em("popper", e.effect),
|
|
363
|
+
g.em("popper", e.placement.split("-")[0]),
|
|
364
|
+
ee.value && g.em("popper", "arrow-center"),
|
|
365
|
+
te.value
|
|
366
|
+
].filter(Boolean).join(" ")), { floatingStyles: R, middlewareData: z, update: H } = re(r(() => I.value), w, {
|
|
367
|
+
placement: e.placement,
|
|
368
|
+
middleware: [
|
|
369
|
+
v(e.offset),
|
|
370
|
+
...e.autoAdjustOverflow ? [_()] : [],
|
|
371
|
+
y({ padding: 8 }),
|
|
372
|
+
...P.value ? [ne({ element: T })] : []
|
|
373
|
+
]
|
|
374
|
+
}), W = r(() => {
|
|
375
|
+
if (!P.value || !z.value.arrow) return {};
|
|
376
|
+
let { x: t, y: n } = z.value.arrow, r = {
|
|
377
|
+
top: "bottom",
|
|
378
|
+
right: "left",
|
|
379
|
+
bottom: "top",
|
|
380
|
+
left: "right"
|
|
381
|
+
}[e.placement.split("-")[0]];
|
|
382
|
+
return {
|
|
383
|
+
left: t == null ? "" : `${t}px`,
|
|
384
|
+
top: n == null ? "" : `${n}px`,
|
|
385
|
+
right: "",
|
|
386
|
+
bottom: "",
|
|
387
|
+
[r]: "-4px"
|
|
388
|
+
};
|
|
389
|
+
}), K = () => {
|
|
390
|
+
E.value &&= (clearTimeout(E.value), void 0), D.value &&= (clearTimeout(D.value), void 0), O.value &&= (clearTimeout(O.value), void 0);
|
|
391
|
+
}, q = () => {
|
|
392
|
+
K();
|
|
393
|
+
let t = () => {
|
|
394
|
+
a("before-hide"), A.value || (S.value = !1), a("update:visible", !1), a("update:open", !1), a("hide");
|
|
395
|
+
};
|
|
396
|
+
N.value > 0 && e.trigger !== "click" ? D.value = window.setTimeout(t, N.value) : t();
|
|
397
|
+
}, J = () => {
|
|
398
|
+
if (e.disabled) return;
|
|
399
|
+
K();
|
|
400
|
+
let t = () => {
|
|
401
|
+
a("before-show"), A.value || (S.value = !0), a("update:visible", !0), a("update:open", !0), l(() => {
|
|
402
|
+
H(), a("show"), e.autoClose > 0 && (O.value = window.setTimeout(() => {
|
|
403
|
+
q();
|
|
404
|
+
}, e.autoClose));
|
|
405
|
+
});
|
|
406
|
+
};
|
|
407
|
+
M.value > 0 ? E.value = window.setTimeout(t, M.value) : t();
|
|
408
|
+
}, Y = () => {
|
|
409
|
+
e.trigger === "hover" && J();
|
|
410
|
+
}, X = () => {
|
|
411
|
+
e.trigger === "hover" && q();
|
|
412
|
+
}, oe = () => {
|
|
413
|
+
e.trigger === "click" && (j.value ? q() : J());
|
|
414
|
+
}, se = (t) => {
|
|
415
|
+
e.trigger === "contextmenu" && (t.preventDefault(), j.value ? q() : J());
|
|
416
|
+
}, ce = () => {
|
|
417
|
+
e.trigger === "focus" && J();
|
|
418
|
+
}, le = () => {
|
|
419
|
+
e.trigger === "focus" && q();
|
|
420
|
+
}, ue = (e) => {
|
|
421
|
+
if (!e) return e;
|
|
422
|
+
let t = e.toLowerCase();
|
|
423
|
+
return e === " " || t === "space" || t === "spacebar" ? "Space" : e;
|
|
424
|
+
}, de = (t) => {
|
|
425
|
+
if (e.trigger !== "focus") return;
|
|
426
|
+
let n = ue(t.key);
|
|
427
|
+
e.triggerKeys.map(ue).includes(n) && (t.preventDefault(), j.value ? q() : J());
|
|
428
|
+
}, fe = () => {
|
|
429
|
+
e.trigger === "hover" && e.enterable && K();
|
|
430
|
+
}, pe = () => {
|
|
431
|
+
e.trigger === "hover" && e.enterable && q();
|
|
432
|
+
}, me = r(() => [g.b(), e.disabled ? g.m("disabled") : ""].filter(Boolean).join(" ")), Z = (t) => {
|
|
433
|
+
if (!j.value || e.trigger === "manual" || !e.hideOnClickOutside) return;
|
|
434
|
+
let n = t.target, r = n instanceof Node ? n : null, i = e.virtualTriggering && e.virtualRef ? e.virtualRef : C.value, a = !!(r && i && i.contains(r)), o = !!(r && w.value && w.value.contains(r));
|
|
435
|
+
!a && !o && q();
|
|
436
|
+
}, Q = (t) => {
|
|
437
|
+
j.value && e.trigger !== "manual" && e.closeOnEsc && t.key === "Escape" && q();
|
|
438
|
+
}, $;
|
|
439
|
+
u(() => {
|
|
440
|
+
e.visible && l(() => {
|
|
441
|
+
let e = I.value;
|
|
442
|
+
e && w.value && ($ = h(e, w.value, H)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
|
|
443
|
+
});
|
|
444
|
+
}), d(() => {
|
|
445
|
+
if (K(), $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0), e.virtualTriggering && e.virtualRef) {
|
|
446
|
+
let t = e.virtualRef;
|
|
447
|
+
t.removeEventListener("mouseenter", Y), t.removeEventListener("mouseleave", X), t.removeEventListener("click", oe), t.removeEventListener("focus", ce), t.removeEventListener("blur", le), t.removeEventListener("keydown", de), t.removeEventListener("contextmenu", se);
|
|
448
|
+
}
|
|
449
|
+
}), p(k, (e) => {
|
|
450
|
+
if (A.value) {
|
|
451
|
+
let t = !!e;
|
|
452
|
+
t !== S.value && (S.value = t, t && l(() => H()));
|
|
453
|
+
}
|
|
454
|
+
}), p(j, (e) => {
|
|
455
|
+
if (e) {
|
|
456
|
+
let e = I.value;
|
|
457
|
+
e && w.value && ($?.(), $ = h(e, w.value, H)), window.addEventListener("mousedown", Z, !0), window.addEventListener("keydown", Q, !0);
|
|
458
|
+
} else $?.(), window.removeEventListener("mousedown", Z, !0), window.removeEventListener("keydown", Q, !0);
|
|
459
|
+
});
|
|
460
|
+
let he = () => P.value ? i("div", {
|
|
461
|
+
ref: T,
|
|
462
|
+
class: [g.e("arrow"), g.em("arrow", e.placement.split("-")[0])].join(" "),
|
|
463
|
+
style: W.value
|
|
464
|
+
}, null) : null, ge = () => {
|
|
465
|
+
let t = !!s.title, n = !!e.title;
|
|
466
|
+
return !t && !n ? null : i("div", { class: g.e("header") }, [s.title ? s.title() : e.title]);
|
|
467
|
+
}, _e = () => e.rawContent ? i("div", { innerHTML: e.content }, null) : s.content ? s.content() : e.content;
|
|
468
|
+
return m({ hide: q }), () => {
|
|
469
|
+
let r = {};
|
|
470
|
+
e.virtualTriggering || (e.trigger === "hover" ? (r.onMouseenter = Y, r.onMouseleave = X) : e.trigger === "click" ? r.onClick = oe : e.trigger === "focus" ? (r.onFocus = ce, r.onBlur = le, r.onKeydown = de) : e.trigger === "contextmenu" && (r.onContextmenu = se));
|
|
471
|
+
let o = i("div", {
|
|
472
|
+
ref: w,
|
|
473
|
+
class: L.value,
|
|
474
|
+
role: "dialog",
|
|
475
|
+
id: b,
|
|
476
|
+
style: {
|
|
477
|
+
...R.value,
|
|
478
|
+
...F.value,
|
|
479
|
+
zIndex: 2e3,
|
|
480
|
+
pointerEvents: e.enterable ? "auto" : "none",
|
|
481
|
+
width: e.width || void 0
|
|
482
|
+
},
|
|
483
|
+
onMouseenter: fe,
|
|
484
|
+
onMouseleave: pe
|
|
485
|
+
}, [
|
|
486
|
+
he(),
|
|
487
|
+
ge(),
|
|
488
|
+
i("div", { class: g.e("content") }, [_e()])
|
|
489
|
+
]), l = () => {
|
|
490
|
+
if (e.getPopupContainer) {
|
|
491
|
+
let n = e.getPopupContainer(C.value ?? null);
|
|
492
|
+
return n ? i(t, { to: n }, G(o) ? o : { default: () => [o] }) : o;
|
|
493
|
+
}
|
|
494
|
+
return e.teleported ? i(t, { to: "body" }, G(o) ? o : { default: () => [o] }) : o;
|
|
495
|
+
};
|
|
496
|
+
return i("div", { class: me.value }, [
|
|
497
|
+
!e.virtualTriggering && i("div", c({
|
|
498
|
+
ref: C,
|
|
499
|
+
class: g.e("trigger"),
|
|
500
|
+
"aria-describedby": j.value ? b : void 0,
|
|
501
|
+
"aria-label": e.ariaLabel,
|
|
502
|
+
tabindex: e.trigger === "focus" ? e.tabindex : void 0
|
|
503
|
+
}, r), [s.default?.()]),
|
|
504
|
+
e.virtualTriggering && s.default?.(),
|
|
505
|
+
i(n, {
|
|
506
|
+
name: e.transition,
|
|
507
|
+
onBeforeEnter: () => a("before-enter"),
|
|
508
|
+
onAfterEnter: () => a("after-enter"),
|
|
509
|
+
onBeforeLeave: () => a("before-leave"),
|
|
510
|
+
onAfterLeave: () => a("after-leave")
|
|
511
|
+
}, { default: () => [j.value && l()] })
|
|
512
|
+
]);
|
|
513
|
+
};
|
|
514
|
+
}
|
|
515
|
+
}), q = /* @__PURE__ */ a({
|
|
516
|
+
name: "CDropdown",
|
|
517
|
+
props: {
|
|
518
|
+
items: {
|
|
519
|
+
type: Array,
|
|
520
|
+
default: () => []
|
|
521
|
+
},
|
|
522
|
+
trigger: {
|
|
523
|
+
type: String,
|
|
524
|
+
default: "hover"
|
|
525
|
+
},
|
|
526
|
+
placement: {
|
|
527
|
+
type: String,
|
|
528
|
+
default: "bottom-start"
|
|
529
|
+
},
|
|
530
|
+
disabled: {
|
|
531
|
+
type: Boolean,
|
|
532
|
+
default: !1
|
|
533
|
+
},
|
|
534
|
+
visible: {
|
|
535
|
+
type: Boolean,
|
|
536
|
+
default: void 0
|
|
537
|
+
},
|
|
538
|
+
hideOnClick: {
|
|
539
|
+
type: Boolean,
|
|
540
|
+
default: !0
|
|
541
|
+
},
|
|
542
|
+
width: {
|
|
543
|
+
type: [Number, String],
|
|
544
|
+
default: ""
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
emits: [
|
|
548
|
+
"select",
|
|
549
|
+
"update:visible",
|
|
550
|
+
"visible-change"
|
|
551
|
+
],
|
|
552
|
+
setup(e, { emit: t, slots: n }) {
|
|
553
|
+
let a = U("dropdown"), o = f(null), s = f(!1), c = r(() => e.visible !== void 0), l = r(() => c.value ? e.visible : s.value);
|
|
554
|
+
p(() => e.visible, (e) => {
|
|
555
|
+
e !== void 0 && (s.value = !!e);
|
|
556
|
+
});
|
|
557
|
+
let u = (n) => {
|
|
558
|
+
n.disabled || (t("select", n), e.hideOnClick && (c.value || (s.value = !1), t("update:visible", !1), t("visible-change", !1), o.value?.hide?.()));
|
|
559
|
+
};
|
|
560
|
+
return () => i(K, {
|
|
561
|
+
ref: o,
|
|
562
|
+
trigger: e.trigger,
|
|
563
|
+
placement: e.placement,
|
|
564
|
+
disabled: e.disabled,
|
|
565
|
+
visible: l.value,
|
|
566
|
+
showArrow: !1,
|
|
567
|
+
offset: 4,
|
|
568
|
+
popperClass: a.b(),
|
|
569
|
+
width: e.width,
|
|
570
|
+
"onUpdate:visible": (e) => {
|
|
571
|
+
c.value || (s.value = e), t("update:visible", e), t("visible-change", e);
|
|
572
|
+
}
|
|
573
|
+
}, {
|
|
574
|
+
default: () => n.default?.(),
|
|
575
|
+
content: () => i("ul", {
|
|
576
|
+
class: a.e("menu"),
|
|
577
|
+
role: "menu"
|
|
578
|
+
}, [n.menu ? n.menu({ select: u }) : e.items.map((e) => i("li", {
|
|
579
|
+
key: e.key,
|
|
580
|
+
class: [
|
|
581
|
+
a.e("item"),
|
|
582
|
+
e.disabled && a.em("item", "disabled"),
|
|
583
|
+
e.danger && a.em("item", "danger"),
|
|
584
|
+
e.divided && a.em("item", "divided")
|
|
585
|
+
],
|
|
586
|
+
role: "menuitem",
|
|
587
|
+
onClick: () => u(e)
|
|
588
|
+
}, [e.icon && i("i", { class: [a.e("icon"), e.icon] }, null), i("span", { class: a.e("label") }, [e.label])]))])
|
|
589
|
+
});
|
|
590
|
+
}
|
|
591
|
+
});
|
|
592
|
+
//#endregion
|
|
593
|
+
//#region ../ccui/ui/dropdown/index.ts
|
|
594
|
+
q.install = function(e) {
|
|
595
|
+
e.component(q.name, q);
|
|
596
|
+
};
|
|
597
|
+
var J = {
|
|
598
|
+
title: "Dropdown 下拉菜单",
|
|
599
|
+
category: "导航",
|
|
600
|
+
status: "100%",
|
|
601
|
+
install(e) {
|
|
602
|
+
e.component(q.name, q);
|
|
603
|
+
}
|
|
604
|
+
};
|
|
605
|
+
//#endregion
|
|
606
|
+
export { q as Dropdown, J as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@floating-ui/dom`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@floating-ui/dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue,e._floating_ui_dom))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e},d=(e,t,n)=>(u(e,t,`default`),n&&u(n,t,`default`));t=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function f(){return typeof window<`u`}function p(e){return h(e)?(e.nodeName||``).toLowerCase():`#document`}function m(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function h(e){return f()?e instanceof Node||e instanceof m(e).Node:!1}var g=l({Vue:()=>t,Vue2:()=>void 0,del:()=>y,install:()=>_,isVue2:()=>!1,isVue3:()=>!0,set:()=>v});d(g,require(`vue`));function _(){}function v(e,t,n){return Array.isArray(e)?(e.length=Math.max(e.length,t),e.splice(t,1,n),n):(e[t]=n,n)}function y(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function b(e){return typeof e==`object`&&!!e&&`$el`in e}function x(e){if(b(e)){let t=e.$el;return h(t)&&p(t)===`#comment`?null:t}return e}function S(e){return typeof e==`function`?e():(0,g.unref)(e)}function C(e){return{name:`arrow`,options:e,fn(t){let r=x(S(e.element));return r==null?{}:(0,n.arrow)({element:r,padding:e.padding}).fn(t)}}}function w(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function T(e,t){let n=w(e);return Math.round(t*n)/n}function E(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,g.computed)(()=>S(r.open)??!0),o=(0,g.computed)(()=>S(r.middleware)),s=(0,g.computed)(()=>S(r.placement)??`bottom`),c=(0,g.computed)(()=>S(r.strategy)??`absolute`),l=(0,g.computed)(()=>S(r.transform)??!0),u=(0,g.computed)(()=>x(e.value)),d=(0,g.computed)(()=>x(t.value)),f=(0,g.ref)(0),p=(0,g.ref)(0),m=(0,g.ref)(c.value),h=(0,g.ref)(s.value),_=(0,g.shallowRef)({}),v=(0,g.ref)(!1),y=(0,g.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=T(d.value,f.value),n=T(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...w(d.value)>=1.5&&{willChange:`transform`}}:{position:m.value,left:t+`px`,top:n+`px`}}),b;function C(){if(u.value==null||d.value==null)return;let e=a.value;(0,n.computePosition)(u.value,d.value,{middleware:o.value,placement:s.value,strategy:c.value}).then(t=>{f.value=t.x,p.value=t.y,m.value=t.strategy,h.value=t.placement,_.value=t.middlewareData,v.value=e!==!1})}function E(){typeof b==`function`&&(b(),b=void 0)}function D(){if(E(),i===void 0){C();return}if(u.value!=null&&d.value!=null){b=i(u.value,d.value,C);return}}function O(){a.value||(v.value=!1)}return(0,g.watch)([o,s,c,a],C,{flush:`sync`}),(0,g.watch)([u,d],D,{flush:`sync`}),(0,g.watch)(a,O,{flush:`sync`}),(0,g.getCurrentScope)()&&(0,g.onScopeDispose)(E),{x:(0,g.shallowReadonly)(f),y:(0,g.shallowReadonly)(p),strategy:(0,g.shallowReadonly)(m),placement:(0,g.shallowReadonly)(h),middlewareData:(0,g.shallowReadonly)(_),isPositioned:(0,g.shallowReadonly)(v),floatingStyles:y,update:C}}var D=new Set;function O(e,t,n){let r=`${e}.${t}`;D.has(r)||(D.add(r),typeof console<`u`&&console.warn(`[ccui][${e}] ${t} 已 deprecated,请改用 ${n}。`))}function k(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}function A(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function j(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>A(n),e:e=>e?A(n,e):``,m:e=>e?A(n,``,e):``,em:(e,t)=>e&&t?A(n,e,t):``,is:e=>`is-${e}`}}var M={title:{type:String,default:``},content:{type:String,default:``},placement:{type:String,default:`bottom`},effect:{type:String,default:`light`},visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},color:{type:String,default:``},disabled:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},arrow:{type:[Boolean,Object],default:void 0},trigger:{type:String,default:`click`},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},mouseEnterDelay:{type:Number,default:void 0},mouseLeaveDelay:{type:Number,default:void 0},popperClass:{type:String,default:``},overlayClassName:{type:String,default:``},offset:{type:Number,default:4},rawContent:{type:Boolean,default:!1},enterable:{type:Boolean,default:!0},hideOnClickOutside:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},ariaLabel:{type:String,default:``},width:{type:[Number,String],default:``},transition:{type:String,default:`ccui-popover-fade`},autoClose:{type:Number,default:0},tabindex:{type:[Number,String],default:0},teleported:{type:Boolean,default:!0},getPopupContainer:{type:Function,default:void 0},fresh:{type:Boolean,default:!1},destroyTooltipOnHide:{type:Boolean,default:!1},autoAdjustOverflow:{type:Boolean,default:!0},align:{type:Object,default:void 0},persistent:{type:Boolean,default:!0},virtualTriggering:{type:Boolean,default:!1},virtualRef:{type:Object,default:void 0},triggerKeys:{type:Array,default:()=>[`Enter`,` `]}};function N(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,t.isVNode)(e)}function P(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var F=0,I=(0,t.defineComponent)({name:`CPopover`,props:M,emits:[`before-show`,`show`,`before-hide`,`hide`,`update:visible`,`update:open`,`before-enter`,`after-enter`,`before-leave`,`after-leave`],setup(e,{emit:r,slots:i,expose:a}){let o=j(`popover`),s=`${o.e(`popper`)}-${++F}`,c=(0,t.getCurrentInstance)()?.vnode.props;k(c,`visible`,`visible`)&&O(`Popover`,`visible`,`open(v-model:open)`),k(c,`showArrow`,`show-arrow`)&&O(`Popover`,`showArrow`,`arrow`),k(c,`showAfter`,`show-after`)&&O(`Popover`,`showAfter`,`mouseEnterDelay`),k(c,`hideAfter`,`hide-after`)&&O(`Popover`,`hideAfter`,`mouseLeaveDelay`),k(c,`popperClass`,`popper-class`)&&O(`Popover`,`popperClass`,`overlayClassName`),k(c,`teleported`,`teleported`)&&O(`Popover`,`teleported`,`getPopupContainer`);let l=(0,t.ref)(!1),u=(0,t.ref)(),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(),m=(0,t.ref)(),h=(0,t.ref)(),g=(0,t.computed)(()=>e.open===void 0?e.visible:e.open),_=(0,t.computed)(()=>g.value!==void 0),v=(0,t.computed)(()=>!!(_.value?g.value:l.value)),y=(0,t.computed)(()=>e.mouseEnterDelay===void 0?e.showAfter:e.mouseEnterDelay),b=(0,t.computed)(()=>e.mouseLeaveDelay===void 0?e.hideAfter:e.mouseLeaveDelay),x=(0,t.computed)(()=>e.arrow===void 0?e.showArrow:typeof e.arrow==`boolean`?e.arrow:!0),S=(0,t.computed)(()=>P(e.arrow)?!!e.arrow.pointAtCenter:!1),w=(0,t.computed)(()=>e.overlayClassName||e.popperClass),T=(0,t.computed)(()=>e.color?{backgroundColor:e.color}:{}),D=(0,t.computed)(()=>e.virtualTriggering&&e.virtualRef?e.virtualRef:u.value),A=(0,t.computed)(()=>[o.e(`popper`),o.em(`popper`,e.effect),o.em(`popper`,e.placement.split(`-`)[0]),S.value&&o.em(`popper`,`arrow-center`),w.value].filter(Boolean).join(` `)),{floatingStyles:M,middlewareData:I,update:L}=E((0,t.computed)(()=>D.value),d,{placement:e.placement,middleware:[(0,n.offset)(e.offset),...e.autoAdjustOverflow?[(0,n.flip)()]:[],(0,n.shift)({padding:8}),...x.value?[C({element:f})]:[]]}),R=(0,t.computed)(()=>{if(!x.value||!I.value.arrow)return{};let{x:t,y:n}=I.value.arrow,r={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[e.placement.split(`-`)[0]];return{left:t==null?``:`${t}px`,top:n==null?``:`${n}px`,right:``,bottom:``,[r]:`-4px`}}),z=()=>{p.value&&=(clearTimeout(p.value),void 0),m.value&&=(clearTimeout(m.value),void 0),h.value&&=(clearTimeout(h.value),void 0)},B=()=>{z();let t=()=>{r(`before-hide`),_.value||(l.value=!1),r(`update:visible`,!1),r(`update:open`,!1),r(`hide`)};b.value>0&&e.trigger!==`click`?m.value=window.setTimeout(t,b.value):t()},V=()=>{if(e.disabled)return;z();let n=()=>{r(`before-show`),_.value||(l.value=!0),r(`update:visible`,!0),r(`update:open`,!0),(0,t.nextTick)(()=>{L(),r(`show`),e.autoClose>0&&(h.value=window.setTimeout(()=>{B()},e.autoClose))})};y.value>0?p.value=window.setTimeout(n,y.value):n()},H=()=>{e.trigger===`hover`&&V()},U=()=>{e.trigger===`hover`&&B()},W=()=>{e.trigger===`click`&&(v.value?B():V())},G=t=>{e.trigger===`contextmenu`&&(t.preventDefault(),v.value?B():V())},K=()=>{e.trigger===`focus`&&V()},q=()=>{e.trigger===`focus`&&B()},J=e=>{if(!e)return e;let t=e.toLowerCase();return e===` `||t===`space`||t===`spacebar`?`Space`:e},Y=t=>{if(e.trigger!==`focus`)return;let n=J(t.key);e.triggerKeys.map(J).includes(n)&&(t.preventDefault(),v.value?B():V())},X=()=>{e.trigger===`hover`&&e.enterable&&z()},ee=()=>{e.trigger===`hover`&&e.enterable&&B()},te=(0,t.computed)(()=>[o.b(),e.disabled?o.m(`disabled`):``].filter(Boolean).join(` `)),Z=t=>{if(!v.value||e.trigger===`manual`||!e.hideOnClickOutside)return;let n=t.target,r=n instanceof Node?n:null,i=e.virtualTriggering&&e.virtualRef?e.virtualRef:u.value,a=!!(r&&i&&i.contains(r)),o=!!(r&&d.value&&d.value.contains(r));!a&&!o&&B()},Q=t=>{v.value&&e.trigger!==`manual`&&e.closeOnEsc&&t.key===`Escape`&&B()},$;(0,t.onMounted)(()=>{e.visible&&(0,t.nextTick)(()=>{let e=D.value;e&&d.value&&($=(0,n.autoUpdate)(e,d.value,L)),window.addEventListener(`mousedown`,Z,!0),window.addEventListener(`keydown`,Q,!0)})}),(0,t.onUnmounted)(()=>{if(z(),$?.(),window.removeEventListener(`mousedown`,Z,!0),window.removeEventListener(`keydown`,Q,!0),e.virtualTriggering&&e.virtualRef){let t=e.virtualRef;t.removeEventListener(`mouseenter`,H),t.removeEventListener(`mouseleave`,U),t.removeEventListener(`click`,W),t.removeEventListener(`focus`,K),t.removeEventListener(`blur`,q),t.removeEventListener(`keydown`,Y),t.removeEventListener(`contextmenu`,G)}}),(0,t.watch)(g,e=>{if(_.value){let n=!!e;n!==l.value&&(l.value=n,n&&(0,t.nextTick)(()=>L()))}}),(0,t.watch)(v,e=>{if(e){let e=D.value;e&&d.value&&($?.(),$=(0,n.autoUpdate)(e,d.value,L)),window.addEventListener(`mousedown`,Z,!0),window.addEventListener(`keydown`,Q,!0)}else $?.(),window.removeEventListener(`mousedown`,Z,!0),window.removeEventListener(`keydown`,Q,!0)});let ne=()=>x.value?(0,t.createVNode)(`div`,{ref:f,class:[o.e(`arrow`),o.em(`arrow`,e.placement.split(`-`)[0])].join(` `),style:R.value},null):null,re=()=>{let n=!!i.title,r=!!e.title;return!n&&!r?null:(0,t.createVNode)(`div`,{class:o.e(`header`)},[i.title?i.title():e.title])},ie=()=>e.rawContent?(0,t.createVNode)(`div`,{innerHTML:e.content},null):i.content?i.content():e.content;return a({hide:B}),()=>{let n={};e.virtualTriggering||(e.trigger===`hover`?(n.onMouseenter=H,n.onMouseleave=U):e.trigger===`click`?n.onClick=W:e.trigger===`focus`?(n.onFocus=K,n.onBlur=q,n.onKeydown=Y):e.trigger===`contextmenu`&&(n.onContextmenu=G));let a=(0,t.createVNode)(`div`,{ref:d,class:A.value,role:`dialog`,id:s,style:{...M.value,...T.value,zIndex:2e3,pointerEvents:e.enterable?`auto`:`none`,width:e.width||void 0},onMouseenter:X,onMouseleave:ee},[ne(),re(),(0,t.createVNode)(`div`,{class:o.e(`content`)},[ie()])]),c=()=>{if(e.getPopupContainer){let n=e.getPopupContainer(u.value??null);return n?(0,t.createVNode)(t.Teleport,{to:n},N(a)?a:{default:()=>[a]}):a}return e.teleported?(0,t.createVNode)(t.Teleport,{to:`body`},N(a)?a:{default:()=>[a]}):a};return(0,t.createVNode)(`div`,{class:te.value},[!e.virtualTriggering&&(0,t.createVNode)(`div`,(0,t.mergeProps)({ref:u,class:o.e(`trigger`),"aria-describedby":v.value?s:void 0,"aria-label":e.ariaLabel,tabindex:e.trigger===`focus`?e.tabindex:void 0},n),[i.default?.()]),e.virtualTriggering&&i.default?.(),(0,t.createVNode)(t.Transition,{name:e.transition,onBeforeEnter:()=>r(`before-enter`),onAfterEnter:()=>r(`after-enter`),onBeforeLeave:()=>r(`before-leave`),onAfterLeave:()=>r(`after-leave`)},{default:()=>[v.value&&c()]})])}}}),L={items:{type:Array,default:()=>[]},trigger:{type:String,default:`hover`},placement:{type:String,default:`bottom-start`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},hideOnClick:{type:Boolean,default:!0},width:{type:[Number,String],default:``}},R=(0,t.defineComponent)({name:`CDropdown`,props:L,emits:[`select`,`update:visible`,`visible-change`],setup(e,{emit:n,slots:r}){let i=j(`dropdown`),a=(0,t.ref)(null),o=(0,t.ref)(!1),s=(0,t.computed)(()=>e.visible!==void 0),c=(0,t.computed)(()=>s.value?e.visible:o.value);(0,t.watch)(()=>e.visible,e=>{e!==void 0&&(o.value=!!e)});let l=t=>{t.disabled||(n(`select`,t),e.hideOnClick&&(s.value||(o.value=!1),n(`update:visible`,!1),n(`visible-change`,!1),a.value?.hide?.()))};return()=>(0,t.createVNode)(I,{ref:a,trigger:e.trigger,placement:e.placement,disabled:e.disabled,visible:c.value,showArrow:!1,offset:4,popperClass:i.b(),width:e.width,"onUpdate:visible":e=>{s.value||(o.value=e),n(`update:visible`,e),n(`visible-change`,e)}},{default:()=>r.default?.(),content:()=>(0,t.createVNode)(`ul`,{class:i.e(`menu`),role:`menu`},[r.menu?r.menu({select:l}):e.items.map(e=>(0,t.createVNode)(`li`,{key:e.key,class:[i.e(`item`),e.disabled&&i.em(`item`,`disabled`),e.danger&&i.em(`item`,`danger`),e.divided&&i.em(`item`,`divided`)],role:`menuitem`,onClick:()=>l(e)},[e.icon&&(0,t.createVNode)(`i`,{class:[i.e(`icon`),e.icon]},null),(0,t.createVNode)(`span`,{class:i.e(`label`)},[e.label])]))])})}});R.install=function(e){e.component(R.name,R)},e.Dropdown=R,e.default={title:`Dropdown 下拉菜单`,category:`导航`,status:`100%`,install(e){e.component(R.name,R)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-empty{text-align:center;color:var(--ccui-color-text-disabled,#00000040);margin:0 8px;padding:16px}.ccui-empty__image{justify-content:center;align-items:center;height:100px;margin-bottom:8px;display:flex}.ccui-empty__image img,.ccui-empty__image svg{max-height:100%}.ccui-empty__description{color:var(--ccui-color-text-disabled,#00000040);font-size:var(--ccui-font-size,14px)}.ccui-empty__footer{margin-top:16px}
|
|
2
|
+
/*$vite$:1*/
|