@qn-pandora/pandora-component 4.0.0 → 4.0.2

package/es/components/DateTimePicker/style.less

@@ -1,19 +1,19 @@
-@import 'antd/lib/popover/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-datetime-pick-popover-root {
-  .@{ant-prefix}-popover-inner-content {
-    padding: 0;
-  }
-  .@{ant-prefix}-btn {
-    line-height: 1.499;
-  }
-
-  .@{ant-prefix}-table {
-    line-height: 1.5;
-  }
-}
-
-.@{sdk-prefix}-datetime-pick-popover {
-  width: 650px;
-}
+@import 'antd/lib/popover/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-datetime-pick-popover-root {
+  .@{ant-prefix}-popover-inner-content {
+    padding: 0;
+  }
+  .@{ant-prefix}-btn {
+    line-height: 1.499;
+  }
+
+  .@{ant-prefix}-table {
+    line-height: 1.5;
+  }
+}
+
+.@{sdk-prefix}-datetime-pick-popover {
+  width: 650px;
+}

package/es/components/Drawer/index.d.ts

@@ -53,5 +53,58 @@ export declare type IDrawerProps = Overwrite<DrawerProps, {
     onClose?: (e: EventType) => void;
     afterVisibleChange?: (visible: boolean) => void;
 }>;
