@arco-iconbox/vue-smartcode 0.1.53 → 0.1.54
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/icon.js +2352 -2274
- package/dist/icon.js.map +1 -1
- package/dist/icon.min.js +154 -150
- package/dist/icon.min.js.map +1 -1
- package/esm/IconColorLogo/index.js +80 -0
- package/esm/index.js +1 -0
- package/lib/IconColorLogo/index.js +81 -0
- package/lib/index.js +2 -0
- package/package.json +1 -1
- package/src/IconColorLogo/index.vue +19 -0
- package/src/index.js +2 -1
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, mergeProps, createElementVNode, createStaticVNode } from "vue";
|
|
2
|
+
import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
|
|
3
|
+
const _sfc_main = {
|
|
4
|
+
name: "IconColorLogo",
|
|
5
|
+
props: {
|
|
6
|
+
prefix: {
|
|
7
|
+
type: String,
|
|
8
|
+
default: "sc"
|
|
9
|
+
},
|
|
10
|
+
useCurrentColor: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: false
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_1 = ["fill"];
|
|
17
|
+
const _hoisted_2 = ["fill"];
|
|
18
|
+
const _hoisted_3 = {
|
|
19
|
+
id: "svg_7cdfbc9f47__a",
|
|
20
|
+
style: { "mask-type": "alpha" },
|
|
21
|
+
maskUnits: "userSpaceOnUse",
|
|
22
|
+
x: "9",
|
|
23
|
+
y: "11",
|
|
24
|
+
width: "22",
|
|
25
|
+
height: "18"
|
|
26
|
+
};
|
|
27
|
+
const _hoisted_4 = ["fill"];
|
|
28
|
+
const _hoisted_5 = { mask: "url(#svg_7cdfbc9f47__a)" };
|
|
29
|
+
const _hoisted_6 = ["fill"];
|
|
30
|
+
const _hoisted_7 = ["fill"];
|
|
31
|
+
const _hoisted_8 = ["fill"];
|
|
32
|
+
const _hoisted_9 = /* @__PURE__ */ createStaticVNode('<defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></radialGradient></defs>', 1);
|
|
33
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
34
|
+
return openBlock(), createElementBlock("svg", mergeProps({
|
|
35
|
+
viewBox: "0 0 40 40",
|
|
36
|
+
fill: "none",
|
|
37
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
+
class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-logo`],
|
|
39
|
+
width: "1em",
|
|
40
|
+
height: "1em"
|
|
41
|
+
}, _ctx.$attrs), [
|
|
42
|
+
createElementVNode("rect", {
|
|
43
|
+
width: "40",
|
|
44
|
+
height: "40",
|
|
45
|
+
rx: "20",
|
|
46
|
+
fill: $props.useCurrentColor ? "currentColor" : "#1D2129"
|
|
47
|
+
}, null, 8, _hoisted_1),
|
|
48
|
+
createElementVNode("rect", {
|
|
49
|
+
width: "40",
|
|
50
|
+
height: "40",
|
|
51
|
+
rx: "20",
|
|
52
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint0_linear_6779_368688)"
|
|
53
|
+
}, null, 8, _hoisted_2),
|
|
54
|
+
createElementVNode("mask", _hoisted_3, [
|
|
55
|
+
createElementVNode("path", {
|
|
56
|
+
"fill-rule": "evenodd",
|
|
57
|
+
"clip-rule": "evenodd",
|
|
58
|
+
d: "M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z",
|
|
59
|
+
fill: $props.useCurrentColor ? "currentColor" : "#0044C2"
|
|
60
|
+
}, null, 8, _hoisted_4)
|
|
61
|
+
]),
|
|
62
|
+
createElementVNode("g", _hoisted_5, [
|
|
63
|
+
createElementVNode("path", {
|
|
64
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint1_linear_6779_368688)",
|
|
65
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
66
|
+
}, null, 8, _hoisted_6),
|
|
67
|
+
createElementVNode("path", {
|
|
68
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint2_radial_6779_368688)",
|
|
69
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
70
|
+
}, null, 8, _hoisted_7),
|
|
71
|
+
createElementVNode("path", {
|
|
72
|
+
fill: $props.useCurrentColor ? "currentColor" : "#fff",
|
|
73
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
74
|
+
}, null, 8, _hoisted_8)
|
|
75
|
+
]),
|
|
76
|
+
_hoisted_9
|
|
77
|
+
], 16);
|
|
78
|
+
}
|
|
79
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
80
|
+
export { index as default };
|
package/esm/index.js
CHANGED
|
@@ -299,3 +299,4 @@ export { default as IconFillClick } from "./IconFillClick/index.js";
|
|
|
299
299
|
export { default as IconColorClick } from "./IconColorClick/index.js";
|
|
300
300
|
export { default as IconColorCycle } from "./IconColorCycle/index.js";
|
|
301
301
|
export { default as IconLineCopy } from "./IconLineCopy/index.js";
|
|
302
|
+
export { default as IconColorLogo } from "./IconColorLogo/index.js";
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var vue = require("vue");
|
|
3
|
+
var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
|
|
4
|
+
const _sfc_main = {
|
|
5
|
+
name: "IconColorLogo",
|
|
6
|
+
props: {
|
|
7
|
+
prefix: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: "sc"
|
|
10
|
+
},
|
|
11
|
+
useCurrentColor: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: false
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_1 = ["fill"];
|
|
18
|
+
const _hoisted_2 = ["fill"];
|
|
19
|
+
const _hoisted_3 = {
|
|
20
|
+
id: "svg_7cdfbc9f47__a",
|
|
21
|
+
style: { "mask-type": "alpha" },
|
|
22
|
+
maskUnits: "userSpaceOnUse",
|
|
23
|
+
x: "9",
|
|
24
|
+
y: "11",
|
|
25
|
+
width: "22",
|
|
26
|
+
height: "18"
|
|
27
|
+
};
|
|
28
|
+
const _hoisted_4 = ["fill"];
|
|
29
|
+
const _hoisted_5 = { mask: "url(#svg_7cdfbc9f47__a)" };
|
|
30
|
+
const _hoisted_6 = ["fill"];
|
|
31
|
+
const _hoisted_7 = ["fill"];
|
|
32
|
+
const _hoisted_8 = ["fill"];
|
|
33
|
+
const _hoisted_9 = /* @__PURE__ */ vue.createStaticVNode('<defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></radialGradient></defs>', 1);
|
|
34
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
35
|
+
return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
|
|
36
|
+
viewBox: "0 0 40 40",
|
|
37
|
+
fill: "none",
|
|
38
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
39
|
+
class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-logo`],
|
|
40
|
+
width: "1em",
|
|
41
|
+
height: "1em"
|
|
42
|
+
}, _ctx.$attrs), [
|
|
43
|
+
vue.createElementVNode("rect", {
|
|
44
|
+
width: "40",
|
|
45
|
+
height: "40",
|
|
46
|
+
rx: "20",
|
|
47
|
+
fill: $props.useCurrentColor ? "currentColor" : "#1D2129"
|
|
48
|
+
}, null, 8, _hoisted_1),
|
|
49
|
+
vue.createElementVNode("rect", {
|
|
50
|
+
width: "40",
|
|
51
|
+
height: "40",
|
|
52
|
+
rx: "20",
|
|
53
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint0_linear_6779_368688)"
|
|
54
|
+
}, null, 8, _hoisted_2),
|
|
55
|
+
vue.createElementVNode("mask", _hoisted_3, [
|
|
56
|
+
vue.createElementVNode("path", {
|
|
57
|
+
"fill-rule": "evenodd",
|
|
58
|
+
"clip-rule": "evenodd",
|
|
59
|
+
d: "M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z",
|
|
60
|
+
fill: $props.useCurrentColor ? "currentColor" : "#0044C2"
|
|
61
|
+
}, null, 8, _hoisted_4)
|
|
62
|
+
]),
|
|
63
|
+
vue.createElementVNode("g", _hoisted_5, [
|
|
64
|
+
vue.createElementVNode("path", {
|
|
65
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint1_linear_6779_368688)",
|
|
66
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
67
|
+
}, null, 8, _hoisted_6),
|
|
68
|
+
vue.createElementVNode("path", {
|
|
69
|
+
fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint2_radial_6779_368688)",
|
|
70
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
71
|
+
}, null, 8, _hoisted_7),
|
|
72
|
+
vue.createElementVNode("path", {
|
|
73
|
+
fill: $props.useCurrentColor ? "currentColor" : "#fff",
|
|
74
|
+
d: "M9.266 11.229H30.64V28.75H9.266z"
|
|
75
|
+
}, null, 8, _hoisted_8)
|
|
76
|
+
]),
|
|
77
|
+
_hoisted_9
|
|
78
|
+
], 16);
|
|
79
|
+
}
|
|
80
|
+
var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
|
|
81
|
+
module.exports = index;
|
package/lib/index.js
CHANGED
|
@@ -301,6 +301,7 @@ var index$4F = require("./IconFillClick/index.js");
|
|
|
301
301
|
var index$4G = require("./IconColorClick/index.js");
|
|
302
302
|
var index$4H = require("./IconColorCycle/index.js");
|
|
303
303
|
var index$4I = require("./IconLineCopy/index.js");
|
|
304
|
+
var index$4J = require("./IconColorLogo/index.js");
|
|
304
305
|
exports.IconFillHeart = index;
|
|
305
306
|
exports.IconFillMute = index$1;
|
|
306
307
|
exports.IconFillSound = index$2;
|
|
@@ -602,3 +603,4 @@ exports.IconFillClick = index$4F;
|
|
|
602
603
|
exports.IconColorClick = index$4G;
|
|
603
604
|
exports.IconColorCycle = index$4H;
|
|
604
605
|
exports.IconLineCopy = index$4I;
|
|
606
|
+
exports.IconColorLogo = index$4J;
|
package/package.json
CHANGED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-logo`]" width="1em" height="1em" v-bind="$attrs"><rect width="40" height="40" rx="20" :fill="useCurrentColor ? 'currentColor' : '#1D2129'"/><rect width="40" height="40" rx="20" :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint0_linear_6779_368688)'"/><mask id="svg_7cdfbc9f47__a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="11" width="22" height="18"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z" :fill="useCurrentColor ? 'currentColor' : '#0044C2'"/></mask><g mask="url(#svg_7cdfbc9f47__a)"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint1_linear_6779_368688)'" d="M9.266 11.229H30.64V28.75H9.266z"/><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint2_radial_6779_368688)'" d="M9.266 11.229H30.64V28.75H9.266z"/><path :fill="useCurrentColor ? 'currentColor' : '#fff'" d="M9.266 11.229H30.64V28.75H9.266z"/></g><defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"/><stop offset=".5" stop-color="#0971F9"/><stop offset="1" stop-color="#06E5CF"/></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"/><stop offset=".5" stop-color="#0971F9"/><stop offset="1" stop-color="#06E5CF"/></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs></svg>
|
|
3
|
+
</template>
|
|
4
|
+
<script>
|
|
5
|
+
|
|
6
|
+
export default {
|
|
7
|
+
name: 'IconColorLogo',
|
|
8
|
+
props: {
|
|
9
|
+
prefix: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: 'sc',
|
|
12
|
+
},
|
|
13
|
+
useCurrentColor: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: false,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
</script>
|
package/src/index.js
CHANGED
|
@@ -298,4 +298,5 @@ export { default as IconColorImageNew } from './IconColorImageNew/index.vue';
|
|
|
298
298
|
export { default as IconFillClick } from './IconFillClick/index.vue';
|
|
299
299
|
export { default as IconColorClick } from './IconColorClick/index.vue';
|
|
300
300
|
export { default as IconColorCycle } from './IconColorCycle/index.vue';
|
|
301
|
-
export { default as IconLineCopy } from './IconLineCopy/index.vue';
|
|
301
|
+
export { default as IconLineCopy } from './IconLineCopy/index.vue';
|
|
302
|
+
export { default as IconColorLogo } from './IconColorLogo/index.vue';
|