Browse Source

chore: change customized icon's name

master
smallstonesk 4 years ago
parent
commit
1ed7a47c30
  1. 2
      packages/core/src/components/xIcon/index.tsx
  2. 4
      packages/core/src/mods/flowChart/contextMenu/menuConfig/node.tsx
  3. 2
      packages/core/src/mods/toolBar/widgets/bgColor.tsx
  4. 2
      packages/core/src/mods/toolBar/widgets/bringToBack.tsx
  5. 2
      packages/core/src/mods/toolBar/widgets/bringToTop.tsx
  6. 2
      packages/core/src/mods/toolBar/widgets/textColor.tsx

2
packages/core/src/components/xIcon/index.tsx

@ -8,7 +8,7 @@ interface IconFontProps {
} }
const XIcon: React.SFC<IconFontProps> = createFromIconfontCN({ const XIcon: React.SFC<IconFontProps> = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_2024452_0i8o2pf1wyac.js', scriptUrl: '//at.alicdn.com/t/font_2024452_r7nz0cw949.js',
}); });
export default XIcon; export default XIcon;

4
packages/core/src/mods/flowChart/contextMenu/menuConfig/node.tsx

@ -35,13 +35,13 @@ const nodeMenuConfig = [
{ {
key: 'bringToTop', key: 'bringToTop',
title: '置于顶层', title: '置于顶层',
icon: <XIcon type={'icon-bringtotop'} />, icon: <XIcon type={'icon-bring-to-top'} />,
handler:shortcuts.bringToTop.handler handler:shortcuts.bringToTop.handler
}, },
{ {
key: 'bringToBack', key: 'bringToBack',
title: '置于底层', title: '置于底层',
icon: <XIcon type={'icon-bringtobottom'} />, icon: <XIcon type={'icon-bring-to-bottom'} />,
showDividerBehind: true, showDividerBehind: true,
handler:shortcuts.bringToBack.handler handler:shortcuts.bringToBack.handler
}, },

2
packages/core/src/mods/toolBar/widgets/bgColor.tsx

@ -28,7 +28,7 @@ const options = {
const bgColor = options.getCurBgColor(flowChart); const bgColor = options.getCurBgColor(flowChart);
return ( return (
<div className={styles.bgColorContainer}> <div className={styles.bgColorContainer}>
<XIcon className={styles.fillIcon} type={'icon-tianchong'} /> <XIcon className={styles.fillIcon} type={'icon-fill'} />
<div className={styles.colorPreview} style={{ backgroundColor: bgColor }} /> <div className={styles.colorPreview} style={{ backgroundColor: bgColor }} />
</div> </div>
); );

2
packages/core/src/mods/toolBar/widgets/bringToBack.tsx

@ -14,7 +14,7 @@ const BringToBack: React.FC<IProps> = makeBtnWidget({
tooltip: '置于底层', tooltip: '置于底层',
handler: shortcuts.bringToBack.handler, handler: shortcuts.bringToBack.handler,
getIcon() { getIcon() {
return <XIcon type={'icon-bringtobottom'} />; return <XIcon type={'icon-bring-to-bottom'} />;
}, },
disabled(flowChart: Graph) { disabled(flowChart: Graph) {
return !hasNodeSelected(flowChart); return !hasNodeSelected(flowChart);

2
packages/core/src/mods/toolBar/widgets/bringToTop.tsx

@ -15,7 +15,7 @@ const BringToTop: React.FC<IProps> = makeBtnWidget({
tooltip: '置于顶层', tooltip: '置于顶层',
handler: shortcuts.bringToTop.handler, handler: shortcuts.bringToTop.handler,
getIcon() { getIcon() {
return <XIcon type={'icon-bringtotop'} />; return <XIcon type={'icon-bring-to-top'} />;
}, },
disabled(flowChart: Graph) { disabled(flowChart: Graph) {
return !hasNodeSelected(flowChart); return !hasNodeSelected(flowChart);

2
packages/core/src/mods/toolBar/widgets/textColor.tsx

@ -28,7 +28,7 @@ const options = {
const textColor = options.getCurTextColor(flowChart); const textColor = options.getCurTextColor(flowChart);
return ( return (
<div className={styles.textColorContainer}> <div className={styles.textColorContainer}>
<XIcon className={styles.textIcon} type={'icon-A'} /> <XIcon className={styles.textIcon} type={'icon-font'} />
<div className={styles.colorPreview} style={{ backgroundColor: textColor }} /> <div className={styles.colorPreview} style={{ backgroundColor: textColor }} />
</div> </div>
); );

Loading…
Cancel
Save