-export default function Drawer(props: React.PropsWithChildren<IDrawerProps>): JSX.Element;
-export {};
+export declare function Drawer(props: React.PropsWithChildren<IDrawerProps>): JSX.Element;
+declare const _default: (props: {
+    className?: string | undefined;
+    /**
+     * 是否显示关闭按钮
+     */
+    closable?: boolean | undefined;
+    /**
+     * 点击遮蔽层是否可以关闭
+     */
+    maskClosable?: boolean | undefined;
+    /**
+     * 是否有遮蔽层
+     */
+    mask?: boolean | undefined;
+    /**
+     * 遮蔽层样式
+     */
+    maskStyle?: React.CSSProperties | undefined;
+    /**
+     * 位置
+     */
+    placement?: "top" | "left" | "right" | "bottom" | undefined;
+    /**
+     * 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 是否可见
+     */
+    visible?: boolean | undefined;
+    /**
+     * 宽
+     */
+    width?: string | number | undefined;
+    /**
+     * 高
+     */
+    height?: string | number | undefined;
+    /**
+     * 容器的class name
+     */
+    wrapClassName?: string | undefined;
+    /**
+     * 层级
+     */
+    zIndex?: number | undefined;
+    getContainer?: string | false | HTMLElement | getContainerFunc | undefined;
+    onClose?: ((e: EventType) => void) | undefined;
+    afterVisibleChange?: ((visible: boolean) => void) | undefined;
+} & Pick<DrawerProps, "style" | "autoFocus" | "size" | "prefixCls" | "footer" | "extra" | "bodyStyle" | "forceRender" | "keyboard" | "destroyOnClose" | "closeIcon" | "drawerStyle" | "headerStyle" | "contentWrapperStyle" | "push" | "handler" | "footerStyle" | "level" | "levelMove"> & {
+    bodyStyle?: React.CSSProperties | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default _default;

package/es/components/Drawer/index.js

@@ -24,7 +24,9 @@ import * as React from 'react';
 import classnames from 'classnames';
 import { Drawer as BaseDrawer } from 'antd';
 import { SDK_PREFIX } from '../../constants/style';
-export default function Drawer(props) {
+import popContainerWrapper from '../../hoc/popContainer';
+export function Drawer(props) {
     var width = props.width, className = props.className, other = __rest(props, ["width", "className"]);
     return (React.createElement(BaseDrawer, __assign({ className: classnames(SDK_PREFIX + "-drawer", className), width: width || 'auto', zIndex: 1200 }, other)));
 }
+export default popContainerWrapper(Drawer);

package/es/components/Drawer/style.less

@@ -1,17 +1,17 @@
-@import 'antd/lib/drawer/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-drawer {
-  .@{ant-prefix}-drawer-content-wrapper {
-    width: 50%;
-    min-width: 600px;
-  }
-  .@{ant-prefix}-drawer-content > div {
-    position: relative;
-  }
-  .@{ant-prefix}-drawer-close-x {
-    width: 60px;
-    height: 60px;
-    line-height: 60px;
-  }
-}
+@import 'antd/lib/drawer/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-drawer {
+  .@{ant-prefix}-drawer-content-wrapper {
+    width: 50%;
+    min-width: 600px;
+  }
+  .@{ant-prefix}-drawer-content > div {
+    position: relative;
+  }
+  .@{ant-prefix}-drawer-close-x {
+    width: 60px;
+    height: 60px;
+    line-height: 60px;
+  }
+}

package/es/components/Input/style.less

@@ -1,12 +1,12 @@
-@import 'antd/lib/input/style/index.less';
-@import '../../style/theme.less';
-
-.@{ant-prefix}-input {
-  &[disabled] {
-    border-color: @input-disabled-border-color;
-  }
-}
-
-.@{ant-prefix}-input-group-addon {
-  color: @font-color-6;
-}
+@import 'antd/lib/input/style/index.less';
+@import '../../style/theme.less';
+
+.@{ant-prefix}-input {
+  &[disabled] {
+    border-color: @input-disabled-border-color;
+  }
+}
+
+.@{ant-prefix}-input-group-addon {
+  color: @font-color-6;
+}

package/es/components/KeyValuePair/style.less

@@ -1,21 +1,21 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-key-value-label,
-.@{sdk-prefix}-key-value-value {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.8;
-  vertical-align: middle; // overflow：hidden和display: inline-block一起使用时会造成baseline的移动，进而增大高度
-}
-
-.@{sdk-prefix}-key-value-label {
-  color: @font-color-6;
-  width: 30%;
-}
-
-.@{sdk-prefix}-key-value-value {
-  color: @font-color-7;
-  width: 70%;
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-key-value-label,
+.@{sdk-prefix}-key-value-value {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.8;
+  vertical-align: middle; // overflow：hidden和display: inline-block一起使用时会造成baseline的移动，进而增大高度
+}
+
+.@{sdk-prefix}-key-value-label {
+  color: @font-color-6;
+  width: 30%;
+}
+
+.@{sdk-prefix}-key-value-value {
+  color: @font-color-7;
+  width: 70%;
+}

package/es/components/Menu/Option.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
+import type { IMenuProps } from './index';
 export interface IOption {
     key: string;
+    /**
+     * 路由实际地址
+     */
+    url?: string;
     /**
      * 标题
      */
@@ -18,5 +23,6 @@ export interface IOption {
      */
     children?: IOption[];
     popupClassName?: string;
+    onMenuClick?: IMenuProps['onClick'];
 }
 export default function Option(option: IOption): JSX.Element;

package/es/components/Menu/Option.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import * as React from 'react';
 import { Menu as BaseMenu } from 'antd';
 import { SDK_PREFIX } from '../../constants/style';
@@ -10,5 +21,9 @@ export default function Option(option) {
         }
         return React.createElement(Item, { key: option.key }, option.text);
     }
-    return (React.createElement(SubMenu, { key: option.key, title: option.text, popupClassName: option.popupClassName }, option.children.map(function (item) { return Option(item); })));
+    return (React.createElement(SubMenu, { key: option.key, title: option.text, popupClassName: option.popupClassName, 
+        // 如果子菜单也有url时，点击触发menu的点击回调函数
+        onTitleClick: function (e) { var _a; return option.url && ((_a = option.onMenuClick) === null || _a === void 0 ? void 0 : _a.call(option, e)); } }, option.children.map(function (item) {
+        return Option(__assign(__assign({}, item), { onMenuClick: option.onMenuClick }));
+    })));
 }

package/es/components/Menu/index.js

@@ -25,9 +25,9 @@ import { Menu as BaseMenu } from 'antd';
 import Option from './Option';
 var Divider = BaseMenu.Divider, Item = BaseMenu.Item, SubMenu = BaseMenu.SubMenu, ItemGroup = BaseMenu.ItemGroup;
 export function Menue(props) {
-    var _a = props.options, options = _a === void 0 ? [] : _a, children = props.children, other = __rest(props, ["options", "children"]);
-    var childs = children || options.map(function (item) { return Option(item); });
-    return React.createElement(BaseMenu, __assign({}, other), childs);
+    var _a = props.options, options = _a === void 0 ? [] : _a, children = props.children, onClick = props.onClick, other = __rest(props, ["options", "children", "onClick"]);
+    var childs = children || options.map(function (item) { return Option(__assign(__assign({}, item), { onMenuClick: onClick })); });
+    return (React.createElement(BaseMenu, __assign({}, other, { onClick: onClick }), childs));
 }
 export default Menue;
 Menue.Divider = Divider;

package/es/components/Menu/style.less

@@ -1,18 +1,18 @@
-@import 'antd/lib/menu/style/index.less';
-@import '../../style/theme.less';
-
-.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
-.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
-.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
-  max-height: 320px;
-}
-.@{ant-prefix}-menu-item {
-  .@{sdk-prefix}-menu-item-a {
-    color: @font-color-7;
-  }
-}
-.@{ant-prefix}-menu-horizontal
-  > .@{ant-prefix}-menu-item
-  .@{sdk-prefix}-menu-item-a {
-  color: @font-color-7;
-}
+@import 'antd/lib/menu/style/index.less';
+@import '../../style/theme.less';
+
+.@{ant-prefix}-menu-vertical.@{ant-prefix}-menu-sub:not([class*='-active']),
+.@{ant-prefix}-menu-vertical-left.@{ant-prefix}-menu-sub:not([class*='-active']),
+.@{ant-prefix}-menu-vertical-right.@{ant-prefix}-menu-sub:not([class*='-active']) {
+  max-height: 320px;
+}
+.@{ant-prefix}-menu-item {
+  .@{sdk-prefix}-menu-item-a {
+    color: @font-color-7;
+  }
+}
+.@{ant-prefix}-menu-horizontal
+  > .@{ant-prefix}-menu-item
+  .@{sdk-prefix}-menu-item-a {
+  color: @font-color-7;
+}

