@mc-markets/ui 1.0.0

package/dist/packages/utils/index.d.ts

@@ -0,0 +1,152 @@
+import { FieldNamesProps } from '../components/proTable/interface';
+export declare function resolveRoutePath(basePath: string, routePath?: string): string;
+/**
+ * @description 获取localStorage
+ * @param {String} key Storage名称
+ * @returns {String}
+ */
+export declare function localGet(key: string): any;
+/**
+ * @description 存储localStorage
+ * @param {String} key Storage名称
+ * @param {*} value Storage值
+ * @returns {void}
+ */
+export declare function localSet(key: string, value: any): void;
+/**
+ * @description 清除localStorage
+ * @param {String} key Storage名称
+ * @returns {void}
+ */
+export declare function localRemove(key: string): void;
+/**
+ * @description 清除所有localStorage
+ * @returns {void}
+ */
+export declare function localClear(): void;
+/**
+ * @description 判断数据类型
+ * @param {*} val 需要判断类型的数据
+ * @returns {String}
+ */
+export declare function isType(val: any): any;
+/**
+ * @description 生成唯一 uuid
+ * @returns {String}
+ */
+export declare function generateUUID(): string;
+/**
+ * 判断两个对象是否相同
+ * @param {Object} a 要比较的对象一
+ * @param {Object} b 要比较的对象二
+ * @returns {Boolean} 相同返回 true，反之 false
+ */
+export declare function isObjectValueEqual(a: {
+    [key: string]: any;
+}, b: {
+    [key: string]: any;
+}): boolean;
+/**
+ * @description 生成随机数
+ * @param {Number} min 最小值
+ * @param {Number} max 最大值
+ * @returns {Number}
+ */
+export declare function randomNum(min: number, max: number): number;
+/**
+ * @description 获取当前时间对应的提示语
+ * @returns {String}
+ */
+export declare function getTimeState(): "早上好 ⛅" | "中午好 🌞" | "下午好 🌞" | "晚上好 🌛" | "凌晨好 🌛";
+/**
+ * @description 获取浏览器默认语言
+ * @returns {String}
+ */
+export declare function getBrowserLang(): string;
+/**
+ * @description 使用递归扁平化菜单，方便添加动态路由
+ * @param {Array} menuList 菜单列表
+ * @returns {Array}
+ */
+export declare function getFlatMenuList(menuList: any[]): any[];
+/**
+ * @description 使用递归过滤出需要渲染在左侧菜单的列表 (需剔除 isHide == true 的菜单)
+ * @param {Array} menuList 菜单列表
+ * @returns {Array}
+ * */
+export declare function getShowMenuList(menuList: any[]): any[];
+/**
+ * @description 使用递归找出所有面包屑存储到 pinia/vuex 中
+ * @param {Array} menuList 菜单列表
+ * @param {Array} parent 父级菜单
+ * @param {Object} result 处理后的结果
+ * @returns {Object}
+ */
+export declare const getAllBreadcrumbList: (menuList: any[], parent?: any[], result?: {
+    [key: string]: any;
+}) => {
+    [key: string]: any;
+};
+/**
+ * @description 使用递归处理路由菜单 path，生成一维数组 (第一版本地路由鉴权会用到，该函数暂未使用)
+ * @param {Array} menuList 所有菜单列表
+ * @param {Array} menuPathArr 菜单地址的一维数组 ['**','**']
+ * @returns {Array}
+ */
+export declare function getMenuListPath(menuList: any[], menuPathArr?: string[]): string[];
+/**
+ * @description 递归查询当前 path 所对应的菜单对象 (该函数暂未使用)
+ * @param {Array} menuList 菜单列表
+ * @param {String} path 当前访问地址
+ * @returns {Object | null}
+ */
+export declare function findMenuByPath(menuList: any[], path: string): any | null;
+/**
+ * @description 使用递归过滤需要缓存的菜单 name (该函数暂未使用)
+ * @param {Array} menuList 所有菜单列表
+ * @param {Array} keepAliveNameArr 缓存的菜单 name ['**','**']
+ * @returns {Array}
+ * */
+export declare function getKeepAliveRouterName(menuList: any[], keepAliveNameArr?: string[]): string[];
+/**
+ * @description 格式化表格单元格默认值 (el-table-column)
+ * @param {Number} row 行
+ * @param {Number} col 列
+ * @param {*} callValue 当前单元格值
+ * @returns {String}
+ * */
+export declare function formatTableColumn(row: number, col: number, callValue: any): any;
+/**
+ * @description 处理值无数据情况
+ * @param {*} callValue 需要处理的值
+ * @returns {String}
+ * */
+export declare function formatValue(callValue: any): any;
+/**
+ * @description 处理 prop 为多级嵌套的情况，返回的数据 (列如: prop: user.name)
+ * @param {Object} row 当前行数据
+ * @param {String} prop 当前 prop
+ * @returns {*}
+ * */
+export declare function handleRowAccordingToProp(row: {
+    [key: string]: any;
+}, prop: string): any;
+/**
+ * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+ * @param {String} prop 当前 prop
+ * @returns {String}
+ * */
+export declare function handleProp(prop: string): string;
+/**
+ * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+ * @param {String} callValue 当前单元格值
+ * @param {Array} enumData 字典列表
+ * @param {Array} fieldNames label && value && children 的 key 值
+ * @param {String} type 过滤类型（目前只有 tag）
+ * @returns {String}
+ * */
+export declare function filterEnum(callValue: any, enumData?: any, fieldNames?: FieldNamesProps, type?: "tag"): any;
+/**
+ * @description 递归查找 callValue 对应的 enum 值
+ * */
+export declare function findItemNested(enumData: any, callValue: any, value: string, children: string): any;

