@luck-design-biz/luckda 0.0.24-2 → 0.0.25

package/es/lowcode/painter/{components/actions-editor → panel-section/ActionsEditor}/index.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useReducer } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import { Tooltip, Icon, Segmented, InputNumber } from 'luck-design/antd';
+import { Tooltip, Icon, Segmented, InputNumber, Input } from 'luck-design/antd';
 import { cloneDeep } from 'lodash';
 import ActionEditor from "./ActionEditor";
-import PanelItem from "../PanelItem";
+import PanelItem from "../../components/PanelItem";
 import { SortBox, SortItem } from "../../components/SortBox";
 import { ListEditor, ListEditorItem } from "../../components/ListEditor";
 import PopConfirm from "../../components/PopConfirm";
@@ -27,7 +27,10 @@ var _DISPLAY_OPTIONS_ = [{
 }];
 var ActionsEditor = function ActionsEditor(_ref) {
   var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    suppressDisplay = _ref.suppressDisplay,
+    suppressMax = _ref.suppressMax,
+    suppressMore = _ref.suppressMore;
   var valueRef = useRef(cloneDeep(defaultValue));
   var _useReducer = useReducer(listReducer, defaultValue.todoList || []),
     _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -47,7 +50,17 @@ var ActionsEditor = function ActionsEditor(_ref) {
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
-        onChange(valueRef.current);
+        onChange(cloneDeep(valueRef.current));
+      }
+    });
+  });
+  var handleDelete = useMemoizedFn(function (action) {
+    dispatch({
+      type: 'delete',
+      payload: action.id,
+      callback: function callback(newActions) {
+        valueRef.current.todoList = newActions;
+        onChange(cloneDeep(valueRef.current));
       }
     });
   });
@@ -57,7 +70,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
       payload: sortItems,
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
-        onChange(valueRef.current);
+        onChange(cloneDeep(valueRef.current));
       }
     });
   });
@@ -76,7 +89,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     } else {
       valueRef.current[field] = value;
     }
-    onChange(valueRef.current);
+    onChange(cloneDeep(valueRef.current));
   });
   var renderItemRight = useMemoizedFn(function (action) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -108,6 +121,9 @@ var ActionsEditor = function ActionsEditor(_ref) {
       style: {
         marginRight: '8px',
         cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleDelete(action);
       }
     })));
   });
@@ -118,7 +134,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
       width: '100%',
       padding: '0 16px'
     }
