npm - @factoringplus/pl-components-pack-v3 - Versions diffs - 0.1.46 → 0.1.49 - Mend

@factoringplus/pl-components-pack-v3 0.1.46 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/pl-components-pack-v3.es.js +917 -454
package/dist/pl-components-pack-v3.umd.js +15 -15
package/package.json +4 -1

package/dist/pl-components-pack-v3.es.js CHANGED Viewed

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, unref, getCurrentScope, onScopeDispose, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn as warn$1, getCurrentInstance, computed, inject, provide, onMounted, watchEffect, onBeforeUnmount, isRef, onBeforeMount, mergeProps, renderSlot, shallowRef, nextTick, onUpdated, resolveComponent, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, vShow, toRef, Transition, reactive, cloneVNode, h, Text, Comment, Teleport, createTextVNode, readonly, useSlots, resolveDirective, renderList, toRefs, toRaw, triggerRef, withKeys, vModelText, createSlots, createApp, onUnmounted } from "vue";
+import { ref, unref, getCurrentScope, onScopeDispose, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn as warn$1, getCurrentInstance, computed, inject, provide, onMounted, watchEffect, onBeforeUnmount, isRef, onBeforeMount, mergeProps, renderSlot, shallowRef, nextTick, onUpdated, resolveComponent, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, vShow, toRef, Transition, reactive, cloneVNode, h, Text, Comment, Teleport, createTextVNode, readonly, useSlots, resolveDirective, renderList, toRefs, toRaw, triggerRef, withKeys, vModelText, createSlots, createApp, isVNode, render, onUnmounted } from "vue";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -1382,178 +1382,199 @@ var _export_sfc$2 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$P = defineComponent({
+const _sfc_main$V = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$u = {
+const _hoisted_1$A = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 }, null, -1);
-const _hoisted_3$k = [
-  _hoisted_2$o
+const _hoisted_3$o = [
+  _hoisted_2$t
 ];
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$o);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$2(_sfc_main$P, [["render", _sfc_render$G]]);
-const _sfc_main$O = defineComponent({
+var arrowDown = /* @__PURE__ */ _export_sfc$2(_sfc_main$V, [["render", _sfc_render$K]]);
+const _sfc_main$U = defineComponent({
   name: "ArrowLeft"
 });
-const _hoisted_1$t = {
+const _hoisted_1$z = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M609.408 149.376L277.76 489.6a32 32 0 000 44.672l331.648 340.352a29.12 29.12 0 0041.728 0 30.592 30.592 0 000-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 000-42.688 29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$j = [
-  _hoisted_2$n
+const _hoisted_3$n = [
+  _hoisted_2$s
 ];
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$n);
 }
-var arrowLeft = /* @__PURE__ */ _export_sfc$2(_sfc_main$O, [["render", _sfc_render$F]]);
-const _sfc_main$N = defineComponent({
+var arrowLeft = /* @__PURE__ */ _export_sfc$2(_sfc_main$U, [["render", _sfc_render$J]]);
+const _sfc_main$T = defineComponent({
   name: "ArrowRight"
 });
-const _hoisted_1$s = {
+const _hoisted_1$y = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M340.864 149.312a30.592 30.592 0 000 42.752L652.736 512 340.864 831.872a30.592 30.592 0 000 42.752 29.12 29.12 0 0041.728 0L714.24 534.336a32 32 0 000-44.672L382.592 149.376a29.12 29.12 0 00-41.728 0z"
 }, null, -1);
-const _hoisted_3$i = [
-  _hoisted_2$m
+const _hoisted_3$m = [
+  _hoisted_2$r
 ];
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$m);
 }
-var arrowRight = /* @__PURE__ */ _export_sfc$2(_sfc_main$N, [["render", _sfc_render$E]]);
-const _sfc_main$M = defineComponent({
+var arrowRight = /* @__PURE__ */ _export_sfc$2(_sfc_main$T, [["render", _sfc_render$I]]);
+const _sfc_main$S = defineComponent({
   name: "ArrowUp"
 });
-const _hoisted_1$r = {
+const _hoisted_1$x = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M488.832 344.32l-339.84 356.672a32 32 0 000 44.16l.384.384a29.44 29.44 0 0042.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0042.688 0l.384-.384a32 32 0 000-44.16L535.168 344.32a32 32 0 00-46.336 0z"
 }, null, -1);
-const _hoisted_3$h = [
-  _hoisted_2$l
+const _hoisted_3$l = [
+  _hoisted_2$q
 ];
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$l);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc$2(_sfc_main$M, [["render", _sfc_render$D]]);
-const _sfc_main$L = defineComponent({
+var arrowUp = /* @__PURE__ */ _export_sfc$2(_sfc_main$S, [["render", _sfc_render$H]]);
+const _sfc_main$R = defineComponent({
   name: "Calendar"
 });
-const _hoisted_1$q = {
+const _hoisted_1$w = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M128 384v512h768V192H768v32a32 32 0 11-64 0v-32H320v32a32 32 0 01-64 0v-32H128v128h768v64H128zm192-256h384V96a32 32 0 1164 0v32h160a32 32 0 0132 32v768a32 32 0 01-32 32H96a32 32 0 01-32-32V160a32 32 0 0132-32h160V96a32 32 0 0164 0v32zm-32 384h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 010 64h-64a32 32 0 010-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64zm192-192h64a32 32 0 110 64h-64a32 32 0 110-64zm0 192h64a32 32 0 110 64h-64a32 32 0 110-64z"
 }, null, -1);
-const _hoisted_3$g = [
-  _hoisted_2$k
+const _hoisted_3$k = [
+  _hoisted_2$p
 ];
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$k);
 }
-var calendar$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["render", _sfc_render$C]]);
-const _sfc_main$K = defineComponent({
+var calendar$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$R, [["render", _sfc_render$G]]);
+const _sfc_main$Q = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$p = {
+const _hoisted_1$v = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_3$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
 const _hoisted_4$7 = [
-  _hoisted_2$j,
-  _hoisted_3$f
+  _hoisted_2$o,
+  _hoisted_3$j
 ];
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_4$7);
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_4$7);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$2(_sfc_main$K, [["render", _sfc_render$B]]);
-const _sfc_main$J = defineComponent({
+var circleCheck = /* @__PURE__ */ _export_sfc$2(_sfc_main$Q, [["render", _sfc_render$F]]);
+const _sfc_main$P = defineComponent({
+  name: "CircleCloseFilled"
+});
+const _hoisted_1$u = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 393.664L407.936 353.6a38.4 38.4 0 10-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1054.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1054.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 10-54.336-54.336L512 457.664z"
+}, null, -1);
+const _hoisted_3$i = [
+  _hoisted_2$n
+];
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$i);
+}
+var circleCloseFilled = /* @__PURE__ */ _export_sfc$2(_sfc_main$P, [["render", _sfc_render$E]]);
+const _sfc_main$O = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$o = {
+const _hoisted_1$t = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 }, null, -1);
-const _hoisted_3$e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_4$6 = [
-  _hoisted_2$i,
-  _hoisted_3$e
+  _hoisted_2$m,
+  _hoisted_3$h
 ];
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_4$6);
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_4$6);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$2(_sfc_main$J, [["render", _sfc_render$A]]);
-const _sfc_main$I = defineComponent({
+var circleClose = /* @__PURE__ */ _export_sfc$2(_sfc_main$O, [["render", _sfc_render$D]]);
+const _sfc_main$N = defineComponent({
   name: "Clock"
 });
-const _hoisted_1$n = {
+const _hoisted_1$s = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
-const _hoisted_3$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3$g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M480 256a32 32 0 0132 32v256a32 32 0 01-64 0V288a32 32 0 0132-32z"
 }, null, -1);
@@ -1562,119 +1583,182 @@ const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("path", {
   d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32z"
 }, null, -1);
 const _hoisted_5$4 = [
-  _hoisted_2$h,
-  _hoisted_3$d,
+  _hoisted_2$l,
+  _hoisted_3$g,
   _hoisted_4$5
 ];
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_5$4);
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_5$4);
 }
