@kyfe/ks-query-table 0.0.21 → 0.0.22

package/kuasheng-ui/utils/directive.js

@@ -0,0 +1,57 @@
+// 键盘顶出的高度
+const getScrollTop = () => {
+  return window.pageYOffset ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop ||
+    0
+}
+
+const onFocusin = (el) => {
+  // 等待键盘弹起延迟200毫秒
+  setTimeout(() => {
+    let scrollTop = getScrollTop()
+    if (scrollTop) {
+      if (el) {
+        el.style.transform = `translateY(${scrollTop}px)`
+      }
+    } else {
+      // 滚动高度0，重试一次
+      setTimeout(() => {
+        if (el) {
+          el.style.transform = `translateY(${getScrollTop()}px)`
+        }
+      }, 100)
+    }
+  }, 200)
+}
+
+const onFocusout = (el) => {
+  if (el) {
+    el.style.transform = 'translateY(0)'
+  }
+}
+
+let timer
+const onScroll = (el) => {
+  el.style.opacity = 0
+  clearTimeout(timer)
+  timer = setTimeout(() => {
+    el.style.transform = `translateY(${getScrollTop()}px)`
+    el.style.opacity = 1
+  }, 100)
+}
+
+export const sticky = {
+  bind (el) {
+    if (navigator.userAgent.includes('iPhone')) {
+      document.body.addEventListener('focusin', onFocusin.bind(this, el))
+      document.body.addEventListener('focusout', onFocusout.bind(this, el))
+      window.addEventListener('scroll', onScroll.bind(this, el))
+    }
+  },
+  unbind () {
+    document.body.removeEventListener('focusin', onFocusin)
+    document.body.removeEventListener('focusout', onFocusout)
+    window.removeEventListener('scroll', onScroll)
+  }
+}

package/kuasheng-ui/utils/directive.md

@@ -0,0 +1,23 @@
+## 指令
+
+### v-sticky
+- 该指令用于解决ios平台键盘弹出时导航被顶出可视区的问题
+
+#### 用法：
+- 该指令已在ksui中全局注入
+
+``` javascript
+<header v-sticky class="ksui-header">
+  <div class="ksui-nav">
+    <ks-nav-bar
+      :title="title"
+      :left-arrow="showArrow"
+      @click-left="goBack"
+    />
+  </div>
+</header>
+```
+
+#### 注意：
+- 自定义导航请参考demo项目的布局结构和定位方式使用该指令
+- 该指令使用transform样式来修正导航的位置，使用该指令的容器要避免使用transform样式

package/kuasheng-ui/utils/drcheck-plugin.js

