qidian-vue-ui 2.7.1 → 2.7.3

package/dist/components/columns-controller/index.css

@@ -1,31 +1,31 @@
-.qd-columns-controller__title[data-v-ec921dfa] {
+.qd-columns-controller__title[data-v-579d4a20] {
   display: flex;
   align-items: center;
 }
-.qd-columns-controller__drag[data-v-ec921dfa] {
+.qd-columns-controller__drag[data-v-579d4a20] {
   cursor: move;
   margin-right: var(--td-comp-margin-m);
 }
-.qd-columns-controller__ghost[data-v-ec921dfa] {
+.qd-columns-controller__ghost[data-v-579d4a20] {
   opacity: 0.5;
   background: var(--td-brand-color-light);
 }
-.qd-columns-controller__chosen[data-v-ec921dfa] {
+.qd-columns-controller__chosen[data-v-579d4a20] {
   background: var(--td-brand-color-light-hover);
 }
-.qd-columns-controller__width-input[data-v-ec921dfa] {
+.qd-columns-controller__width-input[data-v-579d4a20] {
   width: 100%;
 }
-.qd-columns-controller__help[data-v-ec921dfa] {
+.qd-columns-controller__help[data-v-579d4a20] {
   font-size: var(--td-font-size-title-large);
 }
-.qd-columns-controller__footer[data-v-ec921dfa] {
+.qd-columns-controller__footer[data-v-579d4a20] {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.qd-columns-controller__footer-actions[data-v-ec921dfa] {
+.qd-columns-controller__footer-actions[data-v-579d4a20] {
   flex: 1 1 0;
   overflow: hidden;
 }

package/dist/components/columns-controller/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 QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ec921dfa"]]);
+const QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-579d4a20"]]);
 export {
   QdColumnsController as default
 };

package/dist/components/columns-controller/index.vue2.mjs

@@ -4,13 +4,14 @@ import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5
 import { createExposeProxy, isEmpty } from "qidian-shared";
 import Sortable from "../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.mjs";
 import { MoveIcon, HelpCircleIcon } from "tdesign-icons-vue-next";
-import { Space, Link, Divider, InputNumber, Button, Tooltip } from "tdesign-vue-next";
+import { Space, Link, Divider, Button, Tooltip } from "tdesign-vue-next";
 import { useConfig } from "../config-provider/useConfig.mjs";
 import { COMPONENT_FONT_MAP, compensateWidth, calcOperationLinksWidth } from "../service/table/columnsCompensation.mjs";
 import { qdColumnsControllerProps } from "./props.mjs";
 import _sfc_main$1 from "../dialog/index.vue.mjs";
 /* empty css                    */
 import QdServiceTable from "../service/table/index.vue.mjs";
+import _sfc_main$2 from "../input-number/index.vue.mjs";
 import cloneDeep from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.mjs";
 const _hoisted_1 = {
   class: "qd-columns-controller__title"
@@ -249,12 +250,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["data-col-key"]), createElementVNode("span", _hoisted_2, toDisplayString(row.title), 1)])]),
           width: withCtx(({
             row
-          }) => [createVNode(unref(InputNumber), {
+          }) => [createVNode(unref(_sfc_main$2), {
             class: "qd-columns-controller__width-input",
             modelValue: row.width,
             "onUpdate:modelValue": ($event) => row.width = $event,
-            min: 50,
+            min: 0,
             step: 10,
+            theme: "row",
             suffix: "px",
             placeholder: "auto"
           }, null, 8, ["modelValue", "onUpdate:modelValue"])]),

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

@@ -1,40 +1,40 @@
-.qd-crud-table[data-v-5b6139bb] {
+.qd-crud-table[data-v-d112be81] {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-5b6139bb] {
+.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-d112be81] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__body[data-v-5b6139bb] >  .t-loading__parent > .t-card__body {
+.qd-crud-table__body[data-v-d112be81] >  .t-loading__parent > .t-card__body {
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table__body[data-v-5b6139bb] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
+.qd-crud-table__body[data-v-d112be81] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
   padding-bottom: 0;
 }
-.qd-crud-table--fit-parent-height[data-v-5b6139bb] {
+.qd-crud-table--fit-parent-height[data-v-d112be81] {
   height: 100%;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-5b6139bb] {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-d112be81] {
   flex: auto;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-5b6139bb] >  .t-loading__parent > .t-card__body {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-d112be81] >  .t-loading__parent > .t-card__body {
   height: 100%;
   min-height: 443px;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-5b6139bb] >  .t-loading__parent > .t-card__body > .qd-service-table {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-d112be81] >  .t-loading__parent > .t-card__body > .qd-service-table {
   flex: 1 1 0;
   overflow: hidden;
 }
-.qd-crud-table__toolbar[data-v-5b6139bb] {
+.qd-crud-table__toolbar[data-v-d112be81] {
   display: flex;
   justify-content: space-between;
 }
-.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-5b6139bb] {
+.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-d112be81] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__toolbar-separator[data-v-5b6139bb] {
+.qd-crud-table__toolbar-separator[data-v-d112be81] {
   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-5b6139bb"]]);
+const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d112be81"]]);
 export {
   QdCrudTable as default
 };

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

@@ -535,12 +535,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const operationSize = serviceTableOptions.size ?? tableGlobalConfig.value?.size ?? "small";
         const operationFontSize = COMPONENT_FONT_MAP[globalComponentSize.value ?? "medium"] ?? COMPONENT_FONT_MAP.medium;
         const operationIdx = reColumns.findIndex((item) => item.colKey === "operation");
+        const operationWidth = calcOperationWidth(reRowActions, data.value, operationSize, operationFontSize);
         const defaultOperation = {
           title: t("operationText"),
           colKey: "operation",
           align: "center",
           fixed: "right",
-          width: calcOperationWidth(reRowActions, data.value, operationSize, operationFontSize)
+          // 无可见操作时给表头保底宽度
+          width: operationWidth === 0 ? 50 : operationWidth
+          // hidden: operationWidth === 0
         };
         if (operationIdx > -1) {
           reColumns[operationIdx] = {

package/dist/components/form/index.css

@@ -1,30 +1,30 @@
-.qd-form--small[data-v-2e92955e] {
+.qd-form--small[data-v-21fd541b] {
   font: var(--td-font-body-small);
 }
-.qd-form--small[data-v-2e92955e] .t-form__label--top {
+.qd-form--small[data-v-21fd541b] .t-form__label--top {
   min-height: var(--td-comp-margin-xxl);
   line-height: var(--td-comp-margin-xxl);
 }
-.qd-form--small[data-v-2e92955e] .t-form__controls,
-.qd-form--small[data-v-2e92955e] .t-form__controls-content {
+.qd-form--small[data-v-21fd541b] .t-form__controls,
+.qd-form--small[data-v-21fd541b] .t-form__controls-content {
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-2e92955e] .qd-grid {
+.qd-form--descriptions[data-v-21fd541b] .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-2e92955e] .qd-grid-item {
+.qd-form--descriptions[data-v-21fd541b] .qd-grid-item {
   background-color: var(--td-bg-color-container);
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__item {
+.qd-form--descriptions[data-v-21fd541b] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
   margin-bottom: 0 !important;
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__label {
+.qd-form--descriptions[data-v-21fd541b] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -33,17 +33,17 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__label--top {
+.qd-form--descriptions[data-v-21fd541b] .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-2e92955e] .t-form__label--top + .t-form__controls > .t-form__controls-content {
+.qd-form--descriptions[data-v-21fd541b] .t-form__label--top + .t-form__controls > .t-form__controls-content {
   justify-content: center;
   text-align: center;
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__controls {
+.qd-form--descriptions[data-v-21fd541b] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -54,43 +54,44 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__controls-content {
+.qd-form--descriptions[data-v-21fd541b] .t-form__controls-content {
   min-height: auto;
 }
-.qd-form--descriptions[data-v-2e92955e] .qd-form-item--label-top {
+.qd-form--descriptions[data-v-21fd541b] .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-2e92955e] .qd-form-item--label-top > .t-form__item {
+.qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top > .t-form__item {
   display: contents;
 }
-.qd-form--descriptions[data-v-2e92955e] .qd-form-item--label-top .t-form__controls-content {
+.qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top .t-form__controls-content {
   white-space: normal;
 }
-.qd-form--descriptions[data-v-2e92955e] .qd-form-item--empty-content .t-form__controls {
+.qd-form--descriptions[data-v-21fd541b] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
   min-height: 0;
   height: 0;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__item-with-extra .t-form__controls,
-.qd-form--descriptions[data-v-2e92955e] .t-form__item-with-help .t-form__controls {
+.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-form__controls,
+.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-form__controls {
   height: auto;
   overflow: visible;
 }
-.qd-form--descriptions[data-v-2e92955e] .t-form__item-with-extra .t-input__extra,
-.qd-form--descriptions[data-v-2e92955e] .t-form__item-with-help .t-input__extra {
+.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-input__extra,
+.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-input__extra {
   position: static;
 }
-.qd-form--descriptions[data-v-2e92955e] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+.qd-form--descriptions[data-v-21fd541b] .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-2e92955e] .qd-form-item--filler {
+.qd-form--descriptions[data-v-21fd541b] .qd-form-item--filler,
+.qd-form--descriptions[data-v-21fd541b] .qd-grid-item--fill {
   background-color: var(--td-bg-color-secondarycontainer);
 }
-.qd-form--descriptions-mini[data-v-2e92955e] .t-form__label,
-.qd-form--descriptions-mini[data-v-2e92955e] .t-form__controls {
+.qd-form--descriptions-mini[data-v-21fd541b] .t-form__label,
+.qd-form--descriptions-mini[data-v-21fd541b] .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-2e92955e"]]);
+const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21fd541b"]]);
 export {
   QdForm as default
 };

package/dist/components/grid/item.css

@@ -1,3 +1,3 @@
-.qd-grid-item[data-v-7df35ba7] {
+.qd-grid-item[data-v-37280388] {
   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-7df35ba7"]]);
+const QdGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37280388"]]);
 export {
   QdGridItem as default
 };

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

@@ -1,5 +1,5 @@
 import './item.css'
-import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, inject, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 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";
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       col: mergeGridValue(props.col, defaultProps?.value?.col),
       row: mergeGridValue(props.row, defaultProps?.value?.row)
     }));
+    const isFill = computed(() => reProps.value.col === "fill");
     const fillColSpan = computed(() => {
       const index = gridItemRegistry.value.indexOf(entry);
       if (index === -1) return DEFAULT_COL;
@@ -59,11 +60,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "qd-grid-item",
+        class: normalizeClass(["qd-grid-item", { "qd-grid-item--fill": isFill.value }]),
         style: normalizeStyle(itemStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default", { itemStyle: itemStyle.value }, void 0, true)
-      ], 4);
+      ], 6);
     };
   }
 });

package/dist/hooks/useDict/index.mjs

@@ -156,7 +156,7 @@ async function useDictBatch(data, fieldDictMap, options) {
   for (const [field, dictType] of Object.entries(fieldDictMap)) {
     const opts = optionsMap[dictType];
     if (!opts || isEmpty(data[field])) continue;
-    data[field] = findEnum(opts, data[field], find)?.[valueKey];
+    data[field] = findEnum(opts, data[field], { key: find })?.[valueKey];
   }
   return data;
 }

package/dist/styles/index.css

@@ -213,6 +213,10 @@ p {
   position: initial;
   bottom: auto;
 }
+.t-table__body > tr > td > .t-form__item .t-form__controls > .t-input__extra {
+  text-overflow: clip;
+  white-space: normal;
+}
 .t-table__content tbody > tr:last-child:not(.t-table__empty-row) > td,
 .t-table__content tfoot > tr:last-child > td {
   border-bottom: 1px solid var(--td-component-border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",
@@ -137,7 +137,7 @@
     "vue-codemirror": "^6.1.1",
     "vue-echarts": "^8.0.1",
     "vue-stream-markdown": "1.0.1-beta.1",
-    "qidian-shared": "1.2.7"
+    "qidian-shared": "1.3.0"
   },
   "scripts": {
     "clean": "rm -rf dist",