FatttSnake/oxygen-desktop
1
0
Fork 0
Code Pull Requests Activity

Refactor(App): Change sass to less

Browse Source
This commit is contained in:
Fat Snake
2024-10-27 19:28:35 +08:00
parent 2e37202d09
commit 1936ecb34f
104 changed files with 496 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
package-lock.json generated
View File

@@ -42,6 +42,7 @@
"electron-vite": "^2.2.0", "electron-vite": "^2.2.0",
"esbuild-wasm": "^0.24.0", "esbuild-wasm": "^0.24.0",
"eslint": "^9.12.0", "eslint": "^9.12.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.2.1", "eslint-plugin-prettier": "^5.2.1",
"eslint-plugin-react-refresh": "^0.4.12", "eslint-plugin-react-refresh": "^0.4.12",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
@@ -49,6 +50,7 @@
"globals": "^15.11.0", "globals": "^15.11.0",
"jsdom": "^24.1.3", "jsdom": "^24.1.3",
"jwt-decode": "^4.0.0", "jwt-decode": "^4.0.0",
"less": "^4.2.0",
"localforage": "^1.10.0", "localforage": "^1.10.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"match-sorter": "^6.3.4", "match-sorter": "^6.3.4",
@@ -61,7 +63,6 @@
"react-draggable": "^4.4.6", "react-draggable": "^4.4.6",
"react-router": "^6.27.0", "react-router": "^6.27.0",
"react-router-dom": "^6.27.0", "react-router-dom": "^6.27.0",
"sass": "^1.79.5",
"size-sensor": "^1.0.2", "size-sensor": "^1.0.2",
"typescript": "^5.6.3", "typescript": "^5.6.3",
"typescript-eslint": "^8.9.0", "typescript-eslint": "^8.9.0",
@@ -1891,6 +1892,8 @@
"integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==", "integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"optional": true,
"peer": true,
"dependencies": { "dependencies": {
"detect-libc": "^1.0.3", "detect-libc": "^1.0.3",
"is-glob": "^4.0.3", "is-glob": "^4.0.3",
@@ -1932,6 +1935,7 @@
"os": [ "os": [
"android" "android"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -1953,6 +1957,7 @@
"os": [ "os": [
"darwin" "darwin"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -1974,6 +1979,7 @@
"os": [ "os": [
"darwin" "darwin"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -1995,6 +2001,7 @@
"os": [ "os": [
"freebsd" "freebsd"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2016,6 +2023,7 @@
"os": [ "os": [
"linux" "linux"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2037,6 +2045,7 @@
"os": [ "os": [
"linux" "linux"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2058,6 +2067,7 @@
"os": [ "os": [
"linux" "linux"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2079,6 +2089,7 @@
"os": [ "os": [
"linux" "linux"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2100,6 +2111,7 @@
"os": [ "os": [
"linux" "linux"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2121,6 +2133,7 @@
"os": [ "os": [
"win32" "win32"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2142,6 +2155,7 @@
"os": [ "os": [
"win32" "win32"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2163,6 +2177,7 @@
"os": [ "os": [
"win32" "win32"
], ],
"peer": true,
"engines": { "engines": {
"node": ">= 10.0.0" "node": ">= 10.0.0"
}, },
@@ -2176,7 +2191,9 @@
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
"integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT",
"optional": true,
"peer": true
}, },
"node_modules/@pkgjs/parseargs": { "node_modules/@pkgjs/parseargs": {
"version": "0.11.0", "version": "0.11.0",
@@ -4218,6 +4235,8 @@
"integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"optional": true,
"peer": true,
"dependencies": { "dependencies": {
"readdirp": "^4.0.1" "readdirp": "^4.0.1"
}, },
@@ -4548,6 +4567,19 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/copy-anything": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true,
"license": "MIT",
"dependencies": {
"is-what": "^3.14.1"
},
"funding": {
"url": "https://github.com/sponsors/mesqueeb"
}
},
"node_modules/copy-to-clipboard": { "node_modules/copy-to-clipboard": {
"version": "3.3.3", "version": "3.3.3",
"resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz", "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -4829,6 +4861,8 @@
"integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
"dev": true, "dev": true,
"license": "Apache-2.0", "license": "Apache-2.0",
"optional": true,
"peer": true,
"bin": { "bin": {
"detect-libc": "bin/detect-libc.js" "detect-libc": "bin/detect-libc.js"
}, },
@@ -5423,6 +5457,20 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/errno": {
"version": "0.1.8",
"resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"prr": "~1.0.1"
},
"bin": {
"errno": "cli.js"
}
},
"node_modules/error-ex": { "node_modules/error-ex": {
"version": "1.3.2", "version": "1.3.2",
"resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -5599,6 +5647,19 @@
} }
} }
}, },
"node_modules/eslint-config-prettier": {
"version": "9.1.0",
"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
"integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
"dev": true,
"license": "MIT",
"bin": {
"eslint-config-prettier": "bin/cli.js"
},
"peerDependencies": {
"eslint": ">=7.0.0"
}
},
"node_modules/eslint-plugin-prettier": { "node_modules/eslint-plugin-prettier": {
"version": "5.2.1", "version": "5.2.1",
"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz", "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
@@ -6543,6 +6604,20 @@
"node": ">= 4" "node": ">= 4"
} }
}, },
"node_modules/image-size": {
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true,
"license": "MIT",
"optional": true,
"bin": {
"image-size": "bin/image-size.js"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/immediate": { "node_modules/immediate": {
"version": "3.0.6", "version": "3.0.6",
"resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
@@ -6555,7 +6630,9 @@
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz", "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==", "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT",
"optional": true,
"peer": true
}, },
"node_modules/import-fresh": { "node_modules/import-fresh": {
"version": "3.3.0", "version": "3.3.0",
@@ -6673,6 +6750,13 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/is-what": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
"dev": true,
"license": "MIT"
},
"node_modules/isarray": { "node_modules/isarray": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -7028,6 +7112,47 @@
"safe-buffer": "~5.1.0" "safe-buffer": "~5.1.0"
} }
}, },
"node_modules/less": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
"integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"copy-anything": "^2.0.1",
"parse-node-version": "^1.0.1",
"tslib": "^2.3.0"
},
"bin": {
"lessc": "bin/lessc"
},
"engines": {
"node": ">=6"
},
"optionalDependencies": {
"errno": "^0.1.1",
"graceful-fs": "^4.1.2",
"image-size": "~0.5.0",
"make-dir": "^2.1.0",
"mime": "^1.4.1",
"needle": "^3.1.0",
"source-map": "~0.6.0"
}
},
"node_modules/less/node_modules/mime": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
"dev": true,
"license": "MIT",
"optional": true,
"bin": {
"mime": "cli.js"
},
"engines": {
"node": ">=4"
}
},
"node_modules/levn": { "node_modules/levn": {
"version": "0.4.1", "version": "0.4.1",
"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -7220,6 +7345,32 @@
"@jridgewell/sourcemap-codec": "^1.5.0" "@jridgewell/sourcemap-codec": "^1.5.0"
} }
}, },
"node_modules/make-dir": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"pify": "^4.0.1",
"semver": "^5.6.0"
},
"engines": {
"node": ">=6"
}
},
"node_modules/make-dir/node_modules/semver": {
"version": "5.7.2",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
"integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true,
"license": "ISC",
"optional": true,
"bin": {
"semver": "bin/semver"
}
},
"node_modules/match-sorter": { "node_modules/match-sorter": {
"version": "6.3.4", "version": "6.3.4",
"resolved": "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.4.tgz", "resolved": "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.4.tgz",
@@ -7474,6 +7625,24 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/needle": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
"integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"iconv-lite": "^0.6.3",
"sax": "^1.2.4"
},
"bin": {
"needle": "bin/needle"
},
"engines": {
"node": ">= 4.4.x"
}
},
"node_modules/no-case": { "node_modules/no-case": {
"version": "3.0.4", "version": "3.0.4",
"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -7664,6 +7833,16 @@
"url": "https://github.com/sponsors/sindresorhus" "url": "https://github.com/sponsors/sindresorhus"
} }
}, },
"node_modules/parse-node-version": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/parse5": { "node_modules/parse5": {
"version": "7.2.0", "version": "7.2.0",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz", "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz",
@@ -7774,6 +7953,17 @@
"url": "https://github.com/sponsors/jonschlinkert" "url": "https://github.com/sponsors/jonschlinkert"
} }
}, },
"node_modules/pify": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
"node": ">=6"
}
},
"node_modules/pkg-types": { "node_modules/pkg-types": {
"version": "1.2.1", "version": "1.2.1",
"resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.1.tgz", "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.1.tgz",
@@ -7926,6 +8116,14 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/prr": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true,
"license": "MIT",
"optional": true
},
"node_modules/psl": { "node_modules/psl": {
"version": "1.9.0", "version": "1.9.0",
"resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
@@ -8777,6 +8975,8 @@
"integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==", "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"optional": true,
"peer": true,
"engines": { "engines": {
"node": ">= 14.16.0" "node": ">= 14.16.0"
}, },
@@ -9013,6 +9213,8 @@
"integrity": "sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==", "integrity": "sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"optional": true,
"peer": true,
"dependencies": { "dependencies": {
"@parcel/watcher": "^2.4.1", "@parcel/watcher": "^2.4.1",
"chokidar": "^4.0.0", "chokidar": "^4.0.0",

3
package.json
View File

@@ -63,6 +63,7 @@
"electron-vite": "^2.2.0", "electron-vite": "^2.2.0",
"esbuild-wasm": "^0.24.0", "esbuild-wasm": "^0.24.0",
"eslint": "^9.12.0", "eslint": "^9.12.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.2.1", "eslint-plugin-prettier": "^5.2.1",
"eslint-plugin-react-refresh": "^0.4.12", "eslint-plugin-react-refresh": "^0.4.12",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
@@ -70,6 +71,7 @@
"globals": "^15.11.0", "globals": "^15.11.0",
"jsdom": "^24.1.3", "jsdom": "^24.1.3",
"jwt-decode": "^4.0.0", "jwt-decode": "^4.0.0",
"less": "^4.2.0",
"localforage": "^1.10.0", "localforage": "^1.10.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"match-sorter": "^6.3.4", "match-sorter": "^6.3.4",
@@ -82,7 +84,6 @@
"react-draggable": "^4.4.6", "react-draggable": "^4.4.6",
"react-router": "^6.27.0", "react-router": "^6.27.0",
"react-router-dom": "^6.27.0", "react-router-dom": "^6.27.0",
"sass": "^1.79.5",
"size-sensor": "^1.0.2", "size-sensor": "^1.0.2",
"typescript": "^5.6.3", "typescript": "^5.6.3",
"typescript-eslint": "^8.9.0", "typescript-eslint": "^8.9.0",

22
src/renderer/src/assets/css/_mixins.scss
View File

@@ -1,22 +0,0 @@
@mixin keyframes($animationName) {
@-webkit-keyframes #{$animationName} {
@content
}
@-moz-keyframes #{$animationName} {
@content
}
@-o-keyframes #{$animationName} {
@content
}
@keyframes #{$animationName} {
@content
}
}
@mixin unique-keyframes {
$animationName: unique-id();
animation-name: $animationName;
@include keyframes($animationName) {
@content
}
}

0
src/renderer/src/assets/css/base.scss → src/renderer/src/assets/css/base.less
View File

8
src/renderer/src/assets/css/common.scss → src/renderer/src/assets/css/common.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import '@/assets/css/constants';
#root { #root {
height: 100vh; height: 100vh;
@@ -6,8 +6,8 @@
} }
.body { .body {
background-color: constants.$background-color; background-color: @background-color;
color: constants.$font-main-color; color: @font-main-color;
user-select: none; user-select: none;
min-width: 900px; min-width: 900px;
min-height: 400px; min-height: 400px;
@@ -27,7 +27,7 @@
} }
.background-origin { .background-origin {
background-color: constants.$origin-color; background-color: @origin-color;
} }
.center-box { .center-box {

4
src/renderer/src/assets/css/components/common/card.scss → src/renderer/src/assets/css/components/common/card.less
View File

@@ -1,7 +1,7 @@
@use '@/assets/css/constants' as constants; @import '@/assets/css/constants';
.card-box { .card-box {
background-color: constants.$origin-color; background-color: @origin-color;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1);

2
src/renderer/src/assets/css/components/common/fit-center.scss → src/renderer/src/assets/css/components/common/fit-center.less
View File

@@ -4,4 +4,4 @@
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

2
src/renderer/src/assets/css/components/common/fit-fullscreen.scss → src/renderer/src/assets/css/components/common/fit-fullscreen.less
View File

@@ -2,4 +2,4 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
} }

2
src/renderer/src/assets/css/components/common/flex-box.scss → src/renderer/src/assets/css/components/common/flex-box.less
View File

@@ -2,4 +2,4 @@
> * { > * {
flex: 1; flex: 1;
} }
} }