@@ -0,0 +1,219 @@
+
+let rules = []
+let stopUpload = false
+const vmSet = new Set()
+const maxLength = 10
+const wait = 2000 // ms
+const poll = 3000 // ms
+let pollInterval = null
+let http = null
+let lastCheckTime = +new Date()
+
+const headers = {
+  'X-menu-id': '2820215716730110',
+  $config: {
+    _tips: true,
+    _log: false
+  }
+}
+
+export function installDRCheck(Vue) {
+  if (isProd()) return
+  if (!Vue) {
+    createEvent()
+    mixVue(window.Vue)
+  }
+  createPoll()
+}
+
+function createEvent() {
+  window.addEventListener('__ks_ready__', function (e) {
+    delayInit(e.detail)
+  })
+}
+
+async function delayInit(option) {
+  http = option.http
+  try {
+    let data = await getRulesByHttp()
+    rules = data[0] && data[0].childrenLookupValues || []
+    if (!rules.length) failedToGetRules()
+  } catch (e) {
+    failedToGetRules()
+    console.log('[drCheck-plugin] ', e)
+  }
+}
+
+function failedToGetRules() {
+  rules = []
+  stopUpload = true
+  clearInterval(pollInterval)
+}
+
+function getRulesByHttp() {
+  return http('system.lookupValue.BatchByCode', 10124, ['sys_frontend_drcheck_h5'], { headers })
+}
+
+function isProd() {
+  return window.location.origin.indexOf('www.kye-erp.com') >= 0 || window.navigator.userAgent.indexOf('prod') > 0
+}
+
+function getModuleId() {
+  let erp = (window.__ERPMODULE__ && window.__ERPMODULE__.id) || ''
+  let h5 = (window.ksui && window.ksui.menu && window.ksui.menu.id) || ''
+  return erp || h5
+}
+
+function mixVue(Vue) {
+  Vue.mixin({
+    mounted() {
+      let env = {
+        url: window.location.href,
+        menuId: getModuleId()
+      }
+      this.__drcheck_env__ = env
+      addVm(this)
+      // console.log('collect: ', vmSet)
+    },
+    // destroyed () {
+    //   remove(this)
+    //   console.log('collect: ', vmSet)
+    // }
+  })
+}
+
+function addVm(vm) {
+  if (stopUpload) return
+  try {
+    vmSet.add(vm)
+    setTimeout(checkForUpload, 0)
+    resetPoll()
+  } catch (e) {
+    console.log('[drCheck-plugin] ', e)
+  }
+}
+
+function createPoll() {
+  pollInterval = window.setInterval(checkForUpload, poll)
+}
+
+function resetPoll() {
+  clearInterval(pollInterval)
+  createPoll()
+}
+
+// function remove (vm) {
+//   vmSet.delete(vm)
+// }
+
+function checkForUpload() {
+  if (vmSet.size === 0) return
+  if (!rules.length) return
+  let isTimeout = +new Date() - lastCheckTime > wait
+  if (vmSet.size > maxLength || isTimeout) {
+    lastCheckTime = +new Date()
+    const willUpload = []
+    vmSet.forEach(vm => {
+      let props = extractDataAndProps(vm)
+      let el = vm.$el
+      let currentRule = null
+      let canUpload = rules.some(rule => {
+        try {
+          let option = {
+            props,
+            el,
+            vm
+          }
+          if (createFunction(rule.func || rule.lookupValue)(option)) {
+            currentRule = rule
+            return true
+          }
+        } catch (_) {
+          return false
+        }
+      })
+      if (canUpload) {
+        willUpload.push(extractForUpload(vm, currentRule))
+      }
+      vmSet.delete(vm)
+    })
+    upload(willUpload)
+  }
+}
+
+function upload(list) {
+  if (list.length === 0) return
+  console.warn('[drCheck-plugin] will-upload: ', list)
+  try {
+    // http('cts.framework.uploadWebActionLog', 50159, list, {headers})
+  } catch (e) {
+    console.log('[drCheck-plugin] dcCheck http: ', e)
+  }
+}
+
+function createFunction(body) {
+  // eslint-disable-next-line
+  return new Function('option', body)
+}
+
+function extractForUpload(vm, rule) {
+  let detail = ''
+  try {
+    detail = JSON.stringify(extractPrimitive(extractDataAndProps(vm)))
+  } catch (e) {
+    console.log(e)
+    detail = '[drCheck-plugin] extract error'
+  }
+  return {
+    menuId: vm.__drcheck_env__.menuId,
+    url: vm.__drcheck_env__.url,
+    ruleId: rule.lookupCode,
+    tag: vm.$vnode && vm.$vnode.tag,
+    detail,
+    navigator: window.navigator.userAgent,
+    ext1: `xpath: ${getPathTo(vm.$el)}, version: ${document.lastModified}`
+  }
+}
+
+function extractDataAndProps(vm) {
+  return {
+    ...vm._props,
+    ...vm._data
+  }
+}
+
+function extractPrimitive(obj) {
+  let result = Object.create(null)
+  Object.keys(obj).forEach(k => {
+    if (isObject(obj[k])) {
+      result[k] = `_ignore_`
+    } else {
+      result[k] = obj[k]
+    }
+  })
+  return result
+}
+
+function isObject(obj) {
+  return obj !== null && typeof obj === 'object'
+}
+
+function getPathTo(element) {
+  if (!element) {
+    return 'Error Dom'
+  }
+  try {
+    if (element.id !== '') { return 'id("' + element.id + '")' }
+    if (element === document.body) { return element.tagName }
+
+    let ix = 0
+    let siblings = element.parentNode.childNodes
+    for (let i = 0; i < siblings.length; i++) {
+      let sibling = siblings[i]
+      if (sibling === element) { return getPathTo(element.parentNode) + '/' + element.tagName + '[' + (ix + 1) + ']' }
+      if (sibling.nodeType === 1 && sibling.tagName === element.tagName) { ix++ }
+    }
+  } catch (_) {
+    return element.tagName || 'Error Dom'
+  }
+}

package/kuasheng-ui/utils/error-plugin.js

