@aloudata/aloudata-design 0.1.0-beta1 → 0.1.1

package/lib/Select/Selector/index.js

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("antd/es/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
 var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _classnames3 = _interopRequireDefault(require("classnames"));
@@ -19,8 +15,12 @@ var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
+
 var _rcOverflow = _interopRequireDefault(require("rc-overflow"));
 
+var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.less"));
+
 var _excluded = ["input", "disabled", "prefix", "size", "multiple", "bordered", "isFocused", "className", "visible", "style", "allowClear", "label", "mode", "value", "searchType", "arrowComponent", "closeComponent", "placeholder", "deleteValue", "optionLabelRenderer", "getOptionByValue", "onInputChange", "onAllowClear", "filteredOptions"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -67,7 +67,8 @@ var defaultArrowComponent = function defaultArrowComponent(prefix, size) {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     className: "".concat(prefix, "-icon-arrow"),
     size: size === 'large' ? ICON_LARGE_SIZE : ICON_SMALL_SIZE,
-    type: "expand_more1"
+    type: "expand_more1",
+    color: _themeColorModule.default.NL40
   });
 };
 
@@ -75,7 +76,8 @@ var defaultCloseComponent = function defaultCloseComponent(prefix, size) {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
     className: "".concat(prefix, "-icon-close"),
     size: size === 'large' ? ICON_LARGE_SIZE : ICON_SMALL_SIZE,
-    type: "cancel"
+    type: "cancel",
+    color: _themeColorModule.default.NL40
   });
 };
 
@@ -205,10 +207,11 @@ var Selector = function Selector(props, ref) {
       return /*#__PURE__*/_react.default.createElement("span", null, "\u7B49", valueItems.length, "\u9879");
     };
 
-    return !input && !(0, _lodash.isNil)(value) ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    return !input && !(0, _lodash.isNil)(value) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default // @ts-ignore
+    , {
       // @ts-ignore
       title: allValueLabel === null || allValueLabel === void 0 ? void 0 : allValueLabel.join(','),
-      placement: "bottom",
+      placement: "top",
       getTooltipContainer: function getTooltipContainer() {
         var _selectorRef$current4;
 
@@ -234,8 +237,8 @@ var Selector = function Selector(props, ref) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       ref: selectorAllRef,
       className: (0, _classnames3.default)("".concat(prefix, "-item-text"))
-    }, text)) : // </Text>
-    null;
+    }, text)) // </Text>
+    : null;
   };
 
   return /*#__PURE__*/_react.default.createElement("div", _objectSpread({

package/lib/Select/demo/single/index.d.ts

@@ -1,2 +1,3 @@
+import './index.less';
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/Select/demo/single/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = _interopRequireDefault(require("../../index"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -66,7 +68,9 @@ var _default = function _default() {
     value: "f"
   }, "f"), /*#__PURE__*/_react.default.createElement(Option, {
     key: "g",
-    value: "g"
+    title: "gg",
+    value: "g",
+    tooltip: "a"
   }, "g")), /*#__PURE__*/_react.default.createElement(_index.default, {
     className: 'ald-select',
     style: {

package/lib/Select/demo/single/index.less

@@ -0,0 +1,5 @@
+.ald-select-demo {
+  .ald-select {
+    margin: 0 24px 16px 0;
+  }
+}

package/lib/Select/interface.d.ts

@@ -8,7 +8,7 @@ export interface IOption {
     /**
      列表单项主要文字
      */
-    label: string | React.ReactNode;
+    label?: string | React.ReactNode;
     /**
         作为列表的 `key` 来使用
      */
@@ -16,7 +16,6 @@ export interface IOption {
     /**
         列表次要文字
      */
-    description?: string;
     /**
         是否禁用
      */
@@ -47,7 +46,14 @@ export interface IOptGroupProps {
 }
 export interface IOptionProps {
     children?: React.ReactNode;
+    /**
+     * @description 默认根据次属性值进行筛选
+    */
     value: string | number;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
     disabled?: boolean;
     title?: string;
 }

package/lib/Select/style/index.less

@@ -130,7 +130,8 @@
     // box-shadow: 0 0 6px 0 @color-box-shadow-focused;
 
     .@{select-prefix-cls-legacy} {
-      &-item-all {
+      &-item-all,
+      &-item {
         opacity: 0.5;
       }
     }
@@ -165,6 +166,7 @@
       line-height: 22px;
       white-space: nowrap;
       text-overflow: ellipsis;
+      color: @NL0;
     }
   }
 
@@ -351,15 +353,6 @@
     }
   }
 
-  &-single,
-  &-focused {
-    .@{select-prefix-cls-legacy} {
-      &-item {
-        opacity: 0.5;
-      }
-    }
-  }
-
   // rc-trigger
   &-dropdown {
     position: absolute;

package/lib/Tooltip/index.d.ts

@@ -58,6 +58,7 @@ export interface ITooltipProps {
      * @default -
      */
     overlayClassName?: string;
+    getTooltipContainer?: (node: HTMLElement) => HTMLElement;
     children?: React.ReactNode;
 }
 export default function Tooltip(props: ITooltipProps): JSX.Element;

package/lib/Tooltip/index.js

@@ -27,6 +27,7 @@ function Tooltip(props) {
       mouseLeaveDelay = props.mouseLeaveDelay,
       getPopupContainer = props.getPopupContainer,
       destroyTooltipOnHide = props.destroyTooltipOnHide,
+      getTooltipContainer = props.getTooltipContainer,
       overlayClassName = props.overlayClassName;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     title: title,
@@ -39,6 +40,7 @@ function Tooltip(props) {
     mouseEnterDelay: mouseEnterDelay,
     mouseLeaveDelay: mouseLeaveDelay,
     getPopupContainer: getPopupContainer,
-    destroyTooltipOnHide: destroyTooltipOnHide
+    destroyTooltipOnHide: destroyTooltipOnHide,
+    getTooltipContainer: getTooltipContainer
   }, children);
 }

package/lib/style/themes/default/index.less

@@ -1,4 +1,4 @@
-@import './themeColor.less';
+@import './themeColor.module.less';
 @font-family:sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
 @ald-prefix: 'ald';
 

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.1.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"
   },
@@ -43,9 +49,7 @@
     "rc-menu": "^9.3.2",
     "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"
+    "rc-virtual-list": "^3.4.2"
   },
   "devDependencies": {
     "@aloudata/eslint-config-base": "^0.0.6",
@@ -69,12 +73,18 @@
     "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>
-  )
-}