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

package/dist/Modal/index.js

@@ -0,0 +1,212 @@
+var _excluded = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "icon", "title"],
+    _excluded2 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
+    _excluded3 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
+    _excluded4 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
+    _excluded5 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"],
+    _excluded6 = ["icon", "okButtonProps", "cancelButtonProps", "okType", "width"];
+
+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; }
+
+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 { AlertTriangleDuotone, CheckCircleDuotone, CloseLLine, InfoCircleLine } from '@aloudata/icons-react';
+import { Modal as AntdModal } from 'antd';
+import { modalGlobalConfig } from 'antd/lib/modal/confirm';
+import useModal from 'antd/lib/modal/useModal/index';
+import classNames from 'classnames';
+import React from 'react';
+import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
+import theme from "../style/themes/default/themeColor.module.less"; // export type { ModalProps, ModalFuncProps };
+
+export var destroyFns = [];
+var DEFAULT_WIDTH = 552;
+
+function getButtonProps(buttonProps, defaultBtnType, okType) {
+  var btnType = okType || defaultBtnType;
+  var buttonClassName = buttonProps.className,
+      _buttonProps$type = buttonProps.type,
+      type = _buttonProps$type === void 0 ? btnType : _buttonProps$type,
+      loading = buttonProps.loading,
+      _buttonProps$size = buttonProps.size,
+      size = _buttonProps$size === void 0 ? 'middle' : _buttonProps$size,
+      disabled = buttonProps.disabled,
+      _buttonProps$shape = buttonProps.shape,
+      shape = _buttonProps$shape === void 0 ? 'default' : _buttonProps$shape;
+  return {
+    disable: loading ? true : disabled,
+    type: getButtonType(type),
+    className: classNames(btnPrefix, "".concat(btnPrefix, "-").concat(type), buttonClassName, getButtonSizeClass(size)),
+    danger: getDangerStatus(type),
+    shape: getShape(shape)
+  };
+}
+
+var OriginModal = function OriginModal(props) {
+  var className = props.className,
+      children = props.children,
+      okType = props.okType,
+      width = props.width,
+      closeIcon = props.closeIcon,
+      subTitle = props.subTitle,
+      _props$okButtonProps = props.okButtonProps,
+      okButtonProps = _props$okButtonProps === void 0 ? {} : _props$okButtonProps,
+      _props$cancelButtonPr = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
+      icon = props.icon,
+      title = props.title,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
+    title: /*#__PURE__*/React.createElement("div", {
+      className: 'ald-modal-title-container'
+    }, icon, /*#__PURE__*/React.createElement("div", {
+      className: 'ald-modal-text-container'
+    }, title && /*#__PURE__*/React.createElement("div", {
+      className: 'title'
+    }, title), subTitle && /*#__PURE__*/React.createElement("div", {
+      className: 'subTitle'
+    }, subTitle))),
+    className: classNames('ald-modal', className),
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    closeIcon: closeIcon || /*#__PURE__*/React.createElement(CloseLLine, {
+      size: 16,
+      className: "ald-modal-close"
+    })
+  }), children);
+};
+
+OriginModal.useModal = useModal;
+var Modal = OriginModal;
+
+Modal.info = function infoFn(props) {
+  var icon = props.icon,
+      _props$okButtonProps2 = props.okButtonProps,
+      okButtonProps = _props$okButtonProps2 === void 0 ? {} : _props$okButtonProps2,
+      _props$cancelButtonPr2 = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr2 === void 0 ? {} : _props$cancelButtonPr2,
+      okType = props.okType,
+      width = props.width,
+      restProps = _objectWithoutProperties(props, _excluded2);
+
+  return AntdModal.success(_objectSpread({
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    icon: icon || /*#__PURE__*/React.createElement(InfoCircleLine, {
+      size: 16,
+      fill: theme.B40,
+      className: "ald-modal-close"
+    })
+  }, restProps));
+};
+
+Modal.success = function successFn(props) {
+  var icon = props.icon,
+      _props$okButtonProps3 = props.okButtonProps,
+      okButtonProps = _props$okButtonProps3 === void 0 ? {} : _props$okButtonProps3,
+      _props$cancelButtonPr3 = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr3 === void 0 ? {} : _props$cancelButtonPr3,
+      okType = props.okType,
+      width = props.width,
+      restProps = _objectWithoutProperties(props, _excluded3);
+
+  return AntdModal.success(_objectSpread({
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    icon: icon || /*#__PURE__*/React.createElement(CheckCircleDuotone, {
+      fill: [theme.SA40, theme.ND0],
+      size: 16,
+      theme: "multi-color"
+    })
+  }, restProps));
+};
+
+Modal.error = function errorFn(props) {
+  var icon = props.icon,
+      _props$okButtonProps4 = props.okButtonProps,
+      okButtonProps = _props$okButtonProps4 === void 0 ? {} : _props$okButtonProps4,
+      _props$cancelButtonPr4 = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr4 === void 0 ? {} : _props$cancelButtonPr4,
+      okType = props.okType,
+      width = props.width,
+      restProps = _objectWithoutProperties(props, _excluded4);
+
+  return AntdModal.success(_objectSpread({
+    okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    icon: icon || /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+      fill: [theme.SC40, theme.ND0],
+      size: 16,
+      theme: "multi-color"
+    })
+  }, restProps));
+};
+
+Modal.warning = function modalWarn(props) {
+  var icon = props.icon,
+      _props$okButtonProps5 = props.okButtonProps,
+      okButtonProps = _props$okButtonProps5 === void 0 ? {} : _props$okButtonProps5,
+      _props$cancelButtonPr5 = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr5 === void 0 ? {} : _props$cancelButtonPr5,
+      okType = props.okType,
+      width = props.width,
+      restProps = _objectWithoutProperties(props, _excluded5);
+
+  return AntdModal.success(_objectSpread({
+    okButtonProps: getButtonProps(okButtonProps, 'dangerous', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    icon: icon || /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+      fill: [theme.SB40, theme.ND0],
+      theme: "multi-color",
+      size: 16
+    })
+  }, restProps));
+};
+
+Modal.confirm = function confirmFn(props) {
+  var icon = props.icon,
+      _props$okButtonProps6 = props.okButtonProps,
+      okButtonProps = _props$okButtonProps6 === void 0 ? {} : _props$okButtonProps6,
+      _props$cancelButtonPr6 = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr6 === void 0 ? {} : _props$cancelButtonPr6,
+      okType = props.okType,
+      width = props.width,
+      restProps = _objectWithoutProperties(props, _excluded6);
+
+  return AntdModal.success(_objectSpread({
+    okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary', okType),
+    width: width || DEFAULT_WIDTH,
+    icon: icon || /*#__PURE__*/React.createElement(InfoCircleLine, {
+      size: 16,
+      fill: theme.SB40,
+      className: "ald-modal-close"
+    })
+  }, restProps));
+};
+
+Modal.destroyAll = function destroyAllFn() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+
+    if (close) {
+      close();
+    }
+  }
+};
+
+Modal.config = modalGlobalConfig;
+export default Modal;

