qidian-vue-ui 1.3.1 → 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/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/package.json

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