Merge pull request #7 from Visnalize/feat/update-7.css

khang-nd · web-flow · commit cd0723414a8b · 2025-07-27T13:14:08.000+07:00
diff --git a/dev/App.vue b/dev/App.vue
@@ -9,7 +9,7 @@
       <template #games> games </template>
       <template #softs> softs </template>
     </winui-tabs>
-    <winui-progress progress="50%" class="error" />
+    <winui-progress :progress="50" class="error" />
     <winui-groupbox label="Radio buttons">
       <winui-radio id="theme-light" value="light" name="theme" checked>
         Light
diff --git a/docs/src/.vuepress/components/Demo/Link/Icon.vue b/docs/src/.vuepress/components/Demo/Link/Icon.vue
@@ -1,6 +1,6 @@
 <template>
   <winui-link
     text="Visnalize"
-    icon="https://visnalize.com/assets/favicon.png"
+    icon="https://visnalize.com/favicon.png"
   />
 </template>
diff --git a/docs/src/.vuepress/components/Demo/Link/SlotText.vue b/docs/src/.vuepress/components/Demo/Link/SlotText.vue
@@ -1,6 +1,6 @@
 <template>
   <winui-link
-    icon="https://visnalize.com/assets/favicon.png"
+    icon="https://visnalize.com/favicon.png"
     href="https://visnalize.com/"
     target="_blank"
   >
diff --git a/docs/src/.vuepress/config.js b/docs/src/.vuepress/config.js
@@ -52,6 +52,10 @@ module.exports = {
         text: "Components",
         link: "/components/",
       },