package/dist/Modal/locale.js

@@ -0,0 +1,20 @@
+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 defaultLocale from "../locale/default";
+
+var runtimeLocale = _objectSpread({}, defaultLocale.Modal);
+
+export function changeConfirmLocale(newLocale) {
+  if (newLocale) {
+    runtimeLocale = _objectSpread(_objectSpread({}, runtimeLocale), newLocale);
+  } else {
+    runtimeLocale = _objectSpread({}, defaultLocale.Modal);
+  }
+}
+export function getConfirmLocale() {
+  return runtimeLocale;
+}

package/dist/Modal/style/index.js

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

package/dist/Modal/style/index.less

@@ -0,0 +1,88 @@
+@import '../../style/index.less';
+
+.ald-modal {
+  .ant-modal-content {
+    padding: 16px 24px;
+    box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%),
+      0 8px 8px -4px rgb(16 24 40 / 3%);
+    border-radius: 4px;
+  }
+
+  .ald-modal-close {
+    position: relative;
+    top: 5px;
+    left: -4px;
+  }
+
+  .ald-modal-title-container {
+    display: inline-flex;
+    align-items: center;
+
+    .ald-modal-text-container {
+      margin-left: 12px;
+    }
+
+    .title {
+      color: @NL0;
+      font-weight: 600;
+      font-size: 18px;
+      line-height: 28px;
+    }
+
+    .subTitle {
+      margin-top: 4px;
+      color: @NL40;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+
+  .ant-modal-header {
+    margin-bottom: 16px;
+
+    .ant-modal-title {
+      width: 95%;
+      color: @NL0;
+      font-weight: 600;
+      font-size: 16px;
+      font-family: 'PingFang SC', sans-serif;
+      font-style: normal;
+      line-height: 24px;
+    }
+  }
+
+  .ant-modal-body {
+    max-height: 70vh;
+    overflow: auto;
+    overflow: overlay;
+    line-height: 20px;
+    font-size: 13px;
+  }
+
+  .ant-modal-footer{
+    .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+      margin-bottom: 0;
+      margin-inline-start: 12px;
+    }
+  } 
+}
+
+.ant-modal-confirm {
+  .ant-modal-confirm-body > .i-icon {
+    & + .ant-modal-confirm-title {
+      flex: 1;
+      overflow: initial;
+      margin-inline-start: 12px;
+  
+      & + .ant-modal-confirm-content {
+        margin-block-start: 16px;
+        margin-left:28px;
+      }
+    }
+  }
+
+  .ant-modal-confirm-btns{
+    margin-block-start: 16px;
+  }
+}

