@riil-frontend/component-topology 2.3.20-dev.1 → 2.4.1

package/es/core/editor/components/settings/Style.js

@@ -1,10 +1,10 @@
-import _Tab from "@alifd/next/es/tab";
-import _NumberPicker from "@alifd/next/es/number-picker";
-import _Input from "@alifd/next/es/input";
-import _Field from "@alifd/next/es/field";
-import _Select from "@alifd/next/es/select";
-import _Grid from "@alifd/next/es/grid";
-import _Form from "@alifd/next/es/form";
+import _Tab from "@alifd/next/lib/tab";
+import _NumberPicker from "@alifd/next/lib/number-picker";
+import _Input from "@alifd/next/lib/input";
+import _Field from "@alifd/next/lib/field";
+import _Select from "@alifd/next/lib/select";
+import _Grid from "@alifd/next/lib/grid";
+import _Form from "@alifd/next/lib/form";
 import React, { useEffect } from 'react';
 import isEqual from 'lodash/isEqual';
 import ColorPicker from "../LinkDynamicStyleSettingDrawer/rule/ColorPicker";

package/es/core/editor/components/settings/common/LayoutSettings.js

@@ -1,4 +1,4 @@
-import _Radio from "@alifd/next/es/radio";
+import _Radio from "@alifd/next/lib/radio";
 import React, { useState } from 'react';
 import TemplateGroup from "../../../../../components/TemplateGroup";
 import styles from "./LayoutSettings.module.scss";

package/es/core/editor/components/settings/common/LineType.js

