bkui-vue 0.0.1-beta.7 → 0.0.1-beta.72

package/lib/container/index.d.ts

@@ -0,0 +1,223 @@
+import Col from './col';
+import Row from './row';
+declare const BkContainer: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            col: number;
+            extCls: string;
+            flex: boolean;
+            margin: number;
+            gutter: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            col: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            gutter: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            margin: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            flex: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            [x: string & `on${any}`]: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "col" | "extCls" | "flex" | "margin" | "gutter">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: any, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            col: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            gutter: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            margin: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            flex: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            [x: string & `on${any}`]: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], string, {
+            col: number;
+            extCls: string;
+            flex: boolean;
+            margin: number;
+            gutter: number;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        col: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        gutter: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        margin: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        flex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }>> & {
+        [x: string & `on${any}`]: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    col: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    gutter: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    margin: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    flex: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>> & {
+    [x: string & `on${any}`]: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, {
+    col: number;
+    extCls: string;
+    flex: boolean;
+    margin: number;
+    gutter: number;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
+    Row: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        [x: string & `on${any}`]: (...args: any[]) => any;
+    }, {}>;
+    Col: import("vue").DefineComponent<{
+        span: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        pull: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        push: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        span: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        offset: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        pull: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        push: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+    }>> & {
+        [x: string & `on${any}`]: (...args: any[]) => any;
+    }, {
+        span: number;
+        offset: number;
+        push: number;
+        pull: number;
+    }>;
+}>;
+export default BkContainer;
+export { BkContainer, Row as BkRow, Col as BkCol, };

package/lib/container/index.js

@@ -0,0 +1 @@
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var u=o[e]={exports:{}};return t[e](u,u.exports,n),u.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{BkCol:()=>o,BkContainer:()=>p,BkRow:()=>l,default:()=>s});var e=n(4212),r=n(748),t={span:e.PropTypes.number.def(1),offset:e.PropTypes.number.def(0),pull:e.PropTypes.number.def(0),push:e.PropTypes.number.def(0)};const o=(0,r.defineComponent)({name:"Col",props:t,emits:[],setup:function(e,t){var o=(0,r.inject)("containerProps"),n=o.col,u=o.gutter,i=o.flex,a=e.span,l=e.offset,p=e.pull,s=e.push,c=(0,r.computed)((function(){return a||n}));(0,r.provide)("containerProps",{col:c.value,gutter:u,flex:i});var d=function(e){return"".concat(Number((100*e).toFixed(3)),"%")},f=(0,r.computed)((function(){return{width:d(c.value/n),"padding-right":"".concat(u/2,"px"),"padding-left":"".concat(u/2,"px"),"margin-left":l?d(l/n):null,right:p?d(p/n):null,left:s?d(s/n):null}}));return function(){var e,o;return(0,r.createVNode)("div",{class:"bk-grid-col",style:f.value},[null===(o=(e=t.slots).default)||void 0===o?void 0:o.call(e)])}}});var i={col:e.PropTypes.number.def(24),gutter:e.PropTypes.number.def(20),margin:e.PropTypes.number.def(20),flex:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string};const a=(0,r.defineComponent)({name:"Container",props:i,emits:[],setup:function(e,t){var o=e.col,n=e.gutter,u=e.flex,i=e.extCls;(0,r.provide)("containerProps",{col:o,gutter:n,flex:u});var a=(0,r.computed)((function(){return i?"bk-grid-container ".concat(i):"bk-grid-container"})),l=(0,r.computed)((function(){var r=e.margin;return{"padding-right":"".concat(r,"px"),"padding-left":"".concat(r,"px")}}));return function(){var e,o;return(0,r.createVNode)("div",{class:a.value,style:l.value},[null===(o=(e=t.slots).default)||void 0===o?void 0:o.call(e)])}}}),l=(0,r.defineComponent)({name:"Row",emits:[],setup:function(e,t){var o=(0,r.inject)("containerProps"),n=o.col,u=o.gutter,i=o.flex;(0,r.provide)("containerProps",{col:n,gutter:u,flex:i});var a=(0,r.computed)((function(){var e=i?{display:["-webkit-box","-ms-flexbox","flex"]}:{};return Object.assign(Object.assign({},e),{"margin-right":"-".concat(u/2,"px"),"margin-left":"-".concat(u/2,"px")})}));return function(){var e,o;return(0,r.createVNode)("div",{class:"bk-grid-row",style:a.value},[null===(o=(e=t.slots).default)||void 0===o?void 0:o.call(e)])}}});var p=(0,e.withInstallProps)(a,{Row:l,Col:o});const s=p})(),u})()));

package/lib/container/row.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    [x: string & `on${any}`]: (...args: any[]) => any;
+}, {}>;
+export default _default;

package/lib/date-picker/date-picker.css

