vue2-client 1.7.0 → 1.7.2

package/src/base-client/plugins/PagedList.js

@@ -1,177 +1,177 @@
-import Vue from 'vue'
-import { nanoid } from 'nanoid'
-
-export default class PagedList {
-  // 用url及pageSize构造
-  // url - 加载数据的url
-  // pageSize - 每页数据个数
-  // params - 除正常查询条件外，附加到后台sql中的参数，可以为空。格式为:{参数名:参数值}
-  // sums - 需要求和的字段。格式为:{参数名:参数值}
-  // isBlank - 是否使用空行填充表格，值为true或者 false
-  // comp - 调用时的组件名，方便调试
-  // aoteEncrypt - 加密类型, 不传使用全局的
-  // encryKey - 加密key, 不传使用全局的
-  // timeout - 查询超时时间, 默认50秒
-  constructor (url, pageSize, params, sums, isBlank, comp, aoteEncrypt, encryKey, timeout) {
-    // 正在查询标志位
-    this.seaching = false
-    this.url = url
-    this.pageSize = pageSize
-    this.pageIndex = 0
-    this.isBlank = isBlank
-    this.aoteEncrypt = aoteEncrypt || Vue.mmType
-    this.encryKey = encryKey || Vue.mm
-    this.timeout = timeout || 50000
-
-    // 登记组件名
-    if (comp) {
-      this.comp = comp
-    }
-
-    // 登记参数源码，查询前，执行参数源码，获得实际参数值
-    if (params) {
-      this.paramSource = params
-    }
-    // 查询时，提交后台的参数值
-    this.params = {}
-
-    // 求和的字段
-    this.sums = sums
-    // 符合条件的数据总数
-    this.count = 0
-    // 符合条件的数据总页数
-    this.totalPage = 0
-    // 加载过来的数据
-    this.rows = []
-    // 状态，字符串型，包括：初始(默认)，查询，错误，正确
-    this.state = '初始'
-    // 出现错误时的错误内容，没找到符合条件的数据当错误处理
-    this.error = '请输入条件, 进行查询'
-
-    // 每次加载所需要的条件
-    this.condition = null
-    this.model = null
-    this.condValue = null
-
-    // 初始填充数据空行
-    // isNuN标记本行是否为空行
-    if (isBlank === true) {
-      for (let i = 1; i <= pageSize; i++) {
-        this.rows.push({ isNuN: 'true' })
-      }
-    }
-  }
-
-  // 执行查询过程，加载数据汇总信息
-  // condition - 查询组件产生的查询条件
-  // model - 查询组件收集到的输入数据
-  // condValue - 交给后台的查询条件，可以为空
-  search (condition, model, condValue) {
-    let param
-// 保存条件，以便加载某页时可以直接调用
-    this.condition = condition
-    this.model = model
-    this.condValue = condValue
-    this.state = '查询'
-    this.procParams()
-    this.seaching = true
-    if (this.sums) {
-      const totals = []
-      for (const key in this.sums) {
-        totals.push(key)
-        param = { data: this.params, sums: totals }
-      }
-    } else {
-      param = { data: this.params }
-    }
-    // 发生请求时，不进行任何提醒
-    return Vue.resetpost(`${this.url}/n`, param, {
-      timeout: this.timeout,
-      rejectMsg: null,
-      aoteEncrypt: this.aoteEncrypt,
-      encryKey: this.encryKey
-    }).then(response => {
-      this.seaching = false
-      if (response.n === 0) {
-        this.state = '错误'
-        this.error = '没有符合条件的记录'
-        this.rows = []
-        return
-      }
-      this.state = '正确'
-      this.count = response.n
-      for (const key in this.sums) {
-        this.sums[key] = response[key]
-      }
-      this.totalPage = Math.ceil(this.count / this.pageSize)
-      // 加载第一页数据
-      return this.loadPage(1, this.pageSize)
-    }).catch((error) => {
-      this.seaching = false
-      if (error.status !== 603) {
-        this.state = '错误'
-        this.error = `提取数据出错，错误码: ${error.status}, 错误信息：${error.data}，组件：${this.comp}`
-      }
-    })
-  }
-
-  // 重新进行查询
-  refresh () {
-    this.search(this.condition, this.model, this.condValue)
-  }
-
-  // 加载一页数据
-  loadPage (pageNo, pageSize) {
-    this.pageIndex = pageNo
-    this.pageSize = pageSize
-    this.state = '查询'
-    return this.postGen(pageNo, pageSize)
-  }
-
-  postGen (pageNo, pageSize) {
-    this.seaching = true
-    return Vue.resetpost(`${this.url}?pageNo=${pageNo}&pageSize=${pageSize}`, { data: this.params }, {
-      aoteEncrypt: this.aoteEncrypt,
-      encryKey: this.encryKey,
-      resolveMsg: null,
-      rejectMsg: null
-    }).then(response => {
-      this.state = '正确'
-      // a-table需要每条数据都加上一个字符传类型的key 这里通过一个生成uuid的库加入
-      this.rows = response.map(item => {
-        item.nanoid = nanoid()
-        return item
-      })
-      if (this.isBlank === true) {
-        const size = response.length % this.pageSize
-        if (pageNo === this.totalPage) {
-          for (let i = 1; i <= this.pageSize - size; i++) {
-            this.rows.push({ isNuN: 'true' })
-          }
-        }
-      }
-      this.pageIndex = pageNo
-      this.seaching = false
-    }).catch(error => {
-      this.seaching = false
-      this.state = '错误'
-      this.error = JSON.stringify(error)
-      throw error
-    })
-  }
-
-  // 处理查询参数，把condition以及condValue附加到参数列表中，condValue指后台查询条件
-  procParams () {
-    this.params.condition = this.condition
-    if (this.condValue) {
-      this.params.condValue = this.condValue
-    }
-    if (!this.paramSource) {
-      return
-    }
-    // 对附加参数进行计算
-    for (const name in this.paramSource) {
-      this.params[name] = this.paramSource[name]
-    }
-  }
-}
+import Vue from 'vue'
+import { nanoid } from 'nanoid'
+
+export default class PagedList {
+  // 用url及pageSize构造
+  // url - 加载数据的url
+  // pageSize - 每页数据个数
+  // params - 除正常查询条件外，附加到后台sql中的参数，可以为空。格式为:{参数名:参数值}
+  // sums - 需要求和的字段。格式为:{参数名:参数值}
+  // isBlank - 是否使用空行填充表格，值为true或者 false
+  // comp - 调用时的组件名，方便调试
+  // aoteEncrypt - 加密类型, 不传使用全局的
+  // encryKey - 加密key, 不传使用全局的
+  // timeout - 查询超时时间, 默认50秒
+  constructor (url, pageSize, params, sums, isBlank, comp, aoteEncrypt, encryKey, timeout) {
+    // 正在查询标志位
+    this.seaching = false
+    this.url = url
+    this.pageSize = pageSize
+    this.pageIndex = 0
+    this.isBlank = isBlank
+    this.aoteEncrypt = aoteEncrypt || Vue.mmType
+    this.encryKey = encryKey || Vue.mm
+    this.timeout = timeout || 50000
+
+    // 登记组件名
+    if (comp) {
+      this.comp = comp
+    }
+
+    // 登记参数源码，查询前，执行参数源码，获得实际参数值
+    if (params) {
+      this.paramSource = params
+    }
+    // 查询时，提交后台的参数值
+    this.params = {}
+
+    // 求和的字段
+    this.sums = sums
+    // 符合条件的数据总数
+    this.count = 0
+    // 符合条件的数据总页数
+    this.totalPage = 0
+    // 加载过来的数据
+    this.rows = []
+    // 状态，字符串型，包括：初始(默认)，查询，错误，正确
+    this.state = '初始'
+    // 出现错误时的错误内容，没找到符合条件的数据当错误处理
+    this.error = '请输入条件, 进行查询'
+
+    // 每次加载所需要的条件
+    this.condition = null
+    this.model = null
+    this.condValue = null
+
+    // 初始填充数据空行
+    // isNuN标记本行是否为空行
+    if (isBlank === true) {
+      for (let i = 1; i <= pageSize; i++) {
+        this.rows.push({ isNuN: 'true' })
+      }
+    }
+  }
+
+  // 执行查询过程，加载数据汇总信息
+  // condition - 查询组件产生的查询条件
+  // model - 查询组件收集到的输入数据
+  // condValue - 交给后台的查询条件，可以为空
+  search (condition, model, condValue) {
+    let param
+// 保存条件，以便加载某页时可以直接调用
+    this.condition = condition
+    this.model = model
+    this.condValue = condValue
+    this.state = '查询'
+    this.procParams()
+    this.seaching = true
+    if (this.sums) {
+      const totals = []
+      for (const key in this.sums) {
+        totals.push(key)
+        param = { data: this.params, sums: totals }
+      }
+    } else {
+      param = { data: this.params }
+    }
+    // 发生请求时，不进行任何提醒
+    return Vue.resetpost(`${this.url}/n`, param, {
+      timeout: this.timeout,
+      rejectMsg: null,
+      aoteEncrypt: this.aoteEncrypt,
+      encryKey: this.encryKey
+    }).then(response => {
+      this.seaching = false
+      if (response.n === 0) {
+        this.state = '错误'
+        this.error = '没有符合条件的记录'
+        this.rows = []
+        return
+      }
+      this.state = '正确'
+      this.count = response.n
+      for (const key in this.sums) {
+        this.sums[key] = response[key]
+      }
+      this.totalPage = Math.ceil(this.count / this.pageSize)
+      // 加载第一页数据
+      return this.loadPage(1, this.pageSize)
+    }).catch((error) => {
+      this.seaching = false
+      if (error.status !== 603) {
+        this.state = '错误'
+        this.error = `提取数据出错，错误码: ${error.status}, 错误信息：${error.data}，组件：${this.comp}`
+      }
+    })
+  }
+
+  // 重新进行查询
+  refresh () {
+    this.search(this.condition, this.model, this.condValue)
+  }
+
+  // 加载一页数据
+  loadPage (pageNo, pageSize) {
+    this.pageIndex = pageNo
+    this.pageSize = pageSize
+    this.state = '查询'
+    return this.postGen(pageNo, pageSize)
+  }
+
+  postGen (pageNo, pageSize) {
+    this.seaching = true
+    return Vue.resetpost(`${this.url}?pageNo=${pageNo}&pageSize=${pageSize}`, { data: this.params }, {
+      aoteEncrypt: this.aoteEncrypt,
+      encryKey: this.encryKey,
+      resolveMsg: null,
+      rejectMsg: null
+    }).then(response => {
+      this.state = '正确'
+      // a-table需要每条数据都加上一个字符传类型的key 这里通过一个生成uuid的库加入
+      this.rows = response.map(item => {
+        item.nanoid = nanoid()
+        return item
+      })
+      if (this.isBlank === true) {
+        const size = response.length % this.pageSize
+        if (pageNo === this.totalPage) {
+          for (let i = 1; i <= this.pageSize - size; i++) {
+            this.rows.push({ isNuN: 'true' })
+          }
+        }
+      }
+      this.pageIndex = pageNo
+      this.seaching = false
+    }).catch(error => {
+      this.seaching = false
+      this.state = '错误'
+      this.error = JSON.stringify(error)
+      throw error
+    })
+  }
+
+  // 处理查询参数，把condition以及condValue附加到参数列表中，condValue指后台查询条件
+  procParams () {
+    this.params.condition = this.condition
+    if (this.condValue) {
+      this.params.condValue = this.condValue
+    }
+    if (!this.paramSource) {
+      return
+    }
+    // 对附加参数进行计算
+    for (const name in this.paramSource) {
+      this.params[name] = this.paramSource[name]
+    }
+  }
+}

