n20-common-lib 1.3.10 → 1.3.11

package/src/components/Search/style.scss

@@ -0,0 +1,93 @@
+.n20-search__popper.el-popper[x-placement^='bottom'] {
+  padding: 16px;
+}
+
+.n20-filter-custom-box {
+  display: inline-block;
+  // .interval-input-custom {
+  // }
+  .filter-btn {
+    height: 34px !important;
+    width: 90px !important;
+  }
+  .filter-opt {
+    display: inline-block;
+    cursor: pointer;
+    &-temp {
+      border: 1px solid #dddddd;
+      // width: 26px;
+      // height: 26px;
+      padding: 5px;
+      border-radius: 4px;
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+      .is-svg-default {
+        display: block;
+      }
+      .is-svg-hover {
+        display: none;
+      }
+    }
+
+    &-temp:hover {
+      border: 1px solid #007aff;
+      .is-svg-default {
+        display: none;
+      }
+      .is-svg-hover {
+        display: block;
+      }
+    }
+  }
+
+  &-main {
+    display: flex;
+    flex-direction: column;
+    min-width: 360px;
+    &-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-right: 16px;
+      .filter-text {
+        color: #262d34;
+        font-size: 16px;
+      }
+      .filter-close-img {
+        cursor: pointer;
+      }
+      img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    &-condition {
+      flex: 1;
+      //border: 1px solid #000;
+      overflow-y: auto;
+      margin-top: 11px;
+      max-height: 300px !important;
+      padding-top: 3px;
+      // 13 剧中
+      width: calc(100%);
+      .el-form-item {
+        margin-bottom: 16px;
+      }
+    }
+    &-more {
+      margin: 10px 0 6px 0;
+      font-size: 14px;
+      span {
+        color: #007aff;
+        cursor: pointer;
+      }
+    }
+    &-footer {
+      text-align: center;
+    }
+  }
+  .el-input__inner {
+    width: 224px;
+  }
+}

package/src/components/Table/ThSelectHeader.vue

@@ -18,7 +18,7 @@
       ></i>
     </el-input>
 
-    <div class="flex-column m-t-14">
+    <div class="flex-column m-t">
       <el-checkbox
         v-model="checkbox"
         :indeterminate="isIndeterminate"
@@ -125,13 +125,4 @@ export default {
     }
   }
 }
-</script>
-
-<style lang="less">
-.table-header-popover.el-popover {
-  padding: 16px;
-}
-.m-t-14 {
-  margin-top: 14px;
-}
-</style>
+</script>

package/src/components/Table/index.vue

@@ -22,9 +22,9 @@
         v-else
         :key="'cl-table-' + i"
         :formatter="item.formatter | colfF(item.formatterMap)"
+        :filters="item.filters | colftF(filtersMap)"
         v-bind="item"
       >
-        <!--  :filters="item.filters | colftF(filtersMap)" -->
         <template slot="header">
           <span v-if="item.filter" class="">
             {{ item.label }}
@@ -251,7 +251,9 @@ export default {
       if (!value.length) {
         this.data = this.dataList
       } else {
-        this.data = this.dataList.filter((item) =>value.some(c=>item[property]===c))
+        this.data = this.dataList.filter((item) =>
+          value.some((c) => item[property] === c)
+        )
       }
     }
   }

package/src/directives/VTitle/index.js

@@ -38,24 +38,21 @@ TitleDirective.install = (Vue) => {
     },
     render(_h) {
       var _vm = this
-      return _h(
-        'el-popover',
-        {
-          ref: 'title-pop',
-          attrs: {
-            value: _vm.visible,
-            trigger: 'manual',
-            'popper-class': 'n20-title-pop',
-            placement: 'top'
-          },
-          on: {
-            input(v) {
-              _vm.visible = v
-            }
-          }
+      return _h('el-popover', {
+        ref: 'title-pop',
+        attrs: {
+          value: _vm.visible,
+          content: _vm.title,
+          trigger: 'manual',
+          'popper-class': 'n20-title-pop',
+          placement: 'top'
         },
-        [_vm.title]
-      )
+        on: {
+          input(v) {
+            _vm.visible = v
+          }
+        }
+      })
     }
   })
   document.querySelector('body').appendChild(tooltip.$el)

package/style/css/normalize.scss

@@ -65,13 +65,13 @@ iframe {
   background-color: rgba(0, 0, 0, 0.25);
 }
 
-::-webkit-scrollbar-track:hover {
-  background-color: rgba(0, 0, 0, 0.03);
-}
+// ::-webkit-scrollbar-track:hover {
+//   background-color: rgba(0, 0, 0, 0.03);
+// }
 
-::-webkit-scrollbar-track:active {
-  background-color: rgba(0, 0, 0, 0.03);
-}
+// ::-webkit-scrollbar-track:active {
+//   background-color: rgba(0, 0, 0, 0.03);
+// }
 
 :root {
   --client-height: calc(100vh - 116px);