@aloudata/aloudata-design 0.1.0-beta1

package/lib/Select/utils.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomOption = void 0;
+exports.convertChildrenToData = convertChildrenToData;
+exports.convertNodeToOption = convertNodeToOption;
+exports.getFlattenOptions = exports.defaultSearchPredicate = exports.defaultOptionLabelRenderer = exports.defaultMatchPredicate = exports.defaultLabelRenderer = exports.customOptionKeyPrefix = exports.customOptionKey = void 0;
+exports.handleOptions = handleOptions;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _excluded = ["value", "children"],
+    _excluded2 = ["options"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var ZERO_INDEX = 0;
+var ungroupedOptionKeyPrefix = 'select_isungrouped_option_';
+var ungroupedOptionKey = (0, _lodash.uniqueId)(ungroupedOptionKeyPrefix);
+var ungroupedOptionLabel = '未分组';
+var customOptionKeyPrefix = 'select_custom_option_';
+exports.customOptionKeyPrefix = customOptionKeyPrefix;
+var customOptionKey = (0, _lodash.uniqueId)(customOptionKeyPrefix); // ReactNode To Options
+
+exports.customOptionKey = customOptionKey;
+
+function convertNodeToOption(node, group) {
+  var _node$props = node.props,
+      value = _node$props.value,
+      children = _node$props.children,
+      restProps = _objectWithoutProperties(_node$props, _excluded);
+
+  var groupValue = group.groupValue,
+      groupLabel = group.groupLabel;
+
+  if (groupLabel && groupLabel) {
+    return _objectSpread({
+      value: value,
+      label: children !== undefined ? children : value,
+      groupValue: groupValue,
+      groupLabel: groupLabel
+    }, restProps);
+  }
+
+  return _objectSpread({
+    value: value,
+    label: children !== undefined ? children : value
+  }, restProps);
+}
+
+var getFlattenOptions = function getFlattenOptions(data, hasGroup) {
+  var groupMap = new Map();
+
+  if (!hasGroup) {
+    return data;
+  }
+
+  data === null || data === void 0 ? void 0 : data.map(function (cur) {
+    var gValue = groupMap.get(cur.groupValue);
+
+    if (gValue) {
+      var options = gValue.options,
+          rest = _objectWithoutProperties(gValue, _excluded2);
+
+      return groupMap.set(cur.groupValue, _objectSpread({
+        options: [].concat(_toConsumableArray(options), [cur])
+      }, rest));
+    }
+
+    return groupMap.set(cur.groupValue, {
+      label: cur.groupLabel,
+      value: cur.groupValue,
+      isSelectOptGroup: true,
+      options: [cur]
+    });
+  });
+  var flattenOption = [];
+  groupMap.forEach(function (value) {
+    flattenOption.push(value); // @ts-ignore
+
+    flattenOption.push.apply(flattenOption, _toConsumableArray(value.options));
+  });
+  return flattenOption;
+};
+
+exports.getFlattenOptions = getFlattenOptions;
+
+function convertChildrenToData(nodes) {
+  var group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var nodeOptions = [];
+
+  _react.default.Children.forEach(nodes, function (node) {
+    if (! /*#__PURE__*/_react.default.isValidElement(node)) {
+      return;
+    }
+
+    var isSelectOptGroup = node.type.isSelectOptGroup,
+        _node$props2 = node.props,
+        children = _node$props2.children,
+        label = _node$props2.label,
+        value = _node$props2.value; // 联合类型
+
+    if (!isSelectOptGroup) {
+      // option
+      nodeOptions.push(convertNodeToOption(node, group));
+    } else {
+      // Group
+      nodeOptions = (0, _lodash.concat)(nodeOptions, convertChildrenToData(children, {
+        groupLabel: label,
+        groupValue: value
+      }));
+    }
+  });
+
+  return nodeOptions;
+} // optionsMap flattenOptions
+
+
+function handleOptions(mergedOptions, setCacheOptions, updateGroup) {
+  var isGroup = !!mergedOptions.find(function (v) {
+    return Object.prototype.hasOwnProperty.call(v, 'groupValue');
+  });
+  var flattenOptions = [];
+  mergedOptions.forEach(function (option) {
+    var optionGroupLabel = option.groupLabel,
+        optionGroupValue = option.groupValue;
+
+    if (isGroup && !optionGroupValue && !optionGroupLabel) {
+      var ungroupedOption = _objectSpread(_objectSpread({}, option), {}, {
+        groupLabel: ungroupedOptionLabel,
+        groupValue: ungroupedOptionKey
+      });
+
+      flattenOptions.push(ungroupedOption);
+    } else {
+      flattenOptions.push(option);
+    }
+  });
+  updateGroup(isGroup);
+  setCacheOptions(flattenOptions);
+  return {
+    flattenOptions: flattenOptions,
+    isGroup: isGroup
+  };
+} // provide search matching hightlight;
+
+
+var defaultLabelRenderer = function defaultLabelRenderer(input, prefix) {
+  return function (option, isGroup) {
+    var title = option.title,
+        label = option.label;
+
+    if (isGroup || typeof label !== 'string') {
+      return title || label;
+    }
+
+    var index = label.indexOf(input);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'inline-block',
+        lineHeight: '40px'
+      }
+    }, label.slice(ZERO_INDEX, index), /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(prefix, "-search-highlight")
+    }, label.slice(index, index + input.length)), label.slice(index + input.length));
+  };
+};
+
+exports.defaultLabelRenderer = defaultLabelRenderer;
+
+var defaultOptionLabelRenderer = function defaultOptionLabelRenderer(value, option) {
+  return (option === null || option === void 0 ? void 0 : option.title) || (option === null || option === void 0 ? void 0 : option.label) || value;
+};
+
+exports.defaultOptionLabelRenderer = defaultOptionLabelRenderer;
+
+var defaultSearchPredicate = function defaultSearchPredicate(input) {
+  return function (o) {
+    return typeof o.label === 'string' ? o.label.includes(input) : true;
+  };
+};
+
+exports.defaultSearchPredicate = defaultSearchPredicate;
+
+var defaultMatchPredicate = function defaultMatchPredicate(input) {
+  return function (o) {
+    return o.label === input;
+  };
+};
+
+exports.defaultMatchPredicate = defaultMatchPredicate;
+
+var CustomOption = function CustomOption(value) {
+  var withGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var id = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : customOptionKeyPrefix;
+  return withGroup ? {
+    value: value,
+    label: value.toString(),
+    groupValue: id,
+    groupLabel: '自由输入'
+  } : {
+    value: value,
+    label: value.toString()
+  };
+};
+
+exports.CustomOption = CustomOption;

