bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13

package/lib/breadcrumb/index.d.ts

@@ -0,0 +1,122 @@
+import BreadcrumbItem from './breadcrumb-item';
+declare const BkBreadcrumb: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            extCls: string;
+            separator: string;
+            separatorClass: string;
+        }> & Omit<Readonly<{
+            extCls?: unknown;
+            separator?: unknown;
+            separatorClass?: unknown;
+        } & {
+            extCls: string;
+            separator: string;
+            separatorClass: string;
+        } & {}> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "extCls" | "separator" | "separatorClass">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            extCls?: unknown;
+            separator?: unknown;
+            separatorClass?: unknown;
+        } & {
+            extCls: string;
+            separator: string;
+            separatorClass: string;
+        } & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            extCls: string;
+            separator: string;
+            separatorClass: string;
+        }> & {
+            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<{
+        extCls?: unknown;
+        separator?: unknown;
+        separatorClass?: unknown;
+    } & {
+        extCls: string;
+        separator: string;
+        separatorClass: string;
+    } & {}> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    extCls?: unknown;
+    separator?: unknown;
+    separatorClass?: unknown;
+} & {
+    extCls: string;
+    separator: string;
+    separatorClass: string;
+} & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    extCls: string;
+    separator: string;
+    separatorClass: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    BreadcrumbItem: import("vue").DefineComponent<{
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        to: import("vue-types").VueTypeDef<string | {
+            [key: string]: any;
+        }> & {
+            default: string | (() => {
+                [key: string]: any;
+            });
+        };
+        replace: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        extCls?: unknown;
+        to?: unknown;
+        replace?: unknown;
+    } & {
+        extCls: string;
+        to: string | {
+            [key: string]: any;
+        };
+        replace: boolean;
+    } & {}> & {}, {
+        extCls: string;
+        to: string | {
+            [key: string]: any;
+        };
+        replace: boolean;
+    }>;
+}>;
+export { BkBreadcrumb, BreadcrumbItem as BkBreadcrumbItem, };
+export default BkBreadcrumb;

package/lib/breadcrumb/index.js

@@ -0,0 +1 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,r,t){"use strict";var a=r.defineComponent({name:"BkBreadcrumb",props:{extCls:t.PropTypes.string,separator:t.PropTypes.string.def("/"),separatorClass:t.PropTypes.string},setup:function(e,a){var o=a.slots,n=r.getCurrentInstance().proxy;r.provide("breadcrumb",e),r.onMounted((function(){var e=n.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var s=t.classes({"bk-breadcrumb":!0},"".concat(e.extCls||""));return function(){var e;return r.createVNode("div",{class:s,"aria-label":"Breadcrumb",role:"navigation"},[null===(e=o.default)||void 0===e?void 0:e.call(o)])}}}),o=r.defineComponent({name:"BkBreadcrumbItem",props:{extCls:t.PropTypes.string,to:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.object]).def(""),replace:t.PropTypes.bool},setup:function(e,a){var o=a.slots,n=r.getCurrentInstance().appContext,s=r.inject("breadcrumb"),l=n.config.globalProperties.$router,c=e.to,u=e.replace,i=function(){c&&l&&(u?l.replace(c):l.push(c))},p=t.classes({"bk-breadcrumb-item":!0},"".concat(e.extCls||""));return function(){var e;return r.createVNode("span",{class:p},[r.createVNode("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(c?"is-link":""),role:"link",onClick:i},[null===(e=null==o?void 0:o.default)||void 0===e?void 0:e.call(o)]),(null==s?void 0:s.separatorClass)?r.createVNode("i",{class:"bk-breadcrumb-separator ".concat(s.separatorClass)},null):r.createVNode("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==s?void 0:s.separator])])}}}),n=t.withInstallProps(a,{BreadcrumbItem:o});e.BkBreadcrumb=n,e.BkBreadcrumbItem=o,e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/breadcrumb/props.d.ts

@@ -0,0 +1,4 @@
+export interface IBreadcrumbProps {
+    separator: string;
+    separatorClass: string;
+}

package/lib/button/button-group.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{
+    size: import("vue-types").VueTypeDef<string>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    size?: unknown;
+} & {} & {
+    size?: string;
+}> & {}, {}>;
+export default _default;

package/lib/button/button.css

@@ -1,33 +1,253 @@
 .bk-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
   display: inline-block;
-  line-height: 1;
+  height: 32px;
+  min-width: 64px;
+  padding: 0 15px;
+  font-size: 14px;
+  color: #63656e;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: background-color ease 0.3s;
+  appearance: none;
+}
+.bk-button.bk-button-primary {
+  background-color: #3a84ff;
+  color: white;
+  border-color: #3a84ff;
+}
+.bk-button.bk-button-primary:hover {
+  background-color: #5594fa;
+  border-color: #5594fa;
+}
+.bk-button.bk-button-primary:active {
+  background-color: #2c77f4;
+  border-color: #2c77f4;
+}
+.bk-button.bk-button-primary.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
 }
