commit
c044001c43
@ -0,0 +1,2 @@
|
||||
|
||||
VITE_CESIUM_TOKEN = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjNTAxMjRjOC1kM2VlLTRhNTMtYTg4My03NDY1MmRjYzhjOGMiLCJpZCI6NzAxNTAsImlhdCI6MTY2NjIzNzA0NX0.UI2kvHGXBlYyX-ui8f-sxzreB8aDXV85lfBItgLkRuQ
|
||||
@ -0,0 +1 @@
|
||||
VITE_API_DOMAIN = ''
|
||||
@ -0,0 +1,2 @@
|
||||
VITE_BASE_URL = './'
|
||||
VITE_API_DOMAIN = '.'
|
||||
@ -0,0 +1,86 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
browser: true,
|
||||
es2021: true,
|
||||
node: true,
|
||||
},
|
||||
extends: ['plugin:vue/vue3-strongly-recommended', 'airbnb-base', 'prettier'],
|
||||
parser: 'vue-eslint-parser',
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
parser: '@typescript-eslint/parser',
|
||||
sourceType: 'module',
|
||||
ecmaFeatures: {
|
||||
tsx: true,
|
||||
jsx: true,
|
||||
},
|
||||
},
|
||||
globals: {
|
||||
defineProps: 'readonly',
|
||||
defineEmits: 'readonly',
|
||||
defineExpose: 'readonly',
|
||||
withDefaults: 'readonly',
|
||||
},
|
||||
plugins: ['vue', '@typescript-eslint', 'prettier'],
|
||||
settings: {
|
||||
'import/resolver': {
|
||||
typescript: {},
|
||||
},
|
||||
},
|
||||
rules: {
|
||||
'no-void': 0,
|
||||
'no-underscore-dangle': 'off',
|
||||
'no-unused-vars': 'off',
|
||||
'max-classes-per-file': ['error', 5],
|
||||
'import/no-extraneous-dependencies': 'off',
|
||||
'no-bitwise': 'off',
|
||||
'no-param-reassign': 'off',
|
||||
'no-debugger': 'off',
|
||||
'vue/multi-word-component-names': 'off',
|
||||
'vue/attribute-hyphenation': 'off',
|
||||
'import/prefer-default-export': 'off',
|
||||
'import/extensions': 'off',
|
||||
'no-promise-executor-return': 'off',
|
||||
'no-shadow': 'off',
|
||||
'no-unused-expressions': 'off',
|
||||
'class-methods-use-this': 'off',
|
||||
'no-console': 'off',
|
||||
'no-nested-ternary': 'off',
|
||||
|
||||
'vue/attributes-order': [
|
||||
'error',
|
||||
{
|
||||
order: [
|
||||
'DEFINITION',
|
||||
'LIST_RENDERING',
|
||||
'CONDITIONALS',
|
||||
'RENDER_MODIFIERS',
|
||||
'GLOBAL',
|
||||
['UNIQUE', 'SLOT'],
|
||||
'TWO_WAY_BINDING',
|
||||
'OTHER_DIRECTIVES',
|
||||
'OTHER_ATTR',
|
||||
'EVENTS',
|
||||
'CONTENT',
|
||||
],
|
||||
alphabetical: false,
|
||||
},
|
||||
],
|
||||
'vue/v-on-event-hyphenation': [
|
||||
'error',
|
||||
'always',
|
||||
{
|
||||
autofix: true,
|
||||
ignore: [],
|
||||
},
|
||||
],
|
||||
'vue/html-closing-bracket-newline': [
|
||||
'error',
|
||||
{
|
||||
singleline: 'never',
|
||||
multiline: 'always',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
coverage
|
||||
*.local
|
||||
|
||||
/cypress/videos/
|
||||
/cypress/screenshots/
|
||||
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
*.tsbuildinfo
|
||||
stats.html
|
||||
@ -0,0 +1,20 @@
|
||||
module.exports = {
|
||||
printWidth: 80,
|
||||
tabWidth: 2,
|
||||
useTabs: false,
|
||||
semi: false,
|
||||
singleQuote: true,
|
||||
quoteProps: 'as-needed',
|
||||
jsxSingleQuote: false,
|
||||
trailingComma: 'es5',
|
||||
bracketSpacing: true,
|
||||
jsxBracketSameLine: false,
|
||||
arrowParens: 'always',
|
||||
rangeStart: 0,
|
||||
rangeEnd: Infinity,
|
||||
endOfLine: 'lf',
|
||||
requirePragma: false,
|
||||
insertPragma: false,
|
||||
proseWrap: 'always',
|
||||
htmlWhitespaceSensitivity: 'css',
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
[{"D:\\project\\vue\\MF-UavMonitor\\src\\assets\\fonts\\SarasaMonoSC\\result.css":"1","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\Params\\params.vue":"2","D:\\project\\vue\\MF-UavMonitor\\src\\assets\\fonts\\Furore\\result.css":"3","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\Params\\altimeter.vue":"4","D:\\project\\vue\\MF-UavMonitor\\src\\assets\\fonts\\DincorosBlack\\result.css":"5","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\index.vue":"6","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\Location\\index.vue":"7","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\UavProfile\\index.vue":"8","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\Compass\\index.vue":"9","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\PlayerProfile\\index.vue":"10","D:\\project\\vue\\MF-UavMonitor\\src\\pages\\home\\src\\Gradienter\\index.vue":"11","D:\\project\\vue\\MF-UavMonitor\\src\\layout\\Layout.vue":"12"},{"size":171709,"mtime":1743044652000,"hashOfConfig":"13"},{"size":2275,"mtime":1743044652000,"hashOfConfig":"14"},{"size":2866,"mtime":1743044650000,"hashOfConfig":"13"},{"size":2545,"mtime":1743044652000,"hashOfConfig":"14"},{"size":1967,"mtime":1743044650000,"hashOfConfig":"13"},{"size":1083,"mtime":1743066182134,"hashOfConfig":"14"},{"size":833,"mtime":1743064170106,"hashOfConfig":"14"},{"size":2872,"mtime":1743044652000,"hashOfConfig":"14"},{"size":3593,"mtime":1743044652000,"hashOfConfig":"14"},{"size":2237,"mtime":1743066054862,"hashOfConfig":"14"},{"size":4566,"mtime":1743044652000,"hashOfConfig":"14"},{"size":1388,"mtime":1743066173175,"hashOfConfig":"14"},"umlgel","18uby9b"]
|
||||
@ -0,0 +1,4 @@
|
||||
node_modules
|
||||
public
|
||||
dist
|
||||
docs
|
||||
@ -0,0 +1,26 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
extends: [
|
||||
'stylelint-config-standard',
|
||||
'stylelint-config-standard-scss',
|
||||
'stylelint-config-recommended-vue/scss',
|
||||
'stylelint-config-recess-order',
|
||||
'stylelint-config-prettier',
|
||||
],
|
||||
rules: {
|
||||
'value-keyword-case': null,
|
||||
'block-no-empty': null,
|
||||
'color-function-notation': null,
|
||||
'function-url-quotes': null,
|
||||
'property-no-vendor-prefix': null,
|
||||
'rule-empty-line-before': 'never',
|
||||
'font-family-no-missing-generic-family-keyword': null,
|
||||
'no-descending-specificity': null,
|
||||
},
|
||||
overrides: [
|
||||
{
|
||||
files: ['**/*.{vue,html}'],
|
||||
customSyntax: 'postcss-html',
|
||||
},
|
||||
],
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
// "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
|
||||
}
|
||||
@ -0,0 +1,53 @@
|
||||
{
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.eslint": "explicit",
|
||||
"source.fixAll.stylelint": "explicit",
|
||||
"source.fixAll.markdownlint": "explicit"
|
||||
},
|
||||
"stylelint.validate": ["css", "scss", "less", "vue"],
|
||||
"[vue]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[ts]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[javascript]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[scss]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"[markdown]": {
|
||||
"editor.formatOnSave": true,
|
||||
"editor.formatOnPaste": true
|
||||
},
|
||||
"vue.features.codeActions.enable": false,
|
||||
"explorer.fileNesting.enabled": true,
|
||||
"explorer.fileNesting.expand": false,
|
||||
"explorer.fileNesting.patterns": {
|
||||
"package.json": ".env*,.eslint*,package*,.prettier*,.stylelint*,commitlint*,pnpm*,ts*,yarn*,.git*,index.html,nginx.conf,Dockerfile,docker-compose.yml,env.d.ts"
|
||||
},
|
||||
"search.exclude": {
|
||||
"**/node_modules": true,
|
||||
"**/bower_components": true,
|
||||
"**/*.code-search": true,
|
||||
"**/.DS_Store": true,
|
||||
"**/.git": true,
|
||||
"**/.gitignore": true,
|
||||
"**/.idea": true,
|
||||
"**/.svn": true,
|
||||
"**/.vscode": true,
|
||||
"**/build": true,
|
||||
"**/dist": true,
|
||||
"**/tmp": true,
|
||||
"**/yarn.lock": true,
|
||||
"**/assets": true,
|
||||
"**/*.md": true,
|
||||
"**/pnpm-lock.yaml": true,
|
||||
"**/package.json": true
|
||||
},
|
||||
"vue.codeActions.enabled": false,
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
# 🍪 MF-UavMonitor
|
||||
|
||||
> 一个固定翼无人机模拟操控界面
|
||||
|
||||
> 模型加载较慢，如果长时间未加载成功请刷新后重试
|
||||
|
||||
> 服务地址 :https://mf-uav-monitor.vercel.app/#/home
|
||||
|
||||
> 服务地址 :http://39.101.188.84:9999/demo/uav-demo/#/home
|
||||
|
||||
<h1>
|
||||
<img src="https://github.com/fengtianxi001/MF-UavMonitor/blob/master/screenshots/screenshot01.png?raw=true" title="screenshot">
|
||||
</h1>
|
||||
|
||||
## 更新日志
|
||||
|
||||
##### v2.0.0
|
||||
|
||||
- [x] 新增信息面板
|
||||
- [x] 新增陀螺水平仪
|
||||
- [x] 新增指南针面板
|
||||
- [x] 新增高度仪面板
|
||||
- [x] 对项目代码结构进行简化
|
||||
- [x] 对项目界面进行优化
|
||||
- [ ] 镜头跟随着机头
|
||||
- [ ] 切换第一人称视角
|
||||
- [ ] 飞行参数告警
|
||||
@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/images/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>无人机飞行控制</title>
|
||||
|
||||
<style>
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#app {
|
||||
width: 100;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.app-loading {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #303133;
|
||||
}
|
||||
.app-loading-title {
|
||||
margin-top: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
.app-loading-subtitle {
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
body[arco-theme='dark'] {
|
||||
.leaflet-layer {
|
||||
filter: grayscale(100) invert(100);
|
||||
}
|
||||
}
|
||||
|
||||
.leaflet-div-icon {
|
||||
background-color: transparent !important;
|
||||
border: unset !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body arco-theme="dark">
|
||||
<div id="app">
|
||||
<div class="app-loading">
|
||||
<img class="app-loading-icon" src="/images/spin.svg" alt="" />
|
||||
<div class="app-loading-title">正在加载资源</div>
|
||||
<div class="app-loading-subtitle">
|
||||
初次加载资源可能需要较长时间,请耐心等待
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,77 @@
|
||||
{
|
||||
"name": "mf-uavmonitor",
|
||||
"version": "3.0.1",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview",
|
||||
"type-check": "vue-tsc --build --force",
|
||||
"lint": "eslint --fix --ext .js,.vue,jsx,ts,tsx src",
|
||||
"format": "prettier --write src/",
|
||||
"lint:style": "stylelint **/*.{html,vue,css,sass,scss} --fix",
|
||||
"prettier:format": "prettier --config .prettierrc.cjs --ext .js,.vue,jsx,ts,tsx src --write"
|
||||
},
|
||||
"dependencies": {
|
||||
"@arco-design/web-vue": "^2.56.3",
|
||||
"animate.css": "^4.1.1",
|
||||
"autofit.js": "^3.0.7",
|
||||
"cesium": "^1.126.0",
|
||||
"dayjs": "^1.11.13",
|
||||
"echarts": "^5.6.0",
|
||||
"leaflet": "^1.9.4",
|
||||
"lodash-es": "^4.17.21",
|
||||
"uuid": "^11.0.3",
|
||||
"vue": "^3.3.11",
|
||||
"vue-router": "^4.5.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tsconfig/node18": "^18.2.2",
|
||||
"@types/leaflet": "^1.9.16",
|
||||
"@types/lodash-es": "^4.17.12",
|
||||
"@types/node": "^18.19.3",
|
||||
"@vitejs/plugin-vue": "^4.5.2",
|
||||
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
||||
"@vue/tsconfig": "^0.5.0",
|
||||
"eslint": "^8.39.0",
|
||||
"eslint-config-airbnb-base": "^15.0.0",
|
||||
"eslint-config-prettier": "^8.8.0",
|
||||
"eslint-import-resolver-typescript": "^3.5.5",
|
||||
"eslint-plugin-import": "^2.27.5",
|
||||
"eslint-plugin-prettier": "^4.2.1",
|
||||
"eslint-plugin-vue": "^9.11.0",
|
||||
"less": "^4.2.1",
|
||||
"npm-run-all2": "^6.1.1",
|
||||
"postcss": "^8.4.23",
|
||||
"postcss-html": "^1.5.0",
|
||||
"prettier": "^2.8.8",
|
||||
"rollup-plugin-visualizer": "^5.12.0",
|
||||
"sass": "^1.70.0",
|
||||
"stylelint": "^14.15.0",
|
||||
"stylelint-config-prettier": "^9.0.4",
|
||||
"stylelint-config-recess-order": "^3.0.0",
|
||||
"stylelint-config-recommended-vue": "^1.4.0",
|
||||
"stylelint-config-standard": "^29.0.0",
|
||||
"stylelint-config-standard-scss": "^6.1.0",
|
||||
"typescript": "~5.3.0",
|
||||
"vite": "^5.0.10",
|
||||
"vite-plugin-cesium": "^1.2.23",
|
||||
"vite-plugin-eslint": "^1.8.1",
|
||||
"vite-plugin-imagemin": "^0.6.1",
|
||||
"vite-plugin-stylelint": "^4.3.0",
|
||||
"vue-tsc": "^1.8.25"
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{js,jsx,ts,tsx,vue}": [
|
||||
"yarn lint",
|
||||
"yarn prettier:format"
|
||||
],
|
||||
"*.{html,css,sass,scss,vue}": [
|
||||
"yarn lint:style"
|
||||
]
|
||||
},
|
||||
"resolutions": {
|
||||
"bin-wrapper": "npm:bin-wrapper-china"
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 458 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 908 KiB |
|
After Width: | Height: | Size: 988 KiB |
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<router-view />
|
||||
</template>
|
||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,455 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>字体分包构建报告</title>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fastly.jsdelivr.net/npm/vant@4.9.15/lib/index.css"
|
||||
/>
|
||||
<link
|
||||
href="https://unpkg.com/vue3-easy-data-table@1.5.47/dist/style.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./result.css" />
|
||||
<style>
|
||||
body {
|
||||
overflow-wrap: break-word;
|
||||
font-size: 18px;
|
||||
background-color: #edf0f3;
|
||||
--easy-table-border: 0;
|
||||
}
|
||||
main {
|
||||
padding: 20px;
|
||||
margin-top: var(--van-nav-bar-height);
|
||||
margin-bottom: var(--van-tabbar-height);
|
||||
}
|
||||
.light-blue {
|
||||
--easy-table-body-row-font-color: #427cb7;
|
||||
}
|
||||
.light-red {
|
||||
--easy-table-body-row-font-color: #b74273;
|
||||
}
|
||||
.hint {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
margin: 1rem;
|
||||
}
|
||||
.scroller {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.user {
|
||||
height: 32%;
|
||||
padding: 0 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<van-nav-bar
|
||||
:title="reporter.state?.css?.family +' 分包报告'"
|
||||
right-text="Github"
|
||||
@click-right="toGithub"
|
||||
style="position: fixed; width: 100%; top: 0"
|
||||
></van-nav-bar>
|
||||
<div v-if="reporter.isLoading">加载中</div>
|
||||
<div v-if="reporter.isError">加载错误</div>
|
||||
|
||||
<main :style="style">
|
||||
<van-cell-group inset title="样式控制">
|
||||
<van-field
|
||||
v-model="fontSize"
|
||||
label="字体大小"
|
||||
placeholder="请输入字体大小"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="fontWeight"
|
||||
label="字体重量"
|
||||
placeholder="请输入字重"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
<!-- 汇总信息 -->
|
||||
<display-chart
|
||||
v-if="reporter.isOk() && activePage === 0"
|
||||
:reporter="reporter.state"
|
||||
></display-chart>
|
||||
<!-- 字体信息表格 -->
|
||||
<name-table
|
||||
v-if="reporter.isOk() && activePage === 1"
|
||||
:reporter="reporter.state"
|
||||
></name-table>
|
||||
<!-- 单包查询 -->
|
||||
<pkg-list
|
||||
v-if="reporter.isOk() && activePage === 2"
|
||||
:reporter="reporter.state"
|
||||
></pkg-list>
|
||||
<div class="hint">
|
||||
<a href="https://chinese-font.netlify.app">中文网字计划</a>
|
||||
<span> cn-font-split 生成 </span>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 底部导航栏 -->
|
||||
<van-tabbar v-model="activePage">
|
||||
<van-tabbar-item icon="home-o">汇总</van-tabbar-item>
|
||||
<van-tabbar-item icon="home-o">字体信息</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">分包</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://unpkg.com/vue@3.4.33"></script>
|
||||
<script src="https://unpkg.com/vant@4/lib/vant.min.js"></script>
|
||||
<script src="https://unpkg.com/vue3-easy-data-table@1.5.47/dist/vue3-easy-data-table.umd.js"></script>
|
||||
<script src="https://unpkg.com/echarts@5.5.1"></script>
|
||||
<script src="https://unpkg.com/vue-echarts@7.0.3"></script>
|
||||
<script src="https://unpkg.com/protobufjs@7.4.0/dist/protobuf.min.js"></script>
|
||||
<script>
|
||||
const { createApp } = Vue;
|
||||
const app = createApp({
|
||||
data() {
|
||||
return {
|
||||
reporter: PromiseToState(loadReport),
|
||||
activePage: 0,
|
||||
fontWeight: '',
|
||||
fontSize: 16,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toGithub() {
|
||||
window.open('https://github.com/KonghaYao/cn-font-split');
|
||||
},
|
||||
},
|
||||
async mounted() {
|
||||
const state = await this.reporter.refetch();
|
||||
this.fontWeight = state.css.weight;
|
||||
},
|
||||
computed: {
|
||||
style() {
|
||||
const size = this.fontSize < 12 ? 12 : this.fontSize;
|
||||
return (
|
||||
`font-family: '${this.reporter.state?.css?.family}';` +
|
||||
`font-weight: ${this.fontWeight};` +
|
||||
`--van-cell-font-size: ${size}px;`
|
||||
);
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
/** 封装Promise为状态对象 **/
|
||||
function PromiseToState(fn) {
|
||||
return {
|
||||
state: {},
|
||||
isOk() {
|
||||
return !this.isLoading && !this.isError && this.state;
|
||||
},
|
||||
isLoading: false,
|
||||
isError: false,
|
||||
async refetch() {
|
||||
this.isLoading = true;
|
||||
this.isError = false;
|
||||
try {
|
||||
this.state = await fn();
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
this.isError = true;
|
||||
}
|
||||
this.isLoading = false;
|
||||
return this.state;
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
/** 载入构建出来的二进制报告文件 **/
|
||||
async function loadReport() {
|
||||
return new Promise((resolve, reject) => {
|
||||
protobuf.load('./index.proto', (err, root) => {
|
||||
if (err) return reject(err);
|
||||
fetch('./reporter.bin')
|
||||
.then((res) => res.arrayBuffer())
|
||||
.then((buf) => {
|
||||
const OutputReport = root.lookup('OutputReport');
|
||||
const data = OutputReport.decode(
|
||||
new Uint8Array(buf),
|
||||
);
|
||||
console.log(data);
|
||||
resolve(data);
|
||||
})
|
||||
.catch(reject);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
globalThis.app = app;
|
||||
app.use(vant);
|
||||
app.component('v-chart', VueECharts);
|
||||
app.component('easy-data-table', window['vue3-easy-data-table']);
|
||||
</script>
|
||||
|
||||
<!-- 汇总数据 -->
|
||||
<template id="display-chart">
|
||||
<van-cell-group inset title="构建信息">
|
||||
<van-cell title="构建工具" value="cn-font-split"></van-cell>
|
||||
<van-cell title="构建版本" :value="reporter.version"></van-cell>
|
||||
<van-cell title="构建平台" :value="reporter.platform"></van-cell>
|
||||
</van-cell-group>
|
||||
<van-cell-group inset title="构建详情">
|
||||
<div style="height: 300px; width: 400px">
|
||||
<v-chart :option="pieOptions"></v-chart>
|
||||
</div>
|
||||
<div style="height: 400px; width: 100%">
|
||||
<v-chart :option="option"></v-chart>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script>
|
||||
const tooltip = {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999',
|
||||
},
|
||||
},
|
||||
};
|
||||
app.component('display-chart', {
|
||||
template: '#display-chart',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
computed: {
|
||||
option() {
|
||||
const data = this.reporter.subsetDetail ?? [];
|
||||
return {
|
||||
title: {
|
||||
text: '构建耗时',
|
||||
x: 'center',
|
||||
},
|
||||
xAxis: { type: 'category' },
|
||||
tooltip,
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
|
||||
name: 'time / ms',
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name: 'bytes / KB',
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: 'time',
|
||||
type: 'bar',
|
||||
data: data.map((i) => i.duration),
|
||||
},
|
||||
{
|
||||
name: 'bytes',
|
||||
type: 'line',
|
||||
data: data.map((i) =>
|
||||
(i.bytes / 1024).toFixed(2),
|
||||
),
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
pieOptions() {
|
||||
const message = this.reporter.bundleMessage;
|
||||
if (!message) return {};
|
||||
return {
|
||||
title: {
|
||||
text: '构建大小对比',
|
||||
x: 'center',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: ['45%', '60%'],
|
||||
label: {
|
||||
formatter(b, c) {
|
||||
return `${b.name}\n${(
|
||||
b.value /
|
||||
(1024 * 1024)
|
||||
).toFixed(2)}MB`;
|
||||
},
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: message.bundledBytes,
|
||||
name: 'bundled',
|
||||
},
|
||||
{
|
||||
value: message.originBytes,
|
||||
name: 'origin',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'pie',
|
||||
radius: [0, '30%'],
|
||||
label: {
|
||||
formatter(b, c) {
|
||||
return `${b.name}\n${b.value}`;
|
||||
},
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: message.bundledSize,
|
||||
name: 'bundled',
|
||||
},
|
||||
{
|
||||
value: message.originSize,
|
||||
name: 'origin',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 字体信息表格 -->
|
||||
<template id="name-table">
|
||||
<van-cell-group inset title="CSS 信息">
|
||||
<van-cell
|
||||
title="font-family"
|
||||
:value="reporter.css?.family"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-weight"
|
||||
:value="reporter.css?.weight"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-style"
|
||||
:value="reporter.css?.style"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-display"
|
||||
:value="reporter.css?.display"
|
||||
></van-cell>
|
||||
</van-cell-group>
|
||||
<van-cell-group inset title="字体信息">
|
||||
<easy-data-table
|
||||
:headers="columns"
|
||||
:items="reporter.nameTable??[]"
|
||||
:rows-per-page="1000"
|
||||
:body-row-class-name="useColor"
|
||||
></easy-data-table>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script>
|
||||
app.component('name-table', {
|
||||
template: '#name-table',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
color: {
|
||||
Windows: 'light-blue',
|
||||
Macintosh: 'light-red',
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
text: '语言',
|
||||
value: 'language',
|
||||
sortable: true,
|
||||
|
||||
minWidth: '36px',
|
||||
},
|
||||
{
|
||||
text: '平台',
|
||||
value: 'platform',
|
||||
sortable: true,
|
||||
|
||||
minWidth: '20px',
|
||||
},
|
||||
{
|
||||
text: '名称',
|
||||
value: 'name',
|
||||
sortable: true,
|
||||
minWidth: '50px',
|
||||
},
|
||||
{
|
||||
text: '值',
|
||||
value: 'value',
|
||||
sortable: true,
|
||||
width: '200px',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
useColor(item) {
|
||||
return this.color[item.platform];
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 每个包的数据 -->
|
||||
<template id="pkg-list">
|
||||
<van-cell-group inset>
|
||||
<van-field
|
||||
v-model="search"
|
||||
label="搜索"
|
||||
placeholder="请输入关键字"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<van-cell-group inset title="字体分包详情">
|
||||
<v-list
|
||||
ref="list"
|
||||
:items="items"
|
||||
:first-render="10"
|
||||
style="height: 80vh"
|
||||
>
|
||||
<template #default="{ item, index }">
|
||||
<div style="padding: 0 1rem">
|
||||
<h2 :style="{ width: item.width }">
|
||||
ITEM: {{ index }} - {{ item.hash }}
|
||||
</h2>
|
||||
<span> {{String.fromCodePoint(...item.chars)}} </span>
|
||||
</div>
|
||||
</template>
|
||||
</v-list>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script src="https://unpkg.com/@virtual-list/vue/dist/v3/index.iife.js"></script>
|
||||
<script>
|
||||
app.component('v-list', virtualListVue);
|
||||
app.component('pkg-list', {
|
||||
template: '#pkg-list',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeNames: [],
|
||||
search: '',
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
computed: {
|
||||
items() {
|
||||
const list = this.reporter.subsetDetail ?? [];
|
||||
if (this.search) {
|
||||
return list.filter((i) => i.hash.includes(this.search));
|
||||
}
|
||||
return list;
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
app.mount('#app');
|
||||
</script>
|
||||
</html>
|
||||
Binary file not shown.
@ -0,0 +1,28 @@
|
||||
/* Generated By cn-font-split@7.2.1 https://www.npmjs.com/package/cn-font-split
|
||||
CreateTime: 2025-03-04 01:44:23.455 UTC;
|
||||
Macintosh en FontFamilyName DincorosBlack
|
||||
Macintosh en FontSubfamilyName Regular
|
||||
Macintosh en FullFontName DincorosBlack
|
||||
Macintosh en VersionString Version 1.002
|
||||
Macintosh en PostScriptFontName DINCOROS-Black
|
||||
Windows en CopyrightNotice Copyright © 2023 Guangdong COROS Sports Technology Joint Stock Company, All rights reserved.
|
||||
Windows en FontFamilyName DincorosBlack
|
||||
Windows en FontSubfamilyName Regular
|
||||
Windows en UniqueFontID 1.002;UKWN;DINCOROS-Black
|
||||
Windows en FullFontName DincorosBlack
|
||||
Windows en VersionString Version 1.002
|
||||
Windows en PostScriptFontName DINCOROS-Black
|
||||
Windows en TypographicFamilyName DIN COROS
|
||||
Windows en TypographicSubfamilyName Black
|
||||
Windows zh CopyrightNotice Copyright © 2023 广东高驰运动科技股份有限公司, All rights reserved.
|
||||
Windows zh FontFamilyName DincorosBlack
|
||||
Windows zh FontSubfamilyName Regular
|
||||
Windows zh FullFontName DincorosBlack
|
||||
Windows zh ManufacturerName COROS
|
||||
Windows zh DesignerName 喵爷
|
||||
Windows zh TypographicFamilyName DIN COROS
|
||||
Windows zh TypographicSubfamilyName Black
|
||||
*/
|
||||
|
||||
@font-face{font-family:DincorosBlack;font-style:normal;font-weight:400;src:local("DincorosBlack"),url("./021f6044c4895dbb8ed4c0c6a7498097.woff2") format("woff2");font-display:swap;unicode-range:U+300-304,U+306-308,U+30A-30C,U+312,U+326-328,U+2013-2014,U+2018-2019,U+201C-201E,U+2020-2022,U+203A,U+20AC,U+2122,U+220F,U+221A,U+221E,U+222B,U+2248;}
|
||||
@font-face{font-family:DincorosBlack;font-style:normal;font-weight:400;src:local("DincorosBlack"),url("./7132a5d7047da6fa0a835ec884c77b09.woff2") format("woff2");font-display:swap;unicode-range:U+0,U+20-5F,U+61-7E,U+A0-A7,U+A9,U+AB-AC,U+AE,U+B0-B1,U+B6-B7,U+BB,U+BF-137,U+139-13E,U+141-148,U+14A-17E,U+18F,U+1FC-1FF,U+218-21B,U+237,U+259,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2026,U+2030,U+2039,U+2202,U+2211-2212,U+2260,U+2264-2265;}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,455 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-cn">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>字体分包构建报告</title>
|
||||
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://fastly.jsdelivr.net/npm/vant@4.9.15/lib/index.css"
|
||||
/>
|
||||
<link
|
||||
href="https://unpkg.com/vue3-easy-data-table@1.5.47/dist/style.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./result.css" />
|
||||
<style>
|
||||
body {
|
||||
overflow-wrap: break-word;
|
||||
font-size: 18px;
|
||||
background-color: #edf0f3;
|
||||
--easy-table-border: 0;
|
||||
}
|
||||
main {
|
||||
padding: 20px;
|
||||
margin-top: var(--van-nav-bar-height);
|
||||
margin-bottom: var(--van-tabbar-height);
|
||||
}
|
||||
.light-blue {
|
||||
--easy-table-body-row-font-color: #427cb7;
|
||||
}
|
||||
.light-red {
|
||||
--easy-table-body-row-font-color: #b74273;
|
||||
}
|
||||
.hint {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
margin: 1rem;
|
||||
}
|
||||
.scroller {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.user {
|
||||
height: 32%;
|
||||
padding: 0 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<van-nav-bar
|
||||
:title="reporter.state?.css?.family +' 分包报告'"
|
||||
right-text="Github"
|
||||
@click-right="toGithub"
|
||||
style="position: fixed; width: 100%; top: 0"
|
||||
></van-nav-bar>
|
||||
<div v-if="reporter.isLoading">加载中</div>
|
||||
<div v-if="reporter.isError">加载错误</div>
|
||||
|
||||
<main :style="style">
|
||||
<van-cell-group inset title="样式控制">
|
||||
<van-field
|
||||
v-model="fontSize"
|
||||
label="字体大小"
|
||||
placeholder="请输入字体大小"
|
||||
></van-field>
|
||||
<van-field
|
||||
v-model="fontWeight"
|
||||
label="字体重量"
|
||||
placeholder="请输入字重"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
<!-- 汇总信息 -->
|
||||
<display-chart
|
||||
v-if="reporter.isOk() && activePage === 0"
|
||||
:reporter="reporter.state"
|
||||
></display-chart>
|
||||
<!-- 字体信息表格 -->
|
||||
<name-table
|
||||
v-if="reporter.isOk() && activePage === 1"
|
||||
:reporter="reporter.state"
|
||||
></name-table>
|
||||
<!-- 单包查询 -->
|
||||
<pkg-list
|
||||
v-if="reporter.isOk() && activePage === 2"
|
||||
:reporter="reporter.state"
|
||||
></pkg-list>
|
||||
<div class="hint">
|
||||
<a href="https://chinese-font.netlify.app">中文网字计划</a>
|
||||
<span> cn-font-split 生成 </span>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 底部导航栏 -->
|
||||
<van-tabbar v-model="activePage">
|
||||
<van-tabbar-item icon="home-o">汇总</van-tabbar-item>
|
||||
<van-tabbar-item icon="home-o">字体信息</van-tabbar-item>
|
||||
<van-tabbar-item icon="search">分包</van-tabbar-item>
|
||||
</van-tabbar>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://unpkg.com/vue@3.4.33"></script>
|
||||
<script src="https://unpkg.com/vant@4/lib/vant.min.js"></script>
|
||||
<script src="https://unpkg.com/vue3-easy-data-table@1.5.47/dist/vue3-easy-data-table.umd.js"></script>
|
||||
<script src="https://unpkg.com/echarts@5.5.1"></script>
|
||||
<script src="https://unpkg.com/vue-echarts@7.0.3"></script>
|
||||
<script src="https://unpkg.com/protobufjs@7.4.0/dist/protobuf.min.js"></script>
|
||||
<script>
|
||||
const { createApp } = Vue;
|
||||
const app = createApp({
|
||||
data() {
|
||||
return {
|
||||
reporter: PromiseToState(loadReport),
|
||||
activePage: 0,
|
||||
fontWeight: '',
|
||||
fontSize: 16,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toGithub() {
|
||||
window.open('https://github.com/KonghaYao/cn-font-split');
|
||||
},
|
||||
},
|
||||
async mounted() {
|
||||
const state = await this.reporter.refetch();
|
||||
this.fontWeight = state.css.weight;
|
||||
},
|
||||
computed: {
|
||||
style() {
|
||||
const size = this.fontSize < 12 ? 12 : this.fontSize;
|
||||
return (
|
||||
`font-family: '${this.reporter.state?.css?.family}';` +
|
||||
`font-weight: ${this.fontWeight};` +
|
||||
`--van-cell-font-size: ${size}px;`
|
||||
);
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
/** 封装Promise为状态对象 **/
|
||||
function PromiseToState(fn) {
|
||||
return {
|
||||
state: {},
|
||||
isOk() {
|
||||
return !this.isLoading && !this.isError && this.state;
|
||||
},
|
||||
isLoading: false,
|
||||
isError: false,
|
||||
async refetch() {
|
||||
this.isLoading = true;
|
||||
this.isError = false;
|
||||
try {
|
||||
this.state = await fn();
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
this.isError = true;
|
||||
}
|
||||
this.isLoading = false;
|
||||
return this.state;
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
/** 载入构建出来的二进制报告文件 **/
|
||||
async function loadReport() {
|
||||
return new Promise((resolve, reject) => {
|
||||
protobuf.load('./index.proto', (err, root) => {
|
||||
if (err) return reject(err);
|
||||
fetch('./reporter.bin')
|
||||
.then((res) => res.arrayBuffer())
|
||||
.then((buf) => {
|
||||
const OutputReport = root.lookup('OutputReport');
|
||||
const data = OutputReport.decode(
|
||||
new Uint8Array(buf),
|
||||
);
|
||||
console.log(data);
|
||||
resolve(data);
|
||||
})
|
||||
.catch(reject);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
globalThis.app = app;
|
||||
app.use(vant);
|
||||
app.component('v-chart', VueECharts);
|
||||
app.component('easy-data-table', window['vue3-easy-data-table']);
|
||||
</script>
|
||||
|
||||
<!-- 汇总数据 -->
|
||||
<template id="display-chart">
|
||||
<van-cell-group inset title="构建信息">
|
||||
<van-cell title="构建工具" value="cn-font-split"></van-cell>
|
||||
<van-cell title="构建版本" :value="reporter.version"></van-cell>
|
||||
<van-cell title="构建平台" :value="reporter.platform"></van-cell>
|
||||
</van-cell-group>
|
||||
<van-cell-group inset title="构建详情">
|
||||
<div style="height: 300px; width: 400px">
|
||||
<v-chart :option="pieOptions"></v-chart>
|
||||
</div>
|
||||
<div style="height: 400px; width: 100%">
|
||||
<v-chart :option="option"></v-chart>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script>
|
||||
const tooltip = {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross',
|
||||
crossStyle: {
|
||||
color: '#999',
|
||||
},
|
||||
},
|
||||
};
|
||||
app.component('display-chart', {
|
||||
template: '#display-chart',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
computed: {
|
||||
option() {
|
||||
const data = this.reporter.subsetDetail ?? [];
|
||||
return {
|
||||
title: {
|
||||
text: '构建耗时',
|
||||
x: 'center',
|
||||
},
|
||||
xAxis: { type: 'category' },
|
||||
tooltip,
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
|
||||
name: 'time / ms',
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name: 'bytes / KB',
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: 'time',
|
||||
type: 'bar',
|
||||
data: data.map((i) => i.duration),
|
||||
},
|
||||
{
|
||||
name: 'bytes',
|
||||
type: 'line',
|
||||
data: data.map((i) =>
|
||||
(i.bytes / 1024).toFixed(2),
|
||||
),
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
pieOptions() {
|
||||
const message = this.reporter.bundleMessage;
|
||||
if (!message) return {};
|
||||
return {
|
||||
title: {
|
||||
text: '构建大小对比',
|
||||
x: 'center',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: ['45%', '60%'],
|
||||
label: {
|
||||
formatter(b, c) {
|
||||
return `${b.name}\n${(
|
||||
b.value /
|
||||
(1024 * 1024)
|
||||
).toFixed(2)}MB`;
|
||||
},
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: message.bundledBytes,
|
||||
name: 'bundled',
|
||||
},
|
||||
{
|
||||
value: message.originBytes,
|
||||
name: 'origin',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'pie',
|
||||
radius: [0, '30%'],
|
||||
label: {
|
||||
formatter(b, c) {
|
||||
return `${b.name}\n${b.value}`;
|
||||
},
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: message.bundledSize,
|
||||
name: 'bundled',
|
||||
},
|
||||
{
|
||||
value: message.originSize,
|
||||
name: 'origin',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 字体信息表格 -->
|
||||
<template id="name-table">
|
||||
<van-cell-group inset title="CSS 信息">
|
||||
<van-cell
|
||||
title="font-family"
|
||||
:value="reporter.css?.family"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-weight"
|
||||
:value="reporter.css?.weight"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-style"
|
||||
:value="reporter.css?.style"
|
||||
></van-cell>
|
||||
<van-cell
|
||||
title="font-display"
|
||||
:value="reporter.css?.display"
|
||||
></van-cell>
|
||||
</van-cell-group>
|
||||
<van-cell-group inset title="字体信息">
|
||||
<easy-data-table
|
||||
:headers="columns"
|
||||
:items="reporter.nameTable??[]"
|
||||
:rows-per-page="1000"
|
||||
:body-row-class-name="useColor"
|
||||
></easy-data-table>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script>
|
||||
app.component('name-table', {
|
||||
template: '#name-table',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
color: {
|
||||
Windows: 'light-blue',
|
||||
Macintosh: 'light-red',
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
text: '语言',
|
||||
value: 'language',
|
||||
sortable: true,
|
||||
|
||||
minWidth: '36px',
|
||||
},
|
||||
{
|
||||
text: '平台',
|
||||
value: 'platform',
|
||||
sortable: true,
|
||||
|
||||
minWidth: '20px',
|
||||
},
|
||||
{
|
||||
text: '名称',
|
||||
value: 'name',
|
||||
sortable: true,
|
||||
minWidth: '50px',
|
||||
},
|
||||
{
|
||||
text: '值',
|
||||
value: 'value',
|
||||
sortable: true,
|
||||
width: '200px',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
useColor(item) {
|
||||
return this.color[item.platform];
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- 每个包的数据 -->
|
||||
<template id="pkg-list">
|
||||
<van-cell-group inset>
|
||||
<van-field
|
||||
v-model="search"
|
||||
label="搜索"
|
||||
placeholder="请输入关键字"
|
||||
></van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<van-cell-group inset title="字体分包详情">
|
||||
<v-list
|
||||
ref="list"
|
||||
:items="items"
|
||||
:first-render="10"
|
||||
style="height: 80vh"
|
||||
>
|
||||
<template #default="{ item, index }">
|
||||
<div style="padding: 0 1rem">
|
||||
<h2 :style="{ width: item.width }">
|
||||
ITEM: {{ index }} - {{ item.hash }}
|
||||
</h2>
|
||||
<span> {{String.fromCodePoint(...item.chars)}} </span>
|
||||
</div>
|
||||
</template>
|
||||
</v-list>
|
||||
</van-cell-group>
|
||||
</template>
|
||||
<script src="https://unpkg.com/@virtual-list/vue/dist/v3/index.iife.js"></script>
|
||||
<script>
|
||||
app.component('v-list', virtualListVue);
|
||||
app.component('pkg-list', {
|
||||
template: '#pkg-list',
|
||||
props: {
|
||||
reporter: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeNames: [],
|
||||
search: '',
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
computed: {
|
||||
items() {
|
||||
const list = this.reporter.subsetDetail ?? [];
|
||||
if (this.search) {
|
||||
return list.filter((i) => i.hash.includes(this.search));
|
||||
}
|
||||
return list;
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
app.mount('#app');
|
||||
</script>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
/* Generated By cn-font-split@7.2.1 https://www.npmjs.com/package/cn-font-split
|
||||
CreateTime: 2025-03-04 03:05:25.437 UTC;
|
||||
Macintosh en CopyrightNotice Copyright (c) 2009 by Daniel Pouzeot, Jovanny Lemonad. All rights reserved.
|
||||
Macintosh en FontFamilyName Furore
|
||||
Macintosh en FontSubfamilyName Regular
|
||||
Macintosh en UniqueFontID DanielPouzeot,JovannyLemonad: Furore: 2009
|
||||
Macintosh en FullFontName Furore
|
||||
Macintosh en VersionString Version 1.000
|
||||
Macintosh en PostScriptFontName Furore
|
||||
Macintosh en Trademark Furore is a trademark of Daniel Pouzeot, Jovanny Lemonad.
|
||||
Macintosh en ManufacturerName Daniel Pouzeot, Jovanny Lemonad
|
||||
Macintosh en DesignerName Daniel Pouzeot, Jovanny Lemonad
|
||||
Macintosh en Description Copyright (c) 2009 by Daniel Pouzeot, Jovanny Lemonad. All rights reserved.
|
||||
Macintosh en SampleText FontStruct is a trademark of FSI FontShop International GmbH
|
||||
Windows en CopyrightNotice Copyright (c) 2009 by Daniel Pouzeot, Jovanny Lemonad. All rights reserved.
|
||||
Windows en FontFamilyName Furore
|
||||
Windows en FontSubfamilyName Regular
|
||||
Windows en UniqueFontID DanielPouzeot,JovannyLemonad: Furore: 2009
|
||||
Windows en FullFontName Furore
|
||||
Windows en VersionString Version 1.000
|
||||
Windows en PostScriptFontName Furore
|
||||
Windows en Trademark Furore is a trademark of Daniel Pouzeot, Jovanny Lemonad.
|
||||
Windows en ManufacturerName Daniel Pouzeot, Jovanny Lemonad
|
||||
Windows en DesignerName Daniel Pouzeot, Jovanny Lemonad
|
||||
Windows en Description Copyright (c) 2009 by Daniel Pouzeot, Jovanny Lemonad. All rights reserved.
|
||||
Windows en SampleText FontStruct is a trademark of FSI FontShop International GmbH
|
||||
*/
|
||||
|
||||
@font-face{font-family:Furore;font-style:normal;font-weight:400;src:local("Furore"),url("./704725752b6113304a2b4d56d02bc092.woff2") format("woff2");font-display:swap;unicode-range:U+3BC;}
|
||||
@font-face{font-family:Furore;font-style:normal;font-weight:400;src:local("Furore"),url("./415d3e1ac259440daef095fb53308b7e.woff2") format("woff2");font-display:swap;unicode-range:U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+20AC,U+20B8,U+2116,U+2122;}
|
||||
@font-face{font-family:Furore;font-style:normal;font-weight:400;src:local("Furore"),url("./2df6e9600c180a50de35f9d58e58aca8.woff2") format("woff2");font-display:swap;unicode-range:U+401,U+403-40A,U+40C,U+40E-412,U+415-41F,U+421,U+424-425,U+427-428,U+42B,U+42D-432,U+435-43F,U+441,U+444-445,U+447-448,U+44B,U+44D-44F,U+451,U+453-45A,U+45C,U+45E-45F,U+490-493,U+49A,U+4A2,U+4AE-4B1,U+4BA,U+4D8,U+4E8-4E9;}
|
||||
@font-face{font-family:Furore;font-style:normal;font-weight:400;src:local("Furore"),url("./cc1c640b9e9b489b2836f563cda54090.woff2") format("woff2");font-display:swap;unicode-range:U+20-7E,U+A0,U+A4,U+A6-A7,U+A9,U+AB-AE,U+B0-B1,U+B5-B7,U+BB,U+402,U+40B,U+413-414,U+420,U+422-423,U+426,U+429-42A,U+42C,U+433-434,U+440,U+442-443,U+446,U+449-44A,U+44C,U+452,U+45B,U+2013-2014;}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue