@aloudata/aloudata-design 1.0.0 → 1.0.2

package/dist/Button/style/index.less

@@ -18,7 +18,11 @@
       font-weight: 600;
       font-size: 12px;
       text-shadow: none;
-      text-decoration:none;
+      text-decoration: none;
+
+      &:focus-visible {
+        outline: none;
+      }
     }
 
     &.ant-btn-loading::before {
@@ -258,7 +262,7 @@
         }
       }
 
-      gap:@button-left-icon-margin-right-large;
+      gap: @button-left-icon-margin-right-large;
       // .aldicon-icon-left + span {
       //   margin-left: @button-left-icon-margin-right-large;
       // }
@@ -289,7 +293,7 @@
         }
       }
 
-      gap:@button-left-icon-margin-right-middle;
+      gap: @button-left-icon-margin-right-middle;
       // .aldicon-icon-left + span {
       //   margin-left: @button-left-icon-margin-right-middle;
       // }
@@ -320,7 +324,7 @@
         }
       }
 
-      gap:@button-left-icon-margin-right-small;
+      gap: @button-left-icon-margin-right-small;
       // .aldicon-icon-left + span {
       //   margin-left: @button-left-icon-margin-right-small;
       // }

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "warning" | "error" | "success" | "info" | undefined;
+    type?: "error" | "success" | "warning" | "info" | undefined;
 }) => JSX.Element;
 export default DoubleCircleIcon;

package/dist/Dropdown/index.d.ts

@@ -73,6 +73,11 @@ export interface IDropdownProps {
      */
     forceRender?: boolean;
     children?: React.ReactNode;
+    /**
+     * @description 自定义下拉框内容
+     * @default -
+     */
+    dropdownRender?: (menus: React.ReactNode) => React.ReactNode;
     /**
      * @description 是否禁用
      * @default false

package/dist/Dropdown/index.js

@@ -4,8 +4,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { Dropdown as AntdDropdown } from 'antd';
+import React from 'react';
 import DropdownButton from "./Button";
 export default function Dropdown(props) {
   var children = props.children,

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "expandIcon"];
+var _excluded = ["className", "expandIcon", "items"];
 
 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); }
 
@@ -6,17 +6,49 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 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 { ChevronRightLine } from '@aloudata/icons-react';
 import { Menu as AntdMenu } from 'antd';
 import classNames from 'classnames';
-import theme from "../style/themes/default/themeColor.module.less";
 import React from 'react';
+import theme from "../style/themes/default/themeColor.module.less";
 import Divider from "./Divider";
 import MenuItem from "./MenuItem";
 import SubMenu from "./SubMenu";
+
+function isSubMenuType(item) {
+  return item.children !== undefined;
+}
+
+function addPopupOffset(items) {
+  if (typeof items === 'undefined') {
+    return;
+  }
+
+  var OFFSET_WIDTH = 1;
+  var OFFSET_HEIGHT = 0;
+  return items.map(function (item) {
+    if (isSubMenuType(item)) {
+      return _objectSpread(_objectSpread({
+        popupOffset: [OFFSET_WIDTH, OFFSET_HEIGHT]
+      }, item), {}, {
+        children: addPopupOffset(item.children)
+      });
+    }
+
+    return item;
+  }, []);
+}
+
 export default function Menu(props) {
   var className = props.className,
       expandIcon = props.expandIcon,
+      items = props.items,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(AntdMenu, _extends({
@@ -26,6 +58,7 @@ export default function Menu(props) {
       size: 16
     })
   }, otherProps, {
+    items: addPopupOffset(items) || [],
     theme: "light"
   }));
 }

package/dist/Radio/components/Group/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className"> & {
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children"> & {
     sliderRef?: React.RefObject<HTMLDivElement> | undefined;
 }>;
 export default function RadioGroup(props: IRadioGroupProps): JSX.Element;

package/dist/Select/index.js

@@ -32,7 +32,7 @@ import { FoldDownFill } from '@aloudata/icons-react';
 import { Select as AntdSelect } from 'antd';
 import classNames from 'classnames';
 import List from 'rc-virtual-list';
-import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
 import Empty from "../Empty";
 import MultipleOption from "./components/MultipleOption";
 import SingleOption from "./components/SingleOption";
@@ -276,7 +276,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       return (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.value;
     }
   }, [selectedOptions]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     if (prefixRef.current && prefix) {
       setPrefixWidth(prefixRef.current.offsetWidth);
     } else {

package/dist/Table/Table.js

@@ -21,18 +21,18 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* eslint-disable no-unneeded-ternary */
 /// <reference types ='./react-table-config' />
 import classnames from 'classnames';
-import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
-import usePrefixCls from "../_utils/hooks/usePrefixCls";
 import ResizeObserver from 'rc-resize-observer';
-import { useTable, useBlockLayout, useRowSelect, useSortBy, useResizeColumns } from 'react-table';
-import { getColumnsWidthMap, getValidScrollThreshold } from "./utils";
-import "./style/index";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useBlockLayout, useResizeColumns, useRowSelect, useSortBy, useTable } from 'react-table';
 import message from "../message";
