bkui-vue 2.0.2-beta.4 → 2.0.2-beta.40
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/cli.css +1 -0
- package/dist/index.cjs.js +132 -132
- package/dist/index.esm.js +15822 -14471
- package/dist/index.umd.js +132 -132
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +26 -24
- package/lib/cascader/cascader.d.ts +12 -0
- package/lib/cascader/cascader.less +78 -76
- package/lib/cascader/cascader.variable.css +26 -24
- package/lib/cascader/index.d.ts +26 -0
- package/lib/cascader/index.js +110 -60
- package/lib/checkbox/index.js +1 -1
- package/lib/color-picker/index.js +20 -16
- package/lib/components.d.ts +1 -2
- package/lib/components.js +1 -2
- package/lib/date-picker/index.js +53 -58
- package/lib/date-picker/panel/time.d.ts +1 -1
- package/lib/date-picker/utils.d.ts +5 -17
- package/lib/directives/index.js +17 -13
- package/lib/dropdown/dropdown.d.ts +1 -0
- package/lib/dropdown/index.d.ts +3 -0
- package/lib/dropdown/index.js +11 -6
- package/lib/form/form-item.d.ts +19 -0
- package/lib/form/form.css +16 -4
- package/lib/form/form.less +24 -6
- package/lib/form/form.variable.css +16 -4
- package/lib/form/index.d.ts +13 -0
- package/lib/form/index.js +33 -25
- package/lib/image/index.js +7 -10
- package/lib/index.d.ts +0 -1
- package/lib/index.js +1 -2
- package/lib/input/index.d.ts +39 -20
- package/lib/input/index.js +24 -21
- package/lib/input/input.d.ts +30 -16
- package/lib/message/index.js +1 -1
- package/lib/modal/index.js +2 -1
- package/lib/pop-confirm/index.d.ts +600 -2
- package/lib/pop-confirm/index.js +20 -8
- package/lib/pop-confirm/pop-confirm.d.ts +297 -1
- package/lib/pop-confirm/props.d.ts +146 -0
- package/lib/popover/index.js +7 -10
- package/lib/search-select/index.d.ts +21 -3
- package/lib/search-select/index.js +62 -30
- package/lib/search-select/input.d.ts +3 -0
- package/lib/search-select/search-select.d.ts +7 -1
- package/lib/search-select/selected.d.ts +6 -0
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +15 -16
- package/lib/select/select.d.ts +10 -0
- package/lib/sideslider/index.js +3 -1
- package/lib/slider/index.js +2 -1
- package/lib/tab/index.js +7 -10
- package/lib/table/index.js +7 -15
- package/lib/tag-input/index.d.ts +3 -0
- package/lib/tag-input/index.js +35 -24
- package/lib/tag-input/tag-input.d.ts +1 -0
- package/lib/tree/constant.d.ts +2 -0
- package/lib/tree/index.d.ts +48 -0
- package/lib/tree/index.js +209 -59
- package/lib/tree/props.d.ts +20 -0
- package/lib/tree/tree.css +46 -0
- package/lib/tree/tree.d.ts +22 -0
- package/lib/tree/tree.less +57 -2
- package/lib/tree/tree.variable.css +46 -0
- package/lib/tree/use-node-action.d.ts +2 -2
- package/package.json +1 -1
- package/dist/style.css +0 -1
- package/lib/plugin-popover/index.d.ts +0 -27
- package/lib/plugin-popover/index.js +0 -65
- package/lib/plugins/index.d.ts +0 -1
- package/lib/plugins/index.js +0 -64
package/lib/form/index.d.ts
CHANGED
@@ -174,6 +174,7 @@ declare const BkForm: {
|
|
174
174
|
};
|
175
175
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
|
176
176
|
FormItem: import("vue").DefineComponent<{
|
177
|
+
itemType: import("vue-types").VueTypeDef<string>;
|
177
178
|
label: import("vue-types").VueTypeValidableDef<string> & {
|
178
179
|
default: string;
|
179
180
|
};
|
@@ -212,6 +213,11 @@ declare const BkForm: {
|
|
212
213
|
errorDisplayType: import("vue-types").VueTypeDef<string> & {
|
213
214
|
default: string;
|
214
215
|
};
|
216
|
+
errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
|
217
|
+
default: boolean;
|
218
|
+
} & {
|
219
|
+
default: boolean;
|
220
|
+
};
|
215
221
|
}, {
|
216
222
|
isShowLabel: import("vue").ComputedRef<boolean>;
|
217
223
|
labelStyles: import("vue").ComputedRef<{
|
@@ -229,6 +235,7 @@ declare const BkForm: {
|
|
229
235
|
isError: import("vue").Ref<boolean>;
|
230
236
|
errorMessage: import("vue").Ref<string>;
|
231
237
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
238
|
+
itemType: import("vue-types").VueTypeDef<string>;
|
232
239
|
label: import("vue-types").VueTypeValidableDef<string> & {
|
233
240
|
default: string;
|
234
241
|
};
|
@@ -267,6 +274,11 @@ declare const BkForm: {
|
|
267
274
|
errorDisplayType: import("vue-types").VueTypeDef<string> & {
|
268
275
|
default: string;
|
269
276
|
};
|
277
|
+
errorTipAppendToParent: import("vue-types").VueTypeValidableDef<boolean> & {
|
278
|
+
default: boolean;
|
279
|
+
} & {
|
280
|
+
default: boolean;
|
281
|
+
};
|
270
282
|
}>>, {
|
271
283
|
required: boolean;
|
272
284
|
label: string;
|
@@ -278,6 +290,7 @@ declare const BkForm: {
|
|
278
290
|
maxlength: number;
|
279
291
|
rules: unknown[];
|
280
292
|
errorDisplayType: string;
|
293
|
+
errorTipAppendToParent: boolean;
|
281
294
|
}, {}>;
|
282
295
|
ComposeFormItem: import("vue").DefineComponent<{
|
283
296
|
headBackgroundColor: {
|
package/lib/form/index.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import "../styles/reset.css";
|
2
2
|
import "./form.less";
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
|
4
3
|
import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
|
5
4
|
import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
|
6
5
|
import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
|
7
7
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
9
9
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
@@ -16,7 +16,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_lodash_isDate_b457317b__ from "lodash/isDa
|
|
16
16
|
import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_e109fd6b__ from "lodash/isEmpty";
|
17
17
|
/******/ var __webpack_modules__ = ({
|
18
18
|
|
19
|
-
/***/
|
19
|
+
/***/ 668:
|
20
20
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
21
21
|
|
22
22
|
|
@@ -155,10 +155,8 @@ ClickOutside.install = function (app) {
|
|
155
155
|
/* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
|
156
156
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
157
157
|
var esm_typeof = __webpack_require__(6522);
|
158
|
-
|
159
|
-
var
|
160
|
-
var y = x => () => x
|
161
|
-
const plugin_popover_namespaceObject = x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
|
158
|
+
// EXTERNAL MODULE: external "../popover"
|
159
|
+
var popover_ = __webpack_require__(563);
|
162
160
|
;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
|
163
161
|
|
164
162
|
/*
|
@@ -236,7 +234,7 @@ var createInstance = function createInstance(el, binding) {
|
|
236
234
|
onContentMouseenter: handleContentEnter,
|
237
235
|
onContentMouseleave: handleContentLeave
|
238
236
|
});
|
239
|
-
instance = (0,
|
237
|
+
instance = (0,popover_.$bkPopover)(targetOptions);
|
240
238
|
}, 300);
|
241
239
|
};
|
242
240
|
var handleMouseLeave = function handleMouseLeave() {
|
@@ -323,9 +321,9 @@ var external_vue_ = __webpack_require__(6609);
|
|
323
321
|
// EXTERNAL MODULE: external "../shared"
|
324
322
|
var shared_ = __webpack_require__(9253);
|
325
323
|
;// CONCATENATED MODULE: external "@popperjs/core"
|
326
|
-
var
|
327
|
-
var
|
328
|
-
const core_namespaceObject =
|
324
|
+
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
325
|
+
var y = x => () => x
|
326
|
+
const core_namespaceObject = x({ ["createPopper"]: () => __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__.createPopper });
|
329
327
|
;// CONCATENATED MODULE: ../../packages/directives/src/tooltips.ts
|
330
328
|
|
331
329
|
|
@@ -391,9 +389,6 @@ var tooltips = {
|
|
391
389
|
hide(el);
|
392
390
|
}, 100);
|
393
391
|
});
|
394
|
-
el.addEventListener('click', function () {
|
395
|
-
hide(el);
|
396
|
-
});
|
397
392
|
popper.addEventListener('mouseleave', function () {
|
398
393
|
clearTimeout(delayTimeout);
|
399
394
|
hideTimeout = setTimeout(function () {
|
@@ -407,7 +402,7 @@ var tooltips = {
|
|
407
402
|
show(el);
|
408
403
|
clearTimeout(delayTimeout);
|
409
404
|
}, opts.delay);
|
410
|
-
} else if (popper.hasAttribute('data-show')) {
|
405
|
+
} else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
|
411
406
|
hide(el);
|
412
407
|
}
|
413
408
|
});
|
@@ -1265,6 +1260,15 @@ normalizeWheel.getEventType = function() /*string*/ {
|
|
1265
1260
|
module.exports = normalizeWheel;
|
1266
1261
|
|
1267
1262
|
|
1263
|
+
/***/ }),
|
1264
|
+
|
1265
|
+
/***/ 563:
|
1266
|
+
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
1267
|
+
|
1268
|
+
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
1269
|
+
var y = x => () => x
|
1270
|
+
module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
|
1271
|
+
|
1268
1272
|
/***/ }),
|
1269
1273
|
|
1270
1274
|
/***/ 9253:
|
@@ -1820,8 +1824,8 @@ var formEvents = {
|
|
1820
1824
|
}));
|
1821
1825
|
// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
|
1822
1826
|
var toConsumableArray = __webpack_require__(7930);
|
1823
|
-
// EXTERNAL MODULE: ../../packages/directives/src/index.ts +
|
1824
|
-
var src = __webpack_require__(
|
1827
|
+
// EXTERNAL MODULE: ../../packages/directives/src/index.ts + 7 modules
|
1828
|
+
var src = __webpack_require__(668);
|
1825
1829
|
;// CONCATENATED MODULE: external "../icon"
|
1826
1830
|
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
1827
1831
|
var icon_y = x => () => x
|
@@ -1968,6 +1972,7 @@ function form_item_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
|
|
1968
1972
|
|
1969
1973
|
|
1970
1974
|
var formItemProps = {
|
1975
|
+
itemType: shared_.PropTypes.oneOf(['default', 'vertical']),
|
1971
1976
|
label: shared_.PropTypes.string,
|
1972
1977
|
labelWidth: shared_.PropTypes.oneOfType([Number, String]),
|
1973
1978
|
labelPosition: shared_.PropTypes.oneOf(['left', 'center', 'right']),
|
@@ -1979,7 +1984,8 @@ var formItemProps = {
|
|
1979
1984
|
maxlength: shared_.PropTypes.number,
|
1980
1985
|
rules: shared_.PropTypes.array,
|
1981
1986
|
description: shared_.PropTypes.string,
|
1982
|
-
errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
|
1987
|
+
errorDisplayType: shared_.PropTypes.oneOf(['tooltips', 'normal']).def('normal'),
|
1988
|
+
errorTipAppendToParent: shared_.PropTypes.bool.def(false)
|
1983
1989
|
};
|
1984
1990
|
var hasOwn = function hasOwn(obj, key) {
|
1985
1991
|
return Object.prototype.hasOwnProperty.call(obj, key);
|
@@ -2122,7 +2128,7 @@ var isValid = function isValid(value) {
|
|
2122
2128
|
if (!isForm) {
|
2123
2129
|
return false;
|
2124
2130
|
}
|
2125
|
-
return form.props.formType === 'vertical';
|
2131
|
+
return form.props.formType === 'vertical' || props.itemType === 'vertical';
|
2126
2132
|
});
|
2127
2133
|
var isShowLabel = (0,external_vue_.computed)(function () {
|
2128
2134
|
if (props.label || context.slots.label) {
|
@@ -2212,19 +2218,18 @@ var isValid = function isValid(value) {
|
|
2212
2218
|
state.errorMessage = errorMessage;
|
2213
2219
|
}
|
2214
2220
|
form.emit('validate', props.property, false, errorMessage);
|
2215
|
-
return Promise.reject(state.errorMessage);
|
2216
2221
|
});
|
2217
2222
|
}
|
2218
2223
|
// 同步验证失败
|
2219
|
-
if (result === false) {
|
2220
|
-
var errorMessage = getRuleMessage(rule);
|
2224
|
+
if (Boolean(result) === false || typeof result === 'string') {
|
2225
|
+
var errorMessage = typeof result === 'string' ? result : getRuleMessage(rule);
|
2221
2226
|
if (showError) {
|
2222
2227
|
state.isError = true;
|
2223
2228
|
// 验证结果返回的是 String 表示验证失败,返回结果作为错误信息
|
2224
|
-
state.errorMessage =
|
2229
|
+
state.errorMessage = errorMessage;
|
2225
2230
|
}
|
2226
2231
|
form.emit('validate', props.property, false, errorMessage);
|
2227
|
-
return Promise.reject(
|
2232
|
+
return Promise.reject(errorMessage);
|
2228
2233
|
}
|
2229
2234
|
// 下一步
|
2230
2235
|
return doValidate();
|
@@ -2272,7 +2277,7 @@ var isValid = function isValid(value) {
|
|
2272
2277
|
_this$$slots,
|
2273
2278
|
_this$$slots$default,
|
2274
2279
|
_this$$slots2;
|
2275
|
-
var itemClassees = (0,shared_.classes)((0,defineProperty["default"])((0,defineProperty["default"])((0,defineProperty["default"])({}, "".concat(this.resolveClassName('form-item')), true), 'is-error', this.isError), 'is-required', this.required));
|
2280
|
+
var itemClassees = (0,shared_.classes)((0,defineProperty["default"])((0,defineProperty["default"])((0,defineProperty["default"])((0,defineProperty["default"])({}, "".concat(this.resolveClassName('form-item')), true), "".concat(this.resolveClassName("form-item--".concat(this.itemType))), Boolean(this.itemType)), 'is-error', this.isError), 'is-required', this.required));
|
2276
2281
|
var renderLabel = function renderLabel() {
|
2277
2282
|
if (_this.$slots.label) {
|
2278
2283
|
return (0,external_vue_.createVNode)("span", null, [_this.$slots.label()]);
|
@@ -2294,7 +2299,10 @@ var isValid = function isValid(value) {
|
|
2294
2299
|
if (_this.errorDisplayType === 'tooltips') {
|
2295
2300
|
return (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
|
2296
2301
|
"class": "".concat(_this.resolveClassName('form-error-tips'))
|
2297
|
-
}, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"),
|
2302
|
+
}, [(0,external_vue_.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_.resolveDirective)("bk-tooltips"), {
|
2303
|
+
content: _this.errorMessage,
|
2304
|
+
boundary: _this.errorTipAppendToParent ? 'parent' : document.body
|
2305
|
+
}]]);
|
2298
2306
|
}
|
2299
2307
|
return (0,external_vue_.createVNode)("div", {
|
2300
2308
|
"class": "".concat(_this.resolveClassName('form-error'))
|
package/lib/image/index.js
CHANGED
@@ -3,7 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
6
|
-
import * as
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
|
7
7
|
import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
|
9
9
|
import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
|
@@ -871,10 +871,10 @@ ClickOutside.install = function (app) {
|
|
871
871
|
app.directive('bkTooltips', ClickOutside);
|
872
872
|
};
|
873
873
|
/* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
|
874
|
-
;// CONCATENATED MODULE: external "../
|
875
|
-
var
|
876
|
-
var
|
877
|
-
const
|
874
|
+
;// CONCATENATED MODULE: external "../popover"
|
875
|
+
var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
876
|
+
var popover_y = x => () => x
|
877
|
+
const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
|
878
878
|
;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
|
879
879
|
|
880
880
|
/*
|
@@ -952,7 +952,7 @@ var createInstance = function createInstance(el, binding) {
|
|
952
952
|
onContentMouseenter: handleContentEnter,
|
953
953
|
onContentMouseleave: handleContentLeave
|
954
954
|
});
|
955
|
-
instance = (0,
|
955
|
+
instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
|
956
956
|
}, 300);
|
957
957
|
};
|
958
958
|
var handleMouseLeave = function handleMouseLeave() {
|
@@ -1136,9 +1136,6 @@ var tooltips = {
|
|
1136
1136
|
hide(el);
|
1137
1137
|
}, 100);
|
1138
1138
|
});
|
1139
|
-
el.addEventListener('click', function () {
|
1140
|
-
hide(el);
|
1141
|
-
});
|
1142
1139
|
popper.addEventListener('mouseleave', function () {
|
1143
1140
|
clearTimeout(delayTimeout);
|
1144
1141
|
hideTimeout = setTimeout(function () {
|
@@ -1152,7 +1149,7 @@ var tooltips = {
|
|
1152
1149
|
show(el);
|
1153
1150
|
clearTimeout(delayTimeout);
|
1154
1151
|
}, opts.delay);
|
1155
|
-
} else if (popper.hasAttribute('data-show')) {
|
1152
|
+
} else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
|
1156
1153
|
hide(el);
|
1157
1154
|
}
|
1158
1155
|
});
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
@@ -3,6 +3,5 @@ export * from './hooks';
|
|
3
3
|
export { default } from './preset';
|
4
4
|
export * from './config-provider';
|
5
5
|
export * from './directives';
|
6
|
-
export
|
7
|
-
export const version = "2.0.2-beta.4";
|
6
|
+
export const version = "2.0.2-beta.40";
|
8
7
|
window.__bkui_vue_version__ = version;
|
package/lib/input/index.d.ts
CHANGED
@@ -31,19 +31,19 @@ declare const BkInput: {
|
|
31
31
|
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
32
32
|
default: string;
|
33
33
|
};
|
34
|
-
step: import("vue-types").
|
34
|
+
step: import("vue-types").VueTypeValidableDef<number> & {
|
35
35
|
default: number;
|
36
36
|
};
|
37
|
-
max: import("vue-types").
|
37
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
38
38
|
default: number;
|
39
39
|
};
|
40
|
-
min: import("vue-types").
|
40
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
41
41
|
default: number;
|
42
42
|
};
|
43
|
-
maxlength: import("vue-types").
|
43
|
+
maxlength: import("vue-types").VueTypeValidableDef<number> & {
|
44
44
|
default: number;
|
45
45
|
};
|
46
|
-
maxcharacter: import("vue-types").
|
46
|
+
maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
|
47
47
|
default: number;
|
48
48
|
};
|
49
49
|
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
@@ -94,6 +94,10 @@ declare const BkInput: {
|
|
94
94
|
} & {
|
95
95
|
default: boolean;
|
96
96
|
};
|
97
|
+
tooltipsOptions: {
|
98
|
+
type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
|
99
|
+
default: () => {};
|
100
|
+
};
|
97
101
|
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
98
102
|
default: boolean;
|
99
103
|
} & {
|
@@ -169,19 +173,19 @@ declare const BkInput: {
|
|
169
173
|
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
170
174
|
default: string;
|
171
175
|
};
|
172
|
-
step: import("vue-types").
|
176
|
+
step: import("vue-types").VueTypeValidableDef<number> & {
|
173
177
|
default: number;
|
174
178
|
};
|
175
|
-
max: import("vue-types").
|
179
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
176
180
|
default: number;
|
177
181
|
};
|
178
|
-
min: import("vue-types").
|
182
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
179
183
|
default: number;
|
180
184
|
};
|
181
|
-
maxlength: import("vue-types").
|
185
|
+
maxlength: import("vue-types").VueTypeValidableDef<number> & {
|
182
186
|
default: number;
|
183
187
|
};
|
184
|
-
maxcharacter: import("vue-types").
|
188
|
+
maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
|
185
189
|
default: number;
|
186
190
|
};
|
187
191
|
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
@@ -232,6 +236,10 @@ declare const BkInput: {
|
|
232
236
|
} & {
|
233
237
|
default: boolean;
|
234
238
|
};
|
239
|
+
tooltipsOptions: {
|
240
|
+
type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
|
241
|
+
default: () => {};
|
242
|
+
};
|
235
243
|
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
236
244
|
default: boolean;
|
237
245
|
} & {
|
@@ -286,6 +294,7 @@ declare const BkInput: {
|
|
286
294
|
withValidate: boolean;
|
287
295
|
overMaxLengthLimit: boolean;
|
288
296
|
showOverflowTooltips: boolean;
|
297
|
+
tooltipsOptions: {};
|
289
298
|
autosize: boolean | import("./input").InputAutoSize;
|
290
299
|
stopPropagation: boolean;
|
291
300
|
}, true, {}, {}, {
|
@@ -327,19 +336,19 @@ declare const BkInput: {
|
|
327
336
|
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
328
337
|
default: string;
|
329
338
|
};
|
330
|
-
step: import("vue-types").
|
339
|
+
step: import("vue-types").VueTypeValidableDef<number> & {
|
331
340
|
default: number;
|
332
341
|
};
|
333
|
-
max: import("vue-types").
|
342
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
334
343
|
default: number;
|
335
344
|
};
|
336
|
-
min: import("vue-types").
|
345
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
337
346
|
default: number;
|
338
347
|
};
|
339
|
-
maxlength: import("vue-types").
|
348
|
+
maxlength: import("vue-types").VueTypeValidableDef<number> & {
|
340
349
|
default: number;
|
341
350
|
};
|
342
|
-
maxcharacter: import("vue-types").
|
351
|
+
maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
|
343
352
|
default: number;
|
344
353
|
};
|
345
354
|
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
@@ -390,6 +399,10 @@ declare const BkInput: {
|
|
390
399
|
} & {
|
391
400
|
default: boolean;
|
392
401
|
};
|
402
|
+
tooltipsOptions: {
|
403
|
+
type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
|
404
|
+
default: () => {};
|
405
|
+
};
|
393
406
|
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
394
407
|
default: boolean;
|
395
408
|
} & {
|
@@ -444,6 +457,7 @@ declare const BkInput: {
|
|
444
457
|
withValidate: boolean;
|
445
458
|
overMaxLengthLimit: boolean;
|
446
459
|
showOverflowTooltips: boolean;
|
460
|
+
tooltipsOptions: {};
|
447
461
|
autosize: boolean | import("./input").InputAutoSize;
|
448
462
|
stopPropagation: boolean;
|
449
463
|
}>;
|
@@ -482,19 +496,19 @@ declare const BkInput: {
|
|
482
496
|
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
483
497
|
default: string;
|
484
498
|
};
|
485
|
-
step: import("vue-types").
|
499
|
+
step: import("vue-types").VueTypeValidableDef<number> & {
|
486
500
|
default: number;
|
487
501
|
};
|
488
|
-
max: import("vue-types").
|
502
|
+
max: import("vue-types").VueTypeValidableDef<number> & {
|
489
503
|
default: number;
|
490
504
|
};
|
491
|
-
min: import("vue-types").
|
505
|
+
min: import("vue-types").VueTypeValidableDef<number> & {
|
492
506
|
default: number;
|
493
507
|
};
|
494
|
-
maxlength: import("vue-types").
|
508
|
+
maxlength: import("vue-types").VueTypeValidableDef<number> & {
|
495
509
|
default: number;
|
496
510
|
};
|
497
|
-
maxcharacter: import("vue-types").
|
511
|
+
maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
|
498
512
|
default: number;
|
499
513
|
};
|
500
514
|
behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
|
@@ -545,6 +559,10 @@ declare const BkInput: {
|
|
545
559
|
} & {
|
546
560
|
default: boolean;
|
547
561
|
};
|
562
|
+
tooltipsOptions: {
|
563
|
+
type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
|
564
|
+
default: () => {};
|
565
|
+
};
|
548
566
|
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
549
567
|
default: boolean;
|
550
568
|
} & {
|
@@ -614,6 +632,7 @@ declare const BkInput: {
|
|
614
632
|
withValidate: boolean;
|
615
633
|
overMaxLengthLimit: boolean;
|
616
634
|
showOverflowTooltips: boolean;
|
635
|
+
tooltipsOptions: {};
|
617
636
|
autosize: boolean | import("./input").InputAutoSize;
|
618
637
|
stopPropagation: boolean;
|
619
638
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
|
package/lib/input/index.js
CHANGED
@@ -3,7 +3,7 @@ import "./input.less";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
6
|
-
import * as
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
|
7
7
|
import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
|
9
9
|
import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
|
@@ -954,10 +954,10 @@ ClickOutside.install = function (app) {
|
|
954
954
|
app.directive('bkTooltips', ClickOutside);
|
955
955
|
};
|
956
956
|
/* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
|
957
|
-
;// CONCATENATED MODULE: external "../
|
958
|
-
var
|
959
|
-
var
|
960
|
-
const
|
957
|
+
;// CONCATENATED MODULE: external "../popover"
|
958
|
+
var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
959
|
+
var popover_y = x => () => x
|
960
|
+
const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
|
961
961
|
;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
|
962
962
|
|
963
963
|
/*
|
@@ -1035,7 +1035,7 @@ var createInstance = function createInstance(el, binding) {
|
|
1035
1035
|
onContentMouseenter: handleContentEnter,
|
1036
1036
|
onContentMouseleave: handleContentLeave
|
1037
1037
|
});
|
1038
|
-
instance = (0,
|
1038
|
+
instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
|
1039
1039
|
}, 300);
|
1040
1040
|
};
|
1041
1041
|
var handleMouseLeave = function handleMouseLeave() {
|
@@ -1203,9 +1203,6 @@ var tooltips = {
|
|
1203
1203
|
hide(el);
|
1204
1204
|
}, 100);
|
1205
1205
|
});
|
1206
|
-
el.addEventListener('click', function () {
|
1207
|
-
hide(el);
|
1208
|
-
});
|
1209
1206
|
popper.addEventListener('mouseleave', function () {
|
1210
1207
|
clearTimeout(delayTimeout);
|
1211
1208
|
hideTimeout = setTimeout(function () {
|
@@ -1219,7 +1216,7 @@ var tooltips = {
|
|
1219
1216
|
show(el);
|
1220
1217
|
clearTimeout(delayTimeout);
|
1221
1218
|
}, opts.delay);
|
1222
|
-
} else if (popper.hasAttribute('data-show')) {
|
1219
|
+
} else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
|
1223
1220
|
hide(el);
|
1224
1221
|
}
|
1225
1222
|
});
|
@@ -1614,11 +1611,11 @@ var inputType = {
|
|
1614
1611
|
suffixIcon: shared_namespaceObject.PropTypes.string,
|
1615
1612
|
suffix: shared_namespaceObject.PropTypes.string,
|
1616
1613
|
prefix: shared_namespaceObject.PropTypes.string,
|
1617
|
-
step: shared_namespaceObject.PropTypes.
|
1618
|
-
max: shared_namespaceObject.PropTypes.
|
1619
|
-
min: shared_namespaceObject.PropTypes.
|
1620
|
-
maxlength: shared_namespaceObject.PropTypes.
|
1621
|
-
maxcharacter: shared_namespaceObject.PropTypes.
|
1614
|
+
step: shared_namespaceObject.PropTypes.number,
|
1615
|
+
max: shared_namespaceObject.PropTypes.number,
|
1616
|
+
min: shared_namespaceObject.PropTypes.number,
|
1617
|
+
maxlength: shared_namespaceObject.PropTypes.number,
|
1618
|
+
maxcharacter: shared_namespaceObject.PropTypes.number,
|
1622
1619
|
behavior: (0,shared_namespaceObject.InputBehaviorType)(),
|
1623
1620
|
showWordLimit: shared_namespaceObject.PropTypes.bool,
|
1624
1621
|
showControl: shared_namespaceObject.PropTypes.bool.def(true),
|
@@ -1633,6 +1630,12 @@ var inputType = {
|
|
1633
1630
|
withValidate: shared_namespaceObject.PropTypes.bool.def(true),
|
1634
1631
|
overMaxLengthLimit: shared_namespaceObject.PropTypes.bool.def(false),
|
1635
1632
|
showOverflowTooltips: shared_namespaceObject.PropTypes.bool.def(true),
|
1633
|
+
tooltipsOptions: {
|
1634
|
+
type: Object,
|
1635
|
+
"default": function _default() {
|
1636
|
+
return {};
|
1637
|
+
}
|
1638
|
+
},
|
1636
1639
|
resize: shared_namespaceObject.PropTypes.bool.def(true),
|
1637
1640
|
autosize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Object]).def(false),
|
1638
1641
|
stopPropagation: shared_namespaceObject.PropTypes.bool.def(true)
|
@@ -1782,16 +1785,16 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
|
|
1782
1785
|
var tooltips = (0,external_vue_namespaceObject.computed)(function () {
|
1783
1786
|
var _props$modelValue2;
|
1784
1787
|
if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
|
1785
|
-
return {
|
1788
|
+
return input_objectSpread({
|
1786
1789
|
content: t.value.maxlengthLimitTips
|
1787
|
-
};
|
1790
|
+
}, props.tooltipsOptions || {});
|
1788
1791
|
}
|
1789
|
-
return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
|
1792
|
+
return props.showOverflowTooltips && isOverflow.value && props.modelValue ? input_objectSpread({
|
1790
1793
|
content: (_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString(),
|
1791
1794
|
sameWidth: true
|
1792
|
-
} : {
|
1795
|
+
}, props.tooltipsOptions || {}) : input_objectSpread({
|
1793
1796
|
disabled: true
|
1794
|
-
};
|
1797
|
+
}, props.tooltipsOptions || {});
|
1795
1798
|
});
|
1796
1799
|
var showMaxLimit = (0,external_vue_namespaceObject.computed)(function () {
|
1797
1800
|
return typeof props.maxlength === 'number' || typeof props.maxcharacter === 'number';
|
@@ -1914,7 +1917,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
|
|
1914
1917
|
ctx.emit(eventName, _val, e);
|
1915
1918
|
return;
|
1916
1919
|
}
|
1917
|
-
ctx.emit(eventName, e.target.value, e);
|
1920
|
+
ctx.emit(eventName, isNumberInput.value ? handleNumber(e.target.value, 0) : e.target.value, e);
|
1918
1921
|
};
|
1919
1922
|
}
|
1920
1923
|
var _map = [EVENTS.KEYUP, EVENTS.KEYDOWN, EVENTS.KEYPRESS, EVENTS.PASTE, EVENTS.CHANGE, EVENTS.INPUT].map(eventHandler),
|