qidian-vue-ui 2.0.0-beta.2 → 2.0.0-beta.4

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

@@ -1,46 +1,53 @@
-.qd-service-table[data-v-c56c6716] {
+.qd-service-table[data-v-70d5cd46] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-service-table[data-v-c56c6716] >  .t-table__content {
+.qd-service-table[data-v-70d5cd46] >  .t-table__content {
   flex: 1;
 }
-.qd-service-table[data-v-c56c6716] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
+.qd-service-table[data-v-70d5cd46] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
   margin-left: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
 }
-.qd-service-table[data-v-c56c6716] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
+.qd-service-table[data-v-70d5cd46] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
   width: calc(var(--td-font-size-body-large) + var(--td-comp-margin-s));
 }
-.qd-service-table[data-v-c56c6716] .t-affix > .t-table__affixed-header-elm-wrap,
-.qd-service-table[data-v-c56c6716] .t-affix > .t-table__scrollbar--obvious {
-  transform: var(--v05eb2f2a);
+.qd-service-table[data-v-70d5cd46] .t-affix > .t-table__affixed-header-elm-wrap,
+.qd-service-table[data-v-70d5cd46] .t-affix > .t-table__scrollbar--obvious {
+  transform: var(--e4fcd59a);
 }
-.qd-service-table--horizontal-bar-static[data-v-c56c6716] .t-table__scrollbar--obvious {
+.qd-service-table--horizontal-bar-static[data-v-70d5cd46] .t-table__scrollbar--obvious {
   visibility: hidden;
   pointer-events: none;
 }
-.qd-service-table[data-v-c56c6716] .t-table__affixed-header-elm-wrap {
+.qd-service-table[data-v-70d5cd46] .t-table__affixed-header-elm-wrap {
   height: auto !important;
 }
-.qd-service-table[data-v-c56c6716] .t-table__affixed-header-elm {
+.qd-service-table[data-v-70d5cd46] .t-table__affixed-header-elm {
   position: relative;
   scrollbar-width: none;
 }
-.qd-service-table[data-v-c56c6716] .t-table__affixed-header-elm::-webkit-scrollbar {
+.qd-service-table[data-v-70d5cd46] .t-table__affixed-header-elm::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-.qd-service-table[data-v-c56c6716] .t-table__virtual-scroll-cursor + table {
+.qd-service-table[data-v-70d5cd46] .t-table__virtual-scroll-cursor + table {
   border-collapse: separate;
 }
-.qd-service-table[data-v-c56c6716] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-service-table[data-v-70d5cd46] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-service-table[data-v-c56c6716] .qd-service-table__non-editable-col {
+.qd-service-table[data-v-70d5cd46] .qd-service-table__non-editable-col {
   background-color: color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent);
 }
-.qd-service-table--disable-horizontal-scroll[data-v-c56c6716] colgroup > col {
+.qd-service-table[data-v-70d5cd46]  .qd-service-table__non-editable-col:is(
+        .t-table__cell--fixed-left,
+        .t-table__cell--fixed-right
+      ) {
+  background-color: inherit;
+  background-image: linear-gradient(color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent), color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent));
+}
+.qd-service-table--disable-horizontal-scroll[data-v-70d5cd46] colgroup > col {
   width: auto !important;
 }

package/dist/components/service/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 QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c56c6716"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70d5cd46"]]);
 export {
   QdServiceTable as default
 };

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

@@ -1,5 +1,5 @@
 import './index.css'
-import { defineComponent, mergeDefaults, useCssVars, ref, computed, useSlots, useTemplateRef, shallowRef, inject, reactive, createVNode, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, withDirectives, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, render, h, getCurrentInstance } from "vue";
+import { defineComponent, mergeDefaults, useCssVars, ref, computed, useSlots, useTemplateRef, shallowRef, inject, getCurrentInstance, reactive, createVNode, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, withDirectives, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, render, h } from "vue";
 import { useVModels, useElementBounding, useIntersectionObserver } 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 { useTimer, easyCopy, isEmpty, suspectedWrapperPromise, useServicePagination, createExposeProxy, resizeDirective, getScrollEl } from "qidian-shared";
 import { LoadingIcon, AddRectangleIcon, MinusRectangleIcon } from "tdesign-icons-vue-next";
@@ -318,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emit: __emit
   }) {
     useCssVars((_ctx) => ({
-      "v05eb2f2a": affixedHeaderTransform.value
+      "e4fcd59a": affixedHeaderTransform.value
     }));
     const props = __props;
     const emit = __emit;
@@ -345,6 +345,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const vResize = resizeDirective;
+    const vHorizontalWheel = {
+      mounted(el) {
+        el.addEventListener("wheel", handleHorizontalWheel, {
+          passive: false
+        });
+      },
+      unmounted(el) {
+        el.removeEventListener("wheel", handleHorizontalWheel);
+      }
+    };
     const slots = useSlots();
     const {
       t
@@ -377,6 +387,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const isVirtualScroll = computed(() => props.scroll?.type === "virtual");
+    const currentInstance = getCurrentInstance();
+    const offscreenAppContext = currentInstance ? {
+      ...currentInstance.appContext,
+      provides: Reflect.get(currentInstance, "provides")
+    } : null;
     let offscreenChain = Promise.resolve();
     let offscreenContainer = null;
     let offscreenVNode = null;
@@ -404,10 +419,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useTimer();
     let probeRafId = 0;
     let affixRefreshRafId = 0;
-    let wheelRafId = 0;
-    let wheelDeltaY = 0;
     let animatingAncestorCleanup = null;
-    const virtualWheelRafEnabled = computed(() => props.scroll?.type === "virtual" && props.scroll.wheelRaf !== false);
     const adaptedColumns = computed(() => {
       const columns = wrapFormItemColumns(props.columns || []);
       const selectType = props.selectType;
@@ -483,7 +495,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...tableOptions
       } = props;
       const {
-        wheelRaf: _wheelRaf,
         virtualUpdateInterval,
         ...scrollOptions
       } = scroll ?? {};
@@ -1083,13 +1094,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const message = getFirstValidationError(results);
       if (!firstError || !message) return;
       const column = firstError.col;
-      if (params?.showErrorMessage && params.scrollToFirstError !== false) {
+      const shouldLocateFirstError = params?.scrollToFirstError !== false;
+      if (params?.showErrorMessage && shouldLocateFirstError) {
         tableRef.value?.scrollToElement({
           index: firstError.rowIndex
         });
         await nextTick();
       }
-      if (resolveFormItemLazy(column)) {
+      if (shouldLocateFirstError && resolveFormItemLazy(column)) {
         setTimeout(() => {
           enterEditingCell({
             row: firstError.row,
@@ -1163,7 +1175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         data: row,
         items
       });
-      vnode.appContext = getCurrentInstance()?.appContext ?? null;
+      vnode.appContext = offscreenAppContext;
       render(vnode, container);
       offscreenContainer = container;
       offscreenVNode = vnode;
@@ -1671,54 +1683,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       probeBottomBlockHeight();
       refreshTableAffixPosition();
     }
-    function normalizeWheelDeltaY(event, scrollEl) {
+    function normalizeWheelDeltaY(event, pageSize2) {
       if (event.deltaMode === WheelEvent.DOM_DELTA_LINE) return event.deltaY * 16;
-      if (event.deltaMode === WheelEvent.DOM_DELTA_PAGE) return event.deltaY * scrollEl.clientHeight;
+      if (event.deltaMode === WheelEvent.DOM_DELTA_PAGE) return event.deltaY * pageSize2;
       return event.deltaY;
     }
-    function canConsumeVerticalScroll(el, deltaY) {
-      if (deltaY < 0) return el.scrollTop > 0;
-      return el.scrollTop + el.clientHeight < el.scrollHeight - 1;
-    }
-    function hasNestedVerticalScroll(target, root, deltaY) {
-      let el = target instanceof HTMLElement ? target : null;
-      while (el && el !== root) {
-        const {
-          overflowY
-        } = getComputedStyle(el);
-        if (/auto|scroll|overlay/.test(overflowY) && el.scrollHeight > el.clientHeight && canConsumeVerticalScroll(el, deltaY)) {
-          return true;
-        }
-        el = el.parentElement;
-      }
-      return false;
+    function canConsumeHorizontalScroll(el, deltaX) {
+      if (deltaX < 0) return el.scrollLeft > 0;
+      return el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
     }
     function isWheelFormTarget(target) {
       if (!(target instanceof Element)) return false;
       return !!target.closest('input, textarea, select, [contenteditable="true"], [role="spinbutton"], [role="slider"]');
     }
-    function clearWheelRaf() {
-      if (!wheelRafId) return;
-      cancelAnimationFrame(wheelRafId);
-      wheelRafId = 0;
-    }
-    function handleVirtualWheel(event) {
-      const scrollEl = tableContentEl.value;
-      if (!scrollEl || event.defaultPrevented || event.ctrlKey || event.shiftKey || !event.deltaY || Math.abs(event.deltaY) <= Math.abs(event.deltaX) || isWheelFormTarget(event.target)) {
+    function handleHorizontalWheel(event) {
+      if (event.defaultPrevented || event.ctrlKey || !event.shiftKey || !event.deltaY || Math.abs(event.deltaY) <= Math.abs(event.deltaX) || isWheelFormTarget(event.target)) {
         return;
       }
-      const deltaY = normalizeWheelDeltaY(event, scrollEl);
-      if (hasNestedVerticalScroll(event.target, scrollEl, deltaY)) return;
-      if (!canConsumeVerticalScroll(scrollEl, deltaY)) return;
+      const rootEl = event.currentTarget;
+      const scrollEl = rootEl.querySelector(".t-table__content");
+      if (!scrollEl) return;
+      const deltaX = normalizeWheelDeltaY(event, scrollEl.clientWidth);
+      const maxLeft = Math.max(scrollEl.scrollWidth - scrollEl.clientWidth, 0);
+      if (!maxLeft) return;
       event.preventDefault();
-      wheelDeltaY = deltaY;
-      if (wheelRafId) return;
-      wheelRafId = requestAnimationFrame(() => {
-        wheelRafId = 0;
-        if (tableContentEl.value !== scrollEl) return;
-        const maxTop = Math.max(scrollEl.scrollHeight - scrollEl.clientHeight, 0);
-        scrollEl.scrollTop = Math.min(Math.max(scrollEl.scrollTop + wheelDeltaY, 0), maxTop);
-      });
+      if (!canConsumeHorizontalScroll(scrollEl, deltaX)) return;
+      scrollEl.scrollLeft = Math.min(Math.max(scrollEl.scrollLeft + deltaX, 0), maxLeft);
     }
     function probeBottomBlockHeight(withDelay = true) {
       if (withDelay) {
@@ -1764,18 +1754,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(expandedTreeNodes, adjustScrollWhenTreeExpanded, {
       flush: "post"
     });
-    watch([tableContentEl, virtualWheelRafEnabled], ([el, enabled], _oldValue, onCleanup) => {
-      if (!el || !enabled) return;
-      el.addEventListener("wheel", handleVirtualWheel, {
-        passive: false
-      });
-      onCleanup(() => {
-        el.removeEventListener("wheel", handleVirtualWheel);
-        clearWheelRaf();
-      });
-    }, {
-      immediate: true
-    });
     watch(tableContentVisible, (visible) => {
       if (!visible) return;
       watchAnimatingTransformAncestor();
@@ -1825,7 +1803,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tableContentStop();
       if (probeRafId) cancelAnimationFrame(probeRafId);
       if (affixRefreshRafId) cancelAnimationFrame(affixRefreshRafId);
-      clearWheelRaf();
       animatingAncestorCleanup?.();
       document.removeEventListener("click", handleDocumentClick);
       document.removeEventListener("keydown", handleDocumentKeydown);
@@ -1904,7 +1881,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name,
           fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)), void 0, true)])
         };
-      })]), 1040, ["class", "selected-row-keys", "active-row-keys", "column-controller-visible", "display-columns", "expanded-row-keys", "filter-value", "sort", "expanded-tree-nodes", "columns", "loading", "data", "pagination"])), [[unref(vResize), onResize]]);
+      })]), 1040, ["class", "selected-row-keys", "active-row-keys", "column-controller-visible", "display-columns", "expanded-row-keys", "filter-value", "sort", "expanded-tree-nodes", "columns", "loading", "data", "pagination"])), [[unref(vResize), onResize], [vHorizontalWheel]]);
     };
   }
 });

