amis-editor 5.2.3-beta.12 → 5.2.3

package/esm/plugin/Table.js

@@ -1,13 +1,15 @@
 /**
- * amis-editor v5.2.3-beta.12
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign, __awaiter, __generator } from 'tslib';
-import { resolveVariable } from 'amis';
+import React__default from 'react';
+import { Button, resolveVariable } from 'amis';
 import { setVariable, someTree } from 'amis-core';
-import { getSchemaTpl, defaultValue, mockValue, repeatArray, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { getSchemaTpl, defaultValue, tipedLabel, mockValue, repeatArray, diff, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { getArgsWrapper, getEventControlConfig } from '../renderer/event-control/helper.js';
+import { getEnv } from 'mobx-state-tree';
 import { i18n } from 'i18n-runtime';
 
 var TablePlugin = /** @class */function (_super) {
@@ -122,71 +124,6 @@ var TablePlugin = /** @class */function (_super) {
         }]
       }
     });
-    Object.defineProperty(_this, "scaffoldForm", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: {
-        title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
-        body: [{
-          name: 'columns',
-          type: 'combo',
-          multiple: true,
-          label: false,
-          addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
-          draggable: true,
-          items: [{
-            type: 'input-text',
-            name: 'label',
-            placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-          }, {
-            type: 'input-text',
-            name: 'name',
-            placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
-          }, {
-            type: 'select',
-            name: 'type',
-            placeholder: i18n("226b0912184333c81babf2f1894ec0c1"),
-            value: 'text',
-            options: [{
-              value: 'text',
-              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
-            }, {
-              value: 'tpl',
-              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
-            }, {
-              value: 'image',
-              label: i18n("20def7942674282277c3714ed7ea6ce0")
-            }, {
-              value: 'date',
-              label: i18n("4ff1e74e43a3586339251494117185ad")
-            },
-            // {
-            //     value: 'datetime',
-            //     label: '日期时间'
-            // },
-            // {
-            //     value: 'time',
-            //     label: '时间'
-            // },
-            {
-              value: 'progress',
-              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
-            }, {
-              value: 'status',
-              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
-            }, {
-              value: 'mapping',
-              label: i18n("9da188491dd34c4382a5b9f006194e41")
-            }, {
-              value: 'operation',
-              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
-            }]
-          }]
-        }],
-        canRebuild: true
-      }
-    });
     Object.defineProperty(_this, "panelTitle", {
       enumerable: true,
       configurable: true,
@@ -350,6 +287,12 @@ var TablePlugin = /** @class */function (_super) {
         description: i18n("5dc3017c21ae2e31ab127dbde8ec80e9")
       }]
     });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
