qidian-vue-ui 2.0.32 → 2.0.33

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

@@ -88,6 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyForm: {
       type: Boolean
     },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: {

package/dist/components/crud/table/props.d.ts

@@ -23,6 +23,7 @@ export declare const qdCrudTableProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

package/dist/components/crud/tabs-table/index.vue.d.ts

@@ -193,6 +193,7 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 headerBg?: boolean | undefined;
                 emptyImage?: string | boolean | ((h: typeof import("vue").h) => import("tdesign-vue-next").TNodeReturnValue) | import("tdesign-vue-next").TdImageProps | undefined;
                 lazyForm?: boolean | undefined;
+                editCellValidationBlock?: import("../../service/table/types").QdServiceTableEditCellValidationBlock | undefined;
                 loadingWithData?: boolean | undefined;
                 disableHorizontalScroll?: boolean | undefined;
                 cacheKey?: string | ((params?: unknown[] | undefined) => string) | undefined;

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

@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emptyText: {},
     emptyImage: { type: [Boolean, String] },
     lazyForm: { type: Boolean },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: { type: Boolean },

package/dist/components/crud/tabs-table/props.d.ts

@@ -17,6 +17,7 @@ export declare const qdCrudTabsTableProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

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

@@ -1,88 +1,88 @@
-.qd-service-table[data-v-ffc43b16] {
+.qd-service-table[data-v-92206ee3] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-service-table[data-v-ffc43b16] >  .t-table__content {
+.qd-service-table[data-v-92206ee3] >  .t-table__content {
   flex: 1;
 }
-.qd-service-table--mini[data-v-ffc43b16] {
+.qd-service-table--mini[data-v-92206ee3] {
   font: var(--td-font-body-small);
 }
-.qd-service-table--mini[data-v-ffc43b16] th,
-.qd-service-table--mini[data-v-ffc43b16] tr:not(.t-table__expanded-row) > td {
+.qd-service-table--mini[data-v-92206ee3] th,
+.qd-service-table--mini[data-v-92206ee3] tr:not(.t-table__expanded-row) > td {
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
   line-height: var(--td-line-height-body-small);
 }
-.qd-service-table--mini[data-v-ffc43b16] .t-table__row-full-element {
+.qd-service-table--mini[data-v-92206ee3] .t-table__row-full-element {
   padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
 }
-.qd-service-table--hide-empty-image[data-v-ffc43b16] .t-table__empty {
+.qd-service-table--hide-empty-image[data-v-92206ee3] .t-table__empty {
   min-height: auto;
 }
-.qd-service-table--hide-empty-image[data-v-ffc43b16] .t-table__empty .t-empty {
+.qd-service-table--hide-empty-image[data-v-92206ee3] .t-table__empty .t-empty {
   padding: 0 !important;
 }
-.qd-service-table--hide-empty-image[data-v-ffc43b16] .t-table__empty .t-empty__image {
+.qd-service-table--hide-empty-image[data-v-92206ee3] .t-table__empty .t-empty__image {
   display: none;
 }
-.qd-service-table--hide-empty-image[data-v-ffc43b16] .t-table__empty .t-empty__title {
+.qd-service-table--hide-empty-image[data-v-92206ee3] .t-table__empty .t-empty__title {
   margin-top: 0;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__tree-col:not(:has(.t-table__tree-op-icon)) {
+.qd-service-table[data-v-92206ee3] .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-ffc43b16] .t-table__tree-leaf-node .t-table__tree-op-icon:empty {
+.qd-service-table[data-v-92206ee3] .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-ffc43b16] .t-affix > .t-table__affixed-header-elm-wrap,
-.qd-service-table[data-v-ffc43b16] .t-affix > .t-table__scrollbar--obvious {
-  transform: var(--v366f53ea);
+.qd-service-table[data-v-92206ee3] .t-affix > .t-table__affixed-header-elm-wrap,
+.qd-service-table[data-v-92206ee3] .t-affix > .t-table__scrollbar--obvious {
+  transform: var(--v48c62e9a);
 }
-.qd-service-table--horizontal-bar-static[data-v-ffc43b16] .t-table__scrollbar--obvious {
+.qd-service-table--horizontal-bar-static[data-v-92206ee3] .t-table__scrollbar--obvious {
   visibility: hidden;
   pointer-events: none;
 }
-.qd-service-table[data-v-ffc43b16]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
+.qd-service-table[data-v-92206ee3]  .t-table__expanded-row .qd-service-table--horizontal-bar-static > div:has(> div > .t-table__scrollbar--obvious) {
   display: none;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__expanded-row > td {
+.qd-service-table[data-v-92206ee3] .t-table__expanded-row > td {
   height: 0;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__affixed-header-elm-wrap {
+.qd-service-table[data-v-92206ee3] .t-table__affixed-header-elm-wrap {
   height: auto !important;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__affixed-header-elm {
+.qd-service-table[data-v-92206ee3] .t-table__affixed-header-elm {
   position: relative;
   scrollbar-width: none;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__affixed-header-elm::-webkit-scrollbar {
+.qd-service-table[data-v-92206ee3] .t-table__affixed-header-elm::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__virtual-scroll-cursor + table {
+.qd-service-table[data-v-92206ee3] .t-table__virtual-scroll-cursor + table {
   border-collapse: separate;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__expanded-row-inner {
+.qd-service-table[data-v-92206ee3] .t-table__expanded-row-inner {
   display: block;
   position: sticky;
   left: 0;
-  width: var(--v12b6b140) !important;
+  width: var(--v442c3de2) !important;
 }
-.qd-service-table[data-v-ffc43b16] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-service-table[data-v-92206ee3] .t-table__cell-wrap > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-service-table[data-v-ffc43b16] .qd-service-table__non-editable-col {
+.qd-service-table[data-v-92206ee3] .qd-service-table__non-editable-col {
   background-color: color-mix(in srgb, var(--td-bg-color-component) 50%, transparent);
 }
-.qd-service-table[data-v-ffc43b16]  .qd-service-table__non-editable-col:is(
+.qd-service-table[data-v-92206ee3]  .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-ffc43b16] colgroup > col {
+.qd-service-table--disable-horizontal-scroll[data-v-92206ee3] 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-ffc43b16"]]);
+const QdServiceTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92206ee3"]]);
 export {
   QdServiceTable as default
 };

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

@@ -41,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyForm: {
       type: Boolean
     },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: {
@@ -324,8 +325,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emit: __emit
   }) {
     useCssVars((_ctx) => ({
-      "v366f53ea": affixedHeaderTransform.value,
-      "v12b6b140": expandedRowWidth.value
+      "v48c62e9a": affixedHeaderTransform.value,
+      "v442c3de2": expandedRowWidth.value
     }));
     const props = __props;
     const emit = __emit;
@@ -1065,6 +1066,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else nextErrors.delete(rowValue);
       editingCellValidationErrors.value = nextErrors;
     }
+    function clearValidateData() {
+      tableRef.value?.clearValidateData();
+      editingCellValidationErrors.value = /* @__PURE__ */ new Map();
+    }
     function pruneCellValidationErrors(rows) {
       const currentErrors = editingCellValidationErrors.value;
       if (!currentErrors.size) return;
@@ -1151,6 +1156,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       autofocusEditingCell.value = void 0;
     }
     let suppressEnterCellKey = null;
+    function shouldBlockEditingCellExit(results) {
+      const block = props.editCellValidationBlock;
+      if (block === "none") return false;
+      return results?.some((item) => {
+        if (item.result !== false) return false;
+        const type = item.type === "warning" ? "warning" : "error";
+        return block === "all" || block === type;
+      }) ?? false;
+    }
     async function exitEditingCell(target) {
       const cellKey = getCellKey(target.row, target.colKey);
       const version = (editingCellValidationVersions.get(cellKey) ?? 0) + 1;
@@ -1160,7 +1174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } = await tableRef.value?.validateTableData() ?? {};
       if (version !== editingCellValidationVersions.get(cellKey)) return;
       if (!isEditingCell(target.row, target.colKey)) return;
-      if (result[cellKey]?.length) return;
+      if (shouldBlockEditingCellExit(result[cellKey])) return;
       editingCellValidationVersions.delete(cellKey);
       removeEditingCell(target);
       suppressEnterCellKey = cellKey;
@@ -2065,6 +2079,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setPollingInterval,
       validateTableData,
       validateRowData,
+      clearValidateData,
       submitTableData,
       submitRowData,
       getData: (key) => {

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

@@ -12,6 +12,7 @@ export declare const qdServiceTableProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly rowKey: "id";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;

package/dist/components/service/table/props.mjs

@@ -11,6 +11,7 @@ const qdServiceTableProps = {
   emptyText: void 0,
   emptyImage: true,
   lazyForm: true,
+  editCellValidationBlock: "error",
   rowKey: "id",
   expandIcon: true,
   selectOnRowClick: void 0,

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

@@ -15,6 +15,7 @@ export type QdServiceTableFormItem = Omit<QdFormItemProps, 'name' | 'label' | 'c
     lazy?: boolean;
     virtualValidateRender?: boolean;
 };
+export type QdServiceTableEditCellValidationBlock = 'none' | 'error' | 'warning' | 'all';
 export type QdServiceTableDeleteCheckResult = void | boolean | {
     success: boolean;
     message?: string;
@@ -61,6 +62,7 @@ export interface QdServiceTableProps<D extends TableRowData = TableRowData, R =
     emptyText?: string;
     emptyImage?: boolean | TdEmptyProps['image'];
     lazyForm?: boolean;
+    editCellValidationBlock?: QdServiceTableEditCellValidationBlock;
     scroll?: QdServiceTableScroll;
     tree?: TdEnhancedTableProps<D>['tree'] & {
         lazyLoad?: boolean;

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

@@ -76,6 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyForm: {
       type: Boolean
     },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: {

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

@@ -41,6 +41,7 @@ export declare const qdServiceDialogTableSelectProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

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

@@ -90,6 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyForm: {
       type: Boolean
     },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: {

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

@@ -16,6 +16,7 @@ export declare const qdServiceDialogTabsTableSelectProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

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

@@ -66,6 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazyForm: {
       type: Boolean
     },
+    editCellValidationBlock: {},
     scroll: {},
     tree: {},
     loadingWithData: {

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

@@ -15,6 +15,7 @@ export declare const qdServicePopupTableSelectProps: {
     readonly emptyText: undefined;
     readonly emptyImage: true;
     readonly lazyForm: true;
+    readonly editCellValidationBlock: "error";
     readonly expandIcon: true;
     readonly selectOnRowClick: undefined;
     readonly bordered: undefined;

package/package.json

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