@qn-pandora/pandora-component 4.0.5 → 4.0.6

package/es/index.less

@@ -3,48 +3,48 @@
 @import './components\AutoComplete\style.less';
 @import './components\Breadcrumb\style.less';
 @import './components\Button\style.less';
-@import './components\Checkbox\style.less';
 @import './components\Card\style.less';
-@import './components\Collapse\style.less';
 @import './components\CheckboxList\style.less';
+@import './components\Checkbox\style.less';
 @import './components\CheckTransformList\style.less';
+@import './components\Collapse\style.less';
 @import './components\CollapsiblePanel\style.less';
+@import './components\DateTimePicker\style.less';
 @import './components\FileResumable\style.less';
 @import './components\Drawer\style.less';
-@import './components\DateTimePicker\style.less';
 @import './components\Input\style.less';
 @import './components\KeyValuePair\style.less';
 @import './components\Menu\style.less';
-@import './components\NameExplainTooltip\style.less';
 @import './components\Modal\style.less';
-@import './components\OptionList\style.less';
-@import './components\RangeInput\style.less';
+@import './components\NameExplainTooltip\style.less';
 @import './components\NameLimiter\style.less';
+@import './components\OptionList\style.less';
 @import './components\RadioGroup\style.less';
-@import './components\Selector\style.less';
+@import './components\RangeInput\style.less';
 @import './components\RemarkName\style.less';
 @import './components\Spin\style.less';
+@import './components\Selector\style.less';
 @import './components\Steps\style.less';
+@import './components\Table\style.less';
 @import './components\TagList\style.less';
 @import './components\Tabs\style.less';
-@import './components\Table\style.less';
-@import './components\Transfer\style.less';
 @import './components\Timeline\style.less';
+@import './components\Transfer\style.less';
 @import './components\TreeSelector\style.less';
 @import './components\Card\SearchInput\style.less';
 @import './components\Card\RowExtra\style.less';
 @import './components\DateTimePicker\Base\style.less';
 @import './components\DateTimePicker\BaseMobile\style.less';
 @import './components\DateTimePicker\DisplayInput\style.less';
-@import './components\OptionList\InlineOptionList\style.less';
 @import './components\OptionList\OptionItem\style.less';
 @import './components\OptionList\PopoverOptionList\style.less';
+@import './components\OptionList\InlineOptionList\style.less';
 @import './components\Steps\ControlButton\style.less';
-@import './components\TagList\TagSwitch\style.less';
-@import './components\TagList\Tag\style.less';
 @import './components\Table\ColumnTag\style.less';
+@import './components\TagList\Tag\style.less';
+@import './components\Timeline\TimelineItem\style.less';
+@import './components\TagList\TagSwitch\style.less';
 @import './components\Transfer\List\style.less';
 @import './components\Transfer\ListBody\style.less';
-@import './components\Timeline\TimelineItem\style.less';
-@import './components\DateTimePicker\Collapse\Panel\style.less';
-@import './components\DateTimePicker\BaseMobile\Absolute\style.less';
+@import './components\DateTimePicker\BaseMobile\Absolute\style.less';
+@import './components\DateTimePicker\Collapse\Panel\style.less';