package/dist/packages/utils/is/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @description: 判断值是否未某个类型
+ */
+export declare function is(val: unknown, type: string): boolean;
+/**
+ * @description:  是否为函数
+ */
+export declare function isFunction<T = Function>(val: unknown): val is T;
+/**
+ * @description: 是否已定义
+ */
+export declare const isDef: <T = unknown>(val?: T) => val is T;
+/**
+ * @description: 是否未定义
+ */
+export declare const isUnDef: <T = unknown>(val?: T) => val is T;
+/**
+ * @description: 是否为对象
+ */
+export declare const isObject: (val: any) => val is Record<any, any>;
+/**
+ * @description:  是否为时间
+ */
+export declare function isDate(val: unknown): val is Date;
+/**
+ * @description:  是否为数值
+ */
+export declare function isNumber(val: unknown): val is number;
+/**
+ * @description:  是否为AsyncFunction
+ */
+export declare function isAsyncFunction<T = any>(val: unknown): val is Promise<T>;
+/**
+ * @description:  是否为promise
+ */
+export declare function isPromise<T = any>(val: unknown): val is Promise<T>;
+/**
+ * @description:  是否为字符串
+ */
+export declare function isString(val: unknown): val is string;
+/**
+ * @description:  是否为boolean类型
+ */
+export declare function isBoolean(val: unknown): val is boolean;
+/**
+ * @description:  是否为数组
+ */
+export declare function isArray(val: any): val is Array<any>;
+/**
+ * @description: 是否客户端
+ */
+export declare const isClient: () => boolean;
+/**
+ * @description: 是否为浏览器
+ */
+export declare const isWindow: (val: any) => val is Window;
+/**
+ * @description: 是否为 element 元素
+ */
+export declare const isElement: (val: unknown) => val is Element;
+/**
+ * @description: 是否为 null
+ */
+export declare function isNull(val: unknown): val is null;
+/**
+ * @description: 是否为 null || undefined
+ */
+export declare function isNullOrUnDef(val: unknown): val is null | undefined;
+/**
+ * @description: 是否为 16 进制颜色
+ */
+export declare const isHexColor: (str: string) => boolean;

package/dist/packages/utils/validate.d.ts

