@sys-designer/create-vue 1.0.0

package/template/src/store/global.ts

@@ -0,0 +1,60 @@
+import { defineStore } from 'pinia';
+
+const PLUGIN_BASE_URL = import.meta.env.VITE_PLUGIN_BASE_URL || '/plugins';
+
+export interface PageInfo {
+  title?: string
+}
+
+export interface MenuItem {
+  name: string
+  id: string
+  key: string
+}
+
+export const useGlobal = defineStore('global', {
+  state: () => {
+    return {
+      data: {
+        projectId: '',
+        query: {} as any,
+        params: {} as any,
+        routerName: '' as string,
+        pluginBaseUrl: PLUGIN_BASE_URL as string,
+        page: {} as PageInfo,
+        securityKey: '' as string,
+        menu: {
+          name: ''
+        } as MenuItem
+      }
+    }
+  },
+  getters: {
+    projectId: state => state.data.projectId,
+    query: state => state.data.query,
+    params: state => state.data.params,
+    pluginBaseUrl: state => state.data.pluginBaseUrl,
+    routerName: state => state.data.routerName,
+    securityKey: state => state.data.securityKey,
+  },
+  actions: {
+    getProjectId() {
+      return this.data.projectId;
+    },
+    setProjectId(projectId: string) {
+      this.data.projectId = projectId;
+    },
+    setSecurityKey(key: string) {
+      this.data.securityKey = key;
+    },
+    setQuery(query: any) {
+      this.data.query = query || {};
+    },
+    setParams(params: any) {
+      this.data.params = params || {};
+    },
+    setRouterName(name: string) {
+      this.data.routerName = name;
+    },
+  },
+});

package/template/src/store/index.ts

@@ -0,0 +1,9 @@
+import { createPinia } from "pinia";
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+
+const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate);
+export default pinia;
+
+export * from './global';
+export * from './user';

package/template/src/store/user.ts

@@ -0,0 +1,61 @@
+import { defineStore } from 'pinia';
+export interface UserInfo {
+  userId: number;
+  username: string;
+  nickname?: string;
+}
+
+export const useUser = defineStore('user',{
+  persist: {
+    storage: localStorage,
+  },
+  state: () => {
+    return {
+      data: {
+        token: '',
+        userInfo: {
+          userId: null,
+          username: '',
+        } as unknown as UserInfo,
+      }
+    }
+  },
+  getters: {
+    userId: (state) => state.data.userInfo.userId,
+    username: (state) => state.data.userInfo.username,
+  },
+  actions: {
+    isLogin(){
+      if(!this.getToken()){
+        return false;
+      }
+      return this.userId ? true : false;
+    },
+    getUserInfo() {
+      return this.data.userInfo;
+    },
+    getUserId() {
+      if(!this.isLogin()){
+        return '';
+      }
+      return this.data.userInfo.userId;
+    },
+    getToken() {
+      return this.data.token;
+    },
+    setToken(token: string) {
+      this.data.token = token;
+    },
+    setUserInfo(userInfo: UserInfo) {
+      return this.data.userInfo = userInfo;
+    },
+    async logout() {
+      this.data.token = '';
+      this.data.userInfo.userId = null as any;
+      this.data.userInfo.nickname = '';
+      this.data.userInfo.username = '';
+    },
+    async refreshPermission(): Promise<void> {
+    }
+  }
+});

package/template/src/types/auto-imports.d.ts

@@ -0,0 +1,93 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useDialog: typeof import('naive-ui')['useDialog']
+  const useId: typeof import('vue')['useId']
+  const useLink: typeof import('vue-router')['useLink']
+  const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
+  const useMessage: typeof import('naive-ui')['useMessage']
+  const useModal: typeof import('naive-ui')['useModal']
+  const useModel: typeof import('vue')['useModel']
+  const useNotification: typeof import('naive-ui')['useNotification']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/template/src/types/components.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    NButton: typeof import('naive-ui')['NButton']
+    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+    NInput: typeof import('naive-ui')['NInput']
+    NLoadingBarProvider: typeof import('naive-ui')['NLoadingBarProvider']
+    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+    NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NSelect: typeof import('naive-ui')['NSelect']
+    NSpace: typeof import('naive-ui')['NSpace']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/template/src/utils/crypto.ts

