@dazhicheng/ui 1.6.79 → 1.6.81

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as ne, useTemplateRef as q, ref as m, computed as v, watch as M, nextTick as U, createElementBlock as p, openBlock as s, normalizeClass as n, createElementVNode as k, createCommentVNode as z, createVNode as h, createBlock as I, unref as i, withKeys as ie, withCtx as d, createTextVNode as S, normalizeStyle as P, Fragment as H, renderList as V, toDisplayString as E } from "vue";
+import { defineComponent as ne, useTemplateRef as U, ref as w, computed as m, watch as M, nextTick as z, createElementBlock as d, openBlock as n, normalizeClass as s, createElementVNode as y, createCommentVNode as I, createVNode as h, createBlock as P, unref as i, withKeys as ie, withCtx as c, createTextVNode as $, normalizeStyle as H, Fragment as V, renderList as E, toDisplayString as F } from "vue";
 import { TtButton as ue } from "../../../tt-button/index.js";
-import { TtText as $ } from "../../../tt-text/index.js";
+import { TtText as S } from "../../../tt-text/index.js";
 import { Search as de } from "@element-plus/icons-vue";
 import { useResizeObserver as ce } from "@vueuse/core";
-import { ElInput as fe, ElIcon as pe, ElCheckbox as F, ElScrollbar as he } from "element-plus";
+import { ElInput as fe, ElIcon as pe, ElCheckbox as D, ElScrollbar as he } from "element-plus";
 import { DEFAULT_PANEL_SELECT_SEPARATORS as ve, splitPanelSelectText as me } from "../common.js";
