@aloudata/aloudata-design 0.2.0-beta.2 → 0.2.0-beta.5

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

@@ -1,36 +0,0 @@
-@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';
-
-
-// height rules
-@height-base: 28px;
-@height-lg: 32px;
-@height-sm: 22px;
-
-
-@border-radius-base: 8px;
-@border-radius-sm: 6px;
-@border-color-base: #e7e8e9; // 边框的基础色
-
-// color
-@primary-color: @B40; // 主色调
-@error-color: @SC40; // 错误色
-@success-color: @SA40; // 成功色
-@warning-color: @SB40; // 警告色
-@init-color: rgba(39, 40, 46, 0.5); // 默认颜色
-@adapt-table-border-color: rgba(39, 40, 46, 0.1); // 可拉伸表格的颜色
-@common-text-color: #27282e;
-@tableheader-bg: #f9f9f9; // 表头背景
-@primary-bg: #fff; // 主要背景色
-@btn-shadow: unset; // 取消btn的阴影,
-@text-shadow:unset; // 取消文字阴影
-
-
-@menu-item-font-size: 14px;
-
-
-//Select
-
-@select-placeholder-color: @NL50;
-@select-label-margin-right:4px;

package/es/style/themes/default/themeColor.module.less

@@ -1,259 +0,0 @@
-/**
-*中性浅色背景 Neutral Light
-* 主要用于文字颜色
-**/
-@NL0: #121212;
-@NL97: fade(@NL0, 3%);
-@NL95: fade(@NL0, 5%);
-@NL90: fade(@NL0, 10%);
-@NL80: fade(@NL0, 20%);
-@NL70: fade(@NL0, 30%);
-@NL60: fade(@NL0, 40%);
-@NL50: fade(@NL0, 50%);
-@NL40: fade(@NL0, 60%);
-@NL30: fade(@NL0, 70%);
-@NL20: fade(@NL0, 80%);
-@NL10: fade(@NL0, 90%);
-
-/**
-*中性深色背景 Neutral Dark
-* 主要用于文字颜色
-**/
-@ND0: #FFFFFF;
-@ND97: fade(@ND0, 3%);
-@ND95: fade(@ND0, 5%);
-@ND90: fade(@ND0, 10%);
-@ND80: fade(@ND0, 20%);
-@ND70: fade(@ND0, 30%);
-@ND60: fade(@ND0, 40%);
-@ND50: fade(@ND0, 50%);
-@ND40: fade(@ND0, 60%);
-@ND30: fade(@ND0, 70%);
-@ND20: fade(@ND0, 80%);
-@ND10: fade(@ND0, 90%);
-
-/**
-* 品牌色 Brand
-* 用作主操作强调、文字链、品牌传递
-**/
-@B10: #00127B;
-@B20: #1029BC;
-@B30: #2944D7;
-@B40: #435CF0;
-@B50: #6077FF;
-@B60: #7F92FF;
-@B70: #9FADFF;
-@B80: #BDC9FF;
-@B90: #DFE3FE;
-@B95: #EFF1FF;
-@B98: #F8F9FF;
-
-/**
-* 辅助A Secondary A
-* 表达完成、成功
-**/
-@SA10: #00270F;
-@SA20: #024F20;
-@SA30: #007830;
-@SA40: #059F41;
-@SA50: #08C552;
-@SA60: #1BDE6D;
-@SA70: #35F886;
-@SA80: #70FFAB;
-@SA90: #B8FFD5;
-@SA95: #DBFFEA;
-@SA98: #EFFFF5;
-
-/**
-* 辅助B Secondary B
-* 表达提醒、警告
-**/
-@SB10: #261600;
-@SB20: #542B00;
-@SB30: #7E4100;
-@SB40: #A85700;
-@SB50: #D26E00;
-@SB60: #F48500;
-@SB70: #FFA000;
-@SB80: #FFBF5B;
-@SB90: #FFDEB0;
-@SB95: #FFF0D9;
-@SB98: #FFF8EE;
-
-/**
-* 辅助C Secondary C
-* 表达错误、失败
-**/
-@SC10: #550005;
-@SC20: #AF0001;
-@SC30: #EC0011;
-@SC40: #FF0033;
-@SC50: #FF2755;
-@SC60: #FF5B78;
-@SC70: #FF879A;
-@SC80: #FFAFBB;
-@SC90: #FFD7DE;
-@SC95: #FFEBEE;
-@SC98: #FFF6F7;
-
-/**
-* 背景色 Background
-* 主要用于背景色
-**/
-@BG0: #121212;
-@BG10: #2A2A2A;
-@BG20: #414141;
-@BG30: #595959;
-@BG40: #717171;
-@BG50: #88888B;
-@BG60: #A0A0A0;
-@BG70: #B7B7B7;
-@BG80: #D0D0D0;
-@BG90: #E7E8E8;
-@BG95: #F3F3F3;
-@BG97: #F8F8F8;
-@BG100: #FFFFFF;
-
-/**
-* 品牌背景 Brand Background
-* 品牌色衍生灰调背景
-**/
-@BBG10: #061B3B;
-@BBG15: #112645;
-@BBG20: #203555;
-@BBG30: #3B4F6E;
-@BBG40: #536788;
-@BBG50: #6C82A3;
-@BBG60: #869BBB;
-@BBG70: #A0B5D5;
-@BBG80: #BACDEE;
-@BBG90: #D7E7FE;
-@BBG95: #EBF3FF;
-@BBG97: #F3F8FF;
-@BBG98: #F7F8FF;
-
-/***
-* 黑白
-***/
-@white:#FFFFFF;
-@black:#121212;
-
-/***
-* 图片
-***/
-@imageholder: fade(#999898, 30%);
-@mate: fade(#000000, 50%);
-
-/***
-* 投影
-***/
-@shadow-option: 0 1px 1px rgba(0, 0, 0, 0.12);
-@shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.08);
-@shadow-actionsheet: 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(0, 0, 0, 0.08);
-@shadow-notification: 0 11px 15px rgba(0, 0, 0, 0.1), 0 9px 46px rgba(0, 0, 0, 0.08), 0 24px 38px rgba(0, 0, 0, 0.04);
-
-// 用css module的能力，将less变量输出给js，供js文件中使用
-:export {
-  NL0: @NL0;
-  NL97: @NL97;
-  NL95: @NL95;
-  NL90: @NL90;
-  NL80: @NL80;
-  NL70: @NL70;
-  NL60: @NL60;
-  NL50: @NL50;
-  NL40: @NL40;
-  NL30: @NL30;
-  NL20: @NL20;
-  NL10: @NL10;
-  ND0: @ND0;
-  ND97: @ND97;
-  ND95: @ND95;
-  ND90: @ND90;
-  ND80: @ND80;
-  ND70: @ND70;
-  ND60: @ND60;
-  ND50: @ND50;
-  ND40: @ND40;
-  ND30: @ND30;
-  ND20: @ND20;
-  ND10: @ND10;
-  B10: @B10;
-  B20: @B20;
-  B30: @B30;
-  B40: @B40;
-  B50: @B50;
-  B60: @B60;
-  B70: @B70;
-  B80: @B80;
-  B90: @B90;
-  B95: @B95;
-  B98: @B98;
-  SA10: @SA10;
-  SA20: @SA20;
-  SA30: @SA30;
-  SA40: @SA40;
-  SA50: @SA50;
-  SA60: @SA60;
-  SA70: @SA70;
-  SA80: @SA80;
-  SA90: @SA90;
-  SA95: @SA95;
-  SA98: @SA98;
-  SB10: @SB10;
-  SB20: @SB20;
-  SB30: @SB30;
-  SB40: @SB40;
-  SB50: @SB50;
-  SB60: @SB60;
-  SB70: @SB70;
-  SB80: @SB80;
-  SB90: @SB90;
-  SB95: @SB95;
-  SB98: @SB98;
-  SC10: @SC10;
-  SC20: @SC20;
-  SC30: @SC30;
-  SC40: @SC40;
-  SC50: @SC50;
-  SC60: @SC60;
-  SC70: @SC70;
-  SC80: @SC80;
-  SC90: @SC90;
-  SC95: @SC95;
-  SC98: @SC98;
-  BG0: @BG0;
-  BG10: @BG10;
-  BG20: @BG20;
-  BG30: @BG30;
-  BG40: @BG40;
-  BG50: @BG50;
-  BG60: @BG60;
-  BG70: @BG70;
-  BG80: @BG80;
-  BG90: @BG90;
-  BG95: @BG95;
-  BG97: @BG97;
-  BG100: @BG100;
-  BBG10: @BBG10;
-  BBG15: @BBG15;
-  BBG20: @BBG20;
-  BBG30: @BBG30;
-  BBG40: @BBG40;
-  BBG50: @BBG50;
-  BBG60: @BBG60;
-  BBG70: @BBG70;
-  BBG80: @BBG80;
-  BBG90: @BBG90;
-  BBG95: @BBG95;
-  BBG97: @BBG97;
-  BBG98: @BBG98;
-  WHITE: @white;
-  BLACK: @black;
-  IMAGE_HOLDER: @imageholder;
-  MATE: @mate;
-  SHADOW_OPTION: @shadow-option;
-  SHADOW_CARD: @shadow-card;
-  SHADOW_ACTIONSHEET: @shadow-actionsheet;
-  SHADOW_NOTIFICATION: @shadow-notification;
-}

package/lib/Button/demo/Icon/index.d.ts

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

package/lib/Button/demo/Icon/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-require("./index.less");
-
-var _Icon = _interopRequireDefault(require("../../../Icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = function _default() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "primary",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "secondary",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "text",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "danger",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "link",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }, "Search"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    shape: 'circle',
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    shape: 'circle'
-  }, "S"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    size: 'small',
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    shape: 'circle',
-    size: "large",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "add",
-      size: 20
-    })
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    shape: 'circle'
-  }, "M"));
-};
-
-exports.default = _default;

