@aloudata/aloudata-design 2.0.0-beta.9 → 2.0.1

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type { CollapsePanelProps, CollapseProps } from './Collapse';
 export { default as ColorPicker } from './ColorPicker';
 export type { IColorPickerProps } from './ColorPicker';
 export { default as ConfigProvider } from './ConfigProvider';
+export type { EUserType } from './ConfigProvider/getUserList';
 export type { SizeType } from './ConfigProvider/sizeContext';
 export { default as DataPreviewTable } from './DataPreviewTable';
 export type { ITableProps as DataPreviewTableProps, DataPreviewTableRef, PreviewColumn, } from './DataPreviewTable/interface';
@@ -37,6 +38,7 @@ export { default as Empty } from './Empty';
 export type { IEmptyProps as EmptyProps } from './Empty';
 export { default as Form } from './Form';
 export type { FormInstance, FormItemProps, FormProps } from './Form';
+export { default as HighlightText } from './HighlightText';
 export { default as IconButton } from './IconButton';
 export { default as Input } from './Input';
 export type { IInputProps as InputProps, InputRef, TSize, TextAreaRef, } from './Input';
@@ -50,8 +52,6 @@ export { default as Menu } from './Menu';
 export type { ItemType, IMenuProps as MenuProps } from './Menu';
 export { default as Modal } from './Modal';
 export type { ModalFuncProps, ModalProps } from './Modal';
-export { default as Navigator } from './Navigator';
-export type { IMenuItem as NavigatorMenu, INavigatorProps as NavigatorProps, ISelectedMenuInfo as SelectedMenuInfo, } from './Navigator';
 export { default as Pagination } from './Pagination';
 export { default as Popconfirm } from './Popconfirm';
 export type { PopconfirmProps } from './Popconfirm';

package/dist/index.js

@@ -20,6 +20,7 @@ export { default as Drawer } from "./Drawer";
 export { default as Dropdown } from "./Dropdown";
 export { default as Empty } from "./Empty";
 export { default as Form } from "./Form";
+export { default as HighlightText } from "./HighlightText";
 export { default as IconButton } from "./IconButton";
 export { default as Input } from "./Input";
 export { default as InputNumber } from "./InputNumber";
@@ -27,7 +28,6 @@ export { default as Layout } from "./Layout";
 export { default as MemberPicker } from "./MemberPicker";
 export { default as Menu } from "./Menu";
 export { default as Modal } from "./Modal";
-export { default as Navigator } from "./Navigator";
 export { default as Pagination } from "./Pagination";
 export { default as Popconfirm } from "./Popconfirm";
 export { default as Popover } from "./Popover";

package/dist/index.less

@@ -48,3 +48,4 @@
 @import './Upload/style/index.less';
 @import './Typography/style/index.less';
 @import './TextLink/style/index.less';
+@import './HighlightText/style/index.less';

package/dist/style/index.less

@@ -8,7 +8,7 @@
 @ant-prefix: ant;
 
 body {
-  font-family: Inter, 'PingFang SC', SimSun, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol';
+  font-family: Inter, 'PingFang SC', system-ui, -apple-system,
+    blinkmacsystemfont, 'Helvetica Neue', 'Segoe UI', helvetica, arial,
+    'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
 }

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

@@ -1,7 +1,9 @@
 @import './themeColor.module.less';
 @import './default.less';
 /* stylelint-disable-next-line at-rule-no-unknown */
-@font-family:inter, -apple-system, PingFang SC, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
+@font-family:inter, 'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,
+'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',
+'WenQuanYi Micro Hei', sans-serif;
 @ald-prefix: ald;
 @error-color: #d64343;
 // large
@@ -20,7 +22,7 @@
 @padding-bottom-middle: 6px;
 @padding-left-middle: 12px;
 @padding-right-middle: 12px;
-@border-radius-middle: 8px;
+@border-radius-middle: 6px;
 
 // small
 @font-size-small: 12px;
@@ -29,4 +31,4 @@
 @padding-bottom-small: 6px;
 @padding-left-small: 8px;
 @padding-right-small: 8px;
-@border-radius-small: 8px;
+@border-radius-small: 4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.1",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -60,6 +60,7 @@
     "ahooks": "^3.7.8",
     "antd": "5.4.3",
     "compare-func": "^2.0.0",
+    "immer": "^10.0.3",
     "memoize-one": "^6.0.0",
     "rc-menu": "^9.8.0",
     "umi-request": "^1.4.0",

package/dist/Navigator/components/Header/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface IAppList {
-    logoSrc: string;
-}
-interface INavHeaderProps {
-    logoSrc: string;
-}
-declare function Header(props: INavHeaderProps): React.JSX.Element;
-export default Header;

package/dist/Navigator/components/Header/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-function Header(props) {
-  var logoSrc = props.logoSrc;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-header-content"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logoSrc,
-    alt: "",
-    className: "ald-nav-logo-img"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-header-select"
-  }));
-}
-export default Header;