@@ -357,145 +300,177 @@ var TablePlugin = /** @class */function (_super) {
       value: function (context) {
         var isCRUDBody = context.schema.type === 'crud';
         return getSchemaTpl('tabs', [{
-          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          body: [getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          }), {
-            name: 'title',
-            type: 'input-text',
-            label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
-          }, isCRUDBody ? null : {
-            name: 'source',
-            type: 'input-text',
-            label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
-            pipeIn: defaultValue('${items}'),
-            description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
-          }, {
-            name: 'combineNum',
-            label: i18n("25915fb58615ba9a5e145efa252fec30"),
-            type: 'input-number',
-            placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc"),
-            description: i18n("80174cabf025dfe269aee5390b813708")
-          }, isCRUDBody ? null : {
-            type: 'divider'
-          }
-          // {
-          //   children: (
-          //     <div>
-          //       <Button
-          //         level="info"
-          //         size="sm"
-          //         className="m-b-sm"
-          //         block
-          //         onClick={this.handleAdd}
-          //       >
-          //         新增一列
-          //       </Button>
-          //     </div>
-          //   )
-          // },
-          // {
-          //   children: (
-          //     <div>
-          //       <Button
-          //         level="success"
-          //         size="sm"
-          //         block
-          //         onClick={this.handleColumnsQuickEdit.bind(this)}
-          //       >
-          //         快速编辑列信息
-          //       </Button>
-          //     </div>
-          //   )
-          // }
-          ]
-        }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: [{
-            name: 'columnsTogglable',
-            label: i18n("14921c3831512876f6d58b2a497b86df"),
-            type: 'button-group-select',
-            pipeIn: defaultValue('auto'),
-            mode: 'inline',
-            className: 'w-full',
-            size: 'xs',
-            options: [{
-              label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
-              value: 'auto'
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'title',
+              type: 'input-text',
+              label: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+            }, isCRUDBody ? null : {
+              name: 'source',
+              type: 'input-text',
+              label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+              pipeIn: defaultValue('${items}'),
+              description: i18n("7ea26d0cb93e59339daf6a1ac68624f3")
             }, {
-              label: i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
-              value: true
+              name: 'combineNum',
+              label: tipedLabel(i18n("25915fb58615ba9a5e145efa252fec30"), i18n("80174cabf025dfe269aee5390b813708")),
+              type: 'input-number',
+              labelAlign: 'left',
+              horizontal: {
+                left: 5,
+                right: 7
+              },
+              placeholder: i18n("d7d0936858fcdf4ffdb2899451ec74fc")
             }, {
-              label: i18n("b15d91274e9fc68608c609999e0413fa"),
-              value: false
-            }],
-            description: i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
-          }, getSchemaTpl('switch', {
-            name: 'affixHeader',
-            label: i18n("2206c0e11aa5f4f154aa9e5dfffcb474"),
-            pipeIn: defaultValue(true)
-          }), getSchemaTpl('switch', {
-            name: 'showHeader',
-            label: i18n("e18d033cc4baab3ebb329f6b29eb3cef"),
-            pipeIn: defaultValue(true)
-          }), getSchemaTpl('switch', {
-            name: 'showFooter',
-            label: i18n("412593f58b9d062a43cbe2ce38f4dc65"),
-            pipeIn: defaultValue(true)
-          }), getSchemaTpl('switch', {
-            name: 'footable',
-            label: i18n("5006fdc5659989e42c3855c17c57f878"),
-            description: i18n("9db359f376a1a588ef7dcbef53cc114a"),
-            pipeIn: function (value) {
-              return !!value;
+              type: 'ae-switch-more',
+              mode: 'normal',
+              formType: 'extend',
+              label: '头部',
+              name: 'showHeader',
+              form: {
+                body: [{
+                  children: React__default.createElement(Button, {
+                    level: "primary",
+                    size: "sm",
+                    block: true,
+                    onClick: _this.editHeaderDetail.bind(_this, context.id)
+                  }, "\u914D\u7F6E\u5934\u90E8")
+                }]
+              }
+            }, {
+              type: 'ae-switch-more',
+              mode: 'normal',
+              formType: 'extend',
+              label: i18n("12c4c5e8abda77e1fdc93653d6414187"),
+              name: 'showFooter',
+              form: {
+                body: [{
+                  children: React__default.createElement(Button, {
+                    level: "primary",
+                    size: "sm",
+                    block: true,
+                    onClick: _this.editFooterDetail.bind(_this, context.id)
+                  }, "\u914D\u7F6E\u5E95\u90E8")
+                }]
+              }
             }
-          }), {
-            name: 'footable.expand',
-            type: 'button-group-select',
-            size: 'xs',
-            visibleOn: 'data.footable',
-            label: i18n("df74194830e695efbfce16c0c64223cf"),
-            pipeIn: defaultValue('none'),
-            mode: 'inline',
-            className: 'w-full',
-            options: [{
-              label: i18n("94be543c4fd399f0839211464c8583ce"),
-              value: 'first'
+            // {
+            //   children: (
+            //     <div>
+            //       <Button
+            //         level="info"
+            //         size="sm"
+            //         className="m-b-sm"
+            //         block
+            //         onClick={this.handleAdd}
+            //       >
+            //         新增一列
+            //       </Button>
+            //     </div>
+            //   )
+            // },
+            // {
+            //   children: (
+            //     <div>
+            //       <Button
+            //         level="success"
+            //         size="sm"
+            //         block
+            //         onClick={this.handleColumnsQuickEdit.bind(this)}
+            //       >
+            //         快速编辑列信息
+            //       </Button>
+            //     </div>
+            //   )
+            // }
+            ]
+          }, getSchemaTpl('status')])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [{
+              name: 'columnsTogglable',
+              label: i18n("14921c3831512876f6d58b2a497b86df"),
+              type: 'button-group-select',
+              pipeIn: defaultValue('auto'),
+              size: 'sm',
+              labelAlign: 'left',
+              horizontal: {
+                left: 5,
+                right: 7
+              },
+              options: [{
+                label: i18n("3aed2c11e95a9c0ea1d853d4aee72e8c"),
+                value: 'auto'
+              }, {
+                label: i18n("cc42dd3170fdf36bdc2b0f58ab23eb84"),
+                value: true
+              }, {
+                label: i18n("b15d91274e9fc68608c609999e0413fa"),
+                value: false
+              }],
+              description: i18n("6fe0b71c07a5ce5f7a09f7fdb1d63827")
+            }, getSchemaTpl('switch', {
+              name: 'affixHeader',
+              label: i18n("2206c0e11aa5f4f154aa9e5dfffcb474"),
+              pipeIn: defaultValue(true)
+            }), getSchemaTpl('switch', {
+              name: 'footable',
+              label: tipedLabel(i18n("5006fdc5659989e42c3855c17c57f878"), i18n("9db359f376a1a588ef7dcbef53cc114a")),
+              pipeIn: function (value) {
+                return !!value;
+              }
+            }), {
+              name: 'footable.expand',
+              type: 'button-group-select',
+              size: 'xs',
+              visibleOn: 'data.footable',
+              label: i18n("df74194830e695efbfce16c0c64223cf"),
+              pipeIn: defaultValue('none'),
+              mode: 'inline',
+              className: 'w-full',
+              options: [{
+                label: i18n("94be543c4fd399f0839211464c8583ce"),
+                value: 'first'
+              }, {
+                label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
+                value: 'all'
+              }, {
+                label: i18n("b07deca9076bd3354b1b2709d58d725a"),
+                value: 'none'
+              }]
             }, {
-              label: i18n("9a7b52fc8659f1786907fe93efa85bf7"),
-              value: 'all'
+              name: 'placeholder',
+              pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
+              type: 'input-text',
+              label: i18n("35ba83e053cef95e55dfffde279822b5")
             }, {
-              label: i18n("b07deca9076bd3354b1b2709d58d725a"),
-              value: 'none'
+              name: 'rowClassNameExpr',
+              type: 'input-text',
+              label: i18n("76b3250fb1e8593fac075b64029300fa"),
+              placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
             }]
           }, {
-            name: 'placeholder',
-            pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
-            type: 'input-text',
-            label: i18n("35ba83e053cef95e55dfffde279822b5")
-          }, {
-            name: 'rowClassNameExpr',
-            type: 'input-text',
-            label: i18n("76b3250fb1e8593fac075b64029300fa"),
-            placeholder: "\u652F\u6301\u6A21\u677F\u8BED\u6CD5\uFF0C\u5982 <%= data.id % 2 ? 'bg-success' : '' %>"
-          }, getSchemaTpl('className', {
-            label: i18n("734ebf8b33422c456e937fc27c9a16ce")
-          }), getSchemaTpl('className', {
-            name: 'tableClassName',
-            label: i18n("320f489db3dade075d69f155b346f98b")
-          }), getSchemaTpl('className', {
-            name: 'headerClassName',
-            label: i18n("08ca0d502abc4336855d837f281caef4")
-          }), getSchemaTpl('className', {
-            name: 'footerClassName',
-            label: i18n("b6469055adf2b7bfb187f74ae17dfe54")
-          }), getSchemaTpl('className', {
-            name: 'toolbarClassName',
-            label: i18n("39ff38577b97cf98fc130f9bd596d4c4")
-          })]
-        }, {
-          title: i18n("33bf801796fd255b5f6147e33146669b"),
-          body: [getSchemaTpl('ref'), getSchemaTpl('visible')]
+            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+            body: [getSchemaTpl('className', {
+              label: i18n("5e5d3f13111593b2710673006d4c8297")
+            }), getSchemaTpl('className', {
+              name: 'tableClassName',
+              label: i18n("b339aa87104709397ba68e7ebbc6e5ba")
+            }), getSchemaTpl('className', {
+              name: 'headerClassName',
+              label: '顶部外层'
+            }), getSchemaTpl('className', {
+              name: 'footerClassName',
+              label: '底部外层'
+            }), getSchemaTpl('className', {
+              name: 'toolbarClassName',
+              label: i18n("012f602372cd2dbd639cd966c63e1f90")
+            })]
+          }])
         }, isCRUDBody ? null : {
           title: i18n("10b2761db5a8e089049df39675abc550"),
           className: 'p-none',
@@ -507,6 +482,73 @@ var TablePlugin = /** @class */function (_super) {
     });
     return _this;
   }
