vue2-client 1.15.84 → 1.15.86

package/src/utils/themeUtil.js

@@ -1,100 +1,100 @@
-const client = require('webpack-theme-color-replacer/client')
-const { theme } = require('../config')
-const { getMenuColors, getAntdColors, getThemeToggleColors, getFunctionalColors } = require('../utils/colors')
-const { ANTD } = require('../config/default')
-
-function getThemeColors (color, $theme) {
-  const _color = color || theme.color
-  const mode = $theme || theme.mode
-  const replaceColors = getThemeToggleColors(_color, mode)
-  return [
-    ...replaceColors.mainColors,
-    ...replaceColors.subColors,
-    ...replaceColors.menuColors,
-    ...replaceColors.contentColors,
-    ...replaceColors.rgbColors,
-    ...replaceColors.functionalColors.success,
-    ...replaceColors.functionalColors.warning,
-    ...replaceColors.functionalColors.error
-  ]
-}
-
-function changeThemeColor (newColor, $theme) {
-  return client.changer.changeColor({ newColors: getThemeColors(newColor, $theme) })
-}
-
-function modifyVars (color) {
-  const _color = color || theme.color
-  const palettes = getAntdColors(_color, theme.mode)
-  const menuColors = getMenuColors(_color, theme.mode)
-  const { success, warning, error } = getFunctionalColors(theme.mode)
-  const primary = palettes[5]
-  return {
-    'primary-color': primary,
-    'primary-1': palettes[0],
-    'primary-2': palettes[1],
-    'primary-3': palettes[2],
-    'primary-4': palettes[3],
-    'primary-5': palettes[4],
-    'primary-6': palettes[5],
-    'primary-7': palettes[6],
-    'primary-8': palettes[7],
-    'primary-9': palettes[8],
-    'primary-10': palettes[9],
-    'info-color': primary,
-    'success-color': success[5],
-    'warning-color': warning[5],
-    'error-color': error[5],
-    'alert-info-bg-color': palettes[0],
-    'alert-info-border-color': palettes[2],
-    'alert-success-bg-color': success[0],
-    'alert-success-border-color': success[2],
-    'alert-warning-bg-color': warning[0],
-    'alert-warning-border-color': warning[2],
-    'alert-error-bg-color': error[0],
-    'alert-error-border-color': error[2],
-    'processing-color': primary,
-    'menu-dark-submenu-bg': menuColors[0],
-    'layout-header-background': menuColors[1],
-    'layout-trigger-background': menuColors[2],
-    'btn-danger-bg': error[4],
-    'btn-danger-border': error[4],
-    ...ANTD.theme[theme.mode]
-  }
-}
-
-function loadLocalTheme (localSetting) {
-  if (localSetting && localSetting.theme) {
-    let { color, mode } = localSetting.theme
-    color = color || theme.color
-    mode = mode || theme.mode
-    changeThemeColor(color, mode)
-  }
-}
-
-/**
- * 获取本地保存的配置
- * @returns {Object}
- * @param loadTheme
- */
-function getLocalSetting (loadTheme) {
-  let localSetting = {}
-  try {
-    const localSettingStr = localStorage.getItem(process.env.VUE_APP_SETTING_KEY)
-    localSetting = JSON.parse(localSettingStr)
-  } catch (e) {
-    console.error(e)
-  }
-  if (loadTheme) {
-    loadLocalTheme(localSetting)
-  }
-  return localSetting
-}
-
-module.exports = {
-  getThemeColors,
-  changeThemeColor,
-  modifyVars,
-  loadLocalTheme,
-  getLocalSetting
-}
+const client = require('webpack-theme-color-replacer/client')
+const { theme } = require('../config')
+const { getMenuColors, getAntdColors, getThemeToggleColors, getFunctionalColors } = require('../utils/colors')
+const { ANTD } = require('../config/default')
+
+function getThemeColors (color, $theme) {
+  const _color = color || theme.color
+  const mode = $theme || theme.mode
+  const replaceColors = getThemeToggleColors(_color, mode)
+  return [
+    ...replaceColors.mainColors,
+    ...replaceColors.subColors,
+    ...replaceColors.menuColors,
+    ...replaceColors.contentColors,
+    ...replaceColors.rgbColors,
+    ...replaceColors.functionalColors.success,
+    ...replaceColors.functionalColors.warning,
+    ...replaceColors.functionalColors.error
+  ]
+}
+
+function changeThemeColor (newColor, $theme) {
+  return client.changer.changeColor({ newColors: getThemeColors(newColor, $theme) })
+}
+
+function modifyVars (color) {
+  const _color = color || theme.color
+  const palettes = getAntdColors(_color, theme.mode)
+  const menuColors = getMenuColors(_color, theme.mode)
+  const { success, warning, error } = getFunctionalColors(theme.mode)
+  const primary = palettes[5]
+  return {
+    'primary-color': primary,
+    'primary-1': palettes[0],
+    'primary-2': palettes[1],
+    'primary-3': palettes[2],
+    'primary-4': palettes[3],
+    'primary-5': palettes[4],
+    'primary-6': palettes[5],
+    'primary-7': palettes[6],
+    'primary-8': palettes[7],
+    'primary-9': palettes[8],
+    'primary-10': palettes[9],
+    'info-color': primary,
+    'success-color': success[5],
+    'warning-color': warning[5],
+    'error-color': error[5],
+    'alert-info-bg-color': palettes[0],
+    'alert-info-border-color': palettes[2],
+    'alert-success-bg-color': success[0],
+    'alert-success-border-color': success[2],
+    'alert-warning-bg-color': warning[0],
+    'alert-warning-border-color': warning[2],
+    'alert-error-bg-color': error[0],
+    'alert-error-border-color': error[2],
+    'processing-color': primary,
+    'menu-dark-submenu-bg': menuColors[0],
+    'layout-header-background': menuColors[1],
+    'layout-trigger-background': menuColors[2],
+    'btn-danger-bg': error[4],
+    'btn-danger-border': error[4],
+    ...ANTD.theme[theme.mode]
+  }
+}
+
+function loadLocalTheme (localSetting) {
+  if (localSetting && localSetting.theme) {
+    let { color, mode } = localSetting.theme
+    color = color || theme.color
+    mode = mode || theme.mode
+    changeThemeColor(color, mode)
+  }
+}
+
+/**
+ * 获取本地保存的配置
+ * @returns {Object}
+ * @param loadTheme
+ */
+function getLocalSetting (loadTheme) {
+  let localSetting = {}
+  try {
+    const localSettingStr = localStorage.getItem(process.env.VUE_APP_SETTING_KEY)
+    localSetting = JSON.parse(localSettingStr)
+  } catch (e) {
+    console.error(e)
+  }
+  if (loadTheme) {
+    loadLocalTheme(localSetting)
+  }
+  return localSetting
+}
+
+module.exports = {
+  getThemeColors,
+  changeThemeColor,
+  modifyVars,
+  loadLocalTheme,
+  getLocalSetting
+}

