@qn-pandora/pandora-component 4.0.4 → 4.0.6

package/CHANGELOG.json

@@ -1,6 +1,52 @@
 {
   "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",
+      "date": "Wed, 15 Feb 2023 09:26:50 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "2023.02.15 发布"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.0.7` to `^3.0.8`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.0.7` to `^3.0.8`"
+          },
+          {
+            "comment": "Updating dependency \"@qn-pandora/pandora-tools\" from `^2.0.6` to `^2.0.7`"
+          }
+        ]
+      }
+    },
     {
       "version": "4.0.4",
       "tag": "@qn-pandora/pandora-component_v4.0.4",

package/CHANGELOG.md

@@ -1,6 +1,22 @@
 # Change Log - @qn-pandora/pandora-component
 
-This log was last generated on Wed, 11 Jan 2023 08:25:05 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
+
+Wed, 15 Feb 2023 09:26:50 GMT
+
+### Patches
+
+- 2023.02.15 发布
 
 ## 4.0.4
 

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/Menu/Option.d.ts

@@ -14,6 +14,10 @@ export interface IOption {
      * 路由
      */
     weburl?: string;
+    /**
+     * 内部链接
+     */
+    internalUrl?: string;
     /**
      * 路由调整方式
      */

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),

package/es/components/Table/index.js

@@ -226,9 +226,12 @@ var Table = /** @class */ (function (_super) {
             : rowClassName(record, index, indent));
     };
     Table.prototype.getDisabledStatus = function (option) {
+        var _this = this;
         var noneSelected = this.selectedRowKeys.length === 0;
         var disabled = typeof option.disabled === 'function'
-            ? option.disabled(__spread(this.undisabledData))
+            ? option.disabled(__spread(this.undisabledData.filter(function (item, index) {
+                return _this.selectedRowKeys.indexOf(_this.getRowKey(item, index)) !== -1;
+            })))
             : option.disabled;
         return noneSelected || disabled;
     };

package/es/components/Table/style.css

@@ -1512,6 +1512,9 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-wrapper .ant-table-tbody > tr > td:last-child {
   padding-right: 20px;
 }
+.pandora-sdk-table-wrapper .ant-table-tbody > tr > td:first-child:has(.pandora-sdk-table-empty) {
+  padding: 0;
+}
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .anticon-filter {
   line-height: 20px;
 }

package/es/components/Table/style.less

@@ -42,6 +42,11 @@
   .@{ant-prefix}-table-tbody > tr > td:last-child {
     padding-right: 20px;
   }
+  .@{ant-prefix}-table-tbody
+    > tr
+    > td:first-child:has(.@{sdk-prefix}-table-empty) {
+    padding: 0;
+  }
 
   .@{ant-prefix}-table-thead > tr > th .anticon-filter {
     line-height: 20px;

package/es/components/Transfer/List/index.js

@@ -18,9 +18,10 @@ var __spread = (this && this.__spread) || function () {
     for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
     return ar;
 };
-import React, { useState, useCallback, useContext } from 'react';
+import React, { useState, useCallback, useContext, useMemo } from 'react';
 import { Input, Checkbox } from 'antd';
 import { ConfigContext } from 'antd/es/config-provider';
+import { includes } from 'lodash';
 import { Search } from '@qn-pandora/pandora-component-icons';
 import ListBody from '../ListBody';
 import { formatString } from '../../../utils/language';
@@ -30,17 +31,23 @@ export default function List(props) {
     var _a = __read(useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
     var locale = useContext(ConfigContext).locale;
     var title = props.title, type = props.type, searchPlaceHolder = props.searchPlaceHolder, _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.targetKeys, targetKeys = _c === void 0 ? [] : _c, selectAllTitle = props.selectAllTitle, onTargetKeysChange = props.onTargetKeysChange;
+    var filterDataSource = useMemo(function () {
+        return dataSource.filter(function (item) { return item.name.includes(searchValue); });
+    }, [dataSource, searchValue]);
     var onToggleAll = useCallback(function (e) {
+        var newTargetKeys = [];
+        var allTargetKeys = filterDataSource.map(function (item) { return item.key; });
         if (e.target.checked === true) {
-            var targetKeys_1 = dataSource.map(function (item) { return item.key; });
-            onTargetKeysChange(targetKeys_1);
+            newTargetKeys = __spread(new Set(__spread(targetKeys, allTargetKeys)));
         }
         else {
-            onTargetKeysChange([]);
+            newTargetKeys = targetKeys.filter(function (item) { return !includes(allTargetKeys, item); });
         }
-    }, [dataSource, onTargetKeysChange]);
-    var selectedAllNode = (React.createElement(Checkbox, { className: SDK_PREFIX + "-transfer-mb10", checked: dataSource.every(function (item) { return item.checked; }), indeterminate: dataSource.some(function (item) { return item.checked; }) &&
-            !dataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
+        onTargetKeysChange(newTargetKeys);
+    }, [filterDataSource, targetKeys, onTargetKeysChange]);
+    var selectedAllNode = (React.createElement(Checkbox, { className: SDK_PREFIX + "-transfer-mb10", checked: !!filterDataSource.length &&
+            filterDataSource.every(function (item) { return item.checked; }), indeterminate: filterDataSource.some(function (item) { return item.checked; }) &&
+            !filterDataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
         React.createElement("strong", null, selectAllTitle || formatString(TransferLocale.select_all, locale))));
     var onCheckboxChange = useCallback(function (key, checked) {
         var keys = __spread(targetKeys);
@@ -58,5 +65,5 @@ export default function List(props) {
             React.createElement(Input, { placeholder: searchPlaceHolder ||
                     formatString(TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: SDK_PREFIX + "-transfer-mb10", prefix: React.createElement(Search, { className: SDK_PREFIX + "-search-icon" }) })),
         type === "source" /* Source */ && selectedAllNode,
-        React.createElement(ListBody, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
+        React.createElement(ListBody, { dataSource: filterDataSource, onChange: onCheckboxChange })));
 }