@yoka-ui/ui 1.0.6 → 1.0.7

package/dist/lib/business/YkCharts/utils.js

@@ -0,0 +1,143 @@
+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/business/YkCharts/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatNumber: () => formatNumber,
+  formatValue: () => formatValue,
+  sqlFormat: () => sqlFormat
+});
+module.exports = __toCommonJS(utils_exports);
+var import_decimal = __toESM(require("decimal.js"));
+var formatValue = (value, format) => {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format || format === null) {
+    return value.toString();
+  }
+  const numValue = Number(value);
+  if (format === "percent") {
+    return new import_decimal.default(numValue).mul(100).toFixed(2) + "%";
+  }
+  if (format === "decimal") {
+    return new import_decimal.default(numValue).toFixed(2);
+  }
+  if (format === "integer") {
+    return new Intl.NumberFormat().format(numValue);
+  }
+  return numValue.toString();
+};
+function formatNumber(num, isInteger = false) {
+  const numberValue = typeof num === "string" ? parseFloat(num) : num;
+  if (isNaN(numberValue)) {
+    return [(num == null ? void 0 : num.toString()) || "", ""];
+  }
+  let result = "";
+  let unit = "";
+  function setFixed(v, dot) {
+    const multiplier = 10 ** dot;
+    return Math.floor(v * multiplier) / multiplier;
+  }
+  if (numberValue < 1e3) {
+    result = new import_decimal.default(numberValue).toFixed(1);
+  } else if (numberValue < 1e4) {
+    result = numberValue.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 0 : 1,
+      maximumFractionDigits: isInteger ? 0 : 1
+    });
+  } else if (numberValue < 1e8) {
+    const v = setFixed(numberValue / 1e4, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 万";
+  } else {
+    const v = setFixed(numberValue / 1e8, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 亿";
+  }
+  if (isInteger) {
+    result = result.replace(/\.0+(?=\D*$)/, "");
+  }
+  return [result, unit];
+}
+function sqlFormat(value, format) {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format) {
+    return value == null ? void 0 : value.toString();
+  }
+  if (typeof value === "boolean") {
+    return value == null ? void 0 : value.toString();
+  }
+  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = "", suffix = "" } = format;
+  switch (type) {
+    case "number": {
+      let result;
+      if (thousand_separator) {
+        result = value ? value == null ? void 0 : value.toLocaleString("en-US", {
+          minimumFractionDigits: decimals,
+          maximumFractionDigits: decimals
+        }) : "0";
+      } else {
+        result = new import_decimal.default(value || 0).toFixed(decimals);
+      }
+      return `${prefix}${result}${suffix}`;
+    }
+    case "percent": {
+      const result = new import_decimal.default(value || 0).mul(100).toFixed(decimals) + "%";
+      return `${prefix}${result}${suffix}`;
+    }
+    case "currency": {
+      const numericValue = new import_decimal.default(value || 0).div(10 ** unit).toNumber();
+      const unitValue = numericValue.toLocaleString("en-US", {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      });
+      const unitLabel = unit === 0 ? "" : unit === 4 ? "万" : unit === 8 ? "亿" : "";
+      return `${prefix}${unitValue}${unitLabel}${suffix}`;
+    }
+    case "normal":
+    default:
+      return (value == null ? void 0 : value.toString()) || "-";
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatNumber,
+  formatValue,
+  sqlFormat
+});
+//# sourceMappingURL=utils.js.map

