@uzum-tech/ui 1.3.1 → 1.4.0

package/es/input/src/use-clipboard.d.ts

@@ -0,0 +1,9 @@
+import { h, Ref } from 'vue';
+export declare function useCopyableText(options: {
+    mergedClsPrefixRef: Ref<string>;
+    mergedValueRef: Ref<string | [string, string] | null>;
+}, defaultCallback?: (value: string | [string, string] | null) => void): {
+    copyText: (value: string | [string, string] | null, cb?: (value: string | [string, string] | null) => void) => Promise<void>;
+    handleClick: (e: MouseEvent, cb?: (value: string | [string, string] | null) => void) => Promise<void>;
+    renderCopyButton: (cb?: (value: string | [string, string] | null) => void) => ReturnType<typeof h>;
+};

package/es/input/src/use-clipboard.js

@@ -0,0 +1,47 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { h } from 'vue';
+import { useClipboard as useVueuseClipboard } from '@vueuse/core';
+import { UButton } from '../../button';
+import { UIcon } from '../../icon';
+import { ContentCopy } from '../../_internal/icons';
+import { useMessage } from '../../message';
+import { useLocale } from '../../_mixins';
+export function useCopyableText(options, defaultCallback) {
+    const { mergedClsPrefixRef, mergedValueRef } = options;
+    const message = useMessage();
+    const { localeRef } = useLocale('Input');
+    const { copy } = useVueuseClipboard();
+    const copyText = (value_1, ...args_1) => __awaiter(this, [value_1, ...args_1], void 0, function* (value, cb = defaultCallback ||
+        (() => message.info(localeRef.value.copied))) {
+        yield copy(String(value || ''));
+        cb(value);
+    });
+    const handleClick = (e, callback) => __awaiter(this, void 0, void 0, function* () {
+        e.stopPropagation();
+        yield copyText(mergedValueRef.value, callback);
+    });
+    const renderCopyButton = (callback) => {
+        return h(UButton, {
+            onClick: (e) => {
+                void handleClick(e, callback);
+            },
+            text: true,
+            class: `${mergedClsPrefixRef.value}-input-copyable`
+        }, {
+            default: () => h(UIcon, null, { default: () => h(ContentCopy) })
+        });
+    };
+    return {
+        copyText,
+        handleClick,
+        renderCopyButton
+    };
+}

package/es/input-number/src/InputNumber.d.ts

@@ -43,8 +43,8 @@ export declare const inputNumberProps: {
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -935,8 +935,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -1811,7 +1811,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedValue: import("vue").ComputedRef<number | null>;
     mergedPlaceholder: import("vue").ComputedRef<string>;
     displayedValueInvalid: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny" | "huge">;
+    mergedSize: import("vue").ComputedRef<"small" | "tiny" | "medium" | "large" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     displayedValue: import("vue").Ref<string>;
     addable: import("vue").ComputedRef<boolean>;
@@ -1828,118 +1828,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeyDown: (e: KeyboardEvent) => void;
     handleUpdateDisplayedValue: (value: string) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {};
         peers: {
             Button: import("../../_mixins").Theme<"Button", {
@@ -2279,8 +2168,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -3130,18 +3019,18 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    readonly: boolean;
     disabled: boolean | undefined;
-    step: string | number;
-    autofocus: boolean;
     loading: boolean;
     bordered: boolean | undefined;
+    step: string | number;
+    autofocus: boolean;
     clearable: boolean;
-    defaultValue: number | null;
     keyboard: {
-        ArrowUp?: boolean | undefined;
-        ArrowDown?: boolean | undefined;
+        ArrowUp?: boolean;
+        ArrowDown?: boolean;
     };
+    defaultValue: number | null;
+    readonly: boolean;
     showButton: boolean;
     buttonPlacement: "right" | "both";
     updateValueOnInput: boolean;

package/es/layout/src/Layout.d.ts

@@ -181,118 +181,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     } | null>;
     hasSiderStyle: CSSProperties;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             textColor: string;
             textColorInverted: string;
@@ -460,7 +349,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
         }, any>;
     }>>>;
 }>>, {
-    position: "static" | "absolute";
+    position: "absolute" | "static";
     contentStyle: string | CSSProperties;
     embedded: boolean;
     nativeScrollbar: boolean;
@@ -602,118 +491,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     hasSiderStyle: CSSProperties;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             textColor: string;
             textColorInverted: string;
@@ -881,7 +659,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    position: "static" | "absolute";
+    position: "absolute" | "static";
     contentStyle: string | CSSProperties;
     embedded: boolean;
     nativeScrollbar: boolean;

package/es/layout/src/LayoutContent.d.ts

@@ -133,118 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     hasSiderStyle: import("vue").CSSProperties;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             textColor: string;
             textColorInverted: string;
@@ -412,7 +301,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    position: "static" | "absolute";
+    position: "absolute" | "static";
     contentStyle: string | import("vue").CSSProperties;
     embedded: boolean;
     nativeScrollbar: boolean;

package/es/layout/src/LayoutFooter.d.ts

@@ -316,8 +316,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    position: "static" | "absolute";
     bordered: boolean;
+    position: "absolute" | "static";
     inverted: boolean;
 }, {}>;
 export default _default;

package/es/layout/src/LayoutHeader.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly position: {
         readonly type: import("vue").PropType<"static" | "absolute">;
@@ -229,8 +229,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    position: "static" | "absolute";
     bordered: boolean;
+    position: "absolute" | "static";
     inverted: boolean;
 }, {}>;
 export default _default;

package/es/layout/src/LayoutHeader.js

@@ -3,6 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-header.cssr';
+import { resolveWrappedSlot } from '../../_utils';
 export const headerProps = {
     position: positionProp,
     inverted: Boolean,
@@ -47,6 +48,7 @@ export default defineComponent({
     render() {
         var _a;
         const { mergedClsPrefix } = this;
+        const $slots = this.$slots;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return (h("div", { class: [
                 `${mergedClsPrefix}-layout-header`,
@@ -54,6 +56,8 @@ export default defineComponent({
                 this.position &&
                     `${mergedClsPrefix}-layout-header--${this.position}-positioned`,
                 this.bordered && `${mergedClsPrefix}-layout-header--bordered`
-            ], style: this.cssVars }, this.$slots));
+            ], style: this.cssVars }, !$slots.default ? (h("div", { class: `${mergedClsPrefix}-layout-header__wrapper` },
+            resolveWrappedSlot($slots.left, (children) => children && (h("div", { class: `${mergedClsPrefix}-layout-header-left` }, children))),
+            resolveWrappedSlot($slots.right, (children) => children && (h("div", { class: `${mergedClsPrefix}-layout-header-right` }, children))))) : (resolveWrappedSlot($slots.default, (children) => children))));
     }
 });