qidian-vue-ui 1.3.0 → 1.3.2

package/dist/components/crud/table/index.css

@@ -1,36 +1,36 @@
-.qd-crud-table[data-v-7074f039] {
+.qd-crud-table[data-v-deb7960f] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-7074f039] {
+.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-deb7960f] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__body[data-v-7074f039] {
+.qd-crud-table__body[data-v-deb7960f] {
   flex: auto;
 }
-.qd-crud-table__body[data-v-7074f039] >  .t-loading__parent > .t-card__body {
+.qd-crud-table__body[data-v-deb7960f] >  .t-loading__parent > .t-card__body {
   height: 100%;
   min-height: 443px;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table__body[data-v-7074f039] >  .t-loading__parent > .t-card__body > .qd-service-table {
+.qd-crud-table__body[data-v-deb7960f] >  .t-loading__parent > .t-card__body > .qd-service-table {
   flex: 1 1 0;
   overflow: hidden;
 }
-.qd-crud-table__body[data-v-7074f039] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
+.qd-crud-table__body[data-v-deb7960f] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
   padding-bottom: 0;
 }
-.qd-crud-table__toolbar[data-v-7074f039] {
+.qd-crud-table__toolbar[data-v-deb7960f] {
   display: flex;
   justify-content: space-between;
 }
-.qd-crud-table__toolbar:has(.t-space-item) + .qd-service-table[data-v-7074f039] {
+.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-deb7960f] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__toolbar-separator[data-v-7074f039] {
+.qd-crud-table__toolbar-separator[data-v-deb7960f] {
   display: inline-block;
   padding-left: var(--td-comp-paddingLR-s);
 }

package/dist/components/crud/table/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7074f039"]]);
+const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-deb7960f"]]);
 export {
   QdCrudTable as default
 };

package/dist/components/crud/table/index.vue2.mjs

@@ -1,5 +1,5 @@
 import './index.css'
-import { defineComponent, mergeDefaults, computed, reactive, useTemplateRef, ref, createElementBlock, openBlock, renderSlot, createVNode, withDirectives, createCommentVNode, createBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, vShow, createElementVNode, Fragment, withModifiers, nextTick, shallowRef, toRef, triggerRef } from "vue";
+import { defineComponent, mergeDefaults, computed, reactive, useTemplateRef, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createVNode, withDirectives, createCommentVNode, createBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, vShow, createElementVNode, normalizeClass, Fragment, withModifiers, nextTick, shallowRef, toRef, triggerRef } from "vue";
 import { useVModels, useLocalStorage } from "../../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import { MD5, easyCopy, suspectedWrapperPromise, createExposeProxy, extractSlotsWithPrefix, isEmpty, generateRandomString, to } from "qidian-shared";
 import { SearchIcon, RefreshIcon, UnfoldLessIcon, UnfoldMoreIcon, SettingIcon, AddIcon, DeleteIcon } from "tdesign-icons-vue-next";
@@ -24,13 +24,10 @@ const _hoisted_1 = {
   class: "qd-crud-table"
 };
 const _hoisted_2 = {
-  class: "qd-crud-table__toolbar"
-};
-const _hoisted_3 = {
   key: 0,
   class: "qd-crud-table__toolbar-separator"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0,
   class: "qd-crud-table__toolbar-separator"
 };
@@ -569,6 +566,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const searchVisible = ref(true);
     const searchRef = useTemplateRef("search");
     let searchMode = "refresh";
+    const toolbarRef = useTemplateRef("toolbar");
+    const toolbarHasSpaceItem = ref(false);
+    let toolbarObserver = null;
     function handleSearch() {
       searchMode = "changeCurrent";
     }
@@ -966,6 +966,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return false;
     }
+    function syncToolbarHasSpaceItem() {
+      toolbarHasSpaceItem.value = !!toolbarRef.value?.querySelector(".t-space-item");
+    }
+    onMounted(() => {
+      syncToolbarHasSpaceItem();
+      const toolbarEl = toolbarRef.value;
+      if (!toolbarEl) return;
+      toolbarObserver = new MutationObserver(syncToolbarHasSpaceItem);
+      toolbarObserver.observe(toolbarEl, {
+        childList: true,
+        subtree: true
+      });
+    });
+    onBeforeUnmount(() => {
+      toolbarObserver?.disconnect();
+      toolbarObserver = null;
+    });
     __expose(createExposeProxy({}, tableRef));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header", {}, () => [reProps.value.searchOptions?.items?.length ? withDirectives((openBlock(), createBlock(unref(QdCrudSearch), mergeProps({
@@ -988,7 +1005,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       })]), 1040, ["data", "class"])), [[vShow, searchVisible.value]]) : createCommentVNode("", true)], true), createVNode(unref(QdCard), {
         class: "qd-crud-table__body"
       }, {
-        default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(Space), {
+        default: withCtx(() => [createElementVNode("div", {
+          ref: "toolbar",
+          class: normalizeClass(["qd-crud-table__toolbar", {
+            "qd-crud-table__toolbar--has-space-item": toolbarHasSpaceItem.value
+          }])
+        }, [createVNode(unref(Space), {
           align: "center",
           size: 0
         }, {
@@ -997,7 +1019,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: item.uid || index
             }, [getActionSeparator(item, {
               index
-            }) ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true), withDirectives(createVNode(unref(_sfc_main$1), {
+            }) ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true), withDirectives(createVNode(unref(_sfc_main$1), {
               "fn-inject-ctx": "",
               context: getConfigRendererCtx(item),
               config: {
@@ -1023,7 +1045,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [getActionSeparator(item, {
               index,
               mapKey: "tool"
-            }) ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true), createVNode(unref(Tooltip), {
+            }) ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true), createVNode(unref(Tooltip), {
               content: item.content,
               disabled: !item.content
             }, {
@@ -1116,7 +1138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["content"])], 64)) : createCommentVNode("", true)], true)]),
           _: 3
-        })]), createVNode(unref(QdServiceTable), mergeProps({
+        })], 2), createVNode(unref(QdServiceTable), mergeProps({
           ref: "table",
           data: unref(data),
           "onUpdate:data": _cache[2] || (_cache[2] = ($event) => isRef(data) ? data.value = $event : null),

package/dist/components/form/index.css

@@ -1,33 +1,17 @@
-.qd-form--descriptions[data-v-7b85acc1] .qd-grid {
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-grid {
   border-top: 1px solid var(--td-component-border);
   border-left: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-7b85acc1] .qd-grid-item {
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-grid-item {
   border-right: 1px solid var(--td-component-border);
   border-bottom: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-7b85acc1] .qd-grid-item:has(.t-form__item > .t-form__label--top) {
-  display: grid;
-  grid-row: span 2 !important;
-  grid-template-rows: subgrid;
-}
-.qd-form--descriptions[data-v-7b85acc1] .t-form__item {
+.qd-form--descriptions[data-v-2ca4a3ef] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
 }
-.qd-form--descriptions[data-v-7b85acc1] .t-form__item:has(> .t-form__label--top) {
-  display: contents;
-}
-.qd-form--descriptions[data-v-7b85acc1] .t-form__item:has(> .t-form__label--top) .t-form__controls {
-  height: auto;
-  min-height: min-content;
-}
-.qd-form--descriptions[data-v-7b85acc1] .t-form__item:has(> .t-form__label--top) .t-form__controls-content {
-  min-height: min-content;
-  white-space: normal;
-}
-.qd-form--descriptions[data-v-7b85acc1] .t-form__label {
+.qd-form--descriptions[data-v-2ca4a3ef] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -35,20 +19,17 @@
   padding: var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l);
   height: 100%;
 }
-.qd-form--descriptions[data-v-7b85acc1] .t-form__label:not(.t-form__label--top):not([style*='width: 100%']) {
-  border-right: 1px solid var(--td-component-border);
-}
-.qd-form--descriptions[data-v-7b85acc1] .t-form__label--top {
+.qd-form--descriptions[data-v-2ca4a3ef] .t-form__label--top {
   border-bottom: 1px solid var(--td-component-border);
   align-items: center;
-  height: auto;
+  height: var(--qd-form-description-label-height, auto);
   white-space: normal;
 }
-.qd-form--descriptions[data-v-7b85acc1] .t-form__label--top + .t-form__controls > .t-form__controls-content {
+.qd-form--descriptions[data-v-2ca4a3ef] .t-form__label--top + .t-form__controls > .t-form__controls-content {
   justify-content: center;
   text-align: center;
 }
-.qd-form--descriptions[data-v-7b85acc1] .t-form__controls {
+.qd-form--descriptions[data-v-2ca4a3ef] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -58,6 +39,23 @@
   margin-left: 0 !important;
   height: 100%;
 }
-.qd-form--descriptions[data-v-7b85acc1] .t-form__controls:has(> .t-form__controls-content:empty) {
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-form-item--label-top {
+  display: grid;
+  grid-template-rows: auto minmax(min-content, auto);
+  grid-row: span 2 !important;
+}
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-form-item--label-top > .t-form__item {
+  display: contents;
+}
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-form-item--label-top .t-form__controls-content {
+  white-space: normal;
+}
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
+  min-height: 0;
+  height: 0;
+  overflow: hidden;
+}
+.qd-form--descriptions[data-v-2ca4a3ef] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+  border-right: 1px solid var(--td-component-border);
 }

package/dist/components/form/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b85acc1"]]);
+const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ca4a3ef"]]);
 export {
   QdForm as default
 };

package/dist/components/form/index.vue2.mjs

@@ -1,7 +1,7 @@
 import './index.css'
-import { defineComponent, mergeDefaults, provide, nextTick, onBeforeUnmount, useTemplateRef, ref, computed, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, mergeDefaults, provide, nextTick, onBeforeUnmount, useTemplateRef, ref, computed, watch, onMounted, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, Fragment, renderList } from "vue";
 import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
-import { createExposeProxy, easyCopy, hasOwn, to, suspectedWrapperPromise } from "qidian-shared";
+import { createExposeProxy, resizeDirective, easyCopy, hasOwn, to, suspectedWrapperPromise } from "qidian-shared";
 import { Form, LoadingDirective } from "tdesign-vue-next";
 import { useModal } from "../../hooks/useModal.mjs";
 import { useConfig } from "../config-provider/useConfig.mjs";
@@ -49,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const vLoading = LoadingDirective;
+    const vResize = resizeDirective;
     const props = __props;
     const emit = __emit;
     const { data } = useVModels(props, emit, { passive: true });
@@ -81,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     const formRef = useTemplateRef("form");
+    const gridRef = useTemplateRef("gridRef");
     const submitShowErrorMessage = ref();
     const submitScrollToFirstError = ref();
     let submitResolver;
@@ -233,6 +235,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return res;
       }
     };
+    function syncDescriptionLabelRows() {
+      if (!reProps.value.descriptions) return;
+      const gridEl = gridRef.value?.$el ?? null;
+      if (!gridEl) return;
+      const items = Array.from(gridEl.querySelectorAll(".qd-form-item--label-top"));
+      if (!items.length) return;
+      const rows = /* @__PURE__ */ new Map();
+      for (const item of items) {
+        const top = item.offsetTop;
+        let rowKey = top;
+        for (const key of rows.keys()) {
+          if (Math.abs(key - top) <= 1) {
+            rowKey = key;
+            break;
+          }
+        }
+        const rowItems = rows.get(rowKey);
+        if (rowItems) rowItems.push(item);
+        else rows.set(rowKey, [item]);
+      }
+      for (const rowItems of rows.values()) {
+        let maxHeight = 0;
+        for (const item of rowItems) {
+          const label = item.querySelector(".t-form__label");
+          if (!label) continue;
+          label.style.setProperty("--qd-form-description-label-height", "");
+          maxHeight = Math.max(maxHeight, label.offsetHeight);
+        }
+        for (const item of rowItems) {
+          item.querySelector(".t-form__label")?.style.setProperty("--qd-form-description-label-height", `${maxHeight}px`);
+        }
+      }
+    }
+    watch(
+      [() => reProps.value.formItems, data],
+      () => {
+        nextTick(syncDescriptionLabelRows);
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      nextTick(syncDescriptionLabelRows);
+    });
     __expose(createExposeProxy(expose, formRef));
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(Form), mergeProps({
@@ -250,19 +295,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "header", { context: unref(data) }, void 0, true),
           renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(reProps.value.gridOptions)), () => [
-            createVNode(unref(QdGrid), normalizeProps(guardReactiveProps(reProps.value.gridOptions)), {
+            withDirectives((openBlock(), createBlock(unref(QdGrid), mergeProps({
+              ref_key: "gridRef",
+              ref: gridRef
+            }, reProps.value.gridOptions), {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(reProps.value.formItems, (item, index) => {
                   return openBlock(), createBlock(QdFormItem, mergeProps({
                     key: index,
                     "crud-mode": __props.crudMode,
                     context: unref(data),
-                    "default-clearable": __props.defaultClearable
-                  }, { ref_for: true }, item), null, 16, ["crud-mode", "context", "default-clearable"]);
+                    "default-clearable": __props.defaultClearable,
+                    "label-align": item.labelAlign ?? reProps.value.formOptions.labelAlign
+                  }, { ref_for: true }, item), null, 16, ["crud-mode", "context", "default-clearable", "label-align"]);
                 }), 128))
               ]),
               _: 1
-            }, 16)
+            }, 16)), [
+              [unref(vResize), syncDescriptionLabelRows]
+            ])
           ], true),
           renderSlot(_ctx.$slots, "footer", { context: unref(data) }, void 0, true)
         ]),

