amis-editor 5.5.0 → 5.6.1

package/lib/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/lib/renderer/FeatureControl.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -10,18 +11,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var reactDom = require('react-dom');
+var Sortable = require('sortablejs');
 var cx = require('classnames');
+var clone = require('lodash/clone');
+var remove = require('lodash/remove');
+var isPlainObject = require('lodash/isPlainObject');
 var amis = require('amis');
-var _ = require('lodash');
+var amisUi = require('amis-ui');
+var amisCore = require('amis-core');
 var GoConfigControl = require('./GoConfigControl.js');
-var Sortable = require('sortablejs');
 var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
+var remove__default = /*#__PURE__*/_interopDefaultLegacy(remove);
+var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
 
 /**
  * @file 控制功能开关的控件，这里的功能指需要加子组件来支持的功能
@@ -68,13 +76,21 @@ var FeatureControl = /** @class */function (_super) {
     (_a = item.remove) === null || _a === void 0 ? void 0 : _a.call(item, data);
     removeFeature === null || removeFeature === void 0 ? void 0 : removeFeature(item, data);
     onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(data);
-    _.remove(inUseFeat, item);
+    remove__default["default"](inUseFeat, item);
     item.add && unUseFeat.push(item);
     this.setState({
       inUseFeat: inUseFeat,
       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,
@@ -85,8 +101,8 @@ var FeatureControl = /** @class */function (_super) {
       inUseFeat = _c.inUseFeat,
       unUseFeat = _c.unUseFeat;
     inUseFeat.push(item);
-    _.remove(unUseFeat, item);
-    var schema = _.clone(data);
+    remove__default["default"](unUseFeat, item);
+    var schema = clone__default["default"](data);
     (_a = item.add) === null || _a === void 0 ? void 0 : _a.call(item, schema);
     addFeature === null || addFeature === void 0 ? void 0 : addFeature(item, schema);
     onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(schema);
@@ -133,8 +149,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
+          });
         });
       }
     });
@@ -145,13 +163,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__default["default"](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 =
@@ -161,7 +191,7 @@ var FeatureControl = /** @class */function (_super) {
         label: item.label,
         manager: manager,
         compId: function () {
-          return goFeatureComp(item);
+          return goFeatureComp(item, index);
         }
       });
     } else {
@@ -172,12 +202,19 @@ var FeatureControl = /** @class */function (_super) {
     return React__default["default"].createElement("li", {
       className: klass + 'Item',
       key: index
+    }, checkable && onItemCheck && React__default["default"].createElement(amisUi.Checkbox, {
+      checked: isItemChecked(item, index, data),
+      onChange: function (val) {
+        return _this.handleCheck(val, index);
+      }
+    }), React__default["default"].createElement("div", {
+      className: klass + 'Item-content'
     }, sortable && React__default["default"].createElement("a", {
       className: klass + 'Item-dragBar'
     }, React__default["default"].createElement(amis.Icon, {
       icon: "drag-bar",
       className: "icon"
-    })), content, React__default["default"].createElement(amis.Button, {
+    })), content), React__default["default"].createElement(amis.Button, {
       className: klass + 'Item-action',
       onClick: function () {
         return _this.handleRemove(item, index);
@@ -192,10 +229,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__default["default"](data)
+      });
+      if (isPlainObject__default["default"](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,
@@ -218,19 +271,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 = amisCore.evalExpression(checkableOn, data) === true;
+    }
     return React__default["default"].createElement("div", {
       className: cx__default["default"]('ae-FeatureControl', className)
     }, React__default["default"].createElement("ul", {
       className: cx__default["default"]('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());
   };
   tslib.__decorate([amis.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object, Number]), tslib.__metadata("design:returntype", void 0)], FeatureControl.prototype, "handleRemove", null);
   tslib.__decorate([amis.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], FeatureControl.prototype, "handleAdd", null);
   tslib.__decorate([amis.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], FeatureControl.prototype, "dragRef", null);
+  tslib.__decorate([amis.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Boolean, Number]), tslib.__metadata("design:returntype", void 0)], FeatureControl.prototype, "handleCheck", null);
   return FeatureControl;
 }(React__default["default"].Component);
 /** @class */(function (_super) {
@@ -245,3 +309,4 @@ var FeatureControl = /** @class */function (_super) {
 })(FeatureControl);
 
 exports["default"] = FeatureControl;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/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 {};