@luck-design-biz/luckda 1.0.2-9 → 1.0.3-13tl

package/es/lowcode/engine/meta/box.props.default.json

@@ -6,7 +6,7 @@
   "group": "container",
   "groupName": "布局",
   "order": 3,
-  "css": "height:auto; width: auto; background-color: #fff;",
+  "css": "height:auto; width: auto;",
   "advance": {
     "events": {}
   }

package/es/lowcode/engine/meta/box.props.json

@@ -14,7 +14,7 @@
       "disabled": true
     }
   ],
-  "css": "height:auto; width: auto; background-color: #fff;",
+  "css": "height:auto; width: auto;",
   "advance": {
     "events": [
       {

package/es/lowcode/engine/meta/dialog.props.default.json

@@ -7,6 +7,7 @@
   "groupName": "基础",
   "order": 1,
   "title": "对话框",
+  "size": "custom",
   "width": "700px",
   "height": "50vh",
   "padding": 16,
@@ -14,7 +15,9 @@
   "mask": true,
   "closable": true,
   "destroyOnClose": true,
-  "footer": true,
+  "footer": {
+    "checked": true
+  },
   "okText": "确定",
   "cancelText": "取消",
   "btnGroup": {

package/es/lowcode/engine/meta/dialog.props.json

@@ -20,10 +20,16 @@
       "type": "_I18nInput",
       "default": "对话框"
     },
+    {
+      "key": "size",
+      "name": "#展现尺寸",
+      "type": "_DialogSize",
+      "default": "custom"
+    },
     {
       "key": "width",
       "name": "对话框宽度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -42,12 +48,18 @@
           "value": "auto"
         }
       ],
+      "sizeOptions": {
+        "small": "540px",
+        "default": "700px",
+        "large": "1150px",
+        "full": "100vw"
+      },
       "default": "700px"
     },
     {
       "key": "height",
       "name": "内容区高度",
-      "type": "_WidthHeight",
+      "type": "_DialogWidthHeight",
       "options": [
         {
           "label": "px",
@@ -62,6 +74,12 @@
           "value": "auto"
         }
       ],
+      "sizeOptions": {
+        "small": "40vh",
+        "default": "60vh",
+        "large": "85vh",
+        "full": "100vh"
+      },
       "default": "50vh"
     },
     {
@@ -142,8 +160,10 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
-          "default": true
+          "type": "_ConditionCheck",
+          "default": {
+            "checked": true
+          }
         },
         {
           "key": "okText",

package/es/lowcode/engine/meta/drawer.props.json

@@ -180,7 +180,7 @@
           "key": "footer",
           "name": "显示footer",
           "desc": "是否显示底部按钮区域",
-          "type": "switch",
+          "type": "_ConditionCheck",
           "default": true
         },
         {

package/es/lowcode/engine/meta/form.props.json

@@ -661,7 +661,7 @@
         "key": "beforeSave",
         "name": "保存前置事件",
         "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "function beforeSave(values, data) {\n return values; \n}"
+        "func": "function beforeSave(values, data) {\n return new Promise(resolve=>resolve(values)); \n}"
       },
       {
         "key": "onSaveCallback",

package/es/lowcode/engine/provider/ContextProvider/router.js

@@ -1,5 +1,11 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["title", "subTitle"],
+  _excluded2 = ["title", "subTitle"];
 import { history } from 'umi';
 import { isNil } from 'lodash';
+import { parse, stringify } from 'qs';
 export function push(path, params) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'push';
   var blank = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
@@ -12,7 +18,21 @@ export function push(path, params) {
       method: 'replace'
     });
   } else if (type === 'layer') {
-    window.openUrl("layer:".concat(path), params);
+    var _path$split = path.split('?'),
+      _path$split2 = _slicedToArray(_path$split, 2),
+      _path = _path$split2[0],
+      argsStr = _path$split2[1];
+    var title = params.title,
+      subTitle = params.subTitle,
+      _params = _objectWithoutProperties(params, _excluded);
+    var _parse = parse(argsStr),
+      _title = _parse.title,
+      _subTitle = _parse.subTitle,
+      args = _objectWithoutProperties(_parse, _excluded2);
+    window.openUrl("layer:".concat(_path, "?").concat(stringify(_objectSpread({
+      title: title || _title,
+      subTitle: subTitle || _subTitle
+    }, args))), _params);
   } else if (type === 'iframe') {
     window.openUrl("iframe:".concat(path));
   } else if (type === 'sso') {

package/es/lowcode/painter/DesignOperator.js

@@ -265,15 +265,16 @@ var DesignOperator = function DesignOperator(_ref) {
       var toggle = _ref6.toggle,
         id = _ref6.id;
       if (toggle && id !== currentModal.current) {
-        canvas.current.style.setProperty('overflow', 'hidden');
+        var _canvas$current2;
+        (_canvas$current2 = canvas.current) === null || _canvas$current2 === void 0 || _canvas$current2.style.setProperty('overflow', 'hidden');
         var _modal = context.componentMap.get(id);
         var _prevModal = currentModal.current ? context.componentMap.get(currentModal.current) : null;
         _prevModal === null || _prevModal === void 0 || _prevModal.api.doClose();
         _modal.api.doOpen();
         currentModal.current = id;
       } else if (!toggle) {
-        var _canvas$current2;
-        (_canvas$current2 = canvas.current) === null || _canvas$current2 === void 0 || _canvas$current2.style.removeProperty('overflow');
+        var _canvas$current3;
+        (_canvas$current3 = canvas.current) === null || _canvas$current3 === void 0 || _canvas$current3.style.removeProperty('overflow');
         var _id = id || currentModal.current;
         if (_id) {
           var _modal2 = context.componentMap.get(_id);

package/es/lowcode/painter/History.js

@@ -0,0 +1,300 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useRef, useState, useEffect } from 'react';
+import { useRequest, useMemoizedFn, useInViewport } from 'ahooks';
+import { Timeline, Avatar, Form, Input, Button, Spin } from 'luck-design/antd';
+import { LuckModal } from 'luck-design';
+import moment from 'moment';
+import { isNil } from 'lodash';
+import { recheck } from '@luck-design-biz/base';
+import { useContext, useGet, resetPageData } from "../engine/provider/ContextProvider";
+import TipIcon from "./components/TipIcon";
+import DiffEditor from "./components/code-editor/DiffEditor";
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { getLDMetaAttr } from "../engine/tools/helper";
+import { decompress } from "../engine/tools/dataProcess";
+import styles from "./style/history.less";
+import { fetchHistoryVersionList, fetchAddHistoryVersion, fetchDelHistoryVersion, fetchRecoverHistoryVersion } from "../constants/api-url";
+var History = function History(_ref) {
+  var form = _ref.form;
+  var ref = useRef();
+  var editorRef = useRef();
+  var versionListRef = useRef(null);
+  var ctx = useContext();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    versionList = _useState2[0],
+    setVersionList = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    version = _useState4[0],
+    setVersion = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visible = _useState6[0],
+    setVisible = _useState6[1];
+  var _useInViewport = useInViewport(ref),
+    _useInViewport2 = _slicedToArray(_useInViewport, 1),
+    inViewport = _useInViewport2[0];
+  var pageData = useGet();
+  var _useRequest = useRequest(fetchHistoryVersionList, {
+      manual: true,
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          versionListRef.current = list.map(function (id) {
+            return detail[id];
+          });
+          setVersionList(versionListRef.current);
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    runFetchHistoryVersionList = _useRequest.run;
+  var _useRequest2 = useRequest(fetchAddHistoryVersion, {
+      manual: true,
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code;
+        if (code === 1) {
+          setVisible(false);
+          runFetchHistoryVersionList({
+            pageCode: getLDMetaAttr('pageCode')
+          });
+        }
+      }
+    }),
+    addLoading = _useRequest2.loading,
+    runFetchAddHistoryVersion = _useRequest2.run;
+  var _useRequest3 = useRequest(fetchDelHistoryVersion, {
+      manual: true,
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code;
+        if (code === 1) {
+          runFetchHistoryVersionList({
+            pageCode: getLDMetaAttr('pageCode')
+          });
+        }
+      }
+    }),
+    deleteLoading = _useRequest3.loading,
+    runFetchDelHistoryVersion = _useRequest3.run;
+  var _useRequest4 = useRequest(fetchRecoverHistoryVersion, {
+      manual: true,
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code;
+        return code === 1 && window.location.reload();
+      }
+    }),
+    runFetchRecoverHistoryVersion = _useRequest4.run;
+  var handleSearch = useMemoizedFn(function (value) {
+    if (isNil(value)) {
+      setVersionList(versionListRef.current);
+    } else {
+      setVersionList(versionListRef.current.filter(function (item) {
+        return JSON.stringify(item).includes(value);
+      }));
+    }
+  });
+  var handleAddVersion = useMemoizedFn(function () {
+    form.validateFields(function (err, values) {
+      if (!err) {
+        runFetchAddHistoryVersion({
+          pageCode: getLDMetaAttr('pageCode'),
+          backupName: values.title,
+          backupNote: values.note
+        });
+      }
+    });
+  });
+  var handleDeleteVersion = useMemoizedFn(function (item) {
+    recheck({
+      title: "".concat(formatMessage({
+        id: 'luckda.lowcode.version.delete',
+        label: '你确定要删除该历史版本吗？'
+      })),
+      checkWords: "".concat(item.backupName, "(").concat(item.backupUserName, ")"),
+      cancelText: formatMessage({
+        id: 'app.base.operate.cancel'
+      }),
+      okText: formatMessage({
+        id: 'app.base.operate.ok'
+      }),
+      onOk: function onOk() {
+        runFetchDelHistoryVersion({
+          uid: item.id
+        });
+      }
+    });
+  });
+  var handleRecoverVersion = useMemoizedFn(function () {
+    recheck({
+      title: "".concat(formatMessage({
+        id: 'luckda.lowcode.version.confirm.recover',
+        label: '你确定要还原到该历史版本吗？'
+      })),
+      checkWords: "".concat(version.backupName, "(").concat(version.backupUserName, ")"),
+      cancelText: formatMessage({
+        id: 'app.base.operate.cancel'
+      }),
+      okText: formatMessage({
+        id: 'luckda.lowcode.version.recover',
+        label: '还原版本'
+      }),
+      onOk: function onOk() {
+        return runFetchRecoverHistoryVersion({
+          uid: version.id
+        });
+      }
+    });
+  });
+  var handleUseVersion = useMemoizedFn(function () {
+    var code = editorRef.current.getModel().modified.getValue();
+    try {
+      var data = JSON.parse(code);
+      resetPageData(data);
+      setVersion(null);
+    } catch (e) {
+      console.error(e);
+      message.warning(formatMessage({
+        id: 'luckda.lowcode.error.pagedata',
+        label: '页面数据错误'
+      }));
+    }
+  });
+  useEffect(function () {
+    if (inViewport) {
+      runFetchHistoryVersionList({
+        pageCode: getLDMetaAttr('pageCode')
+      });
+    }
+  }, [inViewport]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: styles['lc-painter-history']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.historyToolbar
+  }, /*#__PURE__*/React.createElement(Input.Search, {
+    placeholder: formatMessage({
+      id: 'luckda.lowcode.version.placeholder.search',
+      label: '请输入查询内容'
+    }),
+    size: "small",
+    onSearch: handleSearch
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    icon: "plus",
+    size: "small",
+    style: {
+      marginLeft: '8px',
+      flexShrink: 0
+    },
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  })), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading || deleteLoading
+  }, /*#__PURE__*/React.createElement(Timeline, null, versionList.map(function (item) {
+    return /*#__PURE__*/React.createElement(Timeline.Item, {
+      className: styles.timelineItem
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.timelineItemHeader
+    }, /*#__PURE__*/React.createElement("div", null, item.backupName), /*#__PURE__*/React.createElement("div", {
+      className: styles.timelineItemActions
+    }, /*#__PURE__*/React.createElement(TipIcon, {
+      title: formatMessage({
+        id: 'app.base.operate.delete',
+        label: '删除'
+      }),
+      type: "delete",
+      style: {
+        color: 'var(--luck-color-danger)',
+        marginRight: 8
+      },
+      onClick: function onClick() {
+        return handleDeleteVersion(item);
+      }
+    }), /*#__PURE__*/React.createElement(TipIcon, {
+      title: formatMessage({
+        id: 'luckda.lowcode.version.diff',
+        label: '差异比对'
+      }),
+      type: "swap",
+      onClick: function onClick() {
+        ctx.$publisher(ctx.topics.COMPONENT_ACTIVE, null);
+        setVersion(item);
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: styles.timelineItemUser
+    }, /*#__PURE__*/React.createElement(Avatar, {
+      style: {
+        backgroundColor: 'var(--luck-ant-colorful-primary)',
+        verticalAlign: 'middle',
+        marginRight: '8px'
+      }
+    }, item.backupUserName.slice(-1)), item.backupUserName), /*#__PURE__*/React.createElement("div", {
+      className: styles.timelineItemTime
+    }, moment(item.backupTime).fromNow()));
+  })))), /*#__PURE__*/React.createElement(LuckModal, {
+    title: "".concat(version === null || version === void 0 ? void 0 : version.backupName, "(").concat(version === null || version === void 0 ? void 0 : version.backupUserName, ") \u21CB \u5F53\u524D\u7248\u672C"),
+    width: "80vw",
+    height: "80vh",
+    visible: !isNil(version),
+    fullScreen: true,
+    getContainer: function getContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    okText: formatMessage({
+      id: 'luckda.lowcode.version.recover',
+      label: '还原版本'
+    }),
+    cancelText: formatMessage({
+      id: 'luckda.lowcode.version.use',
+      label: '使用'
+    }),
+    cancelButtonProps: {
+      onClick: handleUseVersion
+    },
+    onOk: handleRecoverVersion,
+    onClose: function onClose() {
+      return setVersion(null);
+    }
+  }, /*#__PURE__*/React.createElement(DiffEditor, {
+    ref: editorRef,
+    language: "json",
+    originalCode: version ? JSON.stringify(decompress(version === null || version === void 0 ? void 0 : version.pageData), null, '\t') : '',
+    modifiedCode: JSON.stringify(pageData, null, '\t')
+  })), /*#__PURE__*/React.createElement(LuckModal, {
+    title: formatMessage({
+      id: 'luckda.lowcode.version.add',
+      label: '添加到历史版本'
+    }),
+    size: "small",
+    visible: visible,
+    okButtonProps: {
+      loading: addLoading
+    },
+    onOk: handleAddVersion,
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, null, form.getFieldDecorator('title', {
+    rules: [{
+      required: true
+    }]
+  })( /*#__PURE__*/React.createElement(Input, {
+    placeholder: formatMessage({
+      id: 'luckda.lowcode.version.placeholder.title',
+      label: '请输入版本标题'
+    })
+  }))), /*#__PURE__*/React.createElement(Form.Item, null, form.getFieldDecorator('note')( /*#__PURE__*/React.createElement(Input.TextArea, {
+    rows: 6,
+    placeholder: formatMessage({
+      id: 'luckda.lowcode.version.placeholder.note',
+      label: '请输入版本描述'
+    })
+  }))))));
+};
+export default Form.create({
+  name: 'version_form'
+})(History);

