@aloudata/aloudata-design 0.1.0-beta1 → 0.2.0-beta.1

package/lib/style/themes/default/themeColor.module.less.d.ts

@@ -0,0 +1,108 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'B10': string;
+  'B20': string;
+  'B30': string;
+  'B40': string;
+  'B50': string;
+  'B60': string;
+  'B70': string;
+  'B80': string;
+  'B90': string;
+  'B95': string;
+  'B98': string;
+  'BBG10': string;
+  'BBG15': string;
+  'BBG20': string;
+  'BBG30': string;
+  'BBG40': string;
+  'BBG50': string;
+  'BBG60': string;
+  'BBG70': string;
+  'BBG80': string;
+  'BBG90': string;
+  'BBG95': string;
+  'BBG97': string;
+  'BBG98': string;
+  'BG0': string;
+  'BG10': string;
+  'BG100': string;
+  'BG20': string;
+  'BG30': string;
+  'BG40': string;
+  'BG50': string;
+  'BG60': string;
+  'BG70': string;
+  'BG80': string;
+  'BG90': string;
+  'BG95': string;
+  'BG97': string;
+  'BLACK': string;
+  'IMAGE_HOLDER': string;
+  'MATE': string;
+  'ND0': string;
+  'ND10': string;
+  'ND20': string;
+  'ND30': string;
+  'ND40': string;
+  'ND50': string;
+  'ND60': string;
+  'ND70': string;
+  'ND80': string;
+  'ND90': string;
+  'ND95': string;
+  'ND97': string;
+  'NL0': string;
+  'NL10': string;
+  'NL20': string;
+  'NL30': string;
+  'NL40': string;
+  'NL50': string;
+  'NL60': string;
+  'NL70': string;
+  'NL80': string;
+  'NL90': string;
+  'NL95': string;
+  'NL97': string;
+  'SA10': string;
+  'SA20': string;
+  'SA30': string;
+  'SA40': string;
+  'SA50': string;
+  'SA60': string;
+  'SA70': string;
+  'SA80': string;
+  'SA90': string;
+  'SA95': string;
+  'SA98': string;
+  'SB10': string;
+  'SB20': string;
+  'SB30': string;
+  'SB40': string;
+  'SB50': string;
+  'SB60': string;
+  'SB70': string;
+  'SB80': string;
+  'SB90': string;
+  'SB95': string;
+  'SB98': string;
+  'SC10': string;
+  'SC20': string;
+  'SC30': string;
+  'SC40': string;
+  'SC50': string;
+  'SC60': string;
+  'SC70': string;
+  'SC80': string;
+  'SC90': string;
+  'SC95': string;
+  'SC98': string;
+  'SHADOW_ACTIONSHEET': string;
+  'SHADOW_CARD': string;
+  'SHADOW_NOTIFICATION': string;
+  'SHADOW_OPTION': string;
+  'WHITE': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.1.0-beta1",
+  "version": "0.2.0-beta.1",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -13,7 +13,9 @@
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "release": "npm publish --access public",
+    "postpublish": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags"
   },
   "module": "es/index.js",
   "typings": "es/index.d.ts",
@@ -23,6 +25,10 @@
       "pre-commit": "npm run lint && npm run stylelint && npm run test"
     }
   },
+  "files": [
+    "es",
+    "lib"
+  ],
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
@@ -36,7 +42,6 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@types/react-truncate": "^2.3.4",
     "antd": "^4.18.6",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
@@ -44,8 +49,9 @@
     "rc-overflow": "^1.2.3",
     "rc-trigger": "^5.2.10",
     "rc-virtual-list": "^3.4.2",
-    "react": "^16.12.0 || ^17.0.0",
-    "react-dom": "^16.12.0 || ^17.0.0"
+    "react-table": "^7.7.0",
+    "react-window": "^1.8.6",
+    "react-window-infinite-loader": "^1.0.7"
   },
   "devDependencies": {
     "@aloudata/eslint-config-base": "^0.0.6",
@@ -55,6 +61,10 @@
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.0.3",
     "@types/lodash": "^4.14.178",
+    "@types/react-table": "^7.7.9",
+    "@types/react-window": "^1.8.5",
+    "@types/react-truncate": "^2.3.4",
+    "@types/react-window-infinite-loader": "^1.0.6",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
     "babel-plugin-import": "^1.13.3",
@@ -65,16 +75,22 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "father-build": "^1.17.2",
+    "father-build": "^1.21.2",
     "gh-pages": "^3.0.0",
     "husky": "^3.0.9",
     "lint-staged": "^10.0.7",
-    "postcss": "8.4.6",
+    "postcss": "^8.4.7",
+    "postcss-less": "^6.0.0",
     "prettier": "^2.2.1",
     "stylelint": "^14.5.3",
-    "stylelint-config-standard": "^24.0.0",
+    "stylelint-config-standard": "^25.0.0",
+    "typescript": "4.1.2",
     "yorkie": "^2.0.0"
   },
