bkui-vue 0.0.1-beta.41 → 0.0.1-beta.411

package/lib/sideslider/index.d.ts

@@ -3,47 +3,119 @@ declare const BkSideslider: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: string | number;
-            height: string | number;
+            title: string;
+            multiInstance: boolean;
+            zIndex: string | number;
             showMask: boolean;
             direction: string;
+            transfer: boolean;
+            width: string | number;
+            height: string | number;
+            maxHeight: string;
             isShow: boolean;
-            customClass: string | unknown[];
+            extCls: string | unknown[];
+            draggable: boolean;
+            quickClose: boolean;
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            fullscreen: boolean;
+            animateType: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             direction: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: string) => boolean;
             };
-            isShow: {
-                type: BooleanConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            width: {
-                type: (NumberConstructor | StringConstructor)[];
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            extCls: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<"small" | "normal" | "large" | "medium">;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            scrollable: {
-                type: BooleanConstructor;
-                default: boolean;
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
             };
-            showMask: {
-                type: BooleanConstructor;
+            renderDirective: import("vue-types").VueTypeDef<"if" | "show">;
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<"show" | "operation" | "confirm" | "process">;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
         }>> & {
+            onHidden?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "direction" | "isShow" | "customClass" | "scrollable">;
+            "onAnimation-end"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "multiInstance" | "zIndex" | "showMask" | "direction" | "transfer" | "width" | "height" | "maxHeight" | "isShow" | "extCls" | "draggable" | "quickClose" | "scrollable" | "closeIcon" | "escClose" | "fullscreen" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -55,7 +127,7 @@ declare const BkSideslider: {
         }>;
         $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: "closed" | "update:isShow", ...args: any[]) => void;
+        $emit: (event: "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             direction: {
@@ -63,43 +135,113 @@ declare const BkSideslider: {
                 default: string;
                 validator: (value: string) => boolean;
             };
-            isShow: {
-                type: BooleanConstructor;
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            width: {
-                type: (NumberConstructor | StringConstructor)[];
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            extCls: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
-            height: {
-                type: (NumberConstructor | StringConstructor)[];
+            size: import("vue-types").VueTypeDef<"small" | "normal" | "large" | "medium">;
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            zIndex: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            customClass: {
-                type: (ArrayConstructor | StringConstructor)[];
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            scrollable: {
-                type: BooleanConstructor;
-                default: boolean;
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
             };
-            showMask: {
-                type: BooleanConstructor;
+            renderDirective: import("vue-types").VueTypeDef<"if" | "show">;
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
+            dialogType: import("vue-types").VueTypeDef<"show" | "operation" | "confirm" | "process">;
+            multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
+            infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
         }>> & {
+            onHidden?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
             onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
-        }, unknown, unknown, {}, {
-            handleClose(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], string, {
-            width: string | number;
-            height: string | number;
+            "onAnimation-end"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], string, {
+            title: string;
+            multiInstance: boolean;
+            zIndex: string | number;
             showMask: boolean;
             direction: string;
+            transfer: boolean;
+            width: string | number;
+            height: string | number;
+            maxHeight: string;
             isShow: boolean;
-            customClass: string | unknown[];
+            extCls: string | unknown[];
+            draggable: boolean;
+            quickClose: boolean;
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            fullscreen: boolean;
+            animateType: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -126,36 +268,95 @@ declare const BkSideslider: {
             default: string;
             validator: (value: string) => boolean;
         };
-        isShow: {
-            type: BooleanConstructor;
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        width: {
-            type: (NumberConstructor | StringConstructor)[];
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        extCls: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
-        height: {
-            type: (NumberConstructor | StringConstructor)[];
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<"small" | "normal" | "large" | "medium">;
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        zIndex: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        customClass: {
-            type: (ArrayConstructor | StringConstructor)[];
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        scrollable: {
-            type: BooleanConstructor;
-            default: boolean;
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
         };
-        showMask: {
-            type: BooleanConstructor;
+        renderDirective: import("vue-types").VueTypeDef<"if" | "show">;
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
+        dialogType: import("vue-types").VueTypeDef<"show" | "operation" | "confirm" | "process">;
+        multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
+        infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
     }>> & {
+        onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
-        handleClose(): void;
-    } & import("vue").ComponentCustomProperties;
+        "onAnimation-end"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -165,42 +366,112 @@ declare const BkSideslider: {
         default: string;
         validator: (value: string) => boolean;
     };
-    isShow: {
-        type: BooleanConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    extCls: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
+    size: import("vue-types").VueTypeDef<"small" | "normal" | "large" | "medium">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    zIndex: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    renderDirective: import("vue-types").VueTypeDef<"if" | "show">;
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"show" | "operation" | "confirm" | "process">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
-    };
-    showMask: {
-        type: BooleanConstructor;
+    } & {
         default: boolean;
     };
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
 }>> & {
+    onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
-}, unknown, unknown, {}, {
-    handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", {
-    width: string | number;
-    height: string | number;
+    "onAnimation-end"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", {
+    title: string;
+    multiInstance: boolean;
+    zIndex: string | number;
     showMask: boolean;
     direction: string;
+    transfer: boolean;
+    width: string | number;
+    height: string | number;
+    maxHeight: string;
     isShow: boolean;
-    customClass: string | unknown[];
+    extCls: string | unknown[];
+    draggable: boolean;
+    quickClose: boolean;
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    fullscreen: boolean;
+    animateType: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkSideslider;

package/lib/sideslider/index.js

@@ -0,0 +1 @@
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],e);else{var r="object"==typeof exports?e(require("../shared"),require("vue"),require("../button"),require("../modal")):e(t["../shared"],t.vue,t["../button"],t["../modal"]);for(var n in r)("object"==typeof exports?exports:t)[n]=r[n]}}(self,((t,e,r,n)=>(()=>{var o={7162:(t,e,r)=>{t.exports=r(5047)},5047:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof y?e:y,i=Object.create(o.prototype),a=new S(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===p){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=E(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=l(t,e,r);if("normal"===u.type){if(n=r.done?p:h,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=p,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f="suspendedStart",h="suspendedYield",d="executing",p="completed",v={};function y(){}function g(){}function m(){}var b={};u(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(N([])));x&&x!==r&&n.call(x,i)&&(b=x);var j=m.prototype=y.prototype=Object.create(b);function L(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function O(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function E(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,E(t,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function N(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:P}}function P(){return{value:e,done:!0}}return g.prototype=m,u(j,"constructor",m),u(m,"constructor",g),g.displayName=u(m,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,u(t,c,"GeneratorFunction")),t.prototype=Object.create(j),t},t.awrap=function(t){return{__await:t}},L(O.prototype),u(O.prototype,a,(function(){return this})),t.AsyncIterator=O,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new O(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(j),u(j,c,"Generator"),u(j,i,(function(){return this})),u(j,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=N,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),k(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}},4976:t=>{"use strict";t.exports=r},8014:t=>{"use strict";t.exports=n},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>d});var t=a(4212),e=a(748),r=a(7162),n=a.n(r);Object.create,Object.create;var o=a(4976),i=a.n(o),u=a(8014),s=a.n(u),l=s().propsMixin,f=Object.assign({},l);f.width.default="400",f.height.default="100%";const h=(0,e.defineComponent)({name:"Sideslider",components:{BkModal:s(),BkButton:i()},props:Object.assign(Object.assign({},f),{direction:{type:String,default:"right",validator:function(t){var e=["left","right"];return!(e.indexOf(t)<0&&(console.error("direction property is not valid: '".concat(t,"',【").concat(e.join(" | "),"】")),1))}}}),emits:["closed","update:isShow","shown","hidden","animation-end"],setup:function(t,r){var o=this,i=r.slots,a=r.emit,c=function(){return e=o,r=void 0,i=void 0,c=n().mark((function e(){var r;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=!0,"function"!=typeof t.beforeClose){e.next=5;break}return e.next=4,t.beforeClose();case 4:r=e.sent;case 5:r&&(a("update:isShow",!1),a("closed"),setTimeout((function(){a("animation-end")}),250));case 6:case"end":return e.stop()}}),e)})),new(i||(i=Promise))((function(t,n){function o(t){try{u(c.next(t))}catch(t){n(t)}}function a(t){try{u(c.throw(t))}catch(t){n(t)}}function u(e){var r;e.done?t(e.value):(r=e.value,r instanceof i?r:new i((function(t){t(r)}))).then(o,a)}u((c=c.apply(e,r||[])).next())}));var e,r,i,c},u=function(){setTimeout((function(){a("shown")}),200)},l=function(){setTimeout((function(){a("hidden")}),200)};return function(){var r,n={header:function(){var r,n;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"bk-sideslider-header"},[(0,e.createVNode)("div",{class:"bk-sideslider-close ".concat(t.direction),onClick:function(){c()}},null),(0,e.createVNode)("div",{class:"bk-sideslider-title ".concat(t.direction)},[null!==(n=null===(r=i.header)||void 0===r?void 0:r.call(i))&&void 0!==n?n:t.title])])])},default:function(){var t,e;return null!==(e=null===(t=i.default)||void 0===t?void 0:t.call(i))&&void 0!==e?e:"Content"},footer:function(){return i.footer?(0,e.createVNode)("div",{class:"bk-sideslider-footer"},[i.footer()]):null}},o="bk-sideslider-wrapper ".concat(t.scrollable?"scroll-able":""," ").concat(t.extCls),a=i.footer?"calc(100vh - 106px)":"calc(100vh - 52px)";return(0,e.createVNode)(s(),(0,e.mergeProps)(t,{maxHeight:a,class:o,style:"".concat(t.direction,": 0;"),onHidden:l,onShown:u,onClose:c}),"function"==typeof(r=n)||"[object Object]"===Object.prototype.toString.call(r)&&!(0,e.isVNode)(r)?n:{default:function(){return[n]}})}}}),d=(0,t.withInstall)(h)})(),c})()));

package/lib/sideslider/sideslider.css

@@ -1,18 +1,55 @@
-.bk-modal-wrapper.bk-sideslider-wrapper {
+.bk-sideslider {
   position: fixed;
   top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+/* fade-center */
+/* slide过渡动画 */
+.slide-enter-active,
+.slide-leave-active,
+.bk-modal-body {
+  transform: translateX(0);
+  transition: transform 0.25s;
+}
+.slide-enter-active {
+  animation: slider-fade-in 0.25s;
+}
+.slide-leave-active {
+  animation: slider-fade-in 0.25s reverse;
+}
+.slide-enter-from.left,
+.slide-leave-to.left {
+  transform: translateX(-100%);
+  transition: transform 0.25s;
+}
+.slide-enter-from.right,
+.slide-leave-to.right {
+  transform: translateX(100%);
+  transition: transform 0.25s;
+}
+@keyframes slider-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.bk-modal-wrapper.bk-sideslider-wrapper {
+  position: absolute;
+  top: 0;
   bottom: 0;
   left: auto;
-  background: #fff;
   transform: initial;
-  box-shadow: -5px 0 8px -5px rgba(0, 0, 0, 0.2);
 }
 .bk-modal-wrapper.bk-sideslider-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
 }
 .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header {
   width: 100%;
-  height: 60px;
+  height: 52px;
   background: #fff;
   border-bottom: 1px solid #dcdee5;
 }
@@ -20,9 +57,9 @@
   position: absolute;
   top: 0;
   width: 30px;
-  height: 60px;
+  height: 52px;
   font-size: 24px;
-  line-height: 60px;
+  line-height: 52px;
   color: #fff;
   text-align: center;
   cursor: pointer;
@@ -57,13 +94,21 @@
   transform: translate(50%, -50%) rotate(-45deg);
 }
 .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
-  height: 60px;
+  height: 52px;
   padding-left: 30px;
   font-size: 16px;
-  font-weight: 700;
-  line-height: 60px;
-  color: #666;
+  line-height: 52px;
+  color: #313238;
 }
 .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
   padding: 0px 0px 0px 50px;
 }
+.bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-footer {
+  display: flex;
+  width: 100%;
+  height: 54px;
+  background: #fff;
+  border-top: 1px solid transparent;
+  align-items: center;
+  box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 4px 0px;
+}