@qn-pandora/pandora-component 4.0.5 → 4.0.6

package/CHANGELOG.json

@@ -1,6 +1,29 @@
 {
   "name": "@qn-pandora/pandora-component",
   "entries": [
+    {
+      "version": "4.0.6",
+      "tag": "@qn-pandora/pandora-component_v4.0.6",
+      "date": "Mon, 13 Mar 2023 11:30:17 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023.03.13发布"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.0.8` to `^3.0.9`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.0.8` to `^3.0.9`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^2.0.7` to `^2.0.8`"
+          }
+        ]
+      }
+    },
     {
       "version": "4.0.5",
       "tag": "@qn-pandora/pandora-component_v4.0.5",

package/CHANGELOG.md

@@ -1,6 +1,14 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Wed, 15 Feb 2023 09:26:50 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Mar 2023 11:30:17 GMT and should not be manually modified.
+
+## 4.0.6
+
+Mon, 13 Mar 2023 11:30:17 GMT
+
+### Patches
+
+- 2023.03.13 发布
 
 ## 4.0.5
 

package/es/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/es/components/AutoComplete/index.js

@@ -28,7 +28,7 @@ import { SDK_PREFIX } from '../../constants/style';
 import debounceWrapper from '../../hoc/debounce';
 export 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;
@@ -48,6 +48,6 @@ export function AutoComplete(props) {
                         ? includes(value.toLowerCase(), prefix)
                         : true;
     }, []);
-    return (React.createElement(BaseAutoComplete, __assign({ className: classnames(className, SDK_PREFIX + "-auto-complete", SDK_PREFIX + "-selector"), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), filterOption: filterOption, showSearch: true }, other)));
+    return (React.createElement(BaseAutoComplete, __assign({ ref: selectorRef, className: classnames(className, SDK_PREFIX + "-auto-complete", SDK_PREFIX + "-selector"), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), filterOption: filterOption, showSearch: true }, other)));
 }
 export default debounceWrapper(AutoComplete);

package/es/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/es/components/KeyValuePair/index.js

@@ -2,8 +2,10 @@ import * as React from 'react';
 import classnames from 'classnames';
 import { SDK_PREFIX } from '../../constants/style';
 export default 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(props.className) },
-        React.createElement("span", { className: classnames(SDK_PREFIX + "-key-value-label", labelClassName) }, label),
-        React.createElement("span", { className: classnames(SDK_PREFIX + "-key-value-value", valueClassName) }, value)));
+        React.createElement("span", { className: classnames(SDK_PREFIX + "-key-value-label", !!htmlContent && SDK_PREFIX + "-key-value-label-top", labelClassName) }, label),
+        htmlContent ? (React.createElement("span", { className: classnames(SDK_PREFIX + "-key-value-value", valueClassName), dangerouslySetInnerHTML: {
+                __html: value
+            } })) : (React.createElement("span", { className: classnames(SDK_PREFIX + "-key-value-value", valueClassName) }, value))));
 }

package/es/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/es/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/es/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/es/components/Selector/index.js

@@ -127,8 +127,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(Select, __assign({ className: classnames(SDK_PREFIX + "-selector", className), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer, filterOption: this.handleFilter }, otherProps, { removeIcon: React.createElement(Icon, { type: "close-circle", theme: "filled", className: 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(Select, __assign({ className: classnames(SDK_PREFIX + "-selector", className), dropdownClassName: classnames(SDK_PREFIX + "-selector-dropdown", (_a = {}, _a[SDK_PREFIX + "-selector-no-ellipsis"] = !ellipsis, _a), dropdownClassName), getPopupContainer: getPopupContainer || this.context.getPopupContainer, filterOption: this.handleFilter }, otherProps, { removeIcon: React.createElement(Icon, { type: "close-circle", theme: "filled", className: SDK_PREFIX + "-close-icon" }), showArrow: showArrow, ref: selectorRef, showSearch: true }),
             createOptionText && (React.createElement(Select.Option, __assign({}, { className: SDK_PREFIX + "-selector-create-option" }, { key: "selector_create", disabled: true }, noneValueOption),
                 React.createElement("a", { className: SDK_PREFIX + "-selector-create-lint", onClick: this.handleCreateClick }, createOptionText))),
             selectAllOptionText && (React.createElement(Select.Option, __assign({}, { className: SDK_PREFIX + "-selector-create-option" }, { key: "selector_select_all", disabled: true }, noneValueOption),