@qn-pandora/pandora-component 3.0.2 → 3.1.0

package/CHANGELOG.json

@@ -1,6 +1,26 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "version": "3.1.0",
+      "tag": "@qn-pandora/pandora-component_v3.1.0",
+      "date": "Tue, 15 Mar 2022 03:07:38 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "22.03.12发布, searchManager添加搜索来源"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^2.0.0` to `^2.1.0`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^1.0.0` to `^1.1.0`"
+          }
+        ]
+      }
+    },
     {
       "version": "3.0.0",
       "tag": "@qn-pandora/pandora-component_v3.0.0",

package/CHANGELOG.md

@@ -1,6 +1,14 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Mon, 20 Dec 2021 11:46:43 GMT and should not be manually modified.
+This log was last generated on Tue, 15 Mar 2022 03:07:38 GMT and should not be manually modified.
+
+## 3.1.0
+
+Tue, 15 Mar 2022 03:07:38 GMT
+
+### Minor changes
+
+- 22.03.12 发布, searchManager 添加搜索来源
 
 ## 3.0.0
 

package/es/components/CheckTransformList/Item/index.js

@@ -1,10 +1,14 @@
 import * as React from 'react';
 import { Checkbox, Input } from 'antd';
+import { ConfigContext } from 'antd/es/config-provider';
+import { formatString } from '../../../utils/language';
+import { CheckTransformListLocale } from '../../../constants/language/check_transform_list/type';
 import { SDK_PREFIX } from '../../../constants/style';
 import NameLimiter from '../../../components/NameLimiter';
 var Search = Input.Search;
 export default function Item(props) {
     var label = props.label, type = props.type, isCheckedAll = props.isCheckedAll, indeterminate = props.indeterminate, onCheckAllChange = props.onCheckAllChange, options = props.options, onCheckboxChange = props.onCheckboxChange, prefix = props.prefix, setPrefix = props.setPrefix;
+    var locale = React.useContext(ConfigContext).locale;
     var handOnchange = React.useCallback(function (e) {
         var value = e.target.value;
         setPrefix(value);
@@ -12,11 +16,11 @@ export default function Item(props) {
     return (React.createElement("div", { className: SDK_PREFIX + "-check-transform" },
         label && (React.createElement("div", { className: SDK_PREFIX + "-check-transform-header" }, label)),
         React.createElement("div", { className: SDK_PREFIX + "-check-transform-search" },
-            React.createElement(Search, { placeholder: "\u641C\u7D22", value: prefix, onChange: handOnchange })),
+            React.createElement(Search, { placeholder: formatString(CheckTransformListLocale.placeholder, locale), value: prefix, onChange: handOnchange })),
         React.createElement("div", { className: SDK_PREFIX + "-check-transform-checkBox" },
             type === 'left' && (React.createElement(React.Fragment, null,
-                React.createElement(Checkbox, { onChange: onCheckAllChange, checked: isCheckedAll, indeterminate: indeterminate }, "\u5168\u9009"))),
-            type === 'right' && (React.createElement("div", { className: SDK_PREFIX + "--check-transform-header" }, "\u5DF2\u9009")),
+                React.createElement(Checkbox, { onChange: onCheckAllChange, checked: isCheckedAll, indeterminate: indeterminate }, formatString(CheckTransformListLocale.select_all, locale)))),
+            type === 'right' && (React.createElement("div", { className: SDK_PREFIX + "--check-transform-header" }, formatString(CheckTransformListLocale.selected))),
             React.createElement("div", { className: SDK_PREFIX + "-check-transform-checkbox-group" }, options.map(function (item) {
                 return (React.createElement("div", { key: item.value },
                     React.createElement(Checkbox, { value: item.value, checked: item.checked, onChange: onCheckboxChange },

package/es/components/Collapse/Panel/index.d.ts

@@ -1,41 +1,9 @@
-import * as React from 'react';
-interface IPanelProps {
-    /**
-     * 当前panel的key
-     */
-    panelKey?: string;
-    /**
-     * tab的标题
-     */
-    title: string;
-    /**
-     * 当前panel是都激活
-     * @default true
-     */
-    isActive?: boolean;
-    /**
-     * title的样式
-     */
-    titleClassName?: string;
-    /**
-     * content的样式
-     */
-    contentClassName?: string;
-    /**
-     * 容器样式
-     */
-    className?: string;
-    /**
-     * panel折叠状态发生变化
-     */
-    onToggle?: (isActive: boolean, key?: string) => void;
-    /**
-     * 是否禁止toggle
-     */
-    disableToggle?: boolean;
+/// <reference types="react" />
+import { CollapsePanelProps } from 'antd/es/collapse';
+import { ECollapseType } from '../index';
+export interface ICollapsePanelProps extends CollapsePanelProps {
+    children?: any;
+    type?: ECollapseType;
 }
-/**
- * 折叠面板组件封装
- */
-export default function Panel(props: React.PropsWithChildren<IPanelProps>): JSX.Element;
-export {};
+export declare function CollapsePanel(props: ICollapsePanelProps): JSX.Element;
+export default CollapsePanel;

package/es/components/Collapse/Panel/index.js

@@ -1,51 +1,40 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
+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];
         }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-import * as React from 'react';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo } from 'react';
+import { Collapse as BaseCollapse } from 'antd';
 import classnames from 'classnames';
-import { Icon as LegacyIcon } from '@ant-design/compatible';
 import { SDK_PREFIX } from '../../../constants/style';
-var useEffect = React.useEffect, useCallback = React.useCallback, useState = React.useState;
-/**
- * 折叠面板组件封装
- */
-export default function Panel(props) {
-    var _a, _b;
-    var _c = props.isActive, baseIsActive = _c === void 0 ? true : _c, disableToggle = props.disableToggle, onToggle = props.onToggle, panelKey = props.panelKey, title = props.title, titleClassName = props.titleClassName, className = props.className, contentClassName = props.contentClassName;
-    var _d = __read(useState(baseIsActive || false), 2), isActive = _d[0], setIsActive = _d[1];
-    useEffect(function () {
-        if (baseIsActive !== isActive) {
-            setIsActive(baseIsActive || false);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [baseIsActive]);
-    var onTogglePanel = useCallback(function () {
-        if (disableToggle) {
-            return;
-        }
-        setIsActive(!isActive);
-        if (onToggle) {
-            onToggle(!isActive, panelKey);
+import { ECollapseType } from '../index';
+export function CollapsePanel(props) {
+    var type = props.type, header = props.header, key = props.key, children = props.children, className = props.className, others = __rest(props, ["type", "header", "key", "children", "className"]);
+    var newHeader = useMemo(function () {
+        if (type === ECollapseType.Primary) {
+            return (React.createElement("span", null,
+                React.createElement("div", { className: SDK_PREFIX + "-header-line" }),
+                React.createElement("span", null, header)));
         }
-    }, [disableToggle, panelKey, isActive, onToggle]);
-    return (React.createElement("div", { className: classnames(SDK_PREFIX + "-panel", className), key: panelKey },
-        React.createElement("div", { className: classnames(titleClassName, (_a = {}, _a[SDK_PREFIX + "-panel-disable"] = disableToggle, _a), SDK_PREFIX + "-panel-title"), onClick: onTogglePanel },
-            React.createElement("span", null, title),
-            disableToggle ? null : (React.createElement(LegacyIcon, { type: isActive ? 'down' : 'up', className: SDK_PREFIX + "-panel-icon" }))),
-        React.createElement("div", { className: classnames(SDK_PREFIX + "-panel-content", contentClassName, (_b = {},
-                _b[SDK_PREFIX + "-panel-hidden"] = !isActive,
-                _b)) }, props.children)));
+        return header;
+    }, [header, type]);
+    return (React.createElement(BaseCollapse.Panel, __assign({ className: classnames(className), header: newHeader, key: key }, others), children));
 }
+export default CollapsePanel;

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

@@ -1,24 +1,19 @@
-import * as React from 'react';
-interface ICollapseProps {
-    /**
-     * 根节点 class name
-     */
+/// <reference types="react" />
+import { CollapseProps } from 'antd/es/collapse';
+export declare enum ECollapseType {
+    Normal = "normal",
+    Simple = "simple",
+    Primary = "primary",
+    Dashed = "dashed"
+}
+export interface ICollapse extends CollapseProps {
     className?: string;
-    /**
-     * 默认展开的panel的keys
-     */
-    defaultActiveKey?: string[] | 'all' | 'none';
-    /**
-     * 手风琴模式，最多智能打开一个折叠板
-     * @default false
-     */
-    accordion?: boolean;
+    children?: any;
+    type?: ECollapseType;
+    onDelete?: (index: number) => void;
 }
-/**
- * 折叠面板组件封装
- */
-declare function Collapse(props: React.PropsWithChildren<ICollapseProps>): JSX.Element;
-declare namespace Collapse {
-    var Panel: typeof import("./Panel").default;
+export declare function Collapse(props: ICollapse): JSX.Element;
+export declare namespace Collapse {
+    var Panel: typeof import("./Panel").CollapsePanel;
 }
 export default Collapse;

package/es/components/Collapse/index.js

@@ -9,34 +9,60 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import * as React from 'react';
-import { get } from 'lodash';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useCallback } from 'react';
+import { Collapse as BaseCollapse } from 'antd';
+import { DeleteOutlined } from '@ant-design/icons';
+import classnames from 'classnames';
+import { SDK_PREFIX } from '../../constants/style';
 import Panel from './Panel';
-/**
- * 折叠面板组件封装
- */
-function Collapse(props) {
-    var children = props.children, defaultActiveKey = props.defaultActiveKey, className = props.className;
+export var ECollapseType;
+(function (ECollapseType) {
+    ECollapseType["Normal"] = "normal";
+    ECollapseType["Simple"] = "simple";
+    ECollapseType["Primary"] = "primary";
+    ECollapseType["Dashed"] = "dashed";
+})(ECollapseType || (ECollapseType = {}));
+export function Collapse(props) {
+    var children = props.children, className = props.className, _a = props.type, type = _a === void 0 ? ECollapseType.Simple : _a, _b = props.expandIconPosition, expandIconPosition = _b === void 0 ? 'left' : _b, onDelete = props.onDelete, others = __rest(props, ["children", "className", "type", "expandIconPosition", "onDelete"]);
+    var position = useMemo(function () {
+        return type === ECollapseType.Primary ? 'right' : expandIconPosition;
+    }, [expandIconPosition, type]);
+    var showArrow = useMemo(function () {
+        return type !== ECollapseType.Dashed;
+    }, [type]);
+    var getExtra = useCallback(function (index) {
+        if (type === ECollapseType.Dashed) {
+            return (React.createElement(DeleteOutlined, { onClick: function () {
+                    if (onDelete) {
+                        onDelete(index);
+                    }
+                } }));
+        }
+        return undefined;
+    }, [type, onDelete]);
     var getPanels = React.useCallback(function () {
         var newChildren = [];
         React.Children.forEach(children, function (child, index) {
             if (!child) {
                 return;
             }
-            var key = get(child, 'key') || "" + index;
-            var isActive = false;
-            if (defaultActiveKey && typeof defaultActiveKey === 'string') {
-                isActive = defaultActiveKey === 'none' ? false : true;
-            }
-            else {
-                isActive = (defaultActiveKey || []).indexOf(key) > -1;
-            }
-            var props = __assign(__assign({}, child.props), { panelKey: key, isActive: isActive });
+            var props = __assign(__assign({}, child.props), { showArrow: showArrow, extra: getExtra(index), type: type });
             newChildren.push(React.cloneElement(child, props));
         });
         return newChildren;
-    }, [children, defaultActiveKey]);
-    return React.createElement("div", { className: className }, getPanels());
+    }, [children, showArrow, type, getExtra]);
+    return (React.createElement(BaseCollapse, __assign({ className: classnames(SDK_PREFIX + "-collapse", [SDK_PREFIX + "-collapse-" + type], className), expandIconPosition: position }, others), getPanels()));
 }
 Collapse.Panel = Panel;
 export default Collapse;

package/es/components/Collapse/style.css

@@ -0,0 +1,210 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-collapse {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  background-color: #fafafa;
+  border: 1px solid #e5e5e5;
+  border-bottom: 0;
+  border-radius: 2px;
+}
+.ant-collapse > .ant-collapse-item {
+  border-bottom: 1px solid #e5e5e5;
+}
+.ant-collapse > .ant-collapse-item:last-child,
+.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  position: relative;
+  padding: 12px 16px;
+  color: #333;
+  line-height: 1.5715;
+  cursor: pointer;
+  -webkit-transition: all 0.3s, visibility 0s;
+  transition: all 0.3s, visibility 0s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
+  display: table;
+  content: '';
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  display: inline-block;
+  margin-right: 12px;
+  font-size: 12px;
+  vertical-align: -1px;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  -webkit-transition: -webkit-transform 0.24s;
+  transition: -webkit-transform 0.24s;
+  transition: transform 0.24s;
+  transition: transform 0.24s, -webkit-transform 0.24s;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  float: right;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
+  outline: none;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
+  cursor: default;
+}
+.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
+  cursor: pointer;
+}
+.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-left: 12px;
+}
+.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  left: auto;
+  margin: 0;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.ant-collapse-content {
+  color: rgba(0, 0, 0, 0.65);
+  background-color: #ffffff;
+  border-top: 1px solid #e5e5e5;
+}
+.ant-collapse-content > .ant-collapse-content-box {
+  padding: 16px;
+}
+.ant-collapse-content-hidden {
+  display: none;
+}
+.ant-collapse-item:last-child > .ant-collapse-content {
+  border-radius: 0 0 2px 2px;
+}
+.ant-collapse-borderless {
+  background-color: #fafafa;
+  border: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item {
+  border-bottom: 1px solid #e5e5e5;
+}
+.ant-collapse-borderless > .ant-collapse-item:last-child,
+.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
+  border-radius: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 4px;
+}
+.ant-collapse-ghost {
+  background-color: transparent;
+  border: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item {
+  border-bottom: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
+  background-color: transparent;
+  border-top: 0;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
+.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-collapse-rtl {
+  direction: rtl;
+}
+.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  padding: 12px 16px;
+  padding-right: 40px;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+  float: left;
+}
+.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+  padding-right: 12px;
+  padding-left: 0;
+}
+.ant-btn {
+  padding: 4px 15px;
+}
+.ant-btn-sm {
+  padding: 0 7px;
+}
+.pandora-sdk-collapse-simple {
+  border-width: 0px;
+  color: #333;
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header {
+  background-color: #ffffff;
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-header > .ant-collapse-arrow {
+  color: #333;
+}
+.pandora-sdk-collapse-simple > .ant-collapse-item > .ant-collapse-content {
+  color: heading-color;
+  border-top-width: 0px;
+}
+.pandora-sdk-collapse-primary,
+.pandora-sdk-collapse-dashed {
+  border: none;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item {
+  border: none;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header {
+  padding: 5px 16px;
+  border-bottom-width: 0px;
+  background-color: #fafafa;
+  font-weight: 500;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-header .pandora-sdk-header-line {
+  width: 2px;
+  height: 16px;
+  position: absolute;
+  top: 8px;
+  left: 0px;
+  background-color: #2c6dd2;
+}
+.pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
+  border: none;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item {
+  border: 1px dashed #d9d9d9;
+  margin-bottom: 12px;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-header {
+  background-color: #ffffff;
+}
+.pandora-sdk-collapse-dashed > .ant-collapse-item > .ant-collapse-content {
+  border: none;
+}

package/es/components/Collapse/style.less

@@ -0,0 +1,57 @@
+@import 'antd/lib/collapse/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapse-simple {
+  border-width: 0px;
+  color: @heading-color;
+}
+
+.@{sdk-prefix}-collapse-simple > .@{ant-prefix}-collapse-item {
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+    > .@{ant-prefix}-collapse-arrow {
+      color: @heading-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    color: heading-color;
+    border-top-width: 0px;
+  }
+}
+
+.@{sdk-prefix}-collapse-primary,
+.@{sdk-prefix}-collapse-dashed {
+  border: none;
+}
+
+.@{sdk-prefix}-collapse-primary > .@{ant-prefix}-collapse-item {
+  border: none;
+  > .@{ant-prefix}-collapse-header {
+    padding: 5px 16px;
+    border-bottom-width: 0px;
+    background-color: @table-thead-bg;
+    font-weight: 500;
+    .@{sdk-prefix}-header-line {
+      width: 2px;
+      height: 16px;
+      position: absolute;
+      top: 8px;
+      left: 0px;
+      background-color: @theme-color;
+    }
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}
+
+.@{sdk-prefix}-collapse-dashed > .@{ant-prefix}-collapse-item {
+  border: 1px dashed @border-color-1;
+  margin-bottom: 12px;
+  > .@{ant-prefix}-collapse-header {
+    background-color: @normal-color;
+  }
+  > .@{ant-prefix}-collapse-content {
+    border: none;
+  }
+}

package/es/components/DateTimePicker/Base/index.d.ts

@@ -25,6 +25,7 @@ export default class Base extends React.Component<IBaseProps, any> {
         placement: string;
         showTimeType: TimeType[];
     };
+    static contextType: React.Context<import("antd/es/config-provider").ConfigConsumerProps>;
     range: RangePickerValue;
     rangePreset: RangePreset;
     relative: IRelativeTime;