@aloudata/aloudata-design 0.1.0-beta.2

package/es/Select/utils.js

@@ -0,0 +1,193 @@
+var _excluded = ["value", "children"],
+    _excluded2 = ["options"];
+
+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; }
+
+import React from 'react';
+import { concat, uniqueId } from 'lodash';
+var ZERO_INDEX = 0;
+var ungroupedOptionKeyPrefix = 'select_isungrouped_option_';
+var ungroupedOptionKey = uniqueId(ungroupedOptionKeyPrefix);
+var ungroupedOptionLabel = '未分组';
+export var customOptionKeyPrefix = 'select_custom_option_';
+export var customOptionKey = uniqueId(customOptionKeyPrefix); // ReactNode To Options
+
+export 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);
+}
+export 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;
+};
+export function convertChildrenToData(nodes) {
+  var group = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var nodeOptions = [];
+  React.Children.forEach(nodes, function (node) {
+    if (! /*#__PURE__*/React.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 = concat(nodeOptions, convertChildrenToData(children, {
+        groupLabel: label,
+        groupValue: value
+      }));
+    }
+  });
+  return nodeOptions;
+} // optionsMap flattenOptions
+
+export 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;
+
+export 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.createElement("div", {
+      style: {
+        display: 'inline-block',
+        lineHeight: '40px'
+      }
+    }, label.slice(ZERO_INDEX, index), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefix, "-search-highlight")
+    }, label.slice(index, index + input.length)), label.slice(index + input.length));
+  };
+};
+export 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;
+};
+export var defaultSearchPredicate = function defaultSearchPredicate(input) {
+  return function (o) {
+    return typeof o.label === 'string' ? o.label.includes(input) : true;
+  };
+};
+export var defaultMatchPredicate = function defaultMatchPredicate(input) {
+  return function (o) {
+    return o.label === input;
+  };
+};
+export 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()
+  };
+};

package/es/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/es/Tabs/TabPane.js

@@ -0,0 +1,12 @@
+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; }
+
+import React from 'react';
+import AntdTabs from 'antd/lib/tabs';
+var AntdTabPane = AntdTabs.TabPane;
+export default function TabPane(props) {
+  return /*#__PURE__*/React.createElement(AntdTabPane, _objectSpread({}, props));
+}

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+import { Tabs } from '@aloudata/aloudata-design';
+var TabPane = Tabs.TabPane;
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demo-adapt-height"
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    adaptHeight: true
+  }, /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1",
+    className: "demo-tabpane"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2",
+    className: "demo-tabpane"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2")))));
+});

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

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

package/es/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/es/Tabs/demo/basic/index.js

@@ -0,0 +1,44 @@
+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; }
+
+import React, { useState } from 'react';
+import Switch from 'antd/lib/switch';
+import 'antd/lib//switch/style/index.less';
+import './index.less';
+import { Tabs } from '@aloudata/aloudata-design';
+var TabPane = Tabs.TabPane;
+export default (function () {
+  var _useState = useState('default'),
+      _useState2 = _slicedToArray(_useState, 2),
+      size = _useState2[0],
+      setSize = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demo-basic"
+  }, /*#__PURE__*/React.createElement("div", null, "large size: ", /*#__PURE__*/React.createElement(Switch, {
+    checked: size === 'large',
+    onChange: function onChange(checked) {
+      return setSize(checked ? 'large' : 'default');
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "tabs-container"
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    size: size,
+    destroyInactiveTabPane: true
+  }, /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2"
+  }, "Content of Tab Pane 2"))));
+});

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

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

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

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import './index.less';
+import { Tabs } from '@aloudata/aloudata-design';
+var TabPane = Tabs.TabPane;
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demo-horizontal-scroll"
+  }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 1",
+    key: "1"
+  }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 2",
+    key: "2"
+  }, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 3",
+    key: "3"
+  }, "Content of Tab Pane 3"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 4",
+    key: "4"
+  }, "Content of Tab Pane 4"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 5",
+    key: "5"
+  }, "Content of Tab Pane 5"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 6",
+    key: "6"
+  }, "Content of Tab Pane 6"), /*#__PURE__*/React.createElement(TabPane, {
+    tab: "Tab 7",
+    key: "7"
+  }, "Content of Tab Pane 7")));
+});

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

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

package/es/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/es/Tabs/index.js

@@ -0,0 +1,42 @@
+var _excluded = ["size", "className", "adaptHeight"];
+
+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; }
+
+import React from 'react';
+import AntdTabs from 'antd/lib/tabs';
+import Icon from '../Icon';
+import TabPane from './TabPane';
+import classNames from 'classnames';
+import './style';
+export default 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.createElement(AntdTabs, _objectSpread({
+    moreIcon: /*#__PURE__*/React.createElement(Icon, {
+      type: "more_vert",
+      size: 18
+    }),
+    tabBarGutter: 24,
+    className: classNames('ald-tabs', className, {
+      'ald-adapt-height': adaptHeight
+    })
+  }, tabsProps));
+}
+Tabs.TabPane = TabPane;

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

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

package/es/Tabs/style/index.js

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

package/es/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/es/Tooltip/demo/basic/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Tooltip } from '@aloudata/aloudata-design';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip"
+  }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
+});

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

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

package/es/Tooltip/demo/overflow/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Tooltip } from '@aloudata/aloudata-design';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "longMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsg"
+  }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
+});

package/es/Tooltip/demo/placement/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 调整位置
+ */
+import './index.less';
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Tooltip/demo/placement/index.js

@@ -0,0 +1,70 @@
+/**
+ * title: 调整位置
+ */
+import React from 'react';
+import { Tooltip, Button } from '@aloudata/aloudata-design';
+import './index.less';
+var text = /*#__PURE__*/React.createElement("span", null, "prompt text");
+var buttonWidth = 70;
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demo-placement"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: buttonWidth,
+      whiteSpace: 'nowrap'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topLeft",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "TL")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Top")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topRight",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "TR"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: buttonWidth,
+      float: 'left'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "leftTop",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "LT")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "left",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Left")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "leftBottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "LB"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: buttonWidth,
+      marginLeft: buttonWidth * 4 + 24
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "rightTop",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "RT")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "right",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Right")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "rightBottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "RB"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: buttonWidth,
+      clear: 'both',
+      whiteSpace: 'nowrap'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottomLeft",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "BL")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Bottom")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottomRight",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "BR"))));
+});

package/es/Tooltip/demo/placement/index.less

@@ -0,0 +1,7 @@
+.demo-placement {
+  .ant-btn {
+    width: 70px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+  }
+}

package/es/Tooltip/demo/trigger/index.d.ts

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

package/es/Tooltip/demo/trigger/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Tooltip, Button } from '@aloudata/aloudata-design';
+import './index.less';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "demo-trigger"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "hover"
+  }, /*#__PURE__*/React.createElement(Button, null, "hover")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(Button, null, "click")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "contextMenu"
+  }, /*#__PURE__*/React.createElement(Button, null, "contextMenu")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "focus"
+  }, /*#__PURE__*/React.createElement(Button, null, "focus"))));
+});

package/es/Tooltip/demo/trigger/index.less

@@ -0,0 +1,5 @@
+.demo-trigger {
+  .ant-btn {
+    margin-right: 8px;
+  }
+}