qidian-vue-ui 2.1.0 → 2.1.1

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

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

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

@@ -410,7 +410,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       passive: true
     });
     const {
-      t
+      t,
+      size: globalComponentSize
     } = useConfig("crud");
     const {
       global: tableGlobalConfig
@@ -421,14 +422,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       alertWarning,
       confirm
     } = useModal();
-    const SIZE_FONT_MAP = {
+    const COMPONENT_FONT_MAP = {
       large: 16,
       medium: 14,
-      small: 14,
-      mini: 12
+      small: 12
     };
     const SIZE_PADDING_MAP = {
-      large: 40,
+      large: 48,
       medium: 32,
       small: 16,
       mini: 12
@@ -540,13 +540,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const operationLength = reRowActions.length;
       if (operationLength) {
         const operationSize = serviceTableOptions.size ?? tableGlobalConfig.value?.size ?? "medium";
+        const operationFontSize = COMPONENT_FONT_MAP[globalComponentSize.value ?? "medium"] ?? 14;
         const operationIdx = reColumns.findIndex((item) => item.colKey === "operation");
         const defaultOperation = {
           title: t("operationText"),
           colKey: "operation",
           align: "center",
           fixed: "right",
-          width: calcOperationWidth(reRowActions, data.value, operationSize)
+          width: calcOperationWidth(reRowActions, data.value, operationSize, operationFontSize)
         };
         if (operationIdx > -1) {
           reColumns[operationIdx] = {
@@ -795,12 +796,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return ifRender !== false;
     }
-    function calcOperationWidth(rowActions, rows, size = "medium") {
+    function calcOperationWidth(rowActions, rows, size = "medium", fontSize = 14) {
       const permittedActions = rowActions.filter((action) => hasPermiOr(action.permi, false));
       if (!permittedActions.length) return 0;
-      const fontSize = SIZE_FONT_MAP[size] ?? 14;
       const cellPadding = SIZE_PADDING_MAP[size] ?? 32;
-      const sumWidth = (actions, row) => actions.reduce((width, action) => width + getActionWidth(action, row, fontSize), 0) + (actions.length - 1) * 25 + cellPadding + 5;
+      const sumWidth = (actions, row) => actions.reduce((width, action) => width + getActionWidth(action, row, fontSize), 0) + (actions.length - 1) * 25 + cellPadding + 8;
       if (!rows?.length) {
         return sumWidth(permittedActions);
       }

package/package.json

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