@gx-design-vue/pro-table 0.0.1

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 (52) hide show
  1. package/README.md +1 -0
  2. package/dist/ProTable.d.ts +704 -0
  3. package/dist/_utils/ant-design-vue/index.d.ts +5 -0
  4. package/dist/_utils/ant-design-vue/pagination/typings.d.ts +1 -0
  5. package/dist/_utils/ant-design-vue/table/props.d.ts +191 -0
  6. package/dist/_utils/ant-design-vue/table/typings.d.ts +11 -0
  7. package/dist/_utils/gx-design-vue/extract-public-props.d.ts +7 -0
  8. package/dist/_utils/gx-design-vue/index.d.ts +2 -0
  9. package/dist/_utils/gx-design-vue/typings.d.ts +1 -0
  10. package/dist/_utils/hooks/useRefFunction/index.d.ts +1 -0
  11. package/dist/_utils/index.d.ts +15 -0
  12. package/dist/_utils/typings.d.ts +40 -0
  13. package/dist/components/ColumnSetting/index.d.ts +10 -0
  14. package/dist/components/ColumnSetting/style.less +95 -0
  15. package/dist/components/Form/index.d.ts +35 -0
  16. package/dist/components/Form/style.less +42 -0
  17. package/dist/components/Form/useForm.d.ts +6 -0
  18. package/dist/components/ListToolBar/index.d.ts +61 -0
  19. package/dist/components/ListToolBar/style.less +62 -0
  20. package/dist/components/ToolBar/DensityIcon.d.ts +3 -0
  21. package/dist/components/ToolBar/FullscreenIcon.d.ts +3 -0
  22. package/dist/components/ToolBar/index.d.ts +16 -0
  23. package/dist/components/ToolBar/style.less +40 -0
  24. package/dist/context/TableContext.d.ts +25 -0
  25. package/dist/design/config.less +7 -0
  26. package/dist/hooks/core/index.d.ts +3 -0
  27. package/dist/hooks/core/useMemo.d.ts +10 -0
  28. package/dist/hooks/core/useTimeout.d.ts +11 -0
  29. package/dist/hooks/useColumnSetting.d.ts +30 -0
  30. package/dist/hooks/useColums.d.ts +24 -0
  31. package/dist/hooks/useDebounceFn.d.ts +10 -0
  32. package/dist/hooks/useFetchData.d.ts +37 -0
  33. package/dist/hooks/useLoading.d.ts +17 -0
  34. package/dist/hooks/usePagination.d.ts +11 -0
  35. package/dist/hooks/useRowSelection.d.ts +9 -0
  36. package/dist/hooks/useTableForm.d.ts +15 -0
  37. package/dist/hooks/useTableScroll.d.ts +27 -0
  38. package/dist/hooks/useTableSize.d.ts +9 -0
  39. package/dist/index.d.ts +6 -0
  40. package/dist/pro-table.mjs +2095 -0
  41. package/dist/pro-table.umd.js +1 -0
  42. package/dist/props.d.ts +433 -0
  43. package/dist/style/index.less +168 -0
  44. package/dist/style/table.less +42 -0
  45. package/dist/style.css +1 -0
  46. package/dist/style.less +5 -0
  47. package/dist/types/column.d.ts +147 -0
  48. package/dist/types/table.d.ts +78 -0
  49. package/dist/typings/components.d.ts +6 -0
  50. package/dist/utils/index.d.ts +86 -0
  51. package/dist/utils/validate.d.ts +25 -0
  52. package/package.json +74 -0