-var clock = /* @__PURE__ */ _export_sfc$2(_sfc_main$I, [["render", _sfc_render$z]]);
-const _sfc_main$H = defineComponent({
+var clock = /* @__PURE__ */ _export_sfc$2(_sfc_main$N, [["render", _sfc_render$C]]);
+const _sfc_main$M = defineComponent({
   name: "Close"
 });
-const _hoisted_1$m = {
+const _hoisted_1$r = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.288 214.592L512 466.88 259.712 214.592a31.936 31.936 0 00-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1045.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0045.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 10-45.12-45.184z"
 }, null, -1);
-const _hoisted_3$c = [
-  _hoisted_2$g
+const _hoisted_3$f = [
+  _hoisted_2$k
 ];
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$f);
 }
-var close = /* @__PURE__ */ _export_sfc$2(_sfc_main$H, [["render", _sfc_render$y]]);
-const _sfc_main$G = defineComponent({
+var close$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$M, [["render", _sfc_render$B]]);
+const _sfc_main$L = defineComponent({
   name: "DArrowLeft"
 });
-const _hoisted_1$l = {
+const _hoisted_1$q = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M529.408 149.376a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L197.76 534.272a32 32 0 010-44.672l331.648-340.224zm256 0a29.12 29.12 0 0141.728 0 30.592 30.592 0 010 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 01-.512 43.264 29.12 29.12 0 01-41.216-.512L453.76 534.272a32 32 0 010-44.672l331.648-340.224z"
 }, null, -1);
-const _hoisted_3$b = [
-  _hoisted_2$f
+const _hoisted_3$e = [
+  _hoisted_2$j
 ];
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$b);
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$e);
 }
-var dArrowLeft = /* @__PURE__ */ _export_sfc$2(_sfc_main$G, [["render", _sfc_render$x]]);
-const _sfc_main$F = defineComponent({
+var dArrowLeft = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["render", _sfc_render$A]]);
+const _sfc_main$K = defineComponent({
   name: "DArrowRight"
 });
-const _hoisted_1$k = {
+const _hoisted_1$p = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M452.864 149.312a29.12 29.12 0 0141.728.064L826.24 489.664a32 32 0 010 44.672L494.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L764.736 512 452.864 192a30.592 30.592 0 010-42.688zm-256 0a29.12 29.12 0 0141.728.064L570.24 489.664a32 32 0 010 44.672L238.592 874.624a29.12 29.12 0 01-41.728 0 30.592 30.592 0 010-42.752L508.736 512 196.864 192a30.592 30.592 0 010-42.688z"
 }, null, -1);
-const _hoisted_3$a = [
-  _hoisted_2$e
+const _hoisted_3$d = [
+  _hoisted_2$i
 ];
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$a);
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$d);
+}
+var dArrowRight = /* @__PURE__ */ _export_sfc$2(_sfc_main$K, [["render", _sfc_render$z]]);
+const _sfc_main$J = defineComponent({
+  name: "InfoFilled"
+});
+const _hoisted_1$o = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+}, null, -1);
+const _hoisted_3$c = [
+  _hoisted_2$h
+];
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$c);
 }
-var dArrowRight = /* @__PURE__ */ _export_sfc$2(_sfc_main$F, [["render", _sfc_render$w]]);
-const _sfc_main$E = defineComponent({
+var infoFilled = /* @__PURE__ */ _export_sfc$2(_sfc_main$J, [["render", _sfc_render$y]]);
+const _sfc_main$I = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$j = {
+const _hoisted_1$n = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
-const _hoisted_3$9 = [
-  _hoisted_2$d
+const _hoisted_3$b = [
+  _hoisted_2$g
 ];
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$9);
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$b);
 }
-var loading$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$E, [["render", _sfc_render$v]]);
-const _sfc_main$D = defineComponent({
+var loading$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$I, [["render", _sfc_render$x]]);
+const _sfc_main$H = defineComponent({
+  name: "SuccessFilled"
+});
+const _hoisted_1$m = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 10-54.336 54.336l126.72 126.72a38.272 38.272 0 0054.336 0l262.4-262.464a38.4 38.4 0 10-54.272-54.336L456.192 600.384z"
+}, null, -1);
+const _hoisted_3$a = [
+  _hoisted_2$f
+];
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$a);
+}
+var successFilled = /* @__PURE__ */ _export_sfc$2(_sfc_main$H, [["render", _sfc_render$w]]);
+const _sfc_main$G = defineComponent({
   name: "View"
 });
-const _hoisted_1$i = {
+const _hoisted_1$l = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 }, null, -1);
+const _hoisted_3$9 = [
+  _hoisted_2$e
+];
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$9);
+}
+var view = /* @__PURE__ */ _export_sfc$2(_sfc_main$G, [["render", _sfc_render$v]]);
+const _sfc_main$F = defineComponent({
+  name: "WarningFilled"
+});
+const _hoisted_1$k = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 192a58.432 58.432 0 00-58.24 63.744l23.36 256.384a35.072 35.072 0 0069.76 0l23.296-256.384A58.432 58.432 0 00512 256zm0 512a51.2 51.2 0 100-102.4 51.2 51.2 0 000 102.4z"
+}, null, -1);
 const _hoisted_3$8 = [
-  _hoisted_2$c
+  _hoisted_2$d
 ];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$8);
 }
-var view = /* @__PURE__ */ _export_sfc$2(_sfc_main$D, [["render", _sfc_render$u]]);
+var warningFilled = /* @__PURE__ */ _export_sfc$2(_sfc_main$F, [["render", _sfc_render$u]]);
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
 function buildProp(option2, key) {
@@ -1720,7 +1804,20 @@ const iconPropType = definePropType([
   Function
 ]);
 const CloseComponents = {
-  Close: close
+  Close: close$1
+};
+const TypeComponents = {
+  Close: close$1,
+  SuccessFilled: successFilled,
+  InfoFilled: infoFilled,
+  WarningFilled: warningFilled,
+  CircleCloseFilled: circleCloseFilled
+};
+const TypeComponentsMap = {
+  success: successFilled,
+  warning: warningFilled,
+  error: circleCloseFilled,
+  info: infoFilled
 };
 const ValidateComponentsMap = {
   validating: loading$1,
@@ -1740,6 +1837,13 @@ const withInstall = (main2, extra) => {
   }
   return main2;
 };
+const withInstallFunction = (fn2, name) => {
+  fn2.install = (app) => {
+    fn2._context = app._context;
+    app.config.globalProperties[name] = fn2;
+  };
+  return fn2;
+};
 const withNoopInstall = (component) => {
   component.install = NOOP;
   return component;
@@ -2497,11 +2601,11 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$7 = {
+const __default__$9 = {
   name: "ElIcon",
   inheritAttrs: false
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
+const _sfc_main$E = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$9), {
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -2524,7 +2628,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const ElIcon = withInstall(_sfc_main$C);
+const ElIcon = withInstall(_sfc_main$E);
 const nodeList = /* @__PURE__ */ new Map();
 let startClick;
 if (isClient) {
@@ -2779,7 +2883,7 @@ const PENDANT_MAP = {
   suffix: "append",
   prefix: "prepend"
 };
-const _sfc_main$B = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "ElInput",
   components: { ElIcon, CircleClose: circleClose, IconView: view },
   inheritAttrs: false,
@@ -3001,8 +3105,8 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-const _hoisted_1$h = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_2$b = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+const _hoisted_1$j = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_2$c = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
@@ -3056,7 +3160,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_1$h),
+      }), null, 16, _hoisted_1$j),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -3166,7 +3270,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_2$b),
+      }), null, 16, _hoisted_2$c),
       _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsInput.e("count"))
