rappel-ui 1.0.11 → 1.0.13

package/es/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs

@@ -1,140 +0,0 @@
-import "../style/index.mjs";
-import { _buttonGroupProps as e, buttonSizes as t, buttonTypes as n } from "./constants.mjs";
-import { useNamespace as r } from "../../../composables/use-namespace/index.mjs";
-import "../../../composables/index.mjs";
-import { iconNames as i } from "../../../svg-icons/constants.mjs";
-import { Loading as a, createIcon as o } from "../../../svg-icons/index.mjs";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, defineComponent as f, inject as p, normalizeClass as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useTemplateRef as y } from "vue";
-//#region packages/components/button/src/button.vue?vue&type=script&setup=true&lang.ts
-var b = [
-	"type",
-	"disabled",
-	"autofocus",
-	"aria-disabled"
-], x = /*@__PURE__*/ f({
-	name: "ReButton",
-	__name: "button",
-	props: {
-		type: { default: () => void 0 },
-		size: { default: () => void 0 },
-		plain: {
-			type: Boolean,
-			default: () => void 0
-		},
-		round: {
-			type: Boolean,
-			default: () => void 0
-		},
-		circle: {
-			type: Boolean,
-			default: () => void 0
-		},
-		dashed: {
-			type: Boolean,
-			default: () => void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: () => void 0
-		},
-		icon: { default: () => void 0 },
-		loading: {
-			type: Boolean,
-			default: () => void 0
-		},
-		loadingIcon: { default: () => a },
-		text: {
-			type: Boolean,
-			default: () => void 0
-		},
-		padding: {
-			type: Boolean,
-			default: () => void 0
-		},
-		bg: {
-			type: Boolean,
-			default: () => void 0
-		},
-		link: {
-			type: Boolean,
-			default: () => void 0
-		},
-		theme: {},
-		reverseTheme: { type: Boolean },
-		autofocus: {
-			type: Boolean,
-			default: () => void 0
-		},
-		nativeType: { default: "button" }
-	},
-	emits: ["click"],
-	setup(a, { expose: f, emit: x }) {
-		let S = x, { n: C, nm: w, ns: T, is: E } = r("button"), D = p(e, null), O = c(() => {
-			var e;
-			return a.type || (D == null || (e = D.type) == null ? void 0 : e.value) || "";
-		}), k = c(() => {
-			var e;
-			return a.size || (D == null || (e = D.size) == null ? void 0 : e.value) || "";
-		}), A = c(() => [
-			C(),
-			O.value && n.includes(O.value) ? w(O.value) : "",
-			k.value && t.includes(k.value) ? w(k.value) : "",
-			E("text", a.text),
-			E("text-padding", a.text && a.padding),
-			E("text-bg", a.text && a.bg),
-			E("link", a.link),
-			E("plain", a.plain),
-			E("round", a.round),
-			E("circle", a.circle),
-			E("dashed", a.dashed),
-			E("loading", a.loading),
-			E("disabled", a.disabled)
-		]), j = (e) => typeof e == "string" && i.includes(e) ? o(e) : e, M = c(() => j(a.loadingIcon)), N = c(() => j(a.icon));
-		function P(e) {
-			if (a.disabled || a.loading) {
-				e.stopPropagation();
-				return;
-			}
-			S("click", e);
-		}
-		let F = y("ref");
-		return f({ ref: F }), (e, t) => {
-			var n;
-			return h(), d("button", {
-				ref_key: "ref",
-				ref: F,
-				class: m(A.value),
-				type: a.nativeType,
-				disabled: a.disabled || a.loading,
-				autofocus: a.autofocus,
-				"aria-disabled": a.disabled,
-				onClick: P
-			}, [
-				g(e.$slots, "loading", {}, () => [a.loading ? (h(), d(s, { key: 0 }, [typeof M.value == "string" ? (h(), d("i", {
-					key: 0,
-					class: m([v(T)("loading"), M.value]),
-					"aria-hidden": "true"
-				}, null, 2)) : (h(), l(_(M.value), {
-					key: 1,
-					class: m([v(T)("loading")]),
-					"aria-hidden": "true"
-				}, null, 8, ["class"]))], 64)) : u("", !0)]),
-				g(e.$slots, "icon", {}, () => [a.icon ? (h(), d(s, { key: 0 }, [typeof N.value == "string" ? (h(), d("i", {
-					key: 0,
-					class: m([v(T)("icon"), N.value]),
-					"aria-hidden": "true"
-				}, null, 2)) : (h(), l(_(N.value), {
-					key: 1,
-					class: m([v(T)("icon")]),
-					"aria-hidden": "true"
-				}, null, 8, ["class"]))], 64)) : u("", !0)]),
-				(n = e.$slots) != null && n.default ? (h(), d("span", {
-					key: 0,
-					class: m([v(T)("content")])
-				}, [g(e.$slots, "default")], 2)) : u("", !0)
-			], 10, b);
-		};
-	}
-});
-//#endregion
-export { x as default };

