@gindow/element-go 1.0.0

package/src/locale/index.ts

@@ -0,0 +1,73 @@
+import { getCurrentInstance, inject, provide, reactive, ref } from 'vue'
+import zhCN from './zh-CN'
+import enUS from './en-US'
+
+type Messages = Record<string, any>
+
+const getStoredLocale = (): string => {
+  const availableCodes = ['en', 'zh-CN']
+  const storageLocale = localStorage.getItem('locale')
+  const browserLocale = navigator.language
+  if (storageLocale && availableCodes.includes(storageLocale)) return storageLocale
+  else if (browserLocale && availableCodes.includes(browserLocale as string)) return browserLocale as string // 完全匹配
+  else if (browserLocale && availableCodes.includes(browserLocale.split('-')[0] as string)) return browserLocale.split('-')[0] as string // 部分匹配
+  else return availableCodes[0] ?? 'zh-CN' // 未匹配
+}
+
+const LOCALE_INJECTION_KEY = Symbol('element-go-locale')
+const locale = ref<string>(getStoredLocale())
+
+/**
+ * element-go 自带的基础文案底座,**永不被 provider 覆盖**。
+ * 业务 app 只需在自己的 messages 里写业务 key;ex-* 组件用到的内置 key
+ * 始终能在这里兜底(含 app 自定义 locale 码如 en-KE / sw-KE,会回落到 en)。
+ */
+const base: Messages = { 'en': enUS, 'en-US': enUS, 'zh-CN': zhCN }
+const messages: Messages = reactive({ 'en': enUS, 'zh-CN': zhCN })
+
+/** 取语言族兜底码:zh* → zh-CN,其余 → en */
+const fallbackCode = (code: string): string => (code.toLowerCase().startsWith('zh') ? 'zh-CN' : 'en')
+
+/** 按 a.b.c / a[0].b 路径深取;取不到返回 undefined */
+const deepGet = (obj: Messages | undefined, keys: string[]): unknown => {
+  let result: any = obj
+  for (const key of keys) {
+    result = result?.[key]
+    if (result === undefined) return undefined
+  }
+  return result
+}
+
+export const provider = (opts?: { locale?: string; messages?: Messages }) => {
+  if (opts?.locale) locale.value = opts.locale
+  if (opts?.messages) {
+    for (const [key, value] of Object.entries(opts.messages)) {
+      messages[key] = value
+    }
+  }
+  if (getCurrentInstance()) provide(LOCALE_INJECTION_KEY, { locale, messages })
+  return { locale, messages }
+}
+
+export const useLocale = () => {
+  const injected = inject<{ locale: typeof locale; messages: typeof messages } | undefined>(LOCALE_INJECTION_KEY, undefined)
+  const currentLocale = injected?.locale ?? locale
+  const currentMessages = injected?.messages ?? messages
+
+  const t = (path: string, params?: Record<string, string | number>): string => {
+    const keys = path.replace(/\[(\d+)]/g, '.$1').split('.')
+    // 1) 先查当前 locale 的 app messages
+    let result = deepGet(currentMessages[currentLocale.value], keys)
+    // 2) 查不到 → 回落到 element-go 自带 base(按语言族),保证 ex-* 文案永远有值
+    if (result === undefined) result = deepGet(base[fallbackCode(currentLocale.value)], keys)
+    let text = (result ?? path) as string
+    if (params && typeof text === 'string') text = text.replace(/\{(\w+)\}/g, (_, k) => params[k] !== undefined ? String(params[k]) : `{${k}}`)
+    return text
+  }
+
+  return { locale: currentLocale, t }
+}
+
+export const setLocale = (lang: string) => locale.value = lang
+
+export const getLocale = () => locale.value

package/src/locale/zh-CN.ts

