@yoka-ui/ui 1.0.1

package/dist/es/utils/styleUtils.js

@@ -0,0 +1,57 @@
+// src/utils/styleUtils.ts
+import { useStyleRegister } from "@ant-design/cssinjs";
+import { theme } from "antd";
+var styleCache = /* @__PURE__ */ new Map();
+function useComponentStyle(componentName, styleFn) {
+  const { token } = theme.useToken();
+  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);
+    }
+  };
+}
+export {
+  getComponentClassName,
+  injectStyle,
+  registerGlobalStyle,
+  useComponentStyle
+};
+//# sourceMappingURL=styleUtils.js.map

package/dist/es/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,SAAS,wBAA+B;AACxC,SAAS,aAAa;AAMtB,IAAM,aAAa,oBAAI,IAAoB;AAKpC,SAAS,kBACd,eACA,SACqB;AACrB,QAAM,EAAE,MAAM,IAAI,MAAM,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/es/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/es/utils/ykStorybookDoc.js

@@ -0,0 +1,18 @@
+// src/utils/ykStorybookDoc.ts
+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) {
+  var _a;
+  const deps = input.dependencies.length > 0 ? input.dependencies.join("、") : "`react`、`antd`（具体见源码 import）";
+  const extra = ((_a = input.notes) != null ? _a : []).filter(Boolean);
+  const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];
+  return `**描述**：${input.summary}
+
+**依赖**：${deps}
+
+**备注**：
+${remarks.map((line) => `- ${line}`).join("\n")}`;
+}
+export {
+  ykStoryDoc
+};
+//# sourceMappingURL=ykStorybookDoc.js.map

package/dist/es/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": ";AAiBA,IAAM,6BACJ;AAEK,SAAS,WAAW,OAAgC;AApB3D;AAqBE,QAAM,OAAO,MAAM,aAAa,SAAS,IAAI,MAAM,aAAa,KAAK,GAAG,IAAI;AAE5E,QAAM,UAAS,WAAM,UAAN,YAAe,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/dist/lib/Themes/InputTheme/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type PropsType = {
+    children: React.ReactNode;
+};
+declare const InputTheme: React.FC<PropsType>;
+export default InputTheme;

package/dist/lib/Themes/InputTheme/index.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Themes/InputTheme/index.tsx
+var InputTheme_exports = {};
+__export(InputTheme_exports, {
+  default: () => InputTheme_default
+});
+module.exports = __toCommonJS(InputTheme_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var InputTheme = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      theme: {
+        token: {
+          colorBgContainerDisabled: "#F6F6F7",
+          borderRadius: 2
+        }
+      }
+    },
+    props.children
+  ));
+};
+var InputTheme_default = InputTheme;
+//# sourceMappingURL=index.js.map

package/dist/lib/Themes/InputTheme/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Themes/InputTheme/index.tsx"],
+  "sourcesContent": ["import { ConfigProvider } from 'antd';\nimport React from 'react';\n\ntype PropsType = {\n  children: React.ReactNode;\n};\n\nconst InputTheme: React.FC<PropsType> = (props) => {\n  return (\n    <>\n      <ConfigProvider\n        theme={{\n          token: {\n            colorBgContainerDisabled: '#F6F6F7',\n            borderRadius: 2,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProvider>\n    </>\n  );\n};\n\nexport default InputTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+B;AAC/B,mBAAkB;AAMlB,IAAM,aAAkC,CAAC,UAAU;AACjD,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/Themes/TableTheme/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+type PropsType = {
+    children: React.ReactNode;
+};
+declare const TableTheme: React.FC<PropsType>;
+export default TableTheme;

package/dist/lib/Themes/TableTheme/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Themes/TableTheme/index.tsx
+var TableTheme_exports = {};
+__export(TableTheme_exports, {
+  default: () => TableTheme_default
+});
+module.exports = __toCommonJS(TableTheme_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var TableTheme = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      table: { className: "yk-table" },
+      theme: {
+        components: {
+          Table: {
+            cellPaddingBlockSM: 0,
+            borderColor: "#e7e7e7",
+            cellFontSizeSM: 12,
+            headerBg: "#f9fafc",
+            headerBorderRadius: 0,
+            colorTextHeading: "#222",
+            fontWeightStrong: 400
+          }
+        }
+      }
+    },
+    props.children
+  ));
+};
+var TableTheme_default = TableTheme;
+//# sourceMappingURL=index.js.map

package/dist/lib/Themes/TableTheme/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Themes/TableTheme/index.tsx"],
+  "sourcesContent": ["import { ConfigProvider } from 'antd';\nimport React from 'react';\nimport './index.less';\n\ntype PropsType = {\n  children: React.ReactNode;\n};\n\nconst TableTheme: React.FC<PropsType> = (props) => {\n  return (\n    <>\n      <ConfigProvider\n        table={{ className: 'yk-table' }}\n        theme={{\n          components: {\n            Table: {\n              cellPaddingBlockSM: 0,\n              borderColor: '#e7e7e7',\n              cellFontSizeSM: 12,\n              headerBg: '#f9fafc',\n              headerBorderRadius: 0,\n              colorTextHeading: '#222',\n              fontWeightStrong: 400,\n            },\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProvider>\n    </>\n  );\n};\n\nexport default TableTheme;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+B;AAC/B,mBAAkB;AAClB,mBAAO;AAMP,IAAM,aAAkC,CAAC,UAAU;AACjD,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,WAAW,WAAW;AAAA,MAC/B,OAAO;AAAA,QACL,YAAY;AAAA,UACV,OAAO;AAAA,YACL,oBAAoB;AAAA,YACpB,aAAa;AAAA,YACb,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV,oBAAoB;AAAA,YACpB,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/Themes/TableTheme/index.less

@@ -0,0 +1,46 @@
+@sortActiveColor: #5e9dfb;
+@summartBgColor: #f9fafc;
+@rowHeight: 40px;
+@headerFontSize: 14px;
+.yk-table {
+  .ant-table-thead,
+  .ant-table-header,
+  .ant-table-summary,
+  // 添加td的目的是合并后的单元格标签是div，避免合并单元格高度固定导致样式错误
+  td.ant-table-cell {
+    height: @rowHeight !important;
+  }
+  .ant-table-summary tr {
+    background: @summartBgColor !important;
+  }
+  .ant-table-thead > tr > th {
+    font-size: @headerFontSize;
+    .ant-table-column-sorter-up,
+    .ant-table-column-sorter-down {
+      height: 10px;
+      &.active {
+        color: @sortActiveColor;
+      }
+    }
+  }
+
+  .ant-table-cell {
+    & > a {
+      font-size: 12px !important;
+      &:not(:last-of-type) {
+        margin-right: 15px;
+      }
+    }
+  }
+
+  .ant-table-cell {
+    span {
+      font-size: 12px !important;
+    }
+  }
+
+  .ant-pagination {
+    padding-right: 28px;
+    padding-bottom: 5px;
+  }
+}