fx-platform-ui 0.0.1

package/src/index.ts

@@ -0,0 +1,17 @@
+import PlatCard from './components/Card/index'
+
+const components = [PlatCard]
+
+// @ts-ignore
+const install = (app) => {
+  components.map((item) => {
+    app.component(item.name, item)
+  })
+}
+const PlatUI = {
+  install
+}
+
+// 支持按需导入
+export { PlatCard }
+export default PlatUI

package/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/src/style.css

@@ -0,0 +1,81 @@
+:root {
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/types/env.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /** 网站标题 */
+  readonly VITE_APP_TITLE: string
+  /** 网站部署的目录 */
+  readonly VITE_BASE_URL: string
+  /** API 接口路径 */
+  readonly VITE_BASE_API: string
+  /** socket 请求路径前缀 */
+  readonly VITE_BASE_SOCKET_PATH: string
+  /** socket 命名空间 */
+  readonly VITE_BASE_SOCKET_NSP: string
+  /** mock API 路径 */
+  readonly VITE_MOCK_API: string
+  // 更多环境变量...
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

package/types/global.d.ts

@@ -0,0 +1,81 @@
+import packageJSON from '../package.json'
+import type {
+  ComponentRenderProxy,
+  VNode,
+  VNodeChild,
+  SetupContext,
+  EmitsOptions,
+  PropType as VuePropType
+} from 'vue'
+
+declare global {
+  const __APP_INFO__: {
+    pkg: typeof packageJSON
+    lastBuildTime: string
+  }
+  // declare interface Window {
+  //   // Global vue app instance
+  //   __APP__: App<Element>;
+  // }
+
+  // vue
+  declare type PropType<T> = VuePropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
+
+  export type Writable<T> = {
+    -readonly [P in keyof T]: T[P]
+  }
+  type RemoveIndex<T> = {
+    [K in keyof T as string extends K ? never : number extends K ? never : K]: T[K]
+  }
+  declare type Nullable<T> = T | null
+  declare type NonNullable<T> = T extends null | undefined ? never : T
+  declare type Recordable<T = any> = Record<string, T>
+  declare type ReadonlyRecordable<T = any> = {
+    readonly [key: string]: T
+  }
+  declare type Indexable<T = any> = {
+    [key: string]: T
+  }
+  declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>
+  }
+
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>
+  declare type IntervalHandle = ReturnType<typeof setInterval>
+
+  declare interface ChangeEvent extends Event {
+    target: HTMLInputElement
+  }
+
+  declare interface WheelEvent {
+    path?: EventTarget[]
+  }
+  declare function parseInt(s: string | number, radix?: number): number
+
+  declare function parseFloat(string: string | number): number
+
+  declare type EmitFn<E = EmitsOptions> = SetupContext<E>['emit']
+
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = ComponentRenderProxy
+    interface ElementAttributesProperty {
+      $props: any
+    }
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+    interface IntrinsicAttributes {
+      [elem: string]: any
+    }
+  }
+}
+
+declare module 'vue' {
+  export type JSXComponent<Props = any> =
+    | { new (): ComponentPublicInstance<Props> }
+    | FunctionalComponent<Props>
+}

package/types/index.d.ts

@@ -0,0 +1,27 @@
+declare interface Fn<T = any, R = T> {
+  (...arg: T[]): R
+}
+
+declare interface PromiseFn<T = any, R = T> {
+  (...arg: T[]): Promise<R>
+}
+
+declare type RefType<T> = T | null
+
+declare type LabelValueOptions = {
+  label: string
+  value: any
+  [key: string]: string | number | boolean
+}[]
+
+declare type EmitType = (event: string, ...args: any[]) => void
+
+declare type TargetContext = '_self' | '_blank'
+
+declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
+  $el: T
+}
+
+declare type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null
+
+declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>

package/types/modules.d.ts