+  "peerDependencies": {
+    "react": "^16.12.0 || ^17.0.0",
+    "react-dom": "^16.12.0 || ^17.0.0"
+  },
   "jest": {
     "setupFiles": [
       "./jest/setupTests.js"

package/.editorconfig

@@ -1,16 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[Makefile]
-indent_style = tab

package/.eslintrc.js

@@ -1,43 +0,0 @@
-module.exports = {
-  extends: [
-    '@aloudata/eslint-config-base'
-  ],
-  parserOptions: {
-    project: './tsconfig.json',
-  },
-  ignorePatterns: [
-    '**/*.less.d.ts',
-    '**/demo/*',
-    "**/iconfont.js",
-    "jest"
-  ],
-  rules: {
-    'react/require-default-props': 'off',
-    'linebreak-style': 'off',
-    curly: ['error', 'all'],
-    'import/extensions': 'off',
-    '@typescript-eslint/type-annotation-spacing': ['error', { after: true }],
-    '@typescript-eslint/no-unsafe-member-access': ['error'],
-    // 'id-length': ['error', { properties: 'never', exceptions: ['i', 'j', 'e', '_'] }],
-    // 'react/jsx-key': ['error'],
-    '@typescript-eslint/naming-convention': [
-      'error',
-      {
-        selector: 'interface',
-        format: ['PascalCase'],
-        custom: {
-          regex: '^I[A-Z]',
-          match: true
-        }
-      },
-      {
-        selector: 'enum',
-        format: ['PascalCase'],
-        custom: {
-          regex: '^E[A-Z]',
-          match: true
-        }
-      }
-    ],
-  }
-};

package/.fatherrc.ts

@@ -1,16 +0,0 @@
-export default {
-  esm: 'babel', // 通过 babel 编译相关组件即可，而无需打包在一个文件中，实现在使用时可按需加载。
-  cjs: 'babel',
-  // lessInBabelMode: true, // less 转 css
-  // 打包的产物若需引入 antd ，则通过按需加载形式引入。
-  extraBabelPlugins: [
-    [
-      'babel-plugin-import',
-      {
-        libraryName: 'antd',
-        libraryDirectory: 'es',
-        style: true,
-      },
-    ],
-  ],
-}

package/.prettierignore

@@ -1,7 +0,0 @@
-**/*.svg
-**/*.ejs
-**/*.html
-package.json
-.umi
-.umi-production
-.umi-test

package/.prettierrc.js

@@ -1 +0,0 @@
-module.exports = require('@umijs/fabric').prettier;

package/.stylelintrc.json

@@ -1,36 +0,0 @@
-{
-  "extends": "stylelint-config-standard",
-  "ignoreFiles": [
-    "src/style/**/*",
-    "**/*.tsx",
-    "**/*.js",
-    "**/*.ts",
-    "**/*.png",
-    "**/*.css",
-    "**/*.json",
-    "**/*.md",
-    "**/*.ttf",
-    "**/*.woff",
-    "**/*.woff2",
-    "**/*.html"
-  ],
-  "overrides": [{
-    "files": ["**/*.less"],
-    "customSyntax": "postcss-less",
-    "rules": {
-      "no-missing-end-of-source-newline": null,
-      "no-empty-source": null,
-      "selector-pseudo-class-no-unknown": [
-        true,
-        {
-          "ignorePseudoClasses": ["global", "local"]
-        }
-      ],
-      "selector-class-pattern": ["^([a-z][a-zA-Z0-9]+)|(([a-z][a-z0-9]*)(-[a-z0-9]+)*$)$"],
-      "alpha-value-notation": null,
-      "color-function-notation": null,
-      "keyframes-name-pattern": "^[a-z][a-zA-Z0-9]+$",
-      "string-quotes": "single"
-    }
-  }]
-}