package/dist/components/form/item.css

@@ -1,6 +1,6 @@
-.qd-form-item[data-v-90d2f0f4] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch) {
+.qd-form-item[data-v-ad6b610c] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch) {
   width: 100%;
 }
-.qd-form-item__component[data-v-90d2f0f4]:not(.t-switch) {
+.qd-form-item__component[data-v-ad6b610c]:not(.t-switch) {
   width: 100%;
 }

package/dist/components/form/item.vue.mjs

@@ -2,7 +2,7 @@ import './item.css'
 import _sfc_main from "./item.vue2.mjs";
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90d2f0f4"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad6b610c"]]);
 export {
   QdFormItem as default
 };

package/dist/components/form/item.vue2.mjs

@@ -95,7 +95,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         class: [
           "qd-form-item",
-          reProps.value.formItemOptions.name ? `qd-form-item__${reProps.value.formItemOptions.name}` : ""
+          reProps.value.formItemOptions.name ? `qd-form-item__${reProps.value.formItemOptions.name}` : "",
+          reProps.value.formItemOptions.labelAlign === "top" ? "qd-form-item--label-top" : "",
+          reProps.value.formItemOptions.labelWidth === "100%" ? "qd-form-item--label-width-full" : "",
+          !reProps.value.configRendererOptions.config && !_ctx.$slots.default ? "qd-form-item--empty-content" : ""
         ]
       }, reProps.value.gridItemOptions), {
         default: withCtx(() => [

package/dist/components/multi-file-viewer/index.css

@@ -9,13 +9,11 @@
   border-bottom: 1px solid var(--td-component-stroke);
 }
 .qd-multi-file-viewer .t-dialog .t-dialog__body,
-.qd-multi-file-viewer .qd-dialog .t-dialog__body,
-.qd-multi-file-viewer .t-dialog .t-dialog:has(.t-dialog__footer) .t-dialog__body,
-.qd-multi-file-viewer .qd-dialog .t-dialog:has(.t-dialog__footer) .t-dialog__body,
+.qd-multi-file-viewer.qd-dialog .t-dialog__body,
 .qd-multi-file-viewer .t-dialog .t-dialog__body--fullscreen,
-.qd-multi-file-viewer .qd-dialog .t-dialog__body--fullscreen,
+.qd-multi-file-viewer.qd-dialog .t-dialog__body--fullscreen,
 .qd-multi-file-viewer .t-dialog .t-dialog__body--fullscreen--without-footer,
-.qd-multi-file-viewer .qd-dialog .t-dialog__body--fullscreen--without-footer {
+.qd-multi-file-viewer.qd-dialog .t-dialog__body--fullscreen--without-footer {
   padding: 0 !important;
 }
 .qd-multi-file-viewer__body {

package/dist/components/service-popup-table-select/index.vue.mjs

@@ -4,7 +4,7 @@ import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-777a7929"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2084d5ab"]]);
 export {
   index as default
 };

package/dist/components/service-popup-table-select/index.vue2.mjs

@@ -1,10 +1,10 @@
 import './index2.css'
 import './index.css'
-import { defineComponent, mergeDefaults, useTemplateRef, ref, reactive, computed, watch, createVNode, onMounted, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, mergeDefaults, useTemplateRef, ref, reactive, computed, watch, createVNode, onMounted, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, isRef, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import { isEmpty, identifyType, extractSlotsWithPrefix, hasOwn } from "qidian-shared";
 import { AddIcon, SearchIcon } from "tdesign-icons-vue-next";
-import { Popup, Select, Option, Input, Space, Button } from "tdesign-vue-next";
+import { Popup, Select, Option, InputAdornment, Input, Button, Space } from "tdesign-vue-next";
 import { useConfig } from "../config-provider/useConfig.mjs";
 import { qdDialogTableSelectSearchGrid } from "../service-dialog-table-select/props.mjs";
 import { qdServiceSelectKeys } from "../service-select/props.mjs";
@@ -30,6 +30,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     addConfirmBtn: {},
     addCancelBtn: {},
     addInput: {},
+    mode: {},
+    quoteBtn: {},
     title: {},
     permiPrefix: {},
     tableMinHeight: {
@@ -350,7 +352,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const reProps = computed(() => {
       const {
         modelValue: modelValue2,
-        popupVisible: popupVisible2,
+        popupVisible: popupVisibleProp,
         popupProps,
         fillOptions,
         searchData: searchData2,
@@ -367,6 +369,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         valueType,
         clearable,
         creatable,
+        mode,
+        quoteBtn,
         placeholder,
         size,
         onClear,
@@ -387,7 +391,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       const onVisibleChange = rePopupOptions.onVisibleChange;
       rePopupOptions.onVisibleChange = (visible, context) => {
+        if (mode === "input" && !popupVisible.value && visible) return;
         onVisibleChange?.(visible, context);
+        popupVisible.value = visible;
         if (visible) {
           fillOptionsWatchStop?.();
           handleOpen();
@@ -449,8 +455,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...qdServiceSelectKeys,
         ...keys
       };
+      const effectiveCreatable = mode === "input" || creatable;
+      const quoteBtnOptions = merge({}, {
+        content: "引用",
+        onClick: openPopup,
+        disabled: tdReadonly.value || tdDisabled.value
+      }, typeof quoteBtn === "string" ? {
+        content: quoteBtn
+      } : quoteBtn);
       return {
-        creatable,
+        mode,
+        creatable: effectiveCreatable,
+        quoteBtnOptions,
         fillOptions,
         keys: reKeys,
         popupOptions: rePopupOptions,
@@ -482,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         addInputOptions,
         models: {
           modelValue: modelValue2,
-          popupVisible: popupVisible2,
+          popupVisible: popupVisibleProp,
           searchData: searchData2,
           data: inData,
           columnControllerVisible: columnControllerVisible2,
@@ -516,6 +532,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return modelValue.value;
     });
+    const inputValue = computed({
+      get: () => modelValue.value ?? "",
+      set: (val) => {
+        modelValue.value = val;
+      }
+    });
+    let lastConfirmedValue;
+    let suppressNextBlur = false;
     function cleanEmptyChildren(rows, childrenKey) {
       if (!childrenKey) return rows;
       return rows.map((row) => {
@@ -568,6 +592,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         selectedRowKeys.value = isEmpty(modelValue.value) ? [] : [modelValue.value];
       }
     }
+    function openPopup(e) {
+      e.stopPropagation();
+      if (tdReadonly.value || tdDisabled.value) return;
+      popupVisible.value = true;
+      reProps.value.popupOptions.onVisibleChange?.(true, {
+        e,
+        trigger: "trigger-element-click"
+      });
+    }
+    function onInputFocus() {
+      lastConfirmedValue = modelValue.value;
+    }
+    function onInputBlur(_value) {
+      if (suppressNextBlur) {
+        suppressNextBlur = false;
+        return;
+      }
+      const value = modelValue.value;
+      if (value === lastConfirmedValue) return;
+      lastConfirmedValue = value;
+      confirmCustom(value);
+    }
+    function onInputClear(context) {
+      suppressNextBlur = true;
+      handleClear(context);
+      lastConfirmedValue = modelValue.value;
+    }
     function handleClear(context) {
       selectedRowKeys.value = [];
       selectedRows.value = [];
@@ -580,6 +631,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       reProps.value.onClear?.(context);
     }
+    function confirmCustom(value, e) {
+      reProps.value.onCreate?.(value);
+      reProps.value.onChange?.(value, {
+        e,
+        option: null,
+        selectedOptions: [],
+        trigger: "check"
+      });
+    }
     function confirmAddCustom(e) {
       reProps.value.onCreate?.(addCustom.value);
       reProps.value.onChange?.(addCustom.value, {
@@ -614,43 +674,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose(expose);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Popup), mergeProps({
-        modelValue: unref(popupVisible),
-        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(popupVisible) ? popupVisible.value = $event : null)
+        visible: unref(popupVisible)
       }, reProps.value.popupOptions), {
         content: withCtx(() => [createVNode(unref(QdCrudTable), mergeProps({
           ref: "table",
           class: "qd-popup-table-select__table",
           "search-data": unref(searchData),
-          "onUpdate:searchData": _cache[1] || (_cache[1] = ($event) => isRef(searchData) ? searchData.value = $event : null),
+          "onUpdate:searchData": _cache[2] || (_cache[2] = ($event) => isRef(searchData) ? searchData.value = $event : null),
           data: unref(data),
-          "onUpdate:data": _cache[2] || (_cache[2] = ($event) => isRef(data) ? data.value = $event : null),
+          "onUpdate:data": _cache[3] || (_cache[3] = ($event) => isRef(data) ? data.value = $event : null),
           "selected-row-keys": selectedRowKeys.value,
-          "onUpdate:selectedRowKeys": _cache[3] || (_cache[3] = ($event) => selectedRowKeys.value = $event),
+          "onUpdate:selectedRowKeys": _cache[4] || (_cache[4] = ($event) => selectedRowKeys.value = $event),
           "active-row-keys": selectedRowKeys.value,
-          "onUpdate:activeRowKeys": _cache[4] || (_cache[4] = ($event) => selectedRowKeys.value = $event),
+          "onUpdate:activeRowKeys": _cache[5] || (_cache[5] = ($event) => selectedRowKeys.value = $event),
           "column-controller-visible": unref(columnControllerVisible),
-          "onUpdate:columnControllerVisible": _cache[5] || (_cache[5] = ($event) => isRef(columnControllerVisible) ? columnControllerVisible.value = $event : null),
+          "onUpdate:columnControllerVisible": _cache[6] || (_cache[6] = ($event) => isRef(columnControllerVisible) ? columnControllerVisible.value = $event : null),
           "expanded-rowKeys": unref(expandedRowKeys),
-          "onUpdate:expandedRowKeys": _cache[6] || (_cache[6] = ($event) => isRef(expandedRowKeys) ? expandedRowKeys.value = $event : null),
+          "onUpdate:expandedRowKeys": _cache[7] || (_cache[7] = ($event) => isRef(expandedRowKeys) ? expandedRowKeys.value = $event : null),
           "filter-value": unref(filterValue),
-          "onUpdate:filterValue": _cache[7] || (_cache[7] = ($event) => isRef(filterValue) ? filterValue.value = $event : null),
+          "onUpdate:filterValue": _cache[8] || (_cache[8] = ($event) => isRef(filterValue) ? filterValue.value = $event : null),
           sort: unref(sort),
-          "onUpdate:sort": _cache[8] || (_cache[8] = ($event) => isRef(sort) ? sort.value = $event : null),
+          "onUpdate:sort": _cache[9] || (_cache[9] = ($event) => isRef(sort) ? sort.value = $event : null),
           "expanded-tree-nodes": unref(expandedTreeNodes),
-          "onUpdate:expandedTreeNodes": _cache[9] || (_cache[9] = ($event) => isRef(expandedTreeNodes) ? expandedTreeNodes.value = $event : null),
+          "onUpdate:expandedTreeNodes": _cache[10] || (_cache[10] = ($event) => isRef(expandedTreeNodes) ? expandedTreeNodes.value = $event : null),
           "reserve-selected-row-on-paginate": "",
           "active-row-type": "multiple"
         }, reProps.value.tableOptions, {
           onSelectChange: handleSelectChange
         }), createSlots({
           _: 2
-        }, [reProps.value.creatable ? {
+        }, [reProps.value.mode === "select" && reProps.value.creatable ? {
           name: "table-bottom-content",
           fn: withCtx(() => [addCustom.visible ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "add-input", {
             addCustom
           }, () => [createVNode(unref(Input), mergeProps({
             modelValue: addCustom.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => addCustom.value = $event),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => addCustom.value = $event),
             autofocus: ""
           }, reProps.value.addInputOptions), null, 16, ["modelValue"])], true), createVNode(unref(Space), {
             size: "small"
@@ -683,7 +742,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })]), 1040, ["search-data", "data", "selected-row-keys", "active-row-keys", "column-controller-visible", "expanded-rowKeys", "filter-value", "sort", "expanded-tree-nodes"])]),
         default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
           selectedRows: selectedRows.value
-        }, () => [createVNode(unref(Select), mergeProps({
+        }, () => [reProps.value.mode === "select" ? (openBlock(), createBlock(unref(Select), mergeProps({
+          key: 0,
           "model-value": selectValue.value,
           options: selectedRows.value,
           "popup-visible": false
@@ -702,9 +762,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 1032, ["value", "label"]);
           }), 128))]),
           _: 1
-        }, 16, ["model-value", "options"])], true)]),
+        }, 16, ["model-value", "options"])) : (openBlock(), createBlock(unref(InputAdornment), {
+          key: 1
+        }, {
+          append: withCtx(() => [createVNode(unref(Button), mergeProps({
+            class: "qd-popup-table-select__input-trigger"
+          }, reProps.value.quoteBtnOptions), null, 16)]),
+          default: withCtx(() => [createVNode(unref(Input), {
+            modelValue: inputValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+            clearable: reProps.value.selectOptions.clearable,
+            readonly: reProps.value.selectOptions.readonly,
+            disabled: reProps.value.selectOptions.disabled,
+            placeholder: reProps.value.selectOptions.placeholder,
+            size: reProps.value.selectOptions.size,
+            onFocus: onInputFocus,
+            onBlur: onInputBlur,
+            onClear: onInputClear
+          }, null, 8, ["modelValue", "clearable", "readonly", "disabled", "placeholder", "size"])]),
+          _: 1
+        }))], true)]),
         _: 3
