npm - amis - Versions diffs - 2.5.1 → 2.5.2 - Mend

@@ -23,6 +23,9 @@ export declare class BaseTabsTransferRenderer<T extends OptionsControlProps = Ta
     handleChange(value: Array<Option> | Option, optionModified?: boolean): Promise<void>;
 }
 export declare class TabsTransferRenderer extends BaseTabsTransferRenderer<TabsTransferProps> {
+    static defaultProps: {
+        multiple: boolean;
+    };
     optionItemRender(option: any, states: ItemRenderStates): JSX.Element;
     doAction(action: ActionObject, args: any): void;
     render(): JSX.Element;

package/esm/renderers/Form/TabsTransfer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */
@@ -7,8 +7,9 @@ import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } f
 import { string2regExp, filterTree, optionValueCompare, createObject, findTreeIndex, getTree, spliceTree, resolveEventData, autobind, toNumber, OptionsControl } from 'amis-core';
 import React from 'react';
 import find from 'lodash/find';
-import { Selection, TabsTransfer, Spinner } from 'amis-ui';
+import { TabsTransfer, Spinner } from 'amis-ui';
 import { BaseTransferRenderer } from './Transfer.js';
+import { BaseSelection } from 'amis-ui/lib/components/Selection';
 import { supportStatic } from './StaticHoc.js';
 var BaseTabsTransferRenderer = /** @class */ (function (_super) {
@@ -200,7 +201,7 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
                 data: createObject(createObject(data, __assign(__assign({}, states), ctx)), option)
             });
         }
