@yy-common/shared 1.0.0-beta.6

package/.versionrc

@@ -0,0 +1,23 @@
+{
+  "tagPrefix": "@yy-common/shared@",
+  "releaseCommitMessageFormat": "chore(release): @yy-common/shared@{{currentTag}}",
+  "path": ".",
+  "header": "# Changelog",
+  "types": [
+    {"type": "chore", "section":"'🎫 Chores | 其他更新", "hidden": false},
+    {"type": "revert", "section":"⏪ Reverts | 回退", "hidden": false},
+    {"type": "feat", "section": "✨ Features | 新功能", "hidden": false},
+    {"type": "fix", "section": "🐛 Bug Fixes | Bug 修复", "hidden": false},
+    {"type": "improvement", "section": "Feature Improvements", "hidden": false},
+    {"type": "docs", "section":"📝 Documentation | 文档", "hidden": false},
+    {"type": "style", "section":"💄 Styles | 风格", "hidden": false},
+    {"type": "refactor", "section":"💄 Styles | 风格", "hidden": false},
+    {"type": "perf", "section":"⚡ Performance Improvements | 性能优化", "hidden": false},
+    {"type": "test", "section":"✅ Tests | 测试", "hidden": false},
+    {"type": "build", "section":"👷‍ Build System | 构建", "hidden": false},
+    {"type": "ci", "section":"🔧 Continuous Integration | CI 配置", "hidden":false}
+  ],
+  "commitUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/{{hash}}",
+  "compareUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/{{previousTag}}...{{currentTag}}",
+  "issueUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/issues/{{id}}"
+}

package/CHANGELOG.md

@@ -0,0 +1,42 @@
+# Changelog
+## [1.0.0-beta.6](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@gy-common/shared@1.0.0-beta.5...@gy-common/shared@1.0.0-beta.6) (2024-08-05)
+
+## [1.0.0-beta.5](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@gy-common/shared@1.0.0-beta.4...@gy-common/shared@1.0.0-beta.5) (2024-08-05)
+
+
+### ✨ Features | 新功能
+
+* 三棵树 ([866a9d0](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/866a9d07a8b622ee48515ce99b473fee919d13bd))
+
+## [1.0.0-beta.4](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@gy-common/shared@1.0.0-beta.3...@gy-common/shared@1.0.0-beta.4) (2024-06-29)
+
+
+### ✨ Features | 新功能
+
+* 迁移axios ([56cc2f6](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/56cc2f629a9d70bdfdf1788f8e923f66428e3650))
+
+## [1.0.0-beta.3](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/@gy-common/shared@1.0.0-beta.2...@gy-common/shared@1.0.0-beta.3) (2024-06-20)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 部分项目引用方式修改 ([42641d6](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/42641d67db11af8a409f8225e3e95bb77071cb67))
+
+
+### ✨ Features | 新功能
+
+* 初始化 ([b58b88c](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/b58b88cf66a97dc5a1775ae358fa51d7b6d5390b))
+* 删除?. ([17bc428](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/17bc428439b5c540ef47b34419b49b82d8328e37))
+
+## 1.0.0-beta.2 (2024-06-19)
+
+
+### ✨ Features | 新功能
+
+* **@gy-common/shared:** 新增shared文件 ([3745801](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/37458015b535580175b127b486e8cfbb0f0411c9))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **@gy-common/shared:** .versionrc文件修改 ([d35c8f7](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/d35c8f7c34a75800807991fa11283a12120f4c28))
+* **@gy-common/shared:** api引用config相关修改 ([ab74960](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/ab749603bb7ba0a535976ded7434012946dc16ee))

package/api/dict.js

