@itguy614/clean-ui 1.0.1 → 1.2.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/dist/clean-ui.css +1 -1
- package/dist/components/CuiBanner.vue.d.ts.map +1 -1
- package/dist/components/CuiBanner.vue.js +9 -8
- package/dist/components/CuiButton.vue.d.ts.map +1 -1
- package/dist/components/CuiButton.vue.js +1 -1
- package/dist/components/CuiButton.vue2.js +37 -36
- package/dist/components/CuiContainer.vue.d.ts +1 -1
- package/dist/components/CuiContainer.vue.d.ts.map +1 -1
- package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
- package/dist/components/CuiFlex.vue.d.ts +1 -1
- package/dist/components/CuiFlex.vue.d.ts.map +1 -1
- package/dist/components/CuiIcon.vue.d.ts +14 -2
- package/dist/components/CuiIcon.vue.d.ts.map +1 -1
- package/dist/components/CuiIcon.vue.js +1 -1
- package/dist/components/CuiIcon.vue2.js +51 -30
- package/dist/components/CuiInputStepper.vue.d.ts +1 -1
- package/dist/components/CuiInputStepper.vue.d.ts.map +1 -1
- package/dist/components/CuiMaskedInput.vue.d.ts.map +1 -1
- package/dist/components/CuiModal.vue2.js +1 -1
- package/dist/components/CuiRadioGroup.vue2.js +1 -1
- package/dist/components/CuiRating.vue.d.ts +1 -1
- package/dist/components/CuiRating.vue.d.ts.map +1 -1
- package/dist/components/CuiSlideover.vue.js +1 -1
- package/dist/components/CuiTab.vue.d.ts.map +1 -1
- package/dist/components/CuiTab.vue.js +1 -1
- package/dist/components/CuiTab.vue2.js +41 -36
- package/dist/components/CuiTable.vue.d.ts +3 -3
- package/dist/components/CuiTable.vue.d.ts.map +1 -1
- package/dist/components/CuiTable.vue.js +58 -53
- package/dist/components/CuiTableCell.vue.d.ts +2 -1
- package/dist/components/CuiTableCell.vue.d.ts.map +1 -1
- package/dist/components/CuiTableCell.vue.js +4 -4
- package/dist/components/CuiTabs.vue.d.ts +2 -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 +127 -89
- package/dist/components/CuiTreeNode.vue.d.ts +1 -0
- package/dist/components/CuiTreeNode.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeNode.vue.js +28 -27
- package/dist/components/CuiTreeView.vue.d.ts.map +1 -1
- package/dist/components/CuiTreeView.vue.js +22 -22
- package/dist/components/tabs-context.d.ts +7 -1
- package/dist/components/tabs-context.d.ts.map +1 -1
- package/dist/composables/useColorScheme.d.ts +19 -0
- package/dist/composables/useColorScheme.d.ts.map +1 -0
- package/dist/composables/useColorScheme.js +38 -0
- package/dist/composables/useDataGridViews.d.ts.map +1 -1
- package/dist/composables/useDataGridViews.js +37 -35
- package/dist/composables/useDensity.d.ts.map +1 -1
- package/dist/composables/useDensity.js +19 -19
- package/dist/composables/useOverlay.d.ts.map +1 -1
- package/dist/composables/useOverlay.js +44 -36
- package/dist/composables/useTheme.d.ts.map +1 -1
- package/dist/composables/useTheme.js +17 -25
- package/dist/duplicate-guard.d.ts +17 -0
- package/dist/duplicate-guard.d.ts.map +1 -0
- package/dist/duplicate-guard.js +16 -0
- package/dist/icons/builtin.d.ts +67 -0
- package/dist/icons/builtin.d.ts.map +1 -0
- package/dist/icons/builtin.js +67 -0
- package/dist/icons/lazy.d.ts +8 -0
- package/dist/icons/lazy.d.ts.map +1 -0
- package/dist/icons/lazy.js +21 -0
- package/dist/icons/registry.d.ts +29 -0
- package/dist/icons/registry.d.ts.map +1 -0
- package/dist/icons/registry.js +30 -0
- package/dist/index.d.ts +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +161 -149
- package/dist/messages.d.ts +21 -1
- package/dist/messages.d.ts.map +1 -1
- package/dist/messages.js +10 -9
- package/dist/utils/devWarn.d.ts +1 -0
- package/dist/utils/devWarn.d.ts.map +1 -1
- package/dist/utils/devWarn.js +1 -0
- package/dist/utils/scrollLock.d.ts +22 -0
- package/dist/utils/scrollLock.d.ts.map +1 -0
- package/dist/utils/scrollLock.js +42 -0
- package/dist/utils/storage.d.ts +18 -0
- package/dist/utils/storage.d.ts.map +1 -0
- package/dist/utils/storage.js +27 -0
- package/dist/version.d.ts +7 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +4 -0
- package/package.json +21 -6
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as _, computed as
|
|
2
|
-
import
|
|
3
|
-
import { BUTTON_SIZE_SCALE as
|
|
4
|
-
import { warnVariantColor as
|
|
1
|
+
import { defineComponent as _, computed as s, useTemplateRef as y, withDirectives as x, openBlock as n, createBlock as k, resolveDynamicComponent as C, mergeProps as B, withCtx as S, createElementBlock as l, renderSlot as v, createCommentVNode as c, createVNode as z, normalizeClass as R, vShow as w } from "vue";
|
|
2
|
+
import D from "./CuiIcon.vue.js";
|
|
3
|
+
import { BUTTON_SIZE_SCALE as E } from "../utils/sizing.js";
|
|
4
|
+
import { warnVariantColor as N } from "../utils/devWarn.js";
|
|
5
5
|
const T = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "cui-button__prefix"
|
|
8
|
-
},
|
|
8
|
+
}, V = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "cui-button__spinner",
|
|
11
11
|
"aria-hidden": "true"
|
|
12
|
-
},
|
|
13
|
-
key:
|
|
12
|
+
}, A = {
|
|
13
|
+
key: 3,
|
|
14
14
|
class: "cui-button__suffix"
|
|
15
|
-
},
|
|
15
|
+
}, P = /* @__PURE__ */ _({
|
|
16
16
|
__name: "CuiButton",
|
|
17
17
|
props: {
|
|
18
18
|
variant: { default: "outline" },
|
|
@@ -28,8 +28,8 @@ const T = {
|
|
|
28
28
|
},
|
|
29
29
|
setup(a, { expose: b }) {
|
|
30
30
|
const t = a;
|
|
31
|
-
|
|
32
|
-
const o =
|
|
31
|
+
N("CuiButton", { value: t.variant, allowed: ["solid", "outline", "dash", "ghost"] }, t.color);
|
|
32
|
+
const o = s(() => t.disabled || t.loading), f = s(() => t.to ? "router-link" : t.href ? "a" : "button"), p = s(() => t.to ? { to: t.to, ...o.value ? { "aria-disabled": "true", tabindex: "-1" } : {} } : t.href ? {
|
|
33
33
|
href: o.value ? void 0 : t.href,
|
|
34
34
|
role: "button",
|
|
35
35
|
...o.value ? { "aria-disabled": "true", tabindex: "-1" } : {}
|
|
@@ -37,24 +37,24 @@ const T = {
|
|
|
37
37
|
type: t.type,
|
|
38
38
|
disabled: o.value || void 0,
|
|
39
39
|
"aria-disabled": o.value || void 0
|
|
40
|
-
}),
|
|
40
|
+
}), d = y("buttonRef");
|
|
41
41
|
function h(e) {
|
|
42
42
|
var r;
|
|
43
|
-
(r =
|
|
43
|
+
(r = d.value) == null || r.focus(e);
|
|
44
44
|
}
|
|
45
45
|
function g() {
|
|
46
46
|
var e;
|
|
47
|
-
(e =
|
|
47
|
+
(e = d.value) == null || e.blur();
|
|
48
48
|
}
|
|
49
|
-
b({ el:
|
|
49
|
+
b({ el: d, focus: h, blur: g });
|
|
50
50
|
const m = {
|
|
51
51
|
none: "0",
|
|
52
52
|
sm: "0.25rem",
|
|
53
53
|
md: "var(--cui-button-radius, 0.375rem)",
|
|
54
54
|
lg: "0.5rem",
|
|
55
55
|
full: "9999px"
|
|
56
|
-
}, $ =
|
|
57
|
-
const e = t.color, r = t.variant, i =
|
|
56
|
+
}, $ = s(() => {
|
|
57
|
+
const e = t.color, r = t.variant, i = E[t.size], u = {
|
|
58
58
|
height: i.height,
|
|
59
59
|
paddingLeft: i.px,
|
|
60
60
|
paddingRight: i.px,
|
|
@@ -64,14 +64,14 @@ const T = {
|
|
|
64
64
|
"--_btn-focus-ring": `var(--cui-${e}-focus-ring)`
|
|
65
65
|
};
|
|
66
66
|
return r === "solid" ? {
|
|
67
|
-
...
|
|
67
|
+
...u,
|
|
68
68
|
background: `var(--cui-${e}-solid, var(--cui-${e}))`,
|
|
69
69
|
color: `var(--cui-${e}-text)`,
|
|
70
70
|
border: "1px solid transparent",
|
|
71
71
|
"--_btn-hover-bg": `var(--cui-${e}-solid-hover, var(--cui-${e}-hover))`,
|
|
72
72
|
"--_btn-active-bg": `var(--cui-${e}-solid-active, var(--cui-${e}-active))`
|
|
73
73
|
} : r === "outline" ? {
|
|
74
|
-
...
|
|
74
|
+
...u,
|
|
75
75
|
background: "transparent",
|
|
76
76
|
color: `var(--cui-${e})`,
|
|
77
77
|
border: "1px solid var(--cui-border-strong)",
|
|
@@ -80,7 +80,7 @@ const T = {
|
|
|
80
80
|
"--_btn-hover-border": `var(--cui-${e})`,
|
|
81
81
|
"--_btn-active-bg": `var(--cui-${e}-subtle)`
|
|
82
82
|
} : r === "dash" ? {
|
|
83
|
-
...
|
|
83
|
+
...u,
|
|
84
84
|
background: "transparent",
|
|
85
85
|
color: `var(--cui-${e})`,
|
|
86
86
|
border: "1px dashed var(--cui-border-strong)",
|
|
@@ -89,7 +89,7 @@ const T = {
|
|
|
89
89
|
"--_btn-hover-border": `var(--cui-${e})`,
|
|
90
90
|
"--_btn-active-bg": `var(--cui-${e}-subtle)`
|
|
91
91
|
} : {
|
|
92
|
-
...
|
|
92
|
+
...u,
|
|
93
93
|
background: "transparent",
|
|
94
94
|
color: `var(--cui-${e})`,
|
|
95
95
|
border: "1px solid transparent",
|
|
@@ -98,7 +98,7 @@ const T = {
|
|
|
98
98
|
"--_btn-active-bg": `var(--cui-${e}-subtle)`
|
|
99
99
|
};
|
|
100
100
|
});
|
|
101
|
-
return (e, r) => x((
|
|
101
|
+
return (e, r) => x((n(), k(C(f.value), B({
|
|
102
102
|
ref: "buttonRef",
|
|
103
103
|
class: ["cui-button", { "cui-button--disabled": o.value }],
|
|
104
104
|
style: $.value
|
|
@@ -106,31 +106,32 @@ const T = {
|
|
|
106
106
|
"aria-busy": a.loading || void 0
|
|
107
107
|
}), {
|
|
108
108
|
default: S(() => [
|
|
109
|
-
e.$slots.prefix ? (
|
|
110
|
-
|
|
111
|
-
])) :
|
|
112
|
-
a.loading ? (
|
|
113
|
-
z(
|
|
109
|
+
e.$slots.prefix ? (n(), l("span", T, [
|
|
110
|
+
v(e.$slots, "prefix", {}, void 0, !0)
|
|
111
|
+
])) : c("", !0),
|
|
112
|
+
a.loading ? (n(), l("span", V, [
|
|
113
|
+
z(D, {
|
|
114
114
|
name: "circle-notch",
|
|
115
115
|
size: "1em",
|
|
116
116
|
class: "cui-button__spinner-svg"
|
|
117
117
|
})
|
|
118
|
-
])) :
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
])) : c("", !0),
|
|
119
|
+
e.$slots.default ? (n(), l("span", {
|
|
120
|
+
key: 2,
|
|
121
|
+
class: R([{ "opacity-0": a.loading }, "cui-button__content"])
|
|
121
122
|
}, [
|
|
122
|
-
|
|
123
|
-
], 2),
|
|
124
|
-
e.$slots.suffix ? (
|
|
125
|
-
|
|
126
|
-
])) :
|
|
123
|
+
v(e.$slots, "default", {}, void 0, !0)
|
|
124
|
+
], 2)) : c("", !0),
|
|
125
|
+
e.$slots.suffix ? (n(), l("span", A, [
|
|
126
|
+
v(e.$slots, "suffix", {}, void 0, !0)
|
|
127
|
+
])) : c("", !0)
|
|
127
128
|
]),
|
|
128
129
|
_: 3
|
|
129
130
|
}, 16, ["class", "style", "aria-busy"])), [
|
|
130
|
-
[
|
|
131
|
+
[w, !a.hidden]
|
|
131
132
|
]);
|
|
132
133
|
}
|
|
133
134
|
});
|
|
134
135
|
export {
|
|
135
|
-
|
|
136
|
+
P as default
|
|
136
137
|
};
|
|
@@ -16,8 +16,8 @@ type __VLS_Slots = {} & {
|
|
|
16
16
|
default?: (props: typeof __VLS_1) => any;
|
|
17
17
|
};
|
|
18
18
|
declare const __VLS_component: import("vue").DefineComponent<CuiContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiContainerProps> & Readonly<{}>, {
|
|
19
|
-
px: ResponsiveValue<TailwindSpacing>;
|
|
20
19
|
hidden: boolean;
|
|
20
|
+
px: ResponsiveValue<TailwindSpacing>;
|
|
21
21
|
maxWidth: ResponsiveValue<ContainerSize>;
|
|
22
22
|
centered: boolean;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiContainer.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContainer.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,kDAAkD;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,gDAAgD;IAChD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6DD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"CuiContainer.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContainer.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC1C,kDAAkD;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,gDAAgD;IAChD,EAAE,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6DD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;;QAzFd,eAAe,CAAC,eAAe,CAAC;cAF1B,eAAe,CAAC,aAAa,CAAC;cAM9B,OAAO;6EA4FlB,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"}
|
|
@@ -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":"AA6ZA,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;AA8mBD,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;AAqD5E,QAAA,MAAM,eAAe;;aAtpBW,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;6EAqrBpB,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"}
|
|
@@ -23,8 +23,8 @@ type __VLS_Slots = {} & {
|
|
|
23
23
|
default?: (props: typeof __VLS_1) => any;
|
|
24
24
|
};
|
|
25
25
|
declare const __VLS_component: import("vue").DefineComponent<CuiFlexProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiFlexProps> & Readonly<{}>, {
|
|
26
|
-
wrap: ResponsiveValue<FlexWrap>;
|
|
27
26
|
hidden: boolean;
|
|
27
|
+
wrap: ResponsiveValue<FlexWrap>;
|
|
28
28
|
debug: boolean;
|
|
29
29
|
direction: ResponsiveValue<FlexDirection>;
|
|
30
30
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiFlex.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlex.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,qBAAqB;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACvC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,iBAAiB;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsHD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"CuiFlex.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiFlex.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,qBAAqB;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACvC,sDAAsD;IACtD,GAAG,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACvC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,iBAAiB;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC1C,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsHD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;UA3JZ,eAAe,CAAC,QAAQ,CAAC;WAYxB,OAAO;eAdH,eAAe,CAAC,aAAa,CAAC;6EAoK1C,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"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
|
+
import { type Component } from "vue";
|
|
1
2
|
import type { CuiSize, CuiColorOrCss, HideableProps } from "../types/common";
|
|
2
3
|
export type IconWeight = "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
|
|
3
4
|
export type IconSize = CuiSize | (string & {});
|
|
4
5
|
export interface CuiIconProps extends HideableProps {
|
|
5
|
-
/**
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Phosphor icon name in kebab-case (e.g. "check", "warning-circle").
|
|
8
|
+
* Resolved from the built-in set and anything passed to `registerIcons()`.
|
|
9
|
+
* An unregistered name still renders, via a lazy import of the whole Phosphor
|
|
10
|
+
* package — which is not tree-shakeable, so it warns in the console.
|
|
11
|
+
*/
|
|
12
|
+
name?: string;
|
|
13
|
+
/**
|
|
14
|
+
* A Phosphor component passed directly, e.g. `:icon="PhRocket"`. The simplest
|
|
15
|
+
* tree-shakeable path — the consumer's own static import. Takes precedence
|
|
16
|
+
* over `name`.
|
|
17
|
+
*/
|
|
18
|
+
icon?: Component;
|
|
7
19
|
/** Icon weight/style */
|
|
8
20
|
weight?: IconWeight;
|
|
9
21
|
/** Icon size — named scale (xs–xl) or custom CSS value */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiIcon.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiIcon.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiIcon.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiIcon.vue"],"names":[],"mappings":"AAoNA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAU7E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACpF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;YATU,UAAU;UAEZ,QAAQ;WAEP,aAAa;oBAIJ,MAAM;;AAuMzB,wBAOG"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CuiIcon.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9c50b01"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { resolveColor as
|
|
3
|
-
|
|
1
|
+
import { defineComponent as I, computed as r, shallowRef as k, toRaw as z, watchEffect as p, withDirectives as $, openBlock as u, createElementBlock as h, normalizeStyle as v, normalizeClass as R, createBlock as B, resolveDynamicComponent as O, unref as S, vShow as x } from "vue";
|
|
2
|
+
import { resolveColor as F } from "../utils/color.js";
|
|
3
|
+
import { resolveRegisteredIcon as b, getIconFallbackResolver as A } from "../icons/registry.js";
|
|
4
|
+
import { FALLBACK_ICON as s } from "../icons/builtin.js";
|
|
5
|
+
import { warnOnce as l } from "../utils/devWarn.js";
|
|
6
|
+
const U = /* @__PURE__ */ I({
|
|
4
7
|
__name: "CuiIcon",
|
|
5
8
|
props: {
|
|
6
9
|
name: {},
|
|
10
|
+
icon: {},
|
|
7
11
|
weight: { default: "regular" },
|
|
8
12
|
size: { default: "md" },
|
|
9
13
|
color: { default: "currentColor" },
|
|
@@ -12,7 +16,7 @@ const D = /* @__PURE__ */ w({
|
|
|
12
16
|
hidden: { type: Boolean, default: !1 }
|
|
13
17
|
},
|
|
14
18
|
setup(n) {
|
|
15
|
-
const o = n,
|
|
19
|
+
const o = n, w = {
|
|
16
20
|
xs: "0.875rem",
|
|
17
21
|
// 14px
|
|
18
22
|
sm: "1rem",
|
|
@@ -23,50 +27,67 @@ const D = /* @__PURE__ */ w({
|
|
|
23
27
|
// 24px
|
|
24
28
|
xl: "2rem"
|
|
25
29
|
// 32px
|
|
26
|
-
},
|
|
27
|
-
function
|
|
28
|
-
return "Ph" + e.split("-").map((
|
|
30
|
+
}, c = r(() => w[o.size] ?? o.size);
|
|
31
|
+
function a(e) {
|
|
32
|
+
return "Ph" + e.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("");
|
|
29
33
|
}
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const t = k(null), d = r(() => o.icon ? z(o.icon) : o.name ? b(o.name) ?? null : null), m = r(() => d.value ?? t.value);
|
|
35
|
+
function y(e) {
|
|
36
|
+
l(
|
|
37
|
+
`[CuiIcon] unknown icon "${e}". Register it so it ships with your bundle:
|
|
38
|
+
import { registerIcons } from "@itguy614/clean-ui";
|
|
39
|
+
import { ${a(e)} } from "@phosphor-icons/vue";
|
|
40
|
+
registerIcons({ "${e}": ${a(e)} });
|
|
41
|
+
Or, to resolve any name at runtime (pulls in the whole icon package):
|
|
42
|
+
import "@itguy614/clean-ui/icons/lazy";`
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
async function g(e, i) {
|
|
37
46
|
try {
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
c || (console.warn(`[CuiIcon] Icon "${e}" (${t}) not found in @phosphor-icons/vue`), c = u.PhQuestion), i.set(t, c), o.name === e && (l.value = c);
|
|
47
|
+
const f = await i(e);
|
|
48
|
+
f || l(`[CuiIcon] Icon "${e}" (${a(e)}) not found in @phosphor-icons/vue`), o.name === e && (t.value = f ?? s);
|
|
41
49
|
} catch {
|
|
42
|
-
|
|
50
|
+
l(`[CuiIcon] Failed to load icon "${e}"`), o.name === e && (t.value = s);
|
|
43
51
|
}
|
|
44
52
|
}
|
|
45
|
-
|
|
46
|
-
|
|
53
|
+
p(() => {
|
|
54
|
+
if (d.value || !o.name) {
|
|
55
|
+
t.value = null;
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
const e = A();
|
|
59
|
+
if (!e) {
|
|
60
|
+
y(o.name), t.value = s;
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
typeof window > "u" || g(o.name, e);
|
|
64
|
+
}), p(() => {
|
|
65
|
+
!o.name && !o.icon && l("[CuiIcon] requires either a `name` or an `icon` prop.");
|
|
66
|
+
});
|
|
67
|
+
const C = r(() => {
|
|
47
68
|
const e = {};
|
|
48
69
|
return o.weight === "duotone" && (o.duotoneColor && (e["--_duotone-color"] = o.duotoneColor), e["--_duotone-opacity"] = String(o.duotoneOpacity)), e;
|
|
49
70
|
});
|
|
50
|
-
return (e,
|
|
51
|
-
class:
|
|
52
|
-
style:
|
|
71
|
+
return (e, i) => $((u(), h("span", {
|
|
72
|
+
class: R(["cui-icon", { "cui-icon--duotone": n.weight === "duotone" }]),
|
|
73
|
+
style: v(C.value)
|
|
53
74
|
}, [
|
|
54
|
-
|
|
75
|
+
m.value ? (u(), B(O(m.value), {
|
|
55
76
|
key: 0,
|
|
56
77
|
weight: n.weight,
|
|
57
|
-
size:
|
|
58
|
-
color:
|
|
59
|
-
}, null, 8, ["weight", "size", "color"])) : (
|
|
78
|
+
size: c.value,
|
|
79
|
+
color: S(F)(n.color)
|
|
80
|
+
}, null, 8, ["weight", "size", "color"])) : (u(), h("span", {
|
|
60
81
|
key: 1,
|
|
61
82
|
class: "cui-icon__placeholder",
|
|
62
|
-
style:
|
|
83
|
+
style: v({ width: c.value, height: c.value }),
|
|
63
84
|
"aria-hidden": "true"
|
|
64
85
|
}, null, 4))
|
|
65
86
|
], 6)), [
|
|
66
|
-
[
|
|
87
|
+
[x, !n.hidden]
|
|
67
88
|
]);
|
|
68
89
|
}
|
|
69
90
|
});
|
|
70
91
|
export {
|
|
71
|
-
|
|
92
|
+
U as default
|
|
72
93
|
};
|
|
@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<CuiInputStepperProps, {
|
|
|
29
29
|
}, string, import("vue").PublicProps, Readonly<CuiInputStepperProps> & Readonly<{
|
|
30
30
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
31
31
|
}>, {
|
|
32
|
-
wrap: boolean;
|
|
33
32
|
hidden: boolean;
|
|
33
|
+
wrap: boolean;
|
|
34
34
|
size: CuiSize;
|
|
35
35
|
color: CuiColor;
|
|
36
36
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiInputStepper.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiInputStepper.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKzH,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC1G,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA8ED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAIjC;AAED,iBAAS,IAAI,SAEZ
|
|
1
|
+
{"version":3,"file":"CuiInputStepper.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiInputStepper.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKzH,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC1G,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA8ED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAIjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;;UAvFQ,OAAO;;;;iBANA,uBAAuB;gBARxB,MAAM;UAMZ,MAAM;;AAsWf,wBASG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiMaskedInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiMaskedInput.vue"],"names":[],"mappings":"AAAA,OAqaO,EAAwB,QAAQ,EAAkB,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACzG,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4cD,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BxD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CuiMaskedInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiMaskedInput.vue"],"names":[],"mappings":"AAAA,OAqaO,EAAwB,QAAQ,EAAkB,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEzH,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACzG,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4cD,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BxD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHF,GAAE,8CACQ,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAhfxF,OAAO;cAIJ,OAAO;;;;;gBAhBL,MAAM;eAUP,OAAO;cAJR,MAAM;6EAigBjB,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"}
|
|
@@ -65,7 +65,7 @@ const E = ["aria-label", "aria-invalid"], G = { class: "cui-radio-group__options
|
|
|
65
65
|
m(t.$slots, "default", {}, void 0, !0)
|
|
66
66
|
]),
|
|
67
67
|
_: 3
|
|
68
|
-
})) : m(t.$slots, "default", {
|
|
68
|
+
})) : m(t.$slots, "default", {}, void 0, !0, 1)
|
|
69
69
|
]),
|
|
70
70
|
r.error && r.errorMessage ? (c(), f("div", I, x(r.errorMessage), 1)) : M("", !0)
|
|
71
71
|
], 42, E)), [
|
|
@@ -34,10 +34,10 @@ declare const _default: import("vue").DefineComponent<CuiRatingProps, {
|
|
|
34
34
|
hidden: boolean;
|
|
35
35
|
size: CuiSize;
|
|
36
36
|
color: CuiColor;
|
|
37
|
+
icon: string;
|
|
37
38
|
disabled: boolean;
|
|
38
39
|
modelValue: number;
|
|
39
40
|
clearable: boolean;
|
|
40
|
-
icon: string;
|
|
41
41
|
max: number;
|
|
42
42
|
showValue: boolean;
|
|
43
43
|
half: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO
|
|
1
|
+
{"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAuPnB,wBASG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTab.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiTab.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTab.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe;;;eA5IP,OAAO;6EAmJnB,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CuiTab.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-57a89561"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { TabsContextKey as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as h, inject as y, computed as s, useSlots as x, onMounted as C, watch as T, onUnmounted as k, unref as w, withDirectives as c, openBlock as b, createElementBlock as v, normalizeClass as f, renderSlot as m, vShow as p, createCommentVNode as B } from "vue";
|
|
2
|
+
import { TabsContextKey as S } from "./tabs-context.js";
|
|
3
|
+
const g = ["aria-labelledby"], E = ["aria-labelledby"], $ = /* @__PURE__ */ h({
|
|
4
4
|
__name: "CuiTab",
|
|
5
5
|
props: {
|
|
6
6
|
value: {},
|
|
@@ -10,64 +10,69 @@ const k = ["aria-labelledby"], w = ["aria-labelledby"], I = /* @__PURE__ */ m({
|
|
|
10
10
|
disabled: { type: Boolean, default: !1 }
|
|
11
11
|
},
|
|
12
12
|
setup(n) {
|
|
13
|
-
const e = n, a =
|
|
13
|
+
const e = n, a = y(S);
|
|
14
14
|
if (!a)
|
|
15
15
|
throw new Error("[CuiTab] must be used inside a <CuiTabs> component.");
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const o = s(() => a.activeTab.value === e.value), i = x();
|
|
17
|
+
function r() {
|
|
18
|
+
return {
|
|
19
19
|
value: e.value,
|
|
20
20
|
label: e.label,
|
|
21
21
|
disabled: e.disabled,
|
|
22
|
-
closeable: e.closeable
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
closeable: e.closeable,
|
|
23
|
+
// Call through `slots` rather than capturing the slot function, so the
|
|
24
|
+
// parent's render always invokes the current one — a badge count in the
|
|
25
|
+
// slot updates without re-registering the tab.
|
|
26
|
+
labelSlot: i.label ? () => {
|
|
27
|
+
var l;
|
|
28
|
+
return (l = i.label) == null ? void 0 : l.call(i);
|
|
29
|
+
} : void 0
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
C(() => {
|
|
33
|
+
a.register(r());
|
|
34
|
+
}), T(
|
|
35
|
+
() => [e.label, e.disabled, e.closeable, !!i.label],
|
|
26
36
|
() => {
|
|
27
|
-
a.
|
|
28
|
-
value: e.value,
|
|
29
|
-
label: e.label,
|
|
30
|
-
disabled: e.disabled,
|
|
31
|
-
closeable: e.closeable
|
|
32
|
-
});
|
|
37
|
+
a.register(r());
|
|
33
38
|
}
|
|
34
|
-
),
|
|
39
|
+
), k(() => {
|
|
35
40
|
a.unregister(e.value);
|
|
36
41
|
});
|
|
37
|
-
const
|
|
42
|
+
const u = s(() => {
|
|
38
43
|
if (a.transition.value !== "none") {
|
|
39
44
|
if (a.transition.value === "slide") {
|
|
40
|
-
const
|
|
41
|
-
return
|
|
45
|
+
const l = d(a.previousTab.value);
|
|
46
|
+
return d(e.value) >= l ? "cui-tab-slide-left" : "cui-tab-slide-right";
|
|
42
47
|
}
|
|
43
48
|
return "cui-tab-fade";
|
|
44
49
|
}
|
|
45
50
|
});
|
|
46
|
-
function
|
|
47
|
-
const
|
|
48
|
-
return
|
|
51
|
+
function d(l) {
|
|
52
|
+
const t = document.querySelector(`[data-cui-tab-value="${l}"]`);
|
|
53
|
+
return t != null && t.parentElement ? Array.from(t.parentElement.children).indexOf(t) : 0;
|
|
49
54
|
}
|
|
50
|
-
return (
|
|
55
|
+
return (l, t) => w(a).keepAlive.value ? c((b(), v("div", {
|
|
51
56
|
key: 0,
|
|
52
|
-
class:
|
|
57
|
+
class: f(["cui-tab-panel", [o.value ? u.value : ""]]),
|
|
53
58
|
role: "tabpanel",
|
|
54
59
|
"aria-labelledby": n.value
|
|
55
60
|
}, [
|
|
56
|
-
|
|
57
|
-
], 10,
|
|
58
|
-
[
|
|
59
|
-
]) :
|
|
61
|
+
m(l.$slots, "default", {}, void 0, !0)
|
|
62
|
+
], 10, g)), [
|
|
63
|
+
[p, o.value && !n.hidden]
|
|
64
|
+
]) : o.value ? c((b(), v("div", {
|
|
60
65
|
key: 1,
|
|
61
|
-
class:
|
|
66
|
+
class: f(["cui-tab-panel", u.value]),
|
|
62
67
|
role: "tabpanel",
|
|
63
68
|
"aria-labelledby": n.value
|
|
64
69
|
}, [
|
|
65
|
-
|
|
66
|
-
], 10,
|
|
67
|
-
[
|
|
68
|
-
]) :
|
|
70
|
+
m(l.$slots, "default", {}, void 0, !0)
|
|
71
|
+
], 10, E)), [
|
|
72
|
+
[p, !n.hidden]
|
|
73
|
+
]) : B("", !0);
|
|
69
74
|
}
|
|
70
75
|
});
|
|
71
76
|
export {
|
|
72
|
-
|
|
77
|
+
$ as default
|
|
73
78
|
};
|
|
@@ -21,14 +21,14 @@ export interface CuiTableProps extends HideableProps, SizeableProps {
|
|
|
21
21
|
*/
|
|
22
22
|
ariaRowcount?: number;
|
|
23
23
|
}
|
|
24
|
-
declare
|
|
24
|
+
declare function measure(): void;
|
|
25
|
+
declare var __VLS_1: {};
|
|
25
26
|
type __VLS_Slots = {} & {
|
|
26
27
|
default?: (props: typeof __VLS_1) => any;
|
|
27
|
-
} & {
|
|
28
|
-
default?: (props: typeof __VLS_3) => any;
|
|
29
28
|
};
|
|
30
29
|
declare const __VLS_component: import("vue").DefineComponent<CuiTableProps, {
|
|
31
30
|
scrollWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
31
|
+
measure: typeof measure;
|
|
32
32
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiTableProps> & Readonly<{}>, {
|
|
33
33
|
hidden: boolean;
|
|
34
34
|
size: import("..").CuiSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CuiTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTable.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CuiTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTable.vue"],"names":[],"mappings":"AAmTA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMpE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,aAAa;IACjE,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAiED,iBAAS,OAAO,SAiBf;AAiFD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC/C,QAAA,MAAM,eAAe;;;;;;aAzNT,OAAO;eAEL,OAAO;cAER,OAAO;kBAEH,OAAO;iBAER,OAAO;6EAyNrB,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"}
|