qidian-vue-ui 2.6.1 → 2.7.0

package/dist/components/form/config.d.ts

@@ -4,6 +4,7 @@ export interface QdFormGridItemRegistryEntry {
     gridIndex: ComputedRef<number | undefined>;
     visible: ComputedRef<boolean>;
     colSpan: ComputedRef<number>;
+    isFill: ComputedRef<boolean>;
 }
 export declare const PROVIDE_FORM_REGISTER_GRID_ITEM: InjectionKey<(entry: QdFormGridItemRegistryEntry) => void>;
 export declare const PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE: InjectionKey<(item: QdFormBeforeSubmitQueueItem) => void>;

package/dist/components/form/index.css

@@ -1,28 +1,29 @@
-.qd-form--small[data-v-f856f3a8] {
+.qd-form--small[data-v-6a3db57f] {
   font: var(--td-font-body-small);
 }
-.qd-form--small[data-v-f856f3a8] .t-form__label--top {
+.qd-form--small[data-v-6a3db57f] .t-form__label--top {
   min-height: var(--td-comp-margin-xxl);
   line-height: var(--td-comp-margin-xxl);
 }
-.qd-form--small[data-v-f856f3a8] .t-form__controls,
-.qd-form--small[data-v-f856f3a8] .t-form__controls-content {
+.qd-form--small[data-v-6a3db57f] .t-form__controls,
+.qd-form--small[data-v-6a3db57f] .t-form__controls-content {
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-grid {
-  border-top: 1px solid var(--td-component-border);
-  border-left: 1px solid var(--td-component-border);
+.qd-form--descriptions[data-v-6a3db57f] .qd-grid {
+  border: 1px solid var(--td-component-border);
+  background-color: var(--td-component-border);
+  gap: 1px !important;
+  overflow: hidden;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-grid-item {
-  border-right: 1px solid var(--td-component-border);
-  border-bottom: 1px solid var(--td-component-border);
+.qd-form--descriptions[data-v-6a3db57f] .qd-grid-item {
+  background-color: var(--td-bg-color-container);
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__item {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__label {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -31,17 +32,17 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__label--top {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__label--top {
   border-bottom: 1px solid var(--td-component-border);
   align-items: center;
   height: var(--qd-form-description-label-height, auto);
   white-space: normal;
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__label--top + .t-form__controls > .t-form__controls-content {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__label--top + .t-form__controls > .t-form__controls-content {
   justify-content: center;
   text-align: center;
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__controls {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -52,34 +53,34 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-f856f3a8] .t-form__controls-content {
+.qd-form--descriptions[data-v-6a3db57f] .t-form__controls-content {
   min-height: auto;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item--label-top {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top {
   display: grid;
   grid-template-rows: auto minmax(min-content, 1fr);
   grid-row: span 2 !important;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item--label-top > .t-form__item {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top > .t-form__item {
   display: contents;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item--label-top .t-form__controls-content {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item--label-top .t-form__controls-content {
   white-space: normal;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item--empty-content .t-form__controls {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
   min-height: 0;
   height: 0;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
   border-right: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-f856f3a8] .qd-form-item--filler {
+.qd-form--descriptions[data-v-6a3db57f] .qd-form-item--filler {
   background-color: var(--td-bg-color-secondarycontainer);
 }
-.qd-form--descriptions-mini[data-v-f856f3a8] .t-form__label,
-.qd-form--descriptions-mini[data-v-f856f3a8] .t-form__controls {
+.qd-form--descriptions-mini[data-v-6a3db57f] .t-form__label,
+.qd-form--descriptions-mini[data-v-6a3db57f] .t-form__controls {
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
   font: var(--td-font-body-small);
 }

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

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

@@ -170,14 +170,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       items.forEach((_, index) => {
         const entry = entryMap.get(index);
         if (entry?.visible.value) {
-          const span = entry.colSpan.value;
-          if (span > 0) {
-            if (used + span > columns) {
-              const remaining2 = columns - used;
-              if (remaining2 > 0) nodes.push({ type: "filler", span: remaining2 });
-              used = 0;
+          if (entry.isFill.value) {
+            used = columns;
+          } else {
+            const span = entry.colSpan.value;
+            if (span > 0) {
+              if (used + span > columns) {
+                const remaining2 = columns - used;
+                if (remaining2 > 0) nodes.push({ type: "filler", span: remaining2 });
+                used = 0;
+              }
+              used += span;
             }
-            used += span;
           }
         }
         nodes.push({ type: "item", index });

package/dist/components/form/item.css

@@ -1,6 +1,6 @@
-.qd-form-item[data-v-e6936515] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item[data-v-e77adabb] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-form-item__component[data-v-e6936515]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item__component[data-v-e77adabb]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }

package/dist/components/form/item.vue.mjs

@@ -2,7 +2,7 @@ import './item.css'
 import _sfc_main from "./item.vue2.mjs";
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6936515"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e77adabb"]]);
 export {
   QdFormItem as default
 };

package/dist/components/form/item.vue2.mjs

@@ -7,8 +7,8 @@ import { qdUseComputeValue } from "../config-renderer/compute.mjs";
 import { PROVIDE_FORM_REGISTER_GRID_ITEM } from "./config.mjs";
 import { qdFormItemProps } from "./props.mjs";
 import { resolveQdFormItemOptions } from "./utils.mjs";
-import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH } from "../grid/config.mjs";
-import { resolveGridSpan, mergeGridValue } from "../grid/utils.mjs";
+import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, DEFAULT_COL } from "../grid/config.mjs";
+import { mergeGridValue, resolveGridSpan } from "../grid/utils.mjs";
 import QdGridItem from "../grid/item.vue.mjs";
 import _sfc_main$1 from "../config-renderer/index.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -63,11 +63,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const gridDefaultProps = inject(PROVIDE_GRID_ITEM_PROPS_KEY, void 0);
     const gridWidth = inject(PROVIDE_GRID_WIDTH_KEY, ref(DEFAULT_GRID_WIDTH));
-    const colSpan = computed(
-      () => resolveGridSpan(mergeGridValue(props.col, gridDefaultProps?.value?.col), gridWidth.value)
-    );
     const gridIndex = computed(() => props.gridIndex);
-    inject(PROVIDE_FORM_REGISTER_GRID_ITEM, void 0)?.({ visible: reIfRender, colSpan, gridIndex });
+    const reCol = computed(() => mergeGridValue(props.col, gridDefaultProps?.value?.col));
+    const colSpan = computed(() => {
+      const col = reCol.value;
+      if (col === "fill") return DEFAULT_COL;
+      return resolveGridSpan(col, gridWidth.value);
+    });
+    const isFill = computed(() => reCol.value === "fill");
+    inject(
+      PROVIDE_FORM_REGISTER_GRID_ITEM,
+      void 0
+    )?.({
+      visible: reIfRender,
+      colSpan,
+      gridIndex,
+      isFill
+    });
     const reProps = computed(() => {
       const {
         col,

package/dist/components/grid/config.d.ts

@@ -2,6 +2,12 @@ import type { ComputedRef, InjectionKey, Ref } from 'vue';
 import type { QdGridItemProps } from './types';
 export declare const PROVIDE_GRID_WIDTH_KEY: InjectionKey<Ref<number>>;
 export declare const PROVIDE_GRID_ITEM_PROPS_KEY: InjectionKey<ComputedRef<QdGridItemProps>>;
+export declare const PROVIDE_GRID_COLUMNS_KEY: InjectionKey<ComputedRef<number>>;
+export interface QdGridItemRegistryEntry {
+    colSpan: ComputedRef<number>;
+}
+export declare const PROVIDE_GRID_REGISTER_ITEM: InjectionKey<(entry: QdGridItemRegistryEntry) => void>;
+export declare const PROVIDE_GRID_REGISTRY_KEY: InjectionKey<Ref<QdGridItemRegistryEntry[]>>;
 export declare const DEFAULT_GRID_WIDTH = 1920;
 export declare const DEFAULT_BREAKPOINTS: {
     xs: number;

package/dist/components/grid/config.mjs

@@ -1,5 +1,8 @@
 const PROVIDE_GRID_WIDTH_KEY = /* @__PURE__ */ Symbol("QdGridWidth");
 const PROVIDE_GRID_ITEM_PROPS_KEY = /* @__PURE__ */ Symbol("QdGridItemProps");
+const PROVIDE_GRID_COLUMNS_KEY = /* @__PURE__ */ Symbol("QdGridColumns");
+const PROVIDE_GRID_REGISTER_ITEM = /* @__PURE__ */ Symbol("QdGridRegisterItem");
+const PROVIDE_GRID_REGISTRY_KEY = /* @__PURE__ */ Symbol("QdGridRegistry");
 const DEFAULT_GRID_WIDTH = 1920;
 const DEFAULT_BREAKPOINTS = {
   // <768px 手机
@@ -23,6 +26,9 @@ export {
   DEFAULT_COLUMNS,
   DEFAULT_GRID_WIDTH,
   DEFAULT_ROW,
+  PROVIDE_GRID_COLUMNS_KEY,
   PROVIDE_GRID_ITEM_PROPS_KEY,
+  PROVIDE_GRID_REGISTER_ITEM,
+  PROVIDE_GRID_REGISTRY_KEY,
   PROVIDE_GRID_WIDTH_KEY
 };

package/dist/components/grid/index.css

@@ -1,3 +1,3 @@
-.qd-grid[data-v-7b3149a8] {
+.qd-grid[data-v-3fdb373b] {
   display: grid;
 }

package/dist/components/grid/index.d.ts

@@ -1,5 +1,5 @@
-export { DEFAULT_GRID_WIDTH, PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY } from './config';
+export { DEFAULT_COL, DEFAULT_COLUMNS, DEFAULT_GRID_WIDTH, PROVIDE_GRID_COLUMNS_KEY, PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_REGISTER_ITEM, PROVIDE_GRID_REGISTRY_KEY, PROVIDE_GRID_WIDTH_KEY, type QdGridItemRegistryEntry } from './config';
 export { default as QdGrid } from './index.vue';
 export { default as QdGridItem } from './item.vue';
-export type { QdGridItemProps, QdGridProps } from './types';
-export { mergeGridValue, resolveGridSpan } from './utils';
+export type { GridColValue, QdGridItemProps, QdGridProps } from './types';
+export { computeFillSpan, mergeGridValue, resolveGridSpan } from './utils';

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

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

@@ -1,7 +1,7 @@
 import './index.css'
-import { defineComponent, computed, provide, useTemplateRef, ref, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, unref } from "vue";
+import { defineComponent, computed, provide, useTemplateRef, ref, shallowRef, nextTick, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeStyle, renderSlot, unref } from "vue";
 import { resizeDirective, isEmpty } from "qidian-shared";
-import { DEFAULT_COLUMNS, PROVIDE_GRID_ITEM_PROPS_KEY, DEFAULT_GRID_WIDTH, PROVIDE_GRID_WIDTH_KEY, DEFAULT_BREAKPOINTS } from "./config.mjs";
+import { DEFAULT_COLUMNS, PROVIDE_GRID_ITEM_PROPS_KEY, DEFAULT_GRID_WIDTH, PROVIDE_GRID_WIDTH_KEY, PROVIDE_GRID_COLUMNS_KEY, PROVIDE_GRID_REGISTER_ITEM, PROVIDE_GRID_REGISTRY_KEY, DEFAULT_BREAKPOINTS } from "./config.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "QdGrid"
@@ -20,6 +20,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const gridRef = useTemplateRef("gridEl");
     const gridWidth = ref(DEFAULT_GRID_WIDTH);
     provide(PROVIDE_GRID_WIDTH_KEY, gridWidth);
+    const gridColumns = computed(() => props.columns);
+    provide(PROVIDE_GRID_COLUMNS_KEY, gridColumns);
+    const gridItemRegistry = shallowRef([]);
+    provide(PROVIDE_GRID_REGISTER_ITEM, (entry) => {
+      nextTick(() => {
+        gridItemRegistry.value = [...gridItemRegistry.value, entry];
+      });
+      onBeforeUnmount(() => {
+        gridItemRegistry.value = gridItemRegistry.value.filter((it) => it !== entry);
+      });
+    });
+    provide(PROVIDE_GRID_REGISTRY_KEY, gridItemRegistry);
     function onResize() {
       gridWidth.value = gridRef.value?.clientWidth ?? DEFAULT_GRID_WIDTH;
     }

package/dist/components/grid/item.css

@@ -1,3 +1,3 @@
-.qd-grid-item[data-v-0d5f57c8] {
+.qd-grid-item[data-v-7df35ba7] {
   min-width: 0;
 }

package/dist/components/grid/item.vue.mjs

@@ -2,7 +2,7 @@ import './item.css'
 import _sfc_main from "./item.vue2.mjs";
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d5f57c8"]]);
+const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7df35ba7"]]);
 export {
   QdGridItem as default
 };

package/dist/components/grid/item.vue2.mjs

@@ -1,7 +1,8 @@
 import './item.css'
 import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
-import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, DEFAULT_ROW } from "./config.mjs";
-import { mergeGridValue, resolveGridSpan } from "./utils.mjs";
+import { useUICsl } from "../../utils/tools.mjs";
+import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, PROVIDE_GRID_COLUMNS_KEY, DEFAULT_COLUMNS, PROVIDE_GRID_REGISTER_ITEM, PROVIDE_GRID_REGISTRY_KEY, DEFAULT_COL, DEFAULT_ROW } from "./config.mjs";
+import { mergeGridValue, computeFillSpan, resolveGridSpan } from "./utils.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "QdGridItem"
@@ -12,26 +13,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     row: {}
   },
   setup(__props) {
+    const csl = useUICsl("QdGridItem");
     const props = __props;
     const defaultProps = inject(PROVIDE_GRID_ITEM_PROPS_KEY, void 0);
     const gridWidth = inject(PROVIDE_GRID_WIDTH_KEY, ref(DEFAULT_GRID_WIDTH));
+    const gridColumns = inject(
+      PROVIDE_GRID_COLUMNS_KEY,
+      computed(() => DEFAULT_COLUMNS)
+    );
+    const registerGridItem = inject(PROVIDE_GRID_REGISTER_ITEM, void 0);
+    const gridItemRegistry = inject(PROVIDE_GRID_REGISTRY_KEY, ref([]));
     const reProps = computed(() => ({
       col: mergeGridValue(props.col, defaultProps?.value?.col),
       row: mergeGridValue(props.row, defaultProps?.value?.row)
     }));
-    const getColSpan = computed(() => resolveGridSpan(reProps.value.col, gridWidth.value));
+    const fillColSpan = computed(() => {
+      const index = gridItemRegistry.value.indexOf(entry);
+      if (index === -1) return DEFAULT_COL;
+      return computeFillSpan(
+        gridItemRegistry.value.slice(0, index).map((it) => it.colSpan.value),
+        gridColumns.value
+      );
+    });
+    const colSpan = computed(() => {
+      const col = reProps.value.col;
+      if (col === "fill") return fillColSpan.value;
+      return resolveGridSpan(col, gridWidth.value);
+    });
+    const entry = { colSpan };
     const getRowSpan = computed(
       () => resolveGridSpan(reProps.value.row, gridWidth.value, DEFAULT_ROW)
     );
     const itemStyle = computed(() => {
-      if (getColSpan.value === 0 || getRowSpan.value === 0) {
+      if (colSpan.value === 0 || getRowSpan.value === 0) {
         return { display: "none" };
       }
       return {
-        gridColumn: `span ${getColSpan.value}`,
+        gridColumn: `span ${colSpan.value}`,
         gridRow: `span ${getRowSpan.value}`
       };
     });
+    registerGridItem?.(entry);
+    if (props.col === "fill" && !registerGridItem) {
+      csl.warn("fill", 'col="fill" 需在 QdGrid 内使用，已降级为 1 列');
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "qd-grid-item",

package/dist/components/grid/types.d.ts

@@ -2,12 +2,13 @@ import type { GutterObject, TdRowProps } from 'tdesign-vue-next';
 export type GridGutterValue = number | (GutterObject & {
     span?: number;
 });
+export type GridColValue = GridGutterValue | 'fill';
 export interface QdGridProps {
     columns?: number;
     gutter?: TdRowProps['gutter'];
     grid?: QdGridItemProps;
 }
 export interface QdGridItemProps {
-    col?: GridGutterValue;
+    col?: GridColValue;
     row?: GridGutterValue;
 }

package/dist/components/grid/utils.d.ts

@@ -1,3 +1,4 @@
-import type { GridGutterValue } from './types';
-export declare function mergeGridValue(prop: GridGutterValue | undefined, defaultProp: GridGutterValue | undefined): GridGutterValue | undefined;
+import type { GridColValue, GridGutterValue } from './types';
+export declare function mergeGridValue<P extends GridColValue | undefined, D extends GridColValue | undefined>(prop: P, defaultProp: D): P | D;
+export declare function computeFillSpan(prevSpans: number[], columns: number): number;
 export declare function resolveGridSpan(value: GridGutterValue | undefined, gridWidth: number, fallback?: number): number;

package/dist/components/grid/utils.mjs

@@ -3,12 +3,22 @@ import { DEFAULT_COL, DEFAULT_BREAKPOINTS } from "./config.mjs";
 function mergeGridValue(prop, defaultProp) {
   if (prop === void 0) return defaultProp;
   if (!defaultProp) return prop;
+  if (prop === "fill" || defaultProp === "fill") return prop;
   if (typeof prop === "number" || typeof defaultProp === "number") return prop;
   return {
     ...defaultProp,
     ...prop
   };
 }
+function computeFillSpan(prevSpans, columns) {
+  let used = 0;
+  for (const span of prevSpans) {
+    if (span <= 0) continue;
+    if (used + span > columns) used = 0;
+    used += span;
+  }
+  return used > 0 && used < columns ? columns - used : 0;
+}
 function resolveGridSpan(value, gridWidth, fallback = DEFAULT_COL) {
   if (isEmpty(value)) return fallback;
   if (typeof value === "number") return value;
@@ -21,6 +31,7 @@ function resolveGridSpan(value, gridWidth, fallback = DEFAULT_COL) {
   return xs ?? span ?? fallback;
 }
 export {
+  computeFillSpan,
   mergeGridValue,
   resolveGridSpan
 };

package/dist/components/icon/index.vue.mjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const csl = useUICsl("icon");
+    const csl = useUICsl("QdIcon");
     const loadIcons = formatGlob(
       /* @__PURE__ */ Object.assign({
         "/node_modules/tdesign-icons-vue-next/esm/components/ability-open.js": () => import("../../node_modules/.pnpm/tdesign-icons-vue-next@0.4.4_vue@3.5.26_typescript@5.9.3_/node_modules/tdesign-icons-vue-next/esm/components/ability-open.mjs").then((m) => m["default"]),

package/dist/components/office/pdf/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 QdOfficePdf = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-045bed93"]]);
+const QdOfficePdf = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c34c283e"]]);
 export {
   QdOfficePdf as default
 };

package/dist/components/office/pdf/index.vue2.mjs

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const vResize = resizeDirective;
-    const csl = useUICsl("office-pdf");
+    const csl = useUICsl("QdOfficePdf");
     const { t } = useConfig("office");
     const globalOffice = inject(
       PROVIDE_OFFICE,

package/dist/components/office/pdf/index2.css

@@ -1,26 +1,26 @@
-.qd-office-pdf[data-v-045bed93] {
+.qd-office-pdf[data-v-c34c283e] {
   width: 100%;
   height: 100%;
   position: relative;
   background-color: var(--td-bg-color-component);
 }
-.qd-office-pdf__container[data-v-045bed93] {
+.qd-office-pdf__container[data-v-c34c283e] {
   position: absolute;
   width: 100%;
   max-height: 100%;
   overflow: auto;
 }
-.qd-office-pdf__viewer[data-v-045bed93] {
+.qd-office-pdf__viewer[data-v-c34c283e] {
   width: 100%;
   height: 100%;
 }
-.qd-office-pdf__viewer[data-v-045bed93] .page {
+.qd-office-pdf__viewer[data-v-c34c283e] .page {
   box-sizing: content-box;
 }
-.qd-office-pdf__viewer[data-v-045bed93] .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a {
+.qd-office-pdf__viewer[data-v-c34c283e] .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a {
   background-color: transparent;
 }
-.qd-office-pdf__controls[data-v-045bed93] {
+.qd-office-pdf__controls[data-v-c34c283e] {
   position: absolute;
   left: 50%;
   bottom: var(--td-comp-paddingTB-xl) !important;
@@ -32,39 +32,39 @@
   user-select: none;
   transition: all 0.2s linear;
 }
-.qd-office-pdf__controls .t-button[data-v-045bed93] {
+.qd-office-pdf__controls .t-button[data-v-c34c283e] {
   width: 38px;
   height: 38px;
   padding: 0;
   margin-left: 0;
 }
-.qd-office-pdf__controls-body[data-v-045bed93] {
+.qd-office-pdf__controls-body[data-v-c34c283e] {
   display: flex;
   align-items: center;
   opacity: 0.5;
   transition: opacity 0.2s linear;
 }
-.qd-office-pdf__controls-scale[data-v-045bed93] {
+.qd-office-pdf__controls-scale[data-v-c34c283e] {
   width: 39px;
   margin: 0 var(--td-comp-margin-s);
 }
-.qd-office-pdf__controls-page[data-v-045bed93] {
+.qd-office-pdf__controls-page[data-v-c34c283e] {
   display: flex;
   align-items: stretch;
 }
-.qd-office-pdf__controls-page[data-v-045bed93] .t-input-number {
+.qd-office-pdf__controls-page[data-v-c34c283e] .t-input-number {
   width: auto;
 }
-.qd-office-pdf__controls-page[data-v-045bed93] .t-input-number .t-input {
+.qd-office-pdf__controls-page[data-v-c34c283e] .t-input-number .t-input {
   padding: 0;
 }
-.qd-office-pdf__controls-page[data-v-045bed93] .t-input-number .t-input__wrap {
+.qd-office-pdf__controls-page[data-v-c34c283e] .t-input-number .t-input__wrap {
   min-width: 32px;
 }
-.qd-office-pdf__controls-page[data-v-045bed93] .t-input-number .t-input__inner {
+.qd-office-pdf__controls-page[data-v-c34c283e] .t-input-number .t-input__inner {
   min-width: 32px;
 }
-.qd-office-pdf__controls-page-input[data-v-045bed93] {
+.qd-office-pdf__controls-page-input[data-v-c34c283e] {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
@@ -74,17 +74,17 @@
   background-color: var(--td-bg-color-secondarycontainer);
   border-radius: var(--td-radius-default);
 }
-.qd-office-pdf__controls[data-v-045bed93]:hover {
+.qd-office-pdf__controls[data-v-c34c283e]:hover {
   background-color: var(--td-bg-color-container);
 }
-.qd-office-pdf__controls:hover .qd-office-pdf__controls-body[data-v-045bed93] {
+.qd-office-pdf__controls:hover .qd-office-pdf__controls-body[data-v-c34c283e] {
   opacity: 1;
 }
-.controls-fade-leave-active[data-v-045bed93],
-.controls-fade-enter-active[data-v-045bed93] {
+.controls-fade-leave-active[data-v-c34c283e],
+.controls-fade-enter-active[data-v-c34c283e] {
   transition: opacity 0.28s cubic-bezier(0.38, 0, 0.24, 1);
 }
-.controls-fade-enter-from[data-v-045bed93],
-.controls-fade-leave-to[data-v-045bed93] {
+.controls-fade-enter-from[data-v-c34c283e],
+.controls-fade-leave-to[data-v-c34c283e] {
   opacity: 0;
 }

package/dist/index.mjs

@@ -33,10 +33,10 @@ import { PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE, PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUE
 import { default as default23 } from "./components/form/index.vue.mjs";
 import { default as default24 } from "./components/form/item.vue.mjs";
 import { qdFormGrid, qdFormGutter } from "./components/form/props.mjs";
-import { DEFAULT_GRID_WIDTH, PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY } from "./components/grid/config.mjs";
+import { DEFAULT_COL, DEFAULT_COLUMNS, DEFAULT_GRID_WIDTH, PROVIDE_GRID_COLUMNS_KEY, PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_REGISTER_ITEM, PROVIDE_GRID_REGISTRY_KEY, PROVIDE_GRID_WIDTH_KEY } from "./components/grid/config.mjs";
 import { default as default25 } from "./components/grid/index.vue.mjs";
 import { default as default26 } from "./components/grid/item.vue.mjs";
-import { mergeGridValue, resolveGridSpan } from "./components/grid/utils.mjs";
+import { computeFillSpan, mergeGridValue, resolveGridSpan } from "./components/grid/utils.mjs";
 import { default as default27 } from "./components/image/index.vue.mjs";
 import { default as default28 } from "./components/left-ribbon-tag/index.vue.mjs";
 import { default as default29 } from "./components/org/tag/index.vue.mjs";
@@ -69,11 +69,16 @@ import * as auth from "./utils/auth.mjs";
 import { useUICsl } from "./utils/tools.mjs";
 import { formatDuration } from "./utils/date.mjs";
 export {
+  DEFAULT_COL,
+  DEFAULT_COLUMNS,
   DEFAULT_GRID_WIDTH,
   PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE,
   PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE,
   PROVIDE_FORM_RESET_QUEUE,
+  PROVIDE_GRID_COLUMNS_KEY,
   PROVIDE_GRID_ITEM_PROPS_KEY,
+  PROVIDE_GRID_REGISTER_ITEM,
+  PROVIDE_GRID_REGISTRY_KEY,
   PROVIDE_GRID_WIDTH_KEY,
   QD_TABLE_BLANK_FILTER_VALUE,
   default11 as QdAutoTooltip,
@@ -115,6 +120,7 @@ export {
   default37 as QdSteps,
   default38 as QdUpload,
   auth,
+  computeFillSpan,
   defineQdCrudList,
   defineQdCrudTable,
   defineQdCrudTabsTable,

package/package.json

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