amis-editor 6.13.0-beta.6 → 6.13.0-beta.7

package/esm/renderer/global-var-control/GlobalVarManagerPanel.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 
@@ -12,210 +12,288 @@ import { observer } from 'mobx-react';
 import { Button, Spinner, ConfirmBox, Alert2, LazyComponent } from 'amis-ui';
 import { confirm } from 'amis';
 import '../../icons/index.js';
+import { i18n } from 'i18n-runtime';
 
 var globalVarPanels = [];
 function GlobalVarSubPanel(props) {
+  var _a;
+  var type = props.data.type || 'builtin';
+  var panel = globalVarPanels.find(function (item) {
+    return item.type === type;
+  });
+  if (!panel) {
+    return React__default.createElement(Alert2, {
+      level: "warning"
+    }, i18n("11eb1a8e9254458f195c6833773bd2c8"));
+  }
+  var formRef = React__default.useRef(null);
+  // 父级表单提交的时候让子表单 flush
+  // 否则子表单的值不会及时同步到父级表单
+  React__default.useEffect(function () {
     var _a;
-    var type = props.data.type || 'builtin';
-    var panel = globalVarPanels.find(function (item) { return item.type === type; });
-    if (!panel) {
-        return React__default.createElement(Alert2, { level: "warning" }, "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u53D8\u91CF\u7C7B\u578B\u914D\u7F6E\u9762\u677F");
-    }
-    var formRef = React__default.useRef(null);
-    // 父级表单提交的时候让子表单 flush
-    // 否则子表单的值不会及时同步到父级表单
-    React__default.useEffect(function () {
-        var _a;
-        var removeHook = (_a = props.addHook) === null || _a === void 0 ? void 0 : _a.call(props, function () { var _a, _b; return (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.submit) === null || _b === void 0 ? void 0 : _b.call(_a); }, 'flush');
-        return function () {
-            removeHook === null || removeHook === void 0 ? void 0 : removeHook();
-        };
-    }, []);
-    return panel.component ? (React__default.createElement(panel.component, __assign({}, props, { formLazyChange: false, formRef: formRef, value: props.data, onChange: props.onBulkChange }))) : (React__default.createElement(LazyComponent, __assign({}, props, { getComponent: (_a = panel.getComponent) === null || _a === void 0 ? void 0 : _a.bind(panel, props.manager), formLazyChange: false, formRef: formRef, value: props.data, onChange: props.onBulkChange })));
+    var removeHook = (_a = props.addHook) === null || _a === void 0 ? void 0 : _a.call(props, function () {
+      var _a, _b;
+      return (_b = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.submit) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }, 'flush');
+    return function () {
+      removeHook === null || removeHook === void 0 ? void 0 : removeHook();
+    };
+  }, []);
+  return panel.component ? React__default.createElement(panel.component, __assign({}, props, {
+    formLazyChange: false,
+    formRef: formRef,
+    value: props.data,
+    onChange: props.onBulkChange
+  })) : React__default.createElement(LazyComponent, __assign({}, props, {
+    getComponent: (_a = panel.getComponent) === null || _a === void 0 ? void 0 : _a.bind(panel, props.manager),
+    formLazyChange: false,
+    formRef: formRef,
+    value: props.data,
+    onChange: props.onBulkChange
+  }));
 }
 function registerGlobalVarPanel(type, panel) {
-    globalVarPanels.push(__assign(__assign({}, panel), { type: type }));
+  globalVarPanels.push(__assign(__assign({}, panel), {
+    type: type
+  }));
 }
 var GlobalVarManger = observer(function (props) {
-    var store = props.store, manager = props.manager;
-    var _a = __read(React__default.useState(false), 2), loading = _a[0], setLoading = _a[1];
-    var _b = __read(React__default.useState(null), 2), variableItem = _b[0], setVariableItem = _b[1];
-    var _c = __read(React__default.useState(false), 2), isOpened = _c[0], setIsOpened = _c[1];
-    var handleAddVariable = React__default.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var detail;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsOpened(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, , 3, 4]);
-                    setLoading(true);
-                    return [4 /*yield*/, manager.getGlobalVariableDetail({})];
-                case 2:
-                    detail = _a.sent();
-                    setVariableItem(detail);
-                    return [3 /*break*/, 4];
-                case 3:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+  var store = props.store,
+    manager = props.manager;
+  var _a = __read(React__default.useState(false), 2),
+    loading = _a[0],
+    setLoading = _a[1];
+  var _b = __read(React__default.useState(null), 2),
+    variableItem = _b[0],
+    setVariableItem = _b[1];
+  var _c = __read(React__default.useState(false), 2),
+    isOpened = _c[0],
+    setIsOpened = _c[1];
+  var handleAddVariable = React__default.useCallback(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var detail;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            setIsOpened(true);
+            _a.label = 1;
+          case 1:
+            _a.trys.push([1,, 3, 4]);
+            setLoading(true);
+            return [4 /*yield*/, manager.getGlobalVariableDetail({})];
+          case 2:
+            detail = _a.sent();
+            setVariableItem(detail);
+            return [3 /*break*/, 4];
+          case 3:
+            setLoading(false);
+            return [7 /*endfinally*/];
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, []);
+  var handleVariableChange = React__default.useCallback(function (value) {
+    // 啥也不干
+    // 不外部控制了，直接让内部控制
+  }, []);
+  var handleUpdate = React__default.useCallback(function (e) {
+    var index = parseInt(e.target.closest('.ae-GlobalVarItem').getAttribute('data-index'), 10);
+    var item = store.globalVariables[index];
+    setVariableItem(__assign({}, item));
+    setIsOpened(true);
+  }, []);
+  var handleDelete = React__default.useCallback(function (e) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var index, item, confirmed;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            index = parseInt(e.target.closest('.ae-GlobalVarItem').getAttribute('data-index'), 10);
+            item = store.globalVariables[index];
+            return [4 /*yield*/, confirm(i18n("d78f93a5ad4a40e8a72e15f454199288"))];
+          case 1:
+            confirmed = _a.sent();
+            if (!confirmed) {
+              return [2 /*return*/];
             }
-        });
-    }); }, []);
-    var handleVariableChange = React__default.useCallback(function (value) {
-        // 啥也不干
-        // 不外部控制了，直接让内部控制
-    }, []);
-    var handleUpdate = React__default.useCallback(function (e) {
-        var index = parseInt(e.target
-            .closest('.ae-GlobalVarItem')
-            .getAttribute('data-index'), 10);
-        var item = store.globalVariables[index];
-        setVariableItem(__assign({}, item));
-        setIsOpened(true);
-    }, []);
-    var handleDelete = React__default.useCallback(function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var index, item, confirmed;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    index = parseInt(e.target
-                        .closest('.ae-GlobalVarItem')
-                        .getAttribute('data-index'), 10);
-                    item = store.globalVariables[index];
-                    return [4 /*yield*/, confirm('确认删除该全局变量？')];
-                case 1:
-                    confirmed = _a.sent();
-                    if (!confirmed) {
-                        return [2 /*return*/];
-                    }
-                    setLoading(true);
-                    manager
-                        .deleteGlobalVariable(item)
-                        .then(function () {
-                        var variables = store.globalVariables.concat();
-                        variables.splice(index, 1);
-                        store.setGlobalVariables(variables);
-                    })
-                        .finally(function () {
-                        setLoading(false);
-                    });
-                    return [2 /*return*/];
+            setLoading(true);
+            manager.deleteGlobalVariable(item).then(function () {
+              var variables = store.globalVariables.concat();
+              variables.splice(index, 1);
+              store.setGlobalVariables(variables);
+            }).finally(function () {
+              setLoading(false);
+            });
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, []);
+  var handleModalConfirm = React__default.useCallback(function (value) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var type_1, panel, variables, idx;
+      var _a, _b;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            _c.trys.push([0,, 3, 4]);
+            setLoading(true);
+            type_1 = value.type || 'builtin';
+            panel = globalVarPanels.find(function (item) {
+              return item.type === type_1;
+            });
+            if (!panel) {
+              throw new Error(i18n("11eb1a8e9254458f195c6833773bd2c8"));
             }
-        });
-    }); }, []);
-    var handleModalConfirm = React__default.useCallback(function (value) { return __awaiter(void 0, void 0, void 0, function () {
-        var type_1, panel, variables, idx;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _c.trys.push([0, , 3, 4]);
-                    setLoading(true);
-                    type_1 = value.type || 'builtin';
-                    panel = globalVarPanels.find(function (item) { return item.type === type_1; });
-                    if (!panel) {
-                        throw new Error('未找到对应的变量类型配置面板');
-                    }
-                    if (store.globalVariables.some(function (item) { return item.key === value.key && item.id !== value.id; })) {
-                        throw new Error('变量名已存在');
-                    }
-                    return [4 /*yield*/, ((_a = panel.validate) === null || _a === void 0 ? void 0 : _a.call(panel, value))];
-                case 1:
-                    _c.sent();
-                    value = __assign({}, value); // make it immutable
-                    value = ((_b = panel.pipeOut) === null || _b === void 0 ? void 0 : _b.call(panel, value)) || value;
-                    return [4 /*yield*/, manager.saveGlobalVariable(value)];
-                case 2:
-                    value = _c.sent();
-                    if (!value.id) {
-                        value.id = guid();
-                    }
-                    variables = store.globalVariables.concat();
-                    idx = value.id
-                        ? variables.findIndex(function (item) { return item.id === value.id; })
-                        : -1;
-                    if (~idx) {
-                        variables[idx] = value;
-                    }
-                    else {
-                        variables.push(value);
-                    }
-                    store.setGlobalVariables(variables);
-                    setIsOpened(false);
-                    return [3 /*break*/, 4];
-                case 3:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/, value];
+            if (store.globalVariables.some(function (item) {
+              return item.key === value.key && item.id !== value.id;
+            })) {
+              throw new Error(i18n("9c3d1f05074276628a9949cf1028035b"));
             }
-        });
-    }); }, []);
-    var handleModalClose = React__default.useCallback(function () {
-        setIsOpened(false);
-    }, []);
-    // 初始化全局变量
-    React__default.useEffect(function () {
-        setLoading(true);
-        var mounted = true;
-        manager.initGlobalVariables().finally(function () {
-            mounted && setLoading(false);
-        });
-        return function () {
-            mounted = false;
-        };
-    }, []);
-    var schema = React__default.useMemo(function () {
-        var body = [];
-        if (globalVarPanels.length > 1) {
-            body.push({
-                type: 'button-group-select',
-                name: 'type',
-                label: '变量类型',
-                value: 'builtin',
-                options: globalVarPanels.map(function (item) { return ({
-                    label: item.title,
-                    value: item.type
-                }); })
-            });
+            return [4 /*yield*/, (_a = panel.validate) === null || _a === void 0 ? void 0 : _a.call(panel, value)];
+          case 1:
+            _c.sent();
+            value = __assign({}, value); // make it immutable
+            value = ((_b = panel.pipeOut) === null || _b === void 0 ? void 0 : _b.call(panel, value)) || value;
+            return [4 /*yield*/, manager.saveGlobalVariable(value)];
+          case 2:
+            value = _c.sent();
+            if (!value.id) {
+              value.id = guid();
+            }
+            variables = store.globalVariables.concat();
+            idx = value.id ? variables.findIndex(function (item) {
+              return item.id === value.id;
+            }) : -1;
+            if (~idx) {
+              variables[idx] = value;
+            } else {
+              variables.push(value);
+            }
+            store.setGlobalVariables(variables);
+            setIsOpened(false);
+            return [3 /*break*/, 4];
+          case 3:
+            setLoading(false);
+            return [7 /*endfinally*/];
+          case 4:
+            return [2 /*return*/, value];
         }
-        body.push({
-            component: GlobalVarSubPanel
-        });
-        return {
-            type: 'form',
-            mode: 'horizontal',
-            horizontal: {
-                left: 2
-            },
-            body: body,
-            submitOnChange: false,
-            appendSubmitBtn: false,
-            actions: []
-        };
-    }, []);
-    return (React__default.createElement("div", { className: "ae-GlobalVarManager" },
-        store.globalVariables.length ? (React__default.createElement("ul", null, store.globalVariables.map(function (item, index) {
-            return (React__default.createElement("li", { key: item.id, "data-index": index, className: "ae-GlobalVarItem" },
-                React__default.createElement("div", { className: "ae-GlobalVarItem-info" }, item.label || item.key),
-                React__default.createElement("div", { className: "ae-GlobalVarItem-actions" },
-                    React__default.createElement(Button, { iconOnly: true, onClick: handleUpdate },
-                        React__default.createElement(Icon, { icon: "edit", className: "icon" })),
-                    React__default.createElement(Button, { iconOnly: true, onClick: handleDelete },
-                        React__default.createElement(Icon, { icon: "remove", className: "icon" })))));
-        }))) : (React__default.createElement("div", { className: "ae-GlobalVarManager-empty" }, "\u6682\u65E0")),
-        React__default.createElement(Spinner, { overlay: true, key: "info", size: "lg", show: loading }),
-        React__default.createElement(ConfirmBox, { title: (variableItem === null || variableItem === void 0 ? void 0 : variableItem.id) ? '编辑全局变量' : '新增全局变量', type: 'dialog', size: 'md', onConfirm: handleModalConfirm, show: isOpened, onCancel: handleModalClose }, (function (_a) {
-            var bodyRef = _a.bodyRef, loading = _a.loading, popOverContainer = _a.popOverContainer;
-            return (React__default.createElement(SchemaForm, __assign({}, schema, { key: variableItem === null || variableItem === void 0 ? void 0 : variableItem.id, value: variableItem, onChange: handleVariableChange, disabled: loading, ref: bodyRef, env: manager.env, manager: manager, popOverContainer: popOverContainer })));
-        })),
-        React__default.createElement(Button, { onClick: handleAddVariable, className: "ae-GlobalVarManager-AddBtn", block: true, disabled: isOpened || loading }, "\u65B0\u589E\u5168\u5C40\u53D8\u91CF")));
+      });
+    });
+  }, []);
+  var handleModalClose = React__default.useCallback(function () {
+    setIsOpened(false);
+  }, []);
+  // 初始化全局变量
+  React__default.useEffect(function () {
+    setLoading(true);
+    var mounted = true;
+    manager.initGlobalVariables().finally(function () {
+      mounted && setLoading(false);
+    });
+    return function () {
+      mounted = false;
+    };
+  }, []);
+  var schema = React__default.useMemo(function () {
+    var body = [];
+    if (globalVarPanels.length > 1) {
+      body.push({
+        type: 'button-group-select',
+        name: 'type',
+        label: i18n("52cbb59656bb7e6d38011eaad8ef14d1"),
+        value: 'builtin',
+        options: globalVarPanels.map(function (item) {
+          return {
+            label: item.title,
+            value: item.type
+          };
+        })
+      });
+    }
+    body.push({
+      component: GlobalVarSubPanel
+    });
+    return {
+      type: 'form',
+      mode: 'horizontal',
+      horizontal: {
+        left: 2
+      },
+      body: body,
+      submitOnChange: false,
+      appendSubmitBtn: false,
+      actions: []
+    };
+  }, []);
+  return React__default.createElement("div", {
+    className: "ae-GlobalVarManager"
+  }, store.globalVariables.length ? React__default.createElement("ul", null, store.globalVariables.map(function (item, index) {
+    return React__default.createElement("li", {
+      key: item.id,
+      "data-index": index,
+      className: "ae-GlobalVarItem"
+    }, React__default.createElement("div", {
+      className: "ae-GlobalVarItem-info"
+    }, item.label || item.key), React__default.createElement("div", {
+      className: "ae-GlobalVarItem-actions"
+    }, React__default.createElement(Button, {
+      iconOnly: true,
+      onClick: handleUpdate
+    }, React__default.createElement(Icon, {
+      icon: "edit",
+      className: "icon"
+    })), React__default.createElement(Button, {
+      iconOnly: true,
+      onClick: handleDelete
+    }, React__default.createElement(Icon, {
+      icon: "remove",
+      className: "icon"
+    }))));
+  })) : React__default.createElement("div", {
+    className: "ae-GlobalVarManager-empty"
+  }, i18n("f61f4cf6d0d544fad4507868b74696a1")), React__default.createElement(Spinner, {
+    overlay: true,
+    key: "info",
+    size: "lg",
+    show: loading
+  }), React__default.createElement(ConfirmBox, {
+    title: (variableItem === null || variableItem === void 0 ? void 0 : variableItem.id) ? i18n("e2e4c374e59fa5acc981c0a0ed6ce96f") : i18n("6c95367d14682115f83b647c482b4a2f"),
+    type: 'dialog',
+    size: 'md',
+    onConfirm: handleModalConfirm,
+    show: isOpened,
+    onCancel: handleModalClose
+  }, function (_a) {
+    var bodyRef = _a.bodyRef,
+      loading = _a.loading,
+      popOverContainer = _a.popOverContainer;
+    return React__default.createElement(SchemaForm, __assign({}, schema, {
+      key: variableItem === null || variableItem === void 0 ? void 0 : variableItem.id,
+      value: variableItem,
+      onChange: handleVariableChange,
+      disabled: loading,
+      ref: bodyRef,
+      env: manager.env,
+      manager: manager,
+      popOverContainer: popOverContainer
+    }));
+  }), React__default.createElement(Button, {
+    onClick: handleAddVariable,
+    className: "ae-GlobalVarManager-AddBtn",
+    block: true,
+    disabled: isOpened || loading
+  }, i18n("6c95367d14682115f83b647c482b4a2f")));
 });
 function GlobalVarManagerPanel(props) {
-    return (React__default.createElement("div", { className: "ae-GlobalVarPanel" },
-        React__default.createElement("div", { className: "panel-header" }, "\u5168\u5C40\u53D8\u91CF"),
-        React__default.createElement(GlobalVarManger, __assign({}, props))));
+  return React__default.createElement("div", {
+    className: "ae-GlobalVarPanel"
+  }, React__default.createElement("div", {
+    className: "panel-header"
+  }, i18n("fcfffbf5d7dd5c491645e2e0947eddb8")), React__default.createElement(GlobalVarManger, __assign({}, props)));
 }
 
 export { GlobalVarManagerPanel, GlobalVarManger, GlobalVarSubPanel, registerGlobalVarPanel };

package/esm/renderer/style-control/Background.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/Border.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/BoxModel.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/BoxShadow.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/ColCount.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/ColSize.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */
 

package/esm/renderer/style-control/Display.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.13.0-beta.6
- * build time: 2025-04-23
+ * amis-editor v6.13.0-beta.7
+ * build time: 2025-04-28
  * Copyright 2018-2025 @fex
  */