feat: support decimal-leading-zero list style type prefix

meliorence · Jun 4, 2021 · 526e226 · 526e226
1 parent 4d4805c
commit 526e226
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/packages/render-html/src/elements/usePrefixRenderer.tsx b/packages/render-html/src/elements/usePrefixRenderer.tsx
@@ -124,6 +124,19 @@ const DecimalPrefixRenderer = ({
   return <TextualPrefixRenderer {...props} prefix={index + 1 + '.'} />;
 };
 
+const DecimalLeadingZeroPrefixRenderer = ({
+  index,
+  ...props
+}: ListPrefixRendererProps) => {
+  const syntheticIndex = index + 1;
+  return (
+    <TextualPrefixRenderer
+      {...props}
+      prefix={`${syntheticIndex < 10 ? `0${syntheticIndex}` : syntheticIndex}.`}
+    />
+  );
+};
+
 interface PrefixSpecs {
   Component: ComponentType<ListPrefixRendererProps>;
   computeStrSize(length: number): number;
@@ -154,6 +167,11 @@ const decimal: PrefixSpecs = {
   computeStrSize: (length) => numOfCharsInPrefix(length, 10)
 };
 
+const decimalLeadingZero: PrefixSpecs = {
+  Component: DecimalLeadingZeroPrefixRenderer,
+  computeStrSize: (length) => numOfCharsInPrefix(length < 10 ? 10 : length, 10)
+};
+
 const lowerAlpha: PrefixSpecs = {
   Component: LowerAlphaPrefixRenderer,
   computeStrSize: (length) => numOfCharsInPrefix(length, 26)
@@ -173,7 +191,8 @@ const prefixRenderersMap: Record<SupportedListStyleType, PrefixSpecs> = ({
   'lower-alpha': lowerAlpha,
   'upper-alpha': upperAlpha,
   'lower-latin': lowerAlpha,
-  'upper-latin': upperAlpha
+  'upper-latin': upperAlpha,
+  'decimal-leading-zero': decimalLeadingZero
 } as Partial<Record<SupportedListStyleType, PrefixSpecs>>) as Record<
   SupportedListStyleType,
   PrefixSpecs