amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/tpl/options.js

@@ -1,265 +1,384 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
 'use strict';
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var BaseControl = require('../component/BaseControl.js');
+var amisEditorCore = require('amis-editor-core');
+var assign = require('lodash/assign');
+var cloneDeep = require('lodash/cloneDeep');
+var i18nRuntime = require('i18n-runtime');
 
-AMisCodeEditor.setSchemaTpl('options', {
-    label: '选项 Options',
-    name: 'options',
-    type: 'combo',
-    multiple: true,
-    draggable: true,
-    addButtonText: '新增选项',
-    scaffold: {
-        label: '',
-        value: ''
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var assign__default = /*#__PURE__*/_interopDefaultLegacy(assign);
+var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
+
+amisEditorCore.setSchemaTpl('options', {
+  label: i18nRuntime.i18n("25ae4ca8d4b8a67b273066a97a516327"),
+  name: 'options',
+  type: 'combo',
+  multiple: true,
+  draggable: true,
+  addButtonText: i18nRuntime.i18n("65d76d0590aa6e05d61fe8db4c6a11ca"),
+  scaffold: {
+    label: '',
+    value: ''
+  },
+  items: [{
+    type: 'input-text',
+    name: 'label',
+    placeholder: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+    required: true
+  }, {
+    type: 'select',
+    name: 'value',
+    pipeIn: function (value) {
+      if (typeof value === 'string') {
+        return 'text';
+      }
+
+      if (typeof value === 'boolean') {
+        return 'boolean';
+      }
+
+      if (typeof value === 'number') {
+        return 'number';
+      }
+
+      return 'text';
     },
-    items: [
-        {
-            type: 'input-text',
-            name: 'label',
-            placeholder: '名称',
-            required: true
-        },
-        {
-            type: 'select',
-            name: 'value',
-            pipeIn: function (value) {
-                if (typeof value === 'string') {
-                    return 'text';
-                }
-                if (typeof value === 'boolean') {
-                    return 'boolean';
-                }
-                if (typeof value === 'number') {
-                    return 'number';
-                }
-                return 'text';
-            },
-            pipeOut: function (value, oldValue) {
-                if (value === 'text') {
-                    return String(oldValue);
-                }
-                if (value === 'number') {
-                    var convertTo = Number(oldValue);
-                    if (isNaN(convertTo)) {
-                        return 0;
-                    }
-                    return convertTo;
-                }
-                if (value === 'boolean') {
-                    return Boolean(oldValue);
-                }
-                return '';
-            },
-            options: [
-                { label: '文本', value: 'text' },
-                { label: '数字', value: 'number' },
-                { label: '布尔', value: 'boolean' }
-            ]
-        },
-        {
-            type: 'input-number',
-            name: 'value',
-            placeholder: '值',
-            visibleOn: 'typeof data.value === "number"',
-            unique: true
-        },
-        {
-            type: 'switch',
-            name: 'value',
-            placeholder: '值',
-            visibleOn: 'typeof data.value === "boolean"',
-            unique: true
-        },
-        {
-            type: 'input-text',
-            name: 'value',
-            placeholder: '值',
-            visibleOn: 'typeof data.value === "undefined" || typeof data.value === "string"',
-            unique: true
+    pipeOut: function (value, oldValue) {
+      if (value === 'text') {
+        return String(oldValue);
+      }
+
+      if (value === 'number') {
+        var convertTo = Number(oldValue);
+
+        if (isNaN(convertTo)) {
+          return 0;
         }
-    ]
-});
-AMisCodeEditor.setSchemaTpl('tree', {
-    label: '选项 Options',
-    name: 'options',
-    type: 'combo',
-    multiple: true,
-    draggable: true,
-    addButtonText: '新增选项',
-    description: '静态数据暂不支持多级，请切换到代码模式，或者采用 source 接口获取。',
-    scaffold: {
-        label: '',
-        value: ''
+
+        return convertTo;
+      }
+
+      if (value === 'boolean') {
+        return Boolean(oldValue);
+      }
+
+      return '';
     },
-    items: [
-        {
-            type: 'input-text',
-            name: 'label',
-            placeholder: '名称',
-            required: true
-        },
-        {
-            type: 'input-text',
-            name: 'value',
-            placeholder: '值',
-            unique: true
-        }
-    ]
+    options: [{
+      label: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
+      value: 'text'
+    }, {
+      label: i18nRuntime.i18n("55d4790c5d819cd0462cbe89561b0dd4"),
+      value: 'number'
+    }, {
+      label: i18nRuntime.i18n("97b0b6499334ed889b372513290a2a52"),
+      value: 'boolean'
+    }]
+  }, {
+    type: 'input-number',
+    name: 'value',
+    placeholder: i18nRuntime.i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "number"',
+    unique: true
+  }, {
+    type: 'switch',
+    name: 'value',
+    placeholder: i18nRuntime.i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "boolean"',
+    unique: true
+  }, {
+    type: 'input-text',
+    name: 'value',
+    placeholder: i18nRuntime.i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "undefined" || typeof data.value === "string"',
+    unique: true
+  }]
 });
-AMisCodeEditor.setSchemaTpl('multiple', function (schema) {
-    if (schema === void 0) { schema = {}; }
-    return {
-        type: 'ae-Switch-More',
-        mode: 'normal',
-        name: 'multiple',
-        label: '可多选',
-        value: false,
-        hiddenOnDefault: true,
-        formType: 'extend',
-        form: {
-            body: schema.replace
-                ? schema.body
-                : tslib.__spreadArray([
-                    AMisCodeEditor.getSchemaTpl('joinValues'),
-                    AMisCodeEditor.getSchemaTpl('delimiter'),
-                    AMisCodeEditor.getSchemaTpl('extractValue')
-                ], [schema.body || []], false)
-        }
-    };
+amisEditorCore.setSchemaTpl('tree', {
+  label: i18nRuntime.i18n("25ae4ca8d4b8a67b273066a97a516327"),
+  name: 'options',
+  type: 'combo',
+  multiple: true,
+  draggable: true,
+  addButtonText: i18nRuntime.i18n("65d76d0590aa6e05d61fe8db4c6a11ca"),
+  description: i18nRuntime.i18n("1f08c91da33fc5f0616e8a85c0456a18"),
+  scaffold: {
+    label: '',
+    value: ''
+  },
+  items: [{
+    type: 'input-text',
+    name: 'label',
+    placeholder: i18nRuntime.i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+    required: true
+  }, {
+    type: 'input-text',
+    name: 'value',
+    placeholder: i18nRuntime.i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    unique: true
+  }]
 });
-AMisCodeEditor.setSchemaTpl('checkAll', function () {
-    return [
-        AMisCodeEditor.getSchemaTpl('switch', {
-            label: '可全选',
-            name: 'checkAll',
-            value: false,
-            visibleOn: 'data.multiple'
-        }),
-        {
-            type: 'container',
-            className: 'ae-ExtendMore mb-2',
-            visibleOn: 'data.checkAll && data.multiple',
-            body: [
-                AMisCodeEditor.getSchemaTpl('switch', {
-                    label: '默认全选',
-                    name: 'defaultCheckAll',
-                    value: false
-                }),
-                {
-                    type: 'input-text',
-                    name: 'checkAllLabel',
-                    label: '选项文案',
-                    value: '全选',
-                    mode: 'row'
-                }
-            ]
-        }
-    ];
+amisEditorCore.setSchemaTpl('multiple', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return tslib.__assign(tslib.__assign({
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'multiple',
+    label: i18nRuntime.i18n("e3be7b8a459a08fec8f378a0660b642b"),
+    value: false,
+    hiddenOnDefault: true,
+    formType: 'extend'
+  }, schema.patch || {}), {
+    form: {
+      body: schema.replace ? schema.body : tslib.__spreadArray([amisEditorCore.getSchemaTpl('joinValues'), amisEditorCore.getSchemaTpl('delimiter'), amisEditorCore.getSchemaTpl('extractValue')], (schema === null || schema === void 0 ? void 0 : schema.body) || [], true)
+    }
+  });
 });
-AMisCodeEditor.setSchemaTpl('joinValues', function () {
-    return AMisCodeEditor.getSchemaTpl('switch', {
-        label: BaseControl.tipedLabel('拼接值', '开启后将选中的选项 value 的值用连接符拼接起来，作为当前表单项的值'),
-        name: 'joinValues',
-        visibleOn: 'data.multiple',
-        value: true
-    });
+amisEditorCore.setSchemaTpl('checkAll', function () {
+  return [amisEditorCore.getSchemaTpl('switch', {
+    label: i18nRuntime.i18n("9c541222ced2435288c24b34f8ad1fb8"),
+    name: 'checkAll',
+    value: false,
+    visibleOn: 'data.multiple'
+  }), {
+    type: 'container',
+    className: 'ae-ExtendMore mb-2',
+    visibleOn: 'data.checkAll && data.multiple',
+    body: [amisEditorCore.getSchemaTpl('switch', {
+      label: i18nRuntime.i18n("05bef457e8350e1a5d8007cad41b70e5"),
+      name: 'defaultCheckAll',
+      value: false
+    }), {
+      type: 'input-text',
+      name: 'checkAllLabel',
+      label: i18nRuntime.i18n("cf763c357566be6fdaee886a40ddcca7"),
+      value: i18nRuntime.i18n("66eeacd93a7c1bda93906fe908ad11a0"),
+      mode: 'row'
+    }]
+  }];
 });
-AMisCodeEditor.setSchemaTpl('delimiter', {
-    type: 'input-text',
-    name: 'delimiter',
-    label: BaseControl.tipedLabel('拼接符', '将多个值拼接成一个字符串的连接符号'),
-    visibleOn: 'data.multiple && data.joinValues',
-    pipeIn: AMisCodeEditor.defaultValue(',')
+amisEditorCore.setSchemaTpl('joinValues', function () {
+  return amisEditorCore.getSchemaTpl('switch', {
+    label: amisEditorCore.tipedLabel(i18nRuntime.i18n("bc8d09093edd98769d5cb39e759aa498"), i18nRuntime.i18n("2646ee1ebb6922a5c9359de6cd3b3639")),
+    name: 'joinValues',
+    visibleOn: 'data.multiple',
+    value: true
+  });
 });
-AMisCodeEditor.setSchemaTpl('extractValue', {
-    type: 'switch',
-    label: BaseControl.tipedLabel('仅提取值', '开启后将选中项的 value 封装为数组，关闭后则将整个选项数据封装为数组。'),
-    name: 'extractValue',
-    inputClassName: 'is-inline',
-    visibleOn: 'data.multiple && data.joinValues === false',
-    pipeIn: AMisCodeEditor.defaultValue(false)
+amisEditorCore.setSchemaTpl('delimiter', {
+  type: 'input-text',
+  name: 'delimiter',
+  label: amisEditorCore.tipedLabel(i18nRuntime.i18n("1ca0b9b486be3b766a92474189f11fc8"), i18nRuntime.i18n("ab8e2e8cd076bd115cdd600d17ca5020")),
+  visibleOn: 'data.multiple && data.joinValues',
+  pipeIn: amisEditorCore.defaultValue(',')
+});
+amisEditorCore.setSchemaTpl('extractValue', {
+  type: 'switch',
+  label: amisEditorCore.tipedLabel(i18nRuntime.i18n("6df0630b4f00b6bd05de8af09c2f78ad"), i18nRuntime.i18n("d7d810ec89408c206a220f62edde737f")),
+  name: 'extractValue',
+  inputClassName: 'is-inline',
+  visibleOn: 'data.multiple && data.joinValues === false',
+  pipeIn: amisEditorCore.defaultValue(false)
 });
-AMisCodeEditor.setSchemaTpl('creatable', function (schema) {
-    if (schema === void 0) { schema = {}; }
-    return tslib.__assign({ label: BaseControl.tipedLabel('可创建', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'creatable' }, schema);
+amisEditorCore.setSchemaTpl('creatable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return tslib.__assign({
+    label: amisEditorCore.tipedLabel(i18nRuntime.i18n("4cff56e2b9703018efc48218b83844b1"), i18nRuntime.i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'creatable'
+  }, schema);
 });
-AMisCodeEditor.setSchemaTpl('addApi', function () {
-    return AMisCodeEditor.getSchemaTpl('apiControl', {
-        label: '新增接口',
-        name: 'addApi',
-        visibleOn: 'data.creatable'
-    });
+amisEditorCore.setSchemaTpl('addApi', function () {
+  return amisEditorCore.getSchemaTpl('apiControl', {
+    label: i18nRuntime.i18n("d03c96a2da4905c5f13a87c0d8ddbdb4"),
+    name: 'addApi',
+    mode: 'row',
+    visibleOn: 'data.creatable'
+  });
 });
-AMisCodeEditor.setSchemaTpl('createBtnLabel', {
-    label: '按钮名称',
-    name: 'createBtnLabel',
-    type: 'input-text',
-    placeholder: '新建'
+amisEditorCore.setSchemaTpl('createBtnLabel', {
+  label: i18nRuntime.i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+  name: 'createBtnLabel',
+  type: 'input-text',
+  placeholder: i18nRuntime.i18n("26bb8418786593149c0bf9f8970ab6de")
 });
-AMisCodeEditor.setSchemaTpl('editable', function (schema) {
-    if (schema === void 0) { schema = {}; }
-    return tslib.__assign({ label: BaseControl.tipedLabel('可编辑', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'editable' }, schema);
+amisEditorCore.setSchemaTpl('editable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return tslib.__assign({
+    label: amisEditorCore.tipedLabel(i18nRuntime.i18n("a32b3bf74850faad3a9ae6a0a5dac781"), i18nRuntime.i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'editable'
+  }, schema);
 });
-AMisCodeEditor.setSchemaTpl('editApi', function () {
-    return AMisCodeEditor.getSchemaTpl('apiControl', {
-        label: '编辑接口',
-        name: 'editApi',
-        visibleOn: 'data.editable'
-    });
+amisEditorCore.setSchemaTpl('editApi', function () {
+  return amisEditorCore.getSchemaTpl('apiControl', {
+    label: i18nRuntime.i18n("ea56ca3dac0d39e463a8233fd40a9eb6"),
+    name: 'editApi',
+    mode: 'row',
+    visibleOn: 'data.editable'
+  });
 });
-AMisCodeEditor.setSchemaTpl('removable', function (schema) {
-    if (schema === void 0) { schema = {}; }
-    return tslib.__assign({ label: BaseControl.tipedLabel('可删除', '配置事件动作可插入或拦截默认交互'), type: 'ae-switch-more', mode: 'normal', name: 'removable' }, schema);
+amisEditorCore.setSchemaTpl('removable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return tslib.__assign({
+    label: amisEditorCore.tipedLabel(i18nRuntime.i18n("3c87af7c432e6b1f59e4f415fd5060cf"), i18nRuntime.i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'removable'
+  }, schema);
 });
-AMisCodeEditor.setSchemaTpl('deleteApi', function () {
-    return AMisCodeEditor.getSchemaTpl('apiControl', {
-        label: '删除接口',
-        name: 'deleteApi',
-        visibleOn: 'data.removable'
-    });
+amisEditorCore.setSchemaTpl('deleteApi', function () {
+  return amisEditorCore.getSchemaTpl('apiControl', {
+    label: i18nRuntime.i18n("793e260d5b7c67d43b5c6d5e885d2363"),
+    name: 'deleteApi',
+    mode: 'row',
+    visibleOn: 'data.removable'
+  });
 });
-AMisCodeEditor.setSchemaTpl('ref', function () {
-    // {
-    //   type: 'input-text',
-    //   name: '$ref',
-    //   label: '选择定义',
-    //   labelRemark: '输入已经在page中设定好的定义'
-    // }
-    return null;
+amisEditorCore.setSchemaTpl('ref', function () {
+  // {
+  //   type: 'input-text',
+  //   name: '$ref',
+  //   label: '选择定义',
+  //   labelRemark: '输入已经在page中设定好的定义'
+  // }
+  return null;
 });
-AMisCodeEditor.setSchemaTpl('selectFirst', {
-    type: 'switch',
-    label: '是否默认选择第一个',
-    name: 'selectFirst'
+amisEditorCore.setSchemaTpl('selectFirst', {
+  type: 'switch',
+  label: i18nRuntime.i18n("63bbd68594c9a987d0ff41d645fafa16"),
+  name: 'selectFirst'
 });
-AMisCodeEditor.setSchemaTpl('hideNodePathLabel', {
-    type: 'switch',
-    label: BaseControl.tipedLabel('隐藏路径', '隐藏选中节点的祖先节点文本信息'),
-    name: 'hideNodePathLabel',
-    inputClassName: 'is-inline'
+amisEditorCore.setSchemaTpl('hideNodePathLabel', {
+  type: 'switch',
+  label: amisEditorCore.tipedLabel(i18nRuntime.i18n("0dd2e4469872c176ab1e85b66d99da98"), i18nRuntime.i18n("b7e26fcff328b28b393ef2e57e96e258")),
+  name: 'hideNodePathLabel',
+  mode: 'horizontal',
+  horizontal: {
+    justify: true,
+    left: 8
+  },
+  inputClassName: 'is-inline'
 });
-AMisCodeEditor.setSchemaTpl('optionControl', {
-    label: '数据',
-    mode: 'normal',
-    name: 'options',
-    type: 'ae-optionControl'
+amisEditorCore.setSchemaTpl('optionControl', {
+  label: i18nRuntime.i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-optionControl'
 });
 /**
  * 新版选项控件: 不带设置默认值功能
  * 备注: 表单项组件默认值支持公式需要
  */
-AMisCodeEditor.setSchemaTpl('optionControlV2', {
-    label: '数据',
-    mode: 'normal',
-    name: 'options',
-    type: 'ae-optionControl',
-    closeDefaultCheck: true // 关闭默认值设置
+
+amisEditorCore.setSchemaTpl('optionControlV2', {
+  label: i18nRuntime.i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-optionControl',
+  closeDefaultCheck: true // 关闭默认值设置
+
+});
+/**
+ * 时间轴组件选项控件
+ */
+
+amisEditorCore.setSchemaTpl('timelineItemControl', {
+  label: i18nRuntime.i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  model: 'normal',
+  type: 'ae-timelineItemControl'
+});
+amisEditorCore.setSchemaTpl('treeOptionControl', {
+  label: i18nRuntime.i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-treeOptionControl'
+});
+amisEditorCore.setSchemaTpl('dataMap', {
+  type: 'container',
+  body: [amisEditorCore.getSchemaTpl('switch', {
+    label: amisEditorCore.tipedLabel(i18nRuntime.i18n("dd10fdec63a2224aa3d28b48d428cb98"), i18nRuntime.i18n("f19464cd1d7c55610b84b4972eaf506f") + i18nRuntime.i18n("784cf5219012b5f16f2985b7f1fd52f5")),
+    name: 'dataMapSwitch',
+    value: false,
+    className: 'm-b-xs',
+    onChange: function (value, oldValue, model, form) {
+      var newDataValue = value ? {} : null;
+      form.setValues({
+        dataMap: newDataValue,
+        data: newDataValue
+      });
+    }
+  }), {
+    type: 'alert',
+    level: 'info',
+    visibleOn: 'this.dataMapSwitch',
+    className: 'relative',
+    body: [{
+      type: 'tpl',
+      tpl: i18nRuntime.i18n("af9f27383daeec508815a33753247f42")
+    }, {
+      type: 'button',
+      label: i18nRuntime.i18n("ff0d36eac9b9c029d91c365cd2c7e6cf"),
+      level: 'link',
+      className: 'absolute bottom-3 right-10',
+      onClick: function (e, props) {
+        var _a;
+
+        var newData = ((_a = props.data.data) === null || _a === void 0 ? void 0 : _a['&']) === '$$' ? {} : {
+          '&': '$$'
+        }; // 用onBulkChange保证代码视图和编辑区域数据保持同步
+
+        props.onBulkChange({
+          data: newData,
+          dataMap: {}
+        });
+      }
+    }],
+    showCloseButton: true
+  }, amisEditorCore.getSchemaTpl('combo-container', {
+    type: 'input-kv',
+    syncDefaultValue: false,
+    name: 'dataMap',
+    value: null,
+    visibleOn: 'this.dataMapSwitch',
+    className: 'block -mt-5',
+    deleteBtn: {
+      icon: 'fa fa-trash'
+    },
+    onChange: function (value, oldValue, model, form) {
+      var _a; // 用assign保证'&'第一个被遍历到
+
+
+      var newDataMap = ((_a = form.data.data) === null || _a === void 0 ? void 0 : _a['&']) ? assign__default["default"]({
+        '&': '$$'
+      }, value) : cloneDeep__default["default"](value);
+      form.setValues({
+        data: newDataMap
+      });
+      form.setValues({
+        data: newDataMap
+      });
+    }
+  })]
 });