@kyfe/ks-query-table 0.0.21 → 0.0.22

package/kuasheng-ui/patch/pagination/index.js

@@ -0,0 +1,78 @@
+  function makePage(relNumber, text, active) {
+    let number = relNumber < 1 ? 1 : relNumber
+    return { number, text, active }
+  }
+  
+  function pages() {
+    // jump 默认跳5页
+    let jump = this.__jump__ || 5
+    const pages = []
+    const pageCount = this.count
+    const showPageSize = +this.showPageSize
+  
+    if (this.mode !== 'multi') {
+      return pages
+    }
+  
+    let startPage = 1
+    let endPage = pageCount
+    const isMaxSized = showPageSize < pageCount
+  
+    if (isMaxSized) {
+      // startPage = Math.max(this.value - Math.floor(showPageSize / 2), 1)
+      startPage = this.value > showPageSize ? Math.max(this.value - Math.floor(showPageSize / 2), 1) : 1
+      endPage = startPage + showPageSize - 1
+  
+      if (endPage > pageCount) {
+        endPage = pageCount
+        startPage = endPage - showPageSize + 1
+      }
+    }
+  
+    for (let number = startPage; number <= endPage; number++) {
+      const page = makePage(number, number, number === this.value)
+      pages.push(page)
+    }
+  
+    if (isMaxSized && showPageSize > 0 && this.forceEllipses) {
+      // if (startPage > jump) {
+      //   const previousPageSet = makePage(startPage - jump, '...', false)
+      //   pages.unshift(previousPageSet);
+      // }
+  
+      // if (endPage < pageCount - 5) {
+      //   const nextPageSet = makePage(endPage + jump, '...', false)
+      //   pages.push(nextPageSet)
+      // }
+      if (this.value > showPageSize) {
+        const previousPageSet = makePage(this.value - jump, '...', false)
+        pages.unshift(previousPageSet)
+
+        // 显示第一页
+        let hasPage1 = pages.some(function(item) {
+          return item.text === 1
+        })
+
+        if (!hasPage1) {
+          pages.unshift(makePage(1, 1, false))
+        }
+      }
+  
+      if (endPage < pageCount) {
+        const nextPageSet = makePage(this.value + jump, '...', false)
+        pages.push(nextPageSet)
+      }
+    }
+    return pages
+  }
+
+  function installPagination(){
+    let page = window.vant && window.vant.Pagination
+    if (page) {
+      page.computed.pages = pages
+      Vue.component('van-pagination', page)
+    }
+  }
+  
+  export default installPagination
+  

package/kuasheng-ui/style/animation-ui.less

@@ -0,0 +1,31 @@
+//左进右出
+.slide-right-enter-active,
+.slide-right-leave-active,
+.slide-left-enter-active,
+.slide-left-leave-active {
+  will-change: transform;
+  transition: all .3s;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  right: 0;  
+  backface-visibility: hidden;
+  overflow-x: hidden;
+  /*perspective: 1000;*/
+}
+.slide-right-enter {
+  opacity: 0;
+  transform: translate(-100%, 0);
+}
+.slide-right-leave-active {
+  opacity: 0;
+  transform: translate(100%, 0);
+}
+.slide-left-enter {
+  opacity: 0;
+  transform: translate(100%, 0);
+}
+.slide-left-leave-active {
+  opacity: 0;
+  transform: translate(-100%, 0);
+}

package/kuasheng-ui/style/images/checked.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><ellipse cx="8" cy="8" rx="8" ry="8" fill="#165DFF" fill-opacity="1"/></g><g><path d="M11.547516555404663,4.890197809265136C11.792256555404663,4.640297709265137,12.193236555404663,4.636112109265136,12.443136555404664,4.880848809265137C12.679156555404663,5.111989809265137,12.695996555404664,5.482496809265137,12.490966555404663,5.733469809265137L12.452486555404663,5.776469809265137L7.229346555404663,11.109799809265137C6.994056555404663,11.350049809265137,6.615266555404663,11.362699809265138,6.364876555404663,11.147739809265136L6.324376555404664,11.109799809265137L3.547515555404663,8.274359809265137C3.302778855404663,8.024459809265137,3.306964455404663,7.623479809265136,3.556864555404663,7.378739809265136C3.792881555404663,7.147599809265136,4.163660555404663,7.1384898092651365,4.410296555404663,7.348709809265136L4.452486555404663,7.388089809265137L6.776666555404663,9.761329809265137L11.547516555404663,4.890197809265136Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

