@youcan/celeste 0.6.56 → 0.6.57
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/celeste.css +146 -52
- package/dist/cjs/chunks/use-color-model.js +3 -0
- package/dist/cjs/table-body.js +23 -0
- package/dist/cjs/table-caption.js +23 -0
- package/dist/cjs/table-cell.js +25 -0
- package/dist/cjs/table-empty.js +43 -0
- package/dist/cjs/table-footer.js +23 -0
- package/dist/cjs/table-head.js +24 -0
- package/dist/cjs/table-header.js +20 -0
- package/dist/cjs/table-row.js +31 -0
- package/dist/cjs/table.js +26 -0
- package/dist/components/table/index.d.ts +18 -0
- package/dist/components/table/table-body.d.ts +13 -0
- package/dist/components/table/table-caption.d.ts +13 -0
- package/dist/components/table/table-cell.d.ts +16 -0
- package/dist/components/table/table-empty.d.ts +16 -0
- package/dist/components/table/table-footer.d.ts +13 -0
- package/dist/components/table/table-head.d.ts +16 -0
- package/dist/components/table/table-header.d.ts +13 -0
- package/dist/components/table/table-row.d.ts +16 -0
- package/dist/components/table/table.d.ts +13 -0
- package/dist/es/checkbox-card.js +1 -1
- package/dist/es/checkbox-label.js +1 -1
- package/dist/es/chunks/index.js +56 -56
- package/dist/es/chunks/modal-close.js +1 -1
- package/dist/es/chunks/select-group.js +1 -1
- package/dist/es/chunks/use-color-model.js +3 -0
- package/dist/es/combobox-group.js +1 -1
- package/dist/es/combobox-input.js +1 -1
- package/dist/es/combobox-item.js +1 -1
- package/dist/es/combobox-list.js +1 -1
- package/dist/es/combobox-root.js +1 -1
- package/dist/es/combobox-separator.js +1 -1
- package/dist/es/combobox-trigger.js +1 -1
- package/dist/es/command-group.js +1 -1
- package/dist/es/command-input.js +1 -1
- package/dist/es/command-item.js +1 -1
- package/dist/es/command-list.js +1 -1
- package/dist/es/command-root.js +1 -1
- package/dist/es/command-separator.js +1 -1
- package/dist/es/digit-input-slot.js +1 -1
- package/dist/es/digit-input.js +1 -1
- package/dist/es/dropdown-menu-content.js +1 -1
- package/dist/es/dropdown-menu-group.js +1 -1
- package/dist/es/dropdown-menu-item.js +1 -1
- package/dist/es/dropdown-menu-label.js +1 -1
- package/dist/es/dropdown-menu-separator.js +1 -1
- package/dist/es/dropdown-menu-sub-content.js +1 -1
- package/dist/es/dropdown-menu-sub-trigger.js +1 -1
- package/dist/es/dropdown-menu-trigger.js +1 -1
- package/dist/es/dropdown-menu.js +1 -1
- package/dist/es/label.js +1 -1
- package/dist/es/modal-content.js +1 -1
- package/dist/es/modal-header.js +1 -1
- package/dist/es/popover-content.js +1 -1
- package/dist/es/popover-trigger.js +1 -1
- package/dist/es/progress-bar.js +1 -1
- package/dist/es/progress-circle.js +1 -1
- package/dist/es/radio-group-card.js +1 -1
- package/dist/es/radio-group-label.js +1 -1
- package/dist/es/scroll-bar.js +1 -1
- package/dist/es/segmented-control-item.js +1 -1
- package/dist/es/segmented-control.js +1 -1
- package/dist/es/select-content.js +1 -1
- package/dist/es/select-item.js +1 -1
- package/dist/es/select-trigger.js +1 -1
- package/dist/es/select-value.js +1 -1
- package/dist/es/table-body.js +24 -0
- package/dist/es/table-caption.js +24 -0
- package/dist/es/table-cell.js +26 -0
- package/dist/es/table-empty.js +44 -0
- package/dist/es/table-footer.js +24 -0
- package/dist/es/table-head.js +25 -0
- package/dist/es/table-header.js +21 -0
- package/dist/es/table-row.js +32 -0
- package/dist/es/table.js +27 -0
- package/dist/es/tooltip.js +1 -1
- package/package.json +4 -3
- package/src/components/color-picker/composable/use-color-model.ts +4 -0
- package/src/components/table/index.ts +26 -0
- package/src/components/table/stories/table.stories.ts +138 -0
- package/src/components/table/table-body.vue +24 -0
- package/src/components/table/table-caption.vue +26 -0
- package/src/components/table/table-cell.vue +49 -0
- package/src/components/table/table-empty.vue +43 -0
- package/src/components/table/table-footer.vue +24 -0
- package/src/components/table/table-head.vue +47 -0
- package/src/components/table/table-header.vue +18 -0
- package/src/components/table/table-row.vue +52 -0
- package/src/components/table/table.vue +36 -0
package/dist/celeste.css
CHANGED
|
@@ -441,16 +441,56 @@ to {
|
|
|
441
441
|
.celeste-checkbox:disabled::before {
|
|
442
442
|
background-color: var(--color-bg-soft-200);
|
|
443
443
|
box-shadow: none;
|
|
444
|
-
}
|
|
444
|
+
}
|
|
445
|
+
.celeste-table-wrapper[data-v-8ed967fe] {
|
|
446
|
+
position: relative;
|
|
447
|
+
width: 100%;
|
|
448
|
+
overflow: auto;
|
|
449
|
+
}
|
|
450
|
+
.celeste-table-wrapper .celeste-table[data-v-8ed967fe] {
|
|
451
|
+
width: 100%;
|
|
452
|
+
caption-side: bottom;
|
|
453
|
+
border-spacing: var(--spacing-0) var(--spacing-4);
|
|
454
|
+
border-collapse: separate;
|
|
455
|
+
font: var(--paragraph-sm);
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.celeste-table-head[data-v-76a52252] {
|
|
459
|
+
padding: var(--spacing-8) var(--spacing-12);
|
|
460
|
+
background: var(--color-bg-weak-50);
|
|
461
|
+
color: var(--color-text-sub-600);
|
|
462
|
+
font: var(--paragraph-sm);
|
|
463
|
+
}
|
|
464
|
+
.celeste-table-head-align-end[data-v-76a52252] {
|
|
465
|
+
text-align: end;
|
|
466
|
+
}
|
|
467
|
+
.celeste-table-head[data-v-76a52252]:first-child {
|
|
468
|
+
border-start-start-radius: var(--radius-8);
|
|
469
|
+
border-end-start-radius: var(--radius-8);
|
|
470
|
+
}
|
|
471
|
+
.celeste-table-head[data-v-76a52252]:last-child {
|
|
472
|
+
border-start-end-radius: var(--radius-8);
|
|
473
|
+
border-end-end-radius: var(--radius-8);
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
.celeste-table-footer[data-v-50b76b8f] {
|
|
477
|
+
background-color: var(--color-bg-weak-50);
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.celeste-table-caption[data-v-13a21605] {
|
|
481
|
+
padding-block: var(--spacing-16);
|
|
482
|
+
color: var(--color-text-soft-400);
|
|
483
|
+
font: var(--paragraph-sm);
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
.celeste-table-body[data-v-b9eb0cd1] {
|
|
487
|
+
font: var(--paragraph-sm);
|
|
488
|
+
}
|
|
489
|
+
.celeste-select-separator[data-v-662be0e8] {
|
|
445
490
|
width: 100%;
|
|
446
491
|
height: 1px;
|
|
447
492
|
margin-block: calc(var(--spacing-6) * 0.5);
|
|
448
493
|
background-color: var(--color-stroke-soft-200);
|
|
449
|
-
}.celeste-select-label[data-v-4c4234e0] {
|
|
450
|
-
padding: var(--spacing-4) var(--spacing-8);
|
|
451
|
-
color: var(--color-text-soft-400);
|
|
452
|
-
font: var(--subheading-xs);
|
|
453
|
-
text-transform: uppercase;
|
|
454
494
|
}@property --celeste-fbutton-bg-start {
|
|
455
495
|
syntax: "<color>";
|
|
456
496
|
initial-value: rgba(0, 0, 0, 0);
|
|
@@ -720,6 +760,11 @@ to {
|
|
|
720
760
|
.celeste-select-icon[data-v-5c4a7fcf] > :where(i, svg, img) {
|
|
721
761
|
width: 100%;
|
|
722
762
|
height: 100%;
|
|
763
|
+
}.celeste-select-label[data-v-4c4234e0] {
|
|
764
|
+
padding: var(--spacing-4) var(--spacing-8);
|
|
765
|
+
color: var(--color-text-soft-400);
|
|
766
|
+
font: var(--subheading-xs);
|
|
767
|
+
text-transform: uppercase;
|
|
723
768
|
}.celeste-text-input-affix[data-v-2d8a1dbc] {
|
|
724
769
|
display: flex;
|
|
725
770
|
align-items: center;
|
|
@@ -899,6 +944,55 @@ to {
|
|
|
899
944
|
background-color: var(--color-bg-weak-50);
|
|
900
945
|
color: var(--color-text-disabled-300);
|
|
901
946
|
}
|
|
947
|
+
.celeste-table-cell[data-v-5f65ee4a] {
|
|
948
|
+
padding: var(--spacing-12) var(--spacing-12);
|
|
949
|
+
transition: background-color var(--animation-fast) ease;
|
|
950
|
+
background-color: var(--color-bg-white-0);
|
|
951
|
+
}
|
|
952
|
+
.celeste-table-cell[data-v-5f65ee4a]:first-child {
|
|
953
|
+
position: relative;
|
|
954
|
+
border-start-start-radius: var(--radius-12);
|
|
955
|
+
border-end-start-radius: var(--radius-12);
|
|
956
|
+
}
|
|
957
|
+
.celeste-table-cell[data-v-5f65ee4a]:last-child {
|
|
958
|
+
border-start-end-radius: var(--radius-12);
|
|
959
|
+
border-end-end-radius: var(--radius-12);
|
|
960
|
+
}
|
|
961
|
+
.celeste-table-cell-align-end[data-v-5f65ee4a] {
|
|
962
|
+
text-align: end;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.celeste-table-row[data-v-5a7011d2] {
|
|
966
|
+
transition:
|
|
967
|
+
color,
|
|
968
|
+
background-color var(--animation-fast) ease;
|
|
969
|
+
}
|
|
970
|
+
.celeste-table-row-divider[data-v-5a7011d2] {
|
|
971
|
+
height: 0;
|
|
972
|
+
}
|
|
973
|
+
.celeste-table-row-divider td[data-v-5a7011d2] {
|
|
974
|
+
height: 0;
|
|
975
|
+
padding: var(--spacing-0);
|
|
976
|
+
border-bottom: 1px solid var(--color-stroke-soft-200);
|
|
977
|
+
line-height: 0;
|
|
978
|
+
}
|
|
979
|
+
.celeste-table-row-divider[data-v-5a7011d2]:last-child {
|
|
980
|
+
display: none;
|
|
981
|
+
}
|
|
982
|
+
.celeste-table-row-hoverable[data-v-5a7011d2]:hover .celeste-table-cell {
|
|
983
|
+
background-color: var(--color-bg-weak-50);
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.celeste-table-empty[data-v-1c0042ab] {
|
|
987
|
+
align-self: middle;
|
|
988
|
+
white-space: nowrap;
|
|
989
|
+
}
|
|
990
|
+
.celeste-table-empty-content[data-v-1c0042ab] {
|
|
991
|
+
display: flex;
|
|
992
|
+
place-items: center;
|
|
993
|
+
justify-content: center;
|
|
994
|
+
}
|
|
995
|
+
|
|
902
996
|
.celeste-tab-menu-root[data-v-b5afb6cc] {
|
|
903
997
|
display: flex;
|
|
904
998
|
}
|
|
@@ -1407,51 +1501,6 @@ to {
|
|
|
1407
1501
|
min-width: calc(100vw - 32px);
|
|
1408
1502
|
}
|
|
1409
1503
|
}
|
|
1410
|
-
|
|
1411
|
-
.celeste-segmented-control[data-v-8bb8e7a4] {
|
|
1412
|
-
display: flex;
|
|
1413
|
-
gap: var(--spacing-4);
|
|
1414
|
-
align-items: center;
|
|
1415
|
-
width: 100%;
|
|
1416
|
-
padding: var(--spacing-4);
|
|
1417
|
-
border-radius: var(--radius-10);
|
|
1418
|
-
background-color: var(--color-bg-weak-50);
|
|
1419
|
-
}
|
|
1420
|
-
.celeste-segmented-control[data-orientation='vertical'][data-v-8bb8e7a4] {
|
|
1421
|
-
flex-direction: column;
|
|
1422
|
-
}
|
|
1423
|
-
|
|
1424
|
-
.celeste-segmented-control-item[data-v-4fd077ad] {
|
|
1425
|
-
display: flex;
|
|
1426
|
-
align-items: center;
|
|
1427
|
-
gap: var(--spacing-6);
|
|
1428
|
-
justify-content: center;
|
|
1429
|
-
width: 100%;
|
|
1430
|
-
padding: var(--spacing-4);
|
|
1431
|
-
transition: all var(--animation-fast) ease-out;
|
|
1432
|
-
border: none;
|
|
1433
|
-
border-radius: var(--radius-6);
|
|
1434
|
-
background-color: transparent;
|
|
1435
|
-
color: var(--color-text-soft-400);
|
|
1436
|
-
font: var(--label-sm);
|
|
1437
|
-
cursor: pointer;
|
|
1438
|
-
}
|
|
1439
|
-
.celeste-segmented-control-item[data-state='on'][data-v-4fd077ad] {
|
|
1440
|
-
background-color: var(--color-bg-white-0);
|
|
1441
|
-
box-shadow: var(--shadow-toggle-switch);
|
|
1442
|
-
color: var(--color-text-strong-950);
|
|
1443
|
-
pointer-events: none;
|
|
1444
|
-
}
|
|
1445
|
-
.celeste-segmented-control-item[data-state='off'][data-v-4fd077ad]:hover {
|
|
1446
|
-
color: var(--color-text-sub-600);
|
|
1447
|
-
}
|
|
1448
|
-
.celeste-segmented-control-item[data-v-4fd077ad]:disabled {
|
|
1449
|
-
color: var(--color-text-disabled-300);
|
|
1450
|
-
pointer-events: none;
|
|
1451
|
-
-webkit-user-select: none;
|
|
1452
|
-
-moz-user-select: none;
|
|
1453
|
-
user-select: none;
|
|
1454
|
-
}
|
|
1455
1504
|
.celeste-badge[data-v-f6cc59c9] {
|
|
1456
1505
|
display: inline-flex;
|
|
1457
1506
|
box-sizing: border-box;
|
|
@@ -4015,7 +4064,52 @@ to {
|
|
|
4015
4064
|
}
|
|
4016
4065
|
.celeste-radio-label-link-button[data-v-32cb773e] {
|
|
4017
4066
|
margin-top: var(--spacing-10);
|
|
4018
|
-
}
|
|
4067
|
+
}
|
|
4068
|
+
.celeste-segmented-control-item[data-v-4fd077ad] {
|
|
4069
|
+
display: flex;
|
|
4070
|
+
align-items: center;
|
|
4071
|
+
gap: var(--spacing-6);
|
|
4072
|
+
justify-content: center;
|
|
4073
|
+
width: 100%;
|
|
4074
|
+
padding: var(--spacing-4);
|
|
4075
|
+
transition: all var(--animation-fast) ease-out;
|
|
4076
|
+
border: none;
|
|
4077
|
+
border-radius: var(--radius-6);
|
|
4078
|
+
background-color: transparent;
|
|
4079
|
+
color: var(--color-text-soft-400);
|
|
4080
|
+
font: var(--label-sm);
|
|
4081
|
+
cursor: pointer;
|
|
4082
|
+
}
|
|
4083
|
+
.celeste-segmented-control-item[data-state='on'][data-v-4fd077ad] {
|
|
4084
|
+
background-color: var(--color-bg-white-0);
|
|
4085
|
+
box-shadow: var(--shadow-toggle-switch);
|
|
4086
|
+
color: var(--color-text-strong-950);
|
|
4087
|
+
pointer-events: none;
|
|
4088
|
+
}
|
|
4089
|
+
.celeste-segmented-control-item[data-state='off'][data-v-4fd077ad]:hover {
|
|
4090
|
+
color: var(--color-text-sub-600);
|
|
4091
|
+
}
|
|
4092
|
+
.celeste-segmented-control-item[data-v-4fd077ad]:disabled {
|
|
4093
|
+
color: var(--color-text-disabled-300);
|
|
4094
|
+
pointer-events: none;
|
|
4095
|
+
-webkit-user-select: none;
|
|
4096
|
+
-moz-user-select: none;
|
|
4097
|
+
user-select: none;
|
|
4098
|
+
}
|
|
4099
|
+
|
|
4100
|
+
.celeste-segmented-control[data-v-8bb8e7a4] {
|
|
4101
|
+
display: flex;
|
|
4102
|
+
gap: var(--spacing-4);
|
|
4103
|
+
align-items: center;
|
|
4104
|
+
width: 100%;
|
|
4105
|
+
padding: var(--spacing-4);
|
|
4106
|
+
border-radius: var(--radius-10);
|
|
4107
|
+
background-color: var(--color-bg-weak-50);
|
|
4108
|
+
}
|
|
4109
|
+
.celeste-segmented-control[data-orientation='vertical'][data-v-8bb8e7a4] {
|
|
4110
|
+
flex-direction: column;
|
|
4111
|
+
}
|
|
4112
|
+
.show-more-wrapper[data-v-49d51443] .i-celeste-arrow-down-s-line {
|
|
4019
4113
|
display: none;
|
|
4020
4114
|
}
|
|
4021
4115
|
.celeste-select-item[data-state=checked][data-v-49d51443] .i-celeste-check-line {
|
|
@@ -985,6 +985,9 @@ function defineColorModel(props, emit) {
|
|
|
985
985
|
return tinyColorRef;
|
|
986
986
|
}
|
|
987
987
|
function transformToOriginalInputFormat(color, originalFormat) {
|
|
988
|
+
if (originalFormat === "hex" && color.getAlpha() < 1) {
|
|
989
|
+
return color.toString("hex8");
|
|
990
|
+
}
|
|
988
991
|
return color.toString(originalFormat);
|
|
989
992
|
}
|
|
990
993
|
exports.ColorPickerEmits = ColorPickerEmits;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
7
|
+
__name: "table-body",
|
|
8
|
+
props: {
|
|
9
|
+
class: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createElementBlock("tbody", {
|
|
15
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-body", props.class))
|
|
16
|
+
}, [
|
|
17
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
18
|
+
], 2);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const tableBody = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b9eb0cd1"]]);
|
|
23
|
+
module.exports = tableBody;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
7
|
+
__name: "table-caption",
|
|
8
|
+
props: {
|
|
9
|
+
class: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createElementBlock("caption", {
|
|
15
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-caption", props.class))
|
|
16
|
+
}, [
|
|
17
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
18
|
+
], 2);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const tableCaption = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-13a21605"]]);
|
|
23
|
+
module.exports = tableCaption;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "table-cell",
|
|
7
|
+
props: {
|
|
8
|
+
class: {},
|
|
9
|
+
end: { type: Boolean, default: false }
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createElementBlock("td", {
|
|
15
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-cell", props.class, {
|
|
16
|
+
"celeste-table-cell-align-end": props.end
|
|
17
|
+
}))
|
|
18
|
+
}, [
|
|
19
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
20
|
+
], 2);
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
const TableCell = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5f65ee4a"]]);
|
|
25
|
+
module.exports = TableCell;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
;/* empty css */
|
|
6
|
+
const tableCell = require("./table-cell.js");
|
|
7
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
8
|
+
;/* empty css */
|
|
9
|
+
;/* empty css */
|
|
10
|
+
const tableRow = require("./table-row.js");
|
|
11
|
+
;/* empty css */
|
|
12
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
13
|
+
const _hoisted_1 = { class: "celeste-table-empty-content" };
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
15
|
+
__name: "table-empty",
|
|
16
|
+
props: {
|
|
17
|
+
colspan: { default: 1 },
|
|
18
|
+
class: {}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const delegated = useDelegatedProps.useDelegatedProps(props, "class");
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(tableRow), null, {
|
|
25
|
+
default: Mo.withCtx(() => [
|
|
26
|
+
Mo.createVNode(Mo.unref(tableCell), Mo.mergeProps(Mo.unref(delegated), {
|
|
27
|
+
class: Mo.unref(clsx.clsx)("celeste-table-empty", props.class)
|
|
28
|
+
}), {
|
|
29
|
+
default: Mo.withCtx(() => [
|
|
30
|
+
Mo.createElementVNode("div", _hoisted_1, [
|
|
31
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
32
|
+
])
|
|
33
|
+
]),
|
|
34
|
+
_: 3
|
|
35
|
+
}, 16, ["class"])
|
|
36
|
+
]),
|
|
37
|
+
_: 3
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const tableEmpty = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-1c0042ab"]]);
|
|
43
|
+
module.exports = tableEmpty;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
7
|
+
__name: "table-footer",
|
|
8
|
+
props: {
|
|
9
|
+
class: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createElementBlock("tfoot", {
|
|
15
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-footer", props.class))
|
|
16
|
+
}, [
|
|
17
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
18
|
+
], 2);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const tableFooter = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-50b76b8f"]]);
|
|
23
|
+
module.exports = tableFooter;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
7
|
+
__name: "table-head",
|
|
8
|
+
props: {
|
|
9
|
+
class: {},
|
|
10
|
+
end: { type: Boolean, default: false }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return Mo.openBlock(), Mo.createElementBlock("th", {
|
|
16
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-head", props.class, { "celeste-table-head-align-end": props.end }))
|
|
17
|
+
}, [
|
|
18
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
19
|
+
], 2);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const tableHead = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-76a52252"]]);
|
|
24
|
+
module.exports = tableHead;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
5
|
+
__name: "table-header",
|
|
6
|
+
props: {
|
|
7
|
+
class: {}
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const props = __props;
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return Mo.openBlock(), Mo.createElementBlock("thead", {
|
|
13
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-header", props.class))
|
|
14
|
+
}, [
|
|
15
|
+
Mo.renderSlot(_ctx.$slots, "default")
|
|
16
|
+
], 2);
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
module.exports = _sfc_main;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "table-row",
|
|
7
|
+
props: {
|
|
8
|
+
class: {},
|
|
9
|
+
hoverable: { type: Boolean, default: true }
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, null, [
|
|
15
|
+
Mo.createElementVNode("tr", {
|
|
16
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table-row", props.class, { "celeste-table-row-hoverable": props.hoverable }))
|
|
17
|
+
}, [
|
|
18
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
19
|
+
], 2),
|
|
20
|
+
_cache[0] || (_cache[0] = Mo.createElementVNode("tr", {
|
|
21
|
+
"aria-hidden": "true",
|
|
22
|
+
class: "celeste-table-row-divider"
|
|
23
|
+
}, [
|
|
24
|
+
Mo.createElementVNode("td", { colspan: "100" })
|
|
25
|
+
], -1))
|
|
26
|
+
], 64);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
const TableRow = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5a7011d2"]]);
|
|
31
|
+
module.exports = TableRow;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
;/* empty css */
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _hoisted_1 = { class: "celeste-table-wrapper" };
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "table",
|
|
9
|
+
props: {
|
|
10
|
+
class: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
|
|
16
|
+
Mo.createElementVNode("table", {
|
|
17
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-table", props.class))
|
|
18
|
+
}, [
|
|
19
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
20
|
+
], 2)
|
|
21
|
+
]);
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
const table = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8ed967fe"]]);
|
|
26
|
+
module.exports = table;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export * from './table-body';
|
|
2
|
+
export { default as TableBody } from './table-body';
|
|
3
|
+
export * from './table-caption';
|
|
4
|
+
export { default as TableCaption } from './table-caption';
|
|
5
|
+
export * from './table-cell';
|
|
6
|
+
export { default as TableCell } from './table-cell';
|
|
7
|
+
export * from './table-empty';
|
|
8
|
+
export { default as TableEmpty } from './table-empty';
|
|
9
|
+
export * from './table-footer';
|
|
10
|
+
export { default as TableFooter } from './table-footer';
|
|
11
|
+
export * from './table-head';
|
|
12
|
+
export { default as TableHead } from './table-head';
|
|
13
|
+
export * from './table-header';
|
|
14
|
+
export { default as TableHeader } from './table-header';
|
|
15
|
+
export * from './table-row';
|
|
16
|
+
export { default as TableRow } from './table-row';
|
|
17
|
+
export * from './table';
|
|
18
|
+
export { default as Table } from './table';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableBodyProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableBodyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableSectionElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableCaptionProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableCaptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCaptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCaptionElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableCellProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
end?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCellProps> & Readonly<{}>, {
|
|
7
|
+
end: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCellElement>, {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
}>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableEmptyProps {
|
|
3
|
+
colspan?: number;
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableEmptyProps> & Readonly<{}>, {
|
|
7
|
+
colspan: number;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
}>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableFooterProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableSectionElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableHeadProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
end?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableHeadProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeadProps> & Readonly<{}>, {
|
|
7
|
+
end: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCellElement>, {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
}>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableHeaderProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableSectionElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableRowProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
hoverable?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableRowProps> & Readonly<{}>, {
|
|
7
|
+
hoverable: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
}>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface TableProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
}
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
package/dist/es/checkbox-card.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, normalizeClass, Fragment, createElementVNode, renderSlot, createCommentVNode, createVNode } from "vue";
|
|
2
2
|
import { useDelegatedProps } from "./use-delegated-props.js";
|
|
3
3
|
import { c as clsx } from "./chunks/clsx.js";
|
|
4
|
-
import {
|
|
4
|
+
import { P as Oh, l as O } from "./chunks/index.js";
|
|
5
5
|
import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
|
|
6
6
|
const _hoisted_1 = { class: "celeste-checkbox-card-content" };
|
|
7
7
|
const _hoisted_2 = { role: "presentation" };
|