@wangtaizong/components 1.0.8 → 1.1.0

package/package.json

@@ -1,75 +1,47 @@
 {
   "name": "@wangtaizong/components",
-  "version": "1.0.8",
-  "private": false,
-  "scripts": {
-    "build": "lerna run build",
-    "clean": "lerna clean --yes",
-    "clean:dist": "lerna exec -- rm -rf dist es lib",
-    "commit": "git add . && git cz",
-    "cs:add": "pnpm changeset add",
-    "cs:preEnter": "pnpm changeset pre enter beta",
-    "cs:preExit": "pnpm changeset pre exit",
-    "cs:publish": "pnpm changeset publish",
-    "cs:status": "pnpm changeset status",
-    "cs:version": "pnpm changeset version",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:preview": "dumi preview",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "lp": "lerna publish from-git",
-    "lv": "lerna version",
-    "start": "npm run dev"
+  "version": "1.1.0",
+  "description": "基础组件",
+  "keywords": [],
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "lib/index.js",
+  "unpkg": "dist/index.min.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "lib",
+    "dist"
+  ],
+  "dependencies": {
+    "@ant-design/icons": "^6.0.0"
   },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
+  "devDependencies": {
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "rollup": "^4.38.0",
+    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.8.2"
   },
-  "lint-staged": {
-    "*.{md,json}": [
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.{css,less}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --parser=typescript --write"
-    ]
+  "peerDependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "antd": "^5.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
-  "devDependencies": {
-    "@changesets/cli": "^2.29.2",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/lint": "^4.0.0",
-    "commitizen": "^4.3.1",
-    "cz-conventional-changelog": "^3.3.0",
-    "dumi": "^2.4.18",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "lerna": "^8.2.1",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "stylelint": "^14.9.1"
+  "scripts": {
+    "build": "rollup -c"
   }
-}
+}

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "restricted",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/.dumirc.ts

@@ -1,28 +0,0 @@
-import { defineConfig } from 'dumi';
-import path from 'path';
-
-export default defineConfig({
-  outputPath: 'docs-dist',
-  autoAlias: false,
-  alias: {
-    '@chr/components': path.join(__dirname, 'packages/components/src'),
-    '@chr/utils': path.join(__dirname, 'packages/utils/src'),
-    '@chr/hooks': path.join(__dirname, 'packages/hooks/src'),
-  },
-  themeConfig: {
-    name: 'chr',
-    nav: [
-      { title: '介绍', link: '/guide/install' },
-      { title: '组件', link: '/components' },
-      { title: '方法', link: '/utils' },
-      { title: '更新日志', link: '/changelogs' },
-    ],
-  },
-  resolve: {
-    atomDirs: [
-      { type: 'component', dir: 'packages/components/src' },
-      { type: 'utils', dir: 'packages/utils/src' },
-      { type: 'hooks', dir: 'packages/hooks/src' },
-    ],
-  },
-});

package/.editorconfig

@@ -1,13 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: require.resolve('@umijs/lint/dist/config/eslint'),
-};

package/.husky/commit-msg

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

package/.husky/pre-commit

@@ -1,8 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx lint-staged
-if [ -z "$(git diff --cached --name-only .changeset/)" ]; then
-  echo "错误：必须创建 Changeset 文件！"
-  exit 1
-fi

package/.husky/pre-push

@@ -1,8 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-pnpm cs:status | grep "No changesets present"
-if [ $? -eq 0 ]; then
-  echo "错误：存在未处理的 Changeset 文件！"
-  exit 1
-fi

package/.prettierignore

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

package/.prettierrc.js

@@ -1,19 +0,0 @@
-module.exports = {
-  pluginSearchDirs: false,
-  plugins: [
-    require.resolve('prettier-plugin-organize-imports'),
-    require.resolve('prettier-plugin-packagejson'),
-  ],
-  printWidth: 80,
-  proseWrap: 'never',
-  singleQuote: true,
-  trailingComma: 'all',
-  overrides: [
-    {
-      files: '*.md',
-      options: {
-        proseWrap: 'preserve',
-      },
-    },
-  ],
-};

package/.stylelintrc

@@ -1,3 +0,0 @@
-{
-  "extends": "@umijs/lint/dist/config/stylelint"
-}

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "cSpell.words": ["Cascader", "dumirc", "Formily", "kincy", "rollup", "umijs"]
-}

package/commitlint.config.js

@@ -1,21 +0,0 @@
-// commitlint.config.js
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'docs',
-        'style',
-        'refactor',
-        'perf',
-        'test',
-        'chore',
-        'revert',
-      ],
-    ],
-  },
-};

package/docs/changelogs/index.md

@@ -1,9 +0,0 @@
----
-title: 更新日志
-toc: content
-order: 1
----
-
-# 更新日志
-
-- 2026/03/17 `@chr/ui@1.0`  v1.0.0 正式发布。

