@aloudata/aloudata-design 0.4.0-beta.9 → 0.4.0

package/lib/InputNumber/style/index.less

@@ -1,264 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import '../../style/index.less';
-
-@inputNumber-height-large: 36px;
-@inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 8px;
-@inputNumber-padding-large: 0 14px;
-
-@inputNumber-height-middle: 32px;
-@inputNumber-font-size-middle: 14px;
-@inputNumber-border-radius-middle: 8px;
-@inputNumber-padding-middle: 0 12px;
-
-@inputNumber-height-small: 28px;
-@inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 6px;
-@inputNumber-padding-small: 0 10px;
-
-//默认
-@inputNumber-bg-color: @BG100;
-@inputNumber-border-color: @BG60;
-@inputNumber-color: @NL0;
-@inputNumber-wrapper-bg-color: @BG95;
-//激活
-@inputNumber-active-bg-color: @BG100;
-@inputNumber-active-border-color: @B40;
-
-//disable
-@inputNumber-disabled-bg-color: @BG90;
-@inputNumber-disabled-border-color: @BG60;
-@inputNumber-disabled-color: @NL40;
-//光标颜色
-@inputNumber-cursor-color: @B60;
-
-//前后填充
-@inputNumber-addon-bg-color: @BG100;
-@inputNumber-addon-color: @NL40;
-@inputNumber-addon-border-color: @BG60;
-@inputNumber-addon-disable-color: @NL40;
-
-.ald-inputNumber {
-  &.ant-input-number {
-    height: @inputNumber-height-middle;
-    // overflow: hidden;
-    color: @inputNumber-color;
-    font-size: @inputNumber-font-size-middle;
-    background-color: @inputNumber-bg-color;
-    border-color: @inputNumber-border-color;
-    border-radius: @inputNumber-border-radius-middle;
-    box-shadow: none;
-
-    .ant-input-number-input-wrap {
-      height: 100%;
-
-      .ant-input-number-input {
-        height: 100%;
-        caret-color: @inputNumber-cursor-color;
-      }
-    }
-
-    .ant-input-number-handler-wrap {
-      overflow: hidden;
-
-      &:hover .ant-input-number-handler {
-        height: 50%;
-      }
-
-      .ant-input-number-handler {
-        background-color: @BG100;
-
-        .ant-input-number-handler-up-inner,
-        .ant-input-number-handler-down-inner {
-          color: @NL40;
-        }
-
-        &:hover,
-        &:active {
-          background-color: @BG100;
-
-          .ant-input-number-handler-up-inner,
-          .ant-input-number-handler-down-inner {
-            color: @NL40;
-          }
-        }
-      }
-
-      .ant-input-number-handler-down {
-        border-top: 0;
-      }
-
-      .ant-input-number-handler-up:hover {
-        height: 50% !important; // antd中就是 !important写法，这里做覆盖
-        background: @BG80;
-      }
-
-      .ant-input-number-handler-down:hover {
-        height: 50% !important; // 这里的!important同上
-        background: @BG80;
-      }
-    }
-
-    &.ald-inputNumber-large {
-      height: @inputNumber-height-large;
-      font-size: @inputNumber-font-size-large;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-large;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
-      }
-    }
-
-    &.ald-inputNumber-middle {
-      height: @inputNumber-height-middle;
-      font-size: @inputNumber-font-size-middle;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-middle;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
-      }
-    }
-
-    &.ald-inputNumber-small {
-      height: @inputNumber-height-small;
-      font-size: @inputNumber-font-size-small;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-small;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-small+1 @inputNumber-border-radius-small+1 0;
-      }
-    }
-
-    &-disabled {
-      color: @inputNumber-disabled-color;
-      background-color: @inputNumber-disabled-bg-color;
-      border-color: @inputNumber-disabled-border-color;
-      cursor: initial;
-
-      .ant-input-number-input-wrap .ant-input-number-input {
-        cursor: initial;
-      }
-    }
-
-    &:hover:not(.ald-inputNumber-disabled),
-    &-focused {
-      background-color: @inputNumber-active-bg-color;
-      border-color: @inputNumber-active-border-color;
-      box-shadow: @shadow-primary;
-    }
-  }
-
-  &.ant-input-number-group-wrapper {
-    // height: @inputNumber-height-middle;
-    // overflow: hidden;
-    color: @inputNumber-color;
-    // background-color: @inputNumber-wrapper-bg-color;
-    border-color: @inputNumber-border-color;
-    box-shadow: none;
-
-    &.ald-inputNumber-large {
-      font-size: @inputNumber-font-size-large;
-      border-radius: @inputNumber-border-radius-large;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-large;
-        padding: 0 14px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-large 0 0 @inputNumber-border-radius-large;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
-        }
-
-        & + .ant-input-number {
-          border-radius: 0;
-        }
-      }
-    }
-
-    &.ald-inputNumber-middle {
-      font-size: @inputNumber-font-size-middle;
-      border-radius: @inputNumber-border-radius-middle;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-middle;
-        padding: 0 12px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-middle 0 0 @inputNumber-border-radius-middle;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
-        }
-      }
-    }
-
-    &.ald-inputNumber-small {
-      font-size: @inputNumber-font-size-small;
-      border-radius: @inputNumber-border-radius-small;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-small;
-        padding: 0 10px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-small 0 0 @inputNumber-border-radius-small;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-small @inputNumber-border-radius-small 0;
-        }
-      }
-    }
-
-    .ant-input-number-wrapper {
-      height: 100%;
-      // overflow: hidden;
-      font-size: inherit;
-
-      .ant-input-number-group-addon {
-        // overflow: hidden;
-        color: @inputNumber-addon-color;
-        font-size: inherit;
-        background-color: @inputNumber-addon-bg-color;
-        // border-radius: @inputNumber-border-radius-middle;
-        border-color: @inputNumber-addon-border-color;
-
-        &:first-child {
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0;
-        }
-
-        &:last-child {
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0;
-        }
-      }
-
-      .ald-inputNumber {
-        position: relative;
-        z-index: 2;
-        margin: 0;
-        padding: 0;
-      }
-    }
-
-    &.ald-inputNumber-disabled {
-      .ant-input-number-wrapper .ant-input-number-group-addon {
-        color: @inputNumber-addon-disable-color;
-      }
-    }
-  }
-}