@@ -1,5 +1,5 @@
-import _Button from "@alifd/next/es/button";
-import _Icon from "@alifd/next/es/icon";
+import _Button from "@alifd/next/lib/button";
+import _Icon from "@alifd/next/lib/icon";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 export default function LineType(props) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Icon, {

package/es/core/editor/components/settings/common/NodeAlignType.js

@@ -1,5 +1,5 @@
-import _Button from "@alifd/next/es/button";
-import _Icon from "@alifd/next/es/icon";
+import _Button from "@alifd/next/lib/button";
+import _Icon from "@alifd/next/lib/icon";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 export default function NodeAlignType(props) {
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Icon, {

package/es/core/editor/components/settings/common/{NodeSizeInput.js → NodeSizeInput/NodeSizeInput.js}

@@ -1,7 +1,7 @@
-import _NumberPicker from "@alifd/next/es/number-picker";
-import _Field from "@alifd/next/es/field";
-import _Grid from "@alifd/next/es/grid";
-import _Form from "@alifd/next/es/form";
+import _NumberPicker from "@alifd/next/lib/number-picker";
+import _Field from "@alifd/next/lib/field";
+import _Grid from "@alifd/next/lib/grid";
+import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 var FormItem = _Form.Item;
 var Row = _Grid.Row,
@@ -33,6 +33,7 @@ export default function NodeSizeInput(props) {
   }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "width",
     min: 1,
+    max: 2000,
     placeholder: "\u8BF7\u8F93\u5165",
     style: {
       width: '100%'
@@ -43,6 +44,7 @@ export default function NodeSizeInput(props) {
   }, /*#__PURE__*/React.createElement(_NumberPicker, {
     name: "height",
     min: 1,
+    max: 2000,
     placeholder: "\u8BF7\u8F93\u5165",
     style: {
       width: '100%'

package/es/core/editor/components/settings/common/NodeSizeInput/img/icon_/350/247/243/351/224/201.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>topo/source/Icon/解锁</title>
+    <desc>Created with Sketch.</desc>
+    <g id="topo/source/Icon/解锁" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icon-HTSCIT_lianjieduankai" fill-rule="nonzero">
+            <g id="编组">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                <path d="M12.16836,11.80814 L4.69432,4.33403 L5.41203,3.61632 L12.88607,11.09043 L12.16836,11.80814 Z M6.20072,10.5109 L5.48301,9.79326 L6.9976,8.27867 L7.71531,8.99638 L6.20072,10.5109 Z" id="形状" fill="#4D6277"></path>
+                <polygon id="路径" fill="#4D6277" points="9.79536 5.48126 10.51307 6.19897 8.99848 7.71363 8.28077 6.99592"></polygon>
+                <path d="M9.729,3.303 L12.704,6.271 L10.128,8.847 L10.842,9.554 L13.775,6.621 L14.132,6.264 L13.775,5.907 L10.086,2.225 L9.729,1.868 L9.379,2.225 L6.439,5.158 L7.16,5.872 L9.729,3.303 Z M6.264,12.711 L3.296,9.743 L5.879,7.16 L5.158,6.439 L2.225,9.372 L1.868,9.729 L2.225,10.086 L5.914,13.775 L6.271,14.132 L6.621,13.775 L9.561,10.842 L8.847,10.128 L6.264,12.711 Z" id="形状" fill="#4D6277"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/es/core/editor/components/settings/common/NodeSizeInput/img/icon_/351/224/201.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>topo/source/Icon/锁</title>
+    <desc>Created with Sketch.</desc>
+    <g id="topo/source/Icon/锁" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icon-HTSCIT_lianjie" fill-rule="nonzero">
+            <g id="编组">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                <path d="M6.264,12.711 L3.296,9.743 L5.879,7.16 L5.158,6.439 L2.225,9.372 L1.868,9.729 L2.225,10.086 L5.914,13.775 L6.271,14.132 L6.621,13.775 L9.561,10.842 L8.847,10.128 L6.264,12.711 Z M9.729,3.303 L12.704,6.271 L10.128,8.847 L10.842,9.554 L13.775,6.621 L14.132,6.264 L13.775,5.907 L10.086,2.225 L9.729,1.868 L9.379,2.225 L6.439,5.158 L7.16,5.872 L9.729,3.303 Z" id="形状" fill="#4D6277"></path>
+                <polygon id="路径" fill="#4D6277" points="10.51846 6.20114 6.20226 10.51727 5.48462 9.79956 9.80075 5.48336"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>

package/es/core/editor/components/settings/common/text/FontStyleCheckbox.d.ts

@@ -0,0 +1 @@
+export default function FontStyleCheckbox(props: any): JSX.Element;

package/es/core/editor/components/settings/common/text/FontStyleCheckbox.js

@@ -0,0 +1,50 @@
+import _Button from "@alifd/next/lib/button";
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import classnames from 'classnames';
+import styles from "./FontStyleCheckbox.module.scss";
+import b from "./img/bold.svg";
+import i from "./img/italics.svg";
+import u from "./img/underline.svg";
+export default function FontStyleCheckbox(props) {
+  var value = props.value,
+      onChange = props.onChange;
+  var options = [{
+    name: 'bold',
+    img: b,
+    title: '粗体'
+  }, {
+    name: 'italic',
+    img: i,
+    title: '斜体'
+  }, {
+    name: 'underline',
+    img: u,
+    title: '下划线'
+  }];
+
+  var handleClick = function handleClick(name) {
+    var _extends2;
+
+    onChange(_extends({}, value, (_extends2 = {}, _extends2[name] = !value[name], _extends2)));
+  };
+
+  return /*#__PURE__*/React.createElement(_Button.Group, {
+    className: styles.buttonGroup
+  }, options.map(function (item) {
+    var _classnames;
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: item.name,
+      className: classnames(styles.button, (_classnames = {}, _classnames[styles.checked] = value[item.name], _classnames)),
+      onClick: function onClick() {
+        handleClick(item.name);
+      },
+      title: item.title
+    }, /*#__PURE__*/React.createElement("img", {
+      src: item.img,
+      alt: ""
+    }));
+  }));
+}
+;

package/es/core/editor/components/settings/common/text/FontStyleCheckbox.module.scss

@@ -0,0 +1,31 @@
+@import "@alifd/theme-19926/variables";
+
+.buttonGroup {
+  display: flex;
+}
+
+.button {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:global {
+    &.next-btn.next-btn-normal:hover {
+      background: #F2F7FD;
+      border: 1px solid $input-border-color;
+    }
+  }
+
+}
+
+.checked {
+
+  &:global {
+    &.next-btn.next-btn-normal {
+      background: #F2F7FD;
+    }
+  }
+
+}
+

package/es/core/editor/components/settings/common/text/TextStyle.d.ts

@@ -0,0 +1 @@
+export default function TextStyle(props: any): JSX.Element;

package/es/core/editor/components/settings/common/text/TextStyle.js

@@ -0,0 +1,133 @@
+import _NumberPicker from "@alifd/next/lib/number-picker";
+import _Form from "@alifd/next/lib/form";
+import _Field from "@alifd/next/lib/field";
+import _Select from "@alifd/next/lib/select";
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import ColorPicker from "../../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
+import FontStyleCheckbox from "./FontStyleCheckbox";
+var Option = _Select.Option;
+
+function parseValue(value) {
+  return {
+    fontFamily: value.font.fontFamily || '黑体',
+    fontSize: value.font.fontSize || 12,
+    color: value.color || '#000000',
+    fontStyleChecked: {
+      underline: value.underline,
+      bold: value.font.bold,
+      italic: value.font.italic
+    }
+  };
+}
+
+export default function TextStyle(props) {
+  var value = props.value,
+      _onChange = props.onChange;
+
+  var field = _Field.useField({
+    autoUnmount: false,
+    values: parseValue(value),
+    onChange: function onChange(name, value) {
+      var values = field.getValues();
+      var aValues = {
+        color: values.color,
+        underline: values.fontStyleChecked.underline,
+        font: {
+          fontFamily: values.fontFamily,
+          fontSize: values.fontSize,
+          bold: values.fontStyleChecked.bold,
+          italic: values.fontStyleChecked.italic
+        }
+      };
+      _onChange && _onChange(aValues);
+    }
+  });
+
+  useEffect(function () {
+    field.setValues(parseValue(value));
+  }, [value]);
+  return /*#__PURE__*/React.createElement(_Form, {
+    field: field,
+    labelAlign: "top",
+    component: "div"
+  }, /*#__PURE__*/React.createElement(_Form.Item, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      paddingRight: 12
+    }
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u5B57\u4F53"
+  }, /*#__PURE__*/React.createElement(_Select, {
+    defaultValue: "\u9ED1\u4F53",
+    name: "fontFamily",
+    style: {
+      width: '100%',
+      marginRight: 8
+    }
+  }, /*#__PURE__*/React.createElement(Option, {
+    value: "\u5B8B\u4F53"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontFamily: '宋体'
+    }
+  }, "\u5B8B\u4F53")), /*#__PURE__*/React.createElement(Option, {
+    value: "\u9ED1\u4F53"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontFamily: '黑体'
+    }
+  }, "\u9ED1\u4F53")), /*#__PURE__*/React.createElement(Option, {
+    value: "Arial"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontFamily: 'Arial'
+    }
+  }, "Arial"))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 70
+    }
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u5B57\u53F7",
+    hasFeedback: true,
+    required: true,
+    requiredMessage: "\u4E0D\u80FD\u4E3A\u7A7A",
+    requiredTrigger: "onBlur",
+    asterisk: false
+  }, /*#__PURE__*/React.createElement(_NumberPicker, {
+    name: "fontSize",
+    min: 8,
+    max: 36,
+    style: {
+      width: '100%',
+      marginRight: 8
+    },
+    placeholder: "\u8BF7\u8F93\u5165"
+  })))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      paddingRight: 12
+    }
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u6837\u5F0F"
+  }, /*#__PURE__*/React.createElement(FontStyleCheckbox, {
+    name: "fontStyleChecked"
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 70
+    }
+  }, /*#__PURE__*/React.createElement(_Form.Item, {
+    label: "\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(ColorPicker, {
+    name: "color",
+    align: "br"
+  }))))));
+}
+;