package/es/components/Modal/style.less

@@ -1,30 +1,30 @@
-@import 'antd/lib/modal/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-modal {
-  .@{ant-prefix}-modal-header {
-    border-color: @modal-header-border-color;
-  }
-  .@{ant-prefix}-modal-body {
-    max-height: 70vh;
-    overflow-y: auto;
-    background: @normal-color;
-    padding: 0px 60px;
-    padding-top: 24px;
-    border-radius: 0 0 2px 2px;
-  }
-  .@{ant-prefix}-modal-footer {
-    border: none;
-    padding: 32px 24px 24px 24px;
-    .@{ant-prefix}-btn {
-      min-width: 60px;
-      height: 32px;
-      margin-left: 12px;
-      font-size: 14px;
-      color: @text-color;
-    }
-    .@{ant-prefix}-btn-primary {
-      color: @normal-color;
-    }
-  }
-}
+@import 'antd/lib/modal/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-modal {
+  .@{ant-prefix}-modal-header {
+    border-color: @modal-header-border-color;
+  }
+  .@{ant-prefix}-modal-body {
+    max-height: 70vh;
+    overflow-y: auto;
+    background: @normal-color;
+    padding: 0px 60px;
+    padding-top: 24px;
+    border-radius: 0 0 2px 2px;
+  }
+  .@{ant-prefix}-modal-footer {
+    border: none;
+    padding: 32px 24px 24px 24px;
+    .@{ant-prefix}-btn {
+      min-width: 60px;
+      height: 32px;
+      margin-left: 12px;
+      font-size: 14px;
+      color: @text-color;
+    }
+    .@{ant-prefix}-btn-primary {
+      color: @normal-color;
+    }
+  }
+}

package/es/components/NameExplainTooltip/style.less

@@ -1,10 +1,10 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-name-explain-icon {
-  color: @icon-color;
-  transition: color 0.3s;
-  &:hover,
-  .@{ant-prefix}-tooltip-open {
-    color: @theme-color;
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-name-explain-icon {
+  color: @icon-color;
+  transition: color 0.3s;
+  &:hover,
+  .@{ant-prefix}-tooltip-open {
+    color: @theme-color;
+  }
+}

package/es/components/NameLimiter/style.less

@@ -1,19 +1,19 @@
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-name-limit {
-  max-width: 100%;
-  display: inline-block;
-  vertical-align: top;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.@{sdk-prefix}-name-limit-tooltip {
-  .@{ant-prefix}-tooltip-inner {
-    max-width: 400px;
-    max-height: 200px;
-    overflow: auto;
-  }
-}
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-name-limit {
+  max-width: 100%;
+  display: inline-block;
+  vertical-align: top;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.@{sdk-prefix}-name-limit-tooltip {
+  .@{ant-prefix}-tooltip-inner {
+    max-width: 400px;
+    max-height: 200px;
+    overflow: auto;
+  }
+}

package/es/components/OptionList/InlineOptionList/style.less

@@ -1,16 +1,16 @@
-@import 'antd/lib/divider/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-popover-inline-list {
-  display: inline-block;
-  vertical-align: middle;
-
-  .@{sdk-prefix}-popover-inline-item {
-    display: inline-block;
-    height: 100%;
-    margin-right: 12px;
-    i {
-      color: @theme-color;
-    }
-  }
-}
+@import 'antd/lib/divider/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-popover-inline-list {
+  display: inline-block;
+  vertical-align: middle;
+
+  .@{sdk-prefix}-popover-inline-item {
+    display: inline-block;
+    height: 100%;
+    margin-right: 12px;
+    i {
+      color: @theme-color;
+    }
+  }
+}

package/es/components/OptionList/OptionItem/style.less

@@ -1,25 +1,25 @@
-@import 'antd/lib/tooltip/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-item {
-  color: @theme-color;
-  cursor: pointer;
-  & > .anticon {
-    color: inherit;
-  }
-  &.@{sdk-prefix}-disabled {
-    color: @font-disable-color-2;
-    cursor: not-allowed;
-    pointer-events: none;
-    .anticon {
-      color: @font-disable-color-2;
-    }
-  }
-  &.@{sdk-prefix}-active {
-    background: @select-popover-hover-color;
-  }
-  a {
-    color: inherit;
-    cursor: inherit;
-  }
-}
+@import 'antd/lib/tooltip/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-item {
+  color: @theme-color;
+  cursor: pointer;
+  & > .anticon {
+    color: inherit;
+  }
+  &.@{sdk-prefix}-disabled {
+    color: @font-disable-color-2;
+    cursor: not-allowed;
+    pointer-events: none;
+    .anticon {
+      color: @font-disable-color-2;
+    }
+  }
+  &.@{sdk-prefix}-active {
+    background: @select-popover-hover-color;
+  }
+  a {
+    color: inherit;
+    cursor: inherit;
+  }
+}

