@kyfe/ks-query-table 0.0.21 → 0.0.22

package/kuasheng-ui/index.js

@@ -0,0 +1,239 @@
+import version from './version.js'
+import './style/index.less'
+import { http, token } from './utils/http'
+import { getToken, setToken } from './utils/token'
+import { date, numberSplit, numberSplitFloat } from './utils/filter'
+import { getMenuAuth, getLookup } from './utils/apis'
+import log from './utils/log'
+import bus from './utils/bus'
+import { initEvent } from './utils/init-event'
+import errorPlugin from './utils/error-plugin'
+import installPatch from './patch/index.js'
+import installToast from './components/ks-toast.js'
+import { installDRCheck } from './utils/drcheck-plugin.js'
+import { $utils } from './utils'
+
+import Upload from './components/ks-upload/index'
+import Card from './components/card'
+// import Steps from './components/steps'
+// import Progress from './components/progress'
+import Tabs from './components/tabs'
+import NoticeBar from './components/notice-bar'
+import NoData from './components/no-data/index'
+import KsNavBar from './components/ks-nav-bar'
+import KsUserAccess from './components/ks-user-access'
+import watermark, { customWatermark } from './utils/watermark'
+import KsCalendar from './components/ks-calendar/index.vue'
+import KsMonth from './components/ks-month/index.vue'
+import KsQuarter from './components/ks-quarter/index.vue'
+import KsDecrypt from './components/ks-decrypt/index.vue'
+import callPhoneTool from './components/ks-call-phone/index.js'
+import KsPullRefresh from './components/ks-pull-refresh/index.vue'
+import KsList from './components/ks-list/index.vue'
+import KsLoading from './components/ks-loading/index.js'
+import KsInputSearch from './components/ks-input-search/index.vue'
+import KsFieldMoney from './components/ks-field-money/index.vue'
+import KsEmployee from './components/ks-employee/employee-search.vue'
+import KsEmployeeInput from './components/ks-employee/employee-input.vue'
+import KsEmployeeList from './components/ks-employee/employee-list.vue'
+import KsEmployeePopup from './components/ks-employee/employee-popup.vue'
+import KsHistorySearch from './components/ks-history-search/index.vue'
+import KsAreaSelect from './components/ks-area-select/index.vue'
+import KsAreaSingleSelect from './components/ks-area-single-select/index.vue'
+// import KsTable from './components/ks-table/index.vue'
+import KsOrgTreePop from './components/ks-org/ks-popup-tree.vue'
+import KsOrgTree from './components/ks-org/ks-org-tree.vue'
+import KsDatePicker from './components/ks-date-picker/index.js'
+import KsNav from './components/ks-nav'
+import KsCallPhone from './components/ks-call-phone/index.vue'
+import KsPopover from './components/ks-popover/index.vue'
+
+const vantComponents = [
+  'action-sheet',
+  'address-edit',
+  'address-list',
+  'area',
+  'button',
+  'cell',
+  'cell-group',
+  'checkbox',
+  'checkbox-group',
+  'circle',
+  'col',
+  'collapse',
+  'collapse-item',
+  'Contact-card',
+  'contact-edit',
+  'contact-list',
+  'count-down',
+  'coupon',
+  'coupon-cell',
+  'coupon-list',
+  'datetime-picker',
+  'dialog',
+  'divider',
+  'dropdown-item',
+  'dropdown-menu',
+  'field',
+  'form',
+  'goods-action',
+  'goods-action-button',
+  'goods-action-icon',
+  'grid',
+  'grid-item',
+  'icon',
+  'image',
+  'image-preview',
+  'index-anchor',
+  'index-bar',
+  'info',
+  // 'list',
+  // 'loading',
+  // 'nav-bar',
+  // 'notice-bar',
+  'notify',
+  'number-keyboard',
+  'overlay',
+  'pagination',
+  'panel',
+  'password-input',
+  'picker',
+  'popup',
+  'progress',
+  'pull-refresh',
+  'radio',
+  'radio-group',
+  'rate',
+  'row',
+  'search',
+  'sidebar',
+  'sidebar-item',
+  'skeleton',
+  'sku',
+  'slider',
+  // 'step',
+  // 'steps',
+  'stepper',
+  'sticky',
+  'submit-bar',
+  'swipe',
+  'swipe-cell',
+  'swipe-item',
+  'switch',
+  'switch-cell',
+  'tab',
+  'tabbar',
+  'tabbar-item',
+  // 'tabs',
+  'tag',
+  'toast',
+  'tree-select'
+]
+
+let ksuiComponents = {}
+
+vantComponents.forEach(item => {
+  ksuiComponents[item] = {
+    functional: true,
+    render(h, ctx) {
+      return h(`van-${item}`, ctx.data, ctx.children)
+    }
+  }
+})
+
+const vanField = {
+  functional: true,
+  render(h, ctx) {
+    return h(`van-field`, ctx.data, ctx.children && ctx.children.map(t => h(t.tag, t.data, t.children)))
+  }
+}
+
+ksuiComponents.field = vanField
+
+ksuiComponents.upload = Upload
+ksuiComponents.card = Card
+// ksuiComponents.steps = Steps
+// ksuiComponents.progress = Progress
+ksuiComponents.tabs = Tabs
+ksuiComponents.list = KsList
+ksuiComponents['notice-bar'] = NoticeBar
+ksuiComponents['pull-refresh'] = KsPullRefresh
+ksuiComponents['no-data'] = NoData
+ksuiComponents['user-access'] = KsUserAccess
+
+// 包装vant组件s
+const install = Vue => {
+  Object.keys(ksuiComponents).forEach(key => {
+    // console.log('key', key, ksuiComponents[key])
+    Vue.component(`ks-${key}`, ksuiComponents[key])
+  })
+  Vue.component('ks-loading', KsLoading)
+  Vue.component('ks-nav-bar', KsNavBar)
+  Vue.component('ks-nav', KsNav)
+  Vue.component('ks-calendar', KsCalendar)
+  Vue.component('ks-decrypt', KsDecrypt)
+  Vue.component('ks-month', KsMonth)
+  Vue.component('ks-quarter', KsQuarter)
+  Vue.component('ks-input-search', KsInputSearch)
+  Vue.component('ks-history-search', KsHistorySearch)
+  Vue.component('ks-employee', KsEmployee)
+  Vue.component('ks-employee-input', KsEmployeeInput)
+  Vue.component('ks-employee-list', KsEmployeeList)
+  Vue.component('ks-employee-popup', KsEmployeePopup)
+  Vue.component('ks-area-select', KsAreaSelect)
+  Vue.component('ks-area-single-select', KsAreaSingleSelect)
+  Vue.component('ks-org-tree-pop', KsOrgTreePop)
+  Vue.component('ks-org-tree', KsOrgTree)
+  Vue.component('ks-date-picker', KsDatePicker)
+  Vue.component('ks-call-phone', KsCallPhone)
+  Vue.component('ks-popover', KsPopover)
+  Vue.component('ks-field-money', KsFieldMoney)
+  // 过滤器
+  Vue.filter('date', date)
+  Vue.filter('numberSplit', numberSplit)
+  Vue.filter('numberSplitFloat', numberSplitFloat)
+  // 添加http到vue原型
+  Vue.prototype.$http = http
+  // 工具集合
+  Vue.prototype.$utils = $utils
+
+  Vue.prototype.$callPhone = callPhoneTool
+  // 错误日志插件初始化
+  // let err = new ErrorPlugin({type: 'H5'})
+  // err.vueErrorHandler(Vue)
+}
+
+// 对vant组件打补丁
+installPatch()
+
+installToast()
+
+installDRCheck()
+
+// 检查ks-sdk是否初始化成功
+initEvent()
+
+// 浏览器环境直接挂载插件
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+const ksui = {
+  install,
+  http,
+  token,
+  getToken,
+  setToken,
+  getMenuAuth,
+  getLookup,
+  log,
+  bus,
+  errorPlugin,
+  watermark,
+  customWatermark,
+  version,
+  $utils
+}
+
+console.log('[ksui] version: ' + version)
+export default ksui

