@yoka-ui/ui 1.0.1

package/dist/lib/ui/YkTooltip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ui/YkTooltip/index.tsx"],
+  "sourcesContent": ["import { Tooltip, TooltipProps } from 'antd';\nimport React from 'react';\n\nconst YkTooltip: React.FC<TooltipProps> = ({\n  color = '#fff',\n  styles = { body: { color: '#333', fontSize: 12, borderRadius: 2 } },\n  ...props\n}) => {\n  return <Tooltip {...props} color={color} styles={styles} />;\n};\n\nexport default YkTooltip;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,mBAAkB;AAElB,IAAM,YAAoC,CAAC;AAAA,EACzC,QAAQ;AAAA,EACR,SAAS,EAAE,MAAM,EAAE,OAAO,QAAQ,UAAU,IAAI,cAAc,EAAE,EAAE;AAAA,EAClE,GAAG;AACL,MAAM;AACJ,SAAO,6BAAAA,QAAA,cAAC,uBAAS,GAAG,OAAO,OAAc,QAAgB;AAC3D;AAEA,IAAO,oBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/utils/styleUtils.d.ts

@@ -0,0 +1,18 @@
+import type { AliasToken } from 'antd/es/theme/internal';
+import React from 'react';
+/**
+ * 注册组件样式 (CSS-in-JS 方式)
+ */
+export declare function useComponentStyle(componentName: string, styleFn: (token: AliasToken) => Record<string, React.CSSProperties | Record<string, string | number>>): React.CSSProperties;
+/**
+ * 获取组件类名
+ */
+export declare function getComponentClassName(componentName: string, ...classNames: string[]): string;
+/**
+ * 注册全局样式（用于需要全局样式的组件）
+ */
+export declare function registerGlobalStyle(componentName: string, css: string): void;
+/**
+ * 动态注入样式
+ */
+export declare function injectStyle(css: string, styleId?: string): () => void;

package/dist/lib/utils/styleUtils.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/styleUtils.ts
+var styleUtils_exports = {};
+__export(styleUtils_exports, {
+  getComponentClassName: () => getComponentClassName,
+  injectStyle: () => injectStyle,
+  registerGlobalStyle: () => registerGlobalStyle,
+  useComponentStyle: () => useComponentStyle
+});
+module.exports = __toCommonJS(styleUtils_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_antd = require("antd");
+var styleCache = /* @__PURE__ */ new Map();
+function useComponentStyle(componentName, styleFn) {
+  const { token } = import_antd.theme.useToken();
+  (0, import_cssinjs.useStyleRegister)(
+    {
+      theme: token,
+      token,
+      path: [componentName]
+    },
+    () => {
+      const styles = styleFn(token);
+      return styles;
+    }
+  );
+  return {};
+}
+function getComponentClassName(componentName, ...classNames) {
+  return [`yoka-${componentName}`, ...classNames].filter(Boolean).join(" ");
+}
+function registerGlobalStyle(componentName, css) {
+  if (!styleCache.has(componentName)) {
+    const styleId = `yoka-${componentName}-style`;
+    let styleElement = document.getElementById(styleId);
+    if (!styleElement) {
+      styleElement = document.createElement("style");
+      styleElement.id = styleId;
+      styleElement.textContent = css;
+      document.head.appendChild(styleElement);
+    }
+    styleCache.set(componentName, css);
+  }
+}
+function injectStyle(css, styleId) {
+  const id = styleId || `yoka-style-${Date.now()}`;
+  let styleElement = document.getElementById(id);
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.id = id;
+    styleElement.textContent = css;
+    document.head.appendChild(styleElement);
+  }
+  return () => {
+    if (styleElement && styleElement.parentNode) {
+      styleElement.parentNode.removeChild(styleElement);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getComponentClassName,
+  injectStyle,
+  registerGlobalStyle,
+  useComponentStyle
+});
+//# sourceMappingURL=styleUtils.js.map

package/dist/lib/utils/styleUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/styleUtils.ts"],
+  "sourcesContent": ["import { useStyleRegister, Theme } from '@ant-design/cssinjs';\nimport { theme } from 'antd';\nimport type { AliasToken, GlobalToken } from 'antd/es/theme/internal';\nimport type { CSSInterpolation } from '@ant-design/cssinjs';\nimport React from 'react';\n\n// 样式缓存\nconst styleCache = new Map<string, string>();\n\n/**\n * 注册组件样式 (CSS-in-JS 方式)\n */\nexport function useComponentStyle(\n  componentName: string,\n  styleFn: (token: AliasToken) => Record<string, React.CSSProperties | Record<string, string | number>>,\n): React.CSSProperties {\n  const { token } = theme.useToken();\n\n  // 使用 useStyleRegister 注册样式并生成类名\n  // 注意：这里简化了使用，直接使用 token 作为 theme 和 token\n  useStyleRegister(\n    {\n      theme: token as unknown as Theme<GlobalToken, AliasToken>,\n      token,\n      path: [componentName],\n    },\n    () => {\n      const styles = styleFn(token as unknown as AliasToken);\n      // 直接将样式转换为 CSSInterpolation 类型\n      return styles as CSSInterpolation;\n    },\n  );\n\n  // 返回空对象，因为样式是通过CSS-in-JS 全局注入的\n  // 实际使用时应该通过 className 应用样式\n  return {};\n}\n\n/**\n * 获取组件类名\n */\nexport function getComponentClassName(componentName: string, ...classNames: string[]): string {\n  return [`yoka-${componentName}`, ...classNames].filter(Boolean).join(' ');\n}\n\n/**\n * 注册全局样式（用于需要全局样式的组件）\n */\nexport function registerGlobalStyle(componentName: string, css: string) {\n  if (!styleCache.has(componentName)) {\n    const styleId = `yoka-${componentName}-style`;\n    let styleElement = document.getElementById(styleId);\n\n    if (!styleElement) {\n      styleElement = document.createElement('style');\n      styleElement.id = styleId;\n      styleElement.textContent = css;\n      document.head.appendChild(styleElement);\n    }\n\n    styleCache.set(componentName, css);\n  }\n}\n\n/**\n * 动态注入样式\n */\nexport function injectStyle(css: string, styleId?: string): () => void {\n  const id = styleId || `yoka-style-${Date.now()}`;\n  let styleElement = document.getElementById(id);\n\n  if (!styleElement) {\n    styleElement = document.createElement('style');\n    styleElement.id = id;\n    styleElement.textContent = css;\n    document.head.appendChild(styleElement);\n  }\n\n  // 返回清理函数\n  return () => {\n    if (styleElement && styleElement.parentNode) {\n      styleElement.parentNode.removeChild(styleElement);\n    }\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwC;AACxC,kBAAsB;AAMtB,IAAM,aAAa,oBAAI,IAAoB;AAKpC,SAAS,kBACd,eACA,SACqB;AACrB,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AAIjC;AAAA,IACE;AAAA,MACE,OAAO;AAAA,MACP;AAAA,MACA,MAAM,CAAC,aAAa;AAAA,IACtB;AAAA,IACA,MAAM;AACJ,YAAM,SAAS,QAAQ,KAA8B;AAErD,aAAO;AAAA,IACT;AAAA,EACF;AAIA,SAAO,CAAC;AACV;AAKO,SAAS,sBAAsB,kBAA0B,YAA8B;AAC5F,SAAO,CAAC,QAAQ,iBAAiB,GAAG,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC1E;AAKO,SAAS,oBAAoB,eAAuB,KAAa;AACtE,MAAI,CAAC,WAAW,IAAI,aAAa,GAAG;AAClC,UAAM,UAAU,QAAQ;AACxB,QAAI,eAAe,SAAS,eAAe,OAAO;AAElD,QAAI,CAAC,cAAc;AACjB,qBAAe,SAAS,cAAc,OAAO;AAC7C,mBAAa,KAAK;AAClB,mBAAa,cAAc;AAC3B,eAAS,KAAK,YAAY,YAAY;AAAA,IACxC;AAEA,eAAW,IAAI,eAAe,GAAG;AAAA,EACnC;AACF;AAKO,SAAS,YAAY,KAAa,SAA8B;AACrE,QAAM,KAAK,WAAW,cAAc,KAAK,IAAI;AAC7C,MAAI,eAAe,SAAS,eAAe,EAAE;AAE7C,MAAI,CAAC,cAAc;AACjB,mBAAe,SAAS,cAAc,OAAO;AAC7C,iBAAa,KAAK;AAClB,iBAAa,cAAc;AAC3B,aAAS,KAAK,YAAY,YAAY;AAAA,EACxC;AAGA,SAAO,MAAM;AACX,QAAI,gBAAgB,aAAa,YAAY;AAC3C,mBAAa,WAAW,YAAY,YAAY;AAAA,IAClD;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/lib/utils/ykStorybookDoc.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Storybook Autodocs 统一文案：**描述** / **依赖** / **备注**。
+ * 用于各 `*.stories.tsx` 的 `meta.parameters.docs.description.component`。
+ */
+export type YkStoryDocInput = {
+    /** 一句话概括组件用途（建议以句号结尾） */
+    summary: string;
+    /**
+     * 运行时主要依赖：`npm 包（用到的子模块）` 或 `本库 · 模块名`
+     */
+    dependencies: string[];
+    /**
+     * 组件特有备注（交互、API、Story 限制等）；环境类说明由函数自动追加。
+     */
+    notes?: string[];
+};
+export declare function ykStoryDoc(input: YkStoryDocInput): string;

package/dist/lib/utils/ykStorybookDoc.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/ykStorybookDoc.ts
+var ykStorybookDoc_exports = {};
+__export(ykStorybookDoc_exports, {
+  ykStoryDoc: () => ykStoryDoc
+});
+module.exports = __toCommonJS(ykStorybookDoc_exports);
+var YK_STORYBOOK_PLATFORM_NOTE = "业务侧使用 `@yoka-ui/ui` 时需保证 React 18、与库一致的 Ant Design 5；入口引入 Ant Design 全局样式（可与库一致使用 `antd/dist/reset.css`），并引入 `@yoka-ui/ui/dist/index.less`（以 README 为准）。";
+function ykStoryDoc(input) {
+  const deps = input.dependencies.length > 0 ? input.dependencies.join("、") : "`react`、`antd`（具体见源码 import）";
+  const extra = (input.notes ?? []).filter(Boolean);
+  const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];
+  return `**描述**：${input.summary}
+
+**依赖**：${deps}
+
+**备注**：
+${remarks.map((line) => `- ${line}`).join("\n")}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ykStoryDoc
+});
+//# sourceMappingURL=ykStorybookDoc.js.map

package/dist/lib/utils/ykStorybookDoc.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/ykStorybookDoc.ts"],
+  "sourcesContent": ["/**\n * Storybook Autodocs 统一文案：**描述** / **依赖** / **备注**。\n * 用于各 `*.stories.tsx` 的 `meta.parameters.docs.description.component`。\n */\nexport type YkStoryDocInput = {\n  /** 一句话概括组件用途（建议以句号结尾） */\n  summary: string;\n  /**\n   * 运行时主要依赖：`npm 包（用到的子模块）` 或 `本库 · 模块名`\n   */\n  dependencies: string[];\n  /**\n   * 组件特有备注（交互、API、Story 限制等）；环境类说明由函数自动追加。\n   */\n  notes?: string[];\n};\n\nconst YK_STORYBOOK_PLATFORM_NOTE =\n  '业务侧使用 `@yoka-ui/ui` 时需保证 React 18、与库一致的 Ant Design 5；入口引入 Ant Design 全局样式（可与库一致使用 `antd/dist/reset.css`），并引入 `@yoka-ui/ui/dist/index.less`（以 README 为准）。';\n\nexport function ykStoryDoc(input: YkStoryDocInput): string {\n  const deps = input.dependencies.length > 0 ? input.dependencies.join('、') : '`react`、`antd`（具体见源码 import）';\n\n  const extra = (input.notes ?? []).filter(Boolean);\n  const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];\n\n  return `**描述**：${input.summary}\\n\\n**依赖**：${deps}\\n\\n**备注**：\\n${remarks.map((line) => `- ${line}`).join('\\n')}`;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA,IAAM,6BACJ;AAEK,SAAS,WAAW,OAAgC;AACzD,QAAM,OAAO,MAAM,aAAa,SAAS,IAAI,MAAM,aAAa,KAAK,GAAG,IAAI;AAE5E,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,OAAO;AAChD,QAAM,UAAU,CAAC,GAAG,OAAO,0BAA0B;AAErD,SAAO,UAAU,MAAM;AAAA;AAAA,SAAqB;AAAA;AAAA;AAAA,EAAoB,QAAQ,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,KAAK,IAAI;AAC9G;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,148 @@
+{
+  "name": "@yoka-ui/ui",
+  "version": "1.0.1",
+  "private": false,
+  "description": "",
+  "homepage": "",
+  "bugs": {
+    "url": ""
+  },
+  "license": "MIT",
+  "author": "",
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/es/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/lib/index.js"
+    },
+    "./dist/index.less": "./dist/es/index.less"
+  },
+  "main": "dist/lib/index.js",
+  "module": "dist/es/index.js",
+  "types": "dist/es/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "package.json",
+    "@Docs-yoka"
+  ],
+  "scripts": {
+    "build": "pnpm run clean && pnpm run build:lib",
+    "build:lib": "father build && node scripts/generate-index-less.cjs",
+    "build:storybook": "storybook build",
+    "clean": "rimraf dist",
+    "commit": "cz",
+    "dev": "pnpm storybook",
+    "format": "prettier --write \"**/**.{js,jsx,tsx,ts,less,md,yaml,json}\" --log-level warn",
+    "format:check": "prettier --check \"**/**.{js,jsx,tsx,ts,less,md,yaml,json}\"",
+    "generate:yoka-llms": "node scripts/generate-yoka-llms.cjs",
+    "postinstall": "npm run build",
+    "lint": "npm run lint:ts && npm run lint:js",
+    "lint:fix": "eslint --fix ./src",
+    "lint:js": "eslint --cache ./src",
+    "lint:ts": "tsc --noEmit",
+    "prepack": "node scripts/generate-yoka-llms.cjs",
+    "prepare": "husky install",
+    "release": "changeset version && pnpm build",
+    "security:audit": "node scripts/security-audit-fix.cjs",
+    "security:audit:fix": "pnpm update && echo '请手动检查并添加 resolutions 到 package.json'",
+    "security:audit:full": "pnpm audit --audit-level high",
+    "storybook": "storybook dev -p 6006",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 10"
+  ],
+  "resolutions": {
+    "commander": "11.1.0"
+  },
+  "dependencies": {
+    "@ant-design/cssinjs": "^2.1.2",
+    "@ant-design/icons": "^5.6.1",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-react": "^1.0.6",
+    "ahooks": "^3.9.6",
+    "antd": "5.29.2",
+    "dayjs": "^1.11.13",
+    "lodash": "^4.17.21",
+    "react": "^18.3.1",
+    "react-custom-scrollbars": "^4.2.1",
+    "react-dom": "^18.3.1",
+    "react-virtualized": "^9.22.5",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/js": "^9.19.0",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.3",
+    "@storybook/react": "10.3.5",
+    "@storybook/react-webpack5": "10.3.5",
+    "@storybook/test-runner": "0.24.3",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.4.0",
+    "@types/lodash": "^4.14.191",
+    "@types/react": "^18.0.28",
+    "@types/react-custom-scrollbars": "^4.0.11",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-virtualized": "^9.21.27",
+    "classnames": "^2.5.1",
+    "commitizen": "^4.3.1",
+    "css-loader": "^7.1.4",
+    "cz-conventional-changelog": "^3.3.0",
+    "esbuild": "0.27.3",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "father": "4.6.15",
+    "globals": "^17.1.0",
+    "husky": "^9.1.7",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
+    "jsdom": "^27.4.0",
+    "less": "^4.2.0",
+    "less-loader": "^12.3.2",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.8.1",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "prettier-plugin-packagejson": "^3.0.2",
+    "rimraf": "^6.1.2",
+    "storybook": "^10.3.5",
+    "style-loader": "^4.0.0",
+    "stylelint": "^14",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.58.0"
+  },
+  "peerDependencies": {
+    "antd": "^5.29.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "engines": {
+    "node": ">=18",
+    "pnpm": ">=9"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}