ra-element 0.1.3 → 0.1.4

package/lib/ra-element.es.js

@@ -9409,12 +9409,12 @@ const QM = fe({
     default: !0
   },
   ...kn(["ariaLabel"])
-}), e4 = Ny, t4 = H({
+}), ex = Ny, tx = H({
   name: "ElRadioGroup"
-}), n4 = /* @__PURE__ */ H({
-  ...t4,
+}), nx = /* @__PURE__ */ H({
+  ...tx,
   props: QM,
-  emits: e4,
+  emits: ex,
   setup(e, { emit: t }) {
     const n = e, o = ce("radio"), a = gn(), r = x(), { formItem: s } = _n(), { inputId: i, isLabeledByFormItem: u } = co(n, {
       formItemContext: s
@@ -9445,17 +9445,17 @@ const QM = fe({
     ], 10, ["id", "aria-label", "aria-labelledby"]));
   }
 });
-var Ry = /* @__PURE__ */ pe(n4, [["__file", "radio-group.vue"]]);
+var Ry = /* @__PURE__ */ pe(nx, [["__file", "radio-group.vue"]]);
 const Yd = je(GM, {
   RadioButton: xy,
   RadioGroup: Ry
 }), Py = Kt(Ry), Ay = Kt(xy);
-function o4(e) {
+function ox(e) {
   return !!(Se(e) ? e.every(({
     type: t
   }) => t === ja) : e?.type === ja);
 }
-var a4 = H({
+var ax = H({
   name: "NodeContent",
   props: {
     node: {
@@ -9476,17 +9476,17 @@ var a4 = H({
         node: o,
         data: a
       });
-      return o4(i) ? r : i ?? r;
+      return ox(i) ? r : i ?? r;
     };
     return () => Y("span", {
       class: t.e("label")
     }, [s()]);
   }
 });
-const Ud = Symbol(), l4 = H({
+const Ud = Symbol(), lx = H({
   name: "ElCascaderNode"
-}), r4 = /* @__PURE__ */ H({
-  ...l4,
+}), rx = /* @__PURE__ */ H({
+  ...lx,
   props: {
     node: {
       type: Object,
@@ -9578,7 +9578,7 @@ const Ud = Symbol(), l4 = H({
         ]),
         _: 1
       }, 8, ["class"])) : J("v-if", !0),
-      Y(l(a4), {
+      Y(l(ax), {
         "render-label-fn": l(o).renderLabelFn,
         node: e.node
       }, null, 8, ["render-label-fn", "node"]),
@@ -9605,11 +9605,11 @@ const Ud = Symbol(), l4 = H({
     ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"]));
   }
 });
-var s4 = /* @__PURE__ */ pe(r4, [["__file", "node.vue"]]);
-const i4 = H({
+var sx = /* @__PURE__ */ pe(rx, [["__file", "node.vue"]]);
+const ix = H({
   name: "ElCascaderMenu"
-}), u4 = /* @__PURE__ */ H({
-  ...i4,
+}), ux = /* @__PURE__ */ H({
+  ...ix,
   props: {
     nodes: {
       type: Array,
@@ -9653,7 +9653,7 @@ const i4 = H({
       default: W(() => {
         var b;
         return [
-          (E(!0), D(Ee, null, et(e.nodes, (w) => (E(), ne(s4, {
+          (E(!0), D(Ee, null, et(e.nodes, (w) => (E(), ne(sx, {
             key: w.uid,
             node: w,
             "menu-id": l(h),
@@ -9694,9 +9694,9 @@ const i4 = H({
     }, 8, ["class", "wrap-class", "view-class"]));
   }
 });
-var c4 = /* @__PURE__ */ pe(u4, [["__file", "menu.vue"]]);
-let d4 = 0;
-const f4 = (e) => {
+var cx = /* @__PURE__ */ pe(ux, [["__file", "menu.vue"]]);
+let dx = 0;
+const fx = (e) => {
   const t = [e];
   let { parent: n } = e;
   for (; n; )
@@ -9705,8 +9705,8 @@ const f4 = (e) => {
 };
 let ic = class uc {
   constructor(t, n, o, a = !1) {
-    this.data = t, this.config = n, this.parent = o, this.root = a, this.uid = d4++, this.checked = !1, this.indeterminate = !1, this.loading = !1;
-    const { value: r, label: s, children: i } = n, u = t[i], c = f4(this);
+    this.data = t, this.config = n, this.parent = o, this.root = a, this.uid = dx++, this.checked = !1, this.indeterminate = !1, this.loading = !1;
+    const { value: r, label: s, children: i } = n, u = t[i], c = fx(this);
     this.level = a ? 0 : o ? o.level + 1 : 1, this.value = t[r], this.label = t[s], this.pathNodes = c, this.pathValues = c.map((d) => d.value), this.pathLabels = c.map((d) => d.label), this.childrenData = u, this.children = (u || []).map((d) => new uc(d, n, this)), this.loaded = !n.lazy || this.isLeaf || !Xn(u), this.text = "";
   }
   get isDisabled() {
@@ -9804,7 +9804,7 @@ const Ly = fe({
     type: X(Object),
     default: () => ({})
   }
-}), p4 = {
+}), px = {
   expandTrigger: "click",
   multiple: !1,
   checkStrictly: !1,
@@ -9817,7 +9817,7 @@ const Ly = fe({
   leaf: "leaf",
   disabled: "disabled",
   hoverThreshold: 500
-}, v4 = fe({
+}, vx = fe({
   ...Ly,
   border: {
     type: Boolean,
@@ -9826,41 +9826,41 @@ const Ly = fe({
   renderLabel: {
     type: Function
   }
-}), Lv = (e) => !0, h4 = {
+}), Lv = (e) => !0, hx = {
   [He]: Lv,
   [st]: Lv,
   close: () => !0,
   "expand-change": (e) => e
-}, m4 = (e) => C(() => ({
-  ...p4,
+}, mx = (e) => C(() => ({
+  ...px,
   ...e.props
 })), Dv = (e) => {
   if (!e)
     return 0;
   const t = e.id.split("-");
   return Number(t[t.length - 2]);
-}, g4 = (e) => {
+}, gx = (e) => {
   if (!e)
     return;
   const t = e.querySelector("input");
   t ? t.click() : xg(e) && e.click();
-}, y4 = (e, t) => {
+}, yx = (e, t) => {
   const n = t.slice(0), o = n.map((r) => r.uid), a = e.reduce((r, s) => {
     const i = o.indexOf(s.uid);
     return i > -1 && (r.push(s), n.splice(i, 1), o.splice(i, 1)), r;
   }, []);
   return a.push(...n), a;
-}, Bv = (e) => [...new Set(e)], An = (e) => !e && e !== 0 ? [] : Se(e) ? e : [e], b4 = H({
+}, Bv = (e) => [...new Set(e)], An = (e) => !e && e !== 0 ? [] : Se(e) ? e : [e], bx = H({
   name: "ElCascaderPanel",
   inheritAttrs: !1
-}), w4 = /* @__PURE__ */ H({
-  ...b4,
-  props: v4,
-  emits: h4,
+}), wx = /* @__PURE__ */ H({
+  ...bx,
+  props: vx,
+  emits: hx,
   setup(e, { expose: t, emit: n }) {
     const o = e;
     let a = !1;
-    const r = ce("cascader"), s = m4(o), i = Jt();
+    const r = ce("cascader"), s = mx(o), i = Jt();
     let u;
     const c = x(!0), d = x([]), f = x(), h = x([]), p = x(), m = x([]), v = C(() => s.value.expandTrigger === "hover"), g = C(() => o.renderLabel || i.default), y = () => {
       const { options: B } = o, L = s.value;
@@ -9891,7 +9891,7 @@ const Ly = fe({
     }, M = () => {
       m.value.forEach((B) => B.doCheck(!1)), I(), h.value = h.value.slice(0, 1), p.value = void 0, n("expand-change", []);
     }, I = () => {
-      const { checkStrictly: B, multiple: L } = s.value, N = m.value, F = T(!B), A = y4(N, F), V = A.map((q) => q.valueByOption);
+      const { checkStrictly: B, multiple: L } = s.value, N = m.value, F = T(!B), A = yx(N, F), V = A.map((q) => q.valueByOption);
       m.value = A, f.value = L ? V : V[0];
     }, $ = (B = !1, L = !1) => {
       const { modelValue: N } = o, { lazy: F, multiple: A, checkStrictly: V } = s.value, q = !V;
@@ -9940,7 +9940,7 @@ const Ly = fe({
         }
         case we.enter:
         case we.numpadEnter:
-          g4(L);
+          gx(L);
           break;
       }
     };
@@ -9980,7 +9980,7 @@ const Ly = fe({
       class: O([l(r).b("panel"), l(r).is("bordered", B.border)]),
       onKeydown: K
     }, [
-      (E(!0), D(Ee, null, et(h.value, (N, F) => (E(), ne(c4, {
+      (E(!0), D(Ee, null, et(h.value, (N, F) => (E(), ne(cx, {
         key: F,
         ref_for: !0,
         ref: (A) => d.value[F] = A,
@@ -9995,8 +9995,8 @@ const Ly = fe({
     ], 34));
   }
 });
-var C4 = /* @__PURE__ */ pe(w4, [["__file", "index.vue"]]);
-const Dy = je(C4), Xo = fe({
+var Cx = /* @__PURE__ */ pe(wx, [["__file", "index.vue"]]);
+const Dy = je(Cx), Xo = fe({
   type: {
     type: String,
     values: ["primary", "success", "info", "warning", "danger"],
@@ -10016,15 +10016,15 @@ const Dy = je(C4), Xo = fe({
     default: "light"
   },
   round: Boolean
-}), S4 = {
+}), Sx = {
   close: (e) => e instanceof MouseEvent,
   click: (e) => e instanceof MouseEvent
-}, k4 = H({
+}, kx = H({
   name: "ElTag"
-}), _4 = /* @__PURE__ */ H({
-  ...k4,
+}), _x = /* @__PURE__ */ H({
+  ...kx,
   props: Xo,
-  emits: S4,
+  emits: Sx,
   setup(e, { emit: t }) {
     const n = e, o = tn(), a = ce("tag"), r = C(() => {
       const { type: c, hit: d, effect: f, closable: h, round: p } = n;
@@ -10099,8 +10099,8 @@ const Dy = je(C4), Xo = fe({
     }, 8, ["name"]));
   }
 });
-var E4 = /* @__PURE__ */ pe(_4, [["__file", "tag.vue"]]);
-const Dl = je(E4), $4 = fe({
+var Ex = /* @__PURE__ */ pe(_x, [["__file", "tag.vue"]]);
+const Dl = je(Ex), $x = fe({
   ...Ly,
   size: an,
   placeholder: String,
@@ -10164,7 +10164,7 @@ const Dl = je(E4), $4 = fe({
     default: !0
   },
   ...tl
-}), Vv = (e) => !0, T4 = {
+}), Vv = (e) => !0, Tx = {
   [He]: Vv,
   [st]: Vv,
   focus: (e) => e instanceof FocusEvent,
@@ -10210,12 +10210,12 @@ const Zo = {
   unmounted(e) {
     da.delete(e);
   }
-}, O4 = "ElCascader", N4 = H({
-  name: O4
-}), I4 = /* @__PURE__ */ H({
-  ...N4,
-  props: $4,
-  emits: T4,
+}, Ox = "ElCascader", Nx = H({
+  name: Ox
+}), Ix = /* @__PURE__ */ H({
+  ...Nx,
+  props: $x,
+  emits: Tx,
   setup(e, { expose: t, emit: n }) {
     const o = e, a = {
       modifiers: [
@@ -10643,8 +10643,8 @@ const Zo = {
     }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "persistent"]));
   }
 });
-var M4 = /* @__PURE__ */ pe(I4, [["__file", "cascader.vue"]]);
-const x4 = je(M4), R4 = fe({
+var Mx = /* @__PURE__ */ pe(Ix, [["__file", "cascader.vue"]]);
+const xx = je(Mx), Rx = fe({
   checked: Boolean,
   disabled: Boolean,
   type: {
@@ -10652,15 +10652,15 @@ const x4 = je(M4), R4 = fe({
     values: ["primary", "success", "info", "warning", "danger"],
     default: "primary"
   }
-}), P4 = {
+}), Px = {
   "update:checked": (e) => Tt(e),
   [st]: (e) => Tt(e)
-}, A4 = H({
+}, Ax = H({
   name: "ElCheckTag"
-}), L4 = /* @__PURE__ */ H({
-  ...A4,
-  props: R4,
-  emits: P4,
+}), Lx = /* @__PURE__ */ H({
+  ...Ax,
+  props: Rx,
+  emits: Px,
   setup(e, { emit: t }) {
     const n = e, o = ce("check-tag"), a = C(() => n.disabled), r = C(() => [
       o.b(),
@@ -10681,8 +10681,8 @@ const x4 = je(M4), R4 = fe({
     ], 2));
   }
 });
-var D4 = /* @__PURE__ */ pe(L4, [["__file", "check-tag.vue"]]);
-const B4 = je(D4), V4 = fe({
+var Dx = /* @__PURE__ */ pe(Lx, [["__file", "check-tag.vue"]]);
+const Bx = je(Dx), Vx = fe({
   tag: {
     type: String,
     default: "div"
@@ -10723,11 +10723,11 @@ const B4 = je(D4), V4 = fe({
     type: X([Number, Object]),
     default: () => zt({})
   }
-}), By = Symbol("rowContextKey"), F4 = H({
+}), By = Symbol("rowContextKey"), Fx = H({
   name: "ElCol"
-}), z4 = /* @__PURE__ */ H({
-  ...F4,
-  props: V4,
+}), zx = /* @__PURE__ */ H({
+  ...Fx,
+  props: Vx,
   setup(e) {
     const t = e, { gutter: n } = Ce(By, { gutter: C(() => 0) }), o = ce("col"), a = C(() => {
       const s = {};
@@ -10754,8 +10754,8 @@ const B4 = je(D4), V4 = fe({
     }, 8, ["class", "style"]));
   }
 });
-var H4 = /* @__PURE__ */ pe(z4, [["__file", "col.vue"]]);
-const K4 = je(H4), zv = (e) => Ie(e) || De(e) || Se(e), W4 = fe({
+var Hx = /* @__PURE__ */ pe(zx, [["__file", "col.vue"]]);
+const Kx = je(Hx), zv = (e) => Ie(e) || De(e) || Se(e), Wx = fe({
   accordion: Boolean,
   modelValue: {
     type: X([Array, String, Number]),
@@ -10768,10 +10768,10 @@ const K4 = je(H4), zv = (e) => Ie(e) || De(e) || Se(e), W4 = fe({
   beforeCollapse: {
     type: X(Function)
   }
-}), j4 = {
+}), jx = {
   [He]: zv,
   [st]: zv
-}, Vy = Symbol("collapseContextKey"), Hv = "ElCollapse", Y4 = (e, t) => {
+}, Vy = Symbol("collapseContextKey"), Hv = "ElCollapse", Yx = (e, t) => {
   const n = x(pn(e.modelValue)), o = (s) => {
     n.value = s;
     const i = e.accordion ? n.value[0] : n.value;
@@ -10806,7 +10806,7 @@ const K4 = je(H4), zv = (e) => Ie(e) || De(e) || Se(e), W4 = fe({
     activeNames: n,
     setActiveNames: o
   };
-}, U4 = (e) => {
+}, Ux = (e) => {
   const t = ce("collapse");
   return {
     rootKls: C(() => [
@@ -10814,14 +10814,14 @@ const K4 = je(H4), zv = (e) => Ie(e) || De(e) || Se(e), W4 = fe({
       t.b(`icon-position-${e.expandIconPosition}`)
     ])
   };
-}, q4 = H({
+}, qx = H({
   name: "ElCollapse"
-}), G4 = /* @__PURE__ */ H({
-  ...q4,
-  props: W4,
-  emits: j4,
+}), Gx = /* @__PURE__ */ H({
+  ...qx,
+  props: Wx,
+  emits: jx,
   setup(e, { expose: t, emit: n }) {
-    const o = e, { activeNames: a, setActiveNames: r } = Y4(o, n), { rootKls: s } = U4(o);
+    const o = e, { activeNames: a, setActiveNames: r } = Yx(o, n), { rootKls: s } = Ux(o);
     return t({
       activeNames: a,
       setActiveNames: r
@@ -10832,11 +10832,11 @@ const K4 = je(H4), zv = (e) => Ie(e) || De(e) || Se(e), W4 = fe({
     ], 2));
   }
 });
-var X4 = /* @__PURE__ */ pe(G4, [["__file", "collapse.vue"]]);
-const Z4 = H({
+var Xx = /* @__PURE__ */ pe(Gx, [["__file", "collapse.vue"]]);
+const Zx = H({
   name: "ElCollapseTransition"
-}), J4 = /* @__PURE__ */ H({
-  ...Z4,
+}), Jx = /* @__PURE__ */ H({
+  ...Zx,
   setup(e) {
     const t = ce("collapse-transition"), n = (a) => {
       a.style.maxHeight = "", a.style.overflow = a.dataset.oldOverflow, a.style.paddingTop = a.dataset.oldPaddingTop, a.style.paddingBottom = a.dataset.oldPaddingBottom;
@@ -10878,8 +10878,8 @@ const Z4 = H({
     }, 16, ["name"]));
   }
 });
-var Q4 = /* @__PURE__ */ pe(J4, [["__file", "collapse-transition.vue"]]);
-const tu = je(Q4), ex = fe({
+var Qx = /* @__PURE__ */ pe(Jx, [["__file", "collapse-transition.vue"]]);
+const tu = je(Qx), e4 = fe({
   title: {
     type: String,
     default: ""
@@ -10893,7 +10893,7 @@ const tu = je(Q4), ex = fe({
     default: In
   },
   disabled: Boolean
-}), tx = (e) => {
+}), t4 = (e) => {
   const t = Ce(Vy), { namespace: n } = ce("collapse"), o = x(!1), a = x(!1), r = Md(), s = C(() => r.current++), i = C(() => {
     var h;
     return (h = e.name) != null ? h : `${n.value}-id-${r.prefix}-${l(s)}`;
@@ -10918,7 +10918,7 @@ const tu = je(Q4), ex = fe({
       p?.closest("input, textarea, select") || (h.preventDefault(), t?.handleItemClick(l(i)));
     }
   };
-}, nx = (e, { focusing: t, isActive: n, id: o }) => {
+}, n4 = (e, { focusing: t, isActive: n, id: o }) => {
   const a = ce("collapse"), r = C(() => [
     a.b("item"),
     a.is("active", l(n)),
@@ -10941,11 +10941,11 @@ const tu = je(Q4), ex = fe({
     scopedContentId: f,
     scopedHeadId: h
   };
-}, ox = H({
+}, o4 = H({
   name: "ElCollapseItem"
-}), ax = /* @__PURE__ */ H({
-  ...ox,
-  props: ex,
+}), a4 = /* @__PURE__ */ H({
+  ...o4,
+  props: e4,
   setup(e, { expose: t }) {
     const n = e, {
       focusing: o,
@@ -10954,7 +10954,7 @@ const tu = je(Q4), ex = fe({
       handleFocus: s,
       handleHeaderClick: i,
       handleEnterClick: u
-    } = tx(n), {
+    } = t4(n), {
       arrowKls: c,
       headKls: d,
       rootKls: f,
@@ -10963,7 +10963,7 @@ const tu = je(Q4), ex = fe({
       itemContentKls: m,
       scopedContentId: v,
       scopedHeadId: g
-    } = nx(n, { focusing: o, isActive: r, id: a });
+    } = n4(n, { focusing: o, isActive: r, id: a });
     return t({
       isActive: r
     }), (y, S) => (E(), D("div", {
@@ -11023,10 +11023,10 @@ const tu = je(Q4), ex = fe({
     ], 2));
   }
 });
-var Fy = /* @__PURE__ */ pe(ax, [["__file", "collapse-item.vue"]]);
-const zy = je(X4, {
+var Fy = /* @__PURE__ */ pe(a4, [["__file", "collapse-item.vue"]]);
+const zy = je(Xx, {
   CollapseItem: Fy
-}), Hy = Kt(Fy), lx = fe({
+}), Hy = Kt(Fy), l4 = fe({
   color: {
     type: X(Object),
     required: !0
@@ -11052,7 +11052,7 @@ function Mr(e, t) {
   };
   e.addEventListener("mousedown", a), e.addEventListener("touchstart", a, { passive: !1 });
 }
-const rx = (e, t) => {
+const r4 = (e, t) => {
   if (!vt || !e || !t)
     return !1;
   const n = e.getBoundingClientRect();
@@ -11074,7 +11074,7 @@ const rx = (e, t) => {
     clientX: t,
     clientY: n
   };
-}, sx = (e) => {
+}, s4 = (e) => {
   const t = at(), { t: n } = gt(), o = Dt(), a = Dt(), r = C(() => e.color.get("alpha")), s = C(() => n("el.colorpicker.alphaLabel"));
   function i(f) {
     var h;
@@ -11118,7 +11118,7 @@ const rx = (e, t) => {
     handleClick: i,
     handleKeydown: c
   };
-}, ix = (e, {
+}, i4 = (e, {
   bar: t,
   thumb: n,
   handleDrag: o
@@ -11167,11 +11167,11 @@ const rx = (e, t) => {
     top: Wt(i.value)
   }));
   return { rootKls: p, barKls: m, barStyle: g, thumbKls: v, thumbStyle: y, update: h };
-}, ux = "ElColorAlphaSlider", cx = H({
-  name: ux
-}), dx = /* @__PURE__ */ H({
-  ...cx,
-  props: lx,
+}, u4 = "ElColorAlphaSlider", c4 = H({
+  name: u4
+}), d4 = /* @__PURE__ */ H({
+  ...c4,
+  props: l4,
   setup(e, { expose: t }) {
     const n = e, {
       alpha: o,
@@ -11181,7 +11181,7 @@ const rx = (e, t) => {
       handleDrag: i,
       handleClick: u,
       handleKeydown: c
-    } = sx(n), { rootKls: d, barKls: f, barStyle: h, thumbKls: p, thumbStyle: m, update: v } = ix(n, {
+    } = s4(n), { rootKls: d, barKls: f, barStyle: h, thumbKls: p, thumbStyle: m, update: v } = i4(n, {
       bar: r,
       thumb: s,
       handleDrag: i
@@ -11217,8 +11217,8 @@ const rx = (e, t) => {
     ], 2));
   }
 });
-var fx = /* @__PURE__ */ pe(dx, [["__file", "alpha-slider.vue"]]);
-const px = H({
+var f4 = /* @__PURE__ */ pe(d4, [["__file", "alpha-slider.vue"]]);
+const p4 = H({
   name: "ElColorHueSlider",
   props: {
     color: {
@@ -11294,7 +11294,7 @@ const px = H({
     };
   }
 });
-function vx(e, t, n, o, a, r) {
+function v4(e, t, n, o, a, r) {
   return E(), D("div", {
     class: O([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
@@ -11313,8 +11313,8 @@ function vx(e, t, n, o, a, r) {
     }, null, 6)
   ], 2);
 }
-var hx = /* @__PURE__ */ pe(px, [["render", vx], ["__file", "hue-slider.vue"]]);
-const mx = fe({
+var h4 = /* @__PURE__ */ pe(p4, [["render", v4], ["__file", "hue-slider.vue"]]);
+const m4 = fe({
   modelValue: {
     type: X(String),
     default: void 0
@@ -11342,7 +11342,7 @@ const mx = fe({
   },
   ...tl,
   ...kn(["ariaLabel"])
-}), gx = {
+}), g4 = {
   [He]: (e) => De(e) || en(e),
   [st]: (e) => De(e) || en(e),
   activeChange: (e) => De(e) || en(e),
@@ -11399,7 +11399,7 @@ class vi {
     }), this.value = this._isValid ? this._tiny.toString(i) : "";
   }
 }
-const yx = H({
+const y4 = H({
   props: {
     colors: {
       type: Array,
@@ -11444,7 +11444,7 @@ const yx = H({
     };
   }
 });
-function bx(e, t, n, o, a, r) {
+function b4(e, t, n, o, a, r) {
   return E(), D("div", {
     class: O(e.ns.b())
   }, [
@@ -11467,8 +11467,8 @@ function bx(e, t, n, o, a, r) {
     ], 2)
   ], 2);
 }
-var wx = /* @__PURE__ */ pe(yx, [["render", bx], ["__file", "predefine.vue"]]);
-const Cx = H({
+var w4 = /* @__PURE__ */ pe(y4, [["render", b4], ["__file", "predefine.vue"]]);
+const C4 = H({
   name: "ElSlPanel",
   props: {
     color: {
@@ -11515,7 +11515,7 @@ const Cx = H({
     };
   }
 });
-function Sx(e, t, n, o, a, r) {
+function S4(e, t, n, o, a, r) {
   return E(), D("div", {
     class: O(e.ns.b()),
     style: Oe({
@@ -11539,13 +11539,13 @@ function Sx(e, t, n, o, a, r) {
     ], 6)
   ], 6);
 }
-var kx = /* @__PURE__ */ pe(Cx, [["render", Sx], ["__file", "sv-panel.vue"]]);
-const _x = H({
+var k4 = /* @__PURE__ */ pe(C4, [["render", S4], ["__file", "sv-panel.vue"]]);
+const _4 = H({
   name: "ElColorPicker"
-}), Ex = /* @__PURE__ */ H({
-  ..._x,
-  props: mx,
-  emits: gx,
+}), E4 = /* @__PURE__ */ H({
+  ..._4,
+  props: m4,
+  emits: g4,
   setup(e, { expose: t, emit: n }) {
     const o = e, { t: a } = gt(), r = ce("color"), { formItem: s } = _n(), i = tn(), u = En(), { valueOnClear: c, isEmptyValue: d } = es(o, null), { inputId: f, isLabeledByFormItem: h } = co(o, {
       formItemContext: s
@@ -11682,26 +11682,26 @@ const _x = H({
           z("div", {
             class: O(l(r).be("dropdown", "main-wrapper"))
           }, [
-            Y(hx, {
+            Y(h4, {
               ref_key: "hue",
               ref: p,
               class: "hue-slider",
               color: l(T),
               vertical: ""
             }, null, 8, ["color"]),
-            Y(kx, {
+            Y(k4, {
               ref_key: "sv",
               ref: m,
               color: l(T)
             }, null, 8, ["color"])
           ], 2),
-          oe.showAlpha ? (E(), ne(fx, {
+          oe.showAlpha ? (E(), ne(f4, {
             key: 0,
             ref_key: "alpha",
             ref: v,
             color: l(T)
           }, null, 8, ["color"])) : J("v-if", !0),
-          oe.predefine ? (E(), ne(wx, {
+          oe.predefine ? (E(), ne(w4, {
             key: 1,
             ref: "predefine",
             "enable-alpha": oe.showAlpha,
@@ -11810,8 +11810,8 @@ const _x = H({
     }, 8, ["visible", "popper-class", "teleported", "transition", "onHide"]));
   }
 });
-var $x = /* @__PURE__ */ pe(Ex, [["__file", "color-picker.vue"]]);
-const Tx = je($x), Ox = fe({
+var $4 = /* @__PURE__ */ pe(E4, [["__file", "color-picker.vue"]]);
+const T4 = je($4), O4 = fe({
   a11y: {
     type: Boolean,
     default: !0
@@ -11842,9 +11842,9 @@ const Tx = je($x), Ox = fe({
     default: "el"
   },
   ...tl
-}), Gn = {}, Nx = H({
+}), Gn = {}, N4 = H({
   name: "ElConfigProvider",
-  props: Ox,
+  props: O4,
   setup(e, { slots: t }) {
     const n = _d(e);
     return ie(() => e.message, (o) => {
@@ -11852,10 +11852,10 @@ const Tx = je($x), Ox = fe({
       Object.assign(Gn, (r = (a = n?.value) == null ? void 0 : a.message) != null ? r : {}, o ?? {});
     }, { immediate: !0, deep: !0 }), () => U(t, "default", { config: n?.value });
   }
-}), Ix = je(Nx), Mx = H({
+}), I4 = je(N4), M4 = H({
   name: "ElContainer"
-}), xx = /* @__PURE__ */ H({
-  ...Mx,
+}), x4 = /* @__PURE__ */ H({
+  ...M4,
   props: {
     direction: {
       type: String
@@ -11873,11 +11873,11 @@ const Tx = je($x), Ox = fe({
     ], 2));
   }
 });
-var Rx = /* @__PURE__ */ pe(xx, [["__file", "container.vue"]]);
-const Px = H({
+var R4 = /* @__PURE__ */ pe(x4, [["__file", "container.vue"]]);
+const P4 = H({
   name: "ElAside"
-}), Ax = /* @__PURE__ */ H({
-  ...Px,
+}), A4 = /* @__PURE__ */ H({
+  ...P4,
   props: {
     width: {
       type: String,
@@ -11894,11 +11894,11 @@ const Px = H({
     ], 6));
   }
 });
-var Wy = /* @__PURE__ */ pe(Ax, [["__file", "aside.vue"]]);
-const Lx = H({
+var Wy = /* @__PURE__ */ pe(A4, [["__file", "aside.vue"]]);
+const L4 = H({
   name: "ElFooter"
-}), Dx = /* @__PURE__ */ H({
-  ...Lx,
+}), D4 = /* @__PURE__ */ H({
+  ...L4,
   props: {
     height: {
       type: String,
@@ -11915,11 +11915,11 @@ const Lx = H({
     ], 6));
   }
 });
-var jy = /* @__PURE__ */ pe(Dx, [["__file", "footer.vue"]]);
-const Bx = H({
+var jy = /* @__PURE__ */ pe(D4, [["__file", "footer.vue"]]);
+const B4 = H({
   name: "ElHeader"
-}), Vx = /* @__PURE__ */ H({
-  ...Bx,
+}), V4 = /* @__PURE__ */ H({
+  ...B4,
   props: {
     height: {
       type: String,
@@ -11938,11 +11938,11 @@ const Bx = H({
     ], 6));
   }
 });
-var Yy = /* @__PURE__ */ pe(Vx, [["__file", "header.vue"]]);
-const Fx = H({
+var Yy = /* @__PURE__ */ pe(V4, [["__file", "header.vue"]]);
+const F4 = H({
   name: "ElMain"
-}), zx = /* @__PURE__ */ H({
-  ...Fx,
+}), z4 = /* @__PURE__ */ H({
+  ...F4,
   setup(e) {
     const t = ce("main");
     return (n, o) => (E(), D("main", {
@@ -11952,19 +11952,19 @@ const Fx = H({
     ], 2));
   }
 });
-var Uy = /* @__PURE__ */ pe(zx, [["__file", "main.vue"]]);
-const Hx = je(Rx, {
+var Uy = /* @__PURE__ */ pe(z4, [["__file", "main.vue"]]);
+const H4 = je(R4, {
   Aside: Wy,
   Footer: jy,
   Header: Yy,
   Main: Uy
-}), Kx = Kt(Wy), Wx = Kt(jy), jx = Kt(Yy), Yx = Kt(Uy);
-var Fs = { exports: {} }, Ux = Fs.exports, Wv;
-function qx() {
+}), K4 = Kt(Wy), W4 = Kt(jy), j4 = Kt(Yy), Y4 = Kt(Uy);
+var Fs = { exports: {} }, U4 = Fs.exports, Wv;
+function q4() {
   return Wv || (Wv = 1, function(e, t) {
     (function(n, o) {
       e.exports = o();
-    })(Ux, function() {
+    })(U4, function() {
       var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, o = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, a = /\d/, r = /\d\d/, s = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, u = {}, c = function(g) {
         return (g = +g) + (g > 68 ? 1900 : 2e3);
       }, d = function(g) {
@@ -12082,14 +12082,14 @@ function qx() {
     });
   }(Fs)), Fs.exports;
 }
-var Gx = qx();
-const Gd = /* @__PURE__ */ aa(Gx);
-var zs = { exports: {} }, Xx = zs.exports, jv;
-function Zx() {
+var G4 = q4();
+const Gd = /* @__PURE__ */ aa(G4);
+var zs = { exports: {} }, X4 = zs.exports, jv;
+function Z4() {
   return jv || (jv = 1, function(e, t) {
     (function(n, o) {
       e.exports = o();
-    })(Xx, function() {
+    })(X4, function() {
       return function(n, o) {
         var a = o.prototype, r = a.format;
         a.format = function(s) {
@@ -12134,8 +12134,8 @@ function Zx() {
     });
   }(zs)), zs.exports;
 }
-var Jx = Zx();
-const Qx = /* @__PURE__ */ aa(Jx);
+var J4 = Z4();
+const Q4 = /* @__PURE__ */ aa(J4);
 var Hs = { exports: {} }, eR = Hs.exports, Yv;
 function tR() {
   return Yv || (Yv = 1, function(e, t) {
@@ -15734,7 +15734,7 @@ const gP = function(e) {
   }
 };
 Fe.extend(gy);
-Fe.extend(Qx);
+Fe.extend(Q4);
 Fe.extend(Gd);
 Fe.extend(oR);
 Fe.extend(sR);
@@ -19409,7 +19409,7 @@ const Ob = je(K8), W8 = fe({
       f.value = !1, d.value = !0, n("error", N);
     }
     function I() {
-      rx(p.value, m.value) && (_(), P());
+      r4(p.value, m.value) && (_(), P());
     }
     const $ = lg(I, 200, !0);
     async function R() {
@@ -40117,23 +40117,23 @@ var fK = [
   vM,
   MM,
   xM,
-  x4,
+  xx,
   Dy,
-  B4,
+  Bx,
   Dn,
   Ty,
   jd,
-  K4,
+  Kx,
   zy,
   Hy,
   tu,
-  Tx,
-  Ix,
-  Hx,
-  Kx,
-  Wx,
-  jx,
-  Yx,
+  T4,
+  I4,
+  H4,
+  K4,
+  W4,
+  j4,
+  Y4,
   nb,
   OP,
   NP,
@@ -41920,101 +41920,104 @@ const s7 = /* @__PURE__ */ H({
     // @doc 可不传，会根据type自动生成快速选择器，如果传了按照传的来
     shortcuts: {
       type: Array
-    }
+    },
+    // @doc 样式属性，1为通用版基础默认样式，如果是传空走默认样式
+    cssStyle: { type: String, default: "1" }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = x(null), o = e, a = cm(e, "modelValue"), r = C(() => o.valueFormat ? o.valueFormat : ["year", "years"].includes(o.type) ? "YYYY" : ["month", "months"].includes(o.type) ? "MM" : ["datetime", "datetimerange"].includes(o.type) ? "YYYY-MM-DD HH:mm:ss" : ["monthrange"].includes(o.type) ? "YYYY-MM" : ["yearrange"].includes(o.type) ? "YYYY" : (["date", "dates", "daterange"].includes(o.type), "YYYY-MM-DD")), s = C(() => o.shortcuts ? o.shortcuts : ["daterange"].includes(o.type) ? [
+    const n = C(() => a.cssStyle === "1" ? "common-style" : ""), o = x(null), a = e, r = cm(e, "modelValue"), s = C(() => a.valueFormat ? a.valueFormat : ["year", "years"].includes(a.type) ? "YYYY" : ["month", "months"].includes(a.type) ? "MM" : ["datetime", "datetimerange"].includes(a.type) ? "YYYY-MM-DD HH:mm:ss" : ["monthrange"].includes(a.type) ? "YYYY-MM" : ["yearrange"].includes(a.type) ? "YYYY" : (["date", "dates", "daterange"].includes(a.type), "YYYY-MM-DD")), i = C(() => a.shortcuts ? a.shortcuts : ["daterange"].includes(a.type) ? [
       {
         text: "今年",
         value: () => {
-          const i = Fe().startOf("year").toDate(), u = Fe().toDate();
-          return [i, u];
+          const u = Fe().startOf("year").toDate(), c = Fe().toDate();
+          return [u, c];
         }
       },
       {
         text: "上月",
         value: () => {
-          const i = Fe().subtract(1, "month").startOf("month").toDate(), u = Fe().subtract(1, "month").endOf("month").toDate();
-          return [i, u];
+          const u = Fe().subtract(1, "month").startOf("month").toDate(), c = Fe().subtract(1, "month").endOf("month").toDate();
+          return [u, c];
         }
       },
       {
         text: "去年",
         value: () => {
-          const i = Fe().subtract(1, "year").startOf("year").toDate(), u = Fe().subtract(1, "year").endOf("year").toDate();
-          return [i, u];
+          const u = Fe().subtract(1, "year").startOf("year").toDate(), c = Fe().subtract(1, "year").endOf("year").toDate();
+          return [u, c];
         }
       },
       {
         text: "近三年",
         value: () => {
-          const i = Fe().subtract(3, "year").toDate(), u = Fe().toDate();
-          return [i, u];
+          const u = Fe().subtract(3, "year").toDate(), c = Fe().toDate();
+          return [u, c];
         }
       }
     ] : []);
     return t({
       // @doc 暴露原有组件的ref，可以通过这个属性获取原有组件暴露的方法或属性
-      component: n
-    }), (i, u) => {
-      const c = nb;
-      return E(), ne(c, Pe({
+      component: o
+    }), (u, c) => {
+      const d = nb;
+      return E(), ne(d, Pe({
+        class: ["base-wrap", n.value],
         ref_key: "componentRef",
-        ref: n
-      }, i.$attrs, {
-        shortcuts: s.value,
-        modelValue: a.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (d) => a.value = d),
-        onChange: u[1] || (u[1] = (d) => a.value = d),
-        valueFormat: r.value,
+        ref: o
+      }, u.$attrs, {
+        shortcuts: i.value,
+        modelValue: r.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (f) => r.value = f),
+        onChange: c[1] || (c[1] = (f) => r.value = f),
+        valueFormat: s.value,
         type: e.type,
         style: { width: "100%" }
       }), Zt({
         default: W(() => [
-          i.$slots.default ? U(i.$slots, "default", { key: 0 }) : J("", !0)
+          u.$slots.default ? U(u.$slots, "default", { key: 0 }) : J("", !0)
         ]),
         _: 2
       }, [
-        i.$slots["range-separator"] ? {
+        u.$slots["range-separator"] ? {
           name: "range-separator",
           fn: W(() => [
-            U(i.$slots, "range-separator")
+            U(u.$slots, "range-separator")
           ]),
           key: "0"
         } : void 0,
-        i.$slots["prev-month"] ? {
+        u.$slots["prev-month"] ? {
           name: "prev-month",
           fn: W(() => [
-            U(i.$slots, "prev-month")
+            U(u.$slots, "prev-month")
           ]),
           key: "1"
         } : void 0,
-        i.$slots["next-month"] ? {
+        u.$slots["next-month"] ? {
           name: "next-month",
           fn: W(() => [
-            U(i.$slots, "next-month")
+            U(u.$slots, "next-month")
           ]),
           key: "2"
         } : void 0,
-        i.$slots["prev-year"] ? {
+        u.$slots["prev-year"] ? {
           name: "prev-year",
           fn: W(() => [
-            U(i.$slots, "prev-year")
+            U(u.$slots, "prev-year")
           ]),
           key: "3"
         } : void 0,
-        i.$slots["next-year"] ? {
+        u.$slots["next-year"] ? {
           name: "next-year",
           fn: W(() => [
-            U(i.$slots, "next-year")
+            U(u.$slots, "next-year")
           ]),
           key: "4"
         } : void 0
-      ]), 1040, ["shortcuts", "modelValue", "valueFormat", "type"]);
+      ]), 1040, ["class", "shortcuts", "modelValue", "valueFormat", "type"]);
     };
   }
 }), Aw = /* @__PURE__ */ H({
@@ -42430,7 +42433,7 @@ const N7 = {
       return h.inline && (typeof h.inline == "number" ? (R.width = `calc(((100% - (${h.itemMarginRight} * ${h.inline - 1}px)) / ${h.inline}) * ${g.value[$]} + ${h.itemMarginRight} * ${g.value[$] - 1}px)`, y(g.value, $) % h.inline === 0 && (R["margin-right"] = "0")) : R.width = ""), R;
     }, b = C(() => kr(h.options).map(($) => ($.prop || ($.prop = Lw()), $))), w = ($ = !1) => {
       h.options.forEach((R) => {
-        $ ? ["multipleSelect", "dataRange", "checkbox", "multipleTreeSelect"].includes(R.formType) ? v.value[R.prop] = R.defaultValue_raw || [] : v.value[R.prop] = R.defaultValue_raw || "" : R.prop && (v.value[R.prop] === void 0 || v.value[R.prop] === null) && (["multipleSelect", "dataRange", "checkbox", "multipleTreeSelect"].includes(R.formType) ? v.value[R.prop] = R.defaultValue_raw || [] : v.value[R.prop] = R.defaultValue_raw || "");
+        $ ? ["multipleSelect", "dataRange", "dateTimeRange", "checkbox", "multipleTreeSelect"].includes(R.formType) ? v.value[R.prop] = R.defaultValue_raw || [] : v.value[R.prop] = R.defaultValue_raw || "" : R.prop && (v.value[R.prop] === void 0 || v.value[R.prop] === null) && (["multipleSelect", "dataRange", "dateTimeRange", "checkbox", "multipleTreeSelect"].includes(R.formType) ? v.value[R.prop] = R.defaultValue_raw || [] : v.value[R.prop] = R.defaultValue_raw || "");
       });
     }, k = ($) => f.value?.validate($), _ = () => f.value?.clearValidate(), T = () => f.value?.resetFields(), M = ($) => {
       v.value[$.key] = $.value.value;
@@ -42576,7 +42579,7 @@ const N7 = {
       }, 16, ["class", "model", "inline"]);
     };
   }
-}), M7 = /* @__PURE__ */ fo(I7, [["__scopeId", "data-v-450d756e"]]), x7 = ["innerHTML"], R7 = /* @__PURE__ */ H({
+}), M7 = /* @__PURE__ */ fo(I7, [["__scopeId", "data-v-0e3ded25"]]), x7 = ["innerHTML"], R7 = /* @__PURE__ */ H({
   name: "RaHelpTip",
   __name: "index",
   props: {