@@ -3176,7 +3280,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.type !== "hidden"]
   ]);
 }
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$t]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["render", _sfc_render$t]]);
 const ElInput = withInstall(Input);
 const BAR_MAP = {
   vertical: {
@@ -3215,7 +3319,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 const COMPONENT_NAME$1 = "Thumb";
-const _sfc_main$A = defineComponent({
+const _sfc_main$C = defineComponent({
   name: COMPONENT_NAME$1,
   props: thumbProps,
   setup(props) {
@@ -3340,7 +3444,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["render", _sfc_render$s]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$s]]);
 const barProps = buildProps({
   always: {
     type: Boolean,
@@ -3363,7 +3467,7 @@ const barProps = buildProps({
     default: 1
   }
 });
-const _sfc_main$z = defineComponent({
+const _sfc_main$B = defineComponent({
   components: {
     Thumb
   },
@@ -3405,7 +3509,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["move", "ratio", "size", "always"])
   ], 64);
 }
-var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$r]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$r]]);
 const scrollbarProps = buildProps({
   height: {
     type: [String, Number],
@@ -3455,7 +3559,7 @@ const scrollbarEmits = {
     scrollLeft
   }) => isNumber$1(scrollTop) && isNumber$1(scrollLeft)
 };
-const _sfc_main$y = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "ElScrollbar",
   components: {
     Bar
@@ -3606,11 +3710,11 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["render", _sfc_render$q]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["render", _sfc_render$q]]);
 const ElScrollbar = withInstall(Scrollbar);
 const POPPER_INJECTION_KEY = Symbol("elPopper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("elPopperContent");
-const _sfc_main$x = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "ElPopperProvider",
   inheritAttrs: false,
   setup() {
@@ -3626,7 +3730,7 @@ const _sfc_main$x = defineComponent({
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["render", _sfc_render$p]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$p]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -5020,7 +5124,7 @@ const usePopperTriggerProps = buildProps({
     type: Boolean
   }
 });
-const _sfc_main$w = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "ElPopperArrow",
   props: usePopperArrowProps,
   setup(props) {
@@ -5049,7 +5153,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     "data-popper-arrow": ""
   }, null, 2);
 }
-var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["render", _sfc_render$o]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["render", _sfc_render$o]]);
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
   name: NAME,
@@ -5175,7 +5279,7 @@ function deriveExtraModifiers(options, modifiers) {
     options.modifiers = [...options.modifiers, ...modifiers != null ? modifiers : []];
   }
 }
-const _sfc_main$v = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "ElPopperTrigger",
   components: { ElOnlyChild: OnlyChild },
   inheritAttrs: false,
@@ -5237,8 +5341,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["aria-describedby"])) : createCommentVNode("v-if", true);
 }
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["render", _sfc_render$n]]);
-const _sfc_main$u = defineComponent({
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["render", _sfc_render$n]]);
+const _sfc_main$w = defineComponent({
   name: "ElPopperContent",
   props: usePopperContentProps,
   emits: ["mouseenter", "mouseleave"],
@@ -5342,7 +5446,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 38);
 }
-var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$m]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["render", _sfc_render$m]]);
 function useDeprecateAppendToBody(scope, from2) {
   const vm = getCurrentInstance();
   const compatTeleported = computed(() => {
@@ -5360,7 +5464,7 @@ function useDeprecateAppendToBody(scope, from2) {
   };
 }
 const ElPopper = withInstall(Popper);
-const _sfc_main$t = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "ElVisuallyHidden",
   props: {
     style: {
@@ -5392,7 +5496,7 @@ const _sfc_main$t = defineComponent({
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
 }
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _sfc_render$l]]);
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["render", _sfc_render$l]]);
 const useTooltipContentProps = buildProps(__spreadProps(__spreadValues(__spreadValues({}, useDelayedToggleProps), usePopperContentProps), {
   appendTo: {
     type: definePropType([String, Object]),
@@ -5449,7 +5553,7 @@ const useTooltipProps = buildProps({
   }
 });
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
-const _sfc_main$s = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "ElTooltipContent",
   components: {
     ElPopperContent,
@@ -5616,7 +5720,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render$k]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$k]]);
 const isTriggerType = (trigger, type4) => {
   if (isArray$1(trigger)) {
     return trigger.includes(type4);
@@ -5628,7 +5732,7 @@ const whenTrigger = (trigger, type4, handler) => {
     isTriggerType(unref(trigger), type4) && handler(e2);
   };
 };
-const _sfc_main$r = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "ElTooltipTrigger",
   components: {
     ElPopperTrigger
@@ -5700,9 +5804,9 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render$j]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _sfc_render$j]]);
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
-const _sfc_main$q = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "ElTooltip",
   components: {
     ElPopper,
@@ -5784,8 +5888,8 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-const _hoisted_1$g = ["innerHTML"];
-const _hoisted_2$a = { key: 1 };
+const _hoisted_1$i = ["innerHTML"];
+const _hoisted_2$b = { key: 1 };
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
@@ -5835,7 +5939,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rawContent ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_1$g)) : (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(_ctx.content), 1))
+            }, null, 8, _hoisted_1$i)) : (openBlock(), createElementBlock("span", _hoisted_2$b, toDisplayString(_ctx.content), 1))
           ]),
           _ctx.compatShowArrow ? (openBlock(), createBlock(_component_el_popper_arrow, {
             key: 0,
@@ -5848,8 +5952,73 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 512);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["render", _sfc_render$i]]);
+var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render$i]]);
 const ElTooltip = withInstall(Tooltip);
+const badgeProps = buildProps({
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  max: {
+    type: Number,
+    default: 99
+  },
+  isDot: Boolean,
+  hidden: Boolean,
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger"],
+    default: "danger"
+  }
+});
+const _hoisted_1$h = ["textContent"];
+const __default__$8 = {
+  name: "ElBadge"
+};
+const _sfc_main$r = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$8), {
+  props: badgeProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = useNamespace("badge");
+    const content = computed(() => {
+      if (props.isDot)
+        return "";
+      if (isNumber$1(props.value) && isNumber$1(props.max)) {
+        return props.max < props.value ? `${props.max}+` : `${props.value}`;
+      }
+      return `${props.value}`;
+    });
+    expose({
+      content
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(Transition, {
+          name: `${unref(ns).namespace.value}-zoom-in-center`
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("sup", {
+              class: normalizeClass([
+                unref(ns).e("content"),
+                unref(ns).em("content", _ctx.type),
+                unref(ns).is("fixed", !!_ctx.$slots.default),
+                unref(ns).is("dot", _ctx.isDot)
+              ]),
+              textContent: toDisplayString(unref(content))
+            }, null, 10, _hoisted_1$h), [
+              [vShow, !_ctx.hidden && (unref(content) || unref(content) === "0" || _ctx.isDot)]
+            ])
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 2);
+    };
+  }
+}));
+const ElBadge = withInstall(_sfc_main$r);
 function bound01(n, max2) {
   if (isOnePointZero(n)) {
     n = "100%";
@@ -6764,11 +6933,11 @@ const buttonProps = buildProps({
 const buttonEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
-const _hoisted_1$f = ["disabled", "autofocus", "type"];
-const __default__$6 = {
+const _hoisted_1$g = ["disabled", "autofocus", "type"];
+const __default__$7 = {
   name: "ElButton"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$6), {
+const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$7), {
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -6889,7 +7058,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$f);
+      ], 14, _hoisted_1$g);
     };
   }
 }));
