@lobehub/ui 5.31.0 → 5.32.0

package/es/static-css/themeVars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeVars.mjs","names":["antdTheme"],"sources":["../../src/static-css/themeVars.ts"],"sourcesContent":["import { existsSync, readdirSync } from 'node:fs';\nimport { createRequire } from 'node:module';\nimport path from 'node:path';\n\nimport type { ThemeConfig } from 'antd';\nimport { theme as antdTheme } from 'antd';\n\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\n\nimport { hashCss } from './hash';\n\ntype ThemeAppearance = 'dark' | 'light';\n\nexport interface ThemeVarsCssOptions {\n  /** selector activating an appearance; default matches next-themes' data-theme attribute */\n  appearanceSelector?: (appearance: ThemeAppearance) => string;\n  /** dark fixups for lobe-ui antdOverride rules that keep literal polished-derived colors */\n  compatRules?: boolean;\n  hrefTemplate?: (hash: string) => string;\n  /** same theme factory the app hands to ConfigProvider/ThemeProvider */\n  theme?: (appearance: ThemeAppearance) => ThemeConfig;\n}\n\nexport interface ThemeVarsCssPayload {\n  css: string;\n  hash: string;\n  href: string;\n  skippedComponents: string[];\n}\n\nconst require = createRequire(import.meta.url);\n\nconst unitless = new Set([\n  'fontWeightStrong',\n  'lineHeight',\n  'lineHeightHeading1',\n  'lineHeightHeading2',\n  'lineHeightHeading3',\n  'lineHeightHeading4',\n  'lineHeightHeading5',\n  'lineHeightLG',\n  'lineHeightSM',\n  'opacityImage',\n  'opacityLoading',\n  'zIndexBase',\n  'zIndexPopupBase',\n]);\n\nconst ignoredTokens = new Set(['motionBase', 'motionUnit']);\n\n// same kebab algorithm as antd-style's toKebabCase, so names match antd's emitted vars\nexport const toKebabCase = (str: string) =>\n  str\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst defaultThemeFactory = (appearance: ThemeAppearance): ThemeConfig =>\n  createLobeAntdTheme({ appearance });\n\nconst buildDesignToken = (\n  themeFactory: (appearance: ThemeAppearance) => ThemeConfig,\n  appearance: ThemeAppearance,\n) => {\n  const themeConfig = themeFactory(appearance);\n  return antdTheme.getDesignToken({\n    ...themeConfig,\n    algorithm: [\n      appearance === 'dark' ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,\n      themeConfig.algorithm ?? [],\n    ].flat(),\n  }) as unknown as Record<string, number | string>;\n};\n\nconst toDeclarations = (token: Record<string, number | string>) =>\n  Object.entries(token)\n    .filter(\n      ([key, value]) =>\n        !key.startsWith('_') &&\n        !key.startsWith('screen') &&\n        !key.includes('-') &&\n        !ignoredTokens.has(key) &&\n        (typeof value === 'string' || typeof value === 'number'),\n    )\n    .map(([key, value]) => {\n      const cssValue =\n        typeof value === 'number' && !unitless.has(key) ? `${value}px` : String(value);\n      return `--ant-${toKebabCase(key)}: ${cssValue};`;\n    })\n    .join('\\n');\n\nconst isBrightColor = (value: string) => {\n  const hex = /^#([\\da-f]{6})/i.exec(value)?.[1];\n  const rgb = /^rgba?\\((\\d+)[\\s,]+(\\d+)[\\s,]+(\\d+)/.exec(value);\n  const [r, g, b] = hex\n    ? [\n        Number.parseInt(hex.slice(0, 2), 16),\n        Number.parseInt(hex.slice(2, 4), 16),\n        Number.parseInt(hex.slice(4, 6), 16),\n      ]\n    : rgb\n      ? [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])]\n      : [0, 0, 0];\n  return (r * 299 + g * 587 + b * 114) / 1000 > 128;\n};\n\nconst loadAntdTokenModules = () => {\n  const antdLibDir = path.join(path.dirname(require.resolve('antd/package.json')), 'lib');\n\n  return readdirSync(antdLibDir, { withFileTypes: true })\n    .filter((entry) => entry.isDirectory())\n    .map((entry) => entry.name)\n    .sort()\n    .map((name) => ({ component: name, path: path.join(antdLibDir, name, 'style', 'token.js') }))\n    .filter(({ path }) => existsSync(path));\n};\n\nconst buildDarkComponentVars = (tokens: {\n  dark: Record<string, number | string>;\n  light: Record<string, number | string>;\n}) => {\n  const declarations: string[] = [];\n  const skipped: string[] = [];\n\n  for (const { component, path } of loadAntdTokenModules()) {\n    try {\n      const mod = require(path) as { prepareComponentToken?: unknown };\n      const prepare = mod.prepareComponentToken;\n      if (typeof prepare !== 'function') continue;\n\n      const light = prepare(tokens.light) as Record<string, unknown>;\n      const dark = prepare(tokens.dark) as Record<string, unknown>;\n\n      for (const [key, value] of Object.entries(dark)) {\n        if (typeof value !== 'string' || light[key] === value) continue;\n        declarations.push(`--ant-${component}-${toKebabCase(key)}:${value};`);\n      }\n    } catch {\n      skipped.push(component);\n    }\n  }\n\n  return { css: declarations.join(''), skipped };\n};\n\nconst buildCompatRules = (\n  darkSelector: string,\n  darkToken: Record<string, number | string>,\n): string => {\n  // mirrors polished's readableColor for the antdOverride rules that keep colorPrimary literal\n  const readableOnPrimary = isBrightColor(String(darkToken.colorPrimary)) ? '#000' : '#fff';\n\n  return [\n    [\n      `${darkSelector} .ant-btn-primary:not(:disabled)`,\n      `${darkSelector} .ant-btn-primary:not(:disabled):hover`,\n      `${darkSelector} .ant-btn-primary:not(:disabled):active`,\n    ].join(',') + `{color:${readableOnPrimary} !important;}`,\n    `${darkSelector} .ant-checkbox-inner:after{border-color:${readableOnPrimary} !important;}`,\n    `${darkSelector} .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after{background:${readableOnPrimary};}`,\n  ].join('\\n');\n};\n\nexport const buildThemeVarsCss = (options: ThemeVarsCssOptions = {}): ThemeVarsCssPayload => {\n  const {\n    theme = defaultThemeFactory,\n    appearanceSelector = (appearance) => `html[data-theme='${appearance}']`,\n    compatRules = true,\n    hrefTemplate = (hash) => `/theme-vars.css?v=${hash}`,\n  } = options;\n\n  const tokens = {\n    dark: buildDesignToken(theme, 'dark'),\n    light: buildDesignToken(theme, 'light'),\n  };\n\n  const light = appearanceSelector('light');\n  const dark = appearanceSelector('dark');\n  const componentVars = buildDarkComponentVars(tokens);\n\n  // antd v6 cssVar mode re-declares all --ant-* with SSR-light literals on\n  // [class*='css-var-'] / .ant-app, which would shadow the html-level palettes\n  const blocks = [\n    [':root', `${light} [class*='css-var-']`, `${light} .ant-app`].join(',') +\n      `{${toDeclarations(tokens.light)}}`,\n    [dark, `${dark} [class*='css-var-']`, `${dark} .ant-app`].join(',') +\n      `{${toDeclarations(tokens.dark)}}`,\n    `${dark} [class*='css-var-']{${componentVars.css}}`,\n  ];\n\n  if (compatRules) blocks.push(buildCompatRules(dark, tokens.dark));\n\n  const css = blocks.join('\\n');\n  const hash = hashCss(css);\n\n  return { css, hash, href: hrefTemplate(hash), skippedComponents: componentVars.skipped };\n};\n"],"mappings":"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"}

