@riil-frontend/component-topology 6.0.0-alpha.28 → 6.0.0-alpha.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/build/index.css +1 -1
  2. package/build/index.js +12 -12
  3. package/es/components/collapse/Collapse.js +22 -3
  4. package/es/components/collapse/Collapse.module.scss +23 -0
  5. package/es/components/collapse/index.js +2 -0
  6. package/es/core/editor/components/Sidebar/Sidebar.js +5 -3
  7. package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +1 -1
  8. package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +7 -6
  9. package/es/core/models/TopoApp.js +1 -1
  10. package/lib/components/collapse/Collapse.js +28 -3
  11. package/lib/components/collapse/Collapse.module.scss +23 -0
  12. package/lib/components/collapse/index.js +11 -0
  13. package/lib/core/editor/components/Sidebar/Sidebar.js +5 -3
  14. package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss +1 -1
  15. package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js +11 -11
  16. package/lib/core/models/TopoApp.js +1 -1
  17. package/package.json +2 -2
package/es/components/collapse/Collapse.js CHANGED
@@ -1,7 +1,26 @@
1
+ import _Collapse from "@alifd/next/es/collapse";
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
4
+ var _excluded = ["className", "accordion", "fullheight", "noContentPadding"];
1
5
  import React from 'react';
6
+ import classNames from 'classnames';
7
+ import Panel from "./Panel";
8
+ import styles from "./Collapse.module.scss";
2
9
 
3
- function Collapse(props) {
4
- return /*#__PURE__*/React.createElement("div", null, "Collapse");
10
+ function CollapseWrapper(props) {
11
+ var _classNames;
12
+
13
+ var className = props.className,
14
+ accordion = props.accordion,
15
+ fullheight = props.fullheight,
16
+ noContentPadding = props.noContentPadding,
17
+ otherProps = _objectWithoutPropertiesLoose(props, _excluded);
18
+
19
+ return /*#__PURE__*/React.createElement(_Collapse, _extends({}, otherProps, {
20
+ accordion: accordion,
21
+ className: classNames(className, styles.collapse, (_classNames = {}, _classNames[styles.fullheight] = accordion && fullheight, _classNames[styles.contentNoPadding] = noContentPadding, _classNames))
22
+ }));
5
23
  }
6
24
 
7
- export default Collapse;
25
+ CollapseWrapper.Panel = Panel;
26
+ export default CollapseWrapper;
package/es/components/collapse/Collapse.module.scss CHANGED
@@ -31,6 +31,29 @@
31
31
  }
32
32
  }
33
33
 
