@chenhui996/gg-ui 0.0.1 → 0.0.3

package/README.md

@@ -1,75 +1,46 @@
-# React + TypeScript + Vite
+# 基础 UI 组件库
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+## 安装
 
-Currently, two official plugins are available:
+```shell
+npm install @chenhui996/gg-ui
+```
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## 使用
 
-## React Compiler
+### 1. 根组件包裹（main.tsx）
 
-The React Compiler is enabled on this template. See [this documentation](https://react.dev/learn/react-compiler) for more information.
+```tsx
+import { createRoot } from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { ConfigProvider } from '@chenhui996/gg-ui';
+import { router } from '@/router';
 
-Note: This will impact Vite dev & build performances.
+type ThemeMode = 'dark' | 'light';
 
-## Expanding the ESLint configuration
+const themeMode: ThemeMode = 'dark';
 
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+createRoot(document.getElementById('root')!).render(
+    <ConfigProvider theme={themeMode}>
+      <RouterProvider router={router} />
+    </ConfigProvider>
+);
 
-```js
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
+```
 
-      // Remove tseslint.configs.recommended and replace with this
-      tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      tseslint.configs.stylisticTypeChecked,
 
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+### 2. 组件使用
 
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+- 以 Button 组件为例
 
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
+```tsx
+import { Button } from '@chenhui996/gg-ui';
 
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+const App = () => {
+  return (
+    <div>
+      <Button>默认按钮</Button>
+    </div>
+  );
+};
+```

package/gz-ui-lib/components/form/ErrorList.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { ErrorListProps } from 'antd/es/form';
 export interface GZErrorListProps extends ErrorListProps {
 }
-declare const ErrorList: import('react').ForwardRefExoticComponent<GZErrorListProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const ErrorList: React.FC<GZErrorListProps>;
 export default ErrorList;

package/gz-ui-lib/components/form/Form.d.ts

@@ -0,0 +1,5 @@
+import { FormProps, FormInstance } from 'antd';
+export interface GZFormProps<Values = any> extends FormProps<Values> {
+}
+declare const Form: import('react').ForwardRefExoticComponent<GZFormProps<any> & import('react').RefAttributes<FormInstance<any>>>;
+export default Form;

package/gz-ui-lib/components/form/Item.d.ts

@@ -1,5 +1,8 @@
 import { FormItemProps } from 'antd';
 export interface GZFormItemProps<Values = any> extends FormItemProps<Values> {
 }
-declare const Item: import('react').ForwardRefExoticComponent<GZFormItemProps<any> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Item: {
+    <Values = any>(props: GZFormItemProps<Values>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Item;

package/gz-ui-lib/components/form/List.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { FormListProps } from 'antd/es/form';
 export interface GZFormListProps extends FormListProps {
 }
-declare const List: import('react').ForwardRefExoticComponent<GZFormListProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const List: React.FC<GZFormListProps>;
 export default List;

package/gz-ui-lib/components/form/Provider.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { FormProviderProps } from 'antd/es/form/context';
 export interface GZFormProviderProps extends FormProviderProps {
 }
-declare const Provider: import('react').ForwardRefExoticComponent<GZFormProviderProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const Provider: React.FC<GZFormProviderProps>;
 export default Provider;

package/gz-ui-lib/components/form/demo/advanced-search.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/col-24-debug.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/complex-form-control.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/component-token.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/control-hooks.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/custom-feedback-icons.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/customized-form-controls.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/disabled.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 表单禁用
+ * description: 设置表单组件禁用，仅对 antd 组件有效。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/gz-ui-lib/components/form/demo/dynamic-form-item.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/dynamic-form-items-complex.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/dynamic-form-items-no-style.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/dynamic-form-items.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/dynamic-rule.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/form-context.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/form-dependencies.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/form-in-modal.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/form-item-path.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/getValueProps-normalize.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/global-state.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/inline-login.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/label-debug.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/layout-can-wrap.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/layout-multiple.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/layout.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/login.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/nest-messages.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/ref-item.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/register.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/required-mark.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/size.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/style-class.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/time-related-controls.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/useWatch.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Demo: React.FC;
+export default Demo;

package/gz-ui-lib/components/form/demo/validate-only.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/validate-other.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/validate-scroll-to-field.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 滑动到错误字段
+ * description: 校验失败时/手动滚动到错误字段。
+ * iframe: 360
+ */
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

package/gz-ui-lib/components/form/demo/validate-static.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/validate-trigger.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/variant.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/warning-only.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/demo/without-form-create.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/gz-ui-lib/components/form/index.d.ts

@@ -1,12 +1,10 @@
-import { Form as AntdForm, FormProps, FormInstance } from 'antd';
+import { Form as AntdForm, FormInstance } from 'antd';
+import { default as Form, GZFormProps } from './Form';
 import { default as Item, GZFormItemProps } from './Item';
 import { default as List, GZFormListProps } from './List';
 import { default as ErrorList, GZErrorListProps } from './ErrorList';
 import { default as Provider, GZFormProviderProps } from './Provider';
-export type { GZFormItemProps as FormItemProps, GZFormListProps as FormListProps, GZErrorListProps as ErrorListProps, GZFormProviderProps as FormProviderProps, FormInstance, };
-export interface GZFormProps<Values = any> extends FormProps<Values> {
-}
-declare const Form: import('react').ForwardRefExoticComponent<GZFormProps<any> & import('react').RefAttributes<FormInstance<any>>>;
+export type { GZFormProps, GZFormItemProps, GZFormListProps, GZErrorListProps, GZFormProviderProps, FormInstance, };
 export type GZFormComponent = typeof Form & {
     Item: typeof Item;
     List: typeof List;