package/test/Tree.spec.js

@@ -1,168 +1,168 @@
-import { nextTick } from 'vue'
-import { shallowMount, mount } from '@vue/test-utils'
-
-import TreeComponent from '@vue2-client/base-client/components/common/Tree'
-import * as CommonApi from '@vue2-client/services/api/common'
-import { afterEach, beforeEach, describe, expect, it, jest } from '@jest/globals'
-
-function handleLogic (logicName, parameters) {
-  // 使用 switch 语句来处理多种业务逻辑
-  switch (logicName) {
-    case 'get_root_nodes':
-      // 返回特定于 'get_root_nodes' 业务逻辑的数据
-      return Promise.resolve({
-        data: [{
-          key: '0-0',
-children: [],
-          title: '某某燃气有限公司',
-        }],
-      })
-
-    case 'get_child_nodes':
-      // 根据 'another_logic' 执行不同的操作
-      // ...（执行相关操作）
-      return Promise.resolve({
-        data: [
-          { id: '2' },
-        ],
-      })
-
-    // ...您可以添加更多的 case 语句来处理更多的业务逻辑
-
-    default:
-      // 如果传入了一个未处理的业务逻辑名称，您可以有一个默认的行为或返回一个错误。
-      return Promise.reject(new Error('未知的业务逻辑名称: ' + logicName))
-  }
-}
-
-describe('TreeComponent', () => {
-  let runLogicSpy // 将变量声明移动到这里，使其在下面的作用域中可见
-  let wrapper
-
-  beforeEach(() => {
-    // 这里，我们使用 'spyOn' 只拦截 'runLogic' 函数，而不影响模块中的其他函数
-    runLogicSpy = jest.spyOn(CommonApi, 'runLogic')
-    // 现在，你可以定义这个函数的模拟实现或返回值
-    runLogicSpy.mockImplementation((logicName, parameters) => {
-      return handleLogic(logicName, parameters) // 这里是你的模拟实现)
-    })
-
-    // 在这里，我们通过 propsData 传递 prop
-    wrapper = mount(TreeComponent, {
-      propsData: {
-        configContent: {}, // 这里添加你的配置内容
-        // ... 如果还有其他 props，也在这里添加 ...
-      },
-    })
-  })
-
-  afterEach(() => {
-    // 测试之后，你应该清理模拟，以确保它不会影响其他测试
-    runLogicSpy.mockRestore()
-    wrapper.destroy()
-  })
-
-  it('renders a Tree component', () => {
-    expect(wrapper.findComponent({ name: 'a-tree' }).exists()).toBe(true)
-  })
-
-  it('calls generateTreeData method on mounted', async () => {
-  // 首先创建spy
-    const generateTreeData = jest.spyOn(TreeComponent.methods, 'generateTreeData')
-
-    // 挂载组件，并通过 propsData 传递参数
-    wrapper = await mount(TreeComponent, {
-      propsData: {
-        configContent: {}, // 这里添加实际的配置内容
-        // ...如果还有其他props，也可以在这里添加...
-      },
-    })
-
-    // 现在检查 generateTreeData 是否已被调用
-    expect(generateTreeData).toHaveBeenCalled()
-  })
-
-  it('generates treeData correctly', () => {
-    const expectedTreeData =
-      [{
-        key: '0-0',
-children: [],
-        title: '某某燃气有限公司',
-    }]
-
-    expect(wrapper.vm.treeData).toEqual(expectedTreeData)
-  })
-
-  it('expands a node and fetches child nodes correctly', async () => {
-    // 准备一些模拟数据
-    const mockNode = {
-      id: '1', // 或其他唯一标识符
-      children: [], // 初始时假设没有子节点
-    }
-
-    const mockChildren = [
-      { id: '2', parentNode: mockNode },
-      // ...更多子节点
-    ]
-
-    // 准备handleExpand方法所需的参数
-    const expandedKeys = ['1'] // 假设这是当前展开的节点keys
-    const info = {
-      expanded: true, // 假设节点是被展开的
-      node: mockNode, // 当前操作的节点
-    }
-
-    // 现在调用handleExpand方法
-    await wrapper.vm.handleExpand(expandedKeys, info)
-
-    // 我们还期望mockNode的子节点被更新
-    expect(mockNode.children).toEqual(mockChildren)
-
-    // 如果handleExpand方法更新了expandedKeys数组，我们也要验证这一点
-    const expectedExpandedKeys = ['1'] // 假设它应该包含被展开节点的id
-    expect(wrapper.vm.expandedKeys).toEqual(expectedExpandedKeys)
-  })
-
-  it('selects a node and emits nodeSelected event correctly', () => {
-    // 准备 mock 数据
-    const mockNode = { title: '某某燃气有限公司', parentNode: null }
-    const selectedKeys = ['1'] // 这个应该基于 mockNode 的数据
-    const selectInfo = { selected: true, node: mockNode }
-
-    // 调用 handleSelect 方法
-    wrapper.vm.handleSelect(selectedKeys, selectInfo)
-
-    // 断言已发出正确的事件
-    const emittedEvents = wrapper.emitted('nodeSelected')
-    expect(emittedEvents).toBeTruthy() // 确认是否有事件被发出
-    expect(emittedEvents).toHaveLength(1) // 只有一个事件被发出
-    expect(emittedEvents[0]).toEqual(['某某燃气有限公司']) // 传出的事件携带了正确的数据
-
-    // 如果 handleSelect 方法更改了内部状态（例如，'selectedKeys'），也要进行断言
-    expect(wrapper.vm.selectedKeys).toEqual([])
-  })
-
-  it('expands a node when clicked', async () => {
-    console.log(wrapper.html()) // 打印组件的 HTML 输出
-
-    // 找到 role 为 "treeitem" 的元素，这代表树节点
-    const treeNode = wrapper.find('li[role="treeitem"]')
-
-    // 确认我们找到了节点
-    expect(treeNode.exists()).toBe(true)
-
-    // 模拟用户点击，展开节点
-    await treeNode.trigger('click')
-
-    // 必须等待 nextTick 以便 Vue 更新 DOM
-    await nextTick()
-
-    // 现在检查是否更新了 expandedKeys
-    expect(wrapper.vm.expandedKeys).toContain('0-0') // 假设 '0-0' 是被点击的节点的 key
-
-    // 检查 'expand' 事件是否被正确触发
-    const expandEvents = wrapper.emitted('expand')
-    expect(expandEvents).toBeTruthy()
-    expect(expandEvents.length).toBeGreaterThan(0) // 确认至少触发了一次
-  })
-})
+import { nextTick } from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+
+import TreeComponent from '@vue2-client/base-client/components/common/Tree'
+import * as CommonApi from '@vue2-client/services/api/common'
+import { afterEach, beforeEach, describe, expect, it, jest } from '@jest/globals'
+
+function handleLogic (logicName, parameters) {
+  // 使用 switch 语句来处理多种业务逻辑
+  switch (logicName) {
+    case 'get_root_nodes':
+      // 返回特定于 'get_root_nodes' 业务逻辑的数据
+      return Promise.resolve({
+        data: [{
+          key: '0-0',
+children: [],
+          title: '某某燃气有限公司',
+        }],
+      })
+
+    case 'get_child_nodes':
+      // 根据 'another_logic' 执行不同的操作
+      // ...（执行相关操作）
+      return Promise.resolve({
+        data: [
+          { id: '2' },
+        ],
+      })
+
+    // ...您可以添加更多的 case 语句来处理更多的业务逻辑
+
+    default:
+      // 如果传入了一个未处理的业务逻辑名称，您可以有一个默认的行为或返回一个错误。
+      return Promise.reject(new Error('未知的业务逻辑名称: ' + logicName))
+  }
+}
+
+describe('TreeComponent', () => {
+  let runLogicSpy // 将变量声明移动到这里，使其在下面的作用域中可见
+  let wrapper
+
+  beforeEach(() => {
+    // 这里，我们使用 'spyOn' 只拦截 'runLogic' 函数，而不影响模块中的其他函数
+    runLogicSpy = jest.spyOn(CommonApi, 'runLogic')
+    // 现在，你可以定义这个函数的模拟实现或返回值
+    runLogicSpy.mockImplementation((logicName, parameters) => {
+      return handleLogic(logicName, parameters) // 这里是你的模拟实现)
+    })
+
+    // 在这里，我们通过 propsData 传递 prop
+    wrapper = mount(TreeComponent, {
+      propsData: {
+        configContent: {}, // 这里添加你的配置内容
+        // ... 如果还有其他 props，也在这里添加 ...
+      },
+    })
+  })
+
+  afterEach(() => {
+    // 测试之后，你应该清理模拟，以确保它不会影响其他测试
+    runLogicSpy.mockRestore()
+    wrapper.destroy()
+  })
+
+  it('renders a Tree component', () => {
+    expect(wrapper.findComponent({ name: 'a-tree' }).exists()).toBe(true)
+  })
+
+  it('calls generateTreeData method on mounted', async () => {
+  // 首先创建spy
+    const generateTreeData = jest.spyOn(TreeComponent.methods, 'generateTreeData')
+
+    // 挂载组件，并通过 propsData 传递参数
+    wrapper = await mount(TreeComponent, {
+      propsData: {
+        configContent: {}, // 这里添加实际的配置内容
+        // ...如果还有其他props，也可以在这里添加...
+      },
+    })
+
+    // 现在检查 generateTreeData 是否已被调用
+    expect(generateTreeData).toHaveBeenCalled()
+  })
+
+  it('generates treeData correctly', () => {
+    const expectedTreeData =
+      [{
+        key: '0-0',
+children: [],
+        title: '某某燃气有限公司',
+    }]
+
+    expect(wrapper.vm.treeData).toEqual(expectedTreeData)
+  })
+
+  it('expands a node and fetches child nodes correctly', async () => {
+    // 准备一些模拟数据
+    const mockNode = {
+      id: '1', // 或其他唯一标识符
+      children: [], // 初始时假设没有子节点
+    }
+
+    const mockChildren = [
+      { id: '2', parentNode: mockNode },
+      // ...更多子节点
+    ]
+
+    // 准备handleExpand方法所需的参数
+    const expandedKeys = ['1'] // 假设这是当前展开的节点keys
+    const info = {
+      expanded: true, // 假设节点是被展开的
+      node: mockNode, // 当前操作的节点
+    }
+
+    // 现在调用handleExpand方法
+    await wrapper.vm.handleExpand(expandedKeys, info)
+
+    // 我们还期望mockNode的子节点被更新
+    expect(mockNode.children).toEqual(mockChildren)
+
+    // 如果handleExpand方法更新了expandedKeys数组，我们也要验证这一点
+    const expectedExpandedKeys = ['1'] // 假设它应该包含被展开节点的id
+    expect(wrapper.vm.expandedKeys).toEqual(expectedExpandedKeys)
+  })
+
+  it('selects a node and emits nodeSelected event correctly', () => {
+    // 准备 mock 数据
+    const mockNode = { title: '某某燃气有限公司', parentNode: null }
+    const selectedKeys = ['1'] // 这个应该基于 mockNode 的数据
+    const selectInfo = { selected: true, node: mockNode }
+
+    // 调用 handleSelect 方法
+    wrapper.vm.handleSelect(selectedKeys, selectInfo)
+
+    // 断言已发出正确的事件
+    const emittedEvents = wrapper.emitted('nodeSelected')
+    expect(emittedEvents).toBeTruthy() // 确认是否有事件被发出
+    expect(emittedEvents).toHaveLength(1) // 只有一个事件被发出
+    expect(emittedEvents[0]).toEqual(['某某燃气有限公司']) // 传出的事件携带了正确的数据
+
+    // 如果 handleSelect 方法更改了内部状态（例如，'selectedKeys'），也要进行断言
+    expect(wrapper.vm.selectedKeys).toEqual([])
+  })
+
+  it('expands a node when clicked', async () => {
+    console.log(wrapper.html()) // 打印组件的 HTML 输出
+
+    // 找到 role 为 "treeitem" 的元素，这代表树节点
+    const treeNode = wrapper.find('li[role="treeitem"]')
+
+    // 确认我们找到了节点
+    expect(treeNode.exists()).toBe(true)
+
+    // 模拟用户点击，展开节点
+    await treeNode.trigger('click')
+
+    // 必须等待 nextTick 以便 Vue 更新 DOM
+    await nextTick()
+
+    // 现在检查是否更新了 expandedKeys
+    expect(wrapper.vm.expandedKeys).toContain('0-0') // 假设 '0-0' 是被点击的节点的 key
+
+    // 检查 'expand' 事件是否被正确触发
+    const expandEvents = wrapper.emitted('expand')
+    expect(expandEvents).toBeTruthy()
+    expect(expandEvents.length).toBeGreaterThan(0) // 确认至少触发了一次
+  })
+})

