@zcrkey/js-utils 0.0.5 → 0.0.7

package/.dumirc.ts

@@ -1,36 +0,0 @@
-import { defineConfig } from 'dumi';
-
-// more config: https://d.umijs.org/config
-export default defineConfig({
-  outputPath: 'docs-dist',
-  themeConfig: {
-    name: '@zcrkey/js-utils',
-    nav: {
-      'zh-CN': [
-        { title: '指南', link: '/guide' },
-        { title: 'API', link: '/api' },
-      ],
-    },
-    footer: 'zcrkey | Copyright © 2023-present</span>',
-    title: '@zcrkey/js-utils',
-    description: {
-      'zh-CN': '一个 javascript 实用函数库',
-    },
-    actions: {
-      'zh-CN': [
-        {
-          type: 'primary',
-          text: '开始使用',
-          link: '/guide',
-        },
-        {
-          text: 'API总览',
-          link: '/api',
-        },
-      ],
-    },
-    socialLinks: {
-      github: 'https://cnb.cool/cnbkey/zcrkey/js-utils.git',
-    },
-  },
-});

package/.fatherrc.ts

@@ -1,14 +0,0 @@
-import { defineConfig } from 'father';
-
-export default defineConfig({
-  // more father config: https://github.com/umijs/father/blob/master/docs/config.md
-  esm: {
-    output: 'dist',
-  },
-  umd: {
-    output: {
-      path: 'dist',
-      filename: 'index.umd.js',
-    },
-  },
-});

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx commitlint --edit "${1}"

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx lint-staged

package/.prettierignore

@@ -1,2 +0,0 @@
-/dist
-*.yaml

package/.stylelintrc

@@ -1,10 +0,0 @@
-{
-  "extends": "@umijs/lint/dist/config/stylelint",
-  "rules": {
-    "color-hex-length": null,
-    "alpha-value-notation": null,
-    "comment-empty-line-before": null,
-    "selector-class-pattern": null,
-    "custom-property-pattern": null
-  }
-}

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-export type * from './eventCenter';
-export { default as CrEventCenter } from './eventCenter';
-export type * from './objUtil';
-export { default as CrObjUtil } from './objUtil';
-export { default as CrStorage } from './storage';
-export type * from './treeUtil';
-export { default as CrTreeUtil } from './treeUtil';
-export { default as CrUtil } from './util';

package/dist/index.js

@@ -1,5 +0,0 @@
-export { default as CrEventCenter } from "./eventCenter";
-export { default as CrObjUtil } from "./objUtil";
-export { default as CrStorage } from "./storage";
-export { default as CrTreeUtil } from "./treeUtil";
-export { default as CrUtil } from "./util";

package/docs/api/eventCenter/index.md

@@ -1,34 +0,0 @@
-# CrEventCenter 事件发布订阅
-
-事件发布订阅
-
-- 推荐仅在原生 javascript 中使用
-- 不推荐中在三大框架中使用，而是使用各家框架的状态管理库（存在问题，闭包函数未能及时更新 useState 中的值）
-
-原生写法
-
-```
-import { CrEventCenter } from '@zcrkey/js-utils';
-import type { TSubscription } from '@zcrkey/js-utils';
-
-// 订阅事件
-const subscription: TSubscription = CrEventCenter.on('xxx_xxx', (params) => {
-  console.log('params',params)
-});
-
-// 发布事件
-CrEventCenter.emit('xxx_xxx',{a:1,b:2})
-
-// 移除订阅事件
-subscription.remove()
-// 或者
-CrEventCenter.off(subscription);
-
-// 查找订阅事件
-const item = CrEventCenter.find('xxx_xxx')
-
-// 清除所有订阅事件
-CrEventCenter.clear()
-
-
-```

package/docs/api/index.md

@@ -1,5 +0,0 @@
----
-order: -1
----
-
-# API 总览

package/docs/api/storage/index.md

@@ -1,9 +0,0 @@
-# CrStorage 浏览器存储
-
-浏览器存储
-
-- localStorage：大小(10mb)、访问(任何窗口)
-- sessionStorage 大小(5mb)、访问(同一窗口)
-
-<code src="./local.tsx"></code>
-<code src="./session.tsx"></code>

package/docs/api/storage/local.tsx

