vue2-client 1.15.84 → 1.15.86

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

@@ -0,0 +1,281 @@
+/**
+ * selectValueType 功能辅助工具
+ * 用于处理表单选择组件的值存储模式转换
+ */
+
+/**
+ * 根据selectValueType预处理options数据
+ * @param {Array} options - 原始选项数据
+ * @param {String} selectValueType - 值存储类型：'value' | 'label' | 'both'
+ * @returns {Array} 处理后的选项数据
+ */
+export function processOptionsForValueType (options, selectValueType = 'value') {
+  // value模式：不做任何改变，保持现有逻辑
+  if (selectValueType === 'value') {
+    return options
+  }
+
+  // label模式：交换value和label，保存原始value到originValue
+  if (selectValueType === 'label') {
+    return processOptionsForLabelType(options)
+  }
+
+  // both模式：不处理options
+  return options
+}
+
+/**
+ * 处理label模式的options数据转换
+ * @param {Array} options - 原始选项数据
+ * @returns {Array} 转换后的选项数据
+ */
+export function processOptionsForLabelType (options) {
+  if (!Array.isArray(options)) {
+    return options
+  }
+
+  return options.map(item => {
+    // 先创建基础的转换对象
+    const transformedItem = { ...item }
+
+    // 处理各种数据格式的属性转换
+    if (item.value !== undefined && item.label !== undefined) {
+      // 标准格式 {value, label}
+      transformedItem.originValue = item.value
+      transformedItem.value = item.label
+    } else if (item.key !== undefined && item.title !== undefined) {
+      // 兼容格式 {key, title}
+      transformedItem.originValue = item.key
+      transformedItem.value = item.title
+      transformedItem.label = item.title
+    } else if (item.value !== undefined && item.text !== undefined) {
+      // 字典格式 {value, text}
+      transformedItem.originValue = item.value
+      transformedItem.value = item.text
+      transformedItem.label = item.text
+    } else if (item.value !== undefined) {
+      // 其他情况，尝试从多个可能的标签字段获取
+      const labelValue = item.label || item.title || item.text
+      if (labelValue !== undefined) {
+        transformedItem.originValue = item.value
+        transformedItem.value = labelValue
+      }
+    }
+
+    // 处理树形结构（递归处理children）
+    if (item.children && Array.isArray(item.children)) {
+      transformedItem.children = processOptionsForLabelType(item.children)
+    }
+
+    return transformedItem
+  })
+}
+
+/**
+ * 根据value查找对应的label（支持单选和多选）
+ * @param {any} value - 要查找的值
+ * @param {Array} options - 选项数据
+ * @returns {String|Array|null} 对应的label值，找不到时返回null
+ */
+export function findLabelByValue (value, options) {
+  if (value === undefined || value === null) {
+    return null
+  }
+
+  // 多选情况：value是数组
+  if (Array.isArray(value)) {
+    const labels = []
+    for (const val of value) {
+      const label = findSingleLabelByValue(val, options)
+      if (label !== null) {
+        labels.push(label)
+      }
+    }
+    return labels.length > 0 ? labels : null
+  }
+
+  // 单选情况：value是单个值
+  return findSingleLabelByValue(value, options)
+}
+
+/**
+ * 在选项数据中查找单个value对应的label（支持树形结构递归查找）
+ * @param {any} value - 要查找的值
+ * @param {Array} options - 选项数据
+ * @returns {String} 对应的label值，找不到时返回String(value)作为fallback
+ */
+export function findSingleLabelByValue (value, options) {
+  if (!Array.isArray(options)) {
+    return String(value)
+  }
+
+  for (const item of options) {
+    // 处理标准格式 {value, label}
+    if (item.value !== undefined && String(item.value) === String(value)) {
+      return item.label || item.title || item.text || String(value)
+    }
+
+    // 处理兼容格式 {key, title}
+    if (item.key !== undefined && String(item.key) === String(value)) {
+      return item.title || item.label || item.text || String(value)
+    }
+
+    // 递归查找树形结构
+    if (item.children && Array.isArray(item.children)) {
+      const childLabel = findSingleLabelByValue(value, item.children)
+      // 只有找到真正匹配项时才返回（不是fallback的String(value)）
+      if (childLabel !== String(value)) {
+        return childLabel
+      }
+    }
+  }
+
+  // 如果找不到对应的label，降级返回原值
+  return String(value)
+}
+
+/**
+ * 处理 label 模式数据存储
+ * @param {Object} form - 表单对象
+ * @param {String} fieldName - 字段名
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @param {Function} setFieldValue - Vue的$set方法
+ */
+export function processLabelModeData (form, fieldName, currentValue, options, setFieldValue) {
+  // 确保 originData 对象存在
+  if (!form.originData) {
+    setFieldValue(form, 'originData', {})
+  }
+
+  // 获取当前值对应的原始值
+  const originValue = getOriginValue(currentValue, options)
+
+  // 存储原始值到 originData 中
+  setFieldValue(form.originData, fieldName, originValue)
+}
+
+/**
+ * 处理 both 模式数据存储
+ * @param {Object} form - 表单对象
+ * @param {String} fieldName - 字段名
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @param {Function} setFieldValue - Vue的$set方法
+ */
+export function processBothModeData (form, fieldName, currentValue, options, setFieldValue) {
+  // 确保 labelData 对象存在
+  if (!form.labelData) {
+    setFieldValue(form, 'labelData', {})
+  }
+
+  // 获取当前值对应的标签值
+  const labelValue = findLabelByValue(currentValue, options)
+
+  // 存储标签值到 labelData 中
+  if (labelValue !== null && labelValue !== undefined) {
+    setFieldValue(form.labelData, fieldName, labelValue)
+  }
+}
+
+/**
+ * 获取原始值（用于label模式时获取originValue）
+ * @param {any} currentValue - 当前值
+ * @param {Array} options - 选项数据
+ * @returns {any} 原始值，找不到时返回currentValue作为fallback
+ */
+export function getOriginValue (currentValue, options) {
+  if (!Array.isArray(options) || currentValue === undefined || currentValue === null) {
+    return currentValue
+  }
+
+  // 多选情况
+  if (Array.isArray(currentValue)) {
+    const originValues = []
+    for (const val of currentValue) {
+      const originVal = findOriginValueByLabel(val, options)
+      // 只有找到真正的原始值时才使用originVal（不是fallback值）
+      if (originVal !== val) {
+        originValues.push(originVal)
+      } else {
+        // 如果没找到原始值，保留当前值
+        originValues.push(val)
+      }
+    }
+    return originValues
+  }
+
+  // 单选情况
+  return findOriginValueByLabel(currentValue, options)
+}
+
+/**
+ * 根据label查找原始value值
+ * @param {any} label - 标签值
+ * @param {Array} options - 选项数据
+ * @returns {any} 原始值，找不到时返回label作为fallback
+ */
+function findOriginValueByLabel (label, options) {
+  for (const item of options) {
+    // 如果有originValue，说明是经过label模式转换的
+    if (item.originValue !== undefined && String(item.value) === String(label)) {
+      return item.originValue
+    }
+
+    // 递归查找树形结构
+    if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+      const childOriginValue = findOriginValueByLabel(label, item.children)
+      // 只有当找到真正的匹配项时才返回（不等于传入的label）
+      if (childOriginValue !== label) {
+        return childOriginValue
+      }
+    }
+  }
+
+  return label // 如果找不到，返回原值
+}
+
+/**
+ * 创建selectValueType处理器的工厂函数
+ * @param {Object} context - Vue组件上下文
+ * @returns {Object} 处理器对象
+ */
+export function createSelectValueTypeHandler (context) {
+  return {
+    // 预处理options数据
+    processOptions (options, selectValueType) {
+      return processOptionsForValueType(options, selectValueType)
+    },
+
+    // 查找label值
+    findLabel (value, options) {
+      return findLabelByValue(value, options)
+    },
+
+    // 处理both模式数据
+    processBothMode (form, fieldName, currentValue, options) {
+      return processBothModeData(form, fieldName, currentValue, options, context.$set)
+    },
+
+    // 处理label模式数据
+    processLabelMode (form, fieldName, currentValue, options) {
+      return processLabelModeData(form, fieldName, currentValue, options, context.$set)
+    },
+
+    // 获取原始值
+    getOriginValue (currentValue, options) {
+      return getOriginValue(currentValue, options)
+    }
+  }
+}
+
+export default {
+  processOptionsForValueType,
+  processOptionsForLabelType,
+  findLabelByValue,
+  findSingleLabelByValue,
+  processLabelModeData,
+  processBothModeData,
+  getOriginValue,
+  createSelectValueTypeHandler
+}