package/src/base-client/plugins/compatible/LoginServiceOA.js

@@ -1,20 +1,20 @@
-import { get } from '@vue2-client/services/api'
-import Vue from 'vue'
-
-async function loginStart (name, password) {
-  const resource = await get(`/rs/user/${name}/${password}/智慧OA`, {})
-  console.log('登陆获取', resource)
-  Vue.$login.f = resource
-  await Promise.all([Vue.$appdata.load()])
-  const login = {
-    f: Vue.$login.f,
-    jwt: Vue.$login.f.id,
-    r: Vue.$login.r
-  }
-  Vue.$store.commit('account/setLogin', login)
-  return resource
-}
-
-export {
-  loginStart
-}
+import { get } from '@vue2-client/services/api'
+import Vue from 'vue'
+
+async function loginStart (name, password) {
+  const resource = await get(`/rs/user/${name}/${password}/智慧OA`, {})
+  console.log('登陆获取', resource)
+  Vue.$login.f = resource
+  await Promise.all([Vue.$appdata.load()])
+  const login = {
+    f: Vue.$login.f,
+    jwt: Vue.$login.f.id,
+    r: Vue.$login.r
+  }
+  Vue.$store.commit('account/setLogin', login)
+  return resource
+}
+
+export {
+  loginStart
+}

