amis-editor 5.5.0 → 5.6.1

package/lib/renderer/OptionControl.d.ts

@@ -98,8 +98,8 @@ export default class OptionControl extends React.Component<OptionControlProps, O
     handleBatchAdd(values: {
         batchOption: string;
     }[], action: any): void;
-    renderHeader(): JSX.Element;
-    renderOption(props: any): JSX.Element;
+    renderHeader(): React.JSX.Element;
+    renderOption(props: any): React.JSX.Element;
     buildBatchAddSchema(): {
         type: string;
         actionType: string;
@@ -160,8 +160,10 @@ export default class OptionControl extends React.Component<OptionControlProps, O
     handleAPIChange(source: SchemaApi): void;
     handleLableFieldChange(labelField: string): void;
     handleValueFieldChange(valueField: string): void;
+    /** 获取功能性字段控件 schema */
+    getFuncFieldSchema(): Record<string, any>[];
     renderApiPanel(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class OptionControlRenderer extends OptionControl {
 }

package/lib/renderer/OptionControl.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
  */
 
@@ -476,7 +477,7 @@ var OptionControl = /** @class */function (_super) {
       tooltip: labelRemark,
       className: cx__default["default"]("Form-lableRemark", labelRemark === null || labelRemark === void 0 ? void 0 : labelRemark.className),
       useMobileUI: useMobileUI,
-      container: popOverContainer ? popOverContainer : env && env.getModalContainer ? env.getModalContainer : undefined
+      container: popOverContainer || env.getModalContainer
     }) : null), React__default["default"].createElement("div", null, render('validation-control-addBtn', {
       type: 'dropdown-button',
       level: 'link',
@@ -749,13 +750,34 @@ var OptionControl = /** @class */function (_super) {
       valueField: valueField
     }, this.onChange);
   };
+  /** 获取功能性字段控件 schema */
+  OptionControl.prototype.getFuncFieldSchema = function () {
+    var _a = this.state,
+      labelField = _a.labelField,
+      valueField = _a.valueField;
+    return [{
+      label: amisEditorCore.tipedLabel(i18nRuntime.i18n("7e9c83e86beb612377a94e6e8d1fc644"), i18nRuntime.i18n("26ff46d82166741297ce666b2792af85")),
+      type: 'input-text',
+      name: 'labelField',
+      clearable: true,
+      value: labelField,
+      placeholder: i18nRuntime.i18n("6d4ce0631f37676a887c9599691fabec"),
+      onChange: this.handleLableFieldChange
+    }, {
+      label: i18nRuntime.i18n("2e01f5f5889e33d003bec7857cd38445"),
+      type: 'input-text',
+      name: 'valueField',
+      clearable: true,
+      value: valueField,
+      placeholder: i18nRuntime.i18n("959c27193eb0a41d01f4b53dcc4b9245"),
+      onChange: this.handleValueFieldChange
+    }];
+  };
   OptionControl.prototype.renderApiPanel = function () {
     var render = this.props.render;
     var _a = this.state,
       source = _a.source,
-      api = _a.api,
-      labelField = _a.labelField,
-      valueField = _a.valueField;
+      api = _a.api;
     return render('api', amisEditorCore.getSchemaTpl('apiControl', {
       label: i18nRuntime.i18n("54ea89b497ec3bb319c68844dfa3687f"),
       name: 'source',
@@ -765,21 +787,7 @@ var OptionControl = /** @class */function (_super) {
       value: api,
       onChange: this.handleAPIChange,
       sourceType: source,
-      footer: [{
-        label: amisEditorCore.tipedLabel(i18nRuntime.i18n("7e9c83e86beb612377a94e6e8d1fc644"), i18nRuntime.i18n("26ff46d82166741297ce666b2792af85")),
-        type: 'input-text',
-        name: 'labelField',
-        value: labelField,
-        placeholder: i18nRuntime.i18n("6d4ce0631f37676a887c9599691fabec"),
-        onChange: this.handleLableFieldChange
-      }, {
-        label: i18nRuntime.i18n("2e01f5f5889e33d003bec7857cd38445"),
-        type: 'input-text',
-        name: 'valueField',
-        value: valueField,
-        placeholder: i18nRuntime.i18n("959c27193eb0a41d01f4b53dcc4b9245"),
-        onChange: this.handleValueFieldChange
-      }]
+      footer: this.getFuncFieldSchema()
     }));
   };
   OptionControl.prototype.render = function () {
@@ -805,17 +813,20 @@ var OptionControl = /** @class */function (_super) {
       }));
     })) : React__default["default"].createElement("div", {
       className: "ae-OptionControl-placeholder"
-    }, "\u65E0\u9009\u9879"), React__default["default"].createElement("div", {
+    }, i18nRuntime.i18n("a4f1ddbbfc96930d24e4b54cb815b62b")), React__default["default"].createElement("div", {
       className: "ae-OptionControl-footer"
     }, React__default["default"].createElement(amis.Button, {
       level: "enhance",
       onClick: this.handleAdd,
       ref: this.targetRef
-    }, "\u6DFB\u52A0\u9009\u9879"), render('inner', this.buildBatchAddSchema()))) : null, source === 'api' || source === 'apicenter' ? this.renderApiPanel() : null, source === 'variable' ? render('variable', amisEditorCore.getSchemaTpl('sourceBindControl', {
+    }, i18nRuntime.i18n("e8755fb1e985a5d26df0fce1f0b7b0f8")), render('inner', this.buildBatchAddSchema()))) : null, source === 'api' || source === 'apicenter' ? this.renderApiPanel() : null, source === 'variable' ? render('variable', {
+      type: 'control',
       label: false,
-      className: 'ae-ExtendMore'
-    }), {
-      onChange: this.handleAPIChange
+      className: 'ae-ExtendMore',
+      body: [amisEditorCore.getSchemaTpl('sourceBindControl', {
+        label: false,
+        onChange: this.handleAPIChange
+      })].concat(this.getFuncFieldSchema())
     }) : null);
   };
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Object]), tslib.__metadata("design:returntype", void 0)], OptionControl.prototype, "targetRef", null);
@@ -843,3 +854,4 @@ var OptionControl = /** @class */function (_super) {
 })(OptionControl);
 
 exports["default"] = OptionControl;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/renderer/RangePartsControl.d.ts

