amis-editor 4.1.0-beta.4 → 4.2.0-beta.3

package/src/plugin/Form/Switch.tsx

@@ -0,0 +1,107 @@
+import {getSchemaTpl, valuePipeOut} from '../../component/schemaTpl';
+import {registerEditorPlugin} from '../../manager';
+import {BasePlugin} from '../../plugin';
+
+export class SwitchControlPlugin extends BasePlugin {
+  // 关联渲染器名字
+  rendererName = 'switch';
+  $schema = '/schemas/SwitchControlSchema.json';
+
+  order = -400;
+
+  // 组件名称
+  name = '开关';
+  isBaseComponent = true;
+  icon = 'fa fa-toggle-on';
+  description = `开关控件`;
+  docLink = '/amis/zh-CN/components/form/switch';
+  tags = ['表单项'];
+  scaffold = {
+    type: 'switch',
+    option: '开关',
+    name: 'switch',
+    falseValue: false,
+    trueValue: true
+  };
+  previewSchema: any = {
+    type: 'form',
+    className: 'text-left',
+    mode: 'horizontal',
+    wrapWithPanel: false,
+    body: [
+      {
+        ...this.scaffold,
+        label: '开关表单'
+      }
+    ]
+  };
+
+  panelTitle = '开关';
+  panelBody = [
+    getSchemaTpl('switchDefaultValue', {
+      pipeOut: (value: any, origin: any, data: any) =>
+        value ? data.trueValue : undefined
+    }),
+    {
+      type: 'switch',
+      name: 'value',
+      label: '默认勾选',
+      mode: 'inline',
+      className: 'w-full',
+      visibleOn: 'typeof this.value !== "undefined"',
+      pipeOut: (value: any, origin: any, data: any) =>
+        value ? data.trueValue : data.falseValue
+    },
+    {
+      name: 'option',
+      type: 'input-text',
+      label: '选项说明'
+    },
+    {
+      label: '选项位置',
+      name: 'optionAtLeft',
+      type: 'button-group-select',
+      size: 'sm',
+      value: false,
+      options: [
+        {
+          label: '左',
+          value: true
+        },
+
+        {
+          label: '右',
+          value: false
+        }
+      ]
+    },
+    {
+      type: 'input-text',
+      label: '勾选后的值',
+      name: 'trueValue',
+      value: true,
+      pipeOut: valuePipeOut
+    },
+    {
+      type: 'input-text',
+      label: '未勾选的值',
+      name: 'falseValue',
+      value: false,
+      pipeOut: valuePipeOut
+    },
+
+    {
+      name: 'onText',
+      type: 'input-text',
+      label: '开启时的文本'
+    },
+
+    {
+      name: 'offText',
+      type: 'input-text',
+      label: '关闭时的文本'
+    }
+  ];
+}
+
+registerEditorPlugin(SwitchControlPlugin);

package/src/plugin/Form/TabsTransfer.tsx

