naive-ui 2.31.0 → 2.32.0

package/lib/legacy-transfer/src/TransferFilter.d.ts

@@ -0,0 +1,509 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    value: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: BooleanConstructor;
+    onFocus: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onUpdateValue: {
+        type: PropType<(value: string | null) => void>;
+        required: true;
+    };
+}, {
+    mergedClsPrefix: import("vue").Ref<string>;
+    mergedTheme: import("vue").Ref<{
+        common: {
+            baseColor: string;
+            primaryColor: string;
+            primaryColorHover: string;
+            primaryColorPressed: string;
+            primaryColorSuppl: string;
+            infoColor: string;
+            infoColorHover: string;
+            infoColorPressed: string;
+            infoColorSuppl: string;
+            successColor: string;
+            successColorHover: string;
+            successColorPressed: string;
+            successColorSuppl: string;
+            warningColor: string;
+            warningColorHover: string;
+            warningColorPressed: string;
+            warningColorSuppl: string;
+            errorColor: string;
+            errorColorHover: string;
+            errorColorPressed: string;
+            errorColorSuppl: string;
+            textColorBase: string;
+            textColor1: string;
+            textColor2: string;
+            textColor3: string;
+            textColorDisabled: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            iconColor: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            iconColorDisabled: string;
+            opacity1: string;
+            opacity2: string;
+            opacity3: string;
+            opacity4: string;
+            opacity5: string;
+            dividerColor: string;
+            borderColor: string;
+            closeIconColor: string;
+            closeIconColorHover: string;
+            closeIconColorPressed: string;
+            closeColorHover: string;
+            closeColorPressed: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            scrollbarColor: string;
+            scrollbarColorHover: string;
+            scrollbarWidth: string;
+            scrollbarHeight: string;
+            scrollbarBorderRadius: string;
+            progressRailColor: string;
+            railColor: string;
+            popoverColor: string;
+            tableColor: string;
+            cardColor: string;
+            modalColor: string;
+            bodyColor: string;
+            tagColor: string;
+            avatarColor: string;
+            invertedColor: string;
+            inputColor: string;
+            codeColor: string;
+            tabColor: string;
+            actionColor: string;
+            tableHeaderColor: string;
+            hoverColor: string;
+            tableColorHover: string;
+            tableColorStriped: string;
+            pressedColor: string;
+            opacityDisabled: string;
+            inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
+            boxShadow1: string;
+            boxShadow2: string;
+            boxShadow3: string;
+            fontFamily: string;
+            fontFamilyMono: string;
+            fontWeight: string;
+            fontWeightStrong: string;
+            cubicBezierEaseInOut: string;
+            cubicBezierEaseOut: string;
+            cubicBezierEaseIn: string;
+            borderRadius: string;
+            borderRadiusSmall: string;
+            fontSize: string;
+            fontSizeMini: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            heightMini: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            name: "common";
+        };
+        self: {
+            itemHeightSmall: string;
+            itemHeightMedium: string;
+            itemHeightLarge: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            borderRadius: string;
+            borderColor: string;
+            listColor: string;
+            headerColor: string;
+            titleTextColor: string;
+            titleTextColorDisabled: string;
+            extraTextColor: string;
+            filterDividerColor: string;
+            itemTextColor: string;
+            itemTextColorDisabled: string;
+            itemColorPending: string;
+            titleFontWeight: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            extraFontSize: string;
+            width: string;
+        };
+        peers: {
+            Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                labelLineHeight: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                borderRadius: string;
+                color: string;
+                colorChecked: string;
+                colorDisabled: string;
+                colorDisabledChecked: string;
+                colorTableHeader: string;
+                colorTableHeaderModal: string;
+                colorTableHeaderPopover: string;
+                checkMarkColor: string;
+                checkMarkColorDisabled: string;
+                checkMarkColorDisabledChecked: string;
+                border: string;
+                borderDisabled: string;
+                borderDisabledChecked: string;
+                borderChecked: string;
+                borderFocus: string;
+                boxShadowFocus: string;
+                textColor: string;
+                textColorDisabled: string;
+                sizeSmall: string;
+                sizeMedium: string;
+                sizeLarge: string;
+                labelPadding: string;
+            }, any>;
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                color: string;
+                colorHover: string;
+            }, any>;
+            Input: import("../../_mixins").Theme<"Input", {
+                countTextColor: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                lineHeight: string;
+                lineHeightTextarea: string;
+                borderRadius: string;
+                iconSize: string;
+                groupLabelColor: string;
+                groupLabelTextColor: string;
+                textColor: string;
+                textColorDisabled: string;
+                textDecorationColor: string;
+                caretColor: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorDisabled: string;
+                colorFocus: string;
+                groupLabelBorder: string;
+                border: string;
+                borderHover: string;
+                borderDisabled: string;
+                borderFocus: string;
+                boxShadowFocus: string;
+                loadingColor: string;
+                loadingColorWarning: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                colorFocusWarning: string;
+                borderFocusWarning: string;
+                boxShadowFocusWarning: string;
+                caretColorWarning: string;
+                loadingColorError: string;
+                borderError: string;
+                borderHoverError: string;
+                colorFocusError: string;
+                borderFocusError: string;
+                boxShadowFocusError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                iconColor: string;
+                iconColorDisabled: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                suffixTextColor: string;
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                clearSize: string;
+            }, any>;
+            Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                textColor: string;
+                iconColor: string;
+                extraTextColor: string;
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
+            }, any>;
+            Button: import("../../_mixins").Theme<"Button", {
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                borderRadiusTiny: string;
+                borderRadiusSmall: string;
+                borderRadiusMedium: string;
+                borderRadiusLarge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                opacityDisabled: string;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
+                color: string;
+                colorHover: string;
+                colorPressed: string;
+                colorFocus: string;
+                colorDisabled: string;
+                textColor: string;
+                textColorTertiary: string;
+                textColorHover: string;
+                textColorPressed: string;
+                textColorFocus: string;
+                textColorDisabled: string;
+                textColorText: string;
+                textColorTextHover: string;
+                textColorTextPressed: string;
+                textColorTextFocus: string;
+                textColorTextDisabled: string;
+                textColorGhost: string;
+                textColorGhostHover: string;
+                textColorGhostPressed: string;
+                textColorGhostFocus: string;
+                textColorGhostDisabled: string;
+                border: string;
+                borderHover: string;
+                borderPressed: string;
+                borderFocus: string;
+                borderDisabled: string;
+                rippleColor: string;
+                colorPrimary: string;
+                colorHoverPrimary: string;
+                colorPressedPrimary: string;
+                colorFocusPrimary: string;
+                colorDisabledPrimary: string;
+                textColorPrimary: string;
+                textColorHoverPrimary: string;
+                textColorPressedPrimary: string;
+                textColorFocusPrimary: string;
+                textColorDisabledPrimary: string;
+                textColorTextPrimary: string;
+                textColorTextHoverPrimary: string;
+                textColorTextPressedPrimary: string;
+                textColorTextFocusPrimary: string;
+                textColorTextDisabledPrimary: string;
+                textColorGhostPrimary: string;
+                textColorGhostHoverPrimary: string;
+                textColorGhostPressedPrimary: string;
+                textColorGhostFocusPrimary: string;
+                textColorGhostDisabledPrimary: string;
+                borderPrimary: string;
+                borderHoverPrimary: string;
+                borderPressedPrimary: string;
+                borderFocusPrimary: string;
+                borderDisabledPrimary: string;
+                rippleColorPrimary: string;
+                colorInfo: string;
+                colorHoverInfo: string;
+                colorPressedInfo: string;
+                colorFocusInfo: string;
+                colorDisabledInfo: string;
+                textColorInfo: string;
+                textColorHoverInfo: string;
+                textColorPressedInfo: string;
+                textColorFocusInfo: string;
+                textColorDisabledInfo: string;
+                textColorTextInfo: string;
+                textColorTextHoverInfo: string;
+                textColorTextPressedInfo: string;
+                textColorTextFocusInfo: string;
+                textColorTextDisabledInfo: string;
+                textColorGhostInfo: string;
+                textColorGhostHoverInfo: string;
+                textColorGhostPressedInfo: string;
+                textColorGhostFocusInfo: string;
+                textColorGhostDisabledInfo: string;
+                borderInfo: string;
+                borderHoverInfo: string;
+                borderPressedInfo: string;
+                borderFocusInfo: string;
+                borderDisabledInfo: string;
+                rippleColorInfo: string;
+                colorSuccess: string;
+                colorHoverSuccess: string;
+                colorPressedSuccess: string;
+                colorFocusSuccess: string;
+                colorDisabledSuccess: string;
+                textColorSuccess: string;
+                textColorHoverSuccess: string;
+                textColorPressedSuccess: string;
+                textColorFocusSuccess: string;
+                textColorDisabledSuccess: string;
+                textColorTextSuccess: string;
+                textColorTextHoverSuccess: string;
+                textColorTextPressedSuccess: string;
+                textColorTextFocusSuccess: string;
+                textColorTextDisabledSuccess: string;
+                textColorGhostSuccess: string;
+                textColorGhostHoverSuccess: string;
+                textColorGhostPressedSuccess: string;
+                textColorGhostFocusSuccess: string;
+                textColorGhostDisabledSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                borderPressedSuccess: string;
+                borderFocusSuccess: string;
+                borderDisabledSuccess: string;
+                rippleColorSuccess: string;
+                colorWarning: string;
+                colorHoverWarning: string;
+                colorPressedWarning: string;
+                colorFocusWarning: string;
+                colorDisabledWarning: string;
+                textColorWarning: string;
+                textColorHoverWarning: string;
+                textColorPressedWarning: string;
+                textColorFocusWarning: string;
+                textColorDisabledWarning: string;
+                textColorTextWarning: string;
+                textColorTextHoverWarning: string;
+                textColorTextPressedWarning: string;
+                textColorTextFocusWarning: string;
+                textColorTextDisabledWarning: string;
+                textColorGhostWarning: string;
+                textColorGhostHoverWarning: string;
+                textColorGhostPressedWarning: string;
+                textColorGhostFocusWarning: string;
+                textColorGhostDisabledWarning: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                borderPressedWarning: string;
+                borderFocusWarning: string;
+                borderDisabledWarning: string;
+                rippleColorWarning: string;
+                colorError: string;
+                colorHoverError: string;
+                colorPressedError: string;
+                colorFocusError: string;
+                colorDisabledError: string;
+                textColorError: string;
+                textColorHoverError: string;
+                textColorPressedError: string;
+                textColorFocusError: string;
+                textColorDisabledError: string;
+                textColorTextError: string;
+                textColorTextHoverError: string;
+                textColorTextPressedError: string;
+                textColorTextFocusError: string;
+                textColorTextDisabledError: string;
+                textColorGhostError: string;
+                textColorGhostHoverError: string;
+                textColorGhostPressedError: string;
+                textColorGhostFocusError: string;
+                textColorGhostDisabledError: string;
+                borderError: string;
+                borderHoverError: string;
+                borderPressedError: string;
+                borderFocusError: string;
+                borderDisabledError: string;
+                rippleColorError: string;
+                waveOpacity: string;
+                fontWeight: string;
+                fontWeightStrong: string;
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingRoundTiny: string;
+                paddingRoundSmall: string;
+                paddingRoundMedium: string;
+                paddingRoundLarge: string;
+                iconMarginTiny: string;
+                iconMarginSmall: string;
+                iconMarginMedium: string;
+                iconMarginLarge: string;
+                iconSizeTiny: string;
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                rippleDuration: string;
+            }, any>;
+        };
+        peerOverrides: {
+            Checkbox?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+            Scrollbar?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+            Input?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+            Empty?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+            Button?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+        };
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: BooleanConstructor;
+    onFocus: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onUpdateValue: {
+        type: PropType<(value: string | null) => void>;
+        required: true;
+    };
+}>>, {
+    disabled: boolean;
+}>;
+export default _default;

