bkui-vue 0.0.1-beta.457 → 0.0.1-beta.459

package/lib/message/message.variable.css

@@ -139,7 +139,7 @@
 .bk-message .bk-message-close {
   padding-left: 20px;
   margin-right: 0;
-  font-size: 18px;
+  font-size: 14px;
   color: var(--light-gray);
   cursor: pointer;
 }
@@ -192,5 +192,157 @@
 }
 .bk-message-content {
   display: flex;
+  width: 100%;
   word-break: break-all;
 }
+.bk-message-content.multi {
+  flex-direction: column;
+  position: relative;
+}
+.bk-message-content.multi .overview {
+  display: flex;
+  justify-content: space-between;
+  align-items: self-start;
+}
+.bk-message-content.multi .overview .left-content {
+  display: flex;
+}
+.bk-message-content.multi .overview .left-content .describe {
+  display: box;
+  max-width: 560px;
+  max-height: 60px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.bk-message-content.multi .overview .tools {
+  display: flex;
+  align-items: center;
+}
+.bk-message-content.multi .overview .tools .tool {
+  display: flex;
+  padding: 0 5px;
+  font-size: 14px;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-message-content.multi .overview .tools .tool .bk-message-close {
+  padding-left: 0;
+}
+.bk-message-content.multi .overview .tools .tool .message-action-text {
+  padding-left: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-message-content.multi .overview .tools .tool:not(.fix) span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.fix.fixed span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.fix span {
+  color: #979ba5;
+}
+.bk-message-content.multi .overview .tools .tool.fix:hover span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .overview .tools .tool.close span {
+  color: #c4c6cc;
+}
+.bk-message-content.multi .overview .tools .tool.close span:hover {
+  color: #979ba5;
+}
+.bk-message-content.multi .message-detail {
+  position: relative;
+  margin-top: 10px;
+}
+.bk-message-content.multi .message-detail .message-tree {
+  max-height: 480px;
+  padding: 14px 24px;
+  overflow: auto;
+  background: #fff;
+  border-radius: 2px;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row {
+  display: inline-flex;
+  font-size: 14px;
+  line-height: 34px;
+  color: #313238;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row label {
+  display: inline-block;
+  width: 94px;
+  min-width: 94px;
+  margin-right: 8px;
+  overflow: hidden;
+  color: #63656e;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-message-content.multi .message-detail .message-tree .message-row label::after {
+  content: ':';
+}
+.bk-message-content.multi .message-detail .message-copy {
+  position: absolute;
+  top: 20px;
+  right: 40px;
+  font-size: 16px;
+  cursor: pointer;
+}
+.bk-message-content.multi .message-detail .message-copy:hover span {
+  color: #3a84ff;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status {
+  display: none;
+  padding-bottom: 4px;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner {
+  position: relative;
+  display: flex;
+  padding: 6px 8px;
+  font-size: 12px;
+  line-height: 20px;
+  color: #63656e;
+  background: #fff;
+  border: 1px solid #dcdee5;
+  box-shadow: 0 2px 6px 0 #0000001a;
+  align-items: center;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner span {
+  margin-right: 4px;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status .inner::after {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background: #fff;
+  border-color: #dcdee5;
+  border-style: solid;
+  border-width: 0px 1px 1px 0px;
+  content: '';
+  transform: translate(0, 4px) rotate(45deg);
+  box-shadow: 5px 3px 6px 0 #0000001a;
+  box-sizing: border-box;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.success .inner span {
+  color: #2dcb9d;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.error .inner span {
+  color: #ea3636;
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.is-show {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-flex;
+  white-space: nowrap;
+  transform: translate(-50%, -100%);
+}
+.bk-message-content.multi .message-detail .message-copy .copy-status.is-hidden {
+  display: none;
+}

package/lib/message/messageConstructor.d.ts

@@ -1,21 +1,108 @@
+import { VNode } from 'vue';
+declare enum MessageContentType {
+    KEY_VALUE = "key-value",
+    JSON = "json"
+}
+declare enum IMessageActionType {
+    /**
+     * 联系助手：默认直接拉起企业微信与助手的聊天，需要在 message.assistant 配置对应的企微群ID
+     */
+    ASSISTANT = "assistant",
+    /**
+     * 展开详情：展开面向开发的详情
+     */
+    DETAILS = "details",
+    /**
+     * 图钉按钮：点击后，Message 不会自动消失
+     */
+    FIX = "fix",
+    /**
+     * 关闭：点击关闭，Message 消失
+     */
+    CLOSE = "close"
+}
+declare type IMessageAction = {
+    /**
+     * 唯一ID，从给定的 IMessageActionType 中选择
+     * 如果是自定义的其他操作，此ID可以自定义，此时将会作为一个新的操作项追加
+     */
+    id: IMessageActionType;
+    /**
+     * 需要展示的文本，如果不设置显示默认
+     */
+    text?: () => string | string;
+    /**
+     * 需要展示的ICON，如果不设置显示默认
+     */
+    icon?: () => VNode | string | VNode;
+    /**
+     * 鼠标点击事件，如果返回false则阻止默认点击行为
+     * 如果返回其他，默认行为不会阻止
+     * @returns
+     */
+    onClick?: (...args: any[]) => Boolean | void;
+    /**
+     * 自定义渲染 & 事件处理
+     * 如果设置了render则整个渲染都需要自己处理，默认渲染将会被阻止
+     * @returns VNode
+     */
+    render?: () => VNode;
+    /**
+     * 是否禁用此功能
+     * 如果设置为true，则此功能不展示
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * 如果设置为true，则此功能只做文本展示
+     */
+    readonly?: boolean;
+    /**
+     * 需要添加到操作项外层元素的样式列表
+     */
+    classList?: string | string[];
+};
+declare type IMessageActions = IMessageAction[];
+export declare type IMessage = {
+    /**
+     * 错误码
+     */
+    code: string | number;
+    /**
+     * 错误概述
+     */
+    overview: string;
+    /**
+     * 操作建议
+     */
+    suggestion: string;
+    /**
+     * 详情
+     */
+    details: string | Record<string, any> | Array<Record<string, any> | string | number | boolean>;
+    /**
+     * 助手
+     */
+    assistant: string;
+    /**
+     * 展开详情：数据展示格式
+     * 详情分为：Key Value 类详情、JSON 类详情
+     * 可选值：'key-value', 'json'
+     */
+    type: MessageContentType;
+};
 declare const _default: import("vue").DefineComponent<{
     id: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    message: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
+    message: import("vue-types").VueTypeDef<string | IMessage>;
     theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
         default: "error" | "success" | "warning" | "primary";
     };
     delay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
-    } & {
-        default: number;
     };
     dismissable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -41,33 +128,51 @@ declare const _default: import("vue").DefineComponent<{
         default: (...args: any[]) => any;
     };
     getContainer: import("vue-types").VueTypeDef<HTMLElement>;
+    width: import("vue-types").VueTypeDef<string | number>;
+    actions: import("vue-types").VueTypeShape<IMessageActions>;
 }, {
     classNames: import("vue").ComputedRef<string[]>;
     styles: import("vue").ComputedRef<{
         top: string;
         zIndex: number;
         position: "fixed" | "absolute";
+        width: string | number;
     }>;
     visible: import("vue").Ref<boolean>;
     close: (e: Event) => void;
+    setDetailsShow: (e: MouseEvent, isShow?: boolean) => void;
+    fixMesage: (_e: MouseEvent, isFix?: boolean) => void;
+    copyMessage: (_e: MouseEvent) => void;
+    parseJson: (value: any) => any;
+    handleMouseenter: (_e: MouseEvent) => void;
+    handleMouseleave: (_e: MouseEvent) => void;
+    renderMessageActions: () => any[];
+    refJsonContent: any;
+    refCopyStatus: any;
+    refCopyMsgDiv: any;
+    toolOperation: {
+        isFix: boolean;
+        isDetailShow: boolean;
+    };
+    copyStatus: any;
+    t: import("vue").ComputedRef<{
+        assistant: string;
+        details: string;
+        copySuccess: string;
+        copyFailed: string;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "destroy"[], "destroy", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    message: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
+    message: import("vue-types").VueTypeDef<string | IMessage>;
     theme: import("vue-types").VueTypeDef<"error" | "success" | "warning" | "primary"> & {
         default: "error" | "success" | "warning" | "primary";
     };
     delay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
-    } & {
-        default: number;
     };
     dismissable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -93,6 +198,8 @@ declare const _default: import("vue").DefineComponent<{
         default: (...args: any[]) => any;
     };
     getContainer: import("vue-types").VueTypeDef<HTMLElement>;
+    width: import("vue-types").VueTypeDef<string | number>;
+    actions: import("vue-types").VueTypeShape<IMessageActions>;
 }>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
@@ -101,9 +208,8 @@ declare const _default: import("vue").DefineComponent<{
     id: string;
     onClose: (...args: any[]) => any;
     delay: number;
-    message: string;
-    offsetY: number;
     spacing: number;
     dismissable: boolean;
+    offsetY: number;
 }>;
 export default _default;

package/lib/navigation/index.d.ts

@@ -3,6 +3,7 @@ declare const Navigation: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            headHeight: string | number;
             sideTitle: string;
             navigationType: import("./navigation").BkNavigationType;
             navWidth: string | number;
@@ -12,7 +13,6 @@ declare const Navigation: {
             hoverLeaveDelay: number;
             hoverEnterDelay: number;
             defaultOpen: boolean;
-            headHeight: string | number;
             needMenu: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             navWidth: {
@@ -62,7 +62,7 @@ declare const Navigation: {
             onLeave?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onToggle-click"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sideTitle" | "navigationType" | "navWidth" | "hoverWidth" | "showSideNavTitle" | "headerTitle" | "hoverLeaveDelay" | "hoverEnterDelay" | "defaultOpen" | "headHeight" | "needMenu">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "headHeight" | "sideTitle" | "navigationType" | "navWidth" | "hoverWidth" | "showSideNavTitle" | "headerTitle" | "hoverLeaveDelay" | "hoverEnterDelay" | "defaultOpen" | "needMenu">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -138,6 +138,7 @@ declare const Navigation: {
             handleMouseLeave: () => void;
             handleClick: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "hover" | "leave" | "toggle-click")[], string, {
+            headHeight: string | number;
             sideTitle: string;
             navigationType: import("./navigation").BkNavigationType;
             navWidth: string | number;
@@ -147,7 +148,6 @@ declare const Navigation: {
             hoverLeaveDelay: number;
             hoverEnterDelay: number;
             defaultOpen: boolean;
-            headHeight: string | number;
             needMenu: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -296,6 +296,7 @@ declare const Navigation: {
     handleMouseLeave: () => void;
     handleClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "hover" | "leave" | "toggle-click")[], "toggle" | "hover" | "leave" | "toggle-click", {
+    headHeight: string | number;
     sideTitle: string;
     navigationType: import("./navigation").BkNavigationType;
     navWidth: string | number;
@@ -305,7 +306,6 @@ declare const Navigation: {
     hoverLeaveDelay: number;
     hoverEnterDelay: number;
     defaultOpen: boolean;
-    headHeight: string | number;
     needMenu: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default Navigation;

package/lib/navigation/navigation.d.ts

@@ -105,6 +105,7 @@ declare const _default: import("vue").DefineComponent<{
     onToggle?: (...args: any[]) => any;
     "onToggle-click"?: (...args: any[]) => any;
 }, {
+    headHeight: string | number;
     sideTitle: string;
     navigationType: BkNavigationType;
     navWidth: string | number;
@@ -114,7 +115,6 @@ declare const _default: import("vue").DefineComponent<{
     hoverLeaveDelay: number;
     hoverEnterDelay: number;
     defaultOpen: boolean;
-    headHeight: string | number;
     needMenu: boolean;
 }>;
 export default _default;

package/lib/notify/notifyConstructor.d.ts

@@ -117,16 +117,16 @@ declare const _default: import("vue").DefineComponent<{
     onDestroy?: (...args: any[]) => any;
 }, {
     title: string;
+    message: any;
     extCls: string;
     theme: "error" | "success" | "warning" | "primary";
     id: string;
     position: string;
     onClose: (...args: any[]) => any;
     delay: number;
-    message: any;
-    offsetX: number;
-    offsetY: number;
     spacing: number;
     dismissable: boolean;
+    offsetY: number;
+    offsetX: number;
 }>;
 export default _default;