package/es/lowcode/painter/Ribbon.js

@@ -7,6 +7,7 @@ import { Icon, Tooltip, Drawer } from 'luck-design/antd';
 import Outline from "./Outline";
 import Components from "./Components";
 import I18n from "./I18n";
+import History from "./History";
 import { formatMessage } from '@luck-design-biz/base/utils';
 import Expect from "./expect";
 import styles from "./style/ribbon.less";
@@ -47,6 +48,12 @@ var _DRAWER_I18N_ = {
   title: '多语言文案管理',
   fix: false
 };
+var _DRAWER_HISTORY_ = {
+  width: 240,
+  key: 'history',
+  title: '版本历史',
+  fix: false
+};
 var Ribbon = function Ribbon() {
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -106,6 +113,21 @@ var Ribbon = function Ribbon() {
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? null : _DRAWER_I18N_);
     }
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "right",
+    title: formatMessage({
+      id: 'luckda.lowcode.history',
+      label: _DRAWER_HISTORY_.title
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "history",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_HISTORY_.key && '#1d79f2',
+      fontSize: 20
+    },
+    onClick: function onClick() {
+      return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_HISTORY_.key ? null : _DRAWER_HISTORY_);
+    }
   }))), /*#__PURE__*/React.createElement(Drawer, _extends({
     title: drawer ? formatMessage({
       id: "luckda.lowcode.".concat(drawer.key),
@@ -150,6 +172,20 @@ var Ribbon = function Ribbon() {
     style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
       display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? 'block' : 'none'
     })
-  }), /*#__PURE__*/React.createElement(Expect, null)));
+  }), /*#__PURE__*/React.createElement(Expect, null)), /*#__PURE__*/React.createElement(Drawer, _extends({
+    title: drawer ? formatMessage({
+      id: "luckda.lowcode.".concat(drawer.key),
+      label: drawer.title
+    }) : '',
+    width: (drawer === null || drawer === void 0 ? void 0 : drawer.width) || 0,
+    visible: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_HISTORY_.key,
+    onClose: function onClose() {
+      return setDrawer(null);
+    }
+  }, _DRAWER_PROPS, {
+    style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
+      display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_HISTORY_.key ? 'block' : 'none'
+    })
+  }), /*#__PURE__*/React.createElement(History, null)));
 };
 export default Ribbon;

