@moxa/graph 3.0.0-beta.1 → 3.0.0-beta.10

package/components/shared/utils/node-utils/state-styles.d.ts

@@ -0,0 +1,63 @@
+import { CircleStyleProps as GCircleStyleProps } from '@antv/g';
+import { State } from '@antv/g6';
+import { NodeConfig, NodeStyleProperties } from '../../../../index.ts';
+/**
+ * Determines the current state for node styling purposes.
+ * When multiple states are active, returns the highest priority state.
+ *
+ * Priority order: disabled > active > selected > default
+ *
+ * @param states - Array of active states from G6
+ * @returns The current state key for stateStyles lookup
+ *
+ * @example
+ * ```typescript
+ * determineCurrentState(['selected', 'active']) // Returns 'active'
+ * determineCurrentState(['disabled', 'selected']) // Returns 'disabled'
+ * determineCurrentState([]) // Returns 'default'
+ * ```
+ */
+export declare function determineCurrentState(states: State[]): keyof NonNullable<NodeConfig['stateStyles']>;
+/**
+ * Converts border style string or array to G6 lineDash format.
+ *
+ * @param style - Border style: 'solid', 'dashed', 'dotted', or custom dash array
+ * @returns G6 lineDash array or undefined for solid lines
+ *
+ * @example
+ * ```typescript
+ * convertBorderStyleToLineDash('solid')   // Returns undefined
+ * convertBorderStyleToLineDash('dashed')  // Returns [8, 4]
+ * convertBorderStyleToLineDash('dotted')  // Returns [2, 4]
+ * convertBorderStyleToLineDash([5, 5])    // Returns [5, 5]
+ * ```
+ */
+export declare function convertBorderStyleToLineDash(style: 'solid' | 'dashed' | 'dotted' | number[]): number[] | undefined;
+/**
+ * Converts NodeStyleProperties to G6 style properties.
+ * Applies default border width (2px) when borderColor is set without borderWidth.
+ *
+ * @param stateStyle - Custom style properties for a specific state
+ * @returns G6 circle style properties
+ *
+ * @example
+ * ```typescript
+ * const customStyle = {
+ *   backgroundColor: '#E3F2FD',
+ *   borderColor: '#1976D2',
+ *   borderWidth: 3,
+ *   borderStyle: 'dashed'
+ * };
+ * const g6Style = convertToG6Style(customStyle);
+ * // Returns: {
+ * //   fill: '#E3F2FD',
+ * //   fillOpacity: 1,
+ * //   stroke: '#1976D2',
+ * //   strokeOpacity: 1,
+ * //   lineWidth: 3,
+ * //   lineDash: [8, 4]
+ * // }
+ * ```
+ */
+export declare function convertToG6Style(stateStyle: NodeStyleProperties): Partial<GCircleStyleProps>;
+//# sourceMappingURL=state-styles.d.ts.map

package/components/shared/utils/node-utils/state-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-styles.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/state-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,KAAK,EAAE,GACd,MAAM,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAK9C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,EAAE,GAC9C,MAAM,EAAE,GAAG,SAAS,CAKtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,mBAAmB,GAC9B,OAAO,CAAC,iBAAiB,CAAC,CA8B5B"}

package/components/shared/utils/node-utils/status-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/status-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,OAAO,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,wBAAgB,cAAc,CAC5B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,GAAG,EAChB,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,eAAe,GAAG,KAAK,CA0BzB"}
+{"version":3,"file":"status-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/status-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,OAAO,EAAE,YAAY,EAAqB,MAAM,UAAU,CAAC;AAI3D,wBAAgB,cAAc,CAC5B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,GAAG,EAChB,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,eAAe,GAAG,KAAK,CA2BzB"}

package/components/shared/utils/node-utils/text-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/text-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAK3D,wBAAgB,YAAY,CAC1B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,cAAc,GAAG,eAAe,EAC5C,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,cAAc,CAoChB"}
+{"version":3,"file":"text-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/text-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAK3C,OAAO,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAwC3D,wBAAgB,YAAY,CAC1B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,UAAU,EAAE,cAAc,GAAG,eAAe,EAC5C,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,cAAc,CA4ChB"}

package/components/shared/utils/node-utils/theme.d.ts

@@ -1,5 +1,5 @@
 import { BaseStyleProps } from '@antv/g';
 import { State } from '@antv/g6';
 import { Graph, NodeConfig } from '../../../../index.ts';
-export declare const getNodeTheme: (graph: Graph, states: State[], status?: NodeConfig["highlight"]) => BaseStyleProps;
+export declare const getNodeTheme: (graph: Graph, states: State[], status?: NodeConfig["highlight"], stateStyles?: NodeConfig["stateStyles"]) => BaseStyleProps;
 //# sourceMappingURL=theme.d.ts.map

package/components/shared/utils/node-utils/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,EACZ,QAAQ,KAAK,EAAE,EACf,SAAS,UAAU,CAAC,WAAW,CAAC,KAC/B,cAwFF,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGhD,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,EACZ,QAAQ,KAAK,EAAE,EACf,SAAS,UAAU,CAAC,WAAW,CAAC,EAChC,cAAc,UAAU,CAAC,aAAa,CAAC,KACtC,cAgJF,CAAC"}

package/components/shared/utils/node-utils/title-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/title-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,wBAAgB,aAAa,CAC3B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,cAAc,EAAE,cAAc,EAC9B,cAAc,GAAE,OAAO,CAAC,cAAc,CAAM,EAC5C,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,cAAc,GAAG,KAAK,CAexB"}
+{"version":3,"file":"title-style.d.ts","sourceRoot":"","sources":["../../../../../../libs/graph/src/components/shared/utils/node-utils/title-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,OAAO,EAAqB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,wBAAgB,aAAa,CAC3B,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,GAAG,EACV,cAAc,EAAE,cAAc,EAC9B,cAAc,GAAE,OAAO,CAAC,cAAc,CAAM,EAC5C,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GACjC,cAAc,GAAG,KAAK,CAqCxB"}