package/lib/InputNumber/type.d.ts

@@ -1,161 +0,0 @@
-/// <reference types="react" />
-import { InputNumberProps } from 'antd';
-export interface IInputNumberProps extends InputNumberProps {
-    /**
-     * @description   带标签的Input，设置后置标签
-     * @type  ReactNode
-     * @default    --
-     */
-    addonBefore?: React.ReactNode;
-    /**
-     * @description   带标签的Input，设置前置标签
-     * @type  ReactNode
-     * @default   --
-     */
-    addonAfter?: React.ReactNode;
-    /**
-     * @description  自动获取焦点
-     * @type boolean
-     * @default   false
-     */
-    autoFocus?: boolean;
-    /**
-     * @description   是否有边框
-     * @type  boolean
-     * @default    true
-     */
-    bordered?: boolean;
-    /**
-    * @description   是否显示增减按钮，也可以设置自定义箭头图标
-    * @type boolean
-      | {
-          upIcon?: React.ReactNode;
-          downIcon?: React.ReactNode;
-        };
-    * @default    -
-    */
-    controls?: boolean | {
-        upIcon?: React.ReactNode;
-        downIcon?: React.ReactNode;
-    };
-    /**
-     * @description   小数点
-     * @type  string
-     * @default    -
-     */
-    decimalSeparator?: string;
-    /**
-     * @description  初始值
-     * @type  number
-     * @default   -
-     */
-    defaultValue?: number;
-    /**
-     * @description  禁用
-     * @type  boolean
-     * @default    false
-     */
-    disabled?: boolean;
-    /**
-     * @description   制定输入框展示值的格式
-     * @type  (value: number | string | undefined, info: { userTyping: boolean; input: string }) => string
-     * @default   -
-     */
-    formatter?: (value: number | string | undefined, info: {
-        userTyping: boolean;
-        input: string;
-    }) => string;
-    /**
-     * @description   是否启用键盘快捷行为
-     * @type  boolean
-     * @default   true
-     */
-    keyboard?: boolean;
-    /**
-     * @description   最大值
-     * @type  number
-     * @default    Number.MAX_SAFE_INTEGER
-     */
-    max?: number;
-    /**
-     * @description   最小值
-     * @type  number
-     * @default    Number.MIN_SAFE_INTEGER
-     */
-    min?: number;
-    /**
-     * @description   指定从 formatter 里转换回数字的方式，和 formatter 搭配使用
-     * @type  (value: string) => number
-     * @default    -
-     */
-    parser?: (value: string | undefined) => number;
-    /**
-     * @description  数值精度，配置 formatter 时会以 formatter 为准
-     * @type number
-     * @default   -
-     */
-    precision?: number;
-    /**
-     * @description   只读
-     * @type  boolean
-     * @default    false
-     */
-    readonly?: boolean;
-    /**
-     * @description   设置校验状态
-     * @type  'warning' | 'error'
-     * @default    -
-     */
-    status?: 'warning' | 'error';
-    /**
-     * @description   带有前缀图标的input
-     * @type  ReactNode
-     * @default   -
-     */
-    prefix?: React.ReactNode;
-    /**
-     * @description   输入框大小
-     * @type 'small' | 'middle' | 'large'
-     * @default    -
-     */
-    size?: 'small' | 'middle' | 'large';
-    /**
-     * @description   每次改变步数，可以为小数
-     * @type  number | string
-     * @default    1
-     */
-    step?: number | string;
-    /**
-     * @description   字符值模式，开启后支持高精度小数。同时 onChange 将返回 string 类型
-     * @type  boolean
-     * @default    false
-     */
-    stringMode?: boolean;
-    /**
-     * @description   当前值
-     * @type  number
-     * @default   -
-     */
-    value?: number;
-    /**
-     * @description   变化回调
-     * @type   (value: number | string | null) => void
-     * @default    -
-     */
-    onChange?: (value: number | string | null) => void;
-    /**
-     * @description   按下回车的回调
-     * @type  (e: React.KeyboardEvent) => void
-     * @default    -
-     */
-    onPressEnter: (e: React.KeyboardEvent) => void;
-    /**
-     * @description   点击上下箭头的回调
-     * @type  (value: number|string, info: { offset: number|string, type: 'up' | 'down' }) => void
-     * @default    -
-     */
-    onStep: (value: number | string, info: {
-        offset: number | string;
-        type: 'up' | 'down';
-    }) => void;
-}