@@ -0,0 +1,49 @@
+export default {
+  core: {
+    back: '返回',
+    save: '保存',
+    cancel: '取消',
+    reset: '重置',
+    search: '查询',
+    keywords: '关键字',
+    upload: '上传文件',
+    confirm: '确认',
+    phoneNumber: '手机号码',
+    createdAt: '创建时间',
+    noPermission: '暂无权限',
+    create: '新建',
+    edit: '编辑',
+    delete: '删除',
+    sort: '排序',
+    logout: '退出',
+    profile: '个人中心',
+    password: '密码',
+    datetime: {
+      to: '至',
+      start: '开始日期',
+      end: '结束日期',
+      yesterday: '昨天',
+      today: '今天',
+      thisWeek: '本周',
+      thisMonth: '本月',
+      thisYear: '本年',
+    },
+    message: {
+      successful: '操作成功',
+      downloadFailed: '下载失败',
+      tooLarge: '文件超过大小限制',
+      fileExceed: '最多只能上传 {limit} 个文件',
+      confirm: '确认',
+      delConfirm: '确定要删除该条记录吗？',
+    },
+  },
+  empty: {
+    noData: '暂无数据',
+  },
+  dialog: {
+    tip: '操作提示',
+    confirm: '操作确认',
+    prompt: '请输入',
+    required: '必填项',
+  },
+}

package/src/resolver.ts

@@ -0,0 +1,26 @@
+export interface ElementGoResolverOptions {
+  /**
+   * 是否自动导入 element-go 的聚合样式文件。
+   * 默认 true：每次解析到 Ex* 组件时附带 `element-go/styles/index.css` 副作用导入
+   * （unplugin-vue-components 会去重，不会重复打包）。
+   * 设为 false 时需在应用入口手动 `import 'element-go/styles/index.css'`。
+   */
+  importStyle?: boolean
+  /** 自定义前缀，默认 'Ex' */
+  prefix?: string
+}
+
+export function ElementGoResolver(options: ElementGoResolverOptions = {}) {
+  const { importStyle = true, prefix = 'Ex' } = options
+  return {
+    type: 'component' as const,
+    resolve(name: string) {
+      if (!name.startsWith(prefix)) return
+      return {
+        name,
+        from: 'element-go',
+        sideEffects: importStyle ? 'element-go/styles/index.css' : undefined,
+      }
+    },
+  }
+}

package/src/styles/arco.css

