@antv/infographic 0.1.3 → 0.1.4

package/src/templates/built-in.ts

@@ -1,7 +1,9 @@
 import { hierarchyMindmapTemplates } from './hierarchy-mindmap';
 import { hierarchyTreeTemplates } from './hierarchy-tree';
 import { registerTemplate } from './registry';
+import { sequenceStairsTemplates } from './sequence-stairs';
 import type { TemplateOptions } from './types';
+import { wordCloudTemplate } from './word-cloud';
 
 const BUILT_IN_TEMPLATES: Record<string, TemplateOptions> = {
   'compare-hierarchy-left-right-circle-node-pill-badge': {
@@ -803,6 +805,8 @@ const BUILT_IN_TEMPLATES: Record<string, TemplateOptions> = {
   },
   ...hierarchyTreeTemplates,
   ...hierarchyMindmapTemplates,
+  ...sequenceStairsTemplates,
+  ...wordCloudTemplate,
 };
 
 Object.entries(BUILT_IN_TEMPLATES).forEach(([name, options]) => {

package/src/templates/hierarchy-tree.ts

@@ -52,19 +52,42 @@ const items: string[] = [
 export const hierarchyTreeTemplates: Record<string, TemplateOptions> = {};
 
 const structureName = 'hierarchy-tree';
+const orientationConfigs: Array<{
+  key: string;
+  orientation?: HierarchyTreeProps['orientation'];
+}> = [
+  { key: '' },
+  { key: 'bt', orientation: 'bottom-top' },
+  { key: 'lr', orientation: 'left-right' },
+  { key: 'rl', orientation: 'right-left' },
+];
+
+const createTemplateName = (
+  oriKey: string,
+  name: string,
+  item: string,
+): string => {
+  return oriKey
+    ? `${structureName}-${oriKey}-${name}-${item}`
+    : `${structureName}-${name}-${item}`;
+};
+
 for (const item of items) {
   for (const [name, structureProps] of Object.entries(structures)) {
-    const templateName = `${structureName}-${name}-${item}`;
-    hierarchyTreeTemplates[templateName] = {
-      design: {
-        structure: {
-          type: 'hierarchy-tree',
-          ...structureProps,
-        },
-        item: {
-          type: item,
+    for (const { key, orientation } of orientationConfigs) {
+      const templateName = createTemplateName(key, name, item);
+      hierarchyTreeTemplates[templateName] = {
+        design: {
+          structure: {
+            type: 'hierarchy-tree',
+            ...(orientation ? { orientation } : {}),
+            ...structureProps,
+          },
+          item: {
+            type: item,
+          },
         },
-      },
-    };
+      };
+    }
   }
 }

package/src/templates/sequence-stairs.ts

@@ -0,0 +1,44 @@
+import type { TemplateOptions } from './types';
+
+export const sequenceStairsTemplates: Record<string, TemplateOptions> = {
+  'sequence-stairs-front-pill-badge': {
+    design: {
+      title: 'default',
+      structure: {
+        type: 'sequence-stairs-front',
+      },
+      items: [
+        {
+          type: 'pill-badge',
+        },
+      ],
+    },
+  },
+  'sequence-stairs-front-compact-card': {
+    design: {
+      title: 'default',
+      structure: {
+        type: 'sequence-stairs-front',
+      },
+      items: [
+        {
+          type: 'compact-card',
+        },
+      ],
+    },
+  },
+  'sequence-stairs-front-simple': {
+    design: {
+      title: 'default',
+      structure: {
+        type: 'sequence-stairs-front',
+      },
+      items: [
+        {
+          type: 'simple',
+          usePaletteColor: true,
+        },
+      ],
+    },
+  },
+};

package/src/templates/word-cloud.ts

@@ -0,0 +1,21 @@
+import type { TemplateOptions } from './types';
+
+export const wordCloudTemplate: Record<string, TemplateOptions> = {
+  'chart-wordcloud-rotate': {
+    design: {
+      structure: {
+        type: 'chart-wordcloud',
+      },
+      item: 'simple',
+    },
+  },
+  'chart-wordcloud': {
+    design: {
+      structure: {
+        type: 'chart-wordcloud',
+        enableRotate: false,
+      },
+      item: 'simple',
+    },
+  },
+};

package/src/themes/types.ts

@@ -29,7 +29,7 @@ export interface ThemeConfig {
   palette?: Palette;
   title?: TextAttributes;
   desc?: TextAttributes;
-  shape?: TextAttributes;
+  shape?: ShapeAttributes;
   item?: {
     icon?: DynamicAttributes<IconAttributes>;
     label?: DynamicAttributes<TextAttributes>;

package/src/utils/design.ts

@@ -0,0 +1,14 @@
+import type {
+  NullableParsedDesignsOptions,
+  ParsedDesignsOptions,
+} from '../designs';
+
+export function isNonNullableParsedDesignsOptions(
+  options: NullableParsedDesignsOptions,
+): options is ParsedDesignsOptions {
+  const { structure, item, items } = options;
+  if (!structure) return false;
+  if (!item) return false;
+  if (items.some((it) => !it)) return false;
+  return true;
+}

package/src/utils/font.ts

@@ -14,21 +14,31 @@ export function encodeFontFamily(font: string) {
 const FontWeightNameMap: Record<string, FontWeightName> = {
   '100': 'thin',
   hairline: 'thin',
+  thin: 'thin',
   '200': 'extralight',
   ultralight: 'extralight',
+  extralight: 'extralight',
   '300': 'light',
+  light: 'light',
   '400': 'regular',
   normal: 'regular',
+  regular: 'regular',
   '500': 'medium',
+  medium: 'medium',
   '600': 'semibold',
   demibold: 'semibold',
+  semibold: 'semibold',
   '700': 'bold',
+  bold: 'bold',
   '800': 'extrabold',
-  ultrabold: 'bold',
+  ultrabold: 'extrabold',
+  extrabold: 'extrabold',
   '900': 'black',
   heavy: 'black',
+  black: 'black',
   '950': 'extrablack',
   ultrablack: 'extrablack',
+  extrablack: 'extrablack',
 };
 
 export function normalizeFontWeightName(

package/src/utils/index.ts

@@ -1,6 +1,7 @@
 export * from './attrs';
 export * from './color';
 export * from './data';
+export * from './design';
 export * from './element';
 export * from './font';
 export * from './get-types';

package/esm/resource/types/font.d.ts

@@ -1,12 +0,0 @@
-/**
- * https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
- */
-export type FontWeightName = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | 'extrablack';
-export interface Font {
-    font: string;
-    name: string;
-    /** 字体 CDN */
-    fontWeight: {
-        [keys in FontWeightName]?: string;
-    };
-}

package/lib/resource/types/font.d.ts

@@ -1,12 +0,0 @@
-/**
- * https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
- */
-export type FontWeightName = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | 'extrablack';
-export interface Font {
-    font: string;
-    name: string;
-    /** 字体 CDN */
-    fontWeight: {
-        [keys in FontWeightName]?: string;
-    };
-}

package/src/resource/types/font.ts

@@ -1,23 +0,0 @@
-/**
- * https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
- */
-export type FontWeightName =
-  | 'thin'
-  | 'extralight'
-  | 'light'
-  | 'regular'
-  | 'medium'
-  | 'semibold'
-  | 'bold'
-  | 'extrabold'
-  | 'black'
-  | 'extrablack';
-
-export interface Font {
-  font: string;
-  name: string;
-  /** 字体 CDN */
-  fontWeight: {
-    [keys in FontWeightName]?: string;
-  };
-}