@@ -6897,10 +7066,10 @@ const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
-const __default__$5 = {
+const __default__$6 = {
   name: "ElButtonGroup"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
+const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$6), {
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -6918,10 +7087,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const ElButton = withInstall(_sfc_main$p, {
-  ButtonGroup: _sfc_main$o
+const ElButton = withInstall(_sfc_main$q, {
+  ButtonGroup: _sfc_main$p
 });
-withNoopInstall(_sfc_main$o);
+withNoopInstall(_sfc_main$p);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dayjs_min = { exports: {} };
 (function(module2, exports2) {
@@ -7496,7 +7665,7 @@ const formatter = function(date4, format2, lang2) {
     return +date4;
   return dayjs(date4).locale(lang2).format(format2);
 };
-const _sfc_main$n = defineComponent({
+const _sfc_main$o = defineComponent({
   name: "Picker",
   components: {
     ElInput,
@@ -7890,8 +8059,8 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_2$9 = { class: "el-range-separator" };
+const _hoisted_1$f = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2$a = { class: "el-range-separator" };
 const _hoisted_3$7 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
@@ -8003,9 +8172,9 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
           onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
           onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
-        }, null, 40, _hoisted_1$e),
+        }, null, 40, _hoisted_1$f),
         renderSlot(_ctx.$slots, "range-separator", {}, () => [
-          createElementVNode("span", _hoisted_2$9, toDisplayString(_ctx.rangeSeparator), 1)
+          createElementVNode("span", _hoisted_2$a, toDisplayString(_ctx.rangeSeparator), 1)
         ]),
         createElementVNode("input", {
           id: _ctx.id && _ctx.id[1],
@@ -8055,7 +8224,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["visible", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
 }
-var CommonPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$h]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$h]]);
 const makeList = (total, method4, methodFunc) => {
   const arr = [];
   const disabledArr = method4 && methodFunc();
@@ -8109,7 +8278,7 @@ const useOldValue = (props) => {
   });
   return oldValue;
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   directives: {
     repeatClick: RepeatClick
   },
@@ -8375,8 +8544,8 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["onClick"];
-const _hoisted_2$8 = ["onMouseenter"];
+const _hoisted_1$e = ["onClick"];
+const _hoisted_2$9 = ["onMouseenter"];
 const _hoisted_3$6 = { class: "el-time-spinner__list" };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
@@ -8412,7 +8581,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
               ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)
               ], 2112))
-            ], 10, _hoisted_1$d);
+            ], 10, _hoisted_1$e);
           }), 128))
         ]),
         _: 2
@@ -8459,12 +8628,12 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
             ], 2);
           }), 128))
         ])
-      ], 40, _hoisted_2$8);
+      ], 40, _hoisted_2$9);
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var TimeSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$g]]);
-const _sfc_main$l = defineComponent({
+var TimeSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$g]]);
+const _sfc_main$m = defineComponent({
   components: {
     TimeSpinner
   },
@@ -8626,16 +8795,16 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "el-time-panel"
 };
-const _hoisted_2$7 = { class: "el-time-panel__footer" };
+const _hoisted_2$8 = { class: "el-time-panel__footer" };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
-      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      _ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", {
           class: normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
         }, [
@@ -8654,7 +8823,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             onSelectRange: _ctx.setSelectionRange
           }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
         ], 2),
-        createElementVNode("div", _hoisted_2$7, [
+        createElementVNode("div", _hoisted_2$8, [
           createElementVNode("button", {
             type: "button",
             class: "el-time-panel__btn cancel",
@@ -8671,7 +8840,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var TimePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$f]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$f]]);
 const rangeArr = (n) => Array.from(Array(n).keys());
 const extractDateFormat = (format2) => {
   return format2.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim();
@@ -8706,9 +8875,9 @@ const tagEmits = {
   close: (evt) => evt instanceof MouseEvent,
   click: (evt) => evt instanceof MouseEvent
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ElTag",
-  components: { ElIcon, Close: close },
+  components: { ElIcon, Close: close$1 },
   props: tagProps,
   emits: tagEmits,
   setup(props, { emit }) {
@@ -8794,7 +8963,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name"]));
 }
-var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$e]]);
+var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$e]]);
 const ElTag = withInstall(Tag);
 const messageConfig = {};
 const configProviderProps = buildProps({
@@ -8994,7 +9163,7 @@ var ElDatePickerCell = defineComponent({
     };
   }
 });
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   components: {
     ElDatePickerCell
   },
@@ -9282,7 +9451,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _hoisted_1$b = { key: 0 };
+const _hoisted_1$c = { key: 0 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
@@ -9294,7 +9463,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("tbody", null, [
       createElementVNode("tr", null, [
-        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$b, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
+        _ctx.showWeekNumber ? (openBlock(), createElementBlock("th", _hoisted_1$c, toDisplayString(_ctx.t("el.datepicker.week")), 1)) : createCommentVNode("v-if", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.WEEKS, (week, key) => {
           return openBlock(), createElementBlock("th", { key }, toDisplayString(_ctx.t("el.datepicker.weeks." + week)), 1);
         }), 128))
@@ -9317,13 +9486,13 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34);
 }
-var DateTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$d]]);
+var DateTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$d]]);
 const datesInMonth = (year, month, lang2) => {
   const firstDay = dayjs().locale(lang2).startOf("month").month(month).year(year);
   const numOfDays = firstDay.daysInMonth();
   return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
 };
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   props: {
     disabledDate: {
       type: Function
@@ -9487,7 +9656,7 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "cell" };
+const _hoisted_1$b = { class: "cell" };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "el-month-table",
@@ -9503,7 +9672,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.getCellStyle(cell))
             }, [
               createElementVNode("div", null, [
-                createElementVNode("a", _hoisted_1$a, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
+                createElementVNode("a", _hoisted_1$b, toDisplayString(_ctx.t("el.datepicker.months." + _ctx.months[cell.text])), 1)
               ])
             ], 2);
           }), 128))
@@ -9512,14 +9681,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 32);
 }
-var MonthTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$c]]);
+var MonthTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$c]]);
 const datesInYear = (year, lang2) => {
   const firstDay = dayjs(String(year)).locale(lang2).startOf("year");
   const lastDay = firstDay.endOf("year");
   const numOfDays = lastDay.dayOfYear();
   return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
 };
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   props: {
     disabledDate: {
       type: Function
@@ -9561,8 +9730,8 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "cell" };
-const _hoisted_2$6 = { class: "cell" };
+const _hoisted_1$a = { class: "cell" };
+const _hoisted_2$7 = { class: "cell" };
 const _hoisted_3$5 = { class: "cell" };
 const _hoisted_4$4 = { class: "cell" };
 const _hoisted_5$3 = { class: "cell" };
@@ -9583,12 +9752,12 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 0)])
         }, [
-          createElementVNode("a", _hoisted_1$9, toDisplayString(_ctx.startYear), 1)
+          createElementVNode("a", _hoisted_1$a, toDisplayString(_ctx.startYear), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 1)])
         }, [
-          createElementVNode("a", _hoisted_2$6, toDisplayString(_ctx.startYear + 1), 1)
+          createElementVNode("a", _hoisted_2$7, toDisplayString(_ctx.startYear + 1), 1)
         ], 2),
         createElementVNode("td", {
           class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + 2)])
