@qn-pandora/pandora-component 4.0.4 → 4.0.6

package/es/index.less

@@ -1,17 +1,17 @@
 @import './style\mixin.less';
 @import './style\theme.less';
 @import './components\AutoComplete\style.less';
-@import './components\Card\style.less';
-@import './components\Button\style.less';
 @import './components\Breadcrumb\style.less';
+@import './components\Button\style.less';
+@import './components\Card\style.less';
 @import './components\CheckboxList\style.less';
+@import './components\Checkbox\style.less';
 @import './components\CheckTransformList\style.less';
 @import './components\Collapse\style.less';
-@import './components\Checkbox\style.less';
 @import './components\CollapsiblePanel\style.less';
 @import './components\DateTimePicker\style.less';
-@import './components\Drawer\style.less';
 @import './components\FileResumable\style.less';
+@import './components\Drawer\style.less';
 @import './components\Input\style.less';
 @import './components\KeyValuePair\style.less';
 @import './components\Menu\style.less';
@@ -21,30 +21,30 @@
 @import './components\OptionList\style.less';
 @import './components\RadioGroup\style.less';
 @import './components\RangeInput\style.less';
-@import './components\Selector\style.less';
-@import './components\Spin\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\Timeline\style.less';
-@import './components\Tabs\style.less';
 @import './components\TagList\style.less';
+@import './components\Tabs\style.less';
+@import './components\Timeline\style.less';
 @import './components\Transfer\style.less';
 @import './components\TreeSelector\style.less';
-@import './components\Card\RowExtra\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\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\TagList\Tag\style.less';
 @import './components\Transfer\ListBody\style.less';
-@import './components\TagList\TagSwitch\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/Menu/Option.d.ts

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

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

package/lib/components/Table/index.js

@@ -238,9 +238,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/lib/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/lib/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/lib/components/Transfer/List/index.js

@@ -33,6 +33,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
 var config_provider_1 = require("antd/es/config-provider");
+var lodash_1 = require("lodash");
 var pandora_component_icons_1 = require("@qn-pandora/pandora-component-icons");
 var ListBody_1 = __importDefault(require("../ListBody"));
 var language_1 = require("../../../utils/language");
@@ -42,17 +43,23 @@ function List(props) {
     var _a = __read(react_1.useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
     var locale = react_1.useContext(config_provider_1.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 = react_1.useMemo(function () {
+        return dataSource.filter(function (item) { return item.name.includes(searchValue); });
+    }, [dataSource, searchValue]);
     var onToggleAll = react_1.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 !lodash_1.includes(allTargetKeys, item); });
         }
-    }, [dataSource, onTargetKeysChange]);
-    var selectedAllNode = (react_1.default.createElement(antd_1.Checkbox, { className: style_1.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_1.default.createElement(antd_1.Checkbox, { className: style_1.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_1.default.createElement("strong", null, selectAllTitle || language_1.formatString(type_1.TransferLocale.select_all, locale))));
     var onCheckboxChange = react_1.useCallback(function (key, checked) {
         var keys = __spread(targetKeys);
@@ -70,6 +77,6 @@ function List(props) {
             react_1.default.createElement(antd_1.Input, { placeholder: searchPlaceHolder ||
                     language_1.formatString(type_1.TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: style_1.SDK_PREFIX + "-transfer-mb10", prefix: react_1.default.createElement(pandora_component_icons_1.Search, { className: style_1.SDK_PREFIX + "-search-icon" }) })),
         type === "source" /* Source */ && selectedAllNode,
-        react_1.default.createElement(ListBody_1.default, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
+        react_1.default.createElement(ListBody_1.default, { dataSource: filterDataSource, onChange: onCheckboxChange })));
 }
 exports.default = List;