@dazhicheng/ui 1.6.56 → 1.6.59

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

@@ -11,6 +11,7 @@ declare const _default: import('vue').DefineComponent<PanelMiddleProps, {
     groupCheck: (groupValue: PanelSelectValue, checked: boolean) => any;
     optionCheck: (value: PanelSelectValue, checked: boolean) => any;
     optionsCheck: (values: PanelSelectValue[], checked: boolean) => any;
+    selectCreatedOptions: () => any;
 }, string, import('vue').PublicProps, Readonly<PanelMiddleProps> & Readonly<{
     "onUpdate:keyword"?: ((value: string) => any) | undefined;
     onCheckAll?: ((checked: boolean) => any) | undefined;
@@ -18,6 +19,7 @@ declare const _default: import('vue').DefineComponent<PanelMiddleProps, {
     onGroupCheck?: ((groupValue: PanelSelectValue, checked: boolean) => any) | undefined;
     onOptionCheck?: ((value: PanelSelectValue, checked: boolean) => any) | undefined;
     onOptionsCheck?: ((values: PanelSelectValue[], checked: boolean) => any) | undefined;
+    onSelectCreatedOptions?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     showMultiple: boolean;

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

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

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

@@ -26,6 +26,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     immediate: boolean;
     params: import('../../../../../utils/src').Recordable;
+    allowCreate: boolean;
     multiple: boolean;
     options: PanelSelectOption[];
     treeConfig: import('./types').PanelSelectTreeConfig;
@@ -53,6 +54,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         onGroupCheck?: ((groupValue: PanelSelectValue, checked: boolean) => any) | undefined;
         onOptionCheck?: ((value: PanelSelectValue, checked: boolean) => any) | undefined;
         onOptionsCheck?: ((values: PanelSelectValue[], checked: boolean) => any) | undefined;
+        onSelectCreatedOptions?: (() => any) | undefined;
     }>, {
         scrollToGroup: (groupValue: PanelSelectValue) => Promise<void>;
         inputFocus: () => void;
@@ -63,6 +65,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         groupCheck: (groupValue: PanelSelectValue, checked: boolean) => any;
         optionCheck: (value: PanelSelectValue, checked: boolean) => any;
         optionsCheck: (values: PanelSelectValue[], checked: boolean) => any;
+        selectCreatedOptions: () => any;
     }, import('vue').PublicProps, {
         disabled: boolean;
         showMultiple: boolean;
@@ -397,6 +400,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         onGroupCheck?: ((groupValue: PanelSelectValue, checked: boolean) => any) | undefined;
         onOptionCheck?: ((value: PanelSelectValue, checked: boolean) => any) | undefined;
         onOptionsCheck?: ((values: PanelSelectValue[], checked: boolean) => any) | undefined;
+        onSelectCreatedOptions?: (() => any) | undefined;
     }>, {
         scrollToGroup: (groupValue: PanelSelectValue) => Promise<void>;
         inputFocus: () => void;

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,135 @@ 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 +266,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 +465,5 @@ const m = 4, Wl = /* @__PURE__ */ qe({
   }
 });
 export {
-  Wl as default
+  Jl as default
 };

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

@@ -10,6 +10,8 @@ export interface PanelSelectOption extends Recordable {
     children?: PanelSelectOption[];
 }
 export interface PanelMiddleProps {
+    /** 是否展示可创建占位提示，并允许 Enter 选中创建候选 */
+    allowCreate?: boolean;
     /** 是否禁用 */
     disabled: boolean;
     /** class */
@@ -61,6 +63,8 @@ export interface PanelSelectTreeConfig {
     rootParentValue?: PanelSelectValue | null;
 }
 export interface PanelContainerProps {
+    /** 搜索完全无匹配时生成文本候选，点击或 Enter 选中 */
+    allowCreate?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
     /** 是否显示左侧导航树 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazhicheng/ui",
-  "version": "1.6.56",
+  "version": "1.6.59",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -69,8 +69,8 @@
     "vue-router": "^5.0.2",
     "vxe-pc-ui": "^4.14.15",
     "vxe-table": "^4.18.13",
-    "@dazhicheng/hooks": "1.4.61",
-    "@dazhicheng/utils": "1.3.58"
+    "@dazhicheng/hooks": "1.4.63",
+    "@dazhicheng/utils": "1.3.60"
   },
   "files": [
     "dist"