@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.2

package/packages/components/breadcrumb/index.js

@@ -1,75 +1,298 @@
-import '@das-fed/ui/packages/components/breadcrumb/style.css';
-import { withInstall as f } from "@das-fed/utils/with-install/index";
-import { defineComponent as _, openBlock as o, createElementBlock as n, createElementVNode as h, createBlock as v, unref as u, mergeProps as k, withCtx as i, renderSlot as l, createVNode as g, Fragment as b, renderList as w, normalizeClass as I, toDisplayString as $, createCommentVNode as y } from "vue";
-import { ElBreadcrumbItem as E, ElBreadcrumb as L } from "element-plus";
-import "element-plus/es/components/breadcrumb/style/css";
-import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
+import { withInstall as A } from "@das-fed/utils/with-install/index";
+import { defineComponent as v, openBlock as i, createElementBlock as b, createElementVNode as C, warn as H, getCurrentInstance as L, inject as T, ref as w, computed as q, unref as u, mergeProps as I, renderSlot as $, provide as Q, onMounted as X, normalizeClass as g, createBlock as N, withCtx as k, resolveDynamicComponent as Y, toDisplayString as F, createVNode as Z, Fragment as z, renderList as ee, createCommentVNode as te } from "vue";
+import "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-breadcrumb.css";
+import { setThemeRule as re } from "@das-fed/web/packages/theme/index";
+/**
+* @vue/shared v3.4.35
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+process.env.NODE_ENV !== "production" && Object.freeze({});
+process.env.NODE_ENV !== "production" && Object.freeze([]);
+const se = () => {
+}, ne = Object.prototype.hasOwnProperty, K = (e, r) => ne.call(e, r), O = (e) => typeof e == "string", x = (e) => e !== null && typeof e == "object";
+function oe(e) {
+  for (var r = -1, t = e == null ? 0 : e.length, o = {}; ++r < t; ) {
+    var s = e[r];
+    o[s[0]] = s[1];
+  }
+  return o;
+}
+const ae = (e) => e === void 0, ce = (e) => typeof e == "number", le = (e) => O(e) ? !Number.isNaN(Number(e)) : !1;
+class ue extends Error {
+  constructor(r) {
+    super(r), this.name = "ElementPlusError";
+  }
+}
+function ie(e, r) {
+  if (process.env.NODE_ENV !== "production") {
+    const t = O(e) ? new ue(`[${e}] ${r}`) : e;
+  }
+}
+const de = "utils/dom/style";
+function pe(e, r = "px") {
+  if (!e)
+    return "";
+  if (ce(e) || le(e))
+    return `${e}${r}`;
+  if (O(e))
+    return e;
+  ie(de, "binding value must be a string or number");
+}
 /*! Element Plus Icons Vue v2.3.1 */