@@ -9640,9 +9809,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var YearTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$b]]);
+var YearTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["render", _sfc_render$b]]);
 const timeWithinRange = (_2, __, ___) => true;
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   components: {
     DateTable,
     ElInput,
@@ -10053,8 +10222,8 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$5 = {
+const _hoisted_1$9 = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$6 = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
@@ -10093,9 +10262,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$8, [
+    createElementVNode("div", _hoisted_1$9, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
@@ -10268,8 +10437,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DatePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$a]]);
-const _sfc_main$f = defineComponent({
+var DatePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$a]]);
+const _sfc_main$g = defineComponent({
   directives: { clickoutside: ClickOutside },
   components: {
     TimePickPanel,
@@ -10704,8 +10873,8 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$4 = {
+const _hoisted_1$8 = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$5 = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
@@ -10752,9 +10921,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$7, [
+    createElementVNode("div", _hoisted_1$8, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
@@ -11015,8 +11184,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var DateRangePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$9]]);
-const _sfc_main$e = defineComponent({
+var DateRangePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$9]]);
+const _sfc_main$f = defineComponent({
   components: { MonthTable, ElIcon, DArrowLeft: dArrowLeft, DArrowRight: dArrowRight },
   props: {
     unlinkPanels: Boolean,
@@ -11186,8 +11355,8 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "el-picker-panel__body-wrapper" };
-const _hoisted_2$3 = {
+const _hoisted_1$7 = { class: "el-picker-panel__body-wrapper" };
+const _hoisted_2$4 = {
   key: 0,
   class: "el-picker-panel__sidebar"
 };
@@ -11211,9 +11380,9 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }
     ]])
   }, [
-    createElementVNode("div", _hoisted_1$6, [
+    createElementVNode("div", _hoisted_1$7, [
       renderSlot(_ctx.$slots, "sidebar", { class: "el-picker-panel__sidebar" }),
-      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+      _ctx.hasShortcuts ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.shortcuts, (shortcut, key) => {
           return openBlock(), createElementBlock("button", {
             key,
@@ -11312,7 +11481,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MonthRangePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$8]]);
+var MonthRangePickPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$8]]);
 dayjs.extend(localeData$1);
 dayjs.extend(advancedFormat);
 dayjs.extend(customParseFormat);
@@ -11525,7 +11694,7 @@ const FOCUS_ON_MOUNT_OPTS = {
 const ON_MOUNT_FOCUS_EVT = "mountOnFocus";
 const ON_UNMOUNT_FOCUS_EVT = "unmountOnFocus";
 const FOCUS_TRAP_INJECTION_KEY = Symbol("elFocusTrap");
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -11662,7 +11831,7 @@ const _sfc_main$d = defineComponent({
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["render", _sfc_render$7]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$7]]);
 const dialogContentProps = buildProps({
   center: {
     type: Boolean,
@@ -11697,9 +11866,9 @@ const dialogContentEmits = {
   close: () => true
 };
 const elDialogInjectionKey = Symbol("elDialogInjectionKey");
-const _hoisted_1$5 = ["aria-label"];
-const __default__$4 = { name: "ElDialogContent" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _hoisted_1$6 = ["aria-label"];
+const __default__$5 = { name: "ElDialogContent" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$5), {
   props: dialogContentProps,
   emits: dialogContentEmits,
   setup(__props) {
@@ -11763,7 +11932,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             _: 1
           }, 8, ["class"])
         ], 2)) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1$5);
+      ], 46, _hoisted_1$6);
     };
   }
 }));
@@ -11967,10 +12136,10 @@ const useDialog = (props, { emit }, targetRef) => {
     zIndex: zIndex2
   };
 };
-const __default__$3 = {
+const __default__$4 = {
   name: "ElDialog"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   props: dialogProps,
   emits: dialogEmits,
   setup(__props, { emit }) {
@@ -12031,7 +12200,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                     onUnmountOnFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("closeAutoFocus"))
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$c, {
+                      createVNode(_sfc_main$d, {
                         "custom-class": _ctx.customClass,
                         center: _ctx.center,
                         "close-icon": _ctx.closeIcon,
@@ -12069,7 +12238,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const ElDialog = withInstall(_sfc_main$b);
+const ElDialog = withInstall(_sfc_main$c);
 function useFormLabelWidth() {
   const potentialLabelWidthArr = ref([]);
   const autoLabelWidth = computed(() => {
@@ -12100,7 +12269,7 @@ function useFormLabelWidth() {
     deregisterLabelWidth
   };
 }
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "ElForm",
   props: {
     model: Object,
@@ -12203,8 +12372,8 @@ const _sfc_main$a = defineComponent({
       let invalidFields = {};
       let firstInvalidFields;
       for (const field of fields) {
-        field.validate("", (message, field2) => {
-          if (message) {
+        field.validate("", (message2, field2) => {
+          if (message2) {
             valid = false;
             firstInvalidFields || (firstInvalidFields = field2);
           }
@@ -12263,7 +12432,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var Form = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$6]]);
+var Form = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$6]]);
 function _extends() {
   _extends = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -13314,7 +13483,7 @@ var LabelWrap = defineComponent({
       updateLabelWidth("remove");
       removeResizeListener((_a2 = el.value) == null ? void 0 : _a2.firstElementChild, updateLabelWidthFn);
     });
-    function render() {
+    function render2() {
       var _a2, _b2;
       if (!slots)
         return null;
@@ -13337,10 +13506,10 @@ var LabelWrap = defineComponent({
         return h(Fragment, { ref: el }, (_b2 = slots.default) == null ? void 0 : _b2.call(slots));
       }
     }
-    return render;
+    return render2;
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "ElFormItem",
   componentName: "ElFormItem",
   components: {
@@ -13582,7 +13751,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["for"];
+const _hoisted_1$5 = ["for"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LabelWrap = resolveComponent("LabelWrap");
   return openBlock(), createElementBlock("div", {
@@ -13603,7 +13772,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
             createTextVNode(toDisplayString(_ctx.currentLabel), 1)
           ])
-        ], 12, _hoisted_1$4)) : createCommentVNode("v-if", true)
+        ], 12, _hoisted_1$5)) : createCommentVNode("v-if", true)
       ]),
       _: 3
     }, 8, ["is-auto-width", "update-all"]),
@@ -13630,7 +13799,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-var FormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$5]]);
+var FormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$5]]);
 const ElForm = withInstall(Form, {
   FormItem
 });
@@ -13725,7 +13894,7 @@ function useOption(props, states) {
     hoverItem
   };
 }
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -13805,8 +13974,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$4]]);
-const _sfc_main$7 = defineComponent({
+var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$4]]);
+const _sfc_main$8 = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -13844,7 +14013,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$3]]);
+var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$3]]);
 function useSelectStates(props) {
   const { t } = useLocale();
   return reactive({
@@ -14504,7 +14673,7 @@ const useSelect = (props, states, ctx) => {
   };
 };
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
@@ -14820,8 +14989,8 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "select-trigger" };
-const _hoisted_2$2 = ["disabled", "autocomplete"];
+const _hoisted_1$4 = { class: "select-trigger" };
+const _hoisted_2$3 = ["disabled", "autocomplete"];
 const _hoisted_3$1 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
@@ -14855,7 +15024,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       onShow: _ctx.handleMenuEnter
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_1$4, [
           _ctx.multiple ? (openBlock(), createElementBlock("div", {
             key: 0,
             ref: "tags",
@@ -14964,7 +15133,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onInput: _cache[15] || (_cache[15] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-            }, null, 46, _hoisted_2$2)), [
+            }, null, 46, _hoisted_2$3)), [
               [vModelText, _ctx.query]
             ]) : createCommentVNode("v-if", true)
           ], 6)) : createCommentVNode("v-if", true),