+  Object.defineProperty(TablePlugin.prototype, "scaffoldForm", {
+    get: function () {
+      var i18nEnabled = getEnv(window.editorStore).i18nEnabled;
+      return {
+        title: i18n("6b93fcfc1a5795189c6072fa6e86d4f6"),
+        body: [{
+          name: 'columns',
+          type: 'combo',
+          multiple: true,
+          label: false,
+          addButtonText: i18n("0c14e431f1b5ecd163f8fa010a0654c7"),
+          draggable: true,
+          items: [{
+            type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+            name: 'label',
+            placeholder: i18n("32c65d8d7431e76029678ec7bb73a5ab")
+          }, {
+            type: 'input-text',
+            name: 'name',
+            placeholder: i18n("41a344642681efaaa418c228ba7fb45c")
+          }, {
+            type: 'select',
+            name: 'type',
+            placeholder: i18n("226b0912184333c81babf2f1894ec0c1"),
+            value: 'text',
+            options: [{
+              value: 'text',
+              label: i18n("ffb01e5bcf4c00447f5150d3cba81371")
+            }, {
+              value: 'tpl',
+              label: i18n("59cf15fe6b8d659c9bd2f86143534a06")
+            }, {
+              value: 'image',
+              label: i18n("20def7942674282277c3714ed7ea6ce0")
+            }, {
+              value: 'date',
+              label: i18n("4ff1e74e43a3586339251494117185ad")
+            },
+            // {
+            //     value: 'datetime',
+            //     label: '日期时间'
+            // },
+            // {
+            //     value: 'time',
+            //     label: '时间'
+            // },
+            {
+              value: 'progress',
+              label: i18n("c7bff79d059a0b7ff9b02441959d8be2")
+            }, {
+              value: 'status',
+              label: i18n("3fea7ca76cdece641436d7ab0d02ab1b")
+            }, {
+              value: 'mapping',
+              label: i18n("9da188491dd34c4382a5b9f006194e41")
+            }, {
+              value: 'operation',
+              label: i18n("8abc564260a1564521e0c3a1d5419b4a")
+            }]
+          }]
+        }],
+        canRebuild: true
+      };
+    },
+    enumerable: false,
+    configurable: true
+  });
   Object.defineProperty(TablePlugin.prototype, "filterProps", {
     enumerable: false,
     configurable: true,
@@ -652,6 +694,68 @@ var TablePlugin = /** @class */function (_super) {
       });
     }
   });