@@ -0,0 +1,88 @@
+/**
+ * 前端错误日志上报
+ */
+class ErrorPlugin {
+  /**
+   * @param {*} option 参数包含user、menu、type字段
+   */
+  constructor(option = {}) {
+    this.user = option.user
+    this.menu = option.menu
+    this.type = option.type || 'H5'
+    this.platform = 'H5'
+    this.addEvent()
+  }
+
+  addEvent() {
+    window.addEventListener('error', this.windowErrorHandler.bind(this), false)
+  }
+
+  /**
+   * 处理window error报错
+   */
+  windowErrorHandler(e) {
+    this.handleError(e.error, {
+      info: e.filename,
+      colno: e.colno,
+      lineno: e.lineno
+    })
+  }
+
+  /**
+   * 处理vue报错
+   */
+  vueErrorHandler(Vue) {
+    Vue.config.errorHandler = (error, vm, info) => {
+      if (vm) {
+        this.handleError(error, {
+          info,
+          component: vm._original && vm._original.$vnode ? vm._original.$vnode.tag : vm.$vnode.tag
+        })
+      }
+    }
+  }
+
+  /**
+   * 处理react报错
+   */
+  reactErrorHandler(error, info) {
+    this.handleError(error, {
+      info: info.componentStack,
+    })
+  }
+
+  handleError(error, option) {
+    if (!error) {
+      return
+    }
+    let user = this.user || (window.ksui && window.ksui.user) || {}
+    let menu = this.menu || (window.ksui && window.ksui.menu) || {}
+    let data = {
+      userId: user.id || '',
+      userName: user.name || '',
+      menuId: menu.id || '',
+      menuName: `${this.type}-${menu.title || ''}`,
+      platform: this.platform,
+      error: error && error.stack || '',
+      option: {
+        veriosn: document.lastModified,
+        url: decodeURIComponent(location.href),
+        ua: window.navigator.userAgent,
+        ...option
+      }
+    }
+    this.report(data)
+  }
+
+  report(data) {
+    data.option = JSON.stringify(data.option)
+    let headers = {
+      timestamp: Date.now(),
+      appkey: '10135'
+    }
+    // console.log('[error-log]', data)
+    // window.ks.request('syslog.frontendOperationLog.save', data, headers)
+  }
+}
+
+export default ErrorPlugin

package/kuasheng-ui/utils/filter.js