@@ -0,0 +1,160 @@
+import CryptoJS from 'crypto-js';
+import forge from 'node-forge';
+export interface CryptoKey {
+  key: string;
+  iv: string;
+  length?: number;
+  encryptKey?: string;
+}
+
+export interface EncryptData {
+  data: string;
+  key: string;
+  rawData?: Record<string, any>;
+}
+
+export interface DecryptData {
+  data: string;
+  key: string;
+}
+
+export interface LoadPrivateKeyFunction {
+  (key: string): Promise<string>;
+}
+
+export class CryptoData {
+  private privateKey: string = '';
+  private publicKey: string = '';
+  private cryptoKey?: CryptoKey;
+
+  private generatorKey(length = 16): string {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let list: string[] = [];
+    for (let i = 0; i < length; i++) {
+      const ch = chars.charAt(Math.floor(Math.random() * chars.length));
+      list.push(ch);
+    }
+    return list.join('');
+  }
+
+  private generatorIv() {
+    const chars = '0123456789abcdef';
+    let list: string[] = [];
+    for (let i = 0; i < 16; i++) {
+      const ch = chars.charAt(Math.floor(Math.random() * chars.length));
+      list.push(ch);
+    }
+    return list.join('');
+  }
+
+  public getKey(): CryptoKey {
+    this.cryptoKey = {
+      key: this.generatorKey(),
+      iv: this.generatorIv(),
+      length: 16,
+    }
+    return this.cryptoKey;
+  }
+
+  public setKey(key: CryptoKey): void {
+    this.cryptoKey = key;
+  }
+
+  public getPublicKey(): string {
+    return this.publicKey;
+  }
+
+  public getPrivateKey(): string {
+    return this.privateKey;
+  }
+
+  public setPublicKey(key: string): void {
+    this.publicKey = key;
+  }
+
+  public setPrivateKey(key: string): void {
+    this.privateKey = key;
+  }
+
+  public async enryptByPublicKey(input: string): Promise<string> {
+    return rsaEncrypt(input, this.getPublicKey());
+  }
+
+
+  public encryptByKey(rawData: any, key?: CryptoKey): string {
+    if (!key) {
+      key = this.getKey();
+    }
+    const text = typeof rawData !== 'string' ? JSON.stringify(rawData) : rawData;
+    const dataStr = String(text);
+    const keyBytes = this.padKey(key.key);
+    const ivBytes = CryptoJS.enc.Utf8.parse(key.iv);
+
+    const encrypted = CryptoJS.AES.encrypt(dataStr, keyBytes, {
+      iv: ivBytes,
+      mode: CryptoJS.mode.CBC,
+      padding: CryptoJS.pad.Pkcs7,
+    });
+    const data = encrypted.toString();
+    return data;
+  }
+
+  public async encrypt(rawData: any): Promise<EncryptData> {
+    const key = this.getKey();
+    if (!key.encryptKey) {
+      key.encryptKey = await rsaEncrypt(key.iv + ':' + key.key, this.getPublicKey());
+    }
+    const data = rawData ? this.encryptByKey(rawData, key) : '';
+    return {
+      data: data,
+      key: key.encryptKey,
+    }
+  }
+
+  private padKey(key: string) {
+    const keyStr = String(key);
+    if (keyStr.length === 16) {
+      return CryptoJS.enc.Utf8.parse(keyStr);
+    }
+    if (keyStr.length < 16) {
+      return CryptoJS.enc.Utf8.parse(keyStr.padEnd(16, '0'));
+    }
+    return CryptoJS.enc.Utf8.parse(keyStr.substring(0, 16));
+  }
+
+  public decryptByKey(data: string, key?: CryptoKey): string {
+    if (!key) {
+      key = this.getKey();
+    }
+    const keyBytes = this.padKey(key.key);
+    const ivBytes = CryptoJS.enc.Utf8.parse(key.iv);
+    const decrypted = CryptoJS.AES.decrypt(data, keyBytes, {
+      iv: ivBytes,
+      mode: CryptoJS.mode.CBC,
+      padding: CryptoJS.pad.Pkcs7,
+    });
+    const str = decrypted.toString(CryptoJS.enc.Utf8);
+    return str;
+  }
+}
+
+export const CRYPTO = new CryptoData();
+
+function toPemPublicKey(rawKey: string): string {
+  return `-----BEGIN PUBLIC KEY-----
+${rawKey}
+-----END PUBLIC KEY-----`
+}
+
+async function rsaEncrypt(str: string, key: string) {
+  const publicKey = forge.pki.publicKeyFromPem(toPemPublicKey(key));
+  const encrypted = publicKey.encrypt(
+    forge.util.encodeUtf8(str),
+    'RSA-OAEP',
+    {
+      md: forge.md.sha256.create(),
+      mgf1: { md: forge.md.sha256.create() }
+    }
+  );
+  return forge.util.encode64(encrypted);
+}