+  Object.defineProperty(TablePlugin.prototype, "editHeaderDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var _a;
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      var defaultHeader = {
+        type: 'tpl',
+        tpl: '头部',
+        wrapperComponent: ''
+      };
+      node && value && this.manager.openSubEditor({
+        title: '配置头部',
+        value: (_a = value.header) !== null && _a !== void 0 ? _a : defaultHeader,
+        slot: {
+          type: 'container',
+          body: '$$'
+        },
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            header: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        }
+      });
+    }
+  });
+  Object.defineProperty(TablePlugin.prototype, "editFooterDetail", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (id) {
+      var _a;
+      var manager = this.manager;
+      var store = manager.store;
+      var node = store.getNodeById(id);
+      var value = store.getValueOf(id);
+      var defaultFooter = {
+        type: 'tpl',
+        tpl: i18n("12c4c5e8abda77e1fdc93653d6414187"),
+        wrapperComponent: ''
+      };
+      node && value && this.manager.openSubEditor({
+        title: '配置底部',
+        value: (_a = value.footer) !== null && _a !== void 0 ? _a : defaultFooter,
+        slot: {
+          type: 'container',
+          body: '$$'
+        },
+        onChange: function (newValue) {
+          newValue = __assign(__assign({}, value), {
+            footer: newValue
+          });
+          manager.panelChangeValue(newValue, diff(value, newValue));
+        }
+      });
+    }
+  });
   return TablePlugin;
 }(BasePlugin);
 registerEditorPlugin(TablePlugin);

