bkui-vue 0.0.1-beta.45 → 0.0.1-beta.450

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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+        default: "fill" | "none" | "contain" | "cover" | "scale-down";
+    };
+    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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+        default: "fill" | "none" | "contain" | "cover" | "scale-down";
+    };
+    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: "fill" | "none" | "contain" | "cover" | "scale-down";
+    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: "fill" | "none" | "contain" | "cover" | "scale-down";
+            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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+                default: "fill" | "none" | "contain" | "cover" | "scale-down";
+            };
+            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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+                default: "fill" | "none" | "contain" | "cover" | "scale-down";
+            };
+            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: "fill" | "none" | "contain" | "cover" | "scale-down";
+            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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+            default: "fill" | "none" | "contain" | "cover" | "scale-down";
+        };
+        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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+        default: "fill" | "none" | "contain" | "cover" | "scale-down";
+    };
+    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: "fill" | "none" | "contain" | "cover" | "scale-down";
+    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("vue-types"),require("lodash"),require("../directives"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","vue-types","lodash","../directives"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue"),require("../icon"),require("vue-types"),require("lodash"),require("../directives")):n(e["../shared"],e.vue,e["../icon"],e["vue-types"],e.lodash,e["../directives"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,n,t,o,r,i)=>(()=>{"use strict";var a={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=i},6870:e=>{e.exports=t},4212:n=>{n.exports=e},467:e=>{e.exports=r},748:e=>{e.exports=n},210:e=>{e.exports=o}},l={};function c(e){var n=l[e];if(void 0!==n)return n.exports;var t=l[e]={id:e,exports:{}};return a[e](t,t.exports,c),t.exports}c.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return c.d(n,{a:n}),n},c.d=(e,n)=>{for(var t in n)c.o(n,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},c.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{c.r(s),c.d(s,{Image:()=>l,ImageViewer:()=>v,default:()=>f});var e,n=c(4212),t=c(748),o=c(6870),r=c(210);!function(e){e.FILL="fill",e.CONTAIN="contain",e.COVER="cover",e.NONE="none",e.SCALE_DOWN="scale-down"}(e||(e={}));var i={src:n.PropTypes.string.def(""),fallback:n.PropTypes.string.def(""),placeholder:n.PropTypes.any,fit:(0,r.toType)("fit",{}).def(e.FILL),lazy:n.PropTypes.bool,urlList:n.PropTypes.array.def([]),isShowPreviewTitle:n.PropTypes.bool.def(!0),maskClose:n.PropTypes.bool.def(!0),zIndex:n.PropTypes.number.def(2e3)},a={urlList:{type:Array,default:function(){return[]}},zIndex:n.PropTypes.number.def(2e3),initialIndex:n.PropTypes.number.def(0),isShowTitle:n.PropTypes.bool.def(!0),loops:n.PropTypes.bool.def(!0),maskClose:n.PropTypes.bool.def(!0)};c(5458);const l=(0,t.defineComponent)({name:"Image",props:i,emits:["loaded","error","close","change"],setup:function(e,n){var r=n.emit,i=n.slots,a=(0,t.ref)(!0),l=(0,t.ref)(!0),c=(0,t.ref)(!1),s=(0,t.ref)(""),u=(0,t.ref)("");function d(){}(0,t.watch)((function(){return e.src}),(function(){a.value=!0,l.value=!1,u.value=e.src}));var f=(0,t.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,t.createVNode)("div",{class:"bk-image"},[a.value?(0,t.createVNode)("div",{class:"bk-image-placeholder"},[(0,t.createVNode)(o.Spinner,null,null)]):l.value?i.error?"function"==typeof i.error?i.error():i.error:(0,t.createVNode)("div",{class:"bk-image-placeholder"},[e.fallback?(0,t.createVNode)("img",{src:e.fallback,alt:"图片加载错误"},null):"",(0,t.withDirectives)((0,t.createVNode)("i",{class:"bk-icon icon-image-fail"},null),[[(0,t.resolveDirective)("else")]])]):(0,t.createVNode)("img",{src:e.src,onClick:d,style:{objectFit:fit}},null),f.value&&c.value?(0,t.createVNode)(v,{zIndex:e.zIndex,maskClose:e.maskClose,"is-show-title":e.isShowPreviewTitle,"url-list":e.urlList,onClose:p,onChange:m},null):""])}}});var u=c(467),d=c(4061);const v=(0,t.defineComponent)({name:"ImageViewer",directives:{bkTooltips:d.bkTooltips},props:a,emits:["close","change"],setup:function(e,r){var i=r.emit,a=(0,t.effectScope)(),l=(0,t.ref)(),c=(0,t.ref)([]),s=(0,t.ref)(""),d=(0,t.ref)(e.initialIndex),v=(0,t.ref)(!1),f=(0,t.ref)(!1),p=(0,t.shallowRef)({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),m=(0,t.computed)((function(){var n;return(null===(n=null==e?void 0:e.urlList)||void 0===n?void 0:n.length)<2})),b=(0,t.computed)((function(){return 0===d.value})),g=(0,t.computed)((function(){return d.value===e.urlList.length-1})),h=(0,t.computed)((function(){return e.urlList[d.value]})),k=(0,t.computed)((function(){var e=h.value.split("/");return e[e.length-1]})),x=(0,t.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 u=[-a,-l];a=u[0],l=u[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"===s.value&&(v.maxWidth="100%",v.maxHeight="100%"),v})),w=(0,t.computed)((function(){var t=2e3;return e.zIndex?t=e.zIndex:t+=n.bkZIndexManager.getModalNextIndex()||1,{zIndex:t}})),y=(0,u.throttle)((function(e){switch(Number(e.code)){case 27:V();break;case 32:v.value||(s.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,u.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),a.stop(),i("close")}function T(){if(!b.value||e.loops){var n=e.urlList.length;d.value=(d.value-1+n)%n}}function z(){if(!g.value||e.loops){var n=e.urlList.length;d.value=(d.value+1)%n}}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 C(){f.value=!1,v.value=!1}function I(e){f.value=!0,v.value=!1,e.target.alt="加载失败"}function j(e){if(!v.value&&0===e.button&&l.value){p.value.enableTransition=!1;var n=p.value,t=n.offsetX,o=n.offsetY,r=e.pageX,i=e.pageY,a=(0,u.throttle)((function(e){p.value=Object.assign(Object.assign({},p.value),{offsetX:t+e.pageX-r,offsetY:o+e.pageY-i})}));document.addEventListener("mousemove",a),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",e)})),e.preventDefault()}}return a.run((function(){document.addEventListener("keydown",y),document.addEventListener("mousewheel",N)})),function(){return(0,t.createVNode)(t.Teleport,{to:"body"},{default:function(){return[(0,t.createVNode)(t.Transition,null,{default:function(){return[(0,t.createVNode)("div",{tabindex:"-1",ref:"wrapper",class:"bk-image-viewer-wrapper",style:w.value},[(0,t.createVNode)("div",{class:"bk-image-viewer-mask",onClick:function(){e.maskClose&&V()}},null),e.isShowTitle&&e.urlList.length?(0,t.createVNode)("div",{class:"bk-image-viewer-header"},[(0,t.createVNode)("div",null,[k]),(0,t.createVNode)("div",{class:"tc "},[d.value+1,(0,t.createTextVNode)("/"),e.urlList.length]),(0,t.createVNode)("div",{class:"quit-box tr"},[(0,t.createVNode)("div",{class:"quit-tips mr10"},[(0,t.createTextVNode)("ESC 可以退出全屏")]),(0,t.createVNode)("div",{class:"bk-image-viewer-close",onClick:V},[(0,t.createVNode)(o.Close,null,null)])])]):"",m.value?"":(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)("div",{onClick:T,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!e.loops&&b?"is-disabled":"")},[(0,t.createVNode)(o.AngleLeft,null,null)]),(0,t.createVNode)("div",{onClick:z,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!e.loops&&g?"is-disabled":"")},[(0,t.createVNode)(o.AngleRight,null,null)]),(0,t.createVNode)("div",{class:"bk-image-viewer-actions-inner"},[(0,t.withDirectives)((0,t.createVNode)(o.AngleLeft,{onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,t.withDirectives)((0,t.createVNode)("i",{class:"",onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,t.withDirectives)((0,t.createVNode)("i",{class:"bk-icon icon-narrow-line",onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]])])]),(0,t.createVNode)("div",{class:"bk-image-viewer-canvas ".concat(e.isShowTitle?"bk-image-viewer-has-header":"")},[f.value?(0,t.createVNode)("div",{class:"bk-image-viewer-error"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("i",{class:"bk-icon icon-image-fail"},null)]),(0,t.createVNode)("div",null,[(0,t.createTextVNode)("抱歉，图片加载失败")])]):e.urlList.map((function(e,n){return n===d.value?"":(0,t.createVNode)("img",{key:n,ref:function(e){return c[n]=e},class:"bk-image-viewer-img",style:x.value,src:e,onLoad:C,onError:I,onMousedown:j},null)}))])])]}})]}})}}}),f=(0,n.withInstall)(l)})(),s})()));

