@aloudata/aloudata-design 1.10.14 → 2.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.10.14",
+  "version": "2.0.0-beta.2",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",
@@ -12,11 +12,12 @@
     "build": "father build && npm run build:minCss",
     "build:minCss": "webpack --mode=production --node-env=production",
     "build:watch": "father dev",
-    "cmt": "zx ./scripts/createComponentTemplate.mjs",
-    "dev": "npm run gen:icon && dumi dev",
+    "cmt": "npx zx ./scripts/createComponentTemplate.mjs",
+    "dev": "npm run gen:icon && npm run gen:vars && dumi dev",
     "docs:build": "dumi build",
     "doctor": "father doctor",
     "gen:icon": "node ./scripts/genIcon.mjs",
+    "gen:vars": "npx zx ./scripts/genVariables.mjs",
     "jest": "jest",
     "jest:watch": "jest --watch",
     "linkToLocal": "npm run build && node ./scripts/linkToLocal.mjs",

package/dist/Icon/components/Icon.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-interface IBaseIconProps {
-    className?: string;
-    type?: string;
-    size?: number | string;
-    color?: string;
-    style?: React.CSSProperties;
-}
-declare global {
-    interface IIconParkIconAttributes<T> extends IBaseIconProps, React.HTMLAttributes<T> {
-        'icon-id'?: string;
-        name?: string;
-        size?: string;
-        type?: string;
-        width?: string;
-        height?: string;
-        color?: string;
-        stroke?: string;
-        fill?: string;
-        rtl?: boolean;
-        spin?: boolean;
-        className?: string;
-        style?: React.CSSProperties;
-    }
-    namespace JSX {
-        interface IntrinsicElements {
-            'iconpark-icon': React.DetailedHTMLProps<IIconParkIconAttributes<HTMLElement>, HTMLElement>;
-        }
-    }
-}
-export { IBaseIconProps };
-export default function Icon(props: IBaseIconProps): React.JSX.Element;

package/dist/Icon/components/Icon.js

@@ -1,25 +0,0 @@
-var _excluded = ["type", "size", "className", "color"];
-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 _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; }
-import React from 'react';
-import classnames from 'classnames';
-export default function Icon(props) {
-  var type = props.type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? '1em' : _props$size,
-    _props$className = props.className,
-    className = _props$className === void 0 ? 'ald-icon' : _props$className,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'currentColor' : _props$color,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("iconpark-icon", _extends({
-    name: type
-    // @ts-ignore react里web-component 只能使用class
-    ,
-    class: classnames('ald-icon', className),
-    size: String(size),
-    color: color,
-    fill: color
-  }, rest));
-}

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { GroupProps } from 'antd/lib/input';
-import { TSize } from '../Input';
-export interface IGroupProps extends Omit<GroupProps, 'size'> {
-    /**
-     * @description 是否用紧凑模式
-     * @default false
-     */
-    compact?: boolean;
-    /**
-     * @description Input.Group 中所有的 Input 的大小，可选 large default small
-     * @type 'mini'|'small' | 'middle' | 'large';
-     * @default default
-     */
-    size?: TSize;
-    className?: string;
-}
-export default function Group(props: IGroupProps): React.JSX.Element;

package/dist/Input/components/Group/index.js

@@ -1,19 +0,0 @@
-var _excluded = ["size", "className"];
-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 _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; }
-import React from 'react';
-import AntdInput from 'antd/lib/input';
-import { getSizeType } from "../Input";
-import classnames from 'classnames';
-var AntdGroup = AntdInput.Group;
-export default function Group(props) {
-  var _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(AntdGroup, _extends({
-    className: classnames("ald-input-group-".concat(getSizeType(size)), className)
-  }, rest));
-}

package/dist/Menu/style/dropdown.less

@@ -1,61 +0,0 @@
-// Menu 和子menu的样式
-.dropdown-menu-content {
-  background: @BG100;
-  // border: 1px solid @BG70;
-  border-radius: 0;
-  box-shadow: @shadow-L;
-  padding: 0;
-
-  .ant-dropdown-menu-item-divider,
-  .ant-dropdown-menu-submenu-title-divider {
-    background-color: @BG70;
-    margin: 0;
-  }
-
-  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
-    background-color: unset;
-  }
-
-  .ant-dropdown-menu-item {
-    padding: 6px 8px;
-    line-height: 20px;
-    font-size: 13px;
-    border-radius: 0;
-
-    &:hover {
-      background-color: @BG90;
-    }
-
-    &.ant-dropdown-menu-item-disabled {
-      color: @NL50;
-      background-color: @BG100;
-      cursor: default;
-    }
-  }
-}
-
-.ant-dropdown.ant-dropdown {
-  .ant-dropdown-menu.ant-dropdown-menu {
-    .dropdown-menu-content();
-  }
-}
-
-.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu {
-  .ant-dropdown-menu-sub {
-    .dropdown-menu-content();
-  }
-
-  &.ant-dropdown-menu-submenu-popup {
-    border: 1px solid #d5d5d5;
-    border-radius: 2px;
-    min-width: 140px;
-  }
-
-  &.ant-dropdown-menu-submenu-active {
-    background-color: @BG90;
-  }
-}
-
-.ant-dropdown-menu-submenu-expand-icon {
-  top: 8px;
-}

package/dist/Select/style/multiple.less

@@ -1,55 +0,0 @@
-@import './variables.less';
-
-.ald-multiple-option-list {
-  display: flex;
-  justify-content: space-between;
-  flex-direction: column;
-  color: @NL0;
-  font-size: 13px;
-  line-height: 20px;
-}
-
-.ald-multiple-option {
-  padding: 8px 12px;
-  // height: 20px;
-  margin-left: 0;
-  display: flex;
-  height: @select-multiple-option-height;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  &:hover {
-    background-color: @BG90;
-  }
-
-  &.ald-multiple-option-disabled {
-    opacity: 0.5;
-
-    &:hover {
-      background: none;
-      cursor: default;
-    }
-  }
-}
-
-.ald-multiple-option-label {
-  white-space: nowrap;
-  margin-left: 4px;
-  flex: 1;
-}
-
-.ald-select-multiple .ant-select {
-  .ant-select-selector {
-    border: none;
-    background: none;
-    padding: 0;
-    height: auto;
-    min-height: 0;
-    cursor: text;
-    align-items: flex-start;
-
-    .ant-select-selection-overflow {
-      height: 100%;
-    }
-  }
-}

package/dist/Select/style/single.less

@@ -1,44 +0,0 @@
-.ald-single-option-list {
-  color: @NL0;
-  font-size: 13px;
-  line-height: 20px;
-
-  .ald-single-option {
-    padding: 4px 12px;
-    display: flex;
-    align-items: center;
-    margin-left: 0;
-    height: @select-single-option-height;
-    box-sizing: border-box;
-    cursor: pointer;
-
-    &:hover {
-      background-color: @BG90;
-    }
-
-    .ald-icons-check-line {
-      height: 20px;
-      width: 20px;
-      margin-right: 8px;
-      flex-shrink: 0;
-    }
-
-    .ald-single-option-text {
-      white-space: nowrap;
-      flex: 1;
-    }
-
-    &.ald-single-option-disabled {
-      opacity: 0.5;
-
-      &:hover {
-        background: none;
-        cursor: default;
-      }
-    }
-
-    &.ald-single-option-selected {
-      background: var(--colors-blue-100, #f0f6ff);
-    }
-  }
-}