ods-component-lib 1.22.1 → 1.22.3

package/dist/node_modules/antd/es/timeline/Timeline.js

@@ -1,47 +1,49 @@
-import N from "../../../vite-plugin-node-polyfills/shims/process/dist/index.js";
-import j from "../../../@babel/runtime/helpers/esm/toConsumableArray.js";
+import h from "../../../vite-plugin-node-polyfills/shims/process/dist/index.js";
+import q from "../../../@babel/runtime/helpers/esm/toConsumableArray.js";
 import * as s from "react";
-import { clsx as k } from "../../../clsx/dist/clsx.js";
-import { devUseWarning as q } from "../_util/warning.js";
-import { useComponentConfig as B } from "../config-provider/context.js";
-import G from "../steps/index.js";
-import { InternalContext as J } from "../steps/context.js";
-import K from "./style/index.js";
-import Q from "./useItems.js";
-import { UnstableContext as X } from "../../../@rc-component/steps/es/UnstableContext.js";
-import { useMergeSemantic as Z } from "../_util/hooks/useMergeSemantic.js";
-const ee = {
+import { clsx as B } from "../../../clsx/dist/clsx.js";
+import G from "../_util/isNonNullable.js";
+import { devUseWarning as J } from "../_util/warning.js";
+import { useComponentConfig as K } from "../config-provider/context.js";
+import Q from "../steps/index.js";
+import { InternalContext as X } from "../steps/context.js";
+import { genCssVar as Z } from "../theme/util/genStyleUtils.js";
+import ee from "./style/index.js";
+import te from "./useItems.js";
+import { UnstableContext as se } from "../../../@rc-component/steps/es/UnstableContext.js";
+import { useMergeSemantic as oe } from "../_util/hooks/useMergeSemantic.js";
+const re = {
   rootComponent: "ol",
   itemComponent: "li"
-}, $ = (d) => {
+}, I = (p) => {
   const {
-    getPrefixCls: x,
-    direction: h,
-    className: I,
-    style: S,
-    classNames: E,
-    styles: M
-  } = B("timeline"), {
-    prefixCls: P,
+    getPrefixCls: d,
+    direction: S,
+    className: E,
+    style: M,
+    classNames: P,
+    styles: b
+  } = K("timeline"), {
+    prefixCls: w,
     // Style
-    className: w,
-    style: T,
-    classNames: b,
-    styles: D,
+    className: T,
+    style: D,
+    classNames: V,
+    styles: W,
     // Design
-    variant: p = "outlined",
-    mode: n,
-    orientation: i = "vertical",
-    titleSpan: m,
+    variant: f = "outlined",
+    mode: o,
+    orientation: r = "vertical",
+    titleSpan: n,
     // Data
-    items: f,
-    children: u,
+    items: u,
+    children: g,
     reverse: a,
     // Legacy Pending
-    pending: g,
-    pendingDot: y,
-    ...V
-  } = d, e = x("timeline", P), [W, _] = K(e), z = s.useMemo(() => ({
+    pending: C,
+    pendingDot: N,
+    ..._
+  } = p, y = d(), e = d("timeline", w), [z, A] = ee(e), [v] = Z(y, "timeline"), L = s.useMemo(() => ({
     item: `${e}-item`,
     itemTitle: `${e}-item-title`,
     itemIcon: `${e}-item-icon`,
@@ -50,59 +52,59 @@ const ee = {
     itemWrapper: `${e}-item-wrapper`,
     itemSection: `${e}-item-section`,
     itemHeader: `${e}-item-header`
-  }), [e]), o = s.useMemo(() => n === "left" ? "start" : n === "right" ? "end" : ["alternate", "start", "end"].includes(n) ? n : "start", [n]), l = Q(e, o, f, u, g, y), r = s.useMemo(() => a ? j(l).reverse() : l, [a, l]), A = {
-    ...d,
-    variant: p,
-    mode: o,
-    orientation: i,
-    items: r
-  }, [L, O] = Z([z, E, b], [M, D], {
-    props: A
-  }), R = s.useMemo(() => ({
+  }), [e]), i = s.useMemo(() => o === "left" ? "start" : o === "right" ? "end" : ["alternate", "start", "end"].includes(o) ? o : "start", [o]), l = te(y, e, i, u, g, C, N), m = s.useMemo(() => a ? q(l).reverse() : l, [a, l]), O = {
+    ...p,
+    variant: f,
+    mode: i,
+    orientation: r,
+    items: m
+  }, [R, U] = oe([L, P, V], [b, W], {
+    props: O
+  }), F = s.useMemo(() => ({
     railFollowPrevStatus: a
-  }), [a]), U = s.useMemo(() => o === "alternate" || i === "vertical" && r.some((t) => t.title), [r, o, i]);
-  if (N.env.NODE_ENV !== "production") {
-    const t = q("Timeline");
-    t.deprecated(!u, "Timeline.Item", "items");
-    const C = "You can create a `item` as pending node directly.";
-    t.deprecated(!g, "pending", "items", C), t.deprecated(!y, "pendingDot", "items", C), t.deprecated(n !== "left" && n !== "right", "mode=left|right", "mode=start|end");
-    const F = f || [];
-    [["label", "title"], ["children", "content"], ["dot", "icon"], ["position", "placement"]].forEach(([v, H]) => {
-      t.deprecated(F.every((Y) => !Y[v]), `items.${v}`, `items.${H}`);
+  }), [a]), H = s.useMemo(() => i === "alternate" || r === "vertical" && m.some((t) => t.title), [m, i, r]);
+  if (h.env.NODE_ENV !== "production") {
+    const t = J("Timeline");
+    t.deprecated(!g, "Timeline.Item", "items");
+    const x = "You can create a `item` as pending node directly.";
+    t.deprecated(!C, "pending", "items", x), t.deprecated(!N, "pendingDot", "items", x), t.deprecated(o !== "left" && o !== "right", "mode=left|right", "mode=start|end");
+    const Y = u || [];
+    [["label", "title"], ["children", "content"], ["dot", "icon"], ["position", "placement"]].forEach(([$, j]) => {
+      t.deprecated(Y.every((k) => !k[$]), `items.${$}`, `items.${j}`);
     });
   }
   const c = {
-    ...S,
-    ...T
+    ...M,
+    ...D
   };
-  return m && o !== "alternate" && (typeof m == "number" ? c["--timeline-head-span"] = m : c["--timeline-head-span-ptg"] = m), /* @__PURE__ */ s.createElement(J.Provider, {
-    value: ee
-  }, /* @__PURE__ */ s.createElement(X.Provider, {
-    value: R
-  }, /* @__PURE__ */ s.createElement(G, {
-    ...V,
+  return G(n) && i !== "alternate" && (typeof n == "number" && !Number.isNaN(n) ? c[v("head-span")] = n : c[v("head-span-ptg")] = n), /* @__PURE__ */ s.createElement(X.Provider, {
+    value: re
+  }, /* @__PURE__ */ s.createElement(se.Provider, {
+    value: F
+  }, /* @__PURE__ */ s.createElement(Q, {
+    ..._,
     // Style
-    className: k(e, I, w, W, _, {
-      [`${e}-${i}`]: i === "horizontal",
-      [`${e}-layout-alternate`]: U,
-      [`${e}-rtl`]: h === "rtl"
+    className: B(e, E, T, z, A, {
+      [`${e}-${r}`]: r === "horizontal",
+      [`${e}-layout-alternate`]: H,
+      [`${e}-rtl`]: S === "rtl"
     }),
     style: c,
-    classNames: L,
-    styles: O,
+    classNames: R,
+    styles: U,
     // Design
-    variant: p,
-    orientation: i,
+    variant: f,
+    orientation: r,
     // Layout
     type: "dot",
-    items: r,
-    current: r.length - 1
+    items: m,
+    current: m.length - 1
   })));
 };
-$.Item = () => {
+I.Item = () => {
 };
-N.env.NODE_ENV !== "production" && ($.displayName = "Timeline");
+h.env.NODE_ENV !== "production" && (I.displayName = "Timeline");
 export {
-  $ as default
+  I as default
 };
 //# sourceMappingURL=Timeline.js.map

package/dist/node_modules/antd/es/timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../../../node_modules/antd/es/timeline/Timeline.js"],"sourcesContent":["\"use client\";\n\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\nimport { UnstableContext } from '@rc-component/steps';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Steps from '../steps';\nimport { InternalContext } from '../steps/context';\nimport useStyle from './style';\nimport useItems from './useItems';\nconst stepInternalContext = {\n  rootComponent: 'ol',\n  itemComponent: 'li'\n};\nconst Timeline = props => {\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n    classNames: contextClassNames,\n    styles: contextStyles\n  } = useComponentConfig('timeline');\n  const {\n    prefixCls: customizePrefixCls,\n    // Style\n    className,\n    style,\n    classNames,\n    styles,\n    // Design\n    variant = 'outlined',\n    mode,\n    orientation = 'vertical',\n    titleSpan,\n    // Data\n    items,\n    children,\n    reverse,\n    // Legacy Pending\n    pending,\n    pendingDot,\n    ...restProps\n  } = props;\n  // ===================== MISC =======================\n  const prefixCls = getPrefixCls('timeline', customizePrefixCls);\n  // ==================== Styles ======================\n  // This will be duplicated with Steps's hashId & cssVarCls when they have same token\n  // But this is safe to keep here since web will do nothing\n  const [hashId, cssVarCls] = useStyle(prefixCls);\n  const stepsClassNames = React.useMemo(() => ({\n    item: `${prefixCls}-item`,\n    itemTitle: `${prefixCls}-item-title`,\n    itemIcon: `${prefixCls}-item-icon`,\n    itemContent: `${prefixCls}-item-content`,\n    itemRail: `${prefixCls}-item-rail`,\n    itemWrapper: `${prefixCls}-item-wrapper`,\n    itemSection: `${prefixCls}-item-section`,\n    itemHeader: `${prefixCls}-item-header`\n  }), [prefixCls]);\n  // ===================== Mode =======================\n  const mergedMode = React.useMemo(() => {\n    // Deprecated\n    if (mode === 'left') {\n      return 'start';\n    }\n    if (mode === 'right') {\n      return 'end';\n    }\n    // Fill\n    const modeList = ['alternate', 'start', 'end'];\n    return modeList.includes(mode) ? mode : 'start';\n  }, [mode]);\n  // ===================== Data =======================\n  const rawItems = useItems(prefixCls, mergedMode, items, children, pending, pendingDot);\n  const mergedItems = React.useMemo(() => reverse ? _toConsumableArray(rawItems).reverse() : rawItems, [reverse, rawItems]);\n  // =========== Merged Props for Semantic ===========\n  const mergedProps = {\n    ...props,\n    variant,\n    mode: mergedMode,\n    orientation,\n    items: mergedItems\n  };\n  const [mergedClassNames, mergedStyles] = useMergeSemantic([stepsClassNames, contextClassNames, classNames], [contextStyles, styles], {\n    props: mergedProps\n  });\n  const stepContext = React.useMemo(() => ({\n    railFollowPrevStatus: reverse\n  }), [reverse]);\n  // ==================== Design ======================\n  const layoutAlternate = React.useMemo(() => mergedMode === 'alternate' || orientation === 'vertical' && mergedItems.some(item => item.title), [mergedItems, mergedMode, orientation]);\n  // ===================== Warn =======================\n  if (process.env.NODE_ENV !== 'production') {\n    const warning = devUseWarning('Timeline');\n    // Item\n    warning.deprecated(!children, 'Timeline.Item', 'items');\n    // Pending\n    const pendingWarning = 'You can create a `item` as pending node directly.';\n    warning.deprecated(!pending, 'pending', 'items', pendingWarning);\n    warning.deprecated(!pendingDot, 'pendingDot', 'items', pendingWarning);\n    // Mode\n    warning.deprecated(mode !== 'left' && mode !== 'right', 'mode=left|right', 'mode=start|end');\n    // Item Props\n    const warnItems = items || [];\n    [['label', 'title'], ['children', 'content'], ['dot', 'icon'], ['position', 'placement']].forEach(([oldProp, newProp]) => {\n      warning.deprecated(warnItems.every(item => !item[oldProp]), `items.${oldProp}`, `items.${newProp}`);\n    });\n  }\n  // ==================== Render ======================\n  const stepStyle = {\n    ...contextStyle,\n    ...style\n  };\n  if (titleSpan && mergedMode !== 'alternate') {\n    if (typeof titleSpan === 'number') {\n      stepStyle['--timeline-head-span'] = titleSpan;\n    } else {\n      stepStyle['--timeline-head-span-ptg'] = titleSpan;\n    }\n  }\n  return /*#__PURE__*/React.createElement(InternalContext.Provider, {\n    value: stepInternalContext\n  }, /*#__PURE__*/React.createElement(UnstableContext.Provider, {\n    value: stepContext\n  }, /*#__PURE__*/React.createElement(Steps, {\n    ...restProps,\n    // Style\n    className: clsx(prefixCls, contextClassName, className, hashId, cssVarCls, {\n      [`${prefixCls}-${orientation}`]: orientation === 'horizontal',\n      [`${prefixCls}-layout-alternate`]: layoutAlternate,\n      [`${prefixCls}-rtl`]: direction === 'rtl'\n    }),\n    style: stepStyle,\n    classNames: mergedClassNames,\n    styles: mergedStyles,\n    // Design\n    variant: variant,\n    orientation: orientation,\n    // Layout\n    type: \"dot\",\n    items: mergedItems,\n    current: mergedItems.length - 1\n  })));\n};\nTimeline.Item = () => {};\nif (process.env.NODE_ENV !== 'production') {\n  Timeline.displayName = 'Timeline';\n}\nexport default Timeline;"],"names":["stepInternalContext","Timeline","props","getPrefixCls","direction","contextClassName","contextStyle","contextClassNames","contextStyles","useComponentConfig","customizePrefixCls","className","style","classNames","styles","variant","mode","orientation","titleSpan","items","children","reverse","pending","pendingDot","restProps","prefixCls","hashId","cssVarCls","useStyle","stepsClassNames","React","mergedMode","rawItems","useItems","mergedItems","_toConsumableArray","mergedProps","mergedClassNames","mergedStyles","useMergeSemantic","stepContext","layoutAlternate","item","process","warning","devUseWarning","pendingWarning","warnItems","oldProp","newProp","stepStyle","InternalContext","UnstableContext","Steps","clsx"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Timeline.js","sources":["../../../../../node_modules/antd/es/timeline/Timeline.js"],"sourcesContent":["\"use client\";\n\nimport _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport * as React from 'react';\nimport { UnstableContext } from '@rc-component/steps';\nimport { clsx } from 'clsx';\nimport { useMergeSemantic } from '../_util/hooks';\nimport isNonNullable from '../_util/isNonNullable';\nimport { devUseWarning } from '../_util/warning';\nimport { useComponentConfig } from '../config-provider/context';\nimport Steps from '../steps';\nimport { InternalContext } from '../steps/context';\nimport { genCssVar } from '../theme/util/genStyleUtils';\nimport useStyle from './style';\nimport useItems from './useItems';\nconst stepInternalContext = {\n  rootComponent: 'ol',\n  itemComponent: 'li'\n};\nconst Timeline = props => {\n  const {\n    getPrefixCls,\n    direction,\n    className: contextClassName,\n    style: contextStyle,\n    classNames: contextClassNames,\n    styles: contextStyles\n  } = useComponentConfig('timeline');\n  const {\n    prefixCls: customizePrefixCls,\n    // Style\n    className,\n    style,\n    classNames,\n    styles,\n    // Design\n    variant = 'outlined',\n    mode,\n    orientation = 'vertical',\n    titleSpan,\n    // Data\n    items,\n    children,\n    reverse,\n    // Legacy Pending\n    pending,\n    pendingDot,\n    ...restProps\n  } = props;\n  // ===================== MISC =======================\n  const rootPrefixCls = getPrefixCls();\n  const prefixCls = getPrefixCls('timeline', customizePrefixCls);\n  // ==================== Styles ======================\n  // This will be duplicated with Steps's hashId & cssVarCls when they have same token\n  // But this is safe to keep here since web will do nothing\n  const [hashId, cssVarCls] = useStyle(prefixCls);\n  const [varName] = genCssVar(rootPrefixCls, 'timeline');\n  const stepsClassNames = React.useMemo(() => ({\n    item: `${prefixCls}-item`,\n    itemTitle: `${prefixCls}-item-title`,\n    itemIcon: `${prefixCls}-item-icon`,\n    itemContent: `${prefixCls}-item-content`,\n    itemRail: `${prefixCls}-item-rail`,\n    itemWrapper: `${prefixCls}-item-wrapper`,\n    itemSection: `${prefixCls}-item-section`,\n    itemHeader: `${prefixCls}-item-header`\n  }), [prefixCls]);\n  // ===================== Mode =======================\n  const mergedMode = React.useMemo(() => {\n    // Deprecated\n    if (mode === 'left') {\n      return 'start';\n    }\n    if (mode === 'right') {\n      return 'end';\n    }\n    // Fill\n    const modeList = ['alternate', 'start', 'end'];\n    return modeList.includes(mode) ? mode : 'start';\n  }, [mode]);\n  // ===================== Data =======================\n  const rawItems = useItems(rootPrefixCls, prefixCls, mergedMode, items, children, pending, pendingDot);\n  const mergedItems = React.useMemo(() => reverse ? _toConsumableArray(rawItems).reverse() : rawItems, [reverse, rawItems]);\n  // =========== Merged Props for Semantic ===========\n  const mergedProps = {\n    ...props,\n    variant,\n    mode: mergedMode,\n    orientation,\n    items: mergedItems\n  };\n  const [mergedClassNames, mergedStyles] = useMergeSemantic([stepsClassNames, contextClassNames, classNames], [contextStyles, styles], {\n    props: mergedProps\n  });\n  const stepContext = React.useMemo(() => ({\n    railFollowPrevStatus: reverse\n  }), [reverse]);\n  // ==================== Design ======================\n  const layoutAlternate = React.useMemo(() => mergedMode === 'alternate' || orientation === 'vertical' && mergedItems.some(item => item.title), [mergedItems, mergedMode, orientation]);\n  // ===================== Warn =======================\n  if (process.env.NODE_ENV !== 'production') {\n    const warning = devUseWarning('Timeline');\n    // Item\n    warning.deprecated(!children, 'Timeline.Item', 'items');\n    // Pending\n    const pendingWarning = 'You can create a `item` as pending node directly.';\n    warning.deprecated(!pending, 'pending', 'items', pendingWarning);\n    warning.deprecated(!pendingDot, 'pendingDot', 'items', pendingWarning);\n    // Mode\n    warning.deprecated(mode !== 'left' && mode !== 'right', 'mode=left|right', 'mode=start|end');\n    // Item Props\n    const warnItems = items || [];\n    [['label', 'title'], ['children', 'content'], ['dot', 'icon'], ['position', 'placement']].forEach(([oldProp, newProp]) => {\n      warning.deprecated(warnItems.every(item => !item[oldProp]), `items.${oldProp}`, `items.${newProp}`);\n    });\n  }\n  // ==================== Render ======================\n  const stepStyle = {\n    ...contextStyle,\n    ...style\n  };\n  if (isNonNullable(titleSpan) && mergedMode !== 'alternate') {\n    if (typeof titleSpan === 'number' && !Number.isNaN(titleSpan)) {\n      stepStyle[varName('head-span')] = titleSpan;\n    } else {\n      stepStyle[varName('head-span-ptg')] = titleSpan;\n    }\n  }\n  return /*#__PURE__*/React.createElement(InternalContext.Provider, {\n    value: stepInternalContext\n  }, /*#__PURE__*/React.createElement(UnstableContext.Provider, {\n    value: stepContext\n  }, /*#__PURE__*/React.createElement(Steps, {\n    ...restProps,\n    // Style\n    className: clsx(prefixCls, contextClassName, className, hashId, cssVarCls, {\n      [`${prefixCls}-${orientation}`]: orientation === 'horizontal',\n      [`${prefixCls}-layout-alternate`]: layoutAlternate,\n      [`${prefixCls}-rtl`]: direction === 'rtl'\n    }),\n    style: stepStyle,\n    classNames: mergedClassNames,\n    styles: mergedStyles,\n    // Design\n    variant: variant,\n    orientation: orientation,\n    // Layout\n    type: \"dot\",\n    items: mergedItems,\n    current: mergedItems.length - 1\n  })));\n};\nTimeline.Item = () => {};\nif (process.env.NODE_ENV !== 'production') {\n  Timeline.displayName = 'Timeline';\n}\nexport default Timeline;"],"names":["stepInternalContext","Timeline","props","getPrefixCls","direction","contextClassName","contextStyle","contextClassNames","contextStyles","useComponentConfig","customizePrefixCls","className","style","classNames","styles","variant","mode","orientation","titleSpan","items","children","reverse","pending","pendingDot","restProps","rootPrefixCls","prefixCls","hashId","cssVarCls","useStyle","varName","genCssVar","stepsClassNames","React","mergedMode","rawItems","useItems","mergedItems","_toConsumableArray","mergedProps","mergedClassNames","mergedStyles","useMergeSemantic","stepContext","layoutAlternate","item","process","warning","devUseWarning","pendingWarning","warnItems","oldProp","newProp","stepStyle","isNonNullable","InternalContext","UnstableContext","Steps","clsx"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/antd/es/timeline/style/horizontal.js

@@ -1,13 +1,16 @@
-import { unit as o } from "../../../../@ant-design/cssinjs/es/util/index.js";
-const l = (n) => {
+import { unit as m } from "../../../../@ant-design/cssinjs/es/util/index.js";
+import { genCssVar as l } from "../../theme/util/genStyleUtils.js";
+const u = (r) => {
   const {
-    componentCls: e,
-    fontHeight: a
-  } = n, t = `${e}-item`;
+    componentCls: a,
+    fontHeight: s,
+    antCls: o,
+    paddingXS: c
+  } = r, [p, n] = l(o, "cmp-steps"), [i, e] = l(o, "timeline"), t = `${a}-item`;
   return {
-    [`${e}-horizontal`]: {
-      "--steps-title-vertical-row-gap": n.paddingXS,
-      "--timeline-content-height": `${o(a)}`,
+    [`${a}-horizontal`]: {
+      [p("title-vertical-row-gap")]: c,
+      [i("content-height")]: m(s),
       // =============================================================
       // ==                          Share                          ==
       // =============================================================
@@ -15,11 +18,11 @@ const l = (n) => {
       // =============================================================
       // ==                        Alternate                        ==
       // =============================================================
-      [`&${e}-layout-alternate`]: {
+      [`&${a}-layout-alternate`]: {
         [t]: {
           [`${t}-wrapper`]: {
-            "--timeline-alternate-content-offset": "calc(var(--timeline-content-height) + var(--steps-title-vertical-row-gap) * 2 + var(--steps-icon-size-max))",
-            height: "calc(var(--timeline-content-height) * 2 + var(--steps-title-vertical-row-gap) * 2 + var(--steps-icon-size-max))"
+            [i("alternate-content-offset")]: `calc(${e("content-height")} + ${n("title-vertical-row-gap")} * 2 + ${n("icon-size-max")})`,
+            height: `calc(${e("content-height")} * 2 + ${n("title-vertical-row-gap")} * 2 + ${n("icon-size-max")})`
           },
           // Icon
           [`${t}-icon`]: {
@@ -58,18 +61,18 @@ const l = (n) => {
           // Placement
           "&-placement-start": {
             [`${t}-title`]: {
-              bottom: "var(--timeline-alternate-content-offset)"
+              bottom: e("alternate-content-offset")
             },
             [`${t}-content`]: {
-              top: "var(--timeline-alternate-content-offset)"
+              top: e("alternate-content-offset")
             }
           },
           "&-placement-end": {
             [`${t}-title`]: {
-              top: "var(--timeline-alternate-content-offset)"
+              top: e("alternate-content-offset")
             },
             [`${t}-content`]: {
-              bottom: "var(--timeline-alternate-content-offset)"
+              bottom: e("alternate-content-offset")
             }
           }
         }
@@ -77,7 +80,7 @@ const l = (n) => {
       // =============================================================
       // ==                        Same Side                        ==
       // =============================================================
-      [`&:not(${e}-layout-alternate)`]: {
+      [`&:not(${a}-layout-alternate)`]: {
         [`${t}-placement-end`]: {
           display: "flex",
           alignItems: "flex-end",
@@ -87,7 +90,7 @@ const l = (n) => {
           },
           [`${t}-rail`]: {
             top: "auto",
-            bottom: "var(--steps-horizontal-rail-margin)",
+            bottom: n("horizontal-rail-margin"),
             transform: "translateY(50%)"
           }
         }
@@ -96,6 +99,6 @@ const l = (n) => {
   };
 };
 export {
-  l as default
+  u as default
 };
 //# sourceMappingURL=horizontal.js.map

package/dist/node_modules/antd/es/timeline/style/horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontal.js","sources":["../../../../../../node_modules/antd/es/timeline/style/horizontal.js"],"sourcesContent":["import { unit } from '@ant-design/cssinjs';\nconst genHorizontalStyle = token => {\n  const {\n    componentCls,\n    fontHeight\n  } = token;\n  const itemCls = `${componentCls}-item`;\n  return {\n    [`${componentCls}-horizontal`]: {\n      '--steps-title-vertical-row-gap': token.paddingXS,\n      '--timeline-content-height': `${unit(fontHeight)}`,\n      // =============================================================\n      // ==                          Share                          ==\n      // =============================================================\n      alignItems: 'stretch',\n      // =============================================================\n      // ==                        Alternate                        ==\n      // =============================================================\n      [`&${componentCls}-layout-alternate`]: {\n        [itemCls]: {\n          [`${itemCls}-wrapper`]: {\n            '--timeline-alternate-content-offset': `calc(var(--timeline-content-height) + var(--steps-title-vertical-row-gap) * 2 + var(--steps-icon-size-max))`,\n            height: `calc(var(--timeline-content-height) * 2 + var(--steps-title-vertical-row-gap) * 2 + var(--steps-icon-size-max))`\n          },\n          // Icon\n          [`${itemCls}-icon`]: {\n            position: 'absolute'\n          },\n          // Icon & Rail\n          [`${itemCls}-icon, ${itemCls}-rail`]: {\n            position: 'absolute',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            margin: 0\n          },\n          // Title & Content\n          [`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {\n            whiteSpace: 'nowrap',\n            maxWidth: 'unset'\n          },\n          // Title\n          [`${itemCls}-title`]: {\n            position: 'absolute',\n            left: {\n              _skip_check_: true,\n              value: '50%'\n            },\n            transform: 'translateX(-50%)'\n          },\n          // Content\n          [`${itemCls}-content`]: {\n            position: 'absolute',\n            left: {\n              _skip_check_: true,\n              value: '50%'\n            },\n            transform: 'translateX(-50%)'\n          },\n          // Placement\n          '&-placement-start': {\n            [`${itemCls}-title`]: {\n              bottom: 'var(--timeline-alternate-content-offset)'\n            },\n            [`${itemCls}-content`]: {\n              top: 'var(--timeline-alternate-content-offset)'\n            }\n          },\n          '&-placement-end': {\n            [`${itemCls}-title`]: {\n              top: 'var(--timeline-alternate-content-offset)'\n            },\n            [`${itemCls}-content`]: {\n              bottom: 'var(--timeline-alternate-content-offset)'\n            }\n          }\n        }\n      },\n      // =============================================================\n      // ==                        Same Side                        ==\n      // =============================================================\n      [`&:not(${componentCls}-layout-alternate)`]: {\n        [`${itemCls}-placement-end`]: {\n          display: 'flex',\n          alignItems: 'flex-end',\n          [`${itemCls}-wrapper`]: {\n            flex: 'auto',\n            flexDirection: 'column-reverse'\n          },\n          [`${itemCls}-rail`]: {\n            top: 'auto',\n            bottom: 'var(--steps-horizontal-rail-margin)',\n            transform: 'translateY(50%)'\n          }\n        }\n      }\n    }\n  };\n};\nexport default genHorizontalStyle;"],"names":["genHorizontalStyle","token","componentCls","fontHeight","itemCls","unit"],"mappings":";AACK,MAACA,IAAqB,CAAAC,MAAS;AAClC,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,YAAAC;AAAA,EACJ,IAAMF,GACEG,IAAU,GAAGF,CAAY;AAC/B,SAAO;AAAA,IACL,CAAC,GAAGA,CAAY,aAAa,GAAG;AAAA,MAC9B,kCAAkCD,EAAM;AAAA,MACxC,6BAA6B,GAAGI,EAAKF,CAAU,CAAC;AAAA;AAAA;AAAA;AAAA,MAIhD,YAAY;AAAA;AAAA;AAAA;AAAA,MAIZ,CAAC,IAAID,CAAY,mBAAmB,GAAG;AAAA,QACrC,CAACE,CAAO,GAAG;AAAA,UACT,CAAC,GAAGA,CAAO,UAAU,GAAG;AAAA,YACtB,uCAAuC;AAAA,YACvC,QAAQ;AAAA,UACpB;AAAA;AAAA,UAEU,CAAC,GAAGA,CAAO,OAAO,GAAG;AAAA,YACnB,UAAU;AAAA,UACtB;AAAA;AAAA,UAEU,CAAC,GAAGA,CAAO,UAAUA,CAAO,OAAO,GAAG;AAAA,YACpC,UAAU;AAAA,YACV,KAAK;AAAA,YACL,WAAW;AAAA,YACX,QAAQ;AAAA,UACpB;AAAA;AAAA,UAEU,CAAC,GAAGA,CAAO,WAAWA,CAAO,cAAcA,CAAO,UAAU,GAAG;AAAA,YAC7D,YAAY;AAAA,YACZ,UAAU;AAAA,UACtB;AAAA;AAAA,UAEU,CAAC,GAAGA,CAAO,QAAQ,GAAG;AAAA,YACpB,UAAU;AAAA,YACV,MAAM;AAAA,cACJ,cAAc;AAAA,cACd,OAAO;AAAA,YACrB;AAAA,YACY,WAAW;AAAA,UACvB;AAAA;AAAA,UAEU,CAAC,GAAGA,CAAO,UAAU,GAAG;AAAA,YACtB,UAAU;AAAA,YACV,MAAM;AAAA,cACJ,cAAc;AAAA,cACd,OAAO;AAAA,YACrB;AAAA,YACY,WAAW;AAAA,UACvB;AAAA;AAAA,UAEU,qBAAqB;AAAA,YACnB,CAAC,GAAGA,CAAO,QAAQ,GAAG;AAAA,cACpB,QAAQ;AAAA,YACtB;AAAA,YACY,CAAC,GAAGA,CAAO,UAAU,GAAG;AAAA,cACtB,KAAK;AAAA,YACnB;AAAA,UACA;AAAA,UACU,mBAAmB;AAAA,YACjB,CAAC,GAAGA,CAAO,QAAQ,GAAG;AAAA,cACpB,KAAK;AAAA,YACnB;AAAA,YACY,CAAC,GAAGA,CAAO,UAAU,GAAG;AAAA,cACtB,QAAQ;AAAA,YACtB;AAAA,UACA;AAAA,QACA;AAAA,MACA;AAAA;AAAA;AAAA;AAAA,MAIM,CAAC,SAASF,CAAY,oBAAoB,GAAG;AAAA,QAC3C,CAAC,GAAGE,CAAO,gBAAgB,GAAG;AAAA,UAC5B,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,CAAC,GAAGA,CAAO,UAAU,GAAG;AAAA,YACtB,MAAM;AAAA,YACN,eAAe;AAAA,UAC3B;AAAA,UACU,CAAC,GAAGA,CAAO,OAAO,GAAG;AAAA,YACnB,KAAK;AAAA,YACL,QAAQ;AAAA,YACR,WAAW;AAAA,UACvB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"horizontal.js","sources":["../../../../../../node_modules/antd/es/timeline/style/horizontal.js"],"sourcesContent":["import { unit } from '@ant-design/cssinjs';\nimport { genCssVar } from '../../theme/util/genStyleUtils';\nconst genHorizontalStyle = token => {\n  const {\n    componentCls,\n    fontHeight,\n    antCls,\n    paddingXS\n  } = token;\n  const [stepsVarName, stepsVarRef] = genCssVar(antCls, 'cmp-steps');\n  const [timelineVarName, timelineVarRef] = genCssVar(antCls, 'timeline');\n  const itemCls = `${componentCls}-item`;\n  return {\n    [`${componentCls}-horizontal`]: {\n      [stepsVarName('title-vertical-row-gap')]: paddingXS,\n      [timelineVarName('content-height')]: unit(fontHeight),\n      // =============================================================\n      // ==                          Share                          ==\n      // =============================================================\n      alignItems: 'stretch',\n      // =============================================================\n      // ==                        Alternate                        ==\n      // =============================================================\n      [`&${componentCls}-layout-alternate`]: {\n        [itemCls]: {\n          [`${itemCls}-wrapper`]: {\n            [timelineVarName('alternate-content-offset')]: `calc(${timelineVarRef('content-height')} + ${stepsVarRef('title-vertical-row-gap')} * 2 + ${stepsVarRef('icon-size-max')})`,\n            height: `calc(${timelineVarRef('content-height')} * 2 + ${stepsVarRef('title-vertical-row-gap')} * 2 + ${stepsVarRef('icon-size-max')})`\n          },\n          // Icon\n          [`${itemCls}-icon`]: {\n            position: 'absolute'\n          },\n          // Icon & Rail\n          [`${itemCls}-icon, ${itemCls}-rail`]: {\n            position: 'absolute',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            margin: 0\n          },\n          // Title & Content\n          [`${itemCls}-title, ${itemCls}-subtitle, ${itemCls}-content`]: {\n            whiteSpace: 'nowrap',\n            maxWidth: 'unset'\n          },\n          // Title\n          [`${itemCls}-title`]: {\n            position: 'absolute',\n            left: {\n              _skip_check_: true,\n              value: '50%'\n            },\n            transform: 'translateX(-50%)'\n          },\n          // Content\n          [`${itemCls}-content`]: {\n            position: 'absolute',\n            left: {\n              _skip_check_: true,\n              value: '50%'\n            },\n            transform: 'translateX(-50%)'\n          },\n          // Placement\n          '&-placement-start': {\n            [`${itemCls}-title`]: {\n              bottom: timelineVarRef('alternate-content-offset')\n            },\n            [`${itemCls}-content`]: {\n              top: timelineVarRef('alternate-content-offset')\n            }\n          },\n          '&-placement-end': {\n            [`${itemCls}-title`]: {\n              top: timelineVarRef('alternate-content-offset')\n            },\n            [`${itemCls}-content`]: {\n              bottom: timelineVarRef('alternate-content-offset')\n            }\n          }\n        }\n      },\n      // =============================================================\n      // ==                        Same Side                        ==\n      // =============================================================\n      [`&:not(${componentCls}-layout-alternate)`]: {\n        [`${itemCls}-placement-end`]: {\n          display: 'flex',\n          alignItems: 'flex-end',\n          [`${itemCls}-wrapper`]: {\n            flex: 'auto',\n            flexDirection: 'column-reverse'\n          },\n          [`${itemCls}-rail`]: {\n            top: 'auto',\n            bottom: stepsVarRef('horizontal-rail-margin'),\n            transform: 'translateY(50%)'\n          }\n        }\n      }\n    }\n  };\n};\nexport default genHorizontalStyle;"],"names":["genHorizontalStyle","token","componentCls","fontHeight","antCls","paddingXS","stepsVarName","stepsVarRef","genCssVar","timelineVarName","timelineVarRef","itemCls","unit"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/antd/es/timeline/style/index.js

@@ -1,49 +1,62 @@
-import { resetComponent as l } from "../../style/index.js";
-import { genStyleHooks as a } from "../../theme/util/genStyleUtils.js";
-import r from "./horizontal.js";
-import { merge as s } from "../../../../@ant-design/cssinjs-utils/es/util/statistic.js";
-const c = (t) => {
+import { resetComponent as x } from "../../style/index.js";
+import { genStyleHooks as y, genCssVar as p } from "../../theme/util/genStyleUtils.js";
+import C from "./horizontal.js";
+import { merge as b } from "../../../../@ant-design/cssinjs-utils/es/util/statistic.js";
+const B = (o) => {
   const {
-    componentCls: o,
-    tailColor: n
-  } = t, i = `${o}-item`;
+    componentCls: l,
+    tailColor: a,
+    fontHeight: m,
+    dotSize: g,
+    dotBg: s,
+    dotBorderWidth: e,
+    fontSize: c,
+    lineHeight: d,
+    colorText: i,
+    tailWidth: $,
+    colorPrimary: h,
+    colorError: u,
+    colorSuccess: z,
+    colorTextDisabled: f,
+    antCls: S
+  } = o, n = `${l}-item`, [t, r] = p(S, "cmp-steps");
   return {
-    [o]: [
+    [l]: [
       // ==============================================================
       // ==                           Item                           ==
       // ==============================================================
       {
-        ...l(t),
-        [i]: {
-          "--steps-title-horizontal-title-height": t.fontHeight,
-          "--steps-vertical-rail-margin": "0px",
-          "--steps-title-horizontal-rail-gap": "0px",
+        ...x(o),
+        [n]: {
+          [t("title-horizontal-title-height")]: m,
+          [t("vertical-rail-margin")]: "0px",
+          [t("title-horizontal-rail-gap")]: "0px",
           // Root Level: Record Steps icon size and support fallback
-          "--steps-icon-dot-size-origin": "var(--steps-icon-size-active)",
-          "--steps-icon-dot-size-custom": t.dotSize,
+          [t("icon-dot-size-origin")]: r("icon-size-active"),
+          [t("icon-dot-size-custom")]: g,
           // Item Level: Record Steps icon color and support fallback
-          "--steps-item-icon-dot-bg-color-origin": "var(--steps-item-icon-dot-bg-color)",
-          "--steps-item-icon-dot-bg-color-custom": t.dotBg,
-          "--steps-icon-size": "var(--steps-icon-dot-size-custom, var(--steps-icon-dot-size-origin))",
+          [t("item-icon-dot-bg-color-origin")]: r("item-icon-dot-bg-color"),
+          [t("item-icon-dot-bg-color-custom")]: s,
+          [t("icon-size")]: r("icon-dot-size-custom", r("icon-dot-size-origin")),
           // Icon
-          [`${i}-icon`]: {
-            "--steps-dot-icon-border-width": t.dotBorderWidth,
-            "--steps-dot-icon-size": "var(--steps-icon-size)",
-            "--steps-item-icon-dot-bg-color": "var(--steps-item-icon-dot-bg-color-custom, var(--steps-item-icon-dot-bg-color-origin))"
+          [`${n}-icon`]: {
+            [t("dot-icon-border-width")]: e,
+            [t("dot-icon-size")]: r("icon-size"),
+            [t("item-icon-dot-bg-color")]: r("item-icon-dot-bg-color-custom", r("item-icon-dot-bg-color-origin"))
           },
           // Title
-          [`${i}-title`]: {
-            fontSize: t.fontSize,
-            lineHeight: t.lineHeight
+          [`${n}-title`]: {
+            fontSize: c,
+            lineHeight: d
           },
           // Content
-          [`${i}-content`]: {
-            color: t.colorText
+          [`${n}-content`]: {
+            color: i
           },
           // Rail
-          [`${i}-rail`]: {
-            "--steps-item-solid-line-color": n,
-            "--steps-rail-size": t.tailWidth
+          [`${n}-rail`]: {
+            [t("item-solid-line-color")]: a,
+            [t("rail-size")]: $
           }
         }
       },
@@ -51,70 +64,72 @@ const c = (t) => {
       // ==                          Status                          ==
       // ==============================================================
       {
-        [i]: {
-          "--steps-item-process-rail-line-style": "dotted"
+        [n]: {
+          [t("item-process-rail-line-style")]: "dotted"
         },
-        [`${i}${i}${i}-color`]: {
+        [`${n}${n}${n}-color`]: {
           "&-blue": {
-            "--steps-item-icon-dot-color": t.colorPrimary
+            [t("item-icon-dot-color")]: h
           },
           "&-red": {
-            "--steps-item-icon-dot-color": t.colorError
+            [t("item-icon-dot-color")]: u
           },
           "&-green": {
-            "--steps-item-icon-dot-color": t.colorSuccess
+            [t("item-icon-dot-color")]: z
           },
           "&-gray": {
-            "--steps-item-icon-dot-color": t.colorTextDisabled
+            [t("item-icon-dot-color")]: f
           }
         }
       }
     ]
   };
-}, d = (t) => {
+}, I = (o) => {
   const {
-    calc: o,
-    componentCls: n,
-    itemPaddingBottom: i
-  } = t, e = `${n}-item`;
+    calc: l,
+    componentCls: a,
+    itemPaddingBottom: m,
+    margin: g,
+    antCls: s
+  } = o, e = `${a}-item`, [, c] = p(s, "cmp-steps"), [d, i] = p(s, "timeline");
   return {
-    [`${n}:not(${n}-horizontal)`]: {
-      "--timeline-head-span": "12",
-      "--timeline-head-span-ptg": "calc(var(--timeline-head-span) / 24 * 100%)",
+    [`${a}:not(${a}-horizontal)`]: {
+      [d("head-span")]: "12",
+      [d("head-span-ptg")]: `calc(${i("head-span")} / 24 * 100%)`,
       // =============================================================
       // ==                        Alternate                        ==
       // =============================================================
-      [`&${n}-layout-alternate`]: {
+      [`&${a}-layout-alternate`]: {
         [e]: {
-          "--timeline-alternate-gap": o(t.margin).mul(2).add("var(--steps-dot-icon-size)").equal(),
+          [d("alternate-gap")]: l(g).mul(2).add(c("dot-icon-size")).equal(),
           minHeight: "auto",
-          paddingBottom: i,
+          paddingBottom: m,
           // Icon & Rail
           [`${e}-icon, ${e}-rail`]: {
             position: "absolute",
-            insetInlineStart: "var(--timeline-head-span-ptg)"
+            insetInlineStart: i("head-span-ptg")
           },
           // Icon
           [`${e}-icon`]: {
-            marginInlineStart: "calc(var(--steps-icon-size) / -2)"
+            marginInlineStart: `calc(${c("icon-size")} / -2)`
           },
           // Section
           [`${e}-section`]: {
             display: "flex",
             flexWrap: "nowrap",
-            gap: "var(--timeline-alternate-gap)"
+            gap: i("alternate-gap")
           },
           // >>> Header
           [`${e}-header`]: {
             textAlign: "end",
             flexDirection: "column",
             alignItems: "stretch",
-            flex: "1 1 calc(var(--timeline-head-span-ptg) - var(--timeline-alternate-gap) / 2)"
+            flex: `1 1 calc(${i("head-span-ptg")} - ${i("alternate-gap")} / 2)`
           },
           // >>> Content
           [`${e}-content`]: {
             textAlign: "start",
-            flex: "1 1 calc(100% - var(--timeline-head-span-ptg) - var(--timeline-alternate-gap) / 2)"
+            flex: `1 1 calc(100% - ${i("head-span-ptg")} - ${i("alternate-gap")} / 2)`
           },
           // Placement
           "&-placement-end": {
@@ -126,7 +141,7 @@ const c = (t) => {
               textAlign: "end"
             },
             [`${e}-icon, ${e}-rail`]: {
-              insetInlineStart: "calc(100% - var(--timeline-head-span-ptg))"
+              insetInlineStart: `calc(100% - ${i("head-span-ptg")})`
             }
           }
         }
@@ -134,7 +149,7 @@ const c = (t) => {
       // =============================================================
       // ==                        Same Side                        ==
       // =============================================================
-      [`&:not(${n}-layout-alternate)`]: {
+      [`&:not(${a}-layout-alternate)`]: {
         [`${e}-placement-end`]: {
           textAlign: "end",
           [`${e}-icon`]: {
@@ -142,30 +157,30 @@ const c = (t) => {
           },
           [`${e}-rail`]: {
             insetInlineStart: "auto",
-            insetInlineEnd: "calc(var(--steps-icon-size) / 2)",
-            marginInlineEnd: "calc(var(--steps-rail-size) / -2)"
+            insetInlineEnd: `calc(${c("icon-size")} / 2)`,
+            marginInlineEnd: `calc(${c("rail-size")} / -2)`
           }
         }
       }
     }
   };
-}, p = (t) => ({
-  tailColor: t.colorSplit,
-  tailWidth: t.lineWidthBold,
-  dotBorderWidth: t.lineWidthBold,
+}, H = (o) => ({
+  tailColor: o.colorSplit,
+  tailWidth: o.lineWidthBold,
+  dotBorderWidth: o.lineWidthBold,
   dotBg: void 0,
   dotSize: void 0,
-  itemPaddingBottom: t.padding * 1.25
-}), u = a("Timeline", (t) => {
-  const o = s(t, {
+  itemPaddingBottom: o.padding * 1.25
+}), v = y("Timeline", (o) => {
+  const l = b(o, {
     itemHeadSize: 10,
-    customHeadPaddingVertical: t.paddingXXS,
+    customHeadPaddingVertical: o.paddingXXS,
     paddingInlineEnd: 2
   });
-  return [c(o), d(o), r(o)];
-}, p);
+  return [B(l), I(l), C(l)];
+}, H);
 export {
-  u as default,
-  p as prepareComponentToken
+  v as default,
+  H as prepareComponentToken
 };
 //# sourceMappingURL=index.js.map