-.bk-button .test {
-  color: red;
+.bk-button.bk-button-primary.is-outline {
+  color: #3a84ff;
+  border-color: #3a84ff;
+  background-color: white;
 }
-.bk-button-primary {
+.bk-button.bk-button-primary.is-outline:hover {
+  background-color: #5594fa;
+  border-color: #5594fa;
   color: white;
-  background-color: #1ea7fd;
 }
-.bk-button-secondary {
-  color: #333;
-  background-color: transparent;
-  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+.bk-button.bk-button-primary.is-text {
+  color: #3a84ff;
+  background: none;
+  border: none;
+}
+.bk-button.bk-button-primary.is-text:hover {
+  color: #5594fa;
+}
+.bk-button.bk-button-hover-primary:hover {
+  background-color: #5594fa;
+  border-color: #5594fa;
+  color: white;
+}
+.bk-button.bk-button-warning {
+  background-color: #ff9c01;
+  color: white;
+  border-color: #ff9c01;
+}
+.bk-button.bk-button-warning:hover {
+  background-color: #ffb848;
+  border-color: #ffb848;
+}
+.bk-button.bk-button-warning:active {
+  background-color: #eb9000;
+  border-color: #eb9000;
+}
+.bk-button.bk-button-warning.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+}
+.bk-button.bk-button-warning.is-outline {
+  color: #ff9c01;
+  border-color: #ff9c01;
+  background-color: white;
+}
+.bk-button.bk-button-warning.is-outline:hover {
+  background-color: #ffb848;
+  border-color: #ffb848;
+  color: white;
+}
+.bk-button.bk-button-warning.is-text {
+  color: #ff9c01;
+  background: none;
+  border: none;
+}
+.bk-button.bk-button-warning.is-text:hover {
+  color: #ffb848;
+}
+.bk-button.bk-button-hover-warning:hover {
+  background-color: #ffb848;
+  border-color: #ffb848;
+  color: white;
+}
+.bk-button.bk-button-success {
+  background-color: #2dcb56;
+  color: white;
+  border-color: #2dcb56;
+}
+.bk-button.bk-button-success:hover {
+  background-color: #45e35f;
+  border-color: #45e35f;
+}
+.bk-button.bk-button-success:active {
+  background-color: #1ab943;
+  border-color: #1ab943;
+}
+.bk-button.bk-button-success.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+}
+.bk-button.bk-button-success.is-outline {
+  color: #2dcb56;
+  border-color: #2dcb56;
+  background-color: white;
+}
+.bk-button.bk-button-success.is-outline:hover {
+  background-color: #45e35f;
+  border-color: #45e35f;
+  color: white;
 }
-.bk-button-small {
-  font-size: 12px;
-  padding: 10px 16px;
+.bk-button.bk-button-success.is-text {
+  color: #2dcb56;
+  background: none;
+  border: none;
 }
-.bk-button-normal {
+.bk-button.bk-button-success.is-text:hover {
+  color: #45e35f;
+}
+.bk-button.bk-button-hover-success:hover {
+  background-color: #45e35f;
+  border-color: #45e35f;
+  color: white;
+}
+.bk-button.bk-button-danger {
+  background-color: #ea3636;
+  color: white;
+  border-color: #ea3636;
+}
+.bk-button.bk-button-danger:hover {
+  background-color: #ff5656;
+  border-color: #ff5656;
+}
+.bk-button.bk-button-danger:active {
+  background-color: #db2626;
+  border-color: #db2626;
+}
+.bk-button.bk-button-danger.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+}
+.bk-button.bk-button-danger.is-outline {
+  color: #ea3636;
+  border-color: #ea3636;
+  background-color: white;
+}
+.bk-button.bk-button-danger.is-outline:hover {
+  background-color: #ff5656;
+  border-color: #ff5656;
+  color: white;
+}
+.bk-button.bk-button-danger.is-text {
+  color: #ea3636;
+  background: none;
+  border: none;
+}
+.bk-button.bk-button-danger.is-text:hover {
+  color: #ff5656;
+}
+.bk-button.bk-button-hover-danger:hover {
+  background-color: #ff5656;
+  border-color: #ff5656;
+  color: white;
+}
+.bk-button.bk-button-small {
+  min-width: 48px;
+  height: 26px;
+  padding: 0 12px;
+}
+.bk-button.bk-button-large {
+  min-width: 74px;
+  height: 38px;
+  padding: 0 20px;
+}
+.bk-button:hover {
+  border-color: #979ba5;
+}
+.bk-button:active {
+  color: #3a84ff;
+  border-color: #3a84ff;
+}
+.bk-button.is-disabled {
+  color: #dcdee5;
+  cursor: auto;
+  border-color: #dcdee5;
+}
+.bk-button.is-text {
   font-size: 14px;
-  padding: 11px 20px;
+  color: #63656e;
+  text-decoration: none;
+  cursor: pointer;
+  background: none;
+  border: none;
+  outline: none;
+}
+.bk-button-group {
+  display: inline-block;
+  font-size: 0;
+}
+.bk-button-group.bk-button-group-small .bk-button {
+  min-width: 48px;
+  height: 26px;
+  padding: 0 12px;
+}
+.bk-button-group.bk-button-group-large .bk-button {
+  min-width: 74px;
+  height: 38px;
+  padding: 0 20px;
+}
+.bk-button-group .bk-button {
+  height: 32px;
+  min-width: 64px;
+  margin: 0 0 0 -1px;
+  border-radius: 0;
+}
+.bk-button-group .bk-button:not(.is-disabled) {
+  color: #63656e;
+  background-color: white;
+  border-color: #c4c6cc;
+}
+.bk-button-group .bk-button:first-child {
+  border-radius: 2px 0 0 2px;
+}
+.bk-button-group .bk-button:last-child {
+  border-radius: 0 2px 2px 0;
+}
+.bk-button-group .bk-button:only-child {
+  border-radius: 2px;
 }
-.bk-button-large {
-  font-size: 16px;
-  padding: 12px 24px;
+.bk-button-group .bk-button:hover:not(.is-disabled),
+.bk-button-group .bk-button.is-selected:not(.is-disabled) {
+  position: relative;
+  z-index: 1;
+  color: #3a84ff;
+  background-color: white;
+  border-color: #3a84ff;
 }

package/lib/button/button.d.ts

@@ -0,0 +1,114 @@
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+import { ExtractPropTypes, PropType } from 'vue';
+declare type IButtonNativeType = PropType<'button' | 'submit' | 'reset'>;
+declare const buttonProps: {
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    hoverTheme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    outline: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    text: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    nativeType: {
+        type: IButtonNativeType;
+    };
+};
+export declare type ButtonPropTypes = ExtractPropTypes<typeof buttonProps>;
+declare const _default: import("vue").DefineComponent<{
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    hoverTheme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    outline: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    text: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    nativeType: {
+        type: IButtonNativeType;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    theme?: unknown;
+    hoverTheme?: unknown;
+    size?: unknown;
+    title?: unknown;
+    disabled?: unknown;
+    loading?: unknown;
+    outline?: unknown;
+    text?: unknown;
+    nativeType?: unknown;
+} & {
+    title: string;
+    text: boolean;
+    theme: string;
+    disabled: boolean;
+    loading: boolean;
+    hoverTheme: string;
+    outline: boolean;
+} & {
+    size?: string;
+    nativeType?: "button" | "reset" | "submit";
+}> & {
+    onClick?: (...args: any[]) => any;
+}, {
+    title: string;
+    text: boolean;
+    theme: string;
+    disabled: boolean;
+    loading: boolean;
+    hoverTheme: string;
+    outline: boolean;
+}>;
+export default _default;