package/kuasheng-ui/style/images/success.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14.5" height="10.333328247070312" viewBox="0 0 14.5 10.333328247070312"><g transform="matrix(-1,0,0,1,27,0)"><g transform="matrix(-1,0,0,1,52,0)"><path d="M39.2144,1.699688Q39.3517,1.559512,39.4259,1.377856Q39.5,1.196201,39.5,1Q39.5,0.9015086,39.4808,0.80491Q39.461600000000004,0.708311,39.4239,0.617317Q39.3862,0.526322,39.3315,0.44443Q39.2767,0.362537,39.2071,0.29289299999999996Q39.1375,0.22324900000000003,39.0556,0.16852999999999996Q38.9737,0.11381200000000002,38.8827,0.076121Q38.7917,0.038429999999999964,38.6951,0.019214999999999982Q38.5985,0,38.5,0Q38.2984,0,38.1125,0.07813000000000003Q37.9266,0.15626099999999998,37.7856,0.300312L30.33884,7.90412L26.714721,4.20354L26.714449,4.20327Q26.573373,4.05921,26.3875,3.98108Q26.201627,3.90295,26,3.90295Q25.9015086,3.90295,25.80491,3.92217Q25.708311,3.94138,25.617317,3.97907Q25.526322,4.01676,25.44443,4.07148Q25.362537,4.1262,25.292893,4.19585Q25.223249,4.26549,25.16853,4.347379999999999Q25.113812,4.42928,25.076121,4.52027Q25.038429999999998,4.61126,25.019215,4.70786Q25,4.804460000000001,25,4.902950000000001Q25,5.09915,25.074136,5.28081Q25.148272,5.46247,25.285551,5.60264L25.285823,5.60292L29.62439,10.03302Q29.6317,10.04048,29.63916,10.04778Q29.78127,10.18696,29.96582,10.26116Q30.15038,10.33535,30.34928,10.33328Q30.548180000000002,10.3312,30.73115,10.25317Q30.91411,10.17513,31.05329,10.03302L39.2144,1.699688Z" fill-rule="evenodd" fill="#165DFF" fill-opacity="1"/></g></g></svg>

package/kuasheng-ui/style/index.less

@@ -0,0 +1,6 @@
+@import '~vant/lib/index.less';
+@import '~vant/lib/icon/local.less';
+@import './vant-var';
+@import './reset-vant';
+@import './kuasheng-ui';
+@import './animation-ui';

package/kuasheng-ui/style/kuasheng-ui.less