package/dist/lib/business/YkCharts/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/utils.ts"],
+  "sourcesContent": ["import Decimal from 'decimal.js';\nimport type { Format, SqlFormat } from './typing';\n\nexport const formatValue = (value: string | number, format: Format | undefined | null): string => {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format || format === null) {\n    return value.toString();\n  }\n  const numValue = Number(value);\n  if (format === 'percent') {\n    return new Decimal(numValue).mul(100).toFixed(2) + '%';\n  }\n  if (format === 'decimal') {\n    return new Decimal(numValue).toFixed(2);\n  }\n  if (format === 'integer') {\n    return new Intl.NumberFormat().format(numValue);\n  }\n  return numValue.toString();\n};\n\nexport function formatNumber(num: number | string, isInteger: boolean = false): [string, string] {\n  const numberValue = typeof num === 'string' ? parseFloat(num) : num;\n  if (isNaN(numberValue)) {\n    return [num?.toString() || '', ''];\n  }\n  let result: string = '';\n  let unit: string = '';\n  function setFixed(v: number, dot: number) {\n    const multiplier = 10 ** dot;\n    return Math.floor(v * multiplier) / multiplier;\n  }\n  if (numberValue < 1000) {\n    result = new Decimal(numberValue).toFixed(1);\n  } else if (numberValue < 10000) {\n    result = numberValue.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 0 : 1,\n      maximumFractionDigits: isInteger ? 0 : 1,\n    });\n  } else if (numberValue < 100000000) {\n    const v = setFixed(numberValue / 10000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 万';\n  } else {\n    const v = setFixed(numberValue / 100000000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 亿';\n  }\n  if (isInteger) {\n    result = result.replace(/\\.0+(?=\\D*$)/, '');\n  }\n  return [result, unit];\n}\n\nexport function sqlFormat(value: string | number | boolean, format: SqlFormat | undefined | null): string {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format) {\n    return value?.toString();\n  }\n  if (typeof value === 'boolean') {\n    return value?.toString();\n  }\n  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = '', suffix = '' } = format;\n  switch (type) {\n    case 'number': {\n      let result: string;\n      if (thousand_separator) {\n        result = value\n          ? value?.toLocaleString('en-US', {\n              minimumFractionDigits: decimals,\n              maximumFractionDigits: decimals,\n            })\n          : '0';\n      } else {\n        result = new Decimal(value || 0).toFixed(decimals);\n      }\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'percent': {\n      const result = new Decimal(value || 0).mul(100).toFixed(decimals) + '%';\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'currency': {\n      const numericValue = new Decimal(value || 0).div(10 ** unit).toNumber();\n      const unitValue = numericValue.toLocaleString('en-US', {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n      });\n      const unitLabel = unit === 0 ? '' : unit === 4 ? '万' : unit === 8 ? '亿' : '';\n      return `${prefix}${unitValue}${unitLabel}${suffix}`;\n    }\n    case 'normal':\n    default:\n      return value?.toString() || '-';\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["Decimal"]
+}

package/dist/lib/business/YkCharts/variables.less

@@ -0,0 +1,13 @@
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+

package/dist/lib/components/YKMarkdown/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Markdown 渲染器组件
+ */
+import React from 'react';
+export interface YKMarkdownProps {
+    markdown: string;
+    showToc?: boolean;
+    language?: string;
+}
+declare const YKMarkdown: React.FC<YKMarkdownProps>;
+export default YKMarkdown;

package/dist/lib/components/YKMarkdown/index.js