+      {
+        text: "Changelog",
+        link: "https://github.com/Visnalize/win7-ui/releases",
+      },
     ],
     sidebar: [
       {
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "win7-ui",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Vue2 component library for recreating Windows 7 UI",
   "license": "MIT",
   "homepage": "https://win7ui.visnalize.com",
@@ -41,7 +41,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "devDependencies": {
-    "7.css": "^0.16.0",
+    "7.css": "^0.21.0",
     "@rushstack/eslint-patch": "^1.1.0",
     "@vitejs/plugin-legacy": "^2.0.0",
     "@vitejs/plugin-vue2": "^1.1.2",
diff --git a/src/components/Balloon/Balloon.vue b/src/components/Balloon/Balloon.vue
@@ -10,5 +10,3 @@ export default {
   props: {},
 };
 </script>
-
-<style scoped src="7.css/dist/gui/balloon.css"></style>
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
@@ -10,8 +10,6 @@ export default {
 };
 </script>
 
-<style scoped src="7.css/dist/gui/button.css"></style>
-
 <style lang="scss" scoped>
 .winui-button {
   color: #222;
diff --git a/src/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
@@ -43,5 +43,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/checkbox.css"></style>
diff --git a/src/components/Collapse/Collapse.vue b/src/components/Collapse/Collapse.vue
@@ -43,5 +43,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/collapse.css"></style>
diff --git a/src/components/Dropdown/Dropdown.vue b/src/components/Dropdown/Dropdown.vue
@@ -49,5 +49,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/dropdown.css"></style>
diff --git a/src/components/Groupbox/Groupbox.vue b/src/components/Groupbox/Groupbox.vue
@@ -14,5 +14,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/groupbox.css"></style>
diff --git a/src/components/Link/Link.vue b/src/components/Link/Link.vue
@@ -27,6 +27,13 @@ export default {
 
 <style lang="scss" scoped>
 .winui-link {
+  all: unset;
+
+  &::before,
+  &::after {
+    content: none;
+  }
+
   font-family: Segoe UI, sans-serif;
   font-weight: normal;
   font-size: inherit;
diff --git a/src/components/Listbox/Listbox.vue b/src/components/Listbox/Listbox.vue
@@ -32,8 +32,6 @@ export default {
 };
 </script>
 
-<style scoped src="7.css/dist/gui/listbox.css"></style>
-
 <style lang="scss" scoped>
 .winui-listbox {
   list-style: none;
diff --git a/src/components/Menu/MenuItem.vue b/src/components/Menu/MenuItem.vue
@@ -50,10 +50,6 @@ export default {
 };
 </script>
 
-<style src="7.css/dist/gui/radiobutton.css" scoped></style>
-<style src="7.css/dist/gui/checkbox.css" scoped></style>
-<style src="7.css/dist/gui/menu.css"></style>
-
 <style lang="scss" scoped>
 [role="menuitem"] {
   ul[role="menu"] > &,
diff --git a/src/components/Progress/Progress.vue b/src/components/Progress/Progress.vue
@@ -46,8 +46,6 @@ export default {
 };
 </script>
 
-<style scoped src="7.css/dist/gui/progressbar.css"></style>
-
 <style lang="scss" scoped>
 .winui-progress > div {
   width: var(--progress);
diff --git a/src/components/Radio/Radio.vue b/src/components/Radio/Radio.vue
@@ -45,5 +45,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/radiobutton.css"></style>
diff --git a/src/components/Searchbox/Searchbox.vue b/src/components/Searchbox/Searchbox.vue
@@ -39,9 +39,6 @@ export default {
 };
 </script>
 
-<style scoped src="7.css/dist/gui/button.css"></style>
-<style scoped src="7.css/dist/gui/searchbox.css"></style>
-
 <style lang="scss" scoped>
 [type="search"] {
   min-width: auto;
diff --git a/src/components/Slider/Slider.vue b/src/components/Slider/Slider.vue
@@ -25,5 +25,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/slider.css"></style>
diff --git a/src/components/Tabs/Tabs.vue b/src/components/Tabs/Tabs.vue
@@ -47,8 +47,6 @@ export default {
 };
 </script>
 
-<style scoped src="7.css/dist/gui/tabs.css"></style>
-
 <style lang="scss" scoped>
 [role="tabpanel"] {
   height: 100%;
diff --git a/src/components/Textbox/Textbox.vue b/src/components/Textbox/Textbox.vue
@@ -33,5 +33,3 @@ export default {
   },
 };
 </script>
-
-<style scoped src="7.css/dist/gui/textbox.css"></style>
diff --git a/src/components/Treeview/Treeview.vue b/src/components/Treeview/Treeview.vue
@@ -10,8 +10,6 @@ export default {
 };
 </script>
 
-<style src="7.css/dist/gui/treeview.css"></style>
-
 <style lang="scss" scoped>
 ::v-deep.winui-treeview ul {
   line-height: normal;
diff --git a/src/components/index.js b/src/components/index.js
@@ -1,3 +1,4 @@
+import "7.css";
 import Balloon from "./Balloon/register";
 import Button from "./Button/register";
 import Checkbox from "./Checkbox/register";
diff --git a/yarn.lock b/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"7.css@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/7.css/-/7.css-0.16.0.tgz#e2eed1e8c1ed46eb1993926598183dfa21c32089"
-  integrity sha512-qZleAhXgVqtAc8Wb4mAJRczbGBcUMv6i2wNogXzHgf9Dztky0CqrehWOJtzU05tMw9a9xLeyvumnJeD+WjLiNQ==
+"7.css@^0.21.0":
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/7.css/-/7.css-0.21.0.tgz#012fe193ebaed6f9072777bee10ba5710ed3ee3b"
+  integrity sha512-njC6RWJ12khdPU343fWtFrcXO7MYFUIHo/yw6PGexW0u/E/HR/w2NQcIJLDk910lzxyTztbteg4nLKg+JLPGRw==
 
 "@babel/parser@^7.18.4":
   version "7.20.0"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`<template>`
`2`	`2`	`<winui-link`
`3`		`- icon="https://visnalize.com/assets/favicon.png"`
	`3`	`+ icon="https://visnalize.com/favicon.png"`
`4`	`4`	`href="https://visnalize.com/"`
`5`	`5`	`target="_blank"`
`6`	`6`	`>`