package/es/components/OptionList/PopoverOptionList/style.less

@@ -1,30 +1,30 @@
-@import 'antd/lib/popover/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-popover-item {
-  display: inline-block;
-  line-height: 18px;
-  color: @theme-color;
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.@{sdk-prefix}-popover-list {
-  min-width: 120px;
-  padding: 4px 0;
-  line-height: 32px;
-  text-align: center;
-  font-size: 12px;
-  .@{sdk-prefix}-item {
-    color: @heading-color;
-    display: block;
-    padding: 0 16px;
-    &:hover {
-      background: @select-popover-hover-color;
-      color: @theme-color;
-    }
-  }
-  .@{sdk-prefix}-item.@{sdk-prefix}-disabled {
-    color: @font-disable-color-2;
-  }
-}
+@import 'antd/lib/popover/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-popover-item {
+  display: inline-block;
+  line-height: 18px;
+  color: @theme-color;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.@{sdk-prefix}-popover-list {
+  min-width: 120px;
+  padding: 4px 0;
+  line-height: 32px;
+  text-align: center;
+  font-size: 12px;
+  .@{sdk-prefix}-item {
+    color: @heading-color;
+    display: block;
+    padding: 0 16px;
+    &:hover {
+      background: @select-popover-hover-color;
+      color: @theme-color;
+    }
+  }
+  .@{sdk-prefix}-item.@{sdk-prefix}-disabled {
+    color: @font-disable-color-2;
+  }
+}

package/es/components/OptionList/style.less

@@ -1,3 +1,3 @@
-@import './InlineOptionList/style.less';
-@import './OptionItem/style.less';
-@import './PopoverOptionList/style.less';
+@import './InlineOptionList/style.less';
+@import './OptionItem/style.less';
+@import './PopoverOptionList/style.less';

package/es/components/RadioGroup/style.less

@@ -1,32 +1,32 @@
-@import 'antd/lib/radio/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-solid-radio-group {
-  .@{ant-prefix}-radio-button-wrapper {
-    padding: 0 12px;
-    &:not(&-checked) {
-      border-color: @input-border-color;
-    }
-  }
-
-  .@{ant-prefix}-radio {
-    &:not(&-checked) {
-      .@{ant-prefix}-radio-inner {
-        border-color: @input-border-color;
-      }
-    }
-
-    .@{ant-prefix}-radio-inner {
-      box-sizing: border-box;
-    }
-
-    .@{ant-prefix}-radio-checked {
-      .@{ant-prefix}-radio-inner {
-        border-color: @theme-color;
-        &::after {
-          background-color: @theme-color;
-        }
-      }
-    }
-  }
-}
+@import 'antd/lib/radio/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-solid-radio-group {
+  .@{ant-prefix}-radio-button-wrapper {
+    padding: 0 12px;
+    &:not(&-checked) {
+      border-color: @input-border-color;
+    }
+  }
+
+  .@{ant-prefix}-radio {
+    &:not(&-checked) {
+      .@{ant-prefix}-radio-inner {
+        border-color: @input-border-color;
+      }
+    }
+
+    .@{ant-prefix}-radio-inner {
+      box-sizing: border-box;
+    }
+
+    .@{ant-prefix}-radio-checked {
+      .@{ant-prefix}-radio-inner {
+        border-color: @theme-color;
+        &::after {
+          background-color: @theme-color;
+        }
+      }
+    }
+  }
+}