package/test/myDialog.spec.js

@@ -1,47 +1,47 @@
-import { createLocalVue, mount } from '@vue/test-utils'
-import MyConfirm from '@vue2-client/base-client/components/common/XBadge'
-import Plugins from '@vue2-client/base-client/plugins'
-import Antd from 'ant-design-vue'
-import { it, describe, expect, beforeAll, jest } from '@jest/globals'
-
-const localVue = createLocalVue()
-
-// 此处与index.js保持一致，保证antd的组件和appdata可以正常载入
-localVue.use(Antd)
-localVue.use(Plugins)
-
-describe('MyConfirm', () => {
-  beforeAll(() => {
-    // mock localStorage的数据
-    const getItemSpy = jest.spyOn(window.localStorage.__proto__, 'getItem')
-    getItemSpy.mockImplementation((key) => {
-      if (key === process.env.VUE_APP_BADGE_KEY) {
-        return JSON.stringify({
-          badgeStyleMap: {
-            red: {
-              status: 'red',
-              text: '红色(Red)'
-            },
-            blue: {
-              status: 'blue',
-              text: '蓝色(Blue)'
-            }
-          }
-        })
-      }
-    })
-  })
-  // 测试用例：正确渲染组件
-  it('renders correctly', () => {
-    const wrapper = mount(MyConfirm, {
-      localVue: localVue,
-      // 组件必要的传参
-      propsData: {
-        badgeKey: 'badgeStyleMap',
-        value: 'red'
-      }
-    })
-    console.debug('返回的组件html：' + wrapper.html())
-    expect(wrapper.exists()).toBe(true)
-  })
-})
+import { createLocalVue, mount } from '@vue/test-utils'
+import MyConfirm from '@vue2-client/base-client/components/common/XBadge'
+import Plugins from '@vue2-client/base-client/plugins'
+import Antd from 'ant-design-vue'
+import { it, describe, expect, beforeAll, jest } from '@jest/globals'
+
+const localVue = createLocalVue()
+
+// 此处与index.js保持一致，保证antd的组件和appdata可以正常载入
+localVue.use(Antd)
+localVue.use(Plugins)
+
+describe('MyConfirm', () => {
+  beforeAll(() => {
+    // mock localStorage的数据
+    const getItemSpy = jest.spyOn(window.localStorage.__proto__, 'getItem')
+    getItemSpy.mockImplementation((key) => {
+      if (key === process.env.VUE_APP_BADGE_KEY) {
+        return JSON.stringify({
+          badgeStyleMap: {
+            red: {
+              status: 'red',
+              text: '红色(Red)'
+            },
+            blue: {
+              status: 'blue',
+              text: '蓝色(Blue)'
+            }
+          }
+        })
+      }
+    })
+  })
+  // 测试用例：正确渲染组件
+  it('renders correctly', () => {
+    const wrapper = mount(MyConfirm, {
+      localVue: localVue,
+      // 组件必要的传参
+      propsData: {
+        badgeKey: 'badgeStyleMap',
+        value: 'red'
+      }
+    })
+    console.debug('返回的组件html：' + wrapper.html())
+    expect(wrapper.exists()).toBe(true)
+  })
+})

