bkui-vue 0.0.1-beta.18 → 0.0.1-beta.20

package/dist/style.css

@@ -2566,6 +2566,97 @@ optgroup {
   position: relative;
   background: #f0f1f5;
 }
+.bk-tag {
+  display: inline-block;
+  height: 22px;
+  padding: 0 10px;
+  margin: 2px 0 2px 6px;
+  font-size: 12px;
+  line-height: 22px;
+  color: #63656e;
+  cursor: default;
+  background-color: rgba(151, 155, 165, 0.1);
+  border-color: rgba(217, 220, 230, 0.6);
+  box-sizing: border-box;
+}
+.bk-tag.bk-tag-success {
+  color: #14a568;
+  border-color: rgba(20, 165, 104, 0.3);
+  background-color: rgba(20, 165, 104, 0.1);
+}
+.bk-tag.bk-tag-success.bk-tag-filled {
+  background-color: #14a568;
+}
+.bk-tag.bk-tag-info {
+  color: #3a84ff;
+  border-color: rgba(58, 132, 255, 0.3);
+  background-color: rgba(58, 132, 255, 0.1);
+}
+.bk-tag.bk-tag-info.bk-tag-filled {
+  background-color: #3a84ff;
+}
+.bk-tag.bk-tag-warning {
+  color: #fe9c00;
+  border-color: rgba(254, 165, 0, 0.3);
+  background-color: rgba(254, 156, 0, 0.1);
+}
+.bk-tag.bk-tag-warning.bk-tag-filled {
+  background-color: #fe9c00;
+}
+.bk-tag.bk-tag-danger {
+  color: #ea3636;
+  border-color: rgba(234, 53, 54, 0.3);
+  background-color: rgba(234, 53, 54, 0.1);
+}
+.bk-tag.bk-tag-danger.bk-tag-filled {
+  background-color: #ea3636;
+}
+.bk-tag:hover {
+  opacity: 0.8;
+}
+.bk-tag.bk-tag-filled {
+  color: #fff;
+  background-color: #979ba5;
+}
+.bk-tag.bk-tag-stroke {
+  padding: 0 9px;
+  line-height: 20px;
+  border-style: solid;
+  border-width: 1px;
+}
+.bk-tag.bk-tag-closable {
+  padding: 0 4px 0 10px;
+}
+.bk-tag.bk-tag-checkable {
+  cursor: pointer;
+  background: none;
+}
+.bk-tag.bk-tag-checkable:hover {
+  background: rgba(151, 155, 165, 0.15);
+}
+.bk-tag.bk-tag-check {
+  color: #fff;
+  background: #3a84ff;
+}
+.bk-tag.bk-tag-check:hover {
+  color: #fff;
+  background: #3a84ff;
+  opacity: 1;
+}
+.bk-tag .bk-tag-icon {
+  display: inline-block;
+  margin-right: 4px;
+  font-size: 14px;
+  line-height: 0;
+}
+.bk-tag .bk-tag-close {
+  display: inline-block;
+  margin-left: 4px;
+  font-size: 12px;
+  line-height: 0;
+  vertical-align: 1px;
+  cursor: pointer;
+}
 .bk-form {
   text-align: left;
 }
@@ -4324,6 +4415,164 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
   background-color: #dcdee5;
   border-radius: 6px;
 }
