bkui-vue 0.0.1-beta.103 → 0.0.1-beta.106

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

@@ -18,66 +18,71 @@
   }
 }
 
-.@{bk-prefix}-table-head-filter {
-
-  padding: 5px 0 0 0;
-  background-color: #fff;
-  // border: 1px solid #dcdee5;
-  border-radius: 2px;
-  box-shadow: 0px 3px 6px 0px rgba(0,0,0,.10); 
-
-  .content-list {
-    max-width: 200px;
-    min-width: 140px;
-    overflow: auto;
-
-    .list-item {
-      width: 100%;
-      height: 32px;
-      padding: 0 10px;
-      font-size: 12px;
-      line-height: 32px;
-      color: #63656e;
-      text-align: left;
-
-      &:hover {
-        background: #f0f1f5;
-      }
-    }
-  }
-
-  .content-footer {
-    display: flex;
-    height: 42px;
-    padding: 0 10px;
-    border-top: solid 1px #dcdee5;
-    justify-content: center;
-    align-items: center;
-
-    span {
-      display: inline-flex;
-      height: 100%;
-      padding: 6px 12px;
-      font-size: 14px;
-      line-height: 22px;
-      color: @primary-color;
-      cursor: pointer;
-      align-items: center;
-
-      &.btn-filter-split {
-        width: 1px;
-        height: calc(100% - 12px);
-        padding: 6px 0;
-        cursor: default;
-        background: #f0f1f5;
+.@{bk-prefix}-popover2 {
+  &.@{bk-prefix}-pop2-content {
+    &.@{bk-prefix}-table-head-filter {
+      padding: 5px 0 0 0;
+      background-color: #fff;
+      // border: 1px solid #dcdee5;
+      border-radius: 2px;
+      box-shadow: 0px 3px 6px 0px rgba(0,0,0,.10); 
+    
+      .content-list {
+        max-width: 200px;
+        min-width: 140px;
+        overflow: auto;
+    
+        .list-item {
+          width: 100%;
+          height: 32px;
+          padding: 0 10px;
+          font-size: 12px;
+          line-height: 32px;
+          color: #63656e;
+          text-align: left;
+    
+          &:hover {
+            background: #f0f1f5;
+          }
+        }
       }
-
-      &.btn-filter-reset {
-        &.disable {
-          color: @gray-color;
-          cursor: not-allowed;
+    
+      .content-footer {
+        display: flex;
+        height: 42px;
+        padding: 0 10px;
+        border-top: solid 1px #dcdee5;
+        justify-content: center;
+        align-items: center;
+    
+        span {
+          display: inline-flex;
+          height: 100%;
+          padding: 6px 12px;
+          font-size: 14px;
+          line-height: 22px;
+          color: @primary-color;
+          cursor: pointer;
+          align-items: center;
+    
+          &.btn-filter-split {
+            width: 1px;
+            height: calc(100% - 12px);
+            padding: 6px 0;
+            cursor: default;
+            background: #f0f1f5;
+          }
+    
+          &.btn-filter-reset {
+            &.disable {
+              color: @gray-color;
+              cursor: not-allowed;
+            }
+          }
         }
       }
     }
   }
 }
+
+

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

@@ -113,18 +113,18 @@
 .bk-table-head-action.opened {
   color: inherit;
 }
-.bk-table-head-filter {
+.bk-popover2.bk-pop2-content.bk-table-head-filter {
   padding: 5px 0 0 0;
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-table-head-filter .content-list {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list {
   max-width: 200px;
   min-width: 140px;
   overflow: auto;
 }
-.bk-table-head-filter .content-list .list-item {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -133,10 +133,10 @@
   color: #63656e;
   text-align: left;
 }
-.bk-table-head-filter .content-list .list-item:hover {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   height: 42px;
   padding: 0 10px;
@@ -144,7 +144,7 @@
   justify-content: center;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span {
   display: inline-flex;
   height: 100%;
   padding: 6px 12px;
@@ -154,14 +154,14 @@
   cursor: pointer;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span.btn-filter-split {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
   width: 1px;
   height: calc(100% - 12px);
   padding: 6px 0;
   cursor: default;
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
   color: var(--gray-color);
   cursor: not-allowed;
 }

package/lib/table/table.css

@@ -14,18 +14,18 @@
 .bk-table-head-action.opened {
   color: inherit;
 }
-.bk-table-head-filter {
+.bk-popover2.bk-pop2-content.bk-table-head-filter {
   padding: 5px 0 0 0;
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-table-head-filter .content-list {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list {
   max-width: 200px;
   min-width: 140px;
   overflow: auto;
 }
-.bk-table-head-filter .content-list .list-item {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -34,10 +34,10 @@
   color: #63656e;
   text-align: left;
 }
-.bk-table-head-filter .content-list .list-item:hover {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   height: 42px;
   padding: 0 10px;
@@ -45,7 +45,7 @@
   justify-content: center;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span {
   display: inline-flex;
   height: 100%;
   padding: 6px 12px;
@@ -55,14 +55,14 @@
   cursor: pointer;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span.btn-filter-split {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
   width: 1px;
   height: calc(100% - 12px);
   padding: 6px 0;
   cursor: default;
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
   color: #979ba5;
   cursor: not-allowed;
 }
@@ -344,13 +344,11 @@
   transform: translateX(var(--scroll-head-left));
 }
 .bk-table .bk-table-head .table-head-settings {
-  display: block;
-}
-.bk-table .bk-table-head .table-head-settings .bk-popover-reference {
   position: absolute;
   top: 0;
   right: 1px;
   bottom: 1px;
+  display: block;
   display: flex;
   width: calc(var(--row-height));
   font-size: 18px;

package/lib/table/table.less

@@ -153,26 +153,23 @@
     transform: translateX(var(--scroll-head-left));
 
     .table-head-settings {
+      position: absolute;
+      top: 0;
+      right: 1px;
+      bottom: 1px;
       display: block;
 
-      .bk-popover-reference {
-        position: absolute;
-        top: 0;
-        right: 1px;
-        bottom: 1px;
-
-        display: flex;
-        width: calc(var(--row-height));
-        font-size: 18px;
-        cursor: pointer;     
-        
-        background: #f0f1f5;
-        border-right: 1px solid #dcdee5;
-        border-left: 1px solid #dcdee5;
-        border-radius: 0px 2px 0px 0px;
-        justify-content: center;
-        align-items: center;
-      }
+      display: flex;
+      width: calc(var(--row-height));
+      font-size: 18px;
+      cursor: pointer;     
+      
+      background: #f0f1f5;
+      border-right: 1px solid #dcdee5;
+      border-left: 1px solid #dcdee5;
+      border-radius: 0px 2px 0px 0px;
+      justify-content: center;
+      align-items: center;
     }
   }
 

package/lib/table/table.variable.css

@@ -113,18 +113,18 @@
 .bk-table-head-action.opened {
   color: inherit;
 }
-.bk-table-head-filter {
+.bk-popover2.bk-pop2-content.bk-table-head-filter {
   padding: 5px 0 0 0;
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-table-head-filter .content-list {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list {
   max-width: 200px;
   min-width: 140px;
   overflow: auto;
 }
-.bk-table-head-filter .content-list .list-item {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -133,10 +133,10 @@
   color: #63656e;
   text-align: left;
 }
-.bk-table-head-filter .content-list .list-item:hover {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   height: 42px;
   padding: 0 10px;
@@ -144,7 +144,7 @@
   justify-content: center;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span {
   display: inline-flex;
   height: 100%;
   padding: 6px 12px;
@@ -154,14 +154,14 @@
   cursor: pointer;
   align-items: center;
 }
-.bk-table-head-filter .content-footer span.btn-filter-split {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
   width: 1px;
   height: calc(100% - 12px);
   padding: 6px 0;
   cursor: default;
   background: #f0f1f5;
 }
-.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
+.bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
   color: #979ba5;
   cursor: not-allowed;
 }
@@ -443,13 +443,11 @@
   transform: translateX(var(--scroll-head-left));
 }
 .bk-table .bk-table-head .table-head-settings {
-  display: block;
-}
-.bk-table .bk-table-head .table-head-settings .bk-popover-reference {
   position: absolute;
   top: 0;
   right: 1px;
   bottom: 1px;
+  display: block;
   display: flex;
   width: calc(var(--row-height));
   font-size: 18px;

package/lib/timeline/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var c=n[e]={exports:{}};return o[e](c,c.exports,r),c.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{r.r(c),r.d(c,{default:()=>i});var e=r(4212),t=r(748),o={list:e.PropTypes.array.def([]),titleAble:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string};const n=(0,t.defineComponent)({name:"Timeline",props:o,emits:["select"],setup:function(e,o){var n=o.emit,r=(0,t.ref)([]),c=function(e){var t,o=[];e.forEach((function(e){var t;o.push({tag:e.tag,content:e.content,type:e.type,size:e.size,color:e.color,icon:e.icon,filled:e.filled,border:null===(t=e.border)||void 0===t||t})})),(t=r.value).splice.apply(t,[0,r.value.length].concat(o))};return(0,t.onMounted)((function(){var t,o;(t=r.value).splice.apply(t,[0,r.value.length].concat([{tag:"步骤1",content:"内容1"},{tag:"步骤2",content:"内容2"},{tag:"步骤3",content:"内容3"}])),(null===(o=e.list)||void 0===o?void 0:o.length)&&c(e.list)})),(0,t.watch)((function(){return e.list}),(function(){c(e.list)}),{deep:!0}),{defaultTimelines:r,titleSelect:function(e){try{n("select",e)}catch(e){console.warn(e)}}}},render:function(){var o=this,n=function(e){var t=e.icon;return!!t&&"[object Object]"===Object.prototype.toString.call(t)},r=function(t){var o="bk-timeline",n=t.type?"".concat(o,"-").concat(t.type):"".concat(o,"-default"),r=t.size?"".concat(o,"-").concat(t.size):"",c=t.filled?"".concat(o,"-filled"):"",i=t.color&&["blue","red","green","yellow","gray"].includes(t.color)?"".concat(o,"-").concat(t.color):"";return(0,e.classes)({},"".concat(o," ").concat(n," ").concat(r," ").concat(i," ").concat(c))};return(0,t.createVNode)("ul",{class:["bk-timeline",this.extCls]},[this.defaultTimelines.map((function(e){var c,i,l;return(0,t.createVNode)("li",{class:["bk-timeline-dot",r(e)]},[n(e)?(0,t.createVNode)("div",{class:"bk-timeline-icon",style:{borderWidth:e.border?"2px":"0px"}},[(0,t.createVNode)("span",{class:"bk-timeline-icon-inner"},[e.icon])]):"",(0,t.createVNode)("div",{class:"bk-timeline-section"},[(0,t.createVNode)("div",{class:"bk-timeline-title",onClick:function(){o.titleSelect(e)}},[null!==(l=null===(i=(c=o.$slots).default)||void 0===i?void 0:i.call(c))&&void 0!==l?l:(0,t.createVNode)("span",{innerHTML:e.tag},null)]),e.content?(0,t.createVNode)("div",{class:"bk-timeline-content",innerHTML:e.content},null):""])])}))])}}),i=(0,e.withInstall)(n)})(),c})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var l=n[e]={exports:{}};return o[e](l,l.exports,r),l.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{r.r(l),r.d(l,{default:()=>c});var e=r(4212),t=r(748),o={list:e.PropTypes.array.def([]),titleAble:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string};const n=(0,t.defineComponent)({name:"Timeline",props:o,emits:["select"],setup:function(e,o){var n=o.emit,r=(0,t.ref)([]),l=function(e){var t,o=[];e.forEach((function(e){var t;o.push({tag:e.tag,content:e.content,type:e.type,size:e.size,color:e.color,icon:e.icon,filled:e.filled,border:null===(t=e.border)||void 0===t||t})})),(t=r.value).splice.apply(t,[0,r.value.length].concat(o))};return(0,t.onMounted)((function(){var t,o;(t=r.value).splice.apply(t,[0,r.value.length].concat([{tag:"步骤1",content:"内容1"},{tag:"步骤2",content:"内容2"},{tag:"步骤3",content:"内容3"}])),(null===(o=e.list)||void 0===o?void 0:o.length)&&l(e.list)})),(0,t.watch)((function(){return e.list}),(function(){l(e.list)}),{deep:!0}),{defaultTimelines:r,titleSelect:function(e){try{n("select",e)}catch(e){console.warn(e)}}}},render:function(){var o=this,n=function(e){var t=e.icon;return!!t&&"function"==typeof t},r=function(t){var o="bk-timeline",n=t.type?"".concat(o,"-").concat(t.type):"".concat(o,"-default"),r=t.size?"".concat(o,"-").concat(t.size):"",l=t.filled?"".concat(o,"-filled"):"",c=t.color&&["blue","red","green","yellow","gray"].includes(t.color)?"".concat(o,"-").concat(t.color):"";return(0,e.classes)({},"".concat(o," ").concat(n," ").concat(r," ").concat(c," ").concat(l))};return(0,t.createVNode)("ul",{class:["bk-timeline",this.extCls]},[this.defaultTimelines.map((function(e){var l,c,i;return(0,t.createVNode)("li",{class:["bk-timeline-dot",r(e)]},[n(e)?(0,t.createVNode)("div",{class:"bk-timeline-icon",style:{border:e.border?"2px solid ".concat(e.color):"0px",borderRadius:e.border?"50%":"0"}},[(0,t.createVNode)("span",{class:"bk-timeline-icon-inner"},[(0,t.createVNode)(e.icon,null,null)])]):"",(0,t.createVNode)("div",{class:"bk-timeline-section"},[(0,t.createVNode)("div",{class:"bk-timeline-title",onClick:function(){o.titleSelect(e)}},[null!==(i=null===(c=(l=o.$slots).default)||void 0===c?void 0:c.call(l))&&void 0!==i?i:(0,t.createVNode)("span",{innerHTML:e.tag},null)]),e.content?(0,t.createVNode)("div",{class:"bk-timeline-content",innerHTML:e.content},null):""])])}))])}}),c=(0,e.withInstall)(n)})(),l})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.103",
+  "version": "0.0.1-beta.106",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",