@yuneta/gobj-ui 7.23.7 → 7.23.9
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/README.md +53 -0
- package/dist/gobj-ui.cjs.js +588 -112
- package/dist/gobj-ui.es.js +589 -113
- package/package.json +1 -1
- package/src/c_g6_nodes_tree.js +415 -55
- package/src/c_yui_gobj_tree_js.js +2 -0
- package/src/c_yui_json.js +9 -3
- package/src/c_yui_json_graph.js +43 -23
- package/src/c_yui_treedb_graph.js +28 -18
- package/src/g6_drag_canvas_touch.js +21 -0
- package/src/g6_touch_gestures.js +413 -0
- package/src/lib_graph.css +19 -0
- package/src/lib_icons.js +14 -0
package/src/lib_graph.css
CHANGED
|
@@ -177,6 +177,25 @@
|
|
|
177
177
|
background-color: var(--bulma-background, #f0f0f0);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
+
/*
|
|
181
|
+
* Touch: the context menu is a LIST OF COMMANDS, and G6 sizes its
|
|
182
|
+
* rows with `padding: 8px 12px` -- 34px, which is a mouse row. The
|
|
183
|
+
* menu is now reachable by a long press (g6_touch_gestures.js), so
|
|
184
|
+
* its rows have to be reachable by the same finger that opened it.
|
|
185
|
+
* `font-size` with it: 12px is a caption, not a command.
|
|
186
|
+
*/
|
|
187
|
+
@media (pointer: coarse) {
|
|
188
|
+
.g6-contextmenu {
|
|
189
|
+
font-size: 14px;
|
|
190
|
+
}
|
|
191
|
+
.g6-contextmenu-li {
|
|
192
|
+
min-height: 44px;
|
|
193
|
+
display: flex;
|
|
194
|
+
align-items: center;
|
|
195
|
+
padding: 8px 16px;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
180
199
|
/* No transient effects: open/move popups immediately (user pref).
|
|
181
200
|
* G6 injects its own .g6-contextmenu / .g6-tooltip CSS with a
|
|
182
201
|
* left/top/visibility transition that makes them glide into place.
|
package/src/lib_icons.js
CHANGED
|
@@ -113,6 +113,20 @@ const ICONS = `<svg xmlns="http://www.w3.org/2000/svg">
|
|
|
113
113
|
<symbol id="g6-icon-plus" viewBox="0 0 512 512">
|
|
114
114
|
<path fill="currentColor" d="M316 32 L316 196 L480 196 L480 316 L316 316 L316 480 L196 480 L196 316 L32 316 L32 196 L196 196 L196 32 Z"/>
|
|
115
115
|
</symbol>
|
|
116
|
+
<!-- ellipsis-vertical (unfold the floating toolbar).
|
|
117
|
+
The strip it stands for is a vertical stack, and a vertical
|
|
118
|
+
ellipsis is what "there is more of this here" is drawn as
|
|
119
|
+
everywhere else. -->
|
|
120
|
+
<symbol id="g6-icon-toolbar-show" viewBox="0 0 128 512">
|
|
121
|
+
<path fill="currentColor" d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"/>
|
|
122
|
+
</symbol>
|
|
123
|
+
<!-- xmark (fold the floating toolbar away).
|
|
124
|
+
Not a chevron: the two toolbars sit on OPPOSITE edges, so a
|
|
125
|
+
direction would point the wrong way on one of them. What the
|
|
126
|
+
button does is close an overlay, and that is an x. -->
|
|
127
|
+
<symbol id="g6-icon-toolbar-hide" viewBox="0 0 384 512">
|
|
128
|
+
<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
|
|
129
|
+
</symbol>
|
|
116
130
|
<!-- floppy-disk (save) -->
|
|
117
131
|
<symbol id="g6-icon-save" viewBox="0 0 448 512">
|
|
118
132
|
<path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-242.7c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32L64 32zm32 96c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32l0-64zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/>
|