+/* 边框色 */
+/* 按钮、表单边框颜色、禁用时文本颜色 */
+/* 表格头部背景色、禁用底色 */
+/* 大面积背景色 */
+/* 重点表示、强调、链接以及带有明确指示性 */
+/* 正常尺寸图标 */
+.bk-transfer {
+  position: relative;
+  display: flex;
+  font-size: 14px;
+  flex-direction: row;
+  justify-content: center;
+}
+.bk-transfer .transfer {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 30px;
+  height: 30px;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAV0lEQVQokZXQQQrAIAxE0W/JvU3O1nXXHqdd1EBbqYwDIgGfMCn70RBSgchhUwTgHQJgwLkAAcJE8IIGlEUodxqQc/eST6IYvpskF+H9rggdn9vzv0ffXGG8Ffrmgf5jAAAAAElFTkSuQmCC') no-repeat center center;
+  transform: translate(-50%, -50%);
+}
+.bk-transfer .source-list,
+.bk-transfer .target-list {
+  height: 400px;
+  min-width: 200px;
+  overflow: hidden;
+  background-color: #fff;
+  border: 1px solid #dde4eb;
+  border-radius: 2px;
+  flex: 1;
+}
+.bk-transfer .source-list .slot-header,
+.bk-transfer .target-list .slot-header {
+  position: relative;
+  height: 43px;
+  padding: 0 20px;
+  line-height: 43px;
+  background-color: #fafbfd;
+  border-bottom: 1px solid #dde4eb;
+}
+.bk-transfer .source-list .slot-header .slot-content,
+.bk-transfer .target-list .slot-header .slot-content {
+  position: relative;
+}
+.bk-transfer .source-list .header,
+.bk-transfer .target-list .header {
+  position: relative;
+  height: 43px;
+  padding: 0 20px;
+  line-height: 43px;
+  background-color: #fafbfd;
+  border-bottom: 1px solid #dde4eb;
+}
+.bk-transfer .source-list .header span,
+.bk-transfer .target-list .header span {
+  position: absolute;
+  right: 10px;
+  font-size: 12px;
+  color: #3a84ff;
+  cursor: pointer;
+}
+.bk-transfer .source-list .header span.disabled,
+.bk-transfer .target-list .header span.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-transfer .source-list .empty,
+.bk-transfer .target-list .empty {
+  position: relative;
+  top: 40%;
+  width: 100%;
+  color: #c4c6cc;
+  text-align: center;
+  cursor: default;
+}
+.bk-transfer .source-list .content,
+.bk-transfer .target-list .content {
+  position: relative;
+  max-height: calc(100% - 50px);
+  padding: 0;
+  margin: 6px 0;
+  overflow-y: auto;
+}
+.bk-transfer .source-list .content.is-search,
+.bk-transfer .target-list .content.is-search {
+  max-height: calc(100% - 86px);
+}
+.bk-transfer .source-list .content li.custom-item,
+.bk-transfer .target-list .content li.custom-item,
+.bk-transfer .source-list .content li .item-content,
+.bk-transfer .target-list .content li .item-content {
+  position: relative;
+  display: flex;
+  height: 40px;
+  padding: 0 20px;
+  line-height: 40px;
+  list-style: none;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-transfer .source-list .content li.custom-item:hover,
+.bk-transfer .target-list .content li.custom-item:hover,
+.bk-transfer .source-list .content li .item-content:hover,
+.bk-transfer .target-list .content li .item-content:hover {
+  color: #3a84ff;
+  background-color: #eef6fe;
+}
+.bk-transfer .source-list .content li.custom-item .content-text,
+.bk-transfer .target-list .content li.custom-item .content-text,
+.bk-transfer .source-list .content li .item-content .content-text,
+.bk-transfer .target-list .content li .item-content .content-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+.bk-transfer .source-list .content li.custom-item .icon-wrapper,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper,
+.bk-transfer .source-list .content li .item-content .icon-wrapper,
+.bk-transfer .target-list .content li .item-content .icon-wrapper {
+  display: none;
+  flex: 22px 0 0;
+}
+.bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
+.bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
+.bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
+  display: inline-block;
+}
+.bk-transfer .source-list .content::-webkit-scrollbar,
+.bk-transfer .target-list .content::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-transfer .source-list .content::-webkit-scrollbar-thumb,
+.bk-transfer .target-list .content::-webkit-scrollbar-thumb {
+  height: 5px;
+  background-color: #e6e9ea;
+  border-radius: 2px;
+}
+.bk-transfer .source-list .content .bk-icon,
+.bk-transfer .target-list .content .bk-icon {
+  font-size: 22px;
+}
+.bk-transfer .target-list {
+  margin-left: 33px;
+}
+.bk-transfer .transfer-search-input {
+  height: 36px;
+  line-height: 34px;
+  border: none;
+  border-bottom: 1px solid #f0f1f5;
+  outline: none;
+}
+.bk-transfer .transfer-search-input.is-focused {
+  border-color: #f0f1f5;
+  box-shadow: 0px 0px 3px 0px transparent;
+}
 .bk-pagination {
   display: flex;
   align-items: center;

package/lib/badge/badge.d.ts

@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     theme: string;
     visible: boolean;
+    position: string;
     dot: boolean;
     count: number;
-    position: string;
     radius: string;
     valLength: number;
     overflowCount: number;

package/lib/badge/index.d.ts

@@ -5,9 +5,9 @@ declare const BkBadge: {
         $props: Partial<{
             theme: string;
             visible: boolean;
+            position: string;
             dot: boolean;
             count: number;
-            position: string;
             radius: string;
             valLength: number;
             overflowCount: number;
@@ -46,7 +46,7 @@ declare const BkBadge: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "visible" | "dot" | "count" | "position" | "radius" | "valLength" | "overflowCount">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "visible" | "position" | "dot" | "count" | "radius" | "valLength" | "overflowCount">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,9 +100,9 @@ declare const BkBadge: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             theme: string;
             visible: boolean;
+            position: string;
             dot: boolean;
             count: number;
-            position: string;
             radius: string;
             valLength: number;
             overflowCount: number;
@@ -207,9 +207,9 @@ declare const BkBadge: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     theme: string;
     visible: boolean;
+    position: string;
     dot: boolean;
     count: number;
-    position: string;
     radius: string;
     valLength: number;
     overflowCount: number;

package/lib/breadcrumb/breadcrumb-item.d.ts

@@ -27,10 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    replace: boolean;
     extCls: string;
     to: string | {
         [key: string]: any;
     };
-    replace: boolean;
 }>;
 export default _default;

package/lib/breadcrumb/breadcrumb.d.ts

@@ -43,9 +43,9 @@ declare const _default: import("vue").DefineComponent<{
         });
     };
 }>>, {
+    replace: boolean;
     extCls: string;
     separator: string;
-    replace: boolean;
     separatorClass: string;
     backRouter: string | {
         [key: string]: any;

package/lib/breadcrumb/index.d.ts

@@ -4,9 +4,9 @@ declare const BkBreadcrumb: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            replace: boolean;
             extCls: string;
             separator: string;
-            replace: boolean;
             separatorClass: string;
             backRouter: string | {
                 [key: string]: any;
@@ -33,7 +33,7 @@ declare const BkBreadcrumb: {
                     [key: string]: any;
                 });
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "extCls" | "separator" | "replace" | "separatorClass" | "backRouter">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "replace" | "extCls" | "separator" | "separatorClass" | "backRouter">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -70,9 +70,9 @@ declare const BkBreadcrumb: {
                 });
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            replace: boolean;
             extCls: string;
             separator: string;
-            replace: boolean;
             separatorClass: string;
             backRouter: string | {
                 [key: string]: any;
@@ -146,9 +146,9 @@ declare const BkBreadcrumb: {
         });
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    replace: boolean;
     extCls: string;
     separator: string;
-    replace: boolean;
     separatorClass: string;
     backRouter: string | {
         [key: string]: any;
@@ -183,11 +183,11 @@ declare const BkBreadcrumb: {
             default: boolean;
         };
     }>>, {
+        replace: boolean;
         extCls: string;
         to: string | {
             [key: string]: any;
         };
-        replace: boolean;
     }>;
 }>;
 export { BkBreadcrumb, BreadcrumbItem as BkBreadcrumbItem, };

