@keyblade/pro-components 1.4.5 → 1.4.6

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 (29) hide show
  1. package/es/index.js +22 -27
  2. package/es/pro-breadcrumb/index.js +9 -12
  3. package/es/pro-breadcrumb/pro-breadcrumb.vue.js +45 -58
  4. package/es/pro-breadcrumb/pro-breadcrumb.vue2.js +2 -2
  5. package/es/pro-breadcrumb/pro-breadcrumb.vue3.js +2 -2
  6. package/es/pro-keep-alive-router-view/index.js +7 -8
  7. package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js +18 -28
  8. package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue2.js +2 -2
  9. package/es/pro-layout/hooks.js +87 -162
  10. package/es/pro-layout/index.js +12 -23
  11. package/es/pro-layout/pro-layout.vue.js +128 -155
  12. package/es/pro-layout/pro-layout.vue2.js +2 -2
  13. package/es/pro-layout/pro-layout.vue3.js +2 -2
  14. package/es/pro-menu/index.js +8 -10
  15. package/es/pro-menu/pro-menu-item.vue.js +56 -71
  16. package/es/pro-menu/pro-menu-item.vue2.js +2 -2
  17. package/es/pro-menu/pro-menu-item.vue3.js +2 -2
  18. package/es/pro-menu/pro-menu.vue.js +31 -41
  19. package/es/pro-menu/pro-menu.vue2.js +2 -2
  20. package/es/pro-page-container/index.js +8 -10
  21. package/es/pro-page-container/pro-page-container.vue.js +27 -28
  22. package/es/pro-page-container/pro-page-container.vue2.js +2 -2
  23. package/es/pro-page-container/pro-page-container.vue3.js +2 -2
  24. package/es/pro-reuse-tabs/index.js +8 -10
  25. package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js +28 -35
  26. package/es/pro-reuse-tabs/pro-reuse-tabs.vue2.js +2 -2
  27. package/es/pro-reuse-tabs/pro-reuse-tabs.vue3.js +2 -2
  28. package/es/style.css +1 -121
  29. package/package.json +3 -2
package/es/style.css CHANGED
@@ -1,121 +1 @@
1
- .keyblade-pro-breadcrumb {
2
- margin: 16px 0;
3
- }
4
- .keyblade-pro-page-container {
5
- padding: 0 20px 20px 20px;
6
- }
7
- .keyblade-pro-layout {
8
- width: 100%;
9
- height: 100%;
10
- }
11
- .keyblade-pro-layout :global(.arco-layout-sider-trigger) {
12
- border-top: 0;
13
- }
14
- .keyblade-pro-layout-header {
15
- position: fixed;
16
- top: 0;
17
- left: 0;
18
- width: 100%;
19
- height: var(--79d837bc);
20
- z-index: 100;
21
- display: flex;
22
- align-items: center;
23
- justify-content: space-between;
24
- padding: 0 20px;
25
- background-color: var(--color-bg-2);
26
- border-bottom: 1px solid var(--color-border);
27
- transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
28
- }
29
- .keyblade-pro-layout-header-left {
30
- cursor: pointer;
31
- display: flex;
32
- align-items: center;
33
- }
34
- .keyblade-pro-layout-header-left-logo {
35
- height: 28px;
36
- }
37
- .keyblade-pro-layout-header-left-title.arco-typography {
38
- margin: 0;
39
- font-size: 18px;
40
- }
41
- .keyblade-pro-layout-sider {
42
- padding-top: var(--79d837bc);
43
- position: fixed;
44
- top: 0;
45
- left: 0;
46
- z-index: 99;
47
- height: 100%;
48
- transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
49
- }
50
- .keyblade-pro-layout-sider-content {
51
- position: relative;
52
- height: 100%;
53
- overflow: auto;
54
- }
55
- .keyblade-pro-layout-sider-collapsed-icon.arco-btn {
56
- position: absolute;
57
- right: 12px;
58
- bottom: 12px;
59
- }
60
- .keyblade-pro-layout-body {
61
- padding-top: var(--79d837bc);
62
- padding-left: var(--51986431);
63
- min-height: 100vh;
64
- overflow-y: hidden;
65
- background-color: var(--color-fill-2);
66
- transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
67
- }
68
- .keyblade-pro-layout-body-affix .arco-affix {
69
- z-index: 98;
70
- }
71
- .keyblade-pro-layout-body-footer {
72
- display: flex;
73
- align-items: center;
74
- justify-content: center;
75
- height: 40px;
76
- color: var(--color-text-2);
77
- text-align: center;
78
- }
79
- .keyblade-pro-layout-body-collapsed {
80
- padding-left: var(--2cc12c98);
81
- }
82
- .keyblade-pro-layout-side .keyblade-pro-layout-header {
83
- z-index: 98;
84
- left: var(--51986431);
85
- width: calc(100% - var(--51986431));
86
- }
87
- .keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed {
88
- left: var(--2cc12c98);
89
- width: calc(100% - var(--2cc12c98));
90
- }
91
- .keyblade-pro-layout-side .keyblade-pro-layout-sider {
92
- padding-top: 0;
93
- }
94
- .keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top {
95
- position: relative;
96
- display: flex;
97
- align-items: center;
98
- padding: 16px;
99
- cursor: pointer;
100
- transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
101
- }
102
- .keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-logo {
103
- width: 28px;
104
- height: auto;
105
- }
106
- .keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-title.arco-typography {
107
- margin: 0;
108
- font-size: 18px;
109
- }
110
- .keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-top {
111
- padding: 16px 8px;
112
- }
113
- .keyblade-pro-reuse-tabs {
114
- position: relative;
115
- background-color: var(--color-bg-2);
116
- padding: 4px 20px;
117
- }
118
- .keyblade-pro-menu-item-img {
119
- width: 14px;
120
- height: auto;
121
- }
1
+ .keyblade-pro-breadcrumb{margin:16px 0}.keyblade-pro-page-container{padding:0 20px 20px}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout :global(.arco-layout-sider-trigger){border-top:0}.keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--79d837bc);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout-header-left-logo{height:28px}.keyblade-pro-layout-header-left-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-sider{padding-top:var(--79d837bc);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout-sider-collapsed-icon.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout-body{padding-top:var(--79d837bc);padding-left:var(--51986431);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout-body-collapsed{padding-left:var(--2cc12c98)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--51986431);width:calc(100% - var(--51986431))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--2cc12c98);width:calc(100% - var(--2cc12c98))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-logo{width:28px;height:auto}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-top-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-top{padding:16px 8px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu-item-img{width:14px;height:auto}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.4.5",
5
+ "version": "1.4.6",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",
@@ -13,13 +13,14 @@
13
13
  "README.md"
14
14
  ],
15
15
  "publishConfig": {
16
+ "registry": "https://registry.npmjs.org/",
16
17
  "access": "public"
17
18
  },
18
19
  "sideEffects": [
19
20
  "*.css"
20
21
  ],
21
22
  "dependencies": {
22
- "@arco-design/web-vue": "^2.49.2",
23
+ "@arco-design/web-vue": "^2.50.0",
23
24
  "vue-router": "^4.2.4"
24
25
  },
25
26
  "peerDependencies": {