@das-fed/ui 7.0.7-dev.2 → 7.0.7-dev.3

package/packages/components/autocomplete/index.js

@@ -211,7 +211,7 @@ var ot = /* @__PURE__ */ function() {
     }
   }]), e;
 }();
-function Ie(e, t, i) {
+function _e(e, t, i) {
   var s = t.value;
   if (s && !(typeof IntersectionObserver > "u")) {
     var n = new ot(e, s, i);
@@ -223,22 +223,22 @@ function at(e, t, i) {
   if (!ze(s, n)) {
     var u = e._vue_visibilityState;
     if (!s) {
-      _e(e);
+      Ie(e);
       return;
     }
-    u ? u.createObserver(s, i) : Ie(e, {
+    u ? u.createObserver(s, i) : _e(e, {
       value: s
     }, i);
   }
 }
-function _e(e) {
+function Ie(e) {
   var t = e._vue_visibilityState;
   t && (t.destroyObserver(), delete e._vue_visibilityState);
 }
 var ut = {
-  beforeMount: Ie,
+  beforeMount: _e,
   updated: at,
-  unmounted: _e
+  unmounted: Ie
 }, dt = {
   itemsLimit: 1e3
 }, ct = /(auto|scroll)/;
@@ -502,11 +502,11 @@ var de = {
     },
     updateVisibleItems(e, t = !1) {
       const i = this.itemSize, s = this.gridItems || 1, n = this.itemSecondarySize || i, u = this.$_computedMinItemSize, c = this.typeField, f = this.simpleArray ? null : this.keyField, l = this.items, h = l.length, b = this.sizes, V = this.$_views, R = this.$_unusedViews, z = this.pool, W = this.itemIndexByKey;
-      let w, m, p, I, O;
+      let w, m, p, _, O;
       if (!h)
-        w = m = I = O = p = 0;
+        w = m = _ = O = p = 0;
       else if (this.$_prerender)
-        w = I = 0, m = O = Math.min(this.prerender, l.length), p = null;
+        w = _ = 0, m = O = Math.min(this.prerender, l.length), p = null;
       else {
         const a = this.getScroll();
         if (t) {
@@ -530,12 +530,12 @@ var de = {
             D = S, g = b[S].accumulator, g < a.start ? P = S : S < h - 1 && b[S + 1].accumulator > a.start && (L = S), S = ~~((P + L) / 2);
           while (S !== D);
           for (S < 0 && (S = 0), w = S, p = b[h - 1].accumulator, m = S; m < h && b[m].accumulator < a.end; m++) ;
-          for (m === -1 ? m = l.length - 1 : (m++, m > h && (m = h)), I = w; I < h && y + b[I].accumulator < a.start; I++) ;
-          for (O = I; O < h && y + b[O].accumulator < a.end; O++) ;
+          for (m === -1 ? m = l.length - 1 : (m++, m > h && (m = h)), _ = w; _ < h && y + b[_].accumulator < a.start; _++) ;
+          for (O = _; O < h && y + b[O].accumulator < a.end; O++) ;
         } else {
           w = ~~(a.start / i * s);
           const g = w % s;
-          w -= g, m = Math.ceil(a.end / i * s), I = Math.max(0, Math.floor((a.start - y) / i * s)), O = Math.floor((a.end - y) / i * s), w < 0 && (w = 0), m > h && (m = h), I < 0 && (I = 0), O > h && (O = h), p = Math.ceil(h / s) * i;
+          w -= g, m = Math.ceil(a.end / i * s), _ = Math.max(0, Math.floor((a.start - y) / i * s)), O = Math.floor((a.end - y) / i * s), w < 0 && (w = 0), m > h && (m = h), _ < 0 && (_ = 0), O > h && (O = h), p = Math.ceil(h / s) * i;
         }
       }
       m - w > dt.itemsLimit && this.itemsLimitError(), this.totalSize = p;
@@ -545,7 +545,7 @@ var de = {
         for (let a = 0, $ = z.length; a < $; a++)
           d = z[a], d.nr.used && (e && (d.nr.index = W[d.item[f]]), (d.nr.index == null || d.nr.index < w || d.nr.index >= m) && this.unuseView(d));
       const K = A ? null : /* @__PURE__ */ new Map();
-      let C, _, N;
+      let C, I, N;
       for (let a = w; a < m; a++) {
         C = l[a];
         const $ = f ? C[f] : C;
@@ -555,17 +555,17 @@ var de = {
           d && this.unuseView(d);
           continue;
         }
-        _ = C[c];
-        let y = R.get(_), g = !1;
+        I = C[c];
+        let y = R.get(I), g = !1;
         if (!d)
-          A ? y && y.length ? d = y.pop() : d = this.addView(z, a, C, $, _) : (N = K.get(_) || 0, (!y || N >= y.length) && (d = this.addView(z, a, C, $, _), this.unuseView(d, !0), y = R.get(_)), d = y[N], K.set(_, N + 1)), V.delete(d.nr.key), d.nr.used = !0, d.nr.index = a, d.nr.key = $, d.nr.type = _, V.set($, d), g = !0;
+          A ? y && y.length ? d = y.pop() : d = this.addView(z, a, C, $, I) : (N = K.get(I) || 0, (!y || N >= y.length) && (d = this.addView(z, a, C, $, I), this.unuseView(d, !0), y = R.get(I)), d = y[N], K.set(I, N + 1)), V.delete(d.nr.key), d.nr.used = !0, d.nr.index = a, d.nr.key = $, d.nr.type = I, V.set($, d), g = !0;
         else if (!d.nr.used && (d.nr.used = !0, g = !0, y)) {
           const P = y.indexOf(d);
           P !== -1 && y.splice(P, 1);
         }
         d.item = C, g && (a === l.length - 1 && this.$emit("scroll-end"), a === 0 && this.$emit("scroll-start")), i === null ? (d.position = b[a - 1].accumulator, d.offset = 0) : (d.position = Math.floor(a / s) * i, d.offset = a % s * n);
       }
-      return this.$_startIndex = w, this.$_endIndex = m, this.emitUpdate && this.$emit("update", w, m, I, O), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
+      return this.$_startIndex = w, this.$_endIndex = m, this.emitUpdate && this.$emit("update", w, m, _, O), clearTimeout(this.$_sortTimer), this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300), {
         continuous: A
       };
     },
@@ -725,10 +725,10 @@ function wt(e, t, i, s, n, u) {
 }
 de.render = wt;
 de.__file = "src/components/RecycleScroller.vue";
-const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
+const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = {
   key: 1,
   class: "input-text-content"
-}, _t = /* @__PURE__ */ Ae({
+}, It = /* @__PURE__ */ Ae({
   __name: "index",
   props: {
     mode: { default: "tree" },
@@ -763,7 +763,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
     );
     const c = x(null);
     function f() {
-      _.value = !1;
+      I.value = !1;
     }
     function l() {
       document.documentElement.click();
@@ -785,7 +785,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
           s.showFullPath ? p.value = r.pathName || "" : p.value = r.name || "";
           return;
         }
-        let o = I.value.treeRef.getNode(r), T = [o.data[s.fieldNames.label] || ""];
+        let o = _.value.treeRef.getNode(r), T = [o.data[s.fieldNames.label] || ""];
         if (s.showFullPath)
           for (; o.parent && o.parent.data[s.fieldNames.label]; )
             o = o.parent, T.unshift(o.data[s.fieldNames.label]);
@@ -803,7 +803,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
         r && l();
       }
     );
-    const p = Q(s, "modelValue"), I = x(null), O = (r) => {
+    const p = Q(s, "modelValue"), _ = x(null), O = (r) => {
       N.value = a(), L().then((o) => {
         C(o), ue(() => {
           var T, v, H;
@@ -814,7 +814,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
       r = r.replace(/^\s+|\s+$/g, ""), i("change", r);
     }, A = () => {
       z.value = "", N.value = a(), setTimeout(() => {
-        _.value = !0;
+        I.value = !0;
       });
     }, K = () => {
       if (s.showFullPath) {
@@ -823,8 +823,8 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
       } else
         z.value = p.value || "";
     }, C = (r) => {
-      r.length > 0 ? (_.value = !m.value && !0, S.value = r) : _.value = !1;
-    }, _ = x(!1), N = x(!1), a = () => p.value.length > 0, $ = () => {
+      r.length > 0 ? (I.value = !m.value && !0, S.value = r) : I.value = !1;
+    }, I = x(!1), N = x(!1), a = () => p.value.length > 0, $ = () => {
       N.value = a(), l(), ke(), L().then((r) => {
         C(r);
       });
@@ -891,16 +891,16 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
           ie(T, {
             ref_key: "domPopover",
             ref: W,
-            visible: _.value,
-            placement: e.placement,
+            visible: I.value,
+            placement: r.placement,
             width: fe.value,
             "popper-class": "autocomplete-popover",
             "show-arrow": !1,
-            offset: e.offset,
-            "popper-options": e.popperOptions
+            offset: r.offset,
+            "popper-options": r.popperOptions
           }, {
             reference: B(() => [
-              e.showInputDom ? (k(), E("div", {
+              r.showInputDom ? (k(), E("div", {
                 key: 0,
                 class: "slot-component-box",
                 onClick: me($, ["stop"])
@@ -928,7 +928,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
                     ])
                   }))
                 ]), 1040, ["modelValue", "size", "width", "isView"])
-              ])) : F((k(), E("div", It, [
+              ])) : F((k(), E("div", _t, [
                 pe(
                   ve(M(p)),
                   1
@@ -943,7 +943,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
                 "div",
                 {
                   class: "autocomplete-select-box",
-                  style: se(`max-height: ${32 * e.maxCount}px;`),
+                  style: se(`max-height: ${32 * r.maxCount}px;`),
                   onClick: o[2] || (o[2] = me(() => {
                   }, ["stop"]))
                 },
@@ -952,7 +952,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
                     key: S.value.length,
                     items: S.value,
                     "item-size": 32,
-                    "key-field": e.fieldNames.value || e.fieldNames.label,
+                    "key-field": r.fieldNames.value || r.fieldNames.label,
                     class: "virtual-list"
                   }, {
                     default: B(({ item: v, index: H }) => [
@@ -960,13 +960,13 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
                         onClick: (Ve) => y(v),
                         class: ee([
                           "select-label",
-                          { "current-select-label": v[e.fieldNames.label] === z.value },
+                          { "current-select-label": v[r.fieldNames.label] === z.value },
                           { "is-disabled": v.disabled }
                         ])
                       }, [
                         F((k(), E("span", zt, [
                           pe(
-                            ve(v[e.fieldNames.label]),
+                            ve(v[r.fieldNames.label]),
                             1
                             /* TEXT */
                           )
@@ -986,12 +986,12 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
                     filterMode: "input",
                     "node-key": n.value,
                     ref_key: "treeRef",
-                    ref: I,
+                    ref: _,
                     "is-ellipsis": "",
                     data: s.options,
                     showFilterInput: !1
-                  }, e.treeOptions, {
-                    props: { ...e.fieldNames },
+                  }, r.treeOptions, {
+                    props: { ...r.fieldNames },
                     modelValue: z.value,
                     "onUpdate:modelValue": o[0] || (o[0] = (v) => z.value = v),
                     path: u.value,
@@ -1021,7 +1021,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
   for (const [s, n] of t)
     i[s] = n;
   return i;
-}, kt = /* @__PURE__ */ $t(_t, [["__scopeId", "data-v-dc63a23d"]]), Lt = () => x(null), Dt = je(kt);
+}, kt = /* @__PURE__ */ $t(It, [["__scopeId", "data-v-dc63a23d"]]), Lt = () => x(null), Dt = je(kt);
 export {
   Dt as DasAutocomplete,
   Lt as DasAutocompleteRef,

package/packages/components/autocomplete/style.css

@@ -1 +1 @@
-.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.el-popover.el-popper.autocomplete-popover .das-ui-text-context,.el-popover.el-popper.autocomplete-popover .tree-normal-node{font-size:14px!important}.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.autocomplete-popover .autocomplete-select-box[data-v-dc63a23d]{margin:-4px -12px}.autocomplete-popover .autocomplete-select-box .virtual-list[data-v-dc63a23d]{height:100%}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]{height:32px;padding:0 12px;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;color:#000000d9;font-size:14px}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]:hover{background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]:hover:not(.is-disabled){background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label.is-active[data-v-dc63a23d]:not(.is-disabled),.autocomplete-popover .autocomplete-select-box .select-label.is-current[data-v-dc63a23d]:not(.is-disabled){background-color:#e3ebff}.autocomplete-popover .autocomplete-select-box .select-label.is-active:not(.is-disabled) .das-ui-text-context[data-v-dc63a23d],.autocomplete-popover .autocomplete-select-box .select-label.is-current:not(.is-disabled) .das-ui-text-context[data-v-dc63a23d]{color:#5582f3}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled[data-v-dc63a23d]{cursor:not-allowed}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled .das-ui-text-context[data-v-dc63a23d]{color:#b2b2b2!important}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-dc63a23d]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-dc63a23d]:hover{background-color:#f2f6ff}
+.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.el-popover.el-popper.autocomplete-popover .das-ui-text-context,.el-popover.el-popper.autocomplete-popover .tree-normal-node{font-size:14px!important}.autocomplete-popover .autocomplete-select-box[data-v-dc63a23d]{margin:-4px -12px}.autocomplete-popover .autocomplete-select-box .virtual-list[data-v-dc63a23d]{height:100%}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]{height:32px;padding:0 12px;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;color:#000000d9;font-size:14px}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]:hover{background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label[data-v-dc63a23d]:hover:not(.is-disabled){background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label.is-active[data-v-dc63a23d]:not(.is-disabled),.autocomplete-popover .autocomplete-select-box .select-label.is-current[data-v-dc63a23d]:not(.is-disabled){background-color:#e3ebff}.autocomplete-popover .autocomplete-select-box .select-label.is-active:not(.is-disabled) .das-ui-text-context[data-v-dc63a23d],.autocomplete-popover .autocomplete-select-box .select-label.is-current:not(.is-disabled) .das-ui-text-context[data-v-dc63a23d]{color:#5582f3}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled[data-v-dc63a23d]{cursor:not-allowed}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled .das-ui-text-context[data-v-dc63a23d]{color:#b2b2b2!important}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-dc63a23d]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-dc63a23d]:hover{background-color:#f2f6ff}

package/packages/components/breadcrumb/index.js

@@ -1,42 +1,42 @@
 import '@das-fed/ui/packages/components/breadcrumb/style.css';
-import { withInstall as h } from "@das-fed/utils/with-install/index";
-import { defineComponent as p, createElementBlock as n, openBlock as s, createElementVNode as v, createBlock as k, unref as l, mergeProps as C, withCtx as m, renderSlot as i, createVNode as w, Fragment as b, renderList as I, createCommentVNode as f, normalizeClass as $, withDirectives as y, createTextVNode as D, toDisplayString as E } from "vue";
+import { withInstall as v } from "@das-fed/utils/with-install/index";
+import { defineComponent as _, createElementBlock as n, openBlock as o, createElementVNode as h, createBlock as k, unref as l, mergeProps as C, withCtx as m, renderSlot as u, createVNode as w, Fragment as b, renderList as I, createCommentVNode as f, normalizeClass as $, withDirectives as y, createTextVNode as D, toDisplayString as E } from "vue";
 import { vDasTooltip as L } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { ElBreadcrumbItem as N, ElBreadcrumb as S } from "element-plus";
 import "element-plus/es/components/breadcrumb/style/css";
 import { setThemeRule as V } from "@das-fed/web/packages/theme/index";
-/*! Element Plus Icons Vue v2.3.2 */
-var T = /* @__PURE__ */ p({
+/*! Element Plus Icons Vue v2.3.1 */
+var T = /* @__PURE__ */ _({
   name: "ArrowRight",
   __name: "arrow-right",
-  setup(o) {
-    return (c, r) => (s(), n("svg", {
+  setup(s) {
+    return (c, t) => (o(), n("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      v("path", {
+      h("path", {
         fill: "currentColor",
-        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 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"
+        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"
       })
     ]));
   }
 }), z = T;
-const F = /* @__PURE__ */ p({
+const F = /* @__PURE__ */ _({
   __name: "BreadCrumbItem",
   emits: ["click"],
-  setup(o, { emit: c }) {
-    const r = c, d = (t) => {
-      r("click", t);
+  setup(s, { emit: c }) {
+    const t = c, d = (a) => {
+      t("click", a);
     };
-    return (t, a) => (s(), k(
+    return (a, r) => (o(), k(
       l(N),
-      C(t.$attrs, {
+      C(a.$attrs, {
         onClick: d,
         class: "das-breadcrumb-item"
       }),
       {
         default: m(() => [
-          i(t.$slots, "default", {}, void 0, !0)
+          u(a.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
         /* FORWARDED */
@@ -45,46 +45,46 @@ const F = /* @__PURE__ */ p({
       /* FULL_PROPS */
     ));
   }
-}), B = (o, c) => {
-  const r = o.__vccOpts || o;
-  for (const [d, t] of c)
-    r[d] = t;
-  return r;
-}, g = /* @__PURE__ */ B(F, [["__scopeId", "data-v-36708bdf"]]), R = { class: "das-breadcrumb" }, x = { class: "das-breadcrumb-item-overflow" }, A = { key: 1 }, M = /* @__PURE__ */ p({
+}), B = (s, c) => {
+  const t = s.__vccOpts || s;
+  for (const [d, a] of c)
+    t[d] = a;
+  return t;
+}, g = /* @__PURE__ */ B(F, [["__scopeId", "data-v-36708bdf"]]), R = { class: "das-breadcrumb" }, A = { class: "das-breadcrumb-item-overflow" }, M = { key: 1 }, O = /* @__PURE__ */ _({
   __name: "BreadCrumb",
   props: {
     separatorIcon: {},
     data: { default: () => [] }
   },
   emits: ["click-item"],
-  setup(o, { emit: c }) {
-    const r = o, d = c, t = (a, u) => {
-      a.disabled || u === r.data.length - 1 || d("click-item", a, u);
+  setup(s, { emit: c }) {
+    const t = s, d = c, a = (r, i) => {
+      r.disabled || i === t.data.length - 1 || d("click-item", r, i);
     };
-    return (a, u) => (s(), n("div", R, [
-      i(a.$slots, "left", {}, void 0, !0),
-      w(l(S), C(a.$attrs, {
-        "separator-icon": r.separatorIcon || l(z)
+    return (r, i) => (o(), n("div", R, [
+      u(r.$slots, "left", {}, void 0, !0),
+      w(l(S), C(r.$attrs, {
+        "separator-icon": t.separatorIcon || l(z)
       }), {
         default: m(() => [
-          (s(!0), n(
+          (o(!0), n(
             b,
             null,
-            I(o.data, (e, _) => (s(), n(
+            I(r.data, (e, p) => (o(), n(
               b,
-              { key: _ },
+              { key: p },
               [
-                e.hidden ? f("v-if", !0) : (s(), k(g, {
+                e.hidden ? f("v-if", !0) : (o(), k(g, {
                   key: 0,
                   class: $([e != null && e.disabled ? "das-breadcrumb-item-disabled" : ""]),
                   to: e == null ? void 0 : e.to,
                   replace: e == null ? void 0 : e.replace,
-                  onClick: (j) => t(e, _)
+                  onClick: (q) => a(e, p)
                 }, {
                   default: m(() => [
-                    v("div", x, [
+                    h("div", A, [
                       f(" @slot  自定义显示内容"),
-                      e.contentSlot ? i(a.$slots, e.contentSlot, { key: 0 }, void 0, !0) : y((s(), n("div", A, [
+                      e.contentSlot ? u(r.$slots, e.contentSlot, { key: 0 }, void 0, !0) : y((o(), n("div", M, [
                         D(
                           E(e.name),
                           1
@@ -109,17 +109,17 @@ const F = /* @__PURE__ */ p({
         _: 3
         /* FORWARDED */
       }, 16, ["separator-icon"]),
-      i(a.$slots, "right", {}, void 0, !0)
+      u(r.$slots, "right", {}, void 0, !0)
     ]));
   }
-}), O = /* @__PURE__ */ B(M, [["__scopeId", "data-v-69af6d27"]]), P = {
+}), P = /* @__PURE__ */ B(O, [["__scopeId", "data-v-69af6d27"]]), j = {
   "--das-ui-breadcrumb-normal": "#666666",
   "--das-ui-breadcrumb-hover": "#5582F3",
   "--das-ui-breadcrumb-selected": "#212121 ",
   "--das-ui-breadcrumb-disabled": "#B2B2B2"
 };
-V(P);
-const U = h(O), W = h(g);
+V(j);
+const U = v(P), W = v(g);
 export {
   U as DasBreadCrumb,
   W as DasBreadCrumbItem