@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/radio/src/Radio.d.ts

@@ -28,23 +28,37 @@ export declare const radioProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -66,29 +80,37 @@ export declare const radioProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -110,29 +132,37 @@ export declare const radioProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -154,11 +184,6 @@ export declare const radioProps: {
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
 };
 export type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
@@ -190,23 +215,37 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -228,29 +267,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -272,29 +319,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -316,28 +371,25 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
-}, import("./use-radio").UseRadio & {
+}, import("../../_internal").UseRadio & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--u-bezier': string;
-        '--u-label-line-height': string;
         '--u-label-font-weight': string;
+        '--u-label-font-size': string;
         '--u-box-shadow': string;
         '--u-box-shadow-active': string;
         '--u-box-shadow-disabled': string;
         '--u-box-shadow-focus': string;
         '--u-box-shadow-hover': string;
+        '--u-box-shadow-pressed': string;
         '--u-box-shadow-checked': string;
         '--u-box-shadow-active-checked': string;
         '--u-box-shadow-disabled-checked': string;
         '--u-box-shadow-focus-checked': string;
         '--u-box-shadow-hover-checked': string;
+        '--u-box-shadow-pressed-checked': string;
         '--u-color': string;
         '--u-text-description-color': string;
         '--u-color-active': string;
@@ -345,6 +397,8 @@ declare const _default: import("vue").DefineComponent<{
         '--u-dot-color-active': string;
         '--u-dot-color-disabled': string;
         '--u-font-size': string;
+        '--u-line-height': string;
+        '--u-font-weight': string;
         '--u-radio-size': string;
         '--u-text-color': string;
         '--u-text-color-disabled': string;
@@ -383,23 +437,37 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly onChange: PropType<import("../../_internal/radio").OnChangeImpl>;
     readonly theme: PropType<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
+        radioSizeSmall: string;
+        radioSizeMedium: string;
+        radioSizeLarge: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -421,29 +489,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -465,29 +541,37 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
         radioSizeSmall: string;
         radioSizeMedium: string;
         radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Radio", {
-        labelLineHeight: string;
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
+        labelPadding: string;
+        labelFontWeight: string;
+        labelFontSizeSmall: string;
+        labelFontSizeMedium: string;
+        labelFontSizeLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        lineHeightSmall: string;
+        lineHeightMedium: string;
+        lineHeightLarge: string;
+        fontWeight: string;
         boxShadow: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         boxShadowHover: string;
+        boxShadowPressed: string;
         boxShadowDisabled: string;
         boxShadowChecked: string;
         boxShadowActiveChecked: string;
         boxShadowFocusChecked: string;
         boxShadowHoverChecked: string;
+        boxShadowPressedChecked: string;
         boxShadowDisabledChecked: string;
         color: string;
         colorDisabled: string;
@@ -509,11 +593,6 @@ declare const _default: import("vue").DefineComponent<{
         buttonBoxShadowHover: string;
         buttonBoxShadow: string;
         buttonBorderRadius: string;
-        radioSizeSmall: string;
-        radioSizeMedium: string;
-        radioSizeLarge: string;
-        labelPadding: string;
-        labelFontWeight: string;
     }, any>>>;
 }>>, {
     readonly value: string | number | boolean;

package/lib/radio/src/Radio.js

@@ -9,9 +9,9 @@ const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const use_radio_1 = require("./use-radio");
+const _internal_1 = require("../../_internal");
 const radio_cssr_1 = __importDefault(require("./styles/radio.cssr"));
-exports.radioProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), use_radio_1.radioBaseProps), { description: String, position: {
+exports.radioProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), _internal_1.radioBaseProps), { description: String, position: {
         type: String,
         default: 'left'
     } });
@@ -19,25 +19,34 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Radio',
     props: exports.radioProps,
     setup(props) {
-        const radio = (0, use_radio_1.setup)(props);
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.checkedValue !== undefined) {
+                    (0, _utils_1.warnOnce)('radio', '`checked-value` is deprecated, please use `checked` instead.');
+                }
+            });
+        }
+        const radio = (0, _internal_1.useRadio)(props);
         const themeRef = (0, _mixins_1.useTheme)('Radio', '-radio', radio_cssr_1.default, styles_1.radioLight, props, radio.mergedClsPrefix);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { mergedSize: { value: size } } = radio;