@@ -0,0 +1,112 @@
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export declare function isExternal(path: any): boolean;
+/**
+ *@description '密码不能低于8位数，并且包含英文字母'
+ * @param str
+ */
+export declare function isValidPwd(str: any): boolean;
+/**
+ *@description 验证用户名格式 3-15个字母或数字
+ * @param str
+ */
+export declare function isValidUsername(str: any): boolean;
+/**
+ *@description 验证角色名称 2-20个字母或数字
+ * @param str
+ */
+export declare function isValidRoleName(str: any): boolean;
+/**
+ *@description 验证角色唯一标识 1-50个字母或数字
+ * @param str
+ */
+export declare function isValidRoleSign(str: any): boolean;
+/**
+ *@description 验证组织编码格式 1-50个字母或数字
+ * @param str
+ */
+export declare function isValidOrgCode(str: any): boolean;
+/**
+ * @description 验证URL地址格式
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isValidUrl(str: any): boolean;
+/**
+ * @description 判断是否全部小写
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isLowerCase(str: any): boolean;
+/**
+ * @description 判断是否全部大写
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isUpperCase(str: any): boolean;
+/**
+ * @description 判断是否全为字母
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isAlphabets(str: any): boolean;
+/**
+ * @description 判断是否全为数字
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isDigital(str: any): boolean;
+/**
+ * @description 判断是否为正整数和浮点数
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isFloating(str: any): boolean;
+/**
+ * @description 不能包含中文和特殊字符
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isSpecial(str: any): boolean;
+/**
+ * @description 正负数、正负浮点数
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isPositive(str: any): boolean;
+/**
+ * @description 判断是否有中文（也包含日文和韩文）
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isCharacter(str: any): boolean;
+/**
+ * @description 判断是否为电话号码
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isPhoneNumber(str: any): boolean;
+export declare function isTelephoneNumber(str: any): boolean;
+export declare function validPhone(rule: any, value: any, callback: any): void;
+/**
+* 判断是否为邮箱
+* @param string $email
+
+* @param boolean
+*/
+export declare function isEmail(str: any): boolean;
+/**
+ * 验证数据源名称格式
+ * @param string $email
+
+ * @param boolean
+ */
+export declare function isDatasourceName(str: any): boolean;
+/**
+ * @description 判断是否为中文，字母，数字组成(非特殊字符）
+ * @param str
+ * @returns {boolean}
+ */
+export declare function isNonSpecial(str: any): boolean;

package/dist/src/api/index.d.ts

