@zjlab-fe/data-hub-ui 0.26.1 → 0.26.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjlab-fe/data-hub-ui",
-  "version": "0.26.1",
+  "version": "0.26.2",
   "main": "lib/index.js",
   "module": "es/index.js",
   "types": "dist/types/index.d.ts",
@@ -30,6 +30,14 @@
     },
     "./package.json": "./package.json"
   },
+  "files": [
+    "es",
+    "lib",
+    "dist",
+    "README.md",
+    "LICENSE",
+    "COMPONENTS_SKILL.md"
+  ],
   "sideEffects": [
     "**/*.css",
     "**/*.scss",

package/jest.config.js

@@ -1,10 +0,0 @@
-/** @type {import('ts-jest').JestConfigWithTsJest} **/
-module.exports = {
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+.tsx?$': ['ts-jest', {}],
-  },
-  moduleNameMapper: {
-    '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',
-  },
-};

package/postcss.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-    'postcss-nested': {},
-  },
-};

package/rollup.es.config.mjs

@@ -1,181 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-import * as sass from 'sass';
-import postcss from 'postcss';
-import postcssModules from 'postcss-modules';
-import tailwindcss from 'tailwindcss';
-import autoprefixer from 'autoprefixer';
-import postcssImport from 'postcss-import';
-import postcssNested from 'postcss-nested';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const srcDir = path.resolve(__dirname, 'src');
-
-// PostCSS 基础插件
-const basePostcssPlugins = [postcssImport(), postcssNested(), tailwindcss(), autoprefixer()];
-
-// 图片插件：将图片全部 base64 内联到 JS 中
-// 消费端无需任何额外配置，无路径问题
-function imagePlugin() {
-  return {
-    name: 'images',
-    async load(id) {
-      const ext = path.extname(id).toLowerCase();
-      if (!['.png', '.jpg', '.jpeg', '.gif', '.svg'].includes(ext)) return null;
-      if (id.includes('node_modules')) return null;
-
-      const buffer = fs.readFileSync(id);
-      const mimeMap = {
-        '.png': 'image/png',
-        '.jpg': 'image/jpeg',
-        '.jpeg': 'image/jpeg',
-        '.gif': 'image/gif',
-        '.svg': 'image/svg+xml',
-      };
-      const dataUrl = `data:${mimeMap[ext] || 'image/png'};base64,${buffer.toString('base64')}`;
-
-      return { code: `export default ${JSON.stringify(dataUrl)};`, map: null };
-    },
-  };
-}
-
-// 自定义 SCSS/CSS 处理插件
-function stylePlugin() {
-  return {
-    name: 'styles',
-
-    async transform(code, id) {
-      // 处理 src 目录下的样式文件
-      const isSrc = id.startsWith(srcDir);
-      // 处理从 node_modules 导入的 CSS（经由 src 文件引用）
-      const isNodeModuleCss = !isSrc && id.includes('node_modules') && id.endsWith('.css');
-
-      if (!isSrc && !isNodeModuleCss) return null;
-      if (!id.endsWith('.scss') && !id.endsWith('.css')) return null;
-
-      const isModule = id.endsWith('.module.scss') && isSrc;
-      const ext = path.extname(id);
-      const dir = path.dirname(id);
-
-      let processedCode = code;
-
-      // 替换 SCSS @import 中的 @/ 为相对路径（仅 src 文件）
-      if (isSrc) {
-        processedCode = code.replace(
-          /@(import|use)\s+['"]@\/([^'"]+)['"]/g,
-          (_match, directive, importPath) => {
-            const absolutePath = path.resolve(srcDir, importPath);
-            const relativePath = path.relative(dir, absolutePath).replace(/\\/g, '/');
-            return `@${directive} '${relativePath.startsWith('.') ? relativePath : './' + relativePath}'`;
-          },
-        );
-      }
-
-      // 编译 SCSS → CSS
-      let css;
-      try {
-        if (ext === '.scss') {
-          const result = sass.compileString(processedCode, {
-            loadPaths: [dir, srcDir, path.resolve(srcDir, 'styles')],
-          });
-          css = result.css;
-        } else {
-          css = processedCode;
-        }
-      } catch (err) {
-        this.error(`SCSS compile error: ${err.message}`);
-      }
-
-      // 对所有 CSS 运行 PostCSS（tailwindcss + postcss-nested + postcss-import）
-      try {
-        const tailwindResult = await postcss(basePostcssPlugins).process(css, {
-          from: id,
-          to: id.replace(/\.(scss|css)$/, '.css'),
-        });
-        css = tailwindResult.css;
-      } catch (err) {
-        this.error(`PostCSS error: ${err.message}`);
-      }
-
-      // 对 .module.scss 文件，用 postcss-modules 提取类名映射
-      let classMap = {};
-
-      if (isModule) {
-        const modulesPlugin = postcssModules({
-          generateScopedName: '[name]__[local]___[hash:base64:5]',
-          getJSON(cssFileName, json) {
-            classMap = json;
-          },
-        });
-
-        const result = await postcss([modulesPlugin]).process(css, { from: id });
-        css = result.css;
-      }
-
-      // 生成 JS 模块代码
-      const escapedCss = css.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$/g, '\\$');
-
-      let jsCode;
-      if (isModule) {
-        const namedExports = Object.entries(classMap)
-          .map(([key, value]) => {
-            const jsKey = key.replace(/[^a-zA-Z0-9_$]/g, '_');
-            return `var ${jsKey} = ${JSON.stringify(value)}; export { ${jsKey} as ${JSON.stringify(key)} };`;
-          })
-          .join('\n');
-
-        const mapJson = JSON.stringify(classMap);
-
-        jsCode = `
-var style = document.createElement('style');
-style.textContent = \`${escapedCss}\`;
-document.head.appendChild(style);
-
-${namedExports}
-
-var styles = ${mapJson};
-export default styles;
-`;
-      } else {
-        // 普通样式或 node_modules CSS：只注入 CSS，没有 export
-        jsCode = `
-var style = document.createElement('style');
-style.textContent = \`${escapedCss}\`;
-document.head.appendChild(style);
-`;
-      }
-
-      return {
-        code: jsCode,
-        map: null,
-        moduleSideEffects: 'no-treeshake',
-      };
-    },
-  };
-}
-
-export default {
-  input: ['src/index.tsx', 'src/components/notion-editor/index.tsx'],
-  output: {
-    dir: 'es',
-    format: 'esm',
-    preserveModules: true,
-    preserveModulesRoot: 'src',
-    entryFileNames: '[name].js',
-  },
-  plugins: [
-    peerDepsExternal({ includeDependencies: true }),
-    alias({ entries: [{ find: '@', replacement: srcDir }] }),
-    imagePlugin(),
-    resolve({ extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.scss'] }),
-    commonjs(),
-    stylePlugin(),
-    typescript({ tsconfig: './tsconfig.rollup.json' }),
-  ],
-};

package/tailwind.config.js

@@ -1,62 +0,0 @@
-import { fontFamily as _fontFamily } from 'tailwindcss/defaultTheme';
-
-export const prefix = 'dhu-'; // data-hub-ui 缩写
-
-/** @type {import('tailwindcss').Config} */
-export const content = [
-  './src/components/uploadDrawer/**/*.{js,jsx,ts,tsx}',
-  './src/components/FileUploader/**/*.{js,jsx,ts,tsx}',
-  './src/components/feature-card/**/*.{js,jsx,ts,tsx}',
-  './src/components/section-heading/**/*.{js,jsx,ts,tsx}',
-];
-
-export const corePlugins = {
-  preflight: false,
-};
-
-export const theme = {
-  extend: {
-    fontFamily: {
-      sans: ['AlibabaPuHuiTi-3-55-RegularL3', _fontFamily.sans],
-      'ali-55': 'AlibabaPuHuiTi-3-55-Regular',
-      'ali-65': 'AlibabaPuHuiTi-3-65-Medium',
-      'ali-75': 'AlibabaPuHuiTi-3-75-SemiBold',
-      'ali-85': 'AlibabaPuHuiTi-3-85-Bold',
-    },
-    colors: {
-      'blue-1': '#E8F1FF',
-      'blue-2': '#B9D6FF',
-      'blue-4': '#4591FE',
-      'blue-5': '#1775FE',
-      'red-red': '#FE4D4F',
-      'yellow-yellow': '#FAAD14',
-      'green-green': '#53C31B',
-      'assist-blue': '#1990FF',
-      'assist-bg-blue': '#F4F6FA',
-      'gray-2': '#EDF2FC',
-      'gray-3': '#D9E0ED',
-      'gray-5': '#87909E',
-      'gray-7': '#545B64',
-      'gray-9': '#30353A',
-      'gray-10': '#222427',
-    },
-    borderRadius: {
-      ml: '10px',
-    },
-    height: {
-      162: '648px',
-    },
-    minHeight: {
-      162: '648px',
-    },
-    spacing: {
-      18: '72px',
-      29: '116px',
-      384: '1536px',
-    },
-    boxShadow: {
-      float: '0px 12px 30px 0px rgba(32,60,48,0.2);',
-    },
-  },
-};
-export const plugins = [require('@tailwindcss/typography')];

package/tsconfig.rollup.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declaration": false,
-    "declarationDir": null
-  }
-}

