myshell-react-lib 0.1.8 → 0.1.10
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/index.cjs +79 -26
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +79 -26
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -21,6 +21,7 @@ import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
|
21
21
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
22
22
|
import { DriveStep } from 'driver.js';
|
|
23
23
|
import { LucideIcon } from 'lucide-react';
|
|
24
|
+
import { ImagePreviewType } from 'rc-image';
|
|
24
25
|
import { UrlObject } from 'url';
|
|
25
26
|
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
26
27
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
@@ -452,7 +453,7 @@ interface ImageProps {
|
|
|
452
453
|
* 是否是背景图
|
|
453
454
|
*/
|
|
454
455
|
isBackgroud?: boolean;
|
|
455
|
-
preview?: boolean |
|
|
456
|
+
preview?: boolean | ImagePreviewType;
|
|
456
457
|
/**
|
|
457
458
|
* 加载优先级
|
|
458
459
|
*
|
package/dist/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
|
21
21
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
22
22
|
import { DriveStep } from 'driver.js';
|
|
23
23
|
import { LucideIcon } from 'lucide-react';
|
|
24
|
+
import { ImagePreviewType } from 'rc-image';
|
|
24
25
|
import { UrlObject } from 'url';
|
|
25
26
|
import * as _radix_ui_react_context from '@radix-ui/react-context';
|
|
26
27
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
@@ -452,7 +453,7 @@ interface ImageProps {
|
|
|
452
453
|
* 是否是背景图
|
|
453
454
|
*/
|
|
454
455
|
isBackgroud?: boolean;
|
|
455
|
-
preview?: boolean |
|
|
456
|
+
preview?: boolean | ImagePreviewType;
|
|
456
457
|
/**
|
|
457
458
|
* 加载优先级
|
|
458
459
|
*
|
package/dist/index.js
CHANGED
|
@@ -4673,7 +4673,7 @@ function clamp(value1, min3, max2) {
|
|
|
4673
4673
|
return Math.min(Math.max(value1, min3), max2);
|
|
4674
4674
|
}
|
|
4675
4675
|
function isClient() {
|
|
4676
|
-
return typeof window !== "undefined";
|
|
4676
|
+
return typeof window !== "undefined" && typeof document !== "undefined";
|
|
4677
4677
|
}
|
|
4678
4678
|
function isIosApp() {
|
|
4679
4679
|
return isClient() && typeof navigator !== "undefined" && /iPhone|iPad|iPod/i.test(navigator.userAgent) && !!window.webkit;
|
|
@@ -4683,6 +4683,7 @@ function isString(str) {
|
|
|
4683
4683
|
}
|
|
4684
4684
|
// src/components/image.tsx
|
|
4685
4685
|
import { cva as cva4 } from "class-variance-authority";
|
|
4686
|
+
import RCImage from "rc-image";
|
|
4686
4687
|
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
4687
4688
|
var imageVariants = cva4("", {
|
|
4688
4689
|
variants: {
|
|
@@ -4724,8 +4725,20 @@ function Image2(_param) {
|
|
|
4724
4725
|
"fetchPriority",
|
|
4725
4726
|
"loading"
|
|
4726
4727
|
]);
|
|
4727
|
-
return /* @__PURE__ */ jsx7(
|
|
4728
|
-
|
|
4728
|
+
return /* @__PURE__ */ jsx7(RCImage, _object_spread({
|
|
4729
|
+
fetchPriority: fetchPriority,
|
|
4730
|
+
placeholder: placeholder,
|
|
4731
|
+
width: width,
|
|
4732
|
+
height: height,
|
|
4733
|
+
src: src,
|
|
4734
|
+
fallback: fallback || "data:image/png;base64,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",
|
|
4735
|
+
preview: preview,
|
|
4736
|
+
loading: loading,
|
|
4737
|
+
rootClassName: cn(isBackgroud && "absolute top-0 left-0 z-0 w-full h-full", className),
|
|
4738
|
+
className: cn(imageVariants({
|
|
4739
|
+
rounded: rounded,
|
|
4740
|
+
object: object
|
|
4741
|
+
}), isBackgroud && "object-cover", imgClassName)
|
|
4729
4742
|
}, otherProps));
|
|
4730
4743
|
}
|
|
4731
4744
|
// src/components/button/button.styles.ts
|
|
@@ -5677,6 +5690,11 @@ var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center
|
|
|
5677
5690
|
}
|
|
5678
5691
|
},
|
|
5679
5692
|
compoundVariants: [
|
|
5693
|
+
{
|
|
5694
|
+
variant: "primary",
|
|
5695
|
+
color: "default",
|
|
5696
|
+
className: "bg-cc-Button-Primary-bg-default text-cc-Button-Primary-fg-default hover:bg-cc-Button-Primary-bg-hover active:bg-cc-Button-Primary-bg-active disabled:bg-cc-Button-Primary-bg-disabled"
|
|
5697
|
+
},
|
|
5680
5698
|
{
|
|
5681
5699
|
variant: "primary",
|
|
5682
5700
|
color: "brand",
|
|
@@ -5725,7 +5743,7 @@ var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center
|
|
|
5725
5743
|
],
|
|
5726
5744
|
defaultVariants: {
|
|
5727
5745
|
variant: "primary",
|
|
5728
|
-
color: "
|
|
5746
|
+
color: "brand",
|
|
5729
5747
|
size: "lg"
|
|
5730
5748
|
}
|
|
5731
5749
|
});
|
|
@@ -11564,12 +11582,12 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
|
|
|
11564
11582
|
size: {
|
|
11565
11583
|
sm: "h-6",
|
|
11566
11584
|
md: "h-9",
|
|
11567
|
-
lg: "h-
|
|
11585
|
+
lg: "h-11"
|
|
11568
11586
|
},
|
|
11569
11587
|
variant: {
|
|
11570
|
-
button: "
|
|
11571
|
-
underline: "border-b border-Colors-Border-Default space-x-6",
|
|
11572
|
-
icon: "border border-Colors-Border-Default bg-
|
|
11588
|
+
button: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
|
|
11589
|
+
underline: "border-b border-Colors-Border-Default space-x-6 rounded-none",
|
|
11590
|
+
icon: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
|
|
11573
11591
|
},
|
|
11574
11592
|
rounded: {
|
|
11575
11593
|
default: "",
|
|
@@ -11610,17 +11628,27 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
|
|
|
11610
11628
|
{
|
|
11611
11629
|
rounded: "default",
|
|
11612
11630
|
size: "lg",
|
|
11613
|
-
className: "rounded-
|
|
11631
|
+
className: "rounded-md"
|
|
11614
11632
|
},
|
|
11615
11633
|
{
|
|
11616
11634
|
rounded: "default",
|
|
11617
11635
|
size: "md",
|
|
11618
|
-
className: "rounded-
|
|
11636
|
+
className: "rounded-md"
|
|
11619
11637
|
},
|
|
11620
11638
|
{
|
|
11621
11639
|
rounded: "default",
|
|
11622
11640
|
size: "sm",
|
|
11623
|
-
className: "rounded
|
|
11641
|
+
className: "rounded"
|
|
11642
|
+
},
|
|
11643
|
+
{
|
|
11644
|
+
variant: "underline",
|
|
11645
|
+
rounded: "default",
|
|
11646
|
+
className: "rounded-none"
|
|
11647
|
+
},
|
|
11648
|
+
{
|
|
11649
|
+
variant: "underline",
|
|
11650
|
+
rounded: "full",
|
|
11651
|
+
className: "rounded-none"
|
|
11624
11652
|
}
|
|
11625
11653
|
],
|
|
11626
11654
|
defaultVariants: {
|
|
@@ -11629,17 +11657,17 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
|
|
|
11629
11657
|
rounded: "default"
|
|
11630
11658
|
}
|
|
11631
11659
|
});
|
|
11632
|
-
var tabVariants = cva18("relative inline-flex w-full h-full items-center justify-center overflow-hidden whitespace-nowrap font-medium text-
|
|
11660
|
+
var tabVariants = cva18("relative inline-flex w-full h-full items-center justify-center overflow-hidden whitespace-nowrap font-medium text-cc-Tabbar-fg-default aria-[selected=true]:text-cc-Tabbar-fg-bolder [&>div>span]:hover:text-cc-Tabbar-fg-bolder disabled:cursor-not-allowed disabled:text-cc-Tabbar-fg-disabled [&>div>span]:disabled:text-cc-Tabbar-fg-disabled data-[state=active]:text-cc-Tabbar-fg-bolder", {
|
|
11633
11661
|
variants: {
|
|
11634
11662
|
size: {
|
|
11635
|
-
sm: "text-xs",
|
|
11636
|
-
md: "text-sm",
|
|
11637
|
-
lg: "text-base"
|
|
11663
|
+
sm: "text-xs h-4.5",
|
|
11664
|
+
md: "text-sm h-7.5",
|
|
11665
|
+
lg: "text-base h-9.5"
|
|
11638
11666
|
},
|
|
11639
11667
|
variant: {
|
|
11640
|
-
button: "
|
|
11641
|
-
underline: "
|
|
11642
|
-
icon: "px-4"
|
|
11668
|
+
button: "aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default",
|
|
11669
|
+
underline: "shadow-none aria-[selected=true]:border-cc-Tabbar-border-default aria-[selected=true]:border-b-2 rounded-none",
|
|
11670
|
+
icon: "aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default px-4"
|
|
11643
11671
|
},
|
|
11644
11672
|
rounded: {
|
|
11645
11673
|
default: "",
|
|
@@ -11650,17 +11678,42 @@ var tabVariants = cva18("relative inline-flex w-full h-full items-center justify
|
|
|
11650
11678
|
{
|
|
11651
11679
|
rounded: "default",
|
|
11652
11680
|
size: "lg",
|
|
11653
|
-
className: "rounded-
|
|
11681
|
+
className: "rounded-md"
|
|
11654
11682
|
},
|
|
11655
11683
|
{
|
|
11656
11684
|
rounded: "default",
|
|
11657
11685
|
size: "md",
|
|
11658
|
-
className: "rounded-
|
|
11686
|
+
className: "rounded-md"
|
|
11659
11687
|
},
|
|
11660
11688
|
{
|
|
11661
11689
|
rounded: "default",
|
|
11662
11690
|
size: "sm",
|
|
11663
|
-
className: "rounded
|
|
11691
|
+
className: "rounded"
|
|
11692
|
+
},
|
|
11693
|
+
{
|
|
11694
|
+
variant: "underline",
|
|
11695
|
+
rounded: "default",
|
|
11696
|
+
className: "rounded-none"
|
|
11697
|
+
},
|
|
11698
|
+
{
|
|
11699
|
+
variant: "underline",
|
|
11700
|
+
rounded: "full",
|
|
11701
|
+
className: "rounded-none"
|
|
11702
|
+
},
|
|
11703
|
+
{
|
|
11704
|
+
variant: "underline",
|
|
11705
|
+
size: "sm",
|
|
11706
|
+
className: "h-4"
|
|
11707
|
+
},
|
|
11708
|
+
{
|
|
11709
|
+
variant: "underline",
|
|
11710
|
+
size: "md",
|
|
11711
|
+
className: "h-6.5"
|
|
11712
|
+
},
|
|
11713
|
+
{
|
|
11714
|
+
variant: "underline",
|
|
11715
|
+
size: "lg",
|
|
11716
|
+
className: "h-[31px]"
|
|
11664
11717
|
}
|
|
11665
11718
|
],
|
|
11666
11719
|
defaultVariants: {
|
|
@@ -11688,11 +11741,11 @@ var Tabs = React37.forwardRef(function(_param, ref) {
|
|
|
11688
11741
|
className: "w-full flex justify-center items-center",
|
|
11689
11742
|
children: /* @__PURE__ */ jsx53(TabsPrimitive.List, _object_spread_props(_object_spread({
|
|
11690
11743
|
ref: ref,
|
|
11691
|
-
className: cn(
|
|
11744
|
+
className: cn(tabListVariants({
|
|
11692
11745
|
variant: variant,
|
|
11693
11746
|
size: size,
|
|
11694
11747
|
rounded: rounded
|
|
11695
|
-
}), listClassName)
|
|
11748
|
+
}), "", listClassName)
|
|
11696
11749
|
}, props), {
|
|
11697
11750
|
children: items === null || items === void 0 ? void 0 : items.map(function(item) {
|
|
11698
11751
|
return /* @__PURE__ */ jsx53(Tab, _object_spread({
|
|
@@ -11733,7 +11786,7 @@ var Tab = React37.forwardRef(function(_param, ref) {
|
|
|
11733
11786
|
"onClickCallback"
|
|
11734
11787
|
]);
|
|
11735
11788
|
return /* @__PURE__ */ jsx53(Tooltip, _object_spread_props(_object_spread({
|
|
11736
|
-
triggerClassName: "w-full h-full flex-1"
|
|
11789
|
+
triggerClassName: cn("w-full h-full flex-1 flex justify-center items-center", variant === "underline" && "justify-center items-end")
|
|
11737
11790
|
}, tooltip), {
|
|
11738
11791
|
children: /* @__PURE__ */ jsx53(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11739
11792
|
ref: ref,
|
|
@@ -11765,8 +11818,8 @@ var Tab = React37.forwardRef(function(_param, ref) {
|
|
|
11765
11818
|
}) : /* @__PURE__ */ jsxs30("div", {
|
|
11766
11819
|
className: "relative flex justify-center items-center",
|
|
11767
11820
|
children: [
|
|
11768
|
-
label && /* @__PURE__ */ jsx53(
|
|
11769
|
-
className: "text-inherit",
|
|
11821
|
+
label && /* @__PURE__ */ jsx53("span", {
|
|
11822
|
+
className: cn("text-inherit"),
|
|
11770
11823
|
children: label
|
|
11771
11824
|
}),
|
|
11772
11825
|
icon && /* @__PURE__ */ jsx53(Icon, {
|