package/lib/components/AutoComplete/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { RefObject } from 'react';
 import { AutoCompleteProps as BaseAutoCompleteProps } from 'antd/es/auto-complete';
 export declare type AutoSelectValue = string | undefined;
 export interface IAutoCompleteProps extends Omit<BaseAutoCompleteProps, 'value' | 'onChange'> {
@@ -14,6 +14,7 @@ export interface IAutoCompleteProps extends Omit<BaseAutoCompleteProps, 'value'
      * AutoSelectValue同value类型一致
      */
     onChange?: (value: AutoSelectValue) => void;
+    selectorRef?: RefObject<any>;
 }
 export declare function AutoComplete(props: IAutoCompleteProps): JSX.Element;
 declare const _default: (props: IAutoCompleteProps & {

package/lib/components/AutoComplete/index.js

@@ -40,7 +40,7 @@ var style_1 = require("../../constants/style");
 var debounce_1 = __importDefault(require("../../hoc/debounce"));
 function AutoComplete(props) {
     var _a;
-    var className = props.className, dropdownClassName = props.dropdownClassName, ellipsis = props.ellipsis, other = __rest(props, ["className", "dropdownClassName", "ellipsis"]);
+    var className = props.className, dropdownClassName = props.dropdownClassName, ellipsis = props.ellipsis, selectorRef = props.selectorRef, other = __rest(props, ["className", "dropdownClassName", "ellipsis", "selectorRef"]);
     var filterOption = React.useCallback(function (inputValue, option) {
         var prefix = (inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase()) || '';
         var _a = option || {}, value = _a.value, title = _a.title, children = _a.children, label = _a.label;
@@ -60,7 +60,7 @@ function AutoComplete(props) {
                         ? lodash_1.includes(value.toLowerCase(), prefix)
                         : true;
     }, []);
-    return (React.createElement(antd_1.AutoComplete, __assign({ className: classnames_1.default(className, style_1.SDK_PREFIX + "-auto-complete", style_1.SDK_PREFIX + "-selector"), dropdownClassName: classnames_1.default(style_1.SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[style_1.SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), filterOption: filterOption, showSearch: true }, other)));
+    return (React.createElement(antd_1.AutoComplete, __assign({ ref: selectorRef, className: classnames_1.default(className, style_1.SDK_PREFIX + "-auto-complete", style_1.SDK_PREFIX + "-selector"), dropdownClassName: classnames_1.default(style_1.SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[style_1.SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), filterOption: filterOption, showSearch: true }, other)));
 }
 exports.AutoComplete = AutoComplete;
 exports.default = debounce_1.default(AutoComplete);

package/lib/components/KeyValuePair/index.d.ts

@@ -20,5 +20,9 @@ export interface IKeyValuePairProps {
      * value的class name
      */
     valueClassName?: string;
+    /**
+     * 是否是富文本
+     */
+    htmlContent?: boolean;
 }
 export default function KeyValuePair(props: IKeyValuePairProps): JSX.Element;

package/lib/components/KeyValuePair/index.js

@@ -14,9 +14,11 @@ var React = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var style_1 = require("../../constants/style");
 function KeyValuePair(props) {
-    var label = props.label, value = props.value, labelClassName = props.labelClassName, valueClassName = props.valueClassName;
+    var label = props.label, value = props.value, labelClassName = props.labelClassName, valueClassName = props.valueClassName, htmlContent = props.htmlContent;
     return (React.createElement("div", { className: classnames_1.default(props.className) },
-        React.createElement("span", { className: classnames_1.default(style_1.SDK_PREFIX + "-key-value-label", labelClassName) }, label),
-        React.createElement("span", { className: classnames_1.default(style_1.SDK_PREFIX + "-key-value-value", valueClassName) }, value)));
+        React.createElement("span", { className: classnames_1.default(style_1.SDK_PREFIX + "-key-value-label", !!htmlContent && style_1.SDK_PREFIX + "-key-value-label-top", labelClassName) }, label),
+        htmlContent ? (React.createElement("span", { className: classnames_1.default(style_1.SDK_PREFIX + "-key-value-value", valueClassName), dangerouslySetInnerHTML: {
+                __html: value
+            } })) : (React.createElement("span", { className: classnames_1.default(style_1.SDK_PREFIX + "-key-value-value", valueClassName) }, value))));
 }
 exports.default = KeyValuePair;

package/lib/components/KeyValuePair/style.css

@@ -17,6 +17,10 @@
   color: #666;
   width: 30%;
 }
+.pandora-sdk-key-value-label-top {
+  padding-top: 10px;
+  vertical-align: top;
+}
 .pandora-sdk-key-value-value {
   color: #333;
   width: 70%;

package/lib/components/KeyValuePair/style.less

@@ -14,6 +14,10 @@
   color: @font-color-6;
   width: 30%;
 }
+.@{sdk-prefix}-key-value-label-top {
+  padding-top: 10px;
+  vertical-align: top;
+}
 
 .@{sdk-prefix}-key-value-value {
   color: @font-color-7;

package/lib/components/Selector/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { RefObject } from 'react';
 import { SelectProps, SelectValue } from 'antd/es/select';
 import PropTypes from 'prop-types';
 declare type IValue = string | number;
@@ -53,6 +54,7 @@ export interface ISelectorProps<VT> extends Omit<SelectProps<VT>, 'options'> {
      */
     ellipsis?: boolean;
     isCustomFilter?: boolean;
+    selectorRef?: RefObject<any>;
 }
 /**
  * 下拉选择组件封装

package/lib/components/Selector/index.js

@@ -139,8 +139,8 @@ var Selector = /** @class */ (function (_super) {
     };
     Selector.prototype.render = function () {
         var _a;
-        var _b = this.props, options = _b.options, groupOptions = _b.groupOptions, createOptionText = _b.createOptionText, selectAllOptionText = _b.selectAllOptionText, className = _b.className, dropdownClassName = _b.dropdownClassName, getPopupContainer = _b.getPopupContainer, ellipsis = _b.ellipsis, _c = _b.showArrow, showArrow = _c === void 0 ? true : _c, isCustomFilter = _b.isCustomFilter, otherProps = __rest(_b, ["options", "groupOptions", "createOptionText", "selectAllOptionText", "className", "dropdownClassName", "getPopupContainer", "ellipsis", "showArrow", "isCustomFilter"]);
-        return (React.createElement(antd_1.Select, __assign({ className: classnames_1.default(style_1.SDK_PREFIX + "-selector", className), dropdownClassName: classnames_1.default(style_1.SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[style_1.SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer, filterOption: this.handleFilter }, otherProps, { removeIcon: React.createElement(compatible_1.Icon, { type: "close-circle", theme: "filled", className: style_1.SDK_PREFIX + "-close-icon" }), showArrow: showArrow, showSearch: true }),
+        var _b = this.props, options = _b.options, groupOptions = _b.groupOptions, createOptionText = _b.createOptionText, selectAllOptionText = _b.selectAllOptionText, className = _b.className, dropdownClassName = _b.dropdownClassName, getPopupContainer = _b.getPopupContainer, ellipsis = _b.ellipsis, _c = _b.showArrow, showArrow = _c === void 0 ? true : _c, isCustomFilter = _b.isCustomFilter, selectorRef = _b.selectorRef, otherProps = __rest(_b, ["options", "groupOptions", "createOptionText", "selectAllOptionText", "className", "dropdownClassName", "getPopupContainer", "ellipsis", "showArrow", "isCustomFilter", "selectorRef"]);
+        return (React.createElement(antd_1.Select, __assign({ className: classnames_1.default(style_1.SDK_PREFIX + "-selector", className), dropdownClassName: classnames_1.default(style_1.SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[style_1.SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer, filterOption: this.handleFilter }, otherProps, { removeIcon: React.createElement(compatible_1.Icon, { type: "close-circle", theme: "filled", className: style_1.SDK_PREFIX + "-close-icon" }), showArrow: showArrow, ref: selectorRef, showSearch: true }),
             createOptionText && (React.createElement(antd_1.Select.Option, __assign({}, { className: style_1.SDK_PREFIX + "-selector-create-option" }, { key: "selector_create", disabled: true }, noneValueOption),
                 React.createElement("a", { className: style_1.SDK_PREFIX + "-selector-create-lint", onClick: this.handleCreateClick }, createOptionText))),
             selectAllOptionText && (React.createElement(antd_1.Select.Option, __assign({}, { className: style_1.SDK_PREFIX + "-selector-create-option" }, { key: "selector_select_all", disabled: true }, noneValueOption),