vue-editify 0.1.17 → 0.1.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (80) hide show
  1. package/README.md +3 -3
  2. package/examples/App.vue +62 -53
  3. package/examples/main.ts +4 -4
  4. package/lib/components/button/button.vue.d.ts +11 -11
  5. package/lib/components/checkbox/checkbox.vue.d.ts +8 -8
  6. package/lib/components/colors/colors.vue.d.ts +4 -4
  7. package/lib/components/icon/icon.vue.d.ts +1 -1
  8. package/lib/components/insertImage/insertImage.vue.d.ts +9 -9
  9. package/lib/components/insertLink/insertLink.vue.d.ts +2 -2
  10. package/lib/components/insertTable/insertTable.vue.d.ts +2 -2
  11. package/lib/components/insertVideo/insertVideo.vue.d.ts +9 -9
  12. package/lib/components/layer/layer.vue.d.ts +9 -9
  13. package/lib/components/menu/menu.vue.d.ts +4 -4
  14. package/lib/components/toolbar/toolbar.vue.d.ts +9 -9
  15. package/lib/components/tooltip/tooltip.vue.d.ts +1 -1
  16. package/lib/components/triangle/triangle.vue.d.ts +4 -4
  17. package/lib/editify/editify.vue.d.ts +88 -70
  18. package/lib/editify/props.d.ts +11 -3
  19. package/lib/editify.es.js +65 -46
  20. package/lib/editify.umd.js +1 -1
  21. package/lib/index.d.ts +1 -1
  22. package/lib/style.css +1 -1
  23. package/package.json +45 -45
  24. package/src/components/button/button.less +145 -145
  25. package/src/components/button/button.vue +197 -197
  26. package/src/components/button/props.ts +95 -95
  27. package/src/components/checkbox/checkbox.less +84 -84
  28. package/src/components/checkbox/checkbox.vue +68 -68
  29. package/src/components/checkbox/props.ts +49 -49
  30. package/src/components/colors/colors.less +75 -75
  31. package/src/components/colors/colors.vue +36 -36
  32. package/src/components/colors/props.ts +29 -29
  33. package/src/components/icon/icon.less +14 -14
  34. package/src/components/icon/icon.vue +12 -12
  35. package/src/components/icon/props.ts +11 -11
  36. package/src/components/insertImage/insertImage.less +135 -135
  37. package/src/components/insertImage/insertImage.vue +146 -146
  38. package/src/components/insertImage/props.ts +43 -43
  39. package/src/components/insertLink/insertLink.less +64 -64
  40. package/src/components/insertLink/insertLink.vue +58 -58
  41. package/src/components/insertLink/props.ts +16 -16
  42. package/src/components/insertTable/insertTable.less +54 -54
  43. package/src/components/insertTable/insertTable.vue +85 -85
  44. package/src/components/insertTable/props.ts +27 -27
  45. package/src/components/insertVideo/insertVideo.less +135 -135
  46. package/src/components/insertVideo/insertVideo.vue +146 -146
  47. package/src/components/insertVideo/props.ts +43 -43
  48. package/src/components/layer/layer.less +49 -49
  49. package/src/components/layer/layer.vue +598 -598
  50. package/src/components/layer/props.ts +71 -71
  51. package/src/components/menu/menu.less +63 -63
  52. package/src/components/menu/menu.vue +1569 -1569
  53. package/src/components/menu/props.ts +17 -17
  54. package/src/components/toolbar/props.ts +35 -35
  55. package/src/components/toolbar/toolbar.less +89 -89
  56. package/src/components/toolbar/toolbar.vue +1101 -1101
  57. package/src/components/tooltip/props.ts +21 -21
  58. package/src/components/tooltip/tooltip.less +23 -23
  59. package/src/components/tooltip/tooltip.vue +37 -37
  60. package/src/components/triangle/props.ts +26 -26
  61. package/src/components/triangle/triangle.less +79 -79
  62. package/src/components/triangle/triangle.vue +65 -65
  63. package/src/core/function.ts +1144 -1144
  64. package/src/core/rule.ts +259 -259
  65. package/src/core/tool.ts +1137 -1137
  66. package/src/css/base.less +30 -30
  67. package/src/css/hljs.less +54 -54
  68. package/src/editify/editify.less +404 -403
  69. package/src/editify/editify.vue +803 -792
  70. package/src/editify/props.ts +156 -146
  71. package/src/hljs/index.ts +197 -197
  72. package/src/icon/iconfont.css +219 -219
  73. package/src/index.ts +32 -32
  74. package/src/locale/en_US.ts +88 -88
  75. package/src/locale/index.ts +12 -12
  76. package/src/locale/zh_CN.ts +88 -88
  77. package/tsconfig.json +27 -27
  78. package/tsconfig.node.json +11 -11
  79. package/vite-env.d.ts +1 -1
  80. package/vite.config.ts +42 -42