@@ -15076,8 +15245,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$2]]);
-const _sfc_main$5 = defineComponent({
+var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$2]]);
+const _sfc_main$6 = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -15139,7 +15308,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render$1]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$1]]);
 const ElSelect = withInstall(Select, {
   Option,
   OptionGroup
@@ -15382,40 +15551,349 @@ const updateOptions = (newOptions, originalOptions) => {
       originalOptions[key].value = newOptions[key];
   }
 };
-const vLoading = {
-  mounted(el, binding) {
-    if (binding.value) {
-      createInstance(el, binding);
+const vLoading = {
+  mounted(el, binding) {
+    if (binding.value) {
+      createInstance(el, binding);
+    }
+  },
+  updated(el, binding) {
+    const instance = el[INSTANCE_KEY];
+    if (binding.oldValue !== binding.value) {
+      if (binding.value && !binding.oldValue) {
+        createInstance(el, binding);
+      } else if (binding.value && binding.oldValue) {
+        if (isObject$1(binding.value))
+          updateOptions(binding.value, instance.options);
+      } else {
+        instance == null ? void 0 : instance.instance.close();
+      }
+    }
+  },
+  unmounted(el) {
+    var _a2;
+    (_a2 = el[INSTANCE_KEY]) == null ? void 0 : _a2.instance.close();
+  }
+};
+({
+  install(app) {
+    app.directive("loading", vLoading);
+    app.config.globalProperties.$loading = Loading;
+  },
+  directive: vLoading,
+  service: Loading
+});
+const ElLoadingDirective = vLoading;
+Loading;
+const messageTypes = ["success", "info", "warning", "error"];
+const messageProps = buildProps({
+  customClass: {
+    type: String,
+    default: ""
+  },
+  center: {
+    type: Boolean,
+    default: false
+  },
+  dangerouslyUseHTMLString: {
+    type: Boolean,
+    default: false
+  },
+  duration: {
+    type: Number,
+    default: 3e3
+  },
+  icon: {
+    type: iconPropType,
+    default: ""
+  },
+  id: {
+    type: String,
+    default: ""
+  },
+  message: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  onClose: {
+    type: definePropType(Function),
+    required: false
+  },
+  showClose: {
+    type: Boolean,
+    default: false
+  },
+  type: {
+    type: String,
+    values: messageTypes,
+    default: "info"
+  },
+  offset: {
+    type: Number,
+    default: 20
+  },
+  zIndex: {
+    type: Number,
+    default: 0
+  },
+  grouping: {
+    type: Boolean,
+    default: false
+  },
+  repeatNum: {
+    type: Number,
+    default: 1
+  }
+});
+const messageEmits = {
+  destroy: () => true
+};
+const _sfc_main$5 = defineComponent({
+  name: "ElMessage",
+  components: __spreadValues({
+    ElBadge,
+    ElIcon
+  }, TypeComponents),
+  props: messageProps,
+  emits: messageEmits,
+  setup(props) {
+    const ns = useNamespace("message");
+    const visible = ref(false);
+    const badgeType = ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
+    let stopTimer = void 0;
+    const typeClass = computed(() => {
+      const type4 = props.type;
+      return { [ns.bm("icon", type4)]: type4 && TypeComponentsMap[type4] };
+    });
+    const iconComponent = computed(() => {
+      return props.icon || TypeComponentsMap[props.type] || "";
+    });
+    const customStyle = computed(() => ({
+      top: `${props.offset}px`,
+      zIndex: props.zIndex
+    }));
+    function startTimer() {
+      if (props.duration > 0) {
+        ({ stop: stopTimer } = useTimeoutFn(() => {
+          if (visible.value)
+            close2();
+        }, props.duration));
+      }
     }
-  },
-  updated(el, binding) {
-    const instance = el[INSTANCE_KEY];
-    if (binding.oldValue !== binding.value) {
-      if (binding.value && !binding.oldValue) {
-        createInstance(el, binding);
-      } else if (binding.value && binding.oldValue) {
-        if (isObject$1(binding.value))
-          updateOptions(binding.value, instance.options);
+    function clearTimer() {
+      stopTimer == null ? void 0 : stopTimer();
+    }
+    function close2() {
+      visible.value = false;
+    }
+    function keydown({ code }) {
+      if (code === EVENT_CODE.esc) {
+        if (visible.value) {
+          close2();
+        }
       } else {
-        instance == null ? void 0 : instance.instance.close();
+        startTimer();
       }
     }
-  },
-  unmounted(el) {
-    var _a2;
-    (_a2 = el[INSTANCE_KEY]) == null ? void 0 : _a2.instance.close();
+    onMounted(() => {
+      startTimer();
+      visible.value = true;
+    });
+    watch(() => props.repeatNum, () => {
+      clearTimer();
+      startTimer();
+    });
+    useEventListener(document, "keydown", keydown);
+    return {
+      ns,
+      typeClass,
+      iconComponent,
+      customStyle,
+      visible,
+      badgeType,
+      close: close2,
+      clearTimer,
+      startTimer
+    };
+  }
+});
+const _hoisted_1$3 = ["id"];
+const _hoisted_2$2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_badge = resolveComponent("el-badge");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_close = resolveComponent("close");
+  return openBlock(), createBlock(Transition, {
+    name: _ctx.ns.b("fade"),
+    onBeforeLeave: _ctx.onClose,
+    onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy"))
+  }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("div", {
+        id: _ctx.id,
+        class: normalizeClass([
+          _ctx.ns.b(),
+          { [_ctx.ns.m(_ctx.type)]: _ctx.type && !_ctx.icon },
+          _ctx.ns.is("center", _ctx.center),
+          _ctx.ns.is("closable", _ctx.showClose),
+          _ctx.customClass
+        ]),
+        style: normalizeStyle(_ctx.customStyle),
+        role: "alert",
+        onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
+        onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
+      }, [
+        _ctx.repeatNum > 1 ? (openBlock(), createBlock(_component_el_badge, {
+          key: 0,
+          value: _ctx.repeatNum,
+          type: _ctx.badgeType,
+          class: normalizeClass(_ctx.ns.e("badge"))
+        }, null, 8, ["value", "type", "class"])) : createCommentVNode("v-if", true),
+        _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
+          key: 1,
+          class: normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", {
+            key: 0,
+            class: normalizeClass(_ctx.ns.e("content"))
+          }, toDisplayString(_ctx.message), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+            createElementVNode("p", {
+              class: normalizeClass(_ctx.ns.e("content")),
+              innerHTML: _ctx.message
+            }, null, 10, _hoisted_2$2)
+          ], 2112))
+        ]),
+        _ctx.showClose ? (openBlock(), createBlock(_component_el_icon, {
+          key: 2,
+          class: normalizeClass(_ctx.ns.e("closeBtn")),
+          onClick: withModifiers(_ctx.close, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_close)
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+      ], 46, _hoisted_1$3), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["name", "onBeforeLeave"]);
+}
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render]]);
+const instances = [];
+let seed = 1;
+const message = function(options = {}, context) {
+  if (!isClient)
+    return { close: () => void 0 };
+  if (isNumber$1(messageConfig.max) && instances.length >= messageConfig.max) {
+    return { close: () => void 0 };
   }
+  if (!isVNode(options) && isObject$1(options) && options.grouping && !isVNode(options.message) && instances.length) {
+    const tempVm = instances.find((item) => {
+      var _a2, _b2, _c;
+      return `${(_b2 = (_a2 = item.vm.props) == null ? void 0 : _a2.message) != null ? _b2 : ""}` === `${(_c = options.message) != null ? _c : ""}`;
+    });
+    if (tempVm) {
+      tempVm.vm.component.props.repeatNum += 1;
+      tempVm.vm.component.props.type = options == null ? void 0 : options.type;
+      return {
+        close: () => vm.component.proxy.visible = false
+      };
+    }
+  }
+  if (isString$1(options) || isVNode(options)) {
+    options = { message: options };
+  }
+  let verticalOffset = options.offset || 20;
+  instances.forEach(({ vm: vm2 }) => {
+    var _a2;
+    verticalOffset += (((_a2 = vm2.el) == null ? void 0 : _a2.offsetHeight) || 0) + 16;
+  });
+  verticalOffset += 16;
+  const { nextZIndex } = useZIndex();
+  const id = `message_${seed++}`;
+  const userOnClose = options.onClose;
+  const props = __spreadProps(__spreadValues({
+    zIndex: nextZIndex(),
+    offset: verticalOffset
+  }, options), {
+    id,
+    onClose: () => {
+      close(id, userOnClose);
+    }
+  });
+  let appendTo = document.body;
+  if (options.appendTo instanceof HTMLElement) {
+    appendTo = options.appendTo;
+  } else if (isString$1(options.appendTo)) {
+    appendTo = document.querySelector(options.appendTo);
+  }
+  if (!(appendTo instanceof HTMLElement)) {
+    appendTo = document.body;
+  }
+  const container = document.createElement("div");
+  container.className = `container_${id}`;
+  const messageContent = props.message;
+  const vm = createVNode(MessageConstructor, props, isVNode(messageContent) ? { default: () => messageContent } : null);
+  vm.appContext = context || message._context;
+  vm.props.onDestroy = () => {
+    render(null, container);
+  };
+  render(vm, container);
+  instances.push({ vm });
+  appendTo.appendChild(container.firstElementChild);
+  return {
+    close: () => vm.component.proxy.visible = false
+  };
 };