package/es/components/button/src/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "info", ""];
-export declare const buttonSizes: readonly ["mini", "small", "", "large"];
-export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
-export declare const _buttonGroupProps: unique symbol;

package/es/components/button/src/constants.mjs

@@ -1,20 +0,0 @@
-//#region packages/components/button/src/constants.ts
-var e = [
-	"primary",
-	"success",
-	"warning",
-	"danger",
-	"info",
-	""
-], t = [
-	"mini",
-	"small",
-	"",
-	"large"
-], n = [
-	"button",
-	"submit",
-	"reset"
-], r = Symbol("_buttonGroupProps");
-//#endregion
-export { r as _buttonGroupProps, n as buttonNativeTypes, t as buttonSizes, e as buttonTypes };

package/es/components/button/src/types.d.ts

@@ -1,32 +0,0 @@
-import { Component } from 'vue';
-import { Theme } from '@rappel-ui/types';
-import { buttonTypes, buttonSizes, buttonNativeTypes } from './constants';
-export interface ButtonProps {
-    type?: (typeof buttonTypes)[number];
-    size?: (typeof buttonSizes)[number];
-    plain?: boolean;
-    round?: boolean;
-    circle?: boolean;
-    dashed?: boolean;
-    disabled?: boolean;
-    icon?: string | Component;
-    loading?: boolean;
-    loadingIcon?: string | Component;
-    text?: boolean;
-    padding?: boolean;
-    bg?: boolean;
-    link?: boolean;
-    theme?: Theme;
-    reverseTheme?: boolean;
-    autofocus?: boolean;
-    nativeType?: (typeof buttonNativeTypes)[number];
-}
-export interface ButtonGroupProps {
-    size?: ButtonProps['size'];
-    type?: ButtonProps['type'];
-    direction?: 'horizontal' | 'vertical';
-}
-export interface ButtonEmits {
-    click: [e: MouseEvent];
-}
-export type { buttonTypes, buttonSizes, buttonNativeTypes };

package/es/components/button/style/index.mjs

@@ -1,2 +0,0 @@
-/* empty css                             */
-/* empty css                               */

package/es/components/button-group/style/index.mjs

@@ -1,2 +0,0 @@
-/* empty css                             */
-/* empty css                                     */

package/es/components/colors/index.d.ts

@@ -1,6 +0,0 @@
-import { default as PrimaryColor } from './src/primary-color.vue';
-import { default as SecondaryColor } from './src/secondary-color.vue';
-import { default as NeutralColor } from './src/neutral-color.vue';
-export declare const ReColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export { PrimaryColor as RePrimaryColor, SecondaryColor as ReSecondaryColor, NeutralColor as ReNeutralColor };
-export default ReColors;

package/es/components/colors/index.mjs

@@ -1,14 +0,0 @@
-import { withInstall as e } from "../../utils/vue/index.mjs";
-import "../../utils/index.mjs";
-import t from "./src/primary-color.mjs";
-import n from "./src/secondary-color.mjs";
-import r from "./src/neutral-color.mjs";
-import i from "./src/colors.mjs";
-//#region packages/components/colors/index.ts
-var a = e(i, {
-	RePrimaryColor: t,
-	ReSecondaryColor: n,
-	ReNeutralColor: r
-});
-//#endregion
-export { a as ReColors, a as default, r as ReNeutralColor, t as RePrimaryColor, n as ReSecondaryColor };

