bkui-vue 0.0.1-beta.61 → 0.0.1-beta.62

package/lib/sideslider/index.d.ts

@@ -3,18 +3,26 @@ declare const BkSideslider: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            draggable: boolean;
+            title: string;
             showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
             size: string;
+            extCls: string;
             direction: string;
-            dialogType: string;
+            maxHeight: string;
             isShow: boolean;
+            transfer: boolean;
+            renderDirective: string;
             customClass: string | unknown[];
             scrollable: boolean;
             closeIcon: boolean;
             escClose: boolean;
             maskClose: boolean;
             fullscreen: boolean;
+            quickClose: boolean;
+            animateType: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             direction: {
                 type: StringConstructor;
@@ -26,8 +34,20 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
-            width: import("vue-types").VueTypeDef<string | number>;
-            height: import("vue-types").VueTypeDef<string | number>;
+            width: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
+            height: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
             customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -63,6 +83,11 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -71,13 +96,40 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
-            dialogType: import("vue-types").VueTypeDef<string> & {
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
         }>> & {
-            onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "draggable" | "showMask" | "size" | "direction" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen">;
+            onClosed?: (...args: any[]) => any;
+            onHidden?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
+            "onAnimation-end"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "showMask" | "width" | "height" | "draggable" | "size" | "extCls" | "direction" | "maxHeight" | "isShow" | "transfer" | "renderDirective" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "quickClose" | "animateType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -89,7 +141,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" | "update:isShow" | "shown" | "closed" | "animation-end", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             direction: {
@@ -102,8 +154,20 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
-            width: import("vue-types").VueTypeDef<string | number>;
-            height: import("vue-types").VueTypeDef<string | number>;
+            width: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
+            height: (import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            }) | (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            });
             customClass: (import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -139,6 +203,11 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
             size: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
@@ -147,27 +216,60 @@ declare const BkSideslider: {
             } & {
                 default: boolean;
             };
-            dialogType: import("vue-types").VueTypeDef<string> & {
+            quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            animateType: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            renderDirective: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
+            beforeClose: import("vue-types").VueTypeDef<unknown>;
         }>> & {
-            onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
-        }, unknown, unknown, {}, {
-            handleClose(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], string, {
-            draggable: boolean;
+            onClosed?: (...args: any[]) => any;
+            onHidden?: (...args: any[]) => any;
+            onShown?: (...args: any[]) => any;
+            "onAnimation-end"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], string, {
+            title: string;
             showMask: boolean;
+            width: string | number;
+            height: string | number;
+            draggable: boolean;
             size: string;
+            extCls: string;
             direction: string;
-            dialogType: string;
+            maxHeight: string;
             isShow: boolean;
+            transfer: boolean;
+            renderDirective: string;
             customClass: string | unknown[];
             scrollable: boolean;
             closeIcon: boolean;
             escClose: boolean;
             maskClose: boolean;
             fullscreen: boolean;
+            quickClose: boolean;
+            animateType: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -199,8 +301,20 @@ declare const BkSideslider: {
         } & {
             default: boolean;
         };
-        width: import("vue-types").VueTypeDef<string | number>;
-        height: import("vue-types").VueTypeDef<string | number>;
+        width: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
+        height: (import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        }) | (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        });
         customClass: (import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -236,6 +350,11 @@ declare const BkSideslider: {
         } & {
             default: boolean;
         };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         size: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -244,15 +363,40 @@ declare const BkSideslider: {
         } & {
             default: boolean;
         };
-        dialogType: import("vue-types").VueTypeDef<string> & {
+        quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        animateType: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        renderDirective: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        beforeClose: import("vue-types").VueTypeDef<unknown>;
     }>> & {
-        onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
-        handleClose(): void;
-    } & import("vue").ComponentCustomProperties;
+        onClosed?: (...args: any[]) => any;
+        onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
+        "onAnimation-end"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -267,8 +411,20 @@ declare const BkSideslider: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    height: import("vue-types").VueTypeDef<string | number>;
+    width: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
+    height: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
     customClass: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -304,6 +460,11 @@ declare const BkSideslider: {
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -312,26 +473,59 @@ declare const BkSideslider: {
     } & {
         default: boolean;
     };
-    dialogType: import("vue-types").VueTypeDef<string> & {
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
 }>> & {
-    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", {
-    draggable: boolean;
+    onClosed?: (...args: any[]) => any;
+    onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
+    "onAnimation-end"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", {
+    title: string;
     showMask: boolean;
+    width: string | number;
+    height: string | number;
+    draggable: boolean;
     size: string;
+    extCls: string;
     direction: string;
-    dialogType: string;
+    maxHeight: string;
     isShow: boolean;
+    transfer: boolean;
+    renderDirective: string;
     customClass: string | unknown[];
     scrollable: boolean;
     closeIcon: boolean;
     escClose: boolean;
     maskClose: boolean;
     fullscreen: boolean;
+    quickClose: 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

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var i={4976:e=>{e.exports=o},8014:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return i[e](o,o.exports,s),o.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{s.r(d),s.d(d,{default:()=>u});var e=s(4212),t=s(748),o=s(4976),r=s.n(o),i=s(8014),n=s.n(i),l=n().propsMixin,a=Object.assign({},l);a.width.default="400",a.height.default="100%";const c=(0,t.defineComponent)({name:"Sideslider",components:{BkModal:n(),BkButton:r()},props:Object.assign(Object.assign({},a),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0&&(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,r={header:function(){var e,r,i;return[(0,t.createVNode)("div",{class:"bk-sideslider-header"},[(0,t.createVNode)("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),(0,t.createVNode)("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(i=null===(r=(e=o.$slots).header)||void 0===r?void 0:r.call(e))&&void 0!==i?i:"Header"])])]},default:function(){var e,t,r;return null!==(r=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==r?r:"Content"},footer:function(){return(0,t.createVNode)("div",{class:"bk-sideslider-footer"},null)}},i="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(n(),(0,t.mergeProps)(this.$props,{class:i,style:"".concat(this.direction,": 0")}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),u=(0,e.withInstall)(c)})(),d})()));
+!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(){var t,r;return(0,e.createVNode)("div",{class:"bk-sideslider-footer"},[null!==(r=null===(t=i.footer)||void 0===t?void 0:t.call(i))&&void 0!==r?r:""])}},o="bk-sideslider-wrapper ".concat(t.scrollable?"scroll-able":""," ").concat(t.extCls),a=i.footer?"calc(100vh - 114px)":"calc(100vh - 60px)";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,11 +1,48 @@
-.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;
@@ -67,3 +104,11 @@
 .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;
+}

package/lib/sideslider/sideslider.d.ts

@@ -9,8 +9,20 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    height: import("vue-types").VueTypeDef<string | number>;
+    width: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
+    height: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
     customClass: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -46,6 +58,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -54,12 +71,34 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    dialogType: import("vue-types").VueTypeDef<string> & {
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-}, unknown, unknown, {}, {
-    handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "update:isShow" | "shown" | "closed" | "animation-end")[], "hidden" | "update:isShow" | "shown" | "closed" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: StringConstructor;
         default: string;
@@ -70,8 +109,20 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    height: import("vue-types").VueTypeDef<string | number>;
+    width: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
+    height: (import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    }) | (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    });
     customClass: (import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -107,6 +158,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     size: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -115,24 +171,59 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    dialogType: import("vue-types").VueTypeDef<string> & {
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    transfer: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
 }>> & {
-    onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
+    onClosed?: (...args: any[]) => any;
+    onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
+    "onAnimation-end"?: (...args: any[]) => any;
 }, {
-    draggable: boolean;
+    title: string;
     showMask: boolean;
+    width: string | number;
+    height: string | number;
+    draggable: boolean;
     size: string;
+    extCls: string;
     direction: string;
-    dialogType: string;
+    maxHeight: string;
     isShow: boolean;
+    transfer: boolean;
+    renderDirective: string;
     customClass: string | unknown[];
     scrollable: boolean;
     closeIcon: boolean;
     escClose: boolean;
     maskClose: boolean;
     fullscreen: boolean;
+    quickClose: boolean;
+    animateType: string;
 }>;
 export default _default;