package/lib/legacy-transfer/src/TransferFilter.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const icons_1 = require("../../_internal/icons");
+const _internal_1 = require("../../_internal");
+const input_1 = require("../../input");
+const interface_1 = require("./interface");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'TransferFilter',
+    props: {
+        value: String,
+        placeholder: String,
+        disabled: Boolean,
+        onFocus: {
+            type: Function,
+            required: true
+        },
+        onBlur: {
+            type: Function,
+            required: true
+        },
+        onUpdateValue: {
+            type: Function,
+            required: true
+        }
+    },
+    setup() {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.transferInjectionKey);
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            mergedTheme: mergedThemeRef
+        };
+    },
+    render() {
+        const { mergedTheme, mergedClsPrefix } = this;
+        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-legacy-transfer-filter` },
+            (0, vue_1.h)(input_1.NInput, { value: this.value, onUpdateValue: this.onUpdateValue, disabled: this.disabled, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, clearable: true, size: "small", placeholder: this.placeholder, onFocus: this.onFocus, onBlur: this.onBlur }, {
+                'clear-icon-placeholder': () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-legacy-transfer-icon` }, { default: () => (0, vue_1.h)(icons_1.SearchIcon, null) }))
+            })));
+    }
+});

package/lib/legacy-transfer/src/TransferHeader.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(value: boolean) => void>;
+        required: true;
+    };
+    title: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(value: boolean) => void>;
+        required: true;
+    };
+    title: StringConstructor;
+}>>, {
+    source: boolean;
+}>;
+export default _default;