package/kuasheng-ui/patch/datetime-picker/index.js

@@ -0,0 +1,46 @@
+import { transform, padZero } from './utils'
+function createDateTimePicker(DatetimePicker) {
+  return {
+    extends: DatetimePicker,
+    props: {
+      formatterDay: {
+        type: Boolean,
+        default: false
+      }
+    },
+    created() {
+      this.$watch(
+        'formatterDay',
+        () => {
+          this.formatterDay && this.setFormatterDay()
+        },
+        {
+          immediate: true
+        }
+      )
+    },
+    methods: {
+      setFormatterDay () {
+        this.formatter = (type, val) => {
+          if (type === 'day' && this.value) {
+            const value = this.value
+            const y = `${value.getFullYear()}`
+            const m = `${padZero(value.getMonth() + 1)}`
+            const v = `${y}-${m}-${val}`
+            return transform(v, this.type)
+          }
+          return val
+        }
+      }
+    }
+  }
+}
+
+function installDatetimePicker() {
+  const DatetimePicker = window.vant && window.vant.DatetimePicker
+  if (DatetimePicker) {
+    Vue.component('van-datetime-picker', createDateTimePicker(DatetimePicker))
+  }
+}
+
+export default installDatetimePicker

package/kuasheng-ui/patch/datetime-picker/utils.js