-import Loading from "./components/Loading";
+import usePrefixCls from "../_utils/hooks/usePrefixCls";
 import Empty from "./components/Empty";
-import TableHead from "./components/TableHead";
+import Loading from "./components/Loading";
 import TableBodyRowList from "./components/TableBodyRowList";
+import TableHead from "./components/TableHead";
 import { useTimeoutLock } from "./hooks/useFrame";
+import "./style/index";
+import { getColumnsWidthMap, getValidScrollThreshold } from "./utils";
 var tableHeadRowHeight = 44;
 var SCROLLBAR_SIZE = 15;
 var ZERO = 0;
@@ -62,7 +62,9 @@ function Table(props, ref) {
       _props$ellipsis = props.ellipsis,
       ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
       rowKey = props.rowKey,
-      height = props.height;
+      height = props.height,
+      _props$canSelected = props.canSelected,
+      canSelected = _props$canSelected === void 0 ? false : _props$canSelected;
 
   var _useState = useState(undefined),
       _useState2 = _slicedToArray(_useState, 2),
@@ -227,6 +229,7 @@ function Table(props, ref) {
     };
   });
   var tableHeadNode = /*#__PURE__*/React.createElement(TableHead, {
+    tableHeadRef: tableHeadRef,
     canResizeColumn: resizeColumn,
     headerGroups: headerGroups // tableContentWidth={columnsTotalWidthRef.current}
     ,
@@ -360,8 +363,8 @@ function Table(props, ref) {
 
       return /*#__PURE__*/React.createElement("div", {
         style: {
-          overflow: 'overlay',
-          overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
+          overflow: 'auto',
+          overflowX: 'unset',
           height: tableClientHeight - tableHeadRowHeight
         },
         ref: tableBodyRef,
@@ -372,7 +375,6 @@ function Table(props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height))
     }, /*#__PURE__*/React.createElement("div", {
-      ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/React.createElement("div", _extends({}, getTableBodyProps(), {
       className: classnames("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), !!height))
@@ -384,7 +386,8 @@ function Table(props, ref) {
     className: prefixCls,
     ref: tableRef,
     style: {
-      height: !height ? 'unset' : height
+      height: !height ? 'unset' : height,
+      userSelect: canSelected ? 'auto' : 'none'
     }
   }, /*#__PURE__*/React.createElement(ResizeObserver, {
     onResize: function onResize(_ref3) {

package/dist/Table/components/TableHead/index.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import React, { MutableRefObject } from 'react';
 import { HeaderGroup, SortingRule } from 'react-table';
 import { ISort, TSortOrder } from '../../interface';
 import { IWidthDetail } from '../../utils';
@@ -15,6 +15,7 @@ interface ITableWithoutHeightProps<T extends object = {}> {
     sortDirections?: Array<'ascend' | 'descend'>;
     setSortBy: (sortBy: SortingRule<T>[]) => void;
     onChange?: (sort: ISort<T>) => void;
+    tableHeadRef: React.Ref<HTMLDivElement>;
     columnsWidthMapRef: MutableRefObject<Map<string, IWidthDetail> | undefined>;
     columnsTotalWidthRef: MutableRefObject<number>;
 }

package/dist/Table/components/TableHead/index.js

@@ -24,13 +24,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useState } from 'react';
-import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
-import classnames from 'classnames';
 import { FoldDownFill, FoldUpFill } from '@aloudata/icons-react';
+import classnames from 'classnames';
 import _ from 'lodash';
-import { getValidWidthByNumber } from "../../utils";
+import React, { useState } from 'react';
 import message from "../../../message";
+import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
+import { getValidWidthByNumber } from "../../utils";
 var ARRAY_FIRST_INDEX = 0;
 
 function TableHead(props) {
@@ -48,6 +48,7 @@ function TableHead(props) {
       setSortBy = props.setSortBy,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+      tableHeadRef = props.tableHeadRef,
       columnsWidthMapRef = props.columnsWidthMapRef,
       columnsTotalWidthRef = props.columnsTotalWidthRef;
   var prefixCls = usePrefixCls('', 'ald-table'); // 第一列的情况 默认或者恢复是需要用到
@@ -227,6 +228,7 @@ function TableHead(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-thead"),
+    ref: tableHeadRef,
     style: {
       width: columnsTotalWidthRef.current
     }

package/dist/Table/interface.d.ts

@@ -38,4 +38,5 @@ export interface ITableProps<RecordType> {
     rowClassName?: string;
     ellipsis?: boolean;
     rowKey?: string | ((row: RecordType) => string);
+    canSelected?: boolean;
 }

package/dist/Table/style/index.less

@@ -10,7 +10,6 @@
   flex-direction: column;
   width: 100%;
   overflow: hidden;
-  user-select: none;
 
   &-page-loading {
     opacity: 0;
@@ -67,6 +66,7 @@
     font-weight: 600;
     background-color: @BG80;
     mix-blend-mode: multiply;
+    user-select: none;
 
     .ald-table-row {
       min-width: 9999px; // 防止拖动时的闪动
@@ -130,6 +130,9 @@
 
       .ald-table-cell {
         display: flex;
+        flex-shrink: 0;
+        box-sizing: border-box;
+        flex-grow: 0;
         align-items: center;
         padding-left: 16px;
         color: @NL0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -11,6 +11,7 @@
   "scripts": {
     "build": "father build",
     "build:watch": "father dev",
+    "changelog": "conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0  -n ./changelog-option.js && git add CHANGELOG.md",
     "cmt": "zx ./scripts/createComponentTemplate.mjs",
     "dev": "dumi dev",
     "docs:build": "dumi build",
@@ -53,6 +54,10 @@
     "@aloudata/icons-react": "^0.1.12",
     "@aloudata/icons-svg": "0.1.7",
     "antd": "^5.3.1",
+    "compare-func": "^2.0.0",
+    "conventional-changelog": "^3.1.25",
+    "conventional-changelog-cli": "^2.2.2",
+    "conventional-changelog-custom-config": "^0.3.1",
     "memoize-one": "^6.0.0",
     "rc-menu": "^9.8.0",
     "react-table": "^7.8.0",
@@ -61,8 +66,8 @@
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@commitlint/cli": "^17.5.1",
+    "@commitlint/config-conventional": "^17.4.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.4.0",
@@ -73,7 +78,7 @@
     "dumi": "2.1.10",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
-    "husky": "^8.0.1",
+    "husky": "^8.0.3",
     "jest": "^29.4.2",
     "jest-environment-jsdom": "^29.4.2",
     "lint-staged": "^13.0.3",