@tongfun/tf-widget 0.1.26 → 0.1.29

package/src/mixins/t-data-query-mixin.js

@@ -1,290 +0,0 @@
-import { getTableData, getTableSum, getTableLayout } from '@/api/tableV3.js'
-import { getOperator } from '../../package/t-data-list/src/js/util'
-export default {
-  data () {
-    return {
-      /**
-       * 通用过滤查询参数
-       */
-      // 被指定为搜索建议的查询的字段列表
-      suggestFieldList: [],
-      // 搜索建议的高级条件
-      searchSuggestCondition: [],
-      // 方案切换的高级条件
-      queryPlanCondition: [],
-
-      // 数据查询接口的参数
-      query: {
-        // 常用条件
-        conditionAlwaysList: [],
-        // 分组条件
-        conditionGroup: null,
-        // 高级过滤条件
-        conditionMultiList: [],
-        // 表头的过滤条件
-        conditionQuickList: [],
-        // 分页条件
-        pageNum: 1,
-        pageSize: 200
-      },
-
-      /**
-       * 数据查询结果相关
-       */
-      // 列表的字段信息（表头，可能包含了表头过滤的配置信息和其他的布局信息）
-      tableLayout: [],
-      // 列表数据
-      tableData: {
-        total: 1,
-        records: []
-      },
-      // 列表底部合计
-      tableSum: ['合计'],
-
-      /**
-       * 列表操作过程中使用组件变量
-       */
-      // 被标记为id的字段,这个属性只在弹窗中才被使用
-      // 但是因为获取布局依赖了这个属性所以提取为公共属性,但是只有弹窗中才被使用
-      idField: null,
-      // 列表选中行的完整数据
-      selectedRows: [],
-      // 列表选中行的id数组
-      ids: [],
-
-      /**
-       * 通过provie传递全局数据
-       */
-      syncData: {
-        displayField: '',
-        tableLoading: false,
-        tableSelectionClear: true // 表格数据刷新之后是否清空已选的标识
-      }
-    }
-  },
-  computed: {
-    /**
-     * 高级过滤条件由多个条件来源的数据拼凑而成，使用计算属性来达到缓存的目的
-     * 且无法确定需求上的变动是否需要动态让某个来源的条件消失,所以更改为计算属性
-     * 来源如下：
-     *    搜索建议和右上角复用搜索建议的接口的搜索框拼凑的高级过滤条件
-     *    来自限定搜索范围的条件生成的高级过滤条件
-     *    来自方案中填写点击查询按钮，或者进行切换方案的时候产生高级过滤条件
-     */
-    multiCondition () {
-      const multiResult = []
-      // 拼接方案中的高级过滤条件
-      multiResult.push(...this.queryPlanCondition)
-      // 拼接限定查询的条件
-      multiResult.push(...this.limitationCondition)
-
-      // 搜索建议永远被拼接到最后面
-      // 并且在前面有条件的时候,将搜索建议的条件用双层括号整个进行包裹((a)(b))
-      // 避免后端sql 优先级问题导致结果不准确
-      const stillEmpty = multiResult.length === 0
-      this.searchSuggestCondition.forEach((item, index) => {
-        if (index === 0) {
-          item.leftBracket = stillEmpty ? '(' : '(('
-        }
-        if (index === multiResult.length - 1) {
-          item.rightBracket = stillEmpty ? ')' : '))'
-        }
-      })
-      multiResult.push(...this.searchSuggestCondition)
-
-      // 处理条件的排序的序号
-      multiResult.forEach((item, index) => {
-        item.sort = index
-      })
-      return multiResult
-    },
-    // 限定查询范围的条件
-    limitationCondition () {
-      if (!this.limitation) {
-        return []
-      }
-      const result = []
-      for (const key in this.limitation) {
-        const fieldItem = this.tableLayout.find(v => v.field === key)
-        if (!fieldItem) continue
-
-        let value = ''
-        if (fieldItem.componentValueType === 'PARAM_BASIC') {
-          value = this.limitation[key]?.name
-        } else if (fieldItem.componentValueType === 'PARAM_ENUM') {
-          value = this.limitation[key]?.id
-        } else {
-          value = this.limitation[key]
-        }
-
-        value && result.push(this.createMultiCondition(fieldItem, value))
-      }
-      return result
-    }
-  },
-  provide () {
-    return {
-      getDbRow: this.getDbRow,
-      target: this.target,
-      enumOptionCache: {},
-      selectedRows: this.selectedRows,
-      ids: this.ids,
-      showSummary: this.queryType === 'LIST',
-      syncData: this.syncData,
-      queryType: this.queryType
-    }
-  },
-  methods: {
-    /**
-     * 获取表单的布局
-     */
-    async getTableLayout () {
-      const res = await getTableLayout(this.target)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      this.tableLayout = res.data.sort((a, b) => a.sort - b.sort)
-      this.suggestFieldList = res.data.filter(item => item.isSuggest)
-      this.displayField = this.syncData.displayField = res.data.find(item => item.isDisplayField)?.field
-      this.idField = res.data.find(item => item.isId).field
-    },
-
-    /**
-    * 列表数据
-    * 获取列表数据有三个地方进行调用
-    *  1 搜索建议: 场景为SELECTOR ,不获取合计
-    *  2 列表中数据查询:使场景为LIST, 获取合计
-    *  3 弹窗中数据: 场景为SELECTOR,不获取合计
-    *
-    *  关于是否获取合计,还有一层判断来自获取合计的借口对场景进行判断
-    *  此函数的判断只判断针对翻页页码变化这类不获取合计,至于弹窗中还是列表中的判断,在获取合计的借口中进行判断
-    */
-    async getTableData (isSuggest = false, getSum = false) {
-      if (!isSuggest) {
-        this.syncData.tableLoading = true
-      }
-      const queryParams = !isSuggest
-        ? JSON.parse(JSON.stringify(this.query))
-        : {
-          conditionAlwaysList: [],
-          conditionGroup: null,
-          conditionMultiList: [],
-          conditionQuickList: [],
-          pageNum: 1,
-          pageSize: 20
-        }
-
-      this.enableSum && getSum && await this.getTableSum()
-      try {
-        // 查询数据之前赋值高级过滤条件
-        queryParams.conditionMultiList = this.multiCondition
-        const res = await getTableData(this.target, queryParams, this.queryType)
-        if (res.code !== 0) {
-          this.$message.error(res.msg)
-          this.syncData.tableSelectionClear = true
-          return !isSuggest ? undefined : []
-        }
-        if (isSuggest) {
-          return res.data.record
-        }
-        this.tableData.total = Number(res.data.total)
-        this.tableData.records = res.data.record
-      } catch (err) {
-        // 恢复成默认值
-        this.syncData.tableSelectionClear = true
-      } finally {
-        this.syncData.tableLoading = false
-      }
-    },
-    // 表格数据合计
-    async getTableSum () {
-      // 只有列表中显示合计,
-      if (this.queryType !== 'LIST') {
-        return
-      }
-      const params = JSON.parse(JSON.stringify(this.query))
-      delete params.pageNum
-      delete params.pageSize
-      params.conditionMultiList = this.multiCondition
-      const res = await getTableSum(this.target, params)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      // 没有合计的时候后端返回空对象,有数据该对象只有一个sum属性
-      if (!res.data.sum) {
-        return
-      }
-      const sumData = res.data.sum
-      const sumArr = ['合计']
-      const tableVisibleColumn = this.tableLayout.filter(item => item.visible)
-      for (const key in sumData) {
-        const index = tableVisibleColumn.findIndex(item => item.field === key)
-        sumArr[index + 1] = sumData[key]
-      }
-      this.tableSum = sumArr
-    },
-    /**
-     * 处理条件变更和重新获取数据的逻辑
-     * @param {boolean} queryString 用户输入的内容
-     * @param {boolean} isList 分为两个场景,1:列表和弹窗中输入框  2:弹窗未打开之前的如输入框中搜索建议
-     */
-    // 基础资料搜索建议和列表页面右上角的搜索输入框的条件处理
-    handleSuggestMultiCondition (queryString, isList = true) {
-      const conditionMultiList = []
-      for (const item of this.suggestFieldList) {
-        conditionMultiList.push(this.createMultiCondition(item, queryString, false, false))
-      }
-      this.searchSuggestCondition = conditionMultiList
-      // todo: 列表和弹窗 还有一个子分类,弹窗不进行合计调用
-      !isList
-        ? this.getTableData(true, false)
-        : this.queryType === 'LIST'
-          ? this.getTableData(false, true)
-          : this.getTableData(false, false)
-    },
-    /**
-     * 创建一个高级过滤条件
-     * @param {object} fieldObj  后端传递给前端的列表布局中一个字段的配置信息
-     * @param {*} value  高级过滤条件字段
-     * @param {boolean} isStrict 条件是否是严格匹配 "等于"  否则采用模糊匹配 "包含"
-     * @param {boolean} isAndRelation and还是or sql中多个条件的分隔符号
-     * @returns
-     */
-    createMultiCondition (fieldObj, value, isStrict = true, isAndRelation = true) {
-      // isSuggest
-      const relation = isAndRelation ? 'AND' : 'OR'
-      const operator = getOperator(fieldObj.componentValueType, isStrict)?.value
-      return {
-        leftBracket: '(',
-        field: fieldObj.field,
-        fieldType: fieldObj.componentType,
-        operator,
-        sort: '',
-        value,
-        rightBracket: ')',
-        relation
-      }
-    },
-    // 每页条数变化
-    handleSizeChange (newSize) {
-      this.query.pageSize = newSize
-      this.query.pageNum = 1
-      this.getTableData(false, false)
-    },
-    // 翻页
-    handleCurrentChange (newNum) {
-      this.query.pageNum = newNum
-      this.getTableData(false, false)
-    },
-    // 分组条件改变
-    handleGroupChange (group) {
-      this.query.conditionGroup = group
-      this.getTableData(false, true)
-    },
-    // 表头快捷过滤条件变更
-    handleHeadChange (newHeadCondition) {
-      this.query.conditionQuickList = newHeadCondition
-      this.getTableData(false, true)
-    }
-  }
-}