@@ -0,0 +1,78 @@
+
+export function padZero (num, targetLength = 2) {
+  let str = num + ''
+
+  while (str.length < targetLength) {
+    str = '0' + str
+  }
+
+  return str;
+}
+
+
+export const getCurrentWeek = (date) => {
+  let week = new Date(date).getDay()
+  switch(week) {
+    case 1:
+      week = '周一'
+      break
+    case 2:
+      week = '周二'
+      break
+    case 3:
+      week = '周三'
+      break
+    case 4:
+      week = '周四'
+      break
+    case 5:
+      week = '周五'
+      break
+    case 6:
+      week = '周六'
+      break
+    case 0:
+      week = '周日'
+      break
+    }
+  return week
+}
+
+export const dateMap = (() => {
+  const oneday = 1000 * 60 * 60 * 24 // 代表一天的毫秒数
+  const getTime = (times = 0) => {
+    let date = new Date(new Date().getTime() + oneday * times)
+    return `${date.getFullYear()}-${padZero(date.getMonth() + 1)}-${padZero(date.getDate())}`
+  }
+
+  return [
+    {
+      day: '前天',
+      date: getTime(-2)
+    },
+    {
+      day: '昨天',
+      date: getTime(-1)
+    },
+    {
+      day: '今天',
+      date: getTime()
+    },
+    {
+      day: '明天',
+      date: getTime(1)
+    },
+    {
+      day: '后天',
+      date: getTime(2)
+    }
+  ]
+})()
+
+export const transform = (value = '', type) => {
+  let _value = value
+  let obj = dateMap.find(v => v.date === _value)
+  const num = type === 'date' ? 8 : 5
+  return obj ? `${obj.day} ${getCurrentWeek(_value)}` : `${_value.substring(num)} ${getCurrentWeek(_value)}`
+}
+

package/kuasheng-ui/patch/field/field.md

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,122 @@
+import { createBEM } from '../../utils/bem'
+import { formatNumber, isDef } from './utils'
+const bem = createBEM('van-field')
+
+function randomCode(prefix = 'ks-field-', len = 6) {
+  const codeChars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
+  let res = prefix || ''
+  for (var i = 0; i < len; i++) {
+    const charIndex = Math.floor(Math.random() * 62)
+    res += codeChars.charAt(charIndex)
+  }
+  return res
+}
+
+function createField(field) {
+  return {
+    extends: field,
+    props: {
+      errorMessageVerticalAlign: {
+        type: String,
+        default: '',
+      },
+      name: {
+        type: String,
+        default: () => {
+          return randomCode()
+        },
+      },
+    },
+    methods: {
+      genMessage() {
+        if (!this.vanForm || this.vanForm.showErrorMessage === false) {
+          return
+        }
+        const message = this.errorMessage || this.validateMessage
+        if (message) {
+          const aligns = []
+          const errorMessageAlign = !this.vanForm.noErrorPop
+            ? this.getProp('errorMessageAlign') || this.getProp('inputAlign')
+            : this.getProp('errorMessageAlign')
+          const verticalAlign = !this.vanForm.noErrorPop && this.getProp('errorMessageVerticalAlign')
+          errorMessageAlign && aligns.push(errorMessageAlign)
+          verticalAlign && aligns.push(verticalAlign)
+          let className = 'error-message'
+          let isShow = true
+          if (!this.vanForm.noErrorPop) {
+            if (this.vanForm.errorFieldName === this.name) {
+              className = 'error-pop-message'
+            } else {
+              isShow = this.vanForm.showAllErrorMessage
+            }
+          }
+          return this.$createElement(
+            'div',
+            {
+              directives: [
+                {
+                  name: 'show',
+                  value: isShow,
+                },
+              ],
+              class: bem(className, aligns),
+            },
+            [message]
+          )
+        } else {
+          if (!this.vanForm.noErrorPop && this.vanForm.errorFieldName === this.name) {
+            this.vanForm.errorFieldName = ''
+          }
+        }
+      },
+      /* 
+        重写内部format，解决type=number支持输入负数
+      */
+      format(target = this.$refs.input) {
+        if (!target) {
+          return;
+        }
+  
+        let { value } = target;
+        const { maxlength } = this;
+  
+        // native maxlength not work when type is number
+        if (isDef(maxlength) && value.length > maxlength) {
+          value = value.slice(0, maxlength);
+          target.value = value;
+        }
+  
+        if (this.type === 'number' || this.type === 'digit') {
+          const originValue = value;
+          const allowDot = this.type === 'number';
+  
+          value = formatNumber(value, allowDot);
+  
+          if (value !== originValue) {
+            target.value = value;
+          }
+        }
+  
+        if (this.formatter) {
+          const originValue = value;
+  
+          value = this.formatter(value);
+  
+          if (value !== originValue) {
+            target.value = value;
+          }
+        }
+        return value;
+      },
+    },
+  }
+}
+
+function installField() {
+  const field = window.vant && window.vant.Field
+  if (field) {
+    Vue.component('van-field', createField(field))
+  }
+}
+
+export default installField

