@aloudata/aloudata-design 0.4.0-beta.1 → 0.4.0-beta.11

package/es/Checkbox/type.d.ts

@@ -0,0 +1,94 @@
+import { CheckboxChangeEvent, CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
+import { CheckboxOptionType, CheckboxValueType } from 'antd/lib/checkbox/Group';
+export declare enum EDirection {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+export interface ICheckboxProps extends CheckboxProps {
+    /**
+     * @description 自动获取焦点
+     * @type boolean
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * @description 指定当前是否选中
+     * @type boolean
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * @description 初始是否选中
+     * @type boolean
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * @description 失效状态
+     * @type boolean
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 设置 indeterminate 状态，只负责样式控制
+     * @type boolean
+     * @default false
+     */
+    indeterminate?: false;
+    /**
+     * @description 变化时的回调函数
+     * @type  function(e:Event)
+     * @default -
+     */
+    onChange?: (e: CheckboxChangeEvent) => void;
+}
+export interface ICheckboxGroupProps extends CheckboxGroupProps {
+    /**
+     * @description 默认选中的选项
+     * @type string[]
+     * @default []
+     */
+    defaultValue?: Array<CheckboxValueType>;
+    /**
+     * @description 整组失效
+     * @type boolean
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description CheckboxGroup 下所有 input[type="checkbox"] 的 name 属性
+     * @type string
+     * @default -
+     */
+    name?: string;
+    /**
+     * @description 指定可选项
+     * @type string[] | number[] | Option[]
+     * @default []
+     */
+    options?: Array<CheckboxOptionType | string | number>;
+    /**
+     * @description 指定选中的选项
+     * @type string[]
+     * @default []
+     */
+    value?: Array<CheckboxValueType>;
+    /**
+     * @description  变化时毁掉函数
+     * @type function(checkedValue)
+     * @default -
+     */
+    onChange?: (checkedValue: Array<CheckboxValueType>) => void;
+    /**
+     * @description 复选按钮组的方向
+     * @type 'vertical' | 'horizontal'
+     * @default -
+     */
+    direction: EDirection.VERTICAL;
+    /**
+     * @description className
+     * @type string
+     * @default -
+     */
+    className?: string;
+}

package/es/Checkbox/type.js

@@ -0,0 +1,6 @@
+export var EDirection;
+
+(function (EDirection) {
+  EDirection["VERTICAL"] = "vertical";
+  EDirection["HORIZONTAL"] = "horizontal";
+})(EDirection || (EDirection = {}));

package/es/Divider/index.d.ts

@@ -1,3 +1,41 @@
-import { Divider, DividerProps } from 'antd';
-export type { DividerProps };
+import React from 'react';
+export interface IDividerProps {
+    /**
+     * @description 水平或竖直
+     * @type 'horizontal' | 'vertical'
+     * @default 'horizontal'
+     */
+    type?: 'horizontal' | 'vertical';
+    /**
+     * @description 类名
+     * @type string
+     * @default --
+     */
+    className?: string;
+    /**
+     * @description 嵌套的标题
+     * @type ReactNode
+     * @default --
+     */
+    children?: React.ReactNode;
+    /**
+     * @description 分割线标题的位置
+     * @type 'left' | 'right' | 'center'
+     * @default 'center'
+     */
+    orientation?: 'left' | 'right' | 'center';
+    /**
+     * @description 是否是虚线
+     * @type boolean
+     * @default false
+     */
+    dashed?: boolean;
+    /**
+     * @description 分割线样式对象
+     * @type CSSProperties
+     * @default --
+     */
+    style?: React.CSSProperties;
+}
+declare const Divider: (props: IDividerProps) => JSX.Element;
 export default Divider;

package/es/Divider/index.js

@@ -1,3 +1,12 @@
 import "antd/es/divider/style";
 import _Divider from "antd/es/divider";
-export default _Divider;
+import classNames from 'classnames';
+import React from 'react';
+
+var Divider = function Divider(props) {
+  return /*#__PURE__*/React.createElement(_Divider, Object.assign({}, props, {
+    className: classNames('ald-divider', props.className)
+  }));
+};
+
+export default Divider;

package/es/Divider/style/index.less

@@ -1 +1,5 @@
 @import '../../style/index.less';
+
+.ald-divider {
+  border-color: @BG70;
+}

package/es/Divider/style/index.less.d.ts

@@ -0,0 +1,183 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'B10': string;
+  'B20': string;
+  'B30': string;
+  'B40': string;
+  'B50': string;
+  'B60': string;
+  'B70': string;
+  'B80': string;
+  'B90': string;
+  'B95': string;
+  'B98': string;
+  'BG0': string;
+  'BG10': string;
+  'BG100': string;
+  'BG20': string;
+  'BG30': string;
+  'BG40': string;
+  'BG50': string;
+  'BG60': string;
+  'BG70': string;
+  'BG80': string;
+  'BG90': string;
+  'BG95': string;
+  'BG97': string;
+  'ND0': string;
+  'ND10': string;
+  'ND20': string;
+  'ND30': string;
+  'ND40': string;
+  'ND50': string;
+  'ND60': string;
+  'ND70': string;
+  'ND80': string;
+  'ND90': string;
+  'ND95': string;
+  'ND97': string;
+  'NL0': string;
+  'NL10': string;
+  'NL20': string;
+  'NL30': string;
+  'NL40': string;
+  'NL50': string;
+  'NL60': string;
+  'NL70': string;
+  'NL80': string;
+  'NL90': string;
+  'NL95': string;
+  'NL97': string;
+  'SA10': string;
+  'SA20': string;
+  'SA30': string;
+  'SA40': string;
+  'SA50': string;
+  'SA60': string;
+  'SA70': string;
+  'SA80': string;
+  'SA90': string;
+  'SA95': string;
+  'SA98': string;
+  'SB10': string;
+  'SB20': string;
+  'SB30': string;
+  'SB40': string;
+  'SB50': string;
+  'SB60': string;
+  'SB70': string;
+  'SB80': string;
+  'SB90': string;
+  'SB95': string;
+  'SB98': string;
+  'SC10': string;
+  'SC20': string;
+  'SC30': string;
+  'SC40': string;
+  'SC50': string;
+  'SC60': string;
+  'SC70': string;
+  'SC80': string;
+  'SC90': string;
+  'SC95': string;
+  'SC98': string;
+  'SHADOW_BODY_TOP_LEFT': string;
+  'SHADOW_L': string;
+  'SHADOW_LG': string;
+  'SHADOW_MD': string;
+  'SHADOW_SM': string;
+  'SHADOW_XL': string;
+  'SHADOW_XS': string;
+  'TA10': string;
+  'TA20': string;
+  'TA30': string;
+  'TA40': string;
+  'TA50': string;
+  'TA60': string;
+  'TA70': string;
+  'TA80': string;
+  'TA90': string;
+  'TA95': string;
+  'TA98': string;
+  'TB10': string;
+  'TB20': string;
+  'TB30': string;
+  'TB40': string;
+  'TB50': string;
+  'TB60': string;
+  'TB70': string;
+  'TB80': string;
+  'TB90': string;
+  'TB95': string;
+  'TB98': string;
+  'TC10': string;
+  'TC20': string;
+  'TC30': string;
+  'TC40': string;
+  'TC50': string;
+  'TC60': string;
+  'TC70': string;
+  'TC80': string;
+  'TC90': string;
+  'TC95': string;
+  'TC98': string;
+  'TD10': string;
+  'TD20': string;
+  'TD30': string;
+  'TD40': string;
+  'TD50': string;
+  'TD60': string;
+  'TD70': string;
+  'TD80': string;
+  'TD90': string;
+  'TD95': string;
+  'TD98': string;
+  'TE10': string;
+  'TE20': string;
+  'TE30': string;
+  'TE40': string;
+  'TE50': string;
+  'TE60': string;
+  'TE70': string;
+  'TE80': string;
+  'TE90': string;
+  'TE95': string;
+  'TE98': string;
+  'TF10': string;
+  'TF20': string;
+  'TF30': string;
+  'TF40': string;
+  'TF50': string;
+  'TF60': string;
+  'TF70': string;
+  'TF80': string;
+  'TF90': string;
+  'TF95': string;
+  'TF98': string;
+  'TG10': string;
+  'TG20': string;
+  'TG30': string;
+  'TG40': string;
+  'TG50': string;
+  'TG60': string;
+  'TG70': string;
+  'TG80': string;
+  'TG90': string;
+  'TG95': string;
+  'TG98': string;
+  'TH10': string;
+  'TH20': string;
+  'TH30': string;
+  'TH40': string;
+  'TH50': string;
+  'TH60': string;
+  'TH70': string;
+  'TH80': string;
+  'TH90': string;
+  'TH95': string;
+  'TH98': string;
+  'ald-divider': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

package/es/Dropdown/Button.d.ts

@@ -41,7 +41,7 @@ export interface IDropdownButton {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -52,12 +52,12 @@ export interface IDropdownButton {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 点击按钮时的回调
      * FIXME: onClick和trigger冲突，antd按钮和下拉菜单触发区域不同，需要和视觉确认

package/es/Dropdown/Button.js

@@ -1,6 +1,6 @@
 import "@aloudata/icons-react/styles/index.less";
 import _ArrowsDownLine from "@aloudata/icons-react/es/icons/ArrowsDownLine";
-var _excluded = ["children", "overlay", "placement", "trigger", "visible", "disabled", "onVisibleChange"];
+var _excluded = ["children", "overlay", "placement", "trigger", "open", "disabled", "onOpenChange"];
 
 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; }
 
@@ -16,18 +16,18 @@ export default function DropdownButton(props) {
       overlay = props.overlay,
       placement = props.placement,
       trigger = props.trigger,
-      visible = props.visible,
+      open = props.open,
       disabled = props.disabled,
-      onVisibleChange = props.onVisibleChange,
+      onOpenChange = props.onOpenChange,
       buttonProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: overlay,
     placement: placement,
     trigger: trigger,
-    visible: visible,
+    open: open,
     disabled: disabled,
-    onVisibleChange: onVisibleChange
+    onOpenChange: onOpenChange
   }, /*#__PURE__*/React.createElement(Button, Object.assign({}, buttonProps), children, /*#__PURE__*/React.createElement(_ArrowsDownLine, {
     fill: "currentColor"
   })));

package/es/Dropdown/index.d.ts

@@ -13,7 +13,7 @@ declare type Align = {
     useCssTransform?: boolean;
 };
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
-export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+export declare type PlacementType = 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
 export interface IDropdownProps {
     /**
      * @description 位置状态
@@ -45,7 +45,7 @@ export interface IDropdownProps {
      * @description 菜单弹出位置
      * @default bottomLeft
      */
-    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    placement?: 'bottomLeft' | 'bottom' | 'bottomRight' | 'topLeft' | 'top' | 'topRight';
     /**
      * @description 触发下拉的行为
      * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
@@ -56,12 +56,12 @@ export interface IDropdownProps {
      * @description 菜单是否显示
      * @default -
      */
-    visible?: boolean;
+    open?: boolean;
     /**
-     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发
      * @default -
      */
-    onVisibleChange?: (visible: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
     /**
      * @description 下拉框的属性
      * @default -

package/es/Dropdown/index.js

@@ -1,6 +1,6 @@
 import "antd/es/dropdown/style";
 import _Dropdown from "antd/es/dropdown";
-var _excluded = ["children", "visible"];
+var _excluded = ["children", "open"];
 
 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; }
 
@@ -11,14 +11,14 @@ import React from 'react';
 import DropdownButton from './Button';
 export default function Dropdown(props) {
   var children = props.children,
-      visible = props.visible,
-      otherProps = _objectWithoutProperties(props, _excluded); // antd根据visible字段是否存在来判断visible是否是可控模式
+      open = props.open,
+      otherProps = _objectWithoutProperties(props, _excluded); // antd 根据 open 字段是否存在来判断 open 是否是可控模式
 
 
   var antdDropdownProps = otherProps;
 
-  if (visible !== undefined) {
-    antdDropdownProps.visible = visible;
+  if (open !== undefined) {
+    antdDropdownProps.open = open;
   }
 
   return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({}, antdDropdownProps), children);

package/es/Icon/icons.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    id: number;
+    title: string;
+    name: string;
+    category: string;
+    categoryCN: string;
+    author: string;
+}[];
+export default _default;