@@ -1,91 +0,0 @@
-/**
- * title: localStorage
- */
-
-import { CrStorage } from '@zcrkey/js-utils';
-import React, { useState } from 'react';
-
-const LOGIN_USER = 'loginUser';
-
-export default () => {
-  const [data, setData] = useState<any>();
-
-  const onSet = () => {
-    // CrStorage.setLocalItem(LOGIN_USER, null);
-    // CrStorage.setLocalItem(LOGIN_USER, -1);
-    // CrStorage.setLocalItem(LOGIN_USER, undefined);
-    // CrStorage.setLocalItem(LOGIN_USER, {});
-    // CrStorage.setLocalItem(LOGIN_USER, []);
-    CrStorage.setLocalItem(LOGIN_USER, {
-      name: 'zcr',
-      sex: '男',
-      age: 18,
-    });
-  };
-
-  const onGet = () => {
-    const data = CrStorage.getLocalItem(LOGIN_USER);
-    setData(data);
-  };
-
-  const onClear = () => {
-    CrStorage.removeLocalItem(LOGIN_USER);
-    setData('');
-  };
-
-  const onAllClear = () => {
-    CrStorage.clearLocal();
-    setData('');
-  };
-
-  return (
-    <>
-      <div className="flex flex-direction">
-        <div className="text-lg">CrUtil.setLocalItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onSet}
-          >
-            设置用户数据
-          </button>
-        </div>
-        <div className="text-lg">CrUtil.getLocalItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onGet}
-          >
-            获取用户数据
-          </button>
-        </div>
-        <div className="text-lg">CrUtil.removeLocalItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onClear}
-          >
-            清除用户数据
-          </button>
-        </div>
-      </div>
-      <div className="text-lg">CrUtil.clearLocal</div>
-      <div>
-        <button
-          type="button"
-          className="cr-btn line-blue radius"
-          onClick={onAllClear}
-        >
-          清除全部
-        </button>
-      </div>
-
-      <div className="divider"></div>
-
-      <p>用户数据：{JSON.stringify(data)}</p>
-    </>
-  );
-};

package/docs/api/storage/session.tsx

@@ -1,85 +0,0 @@
-/**
- * title: sessionStorage
- */
-
-import { CrStorage } from '@zcrkey/js-utils';
-import React, { useState } from 'react';
-
-const LOGIN_USER = 'loginUser';
-
-export default () => {
-  const [data, setData] = useState<any>();
-
-  const onSet = () => {
-    CrStorage.setSessionItem(LOGIN_USER, {
-      name: 'zcr',
-      sex: '男',
-      age: 18,
-    });
-  };
-
-  const onGet = () => {
-    setData(CrStorage.getSessionItem(LOGIN_USER));
-  };
-
-  const onClear = () => {
-    CrStorage.removeSessionItem(LOGIN_USER);
-    setData('');
-  };
-
-  const onAllClear = () => {
-    CrStorage.clearSession();
-    setData('');
-  };
-
-  return (
-    <>
-      <div className="flex flex-direction">
-        <div className="text-lg">CrUtil.setSessionItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onSet}
-          >
-            设置用户数据
-          </button>
-        </div>
-        <div className="text-lg">CrUtil.getSessionItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onGet}
-          >
-            获取用户数据
-          </button>
-        </div>
-        <div className="text-lg">CrUtil.removeSessionItem</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={onClear}
-          >
-            清除用户数据
-          </button>
-        </div>
-      </div>
-      <div className="text-lg">CrUtil.clearSession</div>
-      <div>
-        <button
-          type="button"
-          className="cr-btn line-blue radius"
-          onClick={onAllClear}
-        >
-          清除全部
-        </button>
-      </div>
-
-      <div className="divider"></div>
-
-      <p>用户数据：{JSON.stringify(data)}</p>
-    </>
-  );
-};

package/docs/api/treeUtil/index.md

@@ -1,5 +0,0 @@
-# CrTreeUtil 树工具类
-
-树工具类
-
-<code src="./index.tsx"></code>

package/docs/api/treeUtil/index.tsx

