@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`
58 lines • 3.18 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
var _window;
import $i18n from "../../../locales/i18n";
import omit from 'lodash/omit';
import { createGroupCard } from "../../manager/setter-snippet";
import { replaceNode } from "../../util/block";
var _ref = ((_window = window) === null || _window === void 0 ? void 0 : _window.CNUI) || {},
CnButton = _ref.CnButton,
CnMessage = _ref.CnMessage,
CnBox = _ref.CnBox;
var UpdateSetter = function UpdateSetter(_ref2) {
var target = _ref2.target;
return /*#__PURE__*/React.createElement(CnBox, {
spacing: 12,
padding: [0, 12]
}, CnMessage && /*#__PURE__*/React.createElement(CnMessage, {
iconType: "horn-fill",
type: "warning",
title: $i18n.get({
id: 'ComponentSpecificationUpgradeRem_1563193482',
dm: '组件规范升级提醒'
})
}, $i18n.get({
id: 'TheOriginalTitleRightButtonBarAn_730410342',
dm: '原「标题」、「右侧按钮栏」、「筛选栏插槽」功能已整合至卡片组件，请点击下方按钮一键升级'
})), CnButton && /*#__PURE__*/React.createElement(CnButton, {
type: "primary",
style: {
width: '100%',
background: 'radial-gradient(179% 179% at 111% -31%, #4161FD 45%, #279DFD 100%)'
},
onClick: function onClick() {
var _target$getNode, _target$parent, _target$parent$getPro, _target$parent2, _target$parent2$getPr, _target$parent3;
var currentNode = target === null || target === void 0 ? void 0 : (_target$getNode = target.getNode) === null || _target$getNode === void 0 ? void 0 : _target$getNode.call(target);
var title = target === null || target === void 0 ? void 0 : (_target$parent = target.parent) === null || _target$parent === void 0 ? void 0 : (_target$parent$getPro = _target$parent.getPropValue('normalStyle')) === null || _target$parent$getPro === void 0 ? void 0 : _target$parent$getPro.title;
var componentSlot = target === null || target === void 0 ? void 0 : (_target$parent2 = target.parent) === null || _target$parent2 === void 0 ? void 0 : (_target$parent2$getPr = _target$parent2.getPropValue('_layout')) === null || _target$parent2$getPr === void 0 ? void 0 : _target$parent2$getPr.componentSlot;
var extra = target === null || target === void 0 ? void 0 : (_target$parent3 = target.parent) === null || _target$parent3 === void 0 ? void 0 : _target$parent3.getPropValue('extra');
var sectionProps = currentNode.schema.props;
var newSectionProps = omit(_extends({}, sectionProps, {
normalStyle: omit(sectionProps === null || sectionProps === void 0 ? void 0 : sectionProps.normalStyle, ['title']),
_layout: omit(sectionProps === null || sectionProps === void 0 ? void 0 : sectionProps._layout, ['componentSlot'])
}), 'extra');
var cardSnippet = createGroupCard({
title: title,
headerBottomSlot: componentSlot,
buttons: extra,
children: [_extends({}, currentNode.schema, {
props: newSectionProps
})]
});
replaceNode(currentNode, cardSnippet);
}
}, $i18n.get({
id: 'OneclickUpgrade',
dm: '一键升级'
})));
};
export default UpdateSetter;