package/es/core/editor/components/settings/common/text/fontStyleUtil.d.ts

@@ -0,0 +1,19 @@
+export default fontStyleUtil;
+declare namespace fontStyleUtil {
+    export function toMap(font?: string): {
+        fontFamily: string;
+        fontSize: number;
+        bold: boolean;
+        italic: boolean;
+    };
+    export function toMap(font?: string): {
+        fontFamily: string;
+        fontSize: number;
+        bold: boolean;
+        italic: boolean;
+    };
+    export function build(style: any): string;
+    export function build(style: any): string;
+    export function getFontStyleMap(obj: any, prefix: any): {};
+    export function getFontStyleMap(obj: any, prefix: any): {};
+}

package/es/core/editor/components/settings/common/text/fontStyleUtil.js

@@ -0,0 +1,53 @@
+var fontStyleUtil = {
+  // 字体样式格式: bold italic 12px 黑体 或 12px 黑体
+  toMap: function toMap(font) {
+    if (font === void 0) {
+      font = '';
+    }
+
+    var arr = font.trim().split(' ');
+    var bold = font.indexOf('bold') > -1;
+    var italic = font.indexOf('italic') > -1;
+    var fontFamily, fontSize;
+
+    if (arr.length) {
+      fontFamily = arr[arr.length - 1];
+    }
+
+    if (arr.length >= 2) {
+      fontSize = parseInt(arr[arr.length - 2].replace('px', ''), 10);
+    }
+
+    return {
+      fontFamily: fontFamily,
+      fontSize: fontSize,
+      bold: bold,
+      italic: italic
+    };
+  },
+  // 字体样式格式: bold italic 12px 黑体 或 12px 黑体
+  build: function build(style) {
+    var font = '';
+
+    if (style.font.bold) {
+      font += 'bold ';
+    }
+
+    if (style.font.italic) {
+      font += 'italic ';
+    }
+
+    return "" + font + style.font.fontSize + "px " + style.font.fontFamily;
+  },
+  getFontStyleMap: function getFontStyleMap(obj, prefix) {
+    var map = {};
+    Object.keys(obj).forEach(function (key) {
+      if (key.startsWith(prefix)) {
+        map[key.replace(prefix, '')] = obj[key];
+      }
+    });
+    console.error(obj, prefix, map);
+    return map;
+  }
+};
+export default fontStyleUtil;