@@ -0,0 +1,149 @@
+/**
+ *
+ * @param {date} date
+ * @param {string} fmt
+ */
+export const date = (date, fmt = 'YYYY-MM-DD HH:mm:ss') => {
+  var o = {
+    'M+': date.getMonth() + 1,
+    'D+': date.getDate(),
+    'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,
+    'H+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds(),
+    'q+': Math.floor((date.getMonth() + 3) / 3),
+    'S': date.getMilliseconds()
+  }
+  var week = {
+    '0': '\u65e5',
+    '1': '\u4e00',
+    '2': '\u4e8c',
+    '3': '\u4e09',
+    '4': '\u56db',
+    '5': '\u4e94',
+    '6': '\u516d'
+  }
+  if (/(Y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+  }
+  if (/(E+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '\u661f\u671f' : '\u5468') : '') + week[date.getDay() + ''])
+  }
+  for (var k in o) {
+    if (new RegExp('(' + k + ')').test(fmt)) {
+      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+    }
+  }
+  return fmt
+}
+
+// 102000 -> 10万2千
+export const numberSplit = val => {
+  if (!val) return val
+  let toNumberVal = Number(val)
+  if (isNaN(toNumberVal)) {
+    return val
+  }
+  let flag = ''
+  if (toNumberVal < 0) {
+    flag = '-'
+    toNumberVal = Math.abs(toNumberVal)
+  }
+  if (toNumberVal >= 10000) {
+    // 大于等于10000的数据要去掉小数位
+    const numStr = Math.floor(toNumberVal) + ''
+    const len = numStr.length
+    const numArr = []
+    // 每4位截取一次，截取小于10000部分的数据
+    let itemLast = Number(numStr.substring(len - 4, len))
+    // 只有个位数前面要加0 等于0则去掉，不加入数组拼接
+    if (itemLast < 10 && itemLast > 0) {
+      numArr.unshift('0' + itemLast)
+    } else if (itemLast >= 10) {
+      numArr.unshift(itemLast)
+    }
+    let itemCenter = 0
+    let itemFirst = 0
+    if (len <= 8) {
+      // 长度小于等于8， 没有亿位，这个时候万位可以从index = 0 开始截取
+      itemCenter = Number(numStr.substring(0, len - 4))
+    } else {
+      // 长度大于8才有亿， 万位不能再从index = 0开始截取
+      itemCenter = Number(numStr.substring(len - 8, len - 4))
+      itemFirst = Number(numStr.substring(0, len - 8))
+    }
+    // 万位和亿位如果大于0才加入数组拼接
+    if (itemCenter > 0) numArr.unshift(itemCenter + '万')
+    if (itemFirst > 0) numArr.unshift(itemFirst + '亿')
+    return flag + numArr.join('')
+  }
+  return flag + toNumberVal
+}
+
+export const numberSplitFloat = (val, decimal = 2) => {
+  // 防止空字符返回为0
+  if (val === '') return val
+  let toNumberVal = Number(val)
+  if (isNaN(toNumberVal)) {
+    return val
+  }
+  let flag = ''
+  if (toNumberVal < 0) {
+    flag = '-'
+    toNumberVal = Math.abs(toNumberVal)
+  }
+  const numStrArr = String(toNumberVal).split('.')
+  const numStr = numStrArr[0]
+  const _decimal = decimal !== undefined ? decimal : (numStrArr[1] && numStrArr[1].length) || ''
+  const decimalNum = numStrArr[1] && decimal >= 1 ? `.${numStrArr[1].substring(0, _decimal)}` : ''
+  if (toNumberVal >= 10000) {
+    const len = numStr.length
+    const numArr = []
+    // 每4位截取一次，截取小于10000部分的数据
+    let itemLast = Number(numStr.substring(len - 4, len))
+    // 只有个位数前面要加0 等于0则去掉，不加入数组拼接
+    if (itemLast < 10 && itemLast > 0) {
+      numArr.unshift('0' + itemLast)
+    } else if (itemLast >= 10) {
+      numArr.unshift(itemLast)
+    }
+    let itemCenter = 0
+    let itemFirst = 0
+    if (len <= 8) {
+      // 长度小于等于8， 没有亿位，这个时候万位可以从index = 0 开始截取
+      itemCenter = Number(numStr.substring(0, len - 4))
+    } else {
+      // 长度大于8才有亿， 万位不能再从index = 0开始截取
+      itemCenter = Number(numStr.substring(len - 8, len - 4))
+      itemFirst = Number(numStr.substring(0, len - 8))
+    }
+    // 万位和亿位如果大于0才加入数组拼接
+    if (itemCenter > 0) numArr.unshift(itemCenter + '万')
+    if (itemFirst > 0) numArr.unshift(itemFirst + '亿')
+    return flag + numArr.join('') + decimalNum
+  }
+  return flag + Math.floor(toNumberVal) + decimalNum
+}
+
+export function formatMoneySeparators(number, decimal = 2) {
+  if (number === '') return number
+  number = Number(number)
+  if (typeof number !== 'number') {
+    throw new Error('Input must be a number')
+  }
+  const parts = truncateDecimals(number, decimal).toString().split('.')
+  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  return parts.join('.')
+}
+
+function hasDecimal(number) {
+  return Number.isFinite(number) && number % 1 !== 0
+}
+
+function truncateDecimals(number, decimal) {
+  if (!hasDecimal(number)) return number
+  const factor = Math.pow(10, decimal)
+  return Math.floor(number * factor) / factor
+}
+
+

package/kuasheng-ui/utils/http-interceptors.js

@@ -0,0 +1,18 @@
+const Toast = window.vant && window.vant.Toast
+/**
+ * 响应拦截-针对接口响应添加了灰度标识，判断路由meta标识是否需要弹窗提示接口正在灰度
+ */
+ export function handleResponseGrayTips (response) {
+  const data = typeof response.data === 'object' ? response.data : {}
+  const method = response.config.headers.method || response.config.url
+  if (data.code === 0) {
+    // 判断该接口是否存在灰度标识
+    if (response.headers['x-framework-isgray'] && response.headers['x-framework-isgray'] === '1') {
+      // 灰度标识接口且判断当前路由meta是否配置弹窗
+      if (window.isCheckApiGray) {
+        Toast(`${method}接口正在灰度`)
+      }
+    }
+  }
+  return response
+}

package/kuasheng-ui/utils/http.js