@@ -1,266 +0,0 @@
-/**
- * title: 基本使用
- */
-
-import { CrTreeUtil } from '@zcrkey/js-utils';
-import React, { useState } from 'react';
-
-const listData = [
-  { id: '1', parentId: null, name: '节点 1' },
-  { id: '1-1', parentId: '1', name: '节点 1-1' },
-  { id: '1-1-1', parentId: '1-1', name: '节点 1-1-1' },
-  { id: '1-1-2', parentId: '1-1', name: '节点 1-1-2' },
-  { id: '1-2', parentId: '1', name: '节点 1-2' },
-  { id: '1-2-1', parentId: '1-2', name: '节点 1-2-1' },
-  { id: '1-2-1-1', parentId: '1-2-1', name: '节点 1-2-1-1' },
-
-  { id: '2', parentId: null, name: '节点 2' },
-  { id: '2-1', parentId: '2', name: '节点 2-1' },
-  { id: '2-1-1', parentId: '2-1', name: '节点 2-1-1' },
-  { id: '2-1-2', parentId: '2-1', name: '节点 2-1-2' },
-  { id: '2-2', parentId: '2', name: '节点 2-2' },
-
-  { id: '3', parentId: null, name: '节点 3' },
-  { id: '3-1', parentId: '3', name: '节点 3-1' },
-  { id: '3-1-1', parentId: '3-1', name: '节点 3-1-1' },
-  { id: '3-1-1-1', parentId: '3-1-1', name: '节点 3-1-1-1' },
-  { id: '3-2', parentId: '3', name: '节点 3-2' },
-  { id: '3-2-1', parentId: '3-2', name: '节点 3-2-1' },
-
-  { id: '4', parentId: null, name: '节点 4' },
-];
-
-const treeData = [
-  {
-    id: '1',
-    parentId: null,
-    name: '节点 1',
-    children: [
-      {
-        id: '1-1',
-        parentId: '1',
-        name: '节点 1-1',
-        children: [
-          {
-            id: '1-1-1',
-            parentId: '1-1',
-            name: '节点 1-1-1',
-          },
-          {
-            id: '1-1-2',
-            parentId: '1-1',
-            name: '节点 1-1-2',
-          },
-        ],
-      },
-      {
-        id: '1-2',
-        parentId: '1',
-        name: '节点 1-2',
-        children: [
-          {
-            id: '1-2-1',
-            parentId: '1-2',
-            name: '节点 1-2-1',
-            children: [
-              {
-                id: '1-2-1-1',
-                parentId: '1-2-1',
-                name: '节点 1-2-1-1',
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-  {
-    id: '2',
-    parentId: null,
-    name: '节点 2',
-    children: [
-      {
-        id: '2-1',
-        parentId: '2',
-        name: '节点 2-1',
-        children: [
-          {
-            id: '2-1-1',
-            parentId: '2-1',
-            name: '节点 2-1-1',
-          },
-          {
-            id: '2-1-2',
-            parentId: '2-1',
-            name: '节点 2-1-2',
-          },
-        ],
-      },
-      {
-        id: '2-2',
-        parentId: '2',
-        name: '节点 2-2',
-      },
-    ],
-  },
-  {
-    id: '3',
-    parentId: null,
-    name: '节点 3',
-    children: [
-      {
-        id: '3-1',
-        parentId: '3',
-        name: '节点 3-1',
-        children: [
-          {
-            id: '3-1-1',
-            parentId: '3-1',
-            name: '节点 3-1-1',
-            children: [
-              {
-                id: '3-1-1-1',
-                parentId: '3-1-1',
-                name: '节点 3-1-1-1',
-              },
-            ],
-          },
-        ],
-      },
-      {
-        id: '3-2',
-        parentId: '3',
-        name: '节点 3-2',
-        children: [
-          {
-            id: '3-2-1',
-            parentId: '3-2',
-            name: '节点 3-2-1',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    id: '4',
-    parentId: null,
-    name: '节点 4',
-  },
-];
-
-export default () => {
-  const [result, setResult] = useState<any>({});
-
-  const listToTree = () => {
-    let res = CrTreeUtil.listToTree(listData, {
-      isDeepCopy: true,
-    });
-    setResult({
-      ...result,
-      listToTree: res,
-    });
-  };
-
-  const treeToList = () => {
-    let res = CrTreeUtil.treeToList(treeData, {
-      isDeepCopy: true,
-    });
-    setResult({
-      ...result,
-      treeToList: res,
-    });
-  };
-
-  const getFlatParentDatas = () => {
-    let res = CrTreeUtil.getFlatParentDatas(listData, '3-1-1-1', {
-      valueField: 'id',
-      getData: (item: any) => item,
-    });
-    setResult({
-      ...result,
-      getFlatParentDatas: res,
-    });
-  };
-
-  return (
-    <>
-      <div className="flex flex-direction">
-        <div>列表数据转树型数据</div>
-        <div className="text-lg">CrTreeUtil.listToTree</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={listToTree}
-          >
-            调用
-          </button>
-          <div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                {JSON.stringify(listData, null, 2)}
-              </pre>
-            </div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                {JSON.stringify(result.listToTree, null, 2)}
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="divider"></div>
-      <div className="flex flex-direction">
-        <div>树型数据转列表数据</div>
-        <div className="text-lg">CrTreeUtil.treeToList</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={treeToList}
-          >
-            调用
-          </button>
-          <div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                {JSON.stringify(treeData, null, 2)}
-              </pre>
-            </div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                {JSON.stringify(result.treeToList, null, 2)}
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="divider"></div>
-      <div className="flex flex-direction">
-        <div>获取扁平化父级数据</div>
-        <div className="text-lg">CrTreeUtil.getFlatParentDatas</div>
-        <div>
-          <button
-            type="button"
-            className="cr-btn line-blue radius"
-            onClick={getFlatParentDatas}
-          >
-            调用
-          </button>
-          <div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                值：'3-1-1-1' 数据源：{JSON.stringify(listData, null, 2)}
-              </pre>
-            </div>
-            <div style={{ display: 'inline-grid', width: '50%' }}>
-              <pre style={{ marginBottom: '0px' }}>
-                {JSON.stringify(result.getFlatParentDatas, null, 2)}
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};

package/docs/api/util/index.md

@@ -1,6 +0,0 @@
-# CrUtil 实用函数
-
-实用函数
-
-<code src="./index.tsx"></code>
-<code src="./is.tsx"></code>