package/src/base-client/plugins/i18n-extend.js

@@ -1,32 +1,32 @@
-// 语句模式
-const MODE = {
-  STATEMENTS: 's', // 语句模式
-  PHRASAL: 'p' // 词组模式
-}
-
-const VueI18nPlugin = {
-  install: function (Vue) {
-    Vue.mixin({
-      methods: {
-        $ta (syntaxKey, mode) {
-          const _mode = mode || MODE.STATEMENTS
-          const keys = syntaxKey.split('|')
-          const _this = this
-          const locale = this.$i18n.locale
-          let message = ''
-          const splitter = locale === 'US' ? ' ' : ''
-          // 拼接 message
-          keys.forEach(key => {
-            message += _this.$t(key) + splitter
-          })
-          // 英文环境语句模式下，转换单词大小写
-          if (keys.length > 0 && _mode === MODE.STATEMENTS && locale === 'US') {
-            message = message.charAt(0).toUpperCase() + message.toLowerCase().substring(1)
-          }
-          return message
-        }
-      }
-    })
-  }
-}
-export default VueI18nPlugin
+// 语句模式
+const MODE = {
+  STATEMENTS: 's', // 语句模式
+  PHRASAL: 'p' // 词组模式
+}
+
+const VueI18nPlugin = {
+  install: function (Vue) {
+    Vue.mixin({
+      methods: {
+        $ta (syntaxKey, mode) {
+          const _mode = mode || MODE.STATEMENTS
+          const keys = syntaxKey.split('|')
+          const _this = this
+          const locale = this.$i18n.locale
+          let message = ''
+          const splitter = locale === 'US' ? ' ' : ''
+          // 拼接 message
+          keys.forEach(key => {
+            message += _this.$t(key) + splitter
+          })
+          // 英文环境语句模式下，转换单词大小写
+          if (keys.length > 0 && _mode === MODE.STATEMENTS && locale === 'US') {
+            message = message.charAt(0).toUpperCase() + message.toLowerCase().substring(1)
+          }
+          return message
+        }
+      }
+    })
+  }
+}
+export default VueI18nPlugin