package/src/utils/auth.js

@@ -1,22 +0,0 @@
-const TOKEN = 'token' // 用户token
-// const RETOKEN = 'RefreshToken' // 刷线token
-
-// 设置用户token
-export function setToken (token) {
-  localStorage.setItem(TOKEN, token)
-}
-
-// 清除用户token
-export function removeToken () {
-  localStorage.removeItem(TOKEN)
-}
-
-// 更新token
-export function changeToken (token) {
-  localStorage.setItem(TOKEN, token)
-}
-
-// 获取用户token
-export function getToken () {
-  return localStorage.getItem(TOKEN)
-}

package/src/utils/request.js

@@ -1,42 +0,0 @@
-import axios from 'axios'
-import { statusCode } from './stato-anormale'
-import { Base64 } from 'js-base64'
-import { getToken } from '@/utils/auth'
-import { Message } from 'element-ui'
-const clientId = 'tongfuncloud_web'
-const clientSecret = 'tongfuncloud_web_secret'
-axios.defaults.headers['Content-type'] = 'application/json'
-
-const service = axios.create({
-  withCredentials: true, // send cookies when cross-domain requests
-  timeout: 15000 // request timeout
-})
-// request interceptor
-service.interceptors.request.use(
-  config => {
-    config.headers['client-type'] = 'WEB'
-    config.headers.token = 'Bearer ' + getToken()
-    config.headers.Authorization = `Basic ${Base64.encode(`${clientId}:${clientSecret}`)}`
-    // 测试组件时使用下方头部信息，过期则修改后再测试
-    // config.headers.token = 'Bearer eyJ0eXAiOiJKc29uV2ViVG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJtb2JpbGUiOiIxMzE1MTYyODY1NyIsIm5hbWUiOiLmnLHmmI7mmI4iLCJ0b2tlbl90eXBlIjoidG9rZW4iLCJwVXNlcmlkIjoiMTM2ODg0NjcxOTU3OTU4NjU2MSIsInVzZXJpZCI6IjE0MTczNjg0NjMwODg4MTIwMzIiLCJ0ZW5hbnQiOiIwMDAxIiwiYWNjb3VudCI6InpodW1pbmdtaW5nIiwiaWF0IjoxNjM2MDgxNzM1LCJuYmYiOjE2MzYwODE3MzUsImV4cCI6MTYzNjExMDUzNX0.TTSbWUYTOd6znNko8sNyKz9KqLyeyO5AC4WgBvVNvBo'
-    // config.headers.Authorization = 'Basic dG9uZ2Z1bmNsb3VkX3dlYjp0b25nZnVuY2xvdWRfd2ViX3NlY3JldA=='
-    return config
-  },
-  error => {
-    return Promise.reject(error)
-  }
-)
-service.interceptors.response.use(
-  response => {
-    return response.data
-  },
-  error => {
-    const { response } = error
-    if (response.status === 400) {
-      return Message.error(response.data.msg)
-    }
-    if (statusCode[response.data.code]) Message.error(statusCode[response.data.code])
-  }
-)
-
-export default service