package/es/lowcode/painter/components/AdvancePanel.js

@@ -20,7 +20,7 @@ var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
 var EventItem = styled.div.withConfig({
   displayName: "EventItem",
   componentId: "luckda-6530__sc-6426fo-0"
-})(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:rgba(0,0,0,0.4);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
+})(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:var(--ant-text-color);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
 var _DEFAULT_FUNC_ = 'function isTrue() {\n return true; \n}';
 var AdvancePanel = function AdvancePanel(_ref) {
   var _value$render2, _Map$get;

package/es/lowcode/painter/components/code-editor/DiffEditor.js

@@ -0,0 +1,41 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { forwardRef, useEffect, useRef, useImperativeHandle, memo } from 'react';
+import * as monaco from 'monaco-editor';
+import useCombinedRef from "../../../engine/tools/useCombinedRefs";
+var DiffEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var originalCode = _ref.originalCode,
+    modifiedCode = _ref.modifiedCode,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? 'javascript' : _ref$language,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options;
+  var containerRef = useRef(null);
+  var editorRef = useCombinedRef(ref);
+  useEffect(function () {
+    if (containerRef.current) {
+      editorRef.current = monaco.editor.createDiffEditor(containerRef.current, _objectSpread({
+        language: language,
+        automaticLayout: true,
+        autoIndent: true,
+        tabSize: 2
+      }, options));
+      editorRef.current.setModel({
+        original: monaco.editor.createModel(originalCode, language),
+        modified: monaco.editor.createModel(modifiedCode, language)
+      });
+    }
+    return function () {
+      if (editorRef.current) {
+        editorRef.current.dispose();
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+});
+export default /*#__PURE__*/memo(DiffEditor);

package/es/lowcode/painter/components/field-setting/FieldAttrs.js

@@ -20,11 +20,11 @@ var Wrapper = styled.div.withConfig({
 var Title = styled.p.withConfig({
   displayName: "Title",
   componentId: "luckda-6530__sc-rwt684-1"
-})(["font-weight:700;margin-bottom:8px;color:rgba(0,0,0,0.8);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;"]);
+})(["font-weight:700;margin-bottom:8px;color:var(--ant-text-color);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;"]);
 var LeftBox = styled.div.withConfig({
   displayName: "LeftBox",
   componentId: "luckda-6530__sc-rwt684-2"
-})(["width:100%;flex:1;border:1px solid #e5e6e8;border-radius:6px;"]);
+})(["width:100%;flex:1;border:1px solid #e5e6e8;border-radius:6px;overflow:hidden;"]);
 var Option = styled.div.withConfig({
   displayName: "Option",
   componentId: "luckda-6530__sc-rwt684-3"

package/es/lowcode/painter/components/field-setting/SettingUI.js

@@ -409,7 +409,6 @@ var SettingUI = function SettingUI(_ref) {
     onChange: function onChange(val) {
       return run('render', val);
     },
-    isjsx: true,
     defaultCode: _DEFAULT_RENDER_CODE
   })) : null, /*#__PURE__*/React.createElement(Collapse, {
     label: formatMessage({