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

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.
Files changed (42) hide show
  1. package/dist/index.cjs.js +62 -60
  2. package/dist/index.esm.js +1552 -198
  3. package/dist/index.umd.js +62 -60
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +1 -0
  7. package/lib/components.js +1 -1
  8. package/lib/icon/index.js +1 -1
  9. package/lib/process/index.d.ts +2 -2
  10. package/lib/process/index.js +1 -1
  11. package/lib/process/process.css +13 -0
  12. package/lib/process/process.less +17 -0
  13. package/lib/process/process.variable.css +13 -0
  14. package/lib/search-select/index.d.ts +681 -0
  15. package/lib/search-select/index.js +1 -0
  16. package/lib/search-select/input.d.ts +85 -0
  17. package/lib/search-select/menu.css +145 -0
  18. package/lib/search-select/menu.d.ts +83 -0
  19. package/lib/search-select/menu.less +134 -0
  20. package/lib/search-select/menu.variable.css +145 -0
  21. package/lib/search-select/search-select.css +426 -0
  22. package/lib/search-select/search-select.d.ts +273 -0
  23. package/lib/search-select/search-select.less +227 -0
  24. package/lib/search-select/search-select.variable.css +539 -0
  25. package/lib/search-select/selected.css +21 -0
  26. package/lib/search-select/selected.d.ts +137 -0
  27. package/lib/search-select/selected.less +24 -0
  28. package/lib/search-select/selected.variable.css +21 -0
  29. package/lib/search-select/utils.d.ts +79 -0
  30. package/lib/styles/index.d.ts +1 -0
  31. package/lib/styles/mixins/animate.css +21 -0
  32. package/lib/tag-input/common.d.ts +4 -1
  33. package/lib/tag-input/index.d.ts +353 -377
  34. package/lib/tag-input/index.js +1 -1
  35. package/lib/tag-input/tag-input.d.ts +172 -178
  36. package/lib/tag-input/tag-props.d.ts +82 -79
  37. package/lib/timeline/index.d.ts +2 -2
  38. package/lib/upload/index.d.ts +7 -7
  39. package/lib/upload/upload.d.ts +2 -2
  40. package/lib/volar.components.d.ts +1 -0
  41. package/package.json +2 -3
  42. package/lib/icon/image-fill.js +0 -1