@@ -0,0 +1,207 @@
+html,
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  // overflow: auto;
+  background-color: #fff;
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', STHeiti, 'Microsoft Yahei', Tahoma, Simsun, sans-serif;
+}
+
+#ksui-app {
+  // 导航栏固定在顶部
+  .ksui-header {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: 44px;
+    z-index: 999;
+    background-color: #fff;
+    .ksui-nav {
+      height: 44px;
+      .van-nav-bar {
+        height: 44px;
+        line-height: 44px;
+        .van-nav-bar__title {
+          font-size: 16px;
+          font-weight: 500;
+          max-width: 68%;
+          font-family: almmht;
+        }
+        .van-nav-bar__arrow {
+          font-size: 22px;
+          font-weight: 500;
+          color: #000;
+        }
+        .van-nav-bar__right {
+          font-size: 16px;
+          font-weight: 400;
+          right: 107px;
+        }
+      }
+    }
+  }
+
+  .ksui-body {
+    box-sizing: border-box;
+    overflow-y: scroll;
+    // -webkit-overflow-scrolling: touch;
+    padding-top: 44px;
+    font-weight: 400;
+  }
+}
+
+.ios {
+  #ksui-app {
+    .ksui-header {
+      padding-top: 20px;
+    }
+    .ksui-body {
+      padding-top: 64px;
+    }
+  }
+}
+
+.ipx {
+  #ksui-app {
+    .ksui-header {
+      padding-top: 44px;
+    }
+    .ksui-body {
+      padding-top: 88px;
+    }
+  }
+}
+
+.afc {
+  #ksui-app {
+    .ksui-header {
+      padding-top: var(--status-bar-height, 0px);
+    }
+    .ksui-body {
+      padding-top: calc(44px + var(--status-bar-height, 0px));
+    }
+  }
+}
+
+.van-nav-bar__title {
+  height: 44px;
+  line-height: 44px;
+  max-width: 68%;
+}
+
+.van-nav-bar__title > * {
+  vertical-align: middle;
+}
+
+.ios .van-nav-bar__title .light {
+  font-size: 14px !important;
+  padding: 2px 8px !important;
+}
+
+.ksui-form .van-cell {
+  overflow: unset !important;
+  .van-field__body {
+    input{
+      color: #1C1E23;
+      font-weight: 600;
+      font-size: 14px;
+    }
+  }
+}
+
+.van-cell .van-field__error-pop-message {
+  color: #fff;
+  font-size: 14px;
+  text-align: left;
+  position: absolute;
+  z-index: 9;
+  padding: 11px 16px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 6px;
+  line-height: 20px;
+  bottom: -6px;
+  left: 0;
+  transform: translate(0, 100%);
+  pointer-events: none;
+}
+
+.van-cell .van-field__error-pop-message--top {
+  bottom: auto;
+  top: -16px;
+  transform: translate(0, -100%);
+}
+
+.van-cell .van-field__error-pop-message::after {
+  content: ' ';
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 6px;
+  color: #4a4a4a;
+  top: 0;
+  border-top-width: 0;
+  border-bottom-color: rgba(0, 0, 0, 0.7);
+  transform: translate(-50%, -100%);
+  left: 50%;
+  background-color: transparent;
+}
+
+.van-cell .van-field__error-pop-message--top::after {
+  top: auto;
+  bottom: -12px;
+  border-bottom-width: 0;
+  border-top-color: rgba(0, 0, 0, 0.7);
+  border-top-width: 6px;
+  border-bottom-color: unset;
+}
+
+.van-cell .van-field__error-pop-message--right {
+  left: unset;
+  right: 0;
+}
+
+.van-cell .van-field__error-pop-message--center {
+  left: 50%;
+  transform: translate(-50%, 100%);
+  width: fit-content;
+}
+
+.van-cell .van-field__error-pop-message--center.van-field__error-pop-message--top {
+  transform: translate(-50%, -100%);
+}
+
+@font-face {
+  font-family: almmht;
+  font-style: normal;
+  font-weight: 500;
+  src: url('https://erphostjs.kye-erp.com/PE/almmht.ttf');
+}
+
+// din字体/数字
+@font-face {
+  font-family: pe-font-din;
+  font-style: normal;
+  font-weight: 500;
+  src: url('https://erphostjs.kye-erp.com/PE/font-number1.otf');
+}
+
+// arial开头
+@font-face {
+  font-family: pe-font-arial;
+  font-style: normal;
+  font-weight: 500;
+  src: url('https://erphostjs.kye-erp.com/PE/font-number2.ttf');
+}
+
+:root {
+  // 字体 11-28
+  --g-font-zh: almmht;
+  --g-font-num1: pe-font-din;
+  --g-font-num2: pe-font-arial;
+}

package/kuasheng-ui/style/reset-vant.less