package/es/static-css/vite/index.d.mts

@@ -0,0 +1,14 @@
+import { AntdStaticCssOptions } from "../buildAntdStaticCss.mjs";
+import { ThemeVarsCssOptions } from "../themeVars.mjs";
+import { Plugin } from "vite";
+//#region src/static-css/vite/index.d.ts
+declare const ANTD_STATIC_CSS_MODULE_ID = "virtual:lobehub/antd-static-css";
+declare const THEME_VARS_CSS_MODULE_ID = "virtual:lobehub/theme-vars-css";
+interface StaticCssPluginOptions {
+  antd?: AntdStaticCssOptions | false;
+  themeVars?: ThemeVarsCssOptions | false;
+}
+declare const lobeStaticCssPlugin: (options?: StaticCssPluginOptions) => Plugin;
+//#endregion
+export { ANTD_STATIC_CSS_MODULE_ID, StaticCssPluginOptions, THEME_VARS_CSS_MODULE_ID, lobeStaticCssPlugin };
+//# sourceMappingURL=index.d.mts.map

package/es/static-css/vite/index.mjs

@@ -0,0 +1,48 @@
+//#region src/static-css/vite/index.ts
+const ANTD_STATIC_CSS_MODULE_ID = "virtual:lobehub/antd-static-css";
+const THEME_VARS_CSS_MODULE_ID = "virtual:lobehub/theme-vars-css";
+const moduleSource = (payload) => [...Object.entries(payload).map(([key, value]) => `export const ${key} = ${JSON.stringify(value)};`), `export default ${JSON.stringify(payload)};`].join("\n");
+const lobeStaticCssPlugin = (options = {}) => {
+	let antdPayload;
+	let themeVarsPayload;
+	return {
+		name: "lobehub-static-css",
+		resolveId(id) {
+			if (id === "virtual:lobehub/antd-static-css" || id === "virtual:lobehub/theme-vars-css") return `\0${id}`;
+		},
+		async load(id) {
+			if (id === `\0virtual:lobehub/antd-static-css`) {
+				if (options.antd === false) return moduleSource({
+					css: "",
+					href: "",
+					styleKeys: []
+				});
+				const { buildAntdStaticCss } = await import("../buildAntdStaticCss.mjs");
+				antdPayload ??= buildAntdStaticCss(options.antd);
+				const { css, href, styleKeys } = antdPayload;
+				return moduleSource({
+					css,
+					href,
+					styleKeys
+				});
+			}
+			if (id === `\0virtual:lobehub/theme-vars-css`) {
+				if (options.themeVars === false) return moduleSource({
+					css: "",
+					href: ""
+				});
+				const { buildThemeVarsCss } = await import("../themeVars.mjs");
+				themeVarsPayload ??= buildThemeVarsCss(options.themeVars);
+				const { css, href } = themeVarsPayload;
+				return moduleSource({
+					css,
+					href
+				});
+			}
+		}
+	};
+};
+//#endregion
+export { ANTD_STATIC_CSS_MODULE_ID, THEME_VARS_CSS_MODULE_ID, lobeStaticCssPlugin };
+
+//# sourceMappingURL=index.mjs.map

