@itguy614/clean-ui 1.3.0 → 1.3.2
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/clean-ui.css +1 -1
- package/dist/components/CuiColorPicker.vue.d.ts.map +1 -1
- package/dist/components/CuiColorPicker.vue.js +187 -194
- package/dist/components/CuiCombobox.vue.d.ts.map +1 -1
- package/dist/components/CuiCombobox.vue.js +2 -2
- package/dist/components/CuiCombobox.vue2.js +96 -97
- package/dist/components/CuiDataGrid.vue.js +1 -1
- package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridTable.vue.js +212 -190
- package/dist/components/CuiDataGridViewManager.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridViewManager.vue.js +5 -4
- package/dist/components/CuiDivider.vue.d.ts +1 -3
- package/dist/components/CuiDivider.vue.d.ts.map +1 -1
- package/dist/components/CuiDivider.vue.js +44 -60
- package/dist/components/CuiPagination.vue.d.ts.map +1 -1
- package/dist/components/CuiPagination.vue.js +2 -2
- package/dist/components/CuiPagination.vue2.js +28 -25
- package/dist/components/CuiPopover.vue.d.ts.map +1 -1
- package/dist/components/CuiPopover.vue.js +77 -74
- package/dist/components/CuiSlider.vue.d.ts.map +1 -1
- package/dist/components/CuiSlider.vue.js +5 -167
- package/dist/components/CuiSlider.vue2.js +171 -2
- package/dist/components/CuiTabs.vue.d.ts.map +1 -1
- package/dist/components/CuiTabs.vue.js +2 -2
- package/dist/components/CuiTabs.vue2.js +80 -76
- package/dist/components/CuiTagInput.vue.d.ts.map +1 -1
- package/dist/components/CuiTagInput.vue.js +1 -1
- package/dist/components/CuiTagInput.vue2.js +98 -99
- package/dist/components/CuiTooltip.vue.d.ts.map +1 -1
- package/dist/components/CuiTooltip.vue.js +2 -2
- package/dist/components/CuiTooltip.vue2.js +80 -66
- package/dist/composables/useDataGrid.d.ts +3 -2
- package/dist/composables/useDataGrid.d.ts.map +1 -1
- package/dist/composables/useDataGrid.js +222 -190
- package/dist/composables/useFieldDescribedBy.d.ts +1 -2
- package/dist/composables/useFieldDescribedBy.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +28 -26
- package/dist/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { INPUT_SIZE_SCALE as
|
|
3
|
-
import { useFieldDescribedBy as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { useMessages as
|
|
7
|
-
import
|
|
1
|
+
import { defineComponent as me, ref as d, computed as g, watch as I, onMounted as fe, onUnmounted as be, nextTick as O, withDirectives as ye, openBlock as r, createElementBlock as u, normalizeStyle as x, toDisplayString as h, createCommentVNode as v, createElementVNode as S, normalizeClass as Y, Fragment as Z, renderList as G, createBlock as w, withCtx as he, createTextVNode as ge, unref as L, Teleport as xe, createVNode as we, withModifiers as pe, renderSlot as ke, vShow as Se } from "vue";
|
|
2
|
+
import { INPUT_SIZE_SCALE as ze, scaleDensity as J, nestedSize as Ce } from "../utils/sizing.js";
|
|
3
|
+
import { useFieldDescribedBy as Re } from "../composables/useFieldDescribedBy.js";
|
|
4
|
+
import q from "./CuiIcon.vue.js";
|
|
5
|
+
import $e from "./CuiBadge.vue.js";
|
|
6
|
+
import { useMessages as Be } from "../composables/useMessages.js";
|
|
7
|
+
import Q from "./CuiSpinner.vue.js";
|
|
8
8
|
/* empty css */
|
|
9
|
-
const
|
|
9
|
+
const Oe = {
|
|
10
10
|
key: 0,
|
|
11
11
|
style: { display: "block", marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))", fontSize: "0.875rem", fontWeight: "500", color: "var(--cui-text-secondary)" }
|
|
12
|
-
},
|
|
12
|
+
}, Le = ["src"], Te = ["id", "name", "autocomplete", "aria-describedby", "aria-required", "aria-labelledby", "value", "placeholder", "disabled"], Ve = { style: { display: "flex", alignItems: "center", gap: "calc(0.25rem * var(--cui-density-scale, 1))", flexShrink: "0" } }, Me = ["id"], Ee = {
|
|
13
13
|
key: 0,
|
|
14
14
|
style: { padding: "calc(1rem * var(--cui-density-scale, 1))", textAlign: "center" }
|
|
15
15
|
}, De = {
|
|
@@ -18,10 +18,10 @@ const Be = {
|
|
|
18
18
|
}, Ae = {
|
|
19
19
|
key: 2,
|
|
20
20
|
style: { padding: "calc(0.75rem * var(--cui-density-scale, 1))", textAlign: "center", fontSize: "0.8125rem", color: "var(--cui-text-tertiary)" }
|
|
21
|
-
},
|
|
21
|
+
}, Ie = ["data-index", "onClick", "onMouseenter"], qe = ["src"], Fe = { style: { flex: "1", minWidth: "0" } }, He = {
|
|
22
22
|
key: 0,
|
|
23
23
|
style: { fontSize: "0.75rem", color: "var(--cui-text-tertiary)", lineHeight: "1.3", marginTop: "calc(0.0625rem * var(--cui-density-scale, 1))" }
|
|
24
|
-
},
|
|
24
|
+
}, Ze = /* @__PURE__ */ me({
|
|
25
25
|
__name: "CuiCombobox",
|
|
26
26
|
props: {
|
|
27
27
|
modelValue: {},
|
|
@@ -50,20 +50,20 @@ const Be = {
|
|
|
50
50
|
disabled: { type: Boolean, default: !1 }
|
|
51
51
|
},
|
|
52
52
|
emits: ["update:modelValue", "search"],
|
|
53
|
-
setup(a, { expose:
|
|
54
|
-
const o = a, { errorId:
|
|
53
|
+
setup(a, { expose: X, emit: ee }) {
|
|
54
|
+
const o = a, { errorId: te, describedBy: le } = Re(o), ae = {
|
|
55
55
|
none: "0",
|
|
56
56
|
sm: "var(--cui-radius-sm, 0.25rem)",
|
|
57
57
|
md: "var(--cui-button-radius, var(--cui-radius-md, 0.375rem))",
|
|
58
58
|
lg: "var(--cui-radius-lg, 0.5rem)",
|
|
59
59
|
full: "9999px"
|
|
60
|
-
}, z =
|
|
61
|
-
let
|
|
60
|
+
}, z = ee, n = d(""), s = d(!1), c = d(-1), T = d(!1), C = d([]), m = d(null), V = d(null), R = d(null), F = d(null), H = d({});
|
|
61
|
+
let p = null;
|
|
62
62
|
const f = g(() => o.modelValue == null ? /* @__PURE__ */ new Set() : Array.isArray(o.modelValue) ? new Set(o.modelValue) : /* @__PURE__ */ new Set([o.modelValue])), k = d([]);
|
|
63
|
-
|
|
63
|
+
I(() => o.options, (e) => {
|
|
64
64
|
for (const l of e)
|
|
65
65
|
k.value.find((t) => t.value === l.value) || k.value.push(l);
|
|
66
|
-
}, { immediate: !0 }),
|
|
66
|
+
}, { immediate: !0 }), I(C, (e) => {
|
|
67
67
|
for (const l of e)
|
|
68
68
|
k.value.find((t) => t.value === l.value) || k.value.push(l);
|
|
69
69
|
});
|
|
@@ -76,52 +76,52 @@ const Be = {
|
|
|
76
76
|
return e.filter(
|
|
77
77
|
(t) => t.label.toLowerCase().includes(l) || t.description && t.description.toLowerCase().includes(l)
|
|
78
78
|
);
|
|
79
|
-
}),
|
|
80
|
-
const e =
|
|
79
|
+
}), N = g(() => o.loading || T.value), oe = J("0.25rem"), M = g(() => {
|
|
80
|
+
const e = ze[o.size];
|
|
81
81
|
return {
|
|
82
|
-
tagSize:
|
|
82
|
+
tagSize: Ce(o.size),
|
|
83
83
|
style: {
|
|
84
84
|
"--_combobox-font-size": e.fontSize,
|
|
85
|
-
"--_combobox-padding": `${
|
|
86
|
-
"--_combobox-item-padding": `${
|
|
85
|
+
"--_combobox-padding": `${oe} ${e.px}`,
|
|
86
|
+
"--_combobox-item-padding": `${J("0.5rem")} ${e.px}`,
|
|
87
87
|
"--_combobox-min-height": e.height
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
});
|
|
91
|
-
function
|
|
92
|
-
const e =
|
|
91
|
+
function E() {
|
|
92
|
+
const e = F.value ?? R.value;
|
|
93
93
|
if (!e) return;
|
|
94
|
-
const l = e.getBoundingClientRect(), t = window.innerHeight, i = t - l.bottom, B = l.top,
|
|
94
|
+
const l = e.getBoundingClientRect(), t = window.innerHeight, i = t - l.bottom, B = l.top, K = i < 200 && B > i, ve = Math.max(0, Math.min(320, (K ? B : i) - 16)), A = {
|
|
95
95
|
// The panel is teleported to <body>, so it inherits nothing from the component — it
|
|
96
96
|
// has to carry the size-derived properties itself (#123).
|
|
97
|
-
...
|
|
97
|
+
...M.value.style,
|
|
98
98
|
position: "fixed",
|
|
99
99
|
zIndex: "9990",
|
|
100
100
|
left: `${l.left}px`,
|
|
101
101
|
width: `${l.width}px`,
|
|
102
|
-
maxHeight: `${
|
|
102
|
+
maxHeight: `${ve}px`
|
|
103
103
|
// Only the geometry the positioner computes stays inline; the panel's paint lives in
|
|
104
104
|
// the stylesheet so it can be themed (#123).
|
|
105
105
|
};
|
|
106
|
-
|
|
106
|
+
K ? A.bottom = `${t - l.top + 4}px` : A.top = `${l.bottom + 4}px`, H.value = A;
|
|
107
107
|
}
|
|
108
|
-
function
|
|
108
|
+
function re(e) {
|
|
109
109
|
if (n.value = e.target.value, c.value = -1, s.value || D(), z("search", n.value), o.fetchOptions) {
|
|
110
110
|
if (n.value.length < o.minChars) {
|
|
111
111
|
C.value = [];
|
|
112
112
|
return;
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
p && clearTimeout(p), p = setTimeout(async () => {
|
|
115
|
+
T.value = !0;
|
|
116
116
|
try {
|
|
117
117
|
C.value = await o.fetchOptions(n.value);
|
|
118
118
|
} finally {
|
|
119
|
-
|
|
119
|
+
T.value = !1;
|
|
120
120
|
}
|
|
121
121
|
}, o.debounce);
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
function
|
|
124
|
+
function P(e) {
|
|
125
125
|
var l;
|
|
126
126
|
if (!e.disabled)
|
|
127
127
|
if (o.multiple) {
|
|
@@ -133,7 +133,7 @@ const Be = {
|
|
|
133
133
|
} else
|
|
134
134
|
z("update:modelValue", e.value), n.value = "", s.value = !1, (l = m.value) == null || l.blur();
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function W(e) {
|
|
137
137
|
if (o.disabled) return;
|
|
138
138
|
const l = [...f.value];
|
|
139
139
|
z("update:modelValue", l.filter((t) => t !== e)), O(() => {
|
|
@@ -141,55 +141,54 @@ const Be = {
|
|
|
141
141
|
return (t = m.value) == null ? void 0 : t.focus();
|
|
142
142
|
});
|
|
143
143
|
}
|
|
144
|
-
function
|
|
144
|
+
function ie(e) {
|
|
145
145
|
if (e.key === "ArrowDown") {
|
|
146
146
|
if (e.preventDefault(), !s.value) {
|
|
147
147
|
D();
|
|
148
148
|
return;
|
|
149
149
|
}
|
|
150
|
-
c.value = Math.min(c.value + 1, y.value.length - 1),
|
|
151
|
-
} else e.key === "ArrowUp" ? (e.preventDefault(), c.value = Math.max(c.value - 1, 0),
|
|
150
|
+
c.value = Math.min(c.value + 1, y.value.length - 1), _();
|
|
151
|
+
} else e.key === "ArrowUp" ? (e.preventDefault(), c.value = Math.max(c.value - 1, 0), _()) : e.key === "Enter" ? (e.preventDefault(), c.value >= 0 && c.value < y.value.length && P(y.value[c.value])) : e.key === "Escape" ? s.value = !1 : e.key === "Backspace" && !n.value && o.multiple && b.value.length > 0 && W(b.value[b.value.length - 1].value);
|
|
152
152
|
}
|
|
153
|
-
function
|
|
153
|
+
function _() {
|
|
154
154
|
O(() => {
|
|
155
155
|
var e, l;
|
|
156
|
-
(l = (e =
|
|
156
|
+
(l = (e = V.value) == null ? void 0 : e.querySelector(`[data-index="${c.value}"]`)) == null || l.scrollIntoView({ block: "nearest" });
|
|
157
157
|
});
|
|
158
158
|
}
|
|
159
159
|
function D() {
|
|
160
|
-
o.disabled || (s.value = !0,
|
|
160
|
+
o.disabled || (s.value = !0, E());
|
|
161
161
|
}
|
|
162
|
-
function
|
|
162
|
+
function ne() {
|
|
163
163
|
D();
|
|
164
164
|
}
|
|
165
|
-
function
|
|
165
|
+
function U(e) {
|
|
166
166
|
var t, i;
|
|
167
167
|
const l = e.target;
|
|
168
|
-
(t = R.value) != null && t.contains(l) || (i =
|
|
168
|
+
(t = R.value) != null && t.contains(l) || (i = V.value) != null && i.contains(l) || (s.value = !1);
|
|
169
169
|
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
document.removeEventListener("mousedown", _), w && clearTimeout(w);
|
|
170
|
+
function $() {
|
|
171
|
+
s.value && E();
|
|
172
|
+
}
|
|
173
|
+
fe(() => {
|
|
174
|
+
document.addEventListener("mousedown", U), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $);
|
|
175
|
+
}), be(() => {
|
|
176
|
+
document.removeEventListener("mousedown", U), window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $), p && clearTimeout(p);
|
|
178
177
|
});
|
|
179
|
-
const
|
|
180
|
-
|
|
181
|
-
e || (n.value = ""), e && O(
|
|
178
|
+
const ue = g(() => o.multiple ? "" : b.value.length > 0 ? b.value[0].label : "");
|
|
179
|
+
I(s, (e) => {
|
|
180
|
+
e || (n.value = ""), e && O(E);
|
|
182
181
|
});
|
|
183
|
-
function
|
|
182
|
+
function se(e) {
|
|
184
183
|
var l;
|
|
185
184
|
(l = m.value) == null || l.focus(e);
|
|
186
185
|
}
|
|
187
|
-
function
|
|
186
|
+
function ce() {
|
|
188
187
|
var e;
|
|
189
188
|
(e = m.value) == null || e.blur();
|
|
190
189
|
}
|
|
191
|
-
|
|
192
|
-
function
|
|
190
|
+
X({ el: R, focus: se, blur: ce });
|
|
191
|
+
function de(e, l) {
|
|
193
192
|
return {
|
|
194
193
|
"cui-combobox__option": !0,
|
|
195
194
|
"cui-combobox__option--focused": c.value === e,
|
|
@@ -197,20 +196,20 @@ const Be = {
|
|
|
197
196
|
"cui-combobox__option--disabled": !!l.disabled
|
|
198
197
|
};
|
|
199
198
|
}
|
|
200
|
-
const
|
|
201
|
-
return (e, l) =>
|
|
199
|
+
const j = Be();
|
|
200
|
+
return (e, l) => ye((r(), u("div", {
|
|
202
201
|
class: "cui-combobox",
|
|
203
202
|
ref_key: "wrapperRef",
|
|
204
203
|
ref: R,
|
|
205
|
-
style: x(
|
|
204
|
+
style: x(M.value.style)
|
|
206
205
|
}, [
|
|
207
|
-
a.label ? (r(), u("label",
|
|
206
|
+
a.label ? (r(), u("label", Oe, h(a.label), 1)) : v("", !0),
|
|
208
207
|
S("div", {
|
|
209
208
|
ref_key: "controlRef",
|
|
210
|
-
ref:
|
|
211
|
-
class:
|
|
209
|
+
ref: F,
|
|
210
|
+
class: Y(["cui-combobox__control", { "cui-combobox__control--disabled": a.disabled }]),
|
|
212
211
|
style: x({
|
|
213
|
-
"--_combobox-radius":
|
|
212
|
+
"--_combobox-radius": ae[a.rounded],
|
|
214
213
|
"--_combobox-border": a.error ? "var(--cui-error)" : "var(--cui-border-strong, var(--cui-border))",
|
|
215
214
|
"--_combobox-focus-ring": a.error ? "var(--cui-error-focus-ring)" : `var(--cui-${a.color}-focus-ring)`,
|
|
216
215
|
"--_combobox-focus-border": a.error ? "var(--cui-error)" : `var(--cui-${a.color})`
|
|
@@ -220,20 +219,20 @@ const Be = {
|
|
|
220
219
|
return (i = m.value) == null ? void 0 : i.focus();
|
|
221
220
|
})
|
|
222
221
|
}, [
|
|
223
|
-
(r(!0), u(
|
|
222
|
+
(r(!0), u(Z, null, G(a.multiple ? b.value : [], (t) => (r(), w($e, {
|
|
224
223
|
key: String(t.value),
|
|
225
224
|
color: a.color,
|
|
226
|
-
size:
|
|
225
|
+
size: M.value.tagSize,
|
|
227
226
|
removable: "",
|
|
228
|
-
onRemove: (i) =>
|
|
227
|
+
onRemove: (i) => W(t.value)
|
|
229
228
|
}, {
|
|
230
|
-
default:
|
|
229
|
+
default: he(() => [
|
|
231
230
|
t.image ? (r(), u("img", {
|
|
232
231
|
key: 0,
|
|
233
232
|
src: t.image,
|
|
234
233
|
style: { width: "1rem", height: "1rem", borderRadius: "50%", objectFit: "cover", marginRight: "calc(0.125rem * var(--cui-density-scale, 1))" }
|
|
235
|
-
}, null, 8,
|
|
236
|
-
|
|
234
|
+
}, null, 8, Le)) : v("", !0),
|
|
235
|
+
ge(" " + h(t.label), 1)
|
|
237
236
|
]),
|
|
238
237
|
_: 2
|
|
239
238
|
}, 1032, ["color", "size", "onRemove"]))), 128)),
|
|
@@ -243,22 +242,22 @@ const Be = {
|
|
|
243
242
|
id: a.id,
|
|
244
243
|
name: a.name,
|
|
245
244
|
autocomplete: a.autocomplete,
|
|
246
|
-
"aria-describedby":
|
|
245
|
+
"aria-describedby": L(le),
|
|
247
246
|
"aria-required": a.ariaRequired || void 0,
|
|
248
247
|
"aria-labelledby": a.ariaLabelledby,
|
|
249
|
-
value: s.value ? n.value :
|
|
248
|
+
value: s.value ? n.value : ue.value,
|
|
250
249
|
placeholder: b.value.length > 0 ? "" : a.placeholder,
|
|
251
250
|
disabled: a.disabled,
|
|
252
251
|
class: "cui-combobox__input",
|
|
253
|
-
onInput:
|
|
254
|
-
onFocus:
|
|
255
|
-
onKeydown:
|
|
252
|
+
onInput: re,
|
|
253
|
+
onFocus: ne,
|
|
254
|
+
onKeydown: ie
|
|
256
255
|
}, null, 40, Te),
|
|
257
256
|
S("div", Ve, [
|
|
258
|
-
|
|
257
|
+
N.value ? (r(), w(Q, {
|
|
259
258
|
key: 0,
|
|
260
259
|
size: "xs"
|
|
261
|
-
})) : (r(),
|
|
260
|
+
})) : (r(), w(q, {
|
|
262
261
|
key: 1,
|
|
263
262
|
name: "caret-down",
|
|
264
263
|
size: "0.875rem",
|
|
@@ -268,32 +267,32 @@ const Be = {
|
|
|
268
267
|
], 6),
|
|
269
268
|
a.error && a.errorMessage ? (r(), u("div", {
|
|
270
269
|
key: 1,
|
|
271
|
-
id:
|
|
270
|
+
id: L(te),
|
|
272
271
|
style: { fontSize: "0.75rem", color: "var(--cui-error)", marginTop: "calc(0.25rem * var(--cui-density-scale, 1))" }
|
|
273
272
|
}, h(a.errorMessage), 9, Me)) : v("", !0),
|
|
274
|
-
(r(),
|
|
273
|
+
(r(), w(xe, { to: "body" }, [
|
|
275
274
|
s.value ? (r(), u("div", {
|
|
276
275
|
key: 0,
|
|
277
276
|
ref_key: "dropdownRef",
|
|
278
|
-
ref:
|
|
277
|
+
ref: V,
|
|
279
278
|
class: "cui-combobox__dropdown",
|
|
280
|
-
style: x(
|
|
279
|
+
style: x(H.value)
|
|
281
280
|
}, [
|
|
282
|
-
|
|
283
|
-
|
|
281
|
+
N.value && y.value.length === 0 ? (r(), u("div", Ee, [
|
|
282
|
+
we(Q, {
|
|
284
283
|
size: "sm",
|
|
285
284
|
"show-label": "",
|
|
286
|
-
label:
|
|
285
|
+
label: L(j).combobox.searching
|
|
287
286
|
}, null, 8, ["label"])
|
|
288
|
-
])) : y.value.length === 0 && (n.value.length >= a.minChars || !a.fetchOptions) ? (r(), u("div", De, h(a.noResultsText), 1)) : y.value.length === 0 && a.fetchOptions && n.value.length < a.minChars ? (r(), u("div", Ae, h(
|
|
289
|
-
(r(!0), u(
|
|
287
|
+
])) : y.value.length === 0 && (n.value.length >= a.minChars || !a.fetchOptions) ? (r(), u("div", De, h(a.noResultsText), 1)) : y.value.length === 0 && a.fetchOptions && n.value.length < a.minChars ? (r(), u("div", Ae, h(L(j).combobox.typeMore(a.minChars - n.value.length)), 1)) : v("", !0),
|
|
288
|
+
(r(!0), u(Z, null, G(y.value, (t, i) => (r(), u("div", {
|
|
290
289
|
key: String(t.value),
|
|
291
290
|
"data-index": i,
|
|
292
|
-
class:
|
|
293
|
-
onClick: pe((B) =>
|
|
291
|
+
class: Y(de(i, t)),
|
|
292
|
+
onClick: pe((B) => P(t), ["stop"]),
|
|
294
293
|
onMouseenter: (B) => c.value = i
|
|
295
294
|
}, [
|
|
296
|
-
|
|
295
|
+
ke(e.$slots, "option", {
|
|
297
296
|
option: t,
|
|
298
297
|
selected: f.value.has(t.value)
|
|
299
298
|
}, () => [
|
|
@@ -301,33 +300,33 @@ const Be = {
|
|
|
301
300
|
key: 0,
|
|
302
301
|
src: t.image,
|
|
303
302
|
style: { width: "1.75rem", height: "1.75rem", borderRadius: "50%", objectFit: "cover", flexShrink: "0" }
|
|
304
|
-
}, null, 8,
|
|
303
|
+
}, null, 8, qe)) : t.icon ? (r(), w(q, {
|
|
305
304
|
key: 1,
|
|
306
305
|
name: t.icon,
|
|
307
306
|
size: "1rem",
|
|
308
307
|
style: { flexShrink: "0", color: "var(--cui-text-secondary)" }
|
|
309
308
|
}, null, 8, ["name"])) : v("", !0),
|
|
310
|
-
S("div",
|
|
309
|
+
S("div", Fe, [
|
|
311
310
|
S("div", {
|
|
312
311
|
style: x({ lineHeight: "1.3", fontWeight: f.value.has(t.value) ? "600" : "400" })
|
|
313
312
|
}, h(t.label), 5),
|
|
314
|
-
t.description ? (r(), u("div",
|
|
313
|
+
t.description ? (r(), u("div", He, h(t.description), 1)) : v("", !0)
|
|
315
314
|
]),
|
|
316
|
-
f.value.has(t.value) ? (r(),
|
|
315
|
+
f.value.has(t.value) ? (r(), w(q, {
|
|
317
316
|
key: 2,
|
|
318
317
|
name: "check",
|
|
319
318
|
size: "0.875rem",
|
|
320
319
|
style: x({ color: `var(--cui-${a.color})`, flexShrink: "0" })
|
|
321
320
|
}, null, 8, ["style"])) : v("", !0)
|
|
322
321
|
], !0)
|
|
323
|
-
], 42,
|
|
322
|
+
], 42, Ie))), 128))
|
|
324
323
|
], 4)) : v("", !0)
|
|
325
324
|
]))
|
|
326
325
|
], 4)), [
|
|
327
|
-
[
|
|
326
|
+
[Se, !a.hidden]
|
|
328
327
|
]);
|
|
329
328
|
}
|
|
330
329
|
});
|
|
331
330
|
export {
|
|
332
|
-
|
|
331
|
+
Ze as default
|
|
333
332
|
};
|
|
@@ -52,7 +52,7 @@ const W = { class: "cui-data-grid" }, X = {
|
|
|
52
52
|
setup(e, { expose: C, emit: P }) {
|
|
53
53
|
var w;
|
|
54
54
|
const l = e, d = P, $ = z(), t = N({
|
|
55
|
-
columns: l.columns,
|
|
55
|
+
columns: () => l.columns,
|
|
56
56
|
// The grid internals operate on the loose DataGridRow shape; T is a public-API
|
|
57
57
|
// refinement, so cast once here at the boundary.
|
|
58
58
|
data: A(l, "data"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiDataGridTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridTable.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiDataGridTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiDataGridTable.vue"],"names":[],"mappings":"AA8bA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAc7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAqpBD,QAAA,IAAI,QAAQ,kBAAW,EAAE,QAAQ;;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,CAAC;AA0D5E,QAAA,MAAM,eAAe;;aAlsBW,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;;aADvC,WAAW;;;gBACP,iBAAiB;aAAO,WAAW;;;UAtC9D,SAAS;aAHN,OAAO;eACL,OAAO;cACR,OAAO;kBAJH,OAAO;YAHb,MAAM;mBAEC,OAAO;gBAoBV,OAAO;6EAiuBpB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|