@bioturing/components 0.34.0 → 0.35.3
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/dist/components/base-menu/component.d.ts +12 -0
- package/dist/components/base-menu/component.d.ts.map +1 -0
- package/dist/components/base-menu/component.js +69 -0
- package/dist/components/base-menu/component.js.map +1 -0
- package/dist/components/base-menu/index.d.ts +18 -0
- package/dist/components/base-menu/index.d.ts.map +1 -0
- package/dist/components/base-menu/index.js +11 -0
- package/dist/components/base-menu/index.js.map +1 -0
- package/dist/components/base-menu/item.css +1 -0
- package/dist/components/base-menu/item.d.ts +47 -0
- package/dist/components/base-menu/item.d.ts.map +1 -0
- package/dist/components/base-menu/item.js +73 -0
- package/dist/components/base-menu/item.js.map +1 -0
- package/dist/components/base-menu/style.css +1 -0
- package/dist/components/breadcrumb/component.d.ts +3 -2
- package/dist/components/breadcrumb/component.d.ts.map +1 -1
- package/dist/components/breadcrumb/component.js +138 -38
- package/dist/components/breadcrumb/component.js.map +1 -1
- package/dist/components/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -1
- package/dist/components/breadcrumb/item.d.ts +3 -0
- package/dist/components/breadcrumb/item.d.ts.map +1 -0
- package/dist/components/breadcrumb/item.js +19 -0
- package/dist/components/breadcrumb/item.js.map +1 -0
- package/dist/components/breadcrumb/style.css +1 -1
- package/dist/components/breadcrumb/types.d.ts +9 -2
- package/dist/components/breadcrumb/types.d.ts.map +1 -1
- package/dist/components/code-block/types.d.ts +2 -2
- package/dist/components/code-block/types.d.ts.map +1 -1
- package/dist/components/combobox/component.d.ts +3 -26
- package/dist/components/combobox/component.d.ts.map +1 -1
- package/dist/components/combobox/component.js +326 -216
- package/dist/components/combobox/component.js.map +1 -1
- package/dist/components/combobox/style.css +1 -1
- package/dist/components/command-palette/component.js +6 -6
- package/dist/components/command-palette/component.js.map +1 -1
- package/dist/components/dropdown-menu/component.d.ts.map +1 -1
- package/dist/components/dropdown-menu/component.js +90 -87
- package/dist/components/dropdown-menu/component.js.map +1 -1
- package/dist/components/dropdown-menu/divider.d.ts.map +1 -1
- package/dist/components/dropdown-menu/divider.js +17 -10
- package/dist/components/dropdown-menu/divider.js.map +1 -1
- package/dist/components/dropdown-menu/item.d.ts +19 -9
- package/dist/components/dropdown-menu/item.d.ts.map +1 -1
- package/dist/components/dropdown-menu/item.js +82 -131
- package/dist/components/dropdown-menu/item.js.map +1 -1
- package/dist/components/dropdown-menu/style.css +1 -1
- package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/useDropdownMenu.js +60 -63
- package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
- package/dist/components/field/component.d.ts +5 -1
- package/dist/components/field/component.d.ts.map +1 -1
- package/dist/components/field/component.js +29 -20
- package/dist/components/field/component.js.map +1 -1
- package/dist/components/popup-panel/component.d.ts.map +1 -1
- package/dist/components/popup-panel/component.js +101 -101
- package/dist/components/popup-panel/component.js.map +1 -1
- package/dist/components/select-trigger/component.d.ts +71 -9
- package/dist/components/select-trigger/component.d.ts.map +1 -1
- package/dist/components/select-trigger/component.js +180 -139
- package/dist/components/select-trigger/component.js.map +1 -1
- package/dist/components/select-trigger/index.d.ts +1 -2
- package/dist/components/select-trigger/index.d.ts.map +1 -1
- package/dist/components/select-trigger/style.css +1 -1
- package/dist/components/table/component.d.ts.map +1 -1
- package/dist/components/table/component.js +53 -52
- package/dist/components/table/component.js.map +1 -1
- package/dist/components/theme-provider/style.css +1 -1
- package/dist/components/truncate/component.d.ts.map +1 -1
- package/dist/components/truncate/component.js +84 -80
- package/dist/components/truncate/component.js.map +1 -1
- package/dist/components/truncate/helpers.d.ts +9 -0
- package/dist/components/truncate/helpers.d.ts.map +1 -1
- package/dist/components/truncate/helpers.js +70 -40
- package/dist/components/truncate/helpers.js.map +1 -1
- package/dist/components/truncate/index.d.ts +1 -0
- package/dist/components/truncate/index.d.ts.map +1 -1
- package/dist/components/truncate/useOverflowDetection.d.ts +19 -0
- package/dist/components/truncate/useOverflowDetection.d.ts.map +1 -0
- package/dist/components/truncate/useOverflowDetection.js +54 -0
- package/dist/components/truncate/useOverflowDetection.js.map +1 -0
- package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
- package/dist/components/utils/WithRenderProp.js +10 -10
- package/dist/components/utils/WithRenderProp.js.map +1 -1
- package/dist/components/utils/client.d.ts +1 -0
- package/dist/components/utils/client.d.ts.map +1 -1
- package/dist/components/utils/createSyntheticClickEvent.d.ts +13 -0
- package/dist/components/utils/createSyntheticClickEvent.d.ts.map +1 -0
- package/dist/components/utils/createSyntheticClickEvent.js +62 -0
- package/dist/components/utils/createSyntheticClickEvent.js.map +1 -0
- package/dist/components/vertical-collapsible-panel/component.d.ts +14 -0
- package/dist/components/vertical-collapsible-panel/component.d.ts.map +1 -1
- package/dist/components/vertical-collapsible-panel/component.js +82 -75
- package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
- package/dist/components/vertical-collapsible-panel/style.css +1 -1
- package/dist/index.js +273 -265
- package/dist/index.js.map +1 -1
- package/dist/stats.html +1 -1
- package/package.json +5 -6
- package/dist/components/dropdown-menu/item.css +0 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const BaseMenuRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const BaseMenuPopup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const BaseMenuContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const BaseMenuList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const BaseMenuSearch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const BaseMenuDivider: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
|
|
9
|
+
as?: "div";
|
|
10
|
+
state?: Record<string, unknown>;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,YAAY,mKAWvB,CAAC;AAEH,eAAO,MAAM,aAAa,mKAexB,CAAC;AAEH,eAAO,MAAM,iBAAiB,mKAe5B,CAAC;AAEH,eAAO,MAAM,YAAY,mKAWvB,CAAC;AAEH,eAAO,MAAM,cAAc,mKAezB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;wCAe1B,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import n from "react";
|
|
4
|
+
import './style.css';/* empty css */
|
|
5
|
+
import { useCls as c } from "../utils/antdUtils.js";
|
|
6
|
+
import { clsx as m } from "../utils/cn.js";
|
|
7
|
+
import { WithRenderProp as u } from "../utils/WithRenderProp.js";
|
|
8
|
+
const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
9
|
+
const a = c();
|
|
10
|
+
return /* @__PURE__ */ t("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
|
|
11
|
+
}), b = n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
12
|
+
const a = c();
|
|
13
|
+
return /* @__PURE__ */ t(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
className: m(a("base-menu-popup"), e),
|
|
17
|
+
ref: o,
|
|
18
|
+
...r,
|
|
19
|
+
children: s
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
});
|
|
23
|
+
n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
24
|
+
const a = c();
|
|
25
|
+
return /* @__PURE__ */ t(
|
|
26
|
+
"div",
|
|
27
|
+
{
|
|
28
|
+
className: m(a("base-menu-container"), e),
|
|
29
|
+
ref: o,
|
|
30
|
+
...r,
|
|
31
|
+
children: s
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
});
|
|
35
|
+
const w = n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
36
|
+
const a = c();
|
|
37
|
+
return /* @__PURE__ */ t("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
|
|
38
|
+
});
|
|
39
|
+
n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
40
|
+
const a = c();
|
|
41
|
+
return /* @__PURE__ */ t(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
className: m(a("base-menu-search"), e),
|
|
45
|
+
ref: o,
|
|
46
|
+
...r,
|
|
47
|
+
children: s
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
});
|
|
51
|
+
const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
|
|
52
|
+
const a = c();
|
|
53
|
+
return /* @__PURE__ */ t(
|
|
54
|
+
u,
|
|
55
|
+
{
|
|
56
|
+
className: m(a("base-menu-divider"), e),
|
|
57
|
+
ref: o,
|
|
58
|
+
...r,
|
|
59
|
+
children: s
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
});
|
|
63
|
+
export {
|
|
64
|
+
N as BaseMenuDivider,
|
|
65
|
+
w as BaseMenuList,
|
|
66
|
+
b as BaseMenuPopup,
|
|
67
|
+
v as BaseMenuRoot
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-popup\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-container\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuList = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n {children}\n </div>\n );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <div\n className={clsx(cls(\"base-menu-search\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n HTMLDivElement,\n WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n const cls = useCls();\n\n return (\n <WithRenderProp\n className={clsx(cls(\"base-menu-divider\"), className)}\n ref={ref}\n {...rest}\n >\n {children}\n </WithRenderProp>\n );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuList","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEgCF,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMQ,IAAeV,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC;AAE6BF,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMS,IAAkBX,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BaseMenuItem, BaseMenuItemProps } from './item';
|
|
2
|
+
export { BaseMenuItem, type BaseMenuItemProps };
|
|
3
|
+
export declare const BaseMenu: {
|
|
4
|
+
Root: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Popup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Container: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Search: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Divider: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
+
render?: import("@base-ui-components/react").useRender.RenderProp<Record<string, unknown>>;
|
|
11
|
+
as?: "div";
|
|
12
|
+
state?: Record<string, unknown>;
|
|
13
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Item: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
|
|
15
|
+
ref?: React.ForwardedRef<import('..').ElementTypeToDOMType<T>>;
|
|
16
|
+
}) => ReturnType<(<T_1 extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T_1>, ref: React.ForwardedRef<import('..').ElementTypeToDOMType<T_1>>) => null)>;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC;AAChD,eAAO,MAAM,QAAQ;;;;;;;;;;;2BASs9F,MAAO,GAAG,CAAC,iBAAiB;WAAqD,CAAC,EAAC,MAAO,YAAY;yCAAh5D,MAAO,GAAG,CAAC,iBAAiB,sMAAkU,MAAO,YAAY;CADjjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n BaseMenuRoot,\n BaseMenuPopup,\n BaseMenuContainer,\n BaseMenuSearch,\n BaseMenuList,\n BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n Root: BaseMenuRoot,\n Popup: BaseMenuPopup,\n Container: BaseMenuContainer,\n Search: BaseMenuSearch,\n List: BaseMenuList,\n Divider: BaseMenuDivider,\n Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuList","BaseMenuDivider"],"mappings":";AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EAGP,MAAMC;AAAA,EACN,SAASC;AAEX;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{.ds-menu-item-base{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center;color:var(--ds-color-text);border:none;background:none;width:100%;text-align:left}.ds-menu-item-base:focus{outline:none}.ds-menu-item-base:hover,.ds-menu-item-base[data-active=true],.ds-menu-item-base[data-highlighted]{background:var(--ds-control-item-bg-hover)}.ds-menu-item-base:active,.ds-menu-item-base:focus,.ds-menu-item-base[data-selected=true],.ds-menu-item-base[data-focus=true]{background:var(--ds-control-item-bg-active)}.ds-menu-item-base[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-menu-item-base[data-danger=true]{color:var(--ds-color-error)}.ds-menu-item-base[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-menu-item-base[data-danger=true]:active,.ds-menu-item-base[data-danger=true]:focus,.ds-menu-item-base[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:.5rem;font-size:1rem;color:var(--ds-color-icon);flex-shrink:0}.ds-menu-item-base[data-danger=true] .ds-menu-item-icon{color:var(--ds-color-error)}.ds-menu-item-text{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-menu-item-suffix{margin-left:.75rem;font-size:.75rem;line-height:1.25rem;color:var(--ds-color-text-tertiary);display:flex;flex-grow:0;flex-shrink:0;align-items:flex-end}.ds-menu-item-base .ds-checkbox-wrapper{margin-right:.5rem}.ds-menu-item-base:not(.ds-menu-item-show-checkbox) [data-actual-selected=true]:scope{background:var(--ds-control-item-bg-active)}}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { ElementTypeToDOMType } from '../utils/types';
|
|
3
|
+
import { useRender } from '@base-ui-components/react';
|
|
4
|
+
export type BaseMenuItemProps<T extends keyof React.JSX.IntrinsicElements = "div"> = ComponentPropsWithoutRef<T> & {
|
|
5
|
+
/** Whether the item is disabled */
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
/** Whether the item represents a dangerous action */
|
|
8
|
+
danger?: boolean;
|
|
9
|
+
/** Whether the item is currently selected */
|
|
10
|
+
selected?: boolean;
|
|
11
|
+
/** Whether the item is currently active/highlighted */
|
|
12
|
+
active?: boolean;
|
|
13
|
+
/** Whether the item has focus */
|
|
14
|
+
focused?: boolean;
|
|
15
|
+
/** Icon to display before the text */
|
|
16
|
+
icon?: React.ReactNode;
|
|
17
|
+
/** Text content of the item */
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
/** Suffix content to display after the text */
|
|
20
|
+
suffix?: React.ReactNode;
|
|
21
|
+
/** Whether to show checkbox */
|
|
22
|
+
showCheckbox?: boolean;
|
|
23
|
+
/** Whether the checkbox is indeterminate */
|
|
24
|
+
indeterminate?: boolean;
|
|
25
|
+
/** Custom render function for the item label */
|
|
26
|
+
labelRender?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
|
|
27
|
+
/** Custom className for different parts */
|
|
28
|
+
classNames?: {
|
|
29
|
+
/** Custom className for the root element */
|
|
30
|
+
root?: string;
|
|
31
|
+
/** Custom className for the icon */
|
|
32
|
+
icon?: string;
|
|
33
|
+
/** Custom className for the text */
|
|
34
|
+
text?: string;
|
|
35
|
+
/** Custom className for the suffix */
|
|
36
|
+
suffix?: string;
|
|
37
|
+
};
|
|
38
|
+
onSelect?: () => void;
|
|
39
|
+
render?: useRender.RenderProp;
|
|
40
|
+
as?: T;
|
|
41
|
+
};
|
|
42
|
+
declare const BaseMenuItemInner: <T extends keyof React.JSX.IntrinsicElements = "div">({ disabled, danger, selected, active, focused, icon, children, suffix, showCheckbox, indeterminate, labelRender, classNames, render, onSelect, as, ...props }: BaseMenuItemProps<T>, ref: React.ForwardedRef<ElementTypeToDOMType<T>>) => null;
|
|
43
|
+
export declare const BaseMenuItem: <T extends keyof React.JSX.IntrinsicElements = "div">(props: BaseMenuItemProps<T> & {
|
|
44
|
+
ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;
|
|
45
|
+
}) => ReturnType<typeof BaseMenuItemInner>;
|
|
46
|
+
export {};
|
|
47
|
+
//# sourceMappingURL=item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/base-menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,IACjD,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,2CAA2C;IAC3C,UAAU,CAAC,EAAE;QACX,4CAA4C;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,oCAAoC;QACpC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,sCAAsC;QACtC,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;IAC9B,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAC5E,+JAiBG,iBAAiB,CAAC,CAAC,CAAC,EACvB,KAAK,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,SA0DjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAoC,CAC3D,CAAC,SAAS,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,KAAK,EAEnD,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { jsxs as v, Fragment as R, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as j } from "react";
|
|
3
|
+
import { Checkbox as k } from "antd";
|
|
4
|
+
import './item.css';/* empty css */
|
|
5
|
+
import { useRender as B } from "@base-ui-components/react";
|
|
6
|
+
import { useCls as E } from "../utils/antdUtils.js";
|
|
7
|
+
import { clsx as a } from "../utils/cn.js";
|
|
8
|
+
import { WithRenderProp as M } from "../utils/WithRenderProp.js";
|
|
9
|
+
const N = ({
|
|
10
|
+
disabled: n = !1,
|
|
11
|
+
danger: c = !1,
|
|
12
|
+
selected: m = !1,
|
|
13
|
+
active: f = !1,
|
|
14
|
+
focused: l = !1,
|
|
15
|
+
icon: o,
|
|
16
|
+
children: s,
|
|
17
|
+
suffix: d,
|
|
18
|
+
showCheckbox: i = !1,
|
|
19
|
+
indeterminate: p = !1,
|
|
20
|
+
labelRender: u,
|
|
21
|
+
classNames: t,
|
|
22
|
+
render: x,
|
|
23
|
+
onSelect: w,
|
|
24
|
+
as: h,
|
|
25
|
+
...b
|
|
26
|
+
}, I) => {
|
|
27
|
+
const e = E(), g = /* @__PURE__ */ v(R, { children: [
|
|
28
|
+
i && /* @__PURE__ */ r(
|
|
29
|
+
k,
|
|
30
|
+
{
|
|
31
|
+
checked: m,
|
|
32
|
+
tabIndex: -1,
|
|
33
|
+
indeterminate: p
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
o && /* @__PURE__ */ r("span", { className: a(e("menu-item-icon"), t?.icon), children: o }),
|
|
37
|
+
s && /* @__PURE__ */ r(
|
|
38
|
+
M,
|
|
39
|
+
{
|
|
40
|
+
render: u,
|
|
41
|
+
as: "span",
|
|
42
|
+
className: a(e("menu-item-text"), t?.text),
|
|
43
|
+
children: s
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
d && /* @__PURE__ */ r("span", { className: a(e("menu-item-suffix"), t?.suffix), children: d })
|
|
47
|
+
] });
|
|
48
|
+
return B({
|
|
49
|
+
render: x || void 0,
|
|
50
|
+
props: {
|
|
51
|
+
...b,
|
|
52
|
+
className: a(
|
|
53
|
+
// Base menu item styles
|
|
54
|
+
e("menu-item-base"),
|
|
55
|
+
i && e("menu-item-show-checkbox"),
|
|
56
|
+
t?.root
|
|
57
|
+
),
|
|
58
|
+
"data-disabled": n,
|
|
59
|
+
"data-danger": c,
|
|
60
|
+
"data-selected": m,
|
|
61
|
+
"data-active": f,
|
|
62
|
+
"data-focus": l,
|
|
63
|
+
"aria-disabled": n,
|
|
64
|
+
children: g
|
|
65
|
+
},
|
|
66
|
+
ref: I,
|
|
67
|
+
defaultTagName: h || "div"
|
|
68
|
+
});
|
|
69
|
+
}, A = j(N);
|
|
70
|
+
export {
|
|
71
|
+
A as BaseMenuItem
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sources":["../../../src/components/base-menu/item.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx, useCls, WithRenderProp } from \"../utils\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { Checkbox } from \"antd\";\n\nimport \"./item.css\";\n\nimport { useRender } from \"@base-ui-components/react\";\n\nexport type BaseMenuItemProps<\n T extends keyof React.JSX.IntrinsicElements = \"div\"\n> = ComponentPropsWithoutRef<T> & {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Whether the item represents a dangerous action */\n danger?: boolean;\n /** Whether the item is currently selected */\n selected?: boolean;\n /** Whether the item is currently active/highlighted */\n active?: boolean;\n /** Whether the item has focus */\n focused?: boolean;\n /** Icon to display before the text */\n icon?: React.ReactNode;\n /** Text content of the item */\n children?: React.ReactNode;\n /** Suffix content to display after the text */\n suffix?: React.ReactNode;\n /** Whether to show checkbox */\n showCheckbox?: boolean;\n /** Whether the checkbox is indeterminate */\n indeterminate?: boolean;\n /** Custom render function for the item label */\n labelRender?: (\n props: React.HTMLAttributes<HTMLElement>\n ) => React.ReactElement;\n /** Custom className for different parts */\n classNames?: {\n /** Custom className for the root element */\n root?: string;\n /** Custom className for the icon */\n icon?: string;\n /** Custom className for the text */\n text?: string;\n /** Custom className for the suffix */\n suffix?: string;\n };\n onSelect?: () => void;\n render?: useRender.RenderProp;\n as?: T;\n};\n\nconst BaseMenuItemInner = <T extends keyof React.JSX.IntrinsicElements = \"div\">(\n {\n disabled = false,\n danger = false,\n selected = false,\n active = false,\n focused = false,\n icon,\n children,\n suffix,\n showCheckbox = false,\n indeterminate = false,\n labelRender,\n classNames,\n render,\n onSelect,\n as,\n ...props\n }: BaseMenuItemProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>\n) => {\n const cls = useCls();\n\n const content = (\n <>\n {showCheckbox && (\n <Checkbox\n checked={selected}\n tabIndex={-1}\n indeterminate={indeterminate}\n />\n )}\n {icon && (\n <span className={clsx(cls(\"menu-item-icon\"), classNames?.icon)}>\n {icon}\n </span>\n )}\n {children && (\n <WithRenderProp\n render={labelRender}\n as=\"span\"\n className={clsx(cls(\"menu-item-text\"), classNames?.text)}\n >\n {children}\n </WithRenderProp>\n )}\n {suffix && (\n <span className={clsx(cls(\"menu-item-suffix\"), classNames?.suffix)}>\n {suffix}\n </span>\n )}\n </>\n );\n\n const renderedElement = useRender({\n render: render || undefined,\n props: {\n ...props,\n className: clsx(\n // Base menu item styles\n cls(\"menu-item-base\"),\n showCheckbox && cls(\"menu-item-show-checkbox\"),\n classNames?.root\n ),\n \"data-disabled\": disabled,\n \"data-danger\": danger,\n \"data-selected\": selected,\n \"data-active\": active,\n \"data-focus\": focused,\n \"aria-disabled\": disabled,\n children: content,\n },\n ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n defaultTagName: as || \"div\",\n });\n\n return renderedElement;\n};\n\nexport const BaseMenuItem = forwardRef(BaseMenuItemInner) as <\n T extends keyof React.JSX.IntrinsicElements = \"div\"\n>(\n props: BaseMenuItemProps<T> & {\n ref?: React.ForwardedRef<ElementTypeToDOMType<T>>;\n }\n) => ReturnType<typeof BaseMenuItemInner>;\n"],"names":["BaseMenuItemInner","disabled","danger","selected","active","focused","icon","children","suffix","showCheckbox","indeterminate","labelRender","classNames","render","onSelect","as","props","ref","cls","useCls","content","jsxs","Fragment","jsx","Checkbox","clsx","WithRenderProp","useRender","BaseMenuItem","forwardRef"],"mappings":";;;;;;;;AAoDA,MAAMA,IAAoB,CACxB;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAENC,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KACC,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASrB;AAAA,QACT,UAAU;AAAA,QACV,eAAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHJ,KACC,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI,GAC1D,UAAAN,EAAA,CACH;AAAA,IAEDC,KACC,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQf;AAAA,QACR,IAAG;AAAA,QACH,WAAWc,EAAKP,EAAI,gBAAgB,GAAGN,GAAY,IAAI;AAAA,QAEtD,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJC,KACC,gBAAAe,EAAC,QAAA,EAAK,WAAWE,EAAKP,EAAI,kBAAkB,GAAGN,GAAY,MAAM,GAC9D,UAAAJ,EAAA,CACH;AAAA,EAAA,GAEJ;AAyBF,SAtBwBmB,EAAU;AAAA,IAChC,QAAQd,KAAU;AAAA,IAClB,OAAO;AAAA,MACL,GAAGG;AAAA,MACH,WAAWS;AAAA;AAAA,QAETP,EAAI,gBAAgB;AAAA,QACpBT,KAAgBS,EAAI,yBAAyB;AAAA,QAC7CN,GAAY;AAAA,MAAA;AAAA,MAEd,iBAAiBX;AAAA,MACjB,eAAeC;AAAA,MACf,iBAAiBC;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcC;AAAA,MACd,iBAAiBJ;AAAA,MACjB,UAAUmB;AAAA,IAAA;AAAA,IAEZ,KAAAH;AAAA,IACA,gBAAgBF,KAAM;AAAA,EAAA,CACvB;AAGH,GAEaa,IAAeC,EAAW7B,CAAiB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{.ds-base-menu-root{z-index:var(--ds-z-index-dropdown)}.ds-base-menu-divider{border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-base-menu-popup{box-shadow:var(--ds-box-shadow-secondary);border-radius:var(--ds-border-radius);background:var(--ds-color-bg-elevated);list-style:none;padding:.25rem;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);transition-property:transform,scale,opacity;transition-duration:.2s;transition-timing-function:var(--ds-motion-ease-out);transform-origin:var(--transform-origin);max-width:min(var(--size-width),var(--available-width));max-height:var(--available-height);display:flex;flex-direction:column}.ds-base-menu-popup[data-ending-style],.ds-base-menu-popup[data-starting-style]{transform:scale(.9);opacity:0}.ds-base-menu-popup:focus{outline:none}.ds-base-menu-popup .ds-base-menu-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-base-menu-popup .ds-base-menu-search{flex-shrink:0}.ds-base-menu-popup .ds-base-menu-list,.ds-base-menu-popup .ds-base-menu-list [cmdk-list-sizer]{flex-shrink:1;min-height:0;display:flex;flex-direction:column}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { BreadcrumbItemProps, BreadcrumbProps } from './types';
|
|
2
|
+
import { AnyObject } from 'antd/es/_util/type';
|
|
3
|
+
export declare const Breadcrumb: (<T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
|
|
3
4
|
Item: (props: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
Separator: (props: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAMzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAapD,OAAO,aAAa,CAAC;AAqMrB,eAAO,MAAM,UAAU,IAtLE,CAAC,SAAS,SAAS,qBACnC,eAAe,CAAC,CAAC,CAAC;;uBA8KD,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAU7D,CAAC"}
|
|
@@ -1,47 +1,147 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
3
|
+
import { useContext as Q } from "react";
|
|
4
|
+
import C from "rc-util/es/Children/toArray";
|
|
5
|
+
import X from "rc-util/es/pickAttrs";
|
|
6
|
+
import { cloneElement as Y } from "antd/es/_util/reactNode";
|
|
7
|
+
import { devUseWarning as Z } from "antd/es/_util/warning";
|
|
8
|
+
import { InternalBreadcrumbItem as rr } from "antd/es/breadcrumb/BreadcrumbItem";
|
|
9
|
+
import P from "antd/es/breadcrumb/BreadcrumbSeparator";
|
|
10
|
+
import er from "antd/es/breadcrumb/style";
|
|
11
|
+
import tr from "antd/es/breadcrumb/useItems";
|
|
12
|
+
import { ConfigContext as sr } from "antd/es/config-provider";
|
|
13
|
+
import or from "./useItemRender.js";
|
|
14
|
+
import { BreadcrumbItem as ar } from "./item.js";
|
|
5
15
|
import './style.css';/* empty css */
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
import { useElementSize as mr } from "../hooks/useResizeObserver.js";
|
|
17
|
+
import { useCls as cr } from "../utils/antdUtils.js";
|
|
18
|
+
import { clsx as nr } from "../utils/cn.js";
|
|
19
|
+
const ir = 21, lr = (o, a) => {
|
|
20
|
+
if (a === void 0)
|
|
21
|
+
return a;
|
|
22
|
+
let t = (a || "").replace(/^\//, "");
|
|
23
|
+
return Object.keys(o).forEach((n) => {
|
|
24
|
+
t = t.replace(`:${n}`, o[n]);
|
|
25
|
+
}), t;
|
|
26
|
+
}, pr = (o) => {
|
|
27
|
+
const {
|
|
28
|
+
prefixCls: a,
|
|
29
|
+
separator: t = "/",
|
|
30
|
+
style: n,
|
|
31
|
+
className: S,
|
|
32
|
+
rootClassName: A,
|
|
33
|
+
routes: d,
|
|
34
|
+
items: u,
|
|
35
|
+
children: i,
|
|
36
|
+
itemRender: _,
|
|
37
|
+
params: y = {},
|
|
38
|
+
noWrap: v,
|
|
39
|
+
...x
|
|
40
|
+
} = o, { getPrefixCls: R, direction: w, breadcrumb: B } = Q(sr), O = cr(), T = R("breadcrumb"), D = or(T, _), { ref: j, width: k } = mr();
|
|
41
|
+
let f;
|
|
42
|
+
const l = R("breadcrumb", a), [L, M, U] = er(l), m = tr(u, d);
|
|
43
|
+
if (process.env.NODE_ENV !== "production") {
|
|
44
|
+
const e = Z("Breadcrumb");
|
|
45
|
+
if (e.deprecated(!d, "routes", "items"), !m || m.length === 0) {
|
|
46
|
+
const s = C(i);
|
|
47
|
+
e.deprecated(
|
|
48
|
+
s.length === 0,
|
|
49
|
+
"Breadcrumb.Item and Breadcrumb.Separator",
|
|
50
|
+
"items"
|
|
51
|
+
), s.forEach((r) => {
|
|
52
|
+
r && e(
|
|
53
|
+
r.type && (r.type.__ANT_BREADCRUMB_ITEM === !0 || r.type.__ANT_BREADCRUMB_SEPARATOR === !0),
|
|
54
|
+
"usage",
|
|
55
|
+
"Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children"
|
|
56
|
+
);
|
|
57
|
+
});
|
|
26
58
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
59
|
+
}
|
|
60
|
+
if (m && m.length > 0) {
|
|
61
|
+
const e = [], s = u || d;
|
|
62
|
+
f = m.map((r, p) => {
|
|
63
|
+
const {
|
|
64
|
+
path: W,
|
|
65
|
+
key: z,
|
|
66
|
+
type: H,
|
|
67
|
+
menu: I,
|
|
68
|
+
overlay: N,
|
|
69
|
+
onClick: K,
|
|
70
|
+
className: q,
|
|
71
|
+
separator: F,
|
|
72
|
+
dropdownProps: G
|
|
73
|
+
} = r, h = lr(y, W);
|
|
74
|
+
h !== void 0 && e.push(h);
|
|
75
|
+
const E = z ?? p;
|
|
76
|
+
if (H === "separator")
|
|
77
|
+
return /* @__PURE__ */ c(P, { children: F }, E);
|
|
78
|
+
const b = {}, J = p === m.length - 1;
|
|
79
|
+
I ? b.menu = I : N && (b.overlay = N);
|
|
80
|
+
let { href: g } = r;
|
|
81
|
+
return e.length && h !== void 0 && (g = `#/${e.join("/")}`), /* @__PURE__ */ c(
|
|
82
|
+
rr,
|
|
83
|
+
{
|
|
84
|
+
...b,
|
|
85
|
+
...X(r, { data: !0, aria: !0 }),
|
|
86
|
+
className: q,
|
|
87
|
+
dropdownProps: G,
|
|
88
|
+
href: g,
|
|
89
|
+
separator: J ? "" : t,
|
|
90
|
+
onClick: K,
|
|
91
|
+
prefixCls: l,
|
|
92
|
+
children: D(r, y, s, e, g)
|
|
93
|
+
},
|
|
94
|
+
E
|
|
95
|
+
);
|
|
96
|
+
});
|
|
97
|
+
} else if (i) {
|
|
98
|
+
const e = C(i).length;
|
|
99
|
+
f = C(i).map((s, r) => {
|
|
100
|
+
if (!s)
|
|
101
|
+
return s;
|
|
102
|
+
const p = r === e - 1;
|
|
103
|
+
return Y(s, {
|
|
104
|
+
separator: p ? "" : t,
|
|
105
|
+
key: r
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
const $ = nr(
|
|
110
|
+
l,
|
|
111
|
+
B?.className,
|
|
32
112
|
{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
113
|
+
[`${l}-rtl`]: w === "rtl"
|
|
114
|
+
},
|
|
115
|
+
S,
|
|
116
|
+
A,
|
|
117
|
+
M,
|
|
118
|
+
U,
|
|
119
|
+
v && O("breadcrumb-nowrap")
|
|
120
|
+
), V = {
|
|
121
|
+
...B?.style,
|
|
122
|
+
"--ds-breadcrumb-available-item-width": `${k - ir * (u.length - 1)}px`,
|
|
123
|
+
...n
|
|
124
|
+
};
|
|
125
|
+
return L(
|
|
126
|
+
/* @__PURE__ */ c(
|
|
127
|
+
"nav",
|
|
128
|
+
{
|
|
129
|
+
className: $,
|
|
130
|
+
style: V,
|
|
131
|
+
...x,
|
|
132
|
+
ref: j,
|
|
133
|
+
children: /* @__PURE__ */ c("ol", { children: f })
|
|
134
|
+
}
|
|
135
|
+
)
|
|
36
136
|
);
|
|
37
|
-
},
|
|
38
|
-
const { className:
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
},
|
|
41
|
-
Item:
|
|
42
|
-
Separator:
|
|
137
|
+
}, dr = (o) => {
|
|
138
|
+
const { className: a, ...t } = o;
|
|
139
|
+
return /* @__PURE__ */ c(P, { ...t });
|
|
140
|
+
}, xr = Object.assign(pr, {
|
|
141
|
+
Item: ar,
|
|
142
|
+
Separator: dr
|
|
43
143
|
});
|
|
44
144
|
export {
|
|
45
|
-
|
|
145
|
+
xr as Breadcrumb
|
|
46
146
|
};
|
|
47
147
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../src/components/breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntBreadcrumb } from \"antd/es/breadcrumb\";\nimport { clsx, useCls, useGetPrefixCls } from \"../utils\";\nimport { type BreadcrumbProps, type BreadcrumbItemProps } from \"./types\";\nimport useItemRender from \"./useItemRender\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Create inner function with forwarded ref\nconst BreadcrumbInner = ({\n className,\n items,\n noWrap = false,\n itemRender: outsideItemRender,\n ...rest\n}: BreadcrumbProps) => {\n const cls = useCls();\n const { getPrefixCls } = useGetPrefixCls();\n const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n\n return (\n <AntBreadcrumb\n className={clsx(\n cls(\"breadcrumb\", noWrap && \"breadcrumb-nowrap\"),\n className\n )}\n items={items}\n itemRender={itemRender}\n {...rest}\n />\n );\n};\n\n// Create the Item component\nconst Item = (props: BreadcrumbItemProps) => {\n const { className, ...restProps } = props;\n const cls = useCls();\n\n return (\n <AntBreadcrumb.Item\n className={clsx(cls(\"breadcrumb-item\"), className)}\n {...restProps}\n />\n );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n const { className, ...restProps } = props;\n\n return <AntBreadcrumb.Separator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n Item,\n Separator,\n});\n"],"names":["BreadcrumbInner","className","items","noWrap","outsideItemRender","rest","cls","useCls","getPrefixCls","useGetPrefixCls","componentPrefixCls","itemRender","useItemRender","jsx","AntBreadcrumb","clsx","Item","props","restProps","Separator","Breadcrumb"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAA,GACN,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBF,EAAa,YAAY,GAC9CG,IAAaC,EAAcF,GAAoBN,CAAiB;AAEtE,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTT,EAAI,cAAcH,KAAU,mBAAmB;AAAA,QAC/CF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACA,YAAAS;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMW,IAAO,CAACC,MAA+B;AAC3C,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD,GAC9BX,IAAMC,EAAA;AAEZ,SACE,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,WAAWC,EAAKT,EAAI,iBAAiB,GAAGL,CAAS;AAAA,MAChD,GAAGiB;AAAA,IAAA;AAAA,EAAA;AAGV,GAGMC,IAAY,CAACF,MAAiD;AAClE,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD;AAEpC,SAAO,gBAAAJ,EAACC,EAAc,WAAd,EAAyB,GAAGI,EAAA,CAAW;AACjD,GAGaE,IAAa,OAAO,OAAOpB,GAAiB;AAAA,EACvD,MAAAgB;AAAA,EACA,WAAAG;AACF,CAAC;"}
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/components/breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { type BreadcrumbItemProps, type BreadcrumbProps } from \"./types\";\n\nimport toArray from \"rc-util/es/Children/toArray\";\nimport pickAttrs from \"rc-util/es/pickAttrs\";\n\nimport { cloneElement } from \"antd/es/_util/reactNode\";\nimport type { AnyObject } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { InternalBreadcrumbItem } from \"antd/es/breadcrumb/BreadcrumbItem\";\nimport BreadcrumbSeparator from \"antd/es/breadcrumb/BreadcrumbSeparator\";\nimport useStyle from \"antd/es/breadcrumb/style\";\nimport useItems from \"antd/es/breadcrumb/useItems\";\nimport { ConfigContext } from \"antd/es/config-provider\";\n\nimport { useElementSize } from \"../hooks\";\nimport { clsx, useCls } from \"../utils\";\nimport useItemRender from \"./useItemRender\";\nimport { BreadcrumbItem } from \"./item\";\n\nimport \"./style.css\";\n\nconst BREADCRUMB_SEPARATOR_WIDTH = 21;\n\nconst getPath = <T extends AnyObject = AnyObject>(params: T, path?: string) => {\n if (path === undefined) {\n return path;\n }\n let mergedPath = (path || \"\").replace(/^\\//, \"\");\n Object.keys(params).forEach((key) => {\n mergedPath = mergedPath.replace(`:${key}`, params[key]!);\n });\n return mergedPath;\n};\n\nconst BreadcrumbInner = <T extends AnyObject = AnyObject>(\n props: BreadcrumbProps<T>\n) => {\n const {\n prefixCls: customizePrefixCls,\n separator = \"/\",\n style,\n className,\n rootClassName,\n routes: legacyRoutes,\n items,\n children,\n itemRender: outsideItemRender,\n params = {},\n noWrap,\n ...restProps\n } = props;\n\n const { getPrefixCls, direction, breadcrumb } = useContext(ConfigContext);\n\n const cls = useCls();\n const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n const { ref, width } = useElementSize();\n\n let crumbs: React.ReactNode;\n\n const prefixCls = getPrefixCls(\"breadcrumb\", customizePrefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);\n\n const mergedItems = useItems(items, legacyRoutes);\n\n if (process.env.NODE_ENV !== \"production\") {\n const warning = devUseWarning(\"Breadcrumb\");\n warning.deprecated(!legacyRoutes, \"routes\", \"items\");\n\n // Deprecated warning for breadcrumb children\n if (!mergedItems || mergedItems.length === 0) {\n const childList = toArray(children);\n\n warning.deprecated(\n childList.length === 0,\n \"Breadcrumb.Item and Breadcrumb.Separator\",\n \"items\"\n );\n\n childList.forEach((element: any) => {\n if (element) {\n warning(\n element.type &&\n (element.type.__ANT_BREADCRUMB_ITEM === true ||\n element.type.__ANT_BREADCRUMB_SEPARATOR === true),\n \"usage\",\n \"Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children\"\n );\n }\n });\n }\n }\n\n if (mergedItems && mergedItems.length > 0) {\n // generated by route\n const paths: string[] = [];\n\n const itemRenderRoutes = items || legacyRoutes;\n\n crumbs = mergedItems.map((item, index) => {\n const {\n path,\n key,\n type,\n menu,\n overlay,\n onClick,\n className: itemClassName,\n separator: itemSeparator,\n dropdownProps,\n } = item;\n const mergedPath = getPath(params, path);\n\n if (mergedPath !== undefined) {\n paths.push(mergedPath);\n }\n\n const mergedKey = key ?? index;\n\n if (type === \"separator\") {\n return (\n <BreadcrumbSeparator key={mergedKey}>\n {itemSeparator}\n </BreadcrumbSeparator>\n );\n }\n\n const itemProps: BreadcrumbItemProps = {};\n const isLastItem = index === mergedItems.length - 1;\n\n if (menu) {\n itemProps.menu = menu;\n } else if (overlay) {\n itemProps.overlay = overlay as any;\n }\n\n let { href } = item;\n if (paths.length && mergedPath !== undefined) {\n href = `#/${paths.join(\"/\")}`;\n }\n\n return (\n <InternalBreadcrumbItem\n key={mergedKey}\n {...itemProps}\n {...pickAttrs(item, { data: true, aria: true })}\n className={itemClassName}\n dropdownProps={dropdownProps}\n href={href}\n separator={isLastItem ? \"\" : separator}\n onClick={onClick}\n prefixCls={prefixCls}\n >\n {itemRender(item, params, itemRenderRoutes!, paths, href)}\n </InternalBreadcrumbItem>\n );\n });\n } else if (children) {\n const childrenLength = toArray(children).length;\n crumbs = toArray(children).map((element: any, index) => {\n if (!element) {\n return element;\n }\n\n const isLastItem = index === childrenLength - 1;\n return cloneElement(element, {\n separator: isLastItem ? \"\" : separator,\n key: index,\n });\n });\n }\n\n const breadcrumbClassName = clsx(\n prefixCls,\n breadcrumb?.className,\n {\n [`${prefixCls}-rtl`]: direction === \"rtl\",\n },\n className,\n rootClassName,\n hashId,\n cssVarCls,\n noWrap && cls(\"breadcrumb-nowrap\")\n );\n\n const mergedStyle: React.CSSProperties = {\n ...breadcrumb?.style,\n ...({\n \"--ds-breadcrumb-available-item-width\": `${\n width - BREADCRUMB_SEPARATOR_WIDTH * (items.length - 1)\n }px`,\n } as React.CSSProperties),\n ...style,\n };\n\n return wrapCSSVar(\n <nav\n className={breadcrumbClassName}\n style={mergedStyle}\n {...restProps}\n ref={ref}\n >\n <ol>{crumbs}</ol>\n </nav>\n );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n const { className, ...restProps } = props;\n\n return <BreadcrumbSeparator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n Item: BreadcrumbItem,\n Separator,\n});\n"],"names":["BREADCRUMB_SEPARATOR_WIDTH","getPath","params","path","mergedPath","key","BreadcrumbInner","props","customizePrefixCls","separator","style","className","rootClassName","legacyRoutes","items","children","outsideItemRender","noWrap","restProps","getPrefixCls","direction","breadcrumb","useContext","ConfigContext","cls","useCls","componentPrefixCls","itemRender","useItemRender","ref","width","useElementSize","crumbs","prefixCls","wrapCSSVar","hashId","cssVarCls","useStyle","mergedItems","useItems","warning","devUseWarning","childList","toArray","element","paths","itemRenderRoutes","item","index","type","menu","overlay","onClick","itemClassName","itemSeparator","dropdownProps","mergedKey","jsx","BreadcrumbSeparator","itemProps","isLastItem","href","InternalBreadcrumbItem","pickAttrs","childrenLength","cloneElement","breadcrumbClassName","clsx","mergedStyle","Separator","Breadcrumb","BreadcrumbItem"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAUxD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import o from "antd/es/breadcrumb/BreadcrumbItem";
|
|
4
|
+
import { useCls as c } from "../utils/antdUtils.js";
|
|
5
|
+
import { clsx as a } from "../utils/cn.js";
|
|
6
|
+
const u = (r) => {
|
|
7
|
+
const { className: m, ...s } = r, t = c();
|
|
8
|
+
return /* @__PURE__ */ e(
|
|
9
|
+
o,
|
|
10
|
+
{
|
|
11
|
+
className: a(t("breadcrumb-item"), m),
|
|
12
|
+
...s
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
u as BreadcrumbItem
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sources":["../../../src/components/breadcrumb/item.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntdBreadcrumbItem } from \"antd/es/breadcrumb/BreadcrumbItem\";\nimport { clsx, useCls } from \"../utils\";\nimport { type BreadcrumbItemProps } from \"./types\";\n\n// Create the Item component\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n const { className, ...restProps } = props;\n const cls = useCls();\n\n return (\n <AntdBreadcrumbItem\n className={clsx(cls(\"breadcrumb-item\"), className)}\n {...restProps}\n />\n );\n};\n"],"names":["BreadcrumbItem","props","className","restProps","cls","useCls","jsx","AntdBreadcrumbItem","clsx"],"mappings":";;;;;AAMO,MAAMA,IAAiB,CAACC,MAA+B;AAC5D,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcF,GAC9BG,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,iBAAiB,GAAGF,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap ol:hover li:last-child{flex-shrink:1}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:hover{flex-shrink:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child:hover{flex-shrink:0}}
|
|
1
|
+
@layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child{flex:0 0 auto;max-width:var(--ds-breadcrumb-available-item-width)}.ds-breadcrumb.ds-breadcrumb-nowrap ol:hover li:last-child{flex-shrink:1}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:hover{flex-shrink:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child:hover{flex-shrink:0}}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import { BreadcrumbProps as AntBreadcrumbProps, BreadcrumbItemProps as AntBreadcrumbItemProps } from 'antd/es/breadcrumb';
|
|
2
2
|
import { BreadcrumbItemType as AntdBreadcrumbItemType, BreadcrumbSeparatorType } from 'antd/es/breadcrumb/Breadcrumb';
|
|
3
|
-
|
|
3
|
+
import { AnyObject } from 'antd/es/_util/type';
|
|
4
4
|
type BaseBreadcrumbItemType = AntdBreadcrumbItemType & {
|
|
5
5
|
icon?: React.ReactNode;
|
|
6
6
|
};
|
|
7
7
|
export type BreadcrumbItemType = Partial<BaseBreadcrumbItemType & BreadcrumbSeparatorType>;
|
|
8
8
|
export interface BreadcrumbProps<T extends AnyObject = AnyObject> extends Omit<AntBreadcrumbProps<T>, "items" | "itemRender"> {
|
|
9
9
|
/**
|
|
10
|
-
* No wrap
|
|
10
|
+
* No wrap breadcrumb items
|
|
11
|
+
* @default false
|
|
11
12
|
*/
|
|
12
13
|
noWrap?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Breadcrumb items
|
|
16
|
+
*/
|
|
13
17
|
items: BreadcrumbItemType[];
|
|
18
|
+
/**
|
|
19
|
+
* Custom breadcrumb item render
|
|
20
|
+
*/
|
|
14
21
|
itemRender?: (route: BreadcrumbItemType, params: T, routes: BreadcrumbItemType[], paths: string[]) => React.ReactNode;
|
|
15
22
|
}
|
|
16
23
|
export interface BreadcrumbItemProps extends AntBreadcrumbItemProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/types.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AAEvC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/types.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,KAAK,sBAAsB,GAAG,sBAAsB,GAAG;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,sBAAsB,GAAG,uBAAuB,CACjD,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC9D,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC3D;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,kBAAkB,EAAE,EAC5B,KAAK,EAAE,MAAM,EAAE,KACZ,KAAK,CAAC,SAAS,CAAC;CACtB;AAGD,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG"}
|