asterui 0.10.2
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/LICENSE +15 -0
- package/README.md +214 -0
- package/dist/components/Affix.d.ts +14 -0
- package/dist/components/Alert.d.ts +10 -0
- package/dist/components/Autocomplete.d.ts +18 -0
- package/dist/components/Avatar.d.ts +28 -0
- package/dist/components/Badge.d.ts +20 -0
- package/dist/components/Breadcrumb.d.ts +15 -0
- package/dist/components/Browser.d.ts +7 -0
- package/dist/components/Button.d.ts +23 -0
- package/dist/components/Card.d.ts +26 -0
- package/dist/components/Carousel.d.ts +14 -0
- package/dist/components/Cascader.d.ts +19 -0
- package/dist/components/Chart.d.ts +19 -0
- package/dist/components/Chat.d.ts +11 -0
- package/dist/components/Checkbox.d.ts +27 -0
- package/dist/components/Code.d.ts +14 -0
- package/dist/components/Collapse.d.ts +25 -0
- package/dist/components/ColorPicker.d.ts +10 -0
- package/dist/components/Container.d.ts +6 -0
- package/dist/components/ContextMenu.d.ts +23 -0
- package/dist/components/Countdown.d.ts +27 -0
- package/dist/components/DatePicker.d.ts +11 -0
- package/dist/components/Descriptions.d.ts +34 -0
- package/dist/components/Divider.d.ts +8 -0
- package/dist/components/Drawer.d.ts +10 -0
- package/dist/components/Dropdown.d.ts +39 -0
- package/dist/components/Empty.d.ts +8 -0
- package/dist/components/Fieldset.d.ts +15 -0
- package/dist/components/FileInput.d.ts +9 -0
- package/dist/components/Flex.d.ts +14 -0
- package/dist/components/FloatButton.d.ts +34 -0
- package/dist/components/Footer.d.ts +16 -0
- package/dist/components/Form.d.ts +66 -0
- package/dist/components/Grid.d.ts +26 -0
- package/dist/components/Hero.d.ts +9 -0
- package/dist/components/Image.d.ts +14 -0
- package/dist/components/Indicator.d.ts +7 -0
- package/dist/components/Input.d.ts +14 -0
- package/dist/components/InputNumber.d.ts +19 -0
- package/dist/components/Join.d.ts +6 -0
- package/dist/components/Label.d.ts +15 -0
- package/dist/components/Layout.d.ts +59 -0
- package/dist/components/List.d.ts +13 -0
- package/dist/components/Loading.d.ts +9 -0
- package/dist/components/Masonry.d.ts +15 -0
- package/dist/components/Mention.d.ts +30 -0
- package/dist/components/Menu.d.ts +45 -0
- package/dist/components/Modal.d.ts +42 -0
- package/dist/components/Navbar.d.ts +8 -0
- package/dist/components/Notification.d.ts +43 -0
- package/dist/components/OTPInput.d.ts +32 -0
- package/dist/components/PageLayout.d.ts +9 -0
- package/dist/components/Pagination.d.ts +18 -0
- package/dist/components/Phone.d.ts +8 -0
- package/dist/components/Popconfirm.d.ts +17 -0
- package/dist/components/Popover.d.ts +15 -0
- package/dist/components/Progress.d.ts +5 -0
- package/dist/components/QRCode.d.ts +19 -0
- package/dist/components/RadialProgress.d.ts +10 -0
- package/dist/components/Radio.d.ts +20 -0
- package/dist/components/Range.d.ts +16 -0
- package/dist/components/Rating.d.ts +22 -0
- package/dist/components/Responsive.d.ts +18 -0
- package/dist/components/Result.d.ts +12 -0
- package/dist/components/Select.d.ts +10 -0
- package/dist/components/Skeleton.d.ts +9 -0
- package/dist/components/Space.d.ts +10 -0
- package/dist/components/Splitter.d.ts +27 -0
- package/dist/components/Stack.d.ts +10 -0
- package/dist/components/Stat.d.ts +18 -0
- package/dist/components/Steps.d.ts +16 -0
- package/dist/components/Table.d.ts +51 -0
- package/dist/components/Tabs.d.ts +21 -0
- package/dist/components/Tag.d.ts +18 -0
- package/dist/components/Textarea.d.ts +9 -0
- package/dist/components/ThemeController.d.ts +20 -0
- package/dist/components/TimePicker.d.ts +12 -0
- package/dist/components/Timeline.d.ts +24 -0
- package/dist/components/Toggle.d.ts +7 -0
- package/dist/components/Tooltip.d.ts +9 -0
- package/dist/components/Transfer.d.ts +22 -0
- package/dist/components/Tree.d.ts +40 -0
- package/dist/components/TreeSelect.d.ts +20 -0
- package/dist/components/Typography.d.ts +53 -0
- package/dist/components/Upload.d.ts +38 -0
- package/dist/components/Window.d.ts +7 -0
- package/dist/hooks/useBreakpoint.d.ts +10 -0
- package/dist/index.d.ts +172 -0
- package/dist/index.js +182 -0
- package/dist/index.js.map +1 -0
- package/dist/index10.js +33 -0
- package/dist/index10.js.map +1 -0
- package/dist/index100.js +24 -0
- package/dist/index100.js.map +1 -0
- package/dist/index101.js +27 -0
- package/dist/index101.js.map +1 -0
- package/dist/index102.js +23 -0
- package/dist/index102.js.map +1 -0
- package/dist/index103.js +103 -0
- package/dist/index103.js.map +1 -0
- package/dist/index104.js +363 -0
- package/dist/index104.js.map +1 -0
- package/dist/index105.js +28 -0
- package/dist/index105.js.map +1 -0
- package/dist/index106.js +76 -0
- package/dist/index106.js.map +1 -0
- package/dist/index107.js +19 -0
- package/dist/index107.js.map +1 -0
- package/dist/index108.js +69 -0
- package/dist/index108.js.map +1 -0
- package/dist/index109.js +147 -0
- package/dist/index109.js.map +1 -0
- package/dist/index11.js +268 -0
- package/dist/index11.js.map +1 -0
- package/dist/index110.js +5 -0
- package/dist/index110.js.map +1 -0
- package/dist/index111.js +59 -0
- package/dist/index111.js.map +1 -0
- package/dist/index112.js +5 -0
- package/dist/index112.js.map +1 -0
- package/dist/index113.js +5 -0
- package/dist/index113.js.map +1 -0
- package/dist/index114.js +5 -0
- package/dist/index114.js.map +1 -0
- package/dist/index115.js +5 -0
- package/dist/index115.js.map +1 -0
- package/dist/index116.js +5 -0
- package/dist/index116.js.map +1 -0
- package/dist/index117.js +5 -0
- package/dist/index117.js.map +1 -0
- package/dist/index118.js +5 -0
- package/dist/index118.js.map +1 -0
- package/dist/index119.js +5 -0
- package/dist/index119.js.map +1 -0
- package/dist/index12.js +98 -0
- package/dist/index12.js.map +1 -0
- package/dist/index120.js +35 -0
- package/dist/index120.js.map +1 -0
- package/dist/index121.js +5 -0
- package/dist/index121.js.map +1 -0
- package/dist/index122.js +11 -0
- package/dist/index122.js.map +1 -0
- package/dist/index123.js +5 -0
- package/dist/index123.js.map +1 -0
- package/dist/index124.js +5 -0
- package/dist/index124.js.map +1 -0
- package/dist/index125.js +24 -0
- package/dist/index125.js.map +1 -0
- package/dist/index126.js +5 -0
- package/dist/index126.js.map +1 -0
- package/dist/index127.js +27 -0
- package/dist/index127.js.map +1 -0
- package/dist/index128.js +74 -0
- package/dist/index128.js.map +1 -0
- package/dist/index129.js +24 -0
- package/dist/index129.js.map +1 -0
- package/dist/index13.js +161 -0
- package/dist/index13.js.map +1 -0
- package/dist/index130.js +37 -0
- package/dist/index130.js.map +1 -0
- package/dist/index131.js +73 -0
- package/dist/index131.js.map +1 -0
- package/dist/index132.js +5 -0
- package/dist/index132.js.map +1 -0
- package/dist/index133.js +25 -0
- package/dist/index133.js.map +1 -0
- package/dist/index134.js +5 -0
- package/dist/index134.js.map +1 -0
- package/dist/index135.js +5 -0
- package/dist/index135.js.map +1 -0
- package/dist/index136.js +5 -0
- package/dist/index136.js.map +1 -0
- package/dist/index137.js +5 -0
- package/dist/index137.js.map +1 -0
- package/dist/index138.js +7 -0
- package/dist/index138.js.map +1 -0
- package/dist/index14.js +153 -0
- package/dist/index14.js.map +1 -0
- package/dist/index15.js +8 -0
- package/dist/index15.js.map +1 -0
- package/dist/index16.js +74 -0
- package/dist/index16.js.map +1 -0
- package/dist/index17.js +20 -0
- package/dist/index17.js.map +1 -0
- package/dist/index18.js +101 -0
- package/dist/index18.js.map +1 -0
- package/dist/index19.js +117 -0
- package/dist/index19.js.map +1 -0
- package/dist/index2.js +50 -0
- package/dist/index2.js.map +1 -0
- package/dist/index20.js +187 -0
- package/dist/index20.js.map +1 -0
- package/dist/index21.js +113 -0
- package/dist/index21.js.map +1 -0
- package/dist/index22.js +35 -0
- package/dist/index22.js.map +1 -0
- package/dist/index23.js +44 -0
- package/dist/index23.js.map +1 -0
- package/dist/index24.js +15 -0
- package/dist/index24.js.map +1 -0
- package/dist/index25.js +36 -0
- package/dist/index25.js.map +1 -0
- package/dist/index26.js +66 -0
- package/dist/index26.js.map +1 -0
- package/dist/index27.js +83 -0
- package/dist/index27.js.map +1 -0
- package/dist/index28.js +21 -0
- package/dist/index28.js.map +1 -0
- package/dist/index29.js +164 -0
- package/dist/index29.js.map +1 -0
- package/dist/index3.js +31 -0
- package/dist/index3.js.map +1 -0
- package/dist/index30.js +1085 -0
- package/dist/index30.js.map +1 -0
- package/dist/index31.js +21 -0
- package/dist/index31.js.map +1 -0
- package/dist/index32.js +125 -0
- package/dist/index32.js.map +1 -0
- package/dist/index33.js +43 -0
- package/dist/index33.js.map +1 -0
- package/dist/index34.js +194 -0
- package/dist/index34.js.map +1 -0
- package/dist/index35.js +100 -0
- package/dist/index35.js.map +1 -0
- package/dist/index36.js +165 -0
- package/dist/index36.js.map +1 -0
- package/dist/index37.js +149 -0
- package/dist/index37.js.map +1 -0
- package/dist/index38.js +18 -0
- package/dist/index38.js.map +1 -0
- package/dist/index39.js +24 -0
- package/dist/index39.js.map +1 -0
- package/dist/index4.js +104 -0
- package/dist/index4.js.map +1 -0
- package/dist/index40.js +122 -0
- package/dist/index40.js.map +1 -0
- package/dist/index41.js +16 -0
- package/dist/index41.js.map +1 -0
- package/dist/index42.js +38 -0
- package/dist/index42.js.map +1 -0
- package/dist/index43.js +119 -0
- package/dist/index43.js.map +1 -0
- package/dist/index44.js +179 -0
- package/dist/index44.js.map +1 -0
- package/dist/index45.js +150 -0
- package/dist/index45.js.map +1 -0
- package/dist/index46.js +15 -0
- package/dist/index46.js.map +1 -0
- package/dist/index47.js +25 -0
- package/dist/index47.js.map +1 -0
- package/dist/index48.js +17 -0
- package/dist/index48.js.map +1 -0
- package/dist/index49.js +10 -0
- package/dist/index49.js.map +1 -0
- package/dist/index5.js +64 -0
- package/dist/index5.js.map +1 -0
- package/dist/index50.js +269 -0
- package/dist/index50.js.map +1 -0
- package/dist/index51.js +20 -0
- package/dist/index51.js.map +1 -0
- package/dist/index52.js +125 -0
- package/dist/index52.js.map +1 -0
- package/dist/index53.js +113 -0
- package/dist/index53.js.map +1 -0
- package/dist/index54.js +173 -0
- package/dist/index54.js.map +1 -0
- package/dist/index55.js +35 -0
- package/dist/index55.js.map +1 -0
- package/dist/index56.js +125 -0
- package/dist/index56.js.map +1 -0
- package/dist/index57.js +89 -0
- package/dist/index57.js.map +1 -0
- package/dist/index58.js +23 -0
- package/dist/index58.js.map +1 -0
- package/dist/index59.js +77 -0
- package/dist/index59.js.map +1 -0
- package/dist/index6.js +133 -0
- package/dist/index6.js.map +1 -0
- package/dist/index60.js +60 -0
- package/dist/index60.js.map +1 -0
- package/dist/index61.js +48 -0
- package/dist/index61.js.map +1 -0
- package/dist/index62.js +55 -0
- package/dist/index62.js.map +1 -0
- package/dist/index63.js +65 -0
- package/dist/index63.js.map +1 -0
- package/dist/index64.js +110 -0
- package/dist/index64.js.map +1 -0
- package/dist/index65.js +44 -0
- package/dist/index65.js.map +1 -0
- package/dist/index66.js +24 -0
- package/dist/index66.js.map +1 -0
- package/dist/index67.js +49 -0
- package/dist/index67.js.map +1 -0
- package/dist/index68.js +137 -0
- package/dist/index68.js.map +1 -0
- package/dist/index69.js +55 -0
- package/dist/index69.js.map +1 -0
- package/dist/index7.js +14 -0
- package/dist/index7.js.map +1 -0
- package/dist/index70.js +25 -0
- package/dist/index70.js.map +1 -0
- package/dist/index71.js +25 -0
- package/dist/index71.js.map +1 -0
- package/dist/index72.js +332 -0
- package/dist/index72.js.map +1 -0
- package/dist/index73.js +59 -0
- package/dist/index73.js.map +1 -0
- package/dist/index74.js +43 -0
- package/dist/index74.js.map +1 -0
- package/dist/index75.js +98 -0
- package/dist/index75.js.map +1 -0
- package/dist/index76.js +133 -0
- package/dist/index76.js.map +1 -0
- package/dist/index77.js +164 -0
- package/dist/index77.js.map +1 -0
- package/dist/index78.js +68 -0
- package/dist/index78.js.map +1 -0
- package/dist/index79.js +38 -0
- package/dist/index79.js.map +1 -0
- package/dist/index8.js +73 -0
- package/dist/index8.js.map +1 -0
- package/dist/index80.js +37 -0
- package/dist/index80.js.map +1 -0
- package/dist/index81.js +213 -0
- package/dist/index81.js.map +1 -0
- package/dist/index82.js +216 -0
- package/dist/index82.js.map +1 -0
- package/dist/index83.js +298 -0
- package/dist/index83.js.map +1 -0
- package/dist/index84.js +181 -0
- package/dist/index84.js.map +1 -0
- package/dist/index85.js +261 -0
- package/dist/index85.js.map +1 -0
- package/dist/index86.js +17 -0
- package/dist/index86.js.map +1 -0
- package/dist/index87.js +36 -0
- package/dist/index87.js.map +1 -0
- package/dist/index88.js +10796 -0
- package/dist/index88.js.map +1 -0
- package/dist/index89.js +8 -0
- package/dist/index89.js.map +1 -0
- package/dist/index9.js +95 -0
- package/dist/index9.js.map +1 -0
- package/dist/index90.js +45 -0
- package/dist/index90.js.map +1 -0
- package/dist/index91.js +5 -0
- package/dist/index91.js.map +1 -0
- package/dist/index92.js +10 -0
- package/dist/index92.js.map +1 -0
- package/dist/index93.js +155 -0
- package/dist/index93.js.map +1 -0
- package/dist/index94.js +33 -0
- package/dist/index94.js.map +1 -0
- package/dist/index95.js +33 -0
- package/dist/index95.js.map +1 -0
- package/dist/index96.js +5 -0
- package/dist/index96.js.map +1 -0
- package/dist/index97.js +75 -0
- package/dist/index97.js.map +1 -0
- package/dist/index98.js +42 -0
- package/dist/index98.js.map +1 -0
- package/dist/index99.js +29 -0
- package/dist/index99.js.map +1 -0
- package/package.json +71 -0
package/dist/index61.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
const f = {
|
|
3
|
+
primary: "text-primary",
|
|
4
|
+
secondary: "text-secondary",
|
|
5
|
+
accent: "text-accent",
|
|
6
|
+
success: "text-success",
|
|
7
|
+
warning: "text-warning",
|
|
8
|
+
error: "text-error",
|
|
9
|
+
info: "text-info",
|
|
10
|
+
neutral: "text-neutral"
|
|
11
|
+
}, y = ({
|
|
12
|
+
value: s,
|
|
13
|
+
size: e,
|
|
14
|
+
thickness: t,
|
|
15
|
+
color: a,
|
|
16
|
+
showValue: i = !0,
|
|
17
|
+
children: o,
|
|
18
|
+
className: n = "",
|
|
19
|
+
style: c,
|
|
20
|
+
...l
|
|
21
|
+
}) => {
|
|
22
|
+
const u = () => {
|
|
23
|
+
const r = ["radial-progress"];
|
|
24
|
+
return a && r.push(f[a]), n && r.push(n), r.join(" ");
|
|
25
|
+
}, x = () => {
|
|
26
|
+
const r = {
|
|
27
|
+
"--value": s
|
|
28
|
+
};
|
|
29
|
+
return e !== void 0 && (r["--size"] = typeof e == "number" ? `${e}rem` : e), t !== void 0 && (r["--thickness"] = typeof t == "number" ? `${t}px` : t), r;
|
|
30
|
+
};
|
|
31
|
+
return /* @__PURE__ */ p(
|
|
32
|
+
"div",
|
|
33
|
+
{
|
|
34
|
+
className: u(),
|
|
35
|
+
style: { ...x(), ...c },
|
|
36
|
+
role: "progressbar",
|
|
37
|
+
"aria-valuenow": s,
|
|
38
|
+
"aria-valuemin": 0,
|
|
39
|
+
"aria-valuemax": 100,
|
|
40
|
+
...l,
|
|
41
|
+
children: o !== void 0 ? o : i ? `${s}%` : null
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
export {
|
|
46
|
+
y as RadialProgress
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=index61.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index61.js","sources":["../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n value: number\n size?: string | number\n thickness?: string | number\n color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n showValue?: boolean\n children?: React.ReactNode\n}\n\nconst colorClasses = {\n primary: 'text-primary',\n secondary: 'text-secondary',\n accent: 'text-accent',\n success: 'text-success',\n warning: 'text-warning',\n error: 'text-error',\n info: 'text-info',\n neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n value,\n size,\n thickness,\n color,\n showValue = true,\n children,\n className = '',\n style,\n ...rest\n}) => {\n const getClasses = () => {\n const classes = ['radial-progress']\n\n if (color) {\n classes.push(colorClasses[color])\n }\n\n if (className) {\n classes.push(className)\n }\n\n return classes.join(' ')\n }\n\n const getStyle = (): React.CSSProperties => {\n const style: Record<string, string | number> = {\n '--value': value,\n }\n\n if (size !== undefined) {\n style['--size'] = typeof size === 'number' ? `${size}rem` : size\n }\n\n if (thickness !== undefined) {\n style['--thickness'] = typeof thickness === 'number' ? `${thickness}px` : thickness\n }\n\n return style as React.CSSProperties\n }\n\n return (\n <div\n className={getClasses()}\n style={{ ...getStyle(), ...style }}\n role=\"progressbar\"\n aria-valuenow={value}\n aria-valuemin={0}\n aria-valuemax={100}\n {...rest}\n >\n {children !== undefined ? children : showValue ? `${value}%` : null}\n </div>\n )\n}\n"],"names":["colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAWA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,iBAAiB;AAElC,WAAIP,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,WAAWP;AAAA,IAAA;AAGb,WAAIC,MAAS,WACXM,EAAM,QAAQ,IAAI,OAAON,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAM,aAAa,IAAI,OAAOL,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}
|
package/dist/index62.js
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsxs as b, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as j } from "react";
|
|
3
|
+
const A = ({
|
|
4
|
+
value: s,
|
|
5
|
+
defaultValue: m = 50,
|
|
6
|
+
onChange: d,
|
|
7
|
+
min: r = 0,
|
|
8
|
+
max: c = 100,
|
|
9
|
+
step: t = 1,
|
|
10
|
+
size: f = "md",
|
|
11
|
+
color: l,
|
|
12
|
+
disabled: u = !1,
|
|
13
|
+
showValue: x = !1,
|
|
14
|
+
showSteps: o = !1,
|
|
15
|
+
className: h = ""
|
|
16
|
+
}) => {
|
|
17
|
+
const [p, y] = j(m), g = s !== void 0 ? s : p, C = (e) => {
|
|
18
|
+
const n = parseFloat(e.target.value);
|
|
19
|
+
s === void 0 && y(n), d?.(n);
|
|
20
|
+
}, v = {
|
|
21
|
+
xs: "range-xs",
|
|
22
|
+
sm: "range-sm",
|
|
23
|
+
md: "range-md",
|
|
24
|
+
lg: "range-lg"
|
|
25
|
+
}, w = {
|
|
26
|
+
primary: "range-primary",
|
|
27
|
+
secondary: "range-secondary",
|
|
28
|
+
accent: "range-accent",
|
|
29
|
+
success: "range-success",
|
|
30
|
+
warning: "range-warning",
|
|
31
|
+
info: "range-info",
|
|
32
|
+
error: "range-error"
|
|
33
|
+
}, N = v[f], V = l ? w[l] : "", i = o ? Array.from({ length: Math.floor((c - r) / t) + 1 }, (e, n) => r + n * t) : [];
|
|
34
|
+
return /* @__PURE__ */ b("div", { className: h, children: [
|
|
35
|
+
/* @__PURE__ */ a(
|
|
36
|
+
"input",
|
|
37
|
+
{
|
|
38
|
+
type: "range",
|
|
39
|
+
min: r,
|
|
40
|
+
max: c,
|
|
41
|
+
step: t,
|
|
42
|
+
value: g,
|
|
43
|
+
onChange: C,
|
|
44
|
+
disabled: u,
|
|
45
|
+
className: `range ${N} ${V}`
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
o && i.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: i.map((e) => /* @__PURE__ */ a("span", { className: "text-base-content/60", children: "|" }, e)) }),
|
|
49
|
+
x && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: g })
|
|
50
|
+
] });
|
|
51
|
+
};
|
|
52
|
+
export {
|
|
53
|
+
A as Range
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=index62.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index62.js","sources":["../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface RangeProps {\n value?: number\n defaultValue?: number\n onChange?: (value: number) => void\n min?: number\n max?: number\n step?: number\n size?: 'xs' | 'sm' | 'md' | 'lg'\n color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n disabled?: boolean\n showValue?: boolean\n showSteps?: boolean\n className?: string\n}\n\nexport const Range: React.FC<RangeProps> = ({\n value,\n defaultValue = 50,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n size = 'md',\n color,\n disabled = false,\n showValue = false,\n showSteps = false,\n className = '',\n}) => {\n const [internalValue, setInternalValue] = useState(defaultValue)\n const currentValue = value !== undefined ? value : internalValue\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = parseFloat(e.target.value)\n if (value === undefined) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n }\n\n const sizeClasses = {\n xs: 'range-xs',\n sm: 'range-sm',\n md: 'range-md',\n lg: 'range-lg',\n } as const\n\n const colorClasses = {\n primary: 'range-primary',\n secondary: 'range-secondary',\n accent: 'range-accent',\n success: 'range-success',\n warning: 'range-warning',\n info: 'range-info',\n error: 'range-error',\n } as const\n\n const sizeClass = sizeClasses[size]\n const colorClass = color ? colorClasses[color] : ''\n\n // Calculate steps for visual markers\n const steps = showSteps\n ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step)\n : []\n\n return (\n <div className={className}>\n <input\n type=\"range\"\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n disabled={disabled}\n className={`range ${sizeClass} ${colorClass}`}\n />\n {showSteps && steps.length > 0 && (\n <div className=\"w-full flex justify-between text-xs px-2 mt-2\">\n {steps.map((stepValue) => (\n <span key={stepValue} className=\"text-base-content/60\">\n |\n </span>\n ))}\n </div>\n )}\n {showValue && (\n <div className=\"text-center mt-2 text-sm font-medium text-base-content\">\n {currentValue}\n </div>\n )}\n </div>\n )\n}\n"],"names":["Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;AAiBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASb,CAAY,GACzDc,IAAef,MAAU,SAAYA,IAAQY,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIjB,MAAU,UACZa,EAAiBI,CAAQ,GAE3Bf,IAAWe,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAYF,EAAYZ,CAAI,GAC5Be,IAAad,IAAQY,EAAaZ,CAAK,IAAI,IAG3Ce,IAAQZ,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACkB,GAAGC,MAAMrB,IAAMqB,IAAInB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAoB,EAAC,SAAI,WAAAd,GACH,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAvB;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOU;AAAA,QACP,UAAUC;AAAA,QACV,UAAAR;AAAA,QACA,WAAW,SAASY,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CX,KAAaY,EAAM,SAAS,KAC3B,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAJ,EAAM,IAAI,CAACK,wBACT,QAAA,EAAqB,WAAU,wBAAuB,UAAA,IAAA,GAA5CA,CAEX,CACD,GACH;AAAA,IAEDlB,KACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
|
package/dist/index63.js
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x, useId as R, createContext as k, useContext as b } from "react";
|
|
3
|
+
const f = k(null);
|
|
4
|
+
function p({
|
|
5
|
+
children: t,
|
|
6
|
+
value: a,
|
|
7
|
+
defaultValue: c = 0,
|
|
8
|
+
onChange: e,
|
|
9
|
+
size: n,
|
|
10
|
+
readOnly: s = !1,
|
|
11
|
+
className: l = "",
|
|
12
|
+
...r
|
|
13
|
+
}) {
|
|
14
|
+
const [g, m] = x(c), u = a !== void 0 ? a : g, i = R(), h = (d) => {
|
|
15
|
+
s || (a === void 0 && m(d), e?.(d));
|
|
16
|
+
}, C = ["rating", n && {
|
|
17
|
+
xs: "rating-xs",
|
|
18
|
+
sm: "rating-sm",
|
|
19
|
+
md: "rating-md",
|
|
20
|
+
lg: "rating-lg",
|
|
21
|
+
xl: "rating-xl"
|
|
22
|
+
}[n], l].filter(Boolean).join(" ");
|
|
23
|
+
return /* @__PURE__ */ o(f.Provider, { value: { name: i, currentValue: u, onChange: h, size: n, readOnly: s }, children: /* @__PURE__ */ o("div", { className: C, "data-value": u, ...r, children: t }) });
|
|
24
|
+
}
|
|
25
|
+
function I({ value: t, mask: a = "star", color: c = "bg-warning", hidden: e = !1, className: n = "" }) {
|
|
26
|
+
const s = b(f);
|
|
27
|
+
if (!s)
|
|
28
|
+
throw new Error("Rating.Item must be used within Rating");
|
|
29
|
+
const { name: l, currentValue: r, onChange: g, readOnly: m } = s, i = [
|
|
30
|
+
"mask",
|
|
31
|
+
{
|
|
32
|
+
star: "mask-star",
|
|
33
|
+
"star-2": "mask-star-2",
|
|
34
|
+
heart: "mask-heart"
|
|
35
|
+
}[a],
|
|
36
|
+
e && "rating-hidden",
|
|
37
|
+
!e && c,
|
|
38
|
+
n
|
|
39
|
+
].filter(Boolean).join(" ");
|
|
40
|
+
return m ? /* @__PURE__ */ o(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
className: i,
|
|
44
|
+
"aria-current": r === t ? "true" : void 0,
|
|
45
|
+
"aria-label": `Rating ${t}`
|
|
46
|
+
}
|
|
47
|
+
) : /* @__PURE__ */ o(
|
|
48
|
+
"input",
|
|
49
|
+
{
|
|
50
|
+
type: "radio",
|
|
51
|
+
name: l,
|
|
52
|
+
className: i,
|
|
53
|
+
checked: r === t,
|
|
54
|
+
onChange: () => g(t),
|
|
55
|
+
"aria-label": `Rating ${t}`
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
const V = Object.assign(p, {
|
|
60
|
+
Item: I
|
|
61
|
+
});
|
|
62
|
+
export {
|
|
63
|
+
V as Rating
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=index63.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index63.js","sources":["../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n children: React.ReactNode\n value?: number\n defaultValue?: number\n onChange?: (value: number) => void\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n readOnly?: boolean\n}\n\nexport interface RatingItemProps {\n value: number\n mask?: 'star' | 'star-2' | 'heart'\n color?: string\n hidden?: boolean\n className?: string\n}\n\ninterface RatingContextValue {\n name: string\n currentValue: number\n onChange: (value: number) => void\n size?: string\n readOnly?: boolean\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n children,\n value,\n defaultValue = 0,\n onChange,\n size,\n readOnly = false,\n className = '',\n ...rest\n}: RatingProps) {\n const [internalValue, setInternalValue] = useState(defaultValue)\n const currentValue = value !== undefined ? value : internalValue\n const name = useId()\n\n const handleChange = (newValue: number) => {\n if (readOnly) return\n if (value === undefined) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n }\n\n const sizeClasses = {\n xs: 'rating-xs',\n sm: 'rating-sm',\n md: 'rating-md',\n lg: 'rating-lg',\n xl: 'rating-xl',\n }\n\n const classes = ['rating', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n return (\n <RatingContext.Provider value={{ name, currentValue, onChange: handleChange, size, readOnly }}>\n <div className={classes} data-value={currentValue} {...rest}>{children}</div>\n </RatingContext.Provider>\n )\n}\n\nfunction RatingItem({ value, mask = 'star', color = 'bg-warning', hidden = false, className = '' }: RatingItemProps) {\n const context = useContext(RatingContext)\n if (!context) {\n throw new Error('Rating.Item must be used within Rating')\n }\n\n const { name, currentValue, onChange, readOnly } = context\n\n const maskClasses = {\n star: 'mask-star',\n 'star-2': 'mask-star-2',\n heart: 'mask-heart',\n }\n\n const classes = [\n 'mask',\n maskClasses[mask],\n hidden && 'rating-hidden',\n !hidden && color,\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n if (readOnly) {\n return (\n <div\n className={classes}\n aria-current={currentValue === value ? 'true' : undefined}\n aria-label={`Rating ${value}`}\n />\n )\n }\n\n return (\n <input\n type=\"radio\"\n name={name}\n className={classes}\n checked={currentValue === value}\n onChange={() => onChange(value)}\n aria-label={`Rating ${value}`}\n />\n )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n Item: RatingItem,\n})\n"],"names":["RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","size","readOnly","className","rest","internalValue","setInternalValue","useState","currentValue","name","useId","handleChange","newValue","classes","jsx","RatingItem","mask","color","hidden","context","useContext","Rating"],"mappings":";;AA2BA,MAAMA,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,EAAW;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GACzDS,IAAeV,MAAU,SAAYA,IAAQO,GAC7CI,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,IAAIV,MACAJ,MAAU,UACZQ,EAAiBM,CAAQ,GAE3BZ,IAAWY,CAAQ;AAAA,EACrB,GAUMC,IAAU,CAAC,UAAUZ,KARP;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGyCA,CAAI,GAAGE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAW,EAACpB,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAAe,GAAM,cAAAD,GAAc,UAAUG,GAAc,MAAAV,GAAM,UAAAC,KACjF,UAAA,gBAAAY,EAAC,SAAI,WAAWD,GAAS,cAAYL,GAAe,GAAGJ,GAAO,UAAAP,EAAA,CAAS,EAAA,CACzE;AAEJ;AAEA,SAASkB,EAAW,EAAE,OAAAjB,GAAO,MAAAkB,IAAO,QAAQ,OAAAC,IAAQ,cAAc,QAAAC,IAAS,IAAO,WAAAf,IAAY,GAAA,GAAuB;AACnH,QAAMgB,IAAUC,EAAW1B,CAAa;AACxC,MAAI,CAACyB;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAAV,GAAM,cAAAD,GAAc,UAAAR,GAAU,UAAAE,MAAaiB,GAQ7CN,IAAU;AAAA,IACd;AAAA,IAPkB;AAAA,MAClB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,EAKKG,CAAI;AAAA,IAChBE,KAAU;AAAA,IACV,CAACA,KAAUD;AAAA,IACXd;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAID,IAEA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,gBAAcL,MAAiBV,IAAQ,SAAS;AAAA,MAChD,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA,IAM/B,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAL;AAAA,MACA,WAAWI;AAAA,MACX,SAASL,MAAiBV;AAAA,MAC1B,UAAU,MAAME,EAASF,CAAK;AAAA,MAC9B,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMuB,IAAS,OAAO,OAAOzB,GAAY;AAAA,EAC9C,MAAMmB;AACR,CAAC;"}
|
package/dist/index64.js
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const m = {
|
|
3
|
+
success: /* @__PURE__ */ e(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
className: "w-16 h-16 text-success",
|
|
7
|
+
fill: "none",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
stroke: "currentColor",
|
|
10
|
+
children: /* @__PURE__ */ e(
|
|
11
|
+
"path",
|
|
12
|
+
{
|
|
13
|
+
strokeLinecap: "round",
|
|
14
|
+
strokeLinejoin: "round",
|
|
15
|
+
strokeWidth: 2,
|
|
16
|
+
d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
17
|
+
}
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
error: /* @__PURE__ */ e(
|
|
22
|
+
"svg",
|
|
23
|
+
{
|
|
24
|
+
className: "w-16 h-16 text-error",
|
|
25
|
+
fill: "none",
|
|
26
|
+
viewBox: "0 0 24 24",
|
|
27
|
+
stroke: "currentColor",
|
|
28
|
+
children: /* @__PURE__ */ e(
|
|
29
|
+
"path",
|
|
30
|
+
{
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round",
|
|
33
|
+
strokeWidth: 2,
|
|
34
|
+
d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
info: /* @__PURE__ */ e(
|
|
40
|
+
"svg",
|
|
41
|
+
{
|
|
42
|
+
className: "w-16 h-16 text-info",
|
|
43
|
+
fill: "none",
|
|
44
|
+
viewBox: "0 0 24 24",
|
|
45
|
+
stroke: "currentColor",
|
|
46
|
+
children: /* @__PURE__ */ e(
|
|
47
|
+
"path",
|
|
48
|
+
{
|
|
49
|
+
strokeLinecap: "round",
|
|
50
|
+
strokeLinejoin: "round",
|
|
51
|
+
strokeWidth: 2,
|
|
52
|
+
d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
warning: /* @__PURE__ */ e(
|
|
58
|
+
"svg",
|
|
59
|
+
{
|
|
60
|
+
className: "w-16 h-16 text-warning",
|
|
61
|
+
fill: "none",
|
|
62
|
+
viewBox: "0 0 24 24",
|
|
63
|
+
stroke: "currentColor",
|
|
64
|
+
children: /* @__PURE__ */ e(
|
|
65
|
+
"path",
|
|
66
|
+
{
|
|
67
|
+
strokeLinecap: "round",
|
|
68
|
+
strokeLinejoin: "round",
|
|
69
|
+
strokeWidth: 2,
|
|
70
|
+
d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
404: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "404" }),
|
|
76
|
+
403: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "403" }),
|
|
77
|
+
500: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "500" })
|
|
78
|
+
}, x = ({
|
|
79
|
+
status: t = "info",
|
|
80
|
+
title: n,
|
|
81
|
+
subTitle: s,
|
|
82
|
+
icon: o,
|
|
83
|
+
extra: r,
|
|
84
|
+
children: l,
|
|
85
|
+
className: i = "",
|
|
86
|
+
...c
|
|
87
|
+
}) => {
|
|
88
|
+
const a = o !== void 0 ? o : m[t];
|
|
89
|
+
return /* @__PURE__ */ d(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
className: `w-full flex flex-col items-center justify-center text-center p-8 ${i}`,
|
|
93
|
+
"data-status": t,
|
|
94
|
+
...c,
|
|
95
|
+
children: [
|
|
96
|
+
a && /* @__PURE__ */ e("div", { className: "mb-6", children: a }),
|
|
97
|
+
n && /* @__PURE__ */ e("div", { className: "text-2xl font-semibold mb-2 text-base-content", children: n }),
|
|
98
|
+
s && /* @__PURE__ */ e("div", { className: "text-base text-base-content/70 mb-6 max-w-md", children: s }),
|
|
99
|
+
l && /* @__PURE__ */ e("div", { className: "mb-6 max-w-2xl", children: l }),
|
|
100
|
+
r && /* @__PURE__ */ e("div", { className: "flex gap-2", children: r })
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
);
|
|
104
|
+
};
|
|
105
|
+
x.displayName = "Result";
|
|
106
|
+
export {
|
|
107
|
+
x as Result,
|
|
108
|
+
x as default
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=index64.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index64.js","sources":["../src/components/Result.tsx"],"sourcesContent":["import React from 'react'\n\nexport type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'\n\nexport interface ResultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n status?: ResultStatus\n title?: React.ReactNode\n subTitle?: React.ReactNode\n icon?: React.ReactNode\n extra?: React.ReactNode\n children?: React.ReactNode\n}\n\nconst defaultIcons: Record<ResultStatus, React.ReactNode> = {\n success: (\n <svg\n className=\"w-16 h-16 text-success\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n ),\n error: (\n <svg\n className=\"w-16 h-16 text-error\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n ),\n info: (\n <svg\n className=\"w-16 h-16 text-info\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n />\n </svg>\n ),\n warning: (\n <svg\n className=\"w-16 h-16 text-warning\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n />\n </svg>\n ),\n '404': (\n <div className=\"text-6xl font-bold text-base-content/40\">404</div>\n ),\n '403': (\n <div className=\"text-6xl font-bold text-base-content/40\">403</div>\n ),\n '500': (\n <div className=\"text-6xl font-bold text-base-content/40\">500</div>\n ),\n}\n\nexport const Result: React.FC<ResultProps> = ({\n status = 'info',\n title,\n subTitle,\n icon,\n extra,\n children,\n className = '',\n ...rest\n}) => {\n const displayIcon = icon !== undefined ? icon : defaultIcons[status]\n\n return (\n <div\n className={`w-full flex flex-col items-center justify-center text-center p-8 ${className}`}\n data-status={status}\n {...rest}\n >\n {displayIcon && <div className=\"mb-6\">{displayIcon}</div>}\n\n {title && (\n <div className=\"text-2xl font-semibold mb-2 text-base-content\">\n {title}\n </div>\n )}\n\n {subTitle && (\n <div className=\"text-base text-base-content/70 mb-6 max-w-md\">\n {subTitle}\n </div>\n )}\n\n {children && <div className=\"mb-6 max-w-2xl\">{children}</div>}\n\n {extra && <div className=\"flex gap-2\">{extra}</div>}\n </div>\n )\n}\n\nResult.displayName = 'Result'\n\nexport default Result\n"],"names":["defaultIcons","jsx","Result","status","title","subTitle","icon","extra","children","className","rest","displayIcon","jsxs"],"mappings":";AAaA,MAAMA,IAAsD;AAAA,EAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,OACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,MACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,SACE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MAEP,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA,EAGJ,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,OAAG;AAAA,EAE9D,KACE,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,MAAA,CAAG;AAEhE,GAEaC,IAAgC,CAAC;AAAA,EAC5C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAcL,MAAS,SAAYA,IAAON,EAAaG,CAAM;AAEnE,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oEAAoEH,CAAS;AAAA,MACxF,eAAaN;AAAA,MACZ,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,KAAe,gBAAAV,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAU,GAAY;AAAA,QAElDP,KACC,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAG,GACH;AAAA,QAGDC,KACC,gBAAAJ,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAAI,GACH;AAAA,QAGDG,KAAY,gBAAAP,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAO,GAAS;AAAA,QAEtDD,KAAS,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAM,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAL,EAAO,cAAc;"}
|
package/dist/index65.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as d } from "react";
|
|
3
|
+
const u = d(
|
|
4
|
+
({
|
|
5
|
+
size: e,
|
|
6
|
+
color: s,
|
|
7
|
+
ghost: l = !1,
|
|
8
|
+
bordered: c = !0,
|
|
9
|
+
className: t = "",
|
|
10
|
+
children: r,
|
|
11
|
+
...o
|
|
12
|
+
}, a) => {
|
|
13
|
+
const n = {
|
|
14
|
+
xs: "select-xs",
|
|
15
|
+
sm: "select-sm",
|
|
16
|
+
md: "select-md",
|
|
17
|
+
lg: "select-lg",
|
|
18
|
+
xl: "select-xl"
|
|
19
|
+
}, m = {
|
|
20
|
+
neutral: "select-neutral",
|
|
21
|
+
primary: "select-primary",
|
|
22
|
+
secondary: "select-secondary",
|
|
23
|
+
accent: "select-accent",
|
|
24
|
+
info: "select-info",
|
|
25
|
+
success: "select-success",
|
|
26
|
+
warning: "select-warning",
|
|
27
|
+
error: "select-error"
|
|
28
|
+
}, i = [
|
|
29
|
+
"select",
|
|
30
|
+
"w-full",
|
|
31
|
+
c && "select-bordered",
|
|
32
|
+
l && "select-ghost",
|
|
33
|
+
e && n[e],
|
|
34
|
+
s && m[s],
|
|
35
|
+
t
|
|
36
|
+
].filter(Boolean).join(" ");
|
|
37
|
+
return /* @__PURE__ */ f("select", { ref: a, className: i, ...o, children: r });
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
u.displayName = "Select";
|
|
41
|
+
export {
|
|
42
|
+
u as Select
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index65.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index65.js","sources":["../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n ghost?: boolean\n bordered?: boolean\n className?: string\n children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n (\n {\n size,\n color,\n ghost = false,\n bordered = true,\n className = '',\n children,\n ...props\n },\n ref\n ) => {\n const sizeClasses = {\n xs: 'select-xs',\n sm: 'select-sm',\n md: 'select-md',\n lg: 'select-lg',\n xl: 'select-xl',\n }\n\n const colorClasses = {\n neutral: 'select-neutral',\n primary: 'select-primary',\n secondary: 'select-secondary',\n accent: 'select-accent',\n info: 'select-info',\n success: 'select-success',\n warning: 'select-warning',\n error: 'select-error',\n }\n\n const selectClasses = [\n 'select',\n 'w-full',\n bordered && 'select-bordered',\n ghost && 'select-ghost',\n size && sizeClasses[size],\n color && colorClasses[color],\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <select ref={ref} className={selectClasses} {...props}>\n {children}\n </select>\n )\n }\n)\n\nSelect.displayName = 'Select'\n"],"names":["Select","forwardRef","size","color","ghost","bordered","className","children","props","ref","sizeClasses","colorClasses","selectClasses"],"mappings":";;AAWO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACAP,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQQ,EAAYR,CAAI;AAAA,MACxBC,KAASQ,EAAaR,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BACG,UAAA,EAAO,KAAAG,GAAU,WAAWG,GAAgB,GAAGJ,GAC7C,UAAAD,GACH;AAAA,EAEJ;AACF;AAEAP,EAAO,cAAc;"}
|
package/dist/index66.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
|
2
|
+
const i = ({
|
|
3
|
+
width: s,
|
|
4
|
+
height: t,
|
|
5
|
+
circle: o = !1,
|
|
6
|
+
variant: l = "default",
|
|
7
|
+
className: n = "",
|
|
8
|
+
children: r,
|
|
9
|
+
style: f,
|
|
10
|
+
...u
|
|
11
|
+
}) => {
|
|
12
|
+
const p = () => {
|
|
13
|
+
const e = ["skeleton"];
|
|
14
|
+
return l === "text" && e.push("skeleton-text"), o && e.push("rounded-full"), n && e.push(n), e.join(" ");
|
|
15
|
+
}, c = () => {
|
|
16
|
+
const e = {};
|
|
17
|
+
return s && (e.width = typeof s == "number" ? `${s}px` : s), t && (e.height = typeof t == "number" ? `${t}px` : t), Object.keys(e).length > 0 ? e : void 0;
|
|
18
|
+
};
|
|
19
|
+
return /* @__PURE__ */ x("div", { className: p(), style: { ...c(), ...f }, ...u, children: r });
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
i as Skeleton
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=index66.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index66.js","sources":["../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: string | number\n height?: string | number\n circle?: boolean\n variant?: 'default' | 'text'\n children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n width,\n height,\n circle = false,\n variant = 'default',\n className = '',\n children,\n style,\n ...rest\n}) => {\n const getClasses = () => {\n const classes = ['skeleton']\n\n if (variant === 'text') {\n classes.push('skeleton-text')\n }\n\n if (circle) {\n classes.push('rounded-full')\n }\n\n if (className) {\n classes.push(className)\n }\n\n return classes.join(' ')\n }\n\n const getStyles = () => {\n const styles: React.CSSProperties = {}\n\n if (width) {\n styles.width = typeof width === 'number' ? `${width}px` : width\n }\n\n if (height) {\n styles.height = typeof height === 'number' ? `${height}px` : height\n }\n\n return Object.keys(styles).length > 0 ? styles : undefined\n }\n\n return (\n <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n {children}\n </div>\n )\n}\n"],"names":["Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAUO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,UAAU;AAE3B,WAAIN,MAAY,UACdM,EAAQ,KAAK,eAAe,GAG1BP,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
|
package/dist/index67.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as y } from "react/jsx-runtime";
|
|
2
|
+
const g = {
|
|
3
|
+
xs: "gap-1",
|
|
4
|
+
sm: "gap-2",
|
|
5
|
+
md: "gap-4",
|
|
6
|
+
lg: "gap-6",
|
|
7
|
+
xl: "gap-8"
|
|
8
|
+
}, C = {
|
|
9
|
+
start: "items-start",
|
|
10
|
+
end: "items-end",
|
|
11
|
+
center: "items-center",
|
|
12
|
+
baseline: "items-baseline",
|
|
13
|
+
stretch: "items-stretch"
|
|
14
|
+
}, j = {
|
|
15
|
+
start: "justify-start",
|
|
16
|
+
end: "justify-end",
|
|
17
|
+
center: "justify-center",
|
|
18
|
+
between: "justify-between",
|
|
19
|
+
around: "justify-around",
|
|
20
|
+
evenly: "justify-evenly"
|
|
21
|
+
}, h = ({
|
|
22
|
+
direction: n = "horizontal",
|
|
23
|
+
size: s = "md",
|
|
24
|
+
align: e,
|
|
25
|
+
justify: t,
|
|
26
|
+
wrap: l = !1,
|
|
27
|
+
className: o = "",
|
|
28
|
+
style: r,
|
|
29
|
+
children: i,
|
|
30
|
+
...c
|
|
31
|
+
}) => {
|
|
32
|
+
const a = typeof s == "number", p = a ? "" : g[s], f = e ? C[e] : "", m = t ? j[t] : "", d = [
|
|
33
|
+
"flex",
|
|
34
|
+
n === "horizontal" ? "flex-row" : "flex-col",
|
|
35
|
+
p,
|
|
36
|
+
f,
|
|
37
|
+
m,
|
|
38
|
+
l ? "flex-wrap" : "",
|
|
39
|
+
o
|
|
40
|
+
].filter(Boolean).join(" "), u = {
|
|
41
|
+
...r,
|
|
42
|
+
...a ? { gap: `${s}px` } : {}
|
|
43
|
+
};
|
|
44
|
+
return /* @__PURE__ */ y("div", { className: d, style: u, ...c, children: i });
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
h as Space
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=index67.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index67.js","sources":["../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n direction?: 'horizontal' | 'vertical'\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n wrap?: boolean\n children: React.ReactNode\n}\n\nconst gapClasses = {\n xs: 'gap-1',\n sm: 'gap-2',\n md: 'gap-4',\n lg: 'gap-6',\n xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n start: 'items-start',\n end: 'items-end',\n center: 'items-center',\n baseline: 'items-baseline',\n stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n start: 'justify-start',\n end: 'justify-end',\n center: 'justify-center',\n between: 'justify-between',\n around: 'justify-around',\n evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n direction = 'horizontal',\n size = 'md',\n align,\n justify,\n wrap = false,\n className = '',\n style,\n children,\n ...rest\n}) => {\n const isNumericSize = typeof size === 'number'\n const gapClass = isNumericSize ? '' : gapClasses[size]\n const alignClass = align ? alignClasses[align] : ''\n const justifyClass = justify ? justifyClasses[justify] : ''\n const wrapClass = wrap ? 'flex-wrap' : ''\n const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n const classes = [\n 'flex',\n directionClass,\n gapClass,\n alignClass,\n justifyClass,\n wrapClass,\n className\n ].filter(Boolean).join(' ')\n\n const combinedStyle: React.CSSProperties = {\n ...style,\n ...(isNumericSize ? { gap: `${size}px` } : {}),\n }\n\n return <div className={classes} style={combinedStyle} {...rest}>{children}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","className","style","children","rest","isNumericSize","gapClass","alignClass","justifyClass","classes","combinedStyle","jsx"],"mappings":";AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOR,KAAS,UAChCS,IAAWD,IAAgB,KAAKb,EAAWK,CAAI,GAC/CU,IAAaT,IAAQL,EAAaK,CAAK,IAAI,IAC3CU,IAAeT,IAAUL,EAAeK,CAAO,IAAI,IAInDU,IAAU;AAAA,IACd;AAAA,IAHqBb,MAAc,eAAe,aAAa;AAAA,IAK/DU;AAAA,IACAC;AAAA,IACAC;AAAA,IARgBR,IAAO,cAAc;AAAA,IAUrCC;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBS,IAAqC;AAAA,IACzC,GAAGR;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGR,CAAI,SAAS,CAAA;AAAA,EAAC;AAG9C,SAAO,gBAAAc,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGN,GAAO,UAAAD,GAAS;AAC5E;"}
|
package/dist/index68.js
ADDED
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { jsx as f, jsxs as B, Fragment as _ } from "react/jsx-runtime";
|
|
2
|
+
import C, { useRef as E, useCallback as x, useState as ee, useEffect as te } from "react";
|
|
3
|
+
const ne = ({ children: N }) => /* @__PURE__ */ f(_, { children: N }), oe = ({
|
|
4
|
+
children: N,
|
|
5
|
+
direction: c = "horizontal",
|
|
6
|
+
sizes: g,
|
|
7
|
+
defaultSizes: y,
|
|
8
|
+
onSizesChange: I,
|
|
9
|
+
gutterSize: z = 8,
|
|
10
|
+
minSize: R = 50,
|
|
11
|
+
className: G = ""
|
|
12
|
+
}) => {
|
|
13
|
+
const $ = E(null), H = E([]), b = E(null), h = C.Children.toArray(N).filter(
|
|
14
|
+
(n) => C.isValidElement(n)
|
|
15
|
+
), l = h.length, k = x(() => {
|
|
16
|
+
if (y && y.length === l)
|
|
17
|
+
return y;
|
|
18
|
+
const n = 100 / l;
|
|
19
|
+
return Array(l).fill(n);
|
|
20
|
+
}, [y, l]), [D, j] = ee(k), p = g || D;
|
|
21
|
+
te(() => {
|
|
22
|
+
!g && D.length !== l && j(k());
|
|
23
|
+
}, [l, g, D.length, k]);
|
|
24
|
+
const S = x(
|
|
25
|
+
(n) => {
|
|
26
|
+
g || j(n), I?.(n);
|
|
27
|
+
},
|
|
28
|
+
[g, I]
|
|
29
|
+
), V = x(
|
|
30
|
+
(n, e) => {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
const a = c === "horizontal" ? e.clientX : e.clientY;
|
|
33
|
+
b.current = {
|
|
34
|
+
index: n,
|
|
35
|
+
startPos: a,
|
|
36
|
+
startSizes: [...p]
|
|
37
|
+
};
|
|
38
|
+
const r = (w) => {
|
|
39
|
+
if (!b.current || !$.current) return;
|
|
40
|
+
const { index: t, startPos: P, startSizes: s } = b.current, K = $.current.getBoundingClientRect(), O = c === "horizontal" ? K.width : K.height, Q = c === "horizontal" ? w.clientX : w.clientY, T = (l - 1) * z, v = O - T, F = (Q - P) / v * 100, U = h[t]?.props || {}, X = h[t + 1]?.props || {}, W = U.minSize ?? R, Z = X.minSize ?? R, A = W / v * 100, L = Z / v * 100;
|
|
41
|
+
let i = s[t] + F, u = s[t + 1] - F;
|
|
42
|
+
i < A && (i = A, u = s[t] + s[t + 1] - A), u < L && (u = L, i = s[t] + s[t + 1] - L);
|
|
43
|
+
const Y = U.maxSize, q = X.maxSize;
|
|
44
|
+
if (Y) {
|
|
45
|
+
const m = Y / v * 100;
|
|
46
|
+
i > m && (i = m, u = s[t] + s[t + 1] - m);
|
|
47
|
+
}
|
|
48
|
+
if (q) {
|
|
49
|
+
const m = q / v * 100;
|
|
50
|
+
u > m && (u = m, i = s[t] + s[t + 1] - m);
|
|
51
|
+
}
|
|
52
|
+
const M = [...s];
|
|
53
|
+
M[t] = i, M[t + 1] = u, S(M);
|
|
54
|
+
}, o = () => {
|
|
55
|
+
b.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), document.body.style.cursor = "", document.body.style.userSelect = "";
|
|
56
|
+
};
|
|
57
|
+
document.addEventListener("mousemove", r), document.addEventListener("mouseup", o), document.body.style.cursor = c === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
|
|
58
|
+
},
|
|
59
|
+
[c, p, l, z, h, R, S]
|
|
60
|
+
), J = x(
|
|
61
|
+
(n, e) => {
|
|
62
|
+
const a = e.shiftKey ? 10 : 1;
|
|
63
|
+
let r = 0;
|
|
64
|
+
if (c === "horizontal" ? e.key === "ArrowLeft" ? r = -a : e.key === "ArrowRight" && (r = a) : e.key === "ArrowUp" ? r = -a : e.key === "ArrowDown" && (r = a), r !== 0) {
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
const o = [...p], w = 5;
|
|
67
|
+
let t = o[n] + r, P = o[n + 1] - r;
|
|
68
|
+
t >= w && P >= w && (o[n] = t, o[n + 1] = P, S(o));
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
[c, p, S]
|
|
72
|
+
), d = c === "horizontal";
|
|
73
|
+
return /* @__PURE__ */ f(
|
|
74
|
+
"div",
|
|
75
|
+
{
|
|
76
|
+
ref: $,
|
|
77
|
+
className: `flex ${d ? "flex-row" : "flex-col"} h-full w-full ${G}`,
|
|
78
|
+
children: h.map((n, e) => {
|
|
79
|
+
const a = n.props, r = e === h.length - 1;
|
|
80
|
+
return /* @__PURE__ */ B(C.Fragment, { children: [
|
|
81
|
+
/* @__PURE__ */ f(
|
|
82
|
+
"div",
|
|
83
|
+
{
|
|
84
|
+
ref: (o) => {
|
|
85
|
+
H.current[e] = o;
|
|
86
|
+
},
|
|
87
|
+
className: `overflow-auto ${a.className || ""}`,
|
|
88
|
+
style: {
|
|
89
|
+
[d ? "width" : "height"]: `calc(${p[e]}% - ${(l - 1) * z / l}px)`,
|
|
90
|
+
flexShrink: 0
|
|
91
|
+
},
|
|
92
|
+
children: a.children
|
|
93
|
+
}
|
|
94
|
+
),
|
|
95
|
+
!r && /* @__PURE__ */ f(
|
|
96
|
+
"div",
|
|
97
|
+
{
|
|
98
|
+
role: "separator",
|
|
99
|
+
"aria-orientation": d ? "vertical" : "horizontal",
|
|
100
|
+
"aria-valuenow": Math.round(p[e]),
|
|
101
|
+
tabIndex: 0,
|
|
102
|
+
className: `
|
|
103
|
+
flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50
|
|
104
|
+
transition-colors duration-150 relative group
|
|
105
|
+
${d ? "cursor-col-resize" : "cursor-row-resize"}
|
|
106
|
+
`,
|
|
107
|
+
style: {
|
|
108
|
+
[d ? "width" : "height"]: `${z}px`
|
|
109
|
+
},
|
|
110
|
+
onMouseDown: (o) => V(e, o),
|
|
111
|
+
onKeyDown: (o) => J(e, o),
|
|
112
|
+
children: /* @__PURE__ */ B(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
className: `
|
|
116
|
+
absolute inset-0 flex items-center justify-center
|
|
117
|
+
${d ? "flex-col gap-0.5" : "flex-row gap-0.5"}
|
|
118
|
+
`,
|
|
119
|
+
children: [
|
|
120
|
+
/* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
|
|
121
|
+
/* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" }),
|
|
122
|
+
/* @__PURE__ */ f("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
|
|
123
|
+
]
|
|
124
|
+
}
|
|
125
|
+
)
|
|
126
|
+
}
|
|
127
|
+
)
|
|
128
|
+
] }, e);
|
|
129
|
+
})
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
};
|
|
133
|
+
oe.Panel = ne;
|
|
134
|
+
export {
|
|
135
|
+
oe as Splitter
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=index68.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index68.js","sources":["../src/components/Splitter.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\n\nexport interface SplitterPanelProps {\n children: React.ReactNode\n defaultSize?: number\n size?: number\n minSize?: number\n maxSize?: number\n collapsible?: boolean\n collapsed?: boolean\n onCollapse?: (collapsed: boolean) => void\n className?: string\n}\n\nexport interface SplitterProps {\n children: React.ReactNode\n direction?: 'horizontal' | 'vertical'\n sizes?: number[]\n defaultSizes?: number[]\n onSizesChange?: (sizes: number[]) => void\n gutterSize?: number\n minSize?: number\n className?: string\n}\n\nconst Panel: React.FC<SplitterPanelProps> = ({ children }) => {\n return <>{children}</>\n}\n\nexport const Splitter: React.FC<SplitterProps> & { Panel: typeof Panel } = ({\n children,\n direction = 'horizontal',\n sizes,\n defaultSizes,\n onSizesChange,\n gutterSize = 8,\n minSize = 50,\n className = '',\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const panelsRef = useRef<(HTMLDivElement | null)[]>([])\n const draggingRef = useRef<{ index: number; startPos: number; startSizes: number[] } | null>(null)\n\n // Extract panel props from children\n const panels = React.Children.toArray(children).filter(\n (child): child is React.ReactElement<SplitterPanelProps> =>\n React.isValidElement(child)\n )\n\n const panelCount = panels.length\n\n // Initialize sizes\n const getInitialSizes = useCallback(() => {\n if (defaultSizes && defaultSizes.length === panelCount) {\n return defaultSizes\n }\n // Equal distribution\n const equalSize = 100 / panelCount\n return Array(panelCount).fill(equalSize)\n }, [defaultSizes, panelCount])\n\n const [internalSizes, setInternalSizes] = useState<number[]>(getInitialSizes)\n const currentSizes = sizes || internalSizes\n\n // Update internal sizes when panel count changes\n useEffect(() => {\n if (!sizes && internalSizes.length !== panelCount) {\n setInternalSizes(getInitialSizes())\n }\n }, [panelCount, sizes, internalSizes.length, getInitialSizes])\n\n const updateSizes = useCallback(\n (newSizes: number[]) => {\n if (!sizes) {\n setInternalSizes(newSizes)\n }\n onSizesChange?.(newSizes)\n },\n [sizes, onSizesChange]\n )\n\n const handleMouseDown = useCallback(\n (index: number, e: React.MouseEvent) => {\n e.preventDefault()\n const startPos = direction === 'horizontal' ? e.clientX : e.clientY\n draggingRef.current = {\n index,\n startPos,\n startSizes: [...currentSizes],\n }\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n if (!draggingRef.current || !containerRef.current) return\n\n const { index: dragIndex, startPos: dragStartPos, startSizes } = draggingRef.current\n const containerRect = containerRef.current.getBoundingClientRect()\n const containerSize = direction === 'horizontal' ? containerRect.width : containerRect.height\n const currentPos = direction === 'horizontal' ? moveEvent.clientX : moveEvent.clientY\n\n // Calculate delta as percentage\n const gutterCount = panelCount - 1\n const totalGutterSize = gutterCount * gutterSize\n const availableSize = containerSize - totalGutterSize\n const deltaPixels = currentPos - dragStartPos\n const deltaPercent = (deltaPixels / availableSize) * 100\n\n // Get min sizes for panels\n const panel1Props = panels[dragIndex]?.props || {}\n const panel2Props = panels[dragIndex + 1]?.props || {}\n const minSize1 = panel1Props.minSize ?? minSize\n const minSize2 = panel2Props.minSize ?? minSize\n const minPercent1 = (minSize1 / availableSize) * 100\n const minPercent2 = (minSize2 / availableSize) * 100\n\n // Calculate new sizes\n let newSize1 = startSizes[dragIndex] + deltaPercent\n let newSize2 = startSizes[dragIndex + 1] - deltaPercent\n\n // Apply min constraints\n if (newSize1 < minPercent1) {\n newSize1 = minPercent1\n newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent1\n }\n if (newSize2 < minPercent2) {\n newSize2 = minPercent2\n newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - minPercent2\n }\n\n // Apply max constraints\n const maxSize1 = panel1Props.maxSize\n const maxSize2 = panel2Props.maxSize\n if (maxSize1) {\n const maxPercent1 = (maxSize1 / availableSize) * 100\n if (newSize1 > maxPercent1) {\n newSize1 = maxPercent1\n newSize2 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent1\n }\n }\n if (maxSize2) {\n const maxPercent2 = (maxSize2 / availableSize) * 100\n if (newSize2 > maxPercent2) {\n newSize2 = maxPercent2\n newSize1 = startSizes[dragIndex] + startSizes[dragIndex + 1] - maxPercent2\n }\n }\n\n const newSizes = [...startSizes]\n newSizes[dragIndex] = newSize1\n newSizes[dragIndex + 1] = newSize2\n updateSizes(newSizes)\n }\n\n const handleMouseUp = () => {\n draggingRef.current = null\n document.removeEventListener('mousemove', handleMouseMove)\n document.removeEventListener('mouseup', handleMouseUp)\n document.body.style.cursor = ''\n document.body.style.userSelect = ''\n }\n\n document.addEventListener('mousemove', handleMouseMove)\n document.addEventListener('mouseup', handleMouseUp)\n document.body.style.cursor = direction === 'horizontal' ? 'col-resize' : 'row-resize'\n document.body.style.userSelect = 'none'\n },\n [direction, currentSizes, panelCount, gutterSize, panels, minSize, updateSizes]\n )\n\n const handleKeyDown = useCallback(\n (index: number, e: React.KeyboardEvent) => {\n const step = e.shiftKey ? 10 : 1\n let delta = 0\n\n if (direction === 'horizontal') {\n if (e.key === 'ArrowLeft') delta = -step\n else if (e.key === 'ArrowRight') delta = step\n } else {\n if (e.key === 'ArrowUp') delta = -step\n else if (e.key === 'ArrowDown') delta = step\n }\n\n if (delta !== 0) {\n e.preventDefault()\n const newSizes = [...currentSizes]\n const minPercent = 5 // Minimum 5% when using keyboard\n\n let newSize1 = newSizes[index] + delta\n let newSize2 = newSizes[index + 1] - delta\n\n if (newSize1 >= minPercent && newSize2 >= minPercent) {\n newSizes[index] = newSize1\n newSizes[index + 1] = newSize2\n updateSizes(newSizes)\n }\n }\n },\n [direction, currentSizes, updateSizes]\n )\n\n const isHorizontal = direction === 'horizontal'\n\n return (\n <div\n ref={containerRef}\n className={`flex ${isHorizontal ? 'flex-row' : 'flex-col'} h-full w-full ${className}`}\n >\n {panels.map((panel, index) => {\n const panelProps = panel.props\n const isLast = index === panels.length - 1\n\n return (\n <React.Fragment key={index}>\n <div\n ref={(el) => {\n panelsRef.current[index] = el\n }}\n className={`overflow-auto ${panelProps.className || ''}`}\n style={{\n [isHorizontal ? 'width' : 'height']: `calc(${currentSizes[index]}% - ${\n ((panelCount - 1) * gutterSize) / panelCount\n }px)`,\n flexShrink: 0,\n }}\n >\n {panelProps.children}\n </div>\n {!isLast && (\n <div\n role=\"separator\"\n aria-orientation={isHorizontal ? 'vertical' : 'horizontal'}\n aria-valuenow={Math.round(currentSizes[index])}\n tabIndex={0}\n className={`\n flex-shrink-0 bg-base-300 hover:bg-primary/30 active:bg-primary/50\n transition-colors duration-150 relative group\n ${isHorizontal ? 'cursor-col-resize' : 'cursor-row-resize'}\n `}\n style={{\n [isHorizontal ? 'width' : 'height']: `${gutterSize}px`,\n }}\n onMouseDown={(e) => handleMouseDown(index, e)}\n onKeyDown={(e) => handleKeyDown(index, e)}\n >\n {/* Grip indicator */}\n <div\n className={`\n absolute inset-0 flex items-center justify-center\n ${isHorizontal ? 'flex-col gap-0.5' : 'flex-row gap-0.5'}\n `}\n >\n <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n <div className=\"w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60\" />\n </div>\n </div>\n )}\n </React.Fragment>\n )\n })}\n </div>\n )\n}\n\nSplitter.Panel = Panel\n"],"names":["Panel","children","Splitter","direction","sizes","defaultSizes","onSizesChange","gutterSize","minSize","className","containerRef","useRef","panelsRef","draggingRef","panels","React","child","panelCount","getInitialSizes","useCallback","equalSize","internalSizes","setInternalSizes","useState","currentSizes","useEffect","updateSizes","newSizes","handleMouseDown","index","startPos","handleMouseMove","moveEvent","dragIndex","dragStartPos","startSizes","containerRect","containerSize","currentPos","totalGutterSize","availableSize","deltaPercent","panel1Props","panel2Props","minSize1","minSize2","minPercent1","minPercent2","newSize1","newSize2","maxSize1","maxSize2","maxPercent1","maxPercent2","handleMouseUp","handleKeyDown","step","delta","minPercent","isHorizontal","jsx","panel","panelProps","isLast","jsxs","el","e"],"mappings":"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"}
|