bkui-vue 1.0.3-beta.27 → 1.0.3-beta.29
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.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +2 -1
- package/dist/index.umd.js +1 -1
- package/lib/affix/index.js +15 -13
- package/lib/alert/index.js +24 -22
- package/lib/animate-number/index.js +6 -5
- package/lib/backtop/index.js +22 -20
- package/lib/badge/index.js +21 -19
- package/lib/breadcrumb/index.js +26 -24
- package/lib/button/index.js +37 -28
- package/lib/card/index.js +43 -35
- package/lib/cascader/index.js +100 -80
- package/lib/checkbox/index.js +34 -32
- package/lib/code-diff/index.js +14 -12
- package/lib/collapse/index.js +41 -39
- package/lib/collapse-transition/index.js +9 -8
- package/lib/color-picker/index.js +50 -48
- package/lib/components.js +60 -505
- package/lib/config-provider/index.js +9 -8
- package/lib/container/index.js +21 -19
- package/lib/date-picker/index.js +73 -65
- package/lib/dialog/index.js +63 -49
- package/lib/directives/index.js +13 -12
- package/lib/dist.index.js +5 -62
- package/lib/divider/index.js +15 -13
- package/lib/dropdown/index.js +32 -24
- package/lib/exception/index.js +13 -11
- package/lib/fixed-navbar/index.js +15 -13
- package/lib/form/index.js +50 -48
- package/lib/hooks.js +1 -48
- package/lib/icon/index.js +1 -0
- package/lib/image/index.js +39 -38
- package/lib/index.js +7 -72
- package/lib/info-box/index.js +21 -13
- package/lib/input/index.js +61 -59
- package/lib/link/index.js +15 -13
- package/lib/loading/index.js +19 -17
- package/lib/locale/index.js +1 -0
- package/lib/menu/index.js +15 -13
- package/lib/message/index.js +40 -38
- package/lib/modal/index.js +43 -41
- package/lib/navigation/index.js +16 -14
- package/lib/notify/index.js +33 -31
- package/lib/overflow-title/index.js +22 -14
- package/lib/pagination/index.js +67 -51
- package/lib/plugin-popover/index.js +54 -53
- package/lib/plugins/index.js +1 -0
- package/lib/pop-confirm/index.js +42 -28
- package/lib/popover/index.js +54 -52
- package/lib/popover2/index.js +4 -3
- package/lib/preset.js +18 -64
- package/lib/process/index.js +27 -26
- package/lib/progress/index.js +28 -26
- package/lib/radio/index.js +34 -32
- package/lib/rate/index.js +24 -22
- package/lib/resize-layout/index.js +27 -25
- package/lib/search-select/index.js +68 -49
- package/lib/select/index.js +168 -129
- package/lib/shared/index.js +1 -0
- package/lib/sideslider/index.js +22 -14
- package/lib/slider/index.js +36 -22
- package/lib/steps/index.js +30 -28
- package/lib/swiper/index.js +16 -14
- package/lib/switcher/index.js +31 -29
- package/lib/tab/index.js +46 -44
- package/lib/table/index.js +207 -148
- package/lib/table-column/index.js +43 -42
- package/lib/tag/index.js +21 -19
- package/lib/tag-input/index.js +80 -65
- package/lib/time-picker/index.js +9 -7
- package/lib/timeline/index.js +13 -12
- package/lib/transfer/index.js +51 -36
- package/lib/tree/index.js +92 -72
- package/lib/upload/index.js +63 -48
- package/lib/virtual-render/index.js +35 -33
- package/package.json +1 -1
package/lib/collapse/index.js
CHANGED
@@ -1,8 +1,10 @@
|
|
1
|
-
import
|
1
|
+
import "../styles/reset.css";
|
2
|
+
import "./collapse.less";
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
|
-
import * as
|
4
|
-
import * as
|
5
|
-
import * as
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_collapse_transition_3d6ae990__ from "../collapse-transition";
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
6
8
|
/******/ // The require scope
|
7
9
|
/******/ var __webpack_require__ = {};
|
8
10
|
/******/
|
@@ -37,7 +39,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
37
39
|
;// CONCATENATED MODULE: external "../shared"
|
38
40
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
39
41
|
var y = x => () => x
|
40
|
-
const
|
42
|
+
const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
|
41
43
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
42
44
|
function _typeof(o) {
|
43
45
|
"@babel/helpers - typeof";
|
@@ -125,17 +127,17 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
125
127
|
var external_vue_y = x => () => x
|
126
128
|
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["renderSlot"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
|
127
129
|
;// CONCATENATED MODULE: external "../config-provider"
|
128
|
-
var
|
129
|
-
var
|
130
|
-
const
|
130
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
131
|
+
var config_provider_y = x => () => x
|
132
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
131
133
|
;// CONCATENATED MODULE: external "../collapse-transition"
|
132
|
-
var
|
133
|
-
var
|
134
|
-
const
|
134
|
+
var collapse_transition_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
135
|
+
var collapse_transition_y = x => () => x
|
136
|
+
const collapse_transition_namespaceObject = collapse_transition_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_collapse_transition_3d6ae990__["default"] });
|
135
137
|
;// CONCATENATED MODULE: external "../icon"
|
136
|
-
var
|
137
|
-
var
|
138
|
-
const
|
138
|
+
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
139
|
+
var icon_y = x => () => x
|
140
|
+
const icon_namespaceObject = __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__;
|
139
141
|
;// CONCATENATED MODULE: ../../packages/collapse/src/props.ts
|
140
142
|
|
141
143
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
@@ -171,48 +173,48 @@ var propsCollapse = {
|
|
171
173
|
* 渲染列表
|
172
174
|
* 对象数组或者字符串数组,字符串数组默认会增加 name 字段,值为传入的字符串值
|
173
175
|
*/
|
174
|
-
list:
|
176
|
+
list: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def([]),
|
175
177
|
/**
|
176
178
|
* ID字段
|
177
179
|
*/
|
178
|
-
idFiled:
|
180
|
+
idFiled: shared_namespaceObject.PropTypes.string.def('$index'),
|
179
181
|
/**
|
180
182
|
* Title 字段
|
181
183
|
*/
|
182
|
-
titleField:
|
184
|
+
titleField: shared_namespaceObject.PropTypes.string.def('name'),
|
183
185
|
/**
|
184
186
|
* Content 字段,默认渲染内容,不配置时自动读取 content 字段
|
185
187
|
* 自定义配置slot时可以忽略
|
186
188
|
*/
|
187
|
-
contentField:
|
189
|
+
contentField: shared_namespaceObject.PropTypes.string.def('content'),
|
188
190
|
/**
|
189
191
|
* 当前激活Index
|
190
192
|
*/
|
191
|
-
modelValue:
|
193
|
+
modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.number).def([]), shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.string).def([]), shared_namespaceObject.PropTypes.number.def(-1)]),
|
192
194
|
/**
|
193
195
|
* 是否使用手风琴效果
|
194
196
|
*/
|
195
|
-
accordion:
|
197
|
+
accordion: shared_namespaceObject.PropTypes.bool.def(false),
|
196
198
|
/**
|
197
199
|
* 是否使用带线条样式
|
198
200
|
*/
|
199
|
-
hasHeaderBorder:
|
201
|
+
hasHeaderBorder: shared_namespaceObject.PropTypes.bool.def(false),
|
200
202
|
/**
|
201
203
|
* 是否使用Hover效果
|
202
204
|
*/
|
203
|
-
hasHeaderHover:
|
205
|
+
hasHeaderHover: shared_namespaceObject.PropTypes.bool.def(true),
|
204
206
|
/**
|
205
207
|
* 自定义图标
|
206
208
|
*/
|
207
|
-
headerIcon:
|
209
|
+
headerIcon: shared_namespaceObject.PropTypes.string.def(''),
|
208
210
|
/**
|
209
211
|
* 是否使用卡片样式
|
210
212
|
*/
|
211
|
-
useCardTheme:
|
213
|
+
useCardTheme: shared_namespaceObject.PropTypes.bool.def(false),
|
212
214
|
/**
|
213
215
|
* 图标位置
|
214
216
|
*/
|
215
|
-
headerIconAlign:
|
217
|
+
headerIconAlign: shared_namespaceObject.PropTypes.string.def('left')
|
216
218
|
};
|
217
219
|
var CollapsePanelEventProps = {
|
218
220
|
itemClick: {
|
@@ -220,15 +222,15 @@ var CollapsePanelEventProps = {
|
|
220
222
|
}
|
221
223
|
};
|
222
224
|
var propsCollapsePanel = _objectSpread({
|
223
|
-
name:
|
224
|
-
title:
|
225
|
-
content:
|
226
|
-
disabled:
|
227
|
-
isFormList:
|
228
|
-
renderDirective: (0,
|
229
|
-
modelValue:
|
230
|
-
alone:
|
231
|
-
icon:
|
225
|
+
name: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]).def(''),
|
226
|
+
title: shared_namespaceObject.PropTypes.any,
|
227
|
+
content: shared_namespaceObject.PropTypes.string,
|
228
|
+
disabled: shared_namespaceObject.PropTypes.bool.def(false),
|
229
|
+
isFormList: shared_namespaceObject.PropTypes.bool.def(false),
|
230
|
+
renderDirective: (0,shared_namespaceObject.renderDirectiveType)(),
|
231
|
+
modelValue: shared_namespaceObject.PropTypes.bool.def(false),
|
232
|
+
alone: shared_namespaceObject.PropTypes.bool.def(false),
|
233
|
+
icon: shared_namespaceObject.PropTypes.string.def('angle-right')
|
232
234
|
}, CollapsePanelEventProps);
|
233
235
|
;// CONCATENATED MODULE: ../../packages/collapse/src/collapse-panel.tsx
|
234
236
|
|
@@ -292,7 +294,7 @@ function _isSlot(s) {
|
|
292
294
|
immediate: true
|
293
295
|
});
|
294
296
|
}
|
295
|
-
var _usePrefix = (0,
|
297
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
296
298
|
resolveClassName = _usePrefix.resolveClassName;
|
297
299
|
function toCamelCase(str) {
|
298
300
|
var words = str.split('-');
|
@@ -359,7 +361,7 @@ function _isSlot(s) {
|
|
359
361
|
}
|
360
362
|
return {
|
361
363
|
isActive: isActive,
|
362
|
-
collapseIcon:
|
364
|
+
collapseIcon: icon_namespaceObject["".concat(toCamelCase(props.icon))],
|
363
365
|
clickItem: clickItem,
|
364
366
|
renderPanel: renderPanel,
|
365
367
|
renderHeader: renderHeader,
|
@@ -377,7 +379,7 @@ function _isSlot(s) {
|
|
377
379
|
}
|
378
380
|
}, [this.renderHeader((0,external_vue_namespaceObject.createVNode)(this.collapseIcon, {
|
379
381
|
"class": "".concat(this.resolveClassName('collapse-icon'), " ").concat(this.isActive && 'rotate-icon' || '')
|
380
|
-
}, null))]), (0,external_vue_namespaceObject.createVNode)(
|
382
|
+
}, null))]), (0,external_vue_namespaceObject.createVNode)(collapse_transition_namespaceObject["default"], null, _isSlot(_slot = this.renderPanel()) ? _slot : {
|
381
383
|
"default": function _default() {
|
382
384
|
return [_slot];
|
383
385
|
}
|
@@ -469,7 +471,7 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
469
471
|
};
|
470
472
|
(0,external_vue_namespaceObject.provide)('localActiveItems', localActiveItems);
|
471
473
|
(0,external_vue_namespaceObject.provide)('handleItemClick', handleItemClick);
|
472
|
-
var _usePrefix = (0,
|
474
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
473
475
|
resolveClassName = _usePrefix.resolveClassName;
|
474
476
|
var className = resolveClassName('collapse-wrapper');
|
475
477
|
// 线条样式
|
@@ -559,7 +561,7 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
559
561
|
|
560
562
|
|
561
563
|
|
562
|
-
var BkCollapse = (0,
|
564
|
+
var BkCollapse = (0,shared_namespaceObject.withInstallProps)(collapse, {
|
563
565
|
CollapsePanel: collapse_panel
|
564
566
|
});
|
565
567
|
|
@@ -1,6 +1,7 @@
|
|
1
|
-
import
|
1
|
+
import "../styles/reset.css";
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
4
5
|
/******/ // The require scope
|
5
6
|
/******/ var __webpack_require__ = {};
|
6
7
|
/******/
|
@@ -33,15 +34,15 @@ __webpack_require__.d(__webpack_exports__, {
|
|
33
34
|
;// CONCATENATED MODULE: external "../shared"
|
34
35
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
35
36
|
var y = x => () => x
|
36
|
-
const
|
37
|
+
const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
37
38
|
;// CONCATENATED MODULE: external "vue"
|
38
39
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
39
40
|
var external_vue_y = x => () => x
|
40
41
|
const external_vue_namespaceObject = external_vue_x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
|
41
42
|
;// CONCATENATED MODULE: external "../config-provider"
|
42
|
-
var
|
43
|
-
var
|
44
|
-
const
|
43
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
44
|
+
var config_provider_y = x => () => x
|
45
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
45
46
|
;// CONCATENATED MODULE: ../../packages/collapse-transition/src/collapse-transition.tsx
|
46
47
|
|
47
48
|
/*
|
@@ -123,7 +124,7 @@ const external_config_provider_namespaceObject = external_config_provider_x({ ["
|
|
123
124
|
el.style.paddingBottom = el.dataset.oldPaddingBottom;
|
124
125
|
}
|
125
126
|
};
|
126
|
-
var _usePrefix = (0,
|
127
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
127
128
|
resolveClassName = _usePrefix.resolveClassName;
|
128
129
|
return {
|
129
130
|
on: on,
|
@@ -171,7 +172,7 @@ const external_config_provider_namespaceObject = external_config_provider_x({ ["
|
|
171
172
|
*/
|
172
173
|
|
173
174
|
|
174
|
-
var BKCollapseTransition = (0,
|
175
|
+
var BKCollapseTransition = (0,shared_namespaceObject.withInstall)(collapse_transition);
|
175
176
|
/* harmony default export */ const src = (BKCollapseTransition);
|
176
177
|
var __webpack_exports__default = __webpack_exports__["default"];
|
177
178
|
export { __webpack_exports__default as default };
|
@@ -1,9 +1,11 @@
|
|
1
|
-
import
|
1
|
+
import "../styles/reset.css";
|
2
|
+
import "./color-picker.less";
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
5
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
4
|
-
import * as
|
5
|
-
import * as
|
6
|
-
import * as
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
|
8
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
7
9
|
/******/ // The require scope
|
8
10
|
/******/ var __webpack_require__ = {};
|
9
11
|
/******/
|
@@ -36,7 +38,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
36
38
|
;// CONCATENATED MODULE: external "../shared"
|
37
39
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
38
40
|
var y = x => () => x
|
39
|
-
const
|
41
|
+
const shared_namespaceObject = x({ ["BKPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.BKPopover, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
40
42
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
41
43
|
function _typeof(o) {
|
42
44
|
"@babel/helpers - typeof";
|
@@ -1273,17 +1275,17 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
|
|
1273
1275
|
var external_vue_types_y = x => () => x
|
1274
1276
|
const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
|
1275
1277
|
;// CONCATENATED MODULE: external "../config-provider"
|
1276
|
-
var
|
1277
|
-
var
|
1278
|
-
const
|
1278
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
1279
|
+
var config_provider_y = x => () => x
|
1280
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
1279
1281
|
;// CONCATENATED MODULE: external "../directives"
|
1280
|
-
var
|
1281
|
-
var
|
1282
|
-
const
|
1282
|
+
var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
1283
|
+
var directives_y = x => () => x
|
1284
|
+
const directives_namespaceObject = directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.clickoutside });
|
1283
1285
|
;// CONCATENATED MODULE: external "../icon"
|
1284
|
-
var
|
1285
|
-
var
|
1286
|
-
const
|
1286
|
+
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
1287
|
+
var icon_y = x => () => x
|
1288
|
+
const icon_namespaceObject = icon_x({ ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleUp });
|
1287
1289
|
;// CONCATENATED MODULE: ../../packages/date-picker/src/base/picker-dropdown.tsx
|
1288
1290
|
|
1289
1291
|
|
@@ -1451,7 +1453,7 @@ var pickerDropdownProps = {
|
|
1451
1453
|
});
|
1452
1454
|
} else {
|
1453
1455
|
(0,external_vue_namespaceObject.nextTick)(function () {
|
1454
|
-
popoverInstance = new
|
1456
|
+
popoverInstance = new shared_namespaceObject.BKPopover(props.triggerRef, refContentRef.value, {
|
1455
1457
|
placement: props.placement,
|
1456
1458
|
trigger: 'manual',
|
1457
1459
|
modifiers: [
|
@@ -1508,14 +1510,14 @@ var pickerDropdownProps = {
|
|
1508
1510
|
var styles = (0,external_vue_namespaceObject.computed)(function () {
|
1509
1511
|
var style = {};
|
1510
1512
|
if (props.appendToBody) {
|
1511
|
-
style['z-index'] = 1060 +
|
1513
|
+
style['z-index'] = 1060 + shared_namespaceObject.bkZIndexManager.getModalNextIndex();
|
1512
1514
|
}
|
1513
1515
|
return style;
|
1514
1516
|
});
|
1515
1517
|
var state = (0,external_vue_namespaceObject.reactive)({
|
1516
1518
|
styles: styles
|
1517
1519
|
});
|
1518
|
-
var _usePrefix = (0,
|
1520
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
1519
1521
|
resolveClassName = _usePrefix.resolveClassName;
|
1520
1522
|
return _objectSpread(_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
|
1521
1523
|
refContentRef: refContentRef,
|
@@ -1566,7 +1568,7 @@ var pickerDropdownProps = {
|
|
1566
1568
|
|
1567
1569
|
|
1568
1570
|
var inputContainerProps = {
|
1569
|
-
info:
|
1571
|
+
info: shared_namespaceObject.PropTypes.object.isRequired
|
1570
1572
|
};
|
1571
1573
|
/* harmony default export */ const input_container = ((0,external_vue_namespaceObject.defineComponent)({
|
1572
1574
|
props: inputContainerProps,
|
@@ -1583,10 +1585,10 @@ var inputContainerProps = {
|
|
1583
1585
|
var value = e.target.value;
|
1584
1586
|
emit('input', key, value);
|
1585
1587
|
};
|
1586
|
-
var _usePrefix = (0,
|
1588
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
1587
1589
|
resolveClassName = _usePrefix.resolveClassName;
|
1588
1590
|
var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
|
1589
|
-
return (0,
|
1591
|
+
return (0,shared_namespaceObject.classes)({
|
1590
1592
|
error: props.info.error
|
1591
1593
|
}, "".concat(resolveClassName('color-picker-input-value')));
|
1592
1594
|
});
|
@@ -1638,7 +1640,7 @@ var inputContainerProps = {
|
|
1638
1640
|
|
1639
1641
|
|
1640
1642
|
var colorPickerProps = {
|
1641
|
-
colorObj:
|
1643
|
+
colorObj: shared_namespaceObject.PropTypes.object.isRequired
|
1642
1644
|
};
|
1643
1645
|
/* harmony default export */ const color_input = ((0,external_vue_namespaceObject.defineComponent)({
|
1644
1646
|
name: 'ColorPicker',
|
@@ -1745,7 +1747,7 @@ var colorPickerProps = {
|
|
1745
1747
|
}
|
1746
1748
|
return result;
|
1747
1749
|
};
|
1748
|
-
var _usePrefix = (0,
|
1750
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
1749
1751
|
resolveClassName = _usePrefix.resolveClassName;
|
1750
1752
|
return function () {
|
1751
1753
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -1912,7 +1914,7 @@ var toRGBAString = function toRGBAString(rgba) {
|
|
1912
1914
|
|
1913
1915
|
|
1914
1916
|
var hue_slider_colorPickerProps = {
|
1915
|
-
colorObj:
|
1917
|
+
colorObj: shared_namespaceObject.PropTypes.object.isRequired
|
1916
1918
|
};
|
1917
1919
|
/* harmony default export */ const hue_slider = ((0,external_vue_namespaceObject.defineComponent)({
|
1918
1920
|
name: 'ColorPicker',
|
@@ -1996,7 +1998,7 @@ var hue_slider_colorPickerProps = {
|
|
1996
1998
|
});
|
1997
1999
|
}
|
1998
2000
|
};
|
1999
|
-
var _usePrefix = (0,
|
2001
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
2000
2002
|
resolveClassName = _usePrefix.resolveClassName;
|
2001
2003
|
return function () {
|
2002
2004
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -2052,11 +2054,11 @@ var hue_slider_colorPickerProps = {
|
|
2052
2054
|
|
2053
2055
|
|
2054
2056
|
var recommend_colors_colorPickerProps = {
|
2055
|
-
colorObj:
|
2056
|
-
recommend:
|
2057
|
+
colorObj: shared_namespaceObject.PropTypes.object.isRequired,
|
2058
|
+
recommend: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.array.def(function () {
|
2057
2059
|
return [];
|
2058
|
-
}),
|
2059
|
-
recommendEmpty:
|
2060
|
+
}), shared_namespaceObject.PropTypes.bool.def(true)]).isRequired,
|
2061
|
+
recommendEmpty: shared_namespaceObject.PropTypes.bool.def(true)
|
2060
2062
|
};
|
2061
2063
|
/* harmony default export */ const recommend_colors = ((0,external_vue_namespaceObject.defineComponent)({
|
2062
2064
|
props: recommend_colors_colorPickerProps,
|
@@ -2079,10 +2081,10 @@ var recommend_colors_colorPickerProps = {
|
|
2079
2081
|
var colors = (0,external_vue_namespaceObject.computed)(function () {
|
2080
2082
|
return getColorsFromRecommend(props.recommend);
|
2081
2083
|
});
|
2082
|
-
var _usePrefix = (0,
|
2084
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
2083
2085
|
resolveClassName = _usePrefix.resolveClassName;
|
2084
2086
|
var getColorClass = function getColorClass(color, index) {
|
2085
|
-
return (0,
|
2087
|
+
return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(resolveClassName('color-picker-empty')), color === ''), "".concat(resolveClassName('color-picker-recommend-selected-color')), isFocused.value && selectedIndex.value === index), "".concat(resolveClassName('color-picker-recommend-color')));
|
2086
2088
|
};
|
2087
2089
|
var handleKeydown = function handleKeydown(e) {
|
2088
2090
|
if (e.code === 'Tab') {
|
@@ -2202,7 +2204,7 @@ var recommend_colors_colorPickerProps = {
|
|
2202
2204
|
|
2203
2205
|
|
2204
2206
|
var saturation_panel_colorPickerProps = {
|
2205
|
-
colorObj:
|
2207
|
+
colorObj: shared_namespaceObject.PropTypes.object.isRequired
|
2206
2208
|
};
|
2207
2209
|
/* harmony default export */ const saturation_panel = ((0,external_vue_namespaceObject.defineComponent)({
|
2208
2210
|
props: saturation_panel_colorPickerProps,
|
@@ -2296,7 +2298,7 @@ var saturation_panel_colorPickerProps = {
|
|
2296
2298
|
a: a
|
2297
2299
|
});
|
2298
2300
|
};
|
2299
|
-
var _usePrefix = (0,
|
2301
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
2300
2302
|
resolveClassName = _usePrefix.resolveClassName;
|
2301
2303
|
return function () {
|
2302
2304
|
return (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -2370,34 +2372,34 @@ var ColorPickSizeEnum;
|
|
2370
2372
|
ColorPickSizeEnum["LARGE"] = "large";
|
2371
2373
|
})(ColorPickSizeEnum || (ColorPickSizeEnum = {}));
|
2372
2374
|
var color_picker_colorPickerProps = {
|
2373
|
-
modelValue:
|
2374
|
-
disabled:
|
2375
|
-
readonly:
|
2376
|
-
transfer:
|
2375
|
+
modelValue: shared_namespaceObject.PropTypes.string.def(''),
|
2376
|
+
disabled: shared_namespaceObject.PropTypes.bool.def(false),
|
2377
|
+
readonly: shared_namespaceObject.PropTypes.bool.def(false),
|
2378
|
+
transfer: shared_namespaceObject.PropTypes.bool.def(false),
|
2377
2379
|
size: (0,external_vue_types_namespaceObject.toType)('colorPickSize', {}).def(ColorPickSizeEnum.UNKNOWN),
|
2378
|
-
showValue:
|
2380
|
+
showValue: shared_namespaceObject.PropTypes.bool.def(true),
|
2379
2381
|
// true 展示组件内置预设值
|
2380
2382
|
// false 不展示预设值
|
2381
2383
|
// 数组 自定义预设值
|
2382
|
-
recommend:
|
2384
|
+
recommend: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.array.def(function () {
|
2383
2385
|
return [];
|
2384
|
-
}),
|
2385
|
-
extCls:
|
2386
|
-
withValidate:
|
2387
|
-
recommendEmpty:
|
2386
|
+
}), shared_namespaceObject.PropTypes.bool.def(true)]).def(true),
|
2387
|
+
extCls: shared_namespaceObject.PropTypes.string.def(''),
|
2388
|
+
withValidate: shared_namespaceObject.PropTypes.bool.def(true),
|
2389
|
+
recommendEmpty: shared_namespaceObject.PropTypes.bool.def(true)
|
2388
2390
|
};
|
2389
2391
|
var whiteColorObj = formatColor('#FFFFFF');
|
2390
2392
|
/* harmony default export */ const color_picker = ((0,external_vue_namespaceObject.defineComponent)({
|
2391
2393
|
name: 'ColorPicker',
|
2392
2394
|
directives: {
|
2393
|
-
clickoutside:
|
2395
|
+
clickoutside: directives_namespaceObject.clickoutside
|
2394
2396
|
},
|
2395
2397
|
props: color_picker_colorPickerProps,
|
2396
2398
|
emits: ['update:modelValue', 'change'],
|
2397
2399
|
setup: function setup(props, _ref) {
|
2398
2400
|
var emit = _ref.emit,
|
2399
2401
|
slots = _ref.slots;
|
2400
|
-
var formItem = (0,
|
2402
|
+
var formItem = (0,shared_namespaceObject.useFormItem)();
|
2401
2403
|
var showDropdown = (0,external_vue_namespaceObject.ref)(false);
|
2402
2404
|
// 当前颜色的色值,如果为空字符串显示:默认白色背景 + 中间一个叉
|
2403
2405
|
var colorStr = (0,external_vue_namespaceObject.ref)('');
|
@@ -2406,10 +2408,10 @@ var whiteColorObj = formatColor('#FFFFFF');
|
|
2406
2408
|
var dropRef = (0,external_vue_namespaceObject.ref)(null);
|
2407
2409
|
var saturationPanelRef = (0,external_vue_namespaceObject.ref)(null);
|
2408
2410
|
var referenceRef = (0,external_vue_namespaceObject.ref)(null);
|
2409
|
-
var _usePrefix = (0,
|
2411
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
2410
2412
|
resolveClassName = _usePrefix.resolveClassName;
|
2411
2413
|
var colorPickerCls = (0,external_vue_namespaceObject.computed)(function () {
|
2412
|
-
return (0,
|
2414
|
+
return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName("color-picker-".concat(props.size))), props.size), "".concat(resolveClassName('color-picker-show-dropdown')), showDropdown.value), "".concat(resolveClassName('color-picker-show-value')), props.showValue), "".concat(resolveClassName('color-picker-disabled')), props.disabled || props.readonly), "".concat(resolveClassName('color-picker'), " ").concat(props.extCls));
|
2413
2415
|
});
|
2414
2416
|
// 是否渲染预设值
|
2415
2417
|
var isRenderRecommend = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -2579,7 +2581,7 @@ var whiteColorObj = formatColor('#FFFFFF');
|
|
2579
2581
|
"class": "".concat(resolveClassName('color-picker-text'))
|
2580
2582
|
}, [(0,external_vue_namespaceObject.createVNode)("span", null, [colorStr.value])]) : undefined, (0,external_vue_namespaceObject.createVNode)("div", {
|
2581
2583
|
"class": "".concat(resolveClassName('color-picker-icon'))
|
2582
|
-
}, [(0,external_vue_namespaceObject.createVNode)(
|
2584
|
+
}, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleUp, {
|
2583
2585
|
"class": "icon-angle-down"
|
2584
2586
|
}, null)])]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
|
2585
2587
|
"name": "bk-fade-down-transition"
|
@@ -2656,7 +2658,7 @@ var whiteColorObj = formatColor('#FFFFFF');
|
|
2656
2658
|
*/
|
2657
2659
|
|
2658
2660
|
|
2659
|
-
var BkColorPicker = (0,
|
2661
|
+
var BkColorPicker = (0,shared_namespaceObject.withInstall)(color_picker);
|
2660
2662
|
/* harmony default export */ const src = (BkColorPicker);
|
2661
2663
|
var __webpack_exports__default = __webpack_exports__["default"];
|
2662
2664
|
export { __webpack_exports__default as default };
|