package/src/utils/stato-anormale.js

@@ -1,59 +0,0 @@
-export const statusCode = {
-  '-2': '系统繁忙~请稍后再试~',
-  '-3': '参数类型解析异常',
-  '-4': '运行SQL出现异常',
-  '-5': '空指针异常',
-  '-6': '无效参数异常',
-  '-7': '请求类型异常',
-  '-8': '加载资源出错',
-  '-9': '统一验证参数异常',
-  '-10': '操作异常',
-  '-11': 'Mapper类转换异常',
-  '-12': '验证码校验失败',
-  '-13': 'JSON解析异常',
-  401: '未认证',
-  403: '被禁止',
-  404: '未找到资源',
-  405: '不支持当前请求类型',
-  429: '请求超过次数限制',
-  500: '内部服务错误',
-  502: '网关出错啦!',
-  504: '请求网关超时',
-  1001: '请求中必须至少包含一个有效文件',
-  2000: '新增数据失败!',
-  2001: '修改数据失败!',
-  2002: '批量新增数据过多!',
-  40000: '无效的基本身份验证令牌',
-  40001: '会话超时，请重新登录!',
-  40002: '不合法的token，请认真比对 token 的签名!',
-  40003: '缺少token参数!',
-  40004: '生成token失败!',
-  40005: '解析用户身份错误，请重新登录!',
-  40006: '用户名或密码错误!',
-  40007: '用户已经被禁用!',
-  40008: '您已在另一个设备登录！',
-  40009: '请先登录!',
-  40029: '无效的oauth_code!',
-  41027: '账号与密码不匹配，请重新输入!',
-  41028: '该账户已被禁用,请联系平台客服!',
-  41029: '用户不存在!',
-  41030: '参数异常!',
-  41031: '注册方式错误!',
-  41032: '用户已存在但未认证!',
-  41034: '手机号已被其他用户绑定!',
-  41035: '短信验证码输入错误!',
-  41036: '邮箱验证码输入错误!',
-  41037: '图形验证码验证错误!',
-  41040: '新增数据失败!',
-  41041: '修改数据失败!',
-  41042: '身份证号码不合法!',
-  41043: '用户实名认证次数超过限制,请联系客服!',
-  41044: '该身份证号码已被绑定,请联系客服!',
-  41045: '身份验证失败!',
-  41046: '姓名和身份证号不一致!',
-  41100: '该企业中不存在你的用户信息,请核实你的租户信息!',
-  41101: '你已被所在的租户禁止进入!',
-  41105: '租户信息不存在!',
-  49000: 'token转换获取失败!',
-  49001: '验证码错误!'
-}

