bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

package/lib/select/option.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     selectedStyle: import("vue").ComputedRef<SelectedTypeEnum>;
     optionName: import("vue").ComputedRef<string | number>;
     optionID: import("vue").ComputedRef<unknown>;
+    isDisabled: import("vue").ComputedRef<boolean>;
     handleOptionClick: () => void;
     handleMouseEnter: () => void;
     resolveClassName: (cls: string) => string;

package/lib/select/select.css

@@ -312,6 +312,9 @@
   margin-right: 6px;
   pointer-events: none;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
+  opacity: 0;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/select/select.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -38,6 +38,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -288,10 +294,18 @@ declare const _default: import("vue").DefineComponent<{
         default: "checkbox" | "check";
     };
     filterOption: {
-        type: (BooleanConstructor | FunctionConstructor)[];
-        default: boolean;
+        type: FunctionConstructor;
     };
 }, {
+    t: import("vue").ComputedRef<{
+        noData: string;
+        noMatchedData: string;
+        loading: string;
+        pleaseSelect: string;
+        enterKeywords: string;
+        all: string;
+        selectAll: string;
+    }>;
     selected: import("vue").Ref<{
         value: string;
         label: string | number;
@@ -428,8 +442,10 @@ declare const _default: import("vue").DefineComponent<{
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -508,8 +524,10 @@ declare const _default: import("vue").DefineComponent<{
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
+        overflowContent: import("vue").ComputedRef<string>;
         handleRemoveTag: (val: string) => void;
         focus: () => void;
+        blur: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -523,7 +541,9 @@ declare const _default: import("vue").DefineComponent<{
     isShowSelectContent: import("vue").ComputedRef<boolean>;
     curContentText: import("vue").ComputedRef<string>;
     isGroup: import("vue").ComputedRef<boolean>;
-    searchKey: import("vue").Ref<string>;
+    searchValue: import("vue").Ref<string>;
+    customOptionName: import("vue").Ref<string>;
+    isShowAll: import("vue").ComputedRef<boolean>;
     isShowSelectAll: import("vue").ComputedRef<boolean>;
     virtualHeight: import("vue").ComputedRef<number>;
     virtualList: import("vue").ComputedRef<any[]>;
@@ -656,6 +676,7 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }>>>>;
+    isAllSelected: import("vue").ComputedRef<boolean>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -665,7 +686,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClear: (e: Event) => void;
     hidePopover: () => void;
     showPopover: () => void;
-    handleToggleAll: () => void;
+    handleToggleSelectAll: () => void;
     handleOptionSelected: (option: OptionInstanceType) => void;
     handleClickOutside: ({ event }: {
         event: any;
@@ -680,7 +701,7 @@ declare const _default: import("vue").DefineComponent<{
     localSearchPlaceholder: import("vue").ComputedRef<string>;
     localSelectAllText: import("vue").ComputedRef<string>;
     resolveClassName: (cls: string) => string;
-    handleCreateCustomOption: (val: string | number) => void;
+    handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -693,8 +714,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -719,6 +740,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    showAll: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -969,8 +996,7 @@ declare const _default: import("vue").DefineComponent<{
         default: "checkbox" | "check";
     };
     filterOption: {
-        type: (BooleanConstructor | FunctionConstructor)[];
-        default: boolean;
+        type: FunctionConstructor;
     };
 }>> & {
     onFocus?: (...args: any[]) => any;
@@ -986,15 +1012,15 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     prefix: string;
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;
     list: any[];
+    loading: boolean;
     tagTheme: "" | "info" | "success" | "warning" | "danger";
     behavior: "normal" | "simplicity";
     selectedStyle: "checkbox" | "check";
-    loading: boolean;
     scrollHeight: number;
     clearable: boolean;
     withValidate: boolean;
@@ -1007,6 +1033,7 @@ declare const _default: import("vue").DefineComponent<{
     displayKey: string;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
+    showAll: boolean;
     showSelectAll: boolean;
     multipleMode: string;
     autoHeight: boolean;
@@ -1021,6 +1048,5 @@ declare const _default: import("vue").DefineComponent<{
     allowEmptyValues: unknown[];
     autoFocus: boolean;
     keepSearchValue: boolean;
-    filterOption: boolean | Function;
 }, {}>;
 export default _default;

package/lib/select/select.less

@@ -353,6 +353,9 @@
           .@{bk-prefix}-select-checkbox {
             margin-right: 6px;
             pointer-events: none;
+            .@{bk-prefix}-checkbox-original {
+              opacity: 0;
+            }
           }
 
           &-item {

package/lib/select/select.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -434,6 +438,9 @@
   margin-right: 6px;
   pointer-events: none;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
+  opacity: 0;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/select/selectTagInput.d.ts

@@ -42,8 +42,10 @@ declare const _default: import("vue").DefineComponent<{
     overflowTagIndex: import("vue").Ref<number>;
     value: any;
     inputRef: import("vue").Ref<HTMLElement>;
+    overflowContent: import("vue").ComputedRef<string>;
     handleRemoveTag: (val: string) => void;
     focus: () => void;
+    blur: () => void;
     handleInput: (e: any) => void;
     handleKeydown: (e: any) => void;
     resolveClassName: (cls: string) => string;

package/lib/select/type.d.ts

@@ -15,12 +15,15 @@ export interface ISelectContext {
     activeOptionValue: any;
     showSelectedIcon: boolean;
     selectedStyle: SelectedTypeEnum;
+    isShowAll: Boolean;
+    allOptionId: any;
     register(key: any, option: OptionInstanceType): any;
     unregister(key: any): any;
     registerGroup(key: any, option: GroupInstanceType): any;
     unregisterGroup(key: any): any;
     handleOptionSelected(option: OptionInstanceType): void;
     handleGetLabelByValue(value: any): string | number;
+    handleToggleAll(): void;
 }
 export interface IOptionGroupContext {
     disabled: boolean;