package/lib/Button/demo/Icon/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-bottom: 12px;
-  }
-}

package/lib/Button/demo/basic/index.d.ts

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

package/lib/Button/demo/basic/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/radio/style");
-
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-require("../../style/index.less");
-
-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(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var _default = function _default() {
-  var _React$useState = _react.default.useState('default'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      size = _React$useState2[0],
-      setSize = _React$useState2[1];
-
-  var handleSizeChange = function handleSizeChange(e) {
-    setSize(e.target.value);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: 'ald-button-demo'
-  }, /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
-    value: size,
-    onChange: handleSizeChange
-  }, /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-    value: "small"
-  }, "Small"), /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-    value: 'default'
-  }, "Default"), /*#__PURE__*/_react.default.createElement(_radio.default.Button, {
-    value: "large"
-  }, "Large")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "primary",
-    size: size
-  }, "Primary Button"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "danger",
-    size: size
-  }, "danger Button"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "secondary",
-    size: size
-  }, "secondary Button"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "text",
-    size: size
-  }, "Text Button"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "link",
-    size: size
-  }, "Link Button"));
-};
-
-exports.default = _default;

package/lib/Button/demo/basic/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-top: 12px;
-  }
-}

package/lib/Button/demo/disable/index.d.ts

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

package/lib/Button/demo/disable/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = function _default() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "primary",
-    disabled: true
-  }, "primary disable"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "secondary",
-    disabled: true
-  }, "secondary disable"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "text",
-    disabled: true
-  }, "text disable"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "danger",
-    disabled: true
-  }, "danger disable"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    type: "link",
-    disabled: true
-  }, "link disable"));
-};
-
-exports.default = _default;