@@ -0,0 +1,24 @@
+import { AxiosInstance, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from 'axios';
+export interface CustomInternalAxiosRequestConfig extends InternalAxiosRequestConfig {
+    loading?: boolean;
+    msg?: boolean;
+}
+export interface CustomAxiosResponse extends AxiosResponse {
+    config: CustomInternalAxiosRequestConfig;
+    data: any;
+}
+export interface CustomAxiosRequestConfig extends AxiosRequestConfig {
+    loading?: boolean;
+    msg?: boolean;
+}
+declare class RequestHttp {
+    service: AxiosInstance;
+    constructor(config: AxiosRequestConfig);
+    get<T>(url: string, params?: object, _object?: {}): Promise<T>;
+    post<T>(url: string, params?: object | string, _object?: {}): Promise<T>;
+    put<T>(url: string, params?: object, _object?: {}): Promise<T>;
+    delete<T>(url: string, params?: any, _object?: {}): Promise<T>;
+    download(url: string, params?: object, _object?: {}): Promise<BlobPart>;
+}
+declare const _default: RequestHttp;
+export default _default;

package/dist/src/api/interface/index.d.ts

@@ -0,0 +1,34 @@
+export interface Result {
+    code: string;
+    msg: string;
+}
+export interface ResultData<T = any> extends Result {
+    data: T;
+}
+export interface ResPage<T> {
+    list: T[];
+    pageNum: number;
+    pageSize: number;
+    total: number;
+}
+export interface ReqPage {
+    pageNum: number;
+    pageSize: number;
+}
+export declare namespace Upload {
+    interface ResFileUrl {
+        fileUrl: string;
+    }
+}
+export declare namespace Login {
+    interface ReqLoginForm {
+        username: string;
+        password: string;
+    }
+    interface ResLogin {
+        access_token: string;
+    }
+    interface ResAuthButtons {
+        [key: string]: string[];
+    }
+}

package/dist/src/api/test.d.ts

@@ -0,0 +1 @@
+export declare const getUserGender: () => Promise<unknown>;

package/dist/style.css

@@ -0,0 +1 @@
+.cursor-move[data-v-2a54c2d3]{cursor:move}

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,151 @@
+{
+  "name": "@mc-markets/ui",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "author": "chenyu",
+  "description": "一个功能强大的 Vue 3 UI 组件库，提供完整的 TypeScript 支持",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./resolver": "./dist/resolver.js"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "vue3",
+    "typescript",
+    "ui",
+    "component",
+    "element-plus",
+    "pro-table",
+    "pro-form",
+    "search-form",
+    "grid",
+    "icon",
+    "dialog"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
+    "format": "prettier --write .",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "prepublishOnly": "npm run build",
+    "publish:lib": "node publish.js"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.13.2",
+    "@vueuse/core": "^9.13.0",
+    "@vueuse/integrations": "^9.13.0",
+    "axios": "^1.3.5",
+    "commitizen": "^4.3.0",
+    "dayjs": "^1.11.7",
+    "element-plus": "^2.8.3",
+    "eruda": "^3.0.0",
+    "eslint-config-prettier": "^8.8.0",
+    "hotkeys-js": "^3.10.2",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.0",
+    "mockjs": "^1.1.0",
+    "npm": "^9.6.6",
+    "nprogress": "^0.2.0",
+    "path-browserify": "^1.0.1",
+    "path-to-regexp": "^6.2.1",
+    "pinia": "^2.0.34",
+    "pinia-plugin-persist": "^1.0.0",
+    "pinia-plugin-persistedstate": "^3.1.0",
+    "qs": "^6.11.1",
+    "vconsole": "^3.15.0",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0",
+    "element-plus": "^2.8.0"
+  },
+  "peerDependenciesMeta": {
+    "element-plus": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/daboluoxigua/npm-pro-ui.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/daboluoxigua/npm-pro-ui/issues"
+  },
+  "homepage": "https://gitee.com/daboluoxigua/npm-pro-ui#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^0.38.4",
+    "@iconify-json/ep": "^1.1.10",
+    "@iconify/vue": "^4.1.1",
+    "@types/nprogress": "^0.2.0",
+    "@types/path-browserify": "^1.0.0",
+    "@types/qs": "^6.9.7",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "autoprefixer": "^10.4.14",
+    "bumpp": "^9.1.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "cz-git": "^1.6.1",
+    "eslint": "^8.38.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "esno": "^0.16.3",
+    "fs-extra": "^11.1.1",
+    "http-server": "^14.1.1",
+    "lint-staged": "^13.2.1",
+    "npm-run-all": "^4.1.5",
+    "plop": "^3.1.2",
+    "postcss-html": "^1.5.0",
+    "prettier": "^2.8.8",
+    "sass": "^1.62.0",
+    "simple-git-hooks": "^2.8.1",
+    "sortablejs": "^1.15.0",
+    "stylelint": "^15.4.0",
+    "stylelint-config-standard": "^32.0.0",
+    "stylelint-config-standard-scss": "^8.0.0",
+    "stylelint-config-standard-vue": "^1.0.0",
+    "stylelint-scss": "^4.6.0",
+    "stylelint-stylistic": "^0.4.0",
+    "svgo": "^3.0.2",
+    "terser": "^5.16.9",
+    "typescript": "^5.0.4",
+    "unplugin-auto-import": "^0.15.2",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.2.1",
+    "vite-plugin-banner": "^0.7.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-mock": "^2.9.6",
+    "vite-plugin-pages": "^0.29.0",
+    "vite-plugin-spritesmith": "^0.1.1",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-inspector": "^3.4.0",
+    "vite-plugin-vue-meta-layouts": "^0.2.2",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vue-tsc": "^1.2.0"
+  }
+}