package/dist/Navigator/components/Menu/index.js

@@ -0,0 +1,53 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useEffect, useCallback } from 'react';
+import MenuItem from "../MenuItem";
+
+function Menu(props) {
+  var menuList = props.menuList,
+      selectedKey = props.selectedKey,
+      _props$onMenuSelect = props.onMenuSelect,
+      onMenuSelectCallback = _props$onMenuSelect === void 0 ? function () {} : _props$onMenuSelect;
+
+  var _useState = useState(selectedKey),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentSelectKey = _useState2[0],
+      setCurrentSelectKey = _useState2[1];
+
+  var onMenuSelect = useCallback(function (menuInfo) {
+    setCurrentSelectKey(menuInfo.key);
+    onMenuSelectCallback(menuInfo);
+  }, [onMenuSelectCallback]);
+  useEffect(function () {
+    setCurrentSelectKey(selectedKey);
+  }, [selectedKey]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(menuList) && menuList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ald-nav-group",
+      key: "".concat(String(index), "_key")
+    }, item.groupTitle && /*#__PURE__*/React.createElement("div", {
+      className: "ald-nav-group-title"
+    }, item.groupTitle), item.children.map(function (data) {
+      return /*#__PURE__*/React.createElement(MenuItem, _extends({}, data, {
+        key: data.key,
+        menuItemKey: data.key,
+        selectedKey: currentSelectKey,
+        onMenuSelect: onMenuSelect
+      }));
+    }));
+  }));
+}
+
+export default Menu;

package/dist/Navigator/index.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
+import Menu from "./components/Menu";
+import Header from "./components/Header";
+
+function Navigator(props) {
+  var logoSrc = props.logoSrc,
+      menuList = props.menuList,
+      selectedKey = props.selectedKey,
+      _props$footer = props.footer,
+      footer = _props$footer === void 0 ? null : _props$footer,
+      onMenuSelect = props.onMenuSelect;
+  var renderMenu = useCallback(function () {
+    return /*#__PURE__*/React.createElement(Menu, {
+      menuList: menuList,
+      selectedKey: selectedKey,
+      onMenuSelect: onMenuSelect
+    });
+  }, [selectedKey, menuList, onMenuSelect]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-nav')
+  }, /*#__PURE__*/React.createElement(Header, {
+    logoSrc: logoSrc
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-nav-menu', {
+      'ald-nav-menu-has-footer': !!footer
+    })
+  }, renderMenu()), footer && /*#__PURE__*/React.createElement("div", {
+    className: "ald-nav-footer"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ald-nav-footer-wrap"
+  }, footer)));
+}
+
+export default Navigator;

