amis-editor 5.2.3-beta.16 → 5.2.4-beta.28

package/esm/plugin/Images.js

@@ -1,10 +1,10 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
-import { mockValue, getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { mockValue, getI18nEnabled, getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
 var ImagesPlugin = /** @class */function (_super) {
@@ -101,132 +101,147 @@ var ImagesPlugin = /** @class */function (_super) {
       writable: true,
       value: i18n("e040fc4bf539dd1cf6ebca6b4bff857a")
     });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
       writable: true,
       value: function (context) {
         var isUnderField = /\/field\/\w+$/.test(context.path);
-        return [getSchemaTpl('tabs', [{
-          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          body: (isUnderField ? [getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          })] : [getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          }), {
-            type: 'formula',
-            name: '__mode',
-            autoSet: false,
-            formula: '!this.name && !this.source && Array.isArray(this.options) ? 2 : 1'
-          }, {
-            label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
-            name: '__mode',
-            type: 'button-group-select',
-            size: 'xs',
-            mode: 'inline',
-            className: 'w-full',
-            options: [{
-              label: i18n("0a2907a421b8f980986117e4f3044f92"),
-              value: 1
+        var i18nEnabled = getI18nEnabled();
+        return getSchemaTpl('tabs', [{
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: (isUnderField ? [] : [{
+              type: 'formula',
+              name: '__mode',
+              autoSet: false,
+              formula: '!this.name && !this.source && Array.isArray(this.options) ? 2 : 1'
             }, {
-              label: i18n("e760ec18028fc075c5705bf184589e70"),
-              value: 2
-            }],
-            onChange: function (value, oldValue, model, form) {
-              if (value !== oldValue && value == 1) {
-                form.deleteValueByName('options');
+              label: i18n("c11322c9cc43ce3c004cf03f5ac0acd0"),
+              name: '__mode',
+              type: 'button-group-select',
+              size: 'sm',
+              options: [{
+                label: i18n("0a2907a421b8f980986117e4f3044f92"),
+                value: 1
+              }, {
+                label: i18n("e760ec18028fc075c5705bf184589e70"),
+                value: 2
+              }],
+              onChange: function (value, oldValue, model, form) {
+                if (value !== oldValue && value == 1) {
+                  form.deleteValueByName('options');
+                }
               }
-            }
-          }, {
-            name: 'source',
-            type: 'input-text',
-            label: i18n("45a4922d3f42d0b137c6845c4c77031f"),
-            description: i18n("2d4247be13246794180897b40fcdbcb1"),
-            visibleOn: 'this.__mode == 1'
-          }, {
-            type: 'combo',
-            name: 'options',
-            visibleOn: 'this.__mode == 2',
-            minLength: 1,
-            label: i18n("81a2b634d7ddcffc21b787613673943c"),
-            multiple: true,
-            multiLine: true,
-            addable: true,
-            removable: true,
-            items: [getSchemaTpl('imageUrl', {
-              name: 'image',
-              label: i18n("0f088d8f579c362068d7a3858e207280")
-            }), getSchemaTpl('imageUrl', {
-              name: 'src',
-              label: i18n("fb43d5ffa21f3c4055c29fad350f27e4")
-            }), getSchemaTpl('title', {
-              label: i18n("c6c7456d446d62a906c2809b6ba19ce1")
-            }), getSchemaTpl('imgCaption')]
-          }]).concat([getSchemaTpl('imageUrl', {
-            name: 'defaultImage',
-            label: i18n("f5865bf2d791d293374af4aa76d27c4d")
-          })])
-        }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: [getSchemaTpl('switch', {
-            name: 'enlargeAble',
-            label: i18n("e1110b854bceeed0e887cb951bb3d2f3")
-          }), {
-            name: 'originalSrc',
-            visibleOn: 'this.enlargeAble',
-            type: 'input-text',
-            label: i18n("7ffade593e390a2a2cc43e6663461b71"),
-            description: i18n("214953c5f7557b1a5f1310c87238ee03")
-          }, getSchemaTpl('switch', {
-            name: 'showDimensions',
-            label: i18n("6d45b56ee94ea873a554ec41b9f2074a")
-          }), {
-            name: 'thumbMode',
-            type: 'button-group-select',
-            label: i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
-            size: 'sm',
-            pipeIn: defaultValue('contain'),
-            options: [{
-              label: i18n("b0267f4aa776e75443b7ef6e8dad257e"),
-              value: 'w-full'
             }, {
-              label: i18n("c30b1b6f29debb05449aa3cb40268e7e"),
-              value: 'h-full'
+              name: 'source',
+              type: 'input-text',
+              label: i18n("45a4922d3f42d0b137c6845c4c77031f"),
+              description: i18n("2d4247be13246794180897b40fcdbcb1"),
+              visibleOn: 'this.__mode == 1'
             }, {
-              label: i18n("e13556bb3580ac3746e1f8663eb15896"),
-              value: 'contain'
+              type: 'combo',
+              name: 'options',
+              visibleOn: 'this.__mode == 2',
+              minLength: 1,
+              label: i18n("81a2b634d7ddcffc21b787613673943c"),
+              multiple: true,
+              multiLine: true,
+              addable: true,
+              removable: true,
+              value: [{}],
+              items: [getSchemaTpl('imageUrl', {
+                name: 'image',
+                label: i18n("0f088d8f579c362068d7a3858e207280")
+              }), getSchemaTpl('imageUrl', {
+                name: 'src',
+                label: i18n("fb43d5ffa21f3c4055c29fad350f27e4")
+              }), {
+                type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+                label: i18n("c6c7456d446d62a906c2809b6ba19ce1"),
+                name: 'title'
+              }, {
+                type: i18nEnabled ? 'textarea-i18n' : 'textarea',
+                label: i18n("098c3d959911b48b4d912cb85ccc4942"),
+                name: 'caption'
+              }]
+            }, getSchemaTpl('switch', {
+              name: 'enlargeAble',
+              label: i18n("26122d95c72204c83ebdc37cd16a96f9")
+            })]).concat([getSchemaTpl('imageUrl', {
+              name: 'defaultImage',
+              label: tipedLabel(i18n("d196eb8f65e84003b7ca64d5dd8fc737"), i18n("f5865bf2d791d293374af4aa76d27c4d"))
+            })])
+          }, getSchemaTpl('status')])
+        }, {
+          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [
+            // 已废弃
+            // getSchemaTpl('switch', {
+            //   name: 'showDimensions',
+            //   label: '显示图片尺寸'
+            // }),
+            {
+              name: 'thumbMode',
+              type: 'select',
+              label: i18n("00cedb73310cc531a43d23cfa5ba0e5f"),
+              mode: 'horizontal',
+              labelAlign: 'left',
+              horizontal: {
+                left: 5,
+                right: 7
+              },
+              pipeIn: defaultValue('contain'),
+              options: [{
+                label: i18n("b0267f4aa776e75443b7ef6e8dad257e"),
+                value: 'w-full'
+              }, {
+                label: i18n("c30b1b6f29debb05449aa3cb40268e7e"),
+                value: 'h-full'
+              }, {
+                label: i18n("e13556bb3580ac3746e1f8663eb15896"),
+                value: 'contain'
+              }, {
+                label: i18n("47303119ba97a66d168ff042575b9de4"),
+                value: 'cover'
+              }]
             }, {
-              label: i18n("47303119ba97a66d168ff042575b9de4"),
-              value: 'cover'
+              name: 'thumbRatio',
+              type: 'button-group-select',
+              label: i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
+              size: 'sm',
+              pipeIn: defaultValue('1:1'),
+              options: [{
+                label: '1:1',
+                value: '1:1'
+              }, {
+                label: '4:3',
+                value: '4:3'
+              }, {
+                label: '16:9',
+                value: '16:9'
+              }]
             }]
           }, {
-            name: 'thumbRatio',
-            type: 'button-group-select',
-            label: i18n("319501b9acacdd6f94a9bdd0637a3cd2"),
-            size: 'sm',
-            pipeIn: defaultValue('1:1'),
-            options: [{
-              label: '1:1',
-              value: '1:1'
-            }, {
-              label: '4:3',
-              value: '4:3'
-            }, {
-              label: '16:9',
-              value: '16:9'
-            }]
-          }, getSchemaTpl('className', {
-            autoComplete: false
-          }), getSchemaTpl('className', {
-            name: 'listClassName',
-            label: i18n("ebb2073c604e72ffd9ae1b796665b702")
-          })]
-        }, {
-          title: i18n("33bf801796fd255b5f6147e33146669b"),
-          body: [
-          // getSchemaTpl('ref'),
-          getSchemaTpl('visible')]
-        }])];
+            title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+            body: [getSchemaTpl('className', {
+              autoComplete: false,
+              label: i18n("5e5d3f13111593b2710673006d4c8297")
+            }), getSchemaTpl('className', {
+              name: 'listClassName',
+              label: i18n("d98b3f3d11e6dce8eac1a041247fbc50")
+            })]
+          }])
+        }]);
       }
     });
     return _this;

