@dazhicheng/ui 1.6.55 → 1.6.57

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

@@ -1,8 +1,9 @@
-import { defineComponent as qe, mergeModels as I, useModel as He, computed as u, watch as O, ref as v, useTemplateRef as $, unref as r, onMounted as Je, createElementBlock as z, openBlock as A, normalizeClass as j, createVNode as q, mergeProps as Qe, withCtx as Xe, withDirectives as Ye, normalizeStyle as Ze, createBlock as H, createCommentVNode as J, nextTick as E } from "vue";
+import { defineComponent as tl, mergeModels as ee, useModel as al, computed as i, watch as N, ref as w, useTemplateRef as L, unref as s, onMounted as ol, createElementBlock as le, openBlock as A, normalizeClass as te, createVNode as ae, mergeProps as nl, withCtx as rl, withDirectives as il, normalizeStyle as sl, createBlock as oe, createCommentVNode as ne, nextTick as P } from "vue";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.34_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as el } from "../../../packages/hooks/src/useDesign.js";
+import { useDesign as ul } from "../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElSelect as ll, vLoading as tl } from "element-plus";
+import { ElSelect as cl, vLoading as dl } from "element-plus";
+import { isString as pl } from "../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -15,19 +16,20 @@ import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { useResizeObserver as al } from "@vueuse/core";
-import { useSelectCollapseOptions as ol } from "../../tt-form/src/hooks/useSelectCollapse.js";
-import { ALL as nl, DEFAULT_PANEL_SELECT_SEPARATORS as il } from "./common.js";
-import rl from "./components/PanelLeft.vue.js";
-import ul from "./components/PanelMiddle.vue.js";
-import sl from "./components/PanelRight.vue.js";
-import { usePanelSelectData as cl } from "./hooks/usePanelData.js";
-import { usePanelSelectSelection as dl } from "./hooks/usePanelSelection.js";
+import { useResizeObserver as fl } from "@vueuse/core";
+import { useSelectCollapseOptions as ml } from "../../tt-form/src/hooks/useSelectCollapse.js";
+import { splitPanelSelectText as R, ALL as hl, DEFAULT_PANEL_SELECT_SEPARATORS as vl } from "./common.js";
+import wl from "./components/PanelLeft.vue.js";
+import yl from "./components/PanelMiddle.vue.js";
+import gl from "./components/PanelRight.vue.js";
+import { usePanelSelectData as Cl } from "./hooks/usePanelData.js";
+import { usePanelSelectSelection as kl } from "./hooks/usePanelSelection.js";
 /* empty css           */
