@jetlinks-web/components 3.0.1-rc → 3.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 (286) hide show
  1. package/es/AutoComplete/AutoComplete.js +13 -9
  2. package/es/BadgeStatus/Badge.js +1 -2
  3. package/es/BadgeStatus/color.js +3 -3
  4. package/es/CardSelect/CardSelect.js +23 -13
  5. package/es/CardSelect/style/index.js +25 -1
  6. package/es/CheckButton/CheckButton.js +12 -4
  7. package/es/CheckButton/style/index.js +41 -1
  8. package/es/DragModal/DragModal.js +14 -8
  9. package/es/DragModal/style/index.js +64 -1
  10. package/es/EditTable/Body.js +10 -3
  11. package/es/EditTable/EditTable.js +13 -7
  12. package/es/EditTable/FormItem.js +18 -19
  13. package/es/EditTable/Header.js +16 -6
  14. package/es/EditTable/components/ContextMenu/Menu.js +11 -5
  15. package/es/EditTable/components/Search/search.js +1 -2
  16. package/es/EditTable/components/Search/sort.js +1 -3
  17. package/es/EditTable/group.js +23 -18
  18. package/es/EditTable/hooks/useValidate.js +1 -1
  19. package/es/EditTable/style/body.js +53 -0
  20. package/es/EditTable/style/form.js +24 -0
  21. package/es/EditTable/style/group.js +25 -0
  22. package/es/EditTable/style/header.js +58 -0
  23. package/es/EditTable/style/index.js +42 -1
  24. package/es/EditTable/style/menu.js +27 -0
  25. package/es/EditTable/style/table.js +46 -0
  26. package/es/EditTable/utils.js +30 -3
  27. package/es/Ellipsis/Ellipsis.js +10 -2
  28. package/es/Ellipsis/style/index.js +24 -1
  29. package/es/FullPage/FullPage.js +1 -2
  30. package/es/LocaleProvider/index.js +1 -2
  31. package/es/PermissionButton/index.js +6 -7
  32. package/es/ProLayout/Basic/BasicLayout.js +45 -41
  33. package/es/ProLayout/Basic/BasicLayoutStyle.js +39 -0
  34. package/es/ProLayout/Basic/Header.js +3 -7
  35. package/es/ProLayout/Basic/HeaderStyle.js +10 -0
  36. package/es/ProLayout/PageContainer/index.js +21 -17
  37. package/es/ProLayout/PageContainer/style.js +46 -0
  38. package/es/ProLayout/SiderMenu/BaseMenu.js +18 -42
  39. package/es/ProLayout/SiderMenu/SiderMenu.js +24 -36
  40. package/es/ProLayout/SiderMenu/style.js +166 -0
  41. package/es/ProLayout/TopHeader/index.js +13 -12
  42. package/es/ProLayout/TopHeader/style.js +126 -0
  43. package/es/ProLayout/style/index.js +7 -1
  44. package/es/ProLayout/util.js +5 -5
  45. package/es/ProTable/Alert.js +12 -4
  46. package/es/ProTable/Content.js +108 -28
  47. package/es/ProTable/Header.js +21 -11
  48. package/es/ProTable/Pagination.js +12 -4
  49. package/es/ProTable/ProTable.js +46 -34
  50. package/es/ProTable/hooks/index.js +2 -0
  51. package/es/ProTable/hooks/useTableInject.js +5 -0
  52. package/es/ProTable/hooks/useTableSelection.js +95 -0
  53. package/es/ProTable/setting.js +1 -1
  54. package/es/ProTable/style/index.js +109 -1
  55. package/es/RadioButton/RadioButton.js +10 -4
  56. package/es/RadioButton/style/index.js +23 -1
  57. package/es/Scrollbar/Scrollbar.js +10 -3
  58. package/es/Scrollbar/Thumb.js +36 -25
  59. package/es/Scrollbar/style/index.js +63 -1
  60. package/es/Search/Advanced/History.js +23 -16
  61. package/es/Search/Advanced/SaveHistory.js +1 -2
  62. package/es/Search/Advanced/index.js +212 -292
  63. package/es/Search/Item.js +175 -415
  64. package/es/Search/Search.js +78 -172
  65. package/es/Search/hooks/index.js +108 -1
  66. package/es/Search/hooks/useRouteQuery.js +57 -0
  67. package/es/Search/setting.js +132 -14
  68. package/es/Search/style/index.js +4 -2
  69. package/es/Search/style/item.js +28 -0
  70. package/es/Search/style/search.js +133 -0
  71. package/es/Search/util.js +116 -124
  72. package/es/Skeleton/components/DashBoardCard.js +19 -12
  73. package/es/Skeleton/components/DashBoardChart.js +48 -45
  74. package/es/Skeleton/components/Detail.js +27 -21
  75. package/es/Skeleton/components/Drawer.js +23 -14
  76. package/es/Skeleton/components/Item.js +9 -1
  77. package/es/Skeleton/components/List.js +0 -1
  78. package/es/Skeleton/components/ListCard.js +20 -13
  79. package/es/Skeleton/components/ListCardItem.js +12 -13
  80. package/es/Skeleton/components/ListTable.js +19 -10
  81. package/es/Skeleton/components/Page.js +0 -1
  82. package/es/Skeleton/components/Tree.js +21 -14
  83. package/es/Skeleton/skeleton.js +17 -8
  84. package/es/Skeleton/style/index.js +132 -1
  85. package/es/Title/style/index.js +29 -1
  86. package/es/Title/title.js +13 -5
  87. package/es/ValueItem/ValueItem.js +44 -39
  88. package/es/components.js +1 -5
  89. package/es/locale/en-US.js +3 -7
  90. package/es/locale/zh-CN.js +3 -7
  91. package/es/style/index.js +0 -3
  92. package/es/style/styleRegister.js +21 -0
  93. package/es/style/variable.js +4 -0
  94. package/es/style.js +0 -13
  95. package/lib/AutoComplete/AutoComplete.js +13 -9
  96. package/lib/BadgeStatus/Badge.js +1 -2
  97. package/lib/BadgeStatus/color.js +3 -3
  98. package/lib/CardSelect/CardSelect.js +23 -13
  99. package/lib/CardSelect/style/index.js +30 -1
  100. package/lib/CheckButton/CheckButton.js +12 -4
  101. package/lib/CheckButton/style/index.js +46 -1
  102. package/lib/DragModal/DragModal.js +14 -8
  103. package/lib/DragModal/style/index.js +69 -1
  104. package/lib/EditTable/Body.js +10 -3
  105. package/lib/EditTable/EditTable.js +13 -7
  106. package/lib/EditTable/FormItem.js +18 -19
  107. package/lib/EditTable/Header.js +16 -6
  108. package/lib/EditTable/components/ContextMenu/Menu.js +11 -5
  109. package/lib/EditTable/components/Search/search.js +1 -2
  110. package/lib/EditTable/components/Search/sort.js +1 -3
  111. package/lib/EditTable/group.js +23 -18
  112. package/lib/EditTable/hooks/useValidate.js +1 -1
  113. package/lib/EditTable/style/body.js +60 -0
  114. package/lib/EditTable/style/form.js +31 -0
  115. package/lib/EditTable/style/group.js +32 -0
  116. package/lib/EditTable/style/header.js +65 -0
  117. package/lib/EditTable/style/index.js +47 -1
  118. package/lib/EditTable/style/menu.js +33 -0
  119. package/lib/EditTable/style/table.js +52 -0
  120. package/lib/EditTable/utils.js +31 -3
  121. package/lib/Ellipsis/Ellipsis.js +10 -2
  122. package/lib/Ellipsis/style/index.js +29 -1
  123. package/lib/FullPage/FullPage.js +1 -2
  124. package/lib/Icon/icon.js +1 -2
  125. package/lib/LocaleProvider/index.js +1 -2
  126. package/lib/PermissionButton/index.js +6 -7
  127. package/lib/ProLayout/Basic/BasicLayout.js +45 -42
  128. package/lib/ProLayout/Basic/BasicLayoutStyle.js +46 -0
  129. package/lib/ProLayout/Basic/Header.js +2 -6
  130. package/lib/ProLayout/Basic/HeaderStyle.js +17 -0
  131. package/lib/ProLayout/PageContainer/index.js +19 -15
  132. package/lib/ProLayout/PageContainer/style.js +53 -0
  133. package/lib/ProLayout/SiderMenu/BaseMenu.js +19 -42
  134. package/lib/ProLayout/SiderMenu/SiderMenu.js +24 -37
  135. package/lib/ProLayout/SiderMenu/style.js +173 -0
  136. package/lib/ProLayout/TopHeader/index.js +14 -12
  137. package/lib/ProLayout/TopHeader/style.js +133 -0
  138. package/lib/ProLayout/style/index.js +12 -1
  139. package/lib/ProLayout/util.js +5 -5
  140. package/lib/ProTable/Alert.js +12 -4
  141. package/lib/ProTable/Content.js +108 -28
  142. package/lib/ProTable/Header.js +21 -11
  143. package/lib/ProTable/Pagination.js +12 -4
  144. package/lib/ProTable/ProTable.js +46 -34
  145. package/lib/ProTable/hooks/index.js +27 -0
  146. package/lib/ProTable/hooks/useTableInject.js +11 -0
  147. package/lib/ProTable/hooks/useTableSelection.js +102 -0
  148. package/lib/ProTable/setting.js +1 -1
  149. package/lib/ProTable/style/index.js +114 -1
  150. package/lib/RadioButton/RadioButton.js +10 -4
  151. package/lib/RadioButton/style/index.js +28 -1
  152. package/lib/Scrollbar/Scrollbar.js +10 -3
  153. package/lib/Scrollbar/Thumb.js +36 -25
  154. package/lib/Scrollbar/style/index.js +68 -1
  155. package/lib/Search/Advanced/History.js +23 -16
  156. package/lib/Search/Advanced/SaveHistory.js +1 -2
  157. package/lib/Search/Advanced/index.js +212 -292
  158. package/lib/Search/Item.js +175 -415
  159. package/lib/Search/Search.js +78 -172
  160. package/lib/Search/hooks/index.js +130 -1
  161. package/lib/Search/hooks/useRouteQuery.js +64 -0
  162. package/lib/Search/setting.js +133 -15
  163. package/lib/Search/style/index.js +9 -2
  164. package/lib/Search/style/item.js +35 -0
  165. package/lib/Search/style/search.js +140 -0
  166. package/lib/Search/util.js +116 -124
  167. package/lib/Skeleton/components/DashBoardCard.js +19 -12
  168. package/lib/Skeleton/components/DashBoardChart.js +48 -45
  169. package/lib/Skeleton/components/Detail.js +27 -21
  170. package/lib/Skeleton/components/Drawer.js +23 -14
  171. package/lib/Skeleton/components/Item.js +9 -1
  172. package/lib/Skeleton/components/List.js +0 -1
  173. package/lib/Skeleton/components/ListCard.js +20 -13
  174. package/lib/Skeleton/components/ListCardItem.js +12 -13
  175. package/lib/Skeleton/components/ListTable.js +19 -10
  176. package/lib/Skeleton/components/Page.js +0 -1
  177. package/lib/Skeleton/components/Tree.js +21 -14
  178. package/lib/Skeleton/skeleton.js +17 -8
  179. package/lib/Skeleton/style/index.js +137 -1
  180. package/lib/Title/style/index.js +34 -1
  181. package/lib/Title/title.js +13 -5
  182. package/lib/ValueItem/ValueItem.js +44 -39
  183. package/lib/components.js +1 -30
  184. package/lib/index.js +1 -2
  185. package/lib/locale/en-US.js +3 -7
  186. package/lib/locale/zh-CN.js +3 -7
  187. package/lib/style/components.less +0 -1
  188. package/lib/style/index.js +1 -4
  189. package/lib/style/styleRegister.js +28 -0
  190. package/lib/style/variable.js +10 -0
  191. package/lib/style.js +1 -15
  192. package/package.json +170 -173
  193. package/es/AMap/Map.js +0 -133
  194. package/es/AMap/index.js +0 -5
  195. package/es/AMap/util.js +0 -56
  196. package/es/CardSelect/style/index.css +0 -24
  197. package/es/CardSelect/style/index.less +0 -26
  198. package/es/CheckButton/style/index.css +0 -37
  199. package/es/CheckButton/style/index.less +0 -40
  200. package/es/DragModal/style/index.css +0 -82
  201. package/es/DragModal/style/index.less +0 -97
  202. package/es/Echarts/Echarts.js +0 -48
  203. package/es/Echarts/index.js +0 -5
  204. package/es/EditTable/style/body.less +0 -66
  205. package/es/EditTable/style/form.less +0 -33
  206. package/es/EditTable/style/group.less +0 -32
  207. package/es/EditTable/style/header.less +0 -77
  208. package/es/EditTable/style/index.css +0 -267
  209. package/es/EditTable/style/index.less +0 -41
  210. package/es/EditTable/style/menu.less +0 -25
  211. package/es/EditTable/style/table.less +0 -47
  212. package/es/Ellipsis/style/index.css +0 -17
  213. package/es/Ellipsis/style/index.less +0 -20
  214. package/es/FlameGraph/FlameGraph.js +0 -136
  215. package/es/FlameGraph/index.js +0 -5
  216. package/es/FlameGraph/style/index.css +0 -43
  217. package/es/FlameGraph/style/index.js +0 -1
  218. package/es/FlameGraph/style/index.less +0 -52
  219. package/es/ProLayout/Basic/BasicLayout.less +0 -66
  220. package/es/ProLayout/Basic/Header.less +0 -8
  221. package/es/ProLayout/PageContainer/index.less +0 -103
  222. package/es/ProLayout/SiderMenu/index.less +0 -231
  223. package/es/ProLayout/TopHeader/index.less +0 -174
  224. package/es/ProLayout/style/default.less +0 -4
  225. package/es/ProLayout/style/style.less +0 -7
  226. package/es/ProTable/style/ProTable.less +0 -139
  227. package/es/RadioButton/style/index.css +0 -20
  228. package/es/RadioButton/style/index.less +0 -19
  229. package/es/Scrollbar/style/index.css +0 -65
  230. package/es/Scrollbar/style/index.less +0 -83
  231. package/es/Search/style/Item.less +0 -33
  232. package/es/Search/style/Search.less +0 -179
  233. package/es/Skeleton/style/Skeleton.less +0 -166
  234. package/es/Title/style/index.css +0 -27
  235. package/es/Title/style/index.less +0 -27
  236. package/es/style/index.css +0 -5375
  237. package/es/style/index.less +0 -14
  238. package/es/style/variable.css +0 -4
  239. package/es/style/variable.less +0 -4
  240. package/lib/AMap/Map.js +0 -133
  241. package/lib/AMap/index.js +0 -12
  242. package/lib/AMap/util.js +0 -62
  243. package/lib/CardSelect/style/index.css +0 -24
  244. package/lib/CardSelect/style/index.less +0 -26
  245. package/lib/CheckButton/style/index.css +0 -37
  246. package/lib/CheckButton/style/index.less +0 -40
  247. package/lib/DragModal/style/index.css +0 -82
  248. package/lib/DragModal/style/index.less +0 -97
  249. package/lib/Echarts/Echarts.js +0 -48
  250. package/lib/Echarts/index.js +0 -12
  251. package/lib/EditTable/style/body.less +0 -66
  252. package/lib/EditTable/style/form.less +0 -33
  253. package/lib/EditTable/style/group.less +0 -32
  254. package/lib/EditTable/style/header.less +0 -77
  255. package/lib/EditTable/style/index.css +0 -267
  256. package/lib/EditTable/style/index.less +0 -41
  257. package/lib/EditTable/style/menu.less +0 -25
  258. package/lib/EditTable/style/table.less +0 -47
  259. package/lib/Ellipsis/style/index.css +0 -17
  260. package/lib/Ellipsis/style/index.less +0 -20
  261. package/lib/FlameGraph/FlameGraph.js +0 -136
  262. package/lib/FlameGraph/index.js +0 -12
  263. package/lib/FlameGraph/style/index.css +0 -43
  264. package/lib/FlameGraph/style/index.js +0 -3
  265. package/lib/FlameGraph/style/index.less +0 -52
  266. package/lib/ProLayout/Basic/BasicLayout.less +0 -66
  267. package/lib/ProLayout/Basic/Header.less +0 -8
  268. package/lib/ProLayout/PageContainer/index.less +0 -103
  269. package/lib/ProLayout/SiderMenu/index.less +0 -231
  270. package/lib/ProLayout/TopHeader/index.less +0 -174
  271. package/lib/ProLayout/style/default.less +0 -4
  272. package/lib/ProLayout/style/style.less +0 -7
  273. package/lib/ProTable/style/ProTable.less +0 -139
  274. package/lib/RadioButton/style/index.css +0 -20
  275. package/lib/RadioButton/style/index.less +0 -19
  276. package/lib/Scrollbar/style/index.css +0 -65
  277. package/lib/Scrollbar/style/index.less +0 -83
  278. package/lib/Search/style/Item.less +0 -33
  279. package/lib/Search/style/Search.less +0 -179
  280. package/lib/Skeleton/style/Skeleton.less +0 -166
  281. package/lib/Title/style/index.css +0 -27
  282. package/lib/Title/style/index.less +0 -27
  283. package/lib/style/index.css +0 -5375
  284. package/lib/style/index.less +0 -14
  285. package/lib/style/variable.css +0 -4
  286. package/lib/style/variable.less +0 -4