package/esm/plugin/Json.d.ts

@@ -23,5 +23,6 @@ export declare class JsonPlugin extends BasePlugin {
         type: string;
     };
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any[];
 }

package/esm/plugin/Json.js

@@ -1,11 +1,10 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign } from 'tslib';
 import { getSchemaTpl, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
-import flatten from 'lodash/flatten';
 import { i18n } from 'i18n-runtime';
 
 var JsonPlugin = /** @class */function (_super) {
@@ -96,6 +95,12 @@ var JsonPlugin = /** @class */function (_super) {
       writable: true,
       value: 'JSON'
     });
+    Object.defineProperty(_this, "panelJustify", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: true
+    });
     Object.defineProperty(_this, "panelBodyCreator", {
       enumerable: true,
       configurable: true,
@@ -103,27 +108,22 @@ var JsonPlugin = /** @class */function (_super) {
       value: function (context) {
         var isUnderField = /\/field\/\w+$/.test(context.path);
         return [getSchemaTpl('tabs', [{
-          title: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
-          body: flatten([isUnderField ? {
-            type: 'tpl',
-            inline: false,
-            className: 'text-info text-sm',
-            tpl: i18n("37b12f2666b9e4e37f33eb5e83533d5e")
-          } : null, getSchemaTpl('layout:originPosition', {
-            value: 'left-top'
-          }), {
-            name: 'levelExpand',
-            type: 'input-number',
-            label: i18n("f891291cbfaec7ba3754520e2a5227d8"),
-            pipeIn: defaultValue(1)
-          }])
-        }, {
-          title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
-          body: flatten([getSchemaTpl('className')])
-        }, {
-          title: i18n("33bf801796fd255b5f6147e33146669b"),
-          body: flatten([getSchemaTpl('ref'), getSchemaTpl('visible')])
-        }])];
+          title: i18n("24d67862f87f439db7ca957aecb77cce"),
+          body: getSchemaTpl('collapseGroup', [{
+            title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+            body: [isUnderField ? {
+              type: 'tpl',
+              inline: false,
+              className: 'text-info text-sm',
+              tpl: i18n("8e1fee898434093aad55f5888497f970")
+            } : null, {
+              name: 'levelExpand',
+              type: 'input-number',
+              label: i18n("f891291cbfaec7ba3754520e2a5227d8"),
+              pipeIn: defaultValue(1)
+            }]
+          }, getSchemaTpl('status')])
+        }, getSchemaTpl('onlyClassNameTab')])];
       }
     });
     return _this;