package/dist/Navigator/style/index.js

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

package/dist/Popconfirm/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PopconfirmProps as AntdPopconfirmProps } from 'antd';
+import { ButtonType, IButtonProps } from '../Button';
+export interface PopconfirmProps extends Omit<AntdPopconfirmProps, 'okButtonProps' | 'cancelButtonProps' | 'okType' | 'description'> {
+    okButtonProps?: IButtonProps;
+    cancelButtonProps?: IButtonProps;
+    okType?: ButtonType;
+}
+declare function MyPopconfirm(props: PopconfirmProps): JSX.Element;
+export default MyPopconfirm;

package/dist/Popconfirm/index.js

@@ -0,0 +1,58 @@
+var _excluded = ["okButtonProps", "cancelButtonProps", "okType", "icon"];
+
+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 { AlertTriangleDuotone } from '@aloudata/icons-react';
+import { Popconfirm } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
+import themeColor from "../style/themes/default/themeColor.module.less";
+
+function MyPopconfirm(props) {
+  var _props$okButtonProps = props.okButtonProps,
+      okButtonProps = _props$okButtonProps === void 0 ? {} : _props$okButtonProps,
+      _props$cancelButtonPr = props.cancelButtonProps,
+      cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
+      okType = props.okType,
+      _props$icon = props.icon,
+      icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
+    size: 16,
+    theme: "multi-color",
+    fill: [themeColor.SB40, themeColor.BG100]
+  }) : _props$icon,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  function getButtonProps(buttonProps, defaultBtnType) {
+    var btnType = defaultBtnType === 'dangerous' ? okType || 'dangerous' : 'secondary';
+    var className = buttonProps.className,
+        _buttonProps$type = buttonProps.type,
+        type = _buttonProps$type === void 0 ? btnType : _buttonProps$type,
+        loading = buttonProps.loading,
+        _buttonProps$size = buttonProps.size,
+        size = _buttonProps$size === void 0 ? 'small' : _buttonProps$size,
+        disabled = buttonProps.disabled,
+        _buttonProps$shape = buttonProps.shape,
+        shape = _buttonProps$shape === void 0 ? 'default' : _buttonProps$shape;
+    return {
+      disable: loading ? true : disabled,
+      type: getButtonType(type),
+      className: classNames(btnPrefix, "".concat(btnPrefix, "-").concat(type), className, getButtonSizeClass(size)),
+      danger: getDangerStatus(type),
+      shape: getShape(shape)
+    };
+  }
+
+  return /*#__PURE__*/React.createElement(Popconfirm, _extends({}, restProps, {
+    icon: icon,
+    okButtonProps: getButtonProps(okButtonProps, 'dangerous'),
+    cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
+    description: null
+  }));
+}
+
+export default MyPopconfirm;

package/dist/Popconfirm/style/index.js

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

package/dist/Popconfirm/style/index.less

@@ -0,0 +1,28 @@
+@import '../../style/index.less';
+
+.ant-popover .ant-popover-inner {
+  padding: 16px;
+
+  .ant-popover-inner-content {
+    .ant-popconfirm-message {
+      padding-bottom: 16px;
+      margin-bottom: 0;
+    }
+
+    .ant-popconfirm-buttons{
+      padding-top:16px;
+    }
+  }
+}
+
+.ant-popconfirm-message {
+  margin-bottom: 16px;
+
+  .ant-popconfirm-message-title {
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 20px;
+    color: @NL40;
+    margin-inline-start: 4px;
+  }
+}

package/dist/Popover/index.js

@@ -0,0 +1,23 @@
+var _excluded = ["overlayClassName", "children"];
+
+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 { Popover as AntdPopover } from 'antd';
+import classnames from 'classnames';
+
+function Popover(props) {
+  var overlayClassName = props.overlayClassName,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(AntdPopover, _extends({
+    overlayClassName: classnames('ald-popover', overlayClassName)
+  }, restProps), children);
+}
+
+export default Popover;

