@wangtaizong/components 1.0.6 → 1.0.8

package/.changeset/README.md

@@ -0,0 +1,8 @@
+# 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

@@ -0,0 +1,11 @@
+{
+  "$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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,13 @@
+# 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

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

package/.husky/commit-msg

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

package/.husky/pre-commit

@@ -0,0 +1,8 @@
+#!/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

@@ -0,0 +1,8 @@
+#!/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

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

package/.prettierrc.js

@@ -0,0 +1,19 @@
+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

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

package/.vscode/settings.json

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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) kincy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +0,0 @@
-# EverUI
-
-前端业务组件库项目
-
-框架：react + vite + storybook
-
-[story文档 ](https://storybook.js.org/docs/react/addons/addons-api#addonssetconfigconfig)
-
-### 开发
-```
- yarn storybook
-```
-
-### 打包
-```
- yarn build
-```
-
-### 发布npm
-```
-  npm publish
-```
-[npm线上地址](https://www.npmjs.com/package/@youdao-ead-fe/yodao-ui)
-
-
-### 使用组件库
-```
-  npm install @youdao-ead-fe/yodao-ui
-  
-  // 在输入文件如_app.js中引入style
-  import '@youdao-ead-fe/yodao-ui/style'
-  
-  // 在目标页面中
-  import {MutipleSelector} from @youdao-ead-fe/yodao-ui
-```
-
-
-
-### 发布到github
-使用[@storybook/storybook-deployer文档](https://github.com/storybook-eol/storybook-deployer)发布到github
-
-```
-    yarn build-storybook
-    
-    // 在storybook-static 文件夹中添加.nojekyll文件
-    
-    yarn deploy-storybook -- --existing-output-dir=storybook-static
-```
-
-[线上地址](https://MingwieJin.github.io/EverUI/)
-
-

package/commitlint.config.js

@@ -0,0 +1,21 @@
+// 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

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

package/docs/components/index.md

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

package/docs/guide/install.md

@@ -0,0 +1,39 @@
+---
+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

@@ -0,0 +1,21 @@
+---
+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

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

package/lerna.json

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

package/package.json

@@ -1,78 +1,75 @@
 {
   "name": "@wangtaizong/components",
-  "version": "1.0.6",
-  "type": "module",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
+  "version": "1.0.8",
+  "private": false,
   "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc --project tsconfig.build.json",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 8080",
-    "preview-storybook": "npx http-server storybook-static",
-    "build-storybook": "storybook build",
-    "deploy-storybook": "storybook-to-ghpages"
+    "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"
   },
-  "dependencies": {
-    "@codesandbox/sandpack-react": "^2.13.8",
-    "@codesandbox/sandpack-themes": "^2.0.21",
-    "@minoru/react-dnd-treeview": "^3.4.4",
-    "@monaco-editor/react": "4.6.0",
-    "path": "^0.12.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-dnd": "^16.0.1"
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-onboarding": "1.0.8",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/manager-api": "^7.4.0",
-    "@storybook/react": "^7.4.0",
-    "@storybook/react-vite": "^7.4.0",
-    "@storybook/storybook-deployer": "^2.8.16",
-    "@storybook/testing-library": "0.2.2",
-    "@storybook/theming": "^7.4.0",
-    "@types/less": "^3.0.4",
-    "@types/node": "^20.8.3",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react": "^4.0.3",
-    "classnames": "^2.3.2",
-    "eslint": "^8.45.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.15",
-    "less": "^4.2.0",
-    "react-selectable-fast": "^3.4.0",
-    "storybook": "^7.4.0",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+  "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"
+    ]
   },
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "typings": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
-    },
-    "./style": "./dist/style.css"
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   },
-  "resolutions": {
-    "string-width": "^4",
-    "jackspeak": "^2",
-    "strip-ansi": "^6"
+  "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"
   }
 }

package/packages/components/package.json

@@ -0,0 +1,48 @@
+{
+  "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

@@ -0,0 +1,108 @@
+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

@@ -0,0 +1,13 @@
+# 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

@@ -0,0 +1,34 @@
+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;