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

package/esm/tpl/horizontal.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/tpl/horizontal.js

@@ -0,0 +1,243 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __assign } from 'tslib';
+import { setSchemaTpl, tipedLabel, getSchemaTpl, defaultValue } from 'amis-editor-core';
+import { isObject } from 'lodash';
+import { i18n } from 'i18n-runtime';
+
+setSchemaTpl('horizontal-align', {
+  type: 'button-group-select',
+  label: i18n("d4d2a66820d30e07b44c850eb3f116c0"),
+  options: [{
+    label: i18n("a7eaff29603a9c40927f726013d2c016"),
+    value: 'left',
+    icon: 'fa fa-align-left'
+  }, {
+    label: i18n("128d58f066a18ddb2ddb701921d5c77c"),
+    value: 'right',
+    icon: 'fa fa-align-right'
+  }]
+});
+setSchemaTpl('leftFixed', {
+  name: 'horizontal.leftFixed',
+  type: 'button-group-select',
+  visibleOn: 'data.horizontal && data.horizontal.leftFixed',
+  label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
+  options: [{
+    label: i18n("391b8fa9c747a1799353ab856e666ad5"),
+    value: 'sm'
+  }, {
+    label: i18n("aed1dfbc31703955e64806b799b67645"),
+    value: 'normal'
+  }, {
+    label: i18n("ab18e30c0dc4093ceeda8961fac3d1f4"),
+    value: 'lg'
+  }]
+});
+setSchemaTpl('leftRate', {
+  name: 'horizontal',
+  type: 'input-range',
+  visibleOn: 'data.horizontal && !data.horizontal.leftFixed',
+  min: 1,
+  max: 11,
+  step: 1,
+  label: tipedLabel(i18n("150075376834f1879d6ceb7c2d10ec67"), i18n("34598b2c71a8affb13da84ba39e905d5")),
+  pipeIn: function (v) {
+    return v.left || 3;
+  },
+  pipeOut: function (v) {
+    return {
+      left: v,
+      right: 12 - v
+    };
+  }
+});
+setSchemaTpl('horizontal', function (config) {
+  return [__assign({
+    type: 'button-group-select',
+    label: i18n("73ec114993142f627ab6c3e6706fa3c3"),
+    name: 'horizontal',
+    options: [{
+      label: i18n("2dde3029c4170a1c8e961a90766e0194"),
+      value: 'formHorizontal'
+    }, {
+      label: i18n("ae6fa9e75d38b9db24f78496b72bcc75"),
+      value: 'leftFixed'
+    }, {
+      label: i18n("150075376834f1879d6ceb7c2d10ec67"),
+      value: 'leftRate'
+    }],
+    pipeIn: function (v) {
+      if (!v) {
+        return 'formHorizontal';
+      }
+
+      if (v.leftFixed) {
+        return 'leftFixed';
+      }
+
+      return 'leftRate';
+    },
+    pipeOut: function (v) {
+      var defaultData = {
+        formHorizontal: undefined,
+        leftFixed: {
+          leftFixed: 'normal'
+        },
+        leftRate: {
+          left: 3,
+          right: 9
+        }
+      }; // @ts-ignore
+
+      return defaultData[v];
+    },
+    visibleOn: 'this.mode == "horizontal" && this.label !== false'
+  }, isObject(config) ? config : {}), {
+    type: 'container',
+    className: 'ae-ExtendMore mb-3',
+    visibleOn: 'this.mode == "horizontal" && this.horizontal && this.label !== false',
+    body: [getSchemaTpl('leftFixed'), getSchemaTpl('leftRate')]
+  }];
+});
+setSchemaTpl('subFormItemMode', {
+  label: i18n("424f04d454332ddaff4daa0a365e9335"),
+  name: 'subFormMode',
+  type: 'button-group-select',
+  size: 'sm',
+  option: i18n("2dde3029c4170a1c8e961a90766e0194"),
+  // mode: 'inline',
+  // className: 'w-full',
+  pipeIn: defaultValue(''),
+  options: [{
+    label: i18n("2dde3029c4170a1c8e961a90766e0194"),
+    value: ''
+  }, {
+    label: i18n("fd6e80f1e0199d6ecc3ee81ae04aa9ef"),
+    value: 'normal'
+  }, {
+    label: i18n("2dd25b8c21efbfee4a198787810d65d8"),
+    value: 'inline'
+  }, {
+    label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+    value: 'horizontal'
+  }]
+});
+setSchemaTpl('subFormHorizontalMode', {
+  type: 'switch',
+  label: i18n("b17754a193ac835bcae0bf960f3a3772"),
+  name: 'subFormHorizontal',
+  onText: i18n("2dde3029c4170a1c8e961a90766e0194"),
+  offText: i18n("f1d4ff50f3828f9b73412e7d94e6dd6e"),
+  inputClassName: 'text-sm',
+  visibleOn: 'this.subFormMode == "horizontal"',
+  pipeIn: function (value) {
+    return !value;
+  },
+  pipeOut: function (value, originValue, data) {
+    return value ? null : data.formHorizontal || {
+      leftFixed: 'normal'
+    };
+  }
+});
+setSchemaTpl('subFormItemMode', {
+  label: i18n("424f04d454332ddaff4daa0a365e9335"),
+  name: 'subFormMode',
+  type: 'button-group-select',
+  size: 'sm',
+  option: i18n("2dde3029c4170a1c8e961a90766e0194"),
+  // mode: 'inline',
+  // className: 'w-full',
+  pipeIn: defaultValue(''),
+  options: [{
+    label: i18n("2dde3029c4170a1c8e961a90766e0194"),
+    value: ''
+  }, {
+    label: i18n("fd6e80f1e0199d6ecc3ee81ae04aa9ef"),
+    value: 'normal'
+  }, {
+    label: i18n("2dd25b8c21efbfee4a198787810d65d8"),
+    value: 'inline'
+  }, {
+    label: i18n("4cde06e6162ed66720e3133cb83bc059"),
+    value: 'horizontal'
+  }]
+});
+setSchemaTpl('subFormHorizontalMode', {
+  type: 'switch',
+  label: i18n("b17754a193ac835bcae0bf960f3a3772"),
+  name: 'subFormHorizontal',
+  onText: i18n("2dde3029c4170a1c8e961a90766e0194"),
+  offText: i18n("f1d4ff50f3828f9b73412e7d94e6dd6e"),
+  inputClassName: 'text-sm',
+  visibleOn: 'this.subFormMode == "horizontal"',
+  pipeIn: function (value) {
+    return !value;
+  },
+  pipeOut: function (value, originValue, data) {
+    return value ? null : data.formHorizontal || {
+      leftFixed: 'normal'
+    };
+  }
+});
+setSchemaTpl('subFormHorizontal', {
+  type: 'combo',
+  syncDefaultValue: false,
+  visibleOn: 'data.subFormMode == "horizontal" && data.subFormHorizontal',
+  name: 'subFormHorizontal',
+  multiLine: true,
+  pipeIn: function (value) {
+    return {
+      leftRate: value && typeof value.left === 'number' ? value.left : value && /\bcol\-(?:xs|sm|md|lg)\-(\d+)\b/.test(value.left) ? parseInt(RegExp.$1, 10) : 2,
+      leftFixed: value && value.leftFixed || ''
+    };
+  },
+  pipeOut: function (value) {
+    var left = Math.min(11, Math.max(1, value.leftRate || 2));
+    return {
+      leftFixed: value.leftFixed || '',
+      left: left,
+      right: 12 - left
+    };
+  },
+  inputClassName: 'no-padder',
+  items: [{
+    name: 'leftFixed',
+    type: 'button-group-select',
+    label: i18n("2e282fb6405a60830112991f88e95753"),
+    size: 'xs',
+    options: [{
+      label: i18n("c41b3271487a3cc63e79feeb11b11de0"),
+      value: ''
+    }, {
+      label: i18n("0fcf69b5d0b44955fcbec9702f90b556"),
+      value: 'sm',
+      visibleOn: 'this.leftFixed'
+    }, {
+      label: i18n("b591aed69defa2abf0486da6a58dfb5e"),
+      value: 'normal'
+    }, {
+      label: i18n("0fa590019ace86acee8d7655e5fb11b7"),
+      value: 'lg',
+      visibleOn: 'this.leftFixed'
+    }]
+  }, {
+    name: 'leftRate',
+    type: 'input-range',
+    visibleOn: '!this.leftFixed',
+    min: 1,
+    max: 11,
+    step: 1,
+    label: i18n("51c1e80408011ba118cdcc696f28283d"),
+    labelRemark: {
+      trigger: 'click',
+      className: 'm-l-xs',
+      rootClose: true,
+      content: i18n("aa0ff71cb10c3e54d68874dc2b17acaf"),
+      placement: 'left'
+    }
+  }]
+});