package/dist/Navigator/components/Menu/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { IMenuItem } from '../MenuItem';
-export type { IMenuItem } from '../MenuItem';
-interface IMenuProps {
-    menuList: IMenuItem[];
-    selectedKey: string;
-    onMenuSelect?: (menuInfo: {
-        key: string;
-        path: string;
-    }) => void;
-}
-declare function Menu(props: IMenuProps): React.JSX.Element;
-export default Menu;

package/dist/Navigator/components/Menu/index.js

@@ -1,42 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useEffect, useCallback } from 'react';
-import MenuItem from "../MenuItem";
-function Menu(props) {
-  var menuList = props.menuList,
-    selectedKey = props.selectedKey,
-    _props$onMenuSelect = props.onMenuSelect,
-    onMenuSelectCallback = _props$onMenuSelect === void 0 ? function () {} : _props$onMenuSelect;
-  var _useState = useState(selectedKey),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentSelectKey = _useState2[0],
-    setCurrentSelectKey = _useState2[1];
-  var onMenuSelect = useCallback(function (menuInfo) {
-    setCurrentSelectKey(menuInfo.key);
-    onMenuSelectCallback(menuInfo);
-  }, [onMenuSelectCallback]);
-  useEffect(function () {
-    setCurrentSelectKey(selectedKey);
-  }, [selectedKey]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(menuList) && menuList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "ald-nav-group",
-      key: "".concat(String(index), "_key")
-    }, item.groupTitle && /*#__PURE__*/React.createElement("div", {
-      className: "ald-nav-group-title"
-    }, item.groupTitle), item.children.map(function (data) {
-      return /*#__PURE__*/React.createElement(MenuItem, _extends({}, data, {
-        key: data.key,
-        menuItemKey: data.key,
-        selectedKey: currentSelectKey,
-        onMenuSelect: onMenuSelect
-      }));
-    }));
-  }));
-}
-export default Menu;

package/dist/Navigator/components/MenuItem/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export interface ISelectedMenuInfo {
-    key: string;
-    path: string;
-}
-export interface IMenuItem {
-    groupTitle: string | null;
-    children: IMenuItemContentProps[];
-}
-export interface IMenuItemContentProps {
-    menuIcon: React.ReactNode;
-    content: string | React.ReactNode;
-    key: string;
-    path: string;
-}
-declare function MenuItem(data: IMenuItemContentProps & {
-    selectedKey: string;
-    menuItemKey: string;
-    onMenuSelect?: (menuInfo: ISelectedMenuInfo) => void;
-}): React.JSX.Element;
-export default MenuItem;

package/dist/Navigator/components/MenuItem/index.js

@@ -1,36 +0,0 @@
-import React, { useCallback } from 'react';
-import classNames from 'classnames';
-function MenuItem(data) {
-  var menuIcon = data.menuIcon,
-    content = data.content,
-    menuItemKey = data.menuItemKey,
-    path = data.path,
-    selectedKey = data.selectedKey,
-    _data$onMenuSelect = data.onMenuSelect,
-    onMenuSelect = _data$onMenuSelect === void 0 ? function () {} : _data$onMenuSelect;
-  var onMenuItemClick = useCallback(function (menuInfo) {
-    if (menuInfo.key === selectedKey) {
-      return;
-    }
-    onMenuSelect(menuInfo);
-  }, [onMenuSelect, selectedKey]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-nav-menu-item', {
-      'ald-nav-menu-item-selected': menuItemKey === selectedKey
-    }),
-    key: menuItemKey,
-    onClick: function onClick() {
-      return onMenuItemClick({
-        path: path,
-        key: menuItemKey
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-menu-item-icon"
-  }, menuIcon), /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-menu-item-content"
-  }, typeof content === 'string' ? /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-menu-item-content-text"
-  }, content) : content));
-}
-export default MenuItem;

package/dist/Navigator/index.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { IMenuItem } from './components/Menu';
-declare function Navigator(props: INavigatorProps): React.JSX.Element;
-export interface INavigatorProps {
-    /**
-     * @description 应用logo
-     * @type {string}
-     * @default []
-     */
-    logoSrc: string;
-    /**
-     * @description 当前选中的应用
-     * @type {string}
-     * @default --
-     */
-    /**
-     * @description 应用切换时调用
-     * @type {(appId: string) => void}
-     * @default --
-     */
-    /**
-     * @description 菜单数据
-     * @default []
-     */
-    menuList: IMenuItem[];
-    /**
-     * @description 当前选中的菜单项
-     * @default --
-     */
-    selectedKey: string;
-    /**
-     * @description logo的点击（可选）
-     * @default --
-     */
-    /**
-     * @description 导航底部信息 可自定义
-     * @default null
-     */
-    footer?: React.ReactNode;
-    /**
-     * @description 菜单被选中时调用（可选）
-     * @default --
-     */
-    onMenuSelect?: (menuInfo: {
-        key: string;
-        path: string;
-    }) => void;
-}
-export type { IMenuItem } from './components/Menu';
-export type { ISelectedMenuInfo, IMenuItemContentProps } from './components/MenuItem';
-export default Navigator;

