@wcardinal/wcardinal-ui 0.227.0 → 0.228.0
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 +9 -10
- package/dist/types/wcardinal/ui/d-base.d.ts +0 -2
- package/dist/types/wcardinal/ui/d-list-data-selection.d.ts +6 -3
- package/dist/types/wcardinal/ui/d-list-item.d.ts +3 -7
- package/dist/types/wcardinal/ui/d-table-body-cell.d.ts +1 -1
- package/dist/types/wcardinal/ui/d-table-data-selection.d.ts +3 -2
- package/dist/types/wcardinal/ui/d-tree-data-selection.d.ts +6 -3
- package/dist/types/wcardinal/ui/d-tree-item-text.d.ts +2 -4
- package/dist/types/wcardinal/ui/shape/action/e-shape-action-expression-with-parameter.d.ts +1 -1
- package/dist/types/wcardinal/ui/shape/action/e-shape-action-expression.d.ts +1 -1
- package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-misc-type.d.ts +3 -3
- package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-open-type.d.ts +1 -1
- package/dist/types/wcardinal/ui/shape/action/e-shape-action-value-type.d.ts +2 -2
- package/dist/types/wcardinal/ui/shape/e-shape-copy-part.d.ts +1 -1
- package/dist/types/wcardinal/ui/shape/index.d.ts +2 -0
- package/dist/wcardinal/ui/d-base.js.map +1 -1
- package/dist/wcardinal/ui/d-list-data-selection.js +3 -0
- package/dist/wcardinal/ui/d-list-data-selection.js.map +1 -1
- package/dist/wcardinal/ui/d-list-item.js.map +1 -1
- package/dist/wcardinal/ui/d-table-body-cell.js.map +1 -1
- package/dist/wcardinal/ui/d-table-data-selection.js +3 -0
- package/dist/wcardinal/ui/d-table-data-selection.js.map +1 -1
- package/dist/wcardinal/ui/d-tree-data-selection.js +3 -0
- package/dist/wcardinal/ui/d-tree-data-selection.js.map +1 -1
- package/dist/wcardinal/ui/d-tree-item-text.js.map +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-expression-with-parameter.js.map +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-expression.js.map +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-misc-type.js +3 -3
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-misc-type.js.map +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-open-type.js +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-open-type.js.map +1 -1
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-type.js +2 -2
- package/dist/wcardinal/ui/shape/action/e-shape-action-value-type.js.map +1 -1
- package/dist/wcardinal/ui/shape/e-shape-copy-part.js +1 -1
- package/dist/wcardinal/ui/shape/e-shape-copy-part.js.map +1 -1
- package/dist/wcardinal/ui/shape/index.js +2 -0
- package/dist/wcardinal/ui/shape/index.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-dialog-processing.js +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-dialog-processing.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +1 -1
- package/dist/wcardinal-ui-theme-dark.min.js +1 -1
- package/dist/wcardinal-ui-theme-white.js +2 -2
- package/dist/wcardinal-ui-theme-white.min.js +2 -2
- package/dist/wcardinal-ui-theme-white.min.js.map +1 -1
- package/dist/wcardinal-ui.cjs.js +19 -9
- package/dist/wcardinal-ui.js +18 -8
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -56,11 +56,11 @@ new DButtonCheck({
|
|
|
56
56
|
</script>
|
|
57
57
|
```
|
|
58
58
|
|
|
59
|
-
All the classes are in
|
|
60
|
-
Please note that
|
|
61
|
-
Prebuild files `wcardinal-ui.min.js` and `wcardinal-ui-theme-white.min.js` call
|
|
59
|
+
All the classes are in `wcardinal.ui`.
|
|
60
|
+
Please note that `loadAll` and `loadThemeWhiteALl` is not required in this case.
|
|
61
|
+
Prebuild files `wcardinal-ui.min.js` and `wcardinal-ui-theme-white.min.js` call `loadAll` and `loadThemeWhiteAll` for you.
|
|
62
62
|
|
|
63
|
-
See [sample/cdn](https://winter-cardinal.github.io/winter-cardinal-ui/sample/white/other/cdn.html) for complete example.
|
|
63
|
+
See [sample/cdn](https://winter-cardinal.github.io/winter-cardinal-ui/sample/white/other/cdn.html) for a complete example.
|
|
64
64
|
|
|
65
65
|
### Tree shaking
|
|
66
66
|
|
|
@@ -68,15 +68,15 @@ The NPM package `@wcardinal/wcardinal-ui` is large in its size
|
|
|
68
68
|
because all the UI classes and their themes are included.
|
|
69
69
|
This is why the tree shaking is important for this library.
|
|
70
70
|
|
|
71
|
-
|
|
72
|
-
And
|
|
71
|
+
`loadAll` loads all the optional modules (e.g., `DMenuItemCheck`).
|
|
72
|
+
And `loadThemeWhiteAll` loads the white theme (e.g., `DThemeWhite`).
|
|
73
73
|
To remove unnecessary modules from your build, pick `load*` functions you need.
|
|
74
74
|
|
|
75
75
|
```javascript
|
|
76
76
|
import { loadThemeWhiteAll } from '@wcardinal/wcardinal-ui';
|
|
77
77
|
|
|
78
78
|
// Loads the white theme only.
|
|
79
|
-
// `DMenuItemCheck` will not be in your compiled package.
|
|
79
|
+
// `DMenuItemCheck` will not be in your compiled package, for instance.
|
|
80
80
|
loadThemeWhiteAll();
|
|
81
81
|
```
|
|
82
82
|
|
|
@@ -126,7 +126,7 @@ npm start
|
|
|
126
126
|
|
|
127
127
|
#### API document
|
|
128
128
|
|
|
129
|
-
Update
|
|
129
|
+
Update `gitRevision` in `typedoc.json` and then do
|
|
130
130
|
|
|
131
131
|
```shell
|
|
132
132
|
npm run build:api
|
|
@@ -174,7 +174,6 @@ npm run lint:fix
|
|
|
174
174
|
|
|
175
175
|
Apache License Version 2.0.
|
|
176
176
|
|
|
177
|
-
The default theme uses Material
|
|
178
|
-
licensed under Apache license version 2.0.\
|
|
177
|
+
The default theme uses Material design icons developed by Google and licensed under Apache license version 2.0.\
|
|
179
178
|
https://github.com/google/material-design-icons
|
|
180
179
|
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { utils } from "pixi.js";
|
|
2
2
|
import { DOnOptions } from "./d-on-options";
|
|
3
|
+
/**
|
|
4
|
+
* {@link DListDataSelection} type.
|
|
5
|
+
*/
|
|
3
6
|
export declare const DListDataSelectionType: {
|
|
4
7
|
readonly NONE: 0;
|
|
5
8
|
readonly SINGLE: 1;
|
|
@@ -7,7 +10,7 @@ export declare const DListDataSelectionType: {
|
|
|
7
10
|
};
|
|
8
11
|
export declare type DListDataSelectionType = typeof DListDataSelectionType[keyof typeof DListDataSelectionType];
|
|
9
12
|
/**
|
|
10
|
-
* {@link
|
|
13
|
+
* {@link DListDataSelection} events.
|
|
11
14
|
*/
|
|
12
15
|
export interface DListDataSelectionEvents<EMITTER> {
|
|
13
16
|
/**
|
|
@@ -18,12 +21,12 @@ export interface DListDataSelectionEvents<EMITTER> {
|
|
|
18
21
|
change(emitter: EMITTER): void;
|
|
19
22
|
}
|
|
20
23
|
/**
|
|
21
|
-
* {@link
|
|
24
|
+
* {@link DListDataSelection} "on" options.
|
|
22
25
|
*/
|
|
23
26
|
export interface DListDataSelectionOnOptions<EMITTER> extends Partial<DListDataSelectionEvents<EMITTER>>, DOnOptions {
|
|
24
27
|
}
|
|
25
28
|
/**
|
|
26
|
-
* {@link
|
|
29
|
+
* {@link DListDataSelection} options.
|
|
27
30
|
*/
|
|
28
31
|
export interface DListDataSelectionOptions<ITEM, EMITTER = any> {
|
|
29
32
|
/**
|
|
@@ -11,16 +11,14 @@ export interface DListItemEvents<VALUE, EMITTER> extends DImageBaseEvents<VALUE,
|
|
|
11
11
|
/**
|
|
12
12
|
* Triggered when a value is set.
|
|
13
13
|
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
14
|
+
* @param value a value set
|
|
15
|
+
* @param index an index number of a value
|
|
16
16
|
* @param emitter an emitter
|
|
17
17
|
*/
|
|
18
|
-
set(
|
|
18
|
+
set(value: VALUE, index: number, emitter: EMITTER): void;
|
|
19
19
|
/**
|
|
20
20
|
* Triggered when set to undefined.
|
|
21
21
|
*
|
|
22
|
-
* on( "unset", ( emitter ) => {} )
|
|
23
|
-
*
|
|
24
22
|
* @param emitter an emitter
|
|
25
23
|
*/
|
|
26
24
|
unset(emitter: EMITTER): void;
|
|
@@ -28,8 +26,6 @@ export interface DListItemEvents<VALUE, EMITTER> extends DImageBaseEvents<VALUE,
|
|
|
28
26
|
* Triggered when selected.
|
|
29
27
|
* Please note that even when selected, {@link DList} selection state may not be changed.
|
|
30
28
|
*
|
|
31
|
-
* on( "select", ( value, emitter ) => {} )
|
|
32
|
-
*
|
|
33
29
|
* @param value a value
|
|
34
30
|
* @param emitter an emitter
|
|
35
31
|
*/
|
|
@@ -28,7 +28,7 @@ export interface DTableBodyCell<ROW, VALUE> extends DBase {
|
|
|
28
28
|
set(value: unknown, row: ROW, supplimental: unknown, rowIndex: number, columnIndex: number, forcibly?: boolean): void;
|
|
29
29
|
unset(): void;
|
|
30
30
|
/**
|
|
31
|
-
* Called when the selection type is not {@link DTableDataSelectionType
|
|
31
|
+
* Called when the selection type is not {@link DTableDataSelectionType}'s NONE
|
|
32
32
|
* and a cell is clicked. Returning true will prevent the row selection.
|
|
33
33
|
* Otherwise, a clicked row will be selected.
|
|
34
34
|
*
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { utils } from "pixi.js";
|
|
2
2
|
import { DOnOptions } from "./d-on-options";
|
|
3
3
|
import { DTableData } from "./d-table-data";
|
|
4
|
+
/**
|
|
5
|
+
* {@link DTableDataSelection} type.
|
|
6
|
+
*/
|
|
4
7
|
export declare const DTableDataSelectionType: {
|
|
5
8
|
readonly NONE: 0;
|
|
6
9
|
readonly SINGLE: 1;
|
|
@@ -14,8 +17,6 @@ export interface DTableDataSelectionEvents<EMITTER> {
|
|
|
14
17
|
/**
|
|
15
18
|
* Triggered when s selection is changed.
|
|
16
19
|
*
|
|
17
|
-
* on( "change", ( emitter ) => {} )
|
|
18
|
-
*
|
|
19
20
|
* @param emitter an emitter
|
|
20
21
|
*/
|
|
21
22
|
change(emitter: EMITTER): void;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { utils } from "pixi.js";
|
|
2
2
|
import { DOnOptions } from "./d-on-options";
|
|
3
3
|
import { DTreeNode } from "./d-tree-node";
|
|
4
|
+
/**
|
|
5
|
+
* {@link DTreeDataSelection} type.
|
|
6
|
+
*/
|
|
4
7
|
export declare const DTreeDataSelectionType: {
|
|
5
8
|
readonly NONE: 0;
|
|
6
9
|
readonly SINGLE: 1;
|
|
@@ -8,7 +11,7 @@ export declare const DTreeDataSelectionType: {
|
|
|
8
11
|
};
|
|
9
12
|
export declare type DTreeDataSelectionType = typeof DTreeDataSelectionType[keyof typeof DTreeDataSelectionType];
|
|
10
13
|
/**
|
|
11
|
-
* {@link
|
|
14
|
+
* {@link DTreeDataSelection} events.
|
|
12
15
|
*/
|
|
13
16
|
export interface DTreeDataSelectionEvents<EMITTER> {
|
|
14
17
|
/**
|
|
@@ -19,12 +22,12 @@ export interface DTreeDataSelectionEvents<EMITTER> {
|
|
|
19
22
|
change(emitter: EMITTER): void;
|
|
20
23
|
}
|
|
21
24
|
/**
|
|
22
|
-
* {@link
|
|
25
|
+
* {@link DTreeDataSelection} "on" options.
|
|
23
26
|
*/
|
|
24
27
|
export interface DTreeDataSelectionOnOptions<EMITTER> extends Partial<DTreeDataSelectionEvents<EMITTER>>, DOnOptions {
|
|
25
28
|
}
|
|
26
29
|
/**
|
|
27
|
-
* {@link
|
|
30
|
+
* {@link DTreeDataSelection} options.
|
|
28
31
|
*/
|
|
29
32
|
export interface DTreeDataSelectionOptions<ITEM, EMITTER = any> {
|
|
30
33
|
/**
|
|
@@ -12,16 +12,14 @@ export interface DTreeItemTextEvents<NODE, EMITTER> extends DImageBaseEvents<NOD
|
|
|
12
12
|
/**
|
|
13
13
|
* Triggered when a node is set.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* @param node a node
|
|
16
|
+
* @param index an index number of a node
|
|
17
17
|
* @param emitter an emitter
|
|
18
18
|
*/
|
|
19
19
|
set(node: NODE, index: number, emitter: EMITTER): void;
|
|
20
20
|
/**
|
|
21
21
|
* Triggered when set to undefined.
|
|
22
22
|
*
|
|
23
|
-
* on( "unset", ( emitter ) => {} )
|
|
24
|
-
*
|
|
25
23
|
* @param emitter an emitter
|
|
26
24
|
*/
|
|
27
25
|
unset(emitter: EMITTER): void;
|
|
@@ -4,7 +4,7 @@ import { EShapeActionEnvironment } from "./e-shape-action-environment";
|
|
|
4
4
|
* {@link EShape} action expression with one parameter.
|
|
5
5
|
*
|
|
6
6
|
* In action expressions, all the properties in {@link EShape}, {@link EShapeState} and {@link EShapeActionEnvironment} can be accessed directly.
|
|
7
|
-
* For instance, the string `isClicked` is a valid expression as {@link EShapeState} has {@link
|
|
7
|
+
* For instance, the string `isClicked` is a valid expression as {@link EShapeState} has {@link EShapeStateSet#isClicked} and is equivalent to `shape.state.isClicked`.
|
|
8
8
|
* In addition to that, the parameter passed to this function can be used in action expressions.
|
|
9
9
|
* The name of the variable containing that parameter depends on actions.
|
|
10
10
|
*/
|
|
@@ -4,6 +4,6 @@ import { EShapeActionEnvironment } from "./e-shape-action-environment";
|
|
|
4
4
|
* {@link EShape} action expression.
|
|
5
5
|
*
|
|
6
6
|
* In action expressions, all the properties in {@link EShape}, {@link EShapeState} and {@link EShapeActionEnvironment} can be accessed directly.
|
|
7
|
-
* For instance, the string `isClicked` is a valid expression as {@link EShapeState} has {@link
|
|
7
|
+
* For instance, the string `isClicked` is a valid expression as {@link EShapeState} has {@link EShapeStateSet#isClicked} and is equivalent to `shape.state.isClicked`.
|
|
8
8
|
*/
|
|
9
9
|
export declare type EShapeActionExpression<T> = (shape: EShape, time: number, environment: EShapeActionEnvironment) => T;
|
|
@@ -8,11 +8,11 @@ export declare const EShapeActionValueMiscType: {
|
|
|
8
8
|
readonly WRITE_REMOTE: 6;
|
|
9
9
|
readonly HTML_ELEMENT: 7;
|
|
10
10
|
readonly HTML_ELEMENT_WITHOUT_POINTER_EVENTS: 8;
|
|
11
|
-
/** @deprecated in favor of {@link EShapeActionValueShowHideType
|
|
11
|
+
/** @deprecated in favor of {@link EShapeActionValueShowHideType}'s LAYER */
|
|
12
12
|
readonly SHOW_HIDE_LAYER: 9;
|
|
13
|
-
/** @deprecated in favor of {@link EShapeActionValueType
|
|
13
|
+
/** @deprecated in favor of {@link EShapeActionValueType}'s GESTURE */
|
|
14
14
|
readonly GESTURE_LAYER: 10;
|
|
15
|
-
/** @deprecated in favor of {@link EShapeActionValueType
|
|
15
|
+
/** @deprecated in favor of {@link EShapeActionValueType}'s GESTURE */
|
|
16
16
|
readonly GESTURE: 11;
|
|
17
17
|
readonly EXECUTE: 12;
|
|
18
18
|
};
|
|
@@ -3,7 +3,7 @@ export declare const EShapeActionValueOpenType: {
|
|
|
3
3
|
readonly DIAGRAM_LEGACY: 0;
|
|
4
4
|
/** @deprecated in favor of {@link PAGE} */
|
|
5
5
|
readonly PAGE_LEGACY: 1;
|
|
6
|
-
/** @deprecated in favor of {@link PAGE */
|
|
6
|
+
/** @deprecated in favor of {@link PAGE} */
|
|
7
7
|
readonly PAGE_INPLACE_LEGACY: 2;
|
|
8
8
|
/** @deprecated in favor of {@link DIALOG} */
|
|
9
9
|
readonly DIALOG_TEXT: 3;
|
|
@@ -3,9 +3,9 @@ export declare const EShapeActionValueType: {
|
|
|
3
3
|
readonly BLINK: 1;
|
|
4
4
|
readonly TRANSFORM: 2;
|
|
5
5
|
readonly OPEN: 3;
|
|
6
|
-
/** @deprecated in favor of {@link EShapeActionValueMiscType
|
|
6
|
+
/** @deprecated in favor of {@link EShapeActionValueMiscType}'s MISC */
|
|
7
7
|
readonly EMIT_EVENT: 4;
|
|
8
|
-
/** @deprecated in favor of {@link EShapeActionValueType
|
|
8
|
+
/** @deprecated in favor of {@link EShapeActionValueType}'s CHANGE_COLOR */
|
|
9
9
|
readonly CHANGE_COLOR_LEGACY: 5;
|
|
10
10
|
readonly CHANGE_TEXT: 6;
|
|
11
11
|
readonly CHANGE_CURSOR: 7;
|
|
@@ -8,7 +8,7 @@ export declare const EShapeCopyPart: {
|
|
|
8
8
|
readonly STATE: 32;
|
|
9
9
|
readonly IMAGE: 64;
|
|
10
10
|
readonly DATA: 128;
|
|
11
|
-
/** @deprecated in favor of {@link
|
|
11
|
+
/** @deprecated in favor of {@link DATA} */
|
|
12
12
|
readonly TAG: 128;
|
|
13
13
|
readonly CONNECTOR: 256;
|
|
14
14
|
readonly ALL: number;
|
|
@@ -33,6 +33,8 @@ export * from "./e-shape-data-mapping-impl";
|
|
|
33
33
|
export * from "./e-shape-data-mapping";
|
|
34
34
|
export * from "./e-shape-data-scoped-impl";
|
|
35
35
|
export * from "./e-shape-data-scoped";
|
|
36
|
+
export * from "./e-shape-data-system-impl";
|
|
37
|
+
export * from "./e-shape-data-system";
|
|
36
38
|
export * from "./e-shape-data-value-extension";
|
|
37
39
|
export * from "./e-shape-data-value-extensions";
|
|
38
40
|
export * from "./e-shape-data-value-formatter";
|