bkui-vue 0.0.1-beta.43 → 0.0.1-beta.46

package/lib/table/plugins/head-sort.css

@@ -0,0 +1,22 @@
+.bk-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+}
+.bk-head-cell-sort .sort-action {
+  display: flex;
+  width: 18px;
+  height: calc(var(--row-height)/2);
+  color: #c0c4cc;
+  cursor: pointer;
+}
+.bk-head-cell-sort .sort-action.active {
+  color: #3a84ff;
+}
+.bk-head-cell-sort .sort-action.sort-asc {
+  align-items: flex-end;
+}
+.bk-head-cell-sort .sort-action.sort-desc {
+  align-items: flex-start;
+}

package/lib/table/plugins/head-sort.less

@@ -0,0 +1,28 @@
+@import '../styles/themes/themes.less';
+
+.@{bk-prefix}-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+
+  .sort-action {
+    display: flex;
+    width: 18px;
+    height: calc(var(--row-height)/2);
+    color: #c0c4cc;
+    cursor: pointer;
+
+    &.active {
+      color: #3a84ff;
+    }
+
+    &.sort-asc {
+      align-items: flex-end;
+    }
+
+    &.sort-desc {
+      align-items: flex-start;
+    }
+  }
+}

package/lib/table/plugins/head-sort.variable.css

@@ -0,0 +1,116 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+}
+.bk-head-cell-sort {
+  display: flex;
+  flex-direction: column;
+  margin-left: 4px;
+  font-size: 10px;
+}
+.bk-head-cell-sort .sort-action {
+  display: flex;
+  width: 18px;
+  height: calc(var(--row-height)/2);
+  color: #c0c4cc;
+  cursor: pointer;
+}
+.bk-head-cell-sort .sort-action.active {
+  color: #3a84ff;
+}
+.bk-head-cell-sort .sort-action.sort-asc {
+  align-items: flex-end;
+}
+.bk-head-cell-sort .sort-action.sort-desc {
+  align-items: flex-start;
+}

package/lib/table/props.d.ts

@@ -1,4 +1,12 @@
 import { ExtractPropTypes } from 'vue';