package/dist/Navigator/index.js

@@ -1,33 +0,0 @@
-import React, { useCallback } from 'react';
-import classNames from 'classnames';
-import Menu from "./components/Menu";
-import Header from "./components/Header";
-function Navigator(props) {
-  var logoSrc = props.logoSrc,
-    menuList = props.menuList,
-    selectedKey = props.selectedKey,
-    _props$footer = props.footer,
-    footer = _props$footer === void 0 ? null : _props$footer,
-    onMenuSelect = props.onMenuSelect;
-  var renderMenu = useCallback(function () {
-    return /*#__PURE__*/React.createElement(Menu, {
-      menuList: menuList,
-      selectedKey: selectedKey,
-      onMenuSelect: onMenuSelect
-    });
-  }, [selectedKey, menuList, onMenuSelect]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-nav')
-  }, /*#__PURE__*/React.createElement(Header, {
-    logoSrc: logoSrc
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-nav-menu', {
-      'ald-nav-menu-has-footer': !!footer
-    })
-  }, renderMenu()), footer && /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-footer"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-nav-footer-wrap"
-  }, footer)));
-}
-export default Navigator;

package/dist/Navigator/style/index.less

@@ -1,159 +0,0 @@
-@import '../../style/index.less';
-@import '../../Icon/index.less';
-
-@ald-prefix: ald;
-@header-height: 80px;
-@footer-height: 88px;
-
-.ald-nav {
-  display: flex;
-  flex-direction: column;
-  width: 240px;
-  height: 100%;
-  overflow: hidden;
-  color: @ND0;
-  background-image: url('./bg.png');
-  background-repeat: no-repeat;
-  background-size: cover;
-  user-select: none;
-
-  &-header {
-    display: flex;
-    align-items: center;
-    height: @header-height;
-    padding: 0 24px;
-    background: @B20;
-
-    &-content {
-      display: flex;
-      width: 154px;
-      height: 40px;
-
-      .ald-nav-logo-img {
-        width: 100%;
-        height: 100%;
-        object-fit: fill;
-      }
-    }
-
-    &-select {
-      display: none;
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &-menu {
-    flex: 1;
-    padding: 24px 12px;
-    overflow-x: hidden;
-    overflow-y: auto;
-
-    &::-webkit-scrollbar-thumb {
-      background: @ND90;
-      background-clip: padding-box;
-      border: 3px solid transparent;
-      border-radius: 6px;
-    }
-
-    &::-webkit-scrollbar {
-      width: 12px;
-      height: 12px;
-      background-color: transparent;
-    }
-
-    .ald-nav-group {
-      &-title {
-        height: 48px;
-        margin-top: 12px;
-        padding: 0 12px;
-        .textStyle(@BG60, 14px, 48px, 400, normal);
-      }
-    }
-
-    .ald-nav-menu-item {
-      position: relative;
-      display: flex;
-      align-items: center;
-      height: 48px;
-      margin-bottom: 4px;
-      padding: 0 12px;
-      line-height: 48px;
-      border-radius: 8px;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: block;
-        width: 0%;
-        height: inherit;
-        background: @ND80;
-        border-radius: inherit;
-        content: '';
-      }
-
-      &-icon {
-        position: relative;
-        z-index: 1;
-        display: flex;
-        align-items: center;
-        margin-right: 12px;
-      }
-
-      &-content {
-        position: relative;
-        z-index: 1;
-        flex: 1;
-        overflow: hidden;
-        .textStyle(@B95, 16px, 24px, 400, normal);
-
-        &-text {
-          white-space: nowrap;
-        }
-      }
-
-      &:hover {
-        background-color: @ND90;
-        cursor: pointer;
-      }
-
-      &.ald-nav-menu-item-selected {
-        .ald-nav-menu-item-content {
-          .textStyle(@ND0, 16px, 24px, 400, normal);
-        }
-
-        &::before {
-          animation: 0.26s linear 0s hover-bg-change;
-          animation-fill-mode: forwards;
-        }
-      }
-    }
-  }
-
-  &-footer {
-    height: 88px;
-
-    &-wrap {
-      height: 100%;
-      color: @ND0;
-    }
-  }
-}
-
-@keyframes hover-bg-change {
-  0% {
-    width: 0%;
-    background-color: @ND80;
-  }
-
-  90% {
-    width: 100%;
-    background-color: @ND80;
-  }
-
-  100% {
-    width: 100%;
-    background-color: @B40;
-  }
-}