-      }, 16, ["modelValue"]);
+      }, 16, ["visible"]);
     };
   }
 });

package/dist/components/service-popup-table-select/index2.css

@@ -1,19 +1,23 @@
-.qd-popup-table-select__table[data-v-777a7929] .qd-crud-search > .t-loading__parent > .t-card__body,
-.qd-popup-table-select__table[data-v-777a7929] .qd-crud-table__body > .t-loading__parent > .t-card__body {
+.qd-popup-table-select__table[data-v-2084d5ab] .qd-crud-search > .t-loading__parent > .t-card__body,
+.qd-popup-table-select__table[data-v-2084d5ab] .qd-crud-table__body > .t-loading__parent > .t-card__body {
   padding: 0 !important;
 }
-.qd-popup-table-select__table[data-v-777a7929] .qd-crud-table__toolbar {
+.qd-popup-table-select__table[data-v-2084d5ab] .qd-crud-table__toolbar {
   display: none;
 }
-.qd-popup-table-select__table[data-v-777a7929] .qd-service-table {
+.qd-popup-table-select__table[data-v-2084d5ab] .qd-service-table {
   margin-top: 0;
 }
-.qd-popup-table-select__table-add[data-v-777a7929] {
+.qd-popup-table-select__table-add[data-v-2084d5ab] {
   margin-top: var(--td-comp-margin-m);
   display: flex;
 }
-.qd-popup-table-select__table-add .t-input__wrap[data-v-777a7929] {
+.qd-popup-table-select__table-add .t-input__wrap[data-v-2084d5ab] {
   flex: 1 1 0;
   overflow: hidden;
   margin-right: var(--td-comp-margin-m);
 }
+.qd-popup-table-select__input-trigger[data-v-2084d5ab] {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}

package/dist/components/service-popup-table-select/props.d.ts

@@ -5,6 +5,7 @@ export declare const qdServicePopupTableSelectProps: {
     readonly disabled: undefined;
     readonly clearable: false;
     readonly valueType: "value";
+    readonly mode: "select";
     readonly data: () => never[];
     readonly columnControllerVisible: undefined;
     readonly displayColumns: undefined;

package/dist/components/service-popup-table-select/props.mjs

@@ -13,7 +13,8 @@ const qdServicePopupTableSelectProps = {
   readonly: void 0,
   disabled: void 0,
   clearable: false,
-  valueType: "value"
+  valueType: "value",
+  mode: "select"
 };
 const qdServicePopupProps = {
   placement: "bottom-left"

package/dist/components/service-popup-table-select/types.d.ts

@@ -9,5 +9,7 @@ export interface QdServicePopupTableSelectProps<D extends TableRowData = TableRo
     addConfirmBtn?: string | TdButtonProps | null;
     addCancelBtn?: string | TdButtonProps | null;
     addInput?: string | TdInputProps | null;
+    mode?: 'select' | 'input';
+    quoteBtn?: string | TdButtonProps | null;
 }
 export type QdServicePopupTableSelectInstanceFunctions = QdCrudTableInstanceFunctions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",