@cck-ui/core 0.28.0 → 0.30.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.
Files changed (40) hide show
  1. package/cjs/components/affix/affix.cjs +461 -0
  2. package/cjs/components/affix/affix.cjs.map +1 -0
  3. package/cjs/components/affix/affix.module.cjs +7 -0
  4. package/cjs/components/affix/affix.module.cjs.map +1 -0
  5. package/cjs/components/affix/affix.utils.cjs +14 -0
  6. package/cjs/components/affix/affix.utils.cjs.map +1 -0
  7. package/cjs/components/affix/index.cjs +14 -0
  8. package/cjs/components/affix/index.cjs.map +1 -0
  9. package/cjs/components/portal/portal.cjs +10 -3
  10. package/cjs/components/portal/portal.cjs.map +1 -1
  11. package/cjs/core/utils/get-default-z-index/get-default-z-index.cjs +16 -0
  12. package/cjs/core/utils/get-default-z-index/get-default-z-index.cjs.map +1 -0
  13. package/cjs/index.cjs +108 -103
  14. package/cjs/index.cjs.map +1 -1
  15. package/esm/components/affix/affix.mjs +459 -0
  16. package/esm/components/affix/affix.mjs.map +1 -0
  17. package/esm/components/affix/affix.module.mjs +7 -0
  18. package/esm/components/affix/affix.module.mjs.map +1 -0
  19. package/esm/components/affix/affix.utils.mjs +15 -0
  20. package/esm/components/affix/affix.utils.mjs.map +1 -0
  21. package/esm/components/affix/index.mjs +11 -0
  22. package/esm/components/affix/index.mjs.map +1 -0
  23. package/esm/components/portal/portal.mjs +11 -4
  24. package/esm/components/portal/portal.mjs.map +1 -1
  25. package/esm/core/utils/get-default-z-index/get-default-z-index.mjs +16 -0
  26. package/esm/core/utils/get-default-z-index/get-default-z-index.mjs.map +1 -0
  27. package/esm/index.mjs +5 -2
  28. package/esm/index.mjs.map +1 -1
  29. package/lib/components/affix/affix.types.d.ts +40 -0
  30. package/lib/components/affix/affix.utils.d.ts +6 -0
  31. package/lib/components/affix/index.d.ts +6 -0
  32. package/lib/components/index.d.ts +1 -0
  33. package/lib/components/portal/portal.types.d.ts +9 -0
  34. package/lib/core/utils/get-default-z-index/get-default-z-index.d.ts +9 -0
  35. package/lib/core/utils/index.d.ts +1 -0
  36. package/package.json +1 -1
  37. package/styles/affix.css +8 -0
  38. package/styles/affix.layer.css +9 -0
  39. package/styles.css +9 -0
  40. package/styles.layer.css +9 -0
