@cainiaofe/cn-ui-layout/lib/lowcode/cn-layout-block/prototypeView.js

- 安装 cone-cli ｜ [Cone-CLI 使用指引](https://alidocs.dingtalk.com/i/nodes/xdqZp24KneBJzvGM6XezJvyb7RA0Nr1E) - `tnpm i -g @alife/cone-cli@latest` - 安装依赖包 - `cone install` - 启动研发 - `cone start`

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _react = require("react");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _i18n = _interopRequireDefault(require("../../locales/i18n"));
var _setterSnippet = require("../../common/manager/setter-snippet");
var _block = require("../../common/util/block");
var _view = _interopRequireDefault(require("./view"));
require("./view.scss");
var _window$cnLowcodeStor, _window$cnLowcodeStor2, _window;
var isMobile = ((_window$cnLowcodeStor = window.cnLowcodeStore) === null || _window$cnLowcodeStor === void 0 ? void 0 : (_window$cnLowcodeStor2 = _window$cnLowcodeStor.page) === null || _window$cnLowcodeStor2 === void 0 ? void 0 : _window$cnLowcodeStor2.pageSubtype) === 'MOBILE';
var _ref = ((_window = window) === null || _window === void 0 ? void 0 : _window.CNUI) || {},
  CnTooltip = _ref.CnTooltip;
var CnLayoutBlockProto = function CnLayoutBlockProto(props) {
  var _props$children, _props$children$, _props$children$$prop, _props$children$$prop2;
  var needDesignHandle = !isMobile;
  var currentBlockInfo = (0, _block.getCurrentBlockInfo)({
    _nodeId: props === null || props === void 0 ? void 0 : props._nodeId,
    _leaf: props === null || props === void 0 ? void 0 : props._leaf
  });
  var addIcon = /*#__PURE__*/React.createElement("div", {
    onClick: function onClick() {
      (0, _block.insertNewBlock)({
        currentBlockInfo: currentBlockInfo,
        _leaf: props === null || props === void 0 ? void 0 : props._leaf
      });
    },
    className: "cn-layout-block-design-tool-insert"
  });
  var addCard = function addCard() {
    var _leaf$insertAfter;
    var _ref2 = props || {},
      _leaf = _ref2._leaf;
    (_leaf$insertAfter = _leaf.insertAfter) === null || _leaf$insertAfter === void 0 ? void 0 : _leaf$insertAfter.call(_leaf, (0, _setterSnippet.createBlockInitialChildrenSnippet)({
      cardProps: {
        title: _i18n["default"].get({
          id: 'Title',
          dm: '标题'
        })
      }
    }));
  };
  return /*#__PURE__*/React.createElement(_view["default"], (0, _extends2["default"])({}, props, {
    className: "cn-layout-block-relative",
    extraDom: /*#__PURE__*/React.createElement(React.Fragment, null, needDesignHandle && /*#__PURE__*/React.createElement("div", {
      className: 'cn-layout-block-design-tool'
    }, /*#__PURE__*/React.createElement("div", {
      className: "cn-layout-block-design-tool-drag"
    }), CnTooltip ? /*#__PURE__*/React.createElement(CnTooltip, {
      v2: true,
      align: "t",
      trigger: addIcon
    }, _i18n["default"].get({
      id: 'InsertNewColumn',
      dm: '插入新栏'
    })) : addIcon), props !== null && props !== void 0 && (_props$children = props.children) !== null && _props$children !== void 0 && (_props$children$ = _props$children[0]) !== null && _props$children$ !== void 0 && (_props$children$$prop = _props$children$.props) !== null && _props$children$$prop !== void 0 && (_props$children$$prop2 = _props$children$$prop.children) !== null && _props$children$$prop2 !== void 0 && _props$children$$prop2.includes('拖拽组件') ? /*#__PURE__*/React.createElement("div", {
      className: "cn-layout-block-add-card"
    }, /*#__PURE__*/React.createElement("div", {
      onClick: addCard,
      className: "cn-layout-block-add-card-btn"
    }, _i18n["default"].get({
      id: 'ClickToQuicklyAddCards',
      dm: '点击快速添加卡片'
    }))) : null)
  }));
};
CnLayoutBlockProto.typeMark = 'Block';
CnLayoutBlockProto.displayName = 'CnLayoutBlock';
var _default = exports["default"] = CnLayoutBlockProto;
module.exports = exports.default;
module.exports.default = exports.default;