package/lib/legacy-transfer/src/TransferHeader.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const checkbox_1 = require("../../checkbox");
+const interface_1 = require("./interface");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'TransferHeader',
+    props: {
+        source: {
+            type: Boolean,
+            default: false
+        },
+        onChange: {
+            type: Function,
+            required: true
+        },
+        title: String
+    },
+    setup(props) {
+        const { srcOptsRef, tgtOptsRef, srcCheckedStatusRef, tgtCheckedStatusRef, srcCheckedValuesRef, tgtCheckedValuesRef, mergedThemeRef, disabledRef, mergedClsPrefixRef
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+         } = (0, vue_1.inject)(interface_1.transferInjectionKey);
+        const checkboxPropsRef = (0, vue_1.computed)(() => {
+            const { source } = props;
+            if (source) {
+                return srcCheckedStatusRef.value;
+            }
+            else {
+                return tgtCheckedStatusRef.value;
+            }
+        });
+        return () => {
+            const { source } = props;
+            const { value: checkboxProps } = checkboxPropsRef;
+            const { value: mergedTheme } = mergedThemeRef;
+            const { value: mergedClsPrefix } = mergedClsPrefixRef;
+            return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-legacy-transfer-list-header` },
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-legacy-transfer-list-header__checkbox` },
+                    (0, vue_1.h)(checkbox_1.NCheckbox, { theme: mergedTheme.peers.Checkbox, themeOverrides: mergedTheme.peerOverrides.Checkbox, checked: checkboxProps.checked, indeterminate: checkboxProps.indeterminate, disabled: checkboxProps.disabled || disabledRef.value, onUpdateChecked: props.onChange })),
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-legacy-transfer-list-header__header` }, props.title),
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-legacy-transfer-list-header__extra` },
+                    source
+                        ? srcCheckedValuesRef.value.length
+                        : tgtCheckedValuesRef.value.length,
+                    "/",
+                    source ? srcOptsRef.value.length : tgtOptsRef.value.length)));
+        };
+    }
+});