package/webpack.common.js

@@ -1,54 +0,0 @@
-module.exports = {
-  module: {
-    rules: [
-      {
-        test: /\.md$/,
-        use: ['raw-loader'],
-      },
-      {
-        test: /\.(svg|png|jpe?g)$/,
-        use: [
-          {
-            loader: 'url-loader',
-            options: {
-              // 图片大小小于20kb，就会base64处理
-              // limit: 300 * 1024,
-              // url-loader默认使用es6模块化解析，html-loader引入图片使用的是commonjs规范
-              // 关闭url-loader的es6模块化，使用commonjs解析
-              // esModule: false,
-              // outputPath: 'assets'
-              // 图片编译之后重命名
-              // [hash:10]获取图片hash前10位 [ext]取文件的原扩展名
-              name: '[hash:10].[ext]',
-            },
-          },
-        ],
-
-        // type: 'asset/resource',
-        // generator: {
-        //   filename: 'static/[contenthash].[ext]',
-        // },
-      },
-      {
-        test: /\.s?css$/,
-        use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
-      },
-      {
-        test: /\.(js|jsx|ts|tsx)$/,
-        exclude: /node_modules/,
-        use: [
-          // {
-          //   loader: 'babel-loader',
-          //   options: {
-          //     // 开启 babel 缓存
-          //     cacheDirectory: true,
-          //     // 关闭缓存压缩
-          //     cacheCompression: false,
-          //   },
-          // },
-          { loader: 'ts-loader' },
-        ],
-      },
-    ],
-  },
-};