-var D = /* @__PURE__ */ _({
+var me = /* @__PURE__ */ v({
   name: "ArrowRight",
   __name: "arrow-right",
-  setup(s) {
-    return (c, a) => (o(), n("svg", {
+  setup(e) {
+    return (r, t) => (i(), b("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      h("path", {
+      C("path", {
         fill: "currentColor",
         d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
       })
     ]));
   }
-}), N = D;
-const V = /* @__PURE__ */ _({
+}), fe = me;
+const J = "__epPropKey", E = (e) => e, _e = (e) => x(e) && !!e[J], be = (e, r) => {
+  if (!x(e) || _e(e))
+    return e;
+  const { values: t, required: o, default: s, type: a, validator: m } = e, f = {
+    type: a,
+    required: !!o,
+    validator: t || m ? (h) => {
+      let p = !1, _ = [];
+      if (t && (_ = Array.from(t), K(e, "default") && _.push(s), p || (p = _.includes(h))), m && (p || (p = m(h))), !p && _.length > 0) {
+        const j = [...new Set(_)].map((D) => JSON.stringify(D)).join(", ");
+        H(`Invalid prop: validation failed${r ? ` for prop "${r}"` : ""}. Expected one of [${j}], got value ${JSON.stringify(h)}.`);
+      }
+      return p;
+    } : void 0,
+    [J]: !0
+  };
+  return K(e, "default") && (f.default = s), f;
+}, P = (e) => oe(Object.entries(e).map(([r, t]) => [
+  r,
+  be(t, r)
+])), ve = E([
+  String,
+  Object,
+  Function
+]), M = (e, r) => {
+  if (e.install = (t) => {
+    for (const o of [e, ...Object.values(r ?? {})])
+      t.component(o.name, o);
+  }, r)
+    for (const [t, o] of Object.entries(r))
+      e[t] = o;
+  return e;
+}, ye = (e) => (e.install = se, e), B = "el", $e = "is-", y = (e, r, t, o, s) => {
+  let a = `${e}-${r}`;
+  return t && (a += `-${t}`), o && (a += `__${o}`), s && (a += `--${s}`), a;
+}, he = Symbol("namespaceContextKey"), ge = (e) => {
+  const r = L() ? T(he, w(B)) : w(B);
+  return q(() => u(r) || B);
+}, V = (e, r) => {
+  const t = ge();
+  return {
+    namespace: t,
+    b: (n = "") => y(t.value, e, n, "", ""),
+    e: (n) => n ? y(t.value, e, "", n, "") : "",
+    m: (n) => n ? y(t.value, e, "", "", n) : "",
+    be: (n, c) => n && c ? y(t.value, e, n, c, "") : "",
+    em: (n, c) => n && c ? y(t.value, e, "", n, c) : "",
+    bm: (n, c) => n && c ? y(t.value, e, n, "", c) : "",
+    bem: (n, c, d) => n && c && d ? y(t.value, e, n, c, d) : "",
+    is: (n, ...c) => {
+      const d = c.length >= 1 ? c[0] : !0;
+      return n && d ? `${$e}${n}` : "";
+    },
+    cssVar: (n) => {
+      const c = {};
+      for (const d in n)
+        n[d] && (c[`--${t.value}-${d}`] = n[d]);
+      return c;
+    },
+    cssVarName: (n) => `--${t.value}-${n}`,
+    cssVarBlock: (n) => {
+      const c = {};
+      for (const d in n)
+        n[d] && (c[`--${t.value}-${e}-${d}`] = n[d]);
+      return c;
+    },
+    cssVarBlockName: (n) => `--${t.value}-${e}-${n}`
+  };
+};
+var S = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [o, s] of r)
+    t[o] = s;
+  return t;
+};
+const we = P({
+  size: {
+    type: E([Number, String])
+  },
+  color: {
+    type: String
+  }
+}), Ne = v({
+  name: "ElIcon",
+  inheritAttrs: !1
+}), ke = /* @__PURE__ */ v({
+  ...Ne,
+  props: we,
+  setup(e) {
+    const r = e, t = V("icon"), o = q(() => {
+      const { size: s, color: a } = r;
+      return !s && !a ? {} : {
+        fontSize: ae(s) ? void 0 : pe(s),
+        "--color": a
+      };
+    });
+    return (s, a) => (i(), b("i", I({
+      class: u(t).b(),
+      style: u(o)
+    }, s.$attrs), [
+      $(s.$slots, "default")
+    ], 16));
+  }
+});
+var Be = /* @__PURE__ */ S(ke, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
+const Ce = M(Be), R = Symbol("breadcrumbKey"), Ie = P({
+  separator: {
+    type: String,
+    default: "/"
+  },
+  separatorIcon: {
+    type: ve
+  }
+}), Oe = v({
+  name: "ElBreadcrumb"
+}), Ee = /* @__PURE__ */ v({
+  ...Oe,
+  props: Ie,
+  setup(e) {
+    const r = e, t = V("breadcrumb"), o = w();
+    return Q(R, r), X(() => {
+      const s = o.value.querySelectorAll(`.${t.e("item")}`);
+      s.length && s[s.length - 1].setAttribute("aria-current", "page");
+    }), (s, a) => (i(), b("div", {
+      ref_key: "breadcrumb",
+      ref: o,
+      class: g(u(t).b()),
+      "aria-label": "Breadcrumb",
+      role: "navigation"
+    }, [
+      $(s.$slots, "default")
+    ], 2));
+  }
+});
+var Pe = /* @__PURE__ */ S(Ee, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb.vue"]]);
+const Ve = P({
+  to: {
+    type: E([String, Object]),
+    default: ""
+  },
+  replace: {
+    type: Boolean,
+    default: !1
+  }
+}), Se = v({
+  name: "ElBreadcrumbItem"
+}), je = /* @__PURE__ */ v({
+  ...Se,
+  props: Ve,
+  setup(e) {
+    const r = e, t = L(), o = T(R, void 0), s = V("breadcrumb"), a = t.appContext.config.globalProperties.$router, m = w(), l = () => {
+      !r.to || !a || (r.replace ? a.replace(r.to) : a.push(r.to));
+    };
+    return (f, h) => {
+      var p, _;
+      return i(), b("span", {
+        class: g(u(s).e("item"))
+      }, [
+        C("span", {
+          ref_key: "link",
+          ref: m,
+          class: g([u(s).e("inner"), u(s).is("link", !!f.to)]),
+          role: "link",
+          onClick: l
+        }, [
+          $(f.$slots, "default")
+        ], 2),
+        (p = u(o)) != null && p.separatorIcon ? (i(), N(u(Ce), {
+          key: 0,
+          class: g(u(s).e("separator"))
+        }, {
+          default: k(() => [
+            (i(), N(Y(u(o).separatorIcon)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (i(), b("span", {
+          key: 1,
+          class: g(u(s).e("separator")),
+          role: "presentation"
+        }, F((_ = u(o)) == null ? void 0 : _.separator), 3))
+      ], 2);
+    };
+  }
+});
+var U = /* @__PURE__ */ S(je, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
+const De = M(Pe, {
+  BreadcrumbItem: U
+}), ze = ye(U), Ke = /* @__PURE__ */ v({
   __name: "BreadCrumbItem",
   emits: ["click"],
-  setup(s, { emit: c }) {
-    const a = c, d = (t) => {
-      a("click", t);
+  setup(e, { emit: r }) {
+    const t = r, o = (s) => {
+      t("click", s);
     };
-    return (t, r) => (o(), v(u(E), k(t.$attrs, {
-      onClick: d,
+    return (s, a) => (i(), N(u(ze), I(s.$attrs, {
+      onClick: o,
       class: "das-breadcrumb-item"
     }), {
-      default: i(() => [
-        l(t.$slots, "default", {}, void 0, !0)
+      default: k(() => [
+        $(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), C = (s, c) => {
-  const a = s.__vccOpts || s;
-  for (const [d, t] of c)
-    a[d] = t;
-  return a;
-}, B = /* @__PURE__ */ C(V, [["__scopeId", "data-v-a456c833"]]), z = { class: "das-breadcrumb" }, F = { class: "das-breadcrumb-item-overflow" }, R = { key: 1 }, A = /* @__PURE__ */ _({
+}), G = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [o, s] of r)
+    t[o] = s;
+  return t;
+}, W = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-a456c833"]]), Ae = { class: "das-breadcrumb" }, Le = { class: "das-breadcrumb-item-overflow" }, Te = { key: 1 }, qe = /* @__PURE__ */ v({
   __name: "BreadCrumb",
   props: {
     separatorIcon: {},
     data: {}
   },
   emits: ["click-item"],
-  setup(s, { emit: c }) {
-    const a = s, d = c, t = (r, m) => {
-      r.disabled || d("click-item", r, m);
+  setup(e, { emit: r }) {
+    const t = e, o = r, s = (a, m) => {
+      a.disabled || o("click-item", a, m);
     };
-    return (r, m) => (o(), n("div", z, [
-      l(r.$slots, "left", {}, void 0, !0),
-      g(u(L), k(r.$attrs, {
-        "separator-icon": a.separatorIcon || u(N)
+    return (a, m) => (i(), b("div", Ae, [
+      $(a.$slots, "left", {}, void 0, !0),
+      Z(u(De), I(a.$attrs, {
+        "separator-icon": t.separatorIcon || u(fe)
       }), {
-        default: i(() => [
-          (o(!0), n(b, null, w(r.data, (e, p) => (o(), n(b, { key: p }, [
-            e.hidden ? y("", !0) : (o(), v(B, {
+        default: k(() => [
+          (i(!0), b(z, null, ee(a.data, (l, f) => (i(), b(z, { key: f }, [
+            l.hidden ? te("", !0) : (i(), N(W, {
               key: 0,
-              class: I([e != null && e.disabled ? "das-breadcrumb-item-disabled" : ""]),
-              to: e == null ? void 0 : e.to,
-              replace: e == null ? void 0 : e.replace,
-              onClick: (P) => t(e, p)
+              class: g([l != null && l.disabled ? "das-breadcrumb-item-disabled" : ""]),
+              to: l == null ? void 0 : l.to,
+              replace: l == null ? void 0 : l.replace,
+              onClick: (h) => s(l, f)
             }, {
-              default: i(() => [
-                h("div", F, [
-                  e.contentSlot ? l(r.$slots, e.contentSlot, { key: 0 }, void 0, !0) : (o(), n("span", R, $(e.name), 1))
+              default: k(() => [
+                C("div", Le, [
+                  l.contentSlot ? $(a.$slots, l.contentSlot, { key: 0 }, void 0, !0) : (i(), b("span", Te, F(l.name), 1))
                 ])
               ]),
               _: 2
@@ -78,18 +301,18 @@ const V = /* @__PURE__ */ _({
         ]),
         _: 3
       }, 16, ["separator-icon"]),
-      l(r.$slots, "right", {}, void 0, !0)
+      $(a.$slots, "right", {}, void 0, !0)
     ]));
   }
-}), M = /* @__PURE__ */ C(A, [["__scopeId", "data-v-8bdef532"]]), O = {
+}), Fe = /* @__PURE__ */ G(qe, [["__scopeId", "data-v-8bdef532"]]), xe = {
   "--das-ui-breadcrumb-normal": "#666666",
   "--das-ui-breadcrumb-hover": "#5582F3",
   "--das-ui-breadcrumb-selected": "#212121 ",
   "--das-ui-breadcrumb-disabled": "#B2B2B2"
 };
-S(O);
-const H = f(M), J = f(B);
+re(xe);
+const He = A(Fe), Qe = A(W);
 export {
-  H as DasBreadCrumb,
-  J as DasBreadCrumbItem
+  He as DasBreadCrumb,
+  Qe as DasBreadCrumbItem
 };