edvoyui-component-library-test-flight 0.0.61 → 0.0.62
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/library-vue-ts.cjs.js +18 -18
- package/dist/library-vue-ts.css +1 -1
- package/dist/library-vue-ts.es.js +7546 -7112
- package/dist/library-vue-ts.umd.js +19 -19
- package/dist/table/UCheckbox.vue.d.ts +5 -0
- package/dist/table/UCheckbox.vue.d.ts.map +1 -0
- package/dist/table/UTable.vue.d.ts +4 -0
- package/dist/table/UTable.vue.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/table/UTable.scss +73 -0
- package/src/components/table/UTable.vue +509 -470
- package/src/components/table/UTableview.vue +1 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/UCheckbox.vue?vue&type=script&lang.ts";
|
|
2
|
+
import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/UCheckbox.vue?vue&type=style&index=0&lang.scss";
|
|
3
|
+
declare const _default: any;
|
|
4
|
+
export default _default;
|
|
5
|
+
//# sourceMappingURL=UCheckbox.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UCheckbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/table/UCheckbox.vue"],"names":[],"mappings":"AACA,cAAc,4FAA4F,CAAC;AA6B3G,OAAO,qGAAqG,CAAC;;AAE7G,wBAAiF"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import _sfc_main from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/UTable.vue?vue&type=script&setup=true&lang.ts";
|
|
2
|
+
export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/UTable.vue?vue&type=script&setup=true&lang.ts";
|
|
3
|
+
export default _sfc_main;
|
|
4
|
+
//# sourceMappingURL=UTable.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UTable.vue.d.ts","sourceRoot":"","sources":["../../src/components/table/UTable.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oGAAoG,CAAC;AAC3H,cAAc,oGAAoG,CAAC;AACnH,eAAe,SAAS,CAAC"}
|
package/package.json
CHANGED
package/src/components/index.ts
CHANGED
|
@@ -31,6 +31,7 @@ export { default as EUIPagination } from "./table/EUIPagination.vue";
|
|
|
31
31
|
export { default as EUIPageLimit } from "./table/EUIPageLimit.vue";
|
|
32
32
|
export { default as EUITableCheckbox } from "./table/EUITableCheckbox.vue";
|
|
33
33
|
|
|
34
|
+
export { default as UTable } from "./table/UTable.vue";
|
|
34
35
|
export { default as EUITable } from "./table/EUITable.vue";
|
|
35
36
|
export { default as EUIStudentPagination } from "./table/EUIStudentPagination.vue";
|
|
36
37
|
export { default as EUIMultiDropdown } from "./dropdown/EUIMultiDropdown.vue";
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
.ui-table {
|
|
2
|
+
@apply bg-white bg-no-repeat;
|
|
3
|
+
background-image: linear-gradient(to right, white, white),
|
|
4
|
+
linear-gradient(to right, white, white),
|
|
5
|
+
linear-gradient(to right, rgba(223, 231, 242, 1), rgba(255, 255, 255, 0)),
|
|
6
|
+
linear-gradient(to left, rgba(223, 231, 242, 1), rgba(255, 255, 255, 0)),
|
|
7
|
+
linear-gradient(to top, white, rgba(255, 255, 255, 0)),
|
|
8
|
+
linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(223, 231, 242, 1));
|
|
9
|
+
background-position: left center, right center, left center, right center,
|
|
10
|
+
left bottom, left bottom;
|
|
11
|
+
background-size: 30px 100%, 30px 100%, 20px 100%, 20px 100%, 100% 100px,
|
|
12
|
+
100% 20px;
|
|
13
|
+
background-attachment: local, local, scroll, scroll, local, scroll;
|
|
14
|
+
|
|
15
|
+
.table {
|
|
16
|
+
@apply border-separate w-full border-0 border-spacing-0 border-gray-50 box-border;
|
|
17
|
+
border-spacing: 0;
|
|
18
|
+
thead {
|
|
19
|
+
@apply sticky top-0 left-0 z-20 before:-bottom-px before:left-0 before:absolute before:h-px before:w-full before:bg-gray-300 rounded-xl;
|
|
20
|
+
tr {
|
|
21
|
+
@apply flex flex-grow;
|
|
22
|
+
th {
|
|
23
|
+
@apply bg-gray-50 px-3 py-2 text-sm text-gray-600 text-left first-letter:uppercase border border-l-0 border-solid border-gray-200/50 cursor-auto whitespace-nowrap flex items-center last-of-type:rounded-tr-lg first-of-type:rounded-tl-lg first:border-l last:border-r font-medium snap-start snap-always h-12;
|
|
24
|
+
transition: all 0.15s ease-out;
|
|
25
|
+
&:first-of-type.checkable {
|
|
26
|
+
@apply min-h-11 flex items-center justify-center px-2 max-w-[45px] w-[45px] sticky left-0 top-0 z-20 bg-gray-100;
|
|
27
|
+
}
|
|
28
|
+
&:last-of-type {
|
|
29
|
+
max-width: unset !important;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
tbody {
|
|
35
|
+
tr:not(.norecords) {
|
|
36
|
+
@apply flex flex-grow transition-all duration-100 ease-in-out last:mb-px;
|
|
37
|
+
&:hover {
|
|
38
|
+
transition: all 0.15s ease-out;
|
|
39
|
+
@apply bg-purple-50;
|
|
40
|
+
td {
|
|
41
|
+
@apply border-purple-500 border-t first:rounded-l-sm last:rounded-r-sm border-r-gray-200 last:border-r-purple-500 transition-colors duration-100 ease-in font-medium text-gray-900 bg-purple-50;
|
|
42
|
+
&:first-of-type.checkable {
|
|
43
|
+
@apply bg-purple-50;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
td {
|
|
48
|
+
@apply relative text-sm text-gray-900 border-b border-solid break-words flex items-center border-0 first:border-l border-r border-gray-100 py-1.5 px-3 h-12;
|
|
49
|
+
&:first-of-type.checkable {
|
|
50
|
+
@apply w-[45px] text-center sticky left-0 top-0 z-[11] bg-white;
|
|
51
|
+
}
|
|
52
|
+
&:last-of-type {
|
|
53
|
+
max-width: unset !important;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.search-icon {
|
|
62
|
+
span {
|
|
63
|
+
&::after {
|
|
64
|
+
@apply absolute m-auto;
|
|
65
|
+
content: "";
|
|
66
|
+
width: 18px;
|
|
67
|
+
height: 18px;
|
|
68
|
+
top: 10px;
|
|
69
|
+
right: 14px;
|
|
70
|
+
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='18px' fill='%2393a3b8' viewBox='0 0 28.931 28.932' style='enable-background:new 0 0 28.931 28.932;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M28.344,25.518l-6.114-6.115c1.486-2.067,2.303-4.537,2.303-7.137c0-3.275-1.275-6.355-3.594-8.672 C18.625,1.278,15.543,0,12.266,0C8.99,0,5.909,1.275,3.593,3.594C1.277,5.909,0.001,8.99,0.001,12.266 c0,3.276,1.275,6.356,3.592,8.674c2.316,2.316,5.396,3.594,8.673,3.594c2.599,0,5.067-0.813,7.136-2.303l6.114,6.115 c0.392,0.391,0.902,0.586,1.414,0.586c0.513,0,1.024-0.195,1.414-0.586C29.125,27.564,29.125,26.299,28.344,25.518z M6.422,18.111 c-1.562-1.562-2.421-3.639-2.421-5.846S4.86,7.983,6.422,6.421c1.561-1.562,3.636-2.422,5.844-2.422s4.284,0.86,5.845,2.422 c1.562,1.562,2.422,3.638,2.422,5.845s-0.859,4.283-2.422,5.846c-1.562,1.562-3.636,2.42-5.845,2.42S7.981,19.672,6.422,18.111z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|