amis-ui 3.5.3 → 3.6.0

package/lib/components/TransferDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.3
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/TransferPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.3
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/TransferSearch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.3
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/Tree.d.ts

@@ -50,6 +50,7 @@ interface TreeSelectorProps extends ThemeProps, LocaleProps, SpinnerExtraProps {
     labelField: string;
     valueField: string;
     iconField: string;
+    deferField: string;
     unfoldedField: string;
     foldedField: string;
     disabledField: string;
@@ -125,6 +126,7 @@ export declare class TreeSelector extends React.Component<TreeSelectorProps, Tre
         labelField: string;
         valueField: string;
         iconField: string;
+        deferField: string;
         unfoldedField: string;
         foldedField: string;
         disabledField: string;
@@ -242,6 +244,7 @@ declare const _default: {
         multiple?: boolean | undefined;
         labelField?: string | undefined;
         valueField?: string | undefined;
+        deferField?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
         extractValue?: boolean | undefined;
@@ -286,6 +289,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -326,6 +330,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -370,6 +375,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -411,6 +417,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -450,6 +457,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -491,6 +499,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -530,6 +539,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -569,6 +579,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -608,6 +619,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -651,6 +663,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -695,6 +708,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -735,6 +749,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -779,6 +794,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -820,6 +836,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -849,7 +866,9 @@ declare const _default: {
                 enableDefaultIcon?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined; /**
+                 * 是否使用 disable 字段
+                 */
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<TreeSelectorProps, keyof LocaleProps>, "style" | "className" | "placeholder" | "theme" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "options" | "draggable" | "loadingConfig" | "onDeferLoad" | "itemClassName" | "itemRender" | "checkAll" | "checkAllLabel" | "onRef" | "onAdd" | "editable" | "onEdit" | "creatable" | "removable" | "onDelete" | "maxLength" | "minLength" | "highlightTxt" | "onlyLeaf" | "bultinCUD" | "rootCreatable" | "onExpandTree" | "onMove"> & {
                 disabled?: boolean | undefined;
@@ -859,6 +878,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -900,6 +920,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -939,6 +960,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -978,6 +1000,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1017,6 +1040,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1064,6 +1088,7 @@ declare const _default: {
         multiple?: boolean | undefined;
         labelField?: string | undefined;
         valueField?: string | undefined;
+        deferField?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
         extractValue?: boolean | undefined;
@@ -1108,6 +1133,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1148,6 +1174,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1192,6 +1219,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1233,6 +1261,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1262,7 +1291,9 @@ declare const _default: {
             enableDefaultIcon?: boolean | undefined;
         } & {} & {
             locale?: string | undefined;
-            translate?: ((str: string, ...args: any[]) => string) | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined; /**
+             * 是否使用 disable 字段
+             */
         }>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<TreeSelectorProps, keyof LocaleProps>, "style" | "className" | "placeholder" | "theme" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "options" | "draggable" | "loadingConfig" | "onDeferLoad" | "itemClassName" | "itemRender" | "checkAll" | "checkAllLabel" | "onRef" | "onAdd" | "editable" | "onEdit" | "creatable" | "removable" | "onDelete" | "maxLength" | "minLength" | "highlightTxt" | "onlyLeaf" | "bultinCUD" | "rootCreatable" | "onExpandTree" | "onMove"> & {
             disabled?: boolean | undefined;
@@ -1272,6 +1303,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1313,6 +1345,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1352,6 +1385,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1391,6 +1425,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1430,6 +1465,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1477,6 +1513,7 @@ declare const _default: {
             multiple?: boolean | undefined;
             labelField?: string | undefined;
             valueField?: string | undefined;
+            deferField?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
             extractValue?: boolean | undefined;
@@ -1521,6 +1558,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1561,6 +1599,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1605,6 +1644,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1646,6 +1686,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1675,7 +1716,9 @@ declare const _default: {
                 enableDefaultIcon?: boolean | undefined;
             } & {} & {
                 locale?: string | undefined;
-                translate?: ((str: string, ...args: any[]) => string) | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined; /**
+                 * 是否使用 disable 字段
+                 */
             }>, prevState: Readonly<{}>): any;
             componentDidUpdate?(prevProps: Readonly<Pick<Omit<TreeSelectorProps, keyof LocaleProps>, "style" | "className" | "placeholder" | "theme" | "value" | "onChange" | "classnames" | "classPrefix" | "mobileUI" | "options" | "draggable" | "loadingConfig" | "onDeferLoad" | "itemClassName" | "itemRender" | "checkAll" | "checkAllLabel" | "onRef" | "onAdd" | "editable" | "onEdit" | "creatable" | "removable" | "onDelete" | "maxLength" | "minLength" | "highlightTxt" | "onlyLeaf" | "bultinCUD" | "rootCreatable" | "onExpandTree" | "onMove"> & {
                 disabled?: boolean | undefined;
@@ -1685,6 +1728,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1726,6 +1770,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1765,6 +1810,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1804,6 +1850,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;
@@ -1843,6 +1890,7 @@ declare const _default: {
                 multiple?: boolean | undefined;
                 labelField?: string | undefined;
                 valueField?: string | undefined;
+                deferField?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
                 extractValue?: boolean | undefined;

package/lib/components/Tree.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.5.3
+ * amis-ui v3.6.0
  * Copyright 2018-2023 fex
  */
 
@@ -110,14 +110,14 @@ var TreeSelector = /** @class */ (function (_super) {
         var expandLevel = Number(initFoldedLevel ? unfoldedLevel : props.unfoldedLevel) - 1;
         // 初始化树节点的展开状态
         var unfolded = this.unfolded;
-        var _a = this.props, foldedField = _a.foldedField, unfoldedField = _a.unfoldedField;
+        var _a = this.props, deferField = _a.deferField, foldedField = _a.foldedField, unfoldedField = _a.unfoldedField;
         amisCore.eachTree(props.options, function (node, index, level) {
             if (unfolded.has(node) && !initFoldedLevel) {
                 return;
             }
             if (node.children && node.children.length) {
                 var ret = true;
-                if (node.defer &&
+                if (node[deferField] &&
                     node.loaded &&
                     !initFoldedLevel &&
                     unfoldedField &&
@@ -145,13 +145,13 @@ var TreeSelector = /** @class */ (function (_super) {
     };
     TreeSelector.prototype.toggleUnfolded = function (node) {
         var unfolded = this.unfolded;
-        var _a = this.props, onDeferLoad = _a.onDeferLoad, unfoldedField = _a.unfoldedField;
-        if (node.defer && !node.loaded) {
+        var _a = this.props, deferField = _a.deferField, onDeferLoad = _a.onDeferLoad, unfoldedField = _a.unfoldedField;
+        if (node[deferField] && !node.loaded) {
             onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(node);
             return;
         }
         // ！ hack: 在node上直接添加属性，options 在更新的时候旧的字段会保留
-        if (node.defer && node.loaded) {
+        if (node[deferField] && node.loaded) {
             node[unfoldedField] = !unfolded.get(node);
         }
         unfolded.set(node, !unfolded.get(node));
@@ -209,9 +209,9 @@ var TreeSelector = /** @class */ (function (_super) {
     };
     TreeSelector.prototype.handleSelect = function (node, value) {
         var _this = this;
-        var _a = this.props, joinValues = _a.joinValues, valueField = _a.valueField, onChange = _a.onChange, enableNodePath = _a.enableNodePath, onlyLeaf = _a.onlyLeaf;
+        var _a = this.props, joinValues = _a.joinValues, valueField = _a.valueField, deferField = _a.deferField, onChange = _a.onChange, enableNodePath = _a.enableNodePath, onlyLeaf = _a.onlyLeaf;
         if (node[valueField] === undefined) {
-            if (node.defer && !node.loaded) {
+            if (node[deferField] && !node.loaded) {
                 this.toggleUnfolded(node);
             }
             return;
@@ -744,7 +744,7 @@ var TreeSelector = /** @class */ (function (_super) {
     TreeSelector.prototype.renderItem = function (_a) {
         var _this = this;
         var index = _a.index, style = _a.style;
-        var _b = this.props, itemClassName = _b.itemClassName, showIcon = _b.showIcon, showRadio = _b.showRadio, multiple = _b.multiple, labelField = _b.labelField, iconField = _b.iconField, cascade = _b.cascade, cx = _b.classnames, highlightTxt = _b.highlightTxt, creatable = _b.creatable, editable = _b.editable, removable = _b.removable, createTip = _b.createTip, editTip = _b.editTip, removeTip = _b.removeTip, __ = _b.translate, itemRender = _b.itemRender, draggable = _b.draggable, loadingConfig = _b.loadingConfig, enableDefaultIcon = _b.enableDefaultIcon, valueField = _b.valueField, mobileUI = _b.mobileUI;
+        var _b = this.props, itemClassName = _b.itemClassName, showIcon = _b.showIcon, showRadio = _b.showRadio, multiple = _b.multiple, labelField = _b.labelField, iconField = _b.iconField, deferField = _b.deferField, cascade = _b.cascade, cx = _b.classnames, highlightTxt = _b.highlightTxt, creatable = _b.creatable, editable = _b.editable, removable = _b.removable, createTip = _b.createTip, editTip = _b.editTip, removeTip = _b.removeTip, __ = _b.translate, itemRender = _b.itemRender, draggable = _b.draggable, loadingConfig = _b.loadingConfig, enableDefaultIcon = _b.enableDefaultIcon, valueField = _b.valueField, mobileUI = _b.mobileUI;
         var item = this.state.flattenedOptions[index];
         if (!item) {
             return null;
@@ -781,7 +781,7 @@ var TreeSelector = /** @class */ (function (_super) {
                 }), draggable: draggable, onDragStart: this.onDragStart(item), onDragOver: this.onDragOver(item), onDragEnd: this.onDragEnd(item) },
                 draggable && (_J$X_("a", { className: cx('Tree-itemDrager drag-bar') },
                     _J$X_(icons.Icon, { icon: "drag-bar", className: "icon" }))),
-                item.loading ? (_J$X_(Spinner["default"], { size: "sm", show: true, icon: "reload", spinnerClassName: cx('Tree-spinner'), loadingConfig: loadingConfig })) : !isLeaf || (item.defer && !item.loaded) ? (_J$X_("div", { onClick: function () { return _this.toggleUnfolded(item); }, className: cx('Tree-itemArrow', {
+                item.loading ? (_J$X_(Spinner["default"], { size: "sm", show: true, icon: "reload", spinnerClassName: cx('Tree-spinner'), loadingConfig: loadingConfig })) : !isLeaf || (item[deferField] && !item.loaded) ? (_J$X_("div", { onClick: function () { return _this.toggleUnfolded(item); }, className: cx('Tree-itemArrow', {
                         'is-folded': !this.isUnfolded(item)
                     }) },
                     _J$X_(icons.Icon, { icon: "down-arrow-bold", className: "icon" }))) : (_J$X_("span", { className: cx('Tree-itemArrowPlaceholder') })),
@@ -816,7 +816,7 @@ var TreeSelector = /** @class */ (function (_super) {
                     !disabled &&
                         !isAdding &&
                         !isEditing &&
-                        !(item.defer && !item.loaded) ? (_J$X_("div", { className: cx('Tree-item-icons') },
+                        !(item[deferField] && !item.loaded) ? (_J$X_("div", { className: cx('Tree-item-icons') },
                         creatable && amisCore.hasAbility(item, 'creatable') ? (_J$X_(TooltipWrapper["default"], { placement: 'bottom', tooltip: __(createTip), trigger: 'hover', tooltipTheme: "dark" },
                             _J$X_("a", { onClick: this.handleAdd.bind(this, item) },
                                 _J$X_(icons.Icon, { icon: "plus", className: "icon" })))) : null,
@@ -954,6 +954,7 @@ var TreeSelector = /** @class */ (function (_super) {
         labelField: 'label',
         valueField: 'value',
         iconField: 'icon',
+        deferField: 'defer',
         unfoldedField: 'unfolded',
         foldedField: 'foled',
         disabledField: 'disabled',