package/docs/components/index.md

@@ -1 +0,0 @@
-1

package/docs/guide/install.md

@@ -1,39 +0,0 @@
----
-title: 安装
-toc: content
-group:
-  title: 快速上手
-  order: 1
----
-
-# 安装
-
-`@chr/ui@1.0` 是基于 `antd@6.3.3` 开发的。
-
-## 前置依赖
-
-请先检查项目中是否已安装以下依赖：
-
-```
-"react": ">=16.9.0",
-"react-dom": ">=16.9.0",
-"antd": ">=6.3.3"
-```
-
-## 镜像仓库
-
-`@chr/ui@1.0` 应当发布到公司的npm私服中。
-
-```bash
-npm config set registry http://npm.xxx.com
-# or
-yarn config set registry http://npm.xxx.com
-```
-
-## 安装
-
-```bash
-npm install @chr/ui
-# or
-yarn add @chr/ui
-```

package/docs/index.md

@@ -1,21 +0,0 @@
----
-hero:
-  title: MyAntd
-  description: 一个基于Antd二次封装的组件库
-  actions:
-    - text: 快速上手
-      link: /guide/install
-    - text: gitlab
-      link: https://gitlab.com
-features:
-  - title: 快速开发
-    emoji: 🚀
-    description: 让开发更快速、简单
-  - title: 'Ant Design'
-    emoji: 💎
-    description: 在 Ant Design基础上进行的封装，无缝对接 antd 项目
-  - title: TypeScript
-    emoji: 🌈
-    description: 使用TypeScript开发，提供完整的类型定义文件
----
-

package/docs/utils/index.md

@@ -1 +0,0 @@
-1

package/lerna.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "independent",
-  "npmClient": "pnpm",
-  "packages": [
-    "packages/*"
-  ]
-}

package/packages/components/package.json

@@ -1,48 +0,0 @@
-{
-  "name": "@chr/components",
-  "version": "1.0.0",
-  "description": "基础组件",
-  "keywords": [],
-  "license": "MIT",
-  "sideEffects": false,
-  "main": "lib/index.js",
-  "unpkg": "dist/index.min.js",
-  "module": "es/index.js",
-  "typings": "es/index.d.ts",
-  "files": [
-    "es",
-    "lib",
-    "dist"
-  ],
-  "scripts": {
-    "build": "rollup -c"
-  },
-  "dependencies": {
-    "@ant-design/icons": "^6.0.0"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "rollup": "^4.38.0",
-    "rollup-plugin-dts": "^6.2.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "typescript": "^5.8.2"
-  },
-  "peerDependencies": {
-    "antd": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-     "@ant-design/icons": "catalog:"
-  },
-  "packageManager": "pnpm@10.7.0",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  }
-}

package/packages/components/rollup.config.mjs