package/lib/Button/demo/href/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;

package/lib/Button/demo/href/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = function _default() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    href: "https://www.aloudata.com/"
-  }, "aloudata"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    href: "https://www.aloudata.com/",
-    target: "_blank"
-  }, "target _blank aloudata"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    href: "https://www.aloudata.com/",
-    target: "_self"
-  }, "target _self aloudata"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    target: "_blank"
-  }, " \u65E0href target _blank"));
-};
-
-exports.default = _default;

package/lib/Button/demo/loading/index.d.ts

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

package/lib/Button/demo/loading/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _aloudataDesign = require("@aloudata/aloudata-design");
-
-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(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var _default = function _default() {
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      loading = _React$useState2[0],
-      setLoading = _React$useState2[1];
-
-  var handleChange = function handleChange(e) {
-    setLoading(true);
-    setTimeout(setLoading.bind(false), 3000);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "ald-button-demo"
-  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: true
-  }, "loading"), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: true
-  }), /*#__PURE__*/_react.default.createElement(_aloudataDesign.Button, {
-    loading: loading,
-    onClick: handleChange
-  }, "\u70B9\u51FB\u63D0\u4EA4"));
-};
-
-exports.default = _default;

package/lib/Button/demo/loading/index.less

@@ -1,6 +0,0 @@
-.ald-button-demo {
-  .ant-btn {
-    margin-right: 8px;
-    margin-bottom: 12px;
-  }
-}