rappel-ui 1.0.15 → 1.0.17

package/cjs/utils/util.js

@@ -1,3 +1,3 @@
 function e(e){let t=new FormData;for(let n in e)t.append(n,e[n]);return t}function t(e,t){let n=new URL(e),r=new URLSearchParams(n.search);for(let e in t)![``,void 0,null].includes(t[e])&&r.set(e,t[e]);return n.search=r.toString(),n.href}function n(...e){let t=e[0];for(let n=1;n<e.length;n++)t[t.length-1]===`/`&&e[n][0]===`/`?t+=e[n].slice(1):t[t.length-1]===`/`||e[n][0]===`/`?t+=e[n]:t+=`/${e[n]}`;return t}function r(e){try{return JSON.parse(JSON.stringify(e))}catch{return null}}function i(e){let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=0,r=t[0];for(;e>=1024&&n<t.length-1;)e/=1024,n++,r=t[n];let i=e.toString(),a=i.indexOf(`.`);return e=a===-1?e:parseFloat(i.substring(0,a+3)),`${e}${r}}`}function a(e,t){return new Promise((n,r)=>{let i=new FileReader;i.onload=e=>{var t;n((t=e.target)==null?void 0:t.result)},i.onerror=e=>{r(e)},i.readAsText(e,t)})}async function o(e,t=[`UTF-8`,`GBK`,`GB2312`]){for(let n of t){let t=await a(e,n);if(!(t&&t.indexOf(`�`)>-1))return t}return``}function s(e){if(!e)return``;let t=``;return e.includes(`，`)?t=e.replace(/，/g,`,`):e.includes(`\r
 `)?t=e.replace(/\r\n/g,`,`):e.includes(`
-`)?t=e.replace(/\n/g,`,`):e.includes(`\r`)?t=e.replace(/\r/g,`,`):e.includes(`↵`)&&(t=e.replace(/↵/g,`,`)),t.replace(/,+/g,`,`).replace(/^,|,$/g,``).replace(/\s+/g,``)}function c(e){let t,n=new Proxy(e,{construct(e,n){return t||(t=Reflect.construct(e,n),t)}});return n.prototype.constructor=n,n}function l(){let e=new Map;function t(...t){let n=t.map(e=>typeof e).join(`,`),r=e.get(n);if(!r)throw Error(`没有找到对应的实现`);return r.apply(this,t)}return t.add=function(...t){let n=t.pop();if(typeof n!=`function`)throw Error(`最后一个参数必须是函数`);let r=t.join(`,`);e.set(r,n)},t}function u(e,t={label:`label`,value:`value`,children:`children`,parentId:`parentId`}){let n=[],r=new WeakMap;return e.forEach(e=>{e.label=e[t.label],e.value=e[t.value],e.children=[],r.set(e[t.value],e)}),e.forEach(e=>{let i=r.get(e[t.parentId]);i?i.children.push(e):n.push(e)}),n}function d(e,t=1,n=!1){e=e.replace(`#`,``);let r=parseInt(e.substring(0,2),16),i=parseInt(e.substring(2,4),16),a=parseInt(e.substring(4,6),16),o={r:n?48:255,g:n?49:255,b:n?49:255},s=Math.round(r*t+o.r*(1-t)),c=Math.round(i*t+o.g*(1-t)),l=Math.round(a*t+o.b*(1-t)),u=e=>e.toString(16).padStart(2,`0`);return`#${u(s)}${u(c)}${u(l)}`}function f(e,t=.16){e=e.replace(`#`,``),e.length===3&&(e=e.split(``).map(e=>e+e).join(``));let n=parseInt(e.substring(0,2),16),r=parseInt(e.substring(2,4),16),i=parseInt(e.substring(4,6),16),a=Math.round(n*(1-t)),o=Math.round(r*(1-t)),s=Math.round(i*(1-t)),c=e=>Math.round(e).toString(16).padStart(2,`0`);return`#${c(a)}${c(o)}${c(s)}`}function p(e,t=!1,n=.16,r=[.9,.8,.7,.6,.5,.4,.3,.2,.1]){return[f(e,n)].concat(r.map(n=>d(e,n,t)))}function m(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function h(e){return typeof e==`object`&&!!e&&Object.getPrototypeOf(e)===Object.prototype}function g(e,t){if(!e||!t||!h(e))return e;let n={...e};return(Array.isArray(t)?t:[t]).forEach(e=>{Reflect.deleteProperty(n,e)}),n}function _(e,t=`children`){return!e||!Array.isArray(e)?[]:e.reduce((e,n)=>Array.isArray(n)?e.concat(_(n,t)):n&&h(n)&&n[t]?e.concat(g(n,[t]),_(n[t],t)):e.concat(n),[])}function v(e,t=[``,void 0,null]){if(!e||!h(e))return e;let n={},r=e=>t.some(t=>Array.isArray(t)&&Array.isArray(e)?t.length===0&&e.length===0:h(t)&&h(e)?Object.keys(t).length===0&&Object.keys(e).length===0:t===e);for(let t in e)m(e,t)&&(r(e[t])||(n[t]=e[t]));return n}function y(e,t=`height`,n,r=`all 0.3s ease-in-out`){if(!e)return;let i={height:()=>e.offsetHeight,width:()=>e.offsetWidth};if(Object.keys(i).includes(t))if(n){e.style.transition=`none`,e.style[t]=`auto`;let n=i[t]();e.style[t]=`0px`,i[t](),e.style.transition=r,e.style[t]=`${n}px`}else e.style.transition=r,e.style[t]=`0px`}function b(e){return new Promise(t=>{var n;if(!((n=navigator)==null||(n=n.clipboard)==null)&&n.writeText&&window.isSecureContext){navigator.clipboard.writeText(e).then(()=>{t(!0)}).catch(()=>{t(!1)});return}let r=document.createElement(`textarea`);r.value=e,r.style.position=`fixed`,r.style.left=`-9999px`,r.style.top=`-9999px`,r.style.opacity=`0`,document.body.appendChild(r),r.select();try{t(document.execCommand(`copy`)),document.body.removeChild(r)}catch{t(!1),document.body.removeChild(r)}})}function x(e){return parseFloat(e)==e?`${e}px`:e}function S(e,t=document.documentElement){let n=getComputedStyle(t),r={};for(let t=0;t<n.length;t++){let i=n[t];i.startsWith(`--`)&&i.includes(e)&&(r[i]=n.getPropertyValue(i).trim())}return r}exports.autoCalcFileSize=i,exports.buildTree=u,exports.copyText=b,exports.createColors=p,exports.createOverload=l,exports.darkenColor=f,exports.deepClone=r,exports.deleteKeys=g,exports.flatArr=_,exports.getCssVarsByPrefix=S,exports.getEqualOpacityColor=d,exports.hasOwnProperty=m,exports.isPlainObject=h,exports.joinURLs=n,exports.lineBreakToComma=s,exports.omitEmptyKeys=v,exports.paramsToFormData=e,exports.readTxtByEncodes=o,exports.readTxtFile=a,exports.setURLSearchParams=t,exports.singleton=c,exports.toPx=x,exports.transitionSize=y;
+`)?t=e.replace(/\n/g,`,`):e.includes(`\r`)?t=e.replace(/\r/g,`,`):e.includes(`↵`)&&(t=e.replace(/↵/g,`,`)),t.replace(/,+/g,`,`).replace(/^,|,$/g,``).replace(/\s+/g,``)}function c(e){let t,n=new Proxy(e,{construct(e,n){return t||(t=Reflect.construct(e,n),t)}});return n.prototype.constructor=n,n}function l(){let e=new Map;function t(...t){let n=t.map(e=>typeof e).join(`,`),r=e.get(n);if(!r)throw Error(`没有找到对应的实现`);return r.apply(this,t)}return t.add=function(...t){let n=t.pop();if(typeof n!=`function`)throw Error(`最后一个参数必须是函数`);let r=t.join(`,`);e.set(r,n)},t}function u(e,t={label:`label`,value:`value`,children:`children`,parentId:`parentId`}){let n=[],r=new WeakMap;return e.forEach(e=>{e.label=e[t.label],e.value=e[t.value],e.children=[],r.set(e[t.value],e)}),e.forEach(e=>{let i=r.get(e[t.parentId]);i?i.children.push(e):n.push(e)}),n}function d(e,t=1,n=!1){e=e.replace(`#`,``);let r=parseInt(e.substring(0,2),16),i=parseInt(e.substring(2,4),16),a=parseInt(e.substring(4,6),16),o={r:n?48:255,g:n?49:255,b:n?49:255},s=Math.round(r*t+o.r*(1-t)),c=Math.round(i*t+o.g*(1-t)),l=Math.round(a*t+o.b*(1-t)),u=e=>e.toString(16).padStart(2,`0`);return`#${u(s)}${u(c)}${u(l)}`}function f(e,t=.16){e=e.replace(`#`,``),e.length===3&&(e=e.split(``).map(e=>e+e).join(``));let n=parseInt(e.substring(0,2),16),r=parseInt(e.substring(2,4),16),i=parseInt(e.substring(4,6),16),a=Math.round(n*(1-t)),o=Math.round(r*(1-t)),s=Math.round(i*(1-t)),c=e=>Math.round(e).toString(16).padStart(2,`0`);return`#${c(a)}${c(o)}${c(s)}`}function p(e,t=!1,n=.12,r=[.9,.8,.7,.6,.5,.4,.3,.2,.1]){return[f(e,t?n*3/2:n),f(e,t?n:n/2)].concat(r.map(n=>d(e,n,t)))}function m(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function h(e){return typeof e==`object`&&!!e&&Object.getPrototypeOf(e)===Object.prototype}function g(e,t){if(!e||!t||!h(e))return e;let n={...e};return(Array.isArray(t)?t:[t]).forEach(e=>{Reflect.deleteProperty(n,e)}),n}function _(e,t=`children`){return!e||!Array.isArray(e)?[]:e.reduce((e,n)=>Array.isArray(n)?e.concat(_(n,t)):n&&h(n)&&n[t]?e.concat(g(n,[t]),_(n[t],t)):e.concat(n),[])}function v(e,t=[``,void 0,null]){if(!e||!h(e))return e;let n={},r=e=>t.some(t=>Array.isArray(t)&&Array.isArray(e)?t.length===0&&e.length===0:h(t)&&h(e)?Object.keys(t).length===0&&Object.keys(e).length===0:t===e);for(let t in e)m(e,t)&&(r(e[t])||(n[t]=e[t]));return n}function y(e,t=`height`,n,r=`all 0.3s ease-in-out`){if(!e)return;let i={height:()=>e.offsetHeight,width:()=>e.offsetWidth};if(Object.keys(i).includes(t))if(n){e.style.transition=`none`,e.style[t]=`auto`;let n=i[t]();e.style[t]=`0px`,i[t](),e.style.transition=r,e.style[t]=`${n}px`}else e.style.transition=r,e.style[t]=`0px`}function b(e){return new Promise(t=>{var n;if(!((n=navigator)==null||(n=n.clipboard)==null)&&n.writeText&&window.isSecureContext){navigator.clipboard.writeText(e).then(()=>{t(!0)}).catch(()=>{t(!1)});return}let r=document.createElement(`textarea`);r.value=e,r.style.position=`fixed`,r.style.left=`-9999px`,r.style.top=`-9999px`,r.style.opacity=`0`,document.body.appendChild(r),r.select();try{t(document.execCommand(`copy`)),document.body.removeChild(r)}catch{t(!1),document.body.removeChild(r)}})}function x(e){return parseFloat(e)==e?`${e}px`:e}function S(e,t=document.documentElement){let n=getComputedStyle(t),r={};for(let t=0;t<n.length;t++){let i=n[t];i.startsWith(`--`)&&i.includes(e)&&(r[i]=n.getPropertyValue(i).trim())}return r}exports.autoCalcFileSize=i,exports.buildTree=u,exports.copyText=b,exports.createColors=p,exports.createOverload=l,exports.darkenColor=f,exports.deepClone=r,exports.deleteKeys=g,exports.flatArr=_,exports.getCssVarsByPrefix=S,exports.getEqualOpacityColor=d,exports.hasOwnProperty=m,exports.isPlainObject=h,exports.joinURLs=n,exports.lineBreakToComma=s,exports.omitEmptyKeys=v,exports.paramsToFormData=e,exports.readTxtByEncodes=o,exports.readTxtFile=a,exports.setURLSearchParams=t,exports.singleton=c,exports.toPx=x,exports.transitionSize=y;

package/es/_virtual/_rolldown/runtime.mjs

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.defineProperty, t = (t, n) => {
+var e = Object.defineProperty, t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), n = (t, n) => {
 	let r = {};
 	for (var i in t) e(r, i, {
 		get: t[i],
@@ -8,4 +8,4 @@ var e = Object.defineProperty, t = (t, n) => {
 	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
 };
 //#endregion
-export { t as __exportAll };
+export { t as __commonJSMin, n as __exportAll };

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

@@ -1,10 +1,9 @@
 import { _buttonGroupProps as e } from "./constants.mjs";
 import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
-import "../../button-group/style/index.mjs";
 import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, provide as s, readonly as c, renderSlot as l } from "vue";
 //#region packages/components/button/src/button-group.vue?vue&type=script&setup=true&lang.ts
-var u = /*@__PURE__*/ i({
+var u = i({
 	name: "ReButtonGroup",
 	__name: "button-group",
 	props: {

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

@@ -1,4 +1,3 @@
-import "../style/index.mjs";
 import { _buttonGroupProps as e, buttonSizes as t, buttonTypes as n } from "./constants.mjs";
 import { Loading as r, getIcon as i } from "../../../svg-icons/dist/es/index.mjs";
 import { useNamespace as a } from "../../../composables/use-namespace/index.mjs";
@@ -10,7 +9,7 @@ var y = [
 	"disabled",
 	"autofocus",
 	"aria-disabled"
-], b = /*@__PURE__*/ d({
+], b = d({
 	name: "ReButton",
 	__name: "button",
 	props: {

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

@@ -3,7 +3,7 @@ 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({
+var l = s({
 	name: "ReColors",
 	__name: "colors",
 	setup(s) {

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

@@ -4,10 +4,9 @@ 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, nextTick as l, normalizeClass as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 //#region packages/components/colors/src/neutral-color.vue?vue&type=script&setup=true&lang.ts
-var y = /*@__PURE__*/ c({
+var y = c({
 	name: "ReNeutralColor",
 	__name: "neutral-color",
 	setup(c) {
@@ -90,7 +89,10 @@ var y = /*@__PURE__*/ c({
 			T(e);
 		}), f(() => {
 			T(x.value);
-		}), (e, t) => (p(), o("div", { class: u([_(y)("neutral")]) }, [(p(!0), o(a, null, h(w.value, (e) => (p(), o("div", { key: e.shades[0].color }, [(p(!0), o(a, null, h(e.shades, (e) => (p(), o("div", {
+		}), (e, t) => (p(), o("div", { class: u([_(y)("neutral")]) }, [(p(!0), o(a, null, h(w.value, (e) => (p(), o("div", {
+			key: e.shades[0].color,
+			class: u([_(b)("group")])
+		}, [(p(!0), o(a, null, h(e.shades, (e) => (p(), o("div", {
 			key: e.text,
 			class: u([_(b)("collects"), e == null ? void 0 : e.extraclass]),
 			style: d({
@@ -98,7 +100,7 @@ var y = /*@__PURE__*/ c({
 				color: e == null ? void 0 : e.textcolor,
 				border: e != null && e.bordercolor ? "1px solid " + e.bordercolor : "none"
 			})
-		}, [s("div", null, [s("div", null, g(e.text), 1), s("div", null, g(e.color.toUpperCase()), 1)])], 6))), 128))]))), 128))], 2));
+		}, [s("div", null, [s("div", null, g(e.text), 1), s("div", null, g(e.color.toUpperCase()), 1)])], 6))), 128))], 2))), 128))], 2));
 	}
 });
 //#endregion

package/es/components/colors/src/primary-color.vue.d.ts

@@ -1,3 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    codeHtml?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -3,36 +3,45 @@ 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";
+import { Fragment as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick 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/primary-color.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ s({
+var v = ["innerHTML"], y = s({
 	name: "RePrimaryColor",
 	__name: "primary-color",
+	props: { codeHtml: { default: "" } },
 	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 = [{
+		let { nm: y, ns: b } = n("colors"), { isDark: x } = r(), S = p([]), C = (n) => {
+			let r = Object.values(t("--re-color-primary-base"))[0];
+			S.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", {
+		return _(x, (e) => {
+			c(() => {
+				C(e);
+			});
+		}), d(() => {
+			C(x.value);
+		}), (e, t) => (f(!0), a(i, null, m(S.value, (e) => (f(), 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));
+			class: l([g(y)("primary")])
+		}, [
+			o("div", {
+				class: l([g(b)("base")]),
+				style: u({ "background-color": e.base })
+			}, h(e.base.toUpperCase()), 7),
+			o("div", { class: l([g(b)("shades")]) }, [(f(!0), a(i, null, m(e.shades, (e) => (f(), a("div", {
+				key: e,
+				class: l([g(b)("shade")]),
+				style: u({ "background-color": e })
+			}, null, 6))), 128))], 2),
+			o("div", {
+				class: l([g(b)("code")]),
+				innerHTML: s.codeHtml
+			}, null, 10, v)
+		], 2))), 128));
 	}
 });
 //#endregion
-export { _ as default };
+export { y as default };

package/es/components/colors/src/secondary-color.vue.d.ts

@@ -1,3 +1,9 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    successCodeHtml?: string;
+    warningCodeHtml?: string;
+    dangerCodeHtml?: string;
+    infoCodeHtml?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -3,54 +3,73 @@ 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";
+import { require_browser as i } from "../../../node_modules/.pnpm/process@0.11.10/node_modules/process/browser.mjs";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 //#region packages/components/colors/src/secondary-color.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ s({
+var y = i(), b = ["innerHTML"], x = l({
 	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 = [
+	props: {
+		successCodeHtml: { default: "" },
+		warningCodeHtml: { default: "" },
+		dangerCodeHtml: { default: "" },
+		infoCodeHtml: { default: "" }
+	},
+	setup(i) {
+		let { nm: l, ns: x } = n("colors"), { isDark: S } = r(), C = m([]), w = (n) => {
+			let r = Object.values(t("re-color-success-base"))[0], a = Object.values(t("re-color-warning-base"))[0], s = Object.values(t("re-color-danger-base"))[0], c = Object.values(t("re-color-info-base"))[0];
+			C.value = [
 				{
 					base: r,
 					text: "Success",
-					shades: e(r, n)
+					shades: e(r, n),
+					codeHtml: o(() => i.successCodeHtml)
 				},
 				{
-					base: i,
-					text: "Danger/Error ",
-					shades: e(i, n)
+					base: a,
+					text: "Warning ",
+					shades: e(a, n),
+					codeHtml: o(() => i.warningCodeHtml)
 				},
 				{
-					base: a,
-					text: "Warning",
-					shades: e(a, n)
+					base: s,
+					text: "Danger/Error",
+					shades: e(s, n),
+					codeHtml: o(() => i.dangerCodeHtml)
 				},
 				{
-					base: o,
+					base: c,
 					text: "Info",
-					shades: e(o, n)
+					shades: e(c, n),
+					codeHtml: o(() => i.infoCodeHtml)
 				}
 			];
 		};
-		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", {
+		return v(S, (e) => {
+			(0, y.nextTick)(() => {
+				w(e);
+			});
+		}), f(() => {
+			w(S.value);
+		}), (e, t) => (p(), s("div", { class: u([_(l)("secondary")]) }, [(p(!0), s(a, null, h(C.value, (e) => (p(), s("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));
+			class: u([_(x)("panel")])
+		}, [
+			c("div", {
+				class: u([_(x)("base")]),
+				style: d({ "background-color": e.base })
+			}, [c("div", null, g(e.text), 1), c("div", null, g(e.base.toUpperCase()), 1)], 6),
+			c("div", { class: u([_(x)("shades")]) }, [(p(!0), s(a, null, h(e.shades, (e) => (p(), s("div", {
+				key: e,
+				class: u([_(x)("shade")]),
+				style: d({ "background-color": e })
+			}, null, 6))), 128))], 2),
+			c("div", {
+				class: u([_(x)("code")]),
+				innerHTML: e.codeHtml
+			}, null, 10, b)
+		], 2))), 128))], 2));
 	}
 });
 //#endregion
-export { _ as default };
+export { x as default };

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

@@ -3,14 +3,12 @@ import { useNamespace as n } from "../../../composables/use-namespace/index.mjs"
 import { useElementSize as r, useMutationObserver as i } from "../../../node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import "../../../composables/index.mjs";
 import { ReButton as a } from "../../button/index.mjs";
-import "../style/index.mjs";
-import "../../index.mjs";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, effectScope as m, mergeModels as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, renderSlot as x, unref as S, useModel as C, useTemplateRef as w, watch as T, watchEffect as E, withCtx as D, withModifiers as O } from "vue";
 //#region packages/components/filter-panel/src/filter-panel.vue?vue&type=script&setup=true&lang.ts
-var k = /*@__PURE__*/ p({
+var k = p({
 	name: "ReFilterPanel",
 	__name: "filter-panel",
-	props: /*@__PURE__*/ h({
+	props: h({
 		selector: { default: "> *" },
 		maxHeight: { default: 0 },
 		itemMinw: { default: 240 },
@@ -31,7 +29,7 @@ var k = /*@__PURE__*/ p({
 		},
 		isExpandModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h(["reset", "search"], ["update:isExpand"]),
+	emits: h(["reset", "search"], ["update:isExpand"]),
 	setup(p, { expose: h, emit: k }) {
 		let { n: A, ns: j } = n("filter-panel"), M = w("main"), { height: N } = r(M), P = o(() => p.maxHeight || N.value), F = k, I = w("wrapper"), L = w("inner"), R = C(p, "isExpand"), z = o(() => V.value > P.value), B = () => {
 			R.value = !R.value;

package/es/components/index.mjs

@@ -9,28 +9,30 @@ import d from "./colors/src/neutral-color.mjs";
 import { ReColors as f } from "./colors/index.mjs";
 import { ReFilterPanel as p } from "./filter-panel/index.mjs";
 import { ReSvgIcon as m } from "./svg-icon/index.mjs";
-import { ReTooltip as h } from "./tooltip/index.mjs";
-import { RePopover as g } from "./popover/index.mjs";
-import { RePopconfirm as _ } from "./popconfirm/index.mjs";
+import { useEmits as h } from "./tooltip/src/use-emit.mjs";
+import { ReTooltip as g } from "./tooltip/index.mjs";
+import { RePopover as _ } from "./popover/index.mjs";
+import { RePopconfirm as v } from "./popconfirm/index.mjs";
 //#region packages/components/index.ts
-var v = /* @__PURE__ */ e({
+var y = e({
 	ReButton: () => a,
 	ReButtonGroup: () => o,
 	ReColors: () => f,
 	ReFilterPanel: () => p,
 	ReInput: () => s,
 	ReNeutralColor: () => d,
-	RePopconfirm: () => _,
-	RePopover: () => g,
+	RePopconfirm: () => v,
+	RePopover: () => _,
 	RePrimaryColor: () => l,
 	ReSecondaryColor: () => u,
 	ReSvgIcon: () => m,
 	ReTabs: () => c,
-	ReTooltip: () => h,
+	ReTooltip: () => g,
 	_buttonGroupProps: () => t,
 	buttonNativeTypes: () => n,
 	buttonSizes: () => r,
-	buttonTypes: () => i
+	buttonTypes: () => i,
+	useEmits: () => h
 });
 //#endregion
-export { a as ReButton, o as ReButtonGroup, f as ReColors, p as ReFilterPanel, s as ReInput, d as ReNeutralColor, _ as RePopconfirm, g as RePopover, l as RePrimaryColor, u as ReSecondaryColor, m as ReSvgIcon, c as ReTabs, h as ReTooltip, t as _buttonGroupProps, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, v as components_exports };
+export { a as ReButton, o as ReButtonGroup, f as ReColors, p as ReFilterPanel, s as ReInput, d as ReNeutralColor, v as RePopconfirm, _ as RePopover, l as RePrimaryColor, u as ReSecondaryColor, m as ReSvgIcon, c as ReTabs, g as ReTooltip, t as _buttonGroupProps, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, y as components_exports, h as useEmits };

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

@@ -1,6 +1,6 @@
 import { createElementBlock as e, defineComponent as t, mergeProps as n, openBlock as r } from "vue";
 //#region packages/components/input/src/input.vue?vue&type=script&setup=true&lang.ts
-var i = /*@__PURE__*/ t({
+var i = t({
 	name: "ReInput",
 	__name: "input",
 	props: {

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

@@ -4,12 +4,38 @@ export declare const RePopconfirm: {
         visible?: boolean;
     }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+        onShow?: ((el: HTMLElement) => any) | undefined;
+        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+        onHide?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+        cancel: (e: MouseEvent) => void;
+        confirm: (e: MouseEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         cancel: (e: MouseEvent) => any;
+        beforeShow: (el: HTMLElement) => any;
+        show: (el: HTMLElement) => any;
+        beforeHide: (el: HTMLElement) => any;
+        hide: (el: HTMLElement) => any;
+        beforeEnter: (el: HTMLElement) => any;
+        enter: (el: HTMLElement, done: () => void) => any;
+        enterCancelled: (el: HTMLElement) => any;
+        afterEnter: (el: HTMLElement) => any;
+        beforeLeave: (el: HTMLElement) => any;
+        leave: (el: HTMLElement, done: () => void) => any;
+        leaveCancelled: (el: HTMLElement) => any;
+        afterLeave: (el: HTMLElement) => any;
         "update:visible": (value: boolean) => any;
         confirm: (e: MouseEvent) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -23,10 +49,24 @@ export declare const RePopconfirm: {
         visible?: boolean;
     }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+        onShow?: ((el: HTMLElement) => any) | undefined;
+        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+        onHide?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+        cancel: (e: MouseEvent) => void;
+        confirm: (e: MouseEvent) => void;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -35,20 +75,49 @@ export declare const RePopconfirm: {
     visible?: boolean;
 }> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+    onShow?: ((el: HTMLElement) => any) | undefined;
+    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+    onHide?: ((el: HTMLElement) => any) | undefined;
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    beforeShow: (el: HTMLElement) => any;
+    show: (el: HTMLElement) => any;
+    beforeHide: (el: HTMLElement) => any;
+    hide: (el: HTMLElement) => any;
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        header?: (props: {}) => any;
+        header?: (props: {
+            icon: string | import('vue').Component | undefined;
+            title: string;
+        }) => any;
     } & {
         icon?: (props: {
-            icon: any;
+            icon: string | import('vue').Component | undefined;
         }) => any;
     } & {
         title?: (props: {
@@ -77,7 +146,10 @@ export declare const RePopconfirm: {
             cancelText: string;
         }) => any;
     } & {
-        extra?: (props: {}) => any;
+        extra?: (props: {
+            cancel: (e: MouseEvent) => void;
+            confirm: (e: MouseEvent) => void;
+        }) => any;
     } & {
         confirm?: (props: {
             confirm: (e: MouseEvent) => void;

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -4,13 +4,16 @@ type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {}, __VLS_17: {
-    icon: any;
-}, __VLS_24: {
+declare var __VLS_28: {
+    icon: string | import('vue').Component | undefined;
     title: string;
-}, __VLS_26: {
+}, __VLS_30: {
+    icon: string | import('vue').Component | undefined;
+}, __VLS_37: {
+    title: string;
+}, __VLS_39: {
     content: string;
-}, __VLS_28: {
+}, __VLS_41: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
     cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
@@ -19,42 +22,71 @@ declare var __VLS_15: {}, __VLS_17: {
     confirmSize: "" | "small" | "mini" | "large";
     confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
     confirmText: string;
-}, __VLS_30: {
+}, __VLS_43: {
     cancel: (e: MouseEvent) => void;
     cancelSize: "" | "small" | "mini" | "large";
     cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
     cancelText: string;
-}, __VLS_40: {}, __VLS_42: {
+}, __VLS_53: {
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
+}, __VLS_55: {
     confirm: (e: MouseEvent) => void;
     confirmSize: "" | "small" | "mini" | "large";
     confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
     confirmText: string;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_15) => any;
+    header?: (props: typeof __VLS_28) => any;
 } & {
-    icon?: (props: typeof __VLS_17) => any;
+    icon?: (props: typeof __VLS_30) => any;
 } & {
-    title?: (props: typeof __VLS_24) => any;
+    title?: (props: typeof __VLS_37) => any;
 } & {
-    content?: (props: typeof __VLS_26) => any;
+    content?: (props: typeof __VLS_39) => any;
 } & {
-    footer?: (props: typeof __VLS_28) => any;
+    footer?: (props: typeof __VLS_41) => any;
 } & {
-    cancel?: (props: typeof __VLS_30) => any;
+    cancel?: (props: typeof __VLS_43) => any;
 } & {
-    extra?: (props: typeof __VLS_40) => any;
+    extra?: (props: typeof __VLS_53) => any;
 } & {
-    confirm?: (props: typeof __VLS_42) => any;
+    confirm?: (props: typeof __VLS_55) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
+    cancel: (e: MouseEvent) => void;
+    confirm: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    beforeShow: (el: HTMLElement) => any;
+    show: (el: HTMLElement) => any;
+    beforeHide: (el: HTMLElement) => any;
+    hide: (el: HTMLElement) => any;
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    enterCancelled: (el: HTMLElement) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    leaveCancelled: (el: HTMLElement) => any;
+    afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+    onShow?: ((el: HTMLElement) => any) | undefined;
+    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+    onHide?: ((el: HTMLElement) => any) | undefined;
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;