-            const { common: { cubicBezierEaseInOut }, self: { boxShadow, boxShadowActive, boxShadowDisabled, boxShadowFocus, boxShadowHover, boxShadowChecked, boxShadowActiveChecked, boxShadowFocusChecked, boxShadowHoverChecked, boxShadowDisabledChecked, color, colorDisabled, colorActive, textColor, textColorDisabled, dotColorActive, dotColorDisabled, labelPadding, labelLineHeight, labelFontWeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('radioSize', size)]: radioSize } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { boxShadow, boxShadowActive, boxShadowDisabled, boxShadowFocus, boxShadowHover, boxShadowPressed, boxShadowChecked, boxShadowActiveChecked, boxShadowFocusChecked, boxShadowHoverChecked, boxShadowPressedChecked, boxShadowDisabledChecked, color, colorDisabled, colorActive, textColor, textColorDisabled, dotColorActive, dotColorDisabled, labelPadding, labelFontWeight, fontWeight, [(0, _utils_1.createKey)('lineHeight', size)]: lineHeight, [(0, _utils_1.createKey)('labelFontSize', size)]: labelFontSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('radioSize', size)]: radioSize } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
-                '--u-label-line-height': labelLineHeight,
                 '--u-label-font-weight': labelFontWeight,
+                '--u-label-font-size': labelFontSize,
                 '--u-box-shadow': boxShadow,
                 '--u-box-shadow-active': boxShadowActive,
                 '--u-box-shadow-disabled': boxShadowDisabled,
                 '--u-box-shadow-focus': boxShadowFocus,
                 '--u-box-shadow-hover': boxShadowHover,
+                '--u-box-shadow-pressed': boxShadowPressed,
                 '--u-box-shadow-checked': boxShadowChecked,
                 '--u-box-shadow-active-checked': boxShadowActiveChecked,
                 '--u-box-shadow-disabled-checked': boxShadowDisabledChecked,
                 '--u-box-shadow-focus-checked': boxShadowFocusChecked,
                 '--u-box-shadow-hover-checked': boxShadowHoverChecked,
+                '--u-box-shadow-pressed-checked': boxShadowPressedChecked,
                 '--u-color': color,
                 '--u-text-description-color': '#999',
                 '--u-color-active': colorActive,
@@ -45,6 +54,8 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-dot-color-active': dotColorActive,
                 '--u-dot-color-disabled': dotColorDisabled,
                 '--u-font-size': fontSize,
+                '--u-line-height': lineHeight,
+                '--u-font-weight': fontWeight,
                 '--u-radio-size': radioSize,
                 '--u-text-color': textColor,
                 '--u-text-color-disabled': textColorDisabled,

package/lib/radio/src/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPublicPropTypes } from '../../_utils';
-import { radioBaseProps } from './use-radio';
+import { radioBaseProps } from '../../_internal';
 export declare const radioButtonProps: {
     readonly name: StringConstructor;
     readonly value: {
@@ -23,6 +23,7 @@ export declare const radioButtonProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
 };
 export type RadioButtonProps = ExtractPublicPropTypes<typeof radioBaseProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -48,7 +49,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
-}, import("./use-radio").UseRadio, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
+}, import("../../_internal").UseRadio, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly name: StringConstructor;
     readonly value: {
         readonly type: import("vue").PropType<string | number | boolean>;
@@ -71,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly onChange: import("vue").PropType<import("../../_internal/radio").OnChangeImpl>;
 }>>, {
     readonly value: string | number | boolean;
     readonly disabled: boolean | undefined;

package/lib/radio/src/RadioButton.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.radioButtonProps = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-const use_radio_1 = require("./use-radio");
-exports.radioButtonProps = use_radio_1.radioBaseProps;
+const _internal_1 = require("../../_internal");
+exports.radioButtonProps = _internal_1.radioBaseProps;
 exports.default = (0, vue_1.defineComponent)({
     name: 'RadioButton',
-    props: use_radio_1.radioBaseProps,
-    setup: use_radio_1.setup,
+    props: _internal_1.radioBaseProps,
+    setup: _internal_1.useRadio,
     render() {
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("label", { class: [