-  }, /*#__PURE__*/React.createElement(PanelItem, {
+  }, !suppressDisplay && /*#__PURE__*/React.createElement(PanelItem, {
     suppressPadding: true,
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".display"),
@@ -131,7 +147,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange: function onChange(value) {
       return handleValueChange('display', value);
     }
-  })), /*#__PURE__*/React.createElement(PanelItem, {
+  })), !suppressMax && /*#__PURE__*/React.createElement(PanelItem, {
     suppressPadding: true,
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".max"),
@@ -143,6 +159,18 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange: function onChange(value) {
       return handleValueChange('max', value);
     }
+  })), !suppressMore && /*#__PURE__*/React.createElement(PanelItem, {
+    suppressPadding: true,
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".moreText"),
+      label: '更多显示文字'
+    })
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    defaultValue: defaultValue.moreText,
+    onChange: function onChange(e) {
+      return handleValueChange('moreText', e.target.value);
+    }
   })), /*#__PURE__*/React.createElement(SortBox, {
     datas: todoList.map(function (_ref2) {
       var id = _ref2.id;

package/es/lowcode/painter/panel-section/ImpExp.js

@@ -0,0 +1,91 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useMemoizedFn, useSetState, useUpdateEffect } from 'ahooks';
+import { Checkbox, Row, Col, Input } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { isString } from 'lodash';
+import styles from "../style/impexp.less";
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
+var ImpExp = function ImpExp(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _useSetState = useSetState(defaultValue || {}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  useUpdateEffect(function () {
+    onChange(state);
+  }, [state]);
+  var handleCheckboxChange = useMemoizedFn(function (e) {
+    if (e.target.value === 'import') {
+      setState({
+        import: e.target.checked
+      });
+    } else if (e.target.value === 'export') {
+      setState({
+        export: e.target.checked
+      });
+    }
+  });
+  var handleInputChange = useMemoizedFn(function (field, e) {
+    var value = e.target.value.trim();
+    var _val = value === '' ? true : value;
+    console.log(_val);
+    if (field === 'import') {
+      setState({
+        import: _val
+      });
+    } else if (field === 'export') {
+      setState({
+        export: _val
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Row, {
+    gutter: [0, 8],
+    className: styles['lc-painter-panel-section-impexp']
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "import",
+    checked: !!state.import,
+    onChange: handleCheckboxChange
+  }, formatMessage({
+    id: 'luckda.lowcode.painter.import',
+    label: '导入'
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 18
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    value: isString(state.import) ? state.import : '',
+    onChange: function onChange(e) {
+      return handleInputChange('import', e);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".impUrl.placeholder"),
+      label: '请输入模版ID或自定义接口'
+    })
+  })), /*#__PURE__*/React.createElement(Col, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "export",
+    checked: state.export,
+    onChange: handleCheckboxChange
+  }, formatMessage({
+    id: 'luckda.lowcode.painter.export',
+    label: '导出'
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 18
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    value: isString(state.export) ? state.export : '',
+    onChange: function onChange(e) {
+      return handleInputChange('export', e);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
+      label: '请输入自定义接口'
+    })
+  })));
+};
+export default ImpExp;

package/es/lowcode/painter/panel-section/JSEditor.js

@@ -0,0 +1,48 @@
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { Button } from 'luck-design/antd';
+import { debounce } from 'lodash';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import PopConfirm from "../components/PopConfirm";
+import FullScreenEditor from "../components/code-editor/FullScreenEditor";
+import JSEditor from "../components/code-editor/JSEditor";
+var _JSEditor = function _JSEditor(_ref) {
+  var defaultValue = _ref.defaultValue,
+    defaultCode = _ref.defaultCode,
+    onChange = _ref.onChange,
+    mustConfirm = _ref.mustConfirm;
+  var editorRef = useRef();
+  var handleCodeChange = useRef(debounce(function (code) {
+    if (!mustConfirm) onChange(code);
+  }, 400));
+  var handleConfirm = useMemoizedFn(function () {
+    onChange(editorRef.current.editor.getValue());
+  });
+  var handleEditorLoad = useMemoizedFn(function () {
+    editorRef.current.editor.setValue(defaultValue || defaultCode);
+  });
+  return /*#__PURE__*/React.createElement(PopConfirm, {
+    placement: "left",
+    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
+      ref: editorRef,
+      EditorComponent: JSEditor,
+      width: "600px",
+      height: "400px",
+      onChange: handleCodeChange.current,
+      onLoad: handleEditorLoad
+    }),
+    showBtn: mustConfirm,
+    onConfirm: handleConfirm
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '0 16px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    size: "small"
+  }, formatMessage({
+    id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',
+    label: '源码编辑'
+  }))));
+};
+export default _JSEditor;

package/es/lowcode/painter/panel-section/StylePanel/MainPanel.js

@@ -38,7 +38,7 @@ var MainPanel = function MainPanel() {
       payload: code
     });
   }, []);