package/esm/plugin/Table2.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.12
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -477,12 +477,7 @@ var Table2Plugin = /** @class */function (_super) {
                 addOnclassName: 'border-0 bg-none',
                 tpl: 'px'
               }]
-            }, {
-              name: 'placeholder',
-              pipeIn: defaultValue(i18n("21efd88b67a39834582ad99aabb9dc60")),
-              type: 'input-text',
-              label: i18n("8ce1cd75b6e9c0c0e3468589fcea822c")
-            }]
+            }, getSchemaTpl('tablePlaceholder')]
           }, {
             title: i18n("949a8b7bd2c10070a2fae16f9c66afbb"),
             body: [getSchemaTpl('switch', {

package/esm/plugin/TableCell2.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.12
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/esm/plugin/TableView.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.12
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -216,11 +216,7 @@ var TableViewPlugin = /** @class */function (_super) {
           title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
           body: [getSchemaTpl('layout:originPosition', {
             value: 'left-top'
-          }), {
-            label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-            name: 'caption',
-            type: 'input-text'
-          }, {
+          }), getSchemaTpl('caption'), {
             label: i18n("3a8647306ee6456517b7bf9c8bc7de23"),
             name: 'captionSide',
             type: 'button-group-select',

package/esm/plugin/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.12
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -206,11 +206,10 @@ var TabsPlugin = /** @class */function (_super) {
                   inline: false
                 }
               },
-              items: [{
-                type: 'input-text',
-                name: 'title',
+              items: [getSchemaTpl('title', {
+                label: false,
                 required: true
-              }]
+              })]
             }), getSchemaTpl('switch', {
               name: 'showTip',
               label: tipedLabel(i18n("3ba265c6b63bde0319822afd6b9a649d"), i18n("b744b72fd649d904e561358fc26c455f")),

package/esm/plugin/Tag.d.ts

@@ -0,0 +1,24 @@
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+import { BaseEventContext, BasePlugin } from 'amis-editor-core';
+export declare class TagPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    name: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    previewSchema: {
+        type: string;
+        label: string;
+        color: string;
+    };
+    scaffold: any;
+    panelTitle: string;
+    panelJustify: boolean;
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelBodyCreator: (context: BaseEventContext) => any;
+}