2
src/renderer/src/assets/css/components/common/fullscreen-loading-mask.scss → src/renderer/src/assets/css/components/common/fullscreen-loading-mask.less
View File

@@ -7,4 +7,4 @@
height: 100%; height: 100%;
z-index: 100; z-index: 100;
background-color: rgba(200, 200, 200, 0.2); background-color: rgba(200, 200, 200, 0.2);
} }

12
src/renderer/src/assets/css/components/common/hide-scrollbar.scss → src/renderer/src/assets/css/components/common/hide-scrollbar.less
View File

@@ -1,5 +1,5 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
@use '@/assets/css/mixins' as mixins; @import "@/assets/css/mixins";
.hide-scrollbar-mask { .hide-scrollbar-mask {
position: relative; position: relative;
@@ -41,12 +41,12 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 8px; border-radius: 8px;
background-color: constants.$font-secondary-color; background-color: @font-secondary-color;
transition: background-color .2s; transition: background-color .2s;
} }
:hover { :hover {
background-color: constants.$font-main-color; background-color: @font-main-color;
} }
} }
@@ -55,14 +55,14 @@
opacity: 0; opacity: 0;
animation: 0.4s linear; animation: 0.4s linear;
@include mixins.unique-keyframes { .keyframes(m7t06K, {
0% { 0% {
opacity: 0.5; opacity: 0.5;
} }
100% { 100% {
opacity: 0; opacity: 0;
} }
} });
} }
} }

12
src/renderer/src/assets/css/components/common/indicator.scss → src/renderer/src/assets/css/components/common/indicator.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import '@/assets/css/constants';
.dot-list { .dot-list {
display: flex; display: flex;
@@ -15,20 +15,16 @@
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 50%; border-radius: 50%;
border: { border: 2px solid @font-secondary-color;
width: 2px;
color: constants.$font-secondary-color;
style: solid;
};
transition: all .2s; transition: all .2s;
} }
:hover { :hover {
background-color: constants.$focus-color; background-color: @focus-color;
} }
} }
.active > * { .active > * {
background-color: constants.$font-secondary-color !important; background-color: @font-secondary-color !important;
} }
} }

2
src/renderer/src/assets/css/components/common/loading-mask.scss → src/renderer/src/assets/css/components/common/loading-mask.less
View File

@@ -5,4 +5,4 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 100; z-index: 100;
} }

80
src/renderer/src/assets/css/components/common/sidebar.scss → src/renderer/src/assets/css/components/common/sidebar.less
View File