@@ -0,0 +1,140 @@
+import { getToken } from './token'
+import { md5Http, random, getXWebTraceId, isKSClient, getKsEnvUrl } from './common'
+import { handleResponseGrayTips } from './http-interceptors'
+import adapter from './axios-adapter.js'
+import bus from './bus'
+
+const axios = window.axios
+const Toast = window.vant && window.vant.Toast
+
+let TIMEOUT = 20000
+
+let getErrors = function () {
+  return {
+    'Network Error': '网络错误，请检查网络',
+    [`timeout of ${TIMEOUT}ms exceeded`]: window.networkTimeoutMessage || '请求超时，服务器未响应',
+    'Internal Server Error': '请求服务器错误',
+    'Request failed with status code 502': '请求服务器错误',
+    api: '接口错误'
+  }
+}
+
+let baseUrl = '/router/rest'
+
+const isKsClient = isKSClient()
+
+// 判断请求是不是ajax 类型
+const isKsHttpByAJAX = window.__KSUICONFIGHTTP === 'ajax'
+
+// 在容器且为 ajax 请求时需要手动设置 baseUrl
+if (isKsClient && isKsHttpByAJAX) {
+  baseUrl = getKsEnvUrl() + '/router/rest'
+}
+
+let options = {
+  baseURL: baseUrl,
+  timeout: TIMEOUT,
+  headers: { 'format': 'JSON' }
+}
+
+if (!isKsHttpByAJAX) {
+  options = isKsClient ? { ...options, adapter } : options
+} else {
+  // 走 ajax 请求需要关闭自定义上报 http 至 APM
+  window.__APMCUSTOMHTTP = true
+}
+
+const httpClient = axios.create(options)
+
+httpClient.interceptors.request.use(config => {
+  // headers对象中设置_tips属性，合并到config中并从headers中删除
+  let $config = config.headers.$config
+  if ($config) {
+    config.$config = { ...$config }
+    delete config.headers.$config
+  }
+  bus.$emit('httpStart', config)
+  return config
+})
+
+httpClient.interceptors.response.use(handleResponseGrayTips)
+
+httpClient.interceptors.response.use(res => {
+  bus.$emit('httpEnd', res)
+  if (String(res.data.code) === '0') {
+    return res.data.data
+  }
+  // options参数中有_tips属性不提示错误
+  if (res.config.$config === undefined || res.config.$config._tips === undefined) {
+    Toast(res.data.msg)
+  }
+  return Promise.reject(res)
+}, error => {
+  const msg = error.message || error.msg
+  const config = error._config || {}
+  if (msg && (config.$config === undefined || config.$config._tips === undefined)) {
+    const ERRORS = getErrors()
+    error.message = ERRORS[msg] || msg || ERRORS.api
+    Toast(error.message)
+  }
+  return Promise.reject(error)
+})
+
+
+
+/**
+ *
+ * @param {string} method 开放平台的apiCode
+ * @param {number | string} appkey 开放平台的appkey
+ * @param {object} data
+ * @param {object} options 其他配置
+ */
+const http = async (method, appkey, data, options) => {
+
+  if (options && options.timeout) {
+    TIMEOUT = options.timeout
+  }
+
+  let token = getToken()
+  let menu = window.ksui.menu || { id: '156439900739872047', title: '股票' }
+
+  // 先从window上获取user，没有再调sdk获取
+  let user = window.ksui && window.ksui.user
+  if (!(user && user.id)) {
+    user = { id: '' }
+  }
+
+  let now = Date.now()
+  let headers = {
+    method,
+    appkey,
+    token,
+    timestamp: now,
+    sign: md5Http(token, now, data),
+    'X-menu-id': menu.id,
+    webTraceId: `${user.id}-${now}-${random(4)}-${menu.id || 'xxxx'}`,
+    'x-webtrace-id': getXWebTraceId(user.id, menu.id, now)
+  }
+  if (options && options.headers) {
+    headers = { ...headers, ...options.headers }
+  }
+  let config = {
+    url: `?${method}`,
+    method: 'POST',
+    data,
+    ...options,
+    headers,
+  }
+  return httpClient(config)
+}
+
+// 换token
+const token = (data) => {
+  let headers = {
+    method: 'cas.oauth.ticketValidate',
+    appkey: 10184
+  }
+  return httpClient({ method: 'POST', data, headers })
+}
+
+export { http, token }

package/kuasheng-ui/utils/index.js

@@ -0,0 +1,5 @@
+import { decryptApi } from './decrypt'
+
+export const $utils = {
+  decryptApi,
+}