common-utils-kit 1.1.4 → 1.1.18

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 (18) hide show
  1. package/.editorconfig +7 -0
  2. package/.eslintrc.js +42 -0
  3. package/.vscode/extensions.json +14 -0
  4. package/.vscode/settings.json +6 -0
  5. package/README.md +112 -25
  6. package/lib/demo.html +1 -0
  7. package/lib/utils-kit.common.js +14409 -0
  8. package/lib/utils-kit.css +179 -0
  9. package/lib/utils-kit.css.map +1 -0
  10. package/lib/utils-kit.umd.js +14420 -0
  11. package/lib/utils-kit.umd.min.js +1 -0
  12. package/package.json +59 -12
  13. package/index.js +0 -15
  14. package/src/directives.js +0 -248
  15. package/src/files.js +0 -109
  16. package/src/format.js +0 -248
  17. package/src/test.js +0 -153
  18. package/src/tool.js +0 -55
package/lib/utils-kit.css ADDED
@@ -0,0 +1,179 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ * 未勾选 中的摇晃效果
4
+ * @param <div :class="{'apply-shake':true}" />
5
+ */
6
+ @keyframes shake {
7
+ 10%, 90% {
8
+ transform: translate3d(-1px, 0, 0);
9
+ }
10
+ 20%, 80% {
11
+ transform: translate3d(2px, 0, 0);
12
+ }
13
+ 30%, 50%, 70% {
14
+ transform: translate3d(-4px, 0, 0);
15
+ }
16
+ 40%, 60% {
17
+ transform: translate3d(4px, 0, 0);
18
+ }
19
+ }
20
+ .apply-shake {
21
+ animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
22
+ }
23
+
24
+ /* 弹性盒子 */
25
+ .flex-row-left {
26
+ width: 100%;
27
+ display: flex;
28
+ flex-direction: row;
29
+ flex-wrap: nowrap;
30
+ justify-content: flex-start;
31
+ align-items: center;
32
+ }
33
+
34
+ .flex-row-center {
35
+ width: 100%;
36
+ display: flex;
37
+ flex-direction: row;
38
+ flex-wrap: nowrap;
39
+ justify-content: center;
40
+ align-items: center;
41
+ }
42
+
43
+ .flex-row-right {
44
+ width: 100%;
45
+ display: flex;
46
+ flex-direction: row;
47
+ flex-wrap: nowrap;
48
+ justify-content: flex-end;
49
+ align-items: center;
50
+ }
51
+
52
+ .flex-row-between {
53
+ width: 100%;
54
+ display: flex;
55
+ flex-direction: row;
56
+ flex-wrap: nowrap;
57
+ justify-content: space-between;
58
+ align-items: center;
59
+ }
60
+
61
+ .flex-row-around {
62
+ width: 100%;
63
+ display: flex;
64
+ flex-direction: row;
65
+ flex-wrap: nowrap;
66
+ justify-content: space-around;
67
+ align-items: center;
68
+ }
69
+
70
+ .flex-row-evenly {
71
+ width: 100%;
72
+ display: flex;
73
+ flex-direction: row;
74
+ flex-wrap: nowrap;
75
+ justify-content: space-evenly;
76
+ align-items: center;
77
+ }
78
+
79
+ .flex-column-top {
80
+ width: 100%;
81
+ display: flex;
82
+ flex-direction: column;
83
+ flex-wrap: nowrap;
84
+ justify-content: flex-start;
85
+ align-items: flex-start;
86
+ }
87
+
88
+ .flex-column-bottom {
89
+ width: 100%;
90
+ display: flex;
91
+ flex-direction: column;
92
+ flex-wrap: nowrap;
93
+ justify-content: flex-end;
94
+ align-items: flex-start;
95
+ }
96
+
97
+ .flex-column-center {
98
+ width: 100%;
99
+ display: flex;
100
+ flex-direction: column;
101
+ flex-wrap: nowrap;
102
+ justify-content: center;
103
+ align-items: flex-start;
104
+ }
105
+
106
+ .flex-column-between {
107
+ width: 100%;
108
+ display: flex;
109
+ flex-direction: column;
110
+ flex-wrap: nowrap;
111
+ justify-content: space-between;
112
+ align-items: flex-start;
113
+ }
114
+
115
+ .flex-column-around {
116
+ width: 100%;
117
+ display: flex;
118
+ flex-direction: column;
119
+ flex-wrap: nowrap;
120
+ justify-content: space-around;
121
+ align-items: flex-start;
122
+ }
123
+
124
+ .flex-column-evenly {
125
+ width: 100%;
126
+ display: flex;
127
+ flex-direction: column;
128
+ flex-wrap: nowrap;
129
+ justify-content: space-evenly;
130
+ align-items: flex-start;
131
+ }
132
+
133
+ /** 溢出隐藏 */
134
+ .line-1 {
135
+ display: -webkit-box !important;
136
+ overflow: hidden;
137
+ text-overflow: ellipsis;
138
+ word-break: break-all;
139
+ -webkit-line-clamp: 1;
140
+ -webkit-box-orient: vertical !important;
141
+ }
142
+
143
+ .line-2 {
144
+ display: -webkit-box !important;
145
+ overflow: hidden;
146
+ text-overflow: ellipsis;
147
+ word-break: break-all;
148
+ -webkit-line-clamp: 2;
149
+ -webkit-box-orient: vertical !important;
150
+ }
151
+
152
+ .line-3 {
153
+ display: -webkit-box !important;
154
+ overflow: hidden;
155
+ text-overflow: ellipsis;
156
+ word-break: break-all;
157
+ -webkit-line-clamp: 3;
158
+ -webkit-box-orient: vertical !important;
159
+ }
160
+
161
+ .line-4 {
162
+ display: -webkit-box !important;
163
+ overflow: hidden;
164
+ text-overflow: ellipsis;
165
+ word-break: break-all;
166
+ -webkit-line-clamp: 4;
167
+ -webkit-box-orient: vertical !important;
168
+ }
169
+
170
+ .line-5 {
171
+ display: -webkit-box !important;
172
+ overflow: hidden;
173
+ text-overflow: ellipsis;
174
+ word-break: break-all;
175
+ -webkit-line-clamp: 5;
176
+ -webkit-box-orient: vertical !important;
177
+ }
178
+
179
+ /*# sourceMappingURL=utils-kit.css.map */
package/lib/utils-kit.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/styles/animation.scss","../src/styles/common.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAAA;AAIC;EACC;IAEE;;EAEF;IAEE;;EAEF;IAGE;;EAEF;IAEE;;;AAGJ;EACE;;;ACxBF;AAgBE;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AANF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAEE;EAMI;EACA;EACA;EACA;EACA,oBAXO;EAYP;;;AAXJ;EAMI;EACA;EACA;EACA;EACA,oBAXO;EAYP;;;AAXJ;EAMI;EACA;EACA;EACA;EACA,oBAXO;EAYP;;;AAXJ;EAMI;EACA;EACA;EACA;EACA,oBAXO;EAYP;;;AAXJ;EAMI;EACA;EACA;EACA;EACA,oBAXO;EAYP","file":"utils-kit.css"}