bkui-vue 0.0.1-beta.19 → 0.0.1-beta.191

package/lib/image/image-viewer.variable.css

@@ -0,0 +1,142 @@
+.bk-image-viewer-wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  background: rgba(0, 0, 0, 0.6);
+  flex-direction: column;
+}
+.bk-image-viewer-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.bk-image-viewer-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9;
+  display: flex;
+  width: 100%;
+  height: 52px;
+  color: #c4c6cc;
+  background: rgba(0, 0, 0, 0.7);
+  justify-content: space-between;
+  align-items: center;
+}
+.bk-image-viewer-header > div {
+  padding: 0 25px;
+  overflow: hidden;
+  font-size: 14px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+.bk-image-viewer-header .quit-box {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.bk-image-viewer-header .quit-tips {
+  font-size: 14px;
+  color: #979ba5;
+}
+.bk-image-viewer-btn {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  color: #dcdee5;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+  opacity: 0.8;
+  box-sizing: border-box;
+  user-select: none;
+  align-items: center;
+  justify-content: center;
+}
+.bk-image-viewer-btn:hover {
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.bk-image-viewer-close {
+  height: 52px;
+  font-size: 32px;
+  line-height: 48px;
+  color: #c4c6cc;
+  text-align: center;
+  cursor: pointer;
+}
+.bk-image-viewer-close:hover {
+  color: #fff;
+}
+.bk-image-viewer-canvas {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+.bk-image-viewer-has-header {
+  padding-top: 52px;
+}
+.bk-image-viewer-error {
+  font-size: 14px;
+  color: #313238;
+  text-align: center;
+}
+.bk-image-viewer-error .bk-icon {
+  margin-bottom: 15px;
+  font-size: 85px;
+  line-height: 1;
+}
+.bk-image-viewer-actions {
+  bottom: 30px;
+  left: 50%;
+  width: 282px;
+  height: 44px;
+  padding: 0 23px;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: #fff;
+  border-radius: 22px;
+  transform: translateX(-50%);
+}
+.bk-image-viewer-actions:hover {
+  background: rgba(0, 0, 0, 0.5);
+}
+.bk-image-viewer-actions-inner {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: 23px;
+  color: #c4c6cc;
+  text-align: justify;
+  align-items: center;
+  justify-content: space-around;
+}
+.bk-image-viewer-actions-inner .bk-icon {
+  cursor: pointer;
+}
+.bk-image-viewer-actions-inner .bk-icon:hover {
+  color: #fff;
+}
+.bk-image-viewer-next,
+.bk-image-viewer-prev {
+  top: 50%;
+  width: 80px;
+  height: 80px;
+  font-size: 40px;
+  cursor: pointer;
+}
+.bk-image-viewer-prev {
+  left: 40px;
+  transform: translateY(-50%);
+}
+.bk-image-viewer-next {
+  right: 40px;
+  text-indent: 2px;
+  transform: translateY(-50%);
+}

package/lib/image/image.css

@@ -0,0 +1,37 @@
+.bk-image {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+}
+.bk-image-inner {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}
+.bk-image-inner-center {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  display: block;
+  transform: translate(-50%, -50%);
+}
+.bk-image-placeholder {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: 24px;
+  color: #c4c6cc;
+  vertical-align: middle;
+  background: #f0f1f5;
+  justify-content: center;
+  align-items: center;
+}
+.bk-image-placeholder img {
+  width: 100%;
+}
+.bk-image-preview {
+  cursor: pointer;
+}

package/lib/image/image.d.ts

@@ -0,0 +1,93 @@
+import './image-viewer.less';
+declare const _default: import("vue").DefineComponent<{
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    fallback: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<any>;
+    fit: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "loaded")[], "change" | "close" | "error" | "loaded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    fallback: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<any>;
+    fit: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    onError?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+    onLoaded?: (...args: any[]) => any;
+}, {
+    zIndex: number;
+    fit: string;
+    urlList: unknown[];
+    maskClose: boolean;
+    src: string;
+    fallback: string;
+    lazy: boolean;
+    isShowPreviewTitle: boolean;
+}>;
+export default _default;

package/lib/image/image.less

@@ -0,0 +1,44 @@
+.bk-image {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+
+  &-inner {
+    width: 100%;
+    height: 100%;
+    vertical-align: top;
+
+    &-center {
+      position: relative;
+      top: 50%;
+      left: 50%;
+      display: block;
+      transform: translate(-50%, -50%)
+    }
+
+  }
+
+
+  &-placeholder {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    font-size: 24px;
+    color: #c4c6cc;
+    vertical-align: middle;
+    background: #f0f1f5;
+    justify-content: center;
+    align-items: center;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &-preview {
+    cursor: pointer
+  }
+}

package/lib/image/image.variable.css

@@ -0,0 +1,37 @@
+.bk-image {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+}
+.bk-image-inner {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}
+.bk-image-inner-center {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  display: block;
+  transform: translate(-50%, -50%);
+}
+.bk-image-placeholder {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: 24px;
+  color: #c4c6cc;
+  vertical-align: middle;
+  background: #f0f1f5;
+  justify-content: center;
+  align-items: center;
+}
+.bk-image-placeholder img {
+  width: 100%;
+}
+.bk-image-preview {
+  cursor: pointer;
+}

package/lib/image/index.d.ts

@@ -0,0 +1,246 @@
+import Image from './image';
+import ImageViewer from './image-viewer';
+export { Image, ImageViewer };
+declare const BkImage: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            zIndex: number;
+            fit: string;
+            urlList: unknown[];
+            maskClose: boolean;
+            src: string;
+            fallback: string;
+            lazy: boolean;
+            isShowPreviewTitle: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            fallback: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<any>;
+            fit: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            onError?: (...args: any[]) => any;
+            onClose?: (...args: any[]) => any;
+            onLoaded?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "zIndex" | "fit" | "urlList" | "maskClose" | "src" | "fallback" | "lazy" | "isShowPreviewTitle">;
+        $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: "change" | "close" | "error" | "loaded", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            fallback: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            placeholder: import("vue-types").VueTypeValidableDef<any>;
+            fit: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            onError?: (...args: any[]) => any;
+            onClose?: (...args: any[]) => any;
+            onLoaded?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "loaded")[], string, {
+            zIndex: number;
+            fit: string;
+            urlList: unknown[];
+            maskClose: boolean;
+            src: string;
+            fallback: string;
+            lazy: boolean;
+            isShowPreviewTitle: boolean;
+        }> & {
+            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<{
+        src: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        fallback: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        placeholder: import("vue-types").VueTypeValidableDef<any>;
+        fit: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        zIndex: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        onError?: (...args: any[]) => any;
+        onClose?: (...args: any[]) => any;
+        onLoaded?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    fallback: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    placeholder: import("vue-types").VueTypeValidableDef<any>;
+    fit: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    urlList: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    isShowPreviewTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    onError?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+    onLoaded?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "loaded")[], "change" | "close" | "error" | "loaded", {
+    zIndex: number;
+    fit: string;
+    urlList: unknown[];
+    maskClose: boolean;
+    src: string;
+    fallback: string;
+    lazy: boolean;
+    isShowPreviewTitle: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkImage;

package/lib/image/index.js

@@ -0,0 +1 @@
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("vue"),require("../icon"),require("lodash"),require("../directives"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","lodash","../directives"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue"),require("../icon"),require("lodash"),require("../directives")):n(e["../shared"],e.vue,e["../icon"],e.lodash,e["../directives"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,n,t,o,r)=>(()=>{"use strict";var i={5458:(e,n,t)=>{var o=t(9601),r=t.n(o),i=t(2609);t.n(i)()(r()).push([e.id,".bk-image-viewer-wrapper {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  background: rgba(0, 0, 0, 0.6);\n  flex-direction: column;\n}\n.bk-image-viewer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n.bk-image-viewer-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9;\n  display: flex;\n  width: 100%;\n  height: 52px;\n  color: #c4c6cc;\n  background: rgba(0, 0, 0, 0.7);\n  justify-content: space-between;\n  align-items: center;\n}\n.bk-image-viewer-header > div {\n  padding: 0 25px;\n  overflow: hidden;\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n.bk-image-viewer-header .quit-box {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.bk-image-viewer-header .quit-tips {\n  font-size: 14px;\n  color: #979ba5;\n}\n.bk-image-viewer-btn {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  color: #dcdee5;\n  background-color: rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  opacity: 0.8;\n  box-sizing: border-box;\n  user-select: none;\n  align-items: center;\n  justify-content: center;\n}\n.bk-image-viewer-btn:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.bk-image-viewer-close {\n  height: 52px;\n  font-size: 32px;\n  line-height: 48px;\n  color: #c4c6cc;\n  text-align: center;\n  cursor: pointer;\n}\n.bk-image-viewer-close:hover {\n  color: #fff;\n}\n.bk-image-viewer-canvas {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n.bk-image-viewer-has-header {\n  padding-top: 52px;\n}\n.bk-image-viewer-error {\n  font-size: 14px;\n  color: #313238;\n  text-align: center;\n}\n.bk-image-viewer-error .bk-icon {\n  margin-bottom: 15px;\n  font-size: 85px;\n  line-height: 1;\n}\n.bk-image-viewer-actions {\n  bottom: 30px;\n  left: 50%;\n  width: 282px;\n  height: 44px;\n  padding: 0 23px;\n  background-color: rgba(0, 0, 0, 0.4);\n  border-color: #fff;\n  border-radius: 22px;\n  transform: translateX(-50%);\n}\n.bk-image-viewer-actions:hover {\n  background: rgba(0, 0, 0, 0.5);\n}\n.bk-image-viewer-actions-inner {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  font-size: 23px;\n  color: #c4c6cc;\n  text-align: justify;\n  align-items: center;\n  justify-content: space-around;\n}\n.bk-image-viewer-actions-inner .bk-icon {\n  cursor: pointer;\n}\n.bk-image-viewer-actions-inner .bk-icon:hover {\n  color: #fff;\n}\n.bk-image-viewer-next,\n.bk-image-viewer-prev {\n  top: 50%;\n  width: 80px;\n  height: 80px;\n  font-size: 40px;\n  cursor: pointer;\n}\n.bk-image-viewer-prev {\n  left: 40px;\n  transform: translateY(-50%);\n}\n.bk-image-viewer-next {\n  right: 40px;\n  text-indent: 2px;\n  transform: translateY(-50%);\n}\n",""])},2609:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",o=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),o&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),o&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(a[c]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);o&&a[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),n.push(u))}},n}},9601:e=>{e.exports=function(e){return e[1]}},4061:e=>{e.exports=r},6870:e=>{e.exports=t},4212:n=>{n.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=n}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var t=a[e]={id:e,exports:{}};return i[e](t,t.exports,l),t.exports}l.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return l.d(n,{a:n}),n},l.d=(e,n)=>{for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{l.r(c),l.d(c,{Image:()=>i,ImageViewer:()=>u,default:()=>d});var e=l(4212),n=l(748),t=l(6870),o={src:e.PropTypes.string.def(""),fallback:e.PropTypes.string.def(""),placeholder:e.PropTypes.any,fit:e.PropTypes.commonType(["fill","contain","cover","none","scale-down"],"fit").def("fit"),lazy:e.PropTypes.bool,urlList:e.PropTypes.array.def([]),isShowPreviewTitle:e.PropTypes.bool.def(!0),maskClose:e.PropTypes.bool.def(!0),zIndex:e.PropTypes.number.def(2e3)},r={urlList:{type:Array,default:function(){return[]}},zIndex:e.PropTypes.number.def(2e3),initialIndex:e.PropTypes.number.def(0),isShowTitle:e.PropTypes.bool.def(!0),loops:e.PropTypes.bool.def(!0),maskClose:e.PropTypes.bool.def(!0)};l(5458);const i=(0,n.defineComponent)({name:"Image",props:o,emits:["loaded","error","close","change"],setup:function(e,o){var r=o.emit,i=o.slots,a=(0,n.ref)(!0),l=(0,n.ref)(!0),c=(0,n.ref)(!1),s=(0,n.ref)(""),d=(0,n.ref)("");function v(){}(0,n.watch)((function(){return e.src}),(function(){a.value=!0,l.value=!1,d.value=e.src}));var f=(0,n.computed)((function(){var n;return(null===(n=null==e?void 0:e.urlList)||void 0===n?void 0:n.length)>0}));function p(){document.body.style.overflow=s.value,c.value=!1,r("close")}function m(e){r("change",e)}return function(){return(0,n.createVNode)("div",{class:"bk-image"},[a.value?(0,n.createVNode)("div",{class:"bk-image-placeholder"},[(0,n.createVNode)(t.Spinner,null,null)]):l.value?i.error?"function"==typeof i.error?i.error():i.error:(0,n.createVNode)("div",{class:"bk-image-placeholder"},[e.fallback?(0,n.createVNode)("img",{src:e.fallback,alt:"图片加载错误"},null):"",(0,n.withDirectives)((0,n.createVNode)("i",{class:"bk-icon icon-image-fail"},null),[[(0,n.resolveDirective)("else")]])]):(0,n.createVNode)("img",{src:e.src,onClick:v,style:{objectFit:fit}},null),f.value&&c.value?(0,n.createVNode)(u,{zIndex:e.zIndex,maskClose:e.maskClose,"is-show-title":e.isShowPreviewTitle,"url-list":e.urlList,onClose:p,onChange:m},null):""])}}});var a=l(467),s=l(4061);const u=(0,n.defineComponent)({name:"ImageViewer",directives:{bkTooltips:s.bkTooltips},props:r,emits:["close","change"],setup:function(o,r){var i=r.emit,l=(0,n.effectScope)(),c=(0,n.ref)(),s=(0,n.ref)([]),u=(0,n.ref)(""),d=(0,n.ref)(o.initialIndex),v=(0,n.ref)(!1),f=(0,n.ref)(!1),p=(0,n.shallowRef)({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),m=(0,n.computed)((function(){var e;return(null===(e=null==o?void 0:o.urlList)||void 0===e?void 0:e.length)<2})),b=(0,n.computed)((function(){return 0===d.value})),g=(0,n.computed)((function(){return d.value===o.urlList.length-1})),h=(0,n.computed)((function(){return o.urlList[d.value]})),k=(0,n.computed)((function(){var e=h.value.split("/");return e[e.length-1]})),x=(0,n.computed)((function(){var e=p.value,n=e.scale,t=e.deg,o=e.offsetX,r=e.offsetY,i=e.enableTransition,a=o/n,l=r/n;switch(t%360){case 90:case-270:var c=[l,-a];a=c[0],l=c[1];break;case 180:case-180:var s=[-a,-l];a=s[0],l=s[1];break;case 270:case-90:var d=[-l,a];a=d[0],l=d[1]}var v={transform:"scale(".concat(n,") rotate(").concat(t,"deg) translate(").concat(a,"px, ").concat(l,"px)"),transition:i?"transform .3s":""};return"contain"===u.value&&(v.maxWidth="100%",v.maxHeight="100%"),v})),w=(0,n.computed)((function(){var n=2e3;return o.zIndex?n=o.zIndex:n+=e.bkZIndexManager.getModalNextIndex()||1,{zIndex:n}})),y=(0,a.throttle)((function(e){switch(Number(e.code)){case 27:V();break;case 32:v.value||(u.value="original",p.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1});break;case 37:T();break;case 38:L("zoomIn");break;case 39:z();break;case 40:L("zoomOut")}})),N=(0,a.throttle)((function(e){L((e.wheelDelta?e.wheelDelta:-e.detail)>0?"zoomIn":"zoomOut",{zoomRate:1.2,enableTransition:!1})}));function V(){document.removeEventListener("keydown",y),document.removeEventListener("mousewheel",N),l.stop(),i("close")}function T(){if(!b.value||o.loops){var e=o.urlList.length;d.value=(d.value-1+e)%e}}function z(){if(!g.value||o.loops){var e=o.urlList.length;d.value=(d.value+1)%e}}function L(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!v.value){var t=Object.assign({zoomRate:.2,rotateDeg:90,enableTransition:!0},n),o=t.zoomRate,r=t.rotateDeg,i=t.enableTransition;switch(e){case"zoomOut":p.value.scale>.2&&(p.value.scale=Number.parseFloat((p.value.scale-o).toFixed(3)));break;case"zoomIn":p.value.scale<7&&(p.value.scale=Number.parseFloat((p.value.scale+o).toFixed(3)));break;case"clockwise":p.value.deg+=r;break;case"anticlockwise":p.value.deg-=r}p.value.enableTransition=i}}function P(){f.value=!1,v.value=!1}function j(e){f.value=!0,v.value=!1,e.target.alt="加载失败"}function C(e){if(!v.value&&0===e.button&&c.value){p.value.enableTransition=!1;var n=p.value,t=n.offsetX,o=n.offsetY,r=e.pageX,i=e.pageY,l=(0,a.throttle)((function(e){p.value=Object.assign(Object.assign({},p.value),{offsetX:t+e.pageX-r,offsetY:o+e.pageY-i})}));document.addEventListener("mousemove",l),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",e)})),e.preventDefault()}}return l.run((function(){document.addEventListener("keydown",y),document.addEventListener("mousewheel",N)})),function(){return(0,n.createVNode)(n.Teleport,{to:"body"},{default:function(){return[(0,n.createVNode)(n.Transition,null,{default:function(){return[(0,n.createVNode)("div",{tabindex:"-1",ref:"wrapper",class:"bk-image-viewer-wrapper",style:w.value},[(0,n.createVNode)("div",{class:"bk-image-viewer-mask",onClick:function(){o.maskClose&&V()}},null),o.isShowTitle&&o.urlList.length?(0,n.createVNode)("div",{class:"bk-image-viewer-header"},[(0,n.createVNode)("div",null,[k]),(0,n.createVNode)("div",{class:"tc "},[d.value+1,(0,n.createTextVNode)("/"),o.urlList.length]),(0,n.createVNode)("div",{class:"quit-box tr"},[(0,n.createVNode)("div",{class:"quit-tips mr10"},[(0,n.createTextVNode)("ESC 可以退出全屏")]),(0,n.createVNode)("div",{class:"bk-image-viewer-close",onClick:V},[(0,n.createVNode)(t.Close,null,null)])])]):"",m.value?"":(0,n.createVNode)(n.Fragment,null,[(0,n.createVNode)("div",{onClick:T,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!o.loops&&b?"is-disabled":"")},[(0,n.createVNode)(t.AngleLeft,null,null)]),(0,n.createVNode)("div",{onClick:z,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!o.loops&&g?"is-disabled":"")},[(0,n.createVNode)(t.AngleRight,null,null)]),(0,n.createVNode)("div",{class:"bk-image-viewer-actions-inner"},[(0,n.withDirectives)((0,n.createVNode)(t.AngleLeft,{onClick:function(){return L("zoomOut")}},null),[[(0,n.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,n.withDirectives)((0,n.createVNode)("i",{class:"",onClick:function(){return L("zoomOut")}},null),[[(0,n.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,n.withDirectives)((0,n.createVNode)("i",{class:"bk-icon icon-narrow-line",onClick:function(){return L("zoomOut")}},null),[[(0,n.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]])])]),(0,n.createVNode)("div",{class:"bk-image-viewer-canvas ".concat(o.isShowTitle?"bk-image-viewer-has-header":"")},[f.value?(0,n.createVNode)("div",{class:"bk-image-viewer-error"},[(0,n.createVNode)("div",null,[(0,n.createVNode)("i",{class:"bk-icon icon-image-fail"},null)]),(0,n.createVNode)("div",null,[(0,n.createTextVNode)("抱歉，图片加载失败")])]):o.urlList.map((function(e,t){return t===d.value?"":(0,n.createVNode)("img",{key:t,ref:function(e){return s[t]=e},class:"bk-image-viewer-img",style:x.value,src:e,onLoad:P,onError:j,onMousedown:C},null)}))])])]}})]}})}}}),d=(0,e.withInstall)(i)})(),c})()));