package/es/components/colors/src/colors.mjs

@@ -1,5 +0,0 @@
-import e from "./colors.vue_vue_type_script_setup_true_lang.mjs";
-//#region packages/components/colors/src/colors.vue
-var t = e;
-//#endregion
-export { t as default };

package/es/components/colors/src/colors.vue_vue_type_script_setup_true_lang.mjs

@@ -1,21 +0,0 @@
-import e from "./primary-color.mjs";
-import t from "./secondary-color.mjs";
-import n from "./neutral-color.mjs";
-import { Fragment as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, openBlock as c } from "vue";
-//#region packages/components/colors/src/colors.vue?vue&type=script&setup=true&lang.ts
-var l = /*@__PURE__*/ s({
-	name: "ReColors",
-	__name: "colors",
-	setup(s) {
-		return (s, l) => (c(), i(r, null, [
-			l[0] || (l[0] = a("h2", null, "Primary 主色", -1)),
-			o(e),
-			l[1] || (l[1] = a("h2", null, "Secondary 状态色", -1)),
-			o(t),
-			l[2] || (l[2] = a("h2", null, "Neutral 文本、边框、背景色", -1)),
-			o(n)
-		], 64));
-	}
-});
-//#endregion
-export { l as default };

package/es/components/colors/src/neutral-color.mjs

@@ -1,5 +0,0 @@
-import e from "./neutral-color.vue_vue_type_script_setup_true_lang.mjs";
-//#region packages/components/colors/src/neutral-color.vue
-var t = e;
-//#endregion
-export { t as default };

package/es/components/colors/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs

@@ -1,103 +0,0 @@
-import { toPascalCase as e } from "../../../utils/vue/index.mjs";
-import { getCssVarsByPrefix as t, getEqualOpacityColor as n } from "../../../utils/util.mjs";
-import "../../../utils/index.mjs";
-import { useNamespace as r } from "../../../composables/use-namespace/index.mjs";
-import { useTheme as i } from "../../../composables/use-theme/index.mjs";
-import "../../../composables/index.mjs";
-import "../style/index.mjs";
-import { Fragment as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _ } from "vue";
-//#region packages/components/colors/src/neutral-color.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ c({
-	name: "ReNeutralColor",
-	__name: "neutral-color",
-	setup(c) {
-		let { nm: v, ns: y } = r("colors"), { isDark: b } = i(), x = (r, i) => Object.entries(t(r)).reduce((a, [o, s]) => {
-			let c = {}, l = o.replace(`--${r}-`, ""), u = `${e(l)} ${e(i)}`;
-			switch (i) {
-				case "text":
-					c = {
-						color: s == null ? void 0 : s.toString().toUpperCase(),
-						text: u,
-						textcolor: b.value ? "#000" : "#fff"
-					};
-					break;
-				case "border":
-					c = {
-						color: s == null ? void 0 : s.toString().toUpperCase(),
-						text: u
-					};
-					break;
-				case "fill":
-					c = {
-						color: s == null ? void 0 : s.toString().toUpperCase(),
-						text: u,
-						extraclass: l === "transparent" ? b.value ? y("grids is-dark") : y("grids") : void 0,
-						bordercolor: l === "blank" ? n(Object.values(t("re-color-primary-base"))[0], .4, b.value) : void 0
-					};
-					break;
-			}
-			return a[o.replace(`--${r}-`, "")] = c, a;
-		}, {}), S = (e, t = "text", n = [
-			"darkest",
-			"darker",
-			"base",
-			"dark",
-			"light",
-			"lighter"
-		]) => {
-			let r = x(e, t);
-			return n.reduce((e, t) => (e.push(r[t]), e), []);
-		}, C = p([]), w = (e) => {
-			C.value = [
-				{ shades: S("re-color-text", "text") },
-				{ shades: S("re-color-border", "border", [
-					"darker",
-					"dark",
-					"base",
-					"light",
-					"lighter",
-					"lightest"
-				]) },
-				{ shades: S("re-color-fill", "fill", [
-					"darker",
-					"dark",
-					"base",
-					"light",
-					"lighter",
-					"lightest",
-					"blank",
-					"transparent"
-				]) },
-				{ shades: [
-					.9,
-					.8,
-					.7,
-					.6,
-					.5,
-					.4,
-					.3,
-					.2,
-					.1
-				].map((r) => ({
-					color: n(Object.values(t("re-color-primary-base"))[0], r, e),
-					text: `Primary Alpha ${r * 100}% Fill`
-				})) }
-			];
-		};
-		return _(b, (e) => {
-			w(e);
-		}), d(() => {
-			w(b.value);
-		}), (e, t) => (f(), o("div", { class: l([g(v)("neutral")]) }, [(f(!0), o(a, null, m(C.value, (e) => (f(), o("div", { key: e.shades[0].color }, [(f(!0), o(a, null, m(e.shades, (e) => (f(), o("div", {
-			key: e.text,
-			class: l([g(y)("collects"), e == null ? void 0 : e.extraclass]),
-			style: u({
-				"background-color": e.color,
-				color: e == null ? void 0 : e.textcolor,
-				border: e != null && e.bordercolor ? "1px solid " + e.bordercolor : "none"
-			})
-		}, [s("div", null, [s("div", null, h(e.text), 1), s("div", null, h(e.color.toUpperCase()), 1)])], 6))), 128))]))), 128))], 2));
-	}
-});
-//#endregion
-export { v as default };