package/src/components/button/button.less CHANGED
@@ -1,145 +1,145 @@
1
- .editify-button {
2
- display: inline-flex;
3
- justify-content: center;
4
- align-items: center;
5
- position: relative;
6
- color: @font-color;
7
- font-size: @font-size;
8
-
9
- .editify-button-wrap {
10
- padding: 0 4px;
11
- position: relative;
12
-
13
- &.right-border::after {
14
- position: absolute;
15
- right: 0;
16
- top: 50%;
17
- content: '';
18
- transform: translateY(-50%);
19
- height: 18px;
20
- width: 1px;
21
- background-color: @border-color;
22
- }
23
-
24
- &.left-border::before {
25
- position: absolute;
26
- left: 0;
27
- top: 50%;
28
- content: '';
29
- transform: translateY(-50%);
30
- height: 18px;
31
- width: 1px;
32
- background-color: @border-color;
33
- }
34
-
35
- .editify-button-el {
36
- display: inline-flex;
37
- justify-content: flex-start;
38
- align-items: center;
39
- white-space: nowrap;
40
- height: 28px;
41
- line-height: 1;
42
- transition: all 200ms;
43
- background-color: @background;
44
- padding: 0 8px;
45
- border-radius: 2px;
46
-
47
- .editify-button-slot {
48
- display: inline-flex;
49
- justify-content: flex-start;
50
- align-items: center;
51
- }
52
-
53
- .editify-button-caret {
54
- margin-left: 2px;
55
- transform: scale(0.6);
56
- transition: transform 200ms;
57
- font-size: 14px;
58
-
59
- &.rotate {
60
- transform: scale(0.6) rotate(180deg);
61
- }
62
- }
63
-
64
- &:hover {
65
- cursor: pointer;
66
- background-color: @background-dark;
67
- }
68
-
69
- &:active,
70
- &.active {
71
- background-color: @background-darker;
72
- }
73
-
74
- &.disabled {
75
- color: @font-color-disabled;
76
- cursor: not-allowed;
77
- background-color: @background;
78
- }
79
- }
80
- }
81
-
82
- .editify-button-layer {
83
- display: block;
84
- position: relative;
85
- overflow-x: hidden;
86
- overflow-y: auto;
87
-
88
- &:not(:hover)::-webkit-scrollbar {
89
- display: none;
90
- }
91
-
92
- .editify-button-options {
93
- display: block;
94
- width: 100%;
95
- padding: 4px 0;
96
-
97
- .editify-button-option {
98
- display: flex;
99
- justify-content: flex-start;
100
- align-items: center;
101
- width: 100%;
102
- padding: 6px 12px;
103
- transition: all 200ms;
104
- opacity: 0.8;
105
- white-space: nowrap;
106
- text-overflow: ellipsis;
107
- overflow: hidden;
108
- box-sizing: border-box;
109
-
110
- &:hover {
111
- opacity: 1;
112
- cursor: pointer;
113
- background-color: @background-dark;
114
- }
115
-
116
- &:active {
117
- opacity: 1;
118
- background-color: @background-darker;
119
- }
120
-
121
- &.active {
122
- opacity: 1;
123
- background-color: @background-darker;
124
- }
125
-
126
- .editify-button-option-flex {
127
- display: flex;
128
- justify-content: flex-start;
129
- align-items: center;
130
- width: 100%;
131
-
132
- :deep(.editify-icon) {
133
- margin-right: 10px;
134
- }
135
-
136
- span {
137
- overflow: hidden;
138
- text-overflow: ellipsis;
139
- white-space: nowrap;
140
- }
141
- }
142
- }
143
- }
144
- }
145
- }
1
+ .editify-button {
2
+ display: inline-flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ position: relative;
6
+ color: @font-color;
7
+ font-size: @font-size;
8
+
9
+ .editify-button-wrap {
10
+ padding: 0 4px;
11
+ position: relative;
12
+
13
+ &.right-border::after {
14
+ position: absolute;
15
+ right: 0;
16
+ top: 50%;
17
+ content: '';
18
+ transform: translateY(-50%);
19
+ height: 18px;
20
+ width: 1px;
21
+ background-color: @border-color;
22
+ }
23
+
24
+ &.left-border::before {
25
+ position: absolute;
26
+ left: 0;
27
+ top: 50%;
28
+ content: '';
29
+ transform: translateY(-50%);
30
+ height: 18px;
31
+ width: 1px;
32
+ background-color: @border-color;
33
+ }
34
+
35
+ .editify-button-el {
36
+ display: inline-flex;
37
+ justify-content: flex-start;
38
+ align-items: center;
39
+ white-space: nowrap;
40
+ height: 28px;
41
+ line-height: 1;
42
+ transition: all 200ms;
43
+ background-color: @background;
44
+ padding: 0 8px;
45
+ border-radius: 2px;
46
+
47
+ .editify-button-slot {
48
+ display: inline-flex;
49
+ justify-content: flex-start;
50
+ align-items: center;
51
+ }
52
+
53
+ .editify-button-caret {
54
+ margin-left: 2px;
55
+ transform: scale(0.6);
56
+ transition: transform 200ms;
57
+ font-size: 14px;
58
+
59
+ &.rotate {
60
+ transform: scale(0.6) rotate(180deg);
61
+ }
62
+ }
63
+
64
+ &:hover {
65
+ cursor: pointer;
66
+ background-color: @background-dark;
67
+ }
68
+
69
+ &:active,
70
+ &.active {
71
+ background-color: @background-darker;
72
+ }
73
+
74
+ &.disabled {
75
+ color: @font-color-disabled;
76
+ cursor: not-allowed;
77
+ background-color: @background;
78
+ }
79
+ }
80
+ }
81
+
82
+ .editify-button-layer {
83
+ display: block;
84
+ position: relative;
85
+ overflow-x: hidden;
86
+ overflow-y: auto;
87
+
88
+ &:not(:hover)::-webkit-scrollbar {
89
+ display: none;
90
+ }
91
+
92
+ .editify-button-options {
93
+ display: block;
94
+ width: 100%;
95
+ padding: 4px 0;
96
+
97
+ .editify-button-option {
98
+ display: flex;
99
+ justify-content: flex-start;
100
+ align-items: center;
101
+ width: 100%;
102
+ padding: 6px 12px;
103
+ transition: all 200ms;
104
+ opacity: 0.8;
105
+ white-space: nowrap;
106
+ text-overflow: ellipsis;
107
+ overflow: hidden;
108
+ box-sizing: border-box;
109
+
110
+ &:hover {
111
+ opacity: 1;
112
+ cursor: pointer;
113
+ background-color: @background-dark;
114
+ }
115
+
116
+ &:active {
117
+ opacity: 1;
118
+ background-color: @background-darker;
119
+ }
120
+
121
+ &.active {
122
+ opacity: 1;
123
+ background-color: @background-darker;
124
+ }
125
+
126
+ .editify-button-option-flex {
127
+ display: flex;
128
+ justify-content: flex-start;
129
+ align-items: center;
130
+ width: 100%;
131
+
132
+ :deep(.editify-icon) {
133
+ margin-right: 10px;
134
+ }
135
+
136
+ span {
137
+ overflow: hidden;
138
+ text-overflow: ellipsis;
139
+ white-space: nowrap;
140
+ }
141
+ }
142
+ }
143
+ }
144
+ }
145
+ }