package/dist/Popover/style/index.js

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

package/dist/Progress/index.js

@@ -0,0 +1,3 @@
+import Progress, { ProgressProps } from 'antd/es/progress';
+export { ProgressProps };
+export default Progress;

package/dist/Progress/style/index.js

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

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

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

package/dist/Radio/components/Radio/index.js

@@ -0,0 +1,95 @@
+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 classNames from 'classnames';
+import React, { useContext, useEffect, useRef } from 'react';
+import _ from 'lodash';
+import { RadioGroupContext } from "../Group";
+import { getUUID } from "../../../_utils/hooks/useId";
+export default function Radio(props) {
+  var groupContext = useContext(RadioGroupContext);
+  var labelRef = useRef(null);
+  var id = getUUID().toString();
+
+  var radioProps = _objectSpread({}, props);
+
+  if (!_.isEmpty(groupContext)) {
+    radioProps.disabled = props.disabled;
+    radioProps.checked = !props.disabled && groupContext.value === props.value;
+  } else {
+    radioProps.checked = !('checked' in props) ? props.defaultChecked : radioProps.checked;
+  } // 设置input外层盒子的class
+
+
+  var aldRadioClass = classNames('ald-radio', {
+    'ald-radio-checked': radioProps.checked,
+    'ald-radio-disabled': radioProps.disabled
+  }); // 根据属性设置最外层的class
+
+  var getWrapperClass = function getWrapperClass() {
+    var otherClass = '';
+
+    if (groupContext.type === 'button') {
+      if (groupContext.radioGroupStyle === 'filled') {
+        otherClass = 'ald-radio-button-wrapper-filled';
+      } else {
+        otherClass = 'ald-radio-button-wrapper-border';
+      }
+    } else if (groupContext.type === 'iconButton') {
+      if (groupContext.radioGroupStyle === 'filled') {
+        otherClass = 'ald-radio-icon-button-wrapper-filled';
+      } else {
+        otherClass = 'ald-radio-icon-button-wrapper-border';
+      }
+    } else {
+      // 当type未设置或者是radio时
+      otherClass = 'ald-radio-wrapper';
+    }
+
+    return classNames('ald-radio-label', otherClass, {
+      'ald-radio-wrapper-checked': radioProps.checked,
+      'ald-radio-wrapper-disabled': radioProps.disabled
+    });
+  }; // filled button模式下，更改滑块的位置
+
+
+  useEffect(function () {
+    var _groupContext$sliderR;
+
+    if (radioProps.checked && groupContext !== null && groupContext !== void 0 && (_groupContext$sliderR = groupContext.sliderRef) !== null && _groupContext$sliderR !== void 0 && _groupContext$sliderR.current && labelRef !== null && labelRef !== void 0 && labelRef.current) {
+      groupContext.sliderRef.current.style.left = "".concat(labelRef.current.offsetLeft, "px");
+      groupContext.sliderRef.current.style.width = "".concat(labelRef.current.offsetWidth, "px");
+    }
+  }, [groupContext.sliderRef, radioProps.checked]);
+
+  var onChange = function onChange() {
+    if (groupContext !== null && groupContext !== void 0 && groupContext.onChange) {
+      // console.log(e);
+      // input事件的value会被toString，所以此处进行一个覆盖
+      groupContext.onChange(props.value);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("label", {
+    className: getWrapperClass(),
+    htmlFor: id,
+    ref: labelRef
+  }, /*#__PURE__*/React.createElement("span", {
+    className: aldRadioClass
+  }, /*#__PURE__*/React.createElement("input", {
+    id: id,
+    type: "radio",
+    className: "ald-radio-input",
+    checked: radioProps.checked,
+    disabled: radioProps.disabled,
+    value: props.value,
+    onChange: onChange
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "ald-radio-inner"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "ald-radio-desc"
+  }, props.children));
+}