@@ -0,0 +1,60 @@
+import { IS_OR_NOT_ENUM_KEY, IS_OR_NOT_ENUM_LIST } from '../utils/enum'
+import { axios } from '../utils/request'
+import { getDictCache, setDictCache } from '../utils/dict-cache'
+import config from '@yy-common/shared/config/config'
+
+const CONTEXT = config.authServerContext
+
+export function getDictsMapApi(dictId) {
+  return axios.get(`${CONTEXT}/anon/dict/getDictsMap`, { params: { dictId } })
+}
+
+export async function getDictApi(dictId) {
+  if (dictId === IS_OR_NOT_ENUM_KEY) {
+    return IS_OR_NOT_ENUM_LIST
+  }
+  const dictValue = getDictCache(dictId)
+  if (!!dictValue) {
+    return dictValue
+  }
+
+  try {
+    const { data } = await axios.get(`${CONTEXT}/dict/getDicts`, { params: { dictId } })
+    setDictCache(dictId, data)
+    return data
+  } catch (error) {
+    console.error(`getDict error dictId=${dictId}`, error)
+  }
+}
+
+/*
+  入参：枚举ID数组，如['IMP_YES_NO', 'IMP_TRANS_TYPE']
+  输出：{
+    'IMP_YES_NO': {
+      data: {
+        '0': '否',
+        '1': '是'
+      },
+      renderData: [
+        {K: '1', V: '是'},
+        {K: '0', V: '否'},
+      ]
+    },
+    ...
+  }
+*/
+export async function getDictMapApi(dictIdArr) {
+  const resultMap = {}
+  const result = await Promise.all(dictIdArr.map((dictId) => getDictApi(dictId)))
+  dictIdArr.forEach((dictId, i) => {
+    if (result[i]) {
+      const resultValue = {}
+      result[i].forEach((item) => {
+        resultValue[item.K] = item.V
+      })
+
+      resultMap[dictId] = { data: resultValue, renderData: result[i] }
+    }
+  })
+  return resultMap
+}

package/api/index.js

@@ -0,0 +1 @@
+export * from './dict'

package/config/config.js

@@ -0,0 +1,65 @@
+
+export default {
+    // 配置显示在浏览器标签的title
+    title: '',
+    // icomId
+    icomId: '',
+    // 是否展示菜单
+    showMenus: false,
+    // 路由base路径
+    routerBase: 'ind',
+    // 登录页的路由name
+    loginRouteName: 'login',
+    // 根路由name
+    rootRouteName: 'root',
+    // 首页的路由name
+    homeRouteName: 'home',
+
+    // 从云庭复制过来的配置 --------------------begin------------------------
+    //title: '云庭',
+    serverContext: '/ibp-sc',
+    loginName: 'login',
+    loginPagePath: '/login',
+    homeName: 'home',
+
+    //errorMessage: '数据请求出错，请稍后尝试',
+    LeftLockDays: 7,
+    themeColor: 'orange',
+    parentServerContext: '/ibp-sc',
+    parentLoginPath: '/login',
+    parentHomePath: '/home',
+    anonName: [
+        '404'
+    ],
+    // 从云庭复制过来的配置 --------------------end------------------------
+
+    // auth-server 登录认证组件
+    authServerContext: '/user-manage-server',
+    upmsServerContext: '/user-manage-server',
+    // 文件上传组件
+    ossServerContext: '/ind-uc-ext-server',
+
+    // 数智烟叶服务列表 --- begin ----
+    crmServerContext: '/crm-server',
+    // 数智烟叶服务列表 --- end ----
+
+
+    // kkfilepreview 预览文件组件
+    kkfilepreviewContext: '/kkfilepreview',
+    // 错误文案
+    errorMessage: '系统开小差了，请稍后尝试',
+    // 用户即将过期提醒，用户距离过期天数小于等于leftLockDays提醒用户修改密码
+    leftLockDays: 7,
+    // 查询条件title所占宽度
+    labelStyle: {
+        labelWidthButton: 50 /*  * ratio */,
+        labelWidth: 108 /*  * ratio */,
+        labelWidthSmall: 100 + 40 /*  * ratio */,
+        labelWidthMiddle: 120 + 40 /*  * ratio */,
+        labelWidthMiddleLarge: 140 + 40 /*  * ratio */,
+        labelWidthLarge: 160 + 40 /*  * ratio */,
+        labelWidthSuperLarge: 180 + 40 /*  * ratio */,
+    },
+    /** 点击跳转的文字颜色 */
+    linkColor: '#488AFF',
+};