package/src/bootstrap.js

@@ -1,51 +1,51 @@
-import Vue from 'vue'
-import { loadRoutes, loadGuards, setAppOptions } from '@vue2-client/utils/routerUtil'
-import { loadInterceptors } from '@vue2-client/utils/request'
-import guards from '@vue2-client/router/guards'
-import interceptors from '@vue2-client/utils/axios-interceptors'
-import { getConfigByName } from '@vue2-client/services/api/common'
-import { hiPrintPlugin } from '@vue2-client/plugins/HiPrintPlugin'
-import { isMicroAppEnv } from '@vue2-client/utils/microAppUtils'
-
-/**
- * 启动引导方法
- * 应用启动时需要执行的操作放在这里
- * @param router 应用的路由实例
- * @param store 应用的 vuex.store 实例
- * @param i18n 应用的 vue-i18n 实例
- * @param message 应用的 message 实例
- */
-async function bootstrap ({ router, store, i18n, message }) {
-  Vue.$store = store
-  // 获取系统配置
-  if (store) {
-    // microApp 环境下作为子应用不获取webConfig
-    if (!isMicroAppEnv) {
-      await getConfigByName('webConfig', undefined, res => {
-        localStorage.setItem(process.env.VUE_APP_WEB_CONFIG_KEY, JSON.stringify(res))
-        if (res?.setting) {
-          Vue.$store.commit('setting/setSetting', res?.setting)
-        }
-      })
-    }
-    if (process.env.VUE_APP_SYSTEM_NAME && process.env.VUE_APP_SYSTEM_NAME === 'af-his') {
-      await getConfigByName('componentStyles', undefined, res => {
-        localStorage.setItem(process.env.VUE_APP_WEB_STYLES_KEY, JSON.stringify(res))
-      })
-    }
-  }
-  // 设置应用配置
-  setAppOptions({ router, store, i18n })
-  // 加载 axios 拦截器
-  loadInterceptors(interceptors, { router, store, i18n, message })
-  if (router) {
-    // 加载路由
-    loadRoutes()
-    // 加载路由守卫
-    loadGuards(guards, { router, store, i18n, message })
-    // 加载通用插件
-    Vue.use(hiPrintPlugin)
-  }
-}
-
-export default bootstrap
+import Vue from 'vue'
+import { loadRoutes, loadGuards, setAppOptions } from '@vue2-client/utils/routerUtil'
+import { loadInterceptors } from '@vue2-client/utils/request'
+import guards from '@vue2-client/router/guards'
+import interceptors from '@vue2-client/utils/axios-interceptors'
+import { getConfigByName } from '@vue2-client/services/api/common'
+import { hiPrintPlugin } from '@vue2-client/plugins/HiPrintPlugin'
+import { isMicroAppEnv } from '@vue2-client/utils/microAppUtils'
+
+/**
+ * 启动引导方法
+ * 应用启动时需要执行的操作放在这里
+ * @param router 应用的路由实例
+ * @param store 应用的 vuex.store 实例
+ * @param i18n 应用的 vue-i18n 实例
+ * @param message 应用的 message 实例
+ */
+async function bootstrap ({ router, store, i18n, message }) {
+  Vue.$store = store
+  // 获取系统配置
+  if (store) {
+    // microApp 环境下作为子应用不获取webConfig
+    if (!isMicroAppEnv) {
+      await getConfigByName('webConfig', undefined, res => {
+        localStorage.setItem(process.env.VUE_APP_WEB_CONFIG_KEY, JSON.stringify(res))
+        if (res?.setting) {
+          Vue.$store.commit('setting/setSetting', res?.setting)
+        }
+      })
+    }
+    if (process.env.VUE_APP_SYSTEM_NAME && process.env.VUE_APP_SYSTEM_NAME === 'af-his') {
+      await getConfigByName('componentStyles', undefined, res => {
+        localStorage.setItem(process.env.VUE_APP_WEB_STYLES_KEY, JSON.stringify(res))
+      })
+    }
+  }
+  // 设置应用配置
+  setAppOptions({ router, store, i18n })
+  // 加载 axios 拦截器
+  loadInterceptors(interceptors, { router, store, i18n, message })
+  if (router) {
+    // 加载路由
+    loadRoutes()
+    // 加载路由守卫
+    loadGuards(guards, { router, store, i18n, message })
+    // 加载通用插件
+    Vue.use(hiPrintPlugin)
+  }
+}
+
+export default bootstrap

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.js

@@ -1,3 +1,3 @@
-import Ellipsis from './Ellipsis'
-
-export default Ellipsis
+import Ellipsis from './Ellipsis'
+
+export default Ellipsis

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  | -   |