package/test/request.test.js

@@ -1,17 +1,17 @@
-import EncryptUtil from '@vue2-client/utils/EncryptUtil'
-import { test, describe } from '@jest/globals'
-
-describe('请求加密模块', () => {
-  const VALID_KEY = 'a964287a2cef8781ed76bd63dcadd578'
-  const TEST_PAYLOAD = {
-    username: 'admin',
-    password: 'P@ssw0rd_测试',
-    timestamp: Date.now()
-  }
-
-  // CBC加密测试
-  test('应生成有效的加密字符串', () => {
-    const encrypted = EncryptUtil.AESEncryptCBC(TEST_PAYLOAD, VALID_KEY)
-    console.log(encrypted)
-  })
-})
+import EncryptUtil from '@vue2-client/utils/EncryptUtil'
+import { test, describe } from '@jest/globals'
+
+describe('请求加密模块', () => {
+  const VALID_KEY = 'a964287a2cef8781ed76bd63dcadd578'
+  const TEST_PAYLOAD = {
+    username: 'admin',
+    password: 'P@ssw0rd_测试',
+    timestamp: Date.now()
+  }
+
+  // CBC加密测试
+  test('应生成有效的加密字符串', () => {
+    const encrypted = EncryptUtil.AESEncryptCBC(TEST_PAYLOAD, VALID_KEY)
+    console.log(encrypted)
+  })
+})