package/config/index.js

@@ -0,0 +1 @@
+export { default as config } from './config'

package/directive/directives.js

@@ -0,0 +1,9 @@
+import draggable from './module/draggable'
+import permission from './module/permission'
+
+const directives = {
+  draggable,
+  permission,
+}
+
+export default directives

package/directive/index.js

@@ -0,0 +1,26 @@
+import directive from './directives'
+
+const importDirective = (Vue) => {
+  /**
+   * 拖拽指令 v-draggable="options"
+   * options = {
+   *  trigger: /这里传入作为拖拽触发器的CSS选择器/,
+   *  body:    /这里传入需要移动容器的CSS选择器/,
+   *  recover: /拖动结束之后是否恢复到原来的位置/
+   * }
+   */
+  Vue.directive('draggable', directive.draggable)
+  // /**
+  //  * clipboard指令 v-draggable="options"
+  //  * options = {
+  //  *  value:    /在输入框中使用v-model绑定的值/,
+  //  *  success:  /复制成功后的回调/,
+  //  *  error:    /复制失败后的回调/
+  //  * }
+  //  */
+  // Vue.directive('clipboard', directive.clipboard)
+
+  Vue.directive('permission', directive.permission)
+}
+
+export default importDirective

package/directive/module/draggable.js

@@ -0,0 +1,44 @@
+import { on } from "@lambo-design/shared/utils/dom"
+
+export default {
+  inserted: (el, binding, vnode) => {
+    console.log(el, vnode)
+    let triggerDom = document.querySelector(binding.value.trigger)
+    triggerDom.style.cursor = 'move'
+    let bodyDom = document.querySelector(binding.value.body)
+    let pageX = 0
+    let pageY = 0
+    let transformX = 0
+    let transformY = 0
+    let canMove = false
+    const handleMousedown = (e) => {
+      let transform = /\(.*\)/.exec(bodyDom.style.transform)
+      if (transform) {
+        transform = transform[0].slice(1, transform[0].length - 1)
+        let splitxy = transform.split('px, ')
+        transformX = parseFloat(splitxy[0])
+        transformY = parseFloat(splitxy[1].split('px')[0])
+      }
+      pageX = e.pageX
+      pageY = e.pageY
+      canMove = true
+    }
+    const handleMousemove = (e) => {
+      let xOffset = e.pageX - pageX + transformX
+      let yOffset = e.pageY - pageY + transformY
+      if (canMove) bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`
+    }
+    const handleMouseup = () => {
+      canMove = false
+    }
+    on(triggerDom, 'mousedown', handleMousedown)
+    on(document, 'mousemove', handleMousemove)
+    on(document, 'mouseup', handleMouseup)
+  },
+  update: (el, binding) => {
+    this.el = el
+    if (!binding.value.recover) return
+    let bodyDom = document.querySelector(binding.value.body)
+    bodyDom.style.transform = ''
+  },
+}

package/directive/module/permission.js

@@ -0,0 +1,15 @@
+const checkPermission = function (el, binding, vnode) {
+  el.style.display = 'none'
+  const value = binding.value
+  let store = vnode.componentInstance.$store
+  const permission = store.state.app.permission
+  const have = permission[value]
+  if (have || value === 'all') {
+    el.style.display = ''
+  }
+}
+
+export default {
+  bind: checkPermission,
+  update: checkPermission,
+}

package/index.js

@@ -0,0 +1,4 @@
+export * from './api'
+export * from './config'
+export * from './utils'
+export * from './router'

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@yy-common/shared",
+  "version": "1.0.0-beta.6",
+  "description": "",
+  "main": "index.js",
+  "author": "lambo",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "files": [
+      "!**/.*",
+      "!**/CHANGELOG.md",
+      "**/*"
+    ]
+  },
+  "dependencies": {},
+  "scripts": {
+    "release-shared": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "release-beta": "standard-version --prerelease beta",
+    "re-publish": "pnpm publish --access public --no-git-checks"
+  }
+}

package/router/basic-routes.js

@@ -0,0 +1,28 @@
+import { EmptyLayout, NotFound } from '../../components'
+import config from '@yy-common/shared/config/config'
+import _ from 'lodash'
+
+const rootRoute = {
+  name: config.rootRouteName,
+  path: '/',
+  component: EmptyLayout,
+  meta: {},
+  children: [],
+}
+const notFoundRoute = {
+  path: '/404',
+  meta: {
+    hideInMenu: true,
+  },
+  component: NotFound,
+}
+
+// 组织主应用的基础路由
+export function createMacroBasicRoutes({ rootChildren } = {}) {
+  const rootRouteTemp = _.cloneDeep(rootRoute)
+  if (rootChildren && rootChildren.length) {
+    rootRouteTemp.children.push(...rootChildren)
+  }
+  let routesTmp = [rootRouteTemp, notFoundRoute]
+  return routesTmp
+}

package/router/generator-routers.js

@@ -0,0 +1,260 @@
+import { EmptyLayout, NotFound } from '../../components'
+import config from '@lambo-design/shared/config/config'
+
+// 包装路由组件的类型枚举
+export const constantRouterComponents = {
+  EmptyLayout: { component: EmptyLayout },
+  EmptyLayoutNotCache: { component: { ...EmptyLayout, name: 'IndEmptyLayoutNotCache' } },
+}
+
+// 权限类型枚举
+const PERMISSION_TYPE = {
+  DIRECTORY: 1,
+  MENU: 2,
+  BUTTON: 3,
+  PAGE: 4,
+}
+
+// 是否是菜单要展示的类型
+function isMenuPermissionType(type) {
+  return [PERMISSION_TYPE.DIRECTORY, PERMISSION_TYPE.MENU].includes(type)
+}
+
+export function getPermissionType(type) {
+  return Object.keys(PERMISSION_TYPE).find((key) => PERMISSION_TYPE[key] === type)
+}
+
+export function permission2Router(list, microType) {
+  if (!list) {
+    return []
+  }
+  let tempList = []
+  let routeNameKey = location.href.includes('imarket-analysis') ? 'name' : 'permissionValue'
+  for (const item of list) {
+    tempList.push({
+      path: dealRoutePath(item.uri, microType),
+      name: item[routeNameKey],
+      meta: {
+        appId: item.appId,
+        permissionId: item.permissionId,
+        title: item.label,
+        uri: item.uri,
+        icon: item.icon,
+        crumbs: [
+          { icon: item.icon, name: item[routeNameKey], title: item.label, type: item.type },
+        ],
+        activeName: item[routeNameKey],
+        data: item,
+      },
+      component: item[routeNameKey],
+    })
+  }
+  return tempList
+}
+/**
+ * 权限列表数据转树形结构
+ *
+ * @param {PermissionList2TreeOptions} params
+ * @param {Array} params.list 权限数据
+ * @param {Array} params.menuTree 菜单类权限树形结构
+ * @param {Array} params.pageNode 页面类权限，children里添加页面节点
+ * @param {string} params.parentId 父节点Id
+ * @param {Array} params.crumbs 从根节点到本节点的路径
+ * @param {boolean} params.root 是否是根节点
+ */
+function listToMenuTree({ list, menuTree, pageNode, parentId, crumbs, root }) {
+  if (!list) return
+
+  list.forEach((item) => {
+    const { permissionId, label: title, appId, pid, icon, type, uri, permissionValue, name } = item
+    // ! user-manage-server permissionValue 才是编码
+    // const name = permissionValue
+    // 判断是否为该父级节点的子节点
+    if (pid === parentId) {
+      if (isMenuPermissionType(type)) {
+        let node = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: {
+            appId,
+            permissionId,
+            title,
+            icon,
+            crumbs: [...crumbs],
+            activeName: name,
+            data: item,
+          },
+          children: [],
+        }
+        node.meta.crumbs.push({ icon, name, title, type })
+
+        if (PERMISSION_TYPE.DIRECTORY === type) {
+          node.component = 'EmptyLayout'
+        }
+        // 迭代 list， 找到当前菜单相符合的所有子菜单
+        listToMenuTree({
+          list,
+          menuTree: node.children,
+          pageNode,
+          parentId: permissionId,
+          crumbs: node.meta.crumbs,
+          root: false,
+        })
+        // 删掉不存在 children 值的属性
+        if (!node.children.length) {
+          delete node.children
+        }
+        // 加入到树中
+        menuTree.push(node)
+      }
+      if (PERMISSION_TYPE.PAGE === type) {
+        let child = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: {
+            appId,
+            permissionId,
+            title,
+            hideInMenu: true,
+            notCache: true,
+            crumbs: [...crumbs],
+            type,
+            data: item,
+          },
+        }
+        child.meta.crumbs.push({ icon, name, title, type })
+        pageNode.children.push(child)
+      }
+    }
+  })
+}
+
+// 处理路由的path
+function dealRoutePath(uri) {
+  if (!uri) return ''
+  if (!uri.startsWith('/')) {
+    uri = `/${uri}`
+  }
+  // 不要参数部分
+  if (uri.includes('?')) {
+    uri = uri.split('?')[0]
+  }
+  // 不要后缀部分
+  if (uri.includes('.')) {
+    uri = uri.split('.')[0]
+  }
+  if (uri.startsWith('/' + config.routerBase)) {
+      uri = uri.replace('/' + config.routerBase, '')
+  }
+  return uri
+}
+
+/**
+ * 根据所有的权限组织菜单
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 菜单
+ */
+export function generatorMenuTree(permissionList = []) {
+  permissionList = permissionList.filter((item) => isMenuPermissionType(item.type))
+  const menuTree = []
+
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode: { children: [] },
+    parentId: '0',
+    crumbs: [],
+    root: true,
+  })
+
+  return menuTree
+}
+
+/**
+ * 根据权限数据生成动态的树形路由表
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 路由表
+ */
+export function generatorDynamicRouter(permissionList = []) {
+  // 菜单的树形结构
+  const menuTree = []
+  // 所有的页面都包装在同一个组件里
+  const pageNode = {
+    path: '/page',
+    name: 'page',
+    meta: { hideInMenu: true, notCache: true },
+    component: 'EmptyLayoutNotCache',
+    children: [],
+  }
+  // 转树形结构
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode,
+    parentId: '0', // 根节点Id固定为0
+    crumbs: [],
+    root: true,
+  })
+
+  if (pageNode.children.length) {
+    menuTree.push(pageNode)
+  }
+  return generator(menuTree)
+}
+
+/**
+ * 生成 vue-router 层级路由表
+ *
+ * @param {Array} menuData 权限的树形结构数据
+ * @returns 路由表
+ */
+export function generator(menuData = []) {
+  for (let item of menuData) {
+    if (item.component) {
+      const target = constantRouterComponents[item.component]
+      if (target) {
+        item.component = target.component
+      } else if (item.path) {
+        if (window.loadComponentHandler) {
+          item.component = window.loadComponentHandler(item.path, item.name) || NotFound
+        }
+      } else {
+        // 打这个日志其实没啥意义，找不到就找不到了
+        // console.error(`找不到组件定义:${item.component},请排查资源路径配置是否正确`)
+        item.component = NotFound
+      }
+
+      if (item.children && item.children.length > 0) {
+        generator(item.children)
+      }
+    }
+  }
+  return menuData
+}
+
+/**
+ * 生成 vue-router 层级路由表
+ *
+ * @param {Array} menuData 权限的树形结构数据
+ * @returns 路由表
+ */
+export function generatorRouteByPermission(item) {
+  if (window.loadComponentHandler) {
+    item.component = window.loadComponentHandler(item.path, item.name) || NotFound
+  } else {
+    console.error(`找不到组件定义:${item.component},请排查资源路径配置是否正确`)
+    item.component = NotFound
+  }
+
+  return item
+}