@cainiaofe/cn-ui-layout
Version:
- 安装 cone-cli ｜ [Cone-CLI 使用指引](https://alidocs.dingtalk.com/i/nodes/xdqZp24KneBJzvGM6XezJvyb7RA0Nr1E) - `tnpm i -g @alife/cone-cli@latest` - 安装依赖包 - `cone install` - 启动研发 - `cone start`
67 lines • 3.42 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
var _window$cnLowcodeStor, _window$cnLowcodeStor2, _window;
import { Fragment } from "react";
import $i18n from "../../locales/i18n";
import { createBlockInitialChildrenSnippet } from "../../common/manager/setter-snippet";
import { getCurrentBlockInfo, insertNewBlock } from "../../common/util/block";
import View from "./view";
import "./view.scss";
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 = 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() {
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, createBlockInitialChildrenSnippet({
cardProps: {
title: $i18n.get({
id: 'Title',
dm: '标题'
})
}
}));
};
return /*#__PURE__*/React.createElement(View, _extends({}, 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.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.get({
id: 'ClickToQuicklyAddCards',
dm: '点击快速添加卡片'
}))) : null)
}));
};
CnLayoutBlockProto.typeMark = 'Block';
CnLayoutBlockProto.displayName = 'CnLayoutBlock';
export default CnLayoutBlockProto;