@@ -0,0 +1,179 @@
+/**
+ * Arco Design 风格主题 —— 把 Arco 设计令牌映射成 Element Plus 支持的 CSS 变量(--el-*)。
+ *
+ * 用法：在应用入口、element-go 基础样式之后引入即可：
+ *   import 'element-go/styles/arco.css'
+ *
+ * 说明：
+ * - 选择器用 `html:root` / `html.dark:root` 提升优先级，确保覆盖 element-plus 与
+ *   element-go 基础变量，且不依赖 import 顺序。
+ * - 亮色用 Arco 官方调色板原值；暗色中性色用 Arco 暗色面板原值，语义色的
+ *   light-* 派生用 color-mix 按 Element Plus 的混色规则从基色推导(向暗背景混合)。
+ */
+
+/* ============ 亮色 ============ */
+html:root {
+  /* 主色 arcoblue（蓝 1~9 取自 Arco 调色板） */
+  --el-color-primary: #165dff;
+  --el-color-primary-light-3: #4080ff;
+  --el-color-primary-light-5: #6aa1ff;
+  --el-color-primary-light-7: #94bfff;
+  --el-color-primary-light-8: #bedaff;
+  --el-color-primary-light-9: #e8f3ff;
+  --el-color-primary-dark-2: #0e42d2;
+
+  /* 成功 green */
+  --el-color-success: #00b42a;
+  --el-color-success-light-3: #23c343;
+  --el-color-success-light-5: #4cd263;
+  --el-color-success-light-7: #7be188;
+  --el-color-success-light-8: #aff0b5;
+  --el-color-success-light-9: #e8ffea;
+  --el-color-success-dark-2: #009a29;
+
+  /* 警告 orange */
+  --el-color-warning: #ff7d00;
+  --el-color-warning-light-3: #ff9a2e;
+  --el-color-warning-light-5: #ffb65d;
+  --el-color-warning-light-7: #ffcf8b;
+  --el-color-warning-light-8: #ffe4ba;
+  --el-color-warning-light-9: #fff7e8;
+  --el-color-warning-dark-2: #d25f00;
+
+  /* 危险 / 错误 red（Element Plus 同时用 danger 与 error 两套变量） */
+  --el-color-danger: #f53f3f;
+  --el-color-danger-light-3: #f76560;
+  --el-color-danger-light-5: #f98981;
+  --el-color-danger-light-7: #fbaca3;
+  --el-color-danger-light-8: #fdcdc5;
+  --el-color-danger-light-9: #ffece8;
+  --el-color-danger-dark-2: #cb272d;
+  --el-color-error: #f53f3f;
+  --el-color-error-light-3: #f76560;
+  --el-color-error-light-5: #f98981;
+  --el-color-error-light-7: #fbaca3;
+  --el-color-error-light-8: #fdcdc5;
+  --el-color-error-light-9: #ffece8;
+  --el-color-error-dark-2: #cb272d;
+
+  /* 信息 gray */
+  --el-color-info: #86909c;
+  --el-color-info-light-3: #a9aeb8;
+  --el-color-info-light-5: #c9cdd4;
+  --el-color-info-light-7: #e5e6eb;
+  --el-color-info-light-8: #f2f3f5;
+  --el-color-info-light-9: #f7f8fa;
+  --el-color-info-dark-2: #6b7785;
+
+  /* 文本 text 1~4 */
+  --el-text-color-primary: #1d2129;
+  --el-text-color-regular: #4e5969;
+  --el-text-color-secondary: #86909c;
+  --el-text-color-placeholder: #a9aeb8;
+  --el-text-color-disabled: #c9cdd4;
+
+  /* 边框 */
+  --el-border-color-darker: #a9aeb8;
+  --el-border-color-dark: #c9cdd4;
+  --el-border-color: #e5e6eb;
+  --el-border-color-light: #e5e6eb;
+  --el-border-color-lighter: #f2f3f5;
+  --el-border-color-extra-light: #f7f8fa;
+
+  /* 填充 fill 1~4 */
+  --el-fill-color-darker: #c9cdd4;
+  --el-fill-color-dark: #e5e6eb;
+  --el-fill-color: #f2f3f5;
+  --el-fill-color-light: #f2f3f5;
+  --el-fill-color-lighter: #f7f8fa;
+  --el-fill-color-blank: #ffffff;
+
+  /* 背景 */
+  --el-bg-color: #ffffff;
+  --el-bg-color-page: #f7f8fa;
+  --el-bg-color-overlay: #ffffff;
+
+  /* 圆角（Arco：medium 4 / small 2 / round） */
+  --el-border-radius-base: 4px;
+  --el-border-radius-small: 2px;
+  --el-border-radius-round: 20px;
+
+  /* 字体（Arco 系统字体栈） */
+  --el-font-family: -apple-system, blinkmacsystemfont, 'PingFang SC', 'Helvetica Neue', helvetica, 'Microsoft YaHei', arial, sans-serif;
+}
+
+/* ============ 暗色（Arco 暗色面板，html.dark 时生效） ============ */
+html.dark:root {
+  /* 中性色取自 Arco 暗色 bg/text/border/fill 调色板 */
+  --el-bg-color: #232324;
+  --el-bg-color-page: #17171a;
+  --el-bg-color-overlay: #2a2a2b;
+
+  --el-text-color-primary: rgba(255, 255, 255, 0.9);
+  --el-text-color-regular: rgba(255, 255, 255, 0.7);
+  --el-text-color-secondary: rgba(255, 255, 255, 0.5);
+  --el-text-color-placeholder: rgba(255, 255, 255, 0.35);
+  --el-text-color-disabled: rgba(255, 255, 255, 0.3);
+
+  --el-border-color-darker: #6b6b6c;
+  --el-border-color-dark: #5f5f60;
+  --el-border-color: #484849;
+  --el-border-color-light: #333335;
+  --el-border-color-lighter: #2a2a2b;
+  --el-border-color-extra-light: #232324;
+
+  --el-fill-color-darker: #484849;
+  --el-fill-color-dark: #373739;
+  --el-fill-color: #313132;
+  --el-fill-color-light: #2a2a2b;
+  --el-fill-color-lighter: #232324;
+  --el-fill-color-blank: transparent;
+
+  /* 语义色：暗色下基色提亮一档，light-* 用 color-mix 向暗背景(#17171a)混合派生 */
+  --el-color-primary: #3c7eff;
+  --el-color-primary-light-3: color-mix(in srgb, #3c7eff 70%, #17171a);
+  --el-color-primary-light-5: color-mix(in srgb, #3c7eff 50%, #17171a);
+  --el-color-primary-light-7: color-mix(in srgb, #3c7eff 30%, #17171a);
+  --el-color-primary-light-8: color-mix(in srgb, #3c7eff 20%, #17171a);
+  --el-color-primary-light-9: color-mix(in srgb, #3c7eff 10%, #17171a);
+  --el-color-primary-dark-2: color-mix(in srgb, #3c7eff 80%, #fff);
+
+  --el-color-success: #23c343;
+  --el-color-success-light-3: color-mix(in srgb, #23c343 70%, #17171a);
+  --el-color-success-light-5: color-mix(in srgb, #23c343 50%, #17171a);
+  --el-color-success-light-7: color-mix(in srgb, #23c343 30%, #17171a);
+  --el-color-success-light-8: color-mix(in srgb, #23c343 20%, #17171a);
+  --el-color-success-light-9: color-mix(in srgb, #23c343 10%, #17171a);
+  --el-color-success-dark-2: color-mix(in srgb, #23c343 80%, #fff);
+
+  --el-color-warning: #ff9a2e;
+  --el-color-warning-light-3: color-mix(in srgb, #ff9a2e 70%, #17171a);
+  --el-color-warning-light-5: color-mix(in srgb, #ff9a2e 50%, #17171a);
+  --el-color-warning-light-7: color-mix(in srgb, #ff9a2e 30%, #17171a);
+  --el-color-warning-light-8: color-mix(in srgb, #ff9a2e 20%, #17171a);
+  --el-color-warning-light-9: color-mix(in srgb, #ff9a2e 10%, #17171a);
+  --el-color-warning-dark-2: color-mix(in srgb, #ff9a2e 80%, #fff);
+
+  --el-color-danger: #f76560;
+  --el-color-danger-light-3: color-mix(in srgb, #f76560 70%, #17171a);
+  --el-color-danger-light-5: color-mix(in srgb, #f76560 50%, #17171a);
+  --el-color-danger-light-7: color-mix(in srgb, #f76560 30%, #17171a);
+  --el-color-danger-light-8: color-mix(in srgb, #f76560 20%, #17171a);
+  --el-color-danger-light-9: color-mix(in srgb, #f76560 10%, #17171a);
+  --el-color-danger-dark-2: color-mix(in srgb, #f76560 80%, #fff);
+  --el-color-error: #f76560;
+  --el-color-error-light-3: color-mix(in srgb, #f76560 70%, #17171a);
+  --el-color-error-light-5: color-mix(in srgb, #f76560 50%, #17171a);
+  --el-color-error-light-7: color-mix(in srgb, #f76560 30%, #17171a);
+  --el-color-error-light-8: color-mix(in srgb, #f76560 20%, #17171a);
+  --el-color-error-light-9: color-mix(in srgb, #f76560 10%, #17171a);
+  --el-color-error-dark-2: color-mix(in srgb, #f76560 80%, #fff);
+
+  --el-color-info: #86909c;
+  --el-color-info-light-3: color-mix(in srgb, #86909c 70%, #17171a);
+  --el-color-info-light-5: color-mix(in srgb, #86909c 50%, #17171a);
+  --el-color-info-light-7: color-mix(in srgb, #86909c 30%, #17171a);
+  --el-color-info-light-8: color-mix(in srgb, #86909c 20%, #17171a);
+  --el-color-info-light-9: color-mix(in srgb, #86909c 10%, #17171a);
+  --el-color-info-dark-2: color-mix(in srgb, #86909c 80%, #fff);
+}

package/src/styles/index.css

@@ -0,0 +1,53 @@
+@import "tailwindcss";
+@import "element-plus/dist/index.css";
+@import "element-plus/theme-chalk/dark/css-vars.css";
+@import "@gindow/vue/style.css";
+
+@source "../";
+
+/* @layer theme, base, components, utilities; */
+
+/* @import "tailwindcss/theme.css" layer(theme); */
+/* @import "tailwindcss/utilities.css" layer(utilities); */
+
+.flex-center { display: flex !important; align-items: center; justify-content: center; }
+.flex-center-end { display: flex !important; align-items: center; justify-content: end; }
+.flex-center-between { display: flex !important; align-items: center; justify-content: space-between; }
+.flex-center-items { display: flex !important; align-items: center; }
+
+.text-light { color: #ccc; }
+
+/* 暗黑模式 */
+.dark .text-light { color: #333; }
+
+/* Common */
+.text-primary { color: var(--el-color-primary); }
+.text-success { color: var(--el-color-success); }
+.text-warning { color: var(--el-color-warning); }
+.text-danger { color: var(--el-color-danger); }
+.text-info { color: var(--el-color-info); }
+.bg-color { background-color: var(--el-bg-color); }
+.bg-color-page { background-color: var(--el-bg-color-page); }
+.bg-color-overlay { background-color: var(--el-bg-color-overlay); }
+.border-color { border-color: var(--el-border-color); }
+.border-color-light { border-color: var(--el-border-color-light); }
+.border-color-lighter { border-color: var(--el-border-color-lighter); }
+.border-color-extra-light { border-color: var(--el-border-color-extra-light); }
+
+/* Element Plus */
+:root { --el-border-radius-base: 0; }
+:root .el-button { --el-button-outline-color: transparent; }
+:root .el-tag { --el-tag-border-radius: 0px; }
+
+/* ExForm */
+.ex-form .el-form-item { max-width: 500px; }
+.ex-form .el-form-item:last-child { margin-bottom: 0; }
+.ex-form-wide .el-form-item { max-width: 800px; }
+.ex-form .el-input-number,
+.ex-form .el-cascader,
+.ex-form .el-radio-group,
+.ex-form .el-checkbox-group,
+.ex-form .el-date-editor { display: flex; width: 100%; }
+.ex-form .el-radio-button, .ex-form .el-checkbox-button { display: flex; flex: 1; }
+.ex-form .el-radio-button .el-radio-button__inner, .ex-form .el-checkbox-button .el-checkbox-button__inner { flex: 1; display: block; }
+.ex-form .el-radio.is-bordered, .ex-form .el-checkbox.is-bordered { margin-right: 18px; }

package/src/types/index.ts

@@ -0,0 +1,77 @@
+import type { FormItemRule, UploadUserFile } from 'element-plus'
+
+export interface IModel {
+  id?: string | any
+  created_at?: string
+  updated_at?: string
+  deleted_at?: string
+  [property: string]: any
+}
+
+export interface IField extends IModel {
+  name: string
+  type: string
+  readonly?: boolean
+  multiple?: boolean
+  required?: boolean
+  options?: { label: string; value: string }[] | any[]
+  component?: any // 自定义组
+}
+
+export type IFilter = Omit<IField, 'name'> & { label?: string, rules?: FormItemRule[] }
+
+export interface IParams extends IModel {
+  filter?: Object
+  search?: string
+  include?: string
+  page?: number
+  size?: number  
+}
+
+export interface IPagination {
+  current_page: number
+  per_page: number
+  count: number
+  total: number
+  total_pages: number
+}
+
+export interface IResult {
+  code: number
+  message: string
+  data?: IModel | IModel[] | null
+  meta?: { pagination?: IPagination }
+}
+
+export interface IAsset extends IModel {
+  id: string
+  type: string
+  title: string
+  url: string
+  shrink: string
+}
+
+export interface IUploadUserFile extends UploadUserFile {
+  id?: string
+  percentage?: number
+  asset?: IAsset
+  title?: string
+  width?: number
+  height?: number
+  type?: string
+  mimeType?: string
+}
+
+export interface IMenu {
+  key?: string
+  title: string
+  path: string
+  name?: string
+  icon?: string
+  depend?: string
+  hidden?: boolean
+  divider?: boolean
+  disabled?: boolean
+  children?: IMenu[]
+  isGroup?: boolean
+}

package/src/utils/datetime.ts

@@ -0,0 +1,42 @@
+import dayjs from 'dayjs'
+
+export class DateTime {
+
+  static dayjs = dayjs
+
+  static s(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm:ss'.replace(/\//g, symbol))
+  }
+
+  static m(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH:mm'.replace(/\//g, symbol))
+  }
+
+  static h(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD HH'.replace(/\//g, symbol))
+  }
+
+  static d(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static M(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM'.replace(/\//g, symbol))
+  }
+
+  static y(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('YYYY')
+  }
+
+  static date(date?: dayjs.ConfigType, symbol = '/') {
+    return DateTime.dayjs(date).format('YYYY/MM/DD'.replace(/\//g, symbol))
+  }
+
+  static time(date?: dayjs.ConfigType) {
+    return DateTime.dayjs(date).format('HH:mm')
+  }
+
+  static format(date?: dayjs.ConfigType, format = 'YYYY/MM/DD HH:mm:ss') {
+    return DateTime.dayjs(date).format(format)
+  }
+}

package/src/utils/download.ts

@@ -0,0 +1,11 @@
+export const download = (blob: Blob, filename: string) => {
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = filename
+  a.style.display = 'none'
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}

package/src/utils/formatter.ts

@@ -0,0 +1,42 @@
+export class Formatter {
+
+  static config: {
+    locale?: string
+    currency?: string
+    decimals?: number
+  } = {}
+
+  static set = (config: { locale?: string, currency?: string, decimals?: number }) => this.config = config
+
+  static id = (str: string = '') => str.slice(-12).toUpperCase()
+
+  static date = (datestr: string = '') => datestr.substring(0, 10) + ' ' + datestr.substring(11, 19)
+
+  static idcard = (idcard: string = '') => idcard ? idcard.substring(0, 6) + '****' + idcard.substring(14) : ''
+
+  static phone = (phone: string = '', naked = false): string => naked || !phone ? phone : phone.substring(0, 3) + '****' + phone.substring(phone.length - 4)
+
+  static email = (email: string = '') => {
+    const [username, domain] = email.split('@')
+    if (!username || !domain) return email
+    const masked = username.length > 2 ? username[0] + '****' + username[username.length - 1] : username
+    return `${masked}@${domain}`
+  }
+
+  static bankcard = (bankcard: string = '') => bankcard.substring(0, 4) + '****' + bankcard.substring(bankcard.length - 4)
+
+  static url = (url: string = '') => url.replace(/:\/\//g, ':##').replace(/\/+/g, '/').replace(/:##/g, '://')
+
+  static price = (value: string | number = 0, currency?: string) => {
+    const { locale, decimals, currency: defaultCurrency } = this.config
+    const number = typeof value === 'string' ? parseFloat(value) : value
+    return new Intl.NumberFormat(locale, {
+      style: 'currency',
+      currency: currency ?? defaultCurrency ?? 'CNY',
+      minimumFractionDigits: decimals ?? 2,
+      maximumFractionDigits: decimals ?? 2,
+    }).format(number / 100)
+  }
+
+  static currency = (value: string | number = 0, currency?: string) => this.price(value, currency)
+}

package/src/utils/get.ts

@@ -0,0 +1,10 @@
+export const get = (object: any, path: string | string[], defaultValue?: any): any => {
+  if (object == null) return defaultValue
+  const keys = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, '.$1').split('.').filter(Boolean)
+  let result: any = object
+  for (const key of keys) {
+    result = result?.[key]
+    if (result === undefined) return defaultValue
+  }
+  return result
+}

package/src/utils/index.ts

@@ -0,0 +1,8 @@
+export { request } from './request'
+export { get } from './get'
+export { download } from './download'
+export { Formatter } from './formatter'
+export { Validate } from './validate'
+export { DateTime } from './datetime'
+export { Platform } from './platform'
+export { $params } from './params'

package/src/utils/params.ts

@@ -0,0 +1,18 @@
+import type { IModel } from '../types'
+
+// 查询转化
+export const $params = (params: IModel) => {
+  const para = { ...params }
+  if (typeof para?.search === 'string') return para
+  if (para?.search)
+    para.search = Object.keys(para.search)
+      .filter(item => para.search[item] !== null && para.search[item] !== '')
+      .map(item => item + ':' + para.search[item])
+      .join(';')
+  if (para?.searchFields)
+    para.searchFields = Object.keys(para.searchFields)
+      .filter(item => para.searchFields[item])
+      .map(item => item + ':' + para.searchFields[item])
+      .join(';')
+  return para
+}

package/src/utils/platform.ts

@@ -0,0 +1,38 @@
+export class Platform {
+  
+  static get userAgent() {
+    return window.navigator.userAgent.toLowerCase()
+  }
+
+  static get isFlutter() {
+    return Platform.userAgent.match(/flutter/i) !== null
+  }
+
+  static get isFlutterIOS() {
+    return Platform.isFlutter && Platform.isIOS
+  }
+
+  static get isWeb() {
+    return window.matchMedia('(min-width: 992px)').matches
+  }
+
+  static get isMobile() {
+    return Platform.userAgent.match(/(phone|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) !== null
+  }
+
+  static get isIOS() {
+    return Platform.userAgent.match(/iphone|ipad|ipod|ios/i) !== null
+  }
+
+  static get isWechat() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null
+  }
+
+  static get isWxwork() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/wxwork/i) !== null
+  }
+
+  static get isMiniprogram() {
+    return Platform.userAgent.match(/MicroMessenger/i) !== null && Platform.userAgent.match(/miniprogram/i) !== null
+  }
+}