package/es/static-css/vite/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/static-css/vite/index.ts"],"sourcesContent":["import type { Plugin } from 'vite';\n\nimport type { AntdStaticCssOptions, AntdStaticCssPayload } from '../buildAntdStaticCss';\nimport type { ThemeVarsCssOptions, ThemeVarsCssPayload } from '../themeVars';\n\nexport const ANTD_STATIC_CSS_MODULE_ID = 'virtual:lobehub/antd-static-css';\nexport const THEME_VARS_CSS_MODULE_ID = 'virtual:lobehub/theme-vars-css';\n\nexport interface StaticCssPluginOptions {\n  antd?: AntdStaticCssOptions | false;\n  themeVars?: ThemeVarsCssOptions | false;\n}\n\nconst moduleSource = (payload: Record<string, unknown>) =>\n  [\n    ...Object.entries(payload).map(\n      ([key, value]) => `export const ${key} = ${JSON.stringify(value)};`,\n    ),\n    `export default ${JSON.stringify(payload)};`,\n  ].join('\\n');\n\nexport const lobeStaticCssPlugin = (options: StaticCssPluginOptions = {}): Plugin => {\n  let antdPayload: AntdStaticCssPayload | undefined;\n  let themeVarsPayload: ThemeVarsCssPayload | undefined;\n\n  return {\n    name: 'lobehub-static-css',\n    resolveId(id) {\n      if (id === ANTD_STATIC_CSS_MODULE_ID || id === THEME_VARS_CSS_MODULE_ID) return `\\0${id}`;\n    },\n    async load(id) {\n      if (id === `\\0${ANTD_STATIC_CSS_MODULE_ID}`) {\n        if (options.antd === false) return moduleSource({ css: '', href: '', styleKeys: [] });\n        const { buildAntdStaticCss } = await import('../buildAntdStaticCss');\n        antdPayload ??= buildAntdStaticCss(options.antd);\n        const { css, href, styleKeys } = antdPayload;\n        return moduleSource({ css, href, styleKeys });\n      }\n\n      if (id === `\\0${THEME_VARS_CSS_MODULE_ID}`) {\n        if (options.themeVars === false) return moduleSource({ css: '', href: '' });\n        const { buildThemeVarsCss } = await import('../themeVars');\n        themeVarsPayload ??= buildThemeVarsCss(options.themeVars);\n        const { css, href } = themeVarsPayload;\n        return moduleSource({ css, href });\n      }\n    },\n  };\n};\n"],"mappings":";AAKA,MAAa,4BAA4B;AACzC,MAAa,2BAA2B;AAOxC,MAAM,gBAAgB,YACpB,CACE,GAAG,OAAO,QAAQ,OAAO,CAAC,CAAC,KACxB,CAAC,KAAK,WAAW,gBAAgB,IAAI,KAAK,KAAK,UAAU,KAAK,EAAE,EACnE,GACA,kBAAkB,KAAK,UAAU,OAAO,EAAE,EAC5C,CAAC,CAAC,KAAK,IAAI;AAEb,MAAa,uBAAuB,UAAkC,CAAC,MAAc;CACnF,IAAI;CACJ,IAAI;CAEJ,OAAO;EACL,MAAM;EACN,UAAU,IAAI;GACZ,IAAI,OAAA,qCAAoC,OAAA,kCAAiC,OAAO,KAAK;EACvF;EACA,MAAM,KAAK,IAAI;GACb,IAAI,OAAO,qCAAkC;IAC3C,IAAI,QAAQ,SAAS,OAAO,OAAO,aAAa;KAAE,KAAK;KAAI,MAAM;KAAI,WAAW,CAAC;IAAE,CAAC;IACpF,MAAM,EAAE,uBAAuB,MAAM,OAAO;IAC5C,gBAAgB,mBAAmB,QAAQ,IAAI;IAC/C,MAAM,EAAE,KAAK,MAAM,cAAc;IACjC,OAAO,aAAa;KAAE;KAAK;KAAM;IAAU,CAAC;GAC9C;GAEA,IAAI,OAAO,oCAAiC;IAC1C,IAAI,QAAQ,cAAc,OAAO,OAAO,aAAa;KAAE,KAAK;KAAI,MAAM;IAAG,CAAC;IAC1E,MAAM,EAAE,sBAAsB,MAAM,OAAO;IAC3C,qBAAqB,kBAAkB,QAAQ,SAAS;IACxD,MAAM,EAAE,KAAK,SAAS;IACtB,OAAO,aAAa;KAAE;KAAK;IAAK,CAAC;GACnC;EACF;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.31.0",
+  "version": "5.32.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -81,6 +81,22 @@
       "types": "./es/eslint/index.d.mts",
       "import": "./es/eslint/index.mjs"
     },
+    "./static-css": {
+      "types": "./es/static-css/index.d.mts",
+      "import": "./es/static-css/index.mjs"
+    },
+    "./static-css/emit": {
+      "types": "./es/static-css/emit/index.d.mts",
+      "import": "./es/static-css/emit/index.mjs"
+    },
+    "./static-css/runtime": {
+      "types": "./es/static-css/runtime/index.d.mts",
+      "import": "./es/static-css/runtime/index.mjs"
+    },
+    "./static-css/vite": {
+      "types": "./es/static-css/vite/index.d.mts",
+      "import": "./es/static-css/vite/index.mjs"
+    },
     "./es/*": {
       "types": "./es/*.d.mts",
       "import": "./es/*.mjs"