-const m = 4, Wl = /* @__PURE__ */ qe({
+const h = 4, Jl = /* @__PURE__ */ tl({
   name: "TtPanelSelect",
   __name: "index",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ ee({
+    allowCreate: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     showNav: { type: Boolean, default: !0 },
     multiple: { type: Boolean, default: !0 },
@@ -48,11 +50,11 @@ const m = 4, Wl = /* @__PURE__ */ qe({
     immediate: { type: Boolean, default: !0 },
     beforeFetch: { type: Function, default: void 0 },
     afterFetch: { type: Function, default: void 0 },
-    separator: { default: () => [...il] },
+    separator: { default: () => [...vl] },
     pasteSearch: { type: Boolean, default: !0 },
     alwaysLoad: { type: Boolean, default: !1 },
     showAll: { type: Boolean, default: !0 },
-    showAllField: { default: nl },
+    showAllField: { default: hl },
     showPinyinMode: { type: Boolean, default: !1 },
     showOriginMode: { type: Boolean, default: !0 },
     leftPlaceholder: { default: "支持模糊搜索" },
@@ -62,56 +64,64 @@ const m = 4, Wl = /* @__PURE__ */ qe({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["visible-change", "change", "focus"], ["update:modelValue"]),
-  setup(s, { expose: Q, emit: X }) {
-    const Y = tl, Z = ll, t = s, C = X, { prefixCls: p } = el("panel-select"), {
-      loading: ee,
-      fetchApi: f,
-      treeOptions: le,
-      navTreeOptions: F,
-      navNodes: te,
-      leafNodes: h,
-      isFirstLoaded: ae,
-      buildOptionGroups: oe
-    } = cl(t), n = He(s, "modelValue");
-    let P;
-    const R = u(() => t.disabled), ne = u(() => {
-      if (!t.multiple) return t.placeholder;
-      const e = t.showMultiple ? "支持多选和全选" : "支持多选", l = typeof t.placeholder == "string" && t.placeholder.trim() ? t.placeholder.trim().replace(/[，,]\s*$/, "") : "请选择";
-      return l.includes("支持多选和全选") || l.includes("支持多选") ? l : `${l}，${e}`;
-    }), ie = u(() => {
+  emits: /* @__PURE__ */ ee(["visible-change", "change", "focus"], ["update:modelValue"]),
+  setup(c, { expose: re, emit: ie }) {
+    const se = dl, ue = cl, t = c, b = ie, { prefixCls: f } = ul("panel-select"), {
+      loading: B,
+      fetchApi: v,
+      treeOptions: ce,
+      navTreeOptions: T,
+      navNodes: de,
+      leafNodes: m,
+      isFirstLoaded: G,
+      filterNodes: pe,
+      buildOptionGroups: _
+    } = Cl(t), r = al(c, "modelValue");
+    let W;
+    const D = i(() => t.disabled), fe = i(() => {
+      if (!t.multiple)
+        return t.allowCreate ? `${t.placeholder ? t.placeholder : "请选择"}(可创建)` : t.placeholder;
+      const e = t.showMultiple ? "支持多选和全选" : "支持多选", l = typeof t.placeholder == "string" && t.placeholder.trim() ? t.placeholder.trim().replace(/[，,]\s*$/, "") : "请选择", a = l.includes("支持多选和全选") || l.includes("支持多选") ? l : `${l}，${e}`;
+      return t.allowCreate ? `${a}(可创建)` : a;
+    }), me = i(() => {
       const e = /* @__PURE__ */ new Map();
-      return h.value.forEach((l) => e.set(l.value, l.label)), e;
+      return m.value.forEach((l) => e.set(l.value, l.label)), e;
     });
     function x(e) {
-      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: ie.value.get(e) ?? String(e), value: e };
+      return e === t.showAllField ? { label: "全部", value: t.showAllField } : { label: me.value.get(e) ?? String(e), value: e };
     }
-    function L(e) {
+    function K(e) {
       if (e != null)
         return typeof e == "object" && "value" in e ? e.value : e;
     }
-    const re = u({
+    const U = i({
       get() {
-        return Array.isArray(n.value) ? t.multiple ? n.value : n.value.slice(-1) : n.value === void 0 ? [] : [n.value];
+        return Array.isArray(r.value) ? t.multiple ? r.value : r.value.slice(-1) : r.value === void 0 ? [] : [r.value];
       },
       set(e) {
-        n.value = t.multiple ? [...e] : e.at(-1);
+        r.value = t.multiple ? [...e] : e.at(-1);
       }
-    });
-    O([() => t.multiple, () => n.value], ([e, l]) => {
+    }), S = i(() => {
+      if (!t.allowCreate) return [];
+      const e = new Set(m.value.map((a) => a.value)), l = [];
+      return new Set(U.value).forEach((a) => {
+        !pl(a) || a === t.showAllField || e.has(a) || l.push({ label: a, value: a, level: 0, path: [], raw: { label: a, value: a } });
+      }), l;
+    }), V = i(() => [...m.value, ...S.value]);
+    N([() => t.multiple, () => r.value], ([e, l]) => {
       if (e) {
-        Array.isArray(l) || (n.value = l === void 0 ? [] : [l]);
+        Array.isArray(l) || (r.value = l === void 0 ? [] : [l]);
         return;
       }
-      Array.isArray(l) && (n.value = l.at(-1));
+      Array.isArray(l) && (r.value = l.at(-1));
     });
-    const b = v(), y = v(""), w = v(""), S = v(), V = $("middleRef"), g = $("selectWrapRef"), B = $("selectRef"), M = v(0);
-    function N() {
+    const O = w(), y = w(""), d = w(""), M = w(), $ = L("middleRef"), g = L("selectWrapRef"), I = L("selectRef"), E = w(0);
+    function z() {
       const e = g.value;
-      e && (M.value = e.offsetWidth);
+      e && (E.value = e.offsetWidth);
     }
-    al(g, () => N());
-    const ue = u(() => ({
+    fl(g, () => z());
+    const he = i(() => ({
       componentProps: {
         multiple: t.multiple,
         component: {
@@ -120,99 +130,133 @@ const m = 4, Wl = /* @__PURE__ */ qe({
       },
       component: "TtPanelSelect",
       selectWrapRef: g,
-      selectRef: B
-    })), { selectComponentProps: se } = ol(ue), T = u(() => {
+      selectRef: I
+    })), { selectComponentProps: ve } = ml(he), j = i(() => {
       const e = y.value.trim().toLowerCase();
-      if (!e) return F.value;
+      if (!e) return T.value;
       const l = (a) => {
         const o = [];
-        return a.forEach((i) => {
-          var _;
-          const c = (_ = i.children) != null && _.length ? l(i.children) : void 0;
-          (String(i.label).toLowerCase().includes(e) || c && c.length) && o.push({ ...i, children: c != null && c.length ? c : void 0 });
+        return a.forEach((n) => {
+          var Z;
+          const u = (Z = n.children) != null && Z.length ? l(n.children) : void 0;
+          (String(n.label).toLowerCase().includes(e) || u && u.length) && o.push({ ...n, children: u != null && u.length ? u : void 0 });
         }), o;
       };
-      return l(F.value);
-    }), ce = u(() => {
+      return l(T.value);
+    }), we = i(() => {
       const e = [], l = (a) => {
         a.forEach((o) => {
-          var i;
-          e.push(o.value), (i = o.children) != null && i.length && l(o.children);
+          var n;
+          e.push(o.value), (n = o.children) != null && n.length && l(o.children);
         });
       };
-      return l(T.value), e;
-    }), k = u(() => oe(h.value, w.value)), de = u(() => {
+      return l(j.value), e;
+    }), C = i(
+      () => ge(d.value).map((e) => ({
+        label: e,
+        value: e,
+        level: 0,
+        path: [],
+        raw: { label: e, value: e }
+      }))
+    ), ye = i(() => [...V.value, ...C.value]), k = i(() => {
+      const e = _(m.value, d.value), l = pe([...S.value, ...C.value], d.value);
+      if (!l.length) return e;
+      const a = new Map(l.map((u) => [u.value, u])), o = [];
+      R(d.value, t.separator).forEach((u) => {
+        const F = a.get(u);
+        F && (o.push(F), a.delete(u));
+      }), o.push(...a.values());
+      let n = "__created__";
+      for (; e.some((u) => u.value === n); ) n += "_";
+      return [{ value: n, label: "自定义", options: o }, ...e];
+    });
+    function ge(e) {
+      if (!t.allowCreate || t.disabled || B.value || t.api && !G.value) return [];
+      const l = R(e, t.separator);
+      if (!l.length || _(m.value, e).length) return [];
+      const a = new Set(V.value.map((o) => `${o.value}`));
+      return [...new Set(l)].filter((o) => o !== `${t.showAllField}` && !a.has(o));
+    }
+    function Ce() {
+      if (!C.value.length) return;
+      const e = new Set([...S.value, ...C.value].map((a) => a.value)), l = [...new Set(R(d.value, t.separator))].filter(
+        (a) => e.has(a)
+      );
+      Y(l, !0);
+    }
+    const ke = i(() => {
       const e = "minmax(var(--tt-panel-select-middle-width, 450px), 1fr)";
       return t.showNav && !t.multiple ? `200px ${e}` : !t.showNav && t.multiple ? `${e} 180px` : !t.showNav && !t.multiple ? e : `200px ${e} 180px`;
-    }), pe = u(() => {
+    }), Ae = i(() => {
       const e = "var(--tt-panel-select-middle-width, 450px)";
       return t.showNav && !t.multiple ? `max(calc(200px + ${e}), 800px)` : !t.showNav && t.multiple ? `max(calc(${e} + 180px), 800px)` : !t.showNav && !t.multiple ? `max(${e}, 800px)` : `max(calc(200px + ${e} + 180px), 800px)`;
-    }), me = u(() => {
+    }), be = i(() => {
       const e = [];
       return k.value.forEach((l) => {
         !(t.showOriginMode && l.value === "__origin__") && e.push({ key: `group-${String(l.value)}`, type: "group", group: l });
-        const o = Math.ceil(l.options.length / m);
-        for (let i = 0; i < l.options.length; i += m) {
-          const c = i / m;
+        const o = Math.ceil(l.options.length / h);
+        for (let n = 0; n < l.options.length; n += h) {
+          const u = n / h;
           e.push({
-            key: `options-${String(l.value)}-${i / m}`,
+            key: `options-${String(l.value)}-${n / h}`,
             type: "options",
             group: l,
-            options: l.options.slice(i, i + m),
-            isLast: c === o - 1
+            options: l.options.slice(n, n + h),
+            isLast: u === o - 1
           });
         }
       }), e;
     }), {
-      selectedOptions: fe,
-      selectedValueSet: G,
-      isAllChecked: he,
-      isIndeterminate: ve,
-      getGroupCheckCount: ye,
-      handleGroupCheck: we,
-      handleAllOptionCheck: ge,
-      handleOptionCheck: ke,
-      handleOptionsCheck: Ae,
-      handleCheckAll: Ce,
-      clearSelected: xe,
-      removeSelected: be,
-      withLockedSelectedValues: Se
-    } = dl({
-      multiple: u(() => t.multiple),
-      modelValue: n,
-      selectedValues: re,
-      leafNodes: h,
-      allValue: u(() => t.showAllField)
-    }), W = u({
+      selectedOptions: xe,
+      selectedValueSet: q,
+      isAllChecked: Se,
+      isIndeterminate: Ve,
+      getGroupCheckCount: Oe,
+      handleGroupCheck: Me,
+      handleAllOptionCheck: $e,
+      handleOptionCheck: Ee,
+      handleOptionsCheck: Fe,
+      handleCheckAll: Ne,
+      clearSelected: Le,
+      removeSelected: Pe,
+      withLockedSelectedValues: Re
+    } = kl({
+      multiple: i(() => t.multiple),
+      modelValue: r,
+      selectedValues: U,
+      leafNodes: ye,
+      allValue: i(() => t.showAllField)
+    }), H = i({
       get() {
         if (t.multiple)
-          return (Array.isArray(n.value) ? n.value : n.value === void 0 ? [] : [n.value]).map((l) => x(l));
-        if (Array.isArray(n.value)) {
-          const e = n.value.at(-1);
+          return (Array.isArray(r.value) ? r.value : r.value === void 0 ? [] : [r.value]).map((l) => x(l));
+        if (Array.isArray(r.value)) {
+          const e = r.value.at(-1);
           return e === void 0 ? void 0 : x(e);
         }
-        return n.value === void 0 ? void 0 : x(n.value);
+        return r.value === void 0 ? void 0 : x(r.value);
       },
       set(e) {
-        const l = r(n);
-        if (P = Array.isArray(l) ? [...l] : l, t.multiple) {
-          const o = (Array.isArray(e) ? e : []).map((i) => L(i)).filter((i) => i !== void 0);
-          n.value = Se(o);
+        const l = s(r);
+        if (W = Array.isArray(l) ? [...l] : l, t.multiple) {
+          const o = (Array.isArray(e) ? e : []).map((n) => K(n)).filter((n) => n !== void 0);
+          r.value = Re(o);
           return;
         }
-        n.value = L(e);
+        r.value = K(e);
       }
-    }), D = u(
+    }), J = i(
       () => {
         const e = {}, l = {};
         return k.value.forEach((a) => {
-          const { enabledCount: o, checkedCount: i } = ye(a), c = String(a.value);
-          e[c] = o > 0 && i === o, l[c] = o > 0 && i > 0 && i < o;
+          const { enabledCount: o, checkedCount: n } = Oe(a), u = String(a.value);
+          e[u] = o > 0 && n === o, l[u] = o > 0 && n > 0 && n < o;
         }), { checkedMap: e, indeterminateMap: l };
       }
-    ), Ve = u(() => D.value.checkedMap), Me = u(() => D.value.indeterminateMap), Oe = u(() => G.value.has(t.showAllField)), K = u(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...h.value.map((l) => ({ ...l }))]);
-    function $e(e) {
-      const l = r(K);
+    ), Be = i(() => J.value.checkedMap), Te = i(() => J.value.indeterminateMap), Ge = i(() => q.value.has(t.showAllField)), Q = i(() => [...t.showAll ? [{ label: "全部", value: t.showAllField }] : [], ...V.value.map((l) => ({ ...l }))]);
+    function _e(e) {
+      const l = s(Q);
       if (Array.isArray(e)) {
         const a = new Set(e);
         return l.filter((o) => o.value !== void 0 && a.has(o.value));
@@ -220,195 +264,197 @@ const m = 4, Wl = /* @__PURE__ */ qe({
       if (e !== void 0)
         return l.find((a) => a.value === e);
     }
-    function Ee(e) {
+    function We(e) {
       var a;
       if (t.showPinyinMode || k.value.some((o) => o.value === e.value)) return e.value;
-      const l = h.value.find((o) => o.path.some((i) => i.value === e.value));
+      const l = m.value.find((o) => o.path.some((n) => n.value === e.value));
       return (a = l == null ? void 0 : l.path.at(-2)) == null ? void 0 : a.value;
     }
-    function Fe(e) {
-      b.value = e.value;
-      const l = Ee(e);
-      S.value = void 0, E(() => {
+    function De(e) {
+      O.value = e.value;
+      const l = We(e);
+      M.value = void 0, P(() => {
         var a;
-        S.value = l, l !== void 0 && ((a = V.value) == null || a.scrollToGroup(l));
+        M.value = l, l !== void 0 && ((a = $.value) == null || a.scrollToGroup(l));
       });
     }
-    function Pe(e) {
+    function Ke(e) {
       y.value = e;
     }
-    function Re(e) {
-      w.value = e;
+    function Ue(e) {
+      d.value = e;
     }
-    function Le(e, l) {
+    function Ie(e, l) {
       const a = k.value.find((o) => o.value === e);
-      a && we(a, l);
+      a && Me(a, l);
     }
-    async function Be(e) {
+    async function ze(e) {
       var l;
-      C("visible-change", e), e && (w.value = "", y.value = "", await E(), (l = V.value) == null || l.inputFocus(), N(), t.alwaysLoad ? await f() : !t.immediate && !r(ae) && await f());
+      b("visible-change", e), e && (d.value = "", y.value = "", await P(), (l = $.value) == null || l.inputFocus(), z(), t.alwaysLoad ? await v() : !t.immediate && !s(G) && await v());
     }
-    function Ne() {
-      U(P);
+    function je() {
+      X(W);
     }
-    function Te(e) {
-      C("change", e, [...r(K)], $e(e));
+    function qe(e) {
+      b("change", e, [...s(Q)], _e(e));
     }
-    function Ge(e, l) {
+    function He(e, l) {
       return Array.isArray(e) && Array.isArray(l) ? e.length === l.length && e.every((a, o) => a === l[o]) : e === l;
     }
-    function U(e) {
-      E(() => {
-        const l = r(n);
-        Ge(l, e) || Te(l);
+    function X(e) {
+      P(() => {
+        const l = s(r);
+        He(l, e) || qe(l);
       });
     }
-    function d(e) {
-      const l = r(n), a = Array.isArray(l) ? [...l] : l;
-      e(), U(a);
+    function p(e) {
+      const l = s(r), a = Array.isArray(l) ? [...l] : l;
+      e(), X(a);
     }
-    function We(e) {
-      d(() => {
-        ge(e);
+    function Je(e) {
+      p(() => {
+        $e(e);
       });
     }
-    function De(e) {
-      d(() => {
-        Ce(e);
+    function Qe(e) {
+      p(() => {
+        Ne(e);
       });
     }
-    function Ke(e, l) {
-      d(() => {
-        Le(e, l);
+    function Xe(e, l) {
+      p(() => {
+        Ie(e, l);
       });
     }
-    function Ue(e, l) {
-      d(() => {
-        ke(e, l);
+    function Ye(e, l) {
+      p(() => {
+        Ee(e, l);
       });
     }
-    function _e(e, l) {
-      d(() => {
-        Ae(e, l);
+    function Y(e, l) {
+      p(() => {
+        Fe(e, l);
       });
     }
-    function Ie(e) {
-      d(() => {
-        be(e);
+    function Ze(e) {
+      p(() => {
+        Pe(e);
       });
     }
-    function ze() {
-      d(() => {
-        xe();
+    function el() {
+      p(() => {
+        Le();
       });
     }
-    function je(e) {
-      C("focus", e);
+    function ll(e) {
+      b("focus", e);
     }
-    return O(
+    return N(
       () => t.params,
       () => {
-        f();
+        v();
       },
       { deep: !0 }
-    ), O(
-      te,
+    ), N(
+      de,
       (e) => {
         var l;
-        b.value !== void 0 || !e.length || (b.value = (l = e[0]) == null ? void 0 : l.value);
+        O.value !== void 0 || !e.length || (O.value = (l = e[0]) == null ? void 0 : l.value);
       },
       { immediate: !0 }
-    ), Je(() => {
-      t.immediate && f();
-    }), Q({
+    ), ol(() => {
+      t.immediate && v();
+    }), re({
       /** 重新加载数据源*/
-      reload: f,
+      reload: v,
       /** 获取当前归一化后的树形选项数据 */
-      getOptions: () => r(le),
+      getOptions: () => s(ce),
       /** 获取当前v-model值 */
-      getValue: () => r(n)
-    }), (e, l) => (A(), z("div", {
+      getValue: () => s(r)
+    }), (e, l) => (A(), le("div", {
       ref_key: "selectWrapRef",
       ref: g,
-      class: j(r(p))
+      class: te(s(f))
     }, [
-      q(r(Z), Qe({
+      ae(s(ue), nl({
         ref_key: "selectRef",
-        ref: B,
-        modelValue: W.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => W.value = a)
-      }, r(se), {
-        multiple: s.multiple,
+        ref: I,
+        modelValue: H.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => H.value = a)
+      }, s(ve), {
+        multiple: c.multiple,
         filterable: !1,
-        placeholder: ne.value,
+        placeholder: fe.value,
         persistent: !1,
         "fallback-placements": ["bottom-start", "bottom-end", "bottom", "top-start", "top-end", "top", "right", "left"],
-        disabled: s.disabled,
-        "popper-class": `${r(p)}__popper vxe-table--ignore-clear`,
-        onVisibleChange: Be,
-        onChange: Ne,
-        onFocus: je
+        disabled: c.disabled,
+        "popper-class": `${s(f)}__popper vxe-table--ignore-clear`,
+        onVisibleChange: ze,
+        onChange: je,
+        onFocus: ll
       }), {
-        empty: Xe(() => [
-          Ye((A(), z("div", {
+        empty: rl(() => [
+          il((A(), le("div", {
             "element-loading-text": "加载中",
-            class: j(`${r(p)}__panel`),
-            style: Ze({
-              "--columns": de.value,
-              "--panel-min-width": pe.value,
-              "--panel-width": M.value ? `${M.value}px` : "100%"
+            class: te(`${s(f)}__panel`),
+            style: sl({
+              "--columns": ke.value,
+              "--panel-min-width": Ae.value,
+              "--panel-width": E.value ? `${E.value}px` : "100%"
             })
           }, [
-            t.showNav ? (A(), H(rl, {
+            t.showNav ? (A(), oe(wl, {
               key: 0,
-              "prefix-cls": r(p),
+              "prefix-cls": s(f),
               keyword: y.value,
-              "tree-data": T.value,
-              "expanded-keys": ce.value,
-              "left-placeholder": s.leftPlaceholder,
-              "onUpdate:keyword": Pe,
-              onSelect: Fe
-            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : J("", !0),
-            q(ul, {
+              "tree-data": j.value,
+              "expanded-keys": we.value,
+              "left-placeholder": c.leftPlaceholder,
+              "onUpdate:keyword": Ke,
+              onSelect: De
+            }, null, 8, ["prefix-cls", "keyword", "tree-data", "expanded-keys", "left-placeholder"])) : ne("", !0),
+            ae(yl, {
               ref_key: "middleRef",
-              ref: V,
-              "prefix-cls": r(p),
-              multiple: s.multiple,
-              keyword: w.value,
-              rows: me.value,
-              disabled: R.value,
+              ref: $,
+              "allow-create": t.allowCreate,
+              "prefix-cls": s(f),
+              multiple: c.multiple,
+              keyword: d.value,
+              rows: be.value,
+              disabled: D.value,
               "show-all": t.showAll,
-              "option-per-row": m,
+              "option-per-row": h,
               "row-height": 40,
-              "selected-value-set": r(G),
-              "is-all-checked": r(he),
-              "is-indeterminate": r(ve),
-              "all-checked": Oe.value,
-              "scroll-to-group-value": S.value,
-              "group-checked-map": Ve.value,
-              "group-indeterminate-map": Me.value,
-              "paste-search": s.pasteSearch,
-              separator: s.separator,
-              "middle-placeholder": s.middlePlaceholder,
-              "show-multiple": s.showMultiple,
-              "onUpdate:keyword": Re,
-              onAllCheck: We,
-              onCheckAll: De,
-              onGroupCheck: Ke,
-              onOptionCheck: Ue,
-              onOptionsCheck: _e
-            }, null, 8, ["prefix-cls", "multiple", "keyword", "rows", "disabled", "show-all", "selected-value-set", "is-all-checked", "is-indeterminate", "all-checked", "scroll-to-group-value", "group-checked-map", "group-indeterminate-map", "paste-search", "separator", "middle-placeholder", "show-multiple"]),
-            t.multiple ? (A(), H(sl, {
+              "selected-value-set": s(q),
+              "is-all-checked": s(Se),
+              "is-indeterminate": s(Ve),
+              "all-checked": Ge.value,
+              "scroll-to-group-value": M.value,
+              "group-checked-map": Be.value,
+              "group-indeterminate-map": Te.value,
+              "paste-search": c.pasteSearch,
+              separator: c.separator,
+              "middle-placeholder": c.middlePlaceholder,
+              "show-multiple": c.showMultiple,
+              "onUpdate:keyword": Ue,
+              onAllCheck: Je,
+              onCheckAll: Qe,
+              onGroupCheck: Xe,
+              onOptionCheck: Ye,
+              onOptionsCheck: Y,
+              onSelectCreatedOptions: Ce
+            }, null, 8, ["allow-create", "prefix-cls", "multiple", "keyword", "rows", "disabled", "show-all", "selected-value-set", "is-all-checked", "is-indeterminate", "all-checked", "scroll-to-group-value", "group-checked-map", "group-indeterminate-map", "paste-search", "separator", "middle-placeholder", "show-multiple"]),
+            t.multiple ? (A(), oe(gl, {
               key: 1,
-              "prefix-cls": r(p),
-              multiple: s.multiple,
-              disabled: R.value,
-              "selected-options": r(fe),
-              onClearAll: ze,
-              onRemove: Ie
-            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : J("", !0)
+              "prefix-cls": s(f),
+              multiple: c.multiple,
+              disabled: D.value,
+              "selected-options": s(xe),
+              onClearAll: el,
+              onRemove: Ze
+            }, null, 8, ["prefix-cls", "multiple", "disabled", "selected-options"])) : ne("", !0)
           ], 6)), [
-            [r(Y), r(ee)]
+            [s(se), s(B)]
           ])
         ]),
         _: 1
@@ -417,5 +463,5 @@ const m = 4, Wl = /* @__PURE__ */ qe({
   }
 });
 export {
-  Wl as default
+  Jl as default
 };