@riil-frontend/component-topology 9.0.19 → 10.0.1
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.
- package/build/1.js +2 -2
- package/build/2.js +1 -1
- package/build/index.css +1 -1
- package/build/index.js +18 -18
- package/es/core/editor/components/Toolbar/components/Tooltip.js +23 -0
- package/es/core/editor/components/Toolbar/components/Tooltip.module.scss +5 -0
- package/es/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +5 -2
- package/es/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/FontColorButton.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +1 -1
- package/es/core/editor/components/Toolbar/widgets/FontSizeWidget.js +1 -0
- package/es/core/editor/components/Toolbar/widgets/FontStyleButton.js +25 -17
- package/es/core/editor/components/Toolbar/widgets/WidgetBox.js +6 -8
- package/es/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +53 -44
- package/es/core/editor/components/settings/propertyViews/index.js +1 -1
- package/es/core/models/TopoApp.js +1 -1
- package/lib/core/editor/components/Toolbar/components/Tooltip.js +34 -0
- package/lib/core/editor/components/Toolbar/components/Tooltip.module.scss +5 -0
- package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/CanvasMoveWidget.js +7 -2
- package/lib/core/editor/components/Toolbar/widgets/CanvasSelectWidget.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/FontColorButton.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/FontFamilyWidget.js +1 -1
- package/lib/core/editor/components/Toolbar/widgets/FontSizeWidget.js +1 -0
- package/lib/core/editor/components/Toolbar/widgets/FontStyleButton.js +26 -17
- package/lib/core/editor/components/Toolbar/widgets/WidgetBox.js +7 -9
- package/lib/core/editor/components/settings/common/SizeInput/NodeSizeInput.js +54 -44
- package/lib/core/editor/components/settings/propertyViews/index.js +1 -1
- package/lib/core/models/TopoApp.js +1 -1
- package/package.json +2 -2
@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
exports.__esModule = true;
|
6
6
|
exports["default"] = void 0;
|
7
7
|
|
8
|
-
var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
|
9
|
-
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
9
|
|
12
10
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
@@ -17,14 +15,17 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
15
|
|
18
16
|
var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
|
19
17
|
|
18
|
+
var _Tooltip = _interopRequireDefault(require("../components/Tooltip"));
|
19
|
+
|
20
20
|
var _WidgetBoxModule = _interopRequireDefault(require("./WidgetBox.module.scss"));
|
21
21
|
|
22
|
-
var _excluded = ["label", "showLabel", "tooltip", "disabled", "children"];
|
22
|
+
var _excluded = ["label", "showLabel", "tooltip", "tooltipTitle", "disabled", "children"];
|
23
23
|
|
24
24
|
function WidgetBox(props) {
|
25
25
|
var label = props.label,
|
26
26
|
showLabel = props.showLabel,
|
27
27
|
tooltip = props.tooltip,
|
28
|
+
tooltipTitle = props.tooltipTitle,
|
28
29
|
disabled = props.disabled,
|
29
30
|
children = props.children,
|
30
31
|
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
@@ -42,13 +43,10 @@ function WidgetBox(props) {
|
|
42
43
|
return button;
|
43
44
|
}
|
44
45
|
|
45
|
-
return /*#__PURE__*/_react["default"].createElement(
|
46
|
+
return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
|
46
47
|
trigger: button,
|
47
|
-
|
48
|
-
|
49
|
-
popupStyle: {
|
50
|
-
zIndex: 1000
|
51
|
-
}
|
48
|
+
title: tooltipTitle,
|
49
|
+
align: "b"
|
52
50
|
}, tooltip);
|
53
51
|
}
|
54
52
|
|
@@ -7,6 +7,8 @@ exports["default"] = void 0;
|
|
7
7
|
|
8
8
|
var _box = _interopRequireDefault(require("@alifd/next/lib/box"));
|
9
9
|
|
10
|
+
var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
|
11
|
+
|
10
12
|
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
13
|
|
12
14
|
var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
|
@@ -64,14 +66,16 @@ function SizeInput(props) {
|
|
64
66
|
|
65
67
|
var renderLock = function renderLock() {
|
66
68
|
var imgSrc = "/img/topo/editor/toolbar/" + (lock ? 'lock' : 'unlock') + "/" + (disabled ? 'Disable' : 'Normal') + ".svg";
|
67
|
-
return /*#__PURE__*/_react["default"].createElement("
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
69
|
+
return /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
|
70
|
+
trigger: /*#__PURE__*/_react["default"].createElement("div", {
|
71
|
+
className: _NodeSizeInputModule["default"].lockBtn,
|
72
|
+
onClick: switchLock
|
73
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
74
|
+
src: imgSrc,
|
75
|
+
alt: "",
|
76
|
+
width: 12
|
77
|
+
}))
|
78
|
+
}, "\u9501\u5B9A\u7EB5\u6A2A\u6BD4");
|
75
79
|
};
|
76
80
|
|
77
81
|
return /*#__PURE__*/_react["default"].createElement(_form["default"], {
|
@@ -94,24 +98,27 @@ function SizeInput(props) {
|
|
94
98
|
style: {
|
95
99
|
marginBottom: 0
|
96
100
|
}
|
97
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
101
|
+
}, /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
|
102
|
+
trigger: /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], (0, _extends3["default"])({
|
103
|
+
value: parseValue(value.width),
|
104
|
+
label: showLabel ? '宽:' : '',
|
105
|
+
innerAfter: showLabel ? undefined : 'W',
|
106
|
+
min: 1,
|
107
|
+
max: max,
|
108
|
+
step: step,
|
109
|
+
disabled: disabled,
|
110
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
111
|
+
size: size
|
112
|
+
}, numberPickerProps, {
|
113
|
+
style: {
|
114
|
+
width: '100%'
|
115
|
+
},
|
116
|
+
onChange: function onChange(val) {
|
117
|
+
return handleChange('width', val);
|
118
|
+
}
|
119
|
+
})),
|
120
|
+
align: "b"
|
121
|
+
}, "\u66F4\u6539\u56FE\u7247\u7684\u5BBD\u5EA6"))), renderLock(), /*#__PURE__*/_react["default"].createElement("div", {
|
115
122
|
style: {
|
116
123
|
flex: 1
|
117
124
|
}
|
@@ -121,24 +128,27 @@ function SizeInput(props) {
|
|
121
128
|
style: {
|
122
129
|
marginBottom: 0
|
123
130
|
}
|
124
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
131
|
+
}, /*#__PURE__*/_react["default"].createElement(_balloon["default"].Tooltip, {
|
132
|
+
trigger: /*#__PURE__*/_react["default"].createElement(_NodeSizeNumberPicker["default"], (0, _extends3["default"])({
|
133
|
+
value: parseValue(value.height),
|
134
|
+
label: showLabel ? '高:' : '',
|
135
|
+
innerAfter: showLabel ? undefined : 'H',
|
136
|
+
min: 1,
|
137
|
+
max: max,
|
138
|
+
step: step,
|
139
|
+
disabled: disabled,
|
140
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
141
|
+
size: size
|
142
|
+
}, numberPickerProps, {
|
143
|
+
style: {
|
144
|
+
width: '100%'
|
145
|
+
},
|
146
|
+
onChange: function onChange(val) {
|
147
|
+
return handleChange('height', val);
|
148
|
+
}
|
149
|
+
})),
|
150
|
+
align: "b"
|
151
|
+
}, "\u66F4\u6539\u56FE\u7247\u7684\u9AD8\u5EA6"))))));
|
142
152
|
}
|
143
153
|
|
144
154
|
SizeInput.propTypes = {
|
@@ -18,7 +18,7 @@ var _BoxPropertyView = _interopRequireDefault(require("./box/BoxPropertyView"));
|
|
18
18
|
var _ViewPropertyViewV = _interopRequireDefault(require("./view/ViewPropertyViewV2"));
|
19
19
|
|
20
20
|
var propertyPanelMap = {
|
21
|
-
view:
|
21
|
+
// view: ViewPropertyView,
|
22
22
|
group: _GroupPropertyView["default"],
|
23
23
|
node: _NodePropertyView["default"],
|
24
24
|
// edge: EdgePropertyView,
|
@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
|
|
56
56
|
var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
|
57
57
|
|
58
58
|
// eslint-disable-next-line no-undef
|
59
|
-
var version = typeof "
|
59
|
+
var version = typeof "10.0.1" === 'string' ? "10.0.1" : null;
|
60
60
|
console.info("\u62D3\u6251\u7248\u672C: " + version);
|
61
61
|
/**
|
62
62
|
* 拓扑显示和编辑
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@riil-frontend/component-topology",
|
3
|
-
"version": "
|
3
|
+
"version": "10.0.1",
|
4
4
|
"description": "拓扑",
|
5
5
|
"scripts": {
|
6
6
|
"start": "build-scripts start",
|
@@ -116,6 +116,6 @@
|
|
116
116
|
"access": "public"
|
117
117
|
},
|
118
118
|
"license": "MIT",
|
119
|
-
"homepage": "https://unpkg.com/@riil-frontend/component-topology@
|
119
|
+
"homepage": "https://unpkg.com/@riil-frontend/component-topology@10.0.1/build/index.html",
|
120
120
|
"gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
|
121
121
|
}
|