package/es/core/editor/components/settings/common/text/img/bold.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>topo/source/Icon/bold</title>
+    <desc>Created with Sketch.</desc>
+    <g id="topo/source/Icon/bold" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
+        <g id="Icon-zitijiacu" transform="translate(4.000000, 3.000000)" fill="#4D6277" fill-rule="nonzero">
+            <path d="M7.01125,5.739125 C6.75175,5.339375 6.368875,5.0735 5.863,4.941875 L5.863,4.916375 C6.131125,4.788875 6.3565,4.646375 6.539125,4.488875 C6.722125,4.34 6.862375,4.1825 6.96025,4.01675 C7.1515,3.668 7.243,3.302375 7.234375,2.9195 C7.234375,2.171 7.002625,1.569125 6.539125,1.113875 C6.07975,0.663125 5.39275,0.433625 4.4785,0.425 L0.52225,0.425 L0.52225,9.7265 L4.79125,9.7265 C5.522875,9.7265 6.133,9.482 6.622375,8.992625 C7.115875,8.524625 7.36675,7.889 7.375,7.085375 C7.375,6.6005 7.253875,6.151625 7.01125,5.739125 Z M2.035,1.681625 L4.319125,1.681625 C4.833625,1.69025 5.212375,1.8155 5.454625,2.058125 C5.701375,2.317625 5.82475,2.6345 5.82475,3.00875 C5.82475,3.383 5.701375,3.6935 5.454625,3.94025 C5.212375,4.208 4.833625,4.34225 4.319125,4.34225 L2.035,4.34225 L2.035,1.681625 Z M5.601625,7.965875 C5.359375,8.24225 4.9765,8.38475 4.453375,8.393375 L2.035,8.393375 L2.035,5.59925 L4.453,5.59925 C4.976125,5.6075 5.359,5.745875 5.60125,6.014 C5.8435,6.28625 5.965,6.613625 5.965,6.9965 C5.965,7.370375 5.843875,7.693625 5.601625,7.965875 L5.601625,7.965875 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>

