-
-
-
-
-
+
);
};
diff --git a/packages/ui-universal/.gitignore b/packages/ui-universal/.gitignore
deleted file mode 100644
index a547bf3..0000000
--- a/packages/ui-universal/.gitignore
+++ /dev/null
@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
diff --git a/packages/ui-universal/index.html b/packages/ui-universal/index.html
deleted file mode 100644
index 3eafe47..0000000
--- a/packages/ui-universal/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
-
-
Vite + Lit + TS
-
-
-
-
-
- Vite + Lit
-
-
-
diff --git a/packages/ui-universal/lib/_variables.scss b/packages/ui-universal/lib/_variables.scss
deleted file mode 100644
index 1882034..0000000
--- a/packages/ui-universal/lib/_variables.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-// box-shadow variables
-$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-$shadow:
- 0 1px 3px 0 rgba(0, 0, 0, 0.1),
- 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-$shadow-md:
- 0 4px 6px -1px rgb(0 0 0 / 0.1),
- 0 2px 4px -2px rgb(0 0 0 / 0.1);
-$shadow-lg:
- 0 10px 15px -3px rgb(0 0 0 / 0.1),
- 0 4px 6px -4px rgb(0 0 0 / 0.1);
-$shadow-xl:
- 0 20px 25px -5px rgb(0 0 0 / 0.1),
- 0 8px 10px -6px rgb(0 0 0 / 0.1);
-$shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-$shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
-
-@mixin shadow {
- &.shadow-regular {
- box-shadow: $shadow;
- }
- &.shadow-small {
- box-shadow: $shadow-sm;
- }
- &.shadow-medium {
- box-shadow: $shadow-md;
- }
- &.shadow-large {
- box-shadow: $shadow-lg;
- }
- &.shadow-extraLarge {
- box-shadow: $shadow-xl;
- }
- &.shadow-inner {
- box-shadow: $shadow-inner;
- }
-}
-
-// border width variables
-$border-0: 0px;
-$border-1: 1px;
-$border-2: 2px;
-
-//animation-duration varibles
-$duration-100: 100ms;
-$duration-200: 200ms;
-$duration-300: 300ms;
-$duration-400: 400ms;
-$duration-800: 800ms;
-
-//border radius variables
-$radius-10: 10px;
-$radius-8: 8px;
-$radius-5: 5px;
-$radius-15: 15px;
-$radius-half: 50%;
-
-//absolute center
-@mixin absolute-center {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-//font-size variables
-$font-size-8: 8px;
-$font-size-10: 10px;
-$font-size-12: 12px;
-$font-size-14: 14px;
-$font-size-16: 16px;
-
-//disabled
-@mixin disabled {
- cursor: not-allowed;
- opacity: 0.4;
-}
-
-//background color
-$background-shadow-color: rgb(var(--black-color-rgb), 0.6);
-
-$cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
diff --git a/packages/ui-universal/lib/assets/lit.svg b/packages/ui-universal/lib/assets/lit.svg
deleted file mode 100644
index 4a9c1fe..0000000
--- a/packages/ui-universal/lib/assets/lit.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/ui-universal/lib/components/Button/index.scss b/packages/ui-universal/lib/components/Button/index.scss
deleted file mode 100644
index 2132f34..0000000
--- a/packages/ui-universal/lib/components/Button/index.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-:host {
- background-color: var(--primary-color);
- color: var(--white-color);
- padding: 10px;
- border-radius: 5px;
- border: none;
- cursor: pointer;
- font-size: 16px;
- font-weight: 400;
- transition: all 0.15s ease-in-out;
- @include shadow;
- &:hover {
- backdrop-filter: brightness(0.85);
- }
- &:active {
- transform: scale(0.98);
- }
- &.primary {
- background-color: var(--primary-color);
- }
- &.secondary {
- background-color: var(--white-color);
- color: var(--primary-color);
- border: 1px solid var(--primary-color);
- }
- &.border {
- border: solid 1px var(--border-white);
- background-color: var(--white-color);
- color: var(--black-color);
- font-weight: 500;
- }
- &.ghost {
- &:hover:not(.disabled) {
- filter: brightness(1);
- backdrop-filter: brightness(0.97);
- }
- background-color: transparent;
- color: var(--primary-color);
- font-weight: 600;
- }
- &.danger {
- background-color: var(--danger-color);
- }
- &.disabled {
- cursor: not-allowed;
- &:hover {
- backdrop-filter: none;
- }
- &:active {
- transform: none;
- }
- }
- &.disabledShadow {
- filter: grayscale(1);
- }
- &.small {
- padding: 5px;
- font-size: 12px;
- }
- &.medium {
- padding: 10px;
- font-size: 16px;
- }
- &.large {
- padding: 15px;
- font-size: 20px;
- }
-}
diff --git a/packages/ui-universal/lib/components/Button/index.ts b/packages/ui-universal/lib/components/Button/index.ts
deleted file mode 100644
index bcee5e6..0000000
--- a/packages/ui-universal/lib/components/Button/index.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { CSSResultGroup, LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { createComponent } from "@lit/react";
-import { classMap } from "lit/directives/class-map.js";
-import React from "react";
-import styles from "./index.scss?inline";
-
-// export interface ButtonProps extends HTMLButtonElement {
-// /**
-// * The color of the button.
-// */
-// color?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'border';
-// /**
-// * The size of the button.
-// */
-// size?: 'small' | 'medium' | 'large';
-// /**
-// * The shadow of the button.
-// */
-// shadow?: 'regular' | 'small' | 'medium' | 'large' | 'extraLarge' | 'inner' | 'none';
-// /**
-// * disabledShadow, when the button is disabled ,the shadow is or not
-// */
-// disabledShadow?: boolean;
-// }
-
-/**
- * An example element.
- *
- * @slot - This element has a slot
- * @csspart button - The button
- */
-@customElement("s-button")
-export class Sbutton extends LitElement {
- static styles = styles as unknown as CSSResultGroup;
- @property({ type: String }) color = "primary";
- @property({ type: String }) size = "medium";
- @property({ type: String }) shadow = "none";
- @property({ type: Boolean }) disabled = false;
- @property({ type: Boolean }) disabledShadow = true;
- @property() _onclick: () => void = () => {};
-
- protected render() {
- return html`
-
- `;
- }
-}
-
-declare global {
- interface HTMLElementTagNameMap {
- "s-button": Sbutton;
- }
-}
-
-export const Button = createComponent({
- tagName: "s-button",
- elementClass: Sbutton,
- react: React,
-});
diff --git a/packages/ui-universal/lib/global.scss b/packages/ui-universal/lib/global.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/packages/ui-universal/lib/index.ts b/packages/ui-universal/lib/index.ts
deleted file mode 100644
index f80f982..0000000
--- a/packages/ui-universal/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./components/Button";
diff --git a/packages/ui-universal/lib/typings/scss.d.ts b/packages/ui-universal/lib/typings/scss.d.ts
deleted file mode 100644
index b122744..0000000
--- a/packages/ui-universal/lib/typings/scss.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-declare module "*.scss?inline" {
- import { CSSResult } from "lit";
- const styles: CSSResult;
- export default styles;
-}
-
-declare module "*.scss" {
- import { CSSResult } from "lit";
- const styles: CSSResult;
- export default styles;
-}
diff --git a/packages/ui-universal/lib/vite-env.d.ts b/packages/ui-universal/lib/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/packages/ui-universal/lib/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
diff --git a/packages/ui-universal/package.json b/packages/ui-universal/package.json
deleted file mode 100644
index e509abf..0000000
--- a/packages/ui-universal/package.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
- "name": "@sast/oj-ui-universal",
- "private": true,
- "version": "0.0.1",
- "type": "module",
- "main": "./dist/index.cjs.js",
- "module": "./dist/index.es.js",
- "types": "./dist/index.d.ts",
- "files": [
- "dist"
- ],
- "exports": {
- ".": {
- "import": {
- "types": "./dist/index.d.ts",
- "default": "./dist/index.es.js"
- },
- "require": {
- "types": "./dist/index.d.ts",
- "default": "./dist/index.cjs.js"
- }
- }
- },
- "scripts": {
- "dev": "tsc && vite build --watch",
- "build": "tsc && vite build",
- "preview": "vite preview"
- },
- "dependencies": {
- "@lit/react": "^1.0.3",
- "lit": "^3.1.2",
- "react": "^18.2.0",
- "vite-plugin-dts": "^3.6.4"
- },
- "devDependencies": {
- "@types/react": "^18.2.43",
- "rollup-plugin-copy": "^3.5.0",
- "rollup-plugin-scss-lit": "^1.1.6",
- "sass": "^1.69.5",
- "typescript": "^5.3.3",
- "vite": "^5.1.6"
- }
-}
\ No newline at end of file
diff --git a/packages/ui-universal/public/vite.svg b/packages/ui-universal/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/packages/ui-universal/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/packages/ui-universal/tsconfig.json b/packages/ui-universal/tsconfig.json
deleted file mode 100644
index 9ff9bcd..0000000
--- a/packages/ui-universal/tsconfig.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
- "extends": ["../../tsconfig.json"],
- "compilerOptions": {
- "target": "ESNext",
- "experimentalDecorators": true,
- "useDefineForClassFields": false,
- "module": "ESNext",
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
- "skipLibCheck": true,
- "types": ["vite/client"],
-
- /* Bundler mode */
- "moduleResolution": "bundler",
- "allowImportingTsExtensions": true,
- "resolveJsonModule": true,
- "isolatedModules": true,
- "noEmit": true,
- // "declarationMap" need to be enabled to let Vite generates source map files.
- "declaration": true,
- "declarationMap": true,
-
- /* Linting */
- "strict": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
- "noFallthroughCasesInSwitch": true
- },
- "paths": {
- "@/*": ["./lib/*"]
- },
- "include": ["lib", "lib/typings/index.d.ts"]
-}
diff --git a/packages/ui-universal/vite.config.js b/packages/ui-universal/vite.config.js
deleted file mode 100644
index 46d68cf..0000000
--- a/packages/ui-universal/vite.config.js
+++ /dev/null
@@ -1,52 +0,0 @@
-// vite.config.js
-import path from 'path';
-import dts from 'vite-plugin-dts';
-import { join } from 'path';
-import { litScss } from 'rollup-plugin-scss-lit'
-import copy from 'rollup-plugin-copy'
-
-/** @type {import('vite').UserConfig} */
-export default {
- // config options
- plugins: [
- dts(), // Output .d.ts files
- litScss({ minify: process.env.NODE_ENV === 'production', options: { loadPaths: ["node_modules"] }, }), // Support for lit-element scss
- copy({
- targets: [{ src: "lib/**/*.scss", dest: "dist" }], // build is configured as outDir in tsconfig.json
- flatten: false, // important - preserves folder structure
- hook: "buildStart", // important - needs to run before other plugins
- }),
- ],
- css: {
- preprocessorOptions: {
- scss: {
- additionalData: `@use "./lib/variables" as *;`, // Import global scss variables
- includePaths: [path.resolve(__dirname, 'lib')], // Include paths for scss
- },
- },
- },
- resolve: {
- alias: {
- "@": "/lib",
- },
- },
- build: {
- target: 'ESNEXT',
- cssCodeSplit: true,
- lib: {
- entry: path.resolve(__dirname, join('lib', 'index.ts')),
- formats: ['es', 'cjs', 'umd'],
- name: 'index',
- fileName: format => `index.${format}.js`,
- },
- rollupOptions: {
- external: ['react', 'react-dom'],
- output: {
- globals: {
- react: 'React',
- 'react-dom': 'ReactDOM',
- },
- },
- }
- },
-};
diff --git a/packages/ui/.eslintrc.json b/packages/ui/.eslintrc.json
deleted file mode 100644
index c4a7dfc..0000000
--- a/packages/ui/.eslintrc.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
- "$schema": "https://raw.githubusercontent.com/SchemaStore/schemastore/master/src/schemas/json/eslintrc.json",
- "root": true,
- "env": {
- "browser": true,
- "es2021": true
- },
- "extends": [
- "eslint:recommended",
- "plugin:@typescript-eslint/recommended",
- "plugin:react/recommended",
- "plugin:react/jsx-runtime", // disable all rules conflict with React 17 JSX transform
- "plugin:react-hooks/recommended",
- "plugin:jest-dom/recommended",
- "plugin:storybook/recommended",
- "prettier" // disable all rules conflict with Prettier
- ],
- "plugins": ["jest-dom", "@stylexjs"],
- "parser": "@typescript-eslint/parser",
- "ignorePatterns": ["dist"],
- "rules": {
- "@stylexjs/valid-styles": ["error"]
- },
- "settings": {
- "react": {
- "version": "detect"
- }
- },
- "overrides": []
-}
diff --git a/packages/ui/.github/workflows/storybook.yml b/packages/ui/.github/workflows/storybook.yml
deleted file mode 100644
index dfa17ff..0000000
--- a/packages/ui/.github/workflows/storybook.yml
+++ /dev/null
@@ -1,50 +0,0 @@
-# Simple workflow for deploying static content to GitHub Pages
-name: Deploy Storybook to Pages
-
-on:
- # Runs on pushes targeting the default branch
- push:
- branches: ['master']
-
- # Allows you to run this workflow manually from the Actions tab
- workflow_dispatch:
-
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
-permissions:
- contents: read
- pages: write
- id-token: write
-
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
-concurrency:
- group: 'pages'
- cancel-in-progress: false
-
-jobs:
- # Single deploy job since we're just deploying
- deploy:
- environment:
- name: github-pages
- url: ${{ steps.deployment.outputs.page_url }}
- runs-on: ubuntu-latest
- steps:
- - name: Checkout
- uses: actions/checkout@v4
- - name: Install pnpm
- uses: pnpm/action-setup@v2
- with:
- version: 8
- run_install: true
- - name: Build Storybook
- run: pnpm run build
- - name: Setup Pages
- uses: actions/configure-pages@v4
- - name: Upload artifact
- uses: actions/upload-pages-artifact@v2
- with:
- # Upload entire repository
- path: './storybook-static'
- - name: Deploy to GitHub Pages
- id: deployment
- uses: actions/deploy-pages@v3
diff --git a/packages/ui/.prettierrc.json b/packages/ui/.prettierrc.json
deleted file mode 100644
index 0ac6c28..0000000
--- a/packages/ui/.prettierrc.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "printWidth": 100,
- "singleQuote": true,
- "bracketSameLine": false,
- "singleAttributePerLine": true
-}
diff --git a/packages/ui/.storybook/main.ts b/packages/ui/.storybook/main.ts
deleted file mode 100644
index 2898543..0000000
--- a/packages/ui/.storybook/main.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-import { withoutVitePlugins } from '@storybook/builder-vite';
-
-const config: StorybookConfig = {
- stories: ['../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)', '../lib/**/*.mdx'],
- addons: ['@storybook/addon-essentials', '@storybook/addon-actions', '@storybook/addon-docs'],
- framework: {
- name: '@storybook/react-vite',
- options: {},
- },
- docs: {
- autodocs: 'tag',
- },
- viteFinal: async (config) => ({
- ...config,
- plugins: await withoutVitePlugins(config.plugins, ['vite:dts']), // skip dts plugin
- }),
-};
-export default config;
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
deleted file mode 100644
index d971423..0000000
--- a/packages/ui/.storybook/preview.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Preview } from '@storybook/react';
-import '../lib/global.scss';
-
-const preview: Preview = {
- parameters: {
- actions: { argTypesRegex: '^on[A-Z].*' },
- controls: {
- matchers: {
- color: /(background|color)$/i,
- date: /Date$/i,
- },
- },
- },
-};
-
-export default preview;
diff --git a/packages/ui/LICENSE b/packages/ui/LICENSE
deleted file mode 100644
index 0e4dce6..0000000
--- a/packages/ui/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Rayyamhk
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/packages/ui/README.md b/packages/ui/README.md
deleted file mode 100644
index 108a175..0000000
--- a/packages/ui/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# SASTOJ 组件库
-
-## Features
-
-## Get Started
-
-1. Clone this repository
-2. Install dependencies using `npm i` (or `pnpm i` if you like)
-
-## Scripts
-
-- `dev`: Starts the local Storybook server, use this to develop and preview your components.
-- `test`: Runs all your tests with vitest.
-- `test:watch`: Runs tests in watch mode.
-- `test:ui`: Runs tests with a UI.
-- `test:coverage`: Runs tests and generates a coverage report.
-- `build`: Builds your Storybook as a static web application.
-- `build:lib`: Builds your component library with Vite.
-- `lint`: Runs ESLint.
-- `format`: Formats your code with Prettier.
-
-## License
diff --git a/packages/ui/coverage/.tmp/coverage-0.json b/packages/ui/coverage/.tmp/coverage-0.json
deleted file mode 100644
index e8f24c2..0000000
--- a/packages/ui/coverage/.tmp/coverage-0.json
+++ /dev/null
@@ -1 +0,0 @@
-{"result":[{"scriptId":"1090","url":"file:///D:/Projects/SAST/sastoj-frontend/packages/ui/lib/test/setup.ts","functions":[{"functionName":"","ranges":[{"startOffset":0,"endOffset":1677,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":13,"endOffset":1677,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":987,"endOffset":1031,"count":2}],"isBlockCoverage":true}]},{"scriptId":"1685","url":"file:///D:/Projects/SAST/sastoj-frontend/packages/ui/lib/Button/Button.test.tsx","functions":[{"functionName":"","ranges":[{"startOffset":0,"endOffset":4626,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":13,"endOffset":4626,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":1397,"endOffset":1890,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":1954,"endOffset":2600,"count":1}],"isBlockCoverage":true}]},{"scriptId":"1778","url":"file:///D:/Projects/SAST/sastoj-frontend/packages/ui/lib/Button/Button.tsx","functions":[{"functionName":"","ranges":[{"startOffset":0,"endOffset":4472,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":13,"endOffset":4472,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":999,"endOffset":1707,"count":2},{"startOffset":1297,"endOffset":1309,"count":0},{"startOffset":1356,"endOffset":1366,"count":0}],"isBlockCoverage":true},{"functionName":"get","ranges":[{"startOffset":1804,"endOffset":1826,"count":2}],"isBlockCoverage":true}]},{"scriptId":"1780","url":"file:///D:/Projects/SAST/sastoj-frontend/packages/ui/lib/Button/Button.module.scss","functions":[{"functionName":"","ranges":[{"startOffset":0,"endOffset":1381,"count":1}],"isBlockCoverage":true},{"functionName":"","ranges":[{"startOffset":13,"endOffset":1381,"count":1}],"isBlockCoverage":true},{"functionName":"get","ranges":[{"startOffset":261,"endOffset":331,"count":10}],"isBlockCoverage":true}]}]}
\ No newline at end of file
diff --git a/packages/ui/coverage/Button.tsx.html b/packages/ui/coverage/Button.tsx.html
deleted file mode 100644
index 258d388..0000000
--- a/packages/ui/coverage/Button.tsx.html
+++ /dev/null
@@ -1,223 +0,0 @@
-
-
-
-
-
-
Code coverage report for Button.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 100%
- Statements
- 46/46
-
-
-
-
- 33.33%
- Branches
- 1/3
-
-
-
-
- 100%
- Functions
- 0/0
-
-
-
-
- 100%
- Lines
- 46/46
-
-
-
-
-
- Press n or j to go to the next uncovered block, b, p or k for the previous block.
-
-
-
- Filter:
-
-
-
-
-
-
-| 1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-16
-17
-18
-19
-20
-21
-22
-23
-24
-25
-26
-27
-28
-29
-30
-31
-32
-33
-34
-35
-36
-37
-38
-39
-40
-41
-42
-43
-44
-45
-46
-47 | 1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-1x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-2x
-1x
-1x
-1x
- | import React from 'react';
-import styles from './Button.module.scss';
-import classnames from 'classnames';
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
- /**
- * The color of the button.
- */
- color?: 'primary' | 'secondary' | 'tertiary' | 'danger';
-
- /**
- * The size of the button.
- */
- size?: 'small' | 'medium' | 'large';
-
- /**
- * If `true`, the button will be disabled.
- */
- disabled?: boolean;
- /**
- * If `true`, the shadow will be appear
- */
- isShadow?: boolean;
-}
-
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
- ({ color = 'primary', size = 'medium', disabled = false, isShadow = false, ...rest }, ref) => {
- const btnClass = classnames(
- styles['base'],
- styles[color],
- styles[size],
- styles[disabled ? 'disabled' : ''],
- styles[isShadow ? 'shadow' : ''],
- );
- return (
- <button
- ref={ref}
- className={btnClass}
- {...rest}
- disabled={disabled}
- />
- );
- },
-);
-
-Button.displayName = 'Button';
- |
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/ui/coverage/base.css b/packages/ui/coverage/base.css
deleted file mode 100644
index f418035..0000000
--- a/packages/ui/coverage/base.css
+++ /dev/null
@@ -1,224 +0,0 @@
-body, html {
- margin:0; padding: 0;
- height: 100%;
-}
-body {
- font-family: Helvetica Neue, Helvetica, Arial;
- font-size: 14px;
- color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
- -webkit-box-sizing:border-box;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
- font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
- margin: 0;
- padding: 0;
- -moz-tab-size: 2;
- -o-tab-size: 2;
- tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
- content:'';
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
- }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
- .col3 { width:100%; max-width:100%; }
- .hide-mobile { display:none!important; }
-}
-
-.quiet {
- color: #7f7f7f;
- color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
- font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
- font-size: 10px;
- color: #555;
- background: #E8E8E8;
- padding: 4px 5px;
- border-radius: 3px;
- vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
- border-collapse: collapse;
- margin: 10px 0 0 0;
- padding: 0;
-}
-
-table.coverage td {
- margin: 0;
- padding: 0;
- vertical-align: top;
-}
-table.coverage td.line-count {
- text-align: right;
- padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
- text-align: right;
- padding-right: 10px;
- min-width:20px;
-}
-
-table.coverage td span.cline-any {
- display: inline-block;
- padding: 0 5px;
- width: 100%;
-}
-.missing-if-branch {
- display: inline-block;
- margin-right: 5px;
- border-radius: 3px;
- position: relative;
- padding: 0 4px;
- background: #333;
- color: yellow;
-}
-
-.skip-if-branch {
- display: none;
- margin-right: 10px;
- position: relative;
- padding: 0 4px;
- background: #ccc;
- color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
- color: inherit !important;
-}
-.coverage-summary {
- border-collapse: collapse;
- width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
- text-align: left;
- font-weight: normal;
- white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap; }
-.coverage-summary td.pic { min-width: 120px !important; }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
- height: 10px;
- width: 7px;
- display: inline-block;
- margin-left: 0.5em;
- background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
- background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
- background-position: 0 -10px;
-}
-.status-line { height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
- background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
- opacity: .5;
- padding-top: 4px;
- padding-bottom: 4px;
- line-height: 1;
- color: #888;
-}
-
-.cover-fill, .cover-empty {
- display:inline-block;
- height: 12px;
-}
-.chart {
- line-height: 0;
-}
-.cover-empty {
- background: white;
-}
-.cover-full {
- border-right: none !important;
-}
-pre.prettyprint {
- border: none !important;
- padding: 0 !important;
- margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
- min-height: 100%;
- height: auto !important;
- height: 100%;
- margin: 0 auto -48px;
-}
-.footer, .push {
- height: 48px;
-}
diff --git a/packages/ui/coverage/block-navigation.js b/packages/ui/coverage/block-navigation.js
deleted file mode 100644
index cc12130..0000000
--- a/packages/ui/coverage/block-navigation.js
+++ /dev/null
@@ -1,87 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
- // Classes of code we would like to highlight in the file view
- var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
- // Elements to highlight in the file listing view
- var fileListingElements = ['td.pct.low'];
-
- // We don't want to select elements that are direct descendants of another match
- var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
- // Selecter that finds elements on the page to which we can jump
- var selector =
- fileListingElements.join(', ') +
- ', ' +
- notSelector +
- missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
- // The NodeList of matching elements
- var missingCoverageElements = document.querySelectorAll(selector);
-
- var currentIndex;
-
- function toggleClass(index) {
- missingCoverageElements
- .item(currentIndex)
- .classList.remove('highlighted');
- missingCoverageElements.item(index).classList.add('highlighted');
- }
-
- function makeCurrent(index) {
- toggleClass(index);
- currentIndex = index;
- missingCoverageElements.item(index).scrollIntoView({
- behavior: 'smooth',
- block: 'center',
- inline: 'center'
- });
- }
-
- function goToPrevious() {
- var nextIndex = 0;
- if (typeof currentIndex !== 'number' || currentIndex === 0) {
- nextIndex = missingCoverageElements.length - 1;
- } else if (missingCoverageElements.length > 1) {
- nextIndex = currentIndex - 1;
- }
-
- makeCurrent(nextIndex);
- }
-
- function goToNext() {
- var nextIndex = 0;
-
- if (
- typeof currentIndex === 'number' &&
- currentIndex < missingCoverageElements.length - 1
- ) {
- nextIndex = currentIndex + 1;
- }
-
- makeCurrent(nextIndex);
- }
-
- return function jump(event) {
- if (
- document.getElementById('fileSearch') === document.activeElement &&
- document.activeElement != null
- ) {
- // if we're currently focused on the search input, we don't want to navigate
- return;
- }
-
- switch (event.which) {
- case 78: // n
- case 74: // j
- goToNext();
- break;
- case 66: // b
- case 75: // k
- case 80: // p
- goToPrevious();
- break;
- }
- };
-})();
-window.addEventListener('keydown', jumpToCode);
diff --git a/packages/ui/coverage/clover.xml b/packages/ui/coverage/clover.xml
deleted file mode 100644
index 5e7af71..0000000
--- a/packages/ui/coverage/clover.xml
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/ui/coverage/coverage-final.json b/packages/ui/coverage/coverage-final.json
deleted file mode 100644
index 46f0dc3..0000000
--- a/packages/ui/coverage/coverage-final.json
+++ /dev/null
@@ -1,2 +0,0 @@
-{"D:\\Projects\\SAST\\sastoj-frontend\\packages\\ui\\lib\\Button\\Button.tsx": {"path":"D:\\Projects\\SAST\\sastoj-frontend\\packages\\ui\\lib\\Button\\Button.tsx","all":false,"statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":26}},"1":{"start":{"line":2,"column":0},"end":{"line":2,"column":42}},"2":{"start":{"line":3,"column":0},"end":{"line":3,"column":36}},"3":{"start":{"line":4,"column":0},"end":{"line":4,"column":0}},"4":{"start":{"line":5,"column":0},"end":{"line":5,"column":84}},"5":{"start":{"line":6,"column":0},"end":{"line":6,"column":5}},"6":{"start":{"line":7,"column":0},"end":{"line":7,"column":29}},"7":{"start":{"line":8,"column":0},"end":{"line":8,"column":5}},"8":{"start":{"line":9,"column":0},"end":{"line":9,"column":58}},"9":{"start":{"line":10,"column":0},"end":{"line":10,"column":0}},"10":{"start":{"line":11,"column":0},"end":{"line":11,"column":5}},"11":{"start":{"line":12,"column":0},"end":{"line":12,"column":28}},"12":{"start":{"line":13,"column":0},"end":{"line":13,"column":5}},"13":{"start":{"line":14,"column":0},"end":{"line":14,"column":38}},"14":{"start":{"line":15,"column":0},"end":{"line":15,"column":0}},"15":{"start":{"line":16,"column":0},"end":{"line":16,"column":5}},"16":{"start":{"line":17,"column":0},"end":{"line":17,"column":44}},"17":{"start":{"line":18,"column":0},"end":{"line":18,"column":5}},"18":{"start":{"line":19,"column":0},"end":{"line":19,"column":21}},"19":{"start":{"line":20,"column":0},"end":{"line":20,"column":5}},"20":{"start":{"line":21,"column":0},"end":{"line":21,"column":41}},"21":{"start":{"line":22,"column":0},"end":{"line":22,"column":5}},"22":{"start":{"line":23,"column":0},"end":{"line":23,"column":21}},"23":{"start":{"line":24,"column":0},"end":{"line":24,"column":1}},"24":{"start":{"line":25,"column":0},"end":{"line":25,"column":0}},"25":{"start":{"line":26,"column":0},"end":{"line":26,"column":71}},"26":{"start":{"line":27,"column":0},"end":{"line":27,"column":97}},"27":{"start":{"line":28,"column":0},"end":{"line":28,"column":32}},"28":{"start":{"line":29,"column":0},"end":{"line":29,"column":21}},"29":{"start":{"line":30,"column":0},"end":{"line":30,"column":20}},"30":{"start":{"line":31,"column":0},"end":{"line":31,"column":19}},"31":{"start":{"line":32,"column":0},"end":{"line":32,"column":41}},"32":{"start":{"line":33,"column":0},"end":{"line":33,"column":39}},"33":{"start":{"line":34,"column":0},"end":{"line":34,"column":6}},"34":{"start":{"line":35,"column":0},"end":{"line":35,"column":12}},"35":{"start":{"line":36,"column":0},"end":{"line":36,"column":13}},"36":{"start":{"line":37,"column":0},"end":{"line":37,"column":17}},"37":{"start":{"line":38,"column":0},"end":{"line":38,"column":28}},"38":{"start":{"line":39,"column":0},"end":{"line":39,"column":17}},"39":{"start":{"line":40,"column":0},"end":{"line":40,"column":27}},"40":{"start":{"line":41,"column":0},"end":{"line":41,"column":8}},"41":{"start":{"line":42,"column":0},"end":{"line":42,"column":6}},"42":{"start":{"line":43,"column":0},"end":{"line":43,"column":4}},"43":{"start":{"line":44,"column":0},"end":{"line":44,"column":2}},"44":{"start":{"line":45,"column":0},"end":{"line":45,"column":0}},"45":{"start":{"line":46,"column":0},"end":{"line":46,"column":30}}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1,"26":1,"27":2,"28":2,"29":2,"30":2,"31":2,"32":2,"33":2,"34":2,"35":2,"36":2,"37":2,"38":2,"39":2,"40":2,"41":2,"42":2,"43":1,"44":1,"45":1},"branchMap":{"0":{"type":"branch","line":27,"loc":{"start":{"line":27,"column":2},"end":{"line":43,"column":4}},"locations":[{"start":{"line":27,"column":2},"end":{"line":43,"column":4}}]},"1":{"type":"branch","line":32,"loc":{"start":{"line":32,"column":13},"end":{"line":32,"column":37}},"locations":[{"start":{"line":32,"column":13},"end":{"line":32,"column":37}}]},"2":{"type":"branch","line":33,"loc":{"start":{"line":33,"column":13},"end":{"line":33,"column":35}},"locations":[{"start":{"line":33,"column":13},"end":{"line":33,"column":35}}]}},"b":{"0":[2],"1":[0],"2":[0]},"fnMap":{},"f":{}}
-}
diff --git a/packages/ui/coverage/favicon.png b/packages/ui/coverage/favicon.png
deleted file mode 100644
index c1525b8..0000000
Binary files a/packages/ui/coverage/favicon.png and /dev/null differ
diff --git a/packages/ui/coverage/index.html b/packages/ui/coverage/index.html
deleted file mode 100644
index 7b36466..0000000
--- a/packages/ui/coverage/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
-
-
-
-
-
-
Code coverage report for All files
-
-
-
-
-
-
-
-
-
-
-
-
All files
-
-
-
- 100%
- Statements
- 46/46
-
-
-
-
- 33.33%
- Branches
- 1/3
-
-
-
-
- 100%
- Functions
- 0/0
-
-
-
-
- 100%
- Lines
- 46/46
-
-
-
-
-
- Press n or j to go to the next uncovered block, b, p or k for the previous block.
-
-
-
- Filter:
-
-
-
-
-
-
-
-
-
- | File |
- |
- Statements |
- |
- Branches |
- |
- Functions |
- |
- Lines |
- |
-
-
-
- | Button.tsx |
-
-
- |
- 100% |
- 46/46 |
- 33.33% |
- 1/3 |
- 100% |
- 0/0 |
- 100% |
- 46/46 |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/ui/coverage/prettify.css b/packages/ui/coverage/prettify.css
deleted file mode 100644
index b317a7c..0000000
--- a/packages/ui/coverage/prettify.css
+++ /dev/null
@@ -1 +0,0 @@
-.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
diff --git a/packages/ui/coverage/prettify.js b/packages/ui/coverage/prettify.js
deleted file mode 100644
index b322523..0000000
--- a/packages/ui/coverage/prettify.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/* eslint-disable */
-window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V
122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;arat[0]){if(at[1]+1>at[0]){an.push("-")}an.push(T(at[1]))}}an.push("]");return an.join("")}function W(al){var aj=al.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak=2&&ai==="["){aj[ak]=X(ag)}else{if(ai!=="\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return"["+String.fromCharCode(ap&~32,ap|32)+"]"})}}}}return aj.join("")}var aa=[];for(var V=0,U=Z.length;V=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=""+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\0-\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae=5&&"lang-"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]==="string")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(T.multiLineStrings){W.push([C,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{W.push([C,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(T.verbatimStrings){S.push([C,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}S.push([C,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{W.push([j,/^#[^\r\n]*/,null,"#"])}}if(T.cStyleComments){S.push([j,/^\/\/[^\r\n]*/,null]);S.push([j,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(T.regexLiterals){var X=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");S.push(["lang-regex",new RegExp("^"+M+"("+X+")")])}var V=T.types;if(V){S.push([O,V])}var U=(""+T.keywords).replace(/^ | $/g,"");if(U.length){S.push([z,new RegExp("^(?:"+U.replace(/[\s,]+/g,"|")+")\\b"),null])}W.push([F,/^\s+/,null," \r\n\t\xA0"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[F,/^\\[\s\S]?/,null],[L,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\s)nocode(?:\s|$)/;var ab=/\r\n?|\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Z=S&&"pre"===S.substring(0,3);var af=ac.createElement("LI");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if("BR"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn("cannot override language handler %s",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\s*]*(?:>|$)/],[j,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);c(g([[F,/^[\s]+/,null," \t\r\n"],[n,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[m,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[P,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[L,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);c(g([],[[n,/^[\s\S]+/]]),["uq.val"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),["c","cc","cpp","cxx","cyc","m"]);c(i({keywords:"null,true,false"}),["json"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),["cs"]);c(i({keywords:x,cStyleComments:true}),["java"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),["js"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);c(g([],[[C,/^[\s\S]+/]]),["regex"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if("console" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement("PRE");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y("pre"),Y("code"),Y("xmp")];var T=[];for(var aa=0;aa=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&"CODE"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName==="pre"||ak.tagName==="code"||ak.tagName==="xmp")&&ak.className&&ak.className.indexOf("prettyprint")>=0){al=true;break}}if(!al){var af=aj.className.match(/\blinenums\b(?::(\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]);
diff --git a/packages/ui/coverage/sort-arrow-sprite.png b/packages/ui/coverage/sort-arrow-sprite.png
deleted file mode 100644
index 6ed6831..0000000
Binary files a/packages/ui/coverage/sort-arrow-sprite.png and /dev/null differ
diff --git a/packages/ui/coverage/sorter.js b/packages/ui/coverage/sorter.js
deleted file mode 100644
index 2bb296a..0000000
--- a/packages/ui/coverage/sorter.js
+++ /dev/null
@@ -1,196 +0,0 @@
-/* eslint-disable */
-var addSorting = (function() {
- 'use strict';
- var cols,
- currentSort = {
- index: 0,
- desc: false
- };
-
- // returns the summary table element
- function getTable() {
- return document.querySelector('.coverage-summary');
- }
- // returns the thead element of the summary table
- function getTableHeader() {
- return getTable().querySelector('thead tr');
- }
- // returns the tbody element of the summary table
- function getTableBody() {
- return getTable().querySelector('tbody');
- }
- // returns the th element for nth column
- function getNthColumn(n) {
- return getTableHeader().querySelectorAll('th')[n];
- }
-
- function onFilterInput() {
- const searchValue = document.getElementById('fileSearch').value;
- const rows = document.getElementsByTagName('tbody')[0].children;
- for (let i = 0; i < rows.length; i++) {
- const row = rows[i];
- if (
- row.textContent
- .toLowerCase()
- .includes(searchValue.toLowerCase())
- ) {
- row.style.display = '';
- } else {
- row.style.display = 'none';
- }
- }
- }
-
- // loads the search box
- function addSearchBox() {
- var template = document.getElementById('filterTemplate');
- var templateClone = template.content.cloneNode(true);
- templateClone.getElementById('fileSearch').oninput = onFilterInput;
- template.parentElement.appendChild(templateClone);
- }
-
- // loads all columns
- function loadColumns() {
- var colNodes = getTableHeader().querySelectorAll('th'),
- colNode,
- cols = [],
- col,
- i;
-
- for (i = 0; i < colNodes.length; i += 1) {
- colNode = colNodes[i];
- col = {
- key: colNode.getAttribute('data-col'),
- sortable: !colNode.getAttribute('data-nosort'),
- type: colNode.getAttribute('data-type') || 'string'
- };
- cols.push(col);
- if (col.sortable) {
- col.defaultDescSort = col.type === 'number';
- colNode.innerHTML =
- colNode.innerHTML + '';
- }
- }
- return cols;
- }
- // attaches a data attribute to every tr element with an object
- // of data values keyed by column name
- function loadRowData(tableRow) {
- var tableCols = tableRow.querySelectorAll('td'),
- colNode,
- col,
- data = {},
- i,
- val;
- for (i = 0; i < tableCols.length; i += 1) {
- colNode = tableCols[i];
- col = cols[i];
- val = colNode.getAttribute('data-value');
- if (col.type === 'number') {
- val = Number(val);
- }
- data[col.key] = val;
- }
- return data;
- }
- // loads all row data
- function loadData() {
- var rows = getTableBody().querySelectorAll('tr'),
- i;
-
- for (i = 0; i < rows.length; i += 1) {
- rows[i].data = loadRowData(rows[i]);
- }
- }
- // sorts the table using the data for the ith column
- function sortByIndex(index, desc) {
- var key = cols[index].key,
- sorter = function(a, b) {
- a = a.data[key];
- b = b.data[key];
- return a < b ? -1 : a > b ? 1 : 0;
- },
- finalSorter = sorter,
- tableBody = document.querySelector('.coverage-summary tbody'),
- rowNodes = tableBody.querySelectorAll('tr'),
- rows = [],
- i;
-
- if (desc) {
- finalSorter = function(a, b) {
- return -1 * sorter(a, b);
- };
- }
-
- for (i = 0; i < rowNodes.length; i += 1) {
- rows.push(rowNodes[i]);
- tableBody.removeChild(rowNodes[i]);
- }
-
- rows.sort(finalSorter);
-
- for (i = 0; i < rows.length; i += 1) {
- tableBody.appendChild(rows[i]);
- }
- }
- // removes sort indicators for current column being sorted
- function removeSortIndicators() {
- var col = getNthColumn(currentSort.index),
- cls = col.className;
-
- cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
- col.className = cls;
- }
- // adds sort indicators for current column being sorted
- function addSortIndicators() {
- getNthColumn(currentSort.index).className += currentSort.desc
- ? ' sorted-desc'
- : ' sorted';
- }
- // adds event listeners for all sorter widgets
- function enableUI() {
- var i,
- el,
- ithSorter = function ithSorter(i) {
- var col = cols[i];
-
- return function() {
- var desc = col.defaultDescSort;
-
- if (currentSort.index === i) {
- desc = !currentSort.desc;
- }
- sortByIndex(i, desc);
- removeSortIndicators();
- currentSort.index = i;
- currentSort.desc = desc;
- addSortIndicators();
- };
- };
- for (i = 0; i < cols.length; i += 1) {
- if (cols[i].sortable) {
- // add the click event handler on the th so users
- // dont have to click on those tiny arrows
- el = getNthColumn(i).querySelector('.sorter').parentElement;
- if (el.addEventListener) {
- el.addEventListener('click', ithSorter(i));
- } else {
- el.attachEvent('onclick', ithSorter(i));
- }
- }
- }
- }
- // adds sorting functionality to the UI
- return function() {
- if (!getTable()) {
- return;
- }
- cols = loadColumns();
- loadData();
- addSearchBox();
- addSortIndicators();
- enableUI();
- };
-})();
-
-window.addEventListener('load', addSorting);
diff --git a/packages/ui/lib/Accordion/Accordion.module.scss b/packages/ui/lib/Accordion/Accordion.module.scss
deleted file mode 100644
index 3b3db36..0000000
--- a/packages/ui/lib/Accordion/Accordion.module.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-@use '../variables' as *;
-$animation-duration: $duration-300;
-.base {
- display: grid;
- grid-template-rows: 0fr 0fr;
- overflow: hidden;
- transition: all $animation-duration $cubic-bezier;
- &.show {
- grid-template-rows: 0fr 1fr;
- }
- .accordionTrigger {
- all: unset;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: 14px;
- padding: 16px 20px;
- font-weight: bolder;
- transition: all $animation-duration $cubic-bezier;
- &:hover:not(.disabled) {
- background-color: var(--pale-white);
- text-decoration: underline;
- transition: all $animation-duration $cubic-bezier;
- }
- .icon {
- transition: all $animation-duration $cubic-bezier;
- &.rotate {
- transform: rotate(180deg);
- }
- }
- &.disabled {
- @include disabled;
- }
- }
- .accordionContentWrap {
- width: 100%;
- min-height: 0px;
- display: flex;
- .inner {
- padding: 10px 20px;
- opacity: 0;
- transition: all $animation-duration ease-in;
- &.show {
- opacity: 1;
- }
- }
- }
- .divider {
- height: 1px;
- width: 100%;
- background-color: var(--border-white);
- }
-}
diff --git a/packages/ui/lib/Accordion/Accordion.stories.tsx b/packages/ui/lib/Accordion/Accordion.stories.tsx
deleted file mode 100644
index 5bf6e37..0000000
--- a/packages/ui/lib/Accordion/Accordion.stories.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
-import { Accordion, type AccordionProps } from './Accordion';
-import { Button } from '../Button/Button';
-
-const meta = {
- title: 'Components/Accordion',
- component: Accordion,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {},
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: AccordionProps = {
- accordionTrigger: hello,
- accordionContent: hi,
- disabled: false,
- width: 300,
-};
-
-export const DefaultAccordion: Story = {
- args: {
- ...defaultProps,
- },
-};
-
-export const ExampleAccordion: Story = {
- args: {
- ...defaultProps,
- accordionTrigger: 知识基础知识竞赛,
- accordionContent: (
- <>
-
-
- ),
- },
-};
diff --git a/packages/ui/lib/Accordion/Accordion.tsx b/packages/ui/lib/Accordion/Accordion.tsx
deleted file mode 100644
index 4ba0eef..0000000
--- a/packages/ui/lib/Accordion/Accordion.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { useState } from 'react';
-import styles from './Accordion.module.scss';
-import classnames from 'classnames';
-
-export interface AccordionProps {
- /**
- * the width of the Accordion
- */
- width?: number;
- /**
- * If `true`, the Accordion will be disabled.
- */
- disabled?: boolean;
- /**
- * the AccordionTrigger of the Accordion
- */
- accordionTrigger: React.ReactNode;
- /**
- * the accordionContent of the Accordion
- */
- accordionContent: React.ReactNode;
-}
-
-export const Accordion = React.forwardRef(
- ({ disabled = false, accordionTrigger, accordionContent, width = 280, ...rest }, ref) => {
- const accordionClass = classnames(styles['base']);
- const [visible, setVisble] = useState(false);
- return (
-
-
-
-
- {accordionContent}
-
-
-
-
- {content}
-
- );
- },
-);
-
-Badge.displayName = 'Badge';
diff --git a/packages/ui/lib/Badge/index.ts b/packages/ui/lib/Badge/index.ts
deleted file mode 100644
index 9c8edca..0000000
--- a/packages/ui/lib/Badge/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Badge';
diff --git a/packages/ui/lib/Button/Button.module.scss b/packages/ui/lib/Button/Button.module.scss
deleted file mode 100644
index 655effe..0000000
--- a/packages/ui/lib/Button/Button.module.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@use '../variables' as *;
-.base {
- background-color: var(--primary-color);
- color: var(--white-color);
- padding: 10px;
- border-radius: 5px;
- border: none;
- cursor: pointer;
- font-size: 16px;
- font-weight: 400;
- transition: all 0.15s ease-in-out;
- @include shadow;
- &:hover {
- backdrop-filter: brightness(0.85);
- }
- &:active {
- transform: scale(0.98);
- }
- &.primary {
- background-color: var(--primary-color);
- }
- &.secondary {
- background-color: var(--white-color);
- color: var(--primary-color);
- border: 1px solid var(--primary-color);
- }
- &.border {
- border: solid 1px var(--border-white);
- background-color: var(--white-color);
- color: var(--black-color);
- font-weight: 500;
- }
- &.ghost {
- &:hover:not(.disabled) {
- filter: brightness(1);
- backdrop-filter: brightness(0.97);
- }
- background-color: transparent;
- color: var(--primary-color);
- font-weight: 600;
- }
- &.danger {
- background-color: var(--danger-color);
- }
- &.disabled {
- cursor: not-allowed;
- &:hover {
- backdrop-filter: none;
- }
- &:active {
- transform: none;
- }
- }
- &.disabledShadow {
- filter: grayscale(1);
- }
- &.small {
- padding: 5px;
- font-size: 12px;
- }
- &.medium {
- padding: 10px;
- font-size: 16px;
- }
- &.large {
- padding: 15px;
- font-size: 20px;
- }
-}
diff --git a/packages/ui/lib/Button/Button.stories.ts b/packages/ui/lib/Button/Button.stories.ts
deleted file mode 100644
index 47a55ee..0000000
--- a/packages/ui/lib/Button/Button.stories.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { Button, type ButtonProps } from './Button';
-import { showToast } from '..';
-
-const meta = {
- title: 'Components/Button',
- component: Button,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {
- color: {
- options: ['primary', 'secondary', 'ghost', 'danger', 'border'],
- control: { type: 'select' },
- },
- size: {
- options: ['small', 'medium', 'large'],
- control: { type: 'select' },
- },
- shadow: {
- options: ['regular', 'small', 'medium', 'large', 'extraLarge', 'inner', 'none'],
- control: { type: 'select' },
- },
- },
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: ButtonProps = {
- color: 'primary',
- size: 'medium',
- disabledShadow: true,
-};
-
-export const DefaultButton: Story = {
- args: {
- ...defaultProps,
- children: 'Click Me!',
- },
-};
-
-export const DisabledButton: Story = {
- args: {
- ...defaultProps,
- children: 'Click Me!',
- disabled: true,
- },
-};
-
-export const ShowToastButton: Story = {
- args: {
- ...defaultProps,
- children: 'Click Me!',
- onClick: () => showToast({ type: 'error' }),
- },
-};
diff --git a/packages/ui/lib/Button/Button.test.tsx b/packages/ui/lib/Button/Button.test.tsx
deleted file mode 100644
index 025c7eb..0000000
--- a/packages/ui/lib/Button/Button.test.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { expect, it, vi } from 'vitest';
-import { Button } from './Button';
-
-it('should render a button', () => {
- // arrange
- render();
-
- // assert
- expect(screen.getByRole('button', { name: 'Click Me!' })).toBeInTheDocument();
-});
-
-it('should call onClick when clicked', async () => {
- // arrange
- const onClick = vi.fn();
- render();
-
- // action
- await userEvent.click(screen.getByRole('button', { name: 'Click Me!' }));
-
- // assert
- expect(onClick).toHaveBeenCalled();
-});
diff --git a/packages/ui/lib/Button/Button.tsx b/packages/ui/lib/Button/Button.tsx
deleted file mode 100644
index 10b0302..0000000
--- a/packages/ui/lib/Button/Button.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import styles from './Button.module.scss';
-import classnames from 'classnames';
-
-export interface ButtonProps extends React.ButtonHTMLAttributes {
- /**
- * The color of the button.
- */
- color?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'border';
- /**
- * The size of the button.
- */
- size?: 'small' | 'medium' | 'large';
- /**
- * The shadow of the button.
- */
- shadow?: 'regular' | 'small' | 'medium' | 'large' | 'extraLarge' | 'inner' | 'none';
- /**
- * If `true`, the button will be disabled.
- */
- disabled?: boolean;
- /**
- * className of the button
- */
- className?: string;
- /**
- * disabledShadow, when the button is disabled ,the shadow is or not
- */
- disabledShadow?: boolean;
-}
-
-export const Button = React.forwardRef(
- (
- {
- color = 'primary',
- shadow = 'none',
- size = 'medium',
- disabled = false,
- className,
- disabledShadow = true,
- ...rest
- },
- ref,
- ) => {
- const btnClass = classnames(
- styles['base'],
- styles[color],
- styles[size],
- styles[disabled ? 'disabled' : ''],
- styles[disabledShadow && disabled ? 'disabledShadow' : ''],
- styles[`shadow-${shadow}`],
- );
- return (
-
- );
- },
-);
-
-Button.displayName = 'Button';
diff --git a/packages/ui/lib/Button/index.ts b/packages/ui/lib/Button/index.ts
deleted file mode 100644
index 8b166a8..0000000
--- a/packages/ui/lib/Button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Button';
diff --git a/packages/ui/lib/Calendar/Calendar.module.scss b/packages/ui/lib/Calendar/Calendar.module.scss
deleted file mode 100644
index 15a9d90..0000000
--- a/packages/ui/lib/Calendar/Calendar.module.scss
+++ /dev/null
@@ -1,86 +0,0 @@
-@use '../variables' as *;
-$animation-duration: $duration-300;
-.base {
- height: fit-content;
- width: fit-content;
- padding: 10px;
- border-radius: $radius-10;
- background-color: var(--white-color);
- color: var(--black-color);
- box-shadow: $shadow;
- .calendarTitle {
- font-size: 18px;
- font-weight: 1000;
- color: var(--shadow-color);
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- padding: 8px 10px;
- .buttonContainer {
- display: flex;
- gap: 3px;
- .button {
- height: 24px;
- width: 24px;
- position: relative;
- svg {
- @include absolute-center;
- }
- }
- }
- }
- .calendarItems {
- display: grid;
- grid-template-columns: repeat(7, 1fr);
- column-gap: 5px;
- row-gap: 3px;
- padding: 5px 10px;
- box-sizing: border-box;
- justify-items: center;
- .calendarItem {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 35px;
- height: 35px;
- cursor: pointer;
- &.otherMonth {
- opacity: 0.4;
- }
- &:hover:not(&.today):not(&.select) {
- background-color: var(--background-blue);
- color: var(--primary-color);
- border-radius: $radius-5;
- transition: all $animation-duration $cubic-bezier;
- }
- &.today {
- background-color: var(--background-blue);
- color: var(--primary-color);
- border-radius: $radius-5;
- }
- &.select {
- background-color: var(--primary-color);
- border-radius: 5px;
- color: var(--white-color);
- transition: all $animation-duration $cubic-bezier;
- }
- }
- }
- .weekdays {
- grid-column: 1 / 8;
- display: flex;
- background-color: var(--title-shadow);
- box-sizing: border-box;
- gap: 5px;
- padding: 10px;
- border-radius: 5px;
- font-weight: 600;
- color: var(--shadow-color);
- .weekday {
- font-size: 14px;
- width: 35px;
- text-align: center;
- }
- }
-}
diff --git a/packages/ui/lib/Calendar/Calendar.stories.tsx b/packages/ui/lib/Calendar/Calendar.stories.tsx
deleted file mode 100644
index e06df89..0000000
--- a/packages/ui/lib/Calendar/Calendar.stories.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
-import { Calendar, type CalendarProps } from './Calendar';
-
-const test = (value: Date) => {
- console.log('select date', value);
-};
-
-const meta = {
- title: 'Components/Calendar',
- component: Calendar,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {},
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: CalendarProps = {
- onChange: function () {},
- defaultSelected: undefined,
-};
-
-export const DefaultCalendar: Story = {
- args: {
- ...defaultProps,
- },
-};
-
-export const ExampleCalendar: Story = {
- args: {
- ...defaultProps,
- onChange: test,
- },
-};
diff --git a/packages/ui/lib/Calendar/Calendar.tsx b/packages/ui/lib/Calendar/Calendar.tsx
deleted file mode 100644
index 0590d37..0000000
--- a/packages/ui/lib/Calendar/Calendar.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import classNames from 'classnames';
-import React, { useEffect, useState } from 'react';
-import styles from './Calendar.module.scss';
-import DayItem from './DayItem';
-import { Button } from '..';
-
-export interface CalendarProps extends React.HtmlHTMLAttributes {
- /**
- * the onChange of the calendar
- */
- onchange?: (value: Date) => void;
- /**
- * the selected of the date
- */
- selected?: Date;
- /**
- * defaultselected of the calendar
- */
- defaultSelected?: Date;
-}
-
-export const Calendar = React.forwardRef(
- ({ onchange, selected = undefined, defaultSelected = undefined, ...rest }, ref) => {
- // Initialize the state to store the selected date
- const [selectDate, setSelectDate] = useState(defaultSelected);
- const [currentDate] = useState(new Date());
- const [numberOfDaysFromPrevMonth, setNumberOfDaysFromPrevMonth] = useState(0);
- const [numberOfDaysInLastMonth, setNumberOfDaysInLastMonth] = useState(0);
- const [numberOfDaysInMonth, setNumberOfDaysInMonth] = useState(0);
- const [numberOfDaysFromAfterMonth, setNumberOfDaysFromAfterMonth] = useState(0);
- const [selectMonth, setSelectMonth] = useState(new Date().getMonth());
-
- // Function to generate the calendar grid
- useEffect(() => {
- const numberOfDaysInMonth = new Date(currentDate.getFullYear(), selectMonth + 1, 0).getDate();
- setNumberOfDaysInMonth(numberOfDaysInMonth);
-
- const numberOfDaysInLastMonth = new Date(currentDate.getFullYear(), selectMonth, 0).getDate();
- setNumberOfDaysInLastMonth(numberOfDaysInLastMonth);
-
- const firstDayOfMonth = new Date(currentDate.getFullYear(), selectMonth, 1).getDay();
-
- const numberOfDaysFromPrevMonth = (firstDayOfMonth + 6) % 7;
- setNumberOfDaysFromPrevMonth(numberOfDaysFromPrevMonth);
-
- const lastDayOfMonth = new Date(
- currentDate.getFullYear(),
- selectMonth,
- numberOfDaysInMonth,
- ).getDay();
-
- const numberOfDaysFromAfterMonth = Math.abs(lastDayOfMonth - 7) % 7;
- setNumberOfDaysFromAfterMonth(numberOfDaysFromAfterMonth);
- }, [currentDate, selectMonth]);
-
- useEffect(() => {
- selected && setSelectDate(selected);
- }, [selected]);
-
- const weekdays = () => {
- const weekdays = ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU'];
-
- const weekdaysFlex = [];
-
- weekdaysFlex.push(
-
- {weekdays.map((weekday, index) => (
-
- {weekday}
-
- ))}
-
-
-
-
-
-
-
- {(([, month, , year]) => `${month}, ${year}`)(
- new Date(currentDate.getFullYear(), selectMonth + 1, 0).toDateString().split(' '),
- )}
-
-
- {weekdays()}
-
- {[...Array(numberOfDaysFromPrevMonth)].map((_, index) => (
-
- ))}
-
- {[...Array(numberOfDaysInMonth)].map((_, index) => (
-
- ))}
-
- {[...Array(numberOfDaysFromAfterMonth)].map((_, index) => (
-
- ))}
-
-
- {index}
-
- );
-});
-
-export default DayItem;
diff --git a/packages/ui/lib/Calendar/index.ts b/packages/ui/lib/Calendar/index.ts
deleted file mode 100644
index a723380..0000000
--- a/packages/ui/lib/Calendar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Calendar';
diff --git a/packages/ui/lib/Card/Card.module.scss b/packages/ui/lib/Card/Card.module.scss
deleted file mode 100644
index 95431c7..0000000
--- a/packages/ui/lib/Card/Card.module.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-@use '../variables' as *;
-$radius: $radius-8;
-.base {
- height: fit-content;
- border-radius: $radius;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-start;
- box-sizing: border-box;
- .titleImage {
- border-radius: $radius $radius 0 0;
- overflow: hidden;
- height: 300px;
- width: 100% !important;
- img {
- width: 100%;
- padding: 0;
- height: 300px;
- object-fit: cover;
- transition: all $duration-300 $cubic-bezier;
- &:hover {
- scale: 1.1;
- }
- }
- }
- .contentContainer {
- width: 100%;
- box-sizing: border-box;
- flex-grow: 1;
- display: flex;
- flex-direction: column;
- .mainContent {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- min-height: 100px;
- flex-grow: 1;
- .header {
- width: 100%;
- }
- .content {
- width: 100%;
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- }
- }
- }
- .footer {
- width: 100%;
- display: flex;
- }
- @include shadow;
- &.light {
- background-color: var(--white-color);
- color: var(--black-color);
- }
- &.dark {
- background-color: var(--dark-color);
- color: var(--white-color);
- }
- &.small {
- width: 375px;
- padding: 10px;
- .image {
- width: 375px;
- }
- }
- &.medium {
- width: 450px;
- .titleImage {
- width: 500px;
- }
- }
- &.large {
- width: 700px;
- padding: 30px;
- .titleImage {
- width: 700px;
- }
- }
-}
diff --git a/packages/ui/lib/Card/Card.stories.tsx b/packages/ui/lib/Card/Card.stories.tsx
deleted file mode 100644
index 720c4b3..0000000
--- a/packages/ui/lib/Card/Card.stories.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React, { useState } from 'react';
-import { Card, type CardProps } from './Card';
-import { Button } from '../Button/Button';
-import { Input } from '../Input/Input';
-
-const meta = {
- title: 'Components/Card',
- component: Card,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {
- theme: {
- options: ['dark', 'light'],
- control: { type: 'select' },
- },
- size: {
- options: ['small', 'medium', 'large'],
- control: { type: 'select' },
- },
- shadow: {
- options: ['regular', 'small', 'medium', 'large', 'extraLarge', 'inner'],
- control: { type: 'select' },
- },
- },
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: CardProps = {
- titleImage: undefined,
- theme: 'light',
- size: 'medium',
- shadow: 'medium',
- header: header,
- mainContent: content,
- footer: footer,
-};
-
-export const DefaultCard: Story = {
- args: {
- ...defaultProps,
- },
-};
-
-export const ExampleCard: Story = {
- args: {
- ...defaultProps,
- header: (
- <>
- SAST
-
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
-
-
- ),
- mainContent: (
- <>
-
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
- 基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛基础知识竞赛
-
-
- ),
- footer: (
-
-
-
-
- ),
- },
-};
-
-export const LoginCard: Story = {
- args: {
- ...defaultProps,
- header: (
- <>
-
-
-
LOGIN HERE
-
- ) as unknown as HTMLImageElement,
- },
-};
diff --git a/packages/ui/lib/Card/Card.tsx b/packages/ui/lib/Card/Card.tsx
deleted file mode 100644
index 9045ab9..0000000
--- a/packages/ui/lib/Card/Card.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from 'react';
-import styles from './Card.module.scss';
-import classnames from 'classnames';
-
-export interface CardProps extends React.HtmlHTMLAttributes {
- /**
- * the image of the card
- */
- titleImage?: HTMLImageElement;
- /**
- * The theme of the Card.
- */
- theme?: 'dark' | 'light';
- /**
- * The size of the Card.
- */
- size?: 'small' | 'medium' | 'large';
- /**
- * The shadow of the Card.
- */
- shadow?: 'regular' | 'small' | 'medium' | 'large' | 'extraLarge' | 'inner';
- /**
- * The Header of the Card.
- */
- header?: React.ReactNode;
- /**
- * The content of the Card.
- */
- mainContent?: React.ReactNode;
- /**
- * The footer of the Card.
- */
- footer?: React.ReactNode;
- /**
- * the className of the Card
- */
- className?: string;
- /**
- * padding, the padding of the card
- */
- padding?: number;
- /**
- * gap , the gap between the content and the header
- */
- gap?: number;
- /**
- * width , the width of the card
- */
- width?: number;
-}
-
-export const Card = React.forwardRef(
- (
- {
- theme = 'light',
- size = 'medium',
- shadow = 'medium',
- header = header,
- mainContent = content,
- footer = footer,
- titleImage = undefined,
- className = '',
- padding = 20,
- gap = 8,
- ...rest
- },
- ref,
- ) => {
- const cardClass = classnames(
- styles['base'],
- styles[theme],
- styles[size],
- styles[`shadow-${shadow}`],
- );
-
- return (
-
- {titleImage &&
{<>{titleImage}}
}
-
-
- {header &&
{header}
}
- {mainContent &&
{mainContent}
}
-
- {footer &&
{footer}
}{' '}
-
-
1
},
- { children: 2
},
- { children: 3
},
- { children: 4
},
- { children: 5
},
- ],
- onChange: test,
- defaultSelected: 2,
- selected: 1,
- },
-};
-
-export const ExampleCarousel: Story = {
- args: {
- ...defaultProps,
- CarouselItems: [
- { children: 1
},
- { children: 2
},
- { children: 3
},
- { children: 4
},
- { children: 5
},
- ],
- },
-};
diff --git a/packages/ui/lib/Carousel/Carousel.tsx b/packages/ui/lib/Carousel/Carousel.tsx
deleted file mode 100644
index e5b9496..0000000
--- a/packages/ui/lib/Carousel/Carousel.tsx
+++ /dev/null
@@ -1,201 +0,0 @@
-import React, { memo, useEffect, useRef, useState } from 'react';
-import { Button, type CarouselItemProps, CarouselItem } from '..';
-import classNames from 'classnames';
-import styles from './Carousel.module.scss';
-
-export interface CarouselProps {
- /**
- * width of the carousel
- */
- width?: number;
- /**
- * height of the Carousel
- */
- height?: number;
- /**
- * CarouselItems of the carousel
- */
- CarouselItems?: CarouselItemProps[];
- /**
- * onChange : the onChange of the Carousel
- */
- onChange?: (value: number) => void;
- /**
- * defaultselect the defaultselect of the Carousel
- */
- defaultSelected?: number;
- /**
- * select of the Carousel
- */
- selected?: number;
-}
-
-interface ContentProps {
- CarouselItems: CarouselItemProps[];
-}
-
-export const Carousel = React.forwardRef(
- (
- { width = 400, CarouselItems = undefined, height, onChange, defaultSelected, selected },
- ref,
- ) => {
- // The definition judgment of this rotating chart is determined by two factors,
- // one is whether it has reached the halfway position,
- // and the second is the speed of movement, when the dragging speed is greater than 0.5, it is automatically switched.
- // 这个轮播图的界定判断由两个因素决定，一个是是否到达了一半的位置，第二个是移动的速度，当拖拽速度大于0.5时，自动进行切换。
- const [select, setSelect] = useState(defaultSelected || 0);
- const [startX, setStartX] = useState(0);
- const [endX, setEndX] = useState(0);
- const [startTime, setStartTime] = useState(0);
- const [endTime, setEndTime] = useState(0);
- const [isDragging, setIsDragging] = useState(false);
- const [difference, setDifference] = useState(0);
- const [isChanged, setIsChanged] = useState(false);
- const [itemsNumber, setItemsNumber] = useState(0);
- const divRef = useRef(null);
-
- useEffect(() => {
- selected && setSelect(selected);
- }, [selected]);
- const pre = () => {
- select !== 0 && setSelect(select - 1);
- };
-
- const next = () => {
- select !== itemsNumber - 1 && setSelect(select + 1);
- };
-
- const handleMouseDown = (e: React.MouseEvent) => {
- setStartX(e.clientX);
- setStartTime(Date.now());
- setIsDragging(true);
- };
-
- const handleMouseMove = (e: React.MouseEvent) => {
- if (!isDragging) return;
- const currentX = e.clientX;
- const difference = startX - currentX;
- setDifference(difference);
- };
-
- useEffect(() => {
- if (divRef.current) {
- divRef.current.style.transition = 'auto';
- divRef.current.style.transform = `translateX(${-(width * select + difference)}px)`;
- }
- }, [difference, select, width]);
-
- useEffect(() => {
- if (difference === 0 && divRef.current) {
- divRef.current.style.transition = '';
- divRef.current.style.transform = `translateX(-${width * select}px)`;
- }
- }, [select, width, difference]);
-
- // This is a half-position judgment
- // 这个是一半位置的判断
- const handleMouseUp = (e: React.MouseEvent) => {
- setEndX(e.clientX);
- setEndTime(Date.now());
- if (Math.abs(difference) >= width / 2 && difference > 0 && select !== itemsNumber - 1) {
- setSelect(select + 1);
- setIsChanged(true);
- }
- if (Math.abs(difference) >= width / 2 && difference < 0 && select !== 0) {
- setSelect(select - 1);
- setIsChanged(true);
- }
- if (
- Math.abs(difference) < width / 2 &&
- divRef.current &&
- select === itemsNumber - 1 &&
- select === 0
- ) {
- divRef.current.style.transform = `translateX(-${width * select}px)`;
- }
- setDifference(0);
- setIsDragging(false);
- };
-
- useEffect(() => {
- onChange && onChange(select);
- }, [select, onChange]);
-
- useEffect(() => {
- if (difference === 0 && !isChanged) {
- const duration = endTime - startTime;
- const space = endX - startX;
- const v = space / duration;
- // This is a speed judgment.
- // 这个是速度的判断
- v < -0.5 && select !== itemsNumber - 1 && setSelect(select + 1);
- v > 0.5 && select != 0 && setSelect(select - 1);
- }
- setIsChanged(false);
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [difference]);
-
- const carouselClass = classNames(styles['base']);
-
- useEffect(() => {
- CarouselItems && setItemsNumber(CarouselItems.length);
- }, [CarouselItems]);
-
- const Content = memo(function content({ CarouselItems }: ContentProps) {
- return (
- <>
- {CarouselItems?.map((item, index) => {
- return (
-
- {item.children}
-
- );
- })}
-
- );
- });
-
- return (
- <>
-
-
-
-
- {CarouselItems && }
-
-
-
-
- {children}
-
-
- );
- },
-);
-
-CarouselItem.displayName = 'CarouselItem';
diff --git a/packages/ui/lib/Carousel/index.ts b/packages/ui/lib/Carousel/index.ts
deleted file mode 100644
index d6759ba..0000000
--- a/packages/ui/lib/Carousel/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './Carousel';
-export * from './CarouselItem';
diff --git a/packages/ui/lib/Checkbox/Checkbox.module.scss b/packages/ui/lib/Checkbox/Checkbox.module.scss
deleted file mode 100644
index 85ff789..0000000
--- a/packages/ui/lib/Checkbox/Checkbox.module.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-@use '../variables' as *;
-.base {
- display: flex;
- align-items: center;
- gap: 5px;
- cursor: pointer;
- &.disabled {
- @include disabled;
- }
- .checkboxButton {
- all: unset;
- position: relative;
- height: 20px;
- width: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- box-sizing: border-box;
- border: 2px solid var(--shadow-color);
- border-radius: 6px;
- cursor: inherit;
- transition: all 0.2s $cubic-bezier;
- .checkPath {
- stroke-dasharray: 24;
- stroke-dashoffset: 24;
- animation: draw 0.3s linear forwards;
- animation-delay: 0.2s;
- }
- &::after {
- content: '';
- position: absolute;
- top: -1px;
- left: -1px;
- height: 22px;
- width: 22px;
- border-radius: 8px;
- transition: all 0.2s $cubic-bezier;
- }
- &:hover::after {
- background-color: rgba(var(--shadow-color-rgb), 0.2);
- }
- &.checked {
- background-color: var(--primary-color);
- border: unset;
- transition: all 0.2s $cubic-bezier;
- }
- &.checked:hover {
- box-shadow: 0 0px 15px rgba(var(--primary-color-rgb), 0.5);
- }
- }
- .labelSpan {
- font-size: 18px;
- cursor: inherit;
- }
-}
-
-@keyframes draw {
- 50% {
- stroke-dashoffset: 18;
- }
- 100% {
- stroke-dashoffset: 0;
- }
-}
diff --git a/packages/ui/lib/Checkbox/Checkbox.stories.tsx b/packages/ui/lib/Checkbox/Checkbox.stories.tsx
deleted file mode 100644
index 51f6661..0000000
--- a/packages/ui/lib/Checkbox/Checkbox.stories.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
-import { Checkbox, type CheckboxProps } from './Checkbox';
-
-const meta = {
- title: 'Components/Checkbox',
- component: Checkbox,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {},
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: CheckboxProps = {
- label: 'SAST',
- disabled: false,
-};
-
-export const DefaultCheckbox: Story = {
- args: {
- ...defaultProps,
- },
-};
-
-export const ExampleCheckbox: Story = {
- args: {
- ...defaultProps,
- },
-};
diff --git a/packages/ui/lib/Checkbox/Checkbox.tsx b/packages/ui/lib/Checkbox/Checkbox.tsx
deleted file mode 100644
index ae722dc..0000000
--- a/packages/ui/lib/Checkbox/Checkbox.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styles from './Checkbox.module.scss';
-import classNames from 'classnames';
-export interface CheckboxProps extends React.ButtonHTMLAttributes {
- /**
- * value of the checkbox
- */
- value?: string;
- /**
- *label of the checkbox
- */
- label: string;
- /**
- * diabled of the checkbox
- */
- disabled?: boolean;
- /**
- * checked of the checkbox
- */
- checked?: boolean;
- /**
- * onchange of the checkbox
- */
- onChecked?: (type: 'add' | 'delete', value: string) => void;
-}
-
-export const Checkbox = React.forwardRef(
- (
- { value, checked, label = 'SAST', disabled = false, onChecked = function () {}, ...rest },
- ref,
- ) => {
- const checkboxClass = classNames(`${styles['base']} ${styles[disabled ? 'disabled' : '']}`);
- const [isChecked, setIsChecked] = useState(false);
-
- useEffect(() => {
- checked && setIsChecked(checked);
- }, [checked]);
- const handleChecked = () => {
- const newIsChecked = !isChecked;
- setIsChecked(newIsChecked);
- newIsChecked && value && onChecked('add', value || label);
- !newIsChecked && value && onChecked('delete', value || label);
- };
-
- return (
-
-
-
-
-
-
-
- );
- },
-);
-
-CheckboxGroup.displayName = 'CheckboxGroup';
diff --git a/packages/ui/lib/CheckboxGroup/Content.tsx b/packages/ui/lib/CheckboxGroup/Content.tsx
deleted file mode 100644
index b35590b..0000000
--- a/packages/ui/lib/CheckboxGroup/Content.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { memo } from 'react';
-import type { OptionItemProps } from './CheckboxGroup';
-import { Checkbox } from '..';
-
-export interface ContentProps {
- options: OptionItemProps[];
- selectValue: string[];
- changeSelect: (type: 'add' | 'delete', value: string) => void;
-}
-
-export const Content = memo(function Content({ options, selectValue, changeSelect }: ContentProps) {
- return (
- <>
- {options.map((child, index) => {
- return (
-
- );
- })}
-
- );
-});
diff --git a/packages/ui/lib/CheckboxGroup/index.ts b/packages/ui/lib/CheckboxGroup/index.ts
deleted file mode 100644
index 7c00f7b..0000000
--- a/packages/ui/lib/CheckboxGroup/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './CheckboxGroup';
diff --git a/packages/ui/lib/CodeEditor/CodeEditor.module.scss b/packages/ui/lib/CodeEditor/CodeEditor.module.scss
deleted file mode 100644
index 1cdfe3e..0000000
--- a/packages/ui/lib/CodeEditor/CodeEditor.module.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@use '../variables' as *;
-$padding: 10px;
-.base {
- .header-container {
- display: flex;
- align-items: center;
- gap: 7px;
- background-color: var(--border-white);
- padding: $padding;
- padding-bottom: 7px;
- color: var(--black-color);
- overflow: hidden;
- border-radius: $radius-5 $radius-5 0 0;
- font-weight: 700;
- box-sizing: border-box;
- svg {
- fill: var(--primary-color);
- }
- }
- .select-container {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding-right: $padding;
- .refresh-button {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 34px;
- border-radius: $radius-half;
- svg {
- fill: var(--primary-color);
- }
- }
- }
- .divider {
- flex-basis: 1px;
- background-color: var(--border-white);
- }
- .editor-container {
- flex-grow: 1;
- }
-}
diff --git a/packages/ui/lib/CodeEditor/CodeEditor.stories.tsx b/packages/ui/lib/CodeEditor/CodeEditor.stories.tsx
deleted file mode 100644
index 46d6c40..0000000
--- a/packages/ui/lib/CodeEditor/CodeEditor.stories.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
-import { CodeEditor, type CodeEditorProps } from './CodeEditor';
-import { OptionProps } from '../Select';
-
-const test = (Item: OptionProps, content: string) => {
- console.log('item', Item);
- console.log('content', content);
-};
-
-const testLanguage = (value: string) => {
- console.log('language', value);
-};
-
-const refreshTest = () => {
- console.log('hello');
-};
-
-const meta = {
- title: 'Components/CodeEditor',
- component: CodeEditor,
- parameters: {
- layout: 'centered',
- },
- tags: ['autodocs'],
- argTypes: {},
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj;
-
-const defaultProps: CodeEditorProps = {
- width: 600,
- height: 700,
- languageList: [
- { value: 'c', label: 'C', key: 3 },
- { value: 'javascript', label: 'JavaScript', key: 5 },
- { value: 'java', label: 'Java', key: 7 },
- ],
- onchange: test,
- onLanguageChange: testLanguage,
- defaultValue: `/**
- * Definition for a binary tree node.
- * struct TreeNode {
- * int val;
- * struct TreeNode *left;
- * struct TreeNode *right;
- * };
- */
- /**
- * Note: The returned array must be malloced, assume caller calls free().
- */
- int* preorderTraversal(struct TreeNode* root, int* returnSize) {
-
- }`,
- onRefresh: refreshTest,
-};
-
-export const DefaultCodeEditor: Story = {
- args: {
- ...defaultProps,
- },
-};
-
-export const ExampleCodeEditor: Story = {
- args: {
- ...defaultProps,
- },
-};
diff --git a/packages/ui/lib/CodeEditor/CodeEditor.tsx b/packages/ui/lib/CodeEditor/CodeEditor.tsx
deleted file mode 100644
index 866161e..0000000
--- a/packages/ui/lib/CodeEditor/CodeEditor.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import Editor from '@monaco-editor/react';
-import styles from './CodeEditor.module.scss';
-import { Button, Card, Select, type OptionProps } from '..';
-
-export interface CodeEditorProps extends React.HtmlHTMLAttributes {
- /**
- * width of the code area
- */
- width?: number;
- /**
- * height of the code area
- */
- height?: number;
- /**
- * languageList, the languageList of the code-Editor
- */
- languageList?: OptionProps[];
- /**
- * onchange , the onchange of the code-editor
- */
- onchange?: (language: OptionProps, content: string) => void;
- /**
- * defaultValue, the default value of the codeEditor
- */
- defaultValue?: string;
- /**
- * value, the value of the codeEditor
- */
- value?: string;
- /**
- * onLanguageChange, Callbacks when the selected language changes
- */
- onLanguageChange?: (value: string) => void;
- /**
- * onRefresh , the refresh button click callback
- */
- onRefresh?: () => void;
-}
-
-export const CodeEditor = React.forwardRef(
- (
- {
- width = 400,
- height = 500,
- onRefresh,
- languageList = [
- { value: 'c', label: 'C', key: 3 },
- { value: 'javascript', label: 'JavaScript', key: 5 },
- { value: 'java', label: 'Java', key: 7 },
- ],
- defaultValue = `/**
- * Definition for a binary tree node.
- * struct TreeNode {
- * int val;
- * struct TreeNode *left;
- * struct TreeNode *right;
- * };
- */
- /**
- * Note: The returned array must be malloced, assume caller calls free().
- */
- int* preorderTraversal(struct TreeNode* root, int* returnSize) {
-
- }`,
- value,
- onchange,
- onLanguageChange,
- ...rest
- },
- ref,
- ) => {
- const [selectLanguage, setSelectLanguage] = useState();
- const [content, setContent] = useState(defaultValue);
-
- useEffect(() => {
- value && setContent(value);
- }, [value]);
-
- const handleSelect = (value: OptionProps) => {
- const newSelectLanguage = languageList.find((item) => item.key === value.key);
- setSelectLanguage(newSelectLanguage?.value);
- };
-
- const handleCodeContent = (value: string | undefined) => {
- setContent(value);
- };
-
- useEffect(() => {
- const selectItem = languageList.find((item) => item.value === selectLanguage);
- selectItem && content && onchange && onchange(selectItem, content);
- }, [content, selectLanguage, onchange, languageList]);
-
- useEffect(() => {
- onLanguageChange && selectLanguage && onLanguageChange(selectLanguage);
- }, [selectLanguage, onLanguageChange]);
-
- const handleRefresh = () => {
- setContent(defaultValue);
- onRefresh && onRefresh();
- };
-
- return (
- <>
-
-
-
-
- }
- mainContent={
- <>
-
-
-
-
-
-
- }
- footer={<>}
- >
-
-
- {calendarVisible && (
-
- {
- e.stopPropagation();
- }}
- >
-
- )}
-