@@ -1,5 +1,5 @@
@use "@/assets/css/constants" as constants; @import "@/assets/css/constants";
@use "@/assets/css/mixins" as mixins; @import "@/assets/css/mixins";
.sidebar { .sidebar {
display: flex; display: flex;
@@ -14,7 +14,7 @@
align-items: center; align-items: center;
font-weight: bold; font-weight: bold;
padding: 10px 14px; padding: 10px 14px;
color: constants.$main-color; color: @main-color;
overflow: hidden; overflow: hidden;
.icon-box { .icon-box {
@@ -24,7 +24,7 @@
padding: 10px; padding: 10px;
width: 40px; width: 40px;
height: 40px; height: 40px;
font-size: constants.$SIZE_ICON_SM; font-size: @SIZE_ICON_SM;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
@@ -34,7 +34,7 @@
} }
&:hover { &:hover {
background-color: constants.$background-color; background-color: @background-color;
} }
} }
@@ -79,7 +79,7 @@
padding: 0 10px; padding: 0 10px;
width: 40px; width: 40px;
height: 40px; height: 40px;
font-size: constants.$SIZE_ICON_SM; font-size: @SIZE_ICON_SM;
cursor: pointer; cursor: pointer;
img { img {
@@ -93,7 +93,7 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
transition: all 0.2s; transition: all 0.2s;
background-color: constants.$origin-color; background-color: @origin-color;
.text { .text {
flex: 1; flex: 1;
@@ -104,11 +104,11 @@
} }
&.active { &.active {
color: constants.$origin-color; color: @origin-color;
background-color: constants.$main-color; background-color: @main-color;
img { img {
filter: drop-shadow(1000px 0 0 constants.$origin-color); filter: drop-shadow(1000px 0 0 @origin-color);
transform: translate(-1000px); transform: translate(-1000px);
} }
} }
@@ -121,7 +121,7 @@
padding-left: 10px; padding-left: 10px;
z-index: 10000; z-index: 10000;
animation: 0.1s ease forwards; animation: 0.1s ease forwards;
@include mixins.unique-keyframes { .keyframes(XxrGiu, {
0% { 0% {
transform: translateX(0); transform: translateX(0);
opacity: 1; opacity: 1;
@@ -130,16 +130,16 @@
transform: translateX(-10px); transform: translateX(-10px);
opacity: 0; opacity: 0;
} }
} });
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 2px; gap: 2px;
padding: 10px 10px; padding: 10px 10px;
background-color: constants.$origin-color; background-color: @origin-color;
border-radius: 8px; border-radius: 8px;
box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
.item { .item {
border-radius: 8px; border-radius: 8px;
@@ -157,13 +157,13 @@
} }
&.active { &.active {
color: constants.$origin-color; color: @origin-color;
background-color: constants.$main-color; background-color: @main-color;
} }
} }
&:hover a:not(.active) { &:hover a:not(.active) {
background-color: constants.$background-color; background-color: @background-color;
} }
} }
} }
@@ -172,14 +172,14 @@
&:hover { &:hover {
> .menu-bt { > .menu-bt {
a:not(.active) { a:not(.active) {
background-color: constants.$background-color; background-color: @background-color;
} }
} }
.submenu { .submenu {
visibility: visible; visibility: visible;
animation: 0.3s ease; animation: 0.3s ease;
@include mixins.unique-keyframes { .keyframes(f6yTZM, {
0% { 0% {
transform: translateX(-10px); transform: translateX(-10px);
opacity: 0; opacity: 0;
@@ -188,7 +188,7 @@
transform: translateX(0); transform: translateX(0);
opacity: 1; opacity: 1;
} }
} });
} }
} }
} }
@@ -196,12 +196,8 @@
.delete { .delete {
.menu-bt { .menu-bt {
border: { border: 1px dashed @error-secondary-color;
width: 1px; filter: drop-shadow(1000px 0 0 @error-secondary-color);
color: constants.$error-secondary-color;
style: dashed;
};
filter: drop-shadow(1000px 0 0 constants.$error-secondary-color);
transform: translate(-1000px); transform: translate(-1000px);
> a { > a {
@@ -215,11 +211,7 @@
.separate { .separate {
height: 0; height: 0;
margin: 10px 5px; margin: 10px 5px;
border: { border: 1px solid @font-secondary-color;
width: 1px;
color: constants.$font-secondary-color;
style: solid;
};
opacity: 0.4; opacity: 0.4;
} }
@@ -228,7 +220,7 @@
align-items: center; align-items: center;
font-weight: bold; font-weight: bold;
padding: 8px 14px; padding: 8px 14px;
color: constants.$main-color; color: @main-color;
.icon-user { .icon-user {
display: flex; display: flex;
@@ -238,9 +230,9 @@
margin-left: 4px; margin-left: 4px;
width: 36px; width: 36px;
height: 36px; height: 36px;
font-size: constants.$SIZE_ICON_XS; font-size: @SIZE_ICON_XS;
border: 2px constants.$font-secondary-color solid; border: 2px @font-secondary-color solid;
color: constants.$font-secondary-color; color: @font-secondary-color;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
@@ -255,26 +247,26 @@
flex: 1; flex: 1;
padding-left: 10px; padding-left: 10px;
font-size: 1.4em; font-size: 1.4em;
color: constants.$font-main-color; color: @font-main-color;
user-select: text; user-select: text;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
a { a {
color: constants.$main-color; color: @main-color;
text-decoration: underline; text-decoration: underline;
} }
} }
.icon-exit { .icon-exit {
font-size: constants.$SIZE_ICON_XS; font-size: @SIZE_ICON_XS;
color: constants.$error-color; color: @error-color;
padding: 6px 10px; padding: 6px 10px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
border-radius: 8px; border-radius: 8px;
background-color: constants.$background-color; background-color: @background-color;
} }
} }
} }
@@ -327,14 +319,14 @@
.content { .content {
padding: 8px; padding: 8px;
border-radius: 8px; border-radius: 8px;
background-color: constants.$origin-color; background-color: @origin-color;
.icon-exit { .icon-exit {
padding: 4px 8px; padding: 4px 8px;
&:hover { &:hover {
border-radius: 8px; border-radius: 8px;
background-color: constants.$background-color; background-color: @background-color;
} }
} }
} }
@@ -347,7 +339,7 @@
&:hover .submenu-exit { &:hover .submenu-exit {
display: block; display: block;
animation: 0.3s ease; animation: 0.3s ease;
@include mixins.unique-keyframes { .keyframes(mfdCZC, {
0% { 0% {
transform: translateX(-10px); transform: translateX(-10px);
opacity: 0; opacity: 0;
@@ -356,7 +348,7 @@
transform: translateX(0); transform: translateX(0);
opacity: 1; opacity: 1;
} }
} });
} }
} }
} }

6
src/renderer/src/assets/css/components/common/url-card.scss → src/renderer/src/assets/css/components/common/url-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-url-card] { [data-component=component-url-card] {
cursor: pointer; cursor: pointer;
@@ -16,8 +16,8 @@
} }
.icon { .icon {
color: constants.$production-color; color: @production-color;
font-size: constants.$SIZE_ICON_XL; font-size: @SIZE_ICON_XL;
} }
.text { .text {

0
src/renderer/src/assets/css/components/dnd/drag-handle.scss → src/renderer/src/assets/css/components/dnd/drag-handle.less
View File

22
src/renderer/src/assets/css/components/dnd/drop-mask.less Normal file
View File

@@ -0,0 +1,22 @@
@import "@/assets/css/constants";
[data-component=component-drop-mask] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 10px 10px;
background-color: @origin-color;
.drop-mask-border {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
border: 2px dashed @font-secondary-color;
border-radius: 8px;
font-size: 1.8em;
}
}

30
src/renderer/src/assets/css/components/dnd/drop-mask.scss
View File

@@ -1,30 +0,0 @@
@use "@/assets/css/constants" as constants;
[data-component=component-drop-mask] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: {
left: 10px;
right: 10px;
bottom: 10px;
};
background-color: constants.$origin-color;
.drop-mask-border {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
border: {
width: 2px;
color: constants.$font-secondary-color;
style: dashed;
radius: 8px;
};
font-size: 1.8em;
}
}

10
src/renderer/src/assets/css/components/system/setting-card.scss → src/renderer/src/assets/css/components/system/setting-card.less
View File

