naive-ui 2.19.10 → 2.19.11

package/lib/rate/src/Rate.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const vooks_1 = require("vooks");
+const _internal_1 = require("../../_internal");
+const _mixins_1 = require("../../_mixins");
+const _utils_1 = require("../../_utils");
+const styles_1 = require("../styles");
+const index_cssr_1 = require("./styles/index.cssr");
+const StarIcon_1 = require("./StarIcon");
+const rateProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { allowHalf: Boolean, count: {
+        type: Number,
+        default: 5
+    }, value: Number, defaultValue: {
+        type: Number,
+        default: 0
+    }, readonly: Boolean, size: {
+        type: [String, Number],
+        default: 'medium'
+    }, color: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Rate',
+    props: rateProps,
+    setup(props) {
+        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const themeRef = (0, _mixins_1.useTheme)('Rate', 'Rate', index_cssr_1.default, styles_1.rateLight, props, mergedClsPrefixRef);
+        const controlledValueRef = (0, vue_1.toRef)(props, 'value');
+        const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
+        const hoverIndexRef = (0, vue_1.ref)(null);
+        const formItem = (0, _mixins_1.useFormItem)(props);
+        function doUpdateValue(value) {
+            const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
+            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            if (_onUpdateValue) {
+                (0, _utils_1.call)(_onUpdateValue, value);
+            }
+            if (onUpdateValue) {
+                (0, _utils_1.call)(onUpdateValue, value);
+            }
+            uncontrolledValueRef.value = value;
+            nTriggerFormChange();
+            nTriggerFormInput();
+        }
+        function getDerivedValue(index, e) {
+            if (props.allowHalf) {
+                if (e.offsetX >=
+                    Math.floor(e.currentTarget.offsetWidth / 2)) {
+                    return index + 1;
+                }
+                else {
+                    return index + 0.5;
+                }
+            }
+            else {
+                return index + 1;
+            }
+        }
+        function handleMouseMove(index, e) {
+            hoverIndexRef.value = getDerivedValue(index, e);
+        }
+        function handleMouseLeave() {
+            hoverIndexRef.value = null;
+        }
+        function handleClick(index, e) {
+            doUpdateValue(getDerivedValue(index, e));
+        }
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            mergedValue: (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef),
+            hoverIndex: hoverIndexRef,
+            handleMouseMove,
+            handleClick,
+            handleMouseLeave,
+            cssVars: (0, vue_1.computed)(() => {
+                const { size } = props;
+                const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
+                const { itemColor, itemColorActive } = self;
+                let mergedSize;
+                if (typeof size === 'number') {
+                    mergedSize = `${size}px`;
+                }
+                else {
+                    mergedSize = self[(0, _utils_1.createKey)('size', size)];
+                }
+                return {
+                    '--bezier': cubicBezierEaseInOut,
+                    '--item-color': itemColor,
+                    '--item-color-active': props.color || itemColorActive,
+                    '--item-size': mergedSize
+                };
+            })
+        };
+    },
+    render() {
+        const { readonly, hoverIndex, mergedValue, mergedClsPrefix, $slots: { default: defaultSlot } } = this;
+        return ((0, vue_1.h)("div", { class: [
+                `${mergedClsPrefix}-rate`,
+                {
+                    [`${mergedClsPrefix}-rate--readonly`]: readonly
+                }
+            ], style: this.cssVars, onMouseleave: this.handleMouseLeave }, (0, vue_1.renderList)(this.count, (_, index) => {
+            const icon = defaultSlot ? (defaultSlot()) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => StarIcon_1.default }));
+            const fullStarActive = hoverIndex !== null
+                ? index + 1 <= hoverIndex
+                : index + 1 <= mergedValue;
+            return ((0, vue_1.h)("div", { key: index, class: [
+                    `${mergedClsPrefix}-rate__item`,
+                    fullStarActive && `${mergedClsPrefix}-rate__item--active`
+                ], onClick: readonly
+                    ? undefined
+                    : (e) => {
+                        this.handleClick(index, e);
+                    }, onMousemove: readonly
+                    ? undefined
+                    : (e) => {
+                        this.handleMouseMove(index, e);
+                    } },
+                icon,
+                this.allowHalf ? ((0, vue_1.h)("div", { class: [
+                        `${mergedClsPrefix}-rate__half`,
+                        {
+                            [`${mergedClsPrefix}-rate__half--active`]: !fullStarActive && hoverIndex !== null
+                                ? index + 0.5 <= hoverIndex
+                                : index + 0.5 <= mergedValue
+                        }
+                    ] }, icon)) : null));
+        })));
+    }
+});

package/lib/rate/src/StarIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: JSX.Element;
+export default _default;