package/lib/image/props.d.ts

@@ -0,0 +1,71 @@
+import { PropType } from 'vue';
+export declare const propsImage: {
+    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<"fill" | "none" | "contain" | "cover" | "scale-down"> & {
+        default: "fill" | "none" | "contain" | "cover" | "scale-down";
+    };
+    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;
+    };
+};
+export declare const propsImageViever: {
+    urlList: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    zIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    initialIndex: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    isShowTitle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loops: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+};

package/lib/index.d.ts

@@ -1,4 +1,6 @@
-import './styles';
 export { default } from './preset';
 export * from './components';
 export * from './directives';
+export * as plugins from './plugins';
+export * from './config-provider';
+export * from './hooks';

package/lib/index.js

@@ -0,0 +1 @@
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("./preset"),require("./components"),require("./directives"),require("./plugins"),require("./config-provider"),require("./hooks"));else if("function"==typeof define&&define.amd)define(["./preset","./components","./directives","./plugins","./config-provider","./hooks"],r);else{var o="object"==typeof exports?r(require("./preset"),require("./components"),require("./directives"),require("./plugins"),require("./config-provider"),require("./hooks")):r(e["./preset"],e["./components"],e["./directives"],e["./plugins"],e["./config-provider"],e["./hooks"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o,t,i,n)=>(()=>{"use strict";var s={4689:e=>{e.exports=r},7623:e=>{e.exports=i},7257:e=>{e.exports=o},5737:e=>{e.exports=n},368:e=>{e.exports=t},9887:r=>{r.exports=e}},p={};function u(e){var r=p[e];if(void 0!==r)return r.exports;var o=p[e]={exports:{}};return s[e](o,o.exports,u),o.exports}u.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return u.d(r,{a:r}),r},u.d=(e,r)=>{for(var o in r)u.o(r,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},u.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{u.r(d),u.d(d,{default:()=>r.a,plugins:()=>n});var e=u(9887),r=u.n(e),o=u(4689),t={};for(const e in o)["default","plugins"].indexOf(e)<0&&(t[e]=()=>o[e]);u.d(d,t);var i=u(7257);t={};for(const e in i)["default","plugins"].indexOf(e)<0&&(t[e]=()=>i[e]);u.d(d,t);var n=u(368),s=u(7623);t={};for(const e in s)["default","plugins"].indexOf(e)<0&&(t[e]=()=>s[e]);u.d(d,t);var p=u(5737);t={};for(const e in p)["default","plugins"].indexOf(e)<0&&(t[e]=()=>p[e]);u.d(d,t)})(),d})()));