@@ -1,108 +0,0 @@
-import babel from '@rollup/plugin-babel';
-import commonjs from '@rollup/plugin-commonjs';
-import { nodeResolve } from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import { defineConfig } from 'rollup';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import postcss from 'rollup-plugin-postcss';
-import { terser } from 'rollup-plugin-terser';
-
-const DIR_MAP = {
-  ESM: 'es',
-  CJS: 'lib',
-  UMD: 'dist',
-};
-
-// 处理 Ant Design 样式按需加载
-const antdStyles = () => ({
-  name: 'antd-styles',
-  transform(code, id) {
-    if (/node_modules\/antd/.test(id) && id.endsWith('.js')) {
-      return code.replace(/import\s+['"].*\.less['"]/, '');
-    }
-    return null;
-  },
-});
-
-const baseConfig = (tsConfig) => ({
-  external: ['react', 'react-dom', 'antd', 'tslib'],
-  input: 'src/index.ts',
-  plugins: [
-    peerDepsExternal(),
-    nodeResolve({
-      modulesOnly: true,
-      extensions: ['.ts', '.tsx', '.js', '.jsx'],
-      preferBuiltins: true,
-    }),
-    commonjs(),
-    typescript(tsConfig),
-    babel({
-      babelHelpers: 'bundled',
-      extensions: ['.ts', '.tsx'],
-      presets: [
-        '@babel/preset-react',
-        ['@babel/preset-env', { modules: false }],
-      ],
-    }),
-    postcss({
-      extract: true, // 分离 CSS 文件
-      modules: false,
-      use: ['less'],
-      minimize: true,
-    }),
-    antdStyles(),
-  ],
-});
-
-const esmConfig = {
-  ...baseConfig({
-    declaration: true,
-    declarationDir: DIR_MAP.ESM,
-  }),
-  output: {
-    dir: DIR_MAP.ESM,
-    format: 'esm',
-    preserveModules: true,
-    preserveModulesRoot: 'src',
-  },
-};
-
-const cjsConfig = {
-  ...baseConfig({
-    declaration: true,
-    declarationDir: DIR_MAP.CJS,
-  }),
-  output: {
-    dir: DIR_MAP.CJS,
-    format: 'cjs',
-    exports: 'named',
-    preserveModules: true,
-    preserveModulesRoot: 'src',
-  },
-};
-
-const umdConfig = {
-  ...baseConfig(),
-  output: [
-    {
-      file: DIR_MAP.UMD + '/index.js',
-      format: 'umd',
-      name: 'KcComponents',
-      globals: {
-        react: 'React',
-        'react-dom': 'ReactDOM',
-        antd: 'antd',
-      },
-      sourcemap: true,
-    },
-    {
-      file: DIR_MAP.UMD + '/index.min.js',
-      format: 'umd',
-      name: 'KcComponents',
-      plugins: [terser()],
-      sourcemap: true,
-    },
-  ],
-};
-
-export default defineConfig([esmConfig, cjsConfig, umdConfig]);

package/packages/components/src/Button/index.md

@@ -1,13 +0,0 @@
-# CHRButton
-
-This is an example component.
-
-```jsx
-import { CHRButton } from '@chr/components';
-
-export default () => (
-  <CHRButton color="default" variant="solid">
-    Solid
-  </CHRButton>
-);
-```

package/packages/components/src/Button/index.tsx

@@ -1,34 +0,0 @@
-import { Button } from 'antd';
-import React, { type FC, ReactNode } from 'react';
-
-interface CHRButtonProps {
-  children?: ReactNode;
-  title?: string;
-  defaultText?: string;
-  onClick?: React.MouseEventHandler<HTMLElement>;
-}
-
-const CHRButton: FC<CHRButtonProps> = ({
-  children,
-  title,
-  defaultText = '按钮',
-  onClick,
-  ...restProps
-}) => {
-  const handleClick: React.MouseEventHandler<HTMLElement> = (e) => {
-    console.log('CHRButton 内部点击处理');
-    onClick?.(e);
-  };
-
-  // 决定显示内容
-  let content: ReactNode;
-  content = children !== undefined ? children : title || defaultText;
-
-  return (
-    <Button {...restProps} onClick={handleClick}>
-      {content}
-    </Button>
-  );
-};
-
-export default CHRButton;

package/packages/components/src/Icon/index.md

@@ -1,81 +0,0 @@
-# CHRIcon
-
-## 代码演示
-
-### 基本用法
-
-通过 icon 属性指定图标名称（使用 Ant Design 图标组件的导出名）。
-
-```jsx
-import { CHRIcon } from '@chr/components';
-
-export default () => {
-  return (
-    <div style={{ display: 'flex', gap: 12 }}>
-      <CHRIcon icon="HomeOutlined" />
-      <CHRIcon icon="UserOutlined" />
-      <CHRIcon icon="SearchOutlined" />
-    </div>
-  );
-};
-```
-
-### 自定义尺寸
-
-通过 fontSize 属性设置图标大小（单位：px）。
-
-```jsx
-import { CHRIcon } from '@chr/components';
-
-export default () => {
-  return (
-    <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
-      <CHRIcon icon="MessageOutlined" fontSize={16} />
-      <CHRIcon icon="MessageOutlined" fontSize={24} />
-      <CHRIcon icon="MessageOutlined" fontSize={32} />
-      <CHRIcon icon="MessageOutlined" fontSize={40} />
-    </div>
-  );
-};
-```
-
-### 自定义样式
-
-通过 className 和 style 属性自定义样式。
-
-```jsx
-import { CHRIcon } from '@chr/components';
-
-export default () => {
-  return (
-    <div style={{ display: 'flex', gap: 12 }}>
-      <CHRIcon icon="HeartOutlined" style={{ color: '#ff4d4f' }} />
-      <CHRIcon icon="StarOutlined" style={{ color: '#faad14' }} />
-      <CHRIcon icon="CheckCircleOutlined" style={{ color: '#52c41a' }} />
-    </div>
-  );
-};
-```
-
-### 未找到 icon
-
-```jsx
-import { CHRIcon } from '@chr/components';
-
-export default () => {
-  return (
-    <div style={{ display: 'flex', gap: 12 }}>
-      <CHRIcon icon="HeartOutlined1" style={{ color: '#ff4d4f' }} />
-    </div>
-  );
-};
-```
-
-## API
-
-| 属性      | 说明                                                                        | 类型                | 默认值 |
-| --------- | --------------------------------------------------------------------------- | ------------------- | ------ |
-| icon      | 图标名称，对应 Ant Design 图标组件的导出名（如 HomeOutlined、UserOutlined） | -                   | -      |
-| fontSize  | 图标大小，单位：px                                                          | number              | 20     |
-| className | 自定义 CSS 类名                                                             | string              | -      |
-| style     | 自定义内联样式                                                              | React.CSSProperties | -      |