@@ -0,0 +1,259 @@
+import {getSchemaTpl} from '../../component/schemaTpl';
+import {registerEditorPlugin} from '../../manager';
+import {BasePlugin} from '../../plugin';
+
+export class TabsTransferPlugin extends BasePlugin {
+  // 关联渲染器名字
+  rendererName = 'tabs-transfer';
+  $schema = '/schemas/TransferControlSchema.json';
+
+  // 组件名称
+  name = '组合穿梭器';
+  isBaseComponent = true;
+  icon = 'fa fa-th-list';
+  description = `组合穿梭器组件`;
+  docLink = '/amis/zh-CN/components/form/transfer';
+  tags = ['表单项'];
+  scaffold = {
+    label: '组合穿梭器',
+    type: 'tabs-transfer',
+    name: 'a',
+    sortable: true,
+    searchable: true,
+    options: [
+      {
+        label: '成员',
+        selectMode: 'tree',
+        children: [
+          {
+            label: '法师',
+            children: [
+              {
+                label: '诸葛亮',
+                value: 'zhugeliang'
+              }
+            ]
+          },
+          {
+            label: '战士',
+            children: [
+              {
+                label: '曹操',
+                value: 'caocao'
+              },
+              {
+                label: '钟无艳',
+                value: 'zhongwuyan'
+              }
+            ]
+          },
+          {
+            label: '打野',
+            children: [
+              {
+                label: '李白',
+                value: 'libai'
+              },
+              {
+                label: '韩信',
+                value: 'hanxin'
+              },
+              {
+                label: '云中君',
+                value: 'yunzhongjun'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        label: '用户',
+        selectMode: 'chained',
+        children: [
+          {
+            label: '法师',
+            children: [
+              {
+                label: '诸葛亮',
+                value: 'zhugeliang2'
+              }
+            ]
+          },
+          {
+            label: '战士',
+            children: [
+              {
+                label: '曹操',
+                value: 'caocao2'
+              },
+              {
+                label: '钟无艳',
+                value: 'zhongwuyan2'
+              }
+            ]
+          },
+          {
+            label: '打野',
+            children: [
+              {
+                label: '李白',
+                value: 'libai2'
+              },
+              {
+                label: '韩信',
+                value: 'hanxin2'
+              },
+              {
+                label: '云中君',
+                value: 'yunzhongjun2'
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+  previewSchema: any = {
+    type: 'form',
+    className: 'text-left',
+    mode: 'horizontal',
+    wrapWithPanel: false,
+    body: [
+      {
+        ...this.scaffold
+      }
+    ]
+  };
+
+  panelTitle = '组合穿梭器';
+  panelDefinitions = {
+    options: {
+      label: '选项 Options',
+      name: 'options',
+      type: 'combo',
+      multiple: true,
+      multiLine: true,
+      draggable: true,
+      addButtonText: '新增选项',
+      scaffold: {
+        label: '',
+        value: ''
+      },
+      items: [
+        {
+          type: 'group',
+          body: [
+            {
+              type: 'input-text',
+              name: 'label',
+              placeholder: '名称',
+              required: true
+            },
+
+            {
+              type: 'input-text',
+              name: 'value',
+              placeholder: '值',
+              unique: true
+            }
+          ]
+        },
+        {
+          $ref: 'options',
+          label: '子选项',
+          name: 'children',
+          addButtonText: '新增子选项'
+        }
+      ]
+    }
+  };
+
+  panelBody = [
+    getSchemaTpl('switchDefaultValue'),
+
+    {
+      type: 'select',
+      name: 'value',
+      label: '默认值',
+      source: '${options}',
+      multiple: true,
+      visibleOn: 'typeof this.value !== "undefined"'
+    },
+
+    {
+      label: '可检索',
+      name: 'searchable',
+      type: 'switch',
+      mode: 'inline',
+      className: 'w-full'
+    },
+
+    getSchemaTpl('api', {
+      label: '检索接口',
+      name: 'searchApi'
+    }),
+
+    {
+      label: '查询时勾选展示模式',
+      name: 'searchResultMode',
+      type: 'select',
+      mode: 'inline',
+      className: 'w-full',
+      options: [
+        {
+          label: '列表形式',
+          value: 'list'
+        },
+        {
+          label: '表格形式',
+          value: 'table'
+        },
+        {
+          label: '树形选择形式',
+          value: 'tree'
+        },
+        {
+          label: '级联选择形式',
+          value: 'chained'
+        }
+      ]
+    },
+
+    {
+      label: '可排序',
+      name: 'sortable',
+      type: 'switch',
+      mode: 'inline',
+      className: 'w-full'
+    },
+
+    {
+      label: '左侧的标题文字',
+      name: 'selectTitle',
+      type: 'input-text'
+    },
+
+    {
+      label: '右侧结果的标题文字',
+      name: 'resultTitle',
+      type: 'input-text'
+    },
+
+    getSchemaTpl('fieldSet', {
+      title: '选项',
+      body: [
+        {
+          $ref: 'options',
+          name: 'options'
+        },
+        getSchemaTpl('source'),
+        getSchemaTpl('joinValues'),
+        getSchemaTpl('delimiter'),
+        getSchemaTpl('extractValue'),
+        getSchemaTpl('autoFill')
+      ]
+    })
+  ];
+}
+
+registerEditorPlugin(TabsTransferPlugin);

package/src/plugin/Form/Textarea.tsx

@@ -0,0 +1,83 @@
+import {getSchemaTpl} from '../../component/schemaTpl';
+import {registerEditorPlugin} from '../../manager';
+import {BasePlugin} from '../../plugin';
+
+export class TextareaControlPlugin extends BasePlugin {
+  // 关联渲染器名字
+  rendererName = 'textarea';
+  $schema = '/schemas/TextareaControlSchema.json';
+  order = -490;
+
+  // 组件名称
+  name = '多行文本框';
+  isBaseComponent = true;
+  icon = 'fa fa-paragraph';
+  description = `支持换行输入`;
+  docLink = '/amis/zh-CN/components/form/textarea';
+  tags = ['表单项'];
+  scaffold = {
+    type: 'textarea',
+    label: '多行文本',
+    name: 'textarea'
+  };
+  previewSchema: any = {
+    type: 'form',
+    className: 'text-left',
+    wrapWithPanel: false,
+    mode: 'horizontal',
+    body: {
+      ...this.scaffold
+    }
+  };
+
+  panelTitle = '多行文本';
+  panelBody = [
+    getSchemaTpl('switchDefaultValue'),
+    {
+      type: 'textarea',
+      name: 'value',
+      label: '默认值',
+      visibleOn: 'typeof this.value !== "undefined"'
+    },
+    {
+      type: 'input-number',
+      name: 'minRows',
+      value: 3,
+      label: '最小行数'
+    },
+    {
+      type: 'input-number',
+      name: 'maxRows',
+      value: 20,
+      label: '最大行数'
+    },
+    {
+      type: 'input-number',
+      name: 'minLength',
+      value: 5,
+      label: '最小字数限制'
+    },
+    {
+      type: 'input-number',
+      name: 'maxLength',
+      value: 120,
+      label: '最大字数限制'
+    },
+    getSchemaTpl('showCounter'),
+    {
+      type: 'switch',
+      name: 'readOnly',
+      label: '是否只读'
+    },
+    {
+      type: 'switch',
+      name: 'trimContents',
+      label: '去除首尾空白',
+      mode: 'inline',
+      className: 'w-full',
+      description: '开启后，将不允许用户输入前后空格'
+    }
+  ];
+}
+
+registerEditorPlugin(TextareaControlPlugin);