flexlayout-react 0.8.17 → 0.8.19
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 +13 -13
- package/dist/index.js +609 -624
- package/package.json +29 -29
- package/style/_base.scss +2 -1
- package/style/combined.css +1 -0
- package/style/combined.css.map +1 -1
- package/style/dark.css +1 -0
- package/style/dark.css.map +1 -1
- package/style/gray.css +1 -0
- package/style/gray.css.map +1 -1
- package/style/light.css +1 -0
- package/style/light.css.map +1 -1
- package/style/rounded.css +1 -0
- package/style/rounded.css.map +1 -1
- package/style/underline.css +1 -0
- package/style/underline.css.map +1 -1
- package/types/Rect.d.ts +1 -0
- package/types/model/Model.d.ts +1 -1
package/README.md
CHANGED
|
@@ -8,13 +8,13 @@ FlexLayout is a layout manager that arranges React components in multiple tabset
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
[Run the Demo](https://
|
|
11
|
+
[Run the Demo](https://caplin.github.io/FlexLayout/demos/v0.8/demo/index.html)
|
|
12
12
|
|
|
13
13
|
Try it now using [CodeSandbox](https://codesandbox.io/p/sandbox/yvjzqf)
|
|
14
14
|
|
|
15
|
-
[API Doc](https://
|
|
15
|
+
[API Doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/index.html)
|
|
16
16
|
|
|
17
|
-
[Screenshot of Caplin Liberator Explorer using FlexLayout](https://
|
|
17
|
+
[Screenshot of Caplin Liberator Explorer using FlexLayout](https://caplin.github.io/FlexLayout/demos/v0.20/images/LiberatorExplorerV3_3.PNG)
|
|
18
18
|
|
|
19
19
|
FlexLayout's only dependency is React.
|
|
20
20
|
|
|
@@ -196,7 +196,7 @@ Each type of node has a defined set of requires/optional attributes.
|
|
|
196
196
|
|
|
197
197
|
Weights on rows and tabsets specify the relative weight of these nodes within the parent row, the actual values do not matter just their relative values (ie two tabsets of weights 30,70 would render the same if they had weights of 3,7).
|
|
198
198
|
|
|
199
|
-
NOTE: the easiest way to create your initial layout JSON is to use the [demo](https://
|
|
199
|
+
NOTE: the easiest way to create your initial layout JSON is to use the [demo](https://caplin.github.io/FlexLayout/demos/v0.8/demo/index.html) app, modify one of the
|
|
200
200
|
existing layouts by dragging/dropping and adding nodes then press the 'Show Layout JSON in console' button to print the JSON to the browser developer console.
|
|
201
201
|
|
|
202
202
|
By changing global or node attributes you can change the layout appearance and functionality, for example:
|
|
@@ -303,7 +303,7 @@ You apply actions using the `Model.doAction()` method.
|
|
|
303
303
|
This method takes a single argument, created by one of the action
|
|
304
304
|
generators (accessed as `FlexLayout.Actions.<actionName>`):
|
|
305
305
|
|
|
306
|
-
[Actions doc](https://
|
|
306
|
+
[Actions doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/classes/Actions.html)
|
|
307
307
|
|
|
308
308
|
### Examples
|
|
309
309
|
|
|
@@ -336,7 +336,7 @@ implementing the `onAction` callback property of the `Layout`.
|
|
|
336
336
|
|
|
337
337
|
There are many optional properties that can be applied to the layout:
|
|
338
338
|
|
|
339
|
-
[Layout Properties doc](https://
|
|
339
|
+
[Layout Properties doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/ILayoutProps.html)
|
|
340
340
|
|
|
341
341
|
|
|
342
342
|
## JSON Model Definition
|
|
@@ -345,29 +345,29 @@ The JSON model is well defined as a set of TypeScript interfaces, see the doc fo
|
|
|
345
345
|
|
|
346
346
|
## Model Config Attributes
|
|
347
347
|
|
|
348
|
-
[Model Attributes doc](https://
|
|
348
|
+
[Model Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonModel.html)
|
|
349
349
|
|
|
350
350
|
## Global Config Attributes
|
|
351
351
|
|
|
352
|
-
[Global Attributes doc](https://
|
|
352
|
+
[Global Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IGlobalAttributes.html)
|
|
353
353
|
|
|
354
354
|
## Row Config Attributes
|
|
355
355
|
|
|
356
|
-
[Row Attributes doc](https://
|
|
356
|
+
[Row Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonRowNode.html)
|
|
357
357
|
|
|
358
358
|
## TabSet Config Attributes
|
|
359
359
|
|
|
360
|
-
[Tabset Attributes doc](https://
|
|
360
|
+
[Tabset Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonTabSetNode.html)
|
|
361
361
|
|
|
362
362
|
Note: tabsets will be dynamically created as tabs are moved, and deleted when all their tabs are removed (unless enableDeleteWhenEmpty is false).
|
|
363
363
|
|
|
364
364
|
## Tab Config attributes
|
|
365
365
|
|
|
366
|
-
[Tab Attributes doc](https://
|
|
366
|
+
[Tab Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonTabNode.html)
|
|
367
367
|
|
|
368
368
|
## Border Config attributes
|
|
369
369
|
|
|
370
|
-
[Border Attributes doc](https://
|
|
370
|
+
[Border Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonBorderNode.html)
|
|
371
371
|
|
|
372
372
|
|
|
373
373
|
|
|
@@ -377,7 +377,7 @@ Note: tabsets will be dynamically created as tabs are moved, and deleted when al
|
|
|
377
377
|
|
|
378
378
|
There are methods on the Layout Component for adding tabs:
|
|
379
379
|
|
|
380
|
-
[Layout Methods doc](https://
|
|
380
|
+
[Layout Methods doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/classes/Layout.html)
|
|
381
381
|
|
|
382
382
|
Example:
|
|
383
383
|
|