bkui-vue 2.0.1-beta.82 → 2.0.1-beta.84

package/lib/collapse/index.js

@@ -293,6 +293,8 @@ function _isSlot(s) {
       (0,external_vue_namespaceObject.watch)(localActiveItems, function (newVal) {
         if (newVal !== null && newVal !== void 0 && newVal.length) {
           isActive.value = newVal.includes(props.name);
+        } else {
+          isActive.value = false;
         }
       }, {
         immediate: true

package/lib/components.d.ts

@@ -14,7 +14,6 @@ export { default as Collapse } from './collapse';
 export { default as ColorPicker } from './color-picker';
 export { default as ConfigProvider } from './config-provider';
 export { default as Container } from './container';
-export { default as containerProps } from './container';
 export { default as DatePicker } from './date-picker';
 export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
@@ -57,7 +56,6 @@ export { default as Table } from './table';
 export { default as Tag } from './tag';
 export { default as TagInput } from './tag-input';
 export { default as TimePicker } from './time-picker';
-export { default as TimeLine } from './timeline';
 export { default as Timeline } from './timeline';
 export { default as Transfer } from './transfer';
 export { default as Tree } from './tree';

package/lib/components.js

@@ -38,7 +38,6 @@ export { default as Collapse } from './collapse';
 export { default as ColorPicker } from './color-picker';
 export { default as ConfigProvider } from './config-provider';
 export { default as Container } from './container';
-export { default as containerProps } from './container';
 export { default as DatePicker } from './date-picker';
 export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
@@ -79,7 +78,6 @@ export { default as Table } from './table';
 export { default as Tag } from './tag';
 export { default as TagInput } from './tag-input';
 export { default as TimePicker } from './time-picker';
-export { default as TimeLine } from './timeline'; // 兼容以往版本
 export { default as Timeline } from './timeline';
 export { default as Transfer } from './transfer';
 export { default as Tree } from './tree';

package/lib/date-picker/date-picker.d.ts

@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
         readonly default: "date";
@@ -282,6 +282,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;

package/lib/date-picker/index.d.ts

@@ -114,6 +114,8 @@ declare const BkDatePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -177,7 +179,7 @@ declare const BkDatePicker: {
         shortcut: import("vue").Ref<any>;
         onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
         tmpValue: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
             readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
             readonly default: "date";
@@ -291,6 +293,8 @@ declare const BkDatePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -454,6 +458,8 @@ declare const BkDatePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -661,6 +667,8 @@ declare const BkDatePicker: {
         readonly default: true;
     };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
@@ -724,7 +732,7 @@ declare const BkDatePicker: {
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", {
     readonly type: import("./interface").PickerTypeType;
     readonly disabled: boolean;
     readonly placement: import("@popperjs/core").ComputedPlacement;

package/lib/date-picker/index.js

@@ -4362,7 +4362,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     clickoutside: directives_namespaceObject.clickoutside
   },
   props: datePickerProps,
-  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'pick-first'],
+  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'pick-first', 'blur', 'focus'],
   // slots: ['header'],
   slots: Object,
   setup: function setup(props, _ref) {
@@ -4707,6 +4707,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
       teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
+      emit('focus');
       if (e && e.type === 'focus') {
         return;
       }
@@ -4735,6 +4736,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       reset();
       pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 || _pickerPanelRef$value3.onToggleVisibility(false);
       formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
+      emit('blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;
@@ -5085,7 +5087,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     clickoutside: directives_namespaceObject.clickoutside
   },
   props: time_picker_objectSpread(time_picker_objectSpread(time_picker_objectSpread({}, datePickerProps), timePickerProps), timePanelProps),
-  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success'],
+  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'blur', 'focus'],
   // slots: ['header'],
   slots: Object,
   setup: function setup(props, _ref) {
@@ -5422,6 +5424,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
       teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
+      emit('focus');
       if (e && e.type === 'focus') {
         return;
       }
@@ -5450,6 +5453,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       reset();
       pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value5 = pickerPanelRef.value) === null || _pickerPanelRef$value5 === void 0 || _pickerPanelRef$value5.onToggleVisibility(false);
       formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
+      emit('blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;

package/lib/date-picker/time-picker.d.ts

@@ -196,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabledHours: {
         readonly type: ArrayConstructor;
         readonly default: () => any[];
@@ -334,6 +334,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.82";
+export const version = "2.0.1-beta.84";
 window.__bkui_vue_version__ = version;

package/lib/tag-input/index.d.ts

@@ -61,6 +61,11 @@ declare const TagInput: {
         } & {
             default: boolean;
         };
+        clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         maxData: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -405,6 +410,11 @@ declare const TagInput: {
         } & {
             default: boolean;
         };
+        clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         maxData: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -650,6 +660,7 @@ declare const TagInput: {
         displayKey: string;
         hasDeleteIcon: boolean;
         useGroup: boolean;
+        clearTextSpace: boolean;
         maxData: number;
         maxResult: number;
         contentMaxHeight: number;
@@ -729,6 +740,11 @@ declare const TagInput: {
         } & {
             default: boolean;
         };
+        clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         maxData: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -1031,6 +1047,7 @@ declare const TagInput: {
         displayKey: string;
         hasDeleteIcon: boolean;
         useGroup: boolean;
+        clearTextSpace: boolean;
         maxData: number;
         maxResult: number;
         contentMaxHeight: number;
@@ -1107,6 +1124,11 @@ declare const TagInput: {
     } & {
         default: boolean;
     };
+    clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     maxData: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -1409,6 +1431,7 @@ declare const TagInput: {
     displayKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
+    clearTextSpace: boolean;
     maxData: number;
     maxResult: number;
     contentMaxHeight: number;

package/lib/tag-input/index.js

@@ -17781,6 +17781,7 @@ var tagProps = function tagProps() {
     searchKey: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.string)]).def('name'),
     useGroup: shared_namespaceObject.PropTypes.bool.def(false),
     allowCreate: shared_namespaceObject.PropTypes.bool.def(false),
+    clearTextSpace: shared_namespaceObject.PropTypes.bool.def(true),
     maxData: shared_namespaceObject.PropTypes.number.def(-1),
     maxResult: shared_namespaceObject.PropTypes.number.def(10),
     contentMaxHeight: shared_namespaceObject.PropTypes.number.def(300),
@@ -18673,7 +18674,8 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       var separator = props.separator,
         saveKey = props.saveKey,
         displayKey = props.displayKey,
-        createTagValidator = props.createTagValidator;
+        createTagValidator = props.createTagValidator,
+        clearTextSpace = props.clearTextSpace;
       var targetIndex = getTagInputItemSite();
       var moveCount = 1;
       var isSelected = false;
@@ -18704,7 +18706,9 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         } else {
           var isObject = _typeof(item) === 'object';
           newValue = isObject ? item[saveKey] : item.trim();
-          newValue = newValue.replace(/\s+/g, '');
+          if (clearTextSpace) {
+            newValue = newValue.replace(/\s+/g, '');
+          }
           if (newValue !== undefined && !tagList.value.includes(newValue) && validateTag(newValue)) {
             var localItem = saveKeyMap.value[newValue] || (isObject ? item : _defineProperty(_defineProperty({}, saveKey, newValue), displayKey, newValue));
             listState.selectedTagList.splice(targetIndex, 0, localItem);

package/lib/tag-input/tag-input.d.ts

@@ -61,6 +61,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     maxData: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -396,6 +401,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     maxData: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -641,6 +651,7 @@ declare const _default: import("vue").DefineComponent<{
     displayKey: string;
     hasDeleteIcon: boolean;
     useGroup: boolean;
+    clearTextSpace: boolean;
     maxData: number;
     maxResult: number;
     contentMaxHeight: number;

package/lib/tag-input/tag-props.d.ts

@@ -62,6 +62,11 @@ declare const tagProps: () => {
     } & {
         default: boolean;
     };
+    clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     maxData: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {

package/lib/time-picker/index.d.ts

@@ -137,6 +137,8 @@ declare const BkTimePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -203,7 +205,7 @@ declare const BkTimePicker: {
         shortcut: import("vue").Ref<any>;
         onSelectionModeChange: import("vue").Ref<(_type: any) => import("../date-picker/interface").SelectionModeType>;
         tmpValue: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         disabledHours: {
             readonly type: ArrayConstructor;
             readonly default: () => any[];
@@ -341,6 +343,8 @@ declare const BkTimePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -533,6 +537,8 @@ declare const BkTimePicker: {
             readonly default: true;
         };
     }>> & {
+        onFocus?: (...args: any[]) => any;
+        onBlur?: (...args: any[]) => any;
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
@@ -773,6 +779,8 @@ declare const BkTimePicker: {
         readonly default: true;
     };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
@@ -839,7 +847,7 @@ declare const BkTimePicker: {
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("../date-picker/interface").SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", {
     type: import("../date-picker/interface").PickerTypeType;
     width: number;
     disabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.82",
+  "version": "2.0.1-beta.84",
   "workspaces": [
     "packages/**",
     "scripts/cli",