@esportsplus/ui 0.39.4 → 0.40.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/build/components/alert/index.d.ts +1 -4
- package/build/components/alert/index.js +6 -2
- package/build/components/alert/svg/check.svg +11 -0
- package/build/components/alert/svg/close.svg +12 -0
- package/build/components/alert/svg/error.svg +18 -0
- package/package.json +5 -2
- package/src/components/alert/index.ts +6 -5
- package/src/components/alert/svg/check.svg +11 -0
- package/src/components/alert/svg/close.svg +12 -0
- package/src/components/alert/svg/error.svg +18 -0
- package/vite.config.ts +12 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import '@esportsplus/vite/global.d.ts';
|
|
1
2
|
import { Response } from '@esportsplus/action';
|
|
2
3
|
import { Attributes, Renderable } from '@esportsplus/template';
|
|
3
4
|
import './scss/index.scss';
|
|
@@ -6,10 +7,6 @@ declare const _default: {
|
|
|
6
7
|
content: (attributes: Attributes & {
|
|
7
8
|
close?: Attributes;
|
|
8
9
|
message?: Attributes;
|
|
9
|
-
}, { check, close, error }: {
|
|
10
|
-
check: string;
|
|
11
|
-
close: string;
|
|
12
|
-
error: string;
|
|
13
10
|
}) => Node;
|
|
14
11
|
deactivate: typeof deactivate;
|
|
15
12
|
error: {
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import '@esportsplus/vite/global.d.ts';
|
|
1
2
|
import { reactive } from '@esportsplus/reactivity';
|
|
2
3
|
import { html, svg } from '@esportsplus/template';
|
|
3
4
|
import { omit } from '@esportsplus/utilities';
|
|
4
5
|
import { icon } from '@esportsplus/ui';
|
|
6
|
+
import check from '~/storage/svg/check.svg';
|
|
7
|
+
import close from '~/storage/svg/close.svg';
|
|
8
|
+
import e from '~/storage/svg/error.svg';
|
|
5
9
|
import './scss/index.scss';
|
|
6
10
|
const OMIT = ['close', 'message'];
|
|
7
11
|
let modifiers = {
|
|
@@ -69,7 +73,7 @@ error.response = (response) => {
|
|
|
69
73
|
};
|
|
70
74
|
const info = (messages, seconds = 0) => activate('info', messages, seconds);
|
|
71
75
|
const success = (messages, seconds = 0) => activate('success', messages, seconds);
|
|
72
|
-
const content = (attributes
|
|
76
|
+
const content = (attributes) => {
|
|
73
77
|
return html `
|
|
74
78
|
<div
|
|
75
79
|
class='alert anchor anchor--n ${() => state.active && '--active'}'
|
|
@@ -80,7 +84,7 @@ const content = (attributes, { check, close, error }) => {
|
|
|
80
84
|
let type = state.type;
|
|
81
85
|
return html `
|
|
82
86
|
<div class='--flex-vertical' style='${`--color: var(--color-${modifiers[type]}-400);`}'>
|
|
83
|
-
${icon({ class: '--margin-right --margin-600 --size-500' }, type === 'error' ?
|
|
87
|
+
${icon({ class: '--margin-right --margin-600 --size-500' }, type === 'error' ? e : check)}
|
|
84
88
|
</div>
|
|
85
89
|
`;
|
|
86
90
|
}}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M9,19.5c-0.397,0-0.779-0.158-1.061-0.439l-5-5c-0.586-0.586-0.586-1.535,0-2.121s1.535-0.586,2.121,0l3.893,3.893
|
|
8
|
+
l9.941-10.846c0.561-0.611,1.509-0.651,2.119-0.092c0.61,0.56,0.651,1.509,0.092,2.12l-11,12c-0.277,0.302-0.665,0.478-1.073,0.486
|
|
9
|
+
C9.022,19.5,9.011,19.5,9,19.5z"/>
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M18,19.5c-0.384,0-0.768-0.146-1.061-0.439L12,14.121l-4.939,4.939c-0.586,0.586-1.535,0.586-2.121,0s-0.586-1.535,0-2.121
|
|
8
|
+
L9.879,12L4.939,7.061c-0.586-0.585-0.586-1.536,0-2.121c0.586-0.586,1.535-0.586,2.121,0L12,9.879l4.939-4.939
|
|
9
|
+
c0.586-0.586,1.535-0.586,2.121,0c0.586,0.585,0.586,1.536,0,2.121L14.121,12l4.939,4.939c0.586,0.586,0.586,1.535,0,2.121
|
|
10
|
+
C18.768,19.354,18.384,19.5,18,19.5z"/>
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M12.351,23h-0.702c-4.697,0-7.055,0-8.626-1.132c-1.368-0.986-2.262-2.512-2.454-4.186
|
|
8
|
+
c-0.22-1.925,0.932-3.981,3.227-8.079l0.352-0.628c2.386-4.26,3.583-6.398,5.383-7.211c1.57-0.708,3.369-0.708,4.939,0
|
|
9
|
+
c1.8,0.813,2.997,2.95,5.383,7.209l0.352,0.629l-0.873,0.488l0.881-0.474c2.29,4.09,3.439,6.143,3.219,8.064
|
|
10
|
+
c-0.191,1.675-1.086,3.201-2.453,4.187C19.405,23,17.048,23,12.351,23z M12,3.233c-0.562,0-1.123,0.118-1.646,0.354
|
|
11
|
+
c-1.2,0.542-2.358,2.61-4.46,6.364L5.542,10.58c-2.02,3.606-3.132,5.592-2.985,6.875c0.128,1.116,0.724,2.133,1.636,2.79
|
|
12
|
+
C5.24,21,7.516,21,11.649,21h0.702c4.132,0,6.41,0,7.457-0.755c0.912-0.657,1.509-1.674,1.637-2.791
|
|
13
|
+
c0.146-1.28-0.963-3.262-2.978-6.86l-0.009-0.015l-0.351-0.627c-2.103-3.755-3.261-5.823-4.461-6.365
|
|
14
|
+
C13.123,3.352,12.562,3.233,12,3.233z M12,18c-0.827,0-1.499-0.672-1.5-1.498c0-0.002,0-0.002,0-0.004
|
|
15
|
+
C10.501,15.672,11.173,15,12,15c0.826,0,1.499,0.672,1.5,1.498c0,0.002,0,0.002,0,0.004C13.499,17.328,12.826,18,12,18z M12,14
|
|
16
|
+
c-0.552,0-1-0.447-1-1V9c0-0.552,0.448-1,1-1c0.553,0,1,0.448,1,1v4C13,13.553,12.553,14,12,14z"/>
|
|
17
|
+
</g>
|
|
18
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -6,16 +6,19 @@
|
|
|
6
6
|
"@esportsplus/reactivity": "^0.18.1",
|
|
7
7
|
"@esportsplus/template": "^0.26.2",
|
|
8
8
|
"@esportsplus/utilities": "^0.24.0",
|
|
9
|
+
"@esportsplus/vite": "^0.10.5",
|
|
9
10
|
"modern-normalize": "^3.0.1"
|
|
10
11
|
},
|
|
11
12
|
"devDependencies": {
|
|
12
13
|
"@esportsplus/typescript": "^0.9.2",
|
|
13
|
-
"@types/node": "^24.9.
|
|
14
|
+
"@types/node": "^24.9.2",
|
|
15
|
+
"@types/shelljs": "^0.8.17",
|
|
14
16
|
"autoprefixer": "^10.4.21",
|
|
15
17
|
"glob": "^11.0.3",
|
|
16
18
|
"lightningcss": "^1.30.2",
|
|
17
19
|
"npm-run-all": "^4.1.5",
|
|
18
20
|
"sass": "^1.93.2",
|
|
21
|
+
"shelljs": "^0.10.0",
|
|
19
22
|
"vite": "^7.1.12"
|
|
20
23
|
},
|
|
21
24
|
"exports": {
|
|
@@ -42,7 +45,7 @@
|
|
|
42
45
|
"private": false,
|
|
43
46
|
"sideEffects": false,
|
|
44
47
|
"type": "module",
|
|
45
|
-
"version": "0.
|
|
48
|
+
"version": "0.40.0",
|
|
46
49
|
"scripts": {
|
|
47
50
|
"build": "run-s build:vite build:ts",
|
|
48
51
|
"build:ts": "tsc && tsc-alias",
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
import '@esportsplus/vite/global.d.ts';
|
|
1
2
|
import { Response } from '@esportsplus/action';
|
|
2
3
|
import { reactive } from '@esportsplus/reactivity';
|
|
3
4
|
import { html, svg, Attributes, Renderable } from '@esportsplus/template';
|
|
4
5
|
import { omit } from '@esportsplus/utilities';
|
|
5
6
|
import { icon } from '@esportsplus/ui';
|
|
7
|
+
import check from '~/storage/svg/check.svg';
|
|
8
|
+
import close from '~/storage/svg/close.svg';
|
|
9
|
+
import e from '~/storage/svg/error.svg';
|
|
6
10
|
import './scss/index.scss';
|
|
7
11
|
|
|
8
12
|
|
|
@@ -104,10 +108,7 @@ const info = (messages: Renderable<any>, seconds: number = 0) => activate('info'
|
|
|
104
108
|
const success = (messages: Renderable<any>, seconds: number = 0) => activate('success', messages, seconds);
|
|
105
109
|
|
|
106
110
|
|
|
107
|
-
const content = (
|
|
108
|
-
attributes: Attributes & { close?: Attributes, message?: Attributes },
|
|
109
|
-
{ check, close, error }: { check: string, close: string, error: string }
|
|
110
|
-
) => {
|
|
111
|
+
const content = (attributes: Attributes & { close?: Attributes, message?: Attributes }) => {
|
|
111
112
|
return html`
|
|
112
113
|
<div
|
|
113
114
|
class='alert anchor anchor--n ${() => state.active && '--active'}'
|
|
@@ -119,7 +120,7 @@ const content = (
|
|
|
119
120
|
|
|
120
121
|
return html`
|
|
121
122
|
<div class='--flex-vertical' style='${`--color: var(--color-${modifiers[type]}-400);`}'>
|
|
122
|
-
${icon({ class: '--margin-right --margin-600 --size-500' }, type === 'error' ?
|
|
123
|
+
${icon({ class: '--margin-right --margin-600 --size-500' }, type === 'error' ? e : check)}
|
|
123
124
|
</div>
|
|
124
125
|
`;
|
|
125
126
|
}}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M9,19.5c-0.397,0-0.779-0.158-1.061-0.439l-5-5c-0.586-0.586-0.586-1.535,0-2.121s1.535-0.586,2.121,0l3.893,3.893
|
|
8
|
+
l9.941-10.846c0.561-0.611,1.509-0.651,2.119-0.092c0.61,0.56,0.651,1.509,0.092,2.12l-11,12c-0.277,0.302-0.665,0.478-1.073,0.486
|
|
9
|
+
C9.022,19.5,9.011,19.5,9,19.5z"/>
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M18,19.5c-0.384,0-0.768-0.146-1.061-0.439L12,14.121l-4.939,4.939c-0.586,0.586-1.535,0.586-2.121,0s-0.586-1.535,0-2.121
|
|
8
|
+
L9.879,12L4.939,7.061c-0.586-0.585-0.586-1.536,0-2.121c0.586-0.586,1.535-0.586,2.121,0L12,9.879l4.939-4.939
|
|
9
|
+
c0.586-0.586,1.535-0.586,2.121,0c0.586,0.585,0.586,1.536,0,2.121L14.121,12l4.939,4.939c0.586,0.586,0.586,1.535,0,2.121
|
|
10
|
+
C18.768,19.354,18.384,19.5,18,19.5z"/>
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
+
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<path d="M12.351,23h-0.702c-4.697,0-7.055,0-8.626-1.132c-1.368-0.986-2.262-2.512-2.454-4.186
|
|
8
|
+
c-0.22-1.925,0.932-3.981,3.227-8.079l0.352-0.628c2.386-4.26,3.583-6.398,5.383-7.211c1.57-0.708,3.369-0.708,4.939,0
|
|
9
|
+
c1.8,0.813,2.997,2.95,5.383,7.209l0.352,0.629l-0.873,0.488l0.881-0.474c2.29,4.09,3.439,6.143,3.219,8.064
|
|
10
|
+
c-0.191,1.675-1.086,3.201-2.453,4.187C19.405,23,17.048,23,12.351,23z M12,3.233c-0.562,0-1.123,0.118-1.646,0.354
|
|
11
|
+
c-1.2,0.542-2.358,2.61-4.46,6.364L5.542,10.58c-2.02,3.606-3.132,5.592-2.985,6.875c0.128,1.116,0.724,2.133,1.636,2.79
|
|
12
|
+
C5.24,21,7.516,21,11.649,21h0.702c4.132,0,6.41,0,7.457-0.755c0.912-0.657,1.509-1.674,1.637-2.791
|
|
13
|
+
c0.146-1.28-0.963-3.262-2.978-6.86l-0.009-0.015l-0.351-0.627c-2.103-3.755-3.261-5.823-4.461-6.365
|
|
14
|
+
C13.123,3.352,12.562,3.233,12,3.233z M12,18c-0.827,0-1.499-0.672-1.5-1.498c0-0.002,0-0.002,0-0.004
|
|
15
|
+
C10.501,15.672,11.173,15,12,15c0.826,0,1.499,0.672,1.5,1.498c0,0.002,0,0.002,0,0.004C13.499,17.328,12.826,18,12,18z M12,14
|
|
16
|
+
c-0.552,0-1-0.447-1-1V9c0-0.552,0.448-1,1-1c0.553,0,1,0.448,1,1v4C13,13.553,12.553,14,12,14z"/>
|
|
17
|
+
</g>
|
|
18
|
+
</svg>
|
package/vite.config.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { glob } from 'glob';
|
|
2
2
|
import { defineConfig } from 'vite';
|
|
3
3
|
import autoprefixer from 'autoprefixer';
|
|
4
|
-
import
|
|
4
|
+
import { join } from 'path';
|
|
5
|
+
import shelljs from 'shelljs';
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
export default defineConfig({
|
|
@@ -60,6 +61,16 @@ export default defineConfig({
|
|
|
60
61
|
file.source = `@layer ${layer} {${segments.join('\n')}}\n${vite}`;
|
|
61
62
|
}
|
|
62
63
|
}
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
name: '@esportsplus/ui-svg-copy',
|
|
67
|
+
writeBundle() {
|
|
68
|
+
let directories = glob.sync('./src/components/*/svg/');
|
|
69
|
+
|
|
70
|
+
for (let dir of directories) {
|
|
71
|
+
shelljs.cp('-rf', dir, dir.replace('src', 'build'));
|
|
72
|
+
}
|
|
73
|
+
}
|
|
63
74
|
}
|
|
64
75
|
]
|
|
65
76
|
}
|