package/lib/rate/src/StarIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = ((0, vue_1.h)("svg", { viewBox: "0 0 512 512" },
+    (0, vue_1.h)("path", { d: "M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z" })));

package/lib/rate/src/styles/index.cssr.d.ts

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

package/lib/rate/src/styles/index.cssr.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr"); // vars:
+// --bezier
+// --item-color
+// --item-color-active
+
+
+exports.default = (0, cssr_1.cB)('rate', {
+  display: 'inline-flex',
+  flexWrap: 'nowrap'
+}, [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('item', `
+ transition:
+ transform .1s var(--bezier),
+ color .3s var(--bezier);
+ `)]), (0, cssr_1.cE)('item', `
+ position: relative;
+ display: flex;
+ transition:
+ transform .1s var(--bezier),
+ color .3s var(--bezier);
+ transform: scale(1);
+ font-size: var(--item-size);
+ color: var(--item-color);
+ `, [(0, cssr_1.c)('&:not(:first-child)', {
+  marginLeft: '6px'
+}), (0, cssr_1.cM)('active', {
+  color: 'var(--item-color-active)'
+})]), (0, cssr_1.cNotM)('readonly', `
+ cursor: pointer;
+ `, [(0, cssr_1.cE)('item', [(0, cssr_1.c)('&:hover', {
+  transform: 'scale(1.05)'
+}), (0, cssr_1.c)('&:active', {
+  transform: 'scale(0.96)'
+})])]), (0, cssr_1.cE)('half', `
+ display: flex;
+ transition: inherit;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 50%;
+ overflow: hidden;
+ color: rgba(255, 255, 255, 0);
+ `, [(0, cssr_1.cM)('active', {
+  color: 'var(--item-color-active)'
+})])]);

package/lib/rate/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import { RateTheme } from './light';
+declare const rateDark: RateTheme;
+export default rateDark;

package/lib/rate/styles/dark.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const rateDark = {
+    name: 'Rate',
+    common: common_1.commonDark,
+    self(vars) {
+        const { railColor } = vars;
+        return {
+            itemColor: railColor,
+            itemColorActive: '#CCAA33',
+            itemSize: '20px',
+            sizeSmall: '16px',
+            sizeMedium: '20px',
+            sizeLarge: '24px'
+        };
+    }
+};
+exports.default = rateDark;

package/lib/rate/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as rateDark } from './dark';
+export { default as rateLight } from './light';
+export type { RateTheme, RateThemeVars } from './light';

package/lib/rate/styles/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rateLight = exports.rateDark = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return dark_1.default; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "rateLight", { enumerable: true, get: function () { return light_1.default; } });

package/lib/rate/styles/light.d.ts

@@ -0,0 +1,13 @@
+import type { ThemeCommonVars } from '../../_styles/common';
+import { Theme } from '../../_mixins';
+declare const self: (vars: ThemeCommonVars) => {
+    itemColor: string;
+    itemColorActive: string;
+    sizeSmall: string;
+    sizeMedium: string;
+    sizeLarge: string;
+};
+export declare type RateThemeVars = ReturnType<typeof self>;
+declare const themeLight: Theme<'Rate', RateThemeVars>;
+export default themeLight;
+export declare type RateTheme = typeof themeLight;

package/lib/rate/styles/light.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../../_styles/common");
+const self = (vars) => {
+    const { railColor } = vars;
+    return {
+        itemColor: railColor,
+        itemColorActive: '#FFCC33',
+        sizeSmall: '16px',
+        sizeMedium: '20px',
+        sizeLarge: '24px'
+    };
+};
+const themeLight = {
+    name: 'Rate',
+    common: common_1.commonLight,
+    self
+};
+exports.default = themeLight;

package/lib/result/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NResult } from './src/Result';
+export type { ResultProps } from './src/Result';

package/lib/result/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NResult = void 0;
+var Result_1 = require("./src/Result");
+Object.defineProperty(exports, "NResult", { enumerable: true, get: function () { return Result_1.default; } });

package/lib/result/src/403.d.ts

@@ -0,0 +1,2 @@
+declare const _default: JSX.Element;
+export default _default;

package/lib/result/src/403.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
+    (0, vue_1.h)("path", { fill: "#EF9645", d: "M15.5 2.965c1.381 0 2.5 1.119 2.5 2.5v.005L20.5.465c1.381 0 2.5 1.119 2.5 2.5V4.25l2.5-1.535c1.381 0 2.5 1.119 2.5 2.5V8.75L29 18H15.458L15.5 2.965z" }),
+    (0, vue_1.h)("path", { fill: "#FFDC5D", d: "M4.625 16.219c1.381-.611 3.354.208 4.75 2.188.917 1.3 1.187 3.151 2.391 3.344.46.073 1.234-.313 1.234-1.397V4.5s0-2 2-2 2 2 2 2v11.633c0-.029 1-.064 1-.082V2s0-2 2-2 2 2 2 2v14.053c0 .017 1 .041 1 .069V4.25s0-2 2-2 2 2 2 2v12.638c0 .118 1 .251 1 .398V8.75s0-2 2-2 2 2 2 2V24c0 6.627-5.373 12-12 12-4.775 0-8.06-2.598-9.896-5.292C8.547 28.423 8.096 26.051 8 25.334c0 0-.123-1.479-1.156-2.865-1.469-1.969-2.5-3.156-3.125-3.866-.317-.359-.625-1.707.906-2.384z" })));

package/lib/result/src/404.d.ts

@@ -0,0 +1,2 @@
+declare const _default: JSX.Element;
+export default _default;

package/lib/result/src/404.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
+    (0, vue_1.h)("circle", { fill: "#FFCB4C", cx: "18", cy: "17.018", r: "17" }),
+    (0, vue_1.h)("path", { fill: "#65471B", d: "M14.524 21.036c-.145-.116-.258-.274-.312-.464-.134-.46.13-.918.59-1.021 4.528-1.021 7.577 1.363 7.706 1.465.384.306.459.845.173 1.205-.286.358-.828.401-1.211.097-.11-.084-2.523-1.923-6.182-1.098-.274.061-.554-.016-.764-.184z" }),
+    (0, vue_1.h)("ellipse", { fill: "#65471B", cx: "13.119", cy: "11.174", rx: "2.125", ry: "2.656" }),
+    (0, vue_1.h)("ellipse", { fill: "#65471B", cx: "24.375", cy: "12.236", rx: "2.125", ry: "2.656" }),
+    (0, vue_1.h)("path", { fill: "#F19020", d: "M17.276 35.149s1.265-.411 1.429-1.352c.173-.972-.624-1.167-.624-1.167s1.041-.208 1.172-1.376c.123-1.101-.861-1.363-.861-1.363s.97-.4 1.016-1.539c.038-.959-.995-1.428-.995-1.428s5.038-1.221 5.556-1.341c.516-.12 1.32-.615 1.069-1.694-.249-1.08-1.204-1.118-1.697-1.003-.494.115-6.744 1.566-8.9 2.068l-1.439.334c-.54.127-.785-.11-.404-.512.508-.536.833-1.129.946-2.113.119-1.035-.232-2.313-.433-2.809-.374-.921-1.005-1.649-1.734-1.899-1.137-.39-1.945.321-1.542 1.561.604 1.854.208 3.375-.833 4.293-2.449 2.157-3.588 3.695-2.83 6.973.828 3.575 4.377 5.876 7.952 5.048l3.152-.681z" }),
+    (0, vue_1.h)("path", { fill: "#65471B", d: "M9.296 6.351c-.164-.088-.303-.224-.391-.399-.216-.428-.04-.927.393-1.112 4.266-1.831 7.699-.043 7.843.034.433.231.608.747.391 1.154-.216.405-.74.546-1.173.318-.123-.063-2.832-1.432-6.278.047-.257.109-.547.085-.785-.042zm12.135 3.75c-.156-.098-.286-.243-.362-.424-.187-.442.023-.927.468-1.084 4.381-1.536 7.685.48 7.823.567.415.26.555.787.312 1.178-.242.39-.776.495-1.191.238-.12-.072-2.727-1.621-6.267-.379-.266.091-.553.046-.783-.096z" })));

package/lib/result/src/418.d.ts

@@ -0,0 +1,2 @@
+declare const _default: JSX.Element;
+export default _default;

package/lib/result/src/418.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
+    (0, vue_1.h)("ellipse", { fill: "#292F33", cx: "18", cy: "26", rx: "18", ry: "10" }),
+    (0, vue_1.h)("ellipse", { fill: "#66757F", cx: "18", cy: "24", rx: "18", ry: "10" }),
+    (0, vue_1.h)("path", { fill: "#E1E8ED", d: "M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19z" }),
+    (0, vue_1.h)("path", { fill: "#77B255", d: "M35 12.056c0 5.216-7.611 9.444-17 9.444S1 17.271 1 12.056C1 6.84 8.611 3.611 18 3.611s17 3.229 17 8.445z" }),
+    (0, vue_1.h)("ellipse", { fill: "#A6D388", cx: "18", cy: "13", rx: "15", ry: "7" }),
+    (0, vue_1.h)("path", { d: "M21 17c-.256 0-.512-.098-.707-.293-2.337-2.337-2.376-4.885-.125-8.262.739-1.109.9-2.246.478-3.377-.461-1.236-1.438-1.996-1.731-2.077-.553 0-.958-.443-.958-.996 0-.552.491-.995 1.043-.995.997 0 2.395 1.153 3.183 2.625 1.034 1.933.91 4.039-.351 5.929-1.961 2.942-1.531 4.332-.125 5.738.391.391.391 1.023 0 1.414-.195.196-.451.294-.707.294zm-6-2c-.256 0-.512-.098-.707-.293-2.337-2.337-2.376-4.885-.125-8.262.727-1.091.893-2.083.494-2.947-.444-.961-1.431-1.469-1.684-1.499-.552 0-.989-.447-.989-1 0-.552.458-1 1.011-1 .997 0 2.585.974 3.36 2.423.481.899 1.052 2.761-.528 5.131-1.961 2.942-1.531 4.332-.125 5.738.391.391.391 1.023 0 1.414-.195.197-.451.295-.707.295z", fill: "#5C913B" })));