@@ -0,0 +1,21 @@
1
+ .search-seleted-input {
2
+ position: relative;
3
+ display: flex;
4
+ height: 100%;
5
+ min-width: 150px;
6
+ min-width: 40px;
7
+ padding: 0 10px;
8
+ margin-top: -4px;
9
+ color: #63656e;
10
+ border: none;
11
+ align-items: center;
12
+ offset: none;
13
+ }
14
+ .search-seleted-input .div-input {
15
+ height: 30px;
16
+ padding: 5px 0;
17
+ line-height: 20px;
18
+ word-break: break-all;
19
+ flex: 1 1 auto;
20
+ outline: none;
21
+ }
@@ -0,0 +1,79 @@
1
+ import { InjectionKey, Ref, VNode } from 'vue';
2
+ /**
3
+ * @description: 获取menu list方法
4
+ * @param {ISearchItem} item 已选择的key字段 为空则代表当前并未选择key字段
5
+ * @param {string} keyword 已输入的文本
6
+ * @return {*} menu list用于渲染选择弹层列表
7
+ */
8
+ export declare type GetMenuListFunc = (item: ISearchItem, keyword: string) => Promise<ISearchItem[]>;
9
+ export declare type ValidateValuesFunc = (item: ISearchItem, values: ICommonItem[]) => Promise<string | true>;
10
+ export declare type MenuSlotParams = {
11
+ item: ISearchItem;
12
+ list: ISearchItem[];
13
+ hoverId: string;
14
+ multiple: boolean;
15
+ getSearchNode: (str: string) => string | (string | VNode)[];
16
+ };
17
+ export interface ISearchSelectProvider {
18
+ onEditClick: (item: SelectedItem, index: number) => void;
19
+ onEditEnter: (item: SelectedItem, index: number) => void;
20
+ onEditBlur: () => void;
21
+ onValidate: (str: string) => void;
22
+ editKey: Ref<String>;
23
+ }
24
+ export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
25
+ export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
26
+ export declare const useSearchSelectInject: () => ISearchSelectProvider;
27
+ export declare enum SearchInputMode {
28
+ 'DEFAULT' = 0,
29
+ 'EDIT' = 1
30
+ }
31
+ export interface ICommonItem {
32
+ id: string;
33
+ name: string;
34
+ disabled?: boolean;
35
+ realId?: string;
36
+ value?: Omit<ICommonItem, 'disabled' | 'value'>;
37
+ }
38
+ export interface ISearchValue extends Omit<ICommonItem, 'disabled' | 'value'> {
39
+ type?: SearchItemType;
40
+ values?: Omit<ICommonItem, 'disabled'>[];
41
+ }
42
+ export interface ISearchItem {
43
+ id: string;
44
+ name: string;
45
+ children?: ICommonItem[];
46
+ multiple?: boolean;
47
+ async?: boolean;
48
+ noValidate?: boolean;
49
+ placeholder?: string;
50
+ disabled?: boolean;
51
+ }
52
+ export interface IMenuFooterItem {
53
+ id: 'confirm' | 'cancel';
54
+ name: string;
55
+ disabled?: boolean;
56
+ }
57
+ export declare type SearchItemType = 'text' | 'default' | 'condition';
58
+ export declare class SelectedItem {
59
+ searchItem: ISearchItem;
60
+ type: SearchItemType;
61
+ id: string;
62
+ name: string;
63
+ values: ICommonItem[];
64
+ condition: string;
65
+ constructor(searchItem: ISearchItem, type?: SearchItemType);
66
+ get multiple(): boolean;
67
+ get placeholder(): string;
68
+ get children(): ICommonItem[];
69
+ get validate(): boolean;
70
+ get inputInnerHtml(): string;
71
+ get inputInnerText(): string;
72
+ get keyInnerHtml(): string;
73
+ get keyInnerText(): string;
74
+ isSpecialType(): boolean;
75
+ addValue(item: ICommonItem): void;
76
+ toValue(): ISearchValue;
77
+ toValueKey(): string;
78
+ isInValueList(item: ICommonItem): boolean;
79
+ }
@@ -52,3 +52,4 @@ import '../container/container.less';
52
52
  import '../cascader/cascader.less';
53
53
  import '../color-picker/color-picker.less';
54
54
  import '../time-picker/time-picker.less';
55
+ import '../search-select/search-select.less';
@@ -0,0 +1,21 @@
1
+ @keyframes loading-scale-animate {
2
+ 0% {
3
+ transform: scale(1);
4
+ }
5
+ 100% {
6
+ transform: scale(0.6);
7
+ }
8
+ }
9
+ @keyframes fade {
10
+ 100% {
11
+ background-color: transparent;
12
+ }
13
+ }
14
+ .bk-fade-transtion .bk-fade-enter-active,
15
+ .bk-fade-transtion .bk-fade-leave-active {
16
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
+ }
18
+ .bk-fade-transtion .bk-fade-enter,
19
+ .bk-fade-transtion .bk-fade-leave-to {
20
+ opacity: 0;
21
+ }
@@ -15,7 +15,10 @@ export declare function usePage(pageSize: Ref<number>): {
15
15
  initPage: (allList?: any[]) => void;
16
16
  pageChange: (page: number) => void;
17
17
  };
18
- export declare function useFlatList(props: TagProps): Ref<any[]>;
18
+ export declare function useFlatList(props: TagProps): {
19
+ flatList: Ref<any[]>;
20
+ saveKeyMap: Ref<{}>;
21
+ };
19
22
  /**
20
23
  * 获取字符长度,汉字两个字节
21
24
  * @param str 需要计算长度的字符