@@ -0,0 +1,459 @@
1
+ "use client";
2
+ import { getDefaultZIndex } from "../../core/utils/get-default-z-index/get-default-z-index.mjs";
3
+ import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
4
+ import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
5
+ import { CBox } from "../../core/box/index.mjs";
6
+ import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
7
+ import { CPortal } from "../portal/index.mjs";
8
+ import affix_module_default from "./affix.module.mjs";
9
+ import { varsResolver } from "./affix.utils.mjs";
10
+ import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
11
+ import cx from "clsx";
12
+ //#region packages/@cck-ui/core/src/components/affix/affix.vue
13
+ const _sfc_main = /*@__PURE__*/ defineComponent({
14
+ name: "CAffix",
15
+ __name: "affix",
16
+ props: {
17
+ size: {
18
+ type: [String, Number],
19
+ required: false
20
+ },
21
+ variant: {
22
+ type: String,
23
+ required: false
24
+ },
25
+ className: {
26
+ type: String,
27
+ required: false
28
+ },
29
+ style: {
30
+ type: [
31
+ Object,
32
+ Function,
33
+ Array
34
+ ],
35
+ required: false,
36
+ skipCheck: true
37
+ },
38
+ __vars: {
39
+ type: null,
40
+ required: false
41
+ },
42
+ __size: {
43
+ type: String,
44
+ required: false
45
+ },
46
+ hiddenFrom: {
47
+ type: null,
48
+ required: false
49
+ },
50
+ visibleFrom: {
51
+ type: null,
52
+ required: false
53
+ },
54
+ lightHidden: {
55
+ type: Boolean,
56
+ required: false
57
+ },
58
+ darkHidden: {
59
+ type: Boolean,
60
+ required: false
61
+ },
62
+ mod: {
63
+ type: [
64
+ Object,
65
+ String,
66
+ Array
67
+ ],
68
+ required: false
69
+ },
70
+ m: {
71
+ type: null,
72
+ required: false
73
+ },
74
+ my: {
75
+ type: null,
76
+ required: false
77
+ },
78
+ mx: {
79
+ type: null,
80
+ required: false
81
+ },
82
+ mt: {
83
+ type: null,
84
+ required: false
85
+ },
86
+ mb: {
87
+ type: null,
88
+ required: false
89
+ },
90
+ ms: {
91
+ type: null,
92
+ required: false
93
+ },
94
+ me: {
95
+ type: null,
96
+ required: false
97
+ },
98
+ mis: {
99
+ type: null,
100
+ required: false
101
+ },
102
+ mie: {
103
+ type: null,
104
+ required: false
105
+ },
106
+ ml: {
107
+ type: null,
108
+ required: false
109
+ },
110
+ mr: {
111
+ type: null,
112
+ required: false
113
+ },
114
+ p: {
115
+ type: null,
116
+ required: false
117
+ },
118
+ py: {
119
+ type: null,
120
+ required: false
121
+ },
122
+ px: {
123
+ type: null,
124
+ required: false
125
+ },
126
+ pt: {
127
+ type: null,
128
+ required: false
129
+ },
130
+ pb: {
131
+ type: null,
132
+ required: false
133
+ },
134
+ ps: {
135
+ type: null,
136
+ required: false
137
+ },
138
+ pe: {
139
+ type: null,
140
+ required: false
141
+ },
142
+ pis: {
143
+ type: null,
144
+ required: false
145
+ },
146
+ pie: {
147
+ type: null,
148
+ required: false
149
+ },
150
+ pl: {
151
+ type: null,
152
+ required: false
153
+ },
154
+ pr: {
155
+ type: null,
156
+ required: false
157
+ },
158
+ bd: {
159
+ type: null,
160
+ required: false
161
+ },
162
+ bdrs: {
163
+ type: null,
164
+ required: false
165
+ },
166
+ bg: {
167
+ type: null,
168
+ required: false
169
+ },
170
+ c: {
171
+ type: null,
172
+ required: false
173
+ },
174
+ opacity: {
175
+ type: [
176
+ String,
177
+ Object,
178
+ Number
179
+ ],
180
+ required: false
181
+ },
182
+ ff: {
183
+ type: [String, Object],
184
+ required: false
185
+ },
186
+ fz: {
187
+ type: null,
188
+ required: false
189
+ },
190
+ fw: {
191
+ type: null,
192
+ required: false
193
+ },
194
+ lts: {
195
+ type: null,
196
+ required: false
197
+ },
198
+ ta: {
199
+ type: [String, Object],
200
+ required: false
201
+ },
202
+ lh: {
203
+ type: null,
204
+ required: false
205
+ },
206
+ fs: {
207
+ type: null,
208
+ required: false
209
+ },
210
+ tt: {
211
+ type: [String, Object],
212
+ required: false
213
+ },
214
+ td: {
215
+ type: null,
216
+ required: false
217
+ },
218
+ w: {
219
+ type: null,
220
+ required: false
221
+ },
222
+ miw: {
223
+ type: null,
224
+ required: false
225
+ },
226
+ maw: {
227
+ type: null,
228
+ required: false
229
+ },
230
+ h: {
231
+ type: null,
232
+ required: false
233
+ },
234
+ mih: {
235
+ type: null,
236
+ required: false
237
+ },
238
+ mah: {
239
+ type: null,
240
+ required: false
241
+ },
242
+ bgsz: {
243
+ type: null,
244
+ required: false
245
+ },
246
+ bgp: {
247
+ type: null,
248
+ required: false
249
+ },
250
+ bgr: {
251
+ type: null,
252
+ required: false
253
+ },
254
+ bga: {
255
+ type: null,
256
+ required: false
257
+ },
258
+ pos: {
259
+ type: [String, Object],
260
+ required: false
261
+ },
262
+ top: {
263
+ type: null,
264
+ required: false
265
+ },
266
+ left: {
267
+ type: null,
268
+ required: false
269
+ },
270
+ bottom: {
271
+ type: null,
272
+ required: false
273
+ },
274
+ right: {
275
+ type: null,
276
+ required: false
277
+ },
278
+ inset: {
279
+ type: null,
280
+ required: false
281
+ },
282
+ display: {
283
+ type: null,
284
+ required: false
285
+ },
286
+ flex: {
287
+ type: null,
288
+ required: false
289
+ },
290
+ zIndex: {
291
+ type: null,
292
+ required: false
293
+ },
294
+ withinPortal: {
295
+ type: Boolean,
296
+ required: false
297
+ },
298
+ portalProps: {
299
+ type: Object,
300
+ required: false
301
+ },
302
+ position: {
303
+ type: Object,
304
+ required: false
305
+ },
306
+ unstyled: {
307
+ type: Boolean,
308
+ required: false
309
+ },
310
+ classNames: {
311
+ type: null,
312
+ required: false
313
+ },
314
+ styles: {
315
+ type: null,
316
+ required: false
317
+ },
318
+ vars: {
319
+ type: Function,
320
+ required: false
321
+ },
322
+ attributes: {
323
+ type: null,
324
+ required: false
325
+ }
326
+ },
327
+ setup(__props, { expose: __expose }) {
328
+ const _root = ref(null);
329
+ const attrs = useAttrs();
330
+ const rawProps = __props;
331
+ console.log("rawProps.size:", rawProps.size);
332
+ const defaultProps = {
333
+ position: {
334
+ bottom: 0,
335
+ right: 0
336
+ },
337
+ zIndex: getDefaultZIndex("modal"),
338
+ withinPortal: true
339
+ };
340
+ const props = useComponentProps({
341
+ component: "CAffix",
342
+ defaultProps,
343
+ props: rawProps
344
+ });
345
+ console.log("attrs.size:", attrs.size);
346
+ console.log("props.value.size:", props.value.size);
347
+ const affixSpecificProps = [
348
+ "portalProps",
349
+ "withinPortal",
350
+ "position",
351
+ "zIndex",
352
+ "classNames",
353
+ "styles",
354
+ "unstyled",
355
+ "vars",
356
+ "attributes",
357
+ "size"
358
+ ];
359
+ const styleProps = computed(() => {
360
+ const { style: attrsStyle, ...restAttrs } = attrs;
361
+ const combinedStyle = attrsStyle ?? props.value.style;
362
+ return {
363
+ ...props.value,
364
+ ...restAttrs,
365
+ style: combinedStyle
366
+ };
367
+ });
368
+ const getStyles = useStyles({
369
+ name: "Affix",
370
+ props: styleProps,
371
+ classes: affix_module_default,
372
+ className: () => props.value.className,
373
+ style: () => props.value.style,
374
+ classNames: props.value.classNames,
375
+ styles: props.value.styles,
376
+ unstyled: props.value.unstyled,
377
+ attributes: props.value.attributes,
378
+ vars: props.value.vars,
379
+ varsResolver
380
+ });
381
+ const rootAttrs = computed(() => getStyles("root"));
382
+ const portalPropsFinal = computed(() => ({ ...props.value.portalProps }));
383
+ const mergedAttrs = computed(() => {
384
+ const propsValue = props.value;
385
+ const others = {};
386
+ for (const key in propsValue) if (!affixSpecificProps.includes(key)) others[key] = propsValue[key];
387
+ const { className: rootClassName, style: rootStyle, ...restRoot } = rootAttrs.value;
388
+ const mergedClassName = cx(rootClassName, propsValue.className, attrs.className, attrs.class);
389
+ const mergedStyle = [
390
+ rootStyle,
391
+ propsValue.style,
392
+ attrs.style
393
+ ].filter(Boolean);
394
+ const finalStyle = mergedStyle.length === 1 ? mergedStyle[0] : mergedStyle;
395
+ const userMod = propsValue.mod;
396
+ const restMod = "mod" in restRoot ? restRoot.mod : void 0;
397
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean), ...Array.isArray(restMod) ? restMod : [restMod].filter(Boolean)].filter(Boolean);
398
+ const { class: attrsClass, className: attrsClassName, style: attrsStyle, mod: attrsMod, ...restAttrs } = attrs;
399
+ const hiddenFrom = propsValue.hiddenFrom ?? attrs.hiddenFrom;
400
+ const visibleFrom = propsValue.visibleFrom ?? attrs.visibleFrom;
401
+ const lightHidden = propsValue.lightHidden ?? attrs.lightHidden ?? false;
402
+ const darkHidden = propsValue.darkHidden ?? attrs.darkHidden ?? false;
403
+ return {
404
+ ...restRoot,
405
+ ...restAttrs,
406
+ ...others,
407
+ className: mergedClassName,
408
+ style: finalStyle,
409
+ mod: mergedMod,
410
+ id: propsValue.id || attrs.id || void 0,
411
+ size: propsValue.size,
412
+ variant: propsValue.variant,
413
+ hiddenFrom,
414
+ visibleFrom,
415
+ lightHidden,
416
+ darkHidden
417
+ };
418
+ });
419
+ __expose({ root: computed(() => _root.value?.root ?? null) });
420
+ const __returned__ = {
421
+ _root,
422
+ attrs,
423
+ rawProps,
424
+ defaultProps,
425
+ props,
426
+ affixSpecificProps,
427
+ styleProps,
428
+ getStyles,
429
+ rootAttrs,
430
+ portalPropsFinal,
431
+ mergedAttrs,
432
+ get CPortal() {
433
+ return CPortal;
434
+ },
435
+ get CBox() {
436
+ return CBox;
437
+ }
438
+ };
439
+ Object.defineProperty(__returned__, "__isScriptSetup", {
440
+ enumerable: false,
441
+ value: true
442
+ });
443
+ return __returned__;
444
+ }
445
+ });
446
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
447
+ return openBlock(), createBlock($setup["CPortal"], mergeProps($setup.portalPropsFinal, { disabled: !$setup.props.withinPortal }), {
448
+ default: withCtx(() => [createVNode($setup["CBox"], mergeProps({ ref: "_root" }, $setup.mergedAttrs, { size: $setup.props.size }), {
449
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
450
+ _: 3
451
+ }, 16, ["size"])]),
452
+ _: 3
453
+ }, 16, ["disabled"]);
454
+ }
455
+ var affix_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/affix/affix.vue"]]);
456
+ //#endregion
457
+ export { affix_default as default };
458
+
459
+ //# sourceMappingURL=affix.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"affix.mjs","names":[],"sources":["../../../src/components/affix/affix.vue"],"sourcesContent":["<template>\n <c-portal v-bind=\"portalPropsFinal\" :disabled=\"!props.withinPortal\">\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\" :size=\"props.size\">\n <slot />\n </c-box>\n </c-portal>\n</template>\n\n<script setup lang=\"ts\">\nimport cx from 'clsx'\nimport { computed, ref, useAttrs } from 'vue'\nimport CPortal from '../portal'\nimport {\n CBox,\n CBreakpoint,\n CStyleProp,\n getDefaultZIndex,\n useComponentProps,\n useStyles,\n} from '../../core'\nimport { AffixFactory, AffixProps } from './affix.types'\nimport classes from './affix.module.css'\nimport { varsResolver } from './affix.utils'\n\ndefineOptions({\n name: 'CAffix',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<AffixProps>()\n\nconsole.log('rawProps.size:', rawProps.size)\n\nconst defaultProps = {\n position: { bottom: 0, right: 0 },\n zIndex: getDefaultZIndex('modal'),\n withinPortal: true,\n} satisfies Partial<AffixProps>\n\nconst props = useComponentProps({\n component: 'CAffix',\n defaultProps,\n props: rawProps,\n})\n\nconsole.log('attrs.size:', attrs.size)\nconsole.log('props.value.size:', props.value.size)\n\nconst affixSpecificProps = [\n 'portalProps',\n 'withinPortal',\n 'position',\n 'zIndex',\n 'classNames',\n 'styles',\n 'unstyled',\n 'vars',\n 'attributes',\n 'size',\n]\n\nconst styleProps = computed(() => {\n const { style: attrsStyle, ...restAttrs } = attrs\n const combinedStyle = (attrsStyle ?? props.value.style) as CStyleProp\n return {\n ...props.value,\n ...restAttrs,\n style: combinedStyle,\n }\n})\n\nconst getStyles = useStyles<AffixFactory>({\n name: 'Affix',\n props: styleProps,\n classes,\n className: () => props.value.className,\n style: () => props.value.style,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n vars: props.value.vars,\n varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst portalPropsFinal = computed(() => ({\n ...props.value.portalProps,\n}))\n\nconst mergedAttrs = computed(() => {\n const propsValue = props.value\n\n const others: Record<string, any> = {}\n for (const key in propsValue) {\n if (!affixSpecificProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n }\n\n const root = rootAttrs.value\n const { className: rootClassName, style: rootStyle, ...restRoot } = root\n\n const mergedClassName = cx(\n rootClassName,\n propsValue.className,\n attrs.className as string | undefined,\n attrs.class as string | undefined\n )\n\n const mergedStyle = [rootStyle, propsValue.style, attrs.style].filter(Boolean) as CStyleProp[]\n const finalStyle = mergedStyle.length === 1 ? mergedStyle[0] : mergedStyle\n\n const userMod = propsValue.mod\n const restMod = 'mod' in restRoot ? restRoot.mod : undefined\n const mergedMod = [\n ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n ...(Array.isArray(restMod) ? restMod : [restMod].filter(Boolean)),\n ].filter(Boolean)\n\n const {\n class: attrsClass,\n className: attrsClassName,\n style: attrsStyle,\n mod: attrsMod,\n ...restAttrs\n } = attrs\n\n const hiddenFrom = (propsValue.hiddenFrom ?? attrs.hiddenFrom) as CBreakpoint | undefined\n const visibleFrom = (propsValue.visibleFrom ?? attrs.visibleFrom) as CBreakpoint | undefined\n const lightHidden = propsValue.lightHidden ?? attrs.lightHidden ?? false\n const darkHidden = propsValue.darkHidden ?? attrs.darkHidden ?? false\n\n return {\n ...restRoot,\n ...restAttrs,\n ...others,\n className: mergedClassName,\n style: finalStyle,\n mod: mergedMod,\n id: propsValue.id || attrs.id || undefined,\n size: propsValue.size,\n variant: propsValue.variant,\n hiddenFrom,\n visibleFrom,\n lightHidden,\n darkHidden,\n }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,QAAQ,IAAsC,IAAI;EACxD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,QAAQ,IAAI,kBAAkB,SAAS,IAAI;EAE3C,MAAM,eAAe;GACnB,UAAU;IAAE,QAAQ;IAAG,OAAO;GAAE;GAChC,QAAQ,iBAAiB,OAAO;GAChC,cAAc;EAChB;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,QAAQ,IAAI,eAAe,MAAM,IAAI;EACrC,QAAQ,IAAI,qBAAqB,MAAM,MAAM,IAAI;EAEjD,MAAM,qBAAqB;GACzB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,aAAa,eAAe;GAChC,MAAM,EAAE,OAAO,YAAY,GAAG,cAAc;GAC5C,MAAM,gBAAiB,cAAc,MAAM,MAAM;GACjD,OAAO;IACL,GAAG,MAAM;IACT,GAAG;IACH,OAAO;GACT;EACF,CAAC;EAED,MAAM,YAAY,UAAwB;GACxC,MAAM;GACN,OAAO;GACP,SAAA;GACA,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,mBAAmB,gBAAgB,EACvC,GAAG,MAAM,MAAM,YACjB,EAAE;EAEF,MAAM,cAAc,eAAe;GACjC,MAAM,aAAa,MAAM;GAEzB,MAAM,SAA8B,CAAC;GACrC,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,mBAAmB,SAAS,GAAG,GAClC,OAAO,OAAO,WAAW;GAK7B,MAAM,EAAE,WAAW,eAAe,OAAO,WAAW,GAAG,aAD1C,UAAU;GAGvB,MAAM,kBAAkB,GACtB,eACA,WAAW,WACX,MAAM,WACN,MAAM,KACR;GAEA,MAAM,cAAc;IAAC;IAAW,WAAW;IAAO,MAAM;GAAK,CAAC,CAAC,OAAO,OAAO;GAC7E,MAAM,aAAa,YAAY,WAAW,IAAI,YAAY,KAAK;GAE/D,MAAM,UAAU,WAAW;GAC3B,MAAM,UAAU,SAAS,WAAW,SAAS,MAAM,KAAA;GACnD,MAAM,YAAY,CAChB,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,GAC/D,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CACjE,CAAC,CAAC,OAAO,OAAO;GAEhB,MAAM,EACJ,OAAO,YACP,WAAW,gBACX,OAAO,YACP,KAAK,UACL,GAAG,cACD;GAEJ,MAAM,aAAc,WAAW,cAAc,MAAM;GACnD,MAAM,cAAe,WAAW,eAAe,MAAM;GACrD,MAAM,cAAc,WAAW,eAAe,MAAM,eAAe;GACnE,MAAM,aAAa,WAAW,cAAc,MAAM,cAAc;GAEhE,OAAO;IACL,GAAG;IACH,GAAG;IACH,GAAG;IACH,WAAW;IACX,OAAO;IACP,KAAK;IACL,IAAI,WAAW,MAAM,MAAM,MAAM,KAAA;IACjC,MAAM,WAAW;IACjB,SAAS,WAAW;IACpB;IACA;IACA;IACA;GACF;EACF,CAAC;EAED,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA1JC,YAIW,OAAA,YAJX,WAIW,OAJO,kBAAgB,EAAG,UAAQ,CAAG,OAAA,MAAM,aAAA,CAAA,GAAA;yBAG5C,CAFR,YAEQ,OAAA,SAFR,WAEQ,EAFD,KAAI,QAAO,GAAS,OAAA,aAAW,EAAG,MAAM,OAAA,MAAM,KAAA,CAAA,GAAA;0BAC3C,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/affix/affix.module.css
3
+ var affix_module_default = { "root": "m_8b372bf" };
4
+ //#endregion
5
+ export { affix_module_default as default };
6
+
7
+ //# sourceMappingURL=affix.module.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"affix.module.mjs","names":[],"sources":["../../../src/components/affix/affix.module.css"],"sourcesContent":[".root {\n position: fixed;\n z-index: var(--affix-z-index);\n inset-inline-start: var(--affix-left);\n inset-inline-end: var(--affix-right);\n top: var(--affix-top);\n bottom: var(--affix-bottom);\n}\n"],"mappings":";;AAAA,IAAA,uBAAe,EAAC,QAAO,YAAW"}
@@ -0,0 +1,15 @@
1
+ "use client";
2
+ import { getSpacing } from "../../core/utils/get-size/get-size.mjs";
3
+ import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
4
+ //#region packages/@cck-ui/core/src/components/affix/affix.utils.ts
5
+ const varsResolver = createVarsResolver((_, { zIndex, position }) => ({ root: {
6
+ "--affix-bottom": getSpacing(position?.bottom),
7
+ "--affix-left": getSpacing(position?.left),
8
+ "--affix-right": getSpacing(position?.right),
9
+ "--affix-top": getSpacing(position?.top),
10
+ "--affix-z-index": zIndex?.toString()
11
+ } }));
12
+ //#endregion
13
+ export { varsResolver };
14
+
15
+ //# sourceMappingURL=affix.utils.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"affix.utils.mjs","names":[],"sources":["../../../src/components/affix/affix.utils.ts"],"sourcesContent":["import { createVarsResolver, getSpacing } from '../../core'\nimport { AffixFactory } from './affix.types'\n\nexport const varsResolver = createVarsResolver<AffixFactory>((_, { zIndex, position }) => ({\n root: {\n '--affix-bottom': getSpacing(position?.bottom),\n '--affix-left': getSpacing(position?.left),\n '--affix-right': getSpacing(position?.right),\n '--affix-top': getSpacing(position?.top),\n '--affix-z-index': zIndex?.toString(),\n },\n}))\n"],"mappings":";;;;AAGA,MAAa,eAAe,oBAAkC,GAAG,EAAE,QAAQ,gBAAgB,EACzF,MAAM;CACJ,kBAAkB,WAAW,UAAU,MAAM;CAC7C,gBAAgB,WAAW,UAAU,IAAI;CACzC,iBAAiB,WAAW,UAAU,KAAK;CAC3C,eAAe,WAAW,UAAU,GAAG;CACvC,mBAAmB,QAAQ,SAAS;AACtC,EACF,EAAE"}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
4
+ import affix_module_default from "./affix.module.mjs";
5
+ import { varsResolver } from "./affix.utils.mjs";
6
+ import affix_default from "./affix.mjs";
7
+ const CAffix = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(affix_default, affix_module_default), varsResolver))));
8
+ //#endregion
9
+ export { CAffix, CAffix as default };
10
+
11
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["Affix","classes"],"sources":["../../../src/components/affix/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n withVarsResolver,\n} from '../../core'\nimport Affix from './affix.vue'\nimport { varsResolver } from './affix.utils'\nimport classes from './affix.module.css'\n\nconst AffixWithStatic = withPropsFactory(\n withExtend(withVarsResolver(withClasses(Affix, classes), varsResolver))\n)\n\nexport const CAffix: SFCWithInstallAndClasses<typeof Affix, typeof classes> =\n withInstall(AffixWithStatic)\n\nexport default CAffix\n\nexport * from './affix.types'\n"],"mappings":";;;;;;AAgBA,MAAa,SACX,YALsB,iBACtB,WAAW,iBAAiB,YAAYA,eAAOC,oBAAO,GAAG,YAAY,CAAC,CAI1D,CAAe"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
3
3
  import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