+export declare enum SortScope {
+    CURRENT = "current",
+    ALL = "all"
+}
+export declare type ColumnFilterListItem = {
+    text?: string;
+    value?: string;
+};
 export declare const tableProps: {
     /**
      * 渲染列表
@@ -60,6 +68,10 @@ export declare const tableProps: {
     } & {
         default: boolean;
     };
+    /**
+     * table header config
+     */
+    thead: import("vue-types").VueTypeShape<Thead>;
     /**
      * 是否启用虚拟渲染 & 滚动
      * 当数据量很大时，启用虚拟渲染可以解决压面卡顿问题
@@ -99,9 +111,23 @@ export declare const tableProps: {
 };
 export declare type Column = {
     label: Function | string;
-    field: Function | string;
+    field?: Function | string;
     render?: Function | string;
     width?: number | string;
+    type?: string;
+    sort?: {
+        sortFn?: Function;
+        sortScope?: string;
+    } | boolean;
+    filter?: {
+        list?: any;
+        filterFn?: Function;
+    } | boolean;
+};
+export declare type Thead = {
+    height?: Number;
+    isShow?: boolean;
+    cellFn?: Function;
 };
 export declare type GroupColumn = {
     calcWidth?: number;

package/lib/table/render.d.ts

@@ -1,11 +1,17 @@
 import { TablePlugins } from './plugins/index';
 import { GroupColumn, IColumnActive, IReactiveProp, TablePropTypes } from './props';
+export declare const enum EVENTS {
+    /** 点击排序事件 */
+    ON_SORT_BY_CLICK = "onSortByClick",
+    ON_FILTER_CLICK = "onFilterClick"
+}
 export default class TableRender {
     props: TablePropTypes;
     context: any;
     reactiveProp: any;
     colgroups: GroupColumn[];
     uuid: string;
+    events: Map<string, any[]>;
     plugins: TablePlugins;
     constructor(props: any, ctx: any, reactiveProp: IReactiveProp, colgroups: GroupColumn[]);
     get propActiveCols(): IColumnActive[];
@@ -22,6 +28,19 @@ export default class TableRender {
      */
     renderTableBodySchema(rows: any[]): JSX.Element;
     renderTableFooter(options: any): JSX.Element;
+    /**
+     * 注册监听事件
+     * @param eventName
+     * @param wartcher
+     */
+    on(eventName: string, wartcher: Function): this;
+    destroy(): void;
+    /**
+     * 派发事件
+     * @param eventName
+     * @param args
+     */
+    private emitEvent;
     private handlePageLimitChange;
     private hanlePageChange;
     /**
@@ -35,6 +54,14 @@ export default class TableRender {
      * @param index 当前选中列Index
      */
     private handleColumnHeadClick;
+    /**
+     * 获取排序设置表头
+     * @param column 当前渲染排序列
+     * @param index 排序列所在index
+     * @returns
+     */
+    private getSortCell;
+    private getFilterCell;
     /**
      * 渲染Table Header
      * @returns

package/lib/table/table.css

@@ -27,6 +27,8 @@
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
+  display: flex;
+  align-items: center;
   padding: 0 15px;
   overflow: hidden;
   line-height: var(--row-height);
@@ -37,9 +39,6 @@
 }
 .bk-table .bk-table-head table thead th,
 .bk-table .bk-table-body table thead th {
-  position: sticky;
-  top: 0;
-  z-index: 1;
   color: #313238;
   background-color: #fafbfd;
 }
@@ -49,6 +48,11 @@
 .bk-table .bk-table-body table thead th:hover {
   background: #f0f1f5;
 }
+.bk-table .bk-table-head table tbody tr td .cell,
+.bk-table .bk-table-body table tbody tr td .cell {
+  display: inline-block;
+  width: 100%;
+}
 .bk-table .bk-table-head table tbody tr:hover td,
 .bk-table .bk-table-body table tbody tr:hover td {
   background: #f5f7fa;

package/lib/table/table.d.ts

@@ -1,4 +1,5 @@
 import { Column } from './props';
+import './plugins/head-filter.less';
 declare const _default: import("vue").DefineComponent<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -27,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    thead: import("vue-types").VueTypeShape<import("./props").Thead>;
     virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -75,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    thead: import("vue-types").VueTypeShape<import("./props").Thead>;
     virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/table/table.less

@@ -23,6 +23,8 @@
         min-width: 80px;
 
         .cell {
+          display: flex;
+          align-items: center;
           padding: 0 15px;
           overflow: hidden;
           line-height: var(--row-height);
@@ -35,21 +37,25 @@
 
       thead {
         th {
-          position: sticky; 
-          top: 0; 
-          z-index: 1;
           color: @table-head-font-color;
           background-color: @table-head-bg-color;
 
           &.active,
           &:hover {
-            background: #f0f1f5;
+            background: @table-row-active-bg-color;
           }
         }
       }
 
       tbody {
         tr {
+          td {
+            .cell {
+              display: inline-block;
+              width: 100%;
+            }
+          }
+
           &:hover {
             td {
               background: @table-row-hover-bg-color;
@@ -108,7 +114,7 @@
 
       &.active {
         position: relative;
-        background: #f0f1f5;
+        background: @table-row-active-bg-color;
       }
     }
   }

package/lib/table/table.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-table {
   height: 100%;
@@ -120,6 +121,8 @@
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
+  display: flex;
+  align-items: center;
   padding: 0 15px;
   overflow: hidden;
   line-height: var(--row-height);
@@ -130,9 +133,6 @@
 }
 .bk-table .bk-table-head table thead th,
 .bk-table .bk-table-body table thead th {
-  position: sticky;
-  top: 0;
-  z-index: 1;
   color: var(--table-head-font-color);
   background-color: var(--table-head-bg-color);
 }
@@ -140,7 +140,12 @@
 .bk-table .bk-table-body table thead th.active,
 .bk-table .bk-table-head table thead th:hover,
 .bk-table .bk-table-body table thead th:hover {
-  background: #f0f1f5;
+  background: var(--table-row-active-bg-color);
+}
+.bk-table .bk-table-head table tbody tr td .cell,
+.bk-table .bk-table-body table tbody tr td .cell {
+  display: inline-block;
+  width: 100%;
 }
 .bk-table .bk-table-head table tbody tr:hover td,
 .bk-table .bk-table-body table tbody tr:hover td {
@@ -180,5 +185,5 @@
 }
 .bk-table colgroup col.active {
   position: relative;
-  background: #f0f1f5;
+  background: var(--table-row-active-bg-color);
 }

package/lib/table/utils.d.ts

@@ -1,4 +1,4 @@
-import { GroupColumn, TablePropTypes } from './props';
+import { Column, GroupColumn, TablePropTypes } from './props';
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -67,3 +67,25 @@ export declare const isPercentPixOrNumber: (val: string | number) => boolean;
  * @returns 返回值
  */
 export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
+/**
+ * Format Table Head Option
+ * @param props
+ * @returns
+ */
+export declare const resolveHeadConfig: (props: TablePropTypes) => {
+    isShow: boolean;
+    height: number;
+} & {
+    height?: Number;
+    isShow?: boolean;
+    cellFn?: Function;
+};
+/**
+   * 获取当前行指定列的内容
+   * @param row 当前行
+   * @param key 指定列名
+   * @param column 列配置
+   * @param index 当前行Index
+   * @returns
+   */
+export declare const getRowText: (row: any, key: string, column: Column) => any;

package/lib/tag/tag.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-tag {
   display: inline-flex;

package/lib/tag-input/tag-input.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-tag-input {
   position: relative;

package/lib/timeline/timeline.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 * {
   box-sizing: border-box;

package/lib/transfer/transfer.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 /* 边框色 */
 /* 按钮、表单边框颜色、禁用时文本颜色 */

package/lib/tree/tree.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-tree .bk-node-row {
   padding-left: calc(var(--offset-left));

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.43",
+  "version": "0.0.1-beta.46",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
-      "scripts/cli"
+      "scripts/*"
     ]
   },
   "files": [
@@ -14,19 +14,26 @@
   "scripts": {
     "prepare": "husky install",
     "dev": "vite serve site",
-    "build": "yarn build:dist && yarn build:lib",
+    "build": "run-p build:dist build:lib",
     "build:site": "vite build site --mode development",
     "build:dist": "rimraf dist && lerna run --stream --scope cli dist",
     "build:lib": "rimraf lib && lerna run --stream --scope cli lib",
     "help:release": "lerna run --stream --scope cli release",
-    "release": "yarn build && yarn help:release",
+    "release": "run-s build help:release",
     "analyze:lib": "rimraf lib && lerna run --stream --scope cli lib -- -a",
     "generate:icon": "lerna run --scope @bkui-vue/icon build",
     "changelog": "conventional-changelog -c .changelog.config.js -p angular -i CHANGELOG.md -s -l",
-    "lint": "eslint --ext .js,.ts,.tsx,.vue ./packages ./site ",
-    "lint:style": "stylelint --fix ./packages/**/*.{css,less} --custom-syntax",
-    "lint:fix": "eslint --fix ./packages ./site --ext .js,.ts,.tsx,.vue",
-    "test:unit": "jest --passWithNoTests",
+    "lint:packages": "eslint ./packages --ext .js,.ts,.tsx --cache",
+    "lint:site": "eslint ./site --ext .js,.ts,.tsx,.vue --cache",
+    "lint:scripts": "eslint ./scripts --ext .js,.ts,.tsx --cache",
+    "lint": "run-p lint:site lint:packages lint:scripts",
+    "fix:packages": "eslint ./packages --ext .js,.ts,.tsx --fix --cache",
+    "fix:site": "eslint ./site --ext .js,.ts,.tsx,.vue --fix --cache",
+    "fix:scripts": "eslint ./scripts --ext .js,.ts,.tsx --fix --cache",
+    "lint:fix": "run-p lint:site lint:packages lint:scripts",
+    "stylelint": "eslint --ext .js,.ts,.tsx,.vue ./packages ./site --cache",
+    "stylelint:fix": "yarn stylelint -- --fix",
+    "test:unit": "jest --passWithNoTests --config=./jest.config.js",
     "cz": "git-cz"
   },
   "devDependencies": {
@@ -34,14 +41,12 @@
     "@commitlint/config-conventional": "~16.2.1",
     "@types/jest": "~27.4.1",
     "@types/node": "~17.0.23",
+    "@types/postcss-less": "~4.0.2",
     "@typescript-eslint/eslint-plugin": "~5.19.0",
     "@typescript-eslint/parser": "~5.19.0",
     "@vitejs/plugin-vue": "~2.3.1",
     "@vitejs/plugin-vue-jsx": "~1.3.9",
     "@vue/babel-plugin-jsx": "~1.1.1",
-    "@vue/babel-preset-jsx": "~1.2.4",
-    "@vue/compiler-sfc": "~3.2.31",
-    "@vue/component-compiler-utils": "~3.3.0",
     "@vue/eslint-config-standard": "~6.1.0",
     "@vue/eslint-config-typescript": "~10.0.0",
     "@vue/test-utils": "~2.0.0-rc.12",
@@ -69,11 +74,16 @@
     "lint-staged": "~12.3.7",
     "markdown-it-container": "~3.0.0",
     "normalize-wheel": "~1.0.1",
+    "npm-run-all": "~4.1.5",
     "plop": "~3.0.5",
+    "postcss": "~8.4.12",
+    "postcss-html": "~1.4.1",
+    "postcss-less": "~6.0.0",
     "prettier": "~2.6.2",
     "prismjs": "~1.27.0",
     "rimraf": "~3.0.2",
     "stylelint": "~14.6.1",
+    "stylelint-config-recommended-vue": "~1.4.0",
     "stylelint-order": "~5.0.0",
     "stylelint-scss": "~4.2.0",
     "ts-jest": "~27.1.4",
@@ -82,6 +92,7 @@
     "vite": "~2.9.1",
     "vite-plugin-md": "~0.12.4",
     "vue": "^3.2.0",
+    "vue-eslint-parser": "~8.3.0",
     "vue-router": "~4.0.14",
     "vue-types": "~4.1.1"
   },
@@ -93,11 +104,13 @@
   "module": "dist/bkui-vue.esm.js",
   "typings": "./lib/index.d.ts",
   "lint-staged": {
-    "*.css": "stylelint",
-    "*.less": "stylelint --fix --customSyntax=postcss-less",
-    "*.{js,ts,tsx,vue}": [
-      "eslint --fix",
-      "git add ."
+    "*.(vue|ts|tsx|js)": [
+      "eslint --ext .js,.tsx,.ts,.vue --cache --fix",
+      "git add"
+    ],
+    "*.(vue|scss|css|sass)": [
+      "stylelint --cache --fix",
+      "git add"
     ]
   },
   "config": {

package/lib/alert/alert.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon")):r(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var s={6870:e=>{e.exports=o},4212:r=>{r.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=t}},i={};function n(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={exports:{}};return s[e](t,t.exports,n),t.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},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 l={};return(()=>{n.r(l),n.d(l,{default:()=>a});var e=n(4212),r=n(311),t=n.n(r),o=n(748),s=n(6870);const i=(0,o.defineComponent)({name:"Alert",props:{theme:e.PropTypes.theme(["info","success","warning","error"]).def("info"),size:e.PropTypes.string,title:e.PropTypes.string,closable:e.PropTypes.bool.def(!1),closeText:e.PropTypes.string,showIcon:e.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,r){var t=(0,o.reactive)({visible:!0});return{state:t,handleClose:function(){t.visible=!1,r.emit("close")}}},render:function(){if(!this.state.visible)return null;var r=Boolean(this.closeText),i=(0,e.classes)({"bk-alert-close":!0,"close-text":r,"icon-close":!r}),n=(0,e.classes)(t()({"bk-alert":!0},"bk-alert-".concat(this.theme),!0));return(0,o.createVNode)("div",{class:n},[(0,o.createVNode)("div",{class:"bk-alert-wraper"},[this.showIcon&&(0,o.createVNode)(s.Help,{class:"bk-alert-icon-info"},null),(0,o.createVNode)("div",{class:"bk-alert-content"},[(0,o.createVNode)("div",{class:"bk-alert-title"},[this.title]),(0,o.createVNode)("div",{class:"bk-alert-description"},null)]),(0,o.createVNode)("span",{class:i,onClick:this.handleClose},[this.closeText])])])}}),a=(0,e.withInstall)(i)})(),l})()));

package/lib/badge/badge.js

@@ -1 +0,0 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue"],o);else{var r="object"==typeof exports?o(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue")):o(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},311:e=>{e.exports=o},748:e=>{e.exports=r}},n={};function s(e){var o=n[e];if(void 0!==o)return o.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return s.d(o,{a:o}),o},s.d=(e,o)=>{for(var r in o)s.o(o,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{s.r(i),s.d(i,{default:()=>p});var e=s(4212),o=s(311),r=s.n(o),t=s(748);const n=(0,t.defineComponent)({name:"Badge",props:{theme:e.PropTypes.string.def("primary"),count:e.PropTypes.number,position:e.PropTypes.string.def("top-right"),radius:e.PropTypes.string,valLength:e.PropTypes.number,overflowCount:e.PropTypes.number.def(99),dot:e.PropTypes.bool.def(!1),visible:e.PropTypes.bool.def(!1)},setup:function(e){return{numberCount:(0,t.computed)((function(){return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count}))}},render:function(){var o,n,s,i,p,u,d,l=(0,e.classes)((o={},r()(o,"bk-badge pinned bk-".concat(this.$props.theme),!!this.$props.theme),r()(o,"dot",this.$props.dot),r()(o,"".concat(this.$props.position),this.$props.position),r()(o,"bk-badge-icon is-icon",this.$slots.icon),o),""),a=this.$props.dot?"":(0,t.createVNode)("span",null,[this.numberCount]);return(0,t.createVNode)("div",{class:"bk-badge-main"},[(0,t.createVNode)("div",null,[null!==(i=null===(s=(n=this.$slots).default)||void 0===s?void 0:s.call(n))&&void 0!==i?i:""]),this.$props.visible?"":(0,t.createVNode)("span",{class:l},[null!==(d=null===(u=(p=this.$slots).icon)||void 0===u?void 0:u.call(p))&&void 0!==d?d:a])])}}),p=(0,e.withInstall)(n)})(),i})()));

package/lib/breadcrumb/breadcrumb.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t)=>(()=>{"use strict";var o={6870:e=>{e.exports=t},4212:r=>{r.exports=e},748:e=>{e.exports=r}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return o[e](t,t.exports,n),t.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 s={};return(()=>{n.r(s),n.d(s,{BkBreadcrumb:()=>c,BkBreadcrumbItem:()=>a,default:()=>p});var e=n(4212),r=n(748),t=n(6870);const o=(0,r.defineComponent)({name:"Breadcrumb",props:{extCls:e.PropTypes.string,separator:e.PropTypes.string.def("/"),separatorClass:e.PropTypes.string,replace:e.PropTypes.bool,backRouter:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def("")},setup:function(o,a){var n=a.slots,s=(this.$createElement,(0,r.getCurrentInstance)()),c=s.proxy,p=s.appContext;(0,r.provide)("breadcrumb",o),(0,r.onMounted)((function(){var e=c.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var l=(0,e.classes)({"bk-breadcrumb":!0},"".concat(o.extCls||"")),i=function(){var e=o.backRouter,r=o.replace,t=p.config.globalProperties.$router;t&&(r?t.replace(e):t.push(e))};return function(){var e;return(0,r.createVNode)("div",{class:l,"aria-label":"Breadcrumb",role:"navigation"},[!n.prefix&&o.backRouter?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[(0,r.createVNode)(t.ArrowsLeft,{onClick:i},null)]):"",n.prefix?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[n.prefix()]):"",null===(e=n.default)||void 0===e?void 0:e.call(n)])}}}),a=(0,r.defineComponent)({name:"BreadcrumbItem",props:{extCls:e.PropTypes.string,to:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def(""),replace:e.PropTypes.bool},setup:function(t,o){var a=o.slots,n=(this.$createElement,(0,r.getCurrentInstance)().appContext),s=(0,r.inject)("breadcrumb"),c=n.config.globalProperties.$router,p=t.to,l=t.replace,i=function(){p&&c&&(l?c.replace(p):c.push(p))},u=(0,e.classes)({"bk-breadcrumb-item":!0},"".concat(t.extCls||""));return function(){var e;return(0,r.createVNode)("span",{class:u},[(0,r.createVNode)("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(p?"is-link":""),role:"link",onClick:i},[null===(e=null==a?void 0:a.default)||void 0===e?void 0:e.call(a)]),(null==s?void 0:s.separatorClass)?(0,r.createVNode)("i",{class:"bk-breadcrumb-separator ".concat(s.separatorClass)},null):(0,r.createVNode)("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==s?void 0:s.separator])])}}});var c=(0,e.withInstallProps)(o,{Item:a});const p=c})(),s})()));

package/lib/button/button.js

@@ -1 +0,0 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../loading"],t);else{var o="object"==typeof exports?t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../loading")):t(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../loading"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={4870:e=>{e.exports=r},4212:t=>{t.exports=e},311:e=>{e.exports=t},748:e=>{e.exports=o}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return n[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{a.r(s),a.d(s,{BkButton:()=>c,BkButtonGroup:()=>p,default:()=>d});var e=a(4212),t=a(311),o=a.n(t),r=a(748),n=a(4870),i=a.n(n),u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,laodingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const l=(0,r.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(t,a){var s,u=a.slots,l=a.attrs,p=a.emit,c=(this.$createElement,(0,r.ref)(!1)),d=null!==(s=u.default)&&void 0!==s&&s,v="bk-button",f=(0,r.computed)((function(){var r,n=t.hoverTheme?"".concat(v,"-hover-").concat(t.hoverTheme):"",i=t.theme?"".concat(v,"-").concat(t.theme):"",a=t.hoverTheme?"":i;return(0,e.classes)((r={"is-disabled":t.disabled,"is-outline":t.outline,"is-text":t.text&&!t.hoverTheme},o()(r,"".concat(v,"-").concat(t.size),""!==t.size),o()(r,"no-slot",!d),r),"".concat(a," ").concat(v," ").concat(n))})),m=(0,r.computed)((function(){return t.text||t.outline||t.hoverTheme?c.value&&!t.text?"white":t.hoverTheme||t.theme:["","default"].includes(t.theme)?"":"white"})),h=(0,r.computed)((function(){return t.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),b=function(){p("click")},y=function(){c.value=!0,p("mouseover")},g=function(){c.value=!1};return function(){var e;return(0,r.createVNode)("button",(0,r.mergeProps)({title:t.title,disabled:t.disabled,class:f.value,type:t.nativeType},l,{onClick:b,onMouseover:y,onMouseleave:g}),[t.loading&&(0,r.createVNode)(i(),{class:"".concat(v,"-loading"),mode:t.laodingMode,theme:m.value,size:h.value},null),u.default&&(0,r.createVNode)("span",{class:"".concat(v,"-text")},[null===(e=u.default)||void 0===e?void 0:e.call(u)])])}}}),p=(0,r.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(t,n){this.$createElement;var i=(0,r.computed)((function(){return(0,e.classes)(o()({},"bk-button-group-".concat(t.size),!!t.size),"bk-button-group")}));return function(){var e,t;return(0,r.createVNode)("div",{class:i.value},[null===(t=(e=n.slots).default)||void 0===t?void 0:t.call(e)])}}});var c=(0,e.withInstallProps)(l,{ButtonGroup:p});const d=c})(),s})()));

package/lib/card/card.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue"],r);else{var o="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue")):r(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=o}},s={};function d(e){var r=s[e];if(void 0!==r)return r.exports;var o=s[e]={exports:{}};return t[e](o,o.exports,d),o.exports}d.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return d.d(r,{a:r}),r},d.d=(e,r)=>{for(var o in r)d.o(r,o)&&!d.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},d.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{d.r(l),d.d(l,{default:()=>a});var e=d(4212),r=d(311),o=d.n(r),t=d(748);const s=(0,t.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),headBorder:e.PropTypes.bool.def(!0)},setup:function(e){return{isCollapse:(0,t.computed)((function(){return e.collapseStatus}))}},render:function(){var r,s,d,l,a,i,p,n,u,c=(0,e.classes)(o()({},"bk-card-border-none",!this.$props.border),"bk-card"),f=(0,e.classes)(o()({},"bk-card-border-none",!this.$props.headBorder),"bk-card-head"),b=(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"title",title:this.$props.title},[this.$props.title])]);return(0,t.createVNode)("div",{class:c},[this.$props.showHeader?(0,t.createVNode)("div",{class:f},[(0,t.createVNode)("span",null,[null!==(d=null===(s=(r=this.$slots).header)||void 0===s?void 0:s.call(r))&&void 0!==d?d:b])]):"",this.$props.collapseStatus?(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"bk-card-body"},[null!==(i=null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l))&&void 0!==i?i:"Content"]),this.$props.showFooter?(0,t.createVNode)("div",{class:"bk-card-footer"},[null!==(u=null===(n=(p=this.$slots).footer)||void 0===n?void 0:n.call(p))&&void 0!==u?u:"Footer"]):""]):""])}}),a=(0,e.withInstall)(s)})(),l})()));

package/lib/checkbox/checkbox.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("vue"),require("@babel/runtime/helpers/toConsumableArray"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/slicedToArray","vue","@babel/runtime/helpers/toConsumableArray"],r);else{var o="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("vue"),require("@babel/runtime/helpers/toConsumableArray")):r(e["../shared"],e["@babel/runtime/helpers/slicedToArray"],e.vue,e["@babel/runtime/helpers/toConsumableArray"]);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(self,((e,r,o,a)=>(()=>{"use strict";var l={4212:r=>{r.exports=e},1673:e=>{e.exports=r},642:e=>{e.exports=a},748:e=>{e.exports=o}},n={};function t(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={exports:{}};return l[e](o,o.exports,t),o.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{t.r(u),t.d(u,{BkCheckbox:()=>b,BkCheckboxGroup:()=>p,default:()=>h});var e=t(4212),r=t(1673),o=t.n(r),a=t(748),l=Symbol("CheckboxGroup"),n={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(void 0),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const s=(0,a.defineComponent)({name:"Checkbox",props:n,emits:["update:modelValue","change"],setup:function(){var r=function(){var e=(0,a.ref)(!1);return[e,{blur:function(){e.value=!0},focus:function(){e.value=!1}}]}(),n=o()(r,2),t=n[0],u=n[1],s=u.blur,i=u.focus,c=function(){var r=(0,a.getCurrentInstance)(),o=r.props,n=r.emit,t=(0,a.inject)(l,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(t),s=(0,a.reactive)({isLocalChecked:o.checked}),i=(0,a.computed)((function(){return u?t.state.localValue.includes(o.label):void 0!==o.modelValue&&(o.modelValue===o.label||o.modelValue===o.trueLabel)||s.isLocalChecked}));s.isLocalChecked=i.value;var c=(0,a.computed)((function(){return u?i.value?o.label:"":i.value?""!==o.trueLabel?o.trueLabel:o.label:""!==o.falseLabel?o.falseLabel:""})),d=(0,a.computed)((function(){return!(!u||!t.props.disabled)||o.disabled}));return(0,a.onMounted)((function(){u&&t.register(r.proxy)})),(0,a.onBeforeUnmount)((function(){u&&t.unregister(r.proxy)})),{value:c,isChecked:i,isDisabled:d,handleChange:function(e){if(!d.value){var r=e.target;s.isLocalChecked=r.checked,n("change",c.value),n("update:modelValue",c.value),u&&t.handleChange(s.isLocalChecked,o.label),(0,a.nextTick)((function(){r.checked!==i.value&&(s.isLocalChecked=i.value,r.checked=i.value)}))}}}}();return{currentValue:c.value,isFocus:t,isChecked:c.isChecked,isDisabled:c.isDisabled,handleBlur:s,handleFocus:i,handleChange:c.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focus":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled});return(0,a.createVNode)("label",{class:r},[(0,a.createVNode)("span",{class:"bk-checkbox-input"},[(0,a.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",value:this.currentValue,disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),(0,a.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var i=t(642),c=t.n(i),d={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const p=(0,a.defineComponent)({name:"CheckboxGroup",props:d,emits:["change","update:modelValue"],setup:function(e,r){var o=(0,a.reactive)({localValue:e.modelValue?c()(e.modelValue):[]});(0,a.watch)((function(){return e.modelValue}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];o.localValue=c()(e)}));var n=[];return(0,a.provide)(l,{name:"CheckboxGroup",props:e,state:o,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(a,l){var n=c()(o.localValue);n=a?[].concat(c()(o.localValue),[l]):o.localValue.reduce((function(e,r){return r!==l&&e.push(r),e}),[]),e.modelValue||(o.localValue=n),r.emit("update:modelValue",n),r.emit("change",n)}}),(0,a.onMounted)((function(){n.forEach((function(e){(e.isChecked||e.checked)&&o.localValue.push(e.label)}))})),{}},render:function(){return(0,a.createVNode)("div",{class:"bk-checkbox-group"},[this.$slots.default()])}});var b=(0,e.withInstallProps)(s,{Group:p});const h=b})(),u})()));