package/lib/Tabs/TabPane.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface ITabPaneProps {
+    /**
+     * @description 被隐藏时是否渲染 DOM 结构
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * @description 对应 activeKey
+     * @default -
+     */
+    key?: string;
+    /**
+     * @description 选项卡头显示的内容
+     * @default -
+     */
+    tab: ReactNode;
+    className?: string;
+    children?: ReactNode;
+}
+export default function TabPane(props: ITabPaneProps): JSX.Element;

package/lib/Tabs/TabPane.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TabPane;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var AntdTabPane = _tabs.default.TabPane;
+
+function TabPane(props) {
+  return /*#__PURE__*/_react.default.createElement(AntdTabPane, _objectSpread({}, props));
+}

package/lib/Tabs/demo/adaptHeight/index.d.ts

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

package/lib/Tabs/demo/adaptHeight/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+var _aloudataDesign = require("@aloudata/aloudata-design");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _aloudataDesign.Tabs.TabPane;
+
+var _default = function _default() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-adapt-height"
+  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Tabs, {
+    adaptHeight: true
+  }, /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1",
+    className: "demo-tabpane"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2",
+    className: "demo-tabpane"
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement("div", null, "Content of Tab Pane 2")))));
+};
+
+exports.default = _default;

package/lib/Tabs/demo/adaptHeight/index.less

@@ -0,0 +1,3 @@
+.demo-adapt-height {
+  height: 200px;
+}

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _switch = _interopRequireDefault(require("antd/lib/switch"));
+
+require("antd/lib//switch/style/index.less");
+
+require("./index.less");
+
+var _aloudataDesign = require("@aloudata/aloudata-design");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 TabPane = _aloudataDesign.Tabs.TabPane;
+
+var _default = function _default() {
+  var _useState = (0, _react.useState)('default'),
+      _useState2 = _slicedToArray(_useState, 2),
+      size = _useState2[0],
+      setSize = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-basic"
+  }, /*#__PURE__*/_react.default.createElement("div", null, "large size: ", /*#__PURE__*/_react.default.createElement(_switch.default, {
+    checked: size === 'large',
+    onChange: function onChange(checked) {
+      return setSize(checked ? 'large' : 'default');
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "tabs-container"
+  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Tabs, {
+    size: size,
+    destroyInactiveTabPane: true
+  }, /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2"
+  }, "Content of Tab Pane 2"))));
+};
+
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+.demo-basic {
+  .tabs-container {
+    height: 100px;
+  }
+}

