bkui-vue 0.0.1-beta.12 → 0.0.1-beta.15

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 (131) hide show
  1. package/README.md +25 -17
  2. package/README_EN.md +89 -0
  3. package/dist/bkui-vue.cjs.js +1847 -467
  4. package/dist/bkui-vue.esm.js +1842 -468
  5. package/dist/bkui-vue.umd.js +1847 -467
  6. package/dist/style.css +454 -177
  7. package/lib/alert/index.js +1 -1
  8. package/lib/animate-number/index.js +1 -1
  9. package/lib/backtop/index.js +1 -1
  10. package/lib/badge/index.js +1 -1
  11. package/lib/breadcrumb/breadcrumb.css +10 -1
  12. package/lib/breadcrumb/breadcrumb.d.ts +20 -0
  13. package/lib/breadcrumb/breadcrumb.less +13 -2
  14. package/lib/breadcrumb/breadcrumb.variable.css +10 -1
  15. package/lib/breadcrumb/index.d.ts +38 -2
  16. package/lib/breadcrumb/index.js +1 -1
  17. package/lib/button/button.d.ts +2 -2
  18. package/lib/button/index.d.ts +8 -8
  19. package/lib/button/index.js +1 -1
  20. package/lib/card/index.js +1 -1
  21. package/lib/checkbox/index.d.ts +1 -1
  22. package/lib/checkbox/index.js +1 -1
  23. package/lib/checkbox/type.d.ts +1 -1
  24. package/lib/collapse/index.js +1 -1
  25. package/lib/components.d.ts +3 -1
  26. package/lib/date-picker/index.js +1 -1
  27. package/lib/dialog/index.js +1 -1
  28. package/lib/directives/index.js +1 -1
  29. package/lib/divider/index.js +1 -1
  30. package/lib/exception/index.js +1 -1
  31. package/lib/fixed-navbar/index.js +1 -1
  32. package/lib/form/index.js +1 -1
  33. package/lib/icon/angle-down-fill.d.ts +4 -0
  34. package/lib/icon/angle-up-fill.d.ts +4 -0
  35. package/lib/icon/arrows-left.d.ts +4 -0
  36. package/lib/icon/index.d.ts +4 -0
  37. package/lib/icon/index.js +1 -1
  38. package/lib/icon/spinner.d.ts +4 -0
  39. package/lib/index.d.ts +1 -0
  40. package/lib/input/index.d.ts +19 -11
  41. package/lib/input/index.js +2 -2
  42. package/lib/input/input.css +1 -0
  43. package/lib/input/input.d.ts +5 -3
  44. package/lib/input/input.less +4 -3
  45. package/lib/input/input.variable.css +1 -0
  46. package/lib/link/index.js +1 -1
  47. package/lib/loading/index.d.ts +21 -4
  48. package/lib/loading/index.js +1 -1
  49. package/lib/loading/loading.d.ts +13 -2
  50. package/lib/menu/index.js +1 -1
  51. package/lib/message/index.js +1 -1
  52. package/lib/modal/index.js +1 -1
  53. package/lib/navigation/index.js +1 -1
  54. package/lib/notify/index.js +1 -1
  55. package/lib/notify/notifyConstructor.d.ts +2 -2
  56. package/lib/popover/index.d.ts +103 -48
  57. package/lib/popover/index.js +1 -1
  58. package/lib/popover/popover.css +22 -13
  59. package/lib/popover/popover.d.ts +30 -23
  60. package/lib/popover/popover.less +55 -45
  61. package/lib/popover/popover.variable.css +22 -13
  62. package/lib/popover/props.d.ts +77 -0
  63. package/lib/preset.d.ts +2 -3
  64. package/lib/process/index.d.ts +145 -0
  65. package/lib/process/index.js +15 -0
  66. package/lib/process/process.css +139 -0
  67. package/lib/process/process.d.ts +116 -0
  68. package/lib/process/process.less +179 -0
  69. package/lib/process/process.variable.css +225 -0
  70. package/lib/progress/index.d.ts +23 -1
  71. package/lib/progress/index.js +1 -1
  72. package/lib/progress/progress.css +0 -3
  73. package/lib/progress/progress.d.ts +17 -1
  74. package/lib/progress/progress.less +0 -4
  75. package/lib/progress/progress.variable.css +0 -3
  76. package/lib/radio/index.d.ts +2 -2
  77. package/lib/radio/index.js +1 -1
  78. package/lib/rate/index.js +1 -1
  79. package/lib/select/common.d.ts +10 -1
  80. package/lib/select/index.d.ts +133 -190
  81. package/lib/select/index.js +2 -2
  82. package/lib/select/option.d.ts +1 -7
  83. package/lib/select/optionGroup.d.ts +22 -15
  84. package/lib/select/select.css +71 -14
  85. package/lib/select/select.d.ts +40 -55
  86. package/lib/select/select.less +73 -14
  87. package/lib/select/select.variable.css +71 -14
  88. package/lib/shared/bk-helper-core.d.ts +6 -0
  89. package/lib/shared/bk-popover.d.ts +45 -4
  90. package/lib/shared/index.d.ts +10 -0
  91. package/lib/shared/index.js +1 -1
  92. package/lib/shared/utils.d.ts +6 -0
  93. package/lib/sideslider/index.js +1 -1
  94. package/lib/slider/index.js +2 -2
  95. package/lib/steps/index.d.ts +8 -8
  96. package/lib/steps/index.js +2 -2
  97. package/lib/steps/steps.d.ts +2 -2
  98. package/lib/styles/index.d.ts +2 -0
  99. package/lib/styles/index.js +1 -1
  100. package/lib/switcher/index.js +1 -1
  101. package/lib/switcher/switcher.css +149 -135
  102. package/lib/switcher/switcher.less +210 -154
  103. package/lib/switcher/switcher.variable.css +149 -135
  104. package/lib/tab/index.js +1 -1
  105. package/lib/table/index.d.ts +76 -1
  106. package/lib/table/index.js +1 -1
  107. package/lib/table/props.d.ts +38 -0
  108. package/lib/table/render.d.ts +1 -1
  109. package/lib/table/table.css +6 -4
  110. package/lib/table/table.d.ts +34 -0
  111. package/lib/table/table.less +4 -4
  112. package/lib/table/table.variable.css +6 -4
  113. package/lib/table/utils.d.ts +7 -0
  114. package/lib/tag/index.js +1 -1
  115. package/lib/tree/index.d.ts +22 -8
  116. package/lib/tree/index.js +1 -1
  117. package/lib/tree/props.d.ts +52 -0
  118. package/lib/tree/tree.css +16 -7
  119. package/lib/tree/tree.d.ts +13 -7
  120. package/lib/tree/tree.less +24 -24
  121. package/lib/tree/tree.variable.css +16 -7
  122. package/lib/tree/util.d.ts +3 -44
  123. package/lib/virtual-render/index.d.ts +395 -0
  124. package/lib/virtual-render/index.js +1 -0
  125. package/lib/virtual-render/props.d.ts +147 -0
  126. package/lib/virtual-render/v-virtual-render.d.ts +7 -0
  127. package/lib/virtual-render/virtual-render.css +40 -0
  128. package/lib/virtual-render/virtual-render.d.ts +175 -0
  129. package/lib/virtual-render/virtual-render.less +51 -0
  130. package/lib/virtual-render/virtual-render.variable.css +40 -0
  131. package/package.json +10 -6
