bkui-vue 0.0.1-beta.29 → 0.0.1-beta.31

package/dist/style.css

@@ -1409,13 +1409,18 @@ optgroup {
 }
 .bk-loading-wrapper {
   position: static;
-  display: inline-block;
   font-size: 0;
   vertical-align: middle;
 }
+.bk-loading-wrapper:not(.bk-nested-loading) {
+  display: inline-block;
+}
 .bk-loading-wrapper.bk-nested-loading {
   position: relative;
 }
+.bk-loading-wrapper.bk-nested-loading.is-block {
+  display: block;
+}
 .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
   position: absolute;
   top: 50%;
@@ -1449,6 +1454,7 @@ optgroup {
   animation-direction: normal;
 }
 .bk-loading-wrapper .bk-loading-mask {
+  position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0.5;
@@ -1462,7 +1468,7 @@ optgroup {
   z-index: 10;
   width: 100%;
   height: 100%;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255, 255, 255, 0.8);
   content: '';
 }
 .bk-loading-wrapper .bk-loading-indicator {
@@ -1846,7 +1852,7 @@ optgroup {
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
 }
-.bk-radio.is-focus .bk-radio-input {
+.bk-radio.is-focusd .bk-radio-input {
   border-color: #3a84ff;
 }
 .bk-radio .bk-radio-text {
@@ -1919,7 +1925,7 @@ optgroup {
   background: #dcdee5;
   border-color: #dcdee5;
 }
-.bk-radio-button.is-focus .bk-radio-button-text {
+.bk-radio-button.is-focusd .bk-radio-button-text {
   border-color: #3a84ff;
 }
 .bk-radio-button .bk-radio-button-input {
@@ -4456,7 +4462,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
 }
 .bk-tab-header-item:hover .bk-tab-header-item-close {
   display: block;
-  margin-left: 10px;
+  margin-left: 5px;
   color: #ea3636;
 }
 .bk-tab--top .bk-tab-header-item {
@@ -4487,6 +4493,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
 }
 .bk-tab-header-item-close {
   display: none;
+  font-size: 16px;
   color: #c4c6cc;
 }
 .bk-tab-header--active {
@@ -5271,6 +5278,94 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
   text-align: left;
   align-items: center;
 }
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.hljs-comment,.hljs-quote{color:#800}.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-title{color:#008}.hljs-template-variable,.hljs-variable{color:#660}.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#080}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-symbol{color:#066}.hljs-attr,.hljs-built_in,.hljs-doctag,.hljs-params,.hljs-title,.hljs-type{color:#606}.hljs-attribute,.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.d2h-d-none{display:none}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;border-bottom:1px solid #d8d8d8;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header,.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.d2h-file-stats{font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border-radius:5px 0 0 5px;color:#399839;padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border-radius:0 5px 5px 0;color:#c33;margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-side-diff{display:inline-block;margin-bottom:-8px;margin-right:-4px;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.d2h-code-side-line{padding:0 4.5em}.d2h-code-line-ctn{word-wrap:normal;background:none;display:inline-block;padding:0;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;text-decoration:none;vertical-align:middle}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;text-align:left}.d2h-code-line-prefix{word-wrap:normal;background:none;display:inline;padding:0;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;border:solid #eee;border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"\200b"}.d2h-code-side-linenumber{background-color:#fff;border:solid #eee;border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"\200b"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;border-color:#e1e1e1}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;border-color:#e9aeae}.d2h-ins{background-color:#dfd;border-color:#b4e2b4}.d2h-info{background-color:#f8fafd;border-color:#d5e4f2;color:rgba(0,0,0,.3)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{color:#3572b0;text-decoration:none}.d2h-file-list-wrapper a:visited{color:#3572b0}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{fill:currentColor;margin-right:10px;vertical-align:middle}.d2h-deleted{color:#c33}.d2h-added{color:#399839}.d2h-changed{color:#d0b44c}.d2h-moved{color:#3572b0}.d2h-tag{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33}.d2h-added-tag{border:1px solid #399839}.d2h-changed-tag{border:1px solid #d0b44c}.d2h-moved-tag{border:1px solid #3572b0}/* stylelint-disable declaration-no-important */.bk-code-diff {
+  position: relative;
+}.bk-code-diff .d2h-file-header {
+  display: none;
+}.bk-code-diff.dark {
+  color: #abb2bf !important;
+  background: #282c34;
+}.bk-code-diff.dark .hljs {
+  color: #abb2bf !important;
+  background: #282c34;
+}.bk-code-diff.dark .d2h-file-side-diff:nth-child(n + 2) .d2h-code-wrapper {
+  border-left-color: #313238;
+}.bk-code-diff.dark pre code.hljs {
+  display: block;
+  padding: 1em;
+  overflow-x: auto;
+}.bk-code-diff.dark code.hljs {
+  padding: 3px 5px;
+}.bk-code-diff.dark .hljs-comment,
+.bk-code-diff.dark .hljs-quote {
+  font-style: italic;
+  color: #5c6370;
+}.bk-code-diff.dark .hljs-doctag,
+.bk-code-diff.dark .hljs-formula,
+.bk-code-diff.dark .hljs-keyword,
+.bk-code-diff.dark .hljs-params {
+  color: #c678dd;
+}.bk-code-diff.dark .hljs-deletion,
+.bk-code-diff.dark .hljs-name,
+.bk-code-diff.dark .hljs-section,
+.bk-code-diff.dark .hljs-selector-tag,
+.bk-code-diff.dark .hljs-subst {
+  color: #e06c75;
+}.bk-code-diff.dark .hljs-literal {
+  color: #56b6c2;
+}.bk-code-diff.dark .hljs-addition,
+.bk-code-diff.dark .hljs-attribute,
+.bk-code-diff.dark .hljs-meta .hljs-string,
+.bk-code-diff.dark .hljs-regexp,
+.bk-code-diff.dark .hljs-string {
+  color: #98c379;
+}.bk-code-diff.dark .hljs-attr,
+.bk-code-diff.dark .hljs-number,
+.bk-code-diff.dark .hljs-selector-attr,
+.bk-code-diff.dark .hljs-selector-class,
+.bk-code-diff.dark .hljs-selector-pseudo,
+.bk-code-diff.dark .hljs-template-variable,
+.bk-code-diff.dark .hljs-type,
+.bk-code-diff.dark .hljs-variable {
+  color: #d19a66;
+}.bk-code-diff.dark .hljs-bullet,
+.bk-code-diff.dark .hljs-link,
+.bk-code-diff.dark .hljs-meta,
+.bk-code-diff.dark .hljs-selector-id,
+.bk-code-diff.dark .hljs-symbol,
+.bk-code-diff.dark .hljs-title {
+  color: #61aeee;
+}.bk-code-diff.dark .hljs-built_in,
+.bk-code-diff.dark .hljs-class .hljs-title,
+.bk-code-diff.dark .hljs-title.class_ {
+  color: #e6c07b;
+}.bk-code-diff.dark .hljs-emphasis {
+  font-style: italic;
+}.bk-code-diff.dark .hljs-strong {
+  font-weight: 700;
+}.bk-code-diff.dark .hljs-link {
+  text-decoration: underline;
+}.bk-code-diff.dark .d2h-code-linenumber,
+.bk-code-diff.dark .d2h-code-side-linenumber {
+  font-size: 12px;
+  color: #8f8f89;
+  background: #282c34;
+  border: none;
+}.bk-code-diff.dark .d2h-info {
+  color: inherit;
+  background-color: transparent;
+}.bk-code-diff.dark .d2h-del {
+  background-color: #422321 !important;
+}.bk-code-diff.dark .d2h-del .hljs {
+  background: transparent;
+}.bk-code-diff.dark .d2h-ins {
+  background: #2d3324 !important;
+}.bk-code-diff.dark .d2h-ins .hljs {
+  background: transparent;
+}.bk-code-diff.dark .d2h-code-side-emptyplaceholder,
+.bk-code-diff.dark .d2h-emptyplaceholder {
+  background-color: #292929 !important;
+}
 .bk-resize-layout {
   display: flex;
 }

package/lib/code-diff/index.d.ts

@@ -1,6 +1,142 @@
-import CodeDiff, { DiffFormatType, LanguagesUnion, ThemesUnion } from './code-diff';
-import './code-diff.less';
-export default CodeDiff;
+import { DiffFormatType, LanguagesUnion, ThemesUnion } from './code-diff';
+declare const BkCodeDiff: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            theme: "dark" | "light";
+            oldContent: string;
+            newContent: string;
+            diffFormat: "side-by-side" | "line-by-line";
+            language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            oldContent: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            newContent: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+                default: "side-by-side" | "line-by-line";
+            };
+            diffContext: import("vue-types").VueTypeValidableDef<number>;
+            theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+                default: "dark" | "light";
+            };
+            language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+                default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+            };
+        }>> & {
+            [x: string & `on${any}`]: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "oldContent" | "newContent" | "diffFormat" | "language">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: any, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            oldContent: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            newContent: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+                default: "side-by-side" | "line-by-line";
+            };
+            diffContext: import("vue-types").VueTypeValidableDef<number>;
+            theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+                default: "dark" | "light";
+            };
+            language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+                default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+            };
+        }>> & {
+            [x: string & `on${any}`]: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], string, {
+            theme: "dark" | "light";
+            oldContent: string;
+            newContent: string;
+            diffFormat: "side-by-side" | "line-by-line";
+            language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        oldContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        newContent: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+            default: "side-by-side" | "line-by-line";
+        };
+        diffContext: import("vue-types").VueTypeValidableDef<number>;
+        theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+            default: "dark" | "light";
+        };
+        language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+            default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+        };
+    }>> & {
+        [x: string & `on${any}`]: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    oldContent: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    newContent: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
+        default: "side-by-side" | "line-by-line";
+    };
+    diffContext: import("vue-types").VueTypeValidableDef<number>;
+    theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
+        default: "dark" | "light";
+    };
+    language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
+        default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+    };
+}>> & {
+    [x: string & `on${any}`]: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, {
+    theme: "dark" | "light";
+    oldContent: string;
+    newContent: string;
+    diffFormat: "side-by-side" | "line-by-line";
+    language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export declare type ThemesUnionType = ThemesUnion;
 export declare type DiffFormatUnionType = DiffFormatType;
 export declare type LanguagesUnionType = LanguagesUnion;
+export default BkCodeDiff;