(() => ({
14 | theme: isDark.value ? darkTheme : lightTheme
15 | }));
16 |
17 | const { message } = createDiscreteApi(["message"], {
18 | configProviderProps: configProviderPropsRef
19 | });
20 |
21 | return {
22 | message
23 | };
24 | }
25 |
--------------------------------------------------------------------------------
/docs/utils/math/sum.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | 原数组：{{ arr }}
12 |
13 |
14 | 求数字类型组成数组中的和
15 |
16 |
17 | 和：{{ sumNum }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/playgrounds/react/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-demo",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "tsc && vite build",
9 | "preview": "vite build && vite preview"
10 | },
11 | "dependencies": {
12 | "@pureadmin/utils": "^2.1.1",
13 | "react": "^18.2.0",
14 | "react-dom": "^18.2.0"
15 | },
16 | "devDependencies": {
17 | "@types/react": "^18.2.46",
18 | "@types/react-dom": "^18.2.18",
19 | "@vitejs/plugin-react": "^4.2.1",
20 | "typescript": "^5.3.3",
21 | "vite": "^5.0.10"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/docs/utils/math/max.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | 原数组：{{ arr }}
12 |
13 |
14 | 求数字类型组成数组中的最大值
15 |
16 |
17 | 最大值：{{ maxNum }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/utils/math/min.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | 原数组：{{ arr }}
12 |
13 |
14 | 求数字类型组成数组中的最小值
15 |
16 |
17 | 最小值：{{ minNum }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/business/index.ts:
--------------------------------------------------------------------------------
1 | import { withInstall } from "@pureadmin/utils";
2 |
3 | import edynamic from "./dynamic.vue";
4 | import erequest from "./request.vue";
5 | import eloading from "./loading.vue";
6 | import ecustomTheme from "./customTheme.vue";
7 |
8 | const Edynamic = withInstall(edynamic);
9 | const Erequest = withInstall(erequest);
10 | const Eloading = withInstall(eloading);
11 | const EcustomTheme = withInstall(ecustomTheme);
12 |
13 | export {
14 | /** 加载动画 */
15 | Eloading,
16 | /** 动态图表 */
17 | Edynamic,
18 | /** 接口请求 */
19 | Erequest,
20 | /** 自定义主题 */
21 | EcustomTheme
22 | };
23 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/advanced/index.ts:
--------------------------------------------------------------------------------
1 | import { withInstall } from "@pureadmin/utils";
2 |
3 | import edemo1 from "./demo1.vue";
4 | import edemo2 from "./demo2.vue";
5 | import edemo3 from "./demo3.vue";
6 | import edemo4 from "./demo4.vue";
7 | import edemo5 from "./demo5.vue";
8 | import edemo6 from "./demo6.vue";
9 |
10 | const Edemo1 = withInstall(edemo1);
11 | const Edemo2 = withInstall(edemo2);
12 | const Edemo3 = withInstall(edemo3);
13 | const Edemo4 = withInstall(edemo4);
14 | const Edemo5 = withInstall(edemo5);
15 | const Edemo6 = withInstall(edemo6);
16 |
17 | export { Edemo1, Edemo2, Edemo3, Edemo4, Edemo5, Edemo6 };
18 |
--------------------------------------------------------------------------------
/docs/utils/uuid/buildGUID.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 |
12 | 点击生成36位带横杠的GUID
13 |
14 |
15 | 长度：{{ GUID.length }}
16 |
17 | {{ GUID }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/utils/uuid/buildUUID.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 |
12 | 点击生成32位uuid
13 |
14 |
15 | 长度：{{ UUID.length }}
16 |
17 | {{ UUID }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/playgrounds/node/index.js:
--------------------------------------------------------------------------------
1 | const Koa = require('koa')
2 | const logger = require('koa-logger')
3 | const router = require('@koa/router')()
4 | const { dateFormat, getCurrentWeek, uuid } = require('@pureadmin/utils')
5 | // https://pure-admin-utils.netlify.app/
6 |
7 | const app = new Koa()
8 |
9 | // middlewares
10 |
11 | app.use(logger())
12 |
13 |
14 | const helloWorld = ctx => {
15 | ctx.body = `${dateFormat("YYYY/MM/DD HH:mm")} ${getCurrentWeek()} ${uuid()}`
16 | }
17 |
18 | router.get('/', helloWorld)
19 |
20 | app.use(router.routes())
21 |
22 | app.listen(3000, () => {
23 | console.log('Server Address: http://localhost:3000 ')
24 | })
25 |
--------------------------------------------------------------------------------
/docs/utils/math/average.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | 原数组：{{ arr }}
12 |
13 |
14 | 求数字类型组成数组中的平均值
15 |
16 |
17 | 平均值：{{ averageNum }}
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/docs/utils/substring/splitNum.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 将数字拆分为单个数字组成的数组
13 |
14 | 原数字：123456
15 |
16 | 拆分后的数字：{{ character6 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/playgrounds/solid/src/App.module.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .logo {
6 | animation: logo-spin infinite 20s linear;
7 | height: 40vmin;
8 | pointer-events: none;
9 | }
10 |
11 | .header {
12 | background-color: #282c34;
13 | min-height: 100vh;
14 | display: flex;
15 | flex-direction: column;
16 | align-items: center;
17 | justify-content: center;
18 | font-size: calc(10px + 2vmin);
19 | color: white;
20 | }
21 |
22 | .link {
23 | color: #b318f0;
24 | }
25 |
26 | @keyframes logo-spin {
27 | from {
28 | transform: rotate(0deg);
29 | }
30 | to {
31 | transform: rotate(360deg);
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/docs/utils/date/getCurrentWeek.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 获取当前是星期几
13 |
14 |
15 | 获取当前是周几
16 |
17 |
18 | {{ currentWeek }}
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/docs/utils/math/numberToChinese.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
17 |
18 | 中文数字：{{ numberToChinese(value) }}
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/docs/utils/mouseEvent/allowMouseEvent.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 | 允许右键
9 | 允许选择
10 | 允许拷贝
11 |
14 | 同时允许右键、选择、拷贝
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/docs/utils/substring/subAfter.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 截取指定字符后面的值
13 |
14 | 原字符：hello,gird
15 |
16 | 截取后字符：{{ character2 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/docs/utils/substring/subBefore.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 截取指定字符前面的值
13 |
14 | 原字符：hello,gird
15 |
16 | 截取后字符：{{ character1 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/docs/utils/substring/subBothSides.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 截取指定字符两边的值
13 |
14 | 原字符：hello,gird
15 |
16 | 截取后字符：{{ character3 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/playgrounds/react/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "lib": ["DOM", "DOM.Iterable", "ESNext"],
6 | "allowJs": false,
7 | "skipLibCheck": true,
8 | "esModuleInterop": false,
9 | "allowSyntheticDefaultImports": true,
10 | "strict": true,
11 | "forceConsistentCasingInFileNames": true,
12 | "module": "ESNext",
13 | "moduleResolution": "Node",
14 | "resolveJsonModule": true,
15 | "isolatedModules": true,
16 | "noEmit": true,
17 | "jsx": "react-jsx"
18 | },
19 | "include": ["src"],
20 | "references": [{ "path": "./tsconfig.node.json" }]
21 | }
22 |
--------------------------------------------------------------------------------
/docs/hooks/useWatermark/demo/forever.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/docs/utils/debounce/delay.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 | {{ isActive ? `${second} 秒后函数执行` : `函数执行花费 ${second} 秒` }}
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/docs/utils/substring/subBetween.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 截取指定两个字符之间的值
13 |
14 | 原字符：i love you
15 |
16 | 截取后字符：{{ character4 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/playgrounds/next/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | :root {
6 | --foreground-rgb: 0, 0, 0;
7 | --background-start-rgb: 214, 219, 220;
8 | --background-end-rgb: 255, 255, 255;
9 | }
10 |
11 | @media (prefers-color-scheme: dark) {
12 | :root {
13 | --foreground-rgb: 255, 255, 255;
14 | --background-start-rgb: 0, 0, 0;
15 | --background-end-rgb: 0, 0, 0;
16 | }
17 | }
18 |
19 | body {
20 | color: rgb(var(--foreground-rgb));
21 | background: linear-gradient(
22 | to bottom,
23 | transparent,
24 | rgb(var(--background-end-rgb))
25 | )
26 | rgb(var(--background-start-rgb));
27 | }
28 |
--------------------------------------------------------------------------------
/playgrounds/vue-cli/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ `${dateFormat("YYYY/MM/DD HH:mm")} ${getCurrentWeek()} ${uuid()}` }}
3 |
4 |
5 |
19 |
20 |
30 |
--------------------------------------------------------------------------------
/docs/utils/date/createYear.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 获取从当前年份到指定开始年份的数组
13 |
14 |
15 | 数组反转
16 |
17 |
18 | {{ yearsList }}
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/docs/components/theme-change.vue:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
15 |
16 | 回到light主题
17 | 切换dark主题
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/docs/utils/device/deviceDetection.vue:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
15 |
16 |
17 | 当前设备类型：
18 |
19 | {{ device ? "移动端" : "pc端" }}
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/docs/public/favicon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/utils/color/types/randomGradient.ts:
--------------------------------------------------------------------------------
1 | export interface GradientOptions {
2 | /** 基础色相（`0`-`360`度），默认为一个随机色相 */
3 | baseHue?: number;
4 | /** 从基础色相偏移的度数，用于创建第二种和谐色相，默认为`30`度 */
5 | hueOffset?: number;
6 | /** 饱和度百分比（`50`-`100%`），颜色的鲜艳程度，默认为`70%` */
7 | saturation?: number;
8 | /** 亮度百分比（`40`-`70%`），颜色的明亮程度，默认为`60%` */
9 | lightness?: number;
10 | /** 渐变角度（`0`-`360`度），决定渐变的方向，默认为`135`度 */
11 | angle?: number;
12 | /** 是否随机生成色相，默认为`false` */
13 | randomizeHue?: boolean;
14 | /** 是否随机生成饱和度，默认为`false` */
15 | randomizeSaturation?: boolean;
16 | /** 是否随机生成亮度，默认为`false` */
17 | randomizeLightness?: boolean;
18 | /** 是否随机生成渐变角度，默认为`false` */
19 | randomizeAngle?: boolean;
20 | }
21 |
--------------------------------------------------------------------------------
/docs/utils/object/object.md:
--------------------------------------------------------------------------------
1 |
5 |
6 | ::: tip 支持任意 `JavaScript` 环境或框架
7 | 处理对象
8 | :::
9 |
10 | ## delObjectProperty
11 |
12 | 从对象中删除指定的属性，返回修改后的新对象，不会修改原始对象
13 |
14 |
15 |
16 | 接收两个参数，第一个 `obj`，第二个 `props`
17 |
18 | | **参数属性** | **说明** |
19 | | ------------ | ---------------------------------------------------------------- |
20 | | `obj` | 需要删除属性的对象 |
21 | | `props` | 指定要删除的属性，可以是单个属性名(字符串)或一个属性名字符串数组 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/docs/utils/substring/subTextAddEllipsis.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 | 截取字符并追加省略号（常用场景：echarts）
13 |
14 | 原字符：hello,gird
15 |
16 | 截取后字符：{{ character5 }}
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/playgrounds/vue-cli/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/docs/utils/class/addClass.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 |
点击添加类名
23 |
当前元素的类名 {{ names }}
24 |
15 |
16 | ####
{#param1}
17 |
18 | 接收一个参数 `svgStr`，返回值类型为 `SvgInfo`
19 |
20 | | **参数属性** | **说明** | **类型** |
21 | | ------------ | ------------------------------------------ | -------- |
22 | | `svgStr` | 包含SVG内容的字符串，格式为标准的`SVG XML` | `string` |
23 |
24 | ####
{#type1}
25 |
26 | <<< @/utils/svg/types/getSvgInfo.ts
27 |
28 |
21 |
22 |
点击删除类名
23 |
当前元素的类名 {{ names }}
24 |
2 |
3 |
4 | 
5 |
6 |
7 |
8 |
9 | pure-admin-utils 保姆级文档
10 |
11 |
12 |
13 | 采用 vitepress 和 naive-ui 搭配编写
15 |
16 |
17 | ## 👀 预览
18 |
19 | [查看文档](https://pure-admin-utils.netlify.app)
20 |
21 | ## 📡 安装依赖
22 |
23 | ```
24 | pnpm install
25 | ```
26 |
27 | ## 🚀 运行
28 |
29 | ```
30 | pnpm dev
31 | ```
32 |
33 | ## 🕋 打包
34 |
35 | ```
36 | pnpm build
37 | ```
38 |
--------------------------------------------------------------------------------
/docs/utils/class/toggleClass.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 |
21 |
22 |
点击切换类名
23 |
当前元素的类名 {{ names }}
24 |
16 |
深拷贝
17 |
18 | 拷贝数据改变:
19 |
20 | {{ copyArr }}
21 |
22 | 原数据不变:
23 |
24 | {{ arr }}
25 |
26 |
27 |
17 |
18 | ####
{#base1}
19 |
20 |
21 |
22 |
23 |
24 | 查看代码
25 |
26 | <<< @/utils/convertPath/convertPath.vue
27 |
28 |
29 |
30 | ####
{#param1}
31 |
32 | 接收一个参数 `path` ，返回值类型 `string`
33 |
34 | | **参数属性** | **说明** | **类型** |
35 | | ------------ | -------- | -------- |
36 | | `path` | 路径地址 | `string` |
37 |
38 |
15 |
16 | 接收两个参数，第一个 `main`，第二个 `extra`
17 |
18 | | **参数属性** | **说明** |
19 | | ------------ | ---------------------------------------------- |
20 | | `main` | 主组件（第一个被注册的组件） |
21 | | `extra` | 额外组件，对象格式（会按照传入的先后顺序注册） |
22 |
23 |
24 |
25 | ::: info 提示信息
26 | 每个使用 `withInstall` 的组件都应该有个唯一 `name`，以便兼容各种场景。如果要在全局中使用，组件名需传 `name` 值
27 | :::
28 |
29 | ## withNoopInstall
30 |
31 | 向组件中添加空的`install`方法，接收一个参数 `component` 组件
32 |
33 | ::: info 使用场景
34 | 不希望组件自动注册，或者想要在控制注册时机和方式时提供灵活性。例如，想要在某些条件满足时才注册组件，或者已经有了注册逻辑的其他实现方式
35 | :::
36 |
--------------------------------------------------------------------------------
/docs/utils/space/removeBothSidesSpace.vue:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
13 |
14 | 原字符串：
15 |
20 |
21 |
22 |
23 | 转换后字符串：
24 |
25 |
26 |
27 |
28 |
29 | 点击去掉字符串左右两边空格
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/docs/utils/debounce/throttle.vue:
--------------------------------------------------------------------------------
1 |
18 |
19 |
20 |
21 |
22 |
23 | 连续点击我，每一秒只会执行一次点击事件
24 |
25 |
33 | 连续点击我，每一秒只会执行一次点击事件（可传参写法，不限制参数数量）
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/docs/utils/equal/isEqualObject.vue:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 |
13 |
14 | {{
15 | isEqualObject(obj1, obj2)
16 | ? `${JSON.stringify(obj1)} 等于 ${JSON.stringify(obj2)}`
17 | : `${JSON.stringify(obj1)} 不等于 ${JSON.stringify(obj2)}`
18 | }}
19 |
20 |
21 |
22 | {{
23 | isEqualObject(obj1, obj3)
24 | ? `${JSON.stringify(obj1)} 等于 ${JSON.stringify(obj3)}`
25 | : `${JSON.stringify(obj1)} 不等于 ${JSON.stringify(obj3)}`
26 | }}
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/playgrounds/vue-vite/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 | {{ msg }}
11 |
12 |
13 |
14 |
15 | Edit
16 | components/HelloWorld.vue to test HMR
17 |
18 |
21 | Check out
22 | create-vue, the official Vue + Vite starter
25 |
26 |
27 | Install
28 | Volar
29 | in your IDE for a better DX
30 |
31 | Click on the Vite and Vue logos to learn more
32 |
33 |
34 |
39 |
--------------------------------------------------------------------------------
/docs/hooks/useDraggable/naiveuiBase.vue:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 | 点击打开模态框
20 |
21 |
22 |
30 |
31 | 拖动我吧
32 |
33 | emm...不知道写点啥 🤷
34 |
35 |
25 | {{ `容器 width: ${divWidth}` }}
26 |
27 | {{ `容器 height: ${divHeight}` }}
28 |
29 |
30 |
31 |
40 |
--------------------------------------------------------------------------------
/docs/hooks/useDraggable/naiveuiDialog.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
20 | 点击打开模态框
21 |
22 | 拖动我吧
23 |
24 |
naiveui：我暴露了足够的api，怎么会难用呢？🤔
25 |
二开疯子：确实，这下很多组件都能更好地二次封装了 😄
26 |
拷贝高手：好咧，赶紧动起来！👍
27 |
18 |
19 | ####
{#base1}
20 |
21 |
22 |
23 |
24 |
25 | 查看代码
26 |
27 | <<< @/utils/url/getQueryMap.vue
28 |
29 |
30 |
31 | ####
{#param1}
32 |
33 | 接收一个参数 `url` ，返回值类型 `object`
34 |
35 | | **参数属性** | **说明** | **类型** |
36 | | ------------ | ---------- | -------- |
37 | | `url` | 超链接地址 | `string` |
38 |
39 |
46 |
47 |
48 |
49 |
50 |
51 | 查看代码
52 |
53 | <<< @/utils/url/getLocation.vue
54 |
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/docs/utils/array/arrayAnyExist.vue:
--------------------------------------------------------------------------------
1 |
29 |
30 |
31 |
32 |
33 |
34 | {{ firstText }}
35 |
36 |
37 | {{ secondText }}
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/docs/utils/array/arrayAllExist.vue:
--------------------------------------------------------------------------------
1 |
29 |
30 |
31 |
32 |
33 |
34 | {{ firstText }}
35 |
36 |
37 | {{ secondText }}
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/docs/components/wordcloud/data.ts:
--------------------------------------------------------------------------------
1 | import { ref } from "vue";
2 | import { subBetween } from "@pureadmin/utils";
3 | import type { WorldCloudDataItem } from "../../.vitepress/plugins/wordcloud/index.d.ts"; // 路径要写完整，确保打包时引用正确
4 |
5 | const modules: any = import.meta.glob("../../{hooks,utils}/**/*.md", {
6 | eager: true
7 | });
8 |
9 | export function useData() {
10 | let utilsList = [];
11 | let hooksList = [];
12 | let dataList = ref([]);
13 |
14 | Object.keys(modules).forEach(v => {
15 | if (v.includes("/utils/")) utilsList.push(v);
16 | if (v.includes("/hooks/")) hooksList.push(v);
17 | });
18 |
19 | Object.keys(modules).map(key => {
20 | if (!modules[key].default?.name) return;
21 | dataList.value.push({
22 | name: subBetween(modules[key].default?.name, "/", "/"),
23 | value: 1
24 | });
25 | });
26 | dataList.value.push(
27 | { name: "Hooks", value: hooksList.length },
28 | { name: "Utils", value: utilsList.length }
29 | );
30 |
31 | return {
32 | data: dataList,
33 | hooksLen: hooksList.length,
34 | utilsLen: utilsList.length
35 | };
36 | }
37 |
--------------------------------------------------------------------------------
/docs/utils/array/isIncludeAllChildren.vue:
--------------------------------------------------------------------------------
1 |
28 |
29 |
30 |
31 |
32 |
33 | {{ firstText }}
34 |
35 |
36 | {{ secondText }}
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/docs/utils/base64Conver/convertImageToGray.vue:
--------------------------------------------------------------------------------
1 |
26 |
27 |
28 |
29 | 原彩色图片
30 |
31 |
![vueStr]()
32 |
![reactStr]()
33 |
36 |
![vueSvg]()
37 |
![reactPng]()
38 |
17 |
18 | 转换后的路径：{{ convertPath(path1) }}
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | windows路径：{{ clone(path2) }}
27 |
28 |
29 |
30 | 转换后的路径：{{ convertPath(path2) }}
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/playgrounds/vue-cli/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vuecli-demo",
3 | "version": "0.0.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "vue-cli-service serve",
7 | "serve": "vue-cli-service serve",
8 | "build": "vue-cli-service build",
9 | "lint": "vue-cli-service lint"
10 | },
11 | "dependencies": {
12 | "@pureadmin/utils": "^2.1.1",
13 | "core-js": "^3.8.3",
14 | "vue": "^3.2.13"
15 | },
16 | "devDependencies": {
17 | "@babel/core": "^7.12.16",
18 | "@babel/eslint-parser": "^7.12.16",
19 | "@vue/cli-plugin-babel": "~5.0.0",
20 | "@vue/cli-plugin-eslint": "~5.0.0",
21 | "@vue/cli-service": "~5.0.0",
22 | "eslint": "^7.32.0",
23 | "eslint-plugin-vue": "^8.0.3"
24 | },
25 | "eslintConfig": {
26 | "root": true,
27 | "env": {
28 | "node": true
29 | },
30 | "extends": [
31 | "plugin:vue/vue3-essential",
32 | "eslint:recommended"
33 | ],
34 | "parserOptions": {
35 | "parser": "@babel/eslint-parser"
36 | },
37 | "rules": {}
38 | },
39 | "browserslist": [
40 | "> 1%",
41 | "last 2 versions",
42 | "not dead",
43 | "not ie 11"
44 | ]
45 | }
46 |
--------------------------------------------------------------------------------
/playgrounds/preact/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/playgrounds/react/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/playgrounds/svelte/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/playgrounds/vue-vite/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/simple/bar.vue:
--------------------------------------------------------------------------------
1 |
53 |
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/simple/line.vue:
--------------------------------------------------------------------------------
1 |
50 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/simple/radar.vue:
--------------------------------------------------------------------------------
1 |
52 |
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/docs/utils/base64Conver/urlToBase64.vue:
--------------------------------------------------------------------------------
1 |
22 |
23 |
24 |
25 |
26 |
本地图片转base64
27 |
![base64Url]()
35 |
37 |
38 | 在线图片url转base64
39 |
40 |
![base64OnLineUrl]()
48 |
18 |
19 |
20 |
21 |
22 |
23 | 查看代码
24 |
25 | <<< @/utils/storage/storageLocal.vue
26 |
27 |
28 |
29 |
30 |
31 | ## storageSession
32 |
33 | 处理 `sessionStorage`
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | 查看代码
42 |
43 | <<< @/utils/storage/storageSession.vue
44 |
45 |
46 |
47 |
48 |
49 | ## 通用方法
50 |
51 | | **方法名** | **说明** | **参数** |
52 | | ------------ | ----------------------------- | -------------------------- |
53 | | `setItem` | 储存对应键名的 `Storage` 对象 | `k` （键名）, `v` （键值） |
54 | | `getItem` | 获取对应键名的 `Storage` 对象 | `k` （键名） |
55 | | `removeItem` | 删除对应键名的 `Storage` 对象 | `k` （键名） |
56 | | `clear` | 删除此域的所有 `Storage` 对象 | |
57 |
--------------------------------------------------------------------------------
/playgrounds/next/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/utils/array/arrayAllExistDeep.vue:
--------------------------------------------------------------------------------
1 |
39 |
40 |
41 |
42 |
43 |
44 | {{ firstText }}
45 |
46 |
47 | {{ secondText }}
48 |
49 |
50 |
51 |
52 |
--------------------------------------------------------------------------------
/docs/hooks/useECharts/demo/simple/scatter.vue:
--------------------------------------------------------------------------------
1 |
52 |
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/docs/components/theme.vue:
--------------------------------------------------------------------------------
1 |
37 |
38 |
39 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/docs/utils/array/arrayAnyExistDeep.vue:
--------------------------------------------------------------------------------
1 |
39 |
40 |
41 |
42 |
43 |
44 | {{ firstText }}
45 |
46 |
47 | {{ secondText }}
48 |
49 |
50 |
51 |
52 |
--------------------------------------------------------------------------------
/playgrounds/preact/src/assets/preact.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/utils/nameTransform/nameTransform.md:
--------------------------------------------------------------------------------
1 |
8 |
9 | ::: tip 支持任意 `JavaScript` 环境或框架
10 | 横线、驼峰命名互转
11 | :::
12 |
13 | ## nameCamelize
14 |
15 | 横线转驼峰命名
16 |
17 |
18 |
19 | ####
{#base1}
20 |
21 |
22 |
23 |
24 |
25 | 查看代码
26 |
27 | <<< @/utils/nameTransform/nameCamelize.vue
28 |
29 |
30 |
31 | ####
{#param1}
32 |
33 | 接收一个参数 `str` ，返回值类型 `string`
34 |
35 | | **参数属性** | **说明** | **类型** |
36 | | ------------ | -------- | -------- |
37 | | `str` | 字符串 | `string` |
38 |
39 |
46 |
47 | ####
{#base2}
48 |
49 |
50 |
51 |
52 |
53 | 查看代码
54 |
55 | <<< @/utils/nameTransform/nameHyphenate.vue
56 |
57 |
58 |
59 | ####
{#param2}
60 |
61 | 接收一个参数 `str` ，返回值类型 `string`
62 |
63 | | **参数属性** | **说明** | **类型** |
64 | | ------------ | -------- | -------- |
65 | | `str` | 字符串 | `string` |
66 |
67 |
17 |
18 | ####
{#base1}
19 |
20 |
21 |
22 |
23 |
24 | 查看代码
25 |
26 | <<< @/utils/link/link.vue
27 |
28 |
29 |
30 | ####
{#param1}
31 |
32 | 接收两个参数，第一个参数 `href` ，第二个参数 `target` ，无返回值
33 |
34 | | **参数属性** | **说明** | **类型** | **默认值** |
35 | | ------------ | ---------------------------------------- | -------- | ---------- |
36 | | `href` | 要跳转的超链接地址 | `string` | |
37 | | `target` | 拥有五个属性，具体看下面的 `target` 详情 | `Target` | `_blank` |
38 |
39 | ####
{#target1}
40 |
41 | | **参数属性** | **说明** |
42 | | ------------ | ---------------------------------- |
43 | | _\_blank_ | _在新窗口中打开被链接文档（默认）_ |
44 | | _\_self_ | _在相同的框架中打开被链接文档_ |
45 | | _\_parent_ | _在父框架集中打开被链接文档_ |
46 | | _\_top_ | _在整个窗口中打开被链接文档_ |
47 | | _framename_ | _在指定的框架中打开被链接文档_ |
48 |
49 | ### 类型声明
50 |
51 | <<< @/utils/link/types/openLink.ts
52 |
53 |
21 |
22 |
{{ isDark ? 'dark' : '非dark' }}
23 |
25 |
26 |
15 |
16 | ####
{#use1}
17 |
18 | [demo1](https://github.com/pure-admin/vue-pure-admin/blob/main/build/info.ts#L37)、[demo2](https://github.com/pure-admin/pure-admin-release/blob/main/src/index.ts#L56)
19 |
20 | ####
{#param1}
21 |
22 | 接收一个参数 `options`
23 |
24 | | **参数属性** | **说明** | **类型** |
25 | | ------------ | ----------------------------------------- | ------------ |
26 | | `options` | 拥有三个属性，具体看下面的 `options` 详情 | `packageOpt` |
27 |
28 | ####
{#options1}
29 |
30 | | **参数属性** | **说明** | **类型** | **默认值** |
31 | | ------------ | ---------------------------------------------------------------------- | ------------------ | ---------- |
32 | | `folder` | 文件夹名 | `string` | `dist` |
33 | | `format` | 是否返回已经转化好单位的包总大小 （通过下面的 `formatBytes` 函数转化） | `boolean` | `true` |
34 | | `callback` | 回调函数，返回包总大小（单位：字节） | `CallableFunction` | |
35 |
36 | ####
{#type1}
37 |
38 | <<< @/utils/packageSize/types/getPackageSize.ts
39 |
40 |
39 | 渐变背景、边框、文字
40 |
41 |
42 |
43 |
44 |
45 |
59 |
--------------------------------------------------------------------------------
/playgrounds/vue-vite/src/style.css:
--------------------------------------------------------------------------------
1 | :root {
2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3 | line-height: 1.5;
4 | font-weight: 400;
5 |
6 | color-scheme: light dark;
7 | color: rgba(255, 255, 255, 0.87);
8 | background-color: #242424;
9 |
10 | font-synthesis: none;
11 | text-rendering: optimizeLegibility;
12 | -webkit-font-smoothing: antialiased;
13 | -moz-osx-font-smoothing: grayscale;
14 | }
15 |
16 | a {
17 | font-weight: 500;
18 | color: #646cff;
19 | text-decoration: inherit;
20 | }
21 | a:hover {
22 | color: #535bf2;
23 | }
24 |
25 | body {
26 | margin: 0;
27 | display: flex;
28 | place-items: center;
29 | min-width: 320px;
30 | min-height: 100vh;
31 | }
32 |
33 | h1 {
34 | font-size: 3.2em;
35 | line-height: 1.1;
36 | }
37 |
38 | button {
39 | border-radius: 8px;
40 | border: 1px solid transparent;
41 | padding: 0.6em 1.2em;
42 | font-size: 1em;
43 | font-weight: 500;
44 | font-family: inherit;
45 | background-color: #1a1a1a;
46 | cursor: pointer;
47 | transition: border-color 0.25s;
48 | }
49 | button:hover {
50 | border-color: #646cff;
51 | }
52 | button:focus,
53 | button:focus-visible {
54 | outline: 4px auto -webkit-focus-ring-color;
55 | }
56 |
57 | .card {
58 | padding: 2em;
59 | }
60 |
61 | #app {
62 | max-width: 1280px;
63 | margin: 0 auto;
64 | padding: 2rem;
65 | text-align: center;
66 | }
67 |
68 | @media (prefers-color-scheme: light) {
69 | :root {
70 | color: #213547;
71 | background-color: #ffffff;
72 | }
73 | a:hover {
74 | color: #747bff;
75 | }
76 | button {
77 | background-color: #f9f9f9;
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Created by .ignore support plugin (hsz.mobi)
2 | ### Node template
3 | # Logs
4 | logs
5 | *.log
6 | npm-debug.log*
7 | yarn-debug.log*
8 | yarn-error.log*
9 |
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 |
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 |
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 |
22 | # nyc test coverage
23 | .nyc_output
24 |
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 |
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 |
31 | # node-waf configuration
32 | .lock-wscript
33 |
34 | # Compiled binary addons (https://nodejs.org/api/addons.html)
35 | build/Release
36 |
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 |
41 | # TypeScript v1 declaration files
42 | typings/
43 |
44 | # Optional npm cache directory
45 | .npm
46 |
47 | # Optional eslint cache
48 | .eslintcache
49 |
50 | # Optional REPL history
51 | .node_repl_history
52 |
53 | # Output of 'npm pack'
54 | *.tgz
55 |
56 | # Yarn Integrity file
57 | .yarn-integrity
58 |
59 | # dotenv environment variables file
60 | .env
61 |
62 | # parcel-bundler cache (https://parceljs.org/)
63 | .cache
64 |
65 | # next.js build output
66 | .next
67 |
68 | # nuxt.js build output
69 | .nuxt
70 |
71 | # Nuxt generate
72 | dist
73 |
74 | # vuepress build output
75 | .vuepress/dist
76 | docs/.vitepress/dist
77 | docs/.vitepress/.temp
78 |
79 | # Serverless directories
80 | .serverless
81 |
82 | # IDE
83 | .idea
84 |
85 | .DS_Store
86 | docs/.vitepress/cache
87 | docs/dev-dist
88 |
89 | config.*.timestamp*
--------------------------------------------------------------------------------
/playgrounds/svelte/src/app.css:
--------------------------------------------------------------------------------
1 | :root {
2 | font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
3 | font-size: 16px;
4 | line-height: 24px;
5 | font-weight: 400;
6 |
7 | color-scheme: light dark;
8 | color: rgba(255, 255, 255, 0.87);
9 | background-color: #242424;
10 |
11 | font-synthesis: none;
12 | text-rendering: optimizeLegibility;
13 | -webkit-font-smoothing: antialiased;
14 | -moz-osx-font-smoothing: grayscale;
15 | -webkit-text-size-adjust: 100%;
16 | }
17 |
18 | a {
19 | font-weight: 500;
20 | color: #646cff;
21 | text-decoration: inherit;
22 | }
23 | a:hover {
24 | color: #535bf2;
25 | }
26 |
27 | body {
28 | margin: 0;
29 | display: flex;
30 | place-items: center;
31 | min-width: 320px;
32 | min-height: 100vh;
33 | }
34 |
35 | h1 {
36 | font-size: 3.2em;
37 | line-height: 1.1;
38 | }
39 |
40 | .card {
41 | padding: 2em;
42 | }
43 |
44 | #app {
45 | max-width: 1280px;
46 | margin: 0 auto;
47 | padding: 2rem;
48 | text-align: center;
49 | }
50 |
51 | button {
52 | border-radius: 8px;
53 | border: 1px solid transparent;
54 | padding: 0.6em 1.2em;
55 | font-size: 1em;
56 | font-weight: 500;
57 | font-family: inherit;
58 | background-color: #1a1a1a;
59 | cursor: pointer;
60 | transition: border-color 0.25s;
61 | }
62 | button:hover {
63 | border-color: #646cff;
64 | }
65 | button:focus,
66 | button:focus-visible {
67 | outline: 4px auto -webkit-focus-ring-color;
68 | }
69 |
70 | @media (prefers-color-scheme: light) {
71 | :root {
72 | color: #213547;
73 | background-color: #ffffff;
74 | }
75 | a:hover {
76 | color: #747bff;
77 | }
78 | button {
79 | background-color: #f9f9f9;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/playgrounds/svelte/src/assets/svelte.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docs/utils/clone/clone.vue:
--------------------------------------------------------------------------------
1 |
26 |
27 |
28 |
29 |
30 |
浅拷贝（基本数据类型）
31 |
32 | 拷贝数据改变:
33 |
34 | {{ copyArr1 }}
35 |
36 | 原数据不变:
37 |
38 | {{ arr1 }}
39 |
40 |
41 |
42 |
浅拷贝（引用数据类型）
43 |
44 | 拷贝数据改变:
45 |
46 | {{ copyArr2 }}
47 |
48 | 原数据改变:
49 |
50 | {{ arr2 }}
51 |
52 |
53 |
54 |
深拷贝
55 |
56 | 拷贝数据改变:
57 |
58 | {{ copyArr3 }}
59 |
60 | 原数据不变:
61 |
62 | {{ arr3 }}
63 |
64 |
65 |
18 |
19 | ####
{#base1}
20 |
21 |
22 |
23 |
24 |
25 | 查看代码
26 |
27 | <<< @/utils/mouseEvent/banMouseEvent.vue
28 |
29 |
30 |
31 | ####
{#param1}
32 |
33 | 接收一个参数 `eventList` ，无返回值
34 |
35 | | **参数属性** | **说明** | **类型** |
36 | | ------------ | ------------------------------------------------------------------------ | ------------------- |
37 | | `eventList` | 鼠标事件（ `contextmenu` ：右键、 `selectstart` ：选择、 `copy` ：拷贝） | `Array
` |
38 |
39 |
46 |
47 | ####
{#base2}
48 |
49 |
50 |
51 |
52 |
53 | 查看代码
54 |
55 | <<< @/utils/mouseEvent/allowMouseEvent.vue
56 |
57 |
58 |
59 | ####
{#param2}
60 |
61 | 接收一个参数 `eventList` ，无返回值
62 |
63 | | **参数属性** | **说明** | **类型** |
64 | | ------------ | ------------------------------------------------------------------------ | ------------------- |
65 | | `eventList` | 鼠标事件（ `contextmenu` ：右键、 `selectstart` ：选择、 `copy` ：拷贝） | `Array
` |
66 |
67 |
53 |
54 | 获取localStorage对象
55 |
56 |
57 | {{ storages.info.name ? storages : "" }}
58 |
59 |
60 |
61 | 删除localStorage对象
62 |
63 |
64 | 删除此域的所有localStorage对象
65 |
66 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/docs/components/layout.vue:
--------------------------------------------------------------------------------
1 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
75 |
--------------------------------------------------------------------------------