@@ -1,7 +1,16 @@
1
1
  .bk-popover .bk-popover-reference {
2
2
  display: inline-block;
3
3
  }
4
- .bk-popover .bk-popover-content {
4
+ .bk-popover .fade-in-enter-active,
5
+ .bk-popover .fade-in-linear-leave-active {
6
+ transition: opacity 200ms linear;
7
+ }
8
+ .bk-popover .fade-in-enter,
9
+ .bk-popover .fade-in-leave,
10
+ .bk-popover .fade-in-leave-active {
11
+ opacity: 0;
12
+ }
13
+ .bk-popover-content {
5
14
  display: none;
6
15
  padding: 7px 14px;
7
16
  font-size: 12px;
@@ -10,29 +19,29 @@
10
19
  border-radius: 4px;
11
20
  box-sizing: border-box;
12
21
  }
13
- .bk-popover .bk-popover-content[data-theme='dark'] {
22
+ .bk-popover-content[data-theme^='dark'] {
14
23
  color: #fff;
15
24
  background: #26323d;
16
25
  }
17
- .bk-popover .bk-popover-content[data-theme='light'] {
26
+ .bk-popover-content[data-theme^='light'] {
18
27
  color: #26323d;
19
28
  background-color: #fff;
20
29
  box-shadow: 0 0 6px 0 #dcdee5;
21
30
  }
22
- .bk-popover .bk-popover-content[data-theme='light'][data-show] {
31
+ .bk-popover-content[data-theme^='light'][data-show] {
23
32
  box-shadow: 0 0 6px 0 #dcdee5;
24
33
  }
25
- .bk-popover .bk-popover-content[data-show] {
34
+ .bk-popover-content[data-show] {
26
35
  display: block;
27
36
  }
28
- .bk-popover .bk-popover-content .arrow {
37
+ .bk-popover-content .arrow {
29
38
  position: absolute;
30
39
  width: 8px;
31
40
  height: 8px;
32
41
  background: inherit;
33
42
  visibility: hidden;
34
43
  }
35
- .bk-popover .bk-popover-content .arrow::before {
44
+ .bk-popover-content .arrow::before {
36
45
  position: absolute;
37
46
  width: 8px;
38
47
  height: 8px;
@@ -41,15 +50,15 @@
41
50
  visibility: visible;
42
51
  transform: rotate(45deg);
43
52
  }
44
- .bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
53
+ .bk-popover-content[data-popper-placement^='top'] > .arrow {
45
54
  bottom: -4px;
46
55
  }
47
- .bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
56
+ .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
48
57
  top: -4px;
49
58
  }
50
- .bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
51
- right: 0;
59
+ .bk-popover-content[data-popper-placement^='left'] > .arrow {
60
+ right: -4px;
52
61
  }
53
- .bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
54
- left: -8px;
62
+ .bk-popover-content[data-popper-placement^='right'] > .arrow {
63
+ left: -4px;
55
64
  }
@@ -1,5 +1,3 @@
1
- import { PropType } from 'vue';
2
- import { OnFirstUpdateFnType } from '@bkui-vue/shared';
3
1
  declare const _default: import("vue").DefineComponent<{
4
2
  isShow: import("vue-types").VueTypeValidableDef<boolean> & {
5
3
  default: boolean;
@@ -13,18 +11,23 @@ declare const _default: import("vue").DefineComponent<{
13
11
  content: import("vue-types").VueTypeDef<string | number> & {
14
12
  default: string | number;
15
13
  };
14
+ transition: import("vue-types").VueTypeValidableDef<string> & {
15
+ default: string;
16
+ } & {
17
+ default: string;
18
+ };
16
19
  placement: import("vue-types").VueTypeDef<string> & {
17
20
  default: string;
18
21
  };
19
- theme: import("vue-types").VueTypeDef<string> & {
22
+ theme: import("vue-types").VueTypeValidableDef<string> & {
23
+ default: string;
24
+ } & {
20
25
  default: string;
21
26
  };
22
- handleFirstUpdate: PropType<OnFirstUpdateFnType>;
23
- /**
24
- * 触发方式
25
- * 支持 click hover manual
26
- * manual: 通过isShow控制显示、隐藏
27
- */
27
+ handleFirstUpdate: {
28
+ type: import("vue").PropType<import("@bkui-vue/shared").OnFirstUpdateFnType>;
29
+ default: () => void;
30
+ };
28
31
  trigger: import("vue-types").VueTypeValidableDef<string> & {
29
32
  default: string;
30
33
  } & {
@@ -40,28 +43,26 @@ declare const _default: import("vue").DefineComponent<{
40
43
  } & {
41
44
  default: () => unknown[];
42
45
  };
43
- }, {
44
- compStyle: import("vue").ComputedRef<{
45
- width: any;
46
- height: any;
47
- zIndex: number;
48
- }>;
49
- }, {
50
- popoverInstance: any;
51
- isPopInstance: boolean;
52
- }, {}, {
53
- handleClose(): void;
54
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
46
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
47
+ fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
48
+ default: boolean;
49
+ } & {
50
+ default: boolean;
51
+ };
52
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
55
53
  isShow?: unknown;
56
54
  width?: unknown;
57
55
  height?: unknown;
58
56
  content?: unknown;
57
+ transition?: unknown;
59
58
  placement?: unknown;
60
59
  theme?: unknown;
61
60
  handleFirstUpdate?: unknown;
62
61
  trigger?: unknown;
63
62
  arrow?: unknown;
64
63
  modifiers?: unknown;
64
+ boundary?: unknown;
65
+ fixOnBoundary?: unknown;
65
66
  } & {
66
67
  placement: string;
67
68
  modifiers: unknown[];
@@ -72,9 +73,12 @@ declare const _default: import("vue").DefineComponent<{
72
73
  trigger: string;
73
74
  arrow: boolean;
74
75
  isShow: boolean;
76
+ transition: string;
77
+ handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
78
+ fixOnBoundary: boolean;
75
79
  } & {
76
- handleFirstUpdate?: OnFirstUpdateFnType;
77
- }> & {}, {
80
+ boundary?: string | HTMLElement;
81
+ }> & ({} | {}), {
78
82
  placement: string;
79
83
  modifiers: unknown[];
80
84
  width: string | number;
@@ -84,5 +88,8 @@ declare const _default: import("vue").DefineComponent<{
84
88
  trigger: string;
85
89
  arrow: boolean;
86
90
  isShow: boolean;
91
+ transition: string;
92
+ handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
93
+ fixOnBoundary: boolean;
87
94
  }>;
88
95
  export default _default;
@@ -5,66 +5,76 @@
5
5
  display: inline-block;
6
6
  }
7
7
 
8
- .bk-popover-content {
9
- display: none;
10
- padding: 7px 14px;
11
- font-size: 12px;
8
+ .fade-in-enter-active,
9
+ .fade-in-linear-leave-active {
10
+ transition: opacity 200ms linear;
11
+ }
12
+ .fade-in-enter,
13
+ .fade-in-leave,
14
+ .fade-in-leave-active {
15
+ opacity: 0;
16
+ }
17
+ }
18
+
19
+ .bk-popover-content {
20
+ display: none;
21
+ padding: 7px 14px;
22
+ font-size: 12px;
23
+ color: #fff;
24
+ background: #26323d;
25
+ border-radius: 4px;
26
+ box-sizing: border-box;
27
+
28
+ &[data-theme^='dark'] {
12
29
  color: #fff;
13
30
  background: #26323d;
14
- border-radius: 4px;
15
- box-sizing: border-box;
31
+ }
16
32
 
17
- &[data-theme='dark'] {
18
- color: #fff;
19
- background: #26323d;
20
- }
33
+ &[data-theme^='light'] {
34
+ color: #26323d;
35
+ background-color: #fff;
36
+ box-shadow: 0 0 6px 0 #dcdee5;
21
37
 
22
- &[data-theme='light'] {
23
- color: #26323d;
24
- background-color: #fff;
38
+ &[data-show] {
25
39
  box-shadow: 0 0 6px 0 #dcdee5;
26
-
27
- &[data-show] {
28
- box-shadow: 0 0 6px 0 #dcdee5;
29
- }
30
40
  }
41
+ }
31
42
 
32
- &[data-show] {
33
- display: block;
34
- }
43
+ &[data-show] {
44
+ display: block;
45
+ }
46
+
47
+ .arrow {
48
+ position: absolute;
49
+ width: 8px;
50
+ height: 8px;
51
+ background: inherit;
52
+ visibility: hidden;
35
53
 
36
- .arrow {
54
+ &::before {
37
55
  position: absolute;
38
56
  width: 8px;
39
57
  height: 8px;
40
58
  background: inherit;
41
- visibility: hidden;
42
-
43
- &::before {
44
- position: absolute;
45
- width: 8px;
46
- height: 8px;
47
- background: inherit;
48
- content: '';
49
- visibility: visible;
50
- transform: rotate(45deg);
51
- }
59
+ content: '';
60
+ visibility: visible;
61
+ transform: rotate(45deg);
52
62
  }
63
+ }
53
64
 
54
- &[data-popper-placement^='top'] > .arrow {
55
- bottom: -4px;
56
- }
65
+ &[data-popper-placement^='top'] > .arrow {
66
+ bottom: -4px;
67
+ }
57
68
 
58
- &[data-popper-placement^='bottom'] > .arrow {
59
- top: -4px;
60
- }
69
+ &[data-popper-placement^='bottom'] > .arrow {
70
+ top: -4px;
71
+ }
61
72
 
62
- &[data-popper-placement^='left'] > .arrow {
63
- right: 0;
64
- }
73
+ &[data-popper-placement^='left'] > .arrow {
74
+ right: -4px;
75
+ }
65
76
 
66
- &[data-popper-placement^='right'] > .arrow {
67
- left: -8px;
68
- }
77
+ &[data-popper-placement^='right'] > .arrow {
78
+ left: -4px;
69
79
  }
70
- }
80
+ }
@@ -87,7 +87,16 @@
87
87
  .bk-popover .bk-popover-reference {
88
88
  display: inline-block;
89
89
  }
90
- .bk-popover .bk-popover-content {
90
+ .bk-popover .fade-in-enter-active,
91
+ .bk-popover .fade-in-linear-leave-active {
92
+ transition: opacity 200ms linear;
93
+ }
94
+ .bk-popover .fade-in-enter,
95
+ .bk-popover .fade-in-leave,
96
+ .bk-popover .fade-in-leave-active {
97
+ opacity: 0;
98
+ }
99
+ .bk-popover-content {
91
100
  display: none;
92
101
  padding: 7px 14px;
93
102
  font-size: 12px;
@@ -96,29 +105,29 @@
96
105
  border-radius: 4px;
97
106
  box-sizing: border-box;
98
107
  }
99
- .bk-popover .bk-popover-content[data-theme='dark'] {
108
+ .bk-popover-content[data-theme^='dark'] {
100
109
  color: #fff;
101
110
  background: #26323d;
102
111
  }
103
- .bk-popover .bk-popover-content[data-theme='light'] {
112
+ .bk-popover-content[data-theme^='light'] {
104
113
  color: #26323d;
105
114
  background-color: #fff;
106
115
  box-shadow: 0 0 6px 0 #dcdee5;
107
116
  }
108
- .bk-popover .bk-popover-content[data-theme='light'][data-show] {
117
+ .bk-popover-content[data-theme^='light'][data-show] {
109
118
  box-shadow: 0 0 6px 0 #dcdee5;
110
119
  }
111
- .bk-popover .bk-popover-content[data-show] {
120
+ .bk-popover-content[data-show] {
112
121
  display: block;
113
122
  }
114
- .bk-popover .bk-popover-content .arrow {
123
+ .bk-popover-content .arrow {
115
124
  position: absolute;
116
125
  width: 8px;
117
126
  height: 8px;
118
127
  background: inherit;
119
128
  visibility: hidden;
120
129
  }
121
- .bk-popover .bk-popover-content .arrow::before {
130
+ .bk-popover-content .arrow::before {
122
131
  position: absolute;
123
132
  width: 8px;
124
133
  height: 8px;
@@ -127,15 +136,15 @@
127
136
  visibility: visible;
128
137
  transform: rotate(45deg);
129
138
  }
130
- .bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
139
+ .bk-popover-content[data-popper-placement^='top'] > .arrow {
131
140
  bottom: -4px;
132
141
  }
133
- .bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
142
+ .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
134
143
  top: -4px;
135
144
  }
136
- .bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
137
- right: 0;
145
+ .bk-popover-content[data-popper-placement^='left'] > .arrow {
146
+ right: -4px;
138
147
  }
139
- .bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
140
- left: -8px;
148
+ .bk-popover-content[data-popper-placement^='right'] > .arrow {
149
+ left: -4px;
141
150
  }
@@ -0,0 +1,77 @@
1
+ import { ExtractPropTypes, PropType } from 'vue';
2
+ import { OnFirstUpdateFnType } from '@bkui-vue/shared';
3
+ export declare const PopoverProps: {
4
+ isShow: import("vue-types").VueTypeValidableDef<boolean> & {
5
+ default: boolean;
6
+ };
7
+ width: import("vue-types").VueTypeDef<string | number> & {
8
+ default: string | number;
9
+ };
10
+ height: import("vue-types").VueTypeDef<string | number> & {
11
+ default: string | number;
12
+ };
13
+ content: import("vue-types").VueTypeDef<string | number> & {
14
+ default: string | number;
15
+ };
16
+ /**
17
+ * 动画展示方式
18
+ */
19
+ transition: import("vue-types").VueTypeValidableDef<string> & {
20
+ default: string;
21
+ } & {
22
+ default: string;
23
+ };
24
+ /**
25
+ * 展示位置
26
+ */
27
+ placement: import("vue-types").VueTypeDef<string> & {
28
+ default: string;
29
+ };
30
+ theme: import("vue-types").VueTypeValidableDef<string> & {
31
+ default: string;
32
+ } & {
33
+ default: string;
34
+ };
35
+ /**
36
+ * handleFirstUpdate
37
+ */
38
+ handleFirstUpdate: {
39
+ type: PropType<OnFirstUpdateFnType>;
40
+ default: () => void;
41
+ };
42
+ /**
43
+ * 触发方式
44
+ * 支持 click hover manual
45
+ * manual: 通过isShow控制显示、隐藏
46
+ */
47
+ trigger: import("vue-types").VueTypeValidableDef<string> & {
48
+ default: string;
49
+ } & {
50
+ default: string;
51
+ };
52
+ arrow: import("vue-types").VueTypeValidableDef<boolean> & {
53
+ default: boolean;
54
+ } & {
55
+ default: boolean;
56
+ };
57
+ modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
58
+ default: () => unknown[];
59
+ } & {
60
+ default: () => unknown[];
61
+ };
62
+ /**
63
+ * 弹出内容绑定元素
64
+ */
65
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
66
+ /**
67
+ * 如果设置了boundary为指定DOM,此配置项生效
68
+ * 是否将弹出内容固定到目标元素位置
69
+ * 例如:boundary = document.body, fixOnBoundary = true,则弹出内容会一直固定到body
70
+ */
71
+ fixOnBoundary: import("vue-types").VueTypeValidableDef<boolean> & {
72
+ default: boolean;
73
+ } & {
74
+ default: boolean;
75
+ };
76
+ };
77
+ export declare type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;
package/lib/preset.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import { App } from 'vue';
2
2
  declare const _default: {
3
- createInstall: (prefix?: string) => (app: App<any>) => App<any>[];
4
- componentPrefix: string;
5
- install: (app: App<any>) => App<any>[];
3
+ createInstall: (prefix?: string) => (app: App<any>) => void;
4
+ install: (app: App<any>) => void;
6
5
  version: string;
7
6
  };
8
7
  export default _default;
@@ -0,0 +1,145 @@
1
+ declare const BkSteps: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ list: unknown[];
7
+ extCls: string;
8
+ controllable: boolean;
9
+ showSteps: boolean;
10
+ curProcess: number;
11
+ displayKey: string;
12
+ }> & Omit<Readonly<{
13
+ list?: unknown;
14
+ controllable?: unknown;
15
+ showSteps?: unknown;
16
+ curProcess?: unknown;
17
+ displayKey?: unknown;
18
+ extCls?: unknown;
19
+ } & {
20
+ list: unknown[];
21
+ extCls: string;
22
+ controllable: boolean;
23
+ showSteps: boolean;
24
+ curProcess: number;
25
+ displayKey: string;
26
+ } & {}> & {
27
+ onClick?: (...args: any[]) => any;
28
+ "onUpdate:curProcess"?: (...args: any[]) => any;
29
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "extCls" | "controllable" | "showSteps" | "curProcess" | "displayKey">;
30
+ $attrs: {
31
+ [x: string]: unknown;
32
+ };
33
+ $refs: {
34
+ [x: string]: unknown;
35
+ };
36
+ $slots: Readonly<{
37
+ [name: string]: import("vue").Slot;
38
+ }>;
39
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
40
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
41
+ $emit: (event: "click" | "update:curProcess", ...args: any[]) => void;
42
+ $el: any;
43
+ $options: import("vue").ComponentOptionsBase<Readonly<{
44
+ list?: unknown;
45
+ controllable?: unknown;
46
+ showSteps?: unknown;
47
+ curProcess?: unknown;
48
+ displayKey?: unknown;
49
+ extCls?: unknown;
50
+ } & {
51
+ list: unknown[];
52
+ extCls: string;
53
+ controllable: boolean;
54
+ showSteps: boolean;
55
+ curProcess: number;
56
+ displayKey: string;
57
+ } & {}> & {
58
+ onClick?: (...args: any[]) => any;
59
+ "onUpdate:curProcess"?: (...args: any[]) => any;
60
+ }, {
61
+ defaultProcessList: import("vue").Ref<any[]>;
62
+ paddingBottom: import("vue").Ref<number>;
63
+ jumpTo: (index: any) => Promise<void>;
64
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], string, {
65
+ list: unknown[];
66
+ extCls: string;
67
+ controllable: boolean;
68
+ showSteps: boolean;
69
+ curProcess: number;
70
+ displayKey: string;
71
+ }> & {
72
+ beforeCreate?: (() => void) | (() => void)[];
73
+ created?: (() => void) | (() => void)[];
74
+ beforeMount?: (() => void) | (() => void)[];
75
+ mounted?: (() => void) | (() => void)[];
76
+ beforeUpdate?: (() => void) | (() => void)[];
77
+ updated?: (() => void) | (() => void)[];
78
+ activated?: (() => void) | (() => void)[];
79
+ deactivated?: (() => void) | (() => void)[];
80
+ beforeDestroy?: (() => void) | (() => void)[];
81
+ beforeUnmount?: (() => void) | (() => void)[];
82
+ destroyed?: (() => void) | (() => void)[];
83
+ unmounted?: (() => void) | (() => void)[];
84
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
85
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
86
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
87
+ };
88
+ $forceUpdate: () => void;
89
+ $nextTick: typeof import("vue").nextTick;
90
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
91
+ } & Readonly<{
92
+ list?: unknown;
93
+ controllable?: unknown;
94
+ showSteps?: unknown;
95
+ curProcess?: unknown;
96
+ displayKey?: unknown;
97
+ extCls?: unknown;
98
+ } & {
99
+ list: unknown[];
100
+ extCls: string;
101
+ controllable: boolean;
102
+ showSteps: boolean;
103
+ curProcess: number;
104
+ displayKey: string;
105
+ } & {}> & {
106
+ onClick?: (...args: any[]) => any;
107
+ "onUpdate:curProcess"?: (...args: any[]) => any;
108
+ } & import("vue").ShallowUnwrapRef<{
109
+ defaultProcessList: import("vue").Ref<any[]>;
110
+ paddingBottom: import("vue").Ref<number>;
111
+ jumpTo: (index: any) => Promise<void>;
112
+ }> & {} & {} & import("vue").ComponentCustomProperties;
113
+ __isFragment?: never;
114
+ __isTeleport?: never;
115
+ __isSuspense?: never;
116
+ } & import("vue").ComponentOptionsBase<Readonly<{
117
+ list?: unknown;
118
+ controllable?: unknown;
119
+ showSteps?: unknown;
120
+ curProcess?: unknown;
121
+ displayKey?: unknown;
122
+ extCls?: unknown;
123
+ } & {
124
+ list: unknown[];
125
+ extCls: string;
126
+ controllable: boolean;
127
+ showSteps: boolean;
128
+ curProcess: number;
129
+ displayKey: string;
130
+ } & {}> & {
131
+ onClick?: (...args: any[]) => any;
132
+ "onUpdate:curProcess"?: (...args: any[]) => any;
133
+ }, {
134
+ defaultProcessList: import("vue").Ref<any[]>;
135
+ paddingBottom: import("vue").Ref<number>;
136
+ jumpTo: (index: any) => Promise<void>;
137
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], "click" | "update:curProcess", {
138
+ list: unknown[];
139
+ extCls: string;
140
+ controllable: boolean;
141
+ showSteps: boolean;
142
+ curProcess: number;
143
+ displayKey: string;
144
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
145
+ export default BkSteps;
@@ -0,0 +1,15 @@
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).bkuiVue={},t.Vue,t.Shared,t["@bkui-vue/icon/icons"])}(this,(function(t,e,r,n){"use strict";function o(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var i={exports:{}};!function(t){t.exports=function(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t},t.exports.__esModule=!0,t.exports.default=t.exports}(i);var a=o(i.exports),c={exports:{}},s={exports:{}},u={exports:{}};!function(t){t.exports=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n},t.exports.__esModule=!0,t.exports.default=t.exports}(u),function(t){var e=u.exports;t.exports=function(t){if(Array.isArray(t))return e(t)},t.exports.__esModule=!0,t.exports.default=t.exports}(s);var l={exports:{}};!function(t){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.__esModule=!0,t.exports.default=t.exports}(l);var f={exports:{}};!function(t){var e=u.exports;t.exports=function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}},t.exports.__esModule=!0,t.exports.default=t.exports}(f);var p={exports:{}};!function(t){t.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},t.exports.__esModule=!0,t.exports.default=t.exports}(p),function(t){var e=s.exports,r=l.exports,n=f.exports,o=p.exports;t.exports=function(t){return e(t)||r(t)||n(t)||o()},t.exports.__esModule=!0,t.exports.default=t.exports}(c);var h=o(c.exports),d={exports:{}};!function(t){var e=function(t){var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),a=new O(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===h)throw new Error("Generator is already running");if(n===d){if("throw"===o)throw i;return N()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=E(a,r);if(c){if(c===y)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=h;var s=l(t,e,r);if("normal"===s.type){if(n=r.done?d:p,s.arg===y)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=d,r.method="throw",r.arg=s.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=u;var f="suspendedStart",p="suspendedYield",h="executing",d="completed",y={};function v(){}function g(){}function x(){}var m={};s(m,i,(function(){return this}));var b=Object.getPrototypeOf,w=b&&b(b(T([])));w&&w!==r&&n.call(w,i)&&(m=w);var _=x.prototype=v.prototype=Object.create(m);function L(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function P(t,e){function r(o,i,a,c){var s=l(t[o],t,i);if("throw"!==s.type){var u=s.arg,f=u.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){u.value=t,a(u)}),(function(t){return r("throw",t,a,c)}))}c(s.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function E(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,E(t,r),"throw"===r.method))return y;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,y;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function j(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function O(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(j,this),this.reset(!0)}function T(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:N}}function N(){return{value:e,done:!0}}return g.prototype=x,s(_,"constructor",x),s(x,"constructor",g),g.displayName=s(x,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,x):(t.__proto__=x,s(t,c,"GeneratorFunction")),t.prototype=Object.create(_),t},t.awrap=function(t){return{__await:t}},L(P.prototype),s(P.prototype,a,(function(){return this})),t.AsyncIterator=P,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new P(u(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(_),s(_,c,"Generator"),s(_,i,(function(){return this})),s(_,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=T,O.prototype={constructor:O,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(s&&u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:T(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),y}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}}(d);var y=d.exports;
2
+ /*! *****************************************************************************
3
+ Copyright (c) Microsoft Corporation.
4
+
5
+ Permission to use, copy, modify, and/or distribute this software for any
6
+ purpose with or without fee is hereby granted.
7
+
8
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
9
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
10
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
11
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
12
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
+ PERFORMANCE OF THIS SOFTWARE.
15
+ ***************************************************************************** */function v(t,e,r,n){return new(r||(r=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n.throw(t))}catch(t){i(t)}}function s(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(a,c)}s((n=n.apply(t,e||[])).next())}))}var g={list:r.PropTypes.array.def([]),controllable:r.PropTypes.bool.def(!1),showSteps:r.PropTypes.bool.def(!1),curProcess:r.PropTypes.number.def(0),displayKey:r.PropTypes.string.def("content"),extCls:r.PropTypes.string},x=e.defineComponent({name:"BKProcess",props:g,emits:["update:curProcess","click"],setup:function(t,r){var n=this,o=r.emit,i=e.ref([]),a=e.ref(0);return e.onMounted((function(){var e,r,n;((e=i.value).splice.apply(e,[0,i.value.length].concat([{content:"步骤1"},{content:"步骤2"},{content:"步骤3"},{content:"步骤4"},{content:"步骤5"}])),console.log("props.list",t.list),null===(r=t.list)||void 0===r?void 0:r.length)&&(n=i.value).splice.apply(n,[0,i.value.length].concat(h(t.list)))})),{defaultProcessList:i,paddingBottom:a,jumpTo:function(e){return v(n,void 0,void 0,y.mark((function r(){return y.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:console.log(e);try{t.controllable&&e!==t.curProcess&&(console.log(t.curProcess),o("update:curProcess",e),console.log(t.curProcess),o("click",e))}catch(t){console.warn(t)}case 2:case"end":return r.stop()}}),r)})))}}},render:function(){var t=this,o=r.classes(a({},"".concat(this.extCls),!!this.extCls),"".concat("bk-process")),i=function(t){return"loading"===t.status},c=function(t){return t.icon?t.icon:""},s=function(r,o){return r===t.curProcess-1&&i(o)?e.createVNode(n.Circle,{class:"bk-icon bk-process-icon icon-loading"},null):function(t){return"error"===t.status}(o)?e.createVNode(n.Error,{class:"bk-process-icon"},null):function(e){return t.curProcess>=e+1||"done"===t.defaultProcessList[e].status}(r)?e.createVNode(n.Done,{class:"bk-process-icon-done"},null):e.createVNode("span",{class:"number"},[c(o)])};return e.createVNode("div",{class:o},[e.createVNode("ul",{style:{paddingBottom:"".concat(this.paddingBottom,"px")}},[this.defaultProcessList.map((function(r,n){return e.createVNode("li",{onClick:function(){t.jumpTo(n+1)},style:{cursor:t.controllable?"pointer":""},class:{success:t.curProcess>=n+1,current:i(r)&&n===t.curProcess-1}},[r[t.displayKey],s(n,r)])}))])])}}),m=r.withInstall(x);t.default=m,Object.defineProperty(t,"__esModule",{value:!0})}));