@@ -49,10 +49,10 @@ export declare class PartsControl extends React.Component<PartsControlProps, Par
     handleOptionsChange(value?: {
         number: number;
     }[]): void;
-    renderHeader(): JSX.Element;
-    renderContent(source: string): JSX.Element;
+    renderHeader(): React.JSX.Element;
+    renderContent(source: string): React.JSX.Element;
     handlePartsChange(value: number): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 /**
  * 下标
@@ -82,8 +82,8 @@ export declare class MarksControl extends React.Component<MarksControlProps, Mar
      * @param source
      */
     handleSourceChange(source: any): void;
-    renderHeader(): JSX.Element;
-    render(): JSX.Element;
+    renderHeader(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class PartsControlRenderer extends PartsControl {
 }

package/lib/renderer/RangePartsControl.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
  */
 
@@ -158,7 +159,7 @@ var PartsControl = /** @class */function (_super) {
       className: cx__default["default"]("".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify"))
     }, React__default["default"].createElement("label", {
       className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4"))
-    }, "\u5206\u5757"), React__default["default"].createElement("div", {
+    }, i18nRuntime.i18n("6903085e7f31286560e4a2e160beac42")), React__default["default"].createElement("div", {
       className: cx__default["default"]("".concat(classPrefix, "Form-value"))
     }, render('header', {
       type: 'select',
@@ -181,7 +182,7 @@ var PartsControl = /** @class */function (_super) {
         className: cx__default["default"]('ae-ExtendMore', "".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify"))
       }, React__default["default"].createElement("label", {
         className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4"))
-      }, "\u5757\u6570"), React__default["default"].createElement("div", {
+      }, i18nRuntime.i18n("7145575ab9e3b4529eea61fe5fe76d0e")), React__default["default"].createElement("div", {
         className: cx__default["default"]("".concat(classPrefix, "Form-value"))
       }, React__default["default"].createElement(amis.NumberInput, {
         value: parts,
@@ -363,7 +364,7 @@ var MarksControl = /** @class */function (_super) {
       className: cx__default["default"]("".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify"))
     }, React__default["default"].createElement("label", {
       className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4"))
-    }, "\u4E0B\u6807"), React__default["default"].createElement("div", {
+    }, i18nRuntime.i18n("dc4c91dfaa3b760147bd92e648560af4")), React__default["default"].createElement("div", {
       className: cx__default["default"]("".concat(classPrefix, "Form-value"))
     }, render('header', {
       type: 'select',
@@ -438,3 +439,4 @@ var MarksControl = /** @class */function (_super) {
 
 exports.MarksControl = MarksControl;
 exports.PartsControl = PartsControl;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/renderer/StatusControl.d.ts

@@ -39,8 +39,8 @@ export declare class StatusControl extends React.Component<StatusControlProps, S
     shouldComponentUpdate(nextProps: StatusControlProps, nextState: StatusControlState): boolean;
     handleSwitch(value: boolean): void;
     handleFormSubmit(values: StatusFormData): void;
-    render(): JSX.Element;
-    renderContent(): JSX.Element;
+    render(): React.JSX.Element;
+    renderContent(): React.JSX.Element;
 }
 export declare class StatusControlRenderer extends StatusControl {
 }

package/lib/renderer/StatusControl.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
  */
 
@@ -63,6 +64,10 @@ var StatusControl = /** @class */function (_super) {
     var _a = this.props,
       trueValue = _a.trueValue,
       falseValue = _a.falseValue;
+    var _b = this.state.formData || {},
+      expression = _b.expression,
+      _c = _b.statusType,
+      statusType = _c === void 0 ? 1 : _c;
     this.setState({
       checked: value == trueValue ? true : false
     }, function () {
@@ -73,7 +78,17 @@ var StatusControl = /** @class */function (_super) {
         onDataChange = _b.onDataChange,
         expressionName = _b.expressionName,
         name = _b.name;
-      var newData = (_a = {}, _a[name] = value == trueValue ? trueValue : falseValue, _a[expressionName] = undefined, _a);
+      var newData = (_a = {}, _a[name] = value == falseValue ? falseValue : undefined, _a[expressionName] = undefined, _a);
+      if (value == trueValue) {
+        switch (statusType) {
+          case 1:
+            newData[name] = trueValue;
+            break;
+          case 2:
+            newData[expressionName] = expression;
+            break;
+        }
+      }
       !noBulkChange && onBulkChange && onBulkChange(newData);
       onDataChange && onDataChange(newData);
     });
@@ -168,7 +183,7 @@ var StatusControl = /** @class */function (_super) {
         evalMode: false,
         label: i18nRuntime.i18n("a9400c408441f1f7f6d6954deb05ae9a"),
         name: 'expression',
-        placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u6761\u4EF6"),
+        placeholder: i18nRuntime.i18n("02cc4f8f5a9aefbc03c778f7a5c989c7").concat(label, i18nRuntime.i18n("69fbb2e5fc9eb3ba06096cbedbf5a622")),
         visibleOn: 'this.statusType === 2',
         onChange: function (value) {}
       })]
@@ -197,3 +212,4 @@ var StatusControl = /** @class */function (_super) {
 })(StatusControl);
 
 exports.StatusControl = StatusControl;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/renderer/SwitchMoreControl.d.ts

@@ -26,7 +26,14 @@ export interface SwitchMoreProps extends FormControlProps {
     bulk?: boolean;
     onRemove?: (e: React.UIEvent<any> | void) => void;
     onClose: (e: React.UIEvent<any> | void) => void;
+    clearChildValuesOnOff?: boolean;
     defaultData?: any;
+    isChecked?: (options: {
+        data: any;
+        value: any;
+        name?: string;
+        bulk?: boolean;
+    }) => boolean;
 }
 interface SwitchMoreState {
     /**
@@ -39,7 +46,7 @@ interface SwitchMoreState {
     checked: boolean;
 }
 export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchMoreState> {
-    static defaultProps: Pick<SwitchMoreProps, 'container' | 'autoFocus' | 'overlay' | 'rootClose' | 'trueValue' | 'falseValue' | 'formType' | 'bulk'>;
+    static defaultProps: Pick<SwitchMoreProps, 'container' | 'autoFocus' | 'overlay' | 'rootClose' | 'trueValue' | 'falseValue' | 'formType' | 'bulk' | 'clearChildValuesOnOff'>;
     overlay: HTMLElement | null;
     formNames: null | Array<string>;
     constructor(props: SwitchMoreProps);
@@ -57,8 +64,8 @@ export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchM
     handleSubmit(values: any): void;
     handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
     renderActions(): any[] | null;
-    renderPopover(): JSX.Element;
-    renderExtend(): JSX.Element | null;
+    renderPopover(): React.JSX.Element;
+    renderExtend(): React.JSX.Element | null;
     renderDialogMore(): {
         type: string;
         btnLabel: string;
@@ -101,8 +108,8 @@ export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchM
         submitOnChange: boolean;
         data: any;
     };
-    renderMoreSection(): JSX.Element | null;
-    render(): JSX.Element | null;
+    renderMoreSection(): React.JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare class SwitchMoreRenderer extends SwitchMore {
 }

package/lib/renderer/SwitchMoreControl.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
  */
 
@@ -13,13 +14,16 @@ var reactDom = require('react-dom');
 var cx = require('classnames');
 var amis = require('amis');
 var amisEditorCore = require('amis-editor-core');
-var _ = require('lodash');
+var fromPairs = require('lodash/fromPairs');
+var some = require('lodash/some');
 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 fromPairs__default = /*#__PURE__*/_interopDefaultLegacy(fromPairs);
+var some__default = /*#__PURE__*/_interopDefaultLegacy(some);
 
 /**
  * @file 开关 + 更多编辑组合控件
@@ -42,14 +46,24 @@ var SwitchMore = /** @class */function (_super) {
       var name = _a.name,
       bulk = _a.bulk;
       _a.hiddenOnDefault;
+      var isChecked = _a.isChecked;
     var checked = false;
     var show = false;
+    if (isChecked && typeof isChecked === 'function') {
+      checked = isChecked({
+        data: data,
+        value: value,
+        name: name,
+        bulk: bulk
+      });
+      show = checked;
+    }
     // 这个开关 无具体属性对应
-    if (!name) {
+    else if (!name) {
       // 子表单项是组件根属性，遍历看是否有值
       if (bulk) {
         var formNames = this.getFormItemNames();
-        checked = _.some(formNames, function (key) {
+        checked = some__default["default"](formNames, function (key) {
           return data[key] !== undefined;
         });
         show = checked;
@@ -104,7 +118,8 @@ var SwitchMore = /** @class */function (_super) {
       defaultData = _a.defaultData,
       name = _a.name,
       trueValue = _a.trueValue,
-      falseValue = _a.falseValue;
+      falseValue = _a.falseValue,
+      clearChildValuesOnOff = _a.clearChildValuesOnOff;
     this.setState({
       checked: checked
     });
@@ -116,11 +131,11 @@ var SwitchMore = /** @class */function (_super) {
         name && (data[name] = trueValue);
         onBulkChange && onBulkChange(data);
       }
-      // 取消选中后，讲所有字段重置
+      // 取消选中后，将所有字段重置
       else {
-        var values = _.fromPairs(this.getFormItemNames().map(function (i) {
+        var values = clearChildValuesOnOff ? fromPairs__default["default"](this.getFormItemNames().map(function (i) {
           return [i, undefined];
-        }));
+        })) : {};
         name && (values[name] = falseValue);
         onBulkChange && onBulkChange(values);
       }
@@ -361,7 +376,8 @@ var SwitchMore = /** @class */function (_super) {
     trueValue: true,
     falseValue: false,
     formType: 'pop',
-    bulk: true
+    bulk: true,
+    clearChildValuesOnOff: true
     // editable: true
   };
 
@@ -387,3 +403,4 @@ var SwitchMore = /** @class */function (_super) {
 })(SwitchMore);
 
 exports["default"] = SwitchMore;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/renderer/TableColumnWidthControl.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file 表格自定义列可视化编辑控件
+ */
+import React from 'react';
+import { FormControlProps } from 'amis';
+interface optionType {
+    label: string;
+    value: string;
+}
+export interface TableColumnWidthProps extends FormControlProps {
+    className?: string;
+}
+export interface TableColumnWidthState {
+    columns?: Array<any>;
+    activeOption: optionType;
+}
+export default class TableColumnWidthControl extends React.Component<TableColumnWidthProps, TableColumnWidthState> {
+    options: Array<optionType>;
+    constructor(props: any);
+    componentDidMount(): void;
+    handleOptionChange(item: optionType): void;
+    renderHeader(): React.JSX.Element;
+    handleChange(type: 'fixed' | 'percentage', val: number): void;
+    renderBody(): any;
+    render(): React.JSX.Element;
+}
+export declare class TableColumnWidthControlRender extends TableColumnWidthControl {
+}
+export {};

package/lib/renderer/TableColumnWidthControl.js

@@ -0,0 +1,186 @@
+/**
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
+ * Copyright 2018-2023 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('classnames');
+var amis = require('amis');
+var amisCore = require('amis-core');
+var amisEditorCore = require('amis-editor-core');
+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);
+
+/**
+ * @file 表格自定义列可视化编辑控件
+ */
+var TableColumnWidthControl = /** @class */function (_super) {
+  tslib.__extends(TableColumnWidthControl, _super);
+  function TableColumnWidthControl(props) {
+    var _this = _super.call(this, props) || this;
+    _this.options = [{
+      label: i18nRuntime.i18n("07c60b53a84fd7751095864a5310cc7d"),
+      value: 'adaptive'
+    }, {
+      label: i18nRuntime.i18n("81522afdfef2e4121c9240d00583f531"),
+      value: 'percentage'
+    }, {
+      label: i18nRuntime.i18n("b591aed69defa2abf0486da6a58dfb5e"),
+      value: 'fixed'
+    }];
+    _this.state = {
+      activeOption: _this.options[0]
+    };
+    return _this;
+  }
+  TableColumnWidthControl.prototype.componentDidMount = function () {
+    var value = this.props.value;
+    if (value === undefined) return;
+    if (typeof value === 'number') {
+      this.state.activeOption !== this.options[2] && this.setState({
+        activeOption: this.options[2]
+      });
+    } else if (typeof value === 'string' && value.endsWith('%')) {
+      this.state.activeOption !== this.options[1] && this.setState({
+        activeOption: this.options[1]
+      });
+    } else {
+      this.state.activeOption !== this.options[0] && this.setState({
+        activeOption: this.options[0]
+      });
+    }
+  };
+  TableColumnWidthControl.prototype.handleOptionChange = function (item) {
+    var _a, _b;
+    if (item === this.state.activeOption) return;
+    this.setState({
+      activeOption: item
+    });
+    (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, undefined);
+  };
+  TableColumnWidthControl.prototype.renderHeader = function () {
+    var _this = this;
+    var _a;
+    var _b = this.props,
+      render = _b.render,
+      formLabel = _b.formLabel,
+      labelRemark = _b.labelRemark,
+      useMobileUI = _b.useMobileUI,
+      env = _b.env,
+      popOverContainer = _b.popOverContainer;
+      _b.data;
+    var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+    var activeOption = this.state.activeOption;
+    return React__default["default"].createElement("div", {
+      className: "ae-columnWidthControl-header"
+    }, React__default["default"].createElement("label", {
+      className: cx__default["default"]("".concat(classPrefix, "Form-label"))
+    }, formLabel || '', labelRemark ? render('label-remark', {
+      type: 'remark',
+      icon: labelRemark.icon || 'warning-mark',
+      tooltip: labelRemark,
+      className: cx__default["default"]("Form-lableRemark", labelRemark === null || labelRemark === void 0 ? void 0 : labelRemark.className),
+      useMobileUI: useMobileUI,
+      container: popOverContainer ? popOverContainer : env && env.getModalContainer ? env.getModalContainer : undefined
+    }) : null), render('columnWidthControl-options', {
+      type: 'dropdown-button',
+      level: 'link',
+      size: 'sm',
+      label: activeOption.label,
+      align: 'right',
+      closeOnClick: true,
+      closeOnOutside: true,
+      buttons: this.options.map(function (item) {
+        return tslib.__assign(tslib.__assign({}, item), {
+          onClick: function () {
+            return _this.handleOptionChange(item);
+          }
+        });
+      })
+    }, {
+      popOverContainer: null
+    }));
+  };
+  TableColumnWidthControl.prototype.handleChange = function (type, val) {
+    var onChange = this.props.onChange;
+    if (typeof val !== 'number' || isNaN(val)) return;
+    if (val <= 0) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+      return;
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(type === 'percentage' ? val + '%' : val);
+  };
+  TableColumnWidthControl.prototype.renderBody = function () {
+    var _this = this;
+    var _a = this.props;
+      _a.onBulkChange;
+      var render = _a.render;
+      _a.onChange;
+      var value = _a.value;
+    var activeOption = this.state.activeOption;
+    if (activeOption.value === 'adaptive') {
+      return null;
+    }
+    if (activeOption.value === 'fixed') {
+      return render('columnWidthControl-fixed', amisEditorCore.getSchemaTpl('withUnit', {
+        label: i18nRuntime.i18n("9a8aed590bb7fcdd9198daca349b055a"),
+        name: 'interval',
+        control: {
+          type: 'input-number',
+          min: 0,
+          value: value
+          // onChange: (val: number) => this.handleChange('fixed', val)
+        },
+
+        unit: 'px',
+        className: 'mt-3'
+      }), {
+        onChange: function (val) {
+          return _this.handleChange('fixed', val);
+        }
+      });
+    }
+    return render('columnWidthControl-fixed', {
+      type: 'input-range',
+      name: 'range',
+      min: 0,
+      max: 100,
+      step: 1,
+      label: i18nRuntime.i18n("e0dbf4a939e6c84610d28b8a9b1803c1"),
+      value: amisCore.toNumber(value),
+      onChange: function (val) {
+        return activeOption.value === 'percentage' && _this.handleChange('percentage', val);
+      }
+    });
+  };
+  TableColumnWidthControl.prototype.render = function () {
+    return React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-columnWidthControl')
+    }, this.renderHeader(), this.renderBody());
+  };
+  return TableColumnWidthControl;
+}(React__default["default"].Component);
+/** @class */(function (_super) {
+  tslib.__extends(TableColumnWidthControlRender, _super);
+  function TableColumnWidthControlRender() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  TableColumnWidthControlRender = tslib.__decorate([amis.FormItem({
+    type: 'ae-columnWidthControl',
+    renderLabel: false
+  })], TableColumnWidthControlRender);
+  return TableColumnWidthControlRender;
+})(TableColumnWidthControl);
+
+exports["default"] = TableColumnWidthControl;
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/lib/renderer/TimelineItemControl.d.ts

@@ -20,7 +20,7 @@ export interface TimelineItemProps extends FormControlProps {
 }
 export interface TimelineItemState {
     items: Array<Partial<TimelineItem>>;
-    source: 'custom' | 'api';
+    source: 'custom' | 'api' | 'variable';
     api: SchemaApi;
 }
 export default class TimelineItemControl extends React.Component<TimelineItemProps, TimelineItemState> {
@@ -31,7 +31,7 @@ export default class TimelineItemControl extends React.Component<TimelineItemPro
     /**
      * 切换选项类型
      */
-    handleSourceChange(source: 'custom' | 'api'): void;
+    handleSourceChange(source: 'custom' | 'api' | 'variable'): void;
     handleAPIChange(source: SchemaApi): void;
     onChange(): void;
     toggleEdit(values: TimelineItem, index: number): void;
@@ -127,14 +127,14 @@ export default class TimelineItemControl extends React.Component<TimelineItemPro
     dragRef(ref: any): void;
     initDragging(): void;
     destroyDragging(): void;
-    renderHeader(): JSX.Element;
+    renderHeader(): React.JSX.Element;
     renderOption(props: TimelineItem & {
         index: number;
-    }): JSX.Element;
+    }): React.JSX.Element;
     renderApiPanel(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class TimelineItemControlRenderer extends React.Component<TimelineItemProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};