-  var handOnEditorLoad = useCallback(function () {
+  var handleEditorLoad = useCallback(function () {
     editorRef.current.editor.setValue(currentCoce.current);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
@@ -58,7 +58,7 @@ var MainPanel = function MainPanel() {
       width: "280px",
       height: "300px",
       onChange: handleCodeChange,
-      onLoad: handOnEditorLoad
+      onLoad: handleEditorLoad
     })
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",

package/es/lowcode/painter/panel-section/StylePanel/StyleContext.js

@@ -44,7 +44,7 @@ export function StyleProvider(_ref) {
         throw new Error();
     }
   };
-  var _useReducer = useReducer(styleReducer, parseCSS(value)),
+  var _useReducer = useReducer(styleReducer, parseCSS(":root{".concat(value, "}"))),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     style = _useReducer2[0],
     dispatch = _useReducer2[1];

package/es/lowcode/painter/panel-section/TableTopFilter.js

@@ -0,0 +1,306 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useReducer, useState } from 'react';
+import { useSetState, useMemoizedFn } from 'ahooks';
+import { Tooltip, Radio, Input, Icon } from 'luck-design/antd';
+import { isString, isArray, isNil } from 'lodash';
+import { formatMessage, suid } from '@luck-design-biz/base/utils';
+import { SortBox, SortItem } from "../components/SortBox";
+import { ListEditor, ListEditorItem } from "../components/ListEditor";
+import PopConfirm from "../components/PopConfirm";
+import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../components/PopForm";
+import FieldSelector from "../components/FieldSelector";
+import { listReducer } from "../../engine/tools/helper";
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.tableTopFilter';
+var _RADIO_STYLE_ = {
+  display: 'block',
+  margin: '0 0 4px 0',
+  lineHeight: 0.4
+};
+var TableTopFilter = function TableTopFilter(_ref) {
+  var defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange;
+  var _useState = useState(function () {
+      if (isNil(defaultValue)) return 'nil';
+      if (isString(defaultValue)) return 'customApi';
+      if (isArray(defaultValue)) return 'custom';
+      return 'dict';
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    type = _useState2[0],
+    setType = _useState2[1];
+  var _useSetState = useSetState(type === 'dict' ? defaultValue : null),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    dict = _useSetState2[0],
+    setDict = _useSetState2[1];
+  var _useReducer = useReducer(listReducer, type === 'custom' ? defaultValue : []),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    options = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var _useState3 = useState(type === 'customApi' ? defaultValue : void 0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    apiUrl = _useState4[0],
+    setApiUrl = _useState4[1];
+  var handleAdd = useMemoizedFn(function () {
+    var id = suid();
+    dispatch({
+      type: 'add',
+      payload: {
+        id: id,
+        value: id,
+        field: id,
+        label: "\u8FC7\u6EE4\u9879".concat(options.length + 1)
+      },
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleDelete = useMemoizedFn(function (opt) {
+    dispatch({
+      type: 'delete',
+      payload: opt.id,
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleChange = useMemoizedFn(function (opt) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: opt.id,
+        data: opt
+      },
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleSortChange = useMemoizedFn(function (sortItems) {
+    dispatch({
+      type: 'sort',
+      payload: sortItems,
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleTypeChange = useMemoizedFn(function (e) {
+    setType(e.target.value);
+    _onChange({
+      nil: null,
+      dict: dict,
+      custom: options,
+      customApi: apiUrl
+    }[e.target.value]);
+  });
+  var renderItemRight = useMemoizedFn(function (opt) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+      title: formatMessage({
+        id: 'luckda.lowcode.painter.edit',
+        label: '编辑'
+      })
+    }, /*#__PURE__*/React.createElement(PopConfirm, {
+      placement: "left",
+      title: /*#__PURE__*/React.createElement(PopForm, null, /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".label"),
+        label: '名称'
+      })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
+        size: "small",
+        defaultValue: opt.label,
+        onChange: function onChange(e) {
+          return handleChange(_objectSpread(_objectSpread({}, opt), {}, {
+            label: e.target.value
+          }));
+        },
+        placeholder: formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".label.placeholder"),
+          label: '请输入过滤项名称'
+        })
+      }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".value"),
+        label: '值'
+      })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
+        size: "small",
+        defaultValue: opt.value,
+        onChange: function onChange(e) {
+          return handleChange(_objectSpread(_objectSpread({}, opt), {}, {
+            value: e.target.value
+          }));
+        },
+        placeholder: formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".value.placeholder"),
+          label: '请输入过滤项值'
+        })
+      }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".field"),
+        label: '字段'
+      })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(FieldSelector, {
+        defaultValue: opt.field,
+        style: {
+          width: '50%'
+        },
+        placeholder: formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
+          label: '请选择过滤字段'
+        }),
+        onChange: function onChange(e) {
+          return handleChange(_objectSpread(_objectSpread({}, opt), {}, {
+            field: e.target.value
+          }));
+        }
+      }))))
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "edit",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      }
+    }))), /*#__PURE__*/React.createElement(Tooltip, {
+      title: formatMessage({
+        id: 'luckda.lowcode.painter.delete',
+        label: '删除'
+      })
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "delete",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleDelete(action);
+      }
+    })));
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      padding: '0 16px'
+    }
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: type,
+    style: {
+      width: '100%'
+    },
+    onChange: handleTypeChange
+  }, /*#__PURE__*/React.createElement(Radio, {
+    style: _RADIO_STYLE_,
+    value: "nil"
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".nil"),
+    label: '关闭过滤器'
+  })), /*#__PURE__*/React.createElement(Radio, {
+    style: _RADIO_STYLE_,
+    value: "dict"
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".dict"),
+    label: '数据字典'
+  }), type === 'dict' && /*#__PURE__*/React.createElement(Input.Group, {
+    compact: true,
+    style: {
+      marginTop: 4
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    value: dict === null || dict === void 0 ? void 0 : dict.key,
+    style: {
+      width: '50%'
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      label: '请输入字典key'
+    }),
+    onChange: function onChange(e) {
+      var key = e.target.value;
+      setDict({
+        key: key
+      });
+      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
+        key: key
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(FieldSelector, {
+    style: {
+      width: '50%'
+    },
+    defaultValue: dict === null || dict === void 0 ? void 0 : dict.field,
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
+      label: '请选择过滤字段'
+    }),
+    onChange: function onChange(field) {
+      setDict({
+        field: field
+      });
+      if (dict !== null && dict !== void 0 && dict.key) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
+        field: field
+      }));
+    }
+  }))), /*#__PURE__*/React.createElement(Radio, {
+    style: _RADIO_STYLE_,
+    value: "custom"
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".custom"),
+    label: '自定义项'
+  }), type === 'custom' && /*#__PURE__*/React.createElement(SortBox, {
+    datas: options.map(function (_ref2) {
+      var id = _ref2.id;
+      return id;
+    }),
+    onChange: handleSortChange
+  }, /*#__PURE__*/React.createElement(ListEditor, {
+    style: {
+      marginTop: 8
+    },
+    addText: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '添加过滤项'
+    }),
+    handleAdd: handleAdd
+  }, options.map(function (opt) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: opt.id,
+      id: opt.id
+    }, /*#__PURE__*/React.createElement(ListEditorItem, {
+      left: /*#__PURE__*/React.createElement("span", null, opt.label),
+      right: renderItemRight(opt),
+      item: opt,
+      dispatch: dispatch
+    }));
+  })))), /*#__PURE__*/React.createElement(Radio, {
+    style: _RADIO_STYLE_,
+    value: "customApi"
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".customApi"),
+    label: '自定义接口'
+  }), type === 'customApi' && /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    value: apiUrl,
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      label: '请输入接口地址'
+    }),
+    style: {
+      display: 'block',
+      marginTop: 8
+    },
+    suffix: /*#__PURE__*/React.createElement(Tooltip, {
+      title: formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".customApi.tip"),
+        label: '接口返回数据格式必须是: {mainInfo:{options:[{value: string,label: stirng}], field: string}}'
+      })
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "info-circle",
+      style: {
+        color: 'rgba(0,0,0,.45)'
+      }
+    })),
+    onChange: function onChange(e) {
+      var val = e.target.value;
+      setApiUrl(val);
+      _onChange(val);
+    }
+  }))));
+};
+export default TableTopFilter;