package/dist/style/index.less ADDED
@@ -0,0 +1,168 @@
1
+ @import '../design/config.less';
2
+
3
+ @import './table.less';
4
+
5
+ @pro-table: ~'@{gx-prefix-pro}-table';
6
+ @pro-table-vl: ~'@{gx-prefix-pro}-table-vl';
7
+
8
+
9
+ .@{pro-table} {
10
+ background-color: #ffffff;
11
+
12
+ &-empty {
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ flex-direction: column;
17
+ gap: 10px;
18
+ }
19
+
20
+ &-table-tree {
21
+ .ant-table-row-cell-ellipsis,
22
+ .ant-table-row-cell-ellipsis .ant-table-column-title {
23
+ overflow: hidden;
24
+ text-overflow: ellipsis;
25
+ white-space: nowrap;
26
+ }
27
+ }
28
+
29
+ &-full-screen {
30
+ .@{pro-table}-content {
31
+ height: 100% !important;
32
+ padding: 24px;
33
+ box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030 !important;
34
+ }
35
+ }
36
+
37
+ &-no-scroll {
38
+ .ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th,
39
+ .ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td {
40
+ &:last-child {
41
+ border-right: 0;
42
+ }
43
+ }
44
+
45
+ .ant-table table {
46
+ width: 100% !important;
47
+ min-width: unset;
48
+ table-layout: unset;
49
+ }
50
+
51
+ .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
52
+ box-shadow: none;
53
+ }
54
+ }
55
+
56
+ .@{pro-table} {
57
+ &-copyable {
58
+ display: flex;
59
+ align-items: center;
60
+
61
+ .@{pro-table}-copyable-icon {
62
+ margin-left: 8px;
63
+ color: var(--ant-primary-color);
64
+ cursor: pointer;
65
+ }
66
+ }
67
+
68
+ &-ellipsis {
69
+ overflow: hidden;
70
+ text-overflow: ellipsis;
71
+ word-break: break-word;
72
+ white-space: nowrap;
73
+ }
74
+
75
+ &-action-size {
76
+ display: inline-block;
77
+ }
78
+
79
+ &-action-columns {
80
+ display: inline-block;
81
+
82
+ .ant-popover-inner-content {
83
+ padding: 8px 0 8px 16px;
84
+ }
85
+
86
+ .ant-tree .ant-tree-switcher-noop {
87
+ display: none;
88
+ }
89
+
90
+ .ant-tree .ant-tree-treenode {
91
+ align-items: center;
92
+ width: 100%;
93
+
94
+ &:hover {
95
+ background-color: #e6f7ff;
96
+
97
+ .@{pro-table}-action-columns-list-item-actions {
98
+ display: block;
99
+ }
100
+ }
101
+ }
102
+
103
+ .ant-tree > .ant-tree-treenode:first-child {
104
+ padding-top: 0;
105
+ }
106
+
107
+ .ant-tree > .ant-tree-treenode:last-child {
108
+ padding-bottom: 4px;
109
+ }
110
+
111
+ .ant-tree .ant-tree-node-content-wrapper {
112
+ flex: 1;
113
+ }
114
+
115
+ .ant-tree .ant-tree-node-content-wrapper:hover {
116
+ background-color: transparent;
117
+ }
118
+
119
+ &-popover-title {
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: space-between;
123
+
124
+ &-check {
125
+ margin-right: 8px;
126
+ }
127
+
128
+ .ant-btn-sm {
129
+ padding: 0;
130
+ }
131
+ }
132
+
133
+ &-list-group {
134
+ margin-top: 6px;
135
+ margin-bottom: 6px;
136
+ font-size: 12px;
137
+ color: rgba(0, 0, 0, 0.45);
138
+ }
139
+
140
+ &-list-item {
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: space-between;
144
+
145
+ &-actions {
146
+ display: block;
147
+ float: right;
148
+ cursor: pointer;
149
+
150
+ > span + span {
151
+ margin-left: 8px;
152
+ }
153
+
154
+ &-disabled {
155
+ .anticon {
156
+ color: rgba(0, 0, 0, 0.25);
157
+ }
158
+ }
159
+
160
+ .anticon {
161
+ color: var(--ant-primary-color);
162
+ }
163
+ }
164
+ }
165
+ }
166
+ }
167
+ }
168
+
package/dist/style/table.less ADDED
@@ -0,0 +1,42 @@
1
+ @import 'ant-design-vue/es/tree/style/index.less';
2
+ @import 'ant-design-vue/es/checkbox/style/index.less';
3
+ @import 'ant-design-vue/es/grid/style/index.less';
4
+ @import 'ant-design-vue/es/pagination/style/index.less';
5
+ @import 'ant-design-vue/es/spin/style/index.less';
6
+ @import 'ant-design-vue/es/space/style/index.less';
7
+ @import 'ant-design-vue/es/table/style/index.less';
8
+
9
+ .ant-table-content,
10
+ .ant-table-body {
11
+ &::-webkit-scrollbar {
12
+ width: 4px;
13
+ height: 4px;
14
+ }
15
+
16
+ &::-webkit-scrollbar-thumb {
17
+ background-color: #d2d4d6;
18
+ border-radius: 2px;
19
+ }
20
+
21
+ &::-webkit-scrollbar-track {
22
+ background-color: transparent;
23
+ border-radius: 2px;
24
+ }
25
+ }
26
+
27
+ .ant-table-empty .ant-table-content {
28
+ &::-webkit-scrollbar {
29
+ width: 4px;
30
+ height: 4px;
31
+ }
32
+
33
+ &::-webkit-scrollbar-thumb {
34
+ background-color: #d2d4d6;
35
+ border-radius: 2px;
36
+ }
37
+
38
+ &::-webkit-scrollbar-track {
39
+ background-color: transparent;
40
+ border-radius: 2px;
41
+ }
42
+ }