package/src/components/Ellipsis/Ellipsis.vue

@@ -1,65 +1,65 @@
-<script>
-import Tooltip from 'ant-design-vue/es/tooltip'
-import { cutStrByFullLength, getStrFullLength } from '@vue2-client/components/_util/util'
-/*
-    const isSupportLineClamp = document.body.style.webkitLineClamp !== undefined;
-
-    const TooltipOverlayStyle = {
-      overflowWrap: 'break-word',
-      wordWrap: 'break-word',
-    };
-  */
-
-export default {
-  name: 'Ellipsis',
-  components: {
-    Tooltip
-  },
-  props: {
-    prefixCls: {
-      type: String,
-      default: 'ant-pro-ellipsis'
-    },
-    tooltip: {
-      type: Boolean,
-      default: false
-    },
-    length: {
-      type: [String, Number],
-      required: true
-    },
-    lines: {
-      type: Number,
-      default: 1
-    },
-    fullWidthRecognition: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    getStrDom (str, fullLength) {
-      return (
-        <span>{ cutStrByFullLength(str, this.length) + (fullLength > this.length ? '...' : '') }</span>
-      )
-    },
-    getTooltip (fullStr, fullLength) {
-      return (
-        <Tooltip>
-          <template slot="title">{ fullStr }</template>
-          { this.getStrDom(fullStr, fullLength) }
-        </Tooltip>
-      )
-    }
-  },
-  render () {
-    const { tooltip, length } = this.$props
-    const str = this.$slots.default.map(vNode => vNode.text).join('')
-    const fullLength = getStrFullLength(str)
-    const strDom = tooltip && fullLength > length ? this.getTooltip(str, fullLength) : this.getStrDom(str, fullLength)
-    return (
-      strDom
-    )
-  }
-}
-</script>
+<script>
+import Tooltip from 'ant-design-vue/es/tooltip'
+import { cutStrByFullLength, getStrFullLength } from '@vue2-client/components/_util/util'
+/*
+    const isSupportLineClamp = document.body.style.webkitLineClamp !== undefined;
+
+    const TooltipOverlayStyle = {
+      overflowWrap: 'break-word',
+      wordWrap: 'break-word',
+    };
+  */
+
+export default {
+  name: 'Ellipsis',
+  components: {
+    Tooltip
+  },
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'ant-pro-ellipsis'
+    },
+    tooltip: {
+      type: Boolean,
+      default: false
+    },
+    length: {
+      type: [String, Number],
+      required: true
+    },
+    lines: {
+      type: Number,
+      default: 1
+    },
+    fullWidthRecognition: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    getStrDom (str, fullLength) {
+      return (
+        <span>{ cutStrByFullLength(str, this.length) + (fullLength > this.length ? '...' : '') }</span>
+      )
+    },
+    getTooltip (fullStr, fullLength) {
+      return (
+        <Tooltip>
+          <template slot="title">{ fullStr }</template>
+          { this.getStrDom(fullStr, fullLength) }
+        </Tooltip>
+      )
+    }
+  },
+  render () {
+    const { tooltip, length } = this.$props
+    const str = this.$slots.default.map(vNode => vNode.text).join('')
+    const fullLength = getStrFullLength(str)
+    const strDom = tooltip && fullLength > length ? this.getTooltip(str, fullLength) : this.getStrDom(str, fullLength)
+    return (
+      strDom
+    )
+  }
+}
+</script>

