quill-table-up 3.1.2 → 3.2.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 (111) hide show
  1. package/README.md +15 -8
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +168 -146
  4. package/dist/index.js +47 -47
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.umd.js +52 -52
  7. package/dist/index.umd.js.map +1 -1
  8. package/package.json +22 -24
  9. package/src/__tests__/e2e/custom-creator.test.ts +44 -44
  10. package/src/__tests__/e2e/editor-page.ts +77 -77
  11. package/src/__tests__/e2e/table-align.test.ts +104 -104
  12. package/src/__tests__/e2e/table-blots.test.ts +169 -169
  13. package/src/__tests__/e2e/table-caption.test.ts +134 -134
  14. package/src/__tests__/e2e/table-clipboard.test.ts +20 -20
  15. package/src/__tests__/e2e/table-hack.test.ts +151 -151
  16. package/src/__tests__/e2e/table-keyboard-handler.test.ts +20 -4
  17. package/src/__tests__/e2e/table-menu.test.ts +172 -172
  18. package/src/__tests__/e2e/table-resize.test.ts +654 -9
  19. package/src/__tests__/e2e/table-scrollbar.test.ts +144 -144
  20. package/src/__tests__/e2e/table-selection.test.ts +563 -563
  21. package/src/__tests__/e2e/types.d.ts +8 -7
  22. package/src/__tests__/e2e/utils.ts +52 -52
  23. package/src/__tests__/unit/table-blots.test.ts +720 -720
  24. package/src/__tests__/unit/table-caption.test.ts +234 -234
  25. package/src/__tests__/unit/table-cell-merge.test.ts +713 -724
  26. package/src/__tests__/unit/table-clipboard.test.ts +2176 -2176
  27. package/src/__tests__/unit/table-hack.test.ts +1014 -1014
  28. package/src/__tests__/unit/table-insert.test.ts +915 -926
  29. package/src/__tests__/unit/table-redo-undo.test.ts +2429 -2429
  30. package/src/__tests__/unit/table-remove.test.ts +313 -343
  31. package/src/__tests__/unit/utils.test-d.ts +49 -49
  32. package/src/__tests__/unit/utils.test.ts +711 -711
  33. package/src/__tests__/unit/utils.ts +307 -307
  34. package/src/__tests__/unit/vitest.d.ts +14 -14
  35. package/src/formats/container-format.ts +107 -107
  36. package/src/formats/overrides/block-embed.ts +72 -72
  37. package/src/formats/overrides/block.ts +95 -95
  38. package/src/formats/overrides/index.ts +3 -3
  39. package/src/formats/overrides/scroll.ts +70 -70
  40. package/src/formats/table-body-format.ts +52 -52
  41. package/src/formats/table-caption-format.ts +116 -116
  42. package/src/formats/table-cell-format.ts +304 -304
  43. package/src/formats/table-cell-inner-format.ts +403 -398
  44. package/src/formats/table-colgroup-format.ts +136 -136
  45. package/src/formats/table-foot-format.ts +7 -7
  46. package/src/formats/table-head-format.ts +7 -7
  47. package/src/formats/table-main-format.ts +1 -1
  48. package/src/formats/table-row-format.ts +218 -210
  49. package/src/formats/utils.ts +6 -6
  50. package/src/index.ts +19 -19
  51. package/src/modules/index.ts +7 -7
  52. package/src/modules/table-align.ts +131 -131
  53. package/src/modules/table-clipboard/table-clipboard.ts +6 -8
  54. package/src/modules/table-dom-selector.ts +33 -33
  55. package/src/modules/table-menu/constants.ts +223 -223
  56. package/src/modules/table-menu/index.ts +4 -4
  57. package/src/modules/table-menu/table-menu-common.ts +330 -329
  58. package/src/modules/table-menu/table-menu-contextmenu.ts +111 -118
  59. package/src/modules/table-menu/table-menu-select.ts +96 -94
  60. package/src/modules/table-resize/index.ts +5 -5
  61. package/src/modules/table-resize/table-resize-box.ts +714 -363
  62. package/src/modules/table-resize/table-resize-common.ts +246 -382
  63. package/src/modules/table-resize/table-resize-drag.ts +241 -0
  64. package/src/modules/table-resize/table-resize-line.ts +244 -182
  65. package/src/modules/table-resize/table-resize-scale.ts +174 -173
  66. package/src/modules/table-resize/utils.ts +84 -3
  67. package/src/modules/table-scrollbar.ts +292 -292
  68. package/src/modules/table-selection.ts +613 -669
  69. package/src/style/button.less +45 -45
  70. package/src/style/color-picker.less +136 -136
  71. package/src/style/dialog.less +53 -53
  72. package/src/style/functions.less +9 -9
  73. package/src/style/index.less +120 -120
  74. package/src/style/input.less +64 -64
  75. package/src/style/select-box.less +52 -52
  76. package/src/style/table-creator.less +56 -56
  77. package/src/style/table-menu.less +125 -125
  78. package/src/style/table-resize-scale.less +31 -31
  79. package/src/style/table-resize.less +249 -202
  80. package/src/style/table-scrollbar.less +49 -49
  81. package/src/style/table-selection.less +23 -23
  82. package/src/style/tooltip.less +19 -19
  83. package/src/style/variables.less +1 -1
  84. package/src/svg/arrow-up-down.svg +11 -11
  85. package/src/svg/convert-cell.svg +7 -7
  86. package/src/table-up.ts +1363 -1360
  87. package/src/types.d.ts +4 -4
  88. package/src/utils/bem.ts +23 -23
  89. package/src/utils/blot-helper.ts +101 -105
  90. package/src/utils/color.ts +109 -109
  91. package/src/utils/components/button.ts +22 -22
  92. package/src/utils/components/color-picker.ts +236 -236
  93. package/src/utils/components/dialog.ts +83 -41
  94. package/src/utils/components/index.ts +6 -6
  95. package/src/utils/components/input.ts +74 -74
  96. package/src/utils/components/table/creator.ts +89 -89
  97. package/src/utils/components/table/index.ts +2 -2
  98. package/src/utils/components/table/select-box.ts +78 -78
  99. package/src/utils/components/tooltip.ts +179 -189
  100. package/src/utils/constants.ts +125 -124
  101. package/src/utils/drag-helper.ts +112 -0
  102. package/src/utils/index.ts +15 -14
  103. package/src/utils/is.ts +9 -9
  104. package/src/utils/position.ts +60 -60
  105. package/src/utils/resize-observer-helper.ts +47 -47
  106. package/src/utils/scroll.ts +145 -47
  107. package/src/utils/style-helper.ts +47 -47
  108. package/src/utils/transformer.ts +10 -10
  109. package/src/utils/transition-event-helper.ts +8 -8
  110. package/src/utils/types.ts +156 -157
  111. package/src/utils/utils.ts +12 -12
