@zjlab-fe/data-hub-ui 0.2.0 → 0.2.2

package/package.json

@@ -1,102 +1,105 @@
-{
-  "name": "@zjlab-fe/data-hub-ui",
-  "version": "0.2.0",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "types": "dist/types/index.d.ts",
-  "license": "ISC",
-  "scripts": {
-    "start": "cross-env NODE_ENV=development webpack-dev-server --open /fe-assets/data-hub-ui/demo --config webpack.dev.config.js",
-    "build": "npm run build:lib & npm run build:es",
-    "build:doc": "cross-env NODE_ENV=production webpack --config webpack.dev.config.js",
-    "build:lib": "cross-env NODE_ENV=production webpack --config webpack.prod.config.js",
-    "build:es": "cross-env NODE_ENV=production OUTPUT_TYPE=module webpack --config webpack.prod.config.js",
-    "lint": "npm run lint-eslint",
-    "lint-eslint": "eslint -c .eslintrc.js --ext .ts,.tsx,.js,.jsx src --fix",
-    "prepare": "husky",
-    "test": "jest --coverage"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.25.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.25.7",
-    "@jest/globals": "^29.7.0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.0.1",
-    "@types/filesystem": "^0.0.36",
-    "@types/jest": "^29.5.13",
-    "@types/pdfjs-dist": "^2.10.378",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
-    "babel-jest": "^29.7.0",
-    "babel-loader": "^9.1.3",
-    "babel-preset-react-app": "^10.0.1",
-    "cross-env": "^7.0.3",
-    "css-loader": "^7.1.2",
-    "eslint": "8.x",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.4",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.6.0",
-    "husky": "^9.0.11",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.7",
-    "mini-css-extract-plugin": "^2.9.0",
-    "postcss": "^8.4.47",
-    "postcss-loader": "^8.1.1",
-    "postcss-nested": "^6.2.0",
-    "prettier": "^3.3.3",
-    "raw-loader": "^4.0.2",
-    "react-markdown": "^9.0.1",
-    "react-syntax-highlighter": "^15.6.1",
-    "react-test-renderer": "^18.3.1",
-    "sass": "^1.77.6",
-    "sass-loader": "^14.2.1",
-    "style-loader": "^4.0.0",
-    "ts-jest": "^29.2.5",
-    "ts-loader": "^9.5.1",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.6.3",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.92.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
-  },
-  "dependencies": {
-    "@ant-design/icons": "^5.3.7",
-    "@codesandbox/sandpack-react": "^2.19.9",
-    "@zjlab-fe/util": "^0.0.8",
-    "antd": "^5.19.2",
-    "autoprefixer": "^10.4.20",
-    "axios": "^1.7.2",
-    "classnames": "^2.5.1",
-    "dayjs": "^1.11.11",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-json-view": "^1.21.3",
-    "react-router": "^6.24.1",
-    "react-router-dom": "^6.24.1",
-    "remark-gfm": "^4.0.0",
-    "tailwindcss": "^3.4.13"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx}": [
-      "eslint --config .eslintrc.js"
-    ]
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "packageManager": "pnpm@9.12.1+sha256.91452fdfa46234ae447d46d5c4fc4e7e0a7058f90495c4b6f77f8beebbb154e3"
-}
+{
+  "name": "@zjlab-fe/data-hub-ui",
+  "version": "0.2.2",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "dist/types/index.d.ts",
+  "license": "ISC",
+  "scripts": {
+    "start": "cross-env NODE_ENV=development webpack-dev-server --open /fe-assets/data-hub-ui/demo --config webpack.dev.config.js",
+    "build": "npm run build:lib & npm run build:es",
+    "build:doc": "cross-env NODE_ENV=production webpack --config webpack.dev.config.js",
+    "build:lib": "cross-env NODE_ENV=production webpack --config webpack.prod.config.js",
+    "build:es": "cross-env NODE_ENV=production OUTPUT_TYPE=module webpack --config webpack.prod.config.js",
+    "lint": "npm run lint-eslint",
+    "lint-eslint": "eslint -c .eslintrc.js --ext .ts,.tsx,.js,.jsx src --fix",
+    "prepare": "husky",
+    "test": "jest --coverage"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.25.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.25.7",
+    "@jest/globals": "^29.7.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.0.1",
+    "@types/filesystem": "^0.0.36",
+    "@types/jest": "^29.5.13",
+    "@types/pdfjs-dist": "^2.10.378",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
+    "babel-preset-react-app": "^10.0.1",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "eslint": "8.x",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.4",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.6.0",
+    "husky": "^9.0.11",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.7",
+    "mini-css-extract-plugin": "^2.9.0",
+    "postcss": "^8.4.47",
+    "postcss-loader": "^8.1.1",
+    "postcss-nested": "^6.2.0",
+    "prettier": "^3.3.3",
+    "raw-loader": "^4.0.2",
+    "react-markdown": "^9.0.1",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-test-renderer": "^18.3.1",
+    "sass": "^1.77.6",
+    "sass-loader": "^14.2.1",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.3",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.3.7",
+    "@codesandbox/sandpack-react": "^2.19.9",
+    "@zjlab-fe/util": "^0.0.8",
+    "antd": "^5.19.2",
+    "autoprefixer": "^10.4.20",
+    "axios": "^1.7.2",
+    "classnames": "^2.5.1",
+    "copy-to-clipboard": "^3.3.3",
+    "dayjs": "^1.11.11",
+    "jotai": "^2.11.0",
+    "jotai-scope": "^0.7.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router": "^6.24.1",
+    "react-router-dom": "^6.24.1",
+    "remark-gfm": "^4.0.0",
+    "tailwindcss": "^3.4.13"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "eslint --config .eslintrc.js"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "packageManager": "pnpm@9.12.1+sha256.91452fdfa46234ae447d46d5c4fc4e7e0a7058f90495c4b6f77f8beebbb154e3"
+}

package/tailwind.config.js

@@ -1,8 +1,49 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./src/components/uploadDrawer/**/*.{js,jsx,ts,tsx}'],
+  content: [
+    './src/components/uploadDrawer/**/*.{js,jsx,ts,tsx}',
+    './src/components/FileUploader/**/*.{js,jsx,ts,tsx}',
+  ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        sans: ['', 'Inter', 'sans-serif'],
+      },
+      colors: {
+        'blue-1': '#E8F1FF',
+        'blue-2': '#B9D6FF',
+        'blue-4': '#4591FE',
+        'blue-5': '#1775FE',
+        red: '#FE4D4F',
+        yellow: '#FAAD14',
+        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);',
+      },
+    },
   },
   plugins: [],
 };