@@ -0,0 +1,307 @@
+#kuasheng-h5 {
+    //field 
+    .van-field {
+        .van-field__label{
+            color:#41444C;
+        }
+        &__word-limit {
+            color: #9D9D9D;
+        }
+        &__control {
+            color: #03050D;
+            &:disabled {
+                color: #b0b3bf;
+            }
+        }
+        input::placeholder {
+            color: #A7AAB0;
+        }
+    }
+    // button
+    .van-button {
+        border-radius: @base-size * 3;
+        &--mini {
+            border-radius: @base-size;
+        }
+        &--normal, &--small {
+            padding: 0 @base-size * 4;
+        }
+    }
+    .van-overlay {
+        background-color: rgba(0, 0, 0, 0.6);
+    }
+    .van-dialog{
+        font-size: 16px;
+        border-radius: 12px;
+        &__content {
+            padding: 10px 0;
+        }
+        &__footer {
+            .van-button {
+                font-size: 16px;
+                font-weight: 500;
+                &--large {
+                    height: 48px;
+                }
+            }
+        }
+        &__cancel {
+            color:#03050d;
+        }
+        .van-hairline--top::after,.van-hairline--left::after  {
+            border-color: #ebedf5;
+        }
+    }
+    
+    // loading theme:(dark/light)
+    .van-loading.dark{
+        display: inline-block;
+        background: rgba(0,0,0,0.7);
+        border-radius: 6px;
+        padding: 9px 10px;
+        .van-loading__text {
+            color: #FFFFFF;
+            font-size: 12px;
+        }
+        .van-loading__spinner {
+            color: #FFFFFF;
+        }
+    }
+    .van-loading.light{
+        display: inline-block;
+        background: #EBEDF5;
+        border-radius: 6px;
+        padding: 9px 10px;
+        .van-loading__text {
+        color: #03050D;
+        font-size: 12px;
+        }
+        .van-loading__spinner {
+            color: #000000;
+        }
+    }
+    // 上拉菜单标题背景
+    .van-action-sheet {
+        &__item {
+            height: 56px;
+            line-height: 56px;
+        }
+        &__header {
+            background-color: #fff;
+            border-bottom: 0.5px solid #ebedf5;
+            text-align: left;
+            padding-left: 16px;
+            .van-icon-close::before {
+                content: "\F042";
+            }
+            .van-action-sheet__close {
+                font-size: 16px;
+            }
+            .van-action-sheet__close::before {
+                content: "";
+                width: 16px;
+                height: 16px;
+                background: url('https://erphostjs.kye-erp.com/kuasheng-h5/assets/ks-icon/cross.svg') no-repeat;
+            }
+        }
+    }
+    .van-rate__icon--full {
+        color: #FFBC2C;
+    }
+    // checkbox 
+    .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
+        background-color: #d7d7db;
+        color: #fff;
+    }
+    // sidebar
+    .van-sidebar-item {
+        border-left: none;
+        font-size: 14px;
+        &__text {
+            border-left: 3px solid transparent;
+            padding-left: 12px;
+        }
+        &--select {
+            color: @purple;
+            .van-sidebar-item__text {
+                border-color: @sidebar-selected-border-color;
+            }
+        }
+    }
+
+    // search
+    .van-search {
+        padding: 8px @padding-sm;
+        &__content {
+            // border-radius: @border-radius-md;
+            border-radius: 8px;
+        }
+        &__action {
+            color: #165DFF;
+        }
+        .van-cell {
+            padding: 6px @padding-xs 6px 0;
+        }
+        .van-icon {
+            color: #b0b3bf;
+        }
+        .van-icon-search::before {
+            content: "";
+            width: 14px;
+            height: 15px;
+            background: url('https://erphostjs.kye-erp.com/kuasheng-h5/assets/ks-search/search-icon.svg') no-repeat;
+        }
+    }
+
+    // cell
+    .van-cell:not(:last-child):after {
+        border-color: #EBEDF5;
+        right: 16px;
+    }
+    // steps
+    .van-steps--vertical {
+        .van-step__line {
+            width: 0;
+            left: -16px;
+            background-color: transparent;
+            border: 1px #ddd dashed;
+        }
+        .van-step--finish .van-step__line {
+            background-color: transparent;
+        }
+    }
+    // toast
+    .van-toast {
+        font-size: 14px;
+        font-weight: 400;
+        border-radius: 8px;
+        &--text {
+            padding: 12px 16px;
+        }
+        // 自定义custom方法中的loading动效
+        .ks-loading__spinner {
+            -webkit-animation-duration: 2s;
+            animation-duration: 2s;
+        }
+        .ks-loading__spinner {
+            position: relative;
+            display: inline-block;
+            width: 36px;
+            max-width: 100%;
+            height: 36px;
+            max-height: 100%;
+            vertical-align: middle;
+            -webkit-animation: van-rotate 0.8s linear infinite;
+            animation: van-rotate 0.8s linear infinite;
+            .van-icon__image {
+                width: 36px;
+                height: 36px;
+            }
+        }
+    }
+
+    // tag
+    .van-tag {
+        &--mark::before {
+            content: "";
+            position: absolute;
+            width: 0;
+            height: 0;
+            margin-top: 24px;
+            margin-left: -5px;
+            border: 2px solid transparent;
+        }
+        &--default.van-tag--mark::before {
+            border-top-color: multiply(@tag-default-color, #ccc);
+            border-right-color: multiply(@tag-default-color, #ccc);
+        }
+        &--primary.van-tag--mark::before {
+            border-top-color: multiply(@tag-primary-color, #ccc);
+            border-right-color: multiply(@tag-primary-color, #ccc);
+        }
+        &--success.van-tag--mark::before {
+            border-top-color: multiply(@tag-success-color, #ccc);
+            border-right-color: multiply(@tag-success-color, #ccc);
+        }
+        &--danger.van-tag--mark::before {
+            border-top-color: multiply(@tag-dander-color, #ccc);
+            border-right-color: multiply(@tag-dander-color, #ccc);
+        }
+        &--warning.van-tag--mark::before {
+            border-top-color: multiply(@tag-warning-color, #ccc);
+            border-right-color: multiply(@tag-warning-color, #ccc);
+        }
+    }
+    // dropdown-menu
+    .van-dropdown-menu {
+        .van-dropdown-menu__title--active {
+            color: #165DFF;
+        }
+        .van-dropdown-item__option--active {
+            color: #165DFF;
+        }
+        .van-dropdown-item__option--active .van-dropdown-item__icon {
+            color: #165DFF;
+        }
+        .van-dropdown-item__content {
+            .van-dropdown-item__icon::before {
+                content: '';
+                width: 20px;
+                height: 20px;
+                background: url('./images/success.svg') no-repeat;
+            }
+        }
+    }
+    // van-tabs
+    .van-tabs {
+        .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after {
+            border-color: #ebedf5;
+        }
+    }
+    // van-notice-bar
+    .van-notice-bar {
+        font-size: 14px;
+    }
+    // van-tree-select
+    .van-tree-select {
+        .van-tree-select__selected::before {
+            content: '';
+            width: 18px;
+            height: 18px;
+            background: url('./images/checked.svg') no-repeat;
+        }
+    }
+    // van-collapse
+    .van-collapse {
+        .van-cell__title {
+            color:#03050D;
+        }
+        .van-cell__right-icon {
+            font-size: 14px;
+            color: #B0B3BF;
+        }
+        &-item__content {
+            color: #6e6d72;
+            font-size: 13px;
+        }
+    }
+    // van-slider__bar
+    .van-slider__bar {
+        background-color: #165DFF;
+    }
+    // van-popup
+    .van-popup {
+        .van-popup__close-icon {
+            color: #03050D;
+            font-size: 20px;
+        }
+    }
+    // van-calendar
+    .van-calendar__day--disabled {
+        color: #c8c9cc;
+        cursor: default;
+      }
+      .van-field__right-icon {
+        color: #B0B3BF;
+      }
+}