package/dist/components/service/table/types.d.ts

@@ -4,7 +4,6 @@ import type { QdFormItemProps } from '../../form';
 type TDesignServiceTableCol<D extends TableRowData> = NonNullable<TdEnhancedTableProps<D>['columns']>[number];
 export type QdServiceTableScroll = NonNullable<TdEnhancedTableProps['scroll']> & {
     xVirtual?: boolean;
-    wheelRaf?: boolean;
     virtualUpdateInterval?: number;
 };
 export interface QdServiceTableCol<D extends TableRowData = TableRowData> extends Omit<TDesignServiceTableCol<D>, 'children' | 'foot'> {

package/dist/components/upload/index.css

@@ -1,97 +1,97 @@
-.qd-upload[data-v-3e7f6c0b] {
+.qd-upload[data-v-6b6ac9a6] {
   width: 100%;
   outline: none;
 }
-.qd-upload[data-v-3e7f6c0b] .t-image-viewer__trigger {
+.qd-upload[data-v-6b6ac9a6] .t-image-viewer__trigger {
   display: none;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__dragger {
+.qd-upload[data-v-6b6ac9a6] .t-upload__dragger {
   min-width: auto;
   min-height: 144px;
   width: 100%;
   height: 100%;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__flow {
+.qd-upload[data-v-6b6ac9a6] .t-upload__flow {
   width: 100%;
   min-width: auto;
   max-width: 100%;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__flow-empty {
+.qd-upload[data-v-6b6ac9a6] .t-upload__flow-empty {
   height: auto;
   min-height: 144px;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__flow-card-area,
-.qd-upload[data-v-3e7f6c0b] .t-upload__flow-table {
+.qd-upload[data-v-6b6ac9a6] .t-upload__flow-card-area,
+.qd-upload[data-v-6b6ac9a6] .t-upload__flow-table {
   margin-top: var(--td-comp-margin-s);
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__file-name__container {
+.qd-upload[data-v-6b6ac9a6] .t-upload__file-name__container {
   display: flex;
   align-items: center;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__file-name-text {
+.qd-upload[data-v-6b6ac9a6] .t-upload__file-name-text {
   cursor: pointer;
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__file-thumbnail {
+.qd-upload[data-v-6b6ac9a6] .t-upload__file-thumbnail {
   width: var(--td-comp-size-m);
   height: var(--td-comp-size-m);
 }
-.qd-upload[data-v-3e7f6c0b] .t-upload__card-image {
+.qd-upload[data-v-6b6ac9a6] .t-upload__card-image {
   width: 100%;
   height: 100%;
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-image-viewer__trigger {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-image-viewer__trigger {
   display: none;
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-upload__flow-table {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__flow-table {
   margin-top: 0;
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-upload__file-name__container {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-name__container {
   display: flex;
   align-items: center;
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-upload__file-name-text {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-name-text {
   cursor: pointer;
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-upload__file-thumbnail {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__file-thumbnail {
   width: var(--td-comp-size-m);
   height: var(--td-comp-size-m);
 }
-.qd-upload__popup-upload[data-v-3e7f6c0b] .t-upload__card-image {
+.qd-upload__popup-upload[data-v-6b6ac9a6] .t-upload__card-image {
   width: 100%;
   height: 100%;
 }
-.qd-upload__popup-upload--disabled[data-v-3e7f6c0b] .t-upload__flow-table th:last-child,
-.qd-upload__popup-upload--disabled[data-v-3e7f6c0b] .t-upload__flow-table td:last-child {
+.qd-upload__popup-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-table th:last-child,
+.qd-upload__popup-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-table td:last-child {
   display: none;
 }
-.qd-upload[data-v-3e7f6c0b]:focus .t-upload__flow-card-area,
-.qd-upload[data-v-3e7f6c0b]:focus .t-upload__flow-table {
+.qd-upload[data-v-6b6ac9a6]:focus .t-upload__flow-card-area,
+.qd-upload[data-v-6b6ac9a6]:focus .t-upload__flow-table {
   border-color: var(--td-brand-color);
 }
-.qd-upload--only-view[data-v-3e7f6c0b] .t-upload__flow-empty,
-.qd-upload--only-view[data-v-3e7f6c0b] .t-upload__card-mask-item-divider {
+.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__flow-empty,
+.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__card-mask-item-divider {
   display: none;
 }
-.qd-upload--only-view[data-v-3e7f6c0b] .t-upload__flow-card-area {
+.qd-upload--only-view[data-v-6b6ac9a6] .t-upload__flow-card-area {
   border-color: var(--td-component-border);
 }
-.qd-upload--only-view[data-v-3e7f6c0b]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
-.qd-upload--only-view[data-v-3e7f6c0b]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
-.qd-upload--only-view[data-v-3e7f6c0b]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
+.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-op,
+.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__trigger,
+.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-bottom {
   display: none;
 }
-.qd-upload--only-view[data-v-3e7f6c0b]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
-.qd-upload--only-view[data-v-3e7f6c0b]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
+.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-table,
+.qd-upload--only-view[data-v-6b6ac9a6]:not(.qd-upload--btn-image-popup):not(.qd-upload--btn-file-popup) .t-upload__flow-card-area {
   margin-top: 0;
 }
-.qd-upload--hide-manual-upload[data-v-3e7f6c0b] .t-upload__flow-bottom {
+.qd-upload--hide-manual-upload[data-v-6b6ac9a6] .t-upload__flow-bottom {
   display: none;
   margin-top: 0;
 }
-.qd-upload--hide-progress[data-v-3e7f6c0b] .t-upload__flow-table th:last-child,
-.qd-upload--hide-progress[data-v-3e7f6c0b] .t-upload__flow-table td:last-child {
+.qd-upload--hide-progress[data-v-6b6ac9a6] .t-upload__flow-table th:last-child,
+.qd-upload--hide-progress[data-v-6b6ac9a6] .t-upload__flow-table td:last-child {
   display: none;
 }
-.qd-upload--disabled[data-v-3e7f6c0b] .t-upload__flow-card-area {
+.qd-upload--disabled[data-v-6b6ac9a6] .t-upload__flow-card-area {
   border-color: var(--td-component-border);
 }

package/dist/components/upload/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 QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e7f6c0b"]]);
+const QdUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b6ac9a6"]]);
 export {
   QdUpload as default
 };

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

@@ -146,7 +146,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tempUrlMap = /* @__PURE__ */ new WeakMap();
     const tempModelValueSet = /* @__PURE__ */ new Set();
     const delList = ref([]);
-    const popupFileList = computed(() => [...fileList.value]);
+    const popupFileList = computed({
+      get: () => [...fileList.value],
+      set: (files) => {
+        fileList.value = files;
+      }
+    });
     const popupVisible = ref(false);
     const multiFileViewerRef = useTemplateRef("multiFileViewer");
     const viewerFiles = computed(
@@ -324,8 +329,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const reImageViewerProps = { ...imageViewerProps, visible: false };
       const handlePopupRemove = (context) => {
         reOnRemove(context);
-        if (isEmpty(context.index)) return;
-        fileList.value.splice(context.index, 1);
       };
       const reOnWaitingUploadFilesChange = (context) => {
         onWaitingUploadFilesChange?.(context);

package/package.json

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