bkui-vue 0.0.1-beta.45 → 0.0.1-beta.48

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 (72) hide show
  1. package/dist/index.cjs.js +27 -27
  2. package/dist/index.esm.js +698 -319
  3. package/dist/index.umd.js +28 -28
  4. package/dist/style.css +1 -1
  5. package/lib/button/index.js +1 -1
  6. package/lib/checkbox/checkbox.css +12 -0
  7. package/lib/checkbox/checkbox.d.ts +5 -11
  8. package/lib/checkbox/checkbox.less +17 -0
  9. package/lib/checkbox/checkbox.variable.css +12 -0
  10. package/lib/checkbox/common.d.ts +3 -3
  11. package/lib/checkbox/index.d.ts +10 -18
  12. package/lib/checkbox/index.js +1 -1
  13. package/lib/checkbox/type.d.ts +2 -6
  14. package/lib/dialog/dialog.d.ts +89 -17
  15. package/lib/dialog/index.d.ts +191 -36
  16. package/lib/dialog/index.js +1 -1
  17. package/lib/form/compose-form-item.d.ts +16 -0
  18. package/lib/form/form.css +73 -12
  19. package/lib/form/form.less +120 -46
  20. package/lib/form/form.variable.css +167 -12
  21. package/lib/form/index.d.ts +17 -1
  22. package/lib/form/index.js +1 -1
  23. package/lib/icon/funnel.d.ts +4 -0
  24. package/lib/icon/funnel.js +1 -0
  25. package/lib/icon/index.d.ts +1 -0
  26. package/lib/icon/index.js +1 -1
  27. package/lib/loading/index.js +1 -1
  28. package/lib/modal/index.d.ts +149 -1
  29. package/lib/modal/index.js +1 -1
  30. package/lib/modal/modal.css +20 -0
  31. package/lib/modal/modal.d.ts +58 -0
  32. package/lib/modal/modal.less +25 -0
  33. package/lib/modal/modal.variable.css +20 -0
  34. package/lib/modal/props.mixin.d.ts +26 -0
  35. package/lib/popover/index.d.ts +33 -2
  36. package/lib/popover/index.js +1 -1
  37. package/lib/popover/popover.d.ts +16 -1
  38. package/lib/popover/props.d.ts +12 -0
  39. package/lib/radio/common.d.ts +5 -5
  40. package/lib/radio/index.d.ts +17 -16
  41. package/lib/radio/index.js +1 -1
  42. package/lib/radio/radio-button.d.ts +5 -4
  43. package/lib/radio/radio.css +2 -2
  44. package/lib/radio/radio.d.ts +4 -4
  45. package/lib/radio/radio.less +2 -2
  46. package/lib/radio/radio.variable.css +2 -2
  47. package/lib/radio/type.d.ts +9 -4
  48. package/lib/rate/index.js +1 -1
  49. package/lib/sideslider/index.d.ts +123 -1
  50. package/lib/sideslider/index.js +1 -1
  51. package/lib/sideslider/sideslider.d.ts +58 -0
  52. package/lib/slider/index.js +1 -1
  53. package/lib/switcher/switcher.less +2 -0
  54. package/lib/tab/index.d.ts +1 -1
  55. package/lib/tab/tab-panel.d.ts +1 -1
  56. package/lib/table/index.js +1 -1
  57. package/lib/table/plugins/head-filter.css +68 -0
  58. package/lib/table/plugins/head-filter.less +83 -0
  59. package/lib/table/plugins/head-filter.variable.css +162 -0
  60. package/lib/table/plugins/head-sort.css +22 -0
  61. package/lib/table/plugins/head-sort.less +28 -0
  62. package/lib/table/plugins/head-sort.variable.css +116 -0
  63. package/lib/table/props.d.ts +8 -1
  64. package/lib/table/render.d.ts +10 -15
  65. package/lib/table/table.css +94 -26
  66. package/lib/table/table.less +9 -28
  67. package/lib/table/table.variable.css +108 -40
  68. package/lib/table/utils.d.ts +10 -1
  69. package/package.json +30 -16
  70. package/lib/dialog/dialog.css +0 -68
  71. package/lib/dialog/dialog.less +0 -80
  72. package/lib/dialog/dialog.variable.css +0 -68
