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

package/lib/renderer/global-var-control/GlobalVarManagerPanel.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { GlobalVariableItem } from 'amis-core';
+import { PanelProps, EditorManager } from 'amis-editor-core';
+type PanelComponentProps = {
+    value: GlobalVariableItem;
+    onChange: (value: GlobalVariableItem) => void;
+};
+export interface GlobalVarItemInEditor extends Omit<GlobalVariableItem, 'id'> {
+    id: string | number;
+}
+/**
+ * 全局变量管理面板
+ */
+export interface globalVarPanel {
+    /**
+     * 变量类型，不通的变量类型配置面板不一样
+     */
+    type: string | 'builtin';
+    /**
+     * 变量类型标题
+     */
+    title: string;
+    /**
+     * 变量类型描述
+     */
+    description?: string;
+    renderBrief?: (value: GlobalVariableItem) => React.ReactNode;
+    /**
+     * 验证数据合法性
+     * @param value
+     * @returns
+     */
+    validate?: (value: GlobalVariableItem) => string | void | Promise<string | void>;
+    /**
+     * 变量保存前支持数据格式化
+     * @param value
+     * @returns
+     */
+    pipeOut?: (value: GlobalVariableItem) => GlobalVariableItem;
+    /**
+     * 配置面板
+     */
+    component?: React.ComponentType<PanelComponentProps>;
+    getComponent?: (manger: EditorManager) => Promise<React.ComponentType<PanelComponentProps>>;
+}
+export declare function GlobalVarSubPanel(props: any): React.JSX.Element;
+export declare function registerGlobalVarPanel(type: string, panel: Omit<globalVarPanel, 'type'>): void;
+export interface GlobalVarMangerProps extends PanelProps {
+}
+export declare const GlobalVarManger: (props: GlobalVarMangerProps) => React.JSX.Element;
+export declare function GlobalVarManagerPanel(props: any): React.JSX.Element;
+export {};

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

