bkui-vue 0.0.1-beta.195 → 0.0.1-beta.197

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

@@ -0,0 +1,21 @@
+.search-seleted-input {
+  position: relative;
+  display: flex;
+  height: 100%;
+  min-width: 150px;
+  min-width: 40px;
+  padding: 0 10px;
+  margin-top: -4px;
+  color: #63656e;
+  border: none;
+  align-items: center;
+  offset: none;
+}
+.search-seleted-input .div-input {
+  height: 30px;
+  padding: 5px 0;
+  line-height: 20px;
+  word-break: break-all;
+  flex: 1 1 auto;
+  outline: none;
+}

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

@@ -0,0 +1,79 @@
+import { InjectionKey, Ref, VNode } from 'vue';
+/**
+ * @description: 获取menu list方法
+ * @param {ISearchItem} item 已选择的key字段 为空则代表当前并未选择key字段
+ * @param {string} keyword 已输入的文本
+ * @return {*} menu list用于渲染选择弹层列表
+ */
+export declare type GetMenuListFunc = (item: ISearchItem, keyword: string) => Promise<ISearchItem[]>;
+export declare type ValidateValuesFunc = (item: ISearchItem, values: ICommonItem[]) => Promise<string | true>;
+export declare type MenuSlotParams = {
+    item: ISearchItem;
+    list: ISearchItem[];
+    hoverId: string;
+    multiple: boolean;
+    getSearchNode: (str: string) => string | (string | VNode)[];
+};
+export interface ISearchSelectProvider {
+    onEditClick: (item: SelectedItem, index: number) => void;
+    onEditEnter: (item: SelectedItem, index: number) => void;
+    onEditBlur: () => void;
+    onValidate: (str: string) => void;
+    editKey: Ref<String>;
+}
+export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
+export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
+export declare const useSearchSelectInject: () => ISearchSelectProvider;
+export declare enum SearchInputMode {
+    'DEFAULT' = 0,
+    'EDIT' = 1
+}
+export interface ICommonItem {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    realId?: string;
+    value?: Omit<ICommonItem, 'disabled' | 'value'>;
+}
+export interface ISearchValue extends Omit<ICommonItem, 'disabled' | 'value'> {
+    type?: SearchItemType;
+    values?: Omit<ICommonItem, 'disabled'>[];
+}
+export interface ISearchItem {
+    id: string;
+    name: string;
+    children?: ICommonItem[];
+    multiple?: boolean;
+    async?: boolean;
+    noValidate?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export interface IMenuFooterItem {
+    id: 'confirm' | 'cancel';
+    name: string;
+    disabled?: boolean;
+}
+export declare type SearchItemType = 'text' | 'default' | 'condition';
+export declare class SelectedItem {
+    searchItem: ISearchItem;
+    type: SearchItemType;
+    id: string;
+    name: string;
+    values: ICommonItem[];
+    condition: string;
+    constructor(searchItem: ISearchItem, type?: SearchItemType);
+    get multiple(): boolean;
+    get placeholder(): string;
+    get children(): ICommonItem[];
+    get validate(): boolean;
+    get inputInnerHtml(): string;
+    get inputInnerText(): string;
+    get keyInnerHtml(): string;
+    get keyInnerText(): string;
+    isSpecialType(): boolean;
+    addValue(item: ICommonItem): void;
+    toValue(): ISearchValue;
+    toValueKey(): string;
+    isInValueList(item: ICommonItem): boolean;
+}

package/lib/styles/index.d.ts

@@ -52,3 +52,4 @@ import '../container/container.less';
 import '../cascader/cascader.less';
 import '../color-picker/color-picker.less';
 import '../time-picker/time-picker.less';
+import '../search-select/search-select.less';

package/lib/styles/mixins/animate.css

@@ -0,0 +1,21 @@
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-fade-transtion .bk-fade-enter-active,
+.bk-fade-transtion .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
+  opacity: 0;
+}

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

@@ -15,7 +15,10 @@ export declare function usePage(pageSize: Ref<number>): {
     initPage: (allList?: any[]) => void;
     pageChange: (page: number) => void;
 };
-export declare function useFlatList(props: TagProps): Ref<any[]>;
+export declare function useFlatList(props: TagProps): {
+    flatList: Ref<any[]>;
+    saveKeyMap: Ref<{}>;
+};
 /**
  * 获取字符长度，汉字两个字节
  * @param str 需要计算长度的字符