bkui-vue 0.0.1-beta.345 → 0.0.1-beta.347

package/lib/search-select/search-select.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SelectedItem, ValidateValuesFunc } from './utils';
 export declare const SearchSelectProps: {
     data: {
@@ -34,6 +34,14 @@ export declare const SearchSelectProps: {
     };
     getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
+    valueSplitCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    uniqueSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 declare const _default: import("vue").DefineComponent<{
     data: {
@@ -69,8 +77,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
+    valueSplitCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    uniqueSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    inputRef: import("vue").Ref<import("vue").DefineComponent<{
+    inputRef: Ref<import("vue").DefineComponent<{
         data: {
             type: PropType<ISearchItem[]>;
             required: true;
@@ -87,14 +103,14 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
-        geMenuList: PropType<GetMenuListFunc>;
+        getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
     }, {
-        popoverRef: import("vue").Ref<HTMLDivElement>;
-        inputRef: import("vue").Ref<HTMLDivElement>;
-        keyword: import("vue").Ref<string>;
-        loading: import("vue").Ref<boolean>;
-        remoteMenuList: import("vue").Ref<{
+        popoverRef: Ref<HTMLDivElement>;
+        inputRef: Ref<HTMLDivElement>;
+        keyword: Ref<string>;
+        loading: Ref<boolean>;
+        remoteMenuList: Ref<{
             id: string;
             name: string;
             disabled?: boolean;
@@ -103,14 +119,16 @@ declare const _default: import("vue").DefineComponent<{
                 name: string;
                 id: string;
                 realId?: string;
+                isSelected?: boolean;
             };
+            isSelected?: boolean;
         }[]>;
-        menuList: import("vue").Ref<ISearchItem[]>;
-        menuHoverId: import("vue").Ref<string>;
-        isFocus: import("vue").Ref<boolean>;
-        usingItem: import("vue").Ref<SelectedItem>;
-        showPopover: import("vue").Ref<boolean>;
-        showNoSelectValueError: import("vue").Ref<boolean>;
+        menuList: Ref<ISearchItem[]>;
+        menuHoverId: Ref<string>;
+        isFocus: Ref<boolean>;
+        usingItem: Ref<SelectedItem>;
+        showPopover: Ref<boolean>;
+        showNoSelectValueError: Ref<boolean>;
         debounceSetMenuList: {
             (this: any): any;
             cancel(): void;
@@ -140,7 +158,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
-        geMenuList: PropType<GetMenuListFunc>;
+        getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
     }>> & {
         onFocus?: (...args: any[]) => any;
@@ -152,9 +170,10 @@ declare const _default: import("vue").DefineComponent<{
         showInputBefore: boolean;
         showCondition: boolean;
     }>>;
-    wrapRef: import("vue").Ref<HTMLDivElement>;
-    isFocus: import("vue").Ref<boolean>;
-    selectedList: import("vue").Ref<{
+    wrapRef: Ref<HTMLDivElement>;
+    isFocus: Ref<boolean>;
+    copyData: Ref<ISearchItem[]>;
+    selectedList: Ref<{
         id: string;
         name: string;
         values: {
@@ -166,7 +185,9 @@ declare const _default: import("vue").DefineComponent<{
                 name: string;
                 id: string;
                 realId?: string;
+                isSelected?: boolean;
             };
+            isSelected?: boolean;
         }[];
         condition: string;
         searchItem: {
@@ -181,15 +202,32 @@ declare const _default: import("vue").DefineComponent<{
                     name: string;
                     id: string;
                     realId?: string;
+                    isSelected?: boolean;
                 };
+                isSelected?: boolean;
             }[];
             multiple?: boolean;
             async?: boolean;
             noValidate?: boolean;
             placeholder?: string;
             disabled?: boolean;
+            value?: {
+                id: string;
+                name: string;
+                disabled?: boolean;
+                realId?: string;
+                value?: {
+                    name: string;
+                    id: string;
+                    realId?: string;
+                    isSelected?: boolean;
+                };
+                isSelected?: boolean;
+            };
+            isSelected?: boolean;
         };
         type: SearchItemType;
+        splitCode: string;
         readonly multiple: boolean;
         readonly placeholder: string;
         readonly children: {
@@ -201,7 +239,9 @@ declare const _default: import("vue").DefineComponent<{
                 name: string;
                 id: string;
                 realId?: string;
+                isSelected?: boolean;
             };
+            isSelected?: boolean;
         }[];
         readonly validate: boolean;
         readonly inputInnerHtml: string;
@@ -214,8 +254,9 @@ declare const _default: import("vue").DefineComponent<{
         toValueKey: () => string;
         isInValueList: (item: ICommonItem) => boolean;
     }[]>;
-    overflowIndex: import("vue").Ref<number>;
-    validateStr: import("vue").Ref<string>;
+    overflowIndex: Ref<number>;
+    validateStr: Ref<string>;
+    splitCode: import("vue").ComputedRef<string>;
     onEditClick: (item: SelectedItem, index: number) => void;
     onEditEnter: (item: SelectedItem, index: number) => void;
     handleWrapClick: () => void;
@@ -259,6 +300,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
+    valueSplitCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    uniqueSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
@@ -268,6 +317,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     modelValue: ISearchValue[];
     conditions: ICommonItem[];
+    valueSplitCode: string;
     shrink: boolean;
+    uniqueSelect: boolean;
 }>;
 export default _default;

package/lib/search-select/search-select.less

@@ -19,7 +19,7 @@
   }
 
   .div-input {
-    height: @component-size-base;
+    height: 100%;
     padding: 5px 0;
     line-height: 20px;
     word-break: break-all;
@@ -33,7 +33,7 @@
   &-container {
     position: relative;
     display: flex;
-    min-height: @component-size-base;
+    min-height: 30px;
     overflow: hidden;
     font-size: 12px;
     color: @search-select-font-color;
@@ -50,6 +50,10 @@
     &.is-focus {
       overflow: auto;
       .focus();
+
+      // .search-container-selected {
+      //   margin-bottom: 2p;
+      // }
     }
 
     .search-prefix {
@@ -293,7 +297,8 @@
 
     .menu-item {
       .menu-item-mixin();
-  
+      white-space: pre;
+
       .is-keyword {
         display: inline-flex;
         color: @primary-color;

package/lib/search-select/search-select.variable.css

@@ -916,7 +916,7 @@
   border-color: var(--search-select-focus-border-color) !important;
 }
 .bk-search-select .div-input {
-  height: var(--component-size-base);
+  height: 100%;
   padding: 5px 0;
   line-height: 20px;
   word-break: break-all;
@@ -928,7 +928,7 @@
 .bk-search-select-container {
   position: relative;
   display: flex;
-  min-height: var(--component-size-base);
+  min-height: 30px;
   overflow: hidden;
   font-size: 12px;
   color: var(--search-select-font-color);
@@ -1177,6 +1177,7 @@
   padding: 0 12px;
   flex: 0 0 32px;
   outline: none;
+  white-space: pre;
 }
 .bk-search-select-menu .menu-content .menu-item:hover {
   cursor: pointer;

package/lib/search-select/selected.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ICommonItem[]>;
         default: () => any[];
     };
-    geMenuList: PropType<GetMenuListFunc>;
+    getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
 }, {
     inputRef: import("vue").Ref<import("vue").DefineComponent<{
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        geMenuList: PropType<GetMenuListFunc>;
+        getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
     }, {
         popoverRef: import("vue").Ref<HTMLDivElement>;
@@ -53,7 +53,9 @@ declare const _default: import("vue").DefineComponent<{
                 name: string;
                 id: string;
                 realId?: string;
+                isSelected?: boolean;
             };
+            isSelected?: boolean;
         }[]>;
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
@@ -90,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<SearchInputMode>;
             default: SearchInputMode;
         };
-        geMenuList: PropType<GetMenuListFunc>;
+        getMenuList: PropType<GetMenuListFunc>;
         validateValues: PropType<ValidateValuesFunc>;
     }>> & {
         onFocus?: (...args: any[]) => any;
@@ -126,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ICommonItem[]>;
         default: () => any[];
     };
-    geMenuList: PropType<GetMenuListFunc>;
+    getMenuList: PropType<GetMenuListFunc>;
     validateValues: PropType<ValidateValuesFunc>;
 }>> & {
     onDelete?: (...args: any[]) => any;

package/lib/search-select/utils.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref, VNode } from 'vue';
+import { ComputedRef, InjectionKey, Ref, VNode } from 'vue';
 /**
  * @description: 获取menu list方法
  * @param {ISearchItem} item 已选择的key字段 为空则代表当前并未选择key字段
@@ -20,6 +20,7 @@ export interface ISearchSelectProvider {
     onEditBlur: () => void;
     onValidate: (str: string) => void;
     editKey: Ref<String>;
+    valueSplitCode: ComputedRef<string>;
 }
 export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
 export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
@@ -34,6 +35,7 @@ export interface ICommonItem {
     disabled?: boolean;
     realId?: string;
     value?: Omit<ICommonItem, 'disabled' | 'value'>;
+    isSelected?: boolean;
 }
 export interface ISearchValue extends Omit<ICommonItem, 'disabled' | 'value'> {
     type?: SearchItemType;
@@ -48,6 +50,8 @@ export interface ISearchItem {
     noValidate?: boolean;
     placeholder?: string;
     disabled?: boolean;
+    value?: ICommonItem;
+    isSelected?: boolean;
 }
 export interface IMenuFooterItem {
     id: 'confirm' | 'cancel';
@@ -58,11 +62,12 @@ export declare type SearchItemType = 'text' | 'default' | 'condition';
 export declare class SelectedItem {
     searchItem: ISearchItem;
     type: SearchItemType;
+    splitCode: string;
     id: string;
     name: string;
     values: ICommonItem[];
     condition: string;
-    constructor(searchItem: ISearchItem, type?: SearchItemType);
+    constructor(searchItem: ISearchItem, type?: SearchItemType, splitCode?: string);
     get multiple(): boolean;
     get placeholder(): string;
     get children(): ICommonItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.345",
+  "version": "0.0.1-beta.347",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",