@@ -0,0 +1,232 @@
+/**
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
+ * Copyright 2018-2024 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var amisEditorCore = require('amis-editor-core');
+var mobxReact = require('mobx-react');
+var amisUi = require('amis-ui');
+var amis = require('amis');
+require('../../icons/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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["default"].createElement(amisUi.Alert2, { level: "warning" }, "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u53D8\u91CF\u7C7B\u578B\u914D\u7F6E\u9762\u677F");
+    }
+    var formRef = React__default["default"].useRef(null);
+    // 父级表单提交的时候让子表单 flush
+    // 否则子表单的值不会及时同步到父级表单
+    React__default["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["default"].createElement(panel.component, tslib.__assign({}, props, { formLazyChange: false, formRef: formRef, value: props.data, onChange: props.onBulkChange }))) : (React__default["default"].createElement(amisUi.LazyComponent, tslib.__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(tslib.__assign(tslib.__assign({}, panel), { type: type }));
+}
+var GlobalVarManger = mobxReact.observer(function (props) {
+    var store = props.store, manager = props.manager;
+    var _a = tslib.__read(React__default["default"].useState(false), 2), loading = _a[0], setLoading = _a[1];
+    var _b = tslib.__read(React__default["default"].useState(null), 2), variableItem = _b[0], setVariableItem = _b[1];
+    var _c = tslib.__read(React__default["default"].useState(false), 2), isOpened = _c[0], setIsOpened = _c[1];
+    var handleAddVariable = React__default["default"].useCallback(function () { return tslib.__awaiter(void 0, void 0, void 0, function () {
+        var detail;
+        return tslib.__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["default"].useCallback(function (value) {
+        // 啥也不干
+        // 不外部控制了，直接让内部控制
+    }, []);
+    var handleUpdate = React__default["default"].useCallback(function (e) {
+        var index = parseInt(e.target
+            .closest('.ae-GlobalVarItem')
+            .getAttribute('data-index'), 10);
+        var item = store.globalVariables[index];
+        setVariableItem(tslib.__assign({}, item));
+        setIsOpened(true);
+    }, []);
+    var handleDelete = React__default["default"].useCallback(function (e) { return tslib.__awaiter(void 0, void 0, void 0, function () {
+        var index, item, confirmed;
+        return tslib.__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*/, amis.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*/];
+            }
+        });
+    }); }, []);
+    var handleModalConfirm = React__default["default"].useCallback(function (value) { return tslib.__awaiter(void 0, void 0, void 0, function () {
+        var type_1, panel, variables, idx;
+        var _a, _b;
+        return tslib.__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 = tslib.__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 = amisCore.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];
+            }
+        });
+    }); }, []);
+    var handleModalClose = React__default["default"].useCallback(function () {
+        setIsOpened(false);
+    }, []);
+    // 初始化全局变量
+    React__default["default"].useEffect(function () {
+        setLoading(true);
+        var mounted = true;
+        manager.initGlobalVariables().finally(function () {
+            mounted && setLoading(false);
+        });
+        return function () {
+            mounted = false;
+        };
+    }, []);
+    var schema = React__default["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
+                }); })
+            });
+        }
+        body.push({
+            component: GlobalVarSubPanel
+        });
+        return {
+            type: 'form',
+            mode: 'horizontal',
+            horizontal: {
+                left: 2
+            },
+            body: body,
+            submitOnChange: false,
+            appendSubmitBtn: false,
+            actions: []
+        };
+    }, []);
+    return (React__default["default"].createElement("div", { className: "ae-GlobalVarManager" },
+        store.globalVariables.length ? (React__default["default"].createElement("ul", null, store.globalVariables.map(function (item, index) {
+            return (React__default["default"].createElement("li", { key: item.id, "data-index": index, className: "ae-GlobalVarItem" },
+                React__default["default"].createElement("div", { className: "ae-GlobalVarItem-info" }, item.label || item.key),
+                React__default["default"].createElement("div", { className: "ae-GlobalVarItem-actions" },
+                    React__default["default"].createElement(amisUi.Button, { iconOnly: true, onClick: handleUpdate },
+                        React__default["default"].createElement(amisEditorCore.Icon, { icon: "edit", className: "icon" })),
+                    React__default["default"].createElement(amisUi.Button, { iconOnly: true, onClick: handleDelete },
+                        React__default["default"].createElement(amisEditorCore.Icon, { icon: "remove", className: "icon" })))));
+        }))) : (React__default["default"].createElement("div", { className: "ae-GlobalVarManager-empty" }, "\u6682\u65E0")),
+        React__default["default"].createElement(amisUi.Spinner, { overlay: true, key: "info", size: "lg", show: loading }),
+        React__default["default"].createElement(amisUi.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["default"].createElement(amisEditorCore.SchemaForm, tslib.__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["default"].createElement(amisUi.Button, { onClick: handleAddVariable, className: "ae-GlobalVarManager-AddBtn", block: true, disabled: isOpened || loading }, "\u65B0\u589E\u5168\u5C40\u53D8\u91CF")));
+});
+function GlobalVarManagerPanel(props) {
+    return (React__default["default"].createElement("div", { className: "ae-GlobalVarPanel" },
+        React__default["default"].createElement("div", { className: "panel-header" }, "\u5168\u5C40\u53D8\u91CF"),
+        React__default["default"].createElement(GlobalVarManger, tslib.__assign({}, props))));
+}
+
+exports.GlobalVarManagerPanel = GlobalVarManagerPanel;
+exports.GlobalVarManger = GlobalVarManger;
+exports.GlobalVarSubPanel = GlobalVarSubPanel;
+exports.registerGlobalVarPanel = registerGlobalVarPanel;

package/lib/renderer/global-var-control/index.d.ts

@@ -0,0 +1,3 @@
+import { GlobalVarManagerPanel, registerGlobalVarPanel } from './GlobalVarManagerPanel';
+import './GlobalVarBuiltinPanel';
+export { GlobalVarManagerPanel, registerGlobalVarPanel };

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

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

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/FlexLayout.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/Font.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/InsetBoxModel.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/LabelAlign.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/SingleThemeCssCode.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/ThemeCssCode.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/font-family.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/helper.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/style-control/transformation.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/textarea-formula/FormulaPicker.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/textarea-formula/TextareaFormulaControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/renderer/textarea-formula/plugin.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/api.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/common.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/horizontal.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/layout.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/options.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/remark.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/style.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/tpl/validations.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/util.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/validator.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.11.0-beta.1
- * build time: 2024-12-13
+ * amis-editor v6.11.0-beta.2
+ * build time: 2024-12-24
  * Copyright 2018-2024 @fex
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor",
-  "version": "6.11.0-beta.1",
+  "version": "6.11.0-beta.2",
   "description": "amis 可视化编辑器",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -41,7 +41,7 @@
   ],
   "dependencies": {
     "@webcomponents/webcomponentsjs": "^2.6.0",
-    "amis-editor-core": "^6.11.0-beta.1",
+    "amis-editor-core": "^6.11.0-beta.2",
     "amis-postcss": "1.0.0",
     "amis-theme-editor-helper": "*",
     "i18n-runtime": "*",