package/src/utils/utils.js

@@ -1,109 +0,0 @@
-const util = (function util () {
-  'use strict'
-  /**
-   * @method
-   * @description 函数防抖
-   * @param func 防抖函数
-   * @param wait 函数出发时间间隔
-   * @param immediate 何时触发函数
-   * @returns {function(): *}
-   */
-  function debounce (func, wait, immediate) {
-    if (typeof func !== 'function') throw new TypeError('func must be a function!')
-    if (typeof wait === 'undefined') {
-      wait = 500
-      immediate = false
-    }
-    if (typeof wait === 'boolean') {
-      immediate = wait
-      wait = 500
-    }
-    if (typeof wait !== 'number') throw new TypeError('wait must be a number!')
-    if (typeof immediate !== 'boolean') throw new TypeError('immediate must be a boolean!')
-
-    var timer = null
-    var result
-    return function proxy () {
-      var self = this
-      var params = [].slice.call(arguments)
-      var callNow = !timer && immediate
-      if (timer) clearTimeout(timer)
-      timer = setTimeout(function () {
-        // 清除最后一次定时器
-        clearTimeout(timer)
-        timer = null
-        if (!immediate) result = func.apply(self, params)
-      }, wait)
-      // 符合第一次立即执行「触发在开始的边界」
-      if (callNow) result = func.apply(self, params)
-      return result
-    }
-  }
-
-  /**
-   * @method
-   * @description 函数节流
-   * @param func  节流函数
-   * @param wait  等待执行时间
-   * @returns {function(): (*)}
-   */
-  function throttle (func, wait) {
-    if (typeof func !== 'function') throw new TypeError('func must be a function!')
-    wait = +wait
-    if (isNaN(wait)) wait = 300
-    var timer = null
-    var previous = 0
-    var result
-    return function proxy () {
-      var self = this
-      var params = [].slice.call(arguments)
-      var now = +new Date()
-      var remaining = wait - (now - previous)
-      if (remaining <= 0) {
-        // 两次间隔时间已经超过WAIT了，此时我们立即执行
-        if (timer) {
-          clearTimeout(timer)
-          timer = null
-        }
-        previous = now
-        result = func.apply(self, params)
-        return result
-      }
-      if (!timer) {
-        timer = setTimeout(function () {
-          clearTimeout(timer)
-          timer = null
-          previous = +new Date()
-          result = func.apply(self, params)
-        }, remaining)
-      }
-      return result
-    }
-  }
-  function randomNum (len, radix) {
-    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
-    const uuid = []
-    radix = radix || chars.length
-    if (len) {
-      for (let i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]
-    } else {
-      let r
-      uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'
-      uuid[14] = '4'
-      for (let i = 0; i < 36; i++) {
-        if (!uuid[i]) {
-          r = 0 | Math.random() * 16
-          uuid[i] = chars[(i === 19) ? (r & 0x3) | 0x8 : r]
-        }
-      }
-    }
-    return uuid.join('') + new Date().getTime()
-  }
-
-  return {
-    debounce,
-    throttle,
-    randomNum
-  }
-})()
-export default util