package/es/core/editor/components/settings/common/text/img/italics.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>topo/source/Icon/italics</title>
+    <desc>Created with Sketch.</desc>
+    <g id="topo/source/Icon/italics" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="2" y="2" width="12" height="12"></rect>
+        <polygon id="路径" fill="#4D6277" fill-rule="nonzero" points="8.77666667 4.29166666 7.19333333 12.2083333 8.77666667 12.2083333 8.77666667 13 4.02666667 13 4.02666667 12.2083333 5.60999999 12.2083333 7.19333333 4.29166666 5.60999999 4.29166666 5.60999999 3.5 10.36 3.5 10.36 4.29166666"></polygon>
+    </g>
+</svg>

package/es/core/editor/components/settings/common/text/img/underline.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
+    <title>topo/source/Icon/underline</title>
+    <desc>Created with Sketch.</desc>
+    <g id="topo/source/Icon/underline" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
+        <g id="Icon-zitixiahuaxian" transform="translate(3.000000, 3.000000)" fill="#4D6277" fill-rule="nonzero">
+            <path d="M5,8.507375 C7.01929112,8.507375 8.65625,6.87041612 8.65625,4.851125 L8.65625,0.05 L7.34375,0.05 L7.34375,4.851125 C7.34375,6.14554238 6.29441738,7.194875 5,7.194875 C3.70558262,7.194875 2.65625,6.14554238 2.65625,4.851125 L2.65625,0.05 L1.34375,0.05 L1.34375,4.851125 C1.34375,6.87041612 2.98070888,8.507375 5,8.507375 Z M9.125,9.380375 L0.875,9.380375 C0.667893219,9.380375 0.5,9.54826822 0.5,9.755375 C0.5,9.96248178 0.667893219,10.130375 0.875,10.130375 L9.125,10.130375 C9.33210678,10.130375 9.5,9.96248178 9.5,9.755375 C9.5,9.54826822 9.33210678,9.380375 9.125,9.380375 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>

package/es/core/editor/components/settings/group/GroupNodeList/ResourceList.js

@@ -1,10 +1,30 @@
-import _List from "@alifd/next/es/list";
-import _Avatar from "@alifd/next/es/avatar";
+import _List from "@alifd/next/lib/list";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import styles from "./ResourceList.module.scss";
 
 function ResourceList(props) {
   var data = props.data;
+
+  var renderIcon = function renderIcon(src) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 28,
+        height: 28,
+        background: "url(" + src + ") no-repeat center center"
+      }
+    });
+  };
+
+  var renderIcon2 = function renderIcon2(src) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.iconWarp
+    }, /*#__PURE__*/React.createElement("img", {
+      src: src,
+      className: styles.iconImg,
+      alt: ""
+    }));
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.list
   }, /*#__PURE__*/React.createElement(_List, {
@@ -14,11 +34,7 @@ function ResourceList(props) {
       return /*#__PURE__*/React.createElement(_List.Item, {
         key: i,
         extra: item.money,
-        media: /*#__PURE__*/React.createElement(_Avatar, {
-          src: item.img,
-          shape: "square",
-          size: "small"
-        })
+        media: renderIcon2(item.img)
       }, item.title);
     }
   }));

package/es/core/editor/components/settings/group/GroupNodeList/ResourceList.module.scss

@@ -13,3 +13,19 @@
     }
   }
 }
+
+.iconWarp {
+  width: 28px;
+  height: 28px;
+  line-height: 28px;
+  text-align: center;
+
+  .iconImg {
+    display: inline-block;
+    width: auto;
+    height: auto;
+    max-width: 28px;
+    max-height: 100%;
+    vertical-align: middle;
+  }
+}

package/es/core/editor/components/settings/group/GroupNodeList/ResourceSelectButton.js