34
+ &.fullheight {
35
+ height: 100%;
36
+ display: flex;
37
+ flex-direction: column;
38
+
39
+ :global {
40
+ .#{$css-prefix}collapse-panel-content {
41
+ flex: 1;
42
+ overflow: auto;
43
+ }
44
+ .#{$css-prefix}collapse-panel.#{$css-prefix}collapse-panel-expanded {
45
+ flex: 1;
46
+ display: flex;
47
+ flex-direction: column;
48
+
49
+ .#{$css-prefix}collapse-panel-content {
50
+ flex: 1;
51
+ overflow: auto;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
34
57
  &.contentNoPadding {
35
58
 
36
59
  :global {
package/es/components/collapse/index.js ADDED
@@ -0,0 +1,2 @@
1
+ import Collapse from "./Collapse";
2
+ export default Collapse;
package/es/core/editor/components/Sidebar/Sidebar.js CHANGED
@@ -28,12 +28,14 @@ function Sidebar(props) {
28
28
  };
29
29
  }, []);
30
30
  useEffect(function () {
31
- if (graphLoaded) {
31
+ var _topo$viewProps$urlPa;
32
+
33
+ if (graphLoaded && (_topo$viewProps$urlPa = topo.viewProps.urlParams) !== null && _topo$viewProps$urlPa !== void 0 && _topo$viewProps$urlPa.resourceTabActiveKey) {
32
34
  setTimeout(function () {
33
- var _topo$viewProps$urlPa;
35
+ var _topo$viewProps$urlPa2;
34
36
 
35
37
  topoEditDispatchers.update({
36
- resourceTabActiveKey: ((_topo$viewProps$urlPa = topo.viewProps.urlParams) === null || _topo$viewProps$urlPa === void 0 ? void 0 : _topo$viewProps$urlPa.resourceTabActiveKey) || null
38
+ resourceTabActiveKey: ((_topo$viewProps$urlPa2 = topo.viewProps.urlParams) === null || _topo$viewProps$urlPa2 === void 0 ? void 0 : _topo$viewProps$urlPa2.resourceTabActiveKey) || null
37
39
  });
38
40
  }, 2000);
39
41
  }
package/es/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .container {
2
2
  width: 100%;
3
- max-height: 400px;
3
+ height: 100%;
4
4
  overflow: auto;
5
5
  }
package/es/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js CHANGED
@@ -1,25 +1,26 @@
1
- import _Collapse from "@alifd/next/es/collapse";
2
1
  import _Button from "@alifd/next/es/button";
3
2
  import _Icon from "@alifd/next/es/icon";
4
3
  import React, { useMemo } from 'react';
5
4
  import classNames from 'classnames';
6
- import CollapsePanel from "../../../../../../components/collapse/Panel";
7
- import CollapseStyles from "../../../../../../components/collapse/Collapse.module.scss";
5
+ import Collapse from "../../../../../../components/collapse/Collapse";
8
6
  import CiTypeImagePanel from "./CiTypeImagePanel";
9
7
  import CustomImagePanel from "./CustomImagePanel";
10
8
  import { getBasicIcons } from "../../../../../common/icons/icon";
11
9
  import ImagePalette from "./HtImagePalette";
10
+ var CollapsePanel = Collapse.Panel;
12
11
  export default function ImagePanel(props) {
13
12
  var topo = props.topo;
14
13
  var basicIcons = useMemo(function () {
15
14
  return getBasicIcons(topo, false);
16
15
  }, []);
17
- return /*#__PURE__*/React.createElement(_Collapse, {
18
- defaultExpandedKeys: ['资源图片', '基础图片', '自定义图片'],
16
+ return /*#__PURE__*/React.createElement(Collapse, {
17
+ accordion: true,
18
+ defaultExpandedKeys: ['资源图片'],
19
19
  style: {
20
20
  border: 'none'
21
21
  },
22
- className: classNames(CollapseStyles.collapse, CollapseStyles.contentNoPadding)
22
+ fullheight: true,
23
+ noContentPadding: true
23
24
  }, /*#__PURE__*/React.createElement(CollapsePanel, {
24
25
  key: "\u8D44\u6E90\u56FE\u7247",
25
26
  title: "\u8D44\u6E90\u56FE\u7247"
package/es/core/models/TopoApp.js CHANGED
@@ -22,7 +22,7 @@ import topoFactory from "./topoFactory";
22
22
  import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
23
23
  import SelectionManager from "./SelectionManager"; // eslint-disable-next-line no-undef
24
24
 
25
- var version = typeof "6.0.0-alpha.28" === 'string' ? "6.0.0-alpha.28" : null;
25
+ var version = typeof "6.0.0-alpha.29" === 'string' ? "6.0.0-alpha.29" : null;
26
26
  console.info("\u62D3\u6251\u7248\u672C: " + version);
27
27
  /**
28
28
  * 拓扑显示和编辑
package/lib/components/collapse/Collapse.js CHANGED
@@ -5,11 +5,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports["default"] = void 0;
7
7
 
8
+ var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
13
+
8
14
  var _react = _interopRequireDefault(require("react"));
9
15
 
10
- function Collapse(props) {
11
- return /*#__PURE__*/_react["default"].createElement("div", null, "Collapse");
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+
18
+ var _Panel = _interopRequireDefault(require("./Panel"));
19
+
20
+ var _CollapseModule = _interopRequireDefault(require("./Collapse.module.scss"));
21
+
22
+ var _excluded = ["className", "accordion", "fullheight", "noContentPadding"];
23
+
24
+ function CollapseWrapper(props) {
25
+ var _classNames;
26
+
27
+ var className = props.className,
28
+ accordion = props.accordion,
29
+ fullheight = props.fullheight,
30
+ noContentPadding = props.noContentPadding,
31
+ otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
32
+ return /*#__PURE__*/_react["default"].createElement(_collapse["default"], (0, _extends2["default"])({}, otherProps, {
33
+ accordion: accordion,
34
+ className: (0, _classnames["default"])(className, _CollapseModule["default"].collapse, (_classNames = {}, _classNames[_CollapseModule["default"].fullheight] = accordion && fullheight, _classNames[_CollapseModule["default"].contentNoPadding] = noContentPadding, _classNames))
35
+ }));
12
36
  }
13
37
 
14
- var _default = Collapse;
38
+ CollapseWrapper.Panel = _Panel["default"];
39
+ var _default = CollapseWrapper;
15
40
  exports["default"] = _default;
package/lib/components/collapse/Collapse.module.scss CHANGED
@@ -31,6 +31,29 @@
31
31
  }
32
32
  }
33
33
 
34
+ &.fullheight {
35
+ height: 100%;
36
+ display: flex;
37
+ flex-direction: column;
38
+
39
+ :global {
40
+ .#{$css-prefix}collapse-panel-content {
41
+ flex: 1;
42
+ overflow: auto;
43
+ }
44
+ .#{$css-prefix}collapse-panel.#{$css-prefix}collapse-panel-expanded {
45
+ flex: 1;
46
+ display: flex;
47
+ flex-direction: column;
48
+
49
+ .#{$css-prefix}collapse-panel-content {
50
+ flex: 1;
51
+ overflow: auto;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
34
57
  &.contentNoPadding {
35
58
 
36
59
  :global {
package/lib/components/collapse/index.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports["default"] = void 0;
7
+
8
+ var _Collapse = _interopRequireDefault(require("./Collapse"));
9
+
10
+ var _default = _Collapse["default"];
11
+ exports["default"] = _default;
package/lib/core/editor/components/Sidebar/Sidebar.js CHANGED
@@ -44,12 +44,14 @@ function Sidebar(props) {
44
44
  };
45
45
  }, []);
46
46
  (0, _react.useEffect)(function () {
47
- if (graphLoaded) {
47
+ var _topo$viewProps$urlPa;
48
+
49
+ if (graphLoaded && (_topo$viewProps$urlPa = topo.viewProps.urlParams) !== null && _topo$viewProps$urlPa !== void 0 && _topo$viewProps$urlPa.resourceTabActiveKey) {
48
50
  setTimeout(function () {
49
- var _topo$viewProps$urlPa;
51
+ var _topo$viewProps$urlPa2;
50
52
 
51
53
  topoEditDispatchers.update({
52
- resourceTabActiveKey: ((_topo$viewProps$urlPa = topo.viewProps.urlParams) === null || _topo$viewProps$urlPa === void 0 ? void 0 : _topo$viewProps$urlPa.resourceTabActiveKey) || null
54
+ resourceTabActiveKey: ((_topo$viewProps$urlPa2 = topo.viewProps.urlParams) === null || _topo$viewProps$urlPa2 === void 0 ? void 0 : _topo$viewProps$urlPa2.resourceTabActiveKey) || null
53
55
  });
54
56
  }, 2000);
55
57
  }
package/lib/core/editor/components/Sidebar/views/ImagePanel/HtImagePalette.module.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .container {
2
2
  width: 100%;
3
- max-height: 400px;
3
+ height: 100%;
4
4
  overflow: auto;
5
5
  }
package/lib/core/editor/components/Sidebar/views/ImagePanel/ImagePanel.js CHANGED
@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  exports.__esModule = true;
6
6
  exports["default"] = ImagePanel;
7
7
 
8
- var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
9
-
10
8
  var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
11
9
 
12
10
  var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
@@ -15,9 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
15
13
 
16
14
  var _classnames = _interopRequireDefault(require("classnames"));
17
15
 
18
- var _Panel = _interopRequireDefault(require("../../../../../../components/collapse/Panel"));
19
-
20
- var _CollapseModule = _interopRequireDefault(require("../../../../../../components/collapse/Collapse.module.scss"));
16
+ var _Collapse = _interopRequireDefault(require("../../../../../../components/collapse/Collapse"));
21
17
 
22
18
  var _CiTypeImagePanel = _interopRequireDefault(require("./CiTypeImagePanel"));
23
19
 
@@ -31,27 +27,31 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
31
27
 
32
28
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
29
 
30
+ var CollapsePanel = _Collapse["default"].Panel;
31
+
34
32
  function ImagePanel(props) {
35
33
  var topo = props.topo;
36
34
  var basicIcons = (0, _react.useMemo)(function () {
37
35
  return (0, _icon2.getBasicIcons)(topo, false);
38
36
  }, []);
39
- return /*#__PURE__*/_react["default"].createElement(_collapse["default"], {
40
- defaultExpandedKeys: ['资源图片', '基础图片', '自定义图片'],
37
+ return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
38
+ accordion: true,
39
+ defaultExpandedKeys: ['资源图片'],
41
40
  style: {
42
41
  border: 'none'
43
42
  },
44
- className: (0, _classnames["default"])(_CollapseModule["default"].collapse, _CollapseModule["default"].contentNoPadding)
45
- }, /*#__PURE__*/_react["default"].createElement(_Panel["default"], {
43
+ fullheight: true,
44
+ noContentPadding: true
45
+ }, /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
46
46
  key: "\u8D44\u6E90\u56FE\u7247",
47
47
  title: "\u8D44\u6E90\u56FE\u7247"
48
- }, /*#__PURE__*/_react["default"].createElement(_CiTypeImagePanel["default"], props)), /*#__PURE__*/_react["default"].createElement(_Panel["default"], {
48
+ }, /*#__PURE__*/_react["default"].createElement(_CiTypeImagePanel["default"], props)), /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
49
49
  key: "\u57FA\u7840\u56FE\u7247",
50
50
  title: "\u57FA\u7840\u56FE\u7247"
51
51
  }, /*#__PURE__*/_react["default"].createElement(_HtImagePalette["default"], {
52
52
  icons: basicIcons,
53
53
  topo: topo
54
- })), /*#__PURE__*/_react["default"].createElement(_Panel["default"], {
54
+ })), /*#__PURE__*/_react["default"].createElement(CollapsePanel, {
55
55
  key: "\u81EA\u5B9A\u4E49\u56FE\u7247",
56
56
  title: "\u81EA\u5B9A\u4E49\u56FE\u7247",
57
57
  extra: /*#__PURE__*/_react["default"].createElement(_button["default"], {
package/lib/core/models/TopoApp.js CHANGED
@@ -52,7 +52,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
52
52
  var _SelectionManager = _interopRequireDefault(require("./SelectionManager"));
53
53
 
54
54
  // eslint-disable-next-line no-undef
55
- var version = typeof "6.0.0-alpha.28" === 'string' ? "6.0.0-alpha.28" : null;
55
+ var version = typeof "6.0.0-alpha.29" === 'string' ? "6.0.0-alpha.29" : null;
56
56
  console.info("\u62D3\u6251\u7248\u672C: " + version);
57
57
  /**
58
58
  * 拓扑显示和编辑
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@riil-frontend/component-topology",
3
- "version": "6.0.0-alpha.28",
3
+ "version": "6.0.0-alpha.29",
4
4
  "description": "拓扑",
5
5
  "scripts": {
6
6
  "start": "build-scripts start",
@@ -115,6 +115,6 @@
115
115
  "access": "public"
116
116
  },
117
117
  "license": "MIT",
118
- "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.28/build/index.html",
118
+ "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.29/build/index.html",
119
119
  "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
120
120
  }