@@ -0,0 +1,21 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  const Component: DefineComponent<{}, {}, any>
+  export default Component
+}
+
+declare module 'mitt' {
+  import mitt from 'mitt'
+  export default mitt
+}
+
+declare module 'ant-design-vue/es/locale/*' {
+  import { Locale } from 'ant-design-vue/types/locale-provider'
+  const locale: Locale & ReadonlyRecordable
+  export default locale as Locale & ReadonlyRecordable
+}
+
+declare module 'virtual:*' {
+  const result: any
+  export default result
+}

package/types/shims/shims-app.d.ts

@@ -0,0 +1,67 @@
+declare module '*.bmp' {
+  const src: string
+  export default src
+}
+
+declare module '*.gif' {
+  const src: string
+  export default src
+}
+
+declare module '*.jpg' {
+  const src: string
+  export default src
+}
+
+declare module '*.jpeg' {
+  const src: string
+  export default src
+}
+
+declare module '*.png' {
+  const src: string
+  export default src
+}
+
+declare module '*.webp' {
+  const src: string
+  export default src
+}
+
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}
+
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}
+
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}
+
+declare module 'moment/locale/*' {
+  const LocaleMessage: { [key: string]: any }
+  export default LocaleMessage
+}
+
+declare module 'ant-design-vue/es/locale-provider/*' {
+  const LocaleMessage: { [key: string]: any }
+  export default LocaleMessage
+}
+
+// ant-design-vue/es/base
+declare module 'ant-design-vue/es/base' {
+  class Base {
+    static install(vue: typeof Vue): void
+  }
+  export default Base
+}

package/types/shims/shims-tsx.d.ts