package/esm/tpl/index.d.ts

@@ -0,0 +1,7 @@
+import './common';
+import './horizontal';
+import './api';
+import './options';
+import './validations';
+import './style';
+export * from './style';

package/esm/tpl/options.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/tpl/options.js

@@ -0,0 +1,377 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __assign, __spreadArray } from 'tslib';
+import { setSchemaTpl, getSchemaTpl, tipedLabel, defaultValue } from 'amis-editor-core';
+import assign from 'lodash/assign';
+import cloneDeep from 'lodash/cloneDeep';
+import { i18n } from 'i18n-runtime';
+
+setSchemaTpl('options', {
+  label: i18n("25ae4ca8d4b8a67b273066a97a516327"),
+  name: 'options',
+  type: 'combo',
+  multiple: true,
+  draggable: true,
+  addButtonText: i18n("65d76d0590aa6e05d61fe8db4c6a11ca"),
+  scaffold: {
+    label: '',
+    value: ''
+  },
+  items: [{
+    type: 'input-text',
+    name: 'label',
+    placeholder: 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';
+    },
+    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: i18n("97d07614380da93d257f9fbf81aa56fb"),
+      value: 'text'
+    }, {
+      label: i18n("55d4790c5d819cd0462cbe89561b0dd4"),
+      value: 'number'
+    }, {
+      label: i18n("97b0b6499334ed889b372513290a2a52"),
+      value: 'boolean'
+    }]
+  }, {
+    type: 'input-number',
+    name: 'value',
+    placeholder: i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "number"',
+    unique: true
+  }, {
+    type: 'switch',
+    name: 'value',
+    placeholder: i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "boolean"',
+    unique: true
+  }, {
+    type: 'input-text',
+    name: 'value',
+    placeholder: i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    visibleOn: 'typeof data.value === "undefined" || typeof data.value === "string"',
+    unique: true
+  }]
+});
+setSchemaTpl('tree', {
+  label: i18n("25ae4ca8d4b8a67b273066a97a516327"),
+  name: 'options',
+  type: 'combo',
+  multiple: true,
+  draggable: true,
+  addButtonText: i18n("65d76d0590aa6e05d61fe8db4c6a11ca"),
+  description: i18n("1f08c91da33fc5f0616e8a85c0456a18"),
+  scaffold: {
+    label: '',
+    value: ''
+  },
+  items: [{
+    type: 'input-text',
+    name: 'label',
+    placeholder: i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+    required: true
+  }, {
+    type: 'input-text',
+    name: 'value',
+    placeholder: i18n("fe7509e0ed085b86f07e3e9975cc5b3d"),
+    unique: true
+  }]
+});
+setSchemaTpl('multiple', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return __assign(__assign({
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'multiple',
+    label: i18n("e3be7b8a459a08fec8f378a0660b642b"),
+    value: false,
+    hiddenOnDefault: true,
+    formType: 'extend'
+  }, schema.patch || {}), {
+    form: {
+      body: schema.replace ? schema.body : __spreadArray([getSchemaTpl('joinValues'), getSchemaTpl('delimiter'), getSchemaTpl('extractValue')], (schema === null || schema === void 0 ? void 0 : schema.body) || [], true)
+    }
+  });
+});
+setSchemaTpl('checkAll', function () {
+  return [getSchemaTpl('switch', {
+    label: i18n("9c541222ced2435288c24b34f8ad1fb8"),
+    name: 'checkAll',
+    value: false,
+    visibleOn: 'data.multiple'
+  }), {
+    type: 'container',
+    className: 'ae-ExtendMore mb-2',
+    visibleOn: 'data.checkAll && data.multiple',
+    body: [getSchemaTpl('switch', {
+      label: i18n("05bef457e8350e1a5d8007cad41b70e5"),
+      name: 'defaultCheckAll',
+      value: false
+    }), {
+      type: 'input-text',
+      name: 'checkAllLabel',
+      label: i18n("cf763c357566be6fdaee886a40ddcca7"),
+      value: i18n("66eeacd93a7c1bda93906fe908ad11a0"),
+      mode: 'row'
+    }]
+  }];
+});
+setSchemaTpl('joinValues', function () {
+  return getSchemaTpl('switch', {
+    label: tipedLabel(i18n("bc8d09093edd98769d5cb39e759aa498"), i18n("2646ee1ebb6922a5c9359de6cd3b3639")),
+    name: 'joinValues',
+    visibleOn: 'data.multiple',
+    value: true
+  });
+});
+setSchemaTpl('delimiter', {
+  type: 'input-text',
+  name: 'delimiter',
+  label: tipedLabel(i18n("1ca0b9b486be3b766a92474189f11fc8"), i18n("ab8e2e8cd076bd115cdd600d17ca5020")),
+  visibleOn: 'data.multiple && data.joinValues',
+  pipeIn: defaultValue(',')
+});
+setSchemaTpl('extractValue', {
+  type: 'switch',
+  label: tipedLabel(i18n("6df0630b4f00b6bd05de8af09c2f78ad"), i18n("d7d810ec89408c206a220f62edde737f")),
+  name: 'extractValue',
+  inputClassName: 'is-inline',
+  visibleOn: 'data.multiple && data.joinValues === false',
+  pipeIn: defaultValue(false)
+});
+setSchemaTpl('creatable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return __assign({
+    label: tipedLabel(i18n("4cff56e2b9703018efc48218b83844b1"), i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'creatable'
+  }, schema);
+});
+setSchemaTpl('addApi', function () {
+  return getSchemaTpl('apiControl', {
+    label: i18n("d03c96a2da4905c5f13a87c0d8ddbdb4"),
+    name: 'addApi',
+    mode: 'row',
+    visibleOn: 'data.creatable'
+  });
+});
+setSchemaTpl('createBtnLabel', {
+  label: i18n("cf6e87cb9edfa398ccfc3db377e34ca4"),
+  name: 'createBtnLabel',
+  type: 'input-text',
+  placeholder: i18n("26bb8418786593149c0bf9f8970ab6de")
+});
+setSchemaTpl('editable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return __assign({
+    label: tipedLabel(i18n("a32b3bf74850faad3a9ae6a0a5dac781"), i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'editable'
+  }, schema);
+});
+setSchemaTpl('editApi', function () {
+  return getSchemaTpl('apiControl', {
+    label: i18n("ea56ca3dac0d39e463a8233fd40a9eb6"),
+    name: 'editApi',
+    mode: 'row',
+    visibleOn: 'data.editable'
+  });
+});
+setSchemaTpl('removable', function (schema) {
+  if (schema === void 0) {
+    schema = {};
+  }
+
+  return __assign({
+    label: tipedLabel(i18n("3c87af7c432e6b1f59e4f415fd5060cf"), i18n("457c4cf8e1e2e0daef8949085555563f")),
+    type: 'ae-switch-more',
+    mode: 'normal',
+    name: 'removable'
+  }, schema);
+});
+setSchemaTpl('deleteApi', function () {
+  return getSchemaTpl('apiControl', {
+    label: i18n("793e260d5b7c67d43b5c6d5e885d2363"),
+    name: 'deleteApi',
+    mode: 'row',
+    visibleOn: 'data.removable'
+  });
+});
+setSchemaTpl('ref', function () {
+  // {
+  //   type: 'input-text',
+  //   name: '$ref',
+  //   label: '选择定义',
+  //   labelRemark: '输入已经在page中设定好的定义'
+  // }
+  return null;
+});
+setSchemaTpl('selectFirst', {
+  type: 'switch',
+  label: i18n("63bbd68594c9a987d0ff41d645fafa16"),
+  name: 'selectFirst'
+});
+setSchemaTpl('hideNodePathLabel', {
+  type: 'switch',
+  label: tipedLabel(i18n("0dd2e4469872c176ab1e85b66d99da98"), i18n("b7e26fcff328b28b393ef2e57e96e258")),
+  name: 'hideNodePathLabel',
+  mode: 'horizontal',
+  horizontal: {
+    justify: true,
+    left: 8
+  },
+  inputClassName: 'is-inline'
+});
+setSchemaTpl('optionControl', {
+  label: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-optionControl'
+});
+/**
+ * 新版选项控件: 不带设置默认值功能
+ * 备注: 表单项组件默认值支持公式需要
+ */
+
+setSchemaTpl('optionControlV2', {
+  label: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-optionControl',
+  closeDefaultCheck: true // 关闭默认值设置
+
+});
+/**
+ * 时间轴组件选项控件
+ */
+
+setSchemaTpl('timelineItemControl', {
+  label: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  model: 'normal',
+  type: 'ae-timelineItemControl'
+});
+setSchemaTpl('treeOptionControl', {
+  label: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+  mode: 'normal',
+  name: 'options',
+  type: 'ae-treeOptionControl'
+});
+setSchemaTpl('dataMap', {
+  type: 'container',
+  body: [getSchemaTpl('switch', {
+    label: tipedLabel(i18n("dd10fdec63a2224aa3d28b48d428cb98"), i18n("f19464cd1d7c55610b84b4972eaf506f") + 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: i18n("af9f27383daeec508815a33753247f42")
+    }, {
+      type: 'button',
+      label: 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
+  }, 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({
+        '&': '$$'
+      }, value) : cloneDeep(value);
+      form.setValues({
+        data: newDataMap
+      });
+      form.setValues({
+        data: newDataMap
+      });
+    }
+  })]
+});

package/esm/tpl/style.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 样式相关的属性面板，因为预计会比较多所以拆出来
+ */
+export declare const styleTpl: {
+    name: string;
+    type: string;
+    label: string;
+    noBorder: boolean;
+    multiLine: boolean;
+    items: {
+        type: string;
+        title: string;
+        body: any[];
+    }[];
+};