sun-card-design 1.1.10 → 1.1.11
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/dist/mobile/sun-card-design-mobile.es32.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es33.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es34.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es35.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es36.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es37.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es38.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es68.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es70.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es73.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es74.js +173 -2
- package/dist/mobile/sun-card-design-mobile.es75.js +35 -139
- package/dist/mobile/sun-card-design-mobile.es76.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es77.js +146 -2
- package/dist/mobile/sun-card-design-mobile.es78.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es79.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es80.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es81.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es82.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es83.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es84.js +2 -173
- package/dist/mobile/sun-card-design-mobile.es85.js +2 -42
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import EditOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import EditOutlined$1 from "./sun-card-design-mobile.es83.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import DeleteOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import DeleteOutlined$1 from "./sun-card-design-mobile.es81.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import CloseOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import CloseOutlined$1 from "./sun-card-design-mobile.es80.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import CheckOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import CheckOutlined$1 from "./sun-card-design-mobile.es76.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import ClearOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import ClearOutlined$1 from "./sun-card-design-mobile.es78.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import DownloadOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import DownloadOutlined$1 from "./sun-card-design-mobile.es82.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import SearchOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import SearchOutlined$1 from "./sun-card-design-mobile.es84.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import CloseCircleFilled$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import CloseCircleFilled$1 from "./sun-card-design-mobile.es79.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createVNode } from "vue";
|
|
2
|
-
import UploadOutlined$1 from "./sun-card-design-mobile.
|
|
3
|
-
import Icon from "./sun-card-design-mobile.
|
|
2
|
+
import UploadOutlined$1 from "./sun-card-design-mobile.es85.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es77.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { nextTick, h } from "vue";
|
|
2
|
-
import { generate as generate$1 } from "./sun-card-design-mobile.
|
|
3
|
-
import insertCss from "./sun-card-design-mobile.
|
|
2
|
+
import { generate as generate$1 } from "./sun-card-design-mobile.es74.js";
|
|
3
|
+
import insertCss from "./sun-card-design-mobile.es75.js";
|
|
4
4
|
function _objectSpread(target) {
|
|
5
5
|
for (var i = 1; i < arguments.length; i++) {
|
|
6
6
|
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
@@ -1,4 +1,175 @@
|
|
|
1
|
-
|
|
1
|
+
import { inputToRGB } from "./sun-card-design-mobile.es86.js";
|
|
2
|
+
import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es87.js";
|
|
3
|
+
var hueStep = 2;
|
|
4
|
+
var saturationStep = 0.16;
|
|
5
|
+
var saturationStep2 = 0.05;
|
|
6
|
+
var brightnessStep1 = 0.05;
|
|
7
|
+
var brightnessStep2 = 0.15;
|
|
8
|
+
var lightColorCount = 5;
|
|
9
|
+
var darkColorCount = 4;
|
|
10
|
+
var darkColorMap = [{
|
|
11
|
+
index: 7,
|
|
12
|
+
opacity: 0.15
|
|
13
|
+
}, {
|
|
14
|
+
index: 6,
|
|
15
|
+
opacity: 0.25
|
|
16
|
+
}, {
|
|
17
|
+
index: 5,
|
|
18
|
+
opacity: 0.3
|
|
19
|
+
}, {
|
|
20
|
+
index: 5,
|
|
21
|
+
opacity: 0.45
|
|
22
|
+
}, {
|
|
23
|
+
index: 5,
|
|
24
|
+
opacity: 0.65
|
|
25
|
+
}, {
|
|
26
|
+
index: 5,
|
|
27
|
+
opacity: 0.85
|
|
28
|
+
}, {
|
|
29
|
+
index: 4,
|
|
30
|
+
opacity: 0.9
|
|
31
|
+
}, {
|
|
32
|
+
index: 3,
|
|
33
|
+
opacity: 0.95
|
|
34
|
+
}, {
|
|
35
|
+
index: 2,
|
|
36
|
+
opacity: 0.97
|
|
37
|
+
}, {
|
|
38
|
+
index: 1,
|
|
39
|
+
opacity: 0.98
|
|
40
|
+
}];
|
|
41
|
+
function toHsv(_ref) {
|
|
42
|
+
var r = _ref.r, g = _ref.g, b = _ref.b;
|
|
43
|
+
var hsv = rgbToHsv(r, g, b);
|
|
44
|
+
return {
|
|
45
|
+
h: hsv.h * 360,
|
|
46
|
+
s: hsv.s,
|
|
47
|
+
v: hsv.v
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
function toHex(_ref2) {
|
|
51
|
+
var r = _ref2.r, g = _ref2.g, b = _ref2.b;
|
|
52
|
+
return "#".concat(rgbToHex(r, g, b));
|
|
53
|
+
}
|
|
54
|
+
function mix(rgb1, rgb2, amount) {
|
|
55
|
+
var p = amount / 100;
|
|
56
|
+
var rgb = {
|
|
57
|
+
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
58
|
+
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
59
|
+
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
60
|
+
};
|
|
61
|
+
return rgb;
|
|
62
|
+
}
|
|
63
|
+
function getHue(hsv, i, light) {
|
|
64
|
+
var hue;
|
|
65
|
+
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
66
|
+
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
67
|
+
} else {
|
|
68
|
+
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
69
|
+
}
|
|
70
|
+
if (hue < 0) {
|
|
71
|
+
hue += 360;
|
|
72
|
+
} else if (hue >= 360) {
|
|
73
|
+
hue -= 360;
|
|
74
|
+
}
|
|
75
|
+
return hue;
|
|
76
|
+
}
|
|
77
|
+
function getSaturation(hsv, i, light) {
|
|
78
|
+
if (hsv.h === 0 && hsv.s === 0) {
|
|
79
|
+
return hsv.s;
|
|
80
|
+
}
|
|
81
|
+
var saturation;
|
|
82
|
+
if (light) {
|
|
83
|
+
saturation = hsv.s - saturationStep * i;
|
|
84
|
+
} else if (i === darkColorCount) {
|
|
85
|
+
saturation = hsv.s + saturationStep;
|
|
86
|
+
} else {
|
|
87
|
+
saturation = hsv.s + saturationStep2 * i;
|
|
88
|
+
}
|
|
89
|
+
if (saturation > 1) {
|
|
90
|
+
saturation = 1;
|
|
91
|
+
}
|
|
92
|
+
if (light && i === lightColorCount && saturation > 0.1) {
|
|
93
|
+
saturation = 0.1;
|
|
94
|
+
}
|
|
95
|
+
if (saturation < 0.06) {
|
|
96
|
+
saturation = 0.06;
|
|
97
|
+
}
|
|
98
|
+
return Number(saturation.toFixed(2));
|
|
99
|
+
}
|
|
100
|
+
function getValue(hsv, i, light) {
|
|
101
|
+
var value;
|
|
102
|
+
if (light) {
|
|
103
|
+
value = hsv.v + brightnessStep1 * i;
|
|
104
|
+
} else {
|
|
105
|
+
value = hsv.v - brightnessStep2 * i;
|
|
106
|
+
}
|
|
107
|
+
if (value > 1) {
|
|
108
|
+
value = 1;
|
|
109
|
+
}
|
|
110
|
+
return Number(value.toFixed(2));
|
|
111
|
+
}
|
|
112
|
+
function generate(color) {
|
|
113
|
+
var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
114
|
+
var patterns = [];
|
|
115
|
+
var pColor = inputToRGB(color);
|
|
116
|
+
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
117
|
+
var hsv = toHsv(pColor);
|
|
118
|
+
var colorString = toHex(inputToRGB({
|
|
119
|
+
h: getHue(hsv, i, true),
|
|
120
|
+
s: getSaturation(hsv, i, true),
|
|
121
|
+
v: getValue(hsv, i, true)
|
|
122
|
+
}));
|
|
123
|
+
patterns.push(colorString);
|
|
124
|
+
}
|
|
125
|
+
patterns.push(toHex(pColor));
|
|
126
|
+
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
127
|
+
var _hsv = toHsv(pColor);
|
|
128
|
+
var _colorString = toHex(inputToRGB({
|
|
129
|
+
h: getHue(_hsv, _i),
|
|
130
|
+
s: getSaturation(_hsv, _i),
|
|
131
|
+
v: getValue(_hsv, _i)
|
|
132
|
+
}));
|
|
133
|
+
patterns.push(_colorString);
|
|
134
|
+
}
|
|
135
|
+
if (opts.theme === "dark") {
|
|
136
|
+
return darkColorMap.map(function(_ref3) {
|
|
137
|
+
var index = _ref3.index, opacity = _ref3.opacity;
|
|
138
|
+
var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index]), opacity * 100));
|
|
139
|
+
return darkColorString;
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
return patterns;
|
|
143
|
+
}
|
|
144
|
+
var presetPrimaryColors = {
|
|
145
|
+
red: "#F5222D",
|
|
146
|
+
volcano: "#FA541C",
|
|
147
|
+
orange: "#FA8C16",
|
|
148
|
+
gold: "#FAAD14",
|
|
149
|
+
yellow: "#FADB14",
|
|
150
|
+
lime: "#A0D911",
|
|
151
|
+
green: "#52C41A",
|
|
152
|
+
cyan: "#13C2C2",
|
|
153
|
+
blue: "#1890FF",
|
|
154
|
+
geekblue: "#2F54EB",
|
|
155
|
+
purple: "#722ED1",
|
|
156
|
+
magenta: "#EB2F96",
|
|
157
|
+
grey: "#666666"
|
|
158
|
+
};
|
|
159
|
+
var presetPalettes = {};
|
|
160
|
+
var presetDarkPalettes = {};
|
|
161
|
+
Object.keys(presetPrimaryColors).forEach(function(key) {
|
|
162
|
+
presetPalettes[key] = generate(presetPrimaryColors[key]);
|
|
163
|
+
presetPalettes[key].primary = presetPalettes[key][5];
|
|
164
|
+
presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
|
|
165
|
+
theme: "dark",
|
|
166
|
+
backgroundColor: "#141414"
|
|
167
|
+
});
|
|
168
|
+
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
169
|
+
});
|
|
2
170
|
export {
|
|
3
|
-
|
|
171
|
+
generate,
|
|
172
|
+
presetDarkPalettes,
|
|
173
|
+
presetPalettes,
|
|
174
|
+
presetPrimaryColors
|
|
4
175
|
};
|
|
@@ -1,148 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
return
|
|
8
|
-
}
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
if (!o) return;
|
|
14
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
15
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
16
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
17
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
18
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
19
|
-
}
|
|
20
|
-
function _arrayLikeToArray(arr, len) {
|
|
21
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
22
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
23
|
-
arr2[i] = arr[i];
|
|
24
|
-
}
|
|
25
|
-
return arr2;
|
|
26
|
-
}
|
|
27
|
-
function _iterableToArrayLimit(arr, i) {
|
|
28
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
29
|
-
if (_i == null) return;
|
|
30
|
-
var _arr = [];
|
|
31
|
-
var _n = true;
|
|
32
|
-
var _d = false;
|
|
33
|
-
var _s, _e;
|
|
34
|
-
try {
|
|
35
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
36
|
-
_arr.push(_s.value);
|
|
37
|
-
if (i && _arr.length === i) break;
|
|
38
|
-
}
|
|
39
|
-
} catch (err) {
|
|
40
|
-
_d = true;
|
|
41
|
-
_e = err;
|
|
42
|
-
} finally {
|
|
43
|
-
try {
|
|
44
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
45
|
-
} finally {
|
|
46
|
-
if (_d) throw _e;
|
|
47
|
-
}
|
|
1
|
+
var containers = [];
|
|
2
|
+
var styleElements = [];
|
|
3
|
+
var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
|
|
4
|
+
function createStyleElement() {
|
|
5
|
+
var styleElement = document.createElement("style");
|
|
6
|
+
styleElement.setAttribute("type", "text/css");
|
|
7
|
+
return styleElement;
|
|
8
|
+
}
|
|
9
|
+
function insertCss(css, options) {
|
|
10
|
+
options = options || {};
|
|
11
|
+
if (css === void 0) {
|
|
12
|
+
throw new Error(usage);
|
|
48
13
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
if (
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
-
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
57
|
-
var ownKeys = Object.keys(source);
|
|
58
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
59
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
60
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
61
|
-
}));
|
|
62
|
-
}
|
|
63
|
-
ownKeys.forEach(function(key) {
|
|
64
|
-
_defineProperty(target, key, source[key]);
|
|
65
|
-
});
|
|
14
|
+
var position = options.prepend === true ? "prepend" : "append";
|
|
15
|
+
var container = options.container !== void 0 ? options.container : document.querySelector("head");
|
|
16
|
+
var containerId = containers.indexOf(container);
|
|
17
|
+
if (containerId === -1) {
|
|
18
|
+
containerId = containers.push(container) - 1;
|
|
19
|
+
styleElements[containerId] = {};
|
|
66
20
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
if (key in obj) {
|
|
71
|
-
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
21
|
+
var styleElement;
|
|
22
|
+
if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
|
|
23
|
+
styleElement = styleElements[containerId][position];
|
|
72
24
|
} else {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
if (source == null) return {};
|
|
79
|
-
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
80
|
-
var key, i;
|
|
81
|
-
if (Object.getOwnPropertySymbols) {
|
|
82
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
83
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
84
|
-
key = sourceSymbolKeys[i];
|
|
85
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
86
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
87
|
-
target[key] = source[key];
|
|
25
|
+
styleElement = styleElements[containerId][position] = createStyleElement();
|
|
26
|
+
if (position === "prepend") {
|
|
27
|
+
container.insertBefore(styleElement, container.childNodes[0]);
|
|
28
|
+
} else {
|
|
29
|
+
container.appendChild(styleElement);
|
|
88
30
|
}
|
|
89
31
|
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
93
|
-
if (source == null) return {};
|
|
94
|
-
var target = {};
|
|
95
|
-
var sourceKeys = Object.keys(source);
|
|
96
|
-
var key, i;
|
|
97
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
98
|
-
key = sourceKeys[i];
|
|
99
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
100
|
-
target[key] = source[key];
|
|
32
|
+
if (css.charCodeAt(0) === 65279) {
|
|
33
|
+
css = css.substr(1, css.length);
|
|
101
34
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
var _classObj;
|
|
107
|
-
var _props$context$attrs = _objectSpread({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
|
|
108
|
-
var classObj = (_classObj = {
|
|
109
|
-
anticon: true
|
|
110
|
-
}, _defineProperty(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, cls, cls), _classObj);
|
|
111
|
-
var svgClassString = spin === "" || !!spin || icon.name === "loading" ? "anticon-spin" : "";
|
|
112
|
-
var iconTabIndex = tabindex;
|
|
113
|
-
if (iconTabIndex === void 0 && onClick) {
|
|
114
|
-
iconTabIndex = -1;
|
|
115
|
-
restProps.tabindex = iconTabIndex;
|
|
35
|
+
if (styleElement.styleSheet) {
|
|
36
|
+
styleElement.styleSheet.cssText += css;
|
|
37
|
+
} else {
|
|
38
|
+
styleElement.textContent += css;
|
|
116
39
|
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
transform: "rotate(".concat(rotate, "deg)")
|
|
120
|
-
} : void 0;
|
|
121
|
-
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
|
|
122
|
-
return createVNode("span", _objectSpread({
|
|
123
|
-
"role": "img",
|
|
124
|
-
"aria-label": icon.name
|
|
125
|
-
}, restProps, {
|
|
126
|
-
"onClick": onClick,
|
|
127
|
-
"class": classObj
|
|
128
|
-
}), [createVNode(IconBase, {
|
|
129
|
-
"class": svgClassString,
|
|
130
|
-
"icon": icon,
|
|
131
|
-
"primaryColor": primaryColor,
|
|
132
|
-
"secondaryColor": secondaryColor,
|
|
133
|
-
"style": svgStyle
|
|
134
|
-
}, null)]);
|
|
135
|
-
};
|
|
136
|
-
Icon.props = {
|
|
137
|
-
spin: Boolean,
|
|
138
|
-
rotate: Number,
|
|
139
|
-
icon: Object,
|
|
140
|
-
twoToneColor: String
|
|
141
|
-
};
|
|
142
|
-
Icon.displayName = "AntdIcon";
|
|
143
|
-
Icon.inheritAttrs = false;
|
|
144
|
-
Icon.getTwoToneColor = getTwoToneColor;
|
|
145
|
-
Icon.setTwoToneColor = setTwoToneColor;
|
|
40
|
+
return styleElement;
|
|
41
|
+
}
|
|
146
42
|
export {
|
|
147
|
-
|
|
43
|
+
insertCss as default
|
|
148
44
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var CheckOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" } }] }, "name": "check", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
CheckOutlined as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,148 @@
|
|
|
1
|
-
|
|
1
|
+
import { createVNode } from "vue";
|
|
2
|
+
import IconBase from "./sun-card-design-mobile.es72.js";
|
|
3
|
+
import { setTwoToneColor, getTwoToneColor } from "./sun-card-design-mobile.es71.js";
|
|
4
|
+
import { normalizeTwoToneColors } from "./sun-card-design-mobile.es73.js";
|
|
5
|
+
var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
|
|
6
|
+
function _slicedToArray(arr, i) {
|
|
7
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
8
|
+
}
|
|
9
|
+
function _nonIterableRest() {
|
|
10
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
11
|
+
}
|
|
12
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
13
|
+
if (!o) return;
|
|
14
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
15
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
16
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
17
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
18
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
19
|
+
}
|
|
20
|
+
function _arrayLikeToArray(arr, len) {
|
|
21
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
22
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
23
|
+
arr2[i] = arr[i];
|
|
24
|
+
}
|
|
25
|
+
return arr2;
|
|
26
|
+
}
|
|
27
|
+
function _iterableToArrayLimit(arr, i) {
|
|
28
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
29
|
+
if (_i == null) return;
|
|
30
|
+
var _arr = [];
|
|
31
|
+
var _n = true;
|
|
32
|
+
var _d = false;
|
|
33
|
+
var _s, _e;
|
|
34
|
+
try {
|
|
35
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
36
|
+
_arr.push(_s.value);
|
|
37
|
+
if (i && _arr.length === i) break;
|
|
38
|
+
}
|
|
39
|
+
} catch (err) {
|
|
40
|
+
_d = true;
|
|
41
|
+
_e = err;
|
|
42
|
+
} finally {
|
|
43
|
+
try {
|
|
44
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
45
|
+
} finally {
|
|
46
|
+
if (_d) throw _e;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
return _arr;
|
|
50
|
+
}
|
|
51
|
+
function _arrayWithHoles(arr) {
|
|
52
|
+
if (Array.isArray(arr)) return arr;
|
|
53
|
+
}
|
|
54
|
+
function _objectSpread(target) {
|
|
55
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
56
|
+
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
57
|
+
var ownKeys = Object.keys(source);
|
|
58
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
59
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
60
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
61
|
+
}));
|
|
62
|
+
}
|
|
63
|
+
ownKeys.forEach(function(key) {
|
|
64
|
+
_defineProperty(target, key, source[key]);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
return target;
|
|
68
|
+
}
|
|
69
|
+
function _defineProperty(obj, key, value) {
|
|
70
|
+
if (key in obj) {
|
|
71
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
72
|
+
} else {
|
|
73
|
+
obj[key] = value;
|
|
74
|
+
}
|
|
75
|
+
return obj;
|
|
76
|
+
}
|
|
77
|
+
function _objectWithoutProperties(source, excluded) {
|
|
78
|
+
if (source == null) return {};
|
|
79
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
80
|
+
var key, i;
|
|
81
|
+
if (Object.getOwnPropertySymbols) {
|
|
82
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
83
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
84
|
+
key = sourceSymbolKeys[i];
|
|
85
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
86
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
87
|
+
target[key] = source[key];
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
return target;
|
|
91
|
+
}
|
|
92
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
93
|
+
if (source == null) return {};
|
|
94
|
+
var target = {};
|
|
95
|
+
var sourceKeys = Object.keys(source);
|
|
96
|
+
var key, i;
|
|
97
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
98
|
+
key = sourceKeys[i];
|
|
99
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
100
|
+
target[key] = source[key];
|
|
101
|
+
}
|
|
102
|
+
return target;
|
|
103
|
+
}
|
|
104
|
+
setTwoToneColor("#1890ff");
|
|
105
|
+
var Icon = function Icon2(props, context) {
|
|
106
|
+
var _classObj;
|
|
107
|
+
var _props$context$attrs = _objectSpread({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
|
|
108
|
+
var classObj = (_classObj = {
|
|
109
|
+
anticon: true
|
|
110
|
+
}, _defineProperty(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty(_classObj, cls, cls), _classObj);
|
|
111
|
+
var svgClassString = spin === "" || !!spin || icon.name === "loading" ? "anticon-spin" : "";
|
|
112
|
+
var iconTabIndex = tabindex;
|
|
113
|
+
if (iconTabIndex === void 0 && onClick) {
|
|
114
|
+
iconTabIndex = -1;
|
|
115
|
+
restProps.tabindex = iconTabIndex;
|
|
116
|
+
}
|
|
117
|
+
var svgStyle = rotate ? {
|
|
118
|
+
msTransform: "rotate(".concat(rotate, "deg)"),
|
|
119
|
+
transform: "rotate(".concat(rotate, "deg)")
|
|
120
|
+
} : void 0;
|
|
121
|
+
var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
|
|
122
|
+
return createVNode("span", _objectSpread({
|
|
123
|
+
"role": "img",
|
|
124
|
+
"aria-label": icon.name
|
|
125
|
+
}, restProps, {
|
|
126
|
+
"onClick": onClick,
|
|
127
|
+
"class": classObj
|
|
128
|
+
}), [createVNode(IconBase, {
|
|
129
|
+
"class": svgClassString,
|
|
130
|
+
"icon": icon,
|
|
131
|
+
"primaryColor": primaryColor,
|
|
132
|
+
"secondaryColor": secondaryColor,
|
|
133
|
+
"style": svgStyle
|
|
134
|
+
}, null)]);
|
|
135
|
+
};
|
|
136
|
+
Icon.props = {
|
|
137
|
+
spin: Boolean,
|
|
138
|
+
rotate: Number,
|
|
139
|
+
icon: Object,
|
|
140
|
+
twoToneColor: String
|
|
141
|
+
};
|
|
142
|
+
Icon.displayName = "AntdIcon";
|
|
143
|
+
Icon.inheritAttrs = false;
|
|
144
|
+
Icon.getTwoToneColor = getTwoToneColor;
|
|
145
|
+
Icon.setTwoToneColor = setTwoToneColor;
|
|
2
146
|
export {
|
|
3
|
-
|
|
147
|
+
Icon as default
|
|
4
148
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var ClearOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6a25.95 25.95 0 0025.6 30.4h723c1.5 0 3-.1 4.4-.4a25.88 25.88 0 0021.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z" } }] }, "name": "clear", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
ClearOutlined as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var CloseCircleFilled = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
CloseCircleFilled as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
CloseOutlined as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
DeleteOutlined as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var DownloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "download", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
DownloadOutlined as default
|
|
4
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var EditOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, "name": "edit", "theme": "outlined" };
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
EditOutlined as default
|
|
4
4
|
};
|
|
@@ -1,175 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { rgbToHsv, rgbToHex } from "./sun-card-design-mobile.es87.js";
|
|
3
|
-
var hueStep = 2;
|
|
4
|
-
var saturationStep = 0.16;
|
|
5
|
-
var saturationStep2 = 0.05;
|
|
6
|
-
var brightnessStep1 = 0.05;
|
|
7
|
-
var brightnessStep2 = 0.15;
|
|
8
|
-
var lightColorCount = 5;
|
|
9
|
-
var darkColorCount = 4;
|
|
10
|
-
var darkColorMap = [{
|
|
11
|
-
index: 7,
|
|
12
|
-
opacity: 0.15
|
|
13
|
-
}, {
|
|
14
|
-
index: 6,
|
|
15
|
-
opacity: 0.25
|
|
16
|
-
}, {
|
|
17
|
-
index: 5,
|
|
18
|
-
opacity: 0.3
|
|
19
|
-
}, {
|
|
20
|
-
index: 5,
|
|
21
|
-
opacity: 0.45
|
|
22
|
-
}, {
|
|
23
|
-
index: 5,
|
|
24
|
-
opacity: 0.65
|
|
25
|
-
}, {
|
|
26
|
-
index: 5,
|
|
27
|
-
opacity: 0.85
|
|
28
|
-
}, {
|
|
29
|
-
index: 4,
|
|
30
|
-
opacity: 0.9
|
|
31
|
-
}, {
|
|
32
|
-
index: 3,
|
|
33
|
-
opacity: 0.95
|
|
34
|
-
}, {
|
|
35
|
-
index: 2,
|
|
36
|
-
opacity: 0.97
|
|
37
|
-
}, {
|
|
38
|
-
index: 1,
|
|
39
|
-
opacity: 0.98
|
|
40
|
-
}];
|
|
41
|
-
function toHsv(_ref) {
|
|
42
|
-
var r = _ref.r, g = _ref.g, b = _ref.b;
|
|
43
|
-
var hsv = rgbToHsv(r, g, b);
|
|
44
|
-
return {
|
|
45
|
-
h: hsv.h * 360,
|
|
46
|
-
s: hsv.s,
|
|
47
|
-
v: hsv.v
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
function toHex(_ref2) {
|
|
51
|
-
var r = _ref2.r, g = _ref2.g, b = _ref2.b;
|
|
52
|
-
return "#".concat(rgbToHex(r, g, b));
|
|
53
|
-
}
|
|
54
|
-
function mix(rgb1, rgb2, amount) {
|
|
55
|
-
var p = amount / 100;
|
|
56
|
-
var rgb = {
|
|
57
|
-
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
58
|
-
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
59
|
-
b: (rgb2.b - rgb1.b) * p + rgb1.b
|
|
60
|
-
};
|
|
61
|
-
return rgb;
|
|
62
|
-
}
|
|
63
|
-
function getHue(hsv, i, light) {
|
|
64
|
-
var hue;
|
|
65
|
-
if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
|
|
66
|
-
hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
|
|
67
|
-
} else {
|
|
68
|
-
hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
|
|
69
|
-
}
|
|
70
|
-
if (hue < 0) {
|
|
71
|
-
hue += 360;
|
|
72
|
-
} else if (hue >= 360) {
|
|
73
|
-
hue -= 360;
|
|
74
|
-
}
|
|
75
|
-
return hue;
|
|
76
|
-
}
|
|
77
|
-
function getSaturation(hsv, i, light) {
|
|
78
|
-
if (hsv.h === 0 && hsv.s === 0) {
|
|
79
|
-
return hsv.s;
|
|
80
|
-
}
|
|
81
|
-
var saturation;
|
|
82
|
-
if (light) {
|
|
83
|
-
saturation = hsv.s - saturationStep * i;
|
|
84
|
-
} else if (i === darkColorCount) {
|
|
85
|
-
saturation = hsv.s + saturationStep;
|
|
86
|
-
} else {
|
|
87
|
-
saturation = hsv.s + saturationStep2 * i;
|
|
88
|
-
}
|
|
89
|
-
if (saturation > 1) {
|
|
90
|
-
saturation = 1;
|
|
91
|
-
}
|
|
92
|
-
if (light && i === lightColorCount && saturation > 0.1) {
|
|
93
|
-
saturation = 0.1;
|
|
94
|
-
}
|
|
95
|
-
if (saturation < 0.06) {
|
|
96
|
-
saturation = 0.06;
|
|
97
|
-
}
|
|
98
|
-
return Number(saturation.toFixed(2));
|
|
99
|
-
}
|
|
100
|
-
function getValue(hsv, i, light) {
|
|
101
|
-
var value;
|
|
102
|
-
if (light) {
|
|
103
|
-
value = hsv.v + brightnessStep1 * i;
|
|
104
|
-
} else {
|
|
105
|
-
value = hsv.v - brightnessStep2 * i;
|
|
106
|
-
}
|
|
107
|
-
if (value > 1) {
|
|
108
|
-
value = 1;
|
|
109
|
-
}
|
|
110
|
-
return Number(value.toFixed(2));
|
|
111
|
-
}
|
|
112
|
-
function generate(color) {
|
|
113
|
-
var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
114
|
-
var patterns = [];
|
|
115
|
-
var pColor = inputToRGB(color);
|
|
116
|
-
for (var i = lightColorCount; i > 0; i -= 1) {
|
|
117
|
-
var hsv = toHsv(pColor);
|
|
118
|
-
var colorString = toHex(inputToRGB({
|
|
119
|
-
h: getHue(hsv, i, true),
|
|
120
|
-
s: getSaturation(hsv, i, true),
|
|
121
|
-
v: getValue(hsv, i, true)
|
|
122
|
-
}));
|
|
123
|
-
patterns.push(colorString);
|
|
124
|
-
}
|
|
125
|
-
patterns.push(toHex(pColor));
|
|
126
|
-
for (var _i = 1; _i <= darkColorCount; _i += 1) {
|
|
127
|
-
var _hsv = toHsv(pColor);
|
|
128
|
-
var _colorString = toHex(inputToRGB({
|
|
129
|
-
h: getHue(_hsv, _i),
|
|
130
|
-
s: getSaturation(_hsv, _i),
|
|
131
|
-
v: getValue(_hsv, _i)
|
|
132
|
-
}));
|
|
133
|
-
patterns.push(_colorString);
|
|
134
|
-
}
|
|
135
|
-
if (opts.theme === "dark") {
|
|
136
|
-
return darkColorMap.map(function(_ref3) {
|
|
137
|
-
var index = _ref3.index, opacity = _ref3.opacity;
|
|
138
|
-
var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index]), opacity * 100));
|
|
139
|
-
return darkColorString;
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
return patterns;
|
|
143
|
-
}
|
|
144
|
-
var presetPrimaryColors = {
|
|
145
|
-
red: "#F5222D",
|
|
146
|
-
volcano: "#FA541C",
|
|
147
|
-
orange: "#FA8C16",
|
|
148
|
-
gold: "#FAAD14",
|
|
149
|
-
yellow: "#FADB14",
|
|
150
|
-
lime: "#A0D911",
|
|
151
|
-
green: "#52C41A",
|
|
152
|
-
cyan: "#13C2C2",
|
|
153
|
-
blue: "#1890FF",
|
|
154
|
-
geekblue: "#2F54EB",
|
|
155
|
-
purple: "#722ED1",
|
|
156
|
-
magenta: "#EB2F96",
|
|
157
|
-
grey: "#666666"
|
|
158
|
-
};
|
|
159
|
-
var presetPalettes = {};
|
|
160
|
-
var presetDarkPalettes = {};
|
|
161
|
-
Object.keys(presetPrimaryColors).forEach(function(key) {
|
|
162
|
-
presetPalettes[key] = generate(presetPrimaryColors[key]);
|
|
163
|
-
presetPalettes[key].primary = presetPalettes[key][5];
|
|
164
|
-
presetDarkPalettes[key] = generate(presetPrimaryColors[key], {
|
|
165
|
-
theme: "dark",
|
|
166
|
-
backgroundColor: "#141414"
|
|
167
|
-
});
|
|
168
|
-
presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
|
|
169
|
-
});
|
|
1
|
+
var SearchOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
|
|
170
2
|
export {
|
|
171
|
-
|
|
172
|
-
presetDarkPalettes,
|
|
173
|
-
presetPalettes,
|
|
174
|
-
presetPrimaryColors
|
|
3
|
+
SearchOutlined as default
|
|
175
4
|
};
|
|
@@ -1,44 +1,4 @@
|
|
|
1
|
-
var
|
|
2
|
-
var styleElements = [];
|
|
3
|
-
var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
|
|
4
|
-
function createStyleElement() {
|
|
5
|
-
var styleElement = document.createElement("style");
|
|
6
|
-
styleElement.setAttribute("type", "text/css");
|
|
7
|
-
return styleElement;
|
|
8
|
-
}
|
|
9
|
-
function insertCss(css, options) {
|
|
10
|
-
options = options || {};
|
|
11
|
-
if (css === void 0) {
|
|
12
|
-
throw new Error(usage);
|
|
13
|
-
}
|
|
14
|
-
var position = options.prepend === true ? "prepend" : "append";
|
|
15
|
-
var container = options.container !== void 0 ? options.container : document.querySelector("head");
|
|
16
|
-
var containerId = containers.indexOf(container);
|
|
17
|
-
if (containerId === -1) {
|
|
18
|
-
containerId = containers.push(container) - 1;
|
|
19
|
-
styleElements[containerId] = {};
|
|
20
|
-
}
|
|
21
|
-
var styleElement;
|
|
22
|
-
if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
|
|
23
|
-
styleElement = styleElements[containerId][position];
|
|
24
|
-
} else {
|
|
25
|
-
styleElement = styleElements[containerId][position] = createStyleElement();
|
|
26
|
-
if (position === "prepend") {
|
|
27
|
-
container.insertBefore(styleElement, container.childNodes[0]);
|
|
28
|
-
} else {
|
|
29
|
-
container.appendChild(styleElement);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
if (css.charCodeAt(0) === 65279) {
|
|
33
|
-
css = css.substr(1, css.length);
|
|
34
|
-
}
|
|
35
|
-
if (styleElement.styleSheet) {
|
|
36
|
-
styleElement.styleSheet.cssText += css;
|
|
37
|
-
} else {
|
|
38
|
-
styleElement.textContent += css;
|
|
39
|
-
}
|
|
40
|
-
return styleElement;
|
|
41
|
-
}
|
|
1
|
+
var UploadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "upload", "theme": "outlined" };
|
|
42
2
|
export {
|
|
43
|
-
|
|
3
|
+
UploadOutlined as default
|
|
44
4
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sun-card-design",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.11",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Vue3 卡片设计组件库,支持 PC 和移动端预览",
|
|
6
6
|
"keywords": [
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
"@ant-design/icons-vue": "^6.1.0",
|
|
233
233
|
"@liripeng/vue-audio-player": "^2.0.4",
|
|
234
234
|
"@tweenjs/tween.js": "^25.0.0",
|
|
235
|
-
"ant-design-vue": "^4.
|
|
235
|
+
"ant-design-vue": "^4.1.2",
|
|
236
236
|
"echarts": "^5.4.3",
|
|
237
237
|
"html2canvas": "^1.4.1",
|
|
238
238
|
"pinia": "^3.0.3",
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
"vite-plugin-vue-devtools": "^8.0.0"
|
|
253
253
|
},
|
|
254
254
|
"peerDependencies": {
|
|
255
|
-
"ant-design-vue": "^4.
|
|
255
|
+
"ant-design-vue": "^4.1.2",
|
|
256
256
|
"vue": "^3.5.0"
|
|
257
257
|
}
|
|
258
258
|
}
|