@aloudata/aloudata-design 0.3.2 → 0.3.5

package/lib/_utils/hooks/useId.d.ts

@@ -0,0 +1,4 @@
+/** Is client side and not jsdom */
+export declare const isBrowserClient: boolean;
+/** Get unique id for accessibility usage */
+export declare function getUUID(): number | string;

package/lib/_utils/hooks/useId.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUUID = getUUID;
+exports.isBrowserClient = void 0;
+
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// @ts-nocheck
+var uuid = 0;
+/** Is client side and not jsdom */
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+
+var isBrowserClient = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)();
+/** Get unique id for accessibility usage */
+
+exports.isBrowserClient = isBrowserClient;
+
+function getUUID() {
+  var retId; // Test never reach
+
+  /* istanbul ignore if */
+
+  if (isBrowserClient) {
+    retId = uuid;
+    uuid += 1;
+  } else {
+    retId = 'TEST_OR_SSR';
+  }
+
+  return retId;
+}

package/lib/index.d.ts

@@ -1,13 +1,13 @@
 /// <reference path="../typings.d.ts" />
 export { default as Button } from './Button';
-export type { IButtonProps as ButtonProps, Size, ButtonType } from './Button';
+export type { IButtonProps as ButtonProps, ButtonType } from './Button';
 export { default as Dropdown } from './Dropdown';
 export type { ActionType, IDropdownProps as DropdownProps, PlacementType } from './Dropdown';
 export { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export { default as Menu } from './Menu';
 export type { IMenuProps as MenuProps } from './Menu';
 export { default as Input } from './Input';
-export type { IInputProps as InputProps, TSize, InputRef, TextAreaRef } from './Input';
+export type { IInputProps as InputProps, InputRef, TextAreaRef } from './Input';
 export { default as Tabs } from './Tabs';
 export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tooltip } from './Tooltip';
@@ -46,9 +46,9 @@ export type { SpaceProps } from './Space';
 export { default as Space } from './Space';
 export type { SpinProps } from './Spin';
 export { default as Spin } from './Spin';
-export type { SwitchProps } from './Switch';
+export type { ISwitchProps as SwitchProps } from './Switch';
 export { default as Switch } from './Switch';
-export type { StepProps, StepsProps } from './Steps';
+export type { IStepProps as StepProps, IStepsProps as StepsProps } from './Steps';
 export { default as Steps } from './Steps';
 export { default as Form } from './Form';
 export type { FormInstance, FormProps, FormItemProps } from './Form';
@@ -57,7 +57,7 @@ export type { DividerProps } from './Divider';
 export { default as Drawer } from './Drawer';
 export type { DrawerProps } from './Drawer';
 export { default as Radio } from './Radio';
-export type { RadioProps, RadioChangeEvent, RadioGroupProps } from './Radio';
+export type { RadioProps, RadioGroupProps } from './Radio';
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps, CheckboxOptionType } from './Checkbox';
 export { default as Modal } from './Modal';
@@ -73,3 +73,5 @@ export type { IEmptyProps as EmptyProps } from './Empty';
 export { default as Avatar } from './Avatar';
 export type { IAvatarProps as AvatarProps } from './Avatar';
 export { default as Icon } from './Icon';
+export type { PageHeaderProps } from './PageHeader';
+export { default as PageHeader } from './PageHeader';

package/lib/index.js

@@ -129,6 +129,12 @@ Object.defineProperty(exports, "Navigator", {
     return _Navigator.default;
   }
 });
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function get() {
+    return _PageHeader.default;
+  }
+});
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
@@ -308,4 +314,6 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
+var _PageHeader = _interopRequireDefault(require("./PageHeader"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/locale-provider/index.d.ts

@@ -4,10 +4,13 @@ import type { PickerLocale as DatePickerLocale } from 'antd/es/date-picker/gener
 import type { TransferLocale as TransferLocaleForEmpty } from 'antd/es/empty';
 import type { ModalLocale } from 'antd/es/modal/locale';
 import type { PaginationLocale } from 'antd/es/pagination/Pagination';
-import type { PopconfirmLocale } from 'antd/es/popconfirm';
 import type { TableLocale } from 'antd/es/table/interface';
 import type { TransferLocale } from 'antd/es/transfer';
 import type { UploadLocale } from 'antd/es/upload/interface';
+interface PopconfirmLocale {
+    okText: string;
+    cancelText: string;
+}
 export declare const ANT_MARK = "internalMark";
 export interface Locale {
     locale: string;
@@ -59,3 +62,4 @@ export default class LocaleProvider extends React.Component<LocaleProviderProps,
     };
     render(): JSX.Element;
 }
+export {};

package/lib/style/index.d.ts

@@ -1,2 +1 @@
-import 'antd/dist/antd.compact.css';
 import './index.less';

package/lib/style/index.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("antd/dist/antd.compact.css");
-
 require("./index.less");

package/lib/style/index.less

@@ -1,5 +1,5 @@
 @root-entry-name: default;
+@import '~antd/dist/antd.compact.css';
 @import './mixins/index.less';
 @import './themes/default/scrollBar.less';
-@import './themes/default/index.less';
-@import './mixins/index.less';
+@import './themes/default/index.less';

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

@@ -3,34 +3,34 @@
 @ald-prefix: ant;
 
 
-// height rules
-@height-base: 28px;
-@height-lg: 32px;
-@height-sm: 22px;
-
-
+// base 不分大小写情况
 @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;
+@line-height-base:20px;
+@font-size-base:14px;
+
+// large
+@font-size-large:16px;
+@line-height-large:24px;
+@padding-top-large:6px;
+@padding-bottom-large:6px;
+@padding-left-large:12px;
+@padding-right-large:12px;
+@border-radius-large:8px;
+
+// middle
+@font-size-middle:14px;
+@line-height-middle:20px;
+@padding-top-middle:6px;
+@padding-bottom-middle:6px;
+@padding-left-middle:12px;
+@padding-right-middle:12px;
+@border-radius-middle:6px;
+
+// small
+@font-size-small:12px;
+@line-height-small:16px;
+@padding-top-small:6px;
+@padding-bottom-small:6px;
+@padding-left-small:8px;
+@padding-right-small:8px;
+@border-radius-small:4px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -52,6 +52,7 @@
     ]
   },
   "dependencies": {
+    "@aloudata/icons-react": "^0.0.8",
     "@ant-design/icons": "^4.7.0",
     "antd": "^4.21.5",
     "babel-preset-react-app": "^10.0.1",