@@ -0,0 +1,408 @@
+.bk-date-picker {
+  display: inline-block;
+  width: 261px;
+  line-height: normal;
+}
+.bk-date-picker.long {
+  width: 342px;
+}
+.bk-date-picker.medium-width {
+  width: 362px;
+}
+.bk-date-picker.large-width {
+  width: 402px;
+}
+.bk-date-picker-rel {
+  position: relative;
+}
+.bk-date-picker-rel .bk-date-picker-editor {
+  display: block;
+  width: 100%;
+  height: 32px;
+  padding: 0 10px 0 30px;
+  font-size: 12px;
+  line-height: 32px;
+  color: #63656e;
+  cursor: pointer;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+}
+.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {
+  border-color: transparent transparent #c4c6cc transparent;
+}
+.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {
+  border-color: transparent transparent #3a84ff transparent;
+  box-shadow: none;
+}
+.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],
+.bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {
+  border-color: transparent transparent #dcdee5 transparent;
+}
+.bk-date-picker-rel .bk-date-picker-editor:focus {
+  border: 1px solid #3a84ff;
+}
+.bk-date-picker-rel .bk-date-picker-editor::placeholder {
+  color: #c4c6cc;
+}
+.bk-date-picker-rel .bk-date-picker-editor[disabled] {
+  color: #c4c6cc;
+  cursor: not-allowed;
+  background-color: #fafbfd;
+  border-color: #c4c6cc;
+}
+.bk-date-picker-rel .bk-date-picker-editor.readonly {
+  background-color: #fafbfd;
+  border-color: #c4c6cc;
+}
+.bk-date-picker-rel .bk-date-picker-editor.medium-font {
+  font-size: 14px;
+}
+.bk-date-picker-rel .bk-date-picker-editor.large-font {
+  font-size: 16px;
+}
+.bk-date-picker-rel .clear-action {
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  font-size: 14px;
+  color: #c4c6cc;
+  cursor: pointer;
+  transform: translateY(-50%);
+}
+.bk-date-picker-rel .clear-action:hover {
+  color: #979ba5;
+}
+.bk-date-picker-rel .icon-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  color: #c4c6cc;
+  cursor: pointer;
+  background-color: transparent;
+}
+.bk-date-picker-rel .icon-wrapper.disabled {
+  cursor: not-allowed;
+}
+.bk-date-picker-rel .icon-wrapper i.icon-clock {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.bk-date-picker-rel .icon-wrapper .picker-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 18px;
+  height: 18px;
+  transform: translate(-50%, -50%);
+}
+.bk-date-picker-dropdown {
+  position: absolute;
+  z-index: 900;
+  padding: 5px 0 0 0;
+  overflow: auto;
+  background-color: #fff;
+  border: 1px solid #dcdee5;
+  border-radius: 2px;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
+}
+.bk-date-picker .bk-select-dropdown {
+  max-height: none;
+  padding: 0;
+  overflow: visible;
+}
+.bk-date-picker-footer-wrapper {
+  clear: both;
+  font-size: 14px;
+  color: #979ba5;
+  background-color: #fafbfd;
+  border-top: 1px solid #dcdee5;
+}
+.bk-date-picker-top-wrapper {
+  margin-top: -5px;
+  clear: both;
+  font-size: 14px;
+  color: #979ba5;
+}
+.bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {
+  padding-right: 140px;
+}
+.bk-picker-panel-sidebar {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 140px;
+  padding: 12px 0;
+  overflow: auto;
+  font-size: 14px;
+  color: #3a84ff;
+  background-color: #fafbfd;
+  border-left: 1px solid #dcdee5;
+}
+.bk-picker-panel-sidebar .bk-picker-panel-shortcut {
+  /* &:nth-of-type(1) {
+          padding-top: 18px;
+      }
+      &:last-child {
+          padding-bottom: 18px;
+      } */
+  padding: 6px 21px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {
+  background-color: #e1ecff;
+}
+.bk-picker-panel-body {
+  float: left;
+}
+.bk-picker-confirm {
+  height: 42px;
+  padding: 0 20px;
+  clear: both;
+  font-size: 14px;
+  line-height: 41px;
+  text-align: right;
+  background-color: #fafbfd;
+  border-top: 1px solid #dcdee5;
+}
+.bk-picker-confirm a {
+  color: #979ba5;
+}
+.bk-picker-confirm a.confirm {
+  margin-left: 10px;
+  color: #3a84ff;
+}
+.bk-picker-confirm a[disabled] {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-picker-confirm .bk-picker-confirm-time {
+  float: left;
+}
+.bk-date-picker-header {
+  height: 46px;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 46px;
+  color: #63656e;
+  text-align: center;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-date-picker-header .bk-date-picker-header-label {
+  cursor: pointer;
+}
+.bk-date-picker-header .bk-date-picker-header-label:hover {
+  color: #3a84ff;
+}
+.bk-date-picker-header .up-to-now {
+  margin-left: 3px;
+  font-weight: 400;
+  cursor: pointer;
+}
+.bk-date-picker-header .up-to-now.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-date-picker-cells {
+  margin: 9px;
+  font-size: 12px;
+  color: #63656e;
+  white-space: normal;
+}
+.bk-date-picker-cells span {
+  display: inline-block;
+  width: 34px;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+}
+.bk-date-picker-cells span em {
+  display: inline-block;
+  width: 34px;
+  height: 32px;
+  font-style: normal;
+  line-height: 32px;
+  cursor: pointer;
+}
+.bk-date-picker-cells .bk-date-picker-cells-header {
+  text-align: center;
+}
+.bk-date-picker-cells .bk-date-picker-cells-header span {
+  width: 28px;
+  height: 26px;
+  margin: 3px;
+  line-height: 26px;
+  color: #63656e;
+  text-align: center;
+  cursor: default;
+}
+.bk-date-picker-cells-cell:hover em {
+  /* background-color: #e1ecff; */
+  background-color: #f0f1f5;
+}
+.bk-date-picker-cells-focused em {
+  color: #3a84ff;
+  box-shadow: 0 0 0 1px #a3c5fd inset;
+}
+.bk-date-picker-cells-cell-prev-month em,
+.bk-date-picker-cells-cell-next-month em {
+  color: #c4c6cc;
+}
+.bk-date-picker-cells-cell-prev-month:hover em,
+.bk-date-picker-cells-cell-next-month:hover em {
+  background: transparent;
+}
+span.bk-date-picker-cells-cell-week-label,
+span.bk-date-picker-cells-cell-week-label:hover,
+span.bk-date-picker-cells-cell-disabled,
+span.bk-date-picker-cells-cell-disabled:hover {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+span.bk-date-picker-cells-cell-week-label em,
+span.bk-date-picker-cells-cell-week-label:hover em,
+span.bk-date-picker-cells-cell-disabled em,
+span.bk-date-picker-cells-cell-disabled:hover em {
+  color: inherit;
+  cursor: not-allowed;
+  background: inherit;
+}
+span.bk-date-picker-cells-cell-disabled,
+span.bk-date-picker-cells-cell-disabled:hover {
+  background-color: #f0f1f5;
+}
+.bk-date-picker-cells-cell-today em {
+  position: relative;
+  color: #3a84ff;
+  box-shadow: 0 0 0 1px #a3c5fd inset;
+}
+.bk-date-picker-cells-cell-range {
+  position: relative;
+}
+.bk-date-picker-cells-cell-range:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  background: #e1ecff;
+  border: 0;
+  border-radius: 0;
+  content: '';
+}
+.bk-date-picker-cells-cell-range em {
+  position: relative;
+  z-index: 1;
+}
+.bk-date-picker-cells-cell-selected em,
+.bk-date-picker-cells-cell-selected:hover em {
+  color: #fff;
+  background-color: #3a84ff;
+  box-shadow: 0 0 0 1px #3a84ff inset;
+}
+span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
+  color: #f7f7f7;
+  background: #c4c6cc;
+}
+.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
+  background: #fff;
+}
+.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
+.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
+  box-shadow: 0 0 0 1px #3a84ff inset;
+}
+.bk-date-picker-cells-year,
+.bk-date-picker-cells-month {
+  margin-top: 7px;
+}
+.bk-date-picker-cells-year span,
+.bk-date-picker-cells-month span {
+  width: 36px;
+  height: 32px;
+  margin: 10px 12px;
+  line-height: 32px;
+  text-align: center;
+  border-radius: 3px;
+}
+.bk-date-picker-cells-year span em,
+.bk-date-picker-cells-month span em {
+  width: 36px;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+}
+.bk-picker-panel-icon-btn {
+  display: inline-block;
+  width: 20px;
+  height: 46px;
+  line-height: 44px;
+  color: #979ba5;
+  text-align: center;
+  cursor: pointer;
+  transition: color 0.2s ease-in-out;
+}
+.bk-picker-panel-icon-btn:hover {
+  color: #2d8cf0;
+}
+.bk-picker-panel-icon-btn i {
+  font-size: 20px;
+}
+.bk-date-picker-prev-btn {
+  float: left;
+}
+.bk-date-picker-prev-btn-arrow-double {
+  margin-left: 10px;
+}
+.bk-date-picker-prev-btn-arrow-double i:after {
+  margin-left: -8px;
+}
+.bk-date-picker-next-btn {
+  float: right;
+}
+.bk-date-picker-next-btn-arrow-double {
+  margin-right: 10px;
+}
+.bk-date-picker-next-btn-arrow-double i:after {
+  margin-left: -8px;
+}
+.bk-date-picker-with-range .bk-picker-panel-body {
+  min-width: 532px;
+}
+.bk-date-picker-with-range .bk-picker-panel-content {
+  float: left;
+}
+.bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
+  min-width: 492px;
+}
+.bk-date-picker-transfer {
+  z-index: 1060;
+  max-height: none;
+}
+.bk-fade-down-transition-enter-from,
+.bk-fade-down-transition-leave-to {
+  opacity: 0;
+  transform: translateY(-20px);
+}
+.bk-fade-down-transition-enter-to,
+.bk-fade-down-transition-leave-from {
+  opacity: 1;
+  transform: translateY(0);
+}
+.bk-fade-down-transition-enter-active {
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+}
+.bk-fade-down-transition-leave-active {
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+}