qidian-vue-ui 2.0.39 → 2.0.41

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

@@ -1,31 +1,37 @@
-.qd-crud-search[data-v-5603ed69] {
-  height: var(--db8b5e88);
+.qd-crud-search[data-v-bf70986d] {
+  height: var(--v18df9f58);
 }
-.qd-crud-search[data-v-5603ed69] >  .t-loading__parent {
+.qd-crud-search[data-v-bf70986d] >  .t-loading__parent {
   height: 100%;
 }
-.qd-crud-search[data-v-5603ed69] >  .t-loading__parent > .t-card__body {
+.qd-crud-search[data-v-bf70986d] >  .t-loading__parent > .t-card__body {
   height: 100%;
   padding-bottom: 0 !important;
 }
-.qd-crud-search[data-v-5603ed69] >  .t-loading__parent > .t-card__body > .qd-form {
+.qd-crud-search[data-v-bf70986d] >  .t-loading__parent > .t-card__body > .qd-form {
   display: flex;
   align-items: flex-end;
   flex-flow: row wrap;
   height: 100%;
 }
-.qd-crud-search[data-v-5603ed69] >  .t-loading__parent > .t-card__body > .qd-form > .qd-grid {
+.qd-crud-search[data-v-bf70986d] >  .t-loading__parent > .t-card__body > .qd-form > .qd-grid {
   height: 100%;
   flex: 1 1 0;
   overflow: hidden;
   margin-right: var(--td-comp-margin-l);
 }
-.qd-crud-search__actions[data-v-5603ed69] {
+.qd-crud-search__actions[data-v-bf70986d] {
   margin-bottom: var(--td-comp-margin-xl);
 }
-.qd-crud-search__more[data-v-5603ed69] .t-icon {
+.qd-crud-search__more[data-v-bf70986d] {
+  overflow: visible;
+}
+.qd-crud-search__more[data-v-bf70986d] .t-icon {
   transition: transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
 }
-.qd-crud-search__more--expand[data-v-5603ed69] .t-icon {
+.qd-crud-search__more[data-v-bf70986d] .t-badge {
+  font-size: inherit;
+}
+.qd-crud-search__more--expand[data-v-bf70986d] .t-icon {
   transform: rotate(-180deg);
 }

package/dist/components/crud/search/index.vue.d.ts

@@ -1,9 +1,9 @@
 import type { QdCrudSearchProps } from './types';
-declare var __VLS_8: string, __VLS_9: any, __VLS_50: string, __VLS_51: any;
+declare var __VLS_8: string, __VLS_9: any, __VLS_58: string, __VLS_59: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
 } & {
-    [K in NonNullable<typeof __VLS_50>]?: (props: typeof __VLS_51) => any;
+    [K in NonNullable<typeof __VLS_58>]?: (props: typeof __VLS_59) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<QdCrudSearchProps, {
     submit: (params?: {

package/dist/components/crud/search/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 QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5603ed69"]]);
+const QdCrudSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf70986d"]]);
 export {
   QdCrudSearch as default
 };

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

@@ -1,9 +1,9 @@
 import './index.css'
-import { defineComponent, mergeDefaults, useCssVars, computed, useTemplateRef, ref, onMounted, withDirectives, createBlock, openBlock, unref, createSlots, withCtx, createVNode, mergeProps, isRef, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, mergeDefaults, useCssVars, computed, useTemplateRef, ref, watch, nextTick, onMounted, withDirectives, createBlock, openBlock, unref, createSlots, withCtx, createVNode, mergeProps, isRef, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { useVModel } 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 { extractSlotsWithPrefix, resizeDirective } from "qidian-shared";
+import { isEmpty, extractSlotsWithPrefix, resizeDirective } from "qidian-shared";
 import { ChevronDownIcon } from "tdesign-icons-vue-next";
-import { Space, Button } from "tdesign-vue-next";
+import { Space, Tooltip, Button, Badge } from "tdesign-vue-next";
 import { useConfig } from "../../config-provider/useConfig.mjs";
 import { qdSearchGrid, qdCrudSearchProps } from "./props.mjs";
 import merge from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
@@ -51,13 +51,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:data"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "db8b5e88": cardH.value
+      "v18df9f58": cardH.value
     }));
     const props = __props;
     const emit = __emit;
     const data = useVModel(props, "data", emit, { passive: true });
     const vResize = resizeDirective;
-    const { t } = useConfig("crud");
+    const { t, size: globalSize } = useConfig("crud");
     const reProps = computed(() => {
       const { data: data2, btnDisabled, onSearch, onReset, grid, ...formOptions } = props;
       return {
@@ -77,6 +77,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const oneLineH = ref("auto");
     const cardH = computed(() => expand.value ? "auto" : oneLineH.value);
     const formRef = useTemplateRef("form");
+    const hiddenItems = ref([]);
+    const filledHiddenItems = computed(
+      () => hiddenItems.value.filter((item) => !isEmpty(data.value[item.name]))
+    );
     function getPadding(element, top, bottom) {
       const styles = getComputedStyle(element);
       const pt = parseInt(styles.paddingTop) || 0;
@@ -94,12 +98,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         resetExpand();
         return;
       }
-      const gridItems = el.querySelectorAll(".qd-grid-item");
+      const gridItems = Array.from(grid.children).filter(
+        (item) => item instanceof HTMLElement && item.classList.contains("qd-grid-item") && !!item.offsetHeight
+      );
       if (!gridItems.length) {
         resetExpand();
         return;
       }
-      const heights = Array.from(gridItems, (item) => item.offsetHeight);
+      const heights = gridItems.map((item) => item.offsetHeight);
       const minItemHeight = Math.min(...heights);
       if (grid.scrollHeight - 1 < minItemHeight) {
         resetExpand();
@@ -109,13 +115,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const totalHeight = minItemHeight + (cardBody ? getPadding(cardBody) : 0) + getPadding(el);
       showExpand.value = true;
       oneLineH.value = `${totalHeight}px`;
+      syncHiddenItems(gridItems);
     }
     function resetExpand() {
       showExpand.value = false;
       oneLineH.value = "auto";
       expand.value = false;
+      hiddenItems.value = [];
+    }
+    function syncHiddenItems(gridItems) {
+      const firstRowTop = Math.min(...gridItems.map((item) => item.offsetTop));
+      hiddenItems.value = gridItems.flatMap((element) => {
+        if (element.offsetTop - firstRowTop <= 1) return [];
+        const formItem = props.items?.find(
+          (item) => item.name && element.classList.contains(`qd-form-item__${item.name}`)
+        );
+        if (!formItem?.name) return [];
+        const label = element.querySelector(".t-form__label")?.textContent?.trim() || formItem.name;
+        return [{ name: formItem.name, label }];
+      });
     }
     const expose = {};
+    watch(globalSize, async () => {
+      await nextTick();
+      onResize();
+    });
     onMounted(() => {
       Object.assign(expose, formRef.value);
     });
@@ -138,20 +162,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: "small"
               }, {
                 default: withCtx(() => [
-                  showExpand.value ? (openBlock(), createBlock(unref(Button), {
-                    class: normalizeClass(["qd-crud-search__more", expand.value ? "qd-crud-search__more--expand" : ""]),
-                    key: "expand",
-                    variant: "text",
-                    onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
+                  showExpand.value ? (openBlock(), createBlock(unref(Tooltip), {
+                    key: 0,
+                    disabled: expand.value || !filledHiddenItems.value.length,
+                    placement: "top"
                   }, {
-                    suffix: withCtx(() => [
-                      createVNode(unref(ChevronDownIcon))
+                    content: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filledHiddenItems.value, (item) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: item.name
+                        }, toDisplayString(item.label), 1);
+                      }), 128))
                     ]),
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(expand.value ? unref(t)("collapseSearchText") : unref(t)("expandSearchText")) + " ", 1)
+                      createVNode(unref(Button), {
+                        class: normalizeClass(["qd-crud-search__more", expand.value ? "qd-crud-search__more--expand" : ""]),
+                        key: "expand",
+                        variant: "text",
+                        onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
+                      }, {
+                        suffix: withCtx(() => [
+                          createVNode(unref(ChevronDownIcon))
+                        ]),
+                        default: withCtx(() => [
+                          createVNode(unref(Badge), {
+                            count: expand.value ? 0 : filledHiddenItems.value.length,
+                            size: "small"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(expand.value ? unref(t)("collapseSearchText") : unref(t)("expandSearchText")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["count"])
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
                     ]),
                     _: 1
-                  }, 8, ["class"])) : createCommentVNode("", true),
+                  }, 8, ["disabled"])) : createCommentVNode("", true),
                   createVNode(unref(Button), {
                     key: "submit",
                     type: "submit",

package/dist/components/service-dialog-table-select/index.css

@@ -1,31 +1,34 @@
-.qd-dialog-table-select[data-v-f977aab9] {
+.qd-dialog-table-select[data-v-ef4f0dd9] {
   width: 100%;
 }
-.qd-dialog-table-select__trigger[data-v-f977aab9] {
+.qd-dialog-table-select__trigger[data-v-ef4f0dd9] {
   width: 100%;
 }
-.qd-dialog-table-select__trigger[data-v-f977aab9]:not(.qd-dialog-table-select__trigger--readonly):not(.qd-dialog-table-select__trigger--disabled) {
+.qd-dialog-table-select__trigger[data-v-ef4f0dd9]:not(.qd-dialog-table-select__trigger--readonly):not(.qd-dialog-table-select__trigger--disabled) {
   cursor: pointer;
 }
-.qd-dialog-table-select__input-trigger[data-v-f977aab9] {
+.qd-dialog-table-select__input-trigger[data-v-ef4f0dd9] {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.qd-dialog-table-select__table[data-v-f977aab9] .qd-crud-search > .t-loading__parent > .t-card__body,
-.qd-dialog-table-select__table[data-v-f977aab9] .qd-crud-table__body > .t-loading__parent > .t-card__body {
+.qd-dialog-table-select__table[data-v-ef4f0dd9] .qd-crud-search > .t-loading__parent > .t-card__body,
+.qd-dialog-table-select__table[data-v-ef4f0dd9] .qd-crud-table__body > .t-loading__parent > .t-card__body {
   padding: 0 !important;
 }
-.qd-dialog-table-select__table[data-v-f977aab9] .qd-crud-table__toolbar {
+.qd-dialog-table-select__table[data-v-ef4f0dd9] .qd-crud-table__toolbar {
   display: none;
 }
-.qd-dialog-table-select__table[data-v-f977aab9] .qd-service-table {
+.qd-dialog-table-select__table[data-v-ef4f0dd9] .qd-crud-table__body {
+  margin-top: 0 !important;
+}
+.qd-dialog-table-select__table[data-v-ef4f0dd9] .qd-service-table {
   margin-top: 0;
 }
-.qd-dialog-table-select__table-add[data-v-f977aab9] {
+.qd-dialog-table-select__table-add[data-v-ef4f0dd9] {
   margin-top: var(--td-comp-margin-m);
   display: flex;
 }
-.qd-dialog-table-select__table-add .t-input__wrap[data-v-f977aab9] {
+.qd-dialog-table-select__table-add .t-input__wrap[data-v-ef4f0dd9] {
   flex: 1 1 0;
   overflow: hidden;
   margin-right: var(--td-comp-margin-m);

package/dist/components/service-dialog-table-select/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 index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f977aab9"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ef4f0dd9"]]);
 export {
   index as default
 };

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-b01d19a7"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dacb1c1"]]);
 export {
   index as default
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.0.39",
+  "version": "2.0.41",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",
@@ -130,7 +130,7 @@
     "vue-codemirror": "^6.1.1",
     "vue-echarts": "^8.0.1",
     "vue-stream-markdown": "1.0.1-beta.1",
-    "qidian-shared": "1.2.5"
+    "qidian-shared": "1.2.6"
   },
   "scripts": {
     "clean": "rm -rf dist",