-        return Selection.itemRender(option, states);
+        return BaseSelection.itemRender(option, states);
     };
     // 动作
     TabsTransferRenderer.prototype.doAction = function (action, args) {
@@ -221,11 +222,14 @@ var BaseTabsTransferRenderer = /** @class */ (function (_super) {
         }
     };
     TabsTransferRenderer.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold;
+        var _a = this.props, className = _a.className, cx = _a.classnames, options = _a.options, selectedOptions = _a.selectedOptions, sortable = _a.sortable, loading = _a.loading, searchResultMode = _a.searchResultMode, showArrow = _a.showArrow, deferLoad = _a.deferLoad, leftDeferLoad = _a.leftDeferLoad, disabled = _a.disabled, selectTitle = _a.selectTitle, resultTitle = _a.resultTitle, itemHeight = _a.itemHeight, virtualThreshold = _a.virtualThreshold, onlyChildren = _a.onlyChildren;
         return (React.createElement("div", { className: cx('TabsTransferControl', className) },
-            React.createElement(TabsTransfer, { activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
+            React.createElement(TabsTransfer, { onlyChildren: onlyChildren, activeKey: this.state.activeKey, value: selectedOptions, disabled: disabled, options: options, onChange: this.handleChange, option2value: this.option2value, sortable: sortable, searchResultMode: searchResultMode, onSearch: this.handleTabSearch, showArrow: showArrow, onDeferLoad: deferLoad, onLeftDeferLoad: leftDeferLoad, selectTitle: selectTitle, resultTitle: resultTitle, optionItemRender: this.optionItemRender, resultItemRender: this.resultItemRender, onTabChange: this.onTabChange, itemHeight: toNumber(itemHeight) > 0 ? toNumber(itemHeight) : undefined, virtualThreshold: virtualThreshold }),
             React.createElement(Spinner, { overlay: true, key: "info", show: loading })));
     };
+    TabsTransferRenderer.defaultProps = {
+        multiple: true
+    };
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/renderers/Form/TabsTransferPicker.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/Textarea.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/Transfer.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/TransferPicker.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/TreeSelect.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/UUID.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Form/UserSelect.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Grid.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Grid2D.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/GridNav.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/HBox.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/IFrame.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Icon.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Image.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Images.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Json.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Link.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/List.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Log.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Mapping.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 import React from 'react';
 import { RendererEnv, RendererProps } from 'amis-core';
 import { Api } from 'amis-core';
-import { BaseSchema, SchemaApi, SchemaTokenizeableString, SchemaTpl } from '../Schema';
+import { BaseSchema, SchemaApi, SchemaTokenizeableString, SchemaTpl, SchemaCollection } from '../Schema';
 import { Instance } from 'mobx-state-tree';
 /**
  * Mapping 映射展示控件。
@@ -23,6 +23,18 @@ export interface MappingSchema extends BaseSchema {
     map?: {
         [propName: string]: SchemaTpl;
     };
+    /**
+     * map或source为对象数组时，作为value值的字段名
+     */
+    valueField?: string;
+    /**
+     * map或source为对象数组时，作为label值的字段名
+     */
+    labelField?: string;
+    /**
+     * 自定义渲染映射值，支持html或schema
+     */
+    itemSchema?: SchemaCollection;
     /**
      * 如果想远程拉取字典，请配置 source 为接口。
      */
@@ -42,6 +54,7 @@ export declare const Store: import("mobx-state-tree").IModelType<{
 } & {
     fetching: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     errorMsg: import("mobx-state-tree").IType<string | undefined, string, string>;
+    valueField: import("mobx-state-tree").IType<string | undefined, string, string>;
     map: import("mobx-state-tree").IType<{
         [propName: string]: any;
     } | null | undefined, {
@@ -80,6 +93,7 @@ export declare const MappingField: {
             childrenIds: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
             fetching: boolean;
             errorMsg: string;
+            valueField: string;
             map: {
                 [propName: string]: any;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<{
@@ -113,6 +127,7 @@ export declare const MappingField: {
         } & {
             fetching: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
             errorMsg: import("mobx-state-tree").IType<string | undefined, string, string>;
+            valueField: import("mobx-state-tree").IType<string | undefined, string, string>;
             map: import("mobx-state-tree").IType<{
                 [propName: string]: any;
             } | null | undefined, {
@@ -172,6 +187,7 @@ export declare const MappingField: {
             childrenIds: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
             fetching: boolean;
             errorMsg: string;
+            valueField: string;
             map: {
                 [propName: string]: any;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IType<{
@@ -205,6 +221,7 @@ export declare const MappingField: {
         } & {
             fetching: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
             errorMsg: import("mobx-state-tree").IType<string | undefined, string, string>;
+            valueField: import("mobx-state-tree").IType<string | undefined, string, string>;
             map: import("mobx-state-tree").IType<{
                 [propName: string]: any;
             } | null | undefined, {
@@ -260,6 +277,7 @@ export declare const MappingField: {
             componentDidUpdate(prevProps: MappingProps): void;
             reload(): void;
             renderSingleValue(key: any, reactKey?: number): JSX.Element;
+            renderViewValue(value: any): any;
             render(): JSX.Element;
             context: any;
             setState<K extends never>(state: object | ((prevState: object, props: Readonly<MappingProps>) => object | Pick<object, K> | null) | Pick<object, K> | null, callback?: (() => void) | undefined): void;
@@ -292,6 +310,7 @@ export declare const MappingField: {
         componentDidUpdate(prevProps: MappingProps): void;
         reload(): void;
         renderSingleValue(key: any, reactKey?: number): JSX.Element;
+        renderViewValue(value: any): any;
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: object | ((prevState: object, props: Readonly<MappingProps>) => object | Pick<object, K> | null) | Pick<object, K> | null, callback?: (() => void) | undefined): void;
@@ -323,6 +342,7 @@ export declare const MappingField: {
             componentDidUpdate(prevProps: MappingProps): void;
             reload(): void;
             renderSingleValue(key: any, reactKey?: number): JSX.Element;
+            renderViewValue(value: any): any;
             render(): JSX.Element;
             context: any;
             setState<K extends never>(state: object | ((prevState: object, props: Readonly<MappingProps>) => object | Pick<object, K> | null) | Pick<object, K> | null, callback?: (() => void) | undefined): void;

package/esm/renderers/Mapping.js CHANGED Viewed

@@ -1,11 +1,11 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */
 import { __generator, __assign, __extends, __decorate } from 'tslib';
 import React from 'react';
-import { StoreNode, normalizeApiResponseData, isObject, guid, isPureVariable, resolveVariableAndFilter, isApiOutdated, isEffectiveApi, normalizeApi, getPropValue, Renderer } from 'amis-core';
+import { StoreNode, normalizeApiResponseData, isObject, guid, isPureVariable, resolveVariableAndFilter, isApiOutdated, isEffectiveApi, normalizeApi, createObject, getPropValue, Renderer } from 'amis-core';
 import { withStore } from 'amis-ui';
 import { types, flow } from 'mobx-state-tree';
@@ -14,6 +14,7 @@ var Store = StoreNode.named('MappingStore')
     .props({
     fetching: false,
     errorMsg: '',
+    valueField: 'value',
     map: types.frozen({})
 })
     .actions(function (self) {
@@ -49,6 +50,28 @@ var Store = StoreNode.named('MappingStore')
     return {
         load: load,
         setMap: function (options) {
+            if (Array.isArray(options)) {
+                options = options.reduce(function (res, now) {
+                    if (now == null) {
+                        return res;
+                    }
+                    else if (isObject(now)) {
+                        var keys = Object.keys(now);
+                        if (keys.length === 1
+                            || (keys.length == 2 && keys.includes('$$id'))) {
+                            // 针对amis-editor的特殊处理
+                            keys = keys.filter(function (key) { return key !== '$$id'; });
+                            // 单key 数组对象
+                            res[keys[0]] = now[keys[0]];
+                        }
+                        else if (keys.length > 1) {
+                            // 多key 数组对象
+                            res[now[self.valueField]] = now;
+                        }
+                    }
+                    return res;
+                }, {});
+            }
             if (isObject(options)) {
                 self.map = __assign({}, options);
             }
@@ -64,17 +87,16 @@ var MappingField = withStore(function (props) {
         __extends(class_1, _super);
         function class_1(props) {
             var _this = _super.call(this, props) || this;
-            props.store.syncProps(props, undefined, ['map']);
+            props.store.syncProps(props, undefined, ['valueField', 'map']);
             return _this;
         }
         class_1.prototype.componentDidMount = function () {
-            var _a = this.props; _a.store; _a.source; _a.data;
             this.reload();
         };
         class_1.prototype.componentDidUpdate = function (prevProps) {
             var props = this.props;
             var _a = this.props, store = _a.store, source = _a.source, data = _a.data;
-            store.syncProps(props, prevProps, ['map']);
+            store.syncProps(props, prevProps, ['valueField', 'map']);
             if (isPureVariable(source)) {
                 var prev = resolveVariableAndFilter(prevProps.source, prevProps.data, '| raw');
                 var curr = resolveVariableAndFilter(source, data, '| raw');
@@ -101,7 +123,7 @@ var MappingField = withStore(function (props) {
         };
         class_1.prototype.renderSingleValue = function (key, reactKey) {
             var _a;
-            var _b = this.props, className = _b.className, placeholder = _b.placeholder, render = _b.render, cx = _b.classnames; _b.name; _b.data; var store = _b.store;
+            var _b = this.props, className = _b.className, placeholder = _b.placeholder, cx = _b.classnames, store = _b.store;
             var viewValue = (React.createElement("span", { className: "text-muted" }, placeholder));
             var map = store.map;
             var value = undefined;
@@ -115,10 +137,34 @@ var MappingField = withStore(function (props) {
                         : key === false && map['0']
                             ? map['0']
                             : map['*'])) !== undefined) {
-                viewValue = render('tpl', value);
+                viewValue = this.renderViewValue(value);
             }
             return (React.createElement("span", { key: "map-".concat(reactKey), className: cx('MappingField', className) }, viewValue));
         };
+        class_1.prototype.renderViewValue = function (value) {
+            var _a = this.props, render = _a.render, itemSchema = _a.itemSchema, data = _a.data, labelField = _a.labelField;
+            if (!itemSchema) {
+                var label = value;
+                if (isObject(value)) {
+                    if (labelField === undefined || labelField === '') {
+                        if (!value.hasOwnProperty('type')) {
+                            // 映射值是object
+                            // 没配置labelField
+                            // object 也没有 type，不能作为schema渲染
+                            // 默认取 label 字段
+                            label = value['label'];
+                        }
+                    }
+                    else {
+                        label = value[labelField || 'label'];
+                    }
+                }
+                return render('tpl', label);
+            }
+            return render('mappingItemSchema', itemSchema, {
+                data: createObject(data, isObject(value) ? value : { item: value })
+            });
+        };
         class_1.prototype.render = function () {
             var _this = this;
             var mapKey = getPropValue(this.props);

package/esm/renderers/Markdown.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/MultilineText.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Nav.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Operation.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Page.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Pagination.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/PaginationWrapper.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Panel.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Password.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/Plain.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */

package/esm/renderers/PopOver.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * amis v2.5.1
+ * amis v2.5.2
  * Copyright 2018-2022 baidu
  */