@gx-design-vue/create-gx-cli 0.1.10 → 0.1.12

package/template-gx-design-thin/mock/util/table.ts

@@ -0,0 +1,92 @@
+import mockjs from 'mockjs'
+import { cloneDeep } from 'lodash-es'
+import dayjs from 'dayjs'
+
+const { Random, mock } = mockjs
+
+export interface ListItem {
+  createTime: string;
+  id: number;
+}
+
+export interface ListSearchParams {
+  pageNum?: number;
+  pageSize?: number;
+  sord?: 'asc' | 'desc';
+  sidx?: 'createTime';
+}
+
+export function initContent<T>(
+  max,
+  callbackParams?: (key: number) => Omit<T, 'id' | 'createTime'> & Partial<ListItem>
+): (Omit<T, 'id' | 'createTime'> & ListItem)[] {
+  const mockParams = {}
+  mockParams[`data|${max}`] = [
+    {
+      'id|+1': 1
+    }
+  ]
+  const list: { data: (T & ListItem)[] } = mock(mockParams)
+
+  return list.data.map((item, index) => {
+    return {
+      ...item,
+      createTime: dayjs()
+        .subtract(Random.integer(3, 60), 'day')
+        .subtract(Random.integer(2, 6), 'hour')
+        .subtract(Random.integer(1, 59), 'minute')
+        .subtract(Random.integer(1, 59), 'second')
+        .format('YYYY-MM-DD HH:mm:ss'),
+      ...callbackParams?.(index)
+    }
+  })
+}
+
+export function handlePageList<T>(
+  dataSource: T[],
+  { pageNum, pageSize, callBack }: {
+    pageNum: number;
+    pageSize: number;
+    callBack?: (data: T[]) => T[]
+  }
+): T[] {
+  if (callBack)
+    dataSource = callBack?.(dataSource)
+  return cloneDeep(dataSource).filter(
+    (_, sort) => (sort < pageNum * pageSize) && (sort >= pageSize * (pageNum - 1))
+  )
+}
+
+export function compareToMaxTime(obj1, obj2, key, type: 0 | 1 = 0) {
+  const val1 = obj1[key]
+  const val2 = obj2[key]
+  let result = 0
+  if (dayjs(val1).isBefore(dayjs(val2))) {
+    result = type === 0 ? -1 : 0
+  } else if (dayjs(val1).isAfter(dayjs(val2))) {
+    result = type === 0 ? 0 : (-1)
+  }
+  return result
+}
+
+export function postDataSource<T>(
+  dataSource: (Omit<T, 'id' | 'createTime'> & ListItem)[],
+  type: 'delete' | 'add' | 'update' = 'update',
+  options?: { key?: string; params: Partial<(Omit<T, 'id' | 'createTime'> & ListItem)> }
+) {
+  if (type === 'update')
+    dataSource = dataSource.map((item: any) => {
+      if (options?.params?.[options.key] === item[options?.key])
+        return { ...item, ...options?.params }
+      return item
+    })
+  if (type === 'add')
+    dataSource.unshift({
+      ...options?.params as (Omit<T, 'id' | 'createTime'> & ListItem),
+      id: dataSource.length + 1
+    })
+  if (type === 'delete')
+    dataSource = dataSource.filter(item => options?.params?.[options.key] !== item[options?.key])
+
+  return dataSource
+}

package/template-gx-design-thin/mock/util/utils.ts

@@ -0,0 +1,73 @@
+import mockjs from 'mockjs'
+import { defaultSettings } from '@gx-config'
+import type { UserDetails } from '@gx-mock/config/user'
+import { tokenAccount, defaultUser } from '@gx-mock/config/user'
+import { Decrypt, Encrypt } from '@gx-mock/util/crypto'
+import { getRandomNumber } from '@gx-design-vue/pro-utils'
+import { checkBackDataFun, getRequestToken } from '@gx-mock/_util'
+
+const { Random } = mockjs
+
+const { mockPrefixUrl, checkMockToken } = defaultSettings
+
+export function getTokenBuUserId(token) {
+  return Number(Object.keys(tokenAccount).find(item => tokenAccount[item] === token))
+}
+
+export function createrToken(_) {
+  const userInfo = defaultUser
+  return Encrypt({ userId: userInfo.user.userId })
+}
+
+export function getTokeUserInfo(token): UserDetails {
+  return Decrypt(token)
+}
+
+export function handleRandomImage(width = 50, height = 50) {
+  return `https://picsum.photos/${width}/${height}?random=${getRandomNumber().uuid(10)}`
+}
+
+export function checkToken(token) {
+  if (token) {
+    const useInfo: UserDetails = getTokeUserInfo(token)
+    return useInfo ? useInfo?.userId : false
+  }
+
+  return !checkMockToken
+}
+
+export function getArraryList<T>(length: number, callback: (key: number) => T) {
+  return Array.from({ length }).map((_, key) => callback(key))
+}
+
+export function getMockRequest<T = Recordable, R = Record<any, any>, D = undefined>({
+  url,
+  timeout,
+  method,
+  carryToken = true,
+  callback
+}: {
+  url: string;
+  carryToken?: boolean;
+  timeout?: number;
+  method: MockMethod['method'];
+  callback?: (res: MockResponse<T, D>, token?: string) => Partial<R>;
+}): MockMethod {
+  return {
+    url: `${mockPrefixUrl}${url}`,
+    timeout,
+    method,
+    response: (request) => {
+      if (carryToken) {
+        const token = getRequestToken(request)
+        return checkBackDataFun(token, callback?.(request, token) || {})
+      }
+
+      return callback?.(request)
+    }
+  }
+}
+
+export function getMockRandowList<T = any>(data: T[]) {
+  return data[Random.integer(0, data.length - 1)] as T
+}

