@rainbow-oh/yee-c 0.2.0 → 0.4.0
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/cjs/Button/button.js +2 -2
- package/dist/cjs/Button/style/index.less +23 -8
- package/dist/cjs/Card/demo/collapsible.js +2 -1
- package/dist/cjs/Carousel/demo/arrows.js +1 -1
- package/dist/cjs/Carousel/demo/autoplay.js +1 -1
- package/dist/cjs/Carousel/demo/effect.js +1 -1
- package/dist/cjs/Carousel/demo/position.js +1 -1
- package/dist/cjs/Config-Provider/interface.d.ts +4 -0
- package/dist/cjs/Form/Field.js +32 -10
- package/dist/cjs/Form/demo/basic.js +56 -81
- package/dist/cjs/Form/demo/form-table.js +68 -67
- package/dist/cjs/Form/interface.d.ts +17 -1
- package/dist/cjs/Menu/style/index.less +4 -2
- package/dist/cjs/Radio/demo/button.js +1 -0
- package/dist/cjs/Radio/interface.d.ts +4 -0
- package/dist/cjs/Radio/radio-group.js +28 -14
- package/dist/cjs/Radio/radio.js +3 -1
- package/dist/cjs/Radio/style/index.less +19 -5
- package/dist/cjs/Segmented/demo/basic.d.ts +3 -0
- package/dist/cjs/Segmented/demo/basic.js +51 -0
- package/dist/cjs/Segmented/demo/block.d.ts +3 -0
- package/dist/cjs/Segmented/demo/block.js +49 -0
- package/dist/cjs/Segmented/demo/disabled.d.ts +3 -0
- package/dist/cjs/Segmented/demo/disabled.js +47 -0
- package/dist/cjs/Segmented/demo/size.d.ts +3 -0
- package/dist/cjs/Segmented/demo/size.js +37 -0
- package/dist/cjs/Segmented/demo/variant.d.ts +3 -0
- package/dist/cjs/Segmented/demo/variant.js +50 -0
- package/dist/cjs/Segmented/index.d.ts +3 -0
- package/dist/cjs/Segmented/index.js +36 -0
- package/dist/cjs/Segmented/interface.d.ts +87 -0
- package/dist/cjs/Segmented/interface.js +17 -0
- package/dist/cjs/Segmented/segmented.d.ts +5 -0
- package/dist/cjs/Segmented/segmented.js +180 -0
- package/dist/cjs/Segmented/style/index.less +128 -0
- package/dist/cjs/Spin/spin.js +2 -1
- package/dist/cjs/Steps/step.js +1 -1
- package/dist/cjs/Steps/style/index.less +8 -2
- package/dist/cjs/Switch/demo/content.js +22 -1
- package/dist/cjs/Switch/style/index.less +16 -0
- package/dist/cjs/Switch/switch.js +9 -2
- package/dist/cjs/Table/interface.d.ts +5 -1
- package/dist/cjs/Table/theader/cell.js +4 -5
- package/dist/cjs/Tag/demo/size.js +1 -1
- package/dist/cjs/Tag/demo/variant.d.ts +3 -0
- package/dist/cjs/Tag/demo/variant.js +39 -0
- package/dist/cjs/Tag/interface.d.ts +5 -0
- package/dist/cjs/Tag/style/index.less +109 -25
- package/dist/cjs/Tag/tag.js +3 -0
- package/dist/cjs/Tour/demo/basic.d.ts +3 -0
- package/dist/cjs/Tour/demo/basic.js +69 -0
- package/dist/cjs/Tour/demo/indicators.d.ts +3 -0
- package/dist/cjs/Tour/demo/indicators.js +76 -0
- package/dist/cjs/Tour/demo/placement.d.ts +3 -0
- package/dist/cjs/Tour/demo/placement.js +80 -0
- package/dist/cjs/Tour/demo/scroll.d.ts +3 -0
- package/dist/cjs/Tour/demo/scroll.js +72 -0
- package/dist/cjs/Tour/index.d.ts +3 -0
- package/dist/cjs/Tour/index.js +36 -0
- package/dist/cjs/Tour/interface.d.ts +118 -0
- package/dist/cjs/Tour/interface.js +17 -0
- package/dist/cjs/Tour/style/index.less +103 -0
- package/dist/cjs/Tour/tour.d.ts +5 -0
- package/dist/cjs/Tour/tour.js +403 -0
- package/dist/cjs/Tree/demo/checkable.js +6 -6
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/locale/interface.d.ts +7 -0
- package/dist/cjs/locale/lang/en_US.js +6 -0
- package/dist/cjs/locale/lang/ja_JP.js +6 -0
- package/dist/cjs/locale/lang/zh_CN.js +6 -0
- package/dist/cjs/locale/lang/zh_TW.js +6 -0
- package/dist/cjs/style/color.blue.css +1 -1
- package/dist/cjs/style/color.crimson.css +1 -1
- package/dist/cjs/style/color.css +21 -4
- package/dist/cjs/style/size.css +38 -0
- package/dist/cjs/style/themes.css +3 -3
- package/dist/cjs/style/variables.css +60 -5
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Button/button.js +2 -2
- package/dist/esm/Button/style/index.less +23 -8
- package/dist/esm/Card/demo/collapsible.js +2 -1
- package/dist/esm/Carousel/demo/arrows.js +1 -1
- package/dist/esm/Carousel/demo/autoplay.js +1 -1
- package/dist/esm/Carousel/demo/effect.js +1 -1
- package/dist/esm/Carousel/demo/position.js +1 -1
- package/dist/esm/Config-Provider/interface.d.ts +4 -0
- package/dist/esm/Form/Field.js +11 -4
- package/dist/esm/Form/demo/basic.js +2 -18
- package/dist/esm/Form/demo/form-table.js +4 -10
- package/dist/esm/Form/interface.d.ts +17 -1
- package/dist/esm/Menu/style/index.less +4 -2
- package/dist/esm/Radio/demo/button.js +1 -0
- package/dist/esm/Radio/interface.d.ts +4 -0
- package/dist/esm/Radio/radio-group.js +9 -2
- package/dist/esm/Radio/radio.js +3 -1
- package/dist/esm/Radio/style/index.less +19 -5
- package/dist/esm/Segmented/demo/basic.d.ts +3 -0
- package/dist/esm/Segmented/demo/basic.js +33 -0
- package/dist/esm/Segmented/demo/block.d.ts +3 -0
- package/dist/esm/Segmented/demo/block.js +29 -0
- package/dist/esm/Segmented/demo/disabled.d.ts +3 -0
- package/dist/esm/Segmented/demo/disabled.js +22 -0
- package/dist/esm/Segmented/demo/size.d.ts +3 -0
- package/dist/esm/Segmented/demo/size.js +15 -0
- package/dist/esm/Segmented/demo/variant.d.ts +3 -0
- package/dist/esm/Segmented/demo/variant.js +49 -0
- package/dist/esm/Segmented/index.d.ts +3 -0
- package/dist/esm/Segmented/index.js +2 -0
- package/dist/esm/Segmented/interface.d.ts +87 -0
- package/dist/esm/Segmented/interface.js +1 -0
- package/dist/esm/Segmented/segmented.d.ts +5 -0
- package/dist/esm/Segmented/segmented.js +112 -0
- package/dist/esm/Segmented/style/index.less +128 -0
- package/dist/esm/Spin/spin.js +2 -1
- package/dist/esm/Steps/step.js +4 -1
- package/dist/esm/Steps/style/index.less +8 -2
- package/dist/esm/Switch/demo/content.js +12 -3
- package/dist/esm/Switch/style/index.less +16 -0
- package/dist/esm/Switch/switch.js +7 -5
- package/dist/esm/Table/interface.d.ts +5 -1
- package/dist/esm/Table/theader/cell.js +2 -3
- package/dist/esm/Tag/demo/size.js +6 -2
- package/dist/esm/Tag/demo/variant.d.ts +3 -0
- package/dist/esm/Tag/demo/variant.js +48 -0
- package/dist/esm/Tag/interface.d.ts +5 -0
- package/dist/esm/Tag/style/index.less +109 -25
- package/dist/esm/Tag/tag.js +4 -2
- package/dist/esm/Tour/demo/basic.d.ts +3 -0
- package/dist/esm/Tour/demo/basic.js +69 -0
- package/dist/esm/Tour/demo/indicators.d.ts +3 -0
- package/dist/esm/Tour/demo/indicators.js +73 -0
- package/dist/esm/Tour/demo/placement.d.ts +3 -0
- package/dist/esm/Tour/demo/placement.js +53 -0
- package/dist/esm/Tour/demo/scroll.d.ts +3 -0
- package/dist/esm/Tour/demo/scroll.js +58 -0
- package/dist/esm/Tour/index.d.ts +3 -0
- package/dist/esm/Tour/index.js +2 -0
- package/dist/esm/Tour/interface.d.ts +118 -0
- package/dist/esm/Tour/interface.js +1 -0
- package/dist/esm/Tour/style/index.less +103 -0
- package/dist/esm/Tour/tour.d.ts +5 -0
- package/dist/esm/Tour/tour.js +383 -0
- package/dist/esm/Tree/demo/checkable.js +6 -6
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/locale/interface.d.ts +7 -0
- package/dist/esm/locale/lang/en_US.js +6 -0
- package/dist/esm/locale/lang/ja_JP.js +6 -0
- package/dist/esm/locale/lang/zh_CN.js +6 -0
- package/dist/esm/locale/lang/zh_TW.js +6 -0
- package/dist/esm/style/color.blue.css +1 -1
- package/dist/esm/style/color.crimson.css +1 -1
- package/dist/esm/style/color.css +21 -4
- package/dist/esm/style/size.css +38 -0
- package/dist/esm/style/themes.css +3 -3
- package/dist/esm/style/variables.css +60 -5
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +4 -4
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Button/button.tsx +2 -2
- package/src/Button/style/index.less +23 -8
- package/src/Card/demo/collapsible.tsx +1 -0
- package/src/Carousel/demo/arrows.tsx +1 -1
- package/src/Carousel/demo/autoplay.tsx +1 -1
- package/src/Carousel/demo/effect.tsx +1 -1
- package/src/Carousel/demo/position.tsx +1 -1
- package/src/Config-Provider/index.en-US.md +2 -0
- package/src/Config-Provider/index.zh-CN.md +2 -0
- package/src/Config-Provider/interface.ts +4 -0
- package/src/Form/Field.tsx +30 -11
- package/src/Form/demo/basic.tsx +2 -24
- package/src/Form/demo/form-table.tsx +16 -13
- package/src/Form/index.en-US.md +4 -0
- package/src/Form/index.zh-CN.md +4 -0
- package/src/Form/interface.ts +17 -1
- package/src/Menu/style/index.less +4 -2
- package/src/Radio/demo/button.tsx +1 -0
- package/src/Radio/index.en-US.md +2 -0
- package/src/Radio/index.zh-CN.md +2 -0
- package/src/Radio/interface.ts +4 -0
- package/src/Radio/radio-group.tsx +9 -1
- package/src/Radio/radio.tsx +2 -1
- package/src/Radio/style/index.less +19 -5
- package/src/Segmented/demo/basic.tsx +24 -0
- package/src/Segmented/demo/block.tsx +17 -0
- package/src/Segmented/demo/disabled.tsx +18 -0
- package/src/Segmented/demo/size.tsx +10 -0
- package/src/Segmented/demo/variant.tsx +28 -0
- package/src/Segmented/index.en-US.md +49 -0
- package/src/Segmented/index.ts +12 -0
- package/src/Segmented/index.zh-CN.md +49 -0
- package/src/Segmented/interface.ts +92 -0
- package/src/Segmented/segmented.tsx +136 -0
- package/src/Segmented/style/index.less +128 -0
- package/src/Spin/spin.tsx +1 -0
- package/src/Steps/step.tsx +1 -1
- package/src/Steps/style/index.less +8 -2
- package/src/Switch/demo/content.tsx +15 -5
- package/src/Switch/style/index.less +16 -0
- package/src/Switch/switch.tsx +14 -6
- package/src/Table/index.en-US.md +1 -0
- package/src/Table/index.zh-CN.md +1 -0
- package/src/Table/interface.ts +5 -1
- package/src/Table/theader/cell.tsx +2 -9
- package/src/Tag/demo/size.tsx +2 -2
- package/src/Tag/demo/variant.tsx +47 -0
- package/src/Tag/index.en-US.md +2 -0
- package/src/Tag/index.zh-CN.md +2 -0
- package/src/Tag/interface.ts +5 -0
- package/src/Tag/style/index.less +109 -25
- package/src/Tag/tag.tsx +2 -0
- package/src/Tour/demo/basic.tsx +52 -0
- package/src/Tour/demo/indicators.tsx +63 -0
- package/src/Tour/demo/placement.tsx +55 -0
- package/src/Tour/demo/scroll.tsx +49 -0
- package/src/Tour/index.en-US.md +61 -0
- package/src/Tour/index.ts +10 -0
- package/src/Tour/index.zh-CN.md +61 -0
- package/src/Tour/interface.ts +126 -0
- package/src/Tour/style/index.less +103 -0
- package/src/Tour/tour.tsx +399 -0
- package/src/Tree/demo/checkable.tsx +6 -6
- package/src/index.ts +6 -0
- package/src/locale/interface.ts +9 -0
- package/src/locale/lang/en_US.ts +7 -0
- package/src/locale/lang/ja_JP.ts +7 -0
- package/src/locale/lang/zh_CN.ts +7 -0
- package/src/locale/lang/zh_TW.ts +7 -0
- package/src/style/color.blue.css +1 -1
- package/src/style/color.crimson.css +1 -1
- package/src/style/color.css +21 -4
- package/src/style/size.css +38 -0
- package/src/version.ts +1 -1
- package/dist/cjs/utils/x.d.ts +0 -11
- package/dist/cjs/utils/x.js +0 -51
- package/dist/esm/utils/x.d.ts +0 -11
- package/dist/esm/utils/x.js +0 -49
- package/src/utils/x.ts +0 -33
|
@@ -77,6 +77,7 @@ var RadioGroup = import_react.default.forwardRef(
|
|
|
77
77
|
const _a = props, {
|
|
78
78
|
prefixCls = "yee-radio-group",
|
|
79
79
|
className,
|
|
80
|
+
style,
|
|
80
81
|
name = uid,
|
|
81
82
|
value,
|
|
82
83
|
defaultValue,
|
|
@@ -84,10 +85,12 @@ var RadioGroup = import_react.default.forwardRef(
|
|
|
84
85
|
buttonStyle,
|
|
85
86
|
disabled,
|
|
86
87
|
size,
|
|
88
|
+
gap,
|
|
87
89
|
onChange
|
|
88
90
|
} = _a, rest = __objRest(_a, [
|
|
89
91
|
"prefixCls",
|
|
90
92
|
"className",
|
|
93
|
+
"style",
|
|
91
94
|
"name",
|
|
92
95
|
"value",
|
|
93
96
|
"defaultValue",
|
|
@@ -95,6 +98,7 @@ var RadioGroup = import_react.default.forwardRef(
|
|
|
95
98
|
"buttonStyle",
|
|
96
99
|
"disabled",
|
|
97
100
|
"size",
|
|
101
|
+
"gap",
|
|
98
102
|
"onChange"
|
|
99
103
|
]);
|
|
100
104
|
const [mergedValue, setMergedValue] = (0, import_useMergedState.default)("", {
|
|
@@ -105,7 +109,8 @@ var RadioGroup = import_react.default.forwardRef(
|
|
|
105
109
|
prefixCls,
|
|
106
110
|
{
|
|
107
111
|
[`${prefixCls}-${buttonStyle}`]: buttonStyle,
|
|
108
|
-
[`${prefixCls}-${size}`]: size
|
|
112
|
+
[`${prefixCls}-${size}`]: size,
|
|
113
|
+
[`${prefixCls}-with-gap`]: gap
|
|
109
114
|
},
|
|
110
115
|
className
|
|
111
116
|
);
|
|
@@ -113,21 +118,30 @@ var RadioGroup = import_react.default.forwardRef(
|
|
|
113
118
|
setMergedValue(event.target.value);
|
|
114
119
|
onChange == null ? void 0 : onChange(event.target.value, event);
|
|
115
120
|
};
|
|
116
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
117
|
-
|
|
121
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
122
|
+
"div",
|
|
118
123
|
{
|
|
119
|
-
|
|
124
|
+
className: cls,
|
|
125
|
+
style: __spreadProps(__spreadValues({}, style), { gap }),
|
|
126
|
+
ref,
|
|
127
|
+
role: "radiogroup"
|
|
120
128
|
},
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
},
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
130
|
+
GroupCtx.Provider,
|
|
131
|
+
{
|
|
132
|
+
value: { name, buttonStyle, onChange: handleChange }
|
|
133
|
+
},
|
|
134
|
+
options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
|
|
135
|
+
import_radio.default,
|
|
136
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
137
|
+
disabled
|
|
138
|
+
}, rest), option), {
|
|
139
|
+
checked: option.value === mergedValue,
|
|
140
|
+
key: option.value || index
|
|
141
|
+
})
|
|
142
|
+
))
|
|
143
|
+
)
|
|
144
|
+
);
|
|
131
145
|
}
|
|
132
146
|
);
|
|
133
147
|
RadioGroup.displayName = "RadioGroup";
|
package/dist/cjs/Radio/radio.js
CHANGED
|
@@ -76,6 +76,7 @@ var Radio = import_react.default.forwardRef(
|
|
|
76
76
|
prefixCls = "yee-radio",
|
|
77
77
|
className,
|
|
78
78
|
classNames,
|
|
79
|
+
style,
|
|
79
80
|
styles,
|
|
80
81
|
label,
|
|
81
82
|
children,
|
|
@@ -89,6 +90,7 @@ var Radio = import_react.default.forwardRef(
|
|
|
89
90
|
"prefixCls",
|
|
90
91
|
"className",
|
|
91
92
|
"classNames",
|
|
93
|
+
"style",
|
|
92
94
|
"styles",
|
|
93
95
|
"label",
|
|
94
96
|
"children",
|
|
@@ -132,7 +134,7 @@ var Radio = import_react.default.forwardRef(
|
|
|
132
134
|
},
|
|
133
135
|
className
|
|
134
136
|
);
|
|
135
|
-
return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
|
|
137
|
+
return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, style, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
|
|
136
138
|
"span",
|
|
137
139
|
{
|
|
138
140
|
className: (0, import_clsx.default)(prefixCls, {
|
|
@@ -9,9 +9,17 @@
|
|
|
9
9
|
gap: var(--yee-radio-group-gap);
|
|
10
10
|
|
|
11
11
|
&-small {
|
|
12
|
+
@{pls}-button-wrapper {
|
|
13
|
+
font-size: var(--yee-radio-font-small-size);
|
|
14
|
+
padding: var(--yee-radio-small-padding);
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
&-large {
|
|
19
|
+
@{pls}-button-wrapper {
|
|
20
|
+
font-size: var(--yee-radio-font-large-size);
|
|
21
|
+
padding: var(--yee-radio-large-padding);
|
|
22
|
+
}
|
|
15
23
|
}
|
|
16
24
|
|
|
17
25
|
&-solid {
|
|
@@ -55,7 +63,7 @@
|
|
|
55
63
|
bottom: 0;
|
|
56
64
|
border-color: transparent;
|
|
57
65
|
border-style: solid;
|
|
58
|
-
border-width: var(--yee-radio-cornermark-border-width);
|
|
66
|
+
border-width: calc(var(--yee-radio-cornermark-border-width) / 3 * 2);
|
|
59
67
|
border-right-color: var(--yee-radio-inner-checked-border-color);
|
|
60
68
|
border-bottom-color: var(--yee-radio-inner-checked-border-color);
|
|
61
69
|
content: '';
|
|
@@ -64,10 +72,10 @@
|
|
|
64
72
|
&::before {
|
|
65
73
|
position: absolute;
|
|
66
74
|
z-index: 1;
|
|
67
|
-
right:
|
|
68
|
-
top:
|
|
69
|
-
width:
|
|
70
|
-
height:
|
|
75
|
+
right: 3px;
|
|
76
|
+
top: 18px;
|
|
77
|
+
width: 3px;
|
|
78
|
+
height: 7px;
|
|
71
79
|
border: 2px solid #fff;
|
|
72
80
|
border-width: 0 2px 2px 0;
|
|
73
81
|
transform: rotate(45deg);
|
|
@@ -81,6 +89,12 @@
|
|
|
81
89
|
margin-left: -1px;
|
|
82
90
|
}
|
|
83
91
|
}
|
|
92
|
+
|
|
93
|
+
&-with-gap {
|
|
94
|
+
@{pls}-button-wrapper {
|
|
95
|
+
border-radius: var(--yee-radio-button-wrapper-border-radius);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
84
98
|
}
|
|
85
99
|
|
|
86
100
|
&-wrapper {
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/demo/basic.tsx
|
|
30
|
+
var basic_exports = {};
|
|
31
|
+
__export(basic_exports, {
|
|
32
|
+
default: () => basic_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(basic_exports);
|
|
35
|
+
var import_yee_c = require("../..");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var basic_default = () => {
|
|
38
|
+
const [value, setValue] = (0, import_react.useState)("daily");
|
|
39
|
+
return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
|
|
40
|
+
import_yee_c.Segmented,
|
|
41
|
+
{
|
|
42
|
+
options: [
|
|
43
|
+
{ label: "Daily", value: "daily" },
|
|
44
|
+
{ label: "Weekly", value: "weekly" },
|
|
45
|
+
{ label: "Monthly", value: "monthly" }
|
|
46
|
+
],
|
|
47
|
+
value,
|
|
48
|
+
onChange: setValue
|
|
49
|
+
}
|
|
50
|
+
), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["List", "Table", "Chart"], defaultValue: "List" }), /* @__PURE__ */ import_react.default.createElement("div", null, "Selected: ", value));
|
|
51
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/demo/block.tsx
|
|
30
|
+
var block_exports = {};
|
|
31
|
+
__export(block_exports, {
|
|
32
|
+
default: () => block_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(block_exports);
|
|
35
|
+
var import_yee_c = require("../..");
|
|
36
|
+
var import_lucide_react = require("lucide-react");
|
|
37
|
+
var import_react = __toESM(require("react"));
|
|
38
|
+
var block_default = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 480 } }, /* @__PURE__ */ import_react.default.createElement(
|
|
39
|
+
import_yee_c.Segmented,
|
|
40
|
+
{
|
|
41
|
+
block: true,
|
|
42
|
+
defaultValue: "list",
|
|
43
|
+
options: [
|
|
44
|
+
{ label: "List", value: "list", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.List, { size: 16 }) },
|
|
45
|
+
{ label: "Grid", value: "grid", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.LayoutGrid, { size: 16 }) },
|
|
46
|
+
{ label: "Detail", value: "detail" }
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
));
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/demo/disabled.tsx
|
|
30
|
+
var disabled_exports = {};
|
|
31
|
+
__export(disabled_exports, {
|
|
32
|
+
default: () => disabled_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(disabled_exports);
|
|
35
|
+
var import_yee_c = require("../..");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var disabled_default = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
38
|
+
import_yee_c.Segmented,
|
|
39
|
+
{
|
|
40
|
+
options: [
|
|
41
|
+
{ label: "A", value: "a" },
|
|
42
|
+
{ label: "B", value: "b", disabled: true },
|
|
43
|
+
{ label: "C", value: "c" }
|
|
44
|
+
],
|
|
45
|
+
defaultValue: "a"
|
|
46
|
+
}
|
|
47
|
+
), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { disabled: true, options: ["A", "B", "C"], defaultValue: "A" }));
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/demo/size.tsx
|
|
30
|
+
var size_exports = {};
|
|
31
|
+
__export(size_exports, {
|
|
32
|
+
default: () => size_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(size_exports);
|
|
35
|
+
var import_yee_c = require("../..");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var size_default = () => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { size: "small", options: ["Small", "B", "C"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["Default", "B", "C"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { size: "large", options: ["Large", "B", "C"] }));
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/demo/variant.tsx
|
|
30
|
+
var variant_exports = {};
|
|
31
|
+
__export(variant_exports, {
|
|
32
|
+
default: () => variant_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(variant_exports);
|
|
35
|
+
var import_yee_c = require("../..");
|
|
36
|
+
var import_lucide_react = require("lucide-react");
|
|
37
|
+
var import_react = __toESM(require("react"));
|
|
38
|
+
var variant_default = () => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["Daily", "Weekly", "Monthly"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", options: ["Daily", "Weekly", "Monthly"] })), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", size: "small", options: ["Small", "Default", "Large"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", size: "large", options: ["Small", "Default", "Large"] })), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 480 } }, /* @__PURE__ */ import_react.default.createElement(
|
|
39
|
+
import_yee_c.Segmented,
|
|
40
|
+
{
|
|
41
|
+
variant: "pill",
|
|
42
|
+
block: true,
|
|
43
|
+
defaultValue: "list",
|
|
44
|
+
options: [
|
|
45
|
+
{ label: "List", value: "list", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.List, { size: 16 }) },
|
|
46
|
+
{ label: "Grid", value: "grid", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.LayoutGrid, { size: 16 }) },
|
|
47
|
+
{ label: "Detail", value: "detail" }
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
)));
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/Segmented/index.ts
|
|
30
|
+
var Segmented_exports = {};
|
|
31
|
+
__export(Segmented_exports, {
|
|
32
|
+
default: () => Segmented_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(Segmented_exports);
|
|
35
|
+
var import_segmented = __toESM(require("./segmented"));
|
|
36
|
+
var Segmented_default = import_segmented.default;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DataAttributeProps } from '../utils/types';
|
|
3
|
+
export type SegmentedValue = string | number;
|
|
4
|
+
export type SegmentedSemanticDOM = 'item' | 'thumb';
|
|
5
|
+
export interface SegmentedLabeledOption {
|
|
6
|
+
/**
|
|
7
|
+
* Custom item class name
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Item label
|
|
12
|
+
*/
|
|
13
|
+
label?: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Item value
|
|
16
|
+
*/
|
|
17
|
+
value: SegmentedValue;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the item is disabled
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Item icon
|
|
24
|
+
*/
|
|
25
|
+
icon?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export type SegmentedRawOption = SegmentedValue;
|
|
28
|
+
export type SegmentedOption = SegmentedLabeledOption | SegmentedRawOption;
|
|
29
|
+
export interface SegmentedProps extends DataAttributeProps {
|
|
30
|
+
/**
|
|
31
|
+
* Custom prefix class name
|
|
32
|
+
*/
|
|
33
|
+
prefixCls?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Custom root class name
|
|
36
|
+
*/
|
|
37
|
+
className?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Custom root style
|
|
40
|
+
*/
|
|
41
|
+
style?: React.CSSProperties;
|
|
42
|
+
/**
|
|
43
|
+
* Semantic structure class names
|
|
44
|
+
*/
|
|
45
|
+
classNames?: Partial<Record<SegmentedSemanticDOM, string>>;
|
|
46
|
+
/**
|
|
47
|
+
* Semantic structure styles
|
|
48
|
+
*/
|
|
49
|
+
styles?: Partial<Record<SegmentedSemanticDOM, React.CSSProperties>>;
|
|
50
|
+
/**
|
|
51
|
+
* Options, supports config objects or primitive shorthand (string/number)
|
|
52
|
+
*/
|
|
53
|
+
options?: SegmentedOption[];
|
|
54
|
+
/**
|
|
55
|
+
* Controlled selected value
|
|
56
|
+
*/
|
|
57
|
+
value?: SegmentedValue;
|
|
58
|
+
/**
|
|
59
|
+
* Default selected value
|
|
60
|
+
*/
|
|
61
|
+
defaultValue?: SegmentedValue;
|
|
62
|
+
/**
|
|
63
|
+
* Callback when selected value changes
|
|
64
|
+
*/
|
|
65
|
+
onChange?: (value: SegmentedValue) => void;
|
|
66
|
+
/**
|
|
67
|
+
* Whether to disable all options
|
|
68
|
+
*/
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Size
|
|
72
|
+
*/
|
|
73
|
+
size?: 'small' | 'default' | 'large';
|
|
74
|
+
/**
|
|
75
|
+
* Visual style variant. `pill` renders the selected item as a colored capsule with no container background
|
|
76
|
+
* @default default
|
|
77
|
+
*/
|
|
78
|
+
variant?: 'default' | 'pill';
|
|
79
|
+
/**
|
|
80
|
+
* Whether to fill the container width, options share the space equally
|
|
81
|
+
*/
|
|
82
|
+
block?: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* Group name for the underlying radio inputs
|
|
85
|
+
*/
|
|
86
|
+
name?: string;
|
|
87
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
}
|
|
11
|
+
return to;
|
|
12
|
+
};
|
|
13
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
14
|
+
|
|
15
|
+
// src/Segmented/interface.ts
|
|
16
|
+
var interface_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(interface_exports);
|