package/lib/button/button.d.ts

@@ -111,9 +111,9 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     text: boolean;
     theme: string;
+    outline: boolean;
     disabled: boolean;
     loading: boolean;
     hoverTheme: string;
-    outline: boolean;
 }>;
 export default _default;

package/lib/button/index.d.ts

@@ -7,10 +7,10 @@ declare const BkButton: {
             title: string;
             text: boolean;
             theme: string;
+            outline: boolean;
             disabled: boolean;
             loading: boolean;
             hoverTheme: string;
-            outline: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: import("vue-types").VueTypeDef<string> & {
                 default: string;
@@ -39,7 +39,7 @@ declare const BkButton: {
             };
         }>> & {
             onClick?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "disabled" | "loading" | "hoverTheme" | "outline">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "outline" | "disabled" | "loading" | "hoverTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -85,10 +85,10 @@ declare const BkButton: {
             title: string;
             text: boolean;
             theme: string;
+            outline: boolean;
             disabled: boolean;
             loading: boolean;
             hoverTheme: string;
-            outline: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -173,10 +173,10 @@ declare const BkButton: {
     title: string;
     text: boolean;
     theme: string;
+    outline: boolean;
     disabled: boolean;
     loading: boolean;
     hoverTheme: string;
-    outline: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     ButtonGroup: import("vue").DefineComponent<{
         size: import("vue-types").VueTypeDef<string>;

package/lib/components.d.ts

@@ -31,6 +31,7 @@ export { default as Notify } from './notify';
 export { default as Menu } from './menu';
 export { default as Navigation } from './navigation';
 export { default as DatePicker } from './date-picker';
+export { default as Transfer } from './transfer';
 export { default as Tree } from './tree';
 export { default as VirtualRender } from './virtual-render';
 export { default as Form, BkFormItem as FormItem } from './form';

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

@@ -378,11 +378,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     placement: import("@popperjs/core").ComputedPlacement;
     options: Record<string, any>;
+    type: PickerTypeType;
     placeholder: string;
+    fontSize: "large" | "normal" | "medium";
     open: boolean;
     multiple: boolean;
     disabled: boolean;
-    type: PickerTypeType;
     extPopoverCls: string;
     readonly: boolean;
     editable: boolean;
@@ -393,7 +394,6 @@ declare const _default: import("vue").DefineComponent<{
     appendToBody: boolean;
     shortcuts: DatePickerShortcutsType;
     shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
     upToNow: boolean;
     useShortcutText: boolean;
     shortcutSelectedIndex: number;

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

@@ -5,11 +5,12 @@ declare const BkDatePicker: {
         $props: Partial<{
             placement: import("@popperjs/core").ComputedPlacement;
             options: Record<string, any>;
+            type: import("./interface").PickerTypeType;
             placeholder: string;
+            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            type: import("./interface").PickerTypeType;
             extPopoverCls: string;
             readonly: boolean;
             editable: boolean;
@@ -20,7 +21,6 @@ declare const BkDatePicker: {
             appendToBody: boolean;
             shortcuts: import("./interface").DatePickerShortcutsType;
             shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
             upToNow: boolean;
             useShortcutText: boolean;
             shortcutSelectedIndex: number;
@@ -141,7 +141,7 @@ declare const BkDatePicker: {
             onClear?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "options" | "placeholder" | "open" | "multiple" | "disabled" | "type" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "fontSize" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "options" | "type" | "placeholder" | "fontSize" | "open" | "multiple" | "disabled" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -318,11 +318,12 @@ declare const BkDatePicker: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], string, {
             placement: import("@popperjs/core").ComputedPlacement;
             options: Record<string, any>;
+            type: import("./interface").PickerTypeType;
             placeholder: string;
+            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            type: import("./interface").PickerTypeType;
             extPopoverCls: string;
             readonly: boolean;
             editable: boolean;
@@ -333,7 +334,6 @@ declare const BkDatePicker: {
             appendToBody: boolean;
             shortcuts: import("./interface").DatePickerShortcutsType;
             shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
             upToNow: boolean;
             useShortcutText: boolean;
             shortcutSelectedIndex: number;
@@ -687,11 +687,12 @@ declare const BkDatePicker: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", {
     placement: import("@popperjs/core").ComputedPlacement;
     options: Record<string, any>;
+    type: import("./interface").PickerTypeType;
     placeholder: string;
+    fontSize: "large" | "normal" | "medium";
     open: boolean;
     multiple: boolean;
     disabled: boolean;
-    type: import("./interface").PickerTypeType;
     extPopoverCls: string;
     readonly: boolean;
     editable: boolean;
@@ -702,7 +703,6 @@ declare const BkDatePicker: {
     appendToBody: boolean;
     shortcuts: import("./interface").DatePickerShortcutsType;
     shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
     upToNow: boolean;
     useShortcutText: boolean;
     shortcutSelectedIndex: number;