@@ -1,33 +0,0 @@
1
- .jetlinks-table-form-error-target {
2
- position: absolute;
3
- right: 2px;
4
- top: -9px;
5
- border: 16px solid transparent;
6
- border-top-color: @error-color;
7
- border-right-width: 0;
8
- border-bottom-width: 0;
9
- }
10
-
11
- .jetlinks-edit-table-form-has-error {
12
-
13
- .select-no-value {
14
- .ant-select-selector {
15
- border-color: @error-color !important;
16
- &:focus {
17
- box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
18
- }
19
- }
20
- }
21
-
22
- > input {
23
- border-color: @error-color !important;
24
-
25
- &:focus {
26
- box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
27
- }
28
- }
29
-
30
- .jetlinks-table-form-required-aicon {
31
- color: @error-color;
32
- }
33
- }
@@ -1,32 +0,0 @@
1
- .jetlinks-table-group-warp {
2
- .ant-tabs-nav {
3
- margin-bottom: 0;
4
- .ant-tabs-tab {
5
- overflow: hidden;
6
- position: relative;
7
- }
8
- .ant-tabs-tab-active {
9
- background-color: #BAE0FF !important;
10
- border-color: #91CAFF !important;
11
-
12
- }
13
-
14
- .ant-tabs-nav-add {
15
- border: none;
16
- }
17
- }
18
- }
19
-
20
- .jetlinks-table-group-error-warp {
21
- color: #1a1a1a !important;
22
-
23
- .table-group-error-target {
24
- position: absolute;
25
- right: 0;
26
- top: 0;
27
- border: 16px solid transparent;
28
- border-top-color: @error-color;
29
- border-right-width: 0;
30
- border-bottom-width: 0;
31
- }
32
- }
@@ -1,77 +0,0 @@
1
- .jetlinks-edit-table-header-container {
2
- height: 100%;
3
- position: relative;
4
-
5
- .jetlinks-edit-table-header-cell {
6
- height: 100%;
7
- display: inline-flex;
8
- align-items: center;
9
- float: left;
10
- overflow: visible;
11
- position: absolute;
12
- top: 0;
13
-
14
- .jetlinks-edit-table-header-cell-box {
15
- padding: 0 12px;
16
- width: 100%;
17
-
18
- &.header-cell-box-tool {
19
- display: flex;
20
- justify-content: space-between;
21
- align-items: center;
22
- }
23
-
24
- .table-header-cell-title {
25
- flex: 1;
26
- display: flex;
27
- align-items: center;
28
- font-weight: 600;
29
- gap: 4px;
30
-
31
- .cell-title-box {
32
- flex: 1 1 auto;
33
- }
34
- }
35
-
36
- .header-cell-required {
37
- color: @error-color;
38
- padding-left: 8px;
39
- transform: translateY(3px);
40
- font-weight: 500;
41
- }
42
-
43
- &::before {
44
- position: absolute;
45
- top: 50%;
46
- right: 1px;
47
- width: 1px;
48
- height: 1.6em;
49
- pointer-events: none;
50
- background-color: rgba(0,0,0,.06);
51
- transform: translateY(-50%);
52
- transition: background-color .3s;
53
- content: "";
54
- }
55
-
56
- &:not(:last-child) {
57
- &::before {
58
- background-color: transparent;
59
- }
60
- }
61
- }
62
- }
63
- }
64
-
65
- .jetlinks-table-search {
66
- .jetlinks-table-search-header {
67
- display: flex;
68
- justify-content: space-between;
69
- .jetlinks-drag-modal-footer {
70
- display: none;
71
- }
72
-
73
- .jetlinks-table-search-result-total {
74
- color: @primary-color;
75
- }
76
- }
77
- }
@@ -1,267 +0,0 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
- /* stylelint-disable no-duplicate-selectors */
3
- /* stylelint-disable */
4
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
- .jetlinks-edit-table-wrapper {
6
- background: #fff;
7
- height: 100%;
8
- position: relative;
9
- }
10
- .jetlinks-edit-table-wrapper.table-full-screen {
11
- padding: 24px;
12
- }
13
- .jetlinks-edit-table-wrapper .jetlinks-edit-table {
14
- display: flex;
15
- flex-direction: column;
16
- flex-grow: 0;
17
- flex-shrink: 0;
18
- background: #fafafa;
19
- transition: background-color 0.3s ease;
20
- overflow: auto hidden;
21
- }
22
- .jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-header {
23
- overflow: hidden;
24
- width: 100%;
25
- }
26
- .jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-edit-table-body {
27
- background-color: #fff;
28
- overflow-y: hidden;
29
- position: relative;
30
- height: 100%;
31
- width: 100%;
32
- flex: 1 1 auto;
33
- flex-direction: row;
34
- }
35
- .jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-table-horizontal-scroll {
36
- width: 100%;
37
- height: 15px;
38
- min-height: 15px;
39
- max-height: 15px;
40
- display: flex;
41
- }
42
- .jetlinks-edit-table-wrapper .jetlinks-edit-table .jetlinks-table-horizontal-scroll .jetlinks-table-horizontal-scroll-bar {
43
- height: 100%;
44
- overflow-x: scroll;
45
- }
46
- .jetlinks-edit-table-body-viewport {
47
- max-height: 100%;
48
- width: 100%;
49
- overflow: hidden auto;
50
- position: relative;
51
- }
52
- .jetlinks-edit-table-body-viewport .jetlinks-edit-scrollbar {
53
- position: absolute;
54
- left: 0;
55
- top: 0;
56
- right: 0;
57
- z-index: -1;
58
- }
59
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-body-container {
60
- overflow: hidden;
61
- height: 100%;
62
- }
63
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center {
64
- position: relative;
65
- flex: 1 1 auto;
66
- min-width: 0;
67
- height: 100%;
68
- }
69
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row {
70
- width: 100%;
71
- display: flex;
72
- align-items: center;
73
- transition: top 0.2s, height 0.2s, background-color 0.1s;
74
- border-bottom: 1px solid #ebebeb;
75
- }
76
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .jetlinks-edit-table-cell {
77
- position: absolute;
78
- min-width: 0;
79
- }
80
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row:hover {
81
- background-color: #f8f8f8;
82
- }
83
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row.jetlinks-edit-table-row-selected {
84
- background-color: var(--ant-primary-1);
85
- }
86
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .jetlinks-edit-table-row .body-cell-box {
87
- padding: 0 12px;
88
- position: relative;
89
- }
90
- .jetlinks-edit-table-body-viewport .jetlinks-edit-table-center .readonly-mask {
91
- position: absolute;
92
- top: 0;
93
- left: 0;
94
- right: 0;
95
- bottom: 0;
96
- z-index: 4;
97
- }
98
- .jetlinks-edit-table-body-empty {
99
- display: flex;
100
- width: 100%;
101
- justify-content: center;
102
- padding-top: 24px;
103
- }
104
- .jetlinks-edit-table-header-container {
105
- height: 100%;
106
- position: relative;
107
- }
108
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell {
109
- height: 100%;
110
- display: inline-flex;
111
- align-items: center;
112
- float: left;
113
- overflow: visible;
114
- position: absolute;
115
- top: 0;
116
- }
117
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box {
118
- padding: 0 12px;
119
- width: 100%;
120
- }
121
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box.header-cell-box-tool {
122
- display: flex;
123
- justify-content: space-between;
124
- align-items: center;
125
- }
126
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title {
127
- flex: 1;
128
- display: flex;
129
- align-items: center;
130
- font-weight: 600;
131
- gap: 4px;
132
- }
133
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .table-header-cell-title .cell-title-box {
134
- flex: 1 1 auto;
135
- }
136
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box .header-cell-required {
137
- color: #ff4d4f;
138
- padding-left: 8px;
139
- transform: translateY(3px);
140
- font-weight: 500;
141
- }
142
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box::before {
143
- position: absolute;
144
- top: 50%;
145
- right: 1px;
146
- width: 1px;
147
- height: 1.6em;
148
- pointer-events: none;
149
- background-color: rgba(0, 0, 0, 0.06);
150
- transform: translateY(-50%);
151
- transition: background-color 0.3s;
152
- content: "";
153
- }
154
- .jetlinks-edit-table-header-container .jetlinks-edit-table-header-cell .jetlinks-edit-table-header-cell-box:not(:last-child)::before {
155
- background-color: transparent;
156
- }
157
- .jetlinks-table-search .jetlinks-table-search-header {
158
- display: flex;
159
- justify-content: space-between;
160
- }
161
- .jetlinks-table-search .jetlinks-table-search-header .jetlinks-drag-modal-footer {
162
- display: none;
163
- }
164
- .jetlinks-table-search .jetlinks-table-search-header .jetlinks-table-search-result-total {
165
- color: #1890ff;
166
- }
167
- .jetlinks-table-group-warp .ant-tabs-nav {
168
- margin-bottom: 0;
169
- }
170
- .jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab {
171
- overflow: hidden;
172
- position: relative;
173
- }
174
- .jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-tab-active {
175
- background-color: #BAE0FF !important;
176
- border-color: #91CAFF !important;
177
- }
178
- .jetlinks-table-group-warp .ant-tabs-nav .ant-tabs-nav-add {
179
- border: none;
180
- }
181
- .jetlinks-table-group-error-warp {
182
- color: #1a1a1a !important;
183
- }
184
- .jetlinks-table-group-error-warp .table-group-error-target {
185
- position: absolute;
186
- right: 0;
187
- top: 0;
188
- border: 16px solid transparent;
189
- border-top-color: #ff4d4f;
190
- border-right-width: 0;
191
- border-bottom-width: 0;
192
- }
193
- .jetlinks-table-form-error-target {
194
- position: absolute;
195
- right: 2px;
196
- top: -9px;
197
- border: 16px solid transparent;
198
- border-top-color: #ff4d4f;
199
- border-right-width: 0;
200
- border-bottom-width: 0;
201
- }
202
- .jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector {
203
- border-color: #ff4d4f !important;
204
- }
205
- .jetlinks-edit-table-form-has-error .select-no-value .ant-select-selector:focus {
206
- box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
207
- }
208
- .jetlinks-edit-table-form-has-error > input {
209
- border-color: #ff4d4f !important;
210
- }
211
- .jetlinks-edit-table-form-has-error > input:focus {
212
- box-shadow: 0 0 0 2px var(--ant-error-color-outline) !important;
213
- }
214
- .jetlinks-edit-table-form-has-error .jetlinks-table-form-required-aicon {
215
- color: #ff4d4f;
216
- }
217
- .jetlinks-edit-table-context-menu {
218
- position: fixed;
219
- box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
220
- border-radius: 4px;
221
- overflow: hidden;
222
- width: 192px;
223
- padding: 4px;
224
- background-color: #fff;
225
- }
226
- .jetlinks-edit-table-context-menu .ant-menu {
227
- border-right: none;
228
- }
229
- .jetlinks-edit-table-context-menu .ant-menu .ant-menu-item {
230
- margin: 0;
231
- height: 32px;
232
- }
233
- .jetlinks-edit-table-context-menu .ant-menu .ant-menu-item.danger {
234
- color: #ff4d4f;
235
- }
236
- .jetlinks-edit-table-context-menu .ant-menu-item-active {
237
- background-color: var(--ant-primary-1);
238
- }
239
- .edit-table-search-header {
240
- display: flex;
241
- justify-content: space-between;
242
- }
243
- .edit-table-search-result-total {
244
- color: #1890ff;
245
- }
246
- .jetlinks-edit-table-horizontal-scroll {
247
- height: 17px;
248
- width: 100%;
249
- display: flex;
250
- position: relative;
251
- z-index: 4;
252
- }
253
- .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport {
254
- overflow-y: hidden;
255
- overflow-x: scroll;
256
- position: relative;
257
- flex: 1 1 0;
258
- height: 17px;
259
- width: 100%;
260
- }
261
- .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-viewport > div {
262
- height: 17px;
263
- }
264
- .jetlinks-edit-table-horizontal-scroll .jetlinks-edit-table-horizontal-scroll-hidden {
265
- height: 100%;
266
- overflow-x: hidden;
267
- }
@@ -1,41 +0,0 @@
1
- @import "ant-design-vue/es/style/themes/index.less";
2
- @import "./table.less";
3
- @import "./body.less";
4
- @import "./header.less";
5
- @import "./group.less";
6
- @import "./form.less";
7
- @import "./menu.less";
8
-
9
- .edit-table-search-header {
10
- display: flex;
11
- justify-content: space-between;
12
- }
13
-
14
- .edit-table-search-result-total {
15
- color: @primary-color;
16
- }
17
-
18
- .jetlinks-edit-table-horizontal-scroll {
19
- height: 17px;
20
- width: 100%;
21
- display: flex;
22
- position: relative;
23
- z-index: 4;
24
-
25
- .jetlinks-edit-table-horizontal-scroll-viewport {
26
- overflow-y: hidden;
27
- overflow-x: scroll;
28
- position: relative;
29
- flex: 1 1 0;
30
- height: 17px;
31
- width: 100%;
32
-
33
- > div {
34
- height: 17px;
35
- }
36
- }
37
-
38
- .jetlinks-edit-table-horizontal-scroll-hidden {
39
- height: 100%; overflow-x: hidden;
40
- }
41
- }
@@ -1,25 +0,0 @@
1
- .jetlinks-edit-table-context-menu{
2
- position: fixed;
3
- box-shadow: 0 0 12px rgba(0, 0, 0 ,.2);
4
- border-radius: 4px;
5
- overflow: hidden;
6
- width: 192px;
7
- padding: 4px;
8
- background-color: #fff;
9
- .ant-menu {
10
- border-right: none;
11
-
12
- .ant-menu-item {
13
- margin: 0;
14
- height: 32px;
15
-
16
- &.danger {
17
- color: @error-color;
18
- }
19
- }
20
- }
21
-
22
- .ant-menu-item-active {
23
- background-color: var(--ant-primary-1);;
24
- }
25
- }
@@ -1,47 +0,0 @@
1
- .jetlinks-edit-table-wrapper {
2
- background: #fff;
3
- height: 100%;
4
- position: relative;
5
-
6
- &.table-full-screen {
7
- padding: 24px;
8
- }
9
-
10
- .jetlinks-edit-table {
11
- display: flex;
12
- flex-direction: column;
13
- flex-grow: 0;
14
- flex-shrink: 0;
15
- background: #fafafa;
16
- transition: background-color .3s ease;
17
- overflow: auto hidden;
18
-
19
- .jetlinks-edit-table-header {
20
- overflow: hidden;
21
- width: 100%;
22
- }
23
-
24
- .jetlinks-edit-table-body {
25
- background-color: #fff;
26
- overflow-y: hidden;
27
- position: relative;
28
- height: 100%;
29
- width: 100%;
30
- flex: 1 1 auto;
31
- flex-direction: row;
32
- }
33
-
34
- .jetlinks-table-horizontal-scroll {
35
- width: 100%;
36
- height: 15px;
37
- min-height: 15px;
38
- max-height: 15px;
39
- display: flex;
40
-
41
- .jetlinks-table-horizontal-scroll-bar {
42
- height: 100%;
43
- overflow-x: scroll;
44
- }
45
- }
46
- }
47
- }
@@ -1,17 +0,0 @@
1
- .j-ellipsis {
2
- overflow: hidden;
3
- vertical-align: bottom;
4
- }
5
- .j-ellipsis-cursor {
6
- cursor: pointer;
7
- }
8
- .j-ellipsis-line-clamp {
9
- display: -webkit-box;
10
- -webkit-box-orient: vertical;
11
- word-break: break-all;
12
- }
13
- .j-ellipsis-deep {
14
- max-height: 380px;
15
- -webkit-line-clamp: 17;
16
- text-overflow: ellipsis;
17
- }
@@ -1,20 +0,0 @@
1
- .j-ellipsis {
2
- overflow: hidden;
3
- vertical-align: bottom;
4
- }
5
-
6
- .j-ellipsis-cursor {
7
- cursor: pointer;
8
- }
9
-
10
- .j-ellipsis-line-clamp {
11
- display: -webkit-box;
12
- -webkit-box-orient: vertical;
13
- word-break: break-all;
14
- }
15
-
16
- .j-ellipsis-deep {
17
- max-height: 380px;
18
- -webkit-line-clamp: 17;
19
- text-overflow: ellipsis;
20
- }
@@ -1,136 +0,0 @@
1
- function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
2
- const op = ops[i];
3
- const fn = ops[i + 1];
4
- i += 2;
5
- if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
6
- return undefined;
7
- }
8
- if (op === 'access' || op === 'optionalAccess') {
9
- lastAccessLHS = value;
10
- value = fn(value);
11
- }
12
- else if (op === 'call' || op === 'optionalCall') {
13
- value = fn((...args) => value.call(lastAccessLHS, ...args));
14
- lastAccessLHS = undefined;
15
- }
16
- } return value; }
17
- /* Analyzed bindings: {
18
- "data": "props",
19
- "showSearch": "props",
20
- "showInvert": "props",
21
- "request": "props",
22
- "flamegraph": "setup-maybe-ref",
23
- "d3": "setup-const",
24
- "nextTick": "setup-const",
25
- "watch": "setup-const",
26
- "ref": "setup-const",
27
- "computed": "setup-const",
28
- "props": "setup-reactive-const",
29
- "flameGraphRef": "setup-ref",
30
- "inverted": "setup-ref",
31
- "chart": "setup-maybe-ref",
32
- "search": "setup-const",
33
- "formatData": "setup-ref",
34
- "invert": "setup-const"
35
- } */
36
- import { resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
37
- const _hoisted_1 = { class: "j-flame-graph" };
38
- const _hoisted_2 = { class: "actions" };
39
- import { flamegraph } from 'd3-flame-graph';
40
- import * as d3 from 'd3';
41
- import { nextTick, watch, ref, computed } from 'vue';
42
- const __sfc_main__ = Object.assign({
43
- name: 'JFlameGraph',
44
- }, {
45
- props: {
46
- data: {
47
- type: Object,
48
- },
49
- showSearch: {
50
- type: Boolean,
51
- default: true
52
- },
53
- showInvert: {
54
- type: Boolean,
55
- default: true
56
- },
57
- request: {
58
- type: Function,
59
- }
60
- },
61
- setup(__props) {
62
- const props = __props;
63
- const flameGraphRef = ref(null);
64
- const inverted = ref(false);
65
- const chart = flamegraph()
66
- .setColorMapper(function (d, originalColor) {
67
- return d.highlight ? "#E600E6" : originalColor;
68
- });
69
- const search = (val) => {
70
- chart.search(val);
71
- };
72
- const formatData = computed(() => {
73
- return (val) => {
74
- function formatDataFn(newVal) {
75
- _optionalChain([newVal, 'access', _2 => _2.children, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4(item => {
76
- formatDataFn(item);
77
- })]);
78
- }
79
- //格式化数据,增加根节点root
80
- const obj = {
81
- name: 'root',
82
- value: val.map(item => item.value).reduce((a, b) => a + b, 0),
83
- children: val
84
- };
85
- formatDataFn(obj);
86
- return obj;
87
- };
88
- });
89
- const invert = () => {
90
- inverted.value = !inverted.value;
91
- chart.inverted(inverted.value);
92
- d3.select(flameGraphRef.value)
93
- .datum(formatData.value(props.data))
94
- .call(chart);
95
- };
96
- watch(() => props.data, (newVal, oldVal) => {
97
- if (newVal) {
98
- nextTick(() => {
99
- d3.select(flameGraphRef.value)
100
- .datum(formatData.value(newVal))
101
- .call(chart);
102
- });
103
- }
104
- }, { immediate: true });
105
- return (_ctx, _cache) => {
106
- const _component_a_input_search = _resolveComponent("a-input-search");
107
- const _component_a_button = _resolveComponent("a-button");
108
- const _component_a_space = _resolveComponent("a-space");
109
- return (_openBlock(), _createElementBlock("div", _hoisted_1, [
110
- _createElementVNode("div", _hoisted_2, [
111
- _createVNode(_component_a_space, null, {
112
- default: _withCtx(() => [
113
- _createVNode(_component_a_input_search, {
114
- class: "j-flame-graph-search",
115
- placeholder: "请输入",
116
- onSearch: search
117
- }),
118
- _createVNode(_component_a_button, { onClick: invert }, {
119
- default: _withCtx(() => [
120
- _createTextVNode("反转")
121
- ]),
122
- _: 1 /* STABLE */
123
- })
124
- ]),
125
- _: 1 /* STABLE */
126
- })
127
- ]),
128
- _createElementVNode("div", {
129
- ref_key: "flameGraphRef",
130
- ref: flameGraphRef
131
- }, null, 512 /* NEED_PATCH */)
132
- ]));
133
- };
134
- }
135
- });
136
- export default __sfc_main__;