mazey 1.4.39 → 2.0.0
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.
- package/README.md +264 -122
- package/README_CN.md +335 -0
- package/lib/example.d.ts +2 -0
- package/lib/example.d.ts.map +1 -0
- package/lib/index.cjs.js +195 -457
- package/lib/index.d.ts +78 -134
- package/lib/index.d.ts.map +1 -1
- package/lib/index.esm.js +194 -449
- package/package.json +4 -3
- package/src/example.html +21 -0
- package/src/example.ts +49 -0
- package/src/index.ts +146 -428
- package/lib/test.d.ts +0 -2
- package/lib/test.d.ts.map +0 -1
- package/src/js/data-structure/MSet.js +0 -89
- package/src/js/polyfill.js +0 -63
- package/src/js/service/common.js +0 -4
- package/src/scss/extend/index.scss +0 -149
- package/src/scss/index.scss +0 -5
- package/src/scss/mixin/index.scss +0 -41
- package/src/scss/variate/index.scss +0 -28
- package/src/test.html +0 -33
- package/src/test.ts +0 -52
package/lib/test.d.ts
DELETED
package/lib/test.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["src/test.ts"],"names":[],"mappings":""}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
// 集合
|
|
2
|
-
export default function MSet () {
|
|
3
|
-
this.dataStore = [];
|
|
4
|
-
this.add = add;
|
|
5
|
-
this.remove = remove;
|
|
6
|
-
this.size = size;
|
|
7
|
-
this.show = show;
|
|
8
|
-
this.contains = contains;
|
|
9
|
-
this.union = union;
|
|
10
|
-
this.intersect = intersect;
|
|
11
|
-
this.subset = subset;
|
|
12
|
-
this.difference = difference;
|
|
13
|
-
}
|
|
14
|
-
function add (data) {
|
|
15
|
-
if (this.dataStore.indexOf(data) < 0) {
|
|
16
|
-
this.dataStore.push(data);
|
|
17
|
-
return true;
|
|
18
|
-
} else {
|
|
19
|
-
return false;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
function remove (data) {
|
|
23
|
-
let pos = this.dataStore.indexOf(data);
|
|
24
|
-
if (pos > -1) {
|
|
25
|
-
this.dataStore.splice(pos, 1);
|
|
26
|
-
return true;
|
|
27
|
-
} else {
|
|
28
|
-
return false;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
function size () {
|
|
32
|
-
return this.dataStore.length;
|
|
33
|
-
}
|
|
34
|
-
function show () {
|
|
35
|
-
return this.dataStore;
|
|
36
|
-
}
|
|
37
|
-
function contains (data) {
|
|
38
|
-
if (this.dataStore.indexOf(data) > -1) {
|
|
39
|
-
return true;
|
|
40
|
-
} else {
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
// 并集
|
|
45
|
-
function union (set) {
|
|
46
|
-
let tempSet = new MSet();
|
|
47
|
-
for (let i = 0; i < this.dataStore.length; ++i) {
|
|
48
|
-
tempSet.add(this.dataStore[i]);
|
|
49
|
-
}
|
|
50
|
-
for (let i = 0; i < set.dataStore.length; ++i) {
|
|
51
|
-
if (!tempSet.contains(set.dataStore[i])) {
|
|
52
|
-
tempSet.dataStore.push(set.dataStore[i]);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
return tempSet;
|
|
56
|
-
}
|
|
57
|
-
// 交集
|
|
58
|
-
function intersect (set) {
|
|
59
|
-
let tempSet = new MSet();
|
|
60
|
-
for (let i = 0; i < this.dataStore.length; ++i) {
|
|
61
|
-
if (set.contains(this.dataStore[i])) {
|
|
62
|
-
tempSet.add(this.dataStore[i]);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
return tempSet;
|
|
66
|
-
}
|
|
67
|
-
// 子集
|
|
68
|
-
function subset (set) {
|
|
69
|
-
if (this.size() > set.size()) {
|
|
70
|
-
return false;
|
|
71
|
-
} else {
|
|
72
|
-
for (let i = 0; i < this.dataStore.length; ++i) {
|
|
73
|
-
if (!set.contains(this.dataStore[i])) {
|
|
74
|
-
return false;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
return true;
|
|
79
|
-
}
|
|
80
|
-
// 差集
|
|
81
|
-
function difference (set) {
|
|
82
|
-
let tempSet = new MSet();
|
|
83
|
-
for (let i = 0; i < this.dataStore.length; ++i) {
|
|
84
|
-
if (!set.contains(this.dataStore[i])) {
|
|
85
|
-
tempSet.add(this.dataStore[i]);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
return tempSet;
|
|
89
|
-
}
|
package/src/js/polyfill.js
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
// Production steps of ECMA-262, Edition 5, 15.4.4.21
|
|
2
|
-
// Reference: http://es5.github.io/#x15.4.4.21
|
|
3
|
-
// https://tc39.github.io/ecma262/#sec-array.prototype.reduce
|
|
4
|
-
if (!Array.prototype.reduce) {
|
|
5
|
-
Object.defineProperty(Array.prototype, 'reduce', {
|
|
6
|
-
value: function(callback /*, initialValue*/) {
|
|
7
|
-
if (this === null) {
|
|
8
|
-
throw new TypeError( 'Array.prototype.reduce ' +
|
|
9
|
-
'called on null or undefined' );
|
|
10
|
-
}
|
|
11
|
-
if (typeof callback !== 'function') {
|
|
12
|
-
throw new TypeError( callback +
|
|
13
|
-
' is not a function');
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
// 1. Let O be ? ToObject(this value).
|
|
17
|
-
var o = Object(this);
|
|
18
|
-
|
|
19
|
-
// 2. Let len be ? ToLength(? Get(O, "length")).
|
|
20
|
-
var len = o.length >>> 0;
|
|
21
|
-
|
|
22
|
-
// Steps 3, 4, 5, 6, 7
|
|
23
|
-
var k = 0;
|
|
24
|
-
var value;
|
|
25
|
-
|
|
26
|
-
if (arguments.length >= 2) {
|
|
27
|
-
value = arguments[1];
|
|
28
|
-
} else {
|
|
29
|
-
while (k < len && !(k in o)) {
|
|
30
|
-
k++;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// 3. If len is 0 and initialValue is not present,
|
|
34
|
-
// throw a TypeError exception.
|
|
35
|
-
if (k >= len) {
|
|
36
|
-
throw new TypeError( 'Reduce of empty array ' +
|
|
37
|
-
'with no initial value' );
|
|
38
|
-
}
|
|
39
|
-
value = o[k++];
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// 8. Repeat, while k < len
|
|
43
|
-
while (k < len) {
|
|
44
|
-
// a. Let Pk be ! ToString(k).
|
|
45
|
-
// b. Let kPresent be ? HasProperty(O, Pk).
|
|
46
|
-
// c. If kPresent is true, then
|
|
47
|
-
// i. Let kValue be ? Get(O, Pk).
|
|
48
|
-
// ii. Let accumulator be ? Call(
|
|
49
|
-
// callbackfn, undefined,
|
|
50
|
-
// « accumulator, kValue, k, O »).
|
|
51
|
-
if (k in o) {
|
|
52
|
-
value = callback(value, o[k], k, o);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// d. Increase k by 1.
|
|
56
|
-
k++;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// 9. Return accumulator.
|
|
60
|
-
return value;
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
}
|
package/src/js/service/common.js
DELETED
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
%m-pointer {
|
|
2
|
-
cursor: pointer;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
%m-show{
|
|
6
|
-
display: block;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
%m-hide{
|
|
10
|
-
display: none;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
%m-flex-middle {
|
|
14
|
-
display: flex;
|
|
15
|
-
align-items: center;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
%m-flex-center {
|
|
19
|
-
display: flex;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
%m-flex-centre {
|
|
24
|
-
display: flex;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
align-items: center;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
%m-ellipsis{
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
text-overflow: ellipsis;
|
|
32
|
-
white-space: nowrap;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
%m-wrap{
|
|
36
|
-
word-break: break-all;
|
|
37
|
-
word-wrap: break-word;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
%m-table{
|
|
41
|
-
width: 100%;
|
|
42
|
-
//border: 1px solid #E4EBEE;
|
|
43
|
-
background: 0 0;
|
|
44
|
-
font-size: 12px;
|
|
45
|
-
border-collapse: collapse;
|
|
46
|
-
%unity{
|
|
47
|
-
text-align: left;
|
|
48
|
-
padding: 10px 15px;
|
|
49
|
-
}
|
|
50
|
-
>thead{
|
|
51
|
-
>tr{
|
|
52
|
-
>th{
|
|
53
|
-
@extend %unity;
|
|
54
|
-
color: #242a30;
|
|
55
|
-
font-weight: 600;
|
|
56
|
-
border-bottom: 1px solid #b6c2c9 !important;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
>tbody{
|
|
61
|
-
>tr{
|
|
62
|
-
>td{
|
|
63
|
-
@extend %unity;
|
|
64
|
-
color: #707478;
|
|
65
|
-
border-top: 1px solid #dee2e6;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
// 斑马线
|
|
70
|
-
&.table-striped tbody tr{
|
|
71
|
-
&:nth-of-type(odd) {
|
|
72
|
-
background-color: rgba(0,0,0,.05);
|
|
73
|
-
}
|
|
74
|
-
>td{
|
|
75
|
-
border-top-width: 0;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
// 悬浮变色
|
|
79
|
-
&.table-hover tbody tr{
|
|
80
|
-
&:hover{
|
|
81
|
-
background-color: rgba(0,0,0,.05);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
// 有框
|
|
85
|
-
&.table-bordered{
|
|
86
|
-
th,
|
|
87
|
-
td{
|
|
88
|
-
border: 1px solid #dee2e6;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
// 排序
|
|
92
|
-
.m-table-is-sort{
|
|
93
|
-
@extend %m-pointer;
|
|
94
|
-
.m-table-sort{
|
|
95
|
-
display: inline-flex;
|
|
96
|
-
flex-direction: column;
|
|
97
|
-
align-items: center;
|
|
98
|
-
height: 34px;
|
|
99
|
-
width: 24px;
|
|
100
|
-
vertical-align: middle;
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
overflow: initial;
|
|
103
|
-
position: relative;
|
|
104
|
-
>i{
|
|
105
|
-
width: 0;
|
|
106
|
-
height: 0;
|
|
107
|
-
border: 5px solid transparent;
|
|
108
|
-
position: absolute;
|
|
109
|
-
left: 7px;
|
|
110
|
-
&.sort-ascend{
|
|
111
|
-
border-bottom-color: #c0c4cc;
|
|
112
|
-
top: 5px;
|
|
113
|
-
&.active{
|
|
114
|
-
border-bottom-color: #409EFF;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
&.sort-descend{
|
|
118
|
-
border-top-color: #c0c4cc;
|
|
119
|
-
bottom: 7px;
|
|
120
|
-
&.active{
|
|
121
|
-
border-top-color: #409EFF;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
%m-scroll-bar{
|
|
130
|
-
overflow-y: auto;
|
|
131
|
-
/*滚动条的宽度*/
|
|
132
|
-
&::-webkit-scrollbar{
|
|
133
|
-
width: 6px;
|
|
134
|
-
}
|
|
135
|
-
/* 滚动条的滑轨背景颜色 */
|
|
136
|
-
&::-webkit-scrollbar-track {
|
|
137
|
-
background-color: transparent; // red;
|
|
138
|
-
-webkit-border-radius: 2em;
|
|
139
|
-
-moz-border-radius: 2em;
|
|
140
|
-
border-radius:2em;
|
|
141
|
-
}
|
|
142
|
-
/* 滑块颜色 */
|
|
143
|
-
&::-webkit-scrollbar-thumb {
|
|
144
|
-
background-color:darken(#EEEEEE, 10%); // green;
|
|
145
|
-
-webkit-border-radius: 2em;
|
|
146
|
-
-moz-border-radius: 2em;
|
|
147
|
-
border-radius:2em;
|
|
148
|
-
}
|
|
149
|
-
}
|
package/src/scss/index.scss
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
@mixin m-icon ($w: auto, $h: auto, $url: "") {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
width: $w;
|
|
4
|
-
height: $h;
|
|
5
|
-
background: url($url) no-repeat;
|
|
6
|
-
vertical-align: middle;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin m-circle ($len, $color) {
|
|
10
|
-
display: inline-block;
|
|
11
|
-
width: $len;
|
|
12
|
-
height: $len;
|
|
13
|
-
background-color: $color;
|
|
14
|
-
border-radius: 50%;
|
|
15
|
-
vertical-align: middle;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@mixin m-row {
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-wrap: wrap;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@mixin m-col ($percent) {
|
|
24
|
-
display: block;
|
|
25
|
-
position: relative;
|
|
26
|
-
max-width: $percent;
|
|
27
|
-
flex: 0 0 $percent;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@mixin m-hr ($w, $color) {
|
|
31
|
-
width: $w;
|
|
32
|
-
height: 1px;
|
|
33
|
-
background-color: $color;
|
|
34
|
-
display: inline-block;
|
|
35
|
-
text-align: center;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@mixin m-triangle ($w, $color, $dir) {
|
|
39
|
-
border: $w solid transparent;
|
|
40
|
-
border-#{$dir}-color: $color;
|
|
41
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// 颜色
|
|
2
|
-
$color-white: #ffffff;
|
|
3
|
-
$color-green: #2ECC40;
|
|
4
|
-
$color-red: #FF4136;
|
|
5
|
-
$color-black: #111111;
|
|
6
|
-
$color-orange: #FF851B;
|
|
7
|
-
$color-yellow: #FFDC00;
|
|
8
|
-
$color-blue: #0074D9;
|
|
9
|
-
$color-purple: #B10DC9;
|
|
10
|
-
|
|
11
|
-
// 背景图
|
|
12
|
-
$bgc-navy: #001F3F;
|
|
13
|
-
$bgc-blue: #0074D9;
|
|
14
|
-
$bgc-aqua: #7FDBFF;
|
|
15
|
-
$bgc-teal: #39CCCC;
|
|
16
|
-
$bgc-olive: #3D9970;
|
|
17
|
-
$bgc-green: #2ECC40;
|
|
18
|
-
$bgc-lime: #01FF70;
|
|
19
|
-
$bgc-yellow: #FFDC00;
|
|
20
|
-
$bgc-orange: #FF851B;
|
|
21
|
-
$bgc-red: #FF4136;
|
|
22
|
-
$bgc-fuchsia: #F012BE;
|
|
23
|
-
$bgc-purple: #B10DC9;
|
|
24
|
-
$bgc-maroon: #85144B;
|
|
25
|
-
$bgc-white: #FFFFFF;
|
|
26
|
-
$bgc-gray: #AAAAAA;
|
|
27
|
-
$bgc-silver: #DDDDDD;
|
|
28
|
-
$bgc-black: #111111;
|
package/src/test.html
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<title>Mazey's Test.</title>
|
|
6
|
-
<style>
|
|
7
|
-
.container {
|
|
8
|
-
position: absolute;
|
|
9
|
-
top: 0;
|
|
10
|
-
bottom: 0;
|
|
11
|
-
left: 0;
|
|
12
|
-
right: 0;
|
|
13
|
-
background-color: #999;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
}
|
|
16
|
-
.box {
|
|
17
|
-
transform: translate3d(0, 500px, 0px) scale(1);
|
|
18
|
-
}
|
|
19
|
-
.img {
|
|
20
|
-
width: 30%;
|
|
21
|
-
height: 90vh;
|
|
22
|
-
}
|
|
23
|
-
</style>
|
|
24
|
-
</head>
|
|
25
|
-
<body>
|
|
26
|
-
<div class="container">
|
|
27
|
-
<div class="box">
|
|
28
|
-
<img class="img" src="https://i.mazey.net/asset/WechatIMG14200.jpeg" />
|
|
29
|
-
</div>
|
|
30
|
-
<div class="s"></div>
|
|
31
|
-
</div>
|
|
32
|
-
</body>
|
|
33
|
-
</html>
|
package/src/test.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
calLongestCommonSubstring,
|
|
3
|
-
calLongestCommonSubsequence,
|
|
4
|
-
getPerformance,
|
|
5
|
-
camelCaseToKebabCase,
|
|
6
|
-
camelCase2Underscore,
|
|
7
|
-
deepCopyObject,
|
|
8
|
-
inRate,
|
|
9
|
-
getUrlParam,
|
|
10
|
-
loadScript,
|
|
11
|
-
isSafePWAEnv,
|
|
12
|
-
getBrowserType,
|
|
13
|
-
debounce,
|
|
14
|
-
windowLoaded,
|
|
15
|
-
isNumber,
|
|
16
|
-
addInlineStyle,
|
|
17
|
-
floatToPercent,
|
|
18
|
-
customScrollBarForTransformEle,
|
|
19
|
-
// getPerformance,
|
|
20
|
-
calcContainImageSizeAndPosition,
|
|
21
|
-
genCustomConsole,
|
|
22
|
-
} from './index';
|
|
23
|
-
|
|
24
|
-
// 数字测试
|
|
25
|
-
console.log('数字测试:', isNumber(Infinity, { isUnFiniteAsNumber: true }));
|
|
26
|
-
|
|
27
|
-
console.log('计算适配屏幕宽度的图片尺寸和位置:', JSON.stringify(calcContainImageSizeAndPosition({ oriImageWidth: 300, oriImageHeight: 300, viewportWidth: 375, viewportHeight: 812 })));
|
|
28
|
-
|
|
29
|
-
const aaa = genCustomConsole({ prefix: 'aaa' });
|
|
30
|
-
const bbb = genCustomConsole({ prefix: 'bbb:' });
|
|
31
|
-
const ccc = genCustomConsole({ prefix: '' });
|
|
32
|
-
const myConsole = genCustomConsole({ prefix: 'MazeyLog:' });
|
|
33
|
-
|
|
34
|
-
aaa.log(123);
|
|
35
|
-
aaa.info(123, 456);
|
|
36
|
-
aaa.warn(123, 456, 789);
|
|
37
|
-
aaa.error(123, 456, 789, 0);
|
|
38
|
-
|
|
39
|
-
bbb.log(123);
|
|
40
|
-
bbb.info(123, 456);
|
|
41
|
-
bbb.warn(123, 456, 789);
|
|
42
|
-
bbb.error(123, 456, 789, 0);
|
|
43
|
-
|
|
44
|
-
ccc.log(123);
|
|
45
|
-
ccc.info(123, 456);
|
|
46
|
-
ccc.warn(123, 456, 789);
|
|
47
|
-
ccc.error(123, 456, 789, 0);
|
|
48
|
-
|
|
49
|
-
myConsole.log('I am string.'); // MazeyLog: I am string.
|
|
50
|
-
myConsole.info('I am boolean.', true); // MazeyLog: I am boolean. true
|
|
51
|
-
myConsole.info('I am number.', 123, 456); // MazeyLog: I am number. 123 456
|
|
52
|
-
myConsole.info('I am object.', { a: 123, b: 456}); // MazeyLog: I am object. {a: 123, b: 456}
|