package/lib/InputNumber/type.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/Layout/index.d.ts

@@ -1,4 +0,0 @@
-import { Layout, SiderProps } from 'antd';
-export type { LayoutProps } from 'antd/lib/layout';
-export type { SiderProps };
-export default Layout;

package/lib/Layout/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/layout/style");
-
-var _layout = _interopRequireDefault(require("antd/es/layout"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _layout.default;
-exports.default = _default;

package/lib/Layout/style/index.d.ts

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

package/lib/Layout/style/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-require("../../style");
-
-require("./index.less");

package/lib/Layout/style/index.less

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

package/lib/Menu/Divider.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { MenuDividerProps } from 'antd/lib/menu/MenuDivider';
-export interface IMenuDividerProps extends MenuDividerProps {
-}
-export default function Menu(props: IMenuDividerProps): JSX.Element;

package/lib/Menu/Divider.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Menu;
-
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AntdMenuDivider = _menu.default.Divider;
-
-function Menu(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdMenuDivider, Object.assign({}, props));
-}

package/lib/Menu/MenuItem.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { MenuItemProps } from 'antd/lib/menu/MenuItem';
-import { MenuClickEventHandler } from 'rc-menu/lib/interface';
-export interface IMenuItemProps extends MenuItemProps {
-    /**
-     * @description 唯一标志
-     * @type string | number
-     * @default -
-     */
-    key?: React.Key;
-    /**
-     * @description 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @description 点击事件
-     * @type Function
-     * @default -
-     */
-    onClick?: MenuClickEventHandler;
-    /**
-     * @description 类名
-     * @type string
-     * @default -
-     */
-    className?: string;
-    children?: React.ReactNode;
-}
-export default function Menu(props: IMenuItemProps): JSX.Element;

package/lib/Menu/MenuItem.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Menu;
-
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var AntdMenuItem = _menu.default.Item;
-
-function Menu(props) {
-  return /*#__PURE__*/_react.default.createElement(AntdMenuItem, Object.assign({}, props));
-}

package/lib/Menu/SubMenu.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { SubMenuProps } from 'antd/es/menu/SubMenu';
-export interface ISubMenuProps extends SubMenuProps {
-    /**
-     * @description 唯一标志
-     * @type string | number
-     * @default -
-     */
-    key: React.Key;
-    /**
-     * @description 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @description 子菜单样式
-     * @default -
-     */
-    popupClassName?: string;
-    /**
-     * @description 子菜单项值
-     */
-    title?: React.ReactNode;
-    children?: React.ReactNode | React.ReactNode[];
-}
-export default function SubMenu(props: ISubMenuProps): JSX.Element;

package/lib/Menu/SubMenu.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SubMenu;
-
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["popupClassName"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
-
-var AntdSubMenu = _menu.default.SubMenu;
-
-function SubMenu(props) {
-  var popupClassName = props.popupClassName,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var OFFSET_WIDTH = 8;
-  var OFFSET_HEIGHT = 0;
-  return /*#__PURE__*/_react.default.createElement(AntdSubMenu, Object.assign({
-    popupClassName: (0, _classnames.default)(popupClassName, 'ald-submenu'),
-    popupOffset: [OFFSET_WIDTH, OFFSET_HEIGHT]
-  }, otherProps));
-}

package/lib/Menu/index.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { MenuProps } from 'antd';
-import { ItemType as antdItemType } from 'antd/lib/menu/hooks/useItems';
-import MenuItem from './MenuItem';
-import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
-export interface IMenuProps extends MenuProps {
-    /**
-     * @description 点击 MenuItem 调用此函数
-     * @type Function
-     * @default -
-     */
-    onClick?: MenuClickEventHandler;
-    className?: string;
-    children?: React.ReactNode | React.ReactNode[];
-}
-export declare type ItemType = antdItemType;
-declare function Menu(props: IMenuProps): JSX.Element;
-declare namespace Menu {
-    var Item: typeof MenuItem;
-    var Divider: typeof import("./Divider").default;
-    var SubMenu: typeof import("./SubMenu").default;
-}
-export default Menu;

package/lib/Menu/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Menu;
-
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-
-var _Divider = _interopRequireDefault(require("./Divider"));
-
-var _SubMenu = _interopRequireDefault(require("./SubMenu"));
-
-var _excluded = ["className"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
-
-function Menu(props) {
-  var className = props.className,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_menu.default, Object.assign({
-    className: (0, _classnames.default)(className, 'ald-menu')
-  }, otherProps));
-}
-
-Menu.Item = _MenuItem.default;
-Menu.Divider = _Divider.default;
-Menu.SubMenu = _SubMenu.default;

package/lib/Menu/style/index.d.ts

@@ -1,3 +0,0 @@
-import 'antd/lib/menu/style';
-import '../../style';
-import './index.less';

package/lib/Menu/style/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-require("antd/lib/menu/style");
-
-require("../../style");
-
-require("./index.less");