jky-component-lib 0.0.10 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/es/button/Button.vue.d.ts +6 -0
  2. package/dist/es/button/Button.vue.js +32 -4
  3. package/dist/es/button/style.css +144 -89
  4. package/dist/es/button-nav/ButtonNav.vue.d.ts +30 -0
  5. package/dist/es/button-nav/ButtonNav.vue.js +130 -0
  6. package/dist/es/button-nav/ButtonNav.vue3.js +5 -0
  7. package/dist/es/button-nav/index.d.ts +4 -0
  8. package/dist/es/button-nav/index.js +8 -0
  9. package/dist/es/button-nav/style.css +39 -0
  10. package/dist/es/components.d.ts +3 -0
  11. package/dist/es/components.js +10 -1
  12. package/dist/es/index.js +8 -2
  13. package/dist/es/menu/Menu.vue.d.ts +32 -0
  14. package/dist/es/menu/Menu.vue.js +110 -0
  15. package/dist/es/menu/Menu.vue3.js +5 -0
  16. package/dist/es/menu/index.d.ts +4 -0
  17. package/dist/es/menu/index.js +8 -0
  18. package/dist/es/menu/style.css +70 -0
  19. package/dist/es/package.json.js +1 -1
  20. package/dist/es/page-header/PageHeader.vue.d.ts +45 -0
  21. package/dist/es/page-header/PageHeader.vue.js +263 -0
  22. package/dist/es/page-header/PageHeader.vue3.js +5 -0
  23. package/dist/es/page-header/index.d.ts +4 -0
  24. package/dist/es/page-header/index.js +8 -0
  25. package/dist/es/page-header/style.css +140 -0
  26. package/dist/es/resolver.d.ts +1 -1
  27. package/dist/es/resolver.js +2 -2
  28. package/dist/es/say-hello/style.css +32 -8
  29. package/dist/es/style.css +531 -54
  30. package/dist/es/styles.css +1 -1
  31. package/dist/lib/button/Button.vue.d.ts +6 -0
  32. package/dist/lib/button/Button.vue.js +31 -3
  33. package/dist/lib/button/style.css +144 -89
  34. package/dist/lib/button-nav/ButtonNav.vue.d.ts +30 -0
  35. package/dist/lib/button-nav/ButtonNav.vue.js +130 -0
  36. package/dist/lib/button-nav/ButtonNav.vue3.js +5 -0
  37. package/dist/lib/button-nav/index.d.ts +4 -0
  38. package/dist/lib/button-nav/index.js +8 -0
  39. package/dist/lib/button-nav/style.css +39 -0
  40. package/dist/lib/components.d.ts +3 -0
  41. package/dist/lib/components.js +13 -4
  42. package/dist/lib/index.js +9 -3
  43. package/dist/lib/menu/Menu.vue.d.ts +32 -0
  44. package/dist/lib/menu/Menu.vue.js +110 -0
  45. package/dist/lib/menu/Menu.vue3.js +5 -0
  46. package/dist/lib/menu/index.d.ts +4 -0
  47. package/dist/lib/menu/index.js +8 -0
  48. package/dist/lib/menu/style.css +70 -0
  49. package/dist/lib/package.json.js +1 -1
  50. package/dist/lib/page-header/PageHeader.vue.d.ts +45 -0
  51. package/dist/lib/page-header/PageHeader.vue.js +263 -0
  52. package/dist/lib/page-header/PageHeader.vue3.js +5 -0
  53. package/dist/lib/page-header/index.d.ts +4 -0
  54. package/dist/lib/page-header/index.js +8 -0
  55. package/dist/lib/page-header/style.css +140 -0
  56. package/dist/lib/resolver.d.ts +1 -1
  57. package/dist/lib/resolver.js +2 -2
  58. package/dist/lib/say-hello/style.css +32 -8
  59. package/dist/lib/style.css +531 -54
  60. package/dist/lib/styles.css +1 -1
  61. package/dist/umd/index.js +1856 -14
  62. package/dist/umd/styles.css +1 -1
  63. package/package.json +6 -1
package/dist/es/resolver.js CHANGED
@@ -1,4 +1,4 @@
1
- function StarterLibVue3Resolver() {
1
+ function JkyComponentLibResolver() {
2
2
  return {
3
3
  type: "component",
4
4
  resolve: (name) => {
@@ -15,5 +15,5 @@ function StarterLibVue3Resolver() {
15
15
  };
16
16
  }
17
17
  export {
18
- StarterLibVue3Resolver
18
+ JkyComponentLibResolver
19
19
  };
package/dist/es/say-hello/style.css CHANGED
@@ -1,13 +1,37 @@
1
+ /* SayHello 组件样式 - 使用 CSS 变量实现主题化 */
1
2
 
2
- .jky-component-lib-say-hello{
3
- background: #42b883;
4
- color: white;
5
- padding: 8px 20px;
3
+ /* 1. 定义 CSS 变量 */
4
+ :root {
5
+ /* 颜色变量 */
6
+ --jky-say-hello-bg: #42b883;
7
+ --jky-say-hello-text: #ffffff;
8
+ --jky-say-hello-hover-bg: #3aa876;
9
+
10
+ /* 尺寸变量 */
11
+ --jky-say-hello-font-size: 16px;
12
+ --jky-say-hello-padding: 8px 20px;
13
+ --jky-say-hello-margin: 4px 2px;
14
+
15
+ /* 圆角 */
16
+ --jky-say-hello-border-radius: 6px;
17
+ }
18
+
19
+ /* 2. 基础样式 */
20
+ .jky-say-hello {
21
+ display: inline-block;
22
+ padding: var(--jky-say-hello-padding);
23
+ margin: var(--jky-say-hello-margin);
24
+ font-size: var(--jky-say-hello-font-size);
25
+ background-color: var(--jky-say-hello-bg);
26
+ color: var(--jky-say-hello-text);
6
27
  text-align: center;
7
28
  text-decoration: none;
8
- display: inline-block;
9
- font-size: 16px;
10
- margin: 4px 2px;
29
+ border-radius: var(--jky-say-hello-border-radius);
11
30
  cursor: pointer;
12
- border-radius: 6px;
31
+ transition: background-color 200ms ease;
32
+ }
33
+
34
+ /* 3. 悬停状态 */
35
+ .jky-say-hello:hover {
36
+ background-color: var(--jky-say-hello-hover-bg);
13
37
  }