package/src/utils/validate.js

@@ -1,84 +0,0 @@
-/* eslint-disable */
-/**
- * @param {string} path
- * @returns {Boolean}
- */
-export function isExternal (path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUsername (str) {
-  const valid_map = ['admin', 'editor']
-  return valid_map.indexOf(str.trim()) >= 0
-}
-
-/**
- * @param {string} url
- * @returns {Boolean}
- */
-export function validURL (url) {
-  const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
-  return reg.test(url)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validLowerCase (str) {
-  const reg = /^[a-z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validUpperCase (str) {
-  const reg = /^[A-Z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function validAlphabets (str) {
-  const reg = /^[A-Za-z]+$/
-  return reg.test(str)
-}
-
-/**
- * @param {string} email
- * @returns {Boolean}
- */
-export function validEmail (email) {
-  const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-  return reg.test(email)
-}
-
-/**
- * @param {string} str
- * @returns {Boolean}
- */
-export function isString (str) {
-  if (typeof str === 'string' || str instanceof String) {
-    return true
-  }
-  return false
-}
-
-/**
- * @param {Array} arg
- * @returns {Boolean}
- */
-export function isArray (arg) {
-  if (typeof Array.isArray === 'undefined') {
-    return Object.prototype.toString.call(arg) === '[object Array]'
-  }
-  return Array.isArray(arg)
-}