package/kuasheng-ui/patch/field/utils.js

@@ -0,0 +1,36 @@
+function trimExtraChar(value, char, regExp) {
+  const index = value.indexOf(char);
+  if (index === -1) {
+    return value;
+  }
+  if (char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+
+export function formatNumber(
+  value,
+  allowDot = true,
+  allowMinus = true,
+) {
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.split('.')[0];
+  }
+
+  if (allowMinus) {
+    value = trimExtraChar(value, '-', /-/g);
+  } else {
+    value = value.replace(/-/, '');
+  }
+
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+
+  return value.replace(regExp, '');
+}
+
+export function isDef(val) {
+  return val !== undefined && val !== null;
+}

package/kuasheng-ui/patch/form/form.md

@@ -0,0 +1,7 @@
+### Props 
+
+
+| 参数                  | 说明                                                  | 类型    | 默认值 |
+| ----------------------- | ------------------------------------------------------- | --------- | -------- |
+| noErrorPop (3.0.19) | 是否禁用表单验证气泡提示，默认值为false，启用气泡提示 | boolean | false  |
+| popScrollToError (3.0.26) | 是否自动滚动到错误提示位置，默认值为true | boolean | true  |

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

@@ -0,0 +1,106 @@
+function createForm(form) {
+  return {
+    extends: form,
+    data() {
+      return {
+        errorFieldName: '',
+      }
+    },
+    props: {
+      noErrorPop: {
+        type: Boolean,
+        default: false,
+      },
+      popScrollToError: {
+        type: Boolean,
+        default: true,
+      },
+      showAllErrorMessage: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    created() {
+      this.$on('failed', this.setErrorFieldName)
+    },
+    mounted() {
+      if (!this.noErrorPop) {
+        this.$nextTick(() => {
+          setTimeout(() => {
+            let className = ''
+            if (this.$el.className) {
+              className = this.$el.className + ' '
+            }
+            this.$el.className = className + 'ksui-form'
+          }, 50)
+        })
+      }
+    },
+    beforeDestroy() {
+      this.$off('failed', this.setErrorFieldName)
+    },
+    methods: {
+      setErrorFieldName(params) {
+        if (!this.noErrorPop && params && Array.isArray(params.errors) && params.errors.length > 0) {
+          this.errorFieldName = params.errors[0].name
+          if (this.popScrollToError) {
+            this.scrollToField(this.errorFieldName)
+          }
+        }
+      },
+      failHandler(errors) {
+        if (!Array.isArray(errors) || errors.length === 0) {
+          return
+        }
+        this.$emit("failed", {
+          values: this.getValues(),
+          errors
+        });
+
+        if (this.popScrollToError) {
+          this.scrollToField(errors[0].name);
+        }
+      },
+      validate (name, showErrorPop) {
+        if (name) {
+          return this.validateField(name, showErrorPop)
+        }
+
+        return this.validateFirst ? this.validateSeq() : this.validateAll()
+      },
+      validateField (name, showErrorPop) {
+        const that = this
+        const matched = that.fields.filter(function (item) {
+          return item.name === name
+        })
+
+        if (matched.length) {
+          return new Promise(function (resolve, reject) {
+            matched[0].validate().then(function (error) {
+              if (error) {
+                // 2023-02-20 单个字段校验，是否显示气泡展示
+                if (showErrorPop) {
+                  that.errorFieldName = name
+                }
+                reject(error)
+              } else {
+                resolve()
+              }
+            })
+          })
+        }
+
+        return Promise.reject();
+      }
+    },
+  }
+}
+
+function installForm() {
+  const form = window.vant && window.vant.Form
+  if (form) {
+    Vue.component('van-form', createForm(form))
+  }
+}
+
+export default installForm

package/kuasheng-ui/patch/index.js

@@ -0,0 +1,12 @@
+import installPagination from './pagination/index.js'
+import installForm from './form/index.js'
+import installField from './field/index.js'
+import installDatetimePicker from './datetime-picker/index.js'
+
+
+export default function installPatch() {
+  installPagination()
+  installForm()
+  installField()
+  installDatetimePicker()
+}