diff --git a/.eslintignore b/.eslintignore index c6a6b19ee7ff2ae70a6dda9ca0d6ef148196e8cb..61160e3d0c73d0babf5fff56f56e1db0a476422d 100644 --- a/.eslintignore +++ b/.eslintignore @@ -4,3 +4,6 @@ env.d.ts pnpm-lock.yaml *.md iconfont.js +dist +.DS_Store +.history diff --git a/.eslintrc.js b/.eslintrc.js index 52626cc8c00109d009016613fff37cd117ee16d9..6223b75b220045c43967ef932ffb3aa8e1c01d6c 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -47,10 +47,7 @@ module.exports = { node: true, }, parser: "vue-eslint-parser", - extends: [ - "plugin:vue/vue3-recommended", - "eslint:recommended", - ], + extends: ["plugin:vue/vue3-recommended", "eslint:recommended"], parserOptions: { ecmaVersion: 2021, }, diff --git a/.prettierignore b/.prettierignore index a2414270955b0a818f87ba6d354dff12e1c28a79..21b55398391144ce9f800739e8f481eeb14c9ece 100644 --- a/.prettierignore +++ b/.prettierignore @@ -3,3 +3,8 @@ dist pnpm-lock.yaml auto-imports.d.ts components.d.ts +env.d.ts +*.md +iconfont.js +.DS_Store +.history diff --git a/.prettierrc b/.prettierrc index 88c01176f27e9071ccb5783e6a9415da64c3a646..20f33545876da4294e2753002dc9cbe15f9a16b6 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,5 +1,6 @@ { "$schema": "http://json.schemastore.org/prettierrc", "semi": true, - "singleQuote": false + "singleQuote": false, + "bracketSameLine": true } diff --git a/.vscode/settings.json b/.vscode/settings.json index f7ed6ff01a99fd61c38f2b367710f373f60ffc93..cb01b023cf01eb0fdde2bb9bbb04e481e3e0d4f2 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,21 +1,10 @@ { - "eslint.validate": [ - "vue", - "javascript", - "javascriptreact" - ], + "eslint.validate": ["vue", "javascript", "javascriptreact"], "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.codeActionsOnSave": [ - "source.formatDocument", - "source.fixAll.eslint" - ], + "editor.codeActionsOnSave": ["source.formatDocument", "source.fixAll.eslint"], "editor.formatOnSave": false, "files.eol": "\n", "path-intellisense.mappings": { "@": "${workspaceFolder}/src" - }, - "volar.codeLens.pugTools": false, - "typescript.preferences.useAliasesForRenames": false, - "liveServer.settings.root": "/dist", - "prettier.printWidth": 120 + } } diff --git a/index.html b/index.html index a5f2f19c0e72ae55bab322d11a43b6e5f8fce121..f71416eedd75258afdb1b5b2b9f8e6fc0881eda1 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,14 @@ + + + + + BG-UI Demos + - - - - - BG-UI Demos - - - -
- - - + +
+ + diff --git a/package.json b/package.json index cb3bcec59ae055174649c579e8deaae63c767cd8..b7db199819bfd9d24998e4564f3a62ae2d21510d 100644 --- a/package.json +++ b/package.json @@ -2,13 +2,12 @@ "name": "my-vue-app", "private": true, "version": "0.0.0", - "type": "module", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "lint": "eslint --ext .js,vue --ignore-pattern '!.*ignore' .", - "lint:fix": "pnpm lint --fix" + "lint:fix": "eslint --fix && prettier --config .prettierrc --write --write ." }, "dependencies": { "@element-plus/icons-vue": "^2.0.10", @@ -27,6 +26,7 @@ "eslint": "^8.34.0", "eslint-define-config": "^1.15.0", "eslint-plugin-vue": "^9.9.0", + "prettier": "2.8.4", "sass": "^1.58.2", "vite": "^4.1.1" } diff --git a/src/App.vue b/src/App.vue index 52d5f5f9e5be6b975c7c2f915142f8c53201ac4e..f6e0918041a751e1095167cf48b6513d23b16669 100644 --- a/src/App.vue +++ b/src/App.vue @@ -11,7 +11,9 @@ onMounted(() => { nav.addEventListener("click", (e) => { const el = e.target; if (el.tagName === "LI") { - const topDistance = document.querySelector(el.getAttribute("data-id")).offsetTop - navHeight; + const topDistance = + document.querySelector(el.getAttribute("data-id")).offsetTop - + navHeight; window.scrollTo(0, topDistance); } }); @@ -141,7 +143,9 @@ const { title: cardTitle, icon: cardIcon } = toRefs(card); - + @@ -180,27 +184,27 @@ const { title: cardTitle, icon: cardIcon } = toRefs(card); + +
content
+ + --> + +
a
+
b
+
c
+ + + --> - + - + diff --git a/src/assets/reset.css b/src/assets/reset.css index e1a6f0a931f6a140ba122b23e09a7ffbf660d38c..a31913636decb121e684a3866d4fa71861378df3 100644 --- a/src/assets/reset.css +++ b/src/assets/reset.css @@ -50,7 +50,9 @@ html { box-sizing: border-box; } -*, *::before, *::after { +*, +*::before, +*::after { box-sizing: inherit; } diff --git a/src/bg-ui/bg-btns.vue b/src/bg-ui/bg-btns.vue index 142fbbfe38d2c20d4283302c6cfd1f58b52eb0a2..64f10949d34f8186a0070465e8d5191a6d6bec8a 100644 --- a/src/bg-ui/bg-btns.vue +++ b/src/bg-ui/bg-btns.vue @@ -15,20 +15,20 @@ diff --git a/src/bg-ui/bg-card.vue b/src/bg-ui/bg-card.vue index 9baa98637ce7d48ebe5f802448811bc521b7a5bb..b6cd15d37e9aa2f27ac898b470136f730d02ad8c 100644 --- a/src/bg-ui/bg-card.vue +++ b/src/bg-ui/bg-card.vue @@ -25,7 +25,7 @@ const props = defineProps({ type: String, default: "", }, - subTitle:{ + subTitle: { type: String, default: "", }, @@ -33,26 +33,26 @@ const props = defineProps({ type: String, default: "", }, - easyIcon:{ - type:Boolean, - default:false, - } + easyIcon: { + type: Boolean, + default: false, + }, }); \ No newline at end of file + diff --git a/src/bg-ui/bg-code-editor.vue b/src/bg-ui/bg-code-editor.vue index ee377dd734c858d1f74343163f1c7d51838649b4..c3f39f341fd8f96465c07ac9656fdc61310a7196 100644 --- a/src/bg-ui/bg-code-editor.vue +++ b/src/bg-ui/bg-code-editor.vue @@ -2,18 +2,18 @@ diff --git a/src/bg-ui/bg-detail-table.vue b/src/bg-ui/bg-detail-table.vue index 5523d9cebde5d127255c978c288f6dde3bfb5b8a..129d6242b4282691f223d0b5dba0449a288290bd 100644 --- a/src/bg-ui/bg-detail-table.vue +++ b/src/bg-ui/bg-detail-table.vue @@ -18,13 +18,17 @@ v-if="!item.urls" :title="item.info" :style="item.url ? { color: '#515fe7', cursor: 'pointer' } : ''" - @click="down_file(item.url)">{{ item.info }} + @click="down_file(item.url)" + >{{ item.info }} {{ helper.downloadFileFormatNew(it) }}、 + @click="down_file(it)" + >{{ helper.downloadFileFormatNew(it) }}、 diff --git a/src/bg-ui/bg-detail-table2.vue b/src/bg-ui/bg-detail-table2.vue index bf56a91e99e89b3a85a2802b89735ce6c69f12cf..32a95c7fe7bd26ea88420ad919a3e6ed7a29a7c6 100644 --- a/src/bg-ui/bg-detail-table2.vue +++ b/src/bg-ui/bg-detail-table2.vue @@ -7,7 +7,9 @@ :style="{ width: item.width }">

{{ item.label }} - {{ item.value }} + {{ + item.value + }} diff --git a/src/bg-ui/bg-detail.vue b/src/bg-ui/bg-detail.vue index b5733511428548c493dbfd2d384ce953dd7c005e..f893d03df0c5eda2a70fcd494794913d993fed9e 100644 --- a/src/bg-ui/bg-detail.vue +++ b/src/bg-ui/bg-detail.vue @@ -59,7 +59,17 @@ diff --git a/src/bg-ui/bg-filter-group.vue b/src/bg-ui/bg-filter-group.vue index c61f699390ec7d6bbf6e37c36eee8d08ae444871..fa551cb24f9b397a1fcc7c8158ddefe19e64fa7a 100644 --- a/src/bg-ui/bg-filter-group.vue +++ b/src/bg-ui/bg-filter-group.vue @@ -20,18 +20,26 @@ @clear="search"> -

+
高级搜索 - +
@@ -43,7 +51,15 @@ diff --git a/src/bg-ui/bg-info.vue b/src/bg-ui/bg-info.vue index a5a5016fbe47537e27ea47f35c669f76639ff003..3d40516e9ad5b09d0ec4d0e15a54873d1875695d 100644 --- a/src/bg-ui/bg-info.vue +++ b/src/bg-ui/bg-info.vue @@ -7,26 +7,46 @@ :style="{ width: item.full ? `100%` : `calc(100% / ${col})`, }"> - + {{ item.name }} - + {{ - item.value - }} + style="text-decoration: underline" + @click.stop="item.callback && item.callback()" + >{{ item.value }} {{ item.value }} - 复制 + + 复制 + { }; }); const now_label_style = computed(() => { - return now_index.value == 0 ? { left: circle_height.value + gap.value + 5 + "px" } : { left: "10px" }; + return now_index.value == 0 + ? { left: circle_height.value + gap.value + 5 + "px" } + : { left: "10px" }; }); const now_circle_style = computed(() => { return now_index.value == 0 @@ -93,5 +95,4 @@ onMounted(() => { circle_height.value = circle.value.offsetHeight; gap.value = (box_height.value - circle_height.value - 4) / 2; }); - diff --git a/src/bg-ui/bg-tab.vue b/src/bg-ui/bg-tab.vue index a518971caaa16e78f9cc0aa3d356977caeb82faf..80a6ae02d3ce02fd5e9d68a61a39a945a9fac299 100644 --- a/src/bg-ui/bg-tab.vue +++ b/src/bg-ui/bg-tab.vue @@ -14,15 +14,12 @@ import { reactive, ref, onBeforeMount, toRefs, computed, inject } from "vue"; const getActiveName = inject( "activeName", - ()=>{ + () => { return ""; }, false ); -const getIsTabs = inject( - "isTabs", - false -); +const getIsTabs = inject("isTabs", false); const props = defineProps({ label: { diff --git a/src/bg-ui/bg-table-btns.vue b/src/bg-ui/bg-table-btns.vue index 87f9bfedd83a1bfe485e7b9bdb7f578f84b47f42..83d26296f9a197b5fec3f807e6a52110e0bc6ba7 100644 --- a/src/bg-ui/bg-table-btns.vue +++ b/src/bg-ui/bg-table-btns.vue @@ -14,7 +14,7 @@ @mouseenter="showMoreBtns" @mouseleave="hideMoreBtns"> - + {{ item.name }} + @click="action(item.onClick, item.disabled)" + >{{ item.name }} @@ -28,7 +30,18 @@ diff --git a/src/main.js b/src/main.js index e0cf48d881e0cc31e845bce02cb44c981bb87043..d0c146df0d7b1664b623d58addbd9380039a7bd3 100644 --- a/src/main.js +++ b/src/main.js @@ -9,4 +9,7 @@ import "@/assets/reset.css"; import bgui from "@/bg-ui"; import "@/bg-ui/index.scss"; -createApp(App).use(ElementPlus, { locale, size: "small" }).use(bgui).mount("#app"); +createApp(App) + .use(ElementPlus, { locale, size: "small" }) + .use(bgui) + .mount("#app"); diff --git a/yarn.lock b/yarn.lock index 3ee9d84e81c819d8313254cab3baebdcca6e7ad1..a1b04c3aeb0ad3ca965154d0a8b4dfc8db777e23 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1582,6 +1582,11 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== +prettier@2.8.4: + version "2.8.4" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3" + integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw== + prismjs@^1.23.0: version "1.29.0" resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"