bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13

package/lib/collapse/index.d.ts

@@ -0,0 +1,130 @@
+declare const BkCollaspe: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            list: any[];
+            idFiled: string;
+            titleField: string;
+            contentField: string;
+            accordion: boolean;
+        }> & Omit<Readonly<{
+            list?: unknown;
+            idFiled?: unknown;
+            titleField?: unknown;
+            contentField?: unknown;
+            activeIndex?: unknown;
+            activeName?: unknown;
+            accordion?: unknown;
+        } & {
+            list: any[];
+            idFiled: string;
+            titleField: string;
+            contentField: string;
+            accordion: boolean;
+        } & {
+            activeIndex?: number | number[];
+            activeName?: string | string[];
+        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            list?: unknown;
+            idFiled?: unknown;
+            titleField?: unknown;
+            contentField?: unknown;
+            activeIndex?: unknown;
+            activeName?: unknown;
+            accordion?: unknown;
+        } & {
+            list: any[];
+            idFiled: string;
+            titleField: string;
+            contentField: string;
+            accordion: boolean;
+        } & {
+            activeIndex?: number | number[];
+            activeName?: string | string[];
+        }> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            list: any[];
+            idFiled: string;
+            titleField: string;
+            contentField: string;
+            accordion: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<{
+        list?: unknown;
+        idFiled?: unknown;
+        titleField?: unknown;
+        contentField?: unknown;
+        activeIndex?: unknown;
+        activeName?: unknown;
+        accordion?: unknown;
+    } & {
+        list: any[];
+        idFiled: string;
+        titleField: string;
+        contentField: string;
+        accordion: boolean;
+    } & {
+        activeIndex?: number | number[];
+        activeName?: string | string[];
+    }> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    list?: unknown;
+    idFiled?: unknown;
+    titleField?: unknown;
+    contentField?: unknown;
+    activeIndex?: unknown;
+    activeName?: unknown;
+    accordion?: unknown;
+} & {
+    list: any[];
+    idFiled: string;
+    titleField: string;
+    contentField: string;
+    accordion: boolean;
+} & {
+    activeIndex?: number | number[];
+    activeName?: string | string[];
+}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    list: any[];
+    idFiled: string;
+    titleField: string;
+    contentField: string;
+    accordion: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkCollaspe;

package/lib/collapse/index.js

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared"),require("@bkui-vue/icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon/"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,n,t,o){"use strict";var i=n.defineComponent({name:"BkCollapse",props:{list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),idFiled:t.PropTypes.string.def("$index"),titleField:t.PropTypes.string.def("name"),contentField:t.PropTypes.string.def("content"),activeIndex:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.number).def([]),t.PropTypes.number.def(-1)]),activeName:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.string).def([]),t.PropTypes.string.def("")]),accordion:t.PropTypes.bool.def(!0)},setup:function(e,t){var i=t.slots,r=n.ref(null);n.watch((function(){return[e.activeName,e.activeIndex]}),(function(){r.value=null}));var l=n.computed((function(){return(e.list||[]).map((function(e,n){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:n,name:e}:Object.assign({$index:n},e)}))})),a=n.computed((function(){var n;return null!==r.value?r.value.map((function(e){return e.$index})):null!==e.activeName&&void 0!==e.activeName&&""!==e.activeName?u(e.activeName).map((function(n){return l.value.findIndex((function(t){return t[e.idFiled]===n}))})):u(null!==(n=e.activeIndex)&&void 0!==n?n:0)})),u=function n(t){return Array.isArray(t)?e.accordion?n(t[0]):t:"string"==typeof t||"number"==typeof t?[t]:[]},c=function(e){return a.value.some((function(n){return n===e.$index}))},d=function(){return l.value.map((function(t){var l,a,u,d;return n.createVNode("div",{class:"bk-collapse-item"},[n.createVNode("div",{class:"bk-collapse-header",onClick:function(){return function(n){if(null===r.value)r.value=[n];else if(e.accordion)r.value=[n];else{var t=r.value.findIndex((function(e){return e.$index===n.$index}));t>=0?r.value.splice(t,1):r.value.push(n)}}(t)}},[n.createVNode("span",{class:"bk-collapse-title"},[null!==(a=null===(l=i.default)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t[e.titleField]]),c(t)?n.createVNode(o.AngleDown,{class:"bk-collapse-icon"},null):n.createVNode(o.AngleRight,{class:"bk-collapse-icon"},null)]),n.createVNode("div",{class:"bk-collapse-content ".concat(c(t)?"active":"")},[null!==(d=null===(u=i.content)||void 0===u?void 0:u.call(i,t))&&void 0!==d?d:t[e.contentField]])])}))};return function(){return n.createVNode("div",{class:"bk-collapse-wrapper"},[d()])}}}),r=t.withInstall(i);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/components.d.ts

@@ -0,0 +1,31 @@
+export { default as Alert } from './alert';
+export { default as AnimateNumber } from './animate-number';
+export { default as Backtop } from './backtop';
+export { default as Badge } from './badge';
+export { default as Breadcrumb, BkBreadcrumbItem as BreadcrumbItem } from './breadcrumb';
+export { default as Button, BkButtonGroup as ButtonGroup } from './button';
+export { default as Card } from './card';
+export { default as Checkbox, BkCheckboxGroup as CheckboxGroup } from './checkbox';
+export { default as Collapse } from './collapse';
+export { default as Dialog } from './dialog';
+export { default as Exception } from './exception';
+export { default as FixedNavbar } from './fixed-navbar';
+export { default as Input } from './input';
+export { default as Link } from './link';
+export { default as Loading } from './loading';
+export { default as Modal } from './modal';
+export { default as Popover } from './popover';
+export { default as Progress } from './progress';
+export { default as Radio, BkRadioButton as RadioButton, BkRadioGroup as RadioGroup } from './radio';
+export { default as Rate } from './rate';
+export { default as Select, BkOption, BkOptionGroup } from './select';
+export { default as Sideslider } from './sideslider';
+export { default as Steps } from './steps';
+export { default as Switcher } from './switcher';
+export { default as Table } from './table';
+export { default as Tag } from './tag';
+export { default as Message } from './message';
+export { default as Notify } from './notify';
+export { default as Menu } from './menu';
+export { default as Navigation } from './navigation';
+export { default as DatePicker } from './date-picker';

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

@@ -0,0 +1,407 @@
+.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;
+}
+.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);
+}