bkui-vue 0.0.3-beta.5 → 0.0.3-beta.6

package/lib/version-log/version-log.variable.css

@@ -0,0 +1,350 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656E;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+}
+.bk-version-log-dialog .bk-modal-header {
+  display: none;
+}
+.bk-version-log-dialog.bk-dialog-wrapper .bk-modal-content {
+  padding: 0 !important;
+  height: 100%;
+}
+.bk-version-log {
+  height: 100%;
+}
+.bk-version-log .bk-resize-layout {
+  height: 100%;
+}
+.bk-version-log .bk-resize-layout-aside {
+  padding: 20px 0;
+  height: 100%;
+  background: #fafbfd;
+}
+.bk-version-log-list-side {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  border-top: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
+  overflow: auto;
+}
+.bk-version-log-list-side .bk-version-log-version-item {
+  flex: 0 0 54px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+  padding-left: 30px;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-version-log-list-side .bk-version-log-version-item:hover {
+  cursor: pointer;
+  background-color: #ffffff;
+}
+.bk-version-log-list-side .bk-version-log-version-item .bk-version-log-version-item-title {
+  color: #313238;
+  font-size: 16px;
+}
+.bk-version-log-list-side .bk-version-log-version-item .bk-version-log-version-item-subtitle {
+  color: #979ba5;
+  font-size: 12px;
+}
+.bk-version-log-list-side .bk-version-log-version-item .bk-version-log-crt-tag {
+  position: absolute;
+  right: 20px;
+  top: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  height: 20px;
+  font-size: 12px;
+  color: #ffffff;
+  background-color: #699df4;
+  border-radius: 2px;
+}
+.bk-version-log-list-side .bk-version-log-version-item.is-active {
+  background-color: #ffffff;
+}
+.bk-version-log-list-side .bk-version-log-version-item.is-active::before {
+  content: ' ';
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0;
+  width: 6px;
+  background-color: #3a84ff;
+}
+.bk-version-log-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.bk-version-log-detail {
+  padding: 25px 20px 50px 40px;
+  height: 100%;
+}
+.bk-version-log-detail .bk-version-log-detail-content {
+  height: 100%;
+  overflow: auto;
+  font-size: 14px;
+  color: #313238;
+}
+.bk-version-log-detail .bk-version-log-detail-content h1,
+.bk-version-log-detail .bk-version-log-detail-content h2,
+.bk-version-log-detail .bk-version-log-detail-content h3,
+.bk-version-log-detail .bk-version-log-detail-content h4,
+.bk-version-log-detail .bk-version-log-detail-content h5 {
+  height: auto;
+  margin: 10px 0;
+  font: normal 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  font-weight: bold;
+  color: #34383e;
+}
+.bk-version-log-detail .bk-version-log-detail-content h1 {
+  font-size: 30px;
+}
+.bk-version-log-detail .bk-version-log-detail-content h2 {
+  font-size: 24px;
+}
+.bk-version-log-detail .bk-version-log-detail-content h3 {
+  font-size: 18px;
+}
+.bk-version-log-detail .bk-version-log-detail-content h4 {
+  font-size: 16px;
+}
+.bk-version-log-detail .bk-version-log-detail-content h5 {
+  font-size: 14px;
+}
+.bk-version-log-detail .bk-version-log-detail-content em {
+  font-style: italic;
+}
+.bk-version-log-detail .bk-version-log-detail-content div,
+.bk-version-log-detail .bk-version-log-detail-content p,
+.bk-version-log-detail .bk-version-log-detail-content font,
+.bk-version-log-detail .bk-version-log-detail-content span,
+.bk-version-log-detail .bk-version-log-detail-content li {
+  line-height: 1.3;
+}
+.bk-version-log-detail .bk-version-log-detail-content p {
+  margin: 0 0 1em;
+}
+.bk-version-log-detail .bk-version-log-detail-content table,
+.bk-version-log-detail .bk-version-log-detail-content table p {
+  margin: 0;
+}
+.bk-version-log-detail .bk-version-log-detail-content ul,
+.bk-version-log-detail .bk-version-log-detail-content ol {
+  padding-left: 40px;
+  margin: 10px 0 10px;
+  text-indent: 0;
+}
+.bk-version-log-detail .bk-version-log-detail-content ul {
+  list-style: disc;
+}
+.bk-version-log-detail .bk-version-log-detail-content ul > li {
+  line-height: 1.8;
+  white-space: normal;
+  list-style: disc;
+}
+.bk-version-log-detail .bk-version-log-detail-content ol {
+  list-style: decimal;
+}
+.bk-version-log-detail .bk-version-log-detail-content ol > li {
+  line-height: 1.8;
+  white-space: normal;
+  list-style: decimal;
+}
+.bk-version-log-detail .bk-version-log-detail-content li > ul {
+  margin-bottom: 10px;
+}
+.bk-version-log-detail .bk-version-log-detail-content li ol {
+  padding-left: 20px !important;
+}
+.bk-version-log-detail .bk-version-log-detail-content ul ul,
+.bk-version-log-detail .bk-version-log-detail-content ul ol,
+.bk-version-log-detail .bk-version-log-detail-content ol ol,
+.bk-version-log-detail .bk-version-log-detail-content ol ul {
+  margin-bottom: 0;
+  margin-left: 20px;
+}
+.bk-version-log-detail .bk-version-log-detail-content pre,
+.bk-version-log-detail .bk-version-log-detail-content code {
+  width: 95%;
+  padding: 0 3px 2px;
+  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
+  font-size: 14px;
+  color: #333;
+  border-radius: 3px;
+}
+.bk-version-log-detail .bk-version-log-detail-content code {
+  padding: 2px 4px;
+  font-family: Consolas, monospace, tahoma, Arial;
+  color: #d14;
+  border: 1px solid #e1e1e8;
+}
+.bk-version-log-detail .bk-version-log-detail-content pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-family: Consolas, monospace, tahoma, Arial;
+  font-size: 13px;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  background-color: #f6f6f6;
+  border: 1px solid #ddd;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 2px;
+}
+.bk-version-log-detail .bk-version-log-detail-content pre code {
+  padding: 0;
+  white-space: pre-wrap;
+  border: 0;
+}
+.bk-version-log-detail .bk-version-log-detail-content blockquote {
+  padding: 0 0 0 14px;
+  margin: 0 0 20px;
+  border-left: 5px solid #dfdfdf;
+}
+.bk-version-log-detail .bk-version-log-detail-content blockquote ::before,
+.bk-version-log-detail .bk-version-log-detail-content blockquote ::after {
+  content: '';
+}
+.bk-version-log-detail .bk-version-log-detail-content blockquote p {
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 25px;
+}
+.bk-version-log-detail .bk-version-log-detail-content blockquote small {
+  display: block;
+  line-height: 20px;
+  color: #999;
+}
+.bk-version-log-detail .bk-version-log-detail-content blockquote small ::before {
+  content: '\2014 \00A0';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.3-beta.5",
+  "version": "0.0.3-beta.6",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
@@ -124,6 +124,7 @@
   },
   "peerDependencies": {
     "highlight.js": "~11.5.0",
+    "markdown-it": "^13.0.1",
     "vue": "^3.2.0"
   },
   "main": "dist/index.esm.js",