@@ -0,0 +1,188 @@
+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/components/YKMarkdown/index.tsx
+var YKMarkdown_exports = {};
+__export(YKMarkdown_exports, {
+  default: () => YKMarkdown_default
+});
+module.exports = __toCommonJS(YKMarkdown_exports);
+var import_react_markdown_preview = __toESM(require("@uiw/react-markdown-preview"));
+var import_react = __toESM(require("react"));
+var import_index_module = __toESM(require("./index.module.less"));
+var YKMarkdown = ({ markdown, showToc = false }) => {
+  const contentRef = (0, import_react.useRef)(null);
+  const [headings, setHeadings] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    if (!showToc) {
+      setHeadings([]);
+      return;
+    }
+    if (!contentRef.current)
+      return;
+    const headingElements = contentRef.current.querySelectorAll("h1, h2, h3, h4, h5, h6");
+    const headingList = Array.from(headingElements).map((el) => ({
+      id: el.id,
+      text: el.textContent || "",
+      level: parseInt(el.tagName.charAt(1), 10)
+    }));
+    setHeadings(headingList);
+  }, [markdown, showToc]);
+  const handleScrollTo = (0, import_react.useCallback)((id) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.container }, showToc && headings.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.toc }, /* @__PURE__ */ import_react.default.createElement("h3", null, "目录"), /* @__PURE__ */ import_react.default.createElement("ul", { style: { paddingLeft: "16px", fontSize: "12px", color: "#666" } }, headings.map((heading) => /* @__PURE__ */ import_react.default.createElement(
+    "li",
+    {
+      key: heading.id,
+      style: {
+        marginLeft: `${(heading.level - 1) * 12}px`,
+        listStyle: "none",
+        marginBottom: "8px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "a",
+      {
+        href: `#${heading.id}`,
+        onClick: (e) => {
+          e.preventDefault();
+          handleScrollTo(heading.id);
+        },
+        style: { color: "#000", textDecoration: "none" }
+      },
+      heading.text
+    )
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { ref: contentRef, className: import_index_module.default.content }, /* @__PURE__ */ import_react.default.createElement(
+    import_react_markdown_preview.default,
+    {
+      source: markdown,
+      components: { code: Code, pre: Pre },
+      style: { padding: 16 }
+    }
+  )), showToc && headings.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.spacer }));
+};
+var MermaidCode = ({ code, className }) => {
+  const demoid = (0, import_react.useMemo)(() => `dome${parseInt(String(Math.random() * 1e15), 10).toString(36)}`, []);
+  const [container, setContainer] = (0, import_react.useState)(null);
+  const [mermaidInstance, setMermaidInstance] = (0, import_react.useState)(null);
+  const isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());
+  (0, import_react.useEffect)(() => {
+    if (isMermaid && !mermaidInstance) {
+      import("mermaid").then((mod) => {
+        setMermaidInstance(mod.default || mod);
+      });
+    }
+  }, [isMermaid, mermaidInstance]);
+  const reRender = (0, import_react.useCallback)(async () => {
+    if (container && isMermaid && mermaidInstance) {
+      try {
+        const str = await mermaidInstance.render(demoid, code);
+        container.innerHTML = str.svg;
+      } catch (error) {
+        container.innerHTML = String(error);
+      }
+    }
+  }, [container, isMermaid, code, demoid, mermaidInstance]);
+  (0, import_react.useEffect)(() => {
+    reRender();
+  }, [reRender]);
+  const refElement = (0, import_react.useCallback)((node) => {
+    if (node !== null) {
+      setContainer(node);
+    }
+  }, []);
+  if (isMermaid) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("code", { id: demoid, style: { display: "none" } }), /* @__PURE__ */ import_react.default.createElement("code", { ref: refElement, "data-name": "mermaid" }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("code", null, code);
+};
+var getCodeString = (children) => {
+  let result = "";
+  const traverse = (nodes) => {
+    for (const node of nodes) {
+      if (typeof node === "object" && node !== null && "type" in node) {
+        const n = node;
+        if (n.type === "text" && n.value) {
+          result += n.value;
+        } else if (n.children) {
+          traverse(n.children);
+        }
+      }
+    }
+  };
+  traverse(children);
+  return result;
+};
+var Code = ({ inline, children, className, node, ...props }) => {
+  if (inline) {
+    return /* @__PURE__ */ import_react.default.createElement("code", { ...props }, children);
+  }
+  const code = (node == null ? void 0 : node.children) ? getCodeString(node.children) : Array.isArray(children) ? String(children[0] || "") : String(children || "");
+  return /* @__PURE__ */ import_react.default.createElement(MermaidCode, { code, className });
+};
+var Pre = ({ children, node, ...props }) => {
+  let codeStr = "";
+  let mermaidCode = "";
+  let mermaidClassName = "";
+  import_react.default.Children.forEach(children, (child) => {
+    var _a, _b;
+    if (import_react.default.isValidElement(child)) {
+      const childProps = child.props;
+      if (childProps == null ? void 0 : childProps.node) {
+        codeStr = getCodeString(childProps.node.children);
+      }
+      if ((_b = (_a = childProps == null ? void 0 : childProps.className) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, "language-mermaid")) {
+        mermaidCode = codeStr;
+        mermaidClassName = childProps.className || "";
+      }
+    }
+  });
+  if (!codeStr && (node == null ? void 0 : node.children)) {
+    codeStr = getCodeString(node.children);
+  }
+  const renderContent = (child) => {
+    var _a, _b, _c, _d;
+    if (import_react.default.isValidElement(child)) {
+      const childElement = child;
+      if ((_c = (_b = (_a = childElement.props) == null ? void 0 : _a.className) == null ? void 0 : _b.includes) == null ? void 0 : _c.call(_b, "language-mermaid")) {
+        return /* @__PURE__ */ import_react.default.createElement(MermaidCode, { code: mermaidCode, className: mermaidClassName });
+      }
+      return import_react.default.cloneElement(childElement, {
+        children: import_react.default.Children.map((_d = childElement.props) == null ? void 0 : _d.children, renderContent)
+      });
+    }
+    return child;
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.codeBlock }, /* @__PURE__ */ import_react.default.createElement("pre", { ...props }, import_react.default.Children.map(children, renderContent)));
+};
+var YKMarkdown_default = YKMarkdown;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/YKMarkdown/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YKMarkdown/index.tsx"],
+  "sourcesContent": ["/**\n * Markdown 渲染器组件\n */\n\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport styles from './index.module.less';\n\ninterface HeadingItem {\n  id: string;\n  text: string;\n  level: number;\n}\n\nexport interface YKMarkdownProps {\n  markdown: string;\n  showToc?: boolean;\n  language?: string;\n}\n\nconst YKMarkdown: React.FC<YKMarkdownProps> = ({ markdown, showToc = false }) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [headings, setHeadings] = useState<HeadingItem[]>([]);\n\n  useEffect(() => {\n    if (!showToc) {\n      setHeadings([]);\n      return;\n    }\n    if (!contentRef.current) return;\n\n    const headingElements = contentRef.current.querySelectorAll('h1, h2, h3, h4, h5, h6');\n    const headingList: HeadingItem[] = Array.from(headingElements).map((el: HTMLElement) => ({\n      id: el.id,\n      text: el.textContent || '',\n      level: parseInt(el.tagName.charAt(1), 10),\n    }));\n\n    setHeadings(headingList);\n  }, [markdown, showToc]);\n\n  const handleScrollTo = useCallback((id: string) => {\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }, []);\n\n  return (\n    <div className={styles.container}>\n      {showToc && headings.length > 0 && (\n        <div className={styles.toc}>\n          <h3>目录</h3>\n          <ul style={{ paddingLeft: '16px', fontSize: '12px', color: '#666' }}>\n            {headings.map((heading) => (\n              <li\n                key={heading.id}\n                style={{\n                  marginLeft: `${(heading.level - 1) * 12}px`,\n                  listStyle: 'none',\n                  marginBottom: '8px',\n                }}\n              >\n                <a\n                  href={`#${heading.id}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    handleScrollTo(heading.id);\n                  }}\n                  style={{ color: '#000', textDecoration: 'none' }}\n                >\n                  {heading.text}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      <div ref={contentRef} className={styles.content}>\n        <MarkdownPreview\n          source={markdown}\n          components={{ code: Code as React.ComponentType, pre: Pre as React.ComponentType }}\n          style={{ padding: 16 }}\n        />\n      </div>\n\n      {showToc && headings.length > 0 && <div className={styles.spacer} />}\n    </div>\n  );\n};\n\ninterface MermaidInstance {\n  render: (id: string, code: string) => Promise<{ svg: string }>;\n}\n\nconst MermaidCode: React.FC<{ code: string; className?: string }> = ({ code, className }) => {\n  const demoid = useMemo(() => `dome${parseInt(String(Math.random() * 1e15), 10).toString(36)}`, []);\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const [mermaidInstance, setMermaidInstance] = useState<MermaidInstance | null>(null);\n  const isMermaid = className && /^language-mermaid/.test(className.toLocaleLowerCase());\n\n  useEffect(() => {\n    if (isMermaid && !mermaidInstance) {\n      import('mermaid').then((mod) => {\n        // @ts-expect-error mermaid module type\n        setMermaidInstance(mod.default || mod);\n      });\n    }\n  }, [isMermaid, mermaidInstance]);\n\n  const reRender = useCallback(async () => {\n    if (container && isMermaid && mermaidInstance) {\n      try {\n        const str = await mermaidInstance.render(demoid, code);\n        container.innerHTML = str.svg;\n      } catch (error) {\n        container.innerHTML = String(error);\n      }\n    }\n  }, [container, isMermaid, code, demoid, mermaidInstance]);\n\n  useEffect(() => {\n    reRender();\n  }, [reRender]);\n\n  const refElement = useCallback((node: HTMLElement | null) => {\n    if (node !== null) {\n      setContainer(node);\n    }\n  }, []);\n\n  if (isMermaid) {\n    return (\n      <>\n        <code id={demoid} style={{ display: 'none' }} />\n        <code ref={refElement} data-name='mermaid' />\n      </>\n    );\n  }\n  return <code>{code}</code>;\n};\n\ninterface CodeProps {\n  inline?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  node?: { children?: unknown[] };\n  [key: string]: unknown;\n}\n\nconst getCodeString = (children: unknown[]): string => {\n  let result = '';\n  const traverse = (nodes: unknown[]) => {\n    for (const node of nodes) {\n      if (typeof node === 'object' && node !== null && 'type' in node) {\n        const n = node as { type: string; children?: unknown[]; value?: string };\n        if (n.type === 'text' && n.value) {\n          result += n.value;\n        } else if (n.children) {\n          traverse(n.children);\n        }\n      }\n    }\n  };\n  traverse(children);\n  return result;\n};\n\nconst Code: React.FC<CodeProps> = ({ inline, children, className, node, ...props }) => {\n  if (inline) {\n    return <code {...props}>{children}</code>;\n  }\n  const code = node?.children\n    ? getCodeString(node.children as unknown[])\n    : Array.isArray(children)\n      ? String(children[0] || '')\n      : String(children || '');\n  return <MermaidCode code={code} className={className} />;\n};\n\ninterface PreProps {\n  children?: React.ReactNode;\n  node?: { children?: unknown[] };\n  [key: string]: unknown;\n}\n\nconst Pre: React.FC<PreProps> = ({ children, node, ...props }) => {\n  let codeStr = '';\n  let mermaidCode = '';\n  let mermaidClassName = '';\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CodeProps;\n      if (childProps?.node) {\n        codeStr = getCodeString(childProps.node.children as unknown[]);\n      }\n      if (childProps?.className?.includes?.('language-mermaid')) {\n        mermaidCode = codeStr;\n        mermaidClassName = childProps.className || '';\n      }\n    }\n  });\n  if (!codeStr && node?.children) {\n    codeStr = getCodeString(node.children as unknown[]);\n  }\n\n  const renderContent = (child: React.ReactNode): React.ReactNode => {\n    if (React.isValidElement(child)) {\n      const childElement = child as React.ReactElement<{ children?: React.ReactNode; className?: string }>;\n      if (childElement.props?.className?.includes?.('language-mermaid')) {\n        return <MermaidCode code={mermaidCode} className={mermaidClassName} />;\n      }\n      return React.cloneElement(childElement, {\n        children: React.Children.map(childElement.props?.children, renderContent),\n      });\n    }\n    return child;\n  };\n\n  return (\n    <div className={styles.codeBlock}>\n      <pre {...props}>{React.Children.map(children, renderContent)}</pre>\n    </div>\n  );\n};\n\nexport default YKMarkdown;\n"],
+  "mappings": "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",
+  "names": ["React", "styles", "MarkdownPreview"]
+}