@@ -0,0 +1,18 @@
+import Vue, { VNode } from 'vue'
+
+declare module '*.tsx' {
+  import Vue from 'compatible-vue'
+  export default Vue
+}
+
+declare global {
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = Vue
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

package/types/shims/shims-vue.d.ts

@@ -0,0 +1,21 @@
+import type { PermissionType } from '@/core/permission/modules/types'
+
+// declare module '*.vue' {
+//     import * as vue from 'vue';
+//     export declare const render: vue.RootRenderFunction<Element | DocumentFragment>
+// }
+
+declare module '@vue/runtime-core' {
+  export interface ComponentCustomProperties {
+    $auth: (perm: PermissionType) => boolean
+    Reflect: Reflect
+  }
+}
+
+declare type Nullable<T> = T | null
+
+declare type CustomizedHTMLElement<T> = HTMLElement & T
+
+declare type Indexable<T> = {
+  [key: string]: T
+}

package/types/utils.d.ts

@@ -0,0 +1,77 @@
+/** 提取Promise返回值 */
+type UnboxPromise<T extends Promise<any>> = T extends Promise<infer U>
+  ? U
+  : never
+
+/** 将联合类型转为交叉类型 */
+declare type UnionToIntersection<U> = (
+  U extends any ? (k: U) => void : never
+) extends (k: infer I) => void
+  ? I
+  : never
+
+/** eg: types result = StringToUnion<'abc'> 结果：'a'|'b'|'c'*/
+type StringToUnion<S extends string> = S extends `${infer S1}${infer S2}`
+  ? S1 | StringToUnion<S2>
+  : never
+
+/** 字符串替换，类似js的字符串replace方法 */
+type Replace<
+  Str extends string,
+  From extends string,
+  To extends string
+> = Str extends `${infer Left}${From}${infer Right}`
+  ? `${Left}${To}${Right}`
+  : Str
+
+/** 字符串替换，类似js的字符串replaceAll方法 */
+type ReplaceAll<
+  Str extends string,
+  From extends string,
+  To extends string
+> = Str extends `${infer Left}${From}${infer Right}`
+  ? Replace<Replace<`${Left}${To}${Right}`, From, To>, From, To>
+  : Str
+
+/** eg: types result = CamelCase<'foo-bar-baz'>, 结果：fooBarBaz */
+type CamelCase<S extends string> = S extends `${infer S1}-${infer S2}`
+  ? S2 extends Capitalize<S2>
+    ? `${S1}-${CamelCase<S2>}`
+    : `${S1}${CamelCase<Capitalize<S2>>}`
+  : S
+
+/** eg: types result = StringToArray<'abc'>, 结果：['a', 'b', 'c'] */
+type StringToArray<
+  S extends string,
+  T extends any[] = []
+> = S extends `${infer S1}${infer S2}` ? StringToArray<S2, [...T, S1]> : T
+
+/** `RequiredKeys`是用来获取所有必填字段，其中这些必填字段组合成一个联合类型 */
+type RequiredKeys<T> = {
+  [P in keyof T]: T extends Record<P, T[P]> ? P : never
+}[keyof T]
+
+/** `OptionalKeys`是用来获取所有可选字段，其中这些可选字段组合成一个联合类型 */
+type OptionalKeys<T> = {
+  [P in keyof T]: {} extends Pick<T, P> ? P : never
+}[keyof T]
+
+/** `GetRequired`是用来获取一个类型中，所有必填键及其类型所组成的一个新类型的 */
+type GetRequired<T> = {
+  [P in RequiredKeys<T>]-?: T[P]
+}
+
+/** `GetOptional`是用来获取一个类型中，所有可选键及其类型所组成的一个新类型的 */
+type GetOptional<T> = {
+  [P in OptionalKeys<T>]?: T[P]
+}
+
+/**  types result1 = Includes<[1, 2, 3, 4], '4'> 结果： false; types result2 = Includes<[1, 2, 3, 4], 4> 结果： true */
+type Includes<T extends any[], K> = K extends T[number] ? true : false
+
+/** eg:types result = MyConcat<[1, 2], [3, 4]>  结果：[1, 2, 3, 4]*/
+type MyConcat<T extends any[], U extends any[]> = [...T, ...U]
+/** eg: types result1 = MyPush<[1, 2, 3], 4> 结果：[1, 2, 3, 4] */
+type MyPush<T extends any[], K> = [...T, K]
+/** eg: types result3 = MyPop<[1, 2, 3]>  结果：[1, 2] */
+type MyPop<T extends any[]> = T extends [...infer L, infer R] ? L : never // eslint-disable-line

package/types/vue-router.d.ts

@@ -0,0 +1,45 @@
+import { type RouteMeta as VRouteMeta } from 'vue-router'
+import { type PermissionType } from '@/core/permission/modules/types'
+import { type LocaleType } from '@/locales/config'
+
+declare global {
+  type Title18n = {
+    [p in LocaleType]: string
+  }
+}
+
+declare module 'vue-router' {
+  interface RouteMeta extends VRouteMeta {
+    /** 标题 */
+    title: string | Title18n
+    /** 当前菜单类型 0: 目录 | 1: 菜单 | 2: 权限 */
+    type?: 0 | 1 | 2
+    /** 当前路由权限 */
+    perms?: PermissionType[]
+    /** 是否需要缓存 */
+    keepAlive?: boolean
+    /** 当前路由namePath 祖先name集合 */
+    namePath?: string[]
+    /** 当前路由所在的完整路径 */
+    fullPath?: string
+    /** 是否固定在标签栏 */
+    affix?: boolean
+    /** 菜单图标 */
+    icon?: string
+    /** 当前页面切换动画 */
+    transitionName?: string | false
+    /** @name 在菜单中隐藏子节点 */
+    hideChildrenInMenu?: boolean
+    /** 不在菜单中显示 */
+    hideInMenu?: boolean
+    /** 不在面包屑导航中显示 */
+    hideInBreadcrumb?: boolean
+    /** 不在tab标签页中显示 */
+    hideInTabs?: boolean
+    /** 设置当前路由高亮的菜单项，值为route fullPath或route name,一般用于详情页 */
+    activeMenu?: string
+    /** 菜单排序号 */
+    orderNum?: number
+    isLink?: boolean
+  }
+}