package/src/components/Ellipsis/index.md

@@ -1,38 +1,38 @@
-# Ellipsis 文本自动省略号
-
-文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。
-
-
-
-引用方式：
-
-```javascript
-import Ellipsis from '@vue2-client/components/Ellipsis'
-
-export default {
-    components: {
-        Ellipsis
-    }
-}
-```
-
-
-
-## 代码演示  [demo](https://pro.loacg.com/test/home)
-
-```html
-<ellipsis :length="100" tooltip>
-        There were injuries alleged in three cases in 2015, and a
-        fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
-</ellipsis>
-```
-
-
-
-## API
-
-
-| 参数      | 说明                       | 类型      | 默认值 |
-|---------|--------------------------|---------|-----|
-| tooltip | 移动到文本展示完整内容的提示           | boolean | -   |
-| length  | 在按照长度截取下的文本最大字符数，超过则截取省略 | number  | -   |
+# Ellipsis 文本自动省略号
+
+文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。
+
+
+
+引用方式：
+
+```javascript
+import Ellipsis from '@vue2-client/components/Ellipsis'
+
+export default {
+    components: {
+        Ellipsis
+    }
+}
+```
+
+
+
+## 代码演示  [demo](https://pro.loacg.com/test/home)
+
+```html
+<ellipsis :length="100" tooltip>
+        There were injuries alleged in three cases in 2015, and a
+        fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
+</ellipsis>
+```
+
+
+
+## API
+
+
+| 参数      | 说明                       | 类型      | 默认值 |
+|---------|--------------------------|---------|-----|
+| tooltip | 移动到文本展示完整内容的提示           | boolean | -   |
+| length  | 在按照长度截取下的文本最大字符数，超过则截取省略 | number  | -   |