package/.umirc.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from 'dumi';
-export default defineConfig({
-  // mode:'site',
-  title: 'design',
-  logo: 'https://cdn.aloudata.com/source/workstation_test/static/logo.8b20330e.svg',
-  outputPath: 'docs-dist',
-  apiParser:{
-    propFilter:{
-      skipNodeModules: true,
-      skipPropsWithoutDoc:true
-    }
-  }
-  // mode:'site'
-  // more config: https://d.umijs.org/config
-});

package/commitlint.config.js

@@ -1,21 +0,0 @@
-const OFF_NUM = 0;
-const ERROR_NUM = 2;
-
-module.exports = {
-  extends: ['@commitlint/config-angular'],
-  rules: {
-    'type-enum': [ERROR_NUM, 'always', [
-      'feat', // 新功能（feature）
-      'fix', // 修补bug
-      'style', // 样式（不影响代码运行的变动）
-      'refactor', // 重构（即不是新增功能，也不是修改bug的代码变动）
-      'test', // 增加测试
-      'chore', // 构建过程或辅助工具的变动
-      'delete', // 删除内容
-      'doc', // 文档类修改
-    ]],
-    'subject-full-stop': [OFF_NUM, 'never'],
-    'subject-case': [OFF_NUM, 'never']
-  }
-
-};

package/docs/index.md

@@ -1,21 +0,0 @@
----
-hero:
-  title: design
-  desc: design site example
-  actions:
-    - text: Getting Started
-      link: /components
-features:
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
-    title: Feature 1
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
-    title: Feature 2
-    desc: Balabala
-  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
-    title: Feature 3
-    desc: Balabala
-footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by [dumi](https://d.umijs.org)
----
-
-## Hello design!

package/jest/setupTests.js

@@ -1 +0,0 @@
-jest.mock('../src/Icon/iconfont/iconfont.js', () => {});

package/src/Button/demo/Icon/index.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import './index.less';
-import Icon from '../../../Icon'
-export default () => {
-  return (
-    <div className="ald-button-demo">
-      <Button type="primary" icon={<Icon type="add" size={20} />}>
-        Search
-      </Button>
-      <Button type="secondary" icon={<Icon type="add" size={20} />}>
-        Search
-      </Button>
-      <Button type="text" icon={<Icon type="add" size={20} />}>
-        Search
-      </Button>
-      <Button type="danger" icon={<Icon type="add" size={20} />}>
-        Search
-      </Button>
-      <Button type="link" icon={<Icon type="add" size={20} />}>
-        Search
-      </Button>
-      <br />
-      <Button icon={<Icon type="add" size={20} />}>
-      </Button>
-      <Button shape='circle' icon={<Icon type="add" size={20} />}>
-      </Button>
-      <Button shape='circle'>
-        S
-      </Button>
-      <br />
-      <Button size='small' icon={<Icon type="add" size={20} />}>
-      </Button>
-      <Button shape='circle' size="large" icon={<Icon type="add" size={20} />}>
-      </Button>
-      <Button shape='circle'>
-        M
-      </Button>
-    </div>
-  )
-}

package/src/Button/demo/basic/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import '../../style/index.less';
-import { Radio } from 'antd';
-import './index.less';
-export default () => {
-  const [size, setSize] = React.useState('default');
-  const handleSizeChange = (e: any) => {
-    setSize(e.target.value);
-  }
-  return (
-    <div className='ald-button-demo'>
-      <Radio.Group value={size} onChange={handleSizeChange}>
-        <Radio.Button value="small">Small</Radio.Button>
-        <Radio.Button value='default'>Default</Radio.Button>
-        <Radio.Button value="large">Large</Radio.Button>
-      </Radio.Group>
-      <br />
-      <Button type="primary" size={size}>Primary Button</Button>
-      <Button type="danger" size={size}>danger Button</Button>
-      <Button type="secondary" size={size}>secondary Button</Button>
-      <Button type="text" size={size}>Text Button</Button>
-      <Button type="link" size={size}>Link Button</Button>
-    </div>
-  )
-};

package/src/Button/demo/disable/index.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-import './index.less';
-
-export default () => {
-
-  return (
-    <div className="ald-button-demo">
-      <Button type="primary" disabled>primary disable</Button>
-      <Button type="secondary" disabled>secondary disable</Button>
-      <Button type="text" disabled>text disable</Button>
-      <Button type="danger" disabled>danger disable</Button>
-      <Button type="link" disabled>link disable</Button>
-      </div>
-  )
-}

package/src/Button/demo/href/index.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Button } from '@aloudata/aloudata-design';
-
-export default () => {
-
-  return (
-    <div className="ald-button-demo">
-      <Button href="https://www.aloudata.com/">aloudata</Button>
-      <Button href="https://www.aloudata.com/" target="_blank">target _blank aloudata</Button>
-      <Button href="https://www.aloudata.com/" target="_self">target _self aloudata</Button>
-      <Button target="_blank"> 无href target _blank</Button>
-    </div>
-  )
-}

