blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

fix: 优化svg不能去掉fill等属性

Browse Source
This commit is contained in:
harrywan 2024-09-04 09:54:42 +08:00
parent 46f28d6c76
commit 77d2b09121
4 changed files with 46 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
packages/fes-plugin-icon/package.json
View File

@ -1,38 +1,38 @@
{ {
"name": "@fesjs/plugin-icon", "name": "@fesjs/plugin-icon",
"version": "3.0.0", "version": "3.0.0",
"description": "@fesjs/plugin-icon", "description": "@fesjs/plugin-icon",
"main": "lib/index.js", "author": "qlin",
"files": [ "license": "MIT",
"lib", "homepage": "https://github.com/WeBankFinTech/fes.js#readme",
"types.d.ts" "repository": {
], "type": "git",
"scripts": { "url": "git+https://github.com/WeBankFinTech/fes.js.git",
"test": "echo \"Error: no test specified\" && exit 1" "directory": "packages/fes-plugin-icon"
}, },
"repository": { "bugs": {
"type": "git", "url": "https://github.com/WeBankFinTech/fes.js/issues"
"url": "git+https://github.com/WeBankFinTech/fes.js.git", },
"directory": "packages/fes-plugin-icon" "keywords": [
}, "fes"
"keywords": [ ],
"fes" "main": "lib/index.js",
], "files": [
"author": "qlin", "lib",
"license": "MIT", "types.d.ts"
"bugs": { ],
"url": "https://github.com/WeBankFinTech/fes.js/issues" "scripts": {
}, "test": "echo \"Error: no test specified\" && exit 1"
"homepage": "https://github.com/WeBankFinTech/fes.js#readme", },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"peerDependencies": { "peerDependencies": {
"@fesjs/fes": "^3.0.0", "@fesjs/fes": "^3.0.0",
"vue": "^3.2.47" "vue": "^3.2.47"
}, },
"dependencies": { "dependencies": {
"svgo": "^3.0.2" "svgo": "^3.0.2"
}, },
"typings": "./types.d.ts" "typings": "./types.d.ts"
} }

6
packages/fes-plugin-icon/src/optimizeSvg.js
View File

@ -1,5 +1,5 @@
import { extname, basename } from 'path'; import { basename, extname } from 'node:path';
import { statSync, readFileSync } from 'fs'; import { readFileSync, statSync } from 'node:fs';
import { optimize } from 'svgo'; import { optimize } from 'svgo';
const presetDefault = [ const presetDefault = [
@ -15,7 +15,7 @@ const presetDefault = [
{ {
name: 'removeAttrs', name: 'removeAttrs',
params: { params: {
attrs: '(fill|stroke|class)', attrs: '(class)',
}, },
}, },
]; ];

10
packages/fes-plugin-icon/src/runtime/Icon/Icon.jsx
View File

@ -1,8 +1,8 @@
import { computed } from 'vue'; import { computed } from 'vue';
// eslint-disable-next-line
import icons from '../icons'; import icons from '../icons';
const noop = () => {}; function noop() {}
export default { export default {
name: 'FesIcon', name: 'FesIcon',
@ -19,9 +19,9 @@ export default {
const svgStyle = computed(() => const svgStyle = computed(() =>
props.rotate props.rotate
? { ? {
msTransform: `rotate(${props.rotate}deg)`, msTransform: `rotate(${props.rotate}deg)`,
transform: `rotate(${props.rotate}deg)`, transform: `rotate(${props.rotate}deg)`,
} }
: null, : null,
); );
const svgCls = computed(() => ({ const svgCls = computed(() => ({

1
packages/fes-plugin-icon/src/runtime/Icon/icon.less
View File

@ -29,6 +29,7 @@
&[tabindex] { &[tabindex] {
cursor: pointer; cursor: pointer;
} }
&--spin { &--spin {
display: inline-block; display: inline-block;
animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear;