bkui-vue 0.0.1-beta.24 → 0.0.1-beta.27

package/lib/swiper/swiper.variable.css

@@ -6,8 +6,8 @@
   display: block;
 }
 .bk-swiper-main {
-  height: 100%;
   display: flex;
+  height: 100%;
   overflow: hidden;
 }
 .bk-swiper-main.bk-transition {
@@ -15,53 +15,53 @@
 }
 .bk-swiper-main .bk-swiper-card {
   height: 100%;
-  margin: 0;
   padding: 0;
+  margin: 0;
 }
 .bk-swiper-main .bk-swiper-img {
   display: inline-block;
-  height: 100%;
   width: 100%;
+  height: 100%;
   margin: 0;
-  background-size: cover;
-  background-repeat: no-repeat;
   background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 .bk-swiper-main .bk-swiper-link {
   cursor: pointer;
 }
 .bk-swiper-index {
   position: absolute;
+  right: 0;
   bottom: 10px;
   left: 0;
-  right: 0;
   display: flex;
-  justify-content: center;
-  margin: 0;
   padding: 0;
+  margin: 0;
+  justify-content: center;
 }
 .bk-swiper-index li {
   width: 11px;
   height: 4px;
   margin: 0 3px;
+  list-style-type: none;
   background: #63656e;
   border-radius: 2px;
   transition: width 0.525s;
-  list-style-type: none;
 }
 .bk-swiper-index li.bk-current-index {
   width: 17px;
   background: #c5c7d1;
 }
 .bk-swiper-nav {
-  cursor: pointer;
   position: absolute;
-  border-radius: 50%;
+  top: calc(50% - 15px);
+  display: none;
   width: 30px;
   height: 30px;
+  cursor: pointer;
   background: rgba(31, 45, 61, 0.4);
-  top: calc(50% - 15px);
-  display: none;
+  border-radius: 50%;
 }
 .bk-swiper-nav .bk-swiper-nav-icon {
   position: absolute;
@@ -69,8 +69,8 @@
   left: 11px;
   width: 10px;
   height: 10px;
-  border-left: 2px solid #fff;
   border-bottom: 2px solid #fff;
+  border-left: 2px solid #fff;
 }
 .bk-swiper-nav.bk-nav-prev {
   left: 14px;

package/lib/table/table.css

@@ -1,6 +1,6 @@
 .bk-table {
-  overflow: hidden;
   height: 100%;
+  overflow: hidden;
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
 }

package/lib/table/table.less

@@ -1,8 +1,8 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-table {
-  overflow: hidden;
   height: 100%;
+  overflow: hidden;
   border-top: 1px solid @table-border-color;
   border-bottom: 1px solid @table-border-color;
   .@{bk-prefix}-table-body {

package/lib/table/table.variable.css

@@ -92,8 +92,8 @@
   --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-table {
-  overflow: hidden;
   height: 100%;
+  overflow: hidden;
   border-top: 1px solid var(--table-border-color);
   border-bottom: 1px solid var(--table-border-color);
 }

package/lib/tag/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var l=r(n.exports),a=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},l(o,"bk-tag-".concat(e.type),e.type),l(o,"bk-tag-".concat(e.theme),e.theme),l(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(a);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var a=r(n.exports),l=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},a(o,"bk-tag-".concat(e.type),e.type),a(o,"bk-tag-".concat(e.theme),e.theme),a(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",{class:"bk-tag-text"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(l);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tag/tag.css

@@ -1,8 +1,9 @@
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
-  margin: 2px 0 2px 6px;
+  margin: 2px 6px 2px 0px;
   font-size: 12px;
   line-height: 22px;
   color: #63656e;
@@ -75,17 +76,22 @@
   background: #3a84ff;
   opacity: 1;
 }
+.bk-tag .bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .bk-tag .bk-tag-icon {
-  display: inline-block;
+  flex-shrink: 0;
   margin-right: 4px;
   font-size: 14px;
   line-height: 0;
 }
 .bk-tag .bk-tag-close {
-  display: inline-block;
+  flex-shrink: 0;
   margin-left: 4px;
   font-size: 12px;
   line-height: 0;
-  vertical-align: 1px;
   cursor: pointer;
 }

package/lib/tag/tag.less

@@ -22,10 +22,11 @@
 @themeSelectors: success, info, warning, danger;
 
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
-  margin: 2px 0 2px 6px;
+  margin: 2px 6px 2px 0px;
   font-size: 12px;
   line-height: 22px;
   color: @default-color;
@@ -88,19 +89,25 @@
     }
   }
 
+  .bk-tag-text {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .bk-tag-icon {
-    display: inline-block;
+    flex-shrink: 0;
     margin-right: 4px;
     font-size: 14px;
     line-height: 0;
   }
 
   .bk-tag-close {
-    display: inline-block;
+    flex-shrink: 0;
     margin-left: 4px;
     font-size: 12px;
     line-height: 0;
-    vertical-align: 1px;
     cursor: pointer;
   }
 }

package/lib/tag/tag.variable.css

@@ -92,10 +92,11 @@
   --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
-  margin: 2px 0 2px 6px;
+  margin: 2px 6px 2px 0px;
   font-size: 12px;
   line-height: 22px;
   color: var(--default-color);
@@ -168,17 +169,22 @@
   background: var(--primary-color);
   opacity: 1;
 }
+.bk-tag .bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .bk-tag .bk-tag-icon {
-  display: inline-block;
+  flex-shrink: 0;
   margin-right: 4px;
   font-size: 14px;
   line-height: 0;
 }
 .bk-tag .bk-tag-close {
-  display: inline-block;
+  flex-shrink: 0;
   margin-left: 4px;
   font-size: 12px;
   line-height: 0;
-  vertical-align: 1px;
   cursor: pointer;
 }

package/lib/tree/tree.css

@@ -2,15 +2,15 @@
   padding-left: calc(var(--offset-left));
 }
 .bk-tree .bk-node-row.is-checked {
-  background-color: #EBF2FF;
+  background-color: #ebf2ff;
 }
 .bk-tree .bk-tree-node {
   position: relative;
+  display: flex;
   height: var(--lineHeight);
   padding-left: 0;
   line-height: var(--lineHeight);
   cursor: pointer;
-  display: flex;
   align-items: center;
 }
 .bk-tree .bk-tree-node:not(.is-root) {
@@ -28,11 +28,11 @@
   content: '';
 }
 .bk-tree .bk-tree-node .node-virtual-line {
-  display: inline-block;
   position: absolute;
-  left: calc(var(--depth) * var(--indent) * -1 + 6px);
   top: -12px;
   bottom: 50%;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  display: inline-block;
   width: 0;
   border-left: var(--level-line);
 }
@@ -44,7 +44,7 @@
   align-items: center;
 }
 .bk-tree .bk-tree-node .bk-node-content .bk-node-text {
-  white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

package/lib/tree/tree.less

@@ -2,18 +2,19 @@
 .@{bk-prefix}-tree {
   .@{bk-prefix}-node-row {
     padding-left: calc(var(--offset-left));
+
     &.is-checked {
-      background-color: #EBF2FF;
+      background-color: #ebf2ff;
     }
   }
 
   .@{bk-prefix}-tree-node {
     position: relative;
+    display: flex;
     height: var(--lineHeight);
     padding-left: 0;
     line-height: var(--lineHeight);
     cursor: pointer;
-    display: flex;
     align-items: center;
 
     &:not(.is-root) {
@@ -35,11 +36,11 @@
     }
 
     .node-virtual-line {
-      display: inline-block;
       position: absolute;
-      left: calc(var(--depth) * var(--indent) * -1 + 6px);
       top: -12px;
       bottom: 50%;
+      left: calc(var(--depth) * var(--indent) * -1 + 6px);
+      display: inline-block;
       width: 0;
       border-left: var(--level-line);
     }
@@ -53,9 +54,9 @@
       align-items: center;
 
       .@{bk-prefix}-node-text {
-        white-space: nowrap;
-        text-overflow: ellipsis;
         overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
   }

package/lib/tree/tree.variable.css

@@ -95,15 +95,15 @@
   padding-left: calc(var(--offset-left));
 }
 .bk-tree .bk-node-row.is-checked {
-  background-color: #EBF2FF;
+  background-color: #ebf2ff;
 }
 .bk-tree .bk-tree-node {
   position: relative;
+  display: flex;
   height: var(--lineHeight);
   padding-left: 0;
   line-height: var(--lineHeight);
   cursor: pointer;
-  display: flex;
   align-items: center;
 }
 .bk-tree .bk-tree-node:not(.is-root) {
@@ -121,11 +121,11 @@
   content: '';
 }
 .bk-tree .bk-tree-node .node-virtual-line {
-  display: inline-block;
   position: absolute;
-  left: calc(var(--depth) * var(--indent) * -1 + 6px);
   top: -12px;
   bottom: 50%;
+  left: calc(var(--depth) * var(--indent) * -1 + 6px);
+  display: inline-block;
   width: 0;
   border-left: var(--level-line);
 }
@@ -137,7 +137,7 @@
   align-items: center;
 }
 .bk-tree .bk-tree-node .bk-node-content .bk-node-text {
-  white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.24",
+  "version": "0.0.1-beta.27",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"
     ]
   },
   "scripts": {
-    "lint": "eslint --ext .js,.ts,.tsx ./packages ./site ",
+    "lint": "eslint --ext .js,.ts,.tsx,.vue ./packages ./site ",
     "lint:style": "stylelint --fix ./packages/**/*.{css,less} --custom-syntax",
-    "lint:fix": "eslint --fix ./packages ./site ./scripts --ext .js,.ts,.tsx",
+    "lint:fix": "eslint --fix ./packages ./site ./scripts --ext .js,.ts,.tsx,.vue",
     "test:unit": "jest --passWithNoTests",
     "dev": "vite serve site",
     "build": "yarn build:library && yarn build:component",