4
- import { Teleport, createBlock, createCommentVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, useAttrs } from "vue";
4
+ import { Teleport, createBlock, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, useAttrs } from "vue";
5
5
  //#region packages/@cck-ui/core/src/components/portal/portal.vue
6
6
  const _sfc_main = /*@__PURE__*/ defineComponent({
7
7
  name: "CPortal",
@@ -11,6 +11,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
11
11
  type: null,
12
12
  required: false
13
13
  },
14
+ disabled: {
15
+ type: Boolean,
16
+ required: false
17
+ },
14
18
  reuseTargetNode: {
15
19
  type: Boolean,
16
20
  required: false
@@ -19,7 +23,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
19
23
  setup(__props, { expose: __expose }) {
20
24
  const attrs = useAttrs();
21
25
  const rawProps = __props;
22
- const defaultProps = { reuseTargetNode: true };
26
+ const defaultProps = {
27
+ reuseTargetNode: true,
28
+ disabled: false
29
+ };
23
30
  const props = useComponentProps({
24
31
  component: "CPortal",
25
32
  defaultProps,
@@ -104,10 +111,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
104
111
  }
105
112
  });
106
113
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
107
- return $setup.container ? (openBlock(), createBlock(Teleport, {
114
+ return $setup.container && !$setup.props.disabled ? (openBlock(), createBlock(Teleport, {
108
115
  key: 0,
109
116
  to: $setup.container
110
- }, [renderSlot(_ctx.$slots, "default")], 8, ["to"])) : createCommentVNode("v-if", true);
117
+ }, [renderSlot(_ctx.$slots, "default")], 8, ["to"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
111
118
  }
112
119
  var portal_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/portal/portal.vue"]]);
113
120
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"portal.mjs","names":[],"sources":["../../../src/components/portal/portal.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"container\" :to=\"container\">\n <slot />\n </Teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, useAttrs } from 'vue'\nimport { PortalProps } from './portal.types'\nimport { useComponentProps } from '../../core'\n\ndefineOptions({\n name: 'CPortal',\n})\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<PortalProps>()\n\nconst defaultProps = {\n reuseTargetNode: true,\n} satisfies Partial<PortalProps>\n\nconst props = useComponentProps({\n component: 'CPortal',\n defaultProps,\n props: rawProps,\n})\n\nconst container = ref<HTMLElement | null>(null)\nlet createdNode: HTMLElement | null = null\n\nfunction createPortalNode(nodeAttrs: Record<string, any>): HTMLElement {\n const node = document.createElement('div')\n node.setAttribute('data-portal', 'true')\n\n const className = nodeAttrs.class || nodeAttrs.className\n if (className) {\n node.classList.add(...String(className).split(' ').filter(Boolean))\n }\n if (nodeAttrs.style) {\n Object.assign(node.style, nodeAttrs.style)\n }\n if (nodeAttrs.id) {\n node.setAttribute('id', nodeAttrs.id)\n }\n Object.keys(nodeAttrs).forEach((key) => {\n if (!['class', 'className', 'style', 'id'].includes(key)) {\n node.setAttribute(key, nodeAttrs[key])\n }\n })\n\n return node\n}\n\nfunction getTargetNode(): HTMLElement {\n const target = props.value.target\n const reuseTargetNode = props.value.reuseTargetNode\n\n if (target) {\n if (typeof target === 'string') {\n const found = document.querySelector<HTMLElement>(target)\n if (found) {\n return found\n }\n const node = createPortalNode(attrs)\n document.body.appendChild(node)\n createdNode = node\n return node\n }\n return target\n }\n\n if (reuseTargetNode) {\n const existing = document.querySelector<HTMLElement>('[data-cck-shared-portal]')\n if (existing) {\n return existing\n }\n const node = createPortalNode(attrs)\n node.setAttribute('data-cck-shared-portal', 'true')\n document.body.appendChild(node)\n createdNode = node\n return node\n }\n\n const node = createPortalNode(attrs)\n document.body.appendChild(node)\n createdNode = node\n return node\n}\n\nonMounted(() => {\n container.value = getTargetNode()\n})\n\nonBeforeUnmount(() => {\n if (createdNode && !createdNode.hasAttribute('data-cck-shared-portal')) {\n if (createdNode.parentNode) {\n createdNode.parentNode.removeChild(createdNode)\n }\n }\n})\n\ndefineExpose({\n root: container,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe,EACnB,iBAAiB,KACnB;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,YAAY,IAAwB,IAAI;EAC9C,IAAI,cAAkC;EAEtC,SAAS,iBAAiB,WAA6C;GACrE,MAAM,OAAO,SAAS,cAAc,KAAK;GACzC,KAAK,aAAa,eAAe,MAAM;GAEvC,MAAM,YAAY,UAAU,SAAS,UAAU;GAC/C,IAAI,WACF,KAAK,UAAU,IAAI,GAAG,OAAO,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC;GAEpE,IAAI,UAAU,OACZ,OAAO,OAAO,KAAK,OAAO,UAAU,KAAK;GAE3C,IAAI,UAAU,IACZ,KAAK,aAAa,MAAM,UAAU,EAAE;GAEtC,OAAO,KAAK,SAAS,CAAC,CAAC,SAAS,QAAQ;IACtC,IAAI,CAAC;KAAC;KAAS;KAAa;KAAS;IAAI,CAAC,CAAC,SAAS,GAAG,GACrD,KAAK,aAAa,KAAK,UAAU,IAAI;GAEzC,CAAC;GAED,OAAO;EACT;EAEA,SAAS,gBAA6B;GACpC,MAAM,SAAS,MAAM,MAAM;GAC3B,MAAM,kBAAkB,MAAM,MAAM;GAEpC,IAAI,QAAQ;IACV,IAAI,OAAO,WAAW,UAAU;KAC9B,MAAM,QAAQ,SAAS,cAA2B,MAAM;KACxD,IAAI,OACF,OAAO;KAET,MAAM,OAAO,iBAAiB,KAAK;KACnC,SAAS,KAAK,YAAY,IAAI;KAC9B,cAAc;KACd,OAAO;IACT;IACA,OAAO;GACT;GAEA,IAAI,iBAAiB;IACnB,MAAM,WAAW,SAAS,cAA2B,0BAA0B;IAC/E,IAAI,UACF,OAAO;IAET,MAAM,OAAO,iBAAiB,KAAK;IACnC,KAAK,aAAa,0BAA0B,MAAM;IAClD,SAAS,KAAK,YAAY,IAAI;IAC9B,cAAc;IACd,OAAO;GACT;GAEA,MAAM,OAAO,iBAAiB,KAAK;GACnC,SAAS,KAAK,YAAY,IAAI;GAC9B,cAAc;GACd,OAAO;EACT;EAEA,gBAAgB;GACd,UAAU,QAAQ,cAAc;EAClC,CAAC;EAED,sBAAsB;GACpB,IAAI,eAAe,CAAC,YAAY,aAAa,wBAAwB;QAC/D,YAAY,YACd,YAAY,WAAW,YAAY,WAAW;GAAA;EAGpD,CAAC;EAED,SAAa,EACX,MAAM,UACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;QAxGiB,OAAA,aAAA,UAAA,GAAhB,YAEW,UAAA;;EAFiB,IAAI,OAAA;KAC9B,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
1
+ {"version":3,"file":"portal.mjs","names":[],"sources":["../../../src/components/portal/portal.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"container && !props.disabled\" :to=\"container\">\n <slot />\n </Teleport>\n <template v-else>\n <slot />\n </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, useAttrs } from 'vue'\nimport { PortalProps } from './portal.types'\nimport { useComponentProps } from '../../core'\n\ndefineOptions({\n name: 'CPortal',\n})\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<PortalProps>()\n\nconst defaultProps = {\n reuseTargetNode: true,\n disabled: false,\n} satisfies Partial<PortalProps>\n\nconst props = useComponentProps({\n component: 'CPortal',\n defaultProps,\n props: rawProps,\n})\n\nconst container = ref<HTMLElement | null>(null)\nlet createdNode: HTMLElement | null = null\n\nfunction createPortalNode(nodeAttrs: Record<string, any>): HTMLElement {\n const node = document.createElement('div')\n node.setAttribute('data-portal', 'true')\n\n const className = nodeAttrs.class || nodeAttrs.className\n if (className) {\n node.classList.add(...String(className).split(' ').filter(Boolean))\n }\n if (nodeAttrs.style) {\n Object.assign(node.style, nodeAttrs.style)\n }\n if (nodeAttrs.id) {\n node.setAttribute('id', nodeAttrs.id)\n }\n Object.keys(nodeAttrs).forEach((key) => {\n if (!['class', 'className', 'style', 'id'].includes(key)) {\n node.setAttribute(key, nodeAttrs[key])\n }\n })\n\n return node\n}\n\nfunction getTargetNode(): HTMLElement {\n const target = props.value.target\n const reuseTargetNode = props.value.reuseTargetNode\n\n if (target) {\n if (typeof target === 'string') {\n const found = document.querySelector<HTMLElement>(target)\n if (found) {\n return found\n }\n const node = createPortalNode(attrs)\n document.body.appendChild(node)\n createdNode = node\n return node\n }\n return target\n }\n\n if (reuseTargetNode) {\n const existing = document.querySelector<HTMLElement>('[data-cck-shared-portal]')\n if (existing) {\n return existing\n }\n const node = createPortalNode(attrs)\n node.setAttribute('data-cck-shared-portal', 'true')\n document.body.appendChild(node)\n createdNode = node\n return node\n }\n\n const node = createPortalNode(attrs)\n document.body.appendChild(node)\n createdNode = node\n return node\n}\n\nonMounted(() => {\n container.value = getTargetNode()\n})\n\nonBeforeUnmount(() => {\n if (createdNode && !createdNode.hasAttribute('data-cck-shared-portal')) {\n if (createdNode.parentNode) {\n createdNode.parentNode.removeChild(createdNode)\n }\n }\n})\n\ndefineExpose({\n root: container,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe;GACnB,iBAAiB;GACjB,UAAU;EACZ;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,YAAY,IAAwB,IAAI;EAC9C,IAAI,cAAkC;EAEtC,SAAS,iBAAiB,WAA6C;GACrE,MAAM,OAAO,SAAS,cAAc,KAAK;GACzC,KAAK,aAAa,eAAe,MAAM;GAEvC,MAAM,YAAY,UAAU,SAAS,UAAU;GAC/C,IAAI,WACF,KAAK,UAAU,IAAI,GAAG,OAAO,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC;GAEpE,IAAI,UAAU,OACZ,OAAO,OAAO,KAAK,OAAO,UAAU,KAAK;GAE3C,IAAI,UAAU,IACZ,KAAK,aAAa,MAAM,UAAU,EAAE;GAEtC,OAAO,KAAK,SAAS,CAAC,CAAC,SAAS,QAAQ;IACtC,IAAI,CAAC;KAAC;KAAS;KAAa;KAAS;IAAI,CAAC,CAAC,SAAS,GAAG,GACrD,KAAK,aAAa,KAAK,UAAU,IAAI;GAEzC,CAAC;GAED,OAAO;EACT;EAEA,SAAS,gBAA6B;GACpC,MAAM,SAAS,MAAM,MAAM;GAC3B,MAAM,kBAAkB,MAAM,MAAM;GAEpC,IAAI,QAAQ;IACV,IAAI,OAAO,WAAW,UAAU;KAC9B,MAAM,QAAQ,SAAS,cAA2B,MAAM;KACxD,IAAI,OACF,OAAO;KAET,MAAM,OAAO,iBAAiB,KAAK;KACnC,SAAS,KAAK,YAAY,IAAI;KAC9B,cAAc;KACd,OAAO;IACT;IACA,OAAO;GACT;GAEA,IAAI,iBAAiB;IACnB,MAAM,WAAW,SAAS,cAA2B,0BAA0B;IAC/E,IAAI,UACF,OAAO;IAET,MAAM,OAAO,iBAAiB,KAAK;IACnC,KAAK,aAAa,0BAA0B,MAAM;IAClD,SAAS,KAAK,YAAY,IAAI;IAC9B,cAAc;IACd,OAAO;GACT;GAEA,MAAM,OAAO,iBAAiB,KAAK;GACnC,SAAS,KAAK,YAAY,IAAI;GAC9B,cAAc;GACd,OAAO;EACT;EAEA,gBAAgB;GACd,UAAU,QAAQ,cAAc;EAClC,CAAC;EAED,sBAAsB;GACpB,IAAI,eAAe,CAAC,YAAY,aAAa,wBAAwB;QAC/D,YAAY,YACd,YAAY,WAAW,YAAY,WAAW;GAAA;EAGpD,CAAC;EAED,SAAa,EACX,MAAM,UACR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;QA5GiB,OAAA,aAAS,CAAK,OAAA,MAAM,YAAA,UAAA,GAApC,YAEW,UAAA;;EAFoC,IAAI,OAAA;KACjD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAGR,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA"}
@@ -0,0 +1,16 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/core/utils/get-default-z-index/get-default-z-index.ts
3
+ const elevations = {
4
+ app: 100,
5
+ modal: 200,
6
+ popover: 300,
7
+ overlay: 400,
8
+ max: 9999
9
+ };
10
+ function getDefaultZIndex(level) {
11
+ return elevations[level];
12
+ }
13
+ //#endregion
14
+ export { getDefaultZIndex };
15
+
16
+ //# sourceMappingURL=get-default-z-index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-default-z-index.mjs","names":[],"sources":["../../../../src/core/utils/get-default-z-index/get-default-z-index.ts"],"sourcesContent":["const elevations = {\n app: 100,\n modal: 200,\n popover: 300,\n overlay: 400,\n max: 9999,\n} as const\n\nexport function getDefaultZIndex(level: keyof typeof elevations) {\n return elevations[level]\n}\n"],"mappings":";;AAAA,MAAM,aAAa;CACjB,KAAK;CACL,OAAO;CACP,SAAS;CACT,SAAS;CACT,KAAK;AACP;AAEA,SAAgB,iBAAiB,OAAgC;CAC/D,OAAO,WAAW;AACpB"}
package/esm/index.mjs CHANGED
@@ -5,6 +5,7 @@ import { getBaseValue } from "./core/utils/get-base-value/get-base-value.mjs";
5
5
  import { px } from "./core/utils/units-converters/px.mjs";
6
6
  import { em, rem } from "./core/utils/units-converters/rem.mjs";
7
7
  import { getBreakpointValue } from "./core/utils/get-breakpoint-value/get-breakpoint-value.mjs";
8
+ import { getDefaultZIndex } from "./core/utils/get-default-z-index/get-default-z-index.mjs";
8
9
  import { isNumberLike } from "./core/utils/is-number-like/is-number-like.mjs";
9
10
  import { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing } from "./core/utils/get-size/get-size.mjs";
10
11
  import { getSortedBreakpoints } from "./core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs";
@@ -56,6 +57,8 @@ import { transitions } from "./components/transition/transitions.mjs";
56
57
  import { getTransitionProps } from "./components/transition/get-transition-props/get-transition-props.mjs";
57
58
  import { CTransition } from "./components/transition/index.mjs";
58
59
  import { CActionIcon, CActionIconGroup, CActionIconGroupSection } from "./components/action-icon/index.mjs";
60
+ import { CPortal } from "./components/portal/index.mjs";
61
+ import { CAffix } from "./components/affix/index.mjs";
59
62
  import { CCloseButton } from "./components/close-button/index.mjs";
60
63
  import { CAlert } from "./components/alert/index.mjs";
61
64
  import { CText } from "./components/text/index.mjs";
@@ -76,7 +79,6 @@ import { CCol, CGrid } from "./components/grid/index.mjs";
76
79
  import { CGroup } from "./components/group/index.mjs";
77
80
  import { CImage } from "./components/image/index.mjs";
78
81
  import { CPaper } from "./components/paper/index.mjs";
79
- import { CPortal } from "./components/portal/index.mjs";
80
82
  import { CSemiCircleProgress } from "./components/semi-circle-progress/index.mjs";
81
83
  import { CSimpleGrid } from "./components/simple-grid/index.mjs";
82
84
  import { CSkeleton } from "./components/skeleton/index.mjs";
@@ -93,6 +95,7 @@ const components = [
93
95
  CActionIcon,
94
96
  CActionIconGroup,
95
97
  CActionIconGroupSection,
98
+ CAffix,
96
99
  CAlert,
97
100
  CAnchor,
98
101
  CAspectRatio,
@@ -142,6 +145,6 @@ const CckUI = { install(app) {
142
145
  });
143
146
  } };
144
147
  //#endregion
145
- export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAlert, CAnchor, CAspectRatio, CBox, CBreadcrumbs, CBurger, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CCopyButton, CDefaultLoaders, CDivider, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFileButton, CFlex, CFocusTrap, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CPortal, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CTypography, CVisuallyHidden, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
148
+ export { CActionIcon, CActionIconGroup, CActionIconGroupSection, CAffix, CAlert, CAnchor, CAspectRatio, CBox, CBreadcrumbs, CBurger, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCenter, CCloseButton, CCol, CContainer, CCopyButton, CDefaultLoaders, CDivider, CEmptyState, CEmptyStateActions, CEmptyStateDescription, CEmptyStateIndicator, CEmptyStateTitle, CFileButton, CFlex, CFocusTrap, CGrid, CGroup, CImage, CLoader, CONFIG_KEY, CPaper, CPortal, CSemiCircleProgress, CSimpleGrid, CSkeleton, CSpace, CSplitter, CSplitterPane, CStack, CText, CTransition, CTypography, CVisuallyHidden, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getDefaultZIndex, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
146
149
 
147
150
  //# sourceMappingURL=index.mjs.map
package/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAnchor,\n CAspectRatio,\n CBreadcrumbs,\n CBurger,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CDivider,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CFocusTrap,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CPortal,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAnchor,\n CAspectRatio,\n CBreadcrumbs,\n CBurger,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CDivider,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CFocusTrap,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CPortal,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAffix,\n CAlert,\n CAnchor,\n CAspectRatio,\n CBreadcrumbs,\n CBurger,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CDivider,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CFocusTrap,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CPortal,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAffix,\n CAlert,\n CAnchor,\n CAspectRatio,\n CBreadcrumbs,\n CBurger,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CDivider,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CFocusTrap,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CPortal,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\n CVisuallyHidden,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}