package/template/src/utils/dsl.ts

@@ -0,0 +1,101 @@
+import { isObject } from './is'
+export function buildDsl(method: string, args: Array<string | object>, fields: Array<string | object>): string {
+  return `${method}${buildDslArgs(args)}${buildDslFields(fields)}`
+}
+
+export function buildDslForList(argsList: Array<any>, cb: Function, key?: string) {
+  const querys = {} as any
+  argsList.forEach((it, index) => {
+    querys['_' + (key ? key + '_' : '') + index] = cb(it)
+  })
+
+  return querys
+}
+
+export function resolveQueryResult(data: any, cb?: Function) {
+  if (!data || Array.isArray(data)) {
+    return data
+  }
+  const result = {} as any
+  Object.keys(data).map(key => {
+    if (key.startsWith('_')) {
+      const strs = key.split('_')
+      const field = strs.length == 2 ? 'data' : strs[1]
+      if (!result[field]) {
+        result[field] = []
+      }
+      result[field] = result[field].concat(data[key])
+    } else {
+      if (result[key]) {
+        result[key] = result[key].concat(data[key])
+      } else {
+        result[key] = data[key]
+      }
+    }
+  })
+  return cb ? cb(result) : result
+}
+
+
+function buildDslArgs(args: Array<any>): string {
+  const strs = [] as Array<string>
+  if (args && args.length > 0) {
+    args.forEach(e => {
+      const key = e.key
+      const value = e.value
+       if (isObject(value)) {
+        let str = key + ':{'
+        const keys = Object.keys(value)
+        keys.forEach((vk, _k) => {
+          let v = value[vk]
+          if(Array.isArray(v)){
+            v = '['+v.join(',')+']';
+            str = str+vk+':'+v+',';
+          }else if (v || v === 0 || v === false) {
+            str = str + vk + ':' + (typeof v === 'string' ? `"${v}"` : v)
+            str = str + ','
+          }
+        })
+        if (str.endsWith(',')) {
+          str = str.substring(0, str.length - 1)
+        }
+        strs.push(str + '}')
+      } else {
+        let val = typeof value === 'string' ? `"${value}"` : value
+        if(Array.isArray(value)){
+          val = '['+value.join(',')+']';
+        }
+        if(val===undefined || val===null){
+          return;
+        }
+        strs.push(`${key}:${val}`)
+      }
+    })
+  }
+  if (strs.length > 0) {
+    return `(${strs.join(',')})`
+  }
+  return ''
+}
+
+function buildDslFields(fields: Array<string | object>): string {
+  const list = [] as any
+  buildDslField(list, fields)
+  return `{${list.join(',')}}`
+}
+
+function buildDslField(list: Array<any>, fields: Array<string | object>) {
+  if (fields && fields.length > 0) {
+    fields.forEach(e => {
+      if (typeof e === 'string') {
+        list.push(e)
+      } else {
+        Object.keys(e).forEach(field => {
+          const tempList: string[] = []
+          buildDslField(tempList, (e as any)[field])
+          list.push(`${field}{${tempList.join(',')}}`)
+        })
+      }
+    })
+  }
+}

