qidian-vue-ui 2.0.0-beta.9 → 2.0.0

package/dist/components/config-renderer/utils.d.ts

@@ -14,4 +14,4 @@ export declare function createVModelBinding(context: Record<string, unknown>, vM
     'onUpdate:modelValue': (value: unknown) => void;
 };
 export declare function resolveVModelBinding(context: Record<string, unknown>, vModel?: string, defaultValue?: unknown): Record<string, unknown>;
-export declare function wrapFunctionalRenderer(fn: Component): import("vue").DefineComponent<{}, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function wrapFunctionalRenderer(fn: Component): Component;

package/dist/components/config-renderer/utils.mjs

@@ -41,8 +41,11 @@ function resolveVModelBinding(context, vModel, defaultValue) {
   return bindings;
 }
 const RENDERER_INTERNAL_KEYS = /* @__PURE__ */ new Set(["context", "config", "crudMode", "fnInjectCtx"]);
+const functionalRendererCache = /* @__PURE__ */ new WeakMap();
 function wrapFunctionalRenderer(fn) {
-  return defineComponent({
+  const cached = functionalRendererCache.get(fn);
+  if (cached) return cached;
+  const wrapped = defineComponent({
     name: "QdFunctionalRenderer",
     inheritAttrs: false,
     setup(_props, { attrs }) {
@@ -60,6 +63,8 @@ function wrapFunctionalRenderer(fn) {
       };
     }
   });
+  functionalRendererCache.set(fn, wrapped);
+  return wrapped;
 }
 export {
   createVModelBinding,

package/dist/components/service/table/edit-cell.d.ts

@@ -39,6 +39,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TableEditableCellPropsParams<TableRowData>["updateEditedCellValue"]>;
         required: true;
     };
+    notifyDataChange: {
+        type: PropType<() => void>;
+        required: true;
+    };
     sourceRow: {
         type: PropType<TableRowData>;
         default: undefined;
@@ -79,6 +83,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TableEditableCellPropsParams<TableRowData>["updateEditedCellValue"]>;
         required: true;
     };
+    notifyDataChange: {
+        type: PropType<() => void>;
+        required: true;
+    };
     sourceRow: {
         type: PropType<TableRowData>;
         default: undefined;

package/dist/components/service/table/edit-cell.mjs

@@ -13,7 +13,7 @@ function isProxyable(value) {
   const prototype = Object.getPrototypeOf(value);
   return prototype === Object.prototype || prototype === null;
 }
-function createRowEditContext(sourceRow, getEditedRow, colKey, updateEditedCellValue, onChange) {
+function createRowEditContext(sourceRow, getEditedRow, colKey, updateEditedCellValue, notifyDataChange, onChange) {
   const proxies = /* @__PURE__ */ new WeakMap();
   function syncValue(path, value) {
     const editedRow = getEditedRow();
@@ -28,8 +28,11 @@ function createRowEditContext(sourceRow, getEditedRow, colKey, updateEditedCellV
         onChange?.(value);
         set(sourceRow, path, value);
         if (editedRow !== sourceRow) set(editedRow, path, value);
+        notifyDataChange();
       });
+      return;
     }
+    notifyDataChange();
   }
   function wrap(target, parentPath = "") {
     const cachedByPath = proxies.get(target) ?? /* @__PURE__ */ new Map();
@@ -58,6 +61,7 @@ function createRowEditContext(sourceRow, getEditedRow, colKey, updateEditedCellV
           [path]: void 0
         });
         if (path === colKey) updateEditedCellValue(void 0);
+        notifyDataChange();
         return result;
       }
     });
@@ -106,6 +110,10 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
       type: Function,
       required: true
     },
