rappel-ui 1.0.7 → 1.0.11

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

@@ -0,0 +1,140 @@
+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 +1,4 @@
-declare const buttonTypes: readonly ["primary", "success", "warning", "danger", "info", ""];
-declare const buttonSizes: readonly ["mini", "small", "default", "large"];
-declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
-export { buttonTypes, buttonSizes, buttonNativeTypes };
+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,5 +1,20 @@
-const n = ["primary", "success", "warning", "danger", "info", ""], s = ["mini", "small", "default", "large"];
-export {
-  s as buttonSizes,
-  n as buttonTypes
-};
+//#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,16 +1,32 @@
+import { Component } from 'vue';
+import { Theme } from '@rappel-ui/types';
 import { buttonTypes, buttonSizes, buttonNativeTypes } from './constants';
-interface ButtonProps {
+export interface ButtonProps {
     type?: (typeof buttonTypes)[number];
     size?: (typeof buttonSizes)[number];
     plain?: boolean;
     round?: boolean;
     circle?: boolean;
+    dashed?: boolean;
     disabled?: boolean;
-    icon?: string;
+    icon?: string | Component;
     loading?: boolean;
-    loadingIcon?: string;
+    loadingIcon?: string | Component;
     text?: boolean;
+    padding?: boolean;
+    bg?: boolean;
     link?: boolean;
+    theme?: Theme;
+    reverseTheme?: boolean;
+    autofocus?: boolean;
     nativeType?: (typeof buttonNativeTypes)[number];
 }
-export type { ButtonProps };
+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

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

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

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

package/es/components/colors/index.mjs

@@ -1,17 +1,14 @@
-import { withInstall as o } from "../../utils/vue/index.mjs";
-import r from "./src/colors.vue.mjs";
-import a from "./src/primary-color.vue.mjs";
-import m from "./src/secondary-color.vue.mjs";
-import e from "./src/neutral-color.vue.mjs";
-const n = o(r, {
-  RePrimaryColor: a,
-  ReSecondaryColor: m,
-  ReNeutralColor: e
+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
 });
-export {
-  n as ReColors,
-  e as ReNeutralColor,
-  a as RePrimaryColor,
-  m as ReSecondaryColor,
-  n as default
-};
+//#endregion
+export { a as ReColors, a as default, r as ReNeutralColor, t as RePrimaryColor, n as ReSecondaryColor };

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,103 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,56 @@
+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

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

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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,5 @@
+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 };