bkui-vue 0.0.1-beta.47 → 0.0.1-beta.470

package/lib/sideslider/index.js

@@ -1 +1,2 @@
-!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})()));
+/*! For license information please see index.js.LICENSE.txt */
+!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 o in r)("object"==typeof exports?exports:t)[o]=r[o]}}(self,((t,e,r,o)=>(()=>{var n={4976:t=>{"use strict";t.exports=r},8014:t=>{"use strict";t.exports=o},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e},7609:(t,e,r)=>{var o=r(7425).default;function n(){"use strict";t.exports=n=function(){return e},t.exports.__esModule=!0,t.exports.default=t.exports;var e={},r=Object.prototype,i=r.hasOwnProperty,a=Object.defineProperty||function(t,e,r){t[e]=r.value},c="function"==typeof Symbol?Symbol:{},u=c.iterator||"@@iterator",s=c.asyncIterator||"@@asyncIterator",l=c.toStringTag||"@@toStringTag";function f(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{f({},"")}catch(t){f=function(t,e,r){return t[e]=r}}function d(t,e,r,o){var n=e&&e.prototype instanceof v?e:v,i=Object.create(n.prototype),c=new k(o||[]);return a(i,"_invoke",{value:O(t,r,c)}),i}function p(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=d;var h={};function v(){}function y(){}function m(){}var g={};f(g,u,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(N([])));x&&x!==r&&i.call(x,u)&&(g=x);var w=m.prototype=v.prototype=Object.create(g);function j(t){["next","throw","return"].forEach((function(e){f(t,e,(function(t){return this._invoke(e,t)}))}))}function L(t,e){function r(n,a,c,u){var s=p(t[n],t,a);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==o(f)&&i.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,c,u)}),(function(t){r("throw",t,c,u)})):e.resolve(f).then((function(t){l.value=t,c(l)}),(function(t){return r("throw",t,c,u)}))}u(s.arg)}var n;a(this,"_invoke",{value:function(t,o){function i(){return new e((function(e,n){r(t,o,e,n)}))}return n=n?n.then(i,i):i()}})}function O(t,e,r){var o="suspendedStart";return function(n,i){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===n)throw i;return{value:void 0,done:!0}}for(r.method=n,r.arg=i;;){var a=r.delegate;if(a){var c=_(a,r);if(c){if(c===h)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===o)throw o="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o="executing";var u=p(t,e,r);if("normal"===u.type){if(o=r.done?"completed":"suspendedYield",u.arg===h)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(o="completed",r.method="throw",r.arg=u.arg)}}}function _(t,e){var r=e.method,o=t.iterator[r];if(void 0===o)return e.delegate=null,"throw"===r&&t.iterator.return&&(e.method="return",e.arg=void 0,_(t,e),"throw"===e.method)||"return"!==r&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var n=p(o,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,h;var i=n.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,h):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function S(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 E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(S,this),this.reset(!0)}function N(t){if(t){var e=t[u];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r<t.length;)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return o.next=o}}return{next:P}}function P(){return{value:void 0,done:!0}}return y.prototype=m,a(w,"constructor",{value:m,configurable:!0}),a(m,"constructor",{value:y,configurable:!0}),y.displayName=f(m,l,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===y||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,f(t,l,"GeneratorFunction")),t.prototype=Object.create(w),t},e.awrap=function(t){return{__await:t}},j(L.prototype),f(L.prototype,s,(function(){return this})),e.AsyncIterator=L,e.async=function(t,r,o,n,i){void 0===i&&(i=Promise);var a=new L(d(t,r,o,n),i);return e.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},j(w),f(w,l,"Generator"),f(w,u,(function(){return this})),f(w,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),r=[];for(var o in e)r.push(o);return r.reverse(),function t(){for(;r.length;){var o=r.pop();if(o in e)return t.value=o,t.done=!1,t}return t.done=!0,t}},e.values=N,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},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 e=this;function r(r,o){return a.type="throw",a.arg=t,e.next=r,o&&(e.method="next",e.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var n=this.tryEntries[o],a=n.completion;if("root"===n.tryLoc)return r("end");if(n.tryLoc<=this.prev){var c=i.call(n,"catchLoc"),u=i.call(n,"finallyLoc");if(c&&u){if(this.prev<n.catchLoc)return r(n.catchLoc,!0);if(this.prev<n.finallyLoc)return r(n.finallyLoc)}else if(c){if(this.prev<n.catchLoc)return r(n.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return r(n.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&&i.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var n=o;break}}n&&("break"===t||"continue"===t)&&n.tryLoc<=e&&e<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=t,a.arg=e,n?(this.method="next",this.next=n.finallyLoc,h):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),h},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),E(r),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var o=r.completion;if("throw"===o.type){var n=o.arg;E(r)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:N(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),h}},e}t.exports=n,t.exports.__esModule=!0,t.exports.default=t.exports},7425:t=>{function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},2841:(t,e,r)=>{var o=r(7609)();t.exports=o;try{regeneratorRuntime=o}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return n[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:()=>p});var t=a(4212),e=a(748),r=a(2841),o=a.n(r);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var n=a(4976),i=a.n(n),u=a(8014),s=a.n(u),l=s().propsMixin,f=Object.assign({},l);f.width.default="400",f.height.default="100%";const d=(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 n=this,i=r.slots,a=r.emit,c=function(){return e=n,r=void 0,i=void 0,c=o().mark((function e(){var r;return o().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,o){function n(t){try{u(c.next(t))}catch(t){o(t)}}function a(t){try{u(c.throw(t))}catch(t){o(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(n,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,o={header:function(){var r,o;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!==(o=null===(r=i.header)||void 0===r?void 0:r.call(i))&&void 0!==o?o: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}},n="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:n,style:"".concat(t.direction,": 0;"),onHidden:l,onShown:u,onClose:c}),"function"==typeof(r=o)||"[object Object]"===Object.prototype.toString.call(r)&&!(0,e.isVNode)(r)?o:{default:function(){return[o]}})}}}),p=(0,t.withInstall)(d)})(),c})()));

package/lib/sideslider/index.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

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,23 @@
   transform: translate(50%, -50%) rotate(-45deg);
 }
 .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title {
-  height: 60px;
+  display: flex;
+  height: 52px;
   padding-left: 30px;
   font-size: 16px;
-  font-weight: 700;
-  line-height: 60px;
-  color: #666;
+  color: #313238;
+  align-items: center;
 }
 .bk-modal-wrapper.bk-sideslider-wrapper .bk-sideslider-header .bk-sideslider-title.right {
-  padding: 0px 0px 0px 50px;
+  width: 100%;
+  padding: 0 0 0 46px;
+}
+.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) 0 -2px 4px 0;
 }

package/lib/sideslider/sideslider.d.ts

@@ -4,130 +4,201 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-    isShow: {
-        type: BooleanConstructor;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
+    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;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    showMask: {
-        type: BooleanConstructor;
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    closeIcon: {
-        type: BooleanConstructor;
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    escClose: {
-        type: BooleanConstructor;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    maskClose: {
-        type: BooleanConstructor;
+    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    fullscreen: {
-        type: BooleanConstructor;
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    size: {
-        type: StringConstructor;
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
+    zIndex: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    renderDirective: {
-        type: StringConstructor;
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
-        validator: (value: string) => boolean;
     };
-}, 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").VueTypeValidableDef<"show" | "if"> & {
+        default: "show" | "if";
+    };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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)[];
-        default: string;
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
+    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;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    showMask: {
-        type: BooleanConstructor;
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    closeIcon: {
-        type: BooleanConstructor;
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    escClose: {
-        type: BooleanConstructor;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    maskClose: {
-        type: BooleanConstructor;
+    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    fullscreen: {
-        type: BooleanConstructor;
+    quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    size: {
-        type: StringConstructor;
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
+    zIndex: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    renderDirective: {
-        type: StringConstructor;
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    animateType: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
-        validator: (value: string) => boolean;
     };
+    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
+        default: "show" | "if";
+    };
+    beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"process" | "show" | "operation" | "confirm">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
 }>> & {
+    onShown?: (...args: any[]) => any;
+    onHidden?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
+    "onAnimation-end"?: (...args: any[]) => any;
 }, {
+    title: string;
+    transfer: string | boolean | HTMLElement;
     width: string | number;
     height: string | number;
+    maxHeight: string;
+    extCls: string | unknown[];
+    isShow: boolean;
+    zIndex: string | number;
+    draggable: boolean;
     showMask: boolean;
-    size: string;
+    multiInstance: boolean;
     direction: string;
-    isShow: boolean;
-    customClass: string | unknown[];
+    renderDirective: "show" | "if";
+    quickClose: boolean;
     scrollable: boolean;
     closeIcon: boolean;
     escClose: boolean;
-    maskClose: boolean;
     fullscreen: boolean;
-    renderDirective: string;
-}>;
+    animateType: string;
+}, {}>;
 export default _default;

package/lib/sideslider/sideslider.less

@@ -1,14 +1,63 @@
 @import '../styles/themes/themes.less';
 
+.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 .25s;
+}
+
+.slide-enter-active {
+  animation: slider-fade-in .25s;
+}
+
+.slide-leave-active {
+  animation: slider-fade-in .25s reverse;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  &.left {
+    transform: translateX(-100%);
+    transition: transform .25s;
+  }
+
+  &.right {
+    transform: translateX(100%);
+    transition: transform .25s;
+  }
+}
+
+@keyframes slider-fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
 .bk-modal-wrapper {
   &.bk-sideslider-wrapper {
-    position: fixed;
+    position: absolute;
     top: 0;
     bottom: 0;
     left: auto;
-    background: #fff;
+    //background: #fff;
     transform: initial;
-    box-shadow: -5px 0 8px -5px rgb(0 0 0 / 20%);
+    //box-shadow: -5px 0 8px -5px rgb(0 0 0 / 20%);
 
     &.scroll-able {
       .bk-modal-content {
@@ -18,17 +67,17 @@
 
     .bk-sideslider-header {
       width: 100%;
-      height: 60px;
+      height: 52px;
       background: #fff;
       border-bottom: 1px solid #dcdee5;
 
       .bk-sideslider-close {
-        position: absolute;        
+        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;
@@ -66,21 +115,33 @@
           }
         }
 
-        
+
       }
 
       .bk-sideslider-title {
-        height: 60px;
+        display: flex;
+        height: 52px;
         padding-left: 30px;
         font-size: 16px;
-        font-weight: 700;
-        line-height: 60px;
-        color: #666;
+        color: #313238;
+        align-items: center;
 
         &.right {
-          padding: 0px 0px 0px 50px;
+          width: 100%;
+          padding: 0 0 0 30+16px;
         }
       }
     }
+
+    .bk-sideslider-footer {
+      display: flex;
+      width: 100%;
+      height: 54px;
+      background: #fff;
+      border-top: 1px solid transparent;
+      align-items: center;
+      box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
+    }
   }
-}
+}
+