package/es/components/colors/src/primary-color.mjs

@@ -1,5 +0,0 @@
-import e from "./primary-color.vue_vue_type_script_setup_true_lang.mjs";
-//#region packages/components/colors/src/primary-color.vue
-var t = e;
-//#endregion
-export { t as default };

package/es/components/colors/src/primary-color.vue_vue_type_script_setup_true_lang.mjs

@@ -1,38 +0,0 @@
-import { createColors as e, getCssVarsByPrefix as t } from "../../../utils/util.mjs";
-import "../../../utils/index.mjs";
-import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
-import { useTheme as r } from "../../../composables/use-theme/index.mjs";
-import "../../../composables/index.mjs";
-import "../style/index.mjs";
-import { Fragment as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g } from "vue";
-//#region packages/components/colors/src/primary-color.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ s({
-	name: "RePrimaryColor",
-	__name: "primary-color",
-	setup(s) {
-		let { nm: _, ns: v } = n("colors"), { isDark: y } = r(), b = f([]), x = (n) => {
-			let r = Object.values(t("re-color-primary-base"))[0];
-			b.value = [{
-				base: r,
-				shades: e(r, n)
-			}];
-		};
-		return g(y, (e) => {
-			x(e);
-		}), u(() => {
-			x(y.value);
-		}), (e, t) => (d(!0), a(i, null, p(b.value, (e) => (d(), a("div", {
-			key: e.base,
-			class: c([h(_)("primary")])
-		}, [o("div", {
-			class: c([h(v)("base")]),
-			style: l({ "background-color": e.base })
-		}, m(e.base.toUpperCase()), 7), o("div", { class: c([h(v)("shades")]) }, [(d(!0), a(i, null, p(e.shades, (e) => (d(), a("div", {
-			key: e,
-			class: c([h(v)("shade")]),
-			style: l({ "background-color": e })
-		}, null, 6))), 128))], 2)], 2))), 128));
-	}
-});
-//#endregion
-export { _ as default };

package/es/components/colors/src/secondary-color.mjs

@@ -1,5 +0,0 @@
-import e from "./secondary-color.vue_vue_type_script_setup_true_lang.mjs";
-//#region packages/components/colors/src/secondary-color.vue
-var t = e;
-//#endregion
-export { t as default };

package/es/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs

@@ -1,56 +0,0 @@
-import { createColors as e, getCssVarsByPrefix as t } from "../../../utils/util.mjs";
-import "../../../utils/index.mjs";
-import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
-import { useTheme as r } from "../../../composables/use-theme/index.mjs";
-import "../../../composables/index.mjs";
-import "../style/index.mjs";
-import { Fragment as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g } from "vue";
-//#region packages/components/colors/src/secondary-color.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ s({
-	name: "ReSecondaryColor",
-	__name: "secondary-color",
-	setup(s) {
-		let { nm: _, ns: v } = n("colors"), { isDark: y } = r(), b = f([]), x = (n) => {
-			let r = Object.values(t("re-color-success-base"))[0], i = Object.values(t("re-color-warning-base"))[0], a = Object.values(t("re-color-danger-base"))[0], o = Object.values(t("re-color-info-base"))[0];
-			b.value = [
-				{
-					base: r,
-					text: "Success",
-					shades: e(r, n)
-				},
-				{
-					base: i,
-					text: "Danger/Error ",
-					shades: e(i, n)
-				},
-				{
-					base: a,
-					text: "Warning",
-					shades: e(a, n)
-				},
-				{
-					base: o,
-					text: "Info",
-					shades: e(o, n)
-				}
-			];
-		};
-		return g(y, (e) => {
-			x(e);
-		}), u(() => {
-			x(y.value);
-		}), (e, t) => (d(), a("div", { class: c([h(_)("secondary")]) }, [(d(!0), a(i, null, p(b.value, (e) => (d(), a("div", {
-			key: e.base,
-			class: c([h(v)("panel")])
-		}, [o("div", {
-			class: c([h(v)("base")]),
-			style: l({ "background-color": e.base })
-		}, [o("div", null, m(e.text), 1), o("div", null, m(e.base.toUpperCase()), 1)], 6), o("div", { class: c([h(v)("shades")]) }, [(d(!0), a(i, null, p(e.shades, (e) => (d(), a("div", {
-			key: e,
-			class: c([h(v)("shade")]),
-			style: l({ "background-color": e })
-		}, null, 6))), 128))], 2)], 2))), 128))], 2));
-	}
-});
-//#endregion
-export { _ as default };

package/es/components/colors/style/index.mjs

@@ -1,2 +0,0 @@
-/* empty css                             */
-/* empty css                               */

package/es/components/filter-panel/index.d.ts

@@ -1,74 +0,0 @@
-export * from './src/types.ts';
-export declare const ReFilterPanel: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').FilterPanelProps & {
-        isExpand?: boolean;
-    }> & Readonly<{
-        "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
-    }>, {
-        toggle: () => void;
-        update: () => void;
-        isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
-        maxH: import('vue').ComputedRef<number>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:isExpand": (value: boolean) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./index.ts').FilterPanelProps & {
-        isExpand?: boolean;
-    }> & Readonly<{
-        "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
-    }>, {
-        toggle: () => void;
-        update: () => void;
-        isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
-        maxH: import('vue').ComputedRef<number>;
-    }, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').FilterPanelProps & {
-    isExpand?: boolean;
-}> & Readonly<{
-    "onUpdate:isExpand"?: ((value: boolean) => any) | undefined;
-}>, {
-    toggle: () => void;
-    update: () => void;
-    isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    innerH: import('vue').ShallowRef<number, number>;
-    innerW: import('vue').ShallowRef<number, number>;
-    wrapperW: import('vue').ShallowRef<number, number>;
-    maxH: import('vue').ComputedRef<number>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:isExpand": (value: boolean) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?: (props: {}) => any;
-    } & {
-        main?: (props: {}) => any;
-    } & {
-        expand?: (props: {
-            showExpand: boolean;
-            isExpand: boolean;
-        }) => any;
-    } & {
-        'expand-icon'?: (props: {}) => any;
-    } & {
-        reset?: (props: {}) => any;
-    } & {
-        search?: (props: {}) => any;
-    } & {
-        extra?: (props: {}) => any;
-    };
-});
-export default ReFilterPanel;

package/es/components/filter-panel/index.mjs

@@ -1,7 +0,0 @@
-import { withInstall as e } from "../../utils/vue/index.mjs";
-import "../../utils/index.mjs";
-import t from "./src/filter-panel.mjs";
-//#region packages/components/filter-panel/index.ts
-var n = e(t);
-//#endregion
-export { n as ReFilterPanel, n as default };

package/es/components/filter-panel/src/constants.d.ts

@@ -1 +0,0 @@
-export {};

package/es/components/filter-panel/src/filter-panel.mjs

@@ -1,5 +0,0 @@
-import e from "./filter-panel.vue_vue_type_script_setup_true_lang.mjs";
-//#region packages/components/filter-panel/src/filter-panel.vue
-var t = e;
-//#endregion
-export { t as default };