@@ -1,17 +1,17 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-setting-card] { [data-component=component-setting-card] {
.settings-card { .settings-card {
padding: 20px; padding: 20px;
gap: 20px; gap: 20px;
color: constants.$main-color; color: @main-color;
> .head { > .head {
align-items: center; align-items: center;
gap: 5px; gap: 5px;
.icon { .icon {
font-size: constants.$SIZE_ICON_MD; font-size: @SIZE_ICON_MD;
flex: 0 0 auto; flex: 0 0 auto;
} }
@@ -22,11 +22,11 @@
:nth-child(n+3) { :nth-child(n+3) {
flex: 0 0 auto; flex: 0 0 auto;
color: constants.$font-main-color; color: @font-main-color;
} }
.bt-save { .bt-save {
color: constants.$main-color; color: @main-color;
} }
} }
} }

12
src/renderer/src/assets/css/components/system/statistics-card.scss → src/renderer/src/assets/css/components/system/statistics-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-statistics-card] { [data-component=component-statistics-card] {
.statistics-card { .statistics-card {
@@ -8,10 +8,10 @@
> .head { > .head {
align-items: center; align-items: center;
gap: 5px; gap: 5px;
color: constants.$main-color; color: @main-color;
.icon { .icon {
font-size: constants.$SIZE_ICON_MD; font-size: @SIZE_ICON_MD;
flex: 0 0 auto; flex: 0 0 auto;
} }
@@ -22,7 +22,7 @@
:nth-child(n+3) { :nth-child(n+3) {
flex: 0 0 auto; flex: 0 0 auto;
color: constants.$font-main-color; color: @font-main-color;
} }
} }
@@ -33,11 +33,11 @@
.key, .value-percent { .key, .value-percent {
flex: 0 0 auto; flex: 0 0 auto;
color: constants.$font-main-color; color: @font-main-color;
} }
.value { .value {
color: constants.$font-secondary-color; color: @font-secondary-color;
overflow: hidden; overflow: hidden;
> * { > * {

6
src/renderer/src/assets/css/components/tools/load-more-card.scss → src/renderer/src/assets/css/components/tools/load-more-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-load-more-card] { [data-component=component-load-more-card] {
cursor: pointer; cursor: pointer;
@@ -11,8 +11,8 @@
.icon { .icon {
display: flex; display: flex;
font-size: constants.$SIZE_ICON_XXL; font-size: @SIZE_ICON_XXL;
color: constants.$production-color; color: @production-color;
align-items: center; align-items: center;
transform: translateY(-20px); transform: translateY(-20px);
} }

18
src/renderer/src/assets/css/components/tools/local-card.scss → src/renderer/src/assets/css/components/tools/local-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-local-card] { [data-component=component-local-card] {
height: 100%; height: 100%;
@@ -34,7 +34,7 @@
transition: all 0.2s; transition: all 0.2s;
> *:hover { > *:hover {
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }
} }
@@ -43,12 +43,12 @@
display: flex; display: flex;
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
color: constants.$production-color; color: @production-color;
font-size: constants.$SIZE_ICON_XL; font-size: @SIZE_ICON_XL;
justify-content: center; justify-content: center;
img { img {
width: constants.$SIZE_ICON_XL; width: @SIZE_ICON_XL;
} }
} }
@@ -61,12 +61,8 @@
} }
.tool-desc { .tool-desc {
margin: { margin: 10px auto 0;
top: 10px; color: @font-secondary-color;
left: auto;
right: auto;
};
color: constants.$font-secondary-color;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-height: 40px; max-height: 40px;

8
src/renderer/src/assets/css/components/tools/repository-card.scss → src/renderer/src/assets/css/components/tools/repository-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-repository-card] { [data-component=component-repository-card] {
height: 100%; height: 100%;
@@ -34,12 +34,12 @@
display: flex; display: flex;
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
color: constants.$production-color; color: @production-color;
font-size: constants.$SIZE_ICON_XL; font-size: @SIZE_ICON_XL;
justify-content: center; justify-content: center;
img { img {
width: constants.$SIZE_ICON_XL; width: @SIZE_ICON_XL;
} }
} }

18
src/renderer/src/assets/css/components/tools/store-card.scss → src/renderer/src/assets/css/components/tools/store-card.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=component-store-card] { [data-component=component-store-card] {
height: 100%; height: 100%;
@@ -35,7 +35,7 @@
z-index: 100; z-index: 100;
> *:hover { > *:hover {
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }
} }
@@ -44,12 +44,12 @@
display: flex; display: flex;
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
color: constants.$production-color; color: @production-color;
font-size: constants.$SIZE_ICON_XL; font-size: @SIZE_ICON_XL;
justify-content: center; justify-content: center;
img { img {
width: constants.$SIZE_ICON_XL; width: @SIZE_ICON_XL;
} }
} }
@@ -62,12 +62,8 @@
} }
.tool-desc { .tool-desc {
margin: { margin: 10px auto 0;
top: 10px; color: @font-secondary-color;
left: auto;
right: auto;
};
color: constants.$font-secondary-color;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-height: 40px; max-height: 40px;

22
src/renderer/src/assets/css/constants.less Normal file
View File

@@ -0,0 +1,22 @@
@origin-color: white;
@production-color: #4E47BB;
@main-color: @production-color;
@secondary-color: #BAB8E5;
@error-color: #FF4D4F;
@error-secondary-color: #FF7875;
@blue-color: #1677FF;
@active-color: #EBECFD;
@background-color: #F5F5F5;
@font-main-color: #4D4D4D;
@font-secondary-color: #9E9E9E;
@focus-color: #DDDDDD;
@divide-color: rgba(204, 204, 204, 0.66);
@border-color: rgba(204, 204, 204, 0.33);
@url-color: rgba(102, 102, 102, .8);
@url-active-color: #ccc;
@SIZE_ICON_XS: 16px;
@SIZE_ICON_SM: 20px;
@SIZE_ICON_MD: 24px;
@SIZE_ICON_LG: 32px;
@SIZE_ICON_XL: 64px;
@SIZE_ICON_XXL: 96px;

22
src/renderer/src/assets/css/constants.scss
View File

@@ -1,22 +0,0 @@
$origin-color: white;
$production-color: #4E47BB;
$main-color: $production-color;
$secondary-color: #BAB8E5;
$error-color: #FF4D4F;
$error-secondary-color: #FF7875;
$blue-color: #1677FF;
$active-color: #EBECFD;
$background-color: #F5F5F5;
$font-main-color: #4D4D4D;
$font-secondary-color: #9E9E9E;
$focus-color: #DDDDDD;
$divide-color: rgba(204, 204, 204, 0.66);
$border-color: rgba(204, 204, 204, 0.33);
$url-color: rgba(102, 102, 102, .8);
$url-active-color: #ccc;
$SIZE_ICON_XS: 16px;
$SIZE_ICON_SM: 20px;
$SIZE_ICON_MD: 24px;
$SIZE_ICON_LG: 32px;
$SIZE_ICON_XL: 64px;
$SIZE_ICON_XXL: 96px;

15
src/renderer/src/assets/css/mixins.less Normal file
View File

@@ -0,0 +1,15 @@
.keyframes(@animationName, @content) {
animation-name: @animationName;
@-webkit-keyframes @animationName {
@content();
}
@-moz-keyframes @animationName {
@content();
}
@-o-keyframes @animationName {
@content();
}
@keyframes @animationName {
@content();
}
}

15
src/renderer/src/assets/css/pages/sign.scss → src/renderer/src/assets/css/pages/sign.less
View File

@@ -1,5 +1,4 @@
@use "@/assets/css/mixins" as mixins; @import "@/assets/css/constants";
@use "@/assets/css/constants" as constants;
[data-component=sign] { [data-component=sign] {
background-color: #D2D0DD; background-color: #D2D0DD;
@@ -10,12 +9,12 @@
} }
a:hover { a:hover {
color: constants.$production-color; color: @production-color;
} }
.sign-box { .sign-box {
position: relative; position: relative;
background-color: constants.$origin-color; background-color: @origin-color;
width: 900px; width: 900px;
height: 600px; height: 600px;
overflow: hidden; overflow: hidden;
@@ -42,7 +41,7 @@
.primary { .primary {
font-size: 2.4em; font-size: 2.4em;
font-weight: bolder; font-weight: bolder;
color: constants.$production-color; color: @production-color;
} }
.secondary { .secondary {
@@ -71,7 +70,7 @@
text-align: center; text-align: center;
a { a {
color: constants.$production-color; color: @production-color;
} }
} }
} }
@@ -79,7 +78,7 @@
.verify { .verify {
a { a {
color: constants.$production-color; color: @production-color;
font-weight: bolder; font-weight: bolder;
} }
} }
@@ -120,7 +119,7 @@
position: absolute; position: absolute;
width: 128px; width: 128px;
height: 128px; height: 128px;
background-color: constants.$production-color; background-color: @production-color;
border-radius: 50%; border-radius: 50%;
bottom: 0; bottom: 0;
left: 50%; left: 50%;

13
src/renderer/src/assets/css/pages/system-framework.less Normal file
View File

@@ -0,0 +1,13 @@
@import "@/assets/css/constants";
[data-component=system-framework] {
.left-panel {
background-color: @origin-color;
}
.right-panel {
flex: 1;
width: 0;
background-color: @background-color;
}
}

14
src/renderer/src/assets/css/pages/system-framework.scss
View File

@@ -1,14 +0,0 @@
@use "@/assets/css/constants" as constants;
@use "@/assets/css/mixins" as mixins;
[data-component=system-framework] {
.left-panel {
background-color: constants.$origin-color;
}
.right-panel {
flex: 1;
width: 0;
background-color: constants.$background-color;
}
}

2
src/renderer/src/assets/css/pages/system/index.scss → src/renderer/src/assets/css/pages/system/index.less
View File

@@ -1,5 +1,3 @@
@use '@/assets/css/constants' as constants;
[data-component=system] { [data-component=system] {
.root-content { .root-content {
padding: 20px; padding: 20px;

2
src/renderer/src/assets/css/pages/system/settings.scss → src/renderer/src/assets/css/pages/system/settings.less
View File

@@ -1,5 +1,3 @@
@use '@/assets/css/constants' as constants;
[data-component=system-settings] { [data-component=system-settings] {
.root-content { .root-content {
padding: 20px; padding: 20px;

2
src/renderer/src/assets/css/pages/system/statistics.scss → src/renderer/src/assets/css/pages/system/statistics.less
View File

@@ -1,5 +1,3 @@
@use '@/assets/css/constants' as constants;
[data-component=system-statistics] { [data-component=system-statistics] {
.root-content { .root-content {
padding: 20px; padding: 20px;

6
src/renderer/src/assets/css/pages/system/tools/base.scss → src/renderer/src/assets/css/pages/system/tools/base.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=system-tools-base] { [data-component=system-tools-base] {
.root-content { .root-content {
@@ -9,7 +9,7 @@
.has-edited::after { .has-edited::after {
content: '*'; content: '*';
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
>*:first-child { >*:first-child {
@@ -30,7 +30,7 @@
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
background-color: constants.$font-secondary-color; background-color: @font-secondary-color;
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;

0
src/renderer/src/assets/css/pages/system/tools/code.scss → src/renderer/src/assets/css/pages/system/tools/code.less
View File

0
src/renderer/src/assets/css/pages/system/tools/execute.scss → src/renderer/src/assets/css/pages/system/tools/execute.less
View File

6
src/renderer/src/assets/css/pages/system/tools/template.scss → src/renderer/src/assets/css/pages/system/tools/template.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=system-tools-template] { [data-component=system-tools-template] {
.root-content { .root-content {
@@ -9,7 +9,7 @@
.has-edited::after { .has-edited::after {
content: '*'; content: '*';
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
>*:first-child { >*:first-child {
@@ -30,7 +30,7 @@
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
background-color: constants.$font-secondary-color; background-color: @font-secondary-color;
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;

7
src/renderer/src/assets/css/pages/tools-framework.scss → src/renderer/src/assets/css/pages/tools-framework.less
View File

@@ -1,9 +1,8 @@
@use "@/assets/css/constants" as constants; @import "@/assets/css/constants";
@use "@/assets/css/mixins" as mixins;
[data-component=tools-framework] { [data-component=tools-framework] {
.left-panel { .left-panel {
background-color: constants.$origin-color; background-color: @origin-color;
.menu-droppable { .menu-droppable {
display: flex; display: flex;
@@ -17,6 +16,6 @@
.right-panel { .right-panel {
flex: 1; flex: 1;
width: 0; width: 0;
background-color: constants.$background-color; background-color: @background-color;
} }
} }

9
src/renderer/src/assets/css/pages/tools/create.scss → src/renderer/src/assets/css/pages/tools/create.less
View File

@@ -1,5 +1,4 @@
@use "@/assets/css/mixins" as mixins; @import "@/assets/css/constants";
@use "@/assets/css/constants" as constants;
[data-component=tools-create] { [data-component=tools-create] {
.root-content { .root-content {
@@ -22,7 +21,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 1.6em; font-size: 1.6em;
color: constants.$production-color; color: @production-color;
font-weight: bolder; font-weight: bolder;
} }
} }
@@ -33,7 +32,7 @@
.help { .help {
margin-left: 6px; margin-left: 6px;
color: constants.$font-main-color; color: @font-main-color;
font-size: 0.8em; font-size: 0.8em;
} }
@@ -52,7 +51,7 @@
.no-preview { .no-preview {
font-weight: bolder; font-weight: bolder;
color: constants.$font-secondary-color; color: @font-secondary-color;
font-size: 1.4em; font-size: 1.4em;
} }
} }

0
src/renderer/src/assets/css/pages/tools/edit.scss → src/renderer/src/assets/css/pages/tools/edit.less
View File

11
src/renderer/src/assets/css/pages/tools/index.scss → src/renderer/src/assets/css/pages/tools/index.less
View File

@@ -1,5 +1,4 @@
@use "@/assets/css/mixins" as mixins; @import "@/assets/css/constants";
@use '@/assets/css/constants' as constants;
[data-component=tools] { [data-component=tools] {
.root-content { .root-content {
@@ -81,17 +80,13 @@
:first-child, :last-child { :first-child, :last-child {
height: 0; height: 0;
border: { border: 1px dashed @divide-color;
width: 1px;
color: constants.$divide-color;
style: dashed;
};
} }
.divider-text { .divider-text {
flex: 0 0 auto; flex: 0 0 auto;
font-size: 1.2em; font-size: 1.2em;
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }

6
src/renderer/src/assets/css/pages/tools/local.scss → src/renderer/src/assets/css/pages/tools/local.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=tools-local] { [data-component=tools-local] {
.search { .search {
@@ -28,7 +28,7 @@
> div { > div {
width: 180px; width: 180px;
height: 290px; min-height: 290px;
flex: 0 0 auto; flex: 0 0 auto;
} }
@@ -37,7 +37,7 @@
justify-content: center; justify-content: center;
font-size: 1.4em; font-size: 1.4em;
font-weight: bolder; font-weight: bolder;
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }

0
src/renderer/src/assets/css/pages/tools/source.scss → src/renderer/src/assets/css/pages/tools/source.less
View File

4
src/renderer/src/assets/css/pages/tools/store.scss → src/renderer/src/assets/css/pages/tools/store.less
View File

@@ -1,4 +1,4 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=tools-store] { [data-component=tools-store] {
.search { .search {
@@ -37,7 +37,7 @@
justify-content: center; justify-content: center;
font-size: 1.4em; font-size: 1.4em;
font-weight: bolder; font-weight: bolder;
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }

18
src/renderer/src/assets/css/pages/tools/user.scss → src/renderer/src/assets/css/pages/tools/user.less
View File

@@ -1,12 +1,7 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=tools-store-user] .root-content { [data-component=tools-store-user] .root-content {
padding: { padding: 80px 20px 20px 20px;
top: 80px;
left: 20px;
right: 20px;
bottom: 20px;
};
.root-box { .root-box {
width: 100%; width: 100%;
@@ -36,10 +31,7 @@
} }
.info-name { .info-name {
margin: { margin: 20px 0 0 24px;
top: 20px;
left: 24px;
};
justify-content: center; justify-content: center;
> * { > * {
@@ -49,7 +41,7 @@
.nickname { .nickname {
font-size: 2.4em; font-size: 2.4em;
font-weight: bolder; font-weight: bolder;
color: constants.$production-color; color: @production-color;
} }
.url { .url {
@@ -80,7 +72,7 @@
margin-bottom: 20px; margin-bottom: 20px;
font-size: 1.2em; font-size: 1.2em;
font-weight: bolder; font-weight: bolder;
color: constants.$font-secondary-color; color: @font-secondary-color;
} }
} }
} }

0
src/renderer/src/assets/css/pages/tools/view.scss → src/renderer/src/assets/css/pages/tools/view.less
View File

13
src/renderer/src/assets/css/pages/user-framework.less Normal file
View File

@@ -0,0 +1,13 @@
@import "@/assets/css/constants";
[data-component=user-framework] {
.left-panel {
background-color: @origin-color;
}
.right-panel {
flex: 1;
width: 0;
background-color: @background-color;
}
}

14
src/renderer/src/assets/css/pages/user-framework.scss
View File

@@ -1,14 +0,0 @@
@use "@/assets/css/constants" as constants;
@use "@/assets/css/mixins" as mixins;
[data-component=user-framework] {
.left-panel {
background-color: constants.$origin-color;
}
.right-panel {
flex: 1;
width: 0;
background-color: constants.$background-color;
}
}

39
src/renderer/src/assets/css/pages/user/index.scss → src/renderer/src/assets/css/pages/user/index.less
View File

@@ -1,12 +1,7 @@
@use '@/assets/css/constants' as constants; @import "@/assets/css/constants";
[data-component=user] .root-content { [data-component=user] .root-content {
padding: { padding: 80px 20px 20px 20px;
top: 80px;
left: 20px;
right: 20px;
bottom: 20px;
};
.card-box { .card-box {
width: 100%; width: 100%;
@@ -17,20 +12,14 @@
padding-bottom: 20px; padding-bottom: 20px;
> :not(:first-child) { > :not(:first-child) {
padding: { padding: 0 60px;
left: 60px;
right: 60px;
};
} }
.divide { .divide {
height: 1px; height: 1px;
width: calc(100% - 120px); width: calc(100% - 120px);
background-color: constants.$divide-color; background-color: @divide-color;
margin: { margin: 0 60px;
left: 60px;
right: 60px;
};
} }
.info { .info {
@@ -53,10 +42,7 @@
} }
.info-name { .info-name {
margin: { margin: 20px 0 0 24px;
top: 20px;
left: 24px;
};
justify-content: center; justify-content: center;
> * { > * {
@@ -66,7 +52,7 @@
.nickname { .nickname {
font-size: 2.4em; font-size: 2.4em;
font-weight: bolder; font-weight: bolder;
color: constants.$production-color; color: @production-color;
} }
.url { .url {
@@ -83,9 +69,7 @@
align-items: center; align-items: center;
.content { .content {
padding: { padding-bottom: 30px;
bottom: 30px;
};
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
@@ -107,11 +91,8 @@
.table { .table {
gap: 24px; gap: 24px;
padding-top: 30px;
padding: { padding-bottom: 20px;
top: 30px;
bottom: 20px;
};
.row { .row {
> * { > * {

43
src/renderer/src/components/Playground/CodeEditor/Editor/editor.scss → src/renderer/src/components/Playground/CodeEditor/Editor/editor.less
View File

@@ -1,23 +1,16 @@
@mixin keyframes($animationName) { .keyframes(@animationName, @content) {
@-webkit-keyframes #{$animationName} { animation-name: @animationName;
@content @-webkit-keyframes @animationName {
@content();
} }
@-moz-keyframes #{$animationName} { @-moz-keyframes @animationName {
@content @content();
} }
@-o-keyframes #{$animationName} { @-o-keyframes @animationName {
@content @content();
} }
@keyframes #{$animationName} { @keyframes @animationName {
@content @content();
}
}
@mixin unique-keyframes {
$animationName: unique-id();
animation-name: $animationName;
@include keyframes($animationName) {
@content
} }
} }
@@ -77,15 +70,13 @@
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 50%; border-radius: 50%;
border: { border-top: 2px #666 solid;
top: 2px #666 solid; border-right: 2px #ddd solid;
bottom: 2px #ddd solid; border-bottom: 2px #ddd solid;
left: 2px #ddd solid; border-left: 2px #ddd solid;
right: 2px #ddd solid;
};
animation: .6s linear infinite; animation: .6s linear infinite;
@include unique-keyframes { .keyframes(fUHD7o, {
0% { 0% {
transform: rotateZ(0); transform: rotateZ(0);
} }
@@ -93,6 +84,6 @@
100% { 100% {
transform: rotateZ(360deg); transform: rotateZ(360deg);
} }
} });
} }
} }

2
src/renderer/src/components/Playground/CodeEditor/Editor/index.tsx
View File

@@ -1,6 +1,6 @@
import { editor, Selection } from 'monaco-editor' import { editor, Selection } from 'monaco-editor'
import MonacoEditor, { Monaco } from '@monaco-editor/react' import MonacoEditor, { Monaco } from '@monaco-editor/react'
import '@/components/Playground/CodeEditor/Editor/editor.scss' import '@/components/Playground/CodeEditor/Editor/editor.less'
import '@/components/Playground/CodeEditor/Editor/loader' import '@/components/Playground/CodeEditor/Editor/loader'
import { IEditorOptions, IFiles, ITheme, ITsconfig } from '@/components/Playground/shared' import { IEditorOptions, IFiles, ITheme, ITsconfig } from '@/components/Playground/shared'
import { fileNameToLanguage, tsconfigJsonDiagnosticsOptions } from '@/components/Playground/files' import { fileNameToLanguage, tsconfigJsonDiagnosticsOptions } from '@/components/Playground/files'

0
src/renderer/src/components/Playground/CodeEditor/FileSelector/file-selector.scss → src/renderer/src/components/Playground/CodeEditor/FileSelector/file-selector.less
View File

2
src/renderer/src/components/Playground/CodeEditor/FileSelector/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/components/Playground/CodeEditor/FileSelector/file-selector.scss' import '@/components/Playground/CodeEditor/FileSelector/file-selector.less'
import HideScrollbar, { HideScrollbarElement } from '@/components/common/HideScrollbar' import HideScrollbar, { HideScrollbarElement } from '@/components/common/HideScrollbar'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import { IFiles } from '@/components/Playground/shared' import { IFiles } from '@/components/Playground/shared'

0
src/renderer/src/components/Playground/CodeEditor/code-editor.scss → src/renderer/src/components/Playground/CodeEditor/code-editor.less
View File

2
src/renderer/src/components/Playground/CodeEditor/index.tsx
View File

@@ -1,5 +1,5 @@
import _ from 'lodash' import _ from 'lodash'
import '@/components/Playground/CodeEditor/code-editor.scss' import '@/components/Playground/CodeEditor/code-editor.less'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import { IEditorOptions, IFiles, ITheme, ITsconfig } from '@/components/Playground/shared' import { IEditorOptions, IFiles, ITheme, ITsconfig } from '@/components/Playground/shared'
import { import {

4
src/renderer/src/components/Playground/Output/Preview/Render.tsx
View File

@@ -1,5 +1,5 @@
import { ChangeEvent } from 'react' import { ChangeEvent } from 'react'
import '@/components/Playground/Output/Preview/render.scss' import '@/components/Playground/Output/Preview/render.less'
import { COLOR_FONT_MAIN } from '@/constants/common.constants' import { COLOR_FONT_MAIN } from '@/constants/common.constants'
import iframeRaw from '@/components/Playground/Output/Preview/iframe.html?raw' import iframeRaw from '@/components/Playground/Output/Preview/iframe.html?raw'
import HideScrollbar from '@/components/common/HideScrollbar' import HideScrollbar from '@/components/common/HideScrollbar'
@@ -246,7 +246,7 @@ const Render = ({ iframeKey, compiledCode, mobileMode = false }: RenderProps) =>
ref={iframeRef} ref={iframeRef}
src={iframeUrl} src={iframeUrl}
onLoad={() => setIsLoaded(true)} onLoad={() => setIsLoaded(true)}
sandbox="allow-downloads allow-forms allow-modals allow-scripts" sandbox={'allow-downloads allow-forms allow-modals allow-scripts'}
allow={'clipboard-read; clipboard-write'} allow={'clipboard-read; clipboard-write'}
/> />
) )

2
src/renderer/src/components/Playground/Output/Preview/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/components/Playground/Output/Preview/preview.scss' import '@/components/Playground/Output/Preview/preview.less'
import { IFiles, IImportMap } from '@/components/Playground/shared' import { IFiles, IImportMap } from '@/components/Playground/shared'
import Compiler from '@/components/Playground/compiler' import Compiler from '@/components/Playground/compiler'
import Render from '@/components/Playground/Output/Preview/Render' import Render from '@/components/Playground/Output/Preview/Render'

0
src/renderer/src/components/Playground/Output/Preview/preview.scss → src/renderer/src/components/Playground/Output/Preview/preview.less
View File

2
src/renderer/src/components/Playground/Output/Preview/render.scss → src/renderer/src/components/Playground/Output/Preview/render.less
View File

@@ -1,5 +1,3 @@
@use '@/assets/css/constants' as constants;
[data-component=playground-output-preview-render] { [data-component=playground-output-preview-render] {
border: none; border: none;
height: 100%; height: 100%;

2
src/renderer/src/components/Playground/Output/Transform/index.tsx
View File

@@ -1,6 +1,6 @@
import MonacoEditor from '@monaco-editor/react' import MonacoEditor from '@monaco-editor/react'
import { Loader } from 'esbuild-wasm' import { Loader } from 'esbuild-wasm'
import '@/components/Playground/Output/Transform/transform.scss' import '@/components/Playground/Output/Transform/transform.less'
import { IFile, ITheme } from '@/components/Playground/shared' import { IFile, ITheme } from '@/components/Playground/shared'
import { cssToJsFromFile, jsonToJsFromFile } from '@/components/Playground/files' import { cssToJsFromFile, jsonToJsFromFile } from '@/components/Playground/files'
import Compiler from '@/components/Playground/compiler' import Compiler from '@/components/Playground/compiler'

0
src/renderer/src/components/Playground/Output/Transform/transform.scss → src/renderer/src/components/Playground/Output/Transform/transform.less
View File

2
src/renderer/src/components/Playground/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/components/Playground/playground.scss' import '@/components/Playground/playground.less'
import { IFiles, IImportMap, ITsconfig } from '@/components/Playground/shared' import { IFiles, IImportMap, ITsconfig } from '@/components/Playground/shared'
import { import {
ENTRY_FILE_NAME, ENTRY_FILE_NAME,

0
src/renderer/src/components/Playground/playground.scss → src/renderer/src/components/Playground/playground.less
View File

2
src/renderer/src/components/common/Card.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react' import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/card.scss' import '@/assets/css/components/common/card.less'
type CardProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> type CardProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>

2
src/renderer/src/components/common/FitCenter.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react' import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/fit-center.scss' import '@/assets/css/components/common/fit-center.less'
interface FitCenterProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> { interface FitCenterProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
vertical?: boolean vertical?: boolean

2
src/renderer/src/components/common/FitFullscreen.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react' import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/fit-fullscreen.scss' import '@/assets/css/components/common/fit-fullscreen.less'
interface FitFullscreenProps interface FitFullscreenProps
extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> { extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {

2
src/renderer/src/components/common/FlexBox.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react' import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/flex-box.scss' import '@/assets/css/components/common/flex-box.less'
interface FlexBoxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> { interface FlexBoxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
direction?: 'horizontal' | 'vertical' direction?: 'horizontal' | 'vertical'

2
src/renderer/src/components/common/FullscreenLoadingMask.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/common/fullscreen-loading-mask.scss' import '@/assets/css/components/common/fullscreen-loading-mask.less'
import { COLOR_FONT_MAIN } from '@/constants/common.constants' import { COLOR_FONT_MAIN } from '@/constants/common.constants'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'

4
src/renderer/src/components/common/HideScrollbar.tsx
View File

@@ -6,7 +6,7 @@ import {
HTMLAttributes, HTMLAttributes,
UIEvent UIEvent
} from 'react' } from 'react'
import '@/assets/css/components/common/hide-scrollbar.scss' import '@/assets/css/components/common/hide-scrollbar.less'
interface HideScrollbarProps interface HideScrollbarProps
extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> { extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
@@ -622,7 +622,7 @@ const HideScrollbar = forwardRef<HideScrollbarElement, HideScrollbarProps>(
maskRef.current?.clientHeight - maskRef.current?.clientHeight -
1 1
: undefined, : undefined,
padding: `${scrollbarAsidePadding}px ${scrollbarEdgePadding}px` padding: `${scrollbarEdgePadding}px ${scrollbarAsidePadding}px`
}} }}
> >
<div className={'box'} style={{ height: scrollbarWidth }}> <div className={'box'} style={{ height: scrollbarWidth }}>

2
src/renderer/src/components/common/Indicator.tsx
View File

@@ -1,5 +1,5 @@
import _ from 'lodash' import _ from 'lodash'
import '@/assets/css/components/common/indicator.scss' import '@/assets/css/components/common/indicator.less'
interface IndicatorProps { interface IndicatorProps {
total: number total: number

2
src/renderer/src/components/common/LoadingMask.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react' import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/common/loading-mask.scss' import '@/assets/css/components/common/loading-mask.less'
import { COLOR_FONT_MAIN } from '@/constants/common.constants' import { COLOR_FONT_MAIN } from '@/constants/common.constants'
interface LoadingMaskProps extends PropsWithChildren { interface LoadingMaskProps extends PropsWithChildren {

2
src/renderer/src/components/common/Sidebar/index.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react' import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/common/sidebar.scss' import '@/assets/css/components/common/sidebar.less'
import { getLocalStorage, setLocalStorage } from '@/util/browser' import { getLocalStorage, setLocalStorage } from '@/util/browser'
import Item from '@/components/common/Sidebar/Item' import Item from '@/components/common/Sidebar/Item'
import ItemList from '@/components/common/Sidebar/ItemList' import ItemList from '@/components/common/Sidebar/ItemList'

2
src/renderer/src/components/common/UrlCard.tsx
View File

@@ -1,7 +1,7 @@
import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react' import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt' import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import '@/assets/css/components/common/url-card.scss' import '@/assets/css/components/common/url-card.less'
import Card from '@/components/common/Card' import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'

2
src/renderer/src/components/dnd/DragHandle.tsx
View File

@@ -1,6 +1,6 @@
import { HandleContextInst } from '@/components/dnd/HandleContext' import { HandleContextInst } from '@/components/dnd/HandleContext'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/dnd/drag-handle.scss' import '@/assets/css/components/dnd/drag-handle.less'
interface DragHandleProps { interface DragHandleProps {
padding?: string | number padding?: string | number

2
src/renderer/src/components/dnd/DropMask.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/components/dnd/drop-mask.scss' import '@/assets/css/components/dnd/drop-mask.less'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
const DropMask = () => { const DropMask = () => {

2
src/renderer/src/components/system/SettingCard.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react' import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/system/setting-card.scss' import '@/assets/css/components/system/setting-card.less'
import Card from '@/components/common/Card' import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import Permission from '@/components/common/Permission' import Permission from '@/components/common/Permission'

2
src/renderer/src/components/system/StatisticsCard.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react' import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/system/statistics-card.scss' import '@/assets/css/components/system/statistics-card.less'
import Card from '@/components/common/Card' import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import LoadingMask from '@/components/common/LoadingMask' import LoadingMask from '@/components/common/LoadingMask'

2
src/renderer/src/components/tools/LoadMoreCard.tsx
View File

@@ -1,6 +1,6 @@
import VanillaTilt from 'vanilla-tilt' import VanillaTilt from 'vanilla-tilt'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/tools/load-more-card.scss' import '@/assets/css/components/tools/load-more-card.less'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import Card from '@/components/common/Card' import Card from '@/components/common/Card'

2
src/renderer/src/components/tools/LocalCard.tsx
View File

@@ -1,7 +1,7 @@
import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from 'react' import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from 'react'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt' import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/tools/local-card.scss' import '@/assets/css/components/tools/local-card.less'
import { COLOR_BACKGROUND, COLOR_MAIN } from '@/constants/common.constants' import { COLOR_BACKGROUND, COLOR_MAIN } from '@/constants/common.constants'
import { checkDesktop, omitText } from '@/util/common' import { checkDesktop, omitText } from '@/util/common'
import { getAndroidUrl, navigateToStore, navigateToView } from '@/util/navigation' import { getAndroidUrl, navigateToStore, navigateToView } from '@/util/navigation'

2
src/renderer/src/components/tools/RepositoryCard.tsx
View File

@@ -1,6 +1,6 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react' import { DetailedHTMLProps, HTMLAttributes } from 'react'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt' import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import '@/assets/css/components/tools/repository-card.scss' import '@/assets/css/components/tools/repository-card.less'
import Card from '@/components/common/Card' import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import Draggable from '@/components/dnd/Draggable' import Draggable from '@/components/dnd/Draggable'

2
src/renderer/src/components/tools/StoreCard.tsx
View File

@@ -2,7 +2,7 @@ import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from 'react'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt' import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import protocolCheck from 'custom-protocol-check' import protocolCheck from 'custom-protocol-check'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/components/tools/store-card.scss' import '@/assets/css/components/tools/store-card.less'
import { import {
COLOR_BACKGROUND, COLOR_BACKGROUND,
COLOR_MAIN, COLOR_MAIN,

4
src/renderer/src/main.tsx
View File

@@ -1,8 +1,8 @@
import { StrictMode } from 'react' import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client' import { createRoot } from 'react-dom/client'
import zh_CN from 'antd/locale/zh_CN' import zh_CN from 'antd/locale/zh_CN'
import '@/assets/css/base.scss' import '@/assets/css/base.less'
import '@/assets/css/common.scss' import '@/assets/css/common.less'
import { COLOR_MAIN } from '@/constants/common.constants' import { COLOR_MAIN } from '@/constants/common.constants'
import App from './App' import App from './App'

2
src/renderer/src/pages/Sign/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/sign.scss' import '@/assets/css/pages/sign.less'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'
import FitCenter from '@/components/common/FitCenter' import FitCenter from '@/components/common/FitCenter'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'

2
src/renderer/src/pages/System/Settings/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/system/settings.scss' import '@/assets/css/pages/system/settings.less'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'
import HideScrollbar from '@/components/common/HideScrollbar' import HideScrollbar from '@/components/common/HideScrollbar'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'

2
src/renderer/src/pages/System/Statistics/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/system/statistics.scss' import '@/assets/css/pages/system/statistics.less'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'
import HideScrollbar from '@/components/common/HideScrollbar' import HideScrollbar from '@/components/common/HideScrollbar'

2
src/renderer/src/pages/System/Tools/Base.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/system/tools/base.scss' import '@/assets/css/pages/system/tools/base.less'
import { import {
COLOR_PRODUCTION, COLOR_PRODUCTION,
DATABASE_DELETE_SUCCESS, DATABASE_DELETE_SUCCESS,

2
src/renderer/src/pages/System/Tools/Code.tsx
View File

@@ -1,6 +1,6 @@
import Draggable from 'react-draggable' import Draggable from 'react-draggable'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/system/tools/code.scss' import '@/assets/css/pages/system/tools/code.less'
import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants' import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
import { checkDesktop } from '@/util/common' import { checkDesktop } from '@/util/common'
import { navigateToExecute, navigateToRepository } from '@/util/navigation' import { navigateToExecute, navigateToRepository } from '@/util/navigation'

2
src/renderer/src/pages/System/Tools/Execute.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/system/tools/execute.scss' import '@/assets/css/pages/system/tools/execute.less'
import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants' import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
import { navigateToTools } from '@/util/navigation' import { navigateToTools } from '@/util/navigation'
import { r_sys_tool_get_one } from '@/services/system' import { r_sys_tool_get_one } from '@/services/system'

2
src/renderer/src/pages/System/Tools/Template.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/system/tools/template.scss' import '@/assets/css/pages/system/tools/template.less'
import { import {
COLOR_PRODUCTION, COLOR_PRODUCTION,
DATABASE_DELETE_SUCCESS, DATABASE_DELETE_SUCCESS,

2
src/renderer/src/pages/System/index.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/system/index.scss' import '@/assets/css/pages/system/index.less'
import HideScrollbar from '@/components/common/HideScrollbar' import HideScrollbar from '@/components/common/HideScrollbar'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'

2
src/renderer/src/pages/SystemFramework.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/system-framework.scss' import '@/assets/css/pages/system-framework.less'
import { getSystemRouteJson } from '@/router/system' import { getSystemRouteJson } from '@/router/system'
import FitFullscreen from '@/components/common/FitFullscreen' import FitFullscreen from '@/components/common/FitFullscreen'
import Sidebar from '@/components/common/Sidebar' import Sidebar from '@/components/common/Sidebar'

2
src/renderer/src/pages/Tools/Create.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/tools/create.scss' import '@/assets/css/pages/tools/create.less'
import { import {
DATABASE_DUPLICATE_KEY, DATABASE_DUPLICATE_KEY,
DATABASE_INSERT_SUCCESS, DATABASE_INSERT_SUCCESS,

2
src/renderer/src/pages/Tools/Edit.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/tools/edit.scss' import '@/assets/css/pages/tools/edit.less'
import Draggable from 'react-draggable' import Draggable from 'react-draggable'
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import { import {

4
src/renderer/src/pages/Tools/Local.tsx
View File

@@ -1,5 +1,5 @@
import { UIEvent } from 'react' import { UIEvent } from 'react'
import '@/assets/css/pages/tools/local.scss' import '@/assets/css/pages/tools/local.less'
import { checkDesktop } from '@/util/common' import { checkDesktop } from '@/util/common'
import { l_tool_get } from '@/services/tool' import { l_tool_get } from '@/services/tool'
import FlexBox from '@/components/common/FlexBox' import FlexBox from '@/components/common/FlexBox'
@@ -65,7 +65,7 @@ const Local = () => {
return ( return (
<> <>
<FitFullscreen data-component={'tools-store'}> <FitFullscreen data-component={'tools-local'}>
<HideScrollbar <HideScrollbar
isShowVerticalScrollbar isShowVerticalScrollbar
autoHideWaitingTime={1000} autoHideWaitingTime={1000}

2
src/renderer/src/pages/Tools/Source.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/tools/source.scss' import '@/assets/css/pages/tools/source.less'
import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants' import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
import { getLoginStatus } from '@/util/auth' import { getLoginStatus } from '@/util/auth'
import { navigateToRepository, navigateToSource } from '@/util/navigation' import { navigateToRepository, navigateToSource } from '@/util/navigation'

2
src/renderer/src/pages/Tools/Store.tsx
View File

@@ -1,5 +1,5 @@
import { UIEvent } from 'react' import { UIEvent } from 'react'
import '@/assets/css/pages/tools/store.scss' import '@/assets/css/pages/tools/store.less'
import { DATABASE_SELECT_SUCCESS } from '@/constants/common.constants' import { DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
import { checkDesktop } from '@/util/common' import { checkDesktop } from '@/util/common'
import { r_tool_store_get } from '@/services/tool' import { r_tool_store_get } from '@/services/tool'

2
src/renderer/src/pages/Tools/User.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/tools/user.scss' import '@/assets/css/pages/tools/user.less'
import { import {
COLOR_BACKGROUND, COLOR_BACKGROUND,
DATABASE_NO_RECORD_FOUND, DATABASE_NO_RECORD_FOUND,

2
src/renderer/src/pages/Tools/View.tsx
View File

@@ -1,4 +1,4 @@
import '@/assets/css/pages/tools/view.scss' import '@/assets/css/pages/tools/view.less'
import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants' import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
import { getLoginStatus } from '@/util/auth' import { getLoginStatus } from '@/util/auth'
import { import {

2
src/renderer/src/pages/Tools/index.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons' import Icon from '@ant-design/icons'
import '@/assets/css/pages/tools/index.scss' import '@/assets/css/pages/tools/index.less'
import { import {
DATABASE_DELETE_SUCCESS, DATABASE_DELETE_SUCCESS,
DATABASE_SELECT_SUCCESS, DATABASE_SELECT_SUCCESS,

2
src/renderer/src/pages/ToolsFramework.tsx
View File

@@ -1,7 +1,7 @@
import { DndContext, DragOverEvent, DragStartEvent } from '@dnd-kit/core' import { DndContext, DragOverEvent, DragStartEvent } from '@dnd-kit/core'
import { arrayMove, SortableContext } from '@dnd-kit/sortable' import { arrayMove, SortableContext } from '@dnd-kit/sortable'
import type { DragEndEvent } from '@dnd-kit/core/dist/types' import type { DragEndEvent } from '@dnd-kit/core/dist/types'
import '@/assets/css/pages/tools-framework.scss' import '@/assets/css/pages/tools-framework.less'
import { tools } from '@/router/tools' import { tools } from '@/router/tools'
import { checkDesktop, getToolMenuItem, saveToolMenuItem } from '@/util/common' import { checkDesktop, getToolMenuItem, saveToolMenuItem } from '@/util/common'
import { getViewPath } from '@/util/navigation' import { getViewPath } from '@/util/navigation'

Some files were not shown because too many files have changed in this diff Show More