-const we = ["data-virtual-index", "data-flash-seed"], Y = 2, $e = /* @__PURE__ */ ne({
+const we = ["data-virtual-index", "data-flash-seed"], Y = 2, Se = /* @__PURE__ */ ne({
   name: "PanelMiddle",
   __name: "PanelMiddle",
   props: {
@@ -31,26 +31,26 @@ const we = ["data-virtual-index", "data-flash-seed"], Y = 2, $e = /* @__PURE__ *
     middlePlaceholder: {}
   },
   emits: ["update:keyword", "checkAll", "allCheck", "groupCheck", "optionCheck", "optionsCheck", "selectCreatedOptions"],
-  setup(t, { expose: W, emit: j }) {
-    const l = t, c = j, g = q("scrollbarRef"), x = q("searchInputRef"), J = m(), T = m(0), D = m(0), w = m(""), b = m(), G = m(0), R = m(!1);
+  setup(l, { expose: W, emit: j }) {
+    const t = l, f = j, g = U("scrollbarRef"), x = U("searchInputRef"), J = w(), T = w(0), G = w(0), C = w(""), b = w(), K = w(0), R = w(!1);
     let B;
-    const Q = v(() => l.rows.length * l.rowHeight), X = v(() => Math.max(1, Math.ceil(D.value / l.rowHeight))), y = v(() => Math.max(0, Math.floor(T.value / l.rowHeight) - Y)), Z = v(() => Math.min(l.rows.length, y.value + X.value + Y * 2)), _ = v(() => y.value * l.rowHeight), ee = v(() => l.rows.slice(y.value, Z.value)), le = v(() => {
+    const Q = m(() => t.rows.length * t.rowHeight), X = m(() => Math.max(1, Math.ceil(G.value / t.rowHeight))), k = m(() => Math.max(0, Math.floor(T.value / t.rowHeight) - Y)), Z = m(() => Math.min(t.rows.length, k.value + X.value + Y * 2)), _ = m(() => k.value * t.rowHeight), ee = m(() => t.rows.slice(k.value, Z.value)), le = m(() => {
       var e;
-      return ((e = l.rows[0]) == null ? void 0 : e.type) === "group";
-    }), te = v(
-      () => l.rows.filter((e) => e.type === "options").flatMap((e) => e.options).filter((e) => !e.disabled)
+      return ((e = t.rows[0]) == null ? void 0 : e.type) === "group";
+    }), te = m(
+      () => t.rows.filter((e) => e.type === "options").flatMap((e) => e.options).filter((e) => !e.disabled)
     );
     M(
-      () => l.keyword,
+      () => t.keyword,
       (e) => {
-        w.value = e;
+        C.value = e;
       },
       { immediate: !0 }
     );
     function A() {
       var a;
       const e = (a = g.value) == null ? void 0 : a.wrapRef;
-      e && (J.value = e, D.value = e.clientHeight, T.value = e.scrollTop);
+      e && (J.value = e, G.value = e.clientHeight, T.value = e.scrollTop);
     }
     ce(
       () => {
@@ -59,104 +59,104 @@ const we = ["data-virtual-index", "data-flash-seed"], Y = 2, $e = /* @__PURE__ *
       },
       () => A()
     );
-    function K() {
+    function L() {
       var a;
       const e = (a = g.value) == null ? void 0 : a.wrapRef;
       e && (T.value = e.scrollTop);
     }
     function ae(e) {
-      b.value = void 0, G.value += 1, requestAnimationFrame(() => {
+      b.value = void 0, K.value += 1, requestAnimationFrame(() => {
         b.value = e, B && clearTimeout(B), B = setTimeout(() => {
           b.value = void 0;
         }, 1400);
       });
     }
-    async function L(e) {
-      var f;
-      await U(), A();
-      const a = l.rows.findIndex((r) => r.type === "group" && r.group.value === e);
+    async function N(e) {
+      var p;
+      await z(), A();
+      const a = t.rows.findIndex((r) => r.type === "group" && r.group.value === e);
       if (a < 0) return;
-      const o = a * l.rowHeight;
-      (f = g.value) == null || f.setScrollTop(o), requestAnimationFrame(() => {
-        K(), ae(e);
+      const o = a * t.rowHeight;
+      (p = g.value) == null || p.setScrollTop(o), requestAnimationFrame(() => {
+        L(), ae(e);
       });
     }
     function oe(e) {
-      var N;
-      if (l.disabled)
+      var O;
+      if (t.disabled)
         return;
       e.preventDefault();
-      const a = ((N = e.clipboardData) == null ? void 0 : N.getData("text")) || "";
-      w.value = a.trim(), l.pasteSearch ? c("update:keyword", w.value) : (R.value = !0, requestAnimationFrame(() => {
+      const a = ((O = e.clipboardData) == null ? void 0 : O.getData("text")) || "";
+      C.value = a.trim(), t.pasteSearch ? f("update:keyword", C.value) : (R.value = !0, requestAnimationFrame(() => {
         R.value = !1;
       }));
-      const o = me(a, l.separator), f = () => {
+      const o = me(a, t.separator), p = () => {
         requestAnimationFrame(() => {
-          var O;
-          const u = (O = x.value) == null ? void 0 : O.input;
+          var q;
+          const u = (q = x.value) == null ? void 0 : q.input;
           u == null || u.focus(), u == null || u.select();
         });
       };
       if (!o.length) {
-        f();
+        p();
         return;
       }
-      const r = new Set(o), C = te.value.filter((u) => r.has(u.label) || r.has(String(u.value))).map((u) => u.value);
-      if (!C.length) {
-        f();
+      const r = new Set(o), v = te.value.filter((u) => r.has(u.label) || r.has(String(u.value))).map((u) => u.value);
+      if (!v.length) {
+        p();
         return;
       }
-      if (l.multiple) {
-        c("optionsCheck", C, !0), f();
+      if (t.multiple) {
+        f("optionsCheck", v, !0), p();
         return;
       }
-      c("optionCheck", C.at(-1), !0), f();
+      f("optionCheck", v.at(-1), !0), p();
     }
     function re(e) {
-      w.value = e, !R.value && c("update:keyword", e);
+      C.value = e, !R.value && f("update:keyword", e);
     }
     function se(e) {
       var a;
-      !l.allowCreate || l.disabled || e.isComposing || (a = x.value) != null && a.isComposing || (e.preventDefault(), e.stopPropagation(), c("update:keyword", w.value), c("selectCreatedOptions"));
+      !t.allowCreate || t.disabled || e.isComposing || (a = x.value) != null && a.isComposing || (e.preventDefault(), e.stopPropagation(), f("update:keyword", C.value), f("selectCreatedOptions"));
     }
     return M(
-      () => l.scrollToGroupValue,
+      () => t.scrollToGroupValue,
       async (e) => {
-        e !== void 0 && await L(e);
+        e !== void 0 && await N(e);
       },
       { flush: "post" }
     ), M(
-      () => l.rows.length,
+      () => t.rows.length,
       async () => {
-        await U(), A();
+        await z(), A();
       },
       { immediate: !0 }
     ), W({
-      scrollToGroup: L,
+      scrollToGroup: N,
       inputFocus: () => {
         var e, a;
         (a = (e = x.value) == null ? void 0 : e.focus) == null || a.call(e);
       }
-    }), (e, a) => (s(), p("div", {
-      class: n(`${t.prefixCls}__list`)
+    }), (e, a) => (n(), d("div", {
+      class: s(`${l.prefixCls}__list`)
     }, [
-      k("div", {
-        class: n(`${t.prefixCls}__toolbar`)
+      y("div", {
+        class: s(`${l.prefixCls}__toolbar`)
       }, [
         h(i(fe), {
           ref_key: "searchInputRef",
           ref: x,
-          "model-value": w.value,
-          class: n(`${t.prefixCls}__search`),
-          placeholder: l.allowCreate ? `${l.middlePlaceholder}(可创建)` : l.middlePlaceholder,
+          "model-value": C.value,
+          class: s(`${l.prefixCls}__search`),
+          placeholder: t.allowCreate ? `${t.middlePlaceholder}(可创建)` : t.middlePlaceholder,
           clearable: "",
           "onUpdate:modelValue": re,
           onPaste: oe,
           onKeydown: ie(se, ["enter"])
         }, {
-          prefix: d(() => [
+          prefix: c(() => [
             h(i(pe), null, {
-              default: d(() => [
+              default: c(() => [
                 h(i(de))
               ]),
               _: 1
@@ -164,122 +164,133 @@ const we = ["data-virtual-index", "data-flash-seed"], Y = 2, $e = /* @__PURE__ *
           ]),
           _: 1
         }, 8, ["model-value", "class", "placeholder"]),
-        t.multiple && t.showMultiple ? (s(), I(i(ue), {
+        l.multiple && l.showMultiple ? (n(), P(i(ue), {
           key: 0,
-          disabled: t.disabled,
+          disabled: l.disabled,
           plain: "",
-          onClick: a[0] || (a[0] = () => c("checkAll", !0))
+          onClick: a[0] || (a[0] = () => f("checkAll", !0))
         }, {
-          default: d(() => [...a[2] || (a[2] = [
-            k("span", null, "全选", -1)
+          default: c(() => [...a[2] || (a[2] = [
+            y("span", null, "全选", -1)
           ])]),
           _: 1
-        }, 8, ["disabled"])) : z("", !0)
+        }, 8, ["disabled"])) : I("", !0)
       ], 2),
-      l.showAll ? (s(), p("div", {
+      t.showAll ? (n(), d("div", {
         key: 0,
-        class: n([`${t.prefixCls}__panel-head`, le.value ? "is-standalone" : ""])
+        class: s([`${l.prefixCls}__panel-head`, le.value ? "is-standalone" : ""])
       }, [
-        h(i(F), {
-          disabled: t.disabled,
-          "model-value": l.allChecked,
-          onChange: a[1] || (a[1] = (o) => c("allCheck", !!o))
+        h(i(D), {
+          disabled: l.disabled,
+          "model-value": t.allChecked,
+          onChange: a[1] || (a[1] = (o) => f("allCheck", !!o))
         }, {
-          default: d(() => [
-            h(i($), null, {
-              default: d(() => [...a[3] || (a[3] = [
-                S("全部", -1)
+          default: c(() => [
+            h(i(S), null, {
+              default: c(() => [...a[3] || (a[3] = [
+                $("全部", -1)
               ])]),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["disabled", "model-value"])
-      ], 2)) : z("", !0),
-      k("div", {
-        class: n(`${t.prefixCls}__checkbox-group`)
+      ], 2)) : I("", !0),
+      y("div", {
+        class: s(`${l.prefixCls}__checkbox-group`)
       }, [
         h(i(he), {
           ref_key: "scrollbarRef",
           ref: g,
-          class: n(`${t.prefixCls}__middle-scrollbar`),
-          onScroll: K
+          class: s(`${l.prefixCls}__middle-scrollbar`),
+          onScroll: L
         }, {
-          default: d(() => [
-            k("div", {
-              class: n(`${t.prefixCls}__middle-virtual-host`),
-              style: P({ height: `${Q.value}px` })
+          default: c(() => [
+            y("div", {
+              class: s(`${l.prefixCls}__middle-virtual-host`),
+              style: H({ height: `${Q.value}px` })
             }, [
-              k("div", {
-                style: P({ transform: `translateY(${_.value}px)` })
+              y("div", {
+                style: H({ transform: `translateY(${_.value}px)` })
               }, [
-                (s(!0), p(H, null, V(ee.value, (o, f) => (s(), p("div", {
+                (n(!0), d(V, null, E(ee.value, (o, p) => (n(), d("div", {
                   key: o.key,
-                  style: P({ height: `${t.rowHeight}px` }),
-                  class: n([
-                    `${t.prefixCls}__middle-row`,
-                    o.type === "group" ? `${t.prefixCls}__middle-group` : `${t.prefixCls}__middle-options`,
+                  style: H({ height: `${l.rowHeight}px` }),
+                  class: s([
+                    `${l.prefixCls}__middle-row`,
+                    o.type === "group" ? `${l.prefixCls}__middle-group` : `${l.prefixCls}__middle-options`,
                     o.type === "options" && o.isLast ? "is-last" : "",
-                    o.type === "options" && y.value + f === 0 && !l.showAll ? "is-first" : "",
-                    b.value === o.group.value ? `${t.prefixCls}__group-flash` : ""
+                    o.type === "options" && k.value + p === 0 && !t.showAll ? "is-first" : "",
+                    b.value === o.group.value ? `${l.prefixCls}__group-flash` : ""
                   ]),
-                  "data-virtual-index": y.value + f,
-                  "data-flash-seed": G.value
+                  "data-virtual-index": k.value + p,
+                  "data-flash-seed": K.value
                 }, [
-                  o.type === "group" ? (s(), p("div", {
+                  o.type === "group" ? (n(), d("div", {
                     key: 0,
-                    class: n(`${t.prefixCls}__panel-head`)
+                    class: s(`${l.prefixCls}__panel-head`)
                   }, [
-                    l.multiple ? (s(), I(i(F), {
+                    t.multiple ? (n(), P(i(D), {
                       key: 0,
-                      "model-value": t.groupCheckedMap[String(o.group.value)],
-                      indeterminate: t.groupIndeterminateMap[String(o.group.value)],
-                      disabled: t.disabled,
-                      onChange: (r) => c("groupCheck", o.group.value, !!r)
+                      "model-value": l.groupCheckedMap[String(o.group.value)],
+                      indeterminate: l.groupIndeterminateMap[String(o.group.value)],
+                      disabled: l.disabled,
+                      onChange: (r) => f("groupCheck", o.group.value, !!r)
                     }, {
-                      default: d(() => [
-                        h(i($), null, {
-                          default: d(() => [
-                            S(E(o.group.label), 1)
+                      default: c(() => [
+                        h(i(S), null, {
+                          default: c(() => [
+                            $(F(o.group.label), 1)
                           ]),
                           _: 2
                         }, 1024)
                       ]),
                       _: 2
-                    }, 1032, ["model-value", "indeterminate", "disabled", "onChange"])) : (s(), I(i($), { key: 1 }, {
-                      default: d(() => [
-                        S(E(o.group.label), 1)
+                    }, 1032, ["model-value", "indeterminate", "disabled", "onChange"])) : (n(), P(i(S), { key: 1 }, {
+                      default: c(() => [
+                        $(F(o.group.label), 1)
                       ]),
                       _: 2
                     }, 1024))
-                  ], 2)) : (s(), p("div", {
+                  ], 2)) : (n(), d("div", {
                     key: 1,
-                    class: n(`${t.prefixCls}__option-row`)
+                    class: s(`${l.prefixCls}__option-row`)
                   }, [
-                    (s(!0), p(H, null, V(o.options, (r) => (s(), p("div", {
+                    (n(!0), d(V, null, E(o.options, (r) => (n(), d("div", {
                       key: r.value,
-                      class: n(`${t.prefixCls}__option-cell`)
+                      class: s(`${l.prefixCls}__option-cell`)
                     }, [
-                      h(i(F), {
-                        "model-value": l.selectedValueSet.has(r.value),
-                        disabled: t.disabled || r.disabled,
-                        class: n(`${t.prefixCls}__option`),
-                        onChange: (C) => c("optionCheck", r.value, !!C)
+                      h(i(D), {
+                        "model-value": t.selectedValueSet.has(r.value),
+                        disabled: l.disabled || r.disabled,
+                        class: s(`${l.prefixCls}__option`),
+                        onChange: (v) => f("optionCheck", r.value, !!v)
                       }, {
-                        default: d(() => [
-                          h(i($), { "tool-tip-line": 2 }, {
-                            default: d(() => [
-                              S(E(r.label), 1)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
+                        default: c(() => {
+                          var v;
+                          return [
+                            y("span", {
+                              class: s(`${l.prefixCls}__option-label`)
+                            }, [
+                              h(i(S), { "tool-tip-line": 2 }, {
+                                default: c(() => [
+                                  $(F(r.label), 1)
+                                ]),
+                                _: 2
+                              }, 1024),
+                              r.deleted === !0 || ((v = r.raw) == null ? void 0 : v.deleted) === !0 ? (n(), d("span", {
+                                key: 0,
+                                class: s(`${l.prefixCls}__deleted-mark`)
+                              }, " 删 ", 2)) : I("", !0)
+                            ], 2)
+                          ];
+                        }),
                         _: 2
                       }, 1032, ["model-value", "disabled", "class", "onChange"])
                     ], 2))), 128)),
-                    (s(!0), p(H, null, V(t.optionPerRow - o.options.length, (r) => (s(), p("div", {
+                    (n(!0), d(V, null, E(l.optionPerRow - o.options.length, (r) => (n(), d("div", {
                       key: `empty-${o.key}-${r}`,
-                      class: n(`${t.prefixCls}__option-cell`)
+                      class: s(`${l.prefixCls}__option-cell`)
                     }, null, 2))), 128))
                   ], 2))
                 ], 14, we))), 128))
@@ -293,5 +304,5 @@ const we = ["data-virtual-index", "data-flash-seed"], Y = 2, $e = /* @__PURE__ *
   }
 });
 export {
-  $e as default
+  Se as default
 };

package/dist/components/tt-panel-select/src/components/PanelRight.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as V, ref as p, computed as o, watch as H, nextTick as N, createElementBlock as d, openBlock as m, normalizeClass as n, createElementVNode as x, createVNode as i, unref as s, withCtx as h, createTextVNode as y, normalizeStyle as g, Fragment as I, renderList as A, createCommentVNode as P, toDisplayString as Y } from "vue";
-import $ from "../../../../assets/svg/close.svg.js";
-import { TtButton as _ } from "../../../tt-button/index.js";
-import { TtIcon as k } from "../../../tt-icon/index.js";
-import { TtText as D } from "../../../tt-text/index.js";
-import { useResizeObserver as F } from "@vueuse/core";
-import { ElScrollbar as L } from "element-plus";
-const r = 34, R = 8, X = /* @__PURE__ */ V({
+import { defineComponent as N, ref as x, computed as r, watch as I, nextTick as A, createElementBlock as n, openBlock as i, normalizeClass as a, createElementVNode as m, createVNode as c, unref as o, withCtx as h, createTextVNode as $, normalizeStyle as g, Fragment as P, renderList as Y, createCommentVNode as k, toDisplayString as _ } from "vue";
+import R from "../../../../assets/svg/close.svg.js";
+import { TtButton as D } from "../../../tt-button/index.js";
+import { TtIcon as T } from "../../../tt-icon/index.js";
+import { TtText as F } from "../../../tt-text/index.js";
+import { useResizeObserver as L } from "@vueuse/core";
+import { ElScrollbar as j } from "element-plus";
+const u = 34, O = 8, Z = /* @__PURE__ */ N({
   name: "PanelRight",
   __name: "PanelRight",
   props: {
@@ -15,92 +15,103 @@ const r = 34, R = 8, X = /* @__PURE__ */ V({
     disabled: { type: Boolean }
   },
   emits: ["clearAll", "remove"],
-  setup(t, { emit: T }) {
-    const c = t, C = T, u = p(), f = p(0), b = p(0), O = o(() => c.selectedOptions.length * r), S = o(() => Math.max(1, Math.ceil(b.value / r))), v = o(() => Math.max(0, Math.floor(f.value / r) - R)), z = o(
-      () => Math.min(c.selectedOptions.length, v.value + S.value + R * 2)
-    ), B = o(() => v.value * r), E = o(() => c.selectedOptions.slice(v.value, z.value));
+  setup(e, { emit: S }) {
+    const d = e, C = S, f = x(), v = x(0), b = x(0), z = r(() => d.selectedOptions.length * u), B = r(() => Math.max(1, Math.ceil(b.value / u))), p = r(() => Math.max(0, Math.floor(v.value / u) - O)), E = r(
+      () => Math.min(d.selectedOptions.length, p.value + B.value + O * 2)
+    ), M = r(() => p.value * u), V = r(() => d.selectedOptions.slice(p.value, E.value));
     function w() {
-      var l;
-      const e = (l = u.value) == null ? void 0 : l.wrapRef;
-      e && (b.value = e.clientHeight, f.value = e.scrollTop);
+      var t;
+      const l = (t = f.value) == null ? void 0 : t.wrapRef;
+      l && (b.value = l.clientHeight, v.value = l.scrollTop);
     }
-    function M() {
-      var l;
-      const e = (l = u.value) == null ? void 0 : l.wrapRef;
-      e && (f.value = e.scrollTop);
+    function H() {
+      var t;
+      const l = (t = f.value) == null ? void 0 : t.wrapRef;
+      l && (v.value = l.scrollTop);
     }
-    return H(
-      () => c.selectedOptions.length,
+    return I(
+      () => d.selectedOptions.length,
       async () => {
-        await N(), w();
+        await A(), w();
       },
       { immediate: !0 }
-    ), F(
+    ), L(
       () => {
-        var e;
-        return (e = u.value) == null ? void 0 : e.wrapRef;
+        var l;
+        return (l = f.value) == null ? void 0 : l.wrapRef;
       },
       () => w()
-    ), (e, l) => (m(), d("div", {
-      class: n(`${t.prefixCls}__right`)
+    ), (l, t) => (i(), n("div", {
+      class: a(`${e.prefixCls}__right`)
     }, [
-      x("div", {
-        class: n(`${t.prefixCls}__selected-actions`)
+      m("div", {
+        class: a(`${e.prefixCls}__selected-actions`)
       }, [
-        i(s(_), {
-          disabled: t.disabled,
+        c(o(D), {
+          disabled: e.disabled,
           class: "w-full",
           plain: "",
-          onClick: l[0] || (l[0] = (a) => C("clearAll"))
+          onClick: t[0] || (t[0] = (s) => C("clearAll"))
         }, {
           default: h(() => [
-            i(s(k), {
+            c(o(T), {
               class: "mr-[4px]",
               size: 14,
               "is-custom-svg": "",
-              icon: s($)
+              icon: o(R)
             }, null, 8, ["icon"]),
-            l[1] || (l[1] = y(" 取消选择 ", -1))
+            t[1] || (t[1] = $(" 取消选择 ", -1))
           ]),
           _: 1
         }, 8, ["disabled"])
       ], 2),
-      i(s(L), {
+      c(o(j), {
         ref_key: "scrollbarRef",
-        ref: u,
-        class: n(`${t.prefixCls}__selected-list ${t.prefixCls}__right-scrollbar`),
-        onScroll: M
+        ref: f,
+        class: a(`${e.prefixCls}__selected-list ${e.prefixCls}__right-scrollbar`),
+        onScroll: H
       }, {
         default: h(() => [
-          x("div", {
-            style: g({ height: `${O.value}px` })
+          m("div", {
+            style: g({ height: `${z.value}px` })
           }, [
-            x("div", {
-              style: g({ transform: `translateY(${B.value}px)` })
+            m("div", {
+              style: g({ transform: `translateY(${M.value}px)` })
             }, [
-              (m(!0), d(I, null, A(E.value, (a) => (m(), d("div", {
-                key: a.value,
-                style: g({ height: `${r}px` }),
-                class: n(`${t.prefixCls}__selected-item`)
-              }, [
-                i(s(D), null, {
-                  default: h(() => [
-                    y(Y(a.label), 1)
-                  ]),
-                  _: 2
-                }, 1024),
-                !t.disabled && !a.disabled ? (m(), d("span", {
-                  key: 0,
-                  class: n(`${t.prefixCls}__selected-item-close`)
+              (i(!0), n(P, null, Y(V.value, (s) => {
+                var y;
+                return i(), n("div", {
+                  key: s.value,
+                  style: g({ height: `${u}px` }),
+                  class: a(`${e.prefixCls}__selected-item`)
                 }, [
-                  i(s(k), {
-                    size: 14,
-                    "is-custom-svg": "",
-                    icon: s($),
-                    onClick: (j) => C("remove", a.value)
-                  }, null, 8, ["icon", "onClick"])
-                ], 2)) : P("", !0)
-              ], 6))), 128))
+                  m("span", {
+                    class: a(`${e.prefixCls}__selected-item-label`)
+                  }, [
+                    c(o(F), null, {
+                      default: h(() => [
+                        $(_(s.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    s.deleted === !0 || ((y = s.raw) == null ? void 0 : y.deleted) === !0 ? (i(), n("span", {
+                      key: 0,
+                      class: a(`${e.prefixCls}__deleted-mark`)
+                    }, " 删 ", 2)) : k("", !0)
+                  ], 2),
+                  !e.disabled && !s.disabled ? (i(), n("span", {
+                    key: 0,
+                    class: a(`${e.prefixCls}__selected-item-close`)
+                  }, [
+                    c(o(T), {
+                      size: 14,
+                      "is-custom-svg": "",
+                      icon: o(R),
+                      onClick: (q) => C("remove", s.value)
+                    }, null, 8, ["icon", "onClick"])
+                  ], 2)) : k("", !0)
+                ], 6);
+              }), 128))
             ], 4)
           ], 4)
         ]),
@@ -110,5 +121,5 @@ const r = 34, R = 8, X = /* @__PURE__ */ V({
   }
 });
 export {
-  X as default
+  Z as default
 };

package/dist/components/tt-panel-select/src/hooks/usePanelData.d.ts

@@ -6,6 +6,8 @@ export type PanelTreeNode = PanelSelectOption & {
     label: string;
     value: PanelSelectValue;
     disabled?: boolean;
+    /** 缺码回显：已删除/下线，仅 PanelSelect 画红「删」 */
+    deleted?: boolean;
     children?: PanelTreeNode[];
     pid?: PanelSelectValue | null;
     level: number;