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

package/lib/lowcode/painter/components/ActionBindModal.js

@@ -1,311 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _utils = require("@luck-design-biz/base/utils");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
-var _JSEditor = _interopRequireDefault(require("./code-editor/JSEditor"));
-var _actionBindModal = _interopRequireDefault(require("../style/action-bind-modal.less"));
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';
-var _ACTION_CATEGORY_ = [{
-  key: 'page-action',
-  label: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".pageActions"),
-    label: '页面行为'
-  })
-}, {
-  key: 'trigger',
-  label: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".trigger"),
-    label: '触发器'
-  })
-}, {
-  key: 'custom',
-  label: (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".custom"),
-    label: '自定义动作'
-  })
-}];
-var _DEFAULT_JSON_CODE_ = '{"params":{},"data":{}}';
-var _DEFAULT_JS_CODE_ = 'function todo() {\n\n}';
-var ActionBindModal = function ActionBindModal(_ref) {
-  var nodeId = _ref.nodeId,
-    event = _ref.event,
-    _ref$defaultCode = _ref.defaultCode,
-    defaultCode = _ref$defaultCode === void 0 ? _DEFAULT_JS_CODE_ : _ref$defaultCode,
-    onComfirm = _ref.onComfirm,
-    onClose = _ref.onClose;
-  var context = (0, _ContextProvider.useContext)();
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    module = _useRemoteSource.module;
-  var editorRef = (0, _react.useRef)();
-  var _useMap = (0, _ahooks.useMap)([]),
-    _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
-    actionPool = _useMap2[0],
-    _useMap2$ = _useMap2[1],
-    set = _useMap2$.set,
-    remove = _useMap2$.remove,
-    get = _useMap2$.get,
-    setAll = _useMap2$.setAll,
-    reset = _useMap2$.reset;
-  var _useState = (0, _react.useState)('page-action'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    category = _useState2[0],
-    setCategory = _useState2[1];
-  var _useState3 = (0, _react.useState)(void 0),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    activeKey = _useState4[0],
-    setActiveKey = _useState4[1];
-  var _useState5 = (0, _react.useState)(void 0),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    searchValue = _useState6[0],
-    setSearchValue = _useState6[1];
-  var latestActiveKey = (0, _ahooks.useLatest)(activeKey);
-  var options = (0, _ahooks.useCreation)(function () {
-    if (category === 'page-action') {
-      return (0, _lodash.reduce)(module.actions, function (ret, actionName, actionKey) {
-        ret.push({
-          key: actionKey,
-          label: actionName
-        });
-        return ret;
-      }, []);
-    } else if (category === 'trigger') {
-      return (0, _lodash.reduce)(context.componentList, function (ret, _ref2) {
-        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-          key = _ref3[0],
-          target = _ref3[1];
-        ret.push({
-          key: key,
-          label: "".concat(target.api.getSelfData().props.name, "(").concat(key, ")")
-        });
-        return ret;
-      }, []);
-    } else if (category === 'custom') {
-      return [{
-        key: 'coding',
-        label: (0, _utils.formatMessage)({
-          id: "".concat(_I18N_PREFIX_, ".coding"),
-          label: '动作编写'
-        })
-      }];
-    }
-    return [];
-  }, [category]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    if (activeKey) {
-      var _editorRef$current;
-      var action = get(activeKey);
-      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || _editorRef$current.editor.setValue(action === null || action === void 0 ? void 0 : action.code);
-    }
-  }, [category, activeKey]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    setAll(event === null || event === void 0 ? void 0 : event.actionPool);
-  }, [event]);
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (code) {
-      if (latestActiveKey.current) {
-        var action = get(latestActiveKey.current);
-        action.code = code;
-      }
-    }, {
-      wait: 500
-    }),
-    handleEditorValueChange = _useDebounceFn.run;
-  var handleOptionClick = (0, _ahooks.useMemoizedFn)(function (key) {
-    setActiveKey(key);
-    var action;
-    if (actionPool.has(key)) {
-      action = get(key);
-    } else {
-      var code = event.func || (category === 'custom' ? defaultCode : "".concat(defaultCode.slice(0, -1), "\n\treturn ").concat(_DEFAULT_JSON_CODE_, " \n}"));
-      action = {
-        category: category,
-        key: key,
-        code: code
-      };
-      set(key, action);
-    }
-  });
-  var handleChecked = (0, _ahooks.useMemoizedFn)(function (key, checked) {
-    if (checked) {
-      if (activeKey !== key) {
-        setActiveKey(key);
-      }
-      var code = event.func || (category === 'custom' ? defaultCode : "".concat(defaultCode.slice(0, -1), "\n\treturn ").concat(_DEFAULT_JSON_CODE_, " \n}"));
-      set(key, {
-        category: category,
-        key: key,
-        code: code
-      });
-    } else {
-      if (activeKey === key) {
-        setActiveKey(void 0);
-      }
-      remove(key);
-    }
-  });
-  var handleClose = (0, _ahooks.useMemoizedFn)(function () {
-    onClose();
-    reset();
-    setCategory('page-action');
-    setActiveKey(void 0);
-    setSearchValue(void 0);
-  });
-  var handleComfirm = (0, _ahooks.useMemoizedFn)(function () {
-    onComfirm(Array.from(actionPool), event);
-    handleClose();
-  });
-  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
-    className: _actionBindModal.default['lc-painter-panel-action-bind-modal'],
-    bodyStyle: {
-      marginTop: 0,
-      padding: '4px 24px'
-    },
-    title: "".concat(event === null || event === void 0 ? void 0 : event.name, "(").concat(nodeId, ")"),
-    visible: !!event,
-    width: "70vw",
-    closable: false,
-    maskClosable: false,
-    getContainer: function getContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    zIndex: 3000,
-    onCancel: handleClose,
-    onOk: handleComfirm
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body-left']
-  }, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".bind"),
-    label: '绑定动作'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['selector-box']
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _classnames.default)(_actionBindModal.default['selector-box-ul'], _actionBindModal.default['action-category'])
-  }, _ACTION_CATEGORY_.map(function (_ref4) {
-    var key = _ref4.key,
-      label = _ref4.label;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: key,
-      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, key === category)),
-      onClick: function onClick() {
-        setCategory(key);
-        if ('custom' === key) {
-          var _activeKey = 'coding';
-          setActiveKey(_activeKey);
-          if (!actionPool.has(_activeKey)) {
-            set(_activeKey, {
-              category: key,
-              key: _activeKey,
-              code: event.func || defaultCode
-            });
-          }
-        } else {
-          setActiveKey(void 0);
-        }
-      }
-    }, label, key === category && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "check",
-      className: _actionBindModal.default['check-icon']
-    }));
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['selecter-items-box']
-  }, category !== 'custom' && /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: 42,
-      display: 'flex',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Search, {
-    placeholder: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".search"),
-      label: '搜索'
-    }),
-    size: "small",
-    onChange: function onChange(e) {
-      return setSearchValue(e.target.value);
-    },
-    style: {
-      width: 170,
-      alignSelf: 'center'
-    }
-  })), /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _classnames.default)(_actionBindModal.default['selector-box-ul'], _actionBindModal.default['selecter-items'])
-  }, options.filter(function (_ref5) {
-    var key = _ref5.key,
-      label = _ref5.label;
-    return !searchValue || "".concat(key, " ").concat(label).toLowerCase().includes(searchValue.toLowerCase());
-  }).map(function (_ref6) {
-    var key = _ref6.key,
-      label = _ref6.label;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: key,
-      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, key === activeKey)),
-      onClick: function onClick() {
-        return handleOptionClick(key);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-      checked: actionPool.has(key),
-      style: {
-        marginRight: 4
-      },
-      onChange: function onChange(e) {
-        return handleChecked(key, e.target.checked);
-      },
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }), label);
-  }))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body-right']
-  }, category === 'page-action' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".params"),
-    label: '配置参数'
-  }), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    title: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".params.info"),
-      label: '请勿随意修改配置参数结构和参数名称，参数异常可能会导致请求失败'
-    }),
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    zIndex: 3000
-  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    style: {
-      marginLeft: 4
-    },
-    type: "exclamation-circle"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['code-box']
-  }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
-    ref: editorRef,
-    onChange: handleEditorValueChange
-  }) : (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
-    label: '请在右侧选择行为项'
-  }))), category === 'custom' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".coding"),
-    label: '动作编写'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _actionBindModal.default['code-box']
-  }, activeKey ? /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
-    ref: editorRef,
-    onChange: handleEditorValueChange
-  }) : (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".noActionSelected"),
-    label: '请在右侧选择行为项'
-  }))))));
-};
-var _default = exports.default = ActionBindModal;

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

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _lodash = require("lodash");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
-var _utils = require("@luck-design-biz/base/utils");
-var _Collapse = _interopRequireDefault(require("./Collapse"));
-var _ActionBindModal = _interopRequireDefault(require("./ActionBindModal"));
-var _excluded = ["events"],
-  _excluded2 = ["events"];
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
-var EventItem = _styledComponents.default.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;}"]);
-var AdvancePanel = function AdvancePanel(_ref) {
-  var meta = _ref.meta,
-    nodeId = _ref.nodeId,
-    target = _ref.target,
-    onChange = _ref.onChange;
-  var value = (0, _ContextProvider.useGet)((0, _lodash.isNil)(target) ? {
-    id: nodeId,
-    path: 'props.advance'
-  } : {
-    id: target.ancestorId,
-    path: "props.".concat(target.keyPath, ".advance")
-  });
-  var _useState = (0, _react.useState)((value === null || value === void 0 ? void 0 : value.events) || {}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    events = _useState2[0],
-    setEvents = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    event = _useState4[0],
-    setEvent = _useState4[1];
-  var metaMap = (0, _ahooks.useCreation)(function () {
-    var _meta$advance;
-    return (0, _lodash.keyBy)((meta === null || meta === void 0 || (_meta$advance = meta.advance) === null || _meta$advance === void 0 ? void 0 : _meta$advance.events) || [], 'key');
-  }, [meta]);
-  var handleEventClick = (0, _ahooks.useMemoizedFn)(function (e) {
-    var payload = e.item.props.payload;
-    setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, payload), {}, {
-      actionPool: null
-    }));
-  });
-  var handleDeleteEvent = (0, _ahooks.useMemoizedFn)(function (ek) {
-    var _ref2 = value || {},
-      events = _ref2.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    var _events = (0, _lodash.omit)(events, [ek]);
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
-  });
-  var handleComfirm = (0, _ahooks.useMemoizedFn)(function (actionPool) {
-    var _ref3 = value || {},
-      events = _ref3.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-    var _events = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, events), {}, (0, _defineProperty2.default)({}, event.key, actionPool));
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
-  });
-  var eventsMenu = (0, _ahooks.useCreation)(function () {
-    var _meta$advance2;
-    return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
-      onClick: handleEventClick,
-      style: {
-        fontSize: 12
-      }
-    }, (0, _lodash.reduce)((_meta$advance2 = meta.advance) === null || _meta$advance2 === void 0 ? void 0 : _meta$advance2.events, function (ret, event) {
-      var _value$events;
-      if (!(value !== null && value !== void 0 && (_value$events = value.events) !== null && _value$events !== void 0 && _value$events[event.key])) {
-        ret.push( /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
-          key: event.key,
-          payload: event
-        }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-          title: event.desc || event.name,
-          placement: "left",
-          getPopupContainer: function getPopupContainer() {
-            return document.getElementById('lc-design-workspace');
-          }
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          style: {
-            width: '100%',
-            fontSize: 12
-          }
-        }, event.name))));
-      }
-      return ret;
-    }, []));
-  }, [value]);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
-    field: "events",
-    label: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".events"),
-      label: '事件'
-    }),
-    bodyStyle: {
-      padding: '12px 16px'
-    }
-  }, (0, _lodash.keys)(events).map(function (ek) {
-    return /*#__PURE__*/_react.default.createElement(EventItem, {
-      key: ek
-    }, /*#__PURE__*/_react.default.createElement("span", null, metaMap[ek].name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "edit",
-      onClick: function onClick() {
-        return setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, metaMap[ek]), {}, {
-          actionPool: events[ek]
-        }));
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.delete',
-        label: '删除'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "delete",
-      onClick: function onClick() {
-        return handleDeleteEvent(ek);
-      }
-    }))));
-  }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
-    overlay: eventsMenu,
-    placement: "bottomCenter",
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    size: "small",
-    block: true
-  }, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".addEventAction"),
-    label: '添加事件动作'
-  })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
-    nodeId: nodeId,
-    event: event,
-    onComfirm: handleComfirm,
-    onClose: function onClose() {
-      return setEvent(null);
-    }
-  }));
-};
-var _default = exports.default = AdvancePanel;

