bkui-vue 0.0.1-beta.12 → 0.0.1-beta.120

package/lib/swiper/swiper.d.ts

@@ -0,0 +1,65 @@
+declare const _default: import("vue").DefineComponent<{
+    isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loopTime: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "index-change"[], "index-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loopTime: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+}>> & {
+    "onIndex-change"?: (...args: any[]) => any;
+}, {
+    width: number;
+    height: number;
+    list: unknown[];
+    isLoop: boolean;
+    loopTime: number;
+    pics: unknown[];
+}>;
+export default _default;

package/lib/swiper/swiper.less

@@ -0,0 +1,107 @@
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+
+  &:hover .bk-swiper-nav {
+    display: block;
+  }
+}
+
+.bk-swiper-main {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+
+  &.bk-transition {
+    transition: .5s cubic-bezier(.42, 0, .58, 1);
+  }
+
+  .bk-swiper-card {
+    height: 100%;
+    padding: 0;
+    margin: 0;
+  }
+
+  .bk-swiper-img {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+
+  .bk-swiper-link {
+    cursor: pointer;
+  }
+}
+
+.bk-swiper-index {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+
+  li {
+    width: 11px;
+    height: 4px;
+    margin: 0 3px;
+    list-style-type: none;
+    background: #63656e;
+    border-radius: 2px;
+    transition: width .525s;
+
+    &.bk-current-index {
+      width: 17px;
+      background: #c5c7d1;
+    }
+  }
+}
+
+.bk-swiper-nav {
+  position: absolute;
+  top: calc(50% - 15px);
+  display: none;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background: rgba(31,45,61,.4);
+  border-radius: 50%;
+
+  .bk-swiper-nav-icon {
+    position: absolute;
+    top: 9px;
+    left: 11px;
+    width: 10px;
+    height: 10px;
+    border-bottom: 2px solid #fff;
+    border-left: 2px solid #fff;
+  }
+
+  &.bk-nav-prev {
+    left: 14px;
+    transform: rotate(45deg);
+
+    &:hover {
+      transform: rotate(45deg);
+    }
+  }
+
+  &.bk-nav-next {
+    right: 14px;
+    transform: rotate(225deg);
+
+    &:hover {
+      transform: rotate(225deg);
+    }
+  }
+
+  &:hover {
+    background: rgba(31,45,61,.6);
+  }
+}

package/lib/swiper/swiper.variable.css

@@ -0,0 +1,91 @@
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+}
+.bk-swiper-home:hover .bk-swiper-nav {
+  display: block;
+}
+.bk-swiper-main {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+}
+.bk-swiper-main.bk-transition {
+  transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+}
+.bk-swiper-main .bk-swiper-card {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+.bk-swiper-main .bk-swiper-img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.bk-swiper-main .bk-swiper-link {
+  cursor: pointer;
+}
+.bk-swiper-index {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+}
+.bk-swiper-index li {
+  width: 11px;
+  height: 4px;
+  margin: 0 3px;
+  list-style-type: none;
+  background: #63656e;
+  border-radius: 2px;
+  transition: width 0.525s;
+}
+.bk-swiper-index li.bk-current-index {
+  width: 17px;
+  background: #c5c7d1;
+}
+.bk-swiper-nav {
+  position: absolute;
+  top: calc(50% - 15px);
+  display: none;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background: rgba(31, 45, 61, 0.4);
+  border-radius: 50%;
+}
+.bk-swiper-nav .bk-swiper-nav-icon {
+  position: absolute;
+  top: 9px;
+  left: 11px;
+  width: 10px;
+  height: 10px;
+  border-bottom: 2px solid #fff;
+  border-left: 2px solid #fff;
+}
+.bk-swiper-nav.bk-nav-prev {
+  left: 14px;
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-prev:hover {
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-next {
+  right: 14px;
+  transform: rotate(225deg);
+}
+.bk-swiper-nav.bk-nav-next:hover {
+  transform: rotate(225deg);
+}
+.bk-swiper-nav:hover {
+  background: rgba(31, 45, 61, 0.6);
+}

package/lib/switcher/index.d.ts

@@ -3,40 +3,12 @@ declare const BkSwitcher: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            theme: string;
-            value: string | number | boolean;
-            extCls: string;
             disabled: boolean;
-            modelValue: string | number | boolean;
-            showText: boolean;
-            isOutline: boolean;
-            onText: string;
-            offText: string;
-            isSquare: boolean;
-            preCheck: (...args: any[]) => any;
-            trueValue: string | number | boolean;
-            falseValue: string | number | boolean;
-        }> & Omit<Readonly<{
-            theme?: unknown;
-            size?: unknown;
-            disabled?: unknown;
-            showText?: unknown;
-            isOutline?: unknown;
-            onText?: unknown;
-            offText?: unknown;
-            isSquare?: unknown;
-            extCls?: unknown;
-            preCheck?: unknown;
-            trueValue?: unknown;
-            falseValue?: unknown;
-            value?: unknown;
-            modelValue?: unknown;
-        } & {
             theme: string;
-            value: string | number | boolean;
             extCls: string;
-            disabled: boolean;
+            value: string | number | boolean;
             modelValue: string | number | boolean;
+            beforeChange: (...args: any[]) => any;
             showText: boolean;
             isOutline: boolean;
             onText: string;
@@ -44,13 +16,57 @@ declare const BkSwitcher: {
             isSquare: boolean;
             trueValue: string | number | boolean;
             falseValue: string | number | boolean;
-        } & {
-            size?: string;
-            preCheck?: (...args: any[]) => any;
-        }> & {
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            onText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            value: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+        }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "value" | "extCls" | "disabled" | "modelValue" | "showText" | "isOutline" | "onText" | "offText" | "isSquare" | "preCheck" | "trueValue" | "falseValue">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "extCls" | "value" | "modelValue" | "beforeChange" | "showText" | "isOutline" | "onText" | "offText" | "isSquare" | "trueValue" | "falseValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -64,52 +80,68 @@ declare const BkSwitcher: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: "change" | "update:modelValue", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            theme?: unknown;
-            size?: unknown;
-            disabled?: unknown;
-            showText?: unknown;
-            isOutline?: unknown;
-            onText?: unknown;
-            offText?: unknown;
-            isSquare?: unknown;
-            extCls?: unknown;
-            preCheck?: unknown;
-            trueValue?: unknown;
-            falseValue?: unknown;
-            value?: unknown;
-            modelValue?: unknown;
-        } & {
-            theme: string;
-            value: string | number | boolean;
-            extCls: string;
-            disabled: boolean;
-            modelValue: string | number | boolean;
-            showText: boolean;
-            isOutline: boolean;
-            onText: string;
-            offText: string;
-            isSquare: boolean;
-            trueValue: string | number | boolean;
-            falseValue: string | number | boolean;
-        } & {
-            size?: string;
-            preCheck?: (...args: any[]) => any;
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            onText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            value: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+        }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            disabled: boolean;
             theme: string;
-            value: string | number | boolean;
             extCls: string;
-            disabled: boolean;
+            value: string | number | boolean;
             modelValue: string | number | boolean;
+            beforeChange: (...args: any[]) => any;
             showText: boolean;
             isOutline: boolean;
             onText: string;
             offText: string;
             isSquare: boolean;
-            preCheck: (...args: any[]) => any;
             trueValue: string | number | boolean;
             falseValue: string | number | boolean;
         }> & {
@@ -132,90 +164,122 @@ declare const BkSwitcher: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        theme?: unknown;
-        size?: unknown;
-        disabled?: unknown;
-        showText?: unknown;
-        isOutline?: unknown;
-        onText?: unknown;
-        offText?: unknown;
-        isSquare?: unknown;
-        extCls?: unknown;
-        preCheck?: unknown;
-        trueValue?: unknown;
-        falseValue?: unknown;
-        value?: unknown;
-        modelValue?: unknown;
-    } & {
-        theme: string;
-        value: string | number | boolean;
-        extCls: string;
-        disabled: boolean;
-        modelValue: string | number | boolean;
-        showText: boolean;
-        isOutline: boolean;
-        onText: string;
-        offText: string;
-        isSquare: boolean;
-        trueValue: string | number | boolean;
-        falseValue: string | number | boolean;
-    } & {
-        size?: string;
-        preCheck?: (...args: any[]) => any;
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        theme: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        showText: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        onText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        offText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        } & {
+            default: (...args: any[]) => any;
+        };
+        trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        value: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+    }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    theme?: unknown;
-    size?: unknown;
-    disabled?: unknown;
-    showText?: unknown;
-    isOutline?: unknown;
-    onText?: unknown;
-    offText?: unknown;
-    isSquare?: unknown;
-    extCls?: unknown;
-    preCheck?: unknown;
-    trueValue?: unknown;
-    falseValue?: unknown;
-    value?: unknown;
-    modelValue?: unknown;
-} & {
-    theme: string;
-    value: string | number | boolean;
-    extCls: string;
-    disabled: boolean;
-    modelValue: string | number | boolean;
-    showText: boolean;
-    isOutline: boolean;
-    onText: string;
-    offText: string;
-    isSquare: boolean;
-    trueValue: string | number | boolean;
-    falseValue: string | number | boolean;
-} & {
-    size?: string;
-    preCheck?: (...args: any[]) => any;
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showText: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    onText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    offText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    value: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
+    disabled: boolean;
     theme: string;
-    value: string | number | boolean;
     extCls: string;
-    disabled: boolean;
+    value: string | number | boolean;
     modelValue: string | number | boolean;
+    beforeChange: (...args: any[]) => any;
     showText: boolean;
     isOutline: boolean;
     onText: string;
     offText: string;
     isSquare: boolean;
-    preCheck: (...args: any[]) => any;
     trueValue: string | number | boolean;
     falseValue: string | number | boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;