package/es/lowcode/painter/style/action-bind-modal.less

@@ -0,0 +1,99 @@
+.lc-painter-panel-action-bind-modal {
+  &-body {
+    width: 100%;
+    height: 460px;
+    display: flex;
+    font-size: 12px;
+
+    &-left {
+      width: 320px;
+
+      .selector-box {
+        width: 100%;
+        height: 420px;
+        border: 1px solid #e8e8e8;
+        border-radius: 6px;
+        display: flex;
+
+        .selector-box-ul {
+          width: 100%;
+          height: 100%;
+          padding: 0;
+          flex-shrink: 0;
+          flex-grow: 0;
+
+          li {
+            height: 28px;
+            line-height: 28px;
+            padding: 0 30px 0 12px;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            .check-icon {
+              position: absolute;
+              right: 12px;
+              top: 8px;
+              height: 12px;
+              color: #006cff;
+            }
+          }
+          li.active {
+            background: rgba(31, 56, 88, 0.06);
+          }
+        }
+        .selector-box-ul.action-category {
+          width: 120px;
+          border-right: 1px solid #e8e8e8;
+        }
+
+        .selecter-items-box {
+          width: 200px;
+          height: 100%;
+
+          .selecter-items {
+            width: 100%;
+            height: calc(100% - 48px);
+            overflow-y: auto;
+          }
+        }
+      }
+    }
+
+    &-right {
+      margin-left: 12px;
+      flex: 1;
+
+      .code-box {
+        width: 100%;
+        height: 420px;
+        border: 1px solid #e8e8e8;
+        border-radius: 6px;
+        overflow: hidden;
+      }
+    }
+
+    p {
+      height: 32px;
+      font-size: 14px;
+      font-weight: 700;
+      margin-bottom: 8px;
+      color: rgba(0, 0, 0, 0.8);
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+    }
+  }
+
+  :global {
+    .ant-modal-header,
+    .ant-modal-footer {
+      border: none;
+    }
+    .ant-input-sm {
+      font-size: 12px;
+    }
+  }
+}

package/es/lowcode/painter/style/design.less

@@ -132,7 +132,7 @@
 }
 
 .next-overlay-wrapper {
-  z-index: 9999;
+  z-index: 3000;
   display: flex;
   flex-direction: column;
   & > div > span {

package/es/lowcode/painter/style/impexp.less

@@ -0,0 +1,7 @@
+.lc-painter-panel-section-impexp {
+  :global {
+    .ant-checkbox-wrapper {
+      font-size: 12px;
+    }
+  }
+}