Skip to content

Support RTL #322

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sheepzh merged 1 commit into from
Oct 15, 2024
Merged

Support RTL #322

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Support RTL
  • Loading branch information
@sheepzh
sheepzh committed Oct 14, 2024
commit 94de7bcf034d0751c1cd48817096f9d0aa57950f
1 change: 1 addition & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
"Popconfirm",
"PROPFIND",
"Qihu",
"rtlcss",
"sheepzh",
"vueuse",
"webcomponents",
Expand Down
23 changes: 13 additions & 10 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,16 +24,16 @@
},
"license": "MIT",
"devDependencies": {
"@babel/plugin-transform-modules-commonjs": "^7.24.8",
"@babel/preset-env": "^7.25.4",
"@crowdin/crowdin-api-client": "^1.36.0",
"@types/chrome": "0.0.272",
"@babel/plugin-transform-modules-commonjs": "^7.25.7",
"@babel/preset-env": "^7.25.8",
"@crowdin/crowdin-api-client": "^1.37.1",
"@types/chrome": "0.0.277",
"@types/copy-webpack-plugin": "^10.1.0",
"@types/decompress": "^4.2.7",
"@types/echarts": "^4.9.22",
"@types/generate-json-webpack-plugin": "^0.3.7",
"@types/jest": "^29.5.13",
"@types/node": "^22.7.4",
"@types/node": "^22.7.5",
"@types/psl": "^1.1.3",
"@types/punycode": "^2.1.4",
"@types/webpack": "^5.28.5",
Expand All @@ -43,22 +43,25 @@
"copy-webpack-plugin": "^12.0.2",
"css-loader": "^7.1.2",
"decompress": "^4.2.1",
"eslint": "^9.11.1",
"eslint": "^9.12.0",
"filemanager-webpack-plugin": "^8.0.0",
"generate-json-webpack-plugin": "^2.0.0",
"html-webpack-plugin": "^5.6.0",
"jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0",
"mini-css-extract-plugin": "^2.9.1",
"sass": "^1.79.4",
"postcss": "^8.4.47",
"postcss-loader": "^8.1.1",
"postcss-rtlcss": "^5.5.0",
"sass": "^1.79.5",
"sass-loader": "^16.0.2",
"style-loader": "^4.0.0",
"ts-jest": "^29.2.5",
"ts-loader": "^9.5.1",
"ts-node": "^10.9.2",
"tsconfig-paths": "^4.2.0",
"tslib": "^2.7.0",
"typescript": "5.6.2",
"typescript": "5.6.3",
"url-loader": "^4.1.1",
"webpack": "^5.95.0",
"webpack-bundle-analyzer": "^4.10.2",
Expand All @@ -69,11 +72,11 @@
"@vueuse/core": "^11.1.0",
"countup.js": "^2.8.0",
"echarts": "^5.5.1",
"element-plus": "2.8.4",
"element-plus": "2.8.5",
"js-base64": "^3.7.7",
"punycode": "^2.3.1",
"stream-browserify": "^3.0.0",
"vue": "^3.5.10",
"vue": "^3.5.12",
"vue-router": "^4.4.5"
},
"engines": {
Expand Down
18 changes: 10 additions & 8 deletions public/app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<html dir="ltr">

<body>
<div id="app"></div>
</body>
</html>
<head>
<meta charset="UTF-8" />
</head>

<body>
<div id="app"></div>
</body>

</html>
240 changes: 123 additions & 117 deletions public/popup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,156 +6,162 @@
-->

<!DOCTYPE html>
<html>
<html dir="ltr">

<head>
<meta charset="UTF-8" />
<meta charset="UTF-8" />
</head>

<body>
<div id="app">
<div id="chart-container"></div>
<div class="option-container">
<span id="total-info" class="option-left"></span>
<!-- select -->
<div id="type-select-container" class="el-select el-select--mini option-right">
<div class="select-trigger">
<div class="el-input el-input--mini el-input--suffix">
<div class="el-input__wrapper">
<input id="type-select-input" class="el-input__inner" type="text" readonly="" autocomplete="off" />
<div id="app">
<div id="chart-container"></div>
<div class="option-container">
<span id="total-info" class="option-left"></span>
<!-- select -->
<div id="type-select-container" class="el-select el-select--mini option-right">
<div class="select-trigger">
<div class="el-input el-input--mini el-input--suffix">
<div class="el-input__wrapper">
<input id="type-select-input" class="el-input__inner" type="text" readonly=""
autocomplete="off" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="time-select-container" class="el-select el-select--mini option-right">
<div class="select-trigger">
<div class="el-input el-input--mini el-input--suffix">
<div class="el-input__wrapper">
<input id="time-select-input" class="el-input__inner" type="text" readonly="" autocomplete="off" />
<div id="time-select-container" class="el-select el-select--mini option-right">
<div class="select-trigger">
<div class="el-input el-input--mini el-input--suffix">
<div class="el-input__wrapper">
<input id="time-select-input" class="el-input__inner" type="text" readonly=""
autocomplete="off" />
</div>
</div>
</div>
</div>
<!-- merge host -->
<div id="merge-host-switch" class="el-switch option-right" role="switch" style="margin-left: 10px">
<input class="el-switch__input" type="checkbox" name="" true-value="true" false-value="false" />
<span class="el-switch__core" style="width: 40px">
<div class="el-switch__action"></div>
</span>
</div>
</div>
<!-- All functions -->
<a class="el-link el-link--default is-underline option-right">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px"
height="15px" class="el-svg-icon">
<path fill="currentColor"
d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z">
</path>
</svg>
<span id="all-function-link" class="el-link--inner">
<!--更多内容-->
</span>
</a>
<!-- Feedback -->
<a id="feedback-container" class="el-link el-link--default is-underline option-right" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px"
height="15px" class="el-svg-icon">
<path fill="currentColor"
d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z">
</path>
<path fill="currentColor"
d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z">
</path>
</svg>
</a>
<!-- Upgrade -->
<a id="upgrade-container" class="el-link el-link--success is-underline option-right" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px"
height="15px" class="el-svg-icon">
<path fill="currentColor"
d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z">
</path>
</svg>
<span id="upgrade-link" class="el-link--inner">
<!-- 版本升级 -->
</span>
</a>
<!-- Rate -->
<a id="rate-container" class="el-link el-link--primary is-underline option-right"
style="display: none;align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px"
height="15px" class="el-svg-icon" style="color: var(--el-color-danger);">
<path fill="currentColor"
d="M1000 248Q976.992 192 933.984 148.992 849.984 64 732.992 64q-64 0-121.504 28T512 171.008q-42.016-51.008-99.488-79.008T291.008 64Q174.016 64 90.016 150.016 47.008 193.024 24 249.024-0.992 308.032 0 371.04q0.992 68.992 28.992 130.496t79.008 104.512q4.992 4 8.992 8 14.016 12 112.992 102.016 208 191.008 256.992 235.008 11.008 8.992 24.992 8.992t24.992-8.992q32.992-30.016 180.992-164.992 158.016-144 196-179.008 52-43.008 80.992-104.992t28.992-132q0-64-24-122.016z">
</path>
</svg>
<span id="rate-link" class="el-link--inner">
</span>
</a>
</div>
</div>
<!-- merge host -->
<div id="merge-host-switch" class="el-switch option-right" role="switch" style="margin-left: 10px">
<input class="el-switch__input" type="checkbox" name="" true-value="true" false-value="false" />
<span class="el-switch__core" style="width: 40px">
<div class="el-switch__action"></div>
</span>
</div>
<!-- All functions -->
<a class="el-link el-link--default is-underline option-right">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px" height="15px"
class="el-svg-icon">
<path fill="currentColor"
d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z">
</path>
</svg>
<span id="all-function-link" class="el-link--inner">
<!--更多内容-->
</span>
</a>
<!-- Feedback -->
<a id="feedback-container" class="el-link el-link--default is-underline option-right" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px" height="15px"
class="el-svg-icon">
<path fill="currentColor"
d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z">
</path>
<path fill="currentColor"
d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z">
</path>
</svg>
</a>
<!-- Upgrade -->
<a id="upgrade-container" class="el-link el-link--success is-underline option-right" style="display: none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px" height="15px" class="el-svg-icon">
<path fill="currentColor"
d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z">
</path>
</svg>
<span id="upgrade-link" class="el-link--inner">
<!-- 版本升级 -->
</span>
</a>
<!-- Rate -->
<a id="rate-container" class="el-link el-link--primary is-underline option-right" style="display: none;align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8="" width="15px" height="15px" class="el-svg-icon" style="color: var(--el-color-danger);">
<path fill="currentColor"
d="M1000 248Q976.992 192 933.984 148.992 849.984 64 732.992 64q-64 0-121.504 28T512 171.008q-42.016-51.008-99.488-79.008T291.008 64Q174.016 64 90.016 150.016 47.008 193.024 24 249.024-0.992 308.032 0 371.04q0.992 68.992 28.992 130.496t79.008 104.512q4.992 4 8.992 8 14.016 12 112.992 102.016 208 191.008 256.992 235.008 11.008 8.992 24.992 8.992t24.992-8.992q32.992-30.016 180.992-164.992 158.016-144 196-179.008 52-43.008 80.992-104.992t28.992-132q0-64-24-122.016z">
</path>
</svg>
<span id="rate-link" class="el-link--inner">
</span>
</a>
</div>
</div>
<!-- Select options -->
<div id="type-select-popup" class="el-select__popper el-popper is-light is-pure popup__hidden">
<div class="el-select-dropdown">
<div class="el-scrollbar">
<div class="
<!-- Select options -->
<div id="type-select-popup" class="el-select__popper el-popper is-light is-pure popup__hidden">
<div class="el-select-dropdown">
<div class="el-scrollbar">
<div class="
el-select-dropdown__wrap
el-scrollbar__wrap el-scrollbar__wrap--hidden-default
">
<ul id="type-select-options" class="el-scrollbar__view el-select-dropdown__list"></ul>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateX(0%)"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateY(0%)"></div>
<ul id="type-select-options" class="el-scrollbar__view el-select-dropdown__list"></ul>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateX(0%)"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateY(0%)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Time range -->
<div id="time-select-popup" class="el-select__popper el-popper is-light is-pure popup__hidden">
<div class="el-select-dropdown">
<div class="el-scrollbar">
<div class="
<!-- Time range -->
<div id="time-select-popup" class="el-select__popper el-popper is-light is-pure popup__hidden">
<div class="el-select-dropdown">
<div class="el-scrollbar">
<div class="
el-select-dropdown__wrap
el-scrollbar__wrap el-scrollbar__wrap--hidden-default
">
<ul id="time-select-options" class="el-scrollbar__view el-select-dropdown__list"></ul>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateX(0%)"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateY(0%)"></div>
<ul id="time-select-options" class="el-scrollbar__view el-select-dropdown__list"></ul>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateX(0%)"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none">
<div class="el-scrollbar__thumb" style="transform: translateY(0%)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Switch popup -->
<div id="merge-host-popup-container" class="el-popper is-dark" style="
<!-- Switch popup -->
<div id="merge-host-popup-container" class="el-popper is-dark" style="
z-index: 2012;
position: absolute;
inset: auto auto 0px 0px;
margin: 0px;
transform: translate(419px, -52px);
display: none;
">
<a id="merge-host-popup-info">
<!-- 合并子域名 -->
</a>
<div class="el-popper__arrow" style="position: absolute; left: 0px; transform: translate(35px, 0px)"></div>
</div>
<!-- Upgrade popup -->
<div id="upgrade-popup-container" class="el-popper is-dark" style="
<a id="merge-host-popup-info">
<!-- 合并子域名 -->
</a>
<div class="el-popper__arrow" style="position: absolute; left: 0px; transform: translate(35px, 0px)"></div>
</div>
<!-- Upgrade popup -->
<div id="upgrade-popup-container" class="el-popper is-dark" style="
z-index: 2004;
position: absolute;
inset: auto auto 0px 0px;
margin: 0px;
display: none;
">
<a id="latest-info">
<!-- 最新版本：v0.2.6 -->
</a>
<div class="el-popper__arrow" style="z-index: 2006; position: absolute; left: 0px; transform: translate(51px, 0px)">
<a id="latest-info">
<!-- 最新版本：v0.2.6 -->
</a>
<div class="el-popper__arrow"
style="z-index: 2006; position: absolute; left: 0px; transform: translate(51px, 0px)">
</div>
</div>
</div>
</body>

</html>
18 changes: 10 additions & 8 deletions public/side.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<html dir="ltr">

<body>
<div id="app"></div>
</body>
</html>
<head>
<meta charset="UTF-8" />
</head>

<body>
<div id="app"></div>
</body>

</html>
Loading