+    notifyDataChange: {
+      type: Function,
+      required: true
+    },
     sourceRow: {
       type: Object,
       default: void 0
@@ -114,7 +122,7 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
   setup(props, {
     attrs
   }) {
-    const currentContext = computed(() => createRowEditContext(props.sourceRow ?? props.row, () => props.row, props.colKey, props.updateEditedCellValue, (value) => {
+    const currentContext = computed(() => createRowEditContext(props.sourceRow ?? props.row, () => props.row, props.colKey, props.updateEditedCellValue, props.notifyDataChange, (value) => {
       if (typeof attrs.onChange === "function") attrs.onChange(value);
     }));
     const {

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

@@ -1,58 +1,58 @@
-.qd-service-table[data-v-6da291b2] {
+.qd-service-table[data-v-ae90af38] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-service-table[data-v-6da291b2] >  .t-table__content {
+.qd-service-table[data-v-ae90af38] >  .t-table__content {
   flex: 1;
 }
-.qd-service-table[data-v-6da291b2] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
+.qd-service-table[data-v-ae90af38] .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-6da291b2] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
+.qd-service-table[data-v-ae90af38] .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-6da291b2] .t-affix > .t-table__affixed-header-elm-wrap,
-.qd-service-table[data-v-6da291b2] .t-affix > .t-table__scrollbar--obvious {
-  transform: var(--v22394fa6);
+.qd-service-table[data-v-ae90af38] .t-affix > .t-table__affixed-header-elm-wrap,
+.qd-service-table[data-v-ae90af38] .t-affix > .t-table__scrollbar--obvious {
+  transform: var(--v42be12ab);
 }
-.qd-service-table--horizontal-bar-static[data-v-6da291b2] .t-table__scrollbar--obvious {
+.qd-service-table--horizontal-bar-static[data-v-ae90af38] .t-table__scrollbar--obvious {
   visibility: hidden;
   pointer-events: none;
 }
-.qd-service-table[data-v-6da291b2] .t-table__affixed-header-elm-wrap {
+.qd-service-table[data-v-ae90af38] .t-table__affixed-header-elm-wrap {
   height: auto !important;
 }
-.qd-service-table[data-v-6da291b2] .t-table__affixed-header-elm {
+.qd-service-table[data-v-ae90af38] .t-table__affixed-header-elm {
   position: relative;
   scrollbar-width: none;
 }
-.qd-service-table[data-v-6da291b2] .t-table__affixed-header-elm::-webkit-scrollbar {
+.qd-service-table[data-v-ae90af38] .t-table__affixed-header-elm::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-.qd-service-table[data-v-6da291b2] .t-table__virtual-scroll-cursor + table {
+.qd-service-table[data-v-ae90af38] .t-table__virtual-scroll-cursor + table {
   border-collapse: separate;
 }
-.qd-service-table[data-v-6da291b2] .t-table__expanded-row-inner {
+.qd-service-table[data-v-ae90af38] .t-table__expanded-row-inner {
   position: sticky;
   left: 0;
-  width: var(--f583163c) !important;
+  width: var(--cf433440) !important;
 }
-.qd-service-table[data-v-6da291b2] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-service-table[data-v-ae90af38] .t-table__cell-wrap > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-service-table[data-v-6da291b2] .qd-service-table__non-editable-col {
-  background-color: color-mix(in srgb, var(--td-bg-color-secondarycontainer) 50%, transparent);
+.qd-service-table[data-v-ae90af38] .qd-service-table__non-editable-col {
+  background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
 }
-.qd-service-table[data-v-6da291b2]  .qd-service-table__non-editable-col:is(
+.qd-service-table[data-v-ae90af38]  .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-6da291b2] colgroup > col {
+.qd-service-table--disable-horizontal-scroll[data-v-ae90af38] 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-6da291b2"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae90af38"]]);
 export {
   QdServiceTable as default
 };

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

@@ -1,7 +1,7 @@
 import './index.css'
 import { defineComponent, mergeDefaults, useCssVars, computed, ref, 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, useElementSize, 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 { useActivated, useTimer, easyCopy, isEmpty, suspectedWrapperPromise, useServicePagination, createExposeProxy, resizeDirective, getScrollEl } from "qidian-shared";
 import { LoadingIcon, AddRectangleIcon, MinusRectangleIcon } from "tdesign-icons-vue-next";
 import { EnhancedTable, Table, Empty } from "tdesign-vue-next";
 import { useModal } from "../../../hooks/useModal.mjs";
@@ -318,8 +318,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emit: __emit
   }) {
     useCssVars((_ctx) => ({
-      "v22394fa6": affixedHeaderTransform.value,
-      "f583163c": expandedRowWidth.value
+      "v42be12ab": affixedHeaderTransform.value,
+      "cf433440": expandedRowWidth.value
     }));
     const props = __props;
     const emit = __emit;
@@ -373,6 +373,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const treeLoadIds = ref([]);
     const editingCells = shallowRef([]);
     const activeEditingCell = shallowRef();
+    let dataChangePending = false;
+    const {
+      activated
+    } = useActivated();
     const formItemColumns = computed(() => flattenFormItemColumns(props.columns || []));
     const editableColumns = computed(() => flattenEditableColumns(props.columns || []));
     const parentAddBeforeSubmitQueue = inject(PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE, void 0);
@@ -387,6 +391,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         message: context.firstError
       };
     });
+    function notifyDataChange() {
+      if (dataChangePending) return;
+      dataChangePending = true;
+      queueMicrotask(() => {
+        dataChangePending = false;
+        data.value = [...data.value];
+      });
+    }
     const isVirtualScroll = computed(() => props.scroll?.type === "virtual");
     const currentInstance = getCurrentInstance();
     const offscreenAppContext = currentInstance ? {
@@ -1054,6 +1066,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return slots["cell-empty-content"]?.(context) ?? value;
     }
     function handleDocumentKeydown(event) {
+      if (!activated.value) return;
       if (event.key !== "Escape" || !activeEditingCell.value || event.defaultPrevented) return;
       const target = event.target;
       if (target?.closest(".t-select-input--popup-visible, .t-popup__content, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer")) {
@@ -1062,13 +1075,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       exitActiveEditingCell();
     }
     function handleDocumentClick(event) {
-      if (!editingCells.value.length) return;
-      const target = event.target;
-      if (!target) return;
-      if (target.closest("td")) return;
-      if (target.closest(".t-popup, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer, [data-popper-placement]")) {
-        return;
-      }
+      if (!activated.value || !editingCells.value.length) return;
+      const hasVisibleDialog = Array.from(document.querySelectorAll(".t-dialog")).some((element) => element.getClientRects().length);
+      const hasVisibleDrawer = Array.from(document.querySelectorAll(".t-drawer")).some((element) => element.classList.contains("t-drawer--open") || element.getAnimations({
+        subtree: true
+      }).some((animation) => animation.playState === "running"));
+      if (hasVisibleDialog || hasVisibleDrawer) return;
+      const insideInteractiveArea = event.composedPath().some((target) => target instanceof Element && target.matches("td, .t-popup, .qd-dialog, .t-dialog, .t-drawer, .t-image-viewer, .qd-multi-file-viewer, [data-popper-placement]"));
+      if (insideInteractiveArea) return;
       void exitAllEditingCells();
     }
     function getFirstValidationError(results) {
@@ -1521,6 +1535,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               label: column.title,
               sourceRow: props.data?.find((item) => getRowValue(item) === rowValue) ?? data.value.find((item) => getRowValue(item) === rowValue) ?? row,
               updateEditedCellValue: context.updateEditedCellValue,
+              notifyDataChange,
               lazy: resolveFormItemLazy(column),
               active: !!activeEditingCell.value && isSameEditingCell(activeEditingCell.value, {
                 row,

package/package.json

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