package/lib/info-box/index.d.ts

@@ -0,0 +1,7 @@
+declare const BkInfoBox: ((config: Partial<import("./info-box").ModalFuncProps>) => {
+    show: () => void;
+    hide: () => void;
+    update: (config: Partial<import("./info-box").ModalFuncProps>) => void;
+    destroy: () => void;
+}) & import("@vue/runtime-core").Plugin;
+export default BkInfoBox;

package/lib/info-box/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../config-provider","../icon","../modal"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../icon"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../config-provider"],e["../icon"],e["../modal"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n,o,r,i)=>(()=>{var a={7162:(e,t,n)=>{e.exports=n(5047)},5047:e=>{var t=function(e){"use strict";var t,n=Object.prototype,o=n.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",l=r.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function u(e,t,n,o){var r=t&&t.prototype instanceof m?t:m,i=Object.create(r.prototype),a=new j(o||[]);return i._invoke=function(e,t,n){var o=f;return function(r,i){if(o===p)throw new Error("Generator is already running");if(o===h){if("throw"===r)throw i;return k()}for(n.method=r,n.arg=i;;){var a=n.delegate;if(a){var l=S(a,n);if(l){if(l===v)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===f)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=p;var c=s(e,t,n);if("normal"===c.type){if(o=n.done?h:d,c.arg===v)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=h,n.method="throw",n.arg=c.arg)}}}(e,n,a),i}function s(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var f="suspendedStart",d="suspendedYield",p="executing",h="completed",v={};function m(){}function y(){}function g(){}var x={};c(x,i,(function(){return this}));var w=Object.getPrototypeOf,b=w&&w(w(P([])));b&&b!==n&&o.call(b,i)&&(x=b);var T=g.prototype=m.prototype=Object.create(x);function N(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function C(e,t){function n(r,i,a,l){var c=s(e[r],e,i);if("throw"!==c.type){var u=c.arg,f=u.value;return f&&"object"==typeof f&&o.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,a,l)}),(function(e){n("throw",e,a,l)})):t.resolve(f).then((function(e){u.value=e,a(u)}),(function(e){return n("throw",e,a,l)}))}l(c.arg)}var r;this._invoke=function(e,o){function i(){return new t((function(t,r){n(e,o,t,r)}))}return r=r?r.then(i,i):i()}}function S(e,n){var o=e.iterator[n.method];if(o===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,S(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var r=s(o,e.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,v;var i=r.arg;return i?i.done?(n[e.resultName]=i.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function P(e){if(e){var n=e[i];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,a=function n(){for(;++r<e.length;)if(o.call(e,r))return n.value=e[r],n.done=!1,n;return n.value=t,n.done=!0,n};return a.next=a}}return{next:k}}function k(){return{value:t,done:!0}}return y.prototype=g,c(T,"constructor",g),c(g,"constructor",y),y.displayName=c(g,l,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,l,"GeneratorFunction")),e.prototype=Object.create(T),e},e.awrap=function(e){return{__await:e}},N(C.prototype),c(C.prototype,a,(function(){return this})),e.AsyncIterator=C,e.async=function(t,n,o,r,i){void 0===i&&(i=Promise);var a=new C(u(t,n,o,r),i);return e.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},N(T),c(T,l,"Generator"),c(T,i,(function(){return this})),c(T,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var o=t.pop();if(o in e)return n.value=o,n.done=!1,n}return n.done=!0,n}},e.values=P,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var n in this)"t"===n.charAt(0)&&o.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function r(o,r){return l.type="throw",l.arg=e,n.next=o,r&&(n.method="next",n.arg=t),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],l=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=o.call(a,"catchLoc"),u=o.call(a,"finallyLoc");if(c&&u){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var o=n.completion;if("throw"===o.type){var r=o.arg;E(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,o){return this.delegate={iterator:P(e),resultName:n,nextLoc:o},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},4976:e=>{"use strict";e.exports=n},2717:e=>{"use strict";e.exports=o},6870:e=>{"use strict";e.exports=r},8014:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return a[e](n,n.exports,c),n.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";c.r(u),c.d(u,{default:()=>m});var e=c(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}var n=c(7162),o=c.n(n);function r(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function l(e){try{c(o.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,l)}c((o=o.apply(e,t||[])).next())}))}Object.create,Object.create;var i=c(748),a=c(4976),l=c.n(a),s=c(2717),f=c(6870),d=c(8014),p=c.n(d);const h=Object.assign(Object.assign({},d.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string,cancelText:e.PropTypes.string,prevText:e.PropTypes.string,nextText:e.PropTypes.string,current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:(0,e.alignType)().def(e.AlignEnum.LEFT),footerAlign:(0,e.alignType)().def(e.AlignEnum.RIGHT),theme:e.PropTypes.theme().def(e.ThemeEnum.PRIMARY),dialogType:(0,e.dialogTypeUnion)(),isLoading:e.PropTypes.bool.def(!1)}),v=(0,i.defineComponent)({name:"Dialog",components:{BkModal:p(),BkButton:l()},props:h,emits:["closed","update:isShow","confirm","prev","next","value-change"],setup:function(e,t){var n=t.emit,o=(0,s.useLocale)("dialog"),r=(0,i.computed)((function(){return void 0===e.confirmText?o.value.ok:e.confirmText})),a=(0,i.computed)((function(){return void 0===e.cancelText?o.value.cancel:e.cancelText})),l=(0,i.computed)((function(){return void 0===e.prevText?o.value.prev:e.prevText})),c=(0,i.computed)((function(){return void 0===e.nextText?o.value.next:e.nextText})),u=(0,i.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}}),f=(0,i.ref)(e.isShow);(0,i.onMounted)((function(){e.escClose&&addEventListener("keydown",h)})),(0,i.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",h)})),(0,i.watch)((function(){return e.isShow}),(function(e){e?f.value=!0:setTimeout((function(){u.moveStyle={top:"50%",left:"50%"},u.positionX=0,u.positionY=0,f.value=!1}),250),n("value-change",e)}));var d=function(){n("update:isShow",!1),n("closed"),f.value=!1},p=(0,i.computed)((function(){return["process","operation","confirm"].includes(e.dialogType)})),h=function(t){e.isShow&&e.closeIcon&&27===t.keyCode&&d()};return{data:u,handleClose:d,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:h,moveHandler:function(t){if(e.fullscreen)return!1;if(!e.draggable)return!1;var n,o,r=t.target,i=t.currentTarget.parentNode.parentNode.offsetHeight,a=t.currentTarget.parentNode.parentNode.offsetWidth;0!==u.positionX&&0!==u.positionY?(n=t.clientX-u.positionX,o=t.clientY-u.positionY):(n=t.clientX-r.offsetLeft,o=t.clientY-r.offsetTop),document.onmousemove=function(e){var t=window.innerWidth-a,r=window.innerHeight-i,l=e.clientX-n,c=e.clientY-o;t/2-l<=0?l=t/2:t/2+l<=0&&(l=-t/2),r/2-c<=0?c=r/2:r/2+c<=0&&(c=-r/2),u.positionX=l,u.positionY=c,u.moveStyle.left="calc(50% + ".concat(l,"px)"),u.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")},hasFooter:p,isModalShow:f,localConfirmText:r,localCancelText:a,localPrevText:l,localNextText:c}},render:function(){var t,n=this,o={header:function(){var t,o,r,a,l,c;return[(0,i.createVNode)("div",{class:[(0,e.resolveClassName)("dialog-tool"),n.fullscreen||!n.draggable?"":"move",n.draggable?"content-dragging":""],onMousedown:n.moveHandler},[null!==(r=null===(o=(t=n.$slots).tools)||void 0===o?void 0:o.call(t))&&void 0!==r?r:""]),(0,i.createVNode)("div",{class:(0,e.resolveClassName)("dialog-header")},[(0,i.createVNode)("div",{class:(0,e.resolveClassName)("header-icon")},[n.infoType?{loading:(0,i.createVNode)(f.Spinner,{class:[(0,e.resolveClassName)("info-icon"),"primary"]},null),warning:(0,i.createVNode)(f.Warn,{class:[(0,e.resolveClassName)("info-icon"),"warning"]},null),success:(0,i.createVNode)(f.Success,{class:[(0,e.resolveClassName)("info-icon"),"success"]},null),danger:(0,i.createVNode)(f.Close,{class:[(0,e.resolveClassName)("info-icon"),"danger"]},null)}[n.infoType]:(0,i.createVNode)("slot",{name:"info-icon"},null)]),(0,i.createVNode)("span",{class:(0,e.resolveClassName)("dialog-title"),style:"text-align: ".concat(n.headerAlign)},[null!==(c=null===(l=(a=n.$slots).header)||void 0===l?void 0:l.call(a))&&void 0!==c?c:n.title])])]},default:function(){var e,t,o;return null!==(o=null===(t=(e=n.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==o?o:"default"},footer:function(){var t,o,r,a,c,u,s,f,d;return(0,i.createVNode)("div",{class:(0,e.resolveClassName)("dialog-footer"),style:"text-align: ".concat(n.footerAlign)},["process"===n.dialogType?null!==(r=null===(o=(t=n.$slots).footer)||void 0===o?void 0:o.call(t))&&void 0!==r?r:(0,i.createVNode)(i.Fragment,null,[1===n.current?"":(0,i.createVNode)(l(),{class:(0,e.resolveClassName)("dialog-perv"),onClick:n.handlePrevStep},{default:function(){return[n.localPrevText]}}),n.current===n.totalStep?"":(0,i.createVNode)(l(),{class:(0,e.resolveClassName)("dialog-next"),onClick:n.handleNextStep},{default:function(){return[n.localNextText]}}),n.current===n.totalStep?(0,i.createVNode)(l(),{onClick:n.handleConfirm,theme:n.theme,loading:n.isLoading},{default:function(){return[n.localConfirmText]}}):"",(0,i.createVNode)(l(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:n.handleClose,disabled:n.isLoading},{default:function(){return[n.localCancelText]}})]):"","operation"===n.dialogType?null!==(u=null===(c=(a=n.$slots).footer)||void 0===c?void 0:c.call(a))&&void 0!==u?u:(0,i.createVNode)(i.Fragment,null,[(0,i.createVNode)(l(),{onClick:n.handleConfirm,theme:n.theme,loading:n.isLoading},{default:function(){return[n.localConfirmText]}}),(0,i.createVNode)(l(),{class:(0,e.resolveClassName)("dialog-cancel"),onClick:n.handleClose,disabled:n.isLoading},{default:function(){return[n.localCancelText]}})]):"","confirm"===n.dialogType?null!==(d=null===(f=(s=n.$slots).footer)||void 0===f?void 0:f.call(s))&&void 0!==d?d:(0,i.createVNode)(i.Fragment,null,[(0,i.createVNode)(l(),{onClick:n.handleConfirm,theme:n.theme,loading:n.isLoading},{default:function(){return[n.localConfirmText]}})]):""])},close:function(){return(0,i.createVNode)(f.Error,{onClick:n.handleClose},null)}},r="".concat((0,e.resolveClassName)("dialog-wrapper ")," ").concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":""," ").concat(this.hasFooter?"has-footer":"no-footer");return(0,i.createVNode)(p(),(0,i.mergeProps)(this.$props,{class:r,onClose:this.handleClose,isShow:this.isModalShow,style:this.data.moveStyle}),"function"==typeof(t=o)||"[object Object]"===Object.prototype.toString.call(t)&&!(0,i.isVNode)(t)?o:{default:function(){return[o]}})}}),m=(0,e.withInstall)((function(n){var a=document.createElement("div"),l=(0,i.ref)(!1),c=(0,i.shallowRef)(n),u=(0,i.defineComponent)({name:"DialogConfirm",setup:function(n,a){var u=this,s=a.expose;(0,i.onMounted)((function(){(document.activeElement||document.body).blur(),!1!==c.value.isShow&&(l.value=!0)}));var f=function(){return r(u,void 0,void 0,o().mark((function e(){var t,n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onClosed)){e.next=3;break}return e.next=3,null===(n=c.value)||void 0===n?void 0:n.onClosed();case 3:l.value=!1;case 4:case"end":return e.stop()}}),e)})))},d=function(){return r(u,void 0,void 0,o().mark((function e(){var t,n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("function"!=typeof(null===(t=c.value)||void 0===t?void 0:t.onConfirm)){e.next=3;break}return e.next=3,null===(n=c.value)||void 0===n?void 0:n.onConfirm();case 3:l.value=!1;case 4:case"end":return e.stop()}}),e)})))};return s({update:function(e){c.value=e}}),function(){return(0,i.createVNode)(v,Object.assign(Object.assign({class:(0,e.resolveClassName)("info-wrapper"),headerAlign:"center",footerAlign:"center"},c.value),{isShow:l.value,onClosed:f,onConfirm:d}),function(){var n=[],o=[];if(c.value.subTitle)switch(t(c.value.subTitle)){case"string":default:n.push(c.value.subTitle);break;case"function":n.push(c.value.subTitle())}return n.length&&o.push((0,i.h)("div",{class:(0,e.resolveClassName)("info-sub-title"),style:"text-Align:".concat(c.value.contentAlign||"center")},n)),o}())}}}),s=(0,i.createApp)(u).mount(a);return{show:function(){l.value=!0},hide:function(){l.value=!1},update:function(e){s.update(e)},destroy:function(){s.unmount(),s=null}}}))})(),u})()));