-({
-  install(app) {
-    app.directive("loading", vLoading);
-    app.config.globalProperties.$loading = Loading;
-  },
-  directive: vLoading,
-  service: Loading
+messageTypes.forEach((type4) => {
+  message[type4] = (options = {}) => {
+    if (isString$1(options) || isVNode(options)) {
+      options = {
+        message: options
+      };
+    }
+    return message(__spreadProps(__spreadValues({}, options), {
+      type: type4
+    }));
+  };
 });
-const ElLoadingDirective = vLoading;
-Loading;
+function close(id, userOnClose) {
+  const idx = instances.findIndex(({ vm: vm2 }) => id === vm2.component.props.id);
+  if (idx === -1)
+    return;
+  const { vm } = instances[idx];
+  if (!vm)
+    return;
+  userOnClose == null ? void 0 : userOnClose(vm);
+  const removedHeight = vm.el.offsetHeight;
+  instances.splice(idx, 1);
+  const len = instances.length;
+  if (len < 1)
+    return;
+  for (let i = idx; i < len; i++) {
+    const pos = parseInt(instances[i].vm.el.style["top"], 10) - removedHeight - 16;
+    instances[i].vm.component.props.offset = pos;
+  }
+}
+function closeAll() {
+  var _a2;
+  for (let i = instances.length - 1; i >= 0; i--) {
+    const instance = instances[i].vm.component;
+    (_a2 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a2.close();
+  }
+}
+message.closeAll = closeAll;
+message._context = null;
+const ElMessage = withInstallFunction(message, "$message");
 var base = "";
 var input = "";
 /**
@@ -15940,10 +16418,10 @@ var useCurrencyInput = (options) => {
 };
 var plCurrency_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$2 = /* @__PURE__ */ createElementVNode("span", { class: "pl-currency__rub-icon" }, "\u20BD", -1);
-const __default__$2 = {
+const __default__$3 = {
   name: "PlCurrency"
 };
-const _sfc_main$4 = /* @__PURE__ */ Object.assign(__default__$2, {
+const _sfc_main$4 = /* @__PURE__ */ Object.assign(__default__$3, {
   props: {
     width: String,
     modelValue: Number
@@ -15988,10 +16466,10 @@ const PlCurrencyPlugin = {
 var button = "";
 const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("p", null, "Hello NPM!", -1);
 const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("Increment count");
-const __default__$1 = {
+const __default__$2 = {
   name: "TestViteNpmComponent"
 };
-const _sfc_main$3 = /* @__PURE__ */ Object.assign(__default__$1, {
+const _sfc_main$3 = /* @__PURE__ */ Object.assign(__default__$2, {
   setup(__props) {
     const msg = ref("");
     const count2 = ref(0);
@@ -16280,10 +16758,10 @@ var ru = { exports: {} };
   });
 })(ru);
 var plDatePickerRange_vue_vue_type_style_index_0_lang = "";
-const __default__ = {
+const __default__$1 = {
   name: "PlDatePickerRange"
 };
-const _sfc_main$1 = /* @__PURE__ */ Object.assign(__default__, {
+const _sfc_main$1 = /* @__PURE__ */ Object.assign(__default__$1, {
   props: {
     modelValue: {
       type: Array,
@@ -21770,7 +22248,7 @@ var lodash = { exports: {} };
     }
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
-var _$1 = lodash.exports;
+var _ = lodash.exports;
 //! moment.js
 //! version : 2.29.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -29199,94 +29677,45 @@ function getErrorMessage(ex2) {
     return value;
   }
 }
-const _sfc_main = {
-  name: "SelectCertDialog",
-  props: {
-    clientData: {
-      type: Object,
-      default: () => null
-    }
-  },
-  data() {
-    return {
-      visible: false,
-      loading: false,
-      certs: [],
-      fileList: [],
-      dataForm: {
-        file: null,
-        thumbprint: ""
-      },
-      rules: {
-        file: [
-          {
-            required: true,
-            message: "\u041D\u0435\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u0438\u044F",
-            trigger: "blur"
-          }
-        ],
-        thumbprint: [
-          {
-            required: true,
-            message: "\u041D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043A\u0430\u0442",
-            trigger: "blur"
-          }
-        ]
-      }
-    };
-  },
-  computed: {
-    validCerts() {
-      return _$1.filter(this.certs, "valid");
-    },
-    isSelectCertButtonDisabled() {
-      return !this.dataForm.thumbprint;
-    }
-  },
-  methods: {
-    show(fileList) {
-      this.loading = true;
-      this.fileList = fileList;
-      cryptoPro.exports.getUserCertificates().then((response2) => {
-        this.certs = _$1.chain(response2).map(this.formatCertInfo).filter((cert) => `${_$1.get(cert, "companyInn", "")}`.indexOf("\u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442") === -1).value();
-        this.visible = true;
-      }).catch((ex2) => {
-        this.$message.error(getErrorMessage(ex2));
-      }).then(() => {
-        this.loading = false;
-        this.$nextTick(() => {
-          this.$refs.form.resetFields();
-          this.$refs.form.clearValidate(["file", "thumbprint"]);
-        });
-      });
-    },
-    hide() {
-      this.visible = false;
-    },
-    onAppendClick() {
-      this.$refs.form.validate((isFormValid) => {
-        if (isFormValid) {
-          this.hide();
-          const certInfo = _$1.find(this.validCerts, ["thumbprint", this.dataForm.thumbprint]);
-          if (certInfo == null) {
-            this.$message.error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u043E \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043A\u0430\u0442\u0435.");
-          } else {
-            this.$emit("cert-selected", {
-              file: this.dataForm.file,
-              cert: {
-                thumbprint: certInfo.thumbprint,
-                validTo: certInfo.validTo,
-                validFrom: certInfo.validFrom
-              }
-            });
-          }
-        }
-      });
-    },
-    onCancelClick() {
-      this.hide();
-    },
-    formatCertInfo(item, id) {
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "sp-dialog__title" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "title-text" }, "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430")
+], -1);
+const _hoisted_2 = { class: "dialog-footer" };
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
+const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
+const __default__ = {
+  name: "PlCertDialog"
+};
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  emits: ["cert-selected"],
+  setup(__props, { expose, emit }) {
+    const form2 = ref(null);
+    const visible = ref(false);
+    const loading2 = ref(false);
+    const certs = ref([]);
+    const fileList = ref([]);
+    const dataForm = reactive({
+      file: null,
+      thumbprint: ""
+    });
+    const rules2 = reactive({
+      file: [
+        {
+          required: true,
+          message: "\u041D\u0435\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u0438\u044F",
+          trigger: "blur"
+        }
+      ],
+      thumbprint: [
+        {
+          required: true,
+          message: "\u041D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043A\u0430\u0442",
+          trigger: "blur"
+        }
+      ]
+    });
+    const validCerts = computed(() => _.filter(certs.value, "valid"));
+    const formatCertInfo = (item, id) => {
       var _a2, _b2;
       const regexCn = new RegExp("CN=([^,]+)", "i");
       const regexSn = new RegExp("SN=([^,]+)", "i");
@@ -29324,116 +29753,150 @@ const _sfc_main = {
         thumbprint: item.thumbprint,
         valid: hooks().isSameOrBefore(hooks(item.validTo).toISOString())
       };
-    }
-  }
-};
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "sp-dialog__title" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "title-text" }, "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430")
-], -1);
-const _hoisted_2 = { class: "dialog-footer" };
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u0412\u044B\u0431\u0440\u0430\u0442\u044C");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u041E\u0442\u043C\u0435\u043D\u0430");
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_option = ElOption;
-  const _component_el_select = ElSelect;
-  const _component_el_form_item = ElFormItem;
-  const _component_el_form = ElForm;
-  const _component_el_button = ElButton;
-  const _component_el_dialog = ElDialog;
-  const _directive_loading = ElLoadingDirective;
-  return openBlock(), createBlock(_component_el_dialog, mergeProps({ "custom-class": "sell-plus-dialog-sm select-cert-dialog" }, _ctx.$attrs, {
-    modelValue: $data.visible,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.visible = $event),
-    "close-on-press-escape": false,
-    "show-close": false,
-    "close-on-click-modal": false
-  }), {
-    title: withCtx(() => [
-      _hoisted_1
-    ]),
-    footer: withCtx(() => [
-      createElementVNode("div", _hoisted_2, [
-        createVNode(_component_el_button, {
-          type: "primary",
-          onClick: $options.onAppendClick
-        }, {
-          default: withCtx(() => [
-            _hoisted_3
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_el_button, { onClick: $options.onCancelClick }, {
-          default: withCtx(() => [
-            _hoisted_4
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]),
-    default: withCtx(() => [
-      withDirectives((openBlock(), createBlock(_component_el_form, {
-        ref: "form",
-        model: $data.dataForm,
-        rules: $data.rules
-      }, {
+    };
+    const show = (files) => {
+      loading2.value = true;
+      fileList.value = files;
+      cryptoPro.exports.getUserCertificates().then((response2) => {
+        certs.value = _.chain(response2).map(formatCertInfo).filter((cert) => `${_.get(cert, "companyInn", "")}`.indexOf("\u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442") === -1).value();
+        visible.value = true;
+      }).catch((ex2) => {
+        ElMessage.error(getErrorMessage(ex2));
+      }).then(() => {
+        loading2.value = false;
+        nextTick(() => {
+          form2.value.resetFields();
+          form2.value.clearValidate(["file", "thumbprint"]);
+        });
+      });
+    };
+    const hide2 = () => visible.value = false;
+    const onAppendClick = () => {
+      form2.value.validate((isFormValid) => {
+        if (isFormValid) {
+          hide2();
+          const certInfo = _.find(validCerts.value, ["thumbprint", dataForm.thumbprint]);
+          if (certInfo == null) {
+            ElMessage.error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u043E \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043A\u0430\u0442\u0435.");
+          } else {
+            emit("cert-selected", {
+              file: dataForm.file,
+              cert: {
+                thumbprint: certInfo.thumbprint,
+                validTo: certInfo.validTo,
+                validFrom: certInfo.validFrom
+              }
+            });
+          }
+        }
+      });
+    };
+    const onCancelClick = () => hide2();
+    expose({ form: form2, show });
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_form = ElForm;
+      const _component_el_button = ElButton;
+      const _component_el_dialog = ElDialog;
+      const _directive_loading = ElLoadingDirective;
+      return openBlock(), createBlock(_component_el_dialog, mergeProps({ "custom-class": "sell-plus-dialog-sm select-cert-dialog" }, _ctx.$attrs, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+        "close-on-press-escape": false,
+        "show-close": false,
+        "close-on-click-modal": false,
+        "append-to-body": true
+      }), {
+        title: withCtx(() => [
+          _hoisted_1
+        ]),
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: _cache[2] || (_cache[2] = ($event) => onAppendClick(form2.value))
+            }, {
+              default: withCtx(() => [
+                _hoisted_3
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_button, { onClick: onCancelClick }, {
+              default: withCtx(() => [
+                _hoisted_4
+              ]),
+              _: 1
+            })
+          ])
+        ]),
         default: withCtx(() => [
-          createVNode(_component_el_form_item, { prop: "file" }, {
+          withDirectives((openBlock(), createBlock(_component_el_form, {
+            ref_key: "form",
+            ref: form2,
+            model: unref(dataForm),
+            rules: unref(rules2)
+          }, {
             default: withCtx(() => [
-              createVNode(_component_el_select, {
-                style: { "width": "100%" },
-                modelValue: $data.dataForm.file,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.dataForm.file = $event),
-                placeholder: "\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E"
-              }, {
+              createVNode(_component_el_form_item, { prop: "file" }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.fileList, (file, idx) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      key: idx,
-                      label: file.name,
-                      value: file.externalId
-                    }, null, 8, ["label", "value"]);
-                  }), 128))
+                  createVNode(_component_el_select, {
+                    style: { "width": "100%" },
+                    modelValue: unref(dataForm).file,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(dataForm).file = $event),
+                    placeholder: "\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file, idx) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: idx,
+                          label: file.name,
+                          value: file.externalId
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_form_item, { prop: "thumbprint" }, {
-            default: withCtx(() => [
-              createVNode(_component_el_select, {
-                style: { "width": "100%" },
-                modelValue: $data.dataForm.thumbprint,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.dataForm.thumbprint = $event),
-                placeholder: "\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E"
-              }, {
+              }),
+              createVNode(_component_el_form_item, { prop: "thumbprint" }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.validCerts, (cert, idx) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      key: idx,
-                      label: cert.text,
-                      value: cert.thumbprint
-                    }, null, 8, ["label", "value"]);
-                  }), 128))
+                  createVNode(_component_el_select, {
+                    style: { "width": "100%" },
+                    modelValue: unref(dataForm).thumbprint,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(dataForm).thumbprint = $event),
+                    placeholder: "\u041D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(validCerts), (cert, idx) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: idx,
+                          label: cert.text,
+                          value: cert.thumbprint
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])
+              })
             ]),
             _: 1
-          })
+          }, 8, ["model", "rules"])), [
+            [_directive_loading, loading2.value]
+          ])
         ]),
         _: 1
-      }, 8, ["model", "rules"])), [
-        [_directive_loading, $data.loading]
-      ])
-    ]),
-    _: 1
-  }, 16, ["modelValue"]);
-}
-var PlCertDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      }, 16, ["modelValue"]);
+    };
+  }
+});
 const PlCertDialogPlugin = {
   install(app) {
-    app.component("PlCertDialog", PlCertDialog);
+    app.component("PlCertDialog", _sfc_main);
   }
 };
 const TestKitPlugin = {
@@ -29446,4 +29909,4 @@ const TestKitPlugin = {
     (_e = PlCertDialogPlugin.install) == null ? void 0 : _e.call(PlCertDialogPlugin, app);
   }
 };
-export { PlButton, PlButtonPlugin, PlCertDialog, PlCertDialogPlugin, _sfc_main$4 as PlCurrency, PlCurrencyPlugin, _sfc_main$1 as PlDatePickerRange, PlDatePickerRangePlugin, _sfc_main$3 as TestViteNpmComponent, TestViteNpmComponentPlugin, TestKitPlugin as default };
+export { PlButton, PlButtonPlugin, _sfc_main as PlCertDialog, PlCertDialogPlugin, _sfc_main$4 as PlCurrency, PlCurrencyPlugin, _sfc_main$1 as PlDatePickerRange, PlDatePickerRangePlugin, _sfc_main$3 as TestViteNpmComponent, TestViteNpmComponentPlugin, TestKitPlugin as default };