更新

2025-10-14 22:00:32 +00:00 · 2023-08-21 11:35:19 +08:00
parent 37125ab0c1
commit 64938d5c51
29 changed files with 291 additions and 137 deletions
--- a/21
+++ b/21
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 落叶
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -1,42 +0,0 @@
-# iconfont-一键下载
-
-> iconfont-一键下载插件，提供vue3组件式按需编译使用（单色、多色配置），右上角点点小心心，一年赚他一个小目标~ 
-> 
-> 推荐项目：[vue3按需使用iconfont示例](https://gitee.com/veigarchen/iconfont-download-vue3)、[uniapp按需使用iconfont示例和快速开发小程序](https://gitee.com/veigarchen/uniapp-vue3-fast)
-> 
-> 前端技术交流群：<a href="https://jq.qq.com/?_wv=1027&k=Erh7LBKn" target="_blank">553655769</a>，白嫖更多资源，行业交流
-> 
->  注意：本插件仅作为下载工具，如果图标未注明可免费商用，请自行联系相关图标作者，否则后果自负
-
-## 安装
-```bash
-以谷歌浏览器-版本-108.0.5359.71为例
-1、打开浏览器的扩展程序页面（浏览器右上角三个点->更多工具->扩展程序）
-2、打开开发者模式，点击加载已解压的扩展程序，选择本项目目录
-```
-
-## 使用
-
-```bash
-在浏览器右上角点击插件图标，点击iconfont即可使用
-```
-
-## 功能列表
-
-1、下载本页所有svg
-<img src="使用教程/5.png" />
-
-2、导出为vue3组件使用及icon的ts文件
-
-3、配置打包时的压缩数率，范围1-6，1时体积最小，6最大
-<img src="使用教程/压缩效果图.png" />
-
-4、vue3按需编译使用iconfont图标：[按需编译插件示例](https://gitee.com/veigarchen/iconfont-download-vue3)
-
-<img src="使用教程/build-1.png" />
-
-## 关于&合作
-
-```bash
-QQ/微信：1518079148
-```
--- a/assets/index.7e07b943.js
+++ b/assets/index.7e07b943.js
--- a/assets/index.7f8f52e3.css
+++ b/assets/index.7f8f52e3.css
--- a/assets/index.92f76de7.js
+++ b/assets/index.92f76de7.js
--- a/assets/index.d5c0fe93.js
+++ b/assets/index.d5c0fe93.js
@@ -1 +0,0 @@
-import{_ as r,c as o,a as n,b as t,w as a,r as p,o as d,d as s}from"./index.7e07b943.js";const l={},c={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},i={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},_={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},u={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},g={class:"flex",style:{gap:"15px","flex-direction":"column","margin-top":"15px",width:"200px",padding:"20px"}};function x(f,y){const e=p("c-button");return d(),o("div",null,[n("div",c,[t(e,null,{default:a(()=>[s("primary")]),_:1}),t(e,{loading:!0},{default:a(()=>[s("primary")]),_:1})]),n("div",i,[t(e,{type:"success"},{default:a(()=>[s("success")]),_:1}),t(e,{type:"success",loading:!0},{default:a(()=>[s("success")]),_:1})]),n("div",_,[t(e,{type:"error"},{default:a(()=>[s("error")]),_:1}),t(e,{type:"error",loading:!0},{default:a(()=>[s("error")]),_:1})]),n("div",u,[t(e,{type:"warning"},{default:a(()=>[s("warning")]),_:1}),t(e,{type:"warning",loading:!0},{default:a(()=>[s("warning")]),_:1})]),n("div",g,[t(e,{long:""},{default:a(()=>[s("primary")]),_:1}),t(e,{long:"",type:"success"},{default:a(()=>[s("success")]),_:1}),t(e,{long:"",type:"error"},{default:a(()=>[s("error")]),_:1}),t(e,{long:"",type:"warning"},{default:a(()=>[s("warning")]),_:1})])])}const w=r(l,[["render",x]]);export{w as default};
--- a/favicon.svg
+++ b/favicon.svg
--- a/img/app.jpg
+++ b/img/app.jpg
--- a/index.html
+++ b/index.html
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="./favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>google-plugin</title>
-  <script type="module" crossorigin src="./assets/index.7e07b943.js"></script>
-  <link rel="stylesheet" href="./assets/index.7f8f52e3.css">
-</head>
-
-<body>
-    <div id="app"></div>
-    
-</body>
-
-</html>
--- a/js/background.js
+++ b/js/background.js
@@ -1 +0,0 @@
-console.log('bg');
--- a/js/jszip.min.js
+++ b/js/jszip.min.js
--- a/js/main.min.js
+++ b/js/main.min.js
--- a/manifest.json
+++ b/manifest.json
@@ -1,32 +0,0 @@
-{
-    "name": "iconfont",
-    "version": "1.0.0",
-    "description": "iconfont-svg获取插件",
-    "background": {
-        "scripts": [
-            "js/background.js"
-        ]
-    },
-    "browser_action": {
-        "default_icon": "img/app.jpg",
-        "default_title": "iconfont",
-        "default_popup": "index.html"
-    },
-    "content_scripts": [{
-        "matches": ["<all_urls>"],
-        "js": ["js/jszip.min.js", "js/main.min.js"],
-        "run_at": "document_end"
-    }],
-    "permissions": [
-        "contextMenus",
-        "tabs",
-        "notifications",
-        "webRequest",
-        "webRequestBlocking",
-        "storage",
-        "http://*/*",
-        "https://*/*"
-    ],
-    "homepage_url": "https://c44.cc",
-    "manifest_version": 2
-}
--- a/使用教程/1.png
+++ b/使用教程/1.png
--- a/使用教程/2.png
+++ b/使用教程/2.png
--- a/使用教程/3.png
+++ b/使用教程/3.png
--- a/使用教程/4.png
+++ b/使用教程/4.png
--- a/使用教程/5.png
+++ b/使用教程/5.png
--- a/使用教程/build-1.png
+++ b/使用教程/build-1.png
--- a/使用教程/压缩效果图.png
+++ b/使用教程/压缩效果图.png
--- a/单文件拆分/.gitignore
+++ b/单文件拆分/.gitignore
@@ -0,0 +1,12 @@
+# dir
+node_modules
+dist
+
+# file
+stats.html
+/build/auto/*.d.ts
+
+# lock
+yarn.lock
+package-lock.json
+pnpm-lock.yaml
--- a/单文件拆分/.prettierignore
+++ b/单文件拆分/.prettierignore
@@ -0,0 +1,30 @@
+# 忽略的文件夹:
+node_modules/
+dist/
+
+# 忽略的文件
+package.json
+package-lock.json
+yarn.lock
+yarn-error.log
+.babelrc
+.browserslistrc
+.eslintignore
+.gitignore
+.prettierignore
+.editorconfig
+.DS_Store
+.project
+*.yml
+*.yaml
+*.svg
+*.png
+*.jpg
+*.gif
+*.md
+*.ejs
+*.min.js
+*.min.css
+*.html
+*.js
+*.d.ts
--- a/单文件拆分/.prettierrc
+++ b/单文件拆分/.prettierrc
@@ -0,0 +1,11 @@
+{
+    "printWidth": 120,
+    "proseWrap": "always",
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "endOfLine": "auto",
+    "quoteProps": "preserve",
+    "htmlWhitespaceSensitivity": "ignore"
+}
--- a/单文件拆分/.vscode/settings.json
+++ b/单文件拆分/.vscode/settings.json
@@ -0,0 +1,32 @@
+{
+    "typescript.updateImportsOnFileMove.enabled": "always",
+    "javascript.updateImportsOnFileMove.enabled": "always",
+    "volar.codeLens.scriptSetupTools": true,
+    "volar.codeLens.pugTools": true,
+    "files.exclude": {
+        "**/*.meta": true
+    },
+    "explorer.confirmDragAndDrop": false,
+    "diffEditor.ignoreTrimWhitespace": false,
+    "window.zoomLevel": 0,
+    "[less]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[vue]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[json]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "editor.formatOnSave": true,
+    "editor.formatOnType": true,
+    "eslint.codeAction.showDocumentation": {
+        "enable": true
+    },
+    "eslint.validate": ["typescript", "vue"],
+    "prettier.singleQuote": true,
+    "typescript.tsdk": "node_modules/typescript/lib"
+}
--- a/单文件拆分/index.ts
+++ b/单文件拆分/index.ts
@@ -0,0 +1,35 @@
+import { resolve, join } from 'path'
+import FileUtil from './src/utils/FileUtil'
+
+const siconUrl = resolve('E:/repo/code/wty-web-cloud-las-0/src/components/sicon')
+const staticIconUrl = resolve('E:/repo/code/wty-web-cloud-las-0/public/static_res/sicon')
+
+const init = async () => {
+    await FileUtil.deleteFileOrDirectory(staticIconUrl)
+    await FileUtil.readDirectory(siconUrl, async (filepath: string) => {
+        if (filepath.endsWith('.ts')) {
+            const filename =
+                filepath
+                    .substring(filepath.lastIndexOf('\\') + 1)
+                    .split('.')
+                    .shift() || ''
+            try {
+                let fstr = await FileUtil.readFile(filepath)
+                fstr = fstr.split(`export const ${filename}Name`)[0]
+                fstr = fstr.split('=')[1]
+                const ctx = JSON.parse(fstr.replaceAll("'", '"'))
+                Object.keys(ctx).forEach((key) => {
+                    let _res = JSON.stringify(ctx[key])
+                    if(typeof ctx[key] === 'string'){
+                        _res = _res.substring(1,_res.length-1)
+                    }
+                    FileUtil.writeFile(join(staticIconUrl, `./${filename}/${key}.json`), _res)
+                })
+            } catch {
+                console.log('处理失败', filename)
+            }
+        }
+    })
+}
+
+init()
--- a/单文件拆分/package.json
+++ b/单文件拆分/package.json
@@ -0,0 +1,12 @@
+{
+	"scripts": {
+		"dev": "ts-node index.ts"
+	},
+	"devDependencies": {
+		"@types/node": "^18.15.11",
+		"prettier": "^2.8.7",
+		"ts-node": "^10.9.1",
+		"typescript": "^4.9.5",
+		"vm": "^0.1.0"
+	}
+}
--- a/单文件拆分/src/utils/FileUtil.ts
+++ b/单文件拆分/src/utils/FileUtil.ts
@@ -0,0 +1,84 @@
+import * as fs from 'fs'
+import * as path from 'path'
+
+export default class FileUtil {
+    static copyFile(source: string, destination: string): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const rd = fs.createReadStream(source)
+            rd.on('error', (err) => {
+                reject(err)
+            })
+
+            const wr = fs.createWriteStream(destination)
+            wr.on('error', (err) => {
+                reject(err)
+            })
+            wr.on('close', () => {
+                resolve()
+            })
+
+            if (!fs.existsSync(path.dirname(destination))) {
+                fs.mkdirSync(path.dirname(destination), { recursive: true })
+            }
+
+            rd.pipe(wr)
+        })
+    }
+
+    static async deleteFileOrDirectory(filePath: string): Promise<void> {
+        try {
+            const stats = await fs.promises.lstat(filePath)
+            if (stats.isDirectory()) {
+                const files = await fs.promises.readdir(filePath)
+                const promises = files.map((file) => FileUtil.deleteFileOrDirectory(path.join(filePath, file)))
+                await Promise.all(promises)
+                await fs.promises.rmdir(filePath)
+            } else {
+                await fs.promises.unlink(filePath)
+            }
+        } catch (err) {
+        }
+    }
+
+    static readFile(filePath: string): Promise<string> {
+        return new Promise((resolve, reject) => {
+            fs.readFile(filePath, 'utf8', (err, data) => {
+                if (err) {
+                    reject(err)
+                } else {
+                    resolve(data)
+                }
+            })
+        })
+    }
+
+    static async readDirectory(directoryPath: string, fileCallback?: (filePath: string) => void): Promise<void> {
+        try {
+            const files = await fs.promises.readdir(directoryPath)
+            const promises = files.map(async (file) => {
+                const filePath = path.join(directoryPath, file)
+                const stats = await fs.promises.stat(filePath)
+                if (stats.isDirectory()) {
+                    await FileUtil.readDirectory(filePath, fileCallback)
+                } else {
+                    if (fileCallback) {
+                        fileCallback(filePath)
+                    }
+                }
+            })
+            await Promise.all(promises)
+        } catch (err) {
+            throw err
+        }
+    }
+
+    static async writeFile(filePath: string, content: string): Promise<void> {
+        try {
+            const directoryPath = path.dirname(filePath)
+            await fs.promises.mkdir(directoryPath, { recursive: true })
+            await fs.promises.writeFile(filePath, content, 'utf8')
+        } catch (err) {
+            throw err
+        }
+    }
+}
--- a/单文件拆分/src/utils/StrUtil.ts
+++ b/单文件拆分/src/utils/StrUtil.ts
@@ -0,0 +1,66 @@
+export default class StrUtil {
+    /**
+     * 获取uuid
+     * @returns
+     */
+    static uuid() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = (Math.random() * 16) | 0,
+                v = c == 'x' ? r : (r & 0x3) | 0x8
+            return v.toString(16)
+        })
+    }
+
+    private static id = 1000
+    /**
+     * 获取唯一递增id
+     */
+    static getId = () => {
+        this.id++
+        return this.id + ''
+    }
+
+    /**
+     * 判断内容是否为空,null,undefined,NaN，空数组，空字符串返回true
+     */
+    static isNull(str: any): boolean {
+        if (Array.isArray(str)) return str.length == 0
+        if (str + '' !== 'null' && str + '' !== 'undefined' && str !== '' && str + '' !== 'NaN') return false
+        return true
+    }
+
+    /**
+     * 验证邮箱
+     */
+    static isEmail(obj: any): boolean {
+        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
+        if (!myreg.test(obj)) return false
+        return true
+    }
+
+    /**
+     * 验证数字
+     */
+    static isNumber(obj: any): boolean {
+        return /^[0-9]+$/.test(obj)
+    }
+
+    /**
+     * 获取url地址中的参数对象信息
+     * @param url 如/list?pageSize=1&pageNum=2
+     * @param return 如{pageSize:1,pageNum:2}
+     */
+    static getParam(url: any): any {
+        const regex = /[?&]([^=#]+)=([^&#]*)/g
+        if (url.match) {
+            const matchVal = url.match(regex)
+            if (matchVal)
+                return matchVal.reduce((acc: any, cur: any) => {
+                    const [param, value] = cur.substring(1).split('=')
+                    acc[param] = decodeURIComponent(value)
+                    return acc
+                }, {})
+        }
+        return {}
+    }
+}
--- a/单文件拆分/tsconfig.json
+++ b/单文件拆分/tsconfig.json
@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "module": "commonjs",
+        "strict": true,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true
+    }
+}
				`@@ -1 +0,0 @@`
				import{_ as r,c as o,a as n,b as t,w as a,r as p,o as d,d as s}from"./index.7e07b943.js";const l={},c={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},i={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},_={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},u={class:"flex",style:{gap:"15px","margin-top":"15px",padding:"20px"}},g={class:"flex",style:{gap:"15px","flex-direction":"column","margin-top":"15px",width:"200px",padding:"20px"}};function x(f,y){const e=p("c-button");return d(),o("div",null,[n("div",c,[t(e,null,{default:a(()=>[s("primary")]),_:1}),t(e,{loading:!0},{default:a(()=>[s("primary")]),_:1})]),n("div",i,[t(e,{type:"success"},{default:a(()=>[s("success")]),_:1}),t(e,{type:"success",loading:!0},{default:a(()=>[s("success")]),_:1})]),n("div",_,[t(e,{type:"error"},{default:a(()=>[s("error")]),_:1}),t(e,{type:"error",loading:!0},{default:a(()=>[s("error")]),_:1})]),n("div",u,[t(e,{type:"warning"},{default:a(()=>[s("warning")]),_:1}),t(e,{type:"warning",loading:!0},{default:a(()=>[s("warning")]),_:1})]),n("div",g,[t(e,{long:""},{default:a(()=>[s("primary")]),_:1}),t(e,{long:"",type:"success"},{default:a(()=>[s("success")]),_:1}),t(e,{long:"",type:"error"},{default:a(()=>[s("error")]),_:1}),t(e,{long:"",type:"warning"},{default:a(()=>[s("warning")]),_:1})])])}const w=r(l,[["render",x]]);export{w as default};