package/template/src/utils/index.ts

@@ -0,0 +1,30 @@
+const baseUrl = import.meta.env.VITE_GLOB_API_URL || '';
+const queryUrl = baseUrl + (import.meta.env.VITE_GLOB_API_PATH || '/graphql/query');
+const homePageUrl = import.meta.env.VITE_HOME_PAGE_URL
+const product = import.meta.env.VITE_PRODUCT
+
+export {
+  queryUrl,
+  baseUrl,
+  homePageUrl,
+}
+
+export * from './request';
+export * from './dsl';
+export * from './crypto';
+
+export function redirectHomePage(data?: any) {
+  if (isElectronEnv()) {
+    window.electronAPI.setGlobal(data);
+    window.electronAPI.sendLoginSuccess(data);
+  } else {
+    window.location.replace(`${homePageUrl}?token=${data.token}`); 
+  }
+}
+
+export function isElectronEnv(): boolean {
+  if (product === 'electron') {
+    return true
+  }
+  return false
+}

package/template/src/utils/is.ts

@@ -0,0 +1,122 @@
+const toString = Object.prototype.toString;
+
+/**
+ * @description: 判断值是否未某个类型
+ */
+export function is(val: unknown, type: string) {
+  return toString.call(val) === `[object ${type}]`;
+}
+
+/**
+ * @description:  是否为函数
+ */
+export function isFunction<T = Function>(val: unknown): val is T {
+  return is(val, 'Function') || is(val, 'AsyncFunction');
+}
+
+/**
+ * @description: 是否已定义
+ */
+export const isDef = <T = unknown>(val?: T): val is T => {
+  return typeof val !== 'undefined';
+};
+
+export const isUnDef = <T = unknown>(val?: T): val is T => {
+  return !isDef(val);
+};
+/**
+ * @description: 是否为对象
+ */
+export const isObject = (val: any): val is Record<any, any> => {
+  return val !== null && is(val, 'Object');
+};
+
+/**
+ * @description:  是否为时间
+ */
+export function isDate(val: unknown): val is Date {
+  return is(val, 'Date');
+}
+
+/**
+ * @description:  是否为数值
+ */
+export function isNumber(val: unknown): val is number {
+  return is(val, 'Number');
+}
+
+/**
+ * @description:  是否为AsyncFunction
+ */
+export function isAsyncFunction<T = any>(val: unknown): val is () => Promise<T> {
+  return is(val, 'AsyncFunction');
+}
+
+export function isVNode(val: any) {
+  return isObject(val) && val.__v_isVNode
+}
+
+/**
+ * @description:  是否为promise
+ */
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+  return is(val, 'Promise');
+}
+
+/**
+ * @description:  是否为字符串
+ */
+export function isString(val: unknown): val is string {
+  return is(val, 'String');
+}
+
+/**
+ * @description:  是否为boolean类型
+ */
+export function isBoolean(val: unknown): val is boolean {
+  return is(val, 'Boolean');
+}
+
+/**
+ * @description:  是否为数组
+ */
+export function isArray(val: any): val is Array<any> {
+  return val && Array.isArray(val);
+}
+
+/**
+ * @description: 是否客户端
+ */
+export const isClient = () => {
+  return typeof window !== 'undefined';
+};
+
+/**
+ * @description: 是否为浏览器
+ */
+export const isWindow = (val: any): val is Window => {
+  return typeof window !== 'undefined' && is(val, 'Window');
+};
+
+export const isElement = (val: unknown): val is Element => {
+  return isObject(val) && !!val.tagName;
+};
+
+export const isServer = typeof window === 'undefined';
+
+// 是否为图片节点
+export function isImageDom(o: Element) {
+  return o && ['IMAGE', 'IMG'].includes(o.tagName);
+}
+
+export function isNull(val: unknown): val is null {
+  return val === null;
+}
+
+export function isNullAndUnDef(val: unknown): val is null | undefined {
+  return isUnDef(val) && isNull(val);
+}
+
+export function isNullOrUnDef(val: unknown): val is null | undefined {
+  return isUnDef(val) || isNull(val);
+}