package/lib/lowcode/painter/components/AttrsPanel.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = require("lodash");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
-var _panelItemFactory = _interopRequireDefault(require("../../engine/factory/panel-item-factory"));
-var _PanelItem = _interopRequireDefault(require("./PanelItem"));
-var _Collapse = _interopRequireDefault(require("./Collapse"));
-var _panelAttrs = _interopRequireDefault(require("../style/panel-attrs.less"));
-var _excluded = ["type", "key", "valueKey", "name", "desc", "default", "props", "wrapper", "wrapperProps", "next", "repositioning"];
-var AttrsPanel = function AttrsPanel(_ref) {
-  var _nextRef$current2, _nextRef$current3;
-  var meta = _ref.meta,
-    nodeId = _ref.nodeId,
-    ancestorId = _ref.ancestorId,
-    onChange = _ref.onChange;
-  var nextRef = (0, _react.useRef)(null);
-  var factory = (0, _react.useRef)(new _panelItemFactory.default());
-  var _useBoolean = (0, _ahooks.useBoolean)(false),
-    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
-    open = _useBoolean2[0],
-    _useBoolean2$ = _useBoolean2[1],
-    setTrue = _useBoolean2$.setTrue,
-    setFalse = _useBoolean2$.setFalse;
-  var node = (0, _ContextProvider.useGet)({
-    id: (0, _lodash.isNil)(ancestorId) ? nodeId : ancestorId,
-    path: 'props'
-  });
-  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, val, _ref2) {
-    var _nextRef$current;
-    var repositioning = _ref2.repositioning,
-      before = _ref2.before;
-    onChange(field, val, {
-      repositioning: repositioning,
-      before: before
-    });
-    if ((_nextRef$current = nextRef.current) !== null && _nextRef$current !== void 0 && _nextRef$current.autoClose) {
-      setFalse();
-    }
-  });
-  var goNext = (0, _ahooks.useMemoizedFn)(function (_next, dynamicProps) {
-    if (!_next) return;
-    nextRef.current = {
-      name: _next.name,
-      autoClose: _next.autoClose,
-      NextComp: renderPanelItems(_next.props, dynamicProps)
-    };
-    setTrue();
-  });
-  var renderPanelItems = (0, _ahooks.useMemoizedFn)(function (items, dynamicProps) {
-    return items.map(function (_ref3) {
-      var type = _ref3.type,
-        key = _ref3.key,
-        valueKey = _ref3.valueKey,
-        name = _ref3.name,
-        desc = _ref3.desc,
-        defaultValue = _ref3.default,
-        props = _ref3.props,
-        wrapper = _ref3.wrapper,
-        wrapperProps = _ref3.wrapperProps,
-        next = _ref3.next,
-        repositioning = _ref3.repositioning,
-        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-      var Comp = factory.current.getPanelItemFor((0, _lodash.startsWith)(type, '_') ? 'dynamic' : type, type);
-      var _valueKey = (dynamicProps === null || dynamicProps === void 0 ? void 0 : dynamicProps.valueKey) || valueKey;
-      if (type === 'group') {
-        return /*#__PURE__*/_react.default.createElement(Comp, {
-          nodeId: nodeId,
-          key: key,
-          field: key,
-          label: name,
-          next: next ? function (_dp) {
-            return goNext(next, _dp);
-          } : null,
-          defaultCollapsed: defaultValue,
-          desc: desc
-        }, renderPanelItems(props || [], dynamicProps));
-      }
-      var _originalVal = (0, _lodash.get)(node, _valueKey || key);
-      var comp = Comp && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
-        nodeId: nodeId,
-        key: key,
-        defaultValue: (0, _lodash.isNil)(_originalVal) ? defaultValue : _originalVal,
-        next: next !== null && next !== void 0 && next.props ? function (_dp) {
-          return goNext(next, _dp);
-        } : null,
-        onChange: function onChange(val, before) {
-          return handleChange(_valueKey || key, val, {
-            repositioning: repositioning,
-            before: before
-          });
-        },
-        size: "small",
-        settings: node,
-        renderPanelItems: renderPanelItems
-      }, rest, dynamicProps));
-      if (wrapper === 'hidden') return comp;
-      var Wrapper = wrapper === 'collapse' ? _Collapse.default : _PanelItem.default;
-      return /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({
-        key: key,
-        nodeId: nodeId,
-        field: key,
-        label: name,
-        desc: desc
-      }, wrapperProps), comp);
-    });
-  });
-  var PropsComps = (0, _ahooks.useCreation)(function () {
-    setFalse();
-    if (!meta) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-    }
-    return renderPanelItems(meta.props);
-  }, [nodeId]);
-  (0, _react.useEffect)(function () {
-    if (!open) {
-      nextRef.current = null;
-    }
-  }, [open]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: "lc-painter-panel-attrs-container",
-    className: (0, _classnames.default)(_panelAttrs.default['lc-painter-panel-attrs'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panelAttrs.default.hidden, !nodeId), _panelAttrs.default.showNext, open))
-  }, PropsComps, /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
-    visible: open,
-    width: 320,
-    mask: false,
-    closable: false,
-    getContainer: false,
-    destroyOnClose: true,
-    style: {
-      position: 'absolute',
-      transform: 'none'
-    },
-    bodyStyle: {
-      padding: 0,
-      height: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _panelAttrs.default['lc-painter-panel-attrs-next']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _panelAttrs.default['lc-painter-panel-attrs-next-header'],
-    onClick: setFalse
-  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    type: "left"
-  }), (_nextRef$current2 = nextRef.current) === null || _nextRef$current2 === void 0 ? void 0 : _nextRef$current2.name, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    type: "close"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _panelAttrs.default['lc-painter-panel-attrs-next-body']
-  }, (_nextRef$current3 = nextRef.current) === null || _nextRef$current3 === void 0 ? void 0 : _nextRef$current3.NextComp))));
-};
-var _default = exports.default = AttrsPanel;