@kyfe/ks-query-table 0.0.9 → 0.0.11

package/kuasheng-ui/index.js

@@ -1,239 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

@@ -1,78 +0,0 @@
-
-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

@@ -1 +0,0 @@
-

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

@@ -1,122 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

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

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

@@ -1,106 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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()
-}