@wangtaizong/components 1.0.6 → 1.0.7

package/packages/utils/rollup.config.mjs

@@ -0,0 +1,63 @@
+import commonjs from '@rollup/plugin-commonjs';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import { defineConfig } from 'rollup';
+import { terser } from 'rollup-plugin-terser';
+
+const DIR_MAP = {
+  ESM: 'es',
+  CJS: 'lib',
+  UMD: 'dist',
+};
+
+const baseConfig = (tsConfig) => ({
+  input: 'src/index.ts',
+  plugins: [
+    nodeResolve({ extensions: ['.ts'] }),
+    commonjs(),
+    typescript(tsConfig),
+  ],
+});
+
+const esmConfig = defineConfig({
+  ...baseConfig({
+    declaration: true,
+    declarationDir: DIR_MAP.ESM,
+  }),
+  output: {
+    dir: DIR_MAP.ESM,
+    format: 'esm',
+    preserveModules: true,
+  },
+});
+
+const cjsConfig = defineConfig({
+  ...baseConfig({
+    declaration: true,
+    declarationDir: DIR_MAP.CJS,
+  }),
+  output: {
+    dir: DIR_MAP.CJS,
+    format: 'cjs',
+    exports: 'named',
+  },
+});
+
+const umdConfig = defineConfig({
+  ...baseConfig(),
+  output: [
+    {
+      file: DIR_MAP.UMD + '/index.js',
+      format: 'umd',
+      name: 'KcUtils',
+    },
+    {
+      file: DIR_MAP.UMD + '/index.min.js',
+      format: 'umd',
+      name: 'KcUtils',
+      plugins: [terser()],
+    },
+  ],
+});
+
+export default defineConfig([esmConfig, cjsConfig, umdConfig]);

package/packages/utils/src/CHRRequest/index.md

@@ -0,0 +1,59 @@
+# CHRRequest
+
+## 代码演示
+
+### 基本用法
+
+```jsx
+import { alovaGet, useRequest } from '@chr/utils';
+import { CHRButton } from '@chr/components';
+
+export default function PostExample() {
+  const { loading, data, error, send } = useRequest(
+    () =>
+      alovaGet('/api/dd', {
+        meta: {
+          ignoreAuth: true,
+        },
+      }),
+    {
+      immediate: false,
+      initialData: {},
+    },
+  );
+
+  if (!data.id) {
+    return (
+      <div>
+        <CHRButton onClick={() => send()}>请求</CHRButton>
+        {loading && <div>加载中...</div>}
+        {error && <div>加载失败：{error.message}</div>}
+      </div>
+    );
+  }
+
+  // 有数据时展示详情
+  return (
+    <div>
+      <CHRButton onClick={() => send()}>请求</CHRButton>
+      <h2>文章详情</h2>
+      <p>
+        <strong>ID：</strong>
+        {data.id}
+      </p>
+      <p>
+        <strong>用户ID：</strong>
+        {data.userId}
+      </p>
+      <p>
+        <strong>标题：</strong>
+        {data.title}
+      </p>
+      <p>
+        <strong>内容：</strong>
+      </p>
+      <p>{data.body}</p>
+    </div>
+  );
+}
+```

package/packages/utils/src/CHRRequest/index.ts