package/lib/shared/mask-manager.d.ts

@@ -1,89 +0,0 @@
-import { BKPopIndexManager } from './pop-manager';
-type BkMaskManagerConfig = {
-    multiInstance?: boolean;
-    maskAttrTag?: string;
-    parentNode?: HTMLElement | Document;
-    maskStyle?: any;
-    onClick?: (e: MouseEvent) => void;
-    popInstance?: BKPopIndexManager;
-};
-type MaskConfigStore = {
-    zIndex: number;
-    style: any;
-    uuid?: string;
-    preUID?: string;
-};
-export declare class BkMaskManager {
-    /** 遮罩容器 */
-    private mask;
-    /** 遮罩备份容器，用于多个组件实例显示，遮罩只显示最后一个 **/
-    private backupMask;
-    /** 是否允许多个遮罩实例 */
-    private readonly multiInstance;
-    /** 遮罩控制器唯一标识 */
-    private uniqueMaskAttrTag;
-    /** 设置弹出层父级组件，默认是body */
-    private parentNode;
-    /** 遮罩当前显示组件实例 **/
-    private activeInstance;
-    /** 记录已在使用的z-index */
-    private zIndexStore;
-    /** 记录最后一个UUID */
-    private lastUUID;
-    /** 遮罩样式 **/
-    private readonly maskStyle;
-    private isInit;
-    private maskAttrTag;
-    /**
-     * 遮罩管理器
-     *
-     * @param multiInstance 是否允许多实例
-     * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
-     */
-    constructor(config?: BkMaskManagerConfig);
-    setOption(option: BkMaskManagerConfig): void;
-    destroyEvent(id: any): void;
-    /**
-     * 显示遮罩
-     * @param content 遮罩内容
-     * @param zIndex z-index
-     * @param showMask 是否显示遮罩
-     * @param appendStyle 追加样式
-     * @param transfer 是否显示将内容加入遮罩下
-     */
-    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null, transfer?: boolean, onMaskClick?: any, instanceId?: any): void;
-    hide(transfer?: boolean, content?: HTMLElement, uuid?: string): void;
-    storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
-    /**
-     * 移除最后一次缓存数据
-     */
-    popIndexStore(uuid: string): boolean;
-    backupActiveInstance(): void;
-    backupContentElement(content?: HTMLElement): void;
-    getActiveContentInstance(): HTMLElement;
-    removeClickEvent(): void;
-    private initInstance;
-    /**
-     * 初始化当前遮罩管理器
-     * @returns 当前遮罩容器
-     */
-    private getMask;
-    private catchClickEvent;
-    private handleMaskClick;
-    private getBackupMask;
-    /**
-     * 创建遮罩层DOM
-     * @returns 返回DOM
-     */
-    private createMask;
-    private setMaskStyle;
-    /**
-     * 根据输入生成唯一遮罩标识
-     * @param tag 输入标识
-     * @returns string 返回唯一标识
-     */
-    private getMaskAttrTag;
-    private appendContentToMask;
-}
-export declare const bKMaskManager: BkMaskManager;
-export {};