package/src/style/table-menu.less CHANGED
@@ -1,125 +1,125 @@
1
- @import './variables.less';
2
-
3
- .@{namespace} {
4
- &-menu,
5
- &-align {
6
- position: absolute;
7
- z-index: 1;
8
- display: flex;
9
- align-items: center;
10
- padding: 4px;
11
- border-radius: 6px;
12
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
13
- background-color: #ffffff;
14
- font-size: 14px;
15
- &__item {
16
- position: relative;
17
- display: inline-flex;
18
- align-items: center;
19
- justify-content: center;
20
- padding: 4px;
21
- border-radius: 4px;
22
- cursor: pointer;
23
- &:hover {
24
- background-color: #eeeeee;
25
- }
26
- &.is-break {
27
- align-self: stretch;
28
- width: 1px;
29
- padding: 0px;
30
- margin: 2px 4px;
31
- background-color: #a3a3a3;
32
- cursor: default;
33
- }
34
- }
35
- &.is-hidden {
36
- display: none;
37
- }
38
- .icon {
39
- display: flex;
40
- flex-shrink: 0;
41
- font-size: 20px;
42
- }
43
- span {
44
- text-wrap: nowrap;
45
- }
46
- }
47
- &-menu {
48
- &.is-contextmenu {
49
- flex-direction: column;
50
- padding: 4px 8px;
51
- max-height: 350px;
52
- overflow-y: auto;
53
- overflow-x: hidden;
54
- .@{namespace}-menu__item {
55
- display: flex;
56
- justify-content: flex-start;
57
- width: 100%;
58
- gap: 4px;
59
- cursor: pointer;
60
- }
61
- .is-break {
62
- width: 100%;
63
- height: 1px;
64
- flex-shrink: 0;
65
- margin: 4px 0px;
66
- background-color: #a3a3a3;
67
- }
68
- }
69
- }
70
- &-align {
71
- .icon {
72
- width: 20px;
73
- height: 20px;
74
- }
75
- }
76
- }
77
-
78
- .@{namespace}-color-map {
79
- display: flex;
80
- flex-direction: column;
81
- &--used {
82
- display: flex;
83
- align-items: center;
84
- justify-content: center;
85
- flex-direction: row-reverse;
86
- margin-top: 4px;
87
- padding-top: 4px;
88
- border-top: 1px solid #ccc;
89
- }
90
- &__content {
91
- display: flex;
92
- flex-direction: column;
93
- &-row {
94
- display: flex;
95
- align-items: center;
96
- justify-content: center;
97
- gap: 4px;
98
- }
99
- }
100
- &__item {
101
- width: 14px;
102
- height: 14px;
103
- margin: 2px;
104
- border: 1px solid #a3a3a3;
105
- cursor: pointer;
106
- }
107
- &__btn {
108
- display: flex;
109
- align-items: center;
110
- justify-content: center;
111
- flex: 1;
112
- height: 20px;
113
- padding: 0 6px;
114
- color: #303133;
115
- background-color: #fff;
116
- cursor: pointer;
117
- &:hover {
118
- background-color: #edeeef;
119
- }
120
- &.transparent,
121
- &.clear,
122
- &.custom {
123
- }
124
- }
125
- }
1
+ @import './variables.less';
2
+
3
+ .@{namespace} {
4
+ &-menu,
5
+ &-align {
6
+ position: absolute;
7
+ z-index: 1;
8
+ display: flex;
9
+ align-items: center;
10
+ padding: 4px;
11
+ border-radius: 6px;
12
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
13
+ background-color: #ffffff;
14
+ font-size: 14px;
15
+ &__item {
16
+ position: relative;
17
+ display: inline-flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ padding: 4px;
21
+ border-radius: 4px;
22
+ cursor: pointer;
23
+ &:hover {
24
+ background-color: #eeeeee;
25
+ }
26
+ &.is-break {
27
+ align-self: stretch;
28
+ width: 1px;
29
+ padding: 0px;
30
+ margin: 2px 4px;
31
+ background-color: #a3a3a3;
32
+ cursor: default;
33
+ }
34
+ }
35
+ &.is-hidden {
36
+ display: none;
37
+ }
38
+ .icon {
39
+ display: flex;
40
+ flex-shrink: 0;
41
+ font-size: 20px;
42
+ }
43
+ span {
44
+ text-wrap: nowrap;
45
+ }
46
+ }
47
+ &-menu {
48
+ &.is-contextmenu {
49
+ flex-direction: column;
50
+ padding: 4px 8px;
51
+ max-height: 350px;
52
+ overflow-y: auto;
53
+ overflow-x: hidden;
54
+ .@{namespace}-menu__item {
55
+ display: flex;
56
+ justify-content: flex-start;
57
+ width: 100%;
58
+ gap: 4px;
59
+ cursor: pointer;
60
+ }
61
+ .is-break {
62
+ width: 100%;
63
+ height: 1px;
64
+ flex-shrink: 0;
65
+ margin: 4px 0px;
66
+ background-color: #a3a3a3;
67
+ }
68
+ }
69
+ }
70
+ &-align {
71
+ .icon {
72
+ width: 20px;
73
+ height: 20px;
74
+ }
75
+ }
76
+ }
77
+
78
+ .@{namespace}-color-map {
79
+ display: flex;
80
+ flex-direction: column;
81
+ &--used {
82
+ display: flex;
83
+ align-items: center;
84
+ justify-content: center;
85
+ flex-direction: row-reverse;
86
+ margin-top: 4px;
87
+ padding-top: 4px;
88
+ border-top: 1px solid #ccc;
89
+ }
90
+ &__content {
91
+ display: flex;
92
+ flex-direction: column;
93
+ &-row {
94
+ display: flex;
95
+ align-items: center;
96
+ justify-content: center;
97
+ gap: 4px;
98
+ }
99
+ }
100
+ &__item {
101
+ width: 14px;
102
+ height: 14px;
103
+ margin: 2px;
104
+ border: 1px solid #a3a3a3;
105
+ cursor: pointer;
106
+ }
107
+ &__btn {
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+ flex: 1;
112
+ height: 20px;
113
+ padding: 0 6px;
114
+ color: #303133;
115
+ background-color: #fff;
116
+ cursor: pointer;
117
+ &:hover {
118
+ background-color: #edeeef;
119
+ }
120
+ &.transparent,
121
+ &.clear,
122
+ &.custom {
123
+ }
124
+ }
125
+ }
package/src/style/table-resize-scale.less CHANGED
@@ -1,31 +1,31 @@
1
- @import './variables.less';
2
-
3
- .@{namespace}-scale {
4
- position: absolute;
5
- top: 0;
6
- left: 0;
7
- overflow: hidden;
8
- pointer-events: none;
9
- &__block {
10
- position: absolute;
11
- top: 0;
12
- left: 0;
13
- transform: translate(-100%, -100%);
14
- width: 12px;
15
- height: 12px;
16
- background-color: #f1f5f9;
17
- border: 1px solid #808080;
18
- cursor: nwse-resize;
19
- pointer-events: all;
20
- }
21
- &.is-align-right {
22
- .@{namespace}-scale {
23
- &__block {
24
- cursor: nesw-resize;
25
- }
26
- }
27
- }
28
- &.is-hidden {
29
- display: none;
30
- }
31
- }
1
+ @import './variables.less';
2
+
3
+ .@{namespace}-scale {
4
+ position: absolute;
5
+ top: 0;
6
+ left: 0;
7
+ overflow: hidden;
8
+ pointer-events: none;
9
+ &__block {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 0;
13
+ transform: translate(-100%, -100%);
14
+ width: 12px;
15
+ height: 12px;
16
+ background-color: #f1f5f9;
17
+ border: 1px solid #808080;
18
+ cursor: nwse-resize;
19
+ pointer-events: all;
20
+ }
21
+ &.is-align-right {
22
+ .@{namespace}-scale {
23
+ &__block {
24
+ cursor: nesw-resize;
25
+ }
26
+ }
27
+ }
28
+ &.is-hidden {
29
+ display: none;
30
+ }
31
+ }