@@ -1,4 +1,4 @@
-import _Button from "@alifd/next/es/button";
+import _Button from "@alifd/next/lib/button";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import ResourceSelectDrawer from "../../../../../../components/ResourceSelect/ResourceSelectDrawer";
 export default function ResourceSelectButton(props) {

package/es/core/editor/components/settings/group/GroupNodeList/icon.d.ts

@@ -66,4 +66,14 @@ export function getIconMap(topo: any): {
     'editor.icon.balanc.small': string;
     'editor.icon.calendar.small': string;
 };
+/**
+ *
+ * @param topo
+ * @param type {'node' | 'container'}
+ * @return {{label: string, icons: *[]}[]}
+ */
+export function getIconGroups(topo: any, type: 'node' | 'container'): {
+    label: string;
+    icons: any[];
+}[];
 export function getIconById(id: any, topo: any): any;

package/es/core/editor/components/settings/group/GroupNodeList/icon.js

@@ -1,5 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-import defaultIcons from "./icons/defaultIcons";
+import defaultIcons, { DEFAULT_NODE_ICONS } from "../../../../../common/icons/defaultIcons";
+
+function getUserCustomIcons(topo) {
+  var uploadIcons = topo.store.getModelState('iconManage').icons;
+  return [];
+}
+
 export function getIconMap(topo) {
   var bizIconMap = {};
   var uploadIcons = topo.store.getModelState('iconManage').icons.node;
@@ -8,6 +14,19 @@ export function getIconMap(topo) {
   });
   return _extends({}, defaultIcons, bizIconMap);
 }
+/**
+ *
+ * @param topo
+ * @param type {'node' | 'container'}
+ * @return {{label: string, icons: *[]}[]}
+ */
+
+export function getIconGroups(topo, type) {
+  return [{
+    label: '默认',
+    icons: [].concat(DEFAULT_NODE_ICONS, topo.options.icons || [])
+  }];
+}
 export function getIconById(id, topo) {
   var iconMap = getIconMap(topo);
   var icon = iconMap[id];

package/es/core/editor/components/settings/layer/LayerSettingsForm.js

@@ -1,12 +1,12 @@
-import _NumberPicker from "@alifd/next/es/number-picker";
-import _Input from "@alifd/next/es/input";
-import _Field from "@alifd/next/es/field";
+import _NumberPicker from "@alifd/next/lib/number-picker";
+import _Input from "@alifd/next/lib/input";
+import _Field from "@alifd/next/lib/field";
 import _extends from "@babel/runtime/helpers/extends";
-import _Radio from "@alifd/next/es/radio";
-import _Collapse from "@alifd/next/es/collapse";
-import _Select from "@alifd/next/es/select";
-import _Grid from "@alifd/next/es/grid";
-import _Form from "@alifd/next/es/form";
+import _Radio from "@alifd/next/lib/radio";
+import _Collapse from "@alifd/next/lib/collapse";
+import _Select from "@alifd/next/lib/select";
+import _Grid from "@alifd/next/lib/grid";
+import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect } from 'react';
 import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
 import GroupNodeList from "../group/GroupNodeList/GroupNodeList";

package/es/core/editor/components/settings/link/LinkPropertyView.js

@@ -1,12 +1,12 @@
-import _Tab from "@alifd/next/es/tab";
-import _Input from "@alifd/next/es/input";
-import _Field from "@alifd/next/es/field";
+import _Tab from "@alifd/next/lib/tab";
+import _Input from "@alifd/next/lib/input";
+import _Field from "@alifd/next/lib/field";
 import _extends from "@babel/runtime/helpers/extends";
-import _Radio from "@alifd/next/es/radio";
-import _Collapse from "@alifd/next/es/collapse";
-import _Select from "@alifd/next/es/select";
-import _Grid from "@alifd/next/es/grid";
-import _Form from "@alifd/next/es/form";
+import _Radio from "@alifd/next/lib/radio";
+import _Collapse from "@alifd/next/lib/collapse";
+import _Select from "@alifd/next/lib/select";
+import _Grid from "@alifd/next/lib/grid";
+import _Form from "@alifd/next/lib/form";
 import React, { useState, useEffect } from 'react';
 import ColorPicker from "../../LinkDynamicStyleSettingDrawer/rule/ColorPicker";
 import GroupNodeList from "../group/GroupNodeList/GroupNodeList";

package/es/core/editor/components/settings/node/NodeIconSelect.d.ts

@@ -0,0 +1 @@
+export default function NodeIconSelect(props: any): JSX.Element;