package/lib/form/form.less CHANGED
@@ -1,64 +1,138 @@
1
- .bk-form {
1
+ @import '../styles/themes/themes.less';
2
+
3
+ .@{bk-prefix}-form {
2
4
  text-align: left;
3
5
 
4
- .bk-form-item {
5
- display: flex;
6
- margin-bottom: 24px;
6
+ &--vertical {
7
+ .@{bk-prefix}-form-item {
8
+ flex-direction: column;
9
+ }
7
10
 
8
- &.is-required {
9
- .bk-form-label {
10
- &:after {
11
- position: absolute;
12
- width: 14px;
13
- line-height: 32px;
14
- color: #ea3636;
15
- text-align: center;
16
- content: '*';
17
- }
18
- }
11
+ .@{bk-prefix}-form-label {
12
+ width: auto;
13
+ padding-right: 0;
14
+ text-align: left;
15
+ }
16
+
17
+ .@{bk-prefix}-form-content {
18
+ text-align: left;
19
19
  }
20
20
  }
21
+ }
21
22
 
22
- .bk-form-label {
23
- position: relative;
24
- width: 150px;
25
- padding-right: 24px;
26
- font-size: 14px;
27
- font-weight: normal;
28
- line-height: 32px;
29
- color: #63656e;
30
- text-align: right;
23
+ .@{bk-prefix}-form-item {
24
+ display: flex;
25
+ margin-bottom: 24px;
26
+
27
+ &.is-required {
28
+ .@{bk-prefix}-form-label {
29
+ &:after {
30
+ position: absolute;
31
+ width: 14px;
32
+ line-height: 32px;
33
+ color: #ea3636;
34
+ text-align: center;
35
+ content: '*';
36
+ }
37
+ }
31
38
  }
39
+ }
32
40
 
33
- .bk-form-content {
34
- position: relative;
35
- line-height: 32px;
41
+ .@{bk-prefix}-form-label {
42
+ position: relative;
43
+ width: 150px;
44
+ padding-right: 24px;
45
+ font-size: 14px;
46
+ font-weight: normal;
47
+ line-height: 32px;
48
+ color: #63656e;
49
+ text-align: right;
50
+ }
51
+
52
+ .@{bk-prefix}-form-content {
53
+ position: relative;
54
+ line-height: 32px;
55
+ }
56
+
57
+ .@{bk-prefix}-form-error {
58
+ position: absolute;
59
+ left: 0;
60
+ padding-top: 4px;
61
+ font-size: 12px;
62
+ line-height: 1;
63
+ color: #ea3636;
64
+ text-align: left;
65
+
66
+ }
67
+
68
+ .@{bk-prefix}-compose-form-item {
69
+ display: inline-block;
70
+ display: inline-block;
71
+
72
+ & > .bk-input,
73
+ & > .bk-select,
74
+ & > .bk-cascade,
75
+ & > .bk-color-picker,
76
+ & > .bk-date-picker,
77
+ & > .bk-tag-input,
78
+ & > .bk-tag-selector,
79
+ & > .bk-search-select {
80
+ float: left;
81
+ width: auto;
82
+ margin-left: -1px;
36
83
  }
37
84
 
38
- .bk-form-error {
39
- position: absolute;
40
- left: 0;
41
- padding-top: 4px;
42
- font-size: 12px;
43
- line-height: 1;
44
- color: #ea3636;
45
- text-align: left;
46
-
85
+ .bk-input,
86
+ .bk-form-password,
87
+ .bk-form-textarea,
88
+ .bk-select,
89
+ .bk-cascade,
90
+ .bk-color-picker,
91
+ .bk-date-picker .bk-date-picker-editor,
92
+ .bk-tag-input,
93
+ .bk-search-select {
94
+ border-radius: 0;
47
95
  }
48
96
 
49
- &--vertical {
50
- .bk-form-item {
51
- flex-direction: column;
52
- }
97
+ .bk-input.control-active,
98
+ .bk-select.is-focus,
99
+ .bk-cascade.is-focus,
100
+ .bk-color-picker.bk-color-picker-show-dropdown,
101
+ .bk-color-picker:hover,
102
+ .bk-date-picker .bk-date-picker-editor:focus,
103
+ .bk-tag-input.active,
104
+ .bk-tag-selector,
105
+ .bk-search-select.is-focus {
106
+ z-index: 1;
107
+ opacity: 1;
108
+ }
53
109
 
54
- .bk-form-label {
55
- width: auto;
56
- padding-right: 0;
57
- text-align: left;
110
+ .bk-compose-form-item-head {
111
+ &.bk-input,
112
+ &.bk-select,
113
+ &.bk-cascade,
114
+ &.bk-color-picker,
115
+ &.bk-date-picker .bk-date-picker-editor,
116
+ &.bk-tag-input,
117
+ &.bk-tag-input,
118
+ &.bk-search-select {
119
+ margin-left: 0;
120
+ border-top-right-radius: 0px;
121
+ border-bottom-right-radius: 0px;
58
122
  }
123
+ }
59
124
 
60
- .bk-form-content {
61
- text-align: left;
125
+ .bk-compose-form-item-tail {
126
+ &.bk-input,
127
+ &.bk-select,
128
+ &.bk-cascade,
129
+ &.bk-color-picker,
130
+ &.bk-date-picker,
131
+ &.bk-tag-input,
132
+ &.bk-tag-input,
133
+ &.bk-search-select {
134
+ border-top-right-radius: 2px;
135
+ border-bottom-right-radius: 2px;
62
136
  }
63
137
  }
64
138
  }
package/lib/form/form.variable.css CHANGED
@@ -1,11 +1,116 @@
1
+ :root {
2
+ --bk-prefix: bk;
3
+ --popover-max-height: 216px;
4
+ --primary-color: #3a84ff;
5
+ --success-color: #2dcb56;
6
+ --warning-color: #ff9c01;
7
+ --danger-color: #ea3636;
8
+ --default-color: #63656e;
9
+ --gray-color: #979ba5;
10
+ --light-gray: #c4c6cc;
11
+ --white-color: white;
12
+ --disable-color: #dcdee5;
13
+ --font-size-base: 12px;
14
+ --font-size-medium: 14px;
15
+ --font-size-large: 16px;
16
+ --line-height-base: 16px;
17
+ --line-height-medium: 16px;
18
+ --line-height-large: 18px;
19
+ --component-size-small: 26px;
20
+ --component-size-base: 32px;
21
+ --component-size-large: 38px;
22
+ --border-width-base: 1px;
23
+ --border-style-base: solid;
24
+ --border-radius-base: 2px;
25
+ --input-disabled-bg: #fafbfd;
26
+ --input-disabled-border: var(--disable-color);
27
+ --input-height-base: var(--component-size-base);
28
+ --input-color: var(--default-color);
29
+ --input-bg: white;
30
+ --input-border-color: var(--light-gray);
31
+ --input-broder-radius: 3px;
32
+ --input-shadow-color: #a3c5fd;
33
+ --input-horizontal-padding: 10px;
34
+ --input-block-color: #f4f6fa;
35
+ --input-icon-size: var(--font-size-large);
36
+ --input-maxlength-color: #979ba5;
37
+ --button-primary-hover-color: #5594fa;
38
+ --button-danger-hover-color: #ff5656;
39
+ --button-success-hover-color: #45e35f;
40
+ --button-warning-hover-color: #ffb848;
41
+ --button-default-hover-border-color: #979ba5;
42
+ --button-primary-active-color: #2c77f4;
43
+ --button-danger-active-color: #db2626;
44
+ --button-success-active-color: #1ab943;
45
+ --button-warning-active-color: #eb9000;
46
+ --fixed-navbar-background: #fff;
47
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
48
+ --switch-default-color: #fff;
49
+ --switch-grey-color: #c4c6cc;
50
+ --breadcrumb-black-color: #979ba5;
51
+ --breadcrumb-primary-hover-color: #0082ff;
52
+ --breadcrumb-fn-main-color: #63656e;
53
+ --link-default-hover-color: #979ba5;
54
+ --link-primary-hover-color: #699df4;
55
+ --link-success-hover-color: #45e35f;
56
+ --link-warning-hover-color: #ffb848;
57
+ --link-danger-hover-color: #ff5656;
58
+ --link-default-disabled-color: #dcdee5;
59
+ --link-primary-disabled-color: #a3c5fd;
60
+ --link-success-disabled-color: #94f5a4;
61
+ --link-warning-disabled-color: #ffd695;
62
+ --link-danger-disabled-color: #fd9c9c;
63
+ --message-color: var(--default-color);
64
+ --message-primary-bg-color: #f0f8ff;
65
+ --message-primary-border-color: #e1ecff;
66
+ --message-warning-bg-color: #fff4e2;
67
+ --message-warning-border-color: #ffe8c3;
68
+ --message-success-bg-color: #f2fff4;
69
+ --message-success-border-color: #dcffe2;
70
+ --message-danger-bg-color: #ffeded;
71
+ --message-danger-border-color: #ffdddd;
72
+ --slider-default-bg: #dcdee5;
73
+ --slider-disable-bar-bg: #979ba5;
74
+ --menu-bg-color: #182132;
75
+ --submenu-bg-color: #151d2c;
76
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
77
+ --menu-color: #96a2b9;
78
+ --menu-group-color: var(--default-color);
79
+ --menu-width: 260px;
80
+ --menu-collapse-width: 60px;
81
+ --menu-active-color: white;
82
+ --nav-header-bg-color: #182132;
83
+ --nav-bg-color: #182132;
84
+ --date-picker-disabled-bg: #fafbfd;
85
+ --date-picker-dropdown-mb: 4px;
86
+ --date-picker-dropdown-bg: #fff;
87
+ --table-bg-color: var(--white-color);
88
+ --table-border-color: #dcdee5;
89
+ --table-head-bg-color: #fafbfd;
90
+ --table-head-font-color: #313238;
91
+ --table-body-font-color: #575961;
92
+ --table-row-hover-bg-color: #f5f7fa;
93
+ --table-row-active-bg-color: #f0f1f5;
94
+ }
1
95
  .bk-form {
2
96
  text-align: left;
3
97
  }
4
- .bk-form .bk-form-item {
98
+ .bk-form--vertical .bk-form-item {
99
+ flex-direction: column;
100
+ }
101
+ .bk-form--vertical .bk-form-label {
102
+ width: auto;
103
+ padding-right: 0;
104
+ text-align: left;
105
+ }
106
+ .bk-form--vertical .bk-form-content {
107
+ text-align: left;
108
+ }
109
+ .bk-form-item {
5
110
  display: flex;
6
111
  margin-bottom: 24px;
7
112
  }
8
- .bk-form .bk-form-item.is-required .bk-form-label:after {
113
+ .bk-form-item.is-required .bk-form-label:after {
9
114
  position: absolute;
10
115
  width: 14px;
11
116
  line-height: 32px;
@@ -13,7 +118,7 @@
13
118
  text-align: center;
14
119
  content: '*';
15
120
  }
16
- .bk-form .bk-form-label {
121
+ .bk-form-label {
17
122
  position: relative;
18
123
  width: 150px;
19
124
  padding-right: 24px;
@@ -23,11 +128,11 @@
23
128
  color: #63656e;
24
129
  text-align: right;
25
130
  }
26
- .bk-form .bk-form-content {
131
+ .bk-form-content {
27
132
  position: relative;
28
133
  line-height: 32px;
29
134
  }
30
- .bk-form .bk-form-error {
135
+ .bk-form-error {
31
136
  position: absolute;
32
137
  left: 0;
33
138
  padding-top: 4px;
@@ -36,14 +141,64 @@
36
141
  color: #ea3636;
37
142
  text-align: left;
38
143
  }
39
- .bk-form--vertical .bk-form-item {
40
- flex-direction: column;
144
+ .bk-compose-form-item {
145
+ display: inline-block;
41
146
  }
42
- .bk-form--vertical .bk-form-label {
147
+ .bk-compose-form-item > .bk-input,
148
+ .bk-compose-form-item > .bk-select,
149
+ .bk-compose-form-item > .bk-cascade,
150
+ .bk-compose-form-item > .bk-color-picker,
151
+ .bk-compose-form-item > .bk-date-picker,
152
+ .bk-compose-form-item > .bk-tag-input,
153
+ .bk-compose-form-item > .bk-tag-selector,
154
+ .bk-compose-form-item > .bk-search-select {
155
+ float: left;
43
156
  width: auto;
44
- padding-right: 0;
45
- text-align: left;
157
+ margin-left: -1px;
46
158
  }
47
- .bk-form--vertical .bk-form-content {
48
- text-align: left;
159
+ .bk-compose-form-item .bk-input,
160
+ .bk-compose-form-item .bk-form-password,
161
+ .bk-compose-form-item .bk-form-textarea,
162
+ .bk-compose-form-item .bk-select,
163
+ .bk-compose-form-item .bk-cascade,
164
+ .bk-compose-form-item .bk-color-picker,
165
+ .bk-compose-form-item .bk-date-picker .bk-date-picker-editor,
166
+ .bk-compose-form-item .bk-tag-input,
167
+ .bk-compose-form-item .bk-search-select {
168
+ border-radius: 0;
169
+ }
170
+ .bk-compose-form-item .bk-input.control-active,
171
+ .bk-compose-form-item .bk-select.is-focus,
172
+ .bk-compose-form-item .bk-cascade.is-focus,
173
+ .bk-compose-form-item .bk-color-picker.bk-color-picker-show-dropdown,
174
+ .bk-compose-form-item .bk-color-picker:hover,
175
+ .bk-compose-form-item .bk-date-picker .bk-date-picker-editor:focus,
176
+ .bk-compose-form-item .bk-tag-input.active,
177
+ .bk-compose-form-item .bk-tag-selector,
178
+ .bk-compose-form-item .bk-search-select.is-focus {
179
+ z-index: 1;
180
+ opacity: 1;
181
+ }
182
+ .bk-compose-form-item .bk-compose-form-item-head.bk-input,
183
+ .bk-compose-form-item .bk-compose-form-item-head.bk-select,
184
+ .bk-compose-form-item .bk-compose-form-item-head.bk-cascade,
185
+ .bk-compose-form-item .bk-compose-form-item-head.bk-color-picker,
186
+ .bk-compose-form-item .bk-compose-form-item-head.bk-date-picker .bk-date-picker-editor,
187
+ .bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
188
+ .bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
189
+ .bk-compose-form-item .bk-compose-form-item-head.bk-search-select {
190
+ margin-left: 0;
191
+ border-top-right-radius: 0px;
192
+ border-bottom-right-radius: 0px;
193
+ }
194
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-input,
195
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-select,
196
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-cascade,
197
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-color-picker,
198
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-date-picker,
199
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
200
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
201
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-search-select {
202
+ border-top-right-radius: 2px;
203
+ border-bottom-right-radius: 2px;
49
204
  }
package/lib/form/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import ComposeFormItem from './compose-form-item';
1
2
  import { formProps } from './form';
2
3
  import FormItem from './form-item';
3
4
  declare const BkForm: {
@@ -240,7 +241,22 @@ declare const BkForm: {
240
241
  maxlength: number;
241
242
  autoCheck: boolean;
242
243
  }>;
244
+ ComposeFormItem: import("vue").DefineComponent<{
245
+ headBackgroundColor: {
246
+ type: StringConstructor;
247
+ default: string;
248
+ };
249
+ tailBackgroundColor: StringConstructor;
250
+ }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
251
+ headBackgroundColor: {
252
+ type: StringConstructor;
253
+ default: string;
254
+ };
255
+ tailBackgroundColor: StringConstructor;
256
+ }>>, {
257
+ headBackgroundColor: string;
258
+ }>;
243
259
  }>;
244
260
  export default BkForm;
245
- export { BkForm, FormItem as BkFormItem, };
261
+ export { BkForm, FormItem as BkFormItem, ComposeFormItem as BkComposeFormItem, };
246
262
  export type { formProps, };
package/lib/form/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{BkForm:()=>d,BkFormItem:()=>m,default:()=>g});var e=n(4212);function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var t=n(748),o=Symbol("form"),s={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.array};const a=(0,t.defineComponent)({name:"BKForm",props:s,setup:function(e){var n=[];return(0,t.provide)(o,{props:e,register:function(e){n.push(e)},unregister:function(e){n=n.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{validate:function(t){var o={};return o=t?("string"==typeof t?[t]:t).reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t,!0))}),{}):n.reduce((function(e,t){return t.property?Object.assign(Object.assign({},e),r({},t.property,!0)):e}),{}),Promise.all(n.reduce((function(e,r){return o[r.property]&&e.push(r.validate()),e}),[])).then((function(){return Promise.resolve(e.model)}))},clearValidate:function(e){var t={};t=e?("string"==typeof e?[e]:e).reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t,!0))}),{}):n.reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t.property,!0))}),{}),n.forEach((function(e){return t[e.property]&&e.clearValidate()}))}}},render:function(){var o,n,i=(0,e.classes)(r({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,t.createVNode)("form",{class:i},[null===(n=(o=this.$slots).default)||void 0===n?void 0:n.call(o)])}});function l(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function u(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return l(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?l(e,r):void 0}}(e)||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.")}()}const c={required:function(e){return console.log("required"),""!==e&&null!=e},min:function(e,r){return console.log("min"),e>=r},max:function(e,r){return console.log("max"),r>=e},email:function(e){return console.log("email"),/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return console.log("maxlength"),e.length<=r}};var p={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string},f=function(e){return void 0!==e};const m=(0,t.defineComponent)({name:"BKFormItem",props:p,setup:function(e){var r=(0,t.getCurrentInstance)(),n=(0,t.reactive)({isError:!1,errorMessage:""}),i=(0,t.inject)(o),s=Boolean(i),a=(0,t.computed)((function(){var r={width:"",paddingRight:"",textAlign:""},t=f(e.labelWidth)?e.labelWidth:s&&i.props.labelWidth;f(t)&&(r.width="".concat(t,"px"),r.paddingRight=t?"":"0px");var o=e.labelPosition||s&&i.props.labelPosition;return o&&(r["text-align"]=o),r}));return(0,t.onMounted)((function(){s&&i.register(r.proxy)})),(0,t.onBeforeUnmount)((function(){s&&i.unregister(r.proxy)})),Object.assign(Object.assign({},(0,t.toRefs)(n)),{labelStyles:a,validate:function(){if(!e.property||s&&!i.props.model)return Promise.resolve();var r,t,o,a,l,p=[];s&&i.props.rules&&(r=i.props.rules,t=e.property,Object.prototype.hasOwnProperty.call(r,t))&&(p=i.props.rules[e.property]),e.rules&&(p=e.rules),o=p,a=function(e){var r=[];return e.required&&r.push({validator:c.required,message:"".concat(e.label,"不能为空"),trigger:"blur"}),e.email&&r.push({validator:c.email,message:"".concat(e.label,"格式不正确"),trigger:"blur"}),Number(e.max)>-1&&r.push({validator:function(r){return c.max(r,e.max)},message:"".concat(e.label,"最大值").concat(e.max),trigger:"blur"}),Number(e.min)>-1&&r.push({validator:function(r){return c.min(r,e.min)},message:"".concat(e.label,"最小值").concat(e.min),trigger:"blur"}),Number(e.maxlength)>-1&&r.push({validator:function(r){return c.maxlength(r,e.maxlength)},message:"".concat(e.label,"最大长度").concat(e.maxlength),trigger:"blur"}),r}(e),l=o.map((function(e){return{validator:e.required?c.required:e.email?c.email:Number(e.max)>-1?function(r){return c.max(r,e.max)}:Number(e.min)>-1||Number(e.maxlength)>-1?function(r){return c.min(r,e.max)}:function(){return!0},message:e.message,trigger:e.trigger}})),p=[].concat(u(a),u(l));var f,m=i.props.model[e.property],d=(f=-1,function(){if((f+=1)>=p.length)return Promise.resolve();var e=p[f];return Promise.resolve().then((function(){var r=e.validator(m);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(){return d}),(function(){return n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message)})):r?d():(n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message))}))});return d()},clearValidate:function(){n.isError=!1,n.errorMessage=""}})},render:function(){var r,o,n=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,t.createVNode)("div",{class:n},[(0,t.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[this.$slots.label?this.$slots.label():this.label]),(0,t.createVNode)("div",{class:"bk-form-content"},[null===(o=(r=this.$slots).default)||void 0===o?void 0:o.call(r),this.isError&&(0,t.createVNode)("div",{class:"bk-form-error"},[this.$slots.error?this.$slots.error(this.errorMessage):this.errorMessage])])])}});var d=(0,e.withInstallProps)(a,{FormItem:m});const g=d})(),i})()));
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{BkComposeFormItem:()=>o,BkForm:()=>b,BkFormItem:()=>g,default:()=>y});var e=n(4212),r=n(748),t=function(e){return e.__v_isVNode};const o=(0,r.defineComponent)({name:"ComposeFormItem",props:{headBackgroundColor:{type:String,default:"#FAFBFD"},tailBackgroundColor:String},render:function(){if(!this.$slots.default)return null;var e=this.$slots.default();if(console.log("from render = ",e),e.length>1){for(var o=e.length,n=0,s=null;n<o;){if(t(e[n])){s=e[n];break}n+=1}for(var a=o-1,i=null;a>=0&&a>n;){if(t(e[a])){i=e[a];break}a-=1}if(s&&i){s.props||(s.props={});var l="bk-compose-form-item-head";s.props.class&&(l+=" ".concat(s.props.class)),this.headBackgroundColor&&(s.props.style=Object.assign(s.props.style||{},{"background-color":this.headBackgroundColor})),s.props.class=l,i.props||(i.props={});var u="bk-compose-form-item-tail";i.props.class&&(u+=" ".concat(i.props.class)),this.tailBackgroundColor&&(i.props.style=Object.assign(i.props.style||{},{"background-color":this.tailBackgroundColor})),i.props.class=u}}return(0,r.h)("div",{class:"bk-compose-form-item"},e)}});function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var i=Symbol("form"),l={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.array};const u=(0,r.defineComponent)({name:"BKForm",props:l,setup:function(e){var t=[];return(0,r.provide)(i,{props:e,register:function(e){t.push(e)},unregister:function(e){t=t.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{validate:function(r){var o={};return o=r?("string"==typeof r?[r]:r).reduce((function(e,r){return Object.assign(Object.assign({},e),a({},r,!0))}),{}):t.reduce((function(e,r){return r.property?Object.assign(Object.assign({},e),a({},r.property,!0)):e}),{}),Promise.all(t.reduce((function(e,r){return o[r.property]&&e.push(r.validate()),e}),[])).then((function(){return Promise.resolve(e.model)}))},clearValidate:function(e){var r={};r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),a({},r,!0))}),{}):t.reduce((function(e,r){return Object.assign(Object.assign({},e),a({},r.property,!0))}),{}),t.forEach((function(e){return r[e.property]&&e.clearValidate()}))}}},render:function(){var t,o,n=(0,e.classes)(a({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,r.createVNode)("form",{class:n},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])}});function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function p(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}(e)||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.")}()}const f={required:function(e){return console.log("required"),""!==e&&null!=e},min:function(e,r){return console.log("min"),e>=r},max:function(e,r){return console.log("max"),r>=e},email:function(e){return console.log("email"),/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return console.log("maxlength"),e.length<=r}};var m={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string},d=function(e){return void 0!==e};const g=(0,r.defineComponent)({name:"BKFormItem",props:m,setup:function(e){var t=(0,r.getCurrentInstance)(),o=(0,r.reactive)({isError:!1,errorMessage:""}),n=(0,r.inject)(i),s=Boolean(n),a=(0,r.computed)((function(){var r={width:"",paddingRight:"",textAlign:""},t=d(e.labelWidth)?e.labelWidth:s&&n.props.labelWidth;d(t)&&(r.width="".concat(t,"px"),r.paddingRight=t?"":"0px");var o=e.labelPosition||s&&n.props.labelPosition;return o&&(r["text-align"]=o),r}));return(0,r.onMounted)((function(){s&&n.register(t.proxy)})),(0,r.onBeforeUnmount)((function(){s&&n.unregister(t.proxy)})),Object.assign(Object.assign({},(0,r.toRefs)(o)),{labelStyles:a,validate:function(){if(!e.property||s&&!n.props.model)return Promise.resolve();var r,t,a,i,l,u=[];s&&n.props.rules&&(r=n.props.rules,t=e.property,Object.prototype.hasOwnProperty.call(r,t))&&(u=n.props.rules[e.property]),e.rules&&(u=e.rules),a=u,i=function(e){var r=[];return e.required&&r.push({validator:f.required,message:"".concat(e.label,"不能为空"),trigger:"blur"}),e.email&&r.push({validator:f.email,message:"".concat(e.label,"格式不正确"),trigger:"blur"}),Number(e.max)>-1&&r.push({validator:function(r){return f.max(r,e.max)},message:"".concat(e.label,"最大值").concat(e.max),trigger:"blur"}),Number(e.min)>-1&&r.push({validator:function(r){return f.min(r,e.min)},message:"".concat(e.label,"最小值").concat(e.min),trigger:"blur"}),Number(e.maxlength)>-1&&r.push({validator:function(r){return f.maxlength(r,e.maxlength)},message:"".concat(e.label,"最大长度").concat(e.maxlength),trigger:"blur"}),r}(e),l=a.map((function(e){return{validator:e.required?f.required:e.email?f.email:Number(e.max)>-1?function(r){return f.max(r,e.max)}:Number(e.min)>-1||Number(e.maxlength)>-1?function(r){return f.min(r,e.max)}:function(){return!0},message:e.message,trigger:e.trigger}})),u=[].concat(p(i),p(l));var c,m=n.props.model[e.property],d=(c=-1,function(){if((c+=1)>=u.length)return Promise.resolve();var e=u[c];return Promise.resolve().then((function(){var r=e.validator(m);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(){return d}),(function(){return o.isError=!0,o.errorMessage=e.message,Promise.reject(e.message)})):r?d():(o.isError=!0,o.errorMessage=e.message,Promise.reject(e.message))}))});return d()},clearValidate:function(){o.isError=!1,o.errorMessage=""}})},render:function(){var t,o,n=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,r.createVNode)("div",{class:n},[(0,r.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[this.$slots.label?this.$slots.label():this.label]),(0,r.createVNode)("div",{class:"bk-form-content"},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t),this.isError&&(0,r.createVNode)("div",{class:"bk-form-error"},[this.$slots.error?this.$slots.error(this.errorMessage):this.errorMessage])])])}});var b=(0,e.withInstallProps)(u,{FormItem:g,ComposeFormItem:o});const y=b})(),s})()));
package/lib/icon/funnel.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionalComponent } from 'vue';
2
+ import { IIconBaseProps } from './icon';
3
+ declare const funnel: FunctionalComponent<IIconBaseProps>;
4
+ export default funnel;
package/lib/icon/funnel.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],t);else{var r="object"==typeof exports?t(require("vue")):t(e.vue);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={748:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>l});var e=n(748);function t(r,n,o){return(0,e.h)(r.name,Object.assign(Object.assign({key:n},r.attributes),{style:"".concat(r.attributes.style," ").concat(o)}),(r.elements||[]).map((function(e,o){return t(e,"".concat(n,"-").concat(r.name,"-").concat(o))})))}Object.create,Object.create;var r=function(r,n){var o=Object.assign(Object.assign({},n.attrs),r),a=o.data,i=o.name,c=o.width,l=o.height,s=o.fill,u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(o,["data","name","width","height","fill"]),f="width: ".concat(c,"; height: ").concat(l,"; fill: ").concat(s);return(0,e.createVNode)("span",u,[t(a,i,f)])};r.inheritAttrs=!1,r.displayName="bkIcon";const a=r;var i=JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M860.8 128H163.2a32 32 0 0 0-27.36 52l295.2 336 0.96 0V896l160-82.72V516.8l0.96 0 295.2-336A32 32 0 0 0 860.8 128Z"}}]}'),c=function(t,r){var n=Object.assign(Object.assign({},t),r.attrs);return(0,e.createVNode)(a,(0,e.mergeProps)(n,{data:i,name:"funnel"}),null)};c.displayName="funnel",c.inheritAttrs=!1;const l=c})(),o})()));
package/lib/icon/index.d.ts CHANGED
@@ -30,6 +30,7 @@ export { default as FolderOpen } from '../icons/folder-open';
30
30
  export { default as FolderShapeOpen } from '../icons/folder-shape-open';
31
31
  export { default as FolderShape } from '../icons/folder-shape';
32
32
  export { default as Folder } from '../icons/folder';
33
+ export { default as Funnel } from '../icons/funnel';
33
34
  export { default as HelpDocumentFill } from '../icons/help-document-fill';
34
35
  export { default as HelpFill } from '../icons/help-fill';
35
36
  export { default as Help } from '../icons/help';