package/template-gx-design-thin/package.json

@@ -0,0 +1,129 @@
+{
+  "name": "gx-pro-admin",
+  "version": "3.0.0",
+  "type": "module",
+  "scripts": {
+    "bootstrap": "pnpm i",
+    "serve": "pnpm run dev",
+    "dev": "pnpm run start:dev",
+    "start:dev": "cross-env VITE_APP_ENV=dev vite",
+    "start:production": "cross-env VITE_APP_ENV=dev vite --mode production",
+    "build": "cross-env vite build",
+    "build:no-cache": "pnpm clean:cache && pnpm run build",
+    "report": "cross-env REPORT=true npm run build",
+    "type:check": "vue-tsc --noEmit --skipLibCheck",
+    "preview": "pnpm run build && vite preview",
+    "preview:dist": "vite preview",
+    "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
+    "clean:lib": "rimraf node_modules",
+    "lint:eslint": "eslint --cache --max-warnings 0  \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "reinstall": "rimraf yarn.lock && rimraf package.lock.json && rimraf node_modules && pnpm run bootstrap"
+  },
+  "dependencies": {
+    "@gx-design-vue/pro-app": "^0.1.0-beta.10",
+    "@gx-design-vue/pro-form": "^0.2.0-beta.18",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.19",
+    "@gx-design-vue/pro-layout": "^0.1.0-beta.54",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.51",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.27",
+    "@gx-design-vue/pro-watermark": "^0.2.0-beta.6",
+    "@gx-design-vue/scrollbar": "^0.2.0-beta.12",
+    "@vueuse/core": "^10.7.2",
+    "@vueuse/shared": "^10.7.2",
+    "ant-design-vue": "^4.1.2",
+    "axios": "^1.7.2",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.10",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.1.7",
+    "unocss": "^0.58.5",
+    "vue": "^3.3.7",
+    "vue-router": "^4.4.0",
+    "vue-types": "^5.1.1"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.9.0",
+    "@commitlint/cli": "^12.1.4",
+    "@commitlint/config-conventional": "^12.1.4",
+    "@types/fs-extra": "^9.0.13",
+    "@types/jest": "^26.0.24",
+    "@types/lodash-es": "^4.17.10",
+    "@types/mockjs": "^1.0.6",
+    "@types/node": "^20.11.19",
+    "@types/nprogress": "^0.2.0",
+    "@types/qs": "^6.9.7",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
+    "@vitejs/plugin-legacy": "^5.4.1",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/compiler-sfc": "3.2.37",
+    "yaml": "^2.0.0",
+    "esbuild": "^0.20.2",
+    "autoprefixer": "^10.4.5",
+    "body-parser": "^1.19.0",
+    "bundle-require": "^4.0.1",
+    "chalk": "^4.1.2",
+    "commitizen": "^4.2.4",
+    "connect": "^3.7.0",
+    "conventional-changelog-cli": "^2.1.1",
+    "cross-env": "^7.0.3",
+    "dotenv": "16.0.1",
+    "eslint": "^8.56.0",
+    "esno": "^0.7.3",
+    "fs-extra": "^10.1.0",
+    "jsdom": "^21.1.0",
+    "less": "^4.1.2",
+    "lint-staged": "12.3.7",
+    "mockjs": "^1.1.0",
+    "path-to-regexp": "^6.2.1",
+    "postcss": "^8.4.35",
+    "postcss-html": "^1.6.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^3.2.5",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-external-globals": "^0.6.1",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "terser": "^5.14.2",
+    "ts-node": "^10.1.0",
+    "typescript": "^5.3.3",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-vue-components": "0.25.2",
+    "vite": "^5.1.4",
+    "vite-plugin-compression": "0.5.1",
+    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-pwa": "^0.19.0",
+    "vite-plugin-vue-devtools": "^7.3.4",
+    "vite-plugin-vue-setup-extend": "0.4.0",
+    "vue-eslint-parser": "^9.4.2",
+    "vue-tsc": "^1.8.27"
+  },
+  "license": "MIT",
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
+      "prettier --write--parser json"
+    ],
+    "package.json": [
+      "prettier --write"
+    ],
+    "*.vue": [
+      "eslint --fix",
+      "prettier --write",
+      "stylelint --fix"
+    ],
+    "*.{scss,less,styl,html}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.md": [
+      "prettier --write"
+    ]
+  }
+}