package/dist/lib/components/YKMarkdown/index.module.less

@@ -0,0 +1,83 @@
+.container {
+  display: flex;
+  gap: 24px;
+  position: relative;
+}
+
+.toc {
+  width: 220px;
+  flex-shrink: 0;
+  position: sticky;
+  top: 80px;
+  max-height: calc(100vh - 96px);
+  overflow-y: auto;
+  z-index: 10;
+  background-color: #fff;
+}
+
+.content {
+  flex: 1;
+  min-width: 0;
+}
+
+.codeBlock {
+  position: relative;
+
+  .copyBtn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    padding: 4px 8px;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 4px;
+    cursor: pointer;
+    color: #999;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+    z-index: 10;
+    opacity: 0;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.2);
+      color: #fff;
+    }
+
+    &.success {
+      color: #52c41a;
+      border-color: #52c41a;
+      opacity: 1;
+    }
+  }
+}
+
+.codeBlock:hover .copyBtn {
+  opacity: 1;
+}
+
+.spacer {
+  width: 220px;
+  flex-shrink: 0;
+}
+
+@media (max-width: 1024px) {
+  .container {
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .toc {
+    width: 100%;
+    position: static;
+    max-height: none;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 16px;
+  }
+
+  .spacer {
+    display: none;
+  }
+}

package/dist/lib/components/YkDateRangePicker/YkDateRangePicker.mdx

@@ -36,7 +36,7 @@ import * as YkDateRangePickerStories from './index.stories';
 
 ```tsx
 import { useState, useRef } from 'react';
-import { YkDateRangePicker, type DateRangeValue, type YkDateRangePickerRef } from '@yoka/ui';
+import { YkDateRangePicker, type DateRangeValue, type YkDateRangePickerRef } from '@yoka-ui/ui';
 import dayjs from 'dayjs';
 
 function App() {
@@ -138,10 +138,10 @@ onChange={(val) => {
 
 ## ⚠️ 注意事项
 
-1. **样式引入**：业务侧使用 `@yoka/ui` 时，需确保引入 Ant Design 全局样式和组件库样式：
+1. **样式引入**：业务侧使用 `@yoka-ui/ui` 时，需确保引入 Ant Design 全局样式和组件库样式：
    ```tsx
    import 'antd/dist/reset.css';
-   import '@yoka/ui/dist/index.less';
+   import '@yoka-ui/ui/dist/index.less';
    ```
 
 2. **版本要求**：需要 React 18+ 和 Ant Design 5+，与库的版本保持一致。

package/dist/lib/creative/GlassSegmentedRadio/index.d.ts

@@ -14,7 +14,7 @@ export type GlassSegmentedRadioProps = Omit<React.ComponentPropsWithoutRef<'div'
  * 毛玻璃分段单选：滑块随选中项平移，每一档对应独立渐变配色（银/金/铂等）；容器在 `html[data-theme="light"]` 下为浅色毛玻璃。
  * 请为分组设置 `aria-label` 或 `aria-labelledby` 以便读屏识别。
  */
-export declare const GlassSegmentedRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "role" | "children"> & {
+export declare const GlassSegmentedRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "role" | "onChange"> & {
     options: GlassSegmentOption[];
     value: string;
     onChange: (value: string) => void;

package/dist/lib/creative/SkillsWriter/index.d.ts

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