amis-editor 5.5.0 → 5.6.1

package/esm/renderer/FeatureControl.d.ts

@@ -2,8 +2,8 @@
  * @file 控制功能开关的控件，这里的功能指需要加子组件来支持的功能
  */
 import React from 'react';
-import { FormControlProps } from 'amis';
 import Sortable from 'sortablejs';
+import { FormControlProps } from 'amis';
 export type FeatureOption = {
     label: string;
     value: any;
@@ -18,9 +18,20 @@ interface FeatureControlProps extends FormControlProps {
     addable?: boolean;
     addText?: string;
     sortable?: boolean;
+    checkable?: boolean;
+    checkableOn?: string;
     features: Array<FeatureOption> | ((schema: any) => Array<FeatureOption>);
-    goFeatureComp?: (item: FeatureOption) => string;
-    onSort?: (value: FeatureOption[]) => void;
+    goFeatureComp?: (item: FeatureOption, index: number) => string;
+    onSort?: (data: any, value: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    customAction?: (props: {
+        schema: any;
+        onBulkChange: any;
+    }) => any;
+    onItemCheck?: (checked: boolean, index: number, schema: any) => void;
+    hideAddWhenAll?: boolean;
 }
 interface FeatureControlState {
     /**
@@ -43,6 +54,7 @@ export default class FeatureControl extends React.Component<FeatureControlProps,
         unUseFeat: FeatureOption[];
     };
     handleRemove(item: FeatureOption, index: number): void;
+    handleSort(e: any): void;
     handleAdd(item: any): void;
     sortable?: Sortable;
     drag?: HTMLElement | null;
@@ -55,9 +67,10 @@ export default class FeatureControl extends React.Component<FeatureControlProps,
      * 拖动的销毁
      */
     destroyDragging(): void;
-    renderItem(item: FeatureOption, index: number): JSX.Element;
+    handleCheck(res: boolean, index: number): void;
+    renderItem(item: FeatureOption, index: number, checkable: boolean): React.JSX.Element;
     renderAction(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class FeatureControlRenderer extends FeatureControl {
 }

package/esm/renderer/FeatureControl.js

@@ -1,16 +1,21 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import { findDOMNode } from 'react-dom';
+import Sortable from 'sortablejs';
 import cx from 'classnames';
+import clone from 'lodash/clone';
+import remove from 'lodash/remove';
+import isPlainObject from 'lodash/isPlainObject';
 import { Icon, Button, autobind, FormItem } from 'amis';
-import { remove, clone } from 'lodash';
+import { Checkbox } from 'amis-ui';
+import { evalExpression } from 'amis-core';
 import { GoConfigControl } from './GoConfigControl.js';
-import Sortable from 'sortablejs';
 import { i18n } from 'i18n-runtime';
 
 /**
@@ -65,6 +70,14 @@ var FeatureControl = /** @class */function (_super) {
       unUseFeat: unUseFeat
     });
   };
+  FeatureControl.prototype.handleSort = function (e) {
+    var _a = this.props,
+      data = _a.data,
+      onBulkChange = _a.onBulkChange,
+      onSort = _a.onSort;
+    onSort === null || onSort === void 0 ? void 0 : onSort(data, e);
+    onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(data);
+  };
   FeatureControl.prototype.handleAdd = function (item) {
     var _a;
     var _b = this.props,
@@ -123,8 +136,10 @@ var FeatureControl = /** @class */function (_super) {
         _this.setState({
           inUseFeat: value
         }, function () {
-          var _a, _b;
-          (_b = (_a = _this.props).onSort) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+          _this.handleSort({
+            oldIndex: e.oldIndex,
+            newIndex: e.newIndex
+          });
         });
       }
     });
@@ -135,13 +150,25 @@ var FeatureControl = /** @class */function (_super) {
   FeatureControl.prototype.destroyDragging = function () {
     this.sortable && this.sortable.destroy();
   };
-  FeatureControl.prototype.renderItem = function (item, index) {
+  FeatureControl.prototype.handleCheck = function (res, index) {
+    var _a = this.props,
+      data = _a.data,
+      onBulkChange = _a.onBulkChange,
+      onItemCheck = _a.onItemCheck;
+    var schema = clone(data);
+    onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(res, index, schema);
+    onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(schema);
+  };
+  FeatureControl.prototype.renderItem = function (item, index, checkable) {
     var _this = this;
     var _a = this.props,
       sortable = _a.sortable,
       goFeatureComp = _a.goFeatureComp;
       _a.node;
-      var manager = _a.manager;
+      var manager = _a.manager,
+      onItemCheck = _a.onItemCheck,
+      isItemChecked = _a.isItemChecked,
+      data = _a.data;
     var content = null;
     if (goFeatureComp) {
       content =
@@ -151,7 +178,7 @@ var FeatureControl = /** @class */function (_super) {
         label: item.label,
         manager: manager,
         compId: function () {
-          return goFeatureComp(item);
+          return goFeatureComp(item, index);
         }
       });
     } else {
@@ -162,12 +189,19 @@ var FeatureControl = /** @class */function (_super) {
     return React__default.createElement("li", {
       className: klass + 'Item',
       key: index
+    }, checkable && onItemCheck && React__default.createElement(Checkbox, {
+      checked: isItemChecked(item, index, data),
+      onChange: function (val) {
+        return _this.handleCheck(val, index);
+      }
+    }), React__default.createElement("div", {
+      className: klass + 'Item-content'
     }, sortable && React__default.createElement("a", {
       className: klass + 'Item-dragBar'
     }, React__default.createElement(Icon, {
       icon: "drag-bar",
       className: "icon"
-    })), content, React__default.createElement(Button, {
+    })), content), React__default.createElement(Button, {
       className: klass + 'Item-action',
       onClick: function () {
         return _this.handleRemove(item, index);
@@ -182,10 +216,26 @@ var FeatureControl = /** @class */function (_super) {
     var _a = this.props,
       addable = _a.addable,
       addText = _a.addText,
-      render = _a.render;
+      render = _a.render,
+      customAction = _a.customAction,
+      data = _a.data,
+      onBulkChange = _a.onBulkChange,
+      hideAddWhenAll = _a.hideAddWhenAll;
     if (!addable) {
       return null;
     }
+    if (customAction && typeof customAction === 'function') {
+      var schema = customAction({
+        onBulkChange: onBulkChange,
+        schema: clone(data)
+      });
+      if (isPlainObject(schema) && typeof schema.type === 'string') {
+        return render('custom-action', schema);
+      }
+    }
+    if (hideAddWhenAll && !this.state.unUseFeat.length) {
+      return null;
+    }
     return render('action', {
       type: 'dropdown-button',
       closeOnClick: true,
@@ -208,19 +258,30 @@ var FeatureControl = /** @class */function (_super) {
 
   FeatureControl.prototype.render = function () {
     var _this = this;
-    var className = this.props.className;
+    var _a = this.props,
+      className = _a.className,
+      checkable = _a.checkable,
+      checkableOn = _a.checkableOn,
+      data = _a.data;
+    var isCheckable = false;
+    if (checkable !== undefined) {
+      isCheckable = checkable;
+    } else if (checkableOn) {
+      isCheckable = evalExpression(checkableOn, data) === true;
+    }
     return React__default.createElement("div", {
       className: cx('ae-FeatureControl', className)
     }, React__default.createElement("ul", {
       className: cx('ae-FeatureControl-features'),
       ref: this.dragRef
     }, this.state.inUseFeat.map(function (item, index) {
-      return _this.renderItem(item, index);
+      return _this.renderItem(item, index, isCheckable);
     })), this.renderAction());
   };
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object, Number]), __metadata("design:returntype", void 0)], FeatureControl.prototype, "handleRemove", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FeatureControl.prototype, "handleAdd", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], FeatureControl.prototype, "dragRef", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Boolean, Number]), __metadata("design:returntype", void 0)], FeatureControl.prototype, "handleCheck", null);
   return FeatureControl;
 }(React__default.Component);
 /** @class */(function (_super) {
@@ -235,3 +296,4 @@ var FeatureControl = /** @class */function (_super) {
 })(FeatureControl);
 
 export { FeatureControl as default };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/FieldSetting.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @file FieldSetting.tsx
+ * @desc 脚手架中字段管理
+ */
+/// <reference types="lodash" />
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import type { IReactionDisposer } from 'mobx';
+import type { InputTableColumnProps } from 'amis-ui';
+import type { DSFeatureType, ScaffoldField } from '../builder/type';
+interface FieldSettingProps extends FormControlProps {
+    /** 脚手架渲染类型 */
+    renderer?: string;
+    feat: DSFeatureType;
+    /** 支持的功能场景对应的字段集合，eg: listFields, bulkEditFields等 */
+    fieldKeys: string[];
+    config: {
+        showInputType?: boolean;
+        showDisplayType?: boolean;
+    };
+    onAutoGenerateFields: (params: {
+        api: any;
+        props: FieldSettingProps;
+        setState: (state: any) => void;
+    }) => Promise<any[]>;
+}
+interface RowData extends ScaffoldField {
+}
+interface FieldSettingState {
+    loading: boolean;
+    fields: RowData[];
+}
+export declare class FieldSetting extends React.Component<FieldSettingProps, FieldSettingState> {
+    static defaultProps: {
+        config: {
+            showInputType: boolean;
+            showDisplayType: boolean;
+        };
+    };
+    static validator: (items: RowData[], isInternal?: boolean) => string | false;
+    reaction: IReactionDisposer;
+    dom: HTMLElement;
+    formRef: React.RefObject<{
+        submit: () => Promise<Record<string, any>>;
+    }>;
+    tableRef: React.RefObject<any>;
+    scaffold: RowData;
+    columns: InputTableColumnProps[];
+    constructor(props: FieldSettingProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<FieldSettingProps>, prevState: Readonly<FieldSettingState>, snapshot?: any): void;
+    componentWillUnmount(): void;
+    isFirstStep(): boolean;
+    handleTableChange(items?: RowData[]): void;
+    handleSubmit(data: {
+        items: RowData[];
+    }): void;
+    handleGenerateFields(e: React.MouseEvent<any>): Promise<void>;
+    handleFieldsChange(fields: RowData[]): void;
+    debounceGenerateFields: import("lodash").DebouncedFunc<(e: React.MouseEvent<any>) => Promise<void>>;
+    renderFooter(): React.JSX.Element | null;
+    render(): React.JSX.Element;
+}
+export default class FieldSettingRenderer extends FieldSetting {
+}
+export {};