package/esm/plugin/Layout/FlexPluginBase.d.ts

@@ -1,7 +1,7 @@
 /**
  * @file Flex 常见布局 1:3
  */
-import { BasePlugin, PluginEvent } from 'amis-editor-core';
+import { LayoutBasePlugin, PluginEvent } from 'amis-editor-core';
 import type { BaseEventContext, RegionConfig, RendererJSONSchemaResolveEventContext, BasicToolbarItem } from 'amis-editor-core';
 export declare const defaultFlexColumnSchema: (title?: string) => {
     type: string;
@@ -18,7 +18,7 @@ export declare const defaultFlexColumnSchema: (title?: string) => {
     isFixedHeight: boolean;
     isFixedWidth: boolean;
 };
-export declare class FlexPluginBase extends BasePlugin {
+export declare class FlexPluginBase extends LayoutBasePlugin {
     rendererName: string;
     $schema: string;
     disabledRendererPlugin: boolean;

package/esm/plugin/Layout/FlexPluginBase.js

@@ -1,10 +1,10 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
 import { __extends, __assign, __spreadArray } from 'tslib';
-import { getSchemaTpl, BasePlugin } from 'amis-editor-core';
+import { getSchemaTpl, LayoutBasePlugin } from 'amis-editor-core';
 import { i18n } from 'i18n-runtime';
 
 var defaultFlexColumnSchema = function (title) {
@@ -135,11 +135,12 @@ var FlexPluginBase = /** @class */function (_super) {
       configurable: true,
       writable: true,
       value: function (context) {
-        var _a, _b;
+        var _a, _b, _c;
         var curRendererSchema = context === null || context === void 0 ? void 0 : context.schema;
         (curRendererSchema === null || curRendererSchema === void 0 ? void 0 : curRendererSchema.direction) === 'row' || (curRendererSchema === null || curRendererSchema === void 0 ? void 0 : curRendererSchema.direction) === 'row-reverse';
-        var isFlexItem = (_a = _this.manager) === null || _a === void 0 ? void 0 : _a.isFlexItem(context === null || context === void 0 ? void 0 : context.id);
-        var isFlexColumnItem = (_b = _this.manager) === null || _b === void 0 ? void 0 : _b.isFlexColumnItem(context === null || context === void 0 ? void 0 : context.id);
+        (_a = _this.manager) === null || _a === void 0 ? void 0 : _a.isFlexContainer(context === null || context === void 0 ? void 0 : context.id);
+        var isFlexItem = (_b = _this.manager) === null || _b === void 0 ? void 0 : _b.isFlexItem(context === null || context === void 0 ? void 0 : context.id);
+        var isFlexColumnItem = (_c = _this.manager) === null || _c === void 0 ? void 0 : _c.isFlexColumnItem(context === null || context === void 0 ? void 0 : context.id);
         // 判断是否为吸附容器
         var isSorptionContainer = (curRendererSchema === null || curRendererSchema === void 0 ? void 0 : curRendererSchema.isSorptionContainer) || false;
         var positionTpl = [getSchemaTpl('layout:position', {
@@ -251,7 +252,10 @@ var FlexPluginBase = /** @class */function (_super) {
             }) : null, getSchemaTpl('layout:overflow-x', {
               visibleOn: "".concat(isFlexItem && !isFlexColumnItem, " && data.style.flex === '0 0 150px'")
             }), getSchemaTpl('layout:isFixedHeight', {
-              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
+              visibleOn: "".concat(!isFlexItem || !isFlexColumnItem),
+              onChange: function (value) {
+                context === null || context === void 0 ? void 0 : context.node.setHeightMutable(value);
+              }
             }), getSchemaTpl('layout:height', {
               visibleOn: "".concat(!isFlexItem || !isFlexColumnItem)
             }), getSchemaTpl('layout:max-height', {
@@ -261,7 +265,10 @@ var FlexPluginBase = /** @class */function (_super) {
             }), getSchemaTpl('layout:overflow-y', {
               visibleOn: "".concat(!isFlexItem || !isFlexColumnItem, " && (data.isFixedHeight || data.style && data.style.maxHeight) || (").concat(isFlexItem && isFlexColumnItem, " && data.style.flex === '0 0 150px')")
             }), getSchemaTpl('layout:isFixedWidth', {
-              visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
+              visibleOn: "".concat(!isFlexItem || isFlexColumnItem),
+              onChange: function (value) {
+                context === null || context === void 0 ? void 0 : context.node.setWidthMutable(value);
+              }
             }), getSchemaTpl('layout:width', {
               visibleOn: "".concat(!isFlexItem || isFlexColumnItem)
             }), getSchemaTpl('layout:max-width', {
@@ -303,8 +310,8 @@ var FlexPluginBase = /** @class */function (_super) {
       var _this = this;
       var _b, _c, _d, _e, _f;
       var id = _a.id,
-        info = _a.info;
-        _a.schema;
+        info = _a.info,
+        schema = _a.schema;
       var store = this.manager.store;
       var parent = store.getSchemaParentById(id);
       var draggableContainer = this.manager.draggableContainer(id);
@@ -319,7 +326,7 @@ var FlexPluginBase = /** @class */function (_super) {
       });
       if (parent && (((_d = info.renderer) === null || _d === void 0 ? void 0 : _d.name) === 'flex' || ((_e = info.renderer) === null || _e === void 0 ? void 0 : _e.name) === 'container') && !isFlexItem &&
       // 备注：如果是列级元素就不需要显示了
-      !draggableContainer) {
+      !draggableContainer && !(schema === null || schema === void 0 ? void 0 : schema.isFreeContainer)) {
         // 非特殊布局元素（fixed、absolute）支持前后插入追加布局元素功能icon
         if (!toolbarsTooltips[i18n("dbb93e8f413074ead24b6ed822247d98")]) {
           toolbars.push({
@@ -398,6 +405,6 @@ var FlexPluginBase = /** @class */function (_super) {
     }
   });
   return FlexPluginBase;
-}(BasePlugin);
+}(LayoutBasePlugin);
 
 export { FlexPluginBase, defaultFlexColumnSchema };

package/esm/plugin/Layout/Layout1_2_v4.js

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

package/esm/plugin/Layout/Layout_fixed.js

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

package/esm/plugin/Layout/Layout_free_container.js

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

package/esm/plugin/Layout/Layout_sorption_container.js

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

package/esm/plugin/Link.js

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

package/esm/plugin/List.d.ts

@@ -40,6 +40,7 @@ export declare class ListPlugin extends BasePlugin {
         };
     };
     panelTitle: string;
+    panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any;
     filterProps(props: any): any;
     buildMockData(): {
@@ -49,6 +50,8 @@ export declare class ListPlugin extends BasePlugin {
         a: string;
         b: string;
     };
+    editHeaderDetail(id: string): void;
+    editFooterDetail(id: string): void;
     editDetail(id: string): void;
     buildEditorToolbar({ id, info, schema }: BaseEventContext, toolbars: Array<BasicToolbarItem>): void;
     buildEditorContextMenu({ id, schema, region, info, selections }: ContextMenuEventContext, menus: Array<ContextMenuItem>): void;