package/lib/Tabs/demo/horizontalScroll/index.d.ts

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

package/lib/Tabs/demo/horizontalScroll/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.less");
+
+var _aloudataDesign = require("@aloudata/aloudata-design");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _aloudataDesign.Tabs.TabPane;
+
+var _default = function _default() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "demo-horizontal-scroll"
+  }, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Tabs, null, /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2"
+  }, "Content of Tab Pane 2"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 3",
+    key: "3"
+  }, "Content of Tab Pane 3"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 4",
+    key: "4"
+  }, "Content of Tab Pane 4"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 5",
+    key: "5"
+  }, "Content of Tab Pane 5"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 6",
+    key: "6"
+  }, "Content of Tab Pane 6"), /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "Tab 7",
+    key: "7"
+  }, "Content of Tab Pane 7")));
+};
+
+exports.default = _default;

package/lib/Tabs/demo/horizontalScroll/index.less

@@ -0,0 +1,3 @@
+.demo-horizontal-scroll {
+  width: 200px;
+}

package/lib/Tabs/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import './style';
+export interface ITabsProps {
+    /**
+     * @description 大小
+     * @default default
+     */
+    size?: 'large' | 'default';
+    /**
+     * @description 当前激活 tab 面板的 key
+     * @default -
+     */
+    activeKey?: string;
+    /**
+     * @description 初始化选中面板的 key，如果没有设置 activeKey
+     * @default 第一个面板的 key
+     */
+    defaultActiveKey?: string;
+    /**
+     * @description 切换面板的回调
+     * @default -
+     */
+    onChange?: (activeKey: string) => void;
+    /**
+     * @description 被隐藏时是否销毁 DOM 结构
+     * @default false
+     */
+    destroyInactiveTabPane?: boolean;
+    /**
+     * @description 撑满容器的高度
+     * @default false
+     */
+    adaptHeight?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Tabs(props: ITabsProps): JSX.Element;
+declare namespace Tabs {
+    var TabPane: typeof import("./TabPane").default;
+}
+export default Tabs;

package/lib/Tabs/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Tabs;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _TabPane = _interopRequireDefault(require("./TabPane"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./style");
+
+var _excluded = ["size", "className", "adaptHeight"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function Tabs(props) {
+  var size = props.size,
+      className = props.className,
+      adaptHeight = props.adaptHeight,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var tabsProps = _objectSpread({}, otherProps);
+
+  if (size === 'large') {
+    tabsProps.size = size;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_tabs.default, _objectSpread({
+    moreIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      type: "more_vert",
+      size: 18
+    }),
+    tabBarGutter: 24,
+    className: (0, _classnames.default)('ald-tabs', className, {
+      'ald-adapt-height': adaptHeight
+    })
+  }, tabsProps));
+}
+
+Tabs.TabPane = _TabPane.default;

package/lib/Tabs/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Tabs/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Tabs/style/index.less

@@ -0,0 +1,61 @@
+@import '../../style/index.less';
+
+.ald-tabs {
+  &.ant-tabs {
+    color: @NL30;
+  }
+
+  .ant-tabs-tab {
+    font-size: 14px;
+    line-height: 20px;
+
+    &:hover {
+      color: inherit;
+    }
+
+    &.ant-tabs-tab-active {
+      font-weight: 500;
+    }
+  }
+
+  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    text-shadow: none;
+  }
+
+  /* large size */
+  &.ant-tabs-large {
+    .ant-tabs-tab {
+      font-size: 16px;
+      line-height: 24px;
+    }
+  }
+
+  .ant-tabs-nav-more {
+    margin: 0 !important;
+  }
+
+  /* body自适应高度 */
+  &.ald-adapt-height {
+    height: 100%;
+
+    .ant-tabs-content {
+      height: 100%;
+    }
+
+    .ant-tabs-tabpane {
+      height: 100%;
+      overflow-y: auto;
+    }
+  }
+
+  &.ant-tabs-top > .ant-tabs-nav,
+  &.ant-tabs-bottom > .ant-tabs-nav,
+  &.ant-tabs-top > div > .ant-tabs-nav,
+  &.ant-tabs-bottom > div > .ant-tabs-nav {
+    margin: 0 0 24px;
+
+    &::before {
+      border-color: @NL90;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,20 @@
+"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(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_aloudataDesign.Tooltip, {
+    title: "Tooltip"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Tooltip will show on mouse enter")));
+};
+
+exports.default = _default;

package/lib/Tooltip/demo/overflow/index.d.ts

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