@@ -0,0 +1,94 @@
+import { createAlova, RequestBody } from 'alova';
+import { useRequest } from 'alova/client';
+import adapterFetch from 'alova/fetch';
+import ReactHook from 'alova/react';
+const getToken = () => localStorage.getItem('token');
+
+export interface AlovaClientOptions {
+  baseURL: string;
+  timeout?: number;
+  cacheFor?: any;
+  beforeRequest?: (method: any) => void;
+  responded?: any;
+}
+
+class AlovaClient {
+  private instance: ReturnType<typeof createAlova>;
+
+  constructor(options: AlovaClientOptions) {
+    const {
+      baseURL,
+      timeout = 10000,
+      cacheFor = { GET: 2000 },
+      beforeRequest,
+      responded,
+    } = options;
+    this.instance = createAlova({
+      baseURL,
+      statesHook: ReactHook,
+      requestAdapter: adapterFetch(),
+      timeout,
+      cacheFor,
+      beforeRequest: (method) => {
+        method.config.headers = method.config.headers || {};
+        method.config.headers['Content-Type'] =
+          'application/json;charset=utf-8';
+
+        if (beforeRequest) {
+          beforeRequest(method);
+          return;
+        }
+
+        if (method.meta?.ignoreAuth) return;
+        const token = getToken();
+        if (token) {
+          method.config.headers['Authorization'] = `Bearer ${token}`;
+        }
+      },
+      responded: responded || {
+        onSuccess: async (response) => {
+          const json = await response.json();
+          if (response.status !== 200) {
+            // antd.message.error(json.msg || '请求失败');
+            return Promise.reject(json.message || '请求失败');
+          }
+          return Promise.resolve(json);
+        },
+        onError: async (error) => {
+          // antd.message.error(error.message);
+          return Promise.reject(error);
+        },
+      },
+    }) as any;
+  }
+
+  get<T = any>(url: string, config?: RequestInit) {
+    return this.instance.Get<T>(url, config);
+  }
+
+  post<T = any>(url: string, data?: RequestBody, config?: RequestInit) {
+    return this.instance.Post<T>(url, data, config);
+  }
+
+  put<T = any>(url: string, data?: RequestBody, config?: RequestInit) {
+    return this.instance.Put<T>(url, data, config);
+  }
+
+  delete<T = any>(url: string, data?: RequestBody, config?: RequestInit) {
+    return this.instance.Delete<T>(url, data, config);
+  }
+
+  getInstance() {
+    return this.instance;
+  }
+}
+
+const defaultBaseURL = 'http://localhost:3000';
+const defaultClient = new AlovaClient({ baseURL: defaultBaseURL });
+
+export const alovaGet = defaultClient.get.bind(defaultClient);
+export const alovaPost = defaultClient.post.bind(defaultClient);
+export const alovaPut = defaultClient.put.bind(defaultClient);
+export const alovaDelete = defaultClient.delete.bind(defaultClient);
+export { AlovaClient, useRequest };
+export default defaultClient;

package/packages/utils/src/index.ts

@@ -0,0 +1,17 @@
+import CHRRequest, {
+  AlovaClient,
+  alovaDelete,
+  alovaGet,
+  alovaPost,
+  alovaPut,
+  useRequest,
+} from './CHRRequest';
+export {
+  AlovaClient,
+  alovaDelete,
+  alovaGet,
+  alovaPost,
+  alovaPut,
+  CHRRequest,
+  useRequest,
+};

package/packages/utils/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES5",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "baseUrl": ".",
+
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+
+    "skipLibCheck": true,
+    "types": ["react", "react-dom"],
+
+    "strict": true,
+    "noImplicitAny": false,
+    "forceConsistentCasingInFileNames": true,
+
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+
+    "sourceMap": true,
+    "inlineSources": true
+  },
+
+  /* 文件范围控制 */
+  "include": ["src/**/*.ts", "src/**/*.tsx", "types/**/*.d.ts"],
+  "exclude": ["node_modules", "dist", "**/__tests__/*"]
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,8 @@
+packages:
+  - 'packages/*'
+
+catalog:
+  react: ^18.3.1
+  react-dom: ^18.3.1
+  antd: ^6.3.3
+  alova: 3.5.1

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "sourceMap": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "baseUrl": ".",
+    "paths": {
+      "@kc-components/*": ["packages/*/src"]
+    },
+    "esModuleInterop": true,
+    "experimentalDecorators": true
+  },
+  "include": [".dumirc.ts", "packages/**/*.{ts,tsx}"]
+}

package/dist/Add.d.ts

@@ -1,2 +0,0 @@
-declare const Add: () => import("react/jsx-runtime").JSX.Element;
-export default Add;

package/dist/base-80a1f760-22b3368a.js

@@ -1,23 +0,0 @@
-import { e as n } from "./index-6426660e.js";
-var p = (
-  /** @class */
-  function() {
-    function o(t, i, e) {
-      e === void 0 && (e = {}), this.status = "idle", this.options = e, this.sandboxSetup = i, this.iframeSelector = t;
-    }
-    return o.prototype.updateOptions = function(t) {
-      n(this.options, t) || (this.options = t, this.updateSandbox());
-    }, o.prototype.updateSandbox = function(t, i) {
-      throw t === void 0 && (t = this.sandboxSetup), Error("Method not implemented");
-    }, o.prototype.destroy = function() {
-      throw Error("Method not implemented");
-    }, o.prototype.dispatch = function(t) {
-      throw Error("Method not implemented");
-    }, o.prototype.listen = function(t) {
-      throw Error("Method not implemented");
-    }, o;
-  }()
-);
-export {
-  p as S
-};

