naive-ui 2.31.0 → 2.32.0

package/es/legacy-transfer/src/TransferListItem.d.ts

@@ -0,0 +1,513 @@
+declare const _default: import("vue").DefineComponent<{
+    source: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    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;
+        };
+    }>;
+    checked: import("vue").ComputedRef<boolean>;
+    handleClick: () => void;
+}, 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;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    source: boolean;
+    disabled: boolean;
+}>;
+export default _default;

package/es/legacy-transfer/src/TransferListItem.js

@@ -0,0 +1,65 @@
+import { h, inject, defineComponent } from 'vue';
+import { useMemo } from 'vooks';
+import { NCheckbox } from '../../checkbox';
+import { transferInjectionKey } from './interface';
+import { getTitleAttribute } from '../../_utils';
+export default defineComponent({
+    name: 'NTransferListItem',
+    props: {
+        source: {
+            type: Boolean,
+            default: false
+        },
+        label: {
+            type: String,
+            required: true
+        },
+        value: {
+            type: [String, Number],
+            required: true
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+    setup(props) {
+        const { source } = props;
+        const { mergedClsPrefixRef, mergedThemeRef, srcCheckedValuesRef, tgtCheckedValuesRef, handleSrcCheckboxClick, handleTgtCheckboxClick
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+         } = inject(transferInjectionKey);
+        const checkedRef = source
+            ? useMemo(() => srcCheckedValuesRef.value.includes(props.value))
+            : useMemo(() => tgtCheckedValuesRef.value.includes(props.value));
+        const handleClick = source
+            ? () => {
+                if (!props.disabled) {
+                    handleSrcCheckboxClick(!checkedRef.value, props.value);
+                }
+            }
+            : () => {
+                if (!props.disabled) {
+                    handleTgtCheckboxClick(!checkedRef.value, props.value);
+                }
+            };
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            mergedTheme: mergedThemeRef,
+            checked: checkedRef,
+            handleClick
+        };
+    },
+    render() {
+        const { disabled, mergedTheme, mergedClsPrefix, label, checked, source } = this;
+        return (h("div", { class: [
+                `${mergedClsPrefix}-legacy-transfer-list-item`,
+                disabled && `${mergedClsPrefix}-legacy-transfer-list-item--disabled`,
+                source
+                    ? `${mergedClsPrefix}-legacy-transfer-list-item--source`
+                    : `${mergedClsPrefix}-legacy-transfer-list-item--target`
+            ], onClick: this.handleClick },
+            h("div", { class: `${mergedClsPrefix}-legacy-transfer-list-item__checkbox` },
+                h(NCheckbox, { theme: mergedTheme.peers.Checkbox, themeOverrides: mergedTheme.peerOverrides.Checkbox, disabled: disabled, checked: checked })),
+            h("div", { class: `${mergedClsPrefix}-legacy-transfer-list-item__label`, title: getTitleAttribute(label) }, label)));
+    }
+});

package/es/legacy-transfer/src/interface.d.ts

@@ -0,0 +1,31 @@
+import { Ref } from 'vue';
+import type { MergedTheme } from '../../_mixins';
+import type { LegacyTransferTheme } from '../styles';
+export declare type OptionValue = string | number;
+export interface Option {
+    label: string;
+    value: OptionValue;
+    disabled?: boolean;
+}
+export interface CheckedStatus {
+    checked: boolean;
+    indeterminate: boolean;
+    disabled?: boolean;
+}
+export declare type Filter = (pattern: string, option: Option, from: 'source' | 'target') => boolean;
+export interface TransferInjection {
+    mergedClsPrefixRef: Ref<string>;
+    mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
+    disabledRef: Ref<boolean>;
+    mergedThemeRef: Ref<MergedTheme<LegacyTransferTheme>>;
+    srcCheckedValuesRef: Ref<OptionValue[]>;
+    tgtCheckedValuesRef: Ref<OptionValue[]>;
+    srcOptsRef: Ref<Option[]>;
+    tgtOptsRef: Ref<Option[]>;
+    srcCheckedStatusRef: Ref<CheckedStatus>;
+    tgtCheckedStatusRef: Ref<CheckedStatus>;
+    handleSrcCheckboxClick: (checked: boolean, value: OptionValue) => void;
+    handleTgtCheckboxClick: (checked: boolean, value: OptionValue) => void;
+}
+export declare const transferInjectionKey: import("vue").InjectionKey<TransferInjection>;
+export declare type OnUpdateValue = (value: OptionValue[]) => void;

package/es/legacy-transfer/src/interface.js

@@ -0,0 +1,2 @@
+import { createInjectionKey } from '../../_utils';
+export const transferInjectionKey = createInjectionKey('n-transfer');

package/es/legacy-transfer/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;