@luck-design-biz/luckda 0.0.25-9 → 0.0.26

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

@@ -1,316 +0,0 @@
-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, useDebounceFn } 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 { useContext } from "../../engine/provider/ContextProvider";
-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,
-    nodeId = _ref.nodeId;
-  var ctx = useContext();
-  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 _useDebounceFn = useDebounceFn(function (val) {
-      setDict({
-        key: val
-      });
-      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
-        key: val
-      }));
-    }, {
-      wait: 400
-    }),
-    handleDictChange = _useDebounceFn.run;
-  var handleAdd = useMemoizedFn(function () {
-    var id = suid();
-    dispatch({
-      type: 'add',
-      payload: {
-        id: id,
-        value: id,
-        field: void 0,
-        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, {
-        dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
-        defaultValue: opt.field,
-        style: {
-          width: '100%'
-        },
-        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",
-    defaultValue: 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) {
-      return handleDictChange(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(FieldSelector, {
-    dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
-    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_, ".customApi.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/panel-section/TableZebra.js

@@ -1,74 +0,0 @@
-import React, { useRef } from 'react';
-import { useMemoizedFn, useCreation } from 'ahooks';
-import { Icon } from 'luck-design/antd';
-import ColorInput from "../components/ColorInput";
-import PopConfirm from "../components/PopConfirm";
-import FullScreenEditor from "../components/code-editor/FullScreenEditor";
-import JSEditor from "../components/code-editor/JSEditor";
-import { isColor } from "../../engine/tools/helper";
-var _DEFAULT_FUNC_ = 'function getCondition(params) { \n return true; \n}';
-var TableZebra = function TableZebra(_ref) {
-  var defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
-  var editorRef = useRef();
-  var inputRef = useRef();
-  var valueRef = useRef(defaultValue);
-  var defaultColor = useCreation(function () {
-    var _temp = defaultValue.color || defaultValue;
-    return isColor(_temp) ? _temp : void 0;
-  }, [defaultValue]);
-  var handleConfirm = useMemoizedFn(function () {
-    var condition = editorRef.current.editor.getValue();
-    if (condition) {
-      valueRef.current = {
-        condition: condition,
-        color: inputRef.current.state.value
-      };
-    } else {
-      valueRef.current = inputRef.current.state.value || false;
-    }
-    _onChange(valueRef.current);
-  });
-  var handleEditorLoad = useMemoizedFn(function () {
-    editorRef.current.editor.setValue((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.condition) || _DEFAULT_FUNC_);
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '100%',
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(ColorInput, {
-    ref: inputRef,
-    value: defaultColor,
-    wrapperStyle: {
-      flex: 1,
-      marginRight: 4
-    },
-    onChange: function onChange(value) {
-      if (!value) {
-        valueRef.current = false;
-        editorRef.current.editor.setValue(_DEFAULT_FUNC_);
-      } else if (valueRef.current.condition) {
-        valueRef.current.color = value;
-      } else {
-        valueRef.current = value;
-      }
-      _onChange(valueRef.current);
-    }
-  }), /*#__PURE__*/React.createElement(PopConfirm, {
-    placement: "left",
-    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
-      ref: editorRef,
-      EditorComponent: JSEditor,
-      width: "600px",
-      height: "400px",
-      onLoad: handleEditorLoad
-    }),
-    showBtn: true,
-    onConfirm: handleConfirm
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "filter"
-  })));
-};
-export default TableZebra;

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

@@ -1,78 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState, useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Tooltip, Icon } from 'luck-design/antd';
-import styled from 'styled-components';
-import { cloneDeep } from 'lodash';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import ActionEditor from "./ActionsEditor/ActionEditor";
-import ActionBindModal from "../components/ActionBindModal";
-import PopConfirm from "../components/PopConfirm";
-var EventItem = styled.div.withConfig({
-  displayName: "EventItem",
-  componentId: "luckda-6530__sc-1bvweo0-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{cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
-var TreeRootEditor = function TreeRootEditor(_ref) {
-  var defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
-  var valueRef = useRef(cloneDeep(defaultValue));
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    event = _useState2[0],
-    setEvent = _useState2[1];
-  var handleComfirm = useMemoizedFn(function (actionPool) {
-    valueRef.current = {
-      actionPool: actionPool
-    };
-    _onChange({
-      actionPool: actionPool
-    });
-  });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(EventItem, null, /*#__PURE__*/React.createElement("span", null, formatMessage({
-    id: 'luckda.lowcode.painter.tree.rootAdd',
-    label: '根节点新增'
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.edit',
-      label: '编辑'
-    })
-  }, /*#__PURE__*/React.createElement(PopConfirm, {
-    placement: "left",
-    title: /*#__PURE__*/React.createElement(ActionEditor, {
-      suppressName: true,
-      suppressRiskLevel: true,
-      action: valueRef.current,
-      onChange: function onChange(value) {
-        valueRef.current = value;
-        _onChange(value);
-      }
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "edit",
-    style: {
-      marginRight: '8px',
-      cursor: 'pointer'
-    }
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.bind',
-      label: '绑定动作'
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "paper-clip",
-    style: {
-      marginRight: '8px',
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      return setEvent(valueRef.current);
-    }
-  })))), /*#__PURE__*/React.createElement(ActionBindModal, {
-    event: event,
-    onComfirm: handleComfirm,
-    onClose: function onClose() {
-      return setEvent(null);
-    }
-  }));
-};
-export default TreeRootEditor;

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import NumberInput from "../components/NumberInput";
-var units = [{
-  label: 'px',
-  value: 'px'
-}, {
-  label: '%',
-  value: '%'
-}, {
-  label: 'A',
-  value: 'auto'
-}];
-var WidthHeight = function WidthHeight(_ref) {
-  var defaultValue = _ref.defaultValue,
-    size = _ref.size,
-    onChange = _ref.onChange,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? units : _ref$options,
-    convertInt = _ref.convertInt,
-    _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 0 : _ref$min,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 10000 : _ref$max;
-  return /*#__PURE__*/React.createElement(NumberInput, {
-    options: options,
-    defaultValue: defaultValue,
-    size: size,
-    min: min,
-    max: max,
-    convertInt: convertInt,
-    onChange: onChange,
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.width-height',
-      label: '请输入数值'
-    })
-  });
-};
-export default WidthHeight;

package/es/lowcode/painter/services/I18n.js

@@ -1,85 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { stringify } from 'qs';
-import { request } from '@luck-design-biz/base/utils';
-import api from "@/services/ApiConfig";
-export function readAllLang(_x, _x2) {
-  return _readAllLang.apply(this, arguments);
-}
-function _readAllLang() {
-  _readAllLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params, body) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/readAll?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _readAllLang.apply(this, arguments);
-}
-export function doAddLang(_x3, _x4) {
-  return _doAddLang.apply(this, arguments);
-}
-function _doAddLang() {
-  _doAddLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params, body) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/add?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _doAddLang.apply(this, arguments);
-}
-export function doUpdateLang(_x5, _x6) {
-  return _doUpdateLang.apply(this, arguments);
-}
-function _doUpdateLang() {
-  _doUpdateLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params, body) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/update?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return _doUpdateLang.apply(this, arguments);
-}
-export function doDeleteLang(_x7, _x8) {
-  return _doDeleteLang.apply(this, arguments);
-}
-function _doDeleteLang() {
-  _doDeleteLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params, body) {
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          return _context4.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/delete?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return _doDeleteLang.apply(this, arguments);
-}

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

@@ -1,102 +0,0 @@
-.lc-painter-panel-action-bind-modal {
-  &-body {
-    width: 100%;
-    height: 660px;
-    display: flex;
-    font-size: 12px;
-
-    &-left {
-      width: 320px;
-
-      .selector-box {
-        width: 100%;
-        height: 620px;
-        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: 620px;
-        border: 1px solid #e8e8e8;
-        border-radius: 6px;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-
-    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;
-    }
-  }
-}