package/dist/components/editor/MonacoEditor.d.ts

@@ -1,2 +0,0 @@
-declare const MonacoEditor: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default MonacoEditor;

package/dist/components/editor/WEditor.d.ts

@@ -1,13 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { SandpackPredefinedTemplate } from "@codesandbox/sandpack-react";
-interface MyEditorProps extends HTMLAttributes<HTMLDivElement> {
-    type?: SandpackPredefinedTemplate;
-    showConsole?: boolean;
-    files?: {
-        [key: string]: string;
-    };
-    children: ReactNode;
-    [key: string]: any;
-}
-declare const WEditor: ({ type, children, showConsole, files, className, style, editorRef, ...restProps }: MyEditorProps) => import("react/jsx-runtime").JSX.Element;
-export default WEditor;

package/dist/components/editor/sandpack-file-explorer/CreateNewNode.d.ts

@@ -1,3 +0,0 @@
-export declare const CreateNewNode: ({ dir }: {
-    dir?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/sandpack-file-explorer/Example.d.ts

@@ -1,4 +0,0 @@
-export type ExampleProps = {
-    text?: String;
-};
-export declare function Example(props: ExampleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/sandpack-file-explorer/FileTreeExplorer.d.ts

@@ -1 +0,0 @@
-export declare const FileTreeExplorer: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/sandpack-file-explorer/SandpackFilesProvider.d.ts

@@ -1,24 +0,0 @@
-import { SandpackFiles } from '@codesandbox/sandpack-react';
-import { DropOptions } from '@minoru/react-dnd-treeview';
-import type { FC, PropsWithChildren } from 'react';
-import React from 'react';
-import type { Item } from './types';
-export declare const useSandpackFiles: () => {
-    addFile: (pathOrFiles: Record<string, string> | SandpackFiles, code?: string | undefined) => Promise<void>;
-    buildPath: (item: Item, arr: Item[]) => string;
-    deleteFile: (file: string | string[]) => Promise<void>;
-    moveFiles: (fileMap: Record<string, string>) => void;
-    onFileMoved: ({ node, newTree, }: {
-        newTree: Item[];
-        node: DropOptions<{
-            path: string;
-        }>;
-    }) => Promise<void>;
-    openDirs: string[];
-    setOpenDirs: React.Dispatch<React.SetStateAction<string[]>>;
-    setTreeData: React.Dispatch<React.SetStateAction<any[]>>;
-    treeData: any[];
-};
-export declare const SandpackFilesProvider: FC<PropsWithChildren & {
-    onMoveFile?: (fileMap: Record<string, string>) => void;
-}>;

package/dist/components/editor/sandpack-file-explorer/SingleInputForm.d.ts

@@ -1,8 +0,0 @@
-import { SandpackBundlerFiles } from './types';
-export declare const SingleInputForm: ({ onSubmit, onBlur, isDirectory, files, currentPath, }: {
-    currentPath?: string;
-    files: SandpackBundlerFiles;
-    isDirectory?: boolean;
-    onBlur: () => void;
-    onSubmit: (value: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/sandpack-file-explorer/index.d.ts

@@ -1,6 +0,0 @@
-export { useSandpackFiles, SandpackFilesProvider, } from "./SandpackFilesProvider";
-export declare const SandpackFileTree: () => import("react/jsx-runtime").JSX.Element;
-type Props = {
-    onMoveFile?: ((fileMap: Record<string, string>) => void) | undefined;
-};
-export declare const SandpackFileExplorer: (props: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/editor/sandpack-file-explorer/types.d.ts

@@ -1,18 +0,0 @@
-export interface SandpackBundlerFile {
-    active?: boolean;
-    code: string;
-    hidden?: boolean;
-    readOnly?: boolean;
-}
-export type SandpackBundlerFiles = Record<string, SandpackBundlerFile>;
-export type Item = {
-    children?: Item[];
-    data: {
-        path: string;
-    };
-    droppable: boolean;
-    id: string;
-    parent: string;
-    text: string;
-};
-export type HierarchicalData = Record<number, Item>;

package/dist/components/editor/sandpack-file-explorer/utils/arrayToObject.d.ts

@@ -1 +0,0 @@
-export declare function arrayToObject(arr: any[]): any;

package/dist/components/editor/sandpack-file-explorer/utils/buildPath.d.ts

@@ -1,2 +0,0 @@
-import type { Item } from '../types';
-export declare const buildPath: (item: Partial<Item>, arr: Item[]) => string;

package/dist/components/editor/sandpack-file-explorer/utils/deepMerge.d.ts

@@ -1,2 +0,0 @@
-import type { SandpackBundlerFiles } from '../types';
-export declare function deepMerge(files: SandpackBundlerFiles, obj1: any, obj2: any, path: string): any;

package/dist/components/editor/sandpack-file-explorer/utils/deleteKeys.d.ts

@@ -1,4 +0,0 @@
-import type { SandpackBundlerFiles } from '../types';
-export declare const deleteKeys: (obj: Record<string, string> | SandpackBundlerFiles, keysToDelete: string[]) => {
-    [k: string]: any;
-};

package/dist/components/editor/sandpack-file-explorer/utils/directoryFileMap.d.ts

@@ -1,3 +0,0 @@
-import { SandpackFiles } from '@codesandbox/sandpack-react';
-import type { SandpackBundlerFiles } from '../types';
-export declare const directoryFileMap: (files: SandpackBundlerFiles | Record<string, string> | SandpackFiles, overrides?: Record<string, string> | string | SandpackFiles) => {};

package/dist/components/editor/sandpack-file-explorer/utils/fiindParentPath.d.ts

@@ -1 +0,0 @@
-export declare function findParentPath(obj: Record<string, any>, parentId: string): string;

package/dist/components/editor/sandpack-file-explorer/utils/flattenObject.d.ts

@@ -1,2 +0,0 @@
-import { SandpackBundlerFile } from '../types';
-export declare function flattenObject(obj: Record<string, SandpackBundlerFile>): void;

package/dist/components/editor/sandpack-file-explorer/utils/getEntryFile.d.ts

@@ -1,2 +0,0 @@
-import type { SandpackBundlerFiles } from '../types';
-export declare const getEntryFile: (files: SandpackBundlerFiles) => string;

package/dist/components/editor/sandpack-file-explorer/utils/getRemovedKeys.d.ts

@@ -1,5 +0,0 @@
-export declare function getRemovedKeys(original: {
-    [key: string]: any;
-}, updated: {
-    [key: string]: any;
-}): string[];

package/dist/components/editor/sandpack-file-explorer/utils/index.d.ts

@@ -1,12 +0,0 @@
-export * from './arrayToObject';
-export * from './deepMerge';
-export * from './deleteKeys';
-export * from './directoryFileMap';
-export * from './toHierarchicalArray';
-export * from './buildPath';
-export * from './fiindParentPath';
-export * from './flattenObject';
-export * from './getEntryFile';
-export * from './getRemovedKeys';
-export * from './mergeHierarchicalArray';
-export * from './removeHiddenEntries';

package/dist/components/editor/sandpack-file-explorer/utils/mergeHierarchicalArray.d.ts

@@ -1,2 +0,0 @@
-import type { Item, SandpackBundlerFiles } from '../types';
-export declare function mergeHierarchicalArray(sandpackFiles: SandpackBundlerFiles, arr: Item[]): SandpackBundlerFiles;

package/dist/components/editor/sandpack-file-explorer/utils/removeHiddenEntries.d.ts

@@ -1,3 +0,0 @@
-export declare function removeHiddenEntries(obj: {
-    [key: string]: any;
-}): void;

package/dist/components/editor/sandpack-file-explorer/utils/toHierarchicalArray.d.ts

@@ -1,3 +0,0 @@
-export declare const toHierarchicalArray: (obj: {
-    [key: string]: any;
-}, parentId?: string, arr?: any[]) => any[];

package/dist/components/editor/utils/map.d.ts

@@ -1,4 +0,0 @@
-declare const fileTypeMap: {
-    [key: string]: string;
-};
-export default fileTypeMap;