package/src/Button/demo/loading/index.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-import { Button } from "@aloudata/aloudata-design";
-import './index.less'
-
-
-export default () => {
-  const [loading, setLoading] = React.useState(false);
-  const handleChange = (e: any) => {
-    setLoading(true);
-    setTimeout(setLoading.bind(false), 3000)
-  }
-
-  return (
-    <div className="ald-button-demo">
-      <Button loading={true}>loading</Button>
-      <Button loading={true}></Button>
-      <Button loading={loading} onClick={handleChange}>点击提交</Button>
-    </div>
-
-  )
-}

package/src/Button/index.md

@@ -1,25 +0,0 @@
----
-# nav:
-#   title: 组件
-#   path: /components
-title: Button 按钮
-group:
-  title: 组件
----
-
-## Button 按钮
-
-按钮用于开始一个即时操作。
-
-## 代码演示
-
-<code src="./demo/basic" title="基础用法" description="不同尺寸不同类型的按钮">
-<code src="./demo/icon" title="带图标" description="纯图标和带前缀图标">
-<code src="./demo/loading" title="加载中" description="纯图标和带前缀图标">
-<code src="./demo/disable" title="禁用状态">
-<code src="./demo/href" title="链接" description="target属性在有href时生效">
-
-<API />
-
-支持原生 button 的其他所有属性。
-

package/src/Button/index.test.tsx

@@ -1,58 +0,0 @@
-import '@testing-library/jest-dom';
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import Button from './index';
-import { SearchOutlined } from '@ant-design/icons';
-
-describe('Button ', () => {
-  it('render Button with type=link', () => {
-    const type = 'link';
-    render(<Button type={type}>{type}</Button>);
-    expect(document.querySelector('.ant-btn-link')).not.toBeNull();
-  });
-
-  it('render Button with type=danger', () => {
-    const type = 'danger';
-    render(<Button type={type}>{type}</Button>);
-    expect(document.querySelector('.ant-btn-dangerous')).not.toBeNull();
-  });
-
-  it('render Button size=small', () => {
-    const size = 'small';
-    render(<Button size={size} className="ald-btn-sm">{size}</Button>);
-    expect(document.querySelector('.ald-btn-sm')).toHaveClass('ant-btn-sm');
-  });
-
-  it('render Button disable', () => {
-    render(<Button disabled className="ald-btn-disable">disabled</Button>);
-    expect(document.querySelector('.ald-btn-disable')).toBeDisabled();
-  });
-
-  it('render Button shape=circle', () => {
-    render(<Button shape="circle" className="ald-btn-circle">circle</Button>);
-    expect(document.querySelector('.ald-btn-circle')).toHaveClass('ant-btn-circle');
-  });
-
-  it('render Button icon', () => {
-    render(<Button icon={<SearchOutlined />}>Search</Button>);
-    expect(document.querySelector('.anticon-search')).not.toBeNull();
-  });
-
-  it('render Button loading', () => {
-    render(<Button loading>loading</Button>);
-    expect(document.querySelector('.anticon-loading')).not.toBeNull();
-  });
-
-  it('render Button href', () => {
-    render(<Button href="https://www.aloudata.com/" className="ald-btn-href">aloudata</Button>);
-    expect(document.querySelector('.ald-btn-href')).toHaveAttribute('href', 'https://www.aloudata.com/');
-  });
-
-  it('render Button onClick', () => {
-    const onClick = jest.fn();
-    render(<Button onClick={onClick}>onClick</Button>);
-    const button = screen.queryByRole('button');
-    fireEvent.click(button!);
-    expect(onClick).toBeCalled();
-  });
-});