package/lib/shared/pop-manager.d.ts

@@ -1,41 +0,0 @@
-export declare class BKPopIndexManager {
-    /** 用来缓存弹出层实例 */
-    private readonly uuidAttrName;
-    private clickFn?;
-    private bKMaskManagerInstance;
-    private transfer;
-    private uniqId;
-    constructor(options?: any);
-    get popInstanceList(): any[];
-    set popInstanceList(val: any[]);
-    getParentNode(transfer: any): any;
-    onMaskClick(callFn: (e: MouseEvent) => void, target: HTMLElement): void;
-    /**
-     * 展示弹窗
-     * @param content 弹窗内容
-     * @param showMask 是否显示遮罩
-     * @param appendStyle 追加样式
-     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
-     * @returns
-     */
-    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}, transfer?: boolean, zindex?: any, onMaskClick?: any): void;
-    /**
-     * 销毁指定实例
-     * @param content 指定实例内容
-     * @param transfer
-     */
-    destroy(content?: HTMLElement, transfer?: boolean): void;
-    /**
-     * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
-     * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
-     */
-    popHide(removeLastContent?: boolean): void;
-    /**
-     * 关闭指定弹窗
-     * @param content { HTMLElement } 关闭弹窗内容
-     * **/
-    hide(content?: HTMLElement, transfer?: boolean): void;
-    removeLastEvent(): void;
-    private onMaskClickFn;
-}
-export declare const bkPopIndexManager: BKPopIndexManager;