package/lib/result/src/500.d.ts

@@ -0,0 +1,2 @@
+declare const _default: JSX.Element;
+export default _default;

package/lib/result/src/500.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36" },
+    (0, vue_1.h)("path", { fill: "#FFCC4D", d: "M36 18c0 9.941-8.059 18-18 18-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18" }),
+    (0, vue_1.h)("ellipse", { fill: "#664500", cx: "18", cy: "27", rx: "5", ry: "6" }),
+    (0, vue_1.h)("path", { fill: "#664500", d: "M5.999 11c-.208 0-.419-.065-.599-.2-.442-.331-.531-.958-.2-1.4C8.462 5.05 12.816 5 13 5c.552 0 1 .448 1 1 0 .551-.445.998-.996 1-.155.002-3.568.086-6.204 3.6-.196.262-.497.4-.801.4zm24.002 0c-.305 0-.604-.138-.801-.4-2.64-3.521-6.061-3.598-6.206-3.6-.55-.006-.994-.456-.991-1.005C22.006 5.444 22.45 5 23 5c.184 0 4.537.05 7.8 4.4.332.442.242 1.069-.2 1.4-.18.135-.39.2-.599.2zm-16.087 4.5l1.793-1.793c.391-.391.391-1.023 0-1.414s-1.023-.391-1.414 0L12.5 14.086l-1.793-1.793c-.391-.391-1.023-.391-1.414 0s-.391 1.023 0 1.414l1.793 1.793-1.793 1.793c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l1.793-1.793 1.793 1.793c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023 0-1.414L13.914 15.5zm11 0l1.793-1.793c.391-.391.391-1.023 0-1.414s-1.023-.391-1.414 0L23.5 14.086l-1.793-1.793c-.391-.391-1.023-.391-1.414 0s-.391 1.023 0 1.414l1.793 1.793-1.793 1.793c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l1.793-1.793 1.793 1.793c.195.195.451.293.707.293s.512-.098.707-.293c.391-.391.391-1.023 0-1.414L24.914 15.5z" })));

package/lib/result/src/Result.d.ts

@@ -0,0 +1,292 @@
+import { PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+declare const resultProps: {
+    size: {
+        type: PropType<"small" | "medium" | "large" | "huge">;
+        default: string;
+    };
+    status: {
+        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
+        default: string;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>>;
+};
+export declare type ResultProps = ExtractPublicPropTypes<typeof resultProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: PropType<"small" | "medium" | "large" | "huge">;
+        default: string;
+    };
+    status: {
+        type: PropType<"500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418">;
+        default: string;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>>>;
+}, {
+    mergedClsPrefix: import("vue").ComputedRef<string>;
+    cssVars: import("vue").ComputedRef<{
+        '--bezier': string;
+        '--font-size': string;
+        '--icon-size': string;
+        '--line-height': string;
+        '--text-color': string;
+        '--title-font-size': string;
+        '--title-font-weight': string;
+        '--title-text-color': string;
+        '--icon-color': string | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    size?: unknown;
+    status?: unknown;
+    title?: unknown;
+    description?: unknown;
+    theme?: unknown;
+    themeOverrides?: unknown;
+    builtinThemeOverrides?: unknown;
+} & {
+    size: "small" | "medium" | "large" | "huge";
+    status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
+} & {
+    description?: string | undefined;
+    title?: string | undefined;
+    theme?: import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any> | undefined;
+    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>> | undefined;
+    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Result", {
+        lineHeight: string;
+        titleFontWeight: string;
+        titleTextColor: string;
+        textColor: string;
+        iconColorError: string;
+        iconColorSuccess: string;
+        iconColorInfo: string;
+        iconColorWarning: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        fontSizeSmall: string;
+        fontSizeMedium: string;
+        fontSizeLarge: string;
+        fontSizeHuge: string;
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
+        iconColor418: undefined;
+        iconColor404: undefined;
+        iconColor403: undefined;
+        iconColor500: undefined;
+    }, any>> | undefined;
+}>, {
+    size: "small" | "medium" | "large" | "huge";
+    status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
+}>;
+export default _default;