qidian-vue-ui 2.0.45 → 2.0.46

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

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

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

@@ -731,10 +731,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (currentOptions === false) return;
       const mergeOptions = merge({}, defaultOptions, currentOptions);
       if (mergeOptions.crudMode !== "view" && !currentOptions) return;
+      if (typeof currentOptions === "object" && currentOptions.component) {
+        mergeOptions.component = currentOptions.component;
+      }
       mergeOptions.permi = buildActionPermi(mergeOptions);
       if (mergeOptions.crudMode !== "del") {
         const form = buildActionForm(mergeOptions, crudForm);
-        if (!form && !mergeOptions.onClick) return;
+        if (!form && !mergeOptions.onClick && !mergeOptions.component) return;
         mergeOptions.form = form;
       }
       return mergeOptions;
@@ -985,6 +988,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return false;
       }
     }
+    function buildActionComponent(action, defaultComponent, originalParams) {
+      const {
+        component,
+        ...actionProps
+      } = action;
+      const onClick = buildActionOnClick(action, originalParams);
+      const disabled = defaultComponent === Button ? buildActionDisabled(action) : action.disabled;
+      const ifRender = "ifRender" in action ? action.ifRender : void 0;
+      if (!component) {
+        return {
+          is: defaultComponent,
+          ...actionProps,
+          form: defaultComponent === Button ? void 0 : action.form,
+          onClick,
+          disabled
+        };
+      }
+      return {
+        ...component,
+        ifRender: component.ifRender ?? ifRender,
+        onClick: component.onClick ?? onClick,
+        disabled: component.disabled ?? disabled
+      };
+    }
+    function buildToolComponent(tool) {
+      const {
+        component,
+        ...toolProps
+      } = tool;
+      const action = tool;
+      const onClick = buildActionOnClick(action);
+      const disabled = buildActionDisabled(action);
+      if (!component) {
+        return {
+          is: Button,
+          ...toolProps,
+          content: "",
+          variant: "text",
+          shape: "square",
+          onClick,
+          disabled
+        };
+      }
+      return {
+        ...component,
+        onClick: component.onClick ?? onClick,
+        disabled: component.disabled ?? disabled
+      };
+    }
     async function getDetail(action, params) {
       const {
         detailOptions
@@ -1135,13 +1187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }) ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true), withDirectives(createVNode(unref(_sfc_main$1), {
               "fn-inject-ctx": "",
               context: getConfigRendererCtx(item),
-              config: {
-                is: unref(Button),
-                ...item,
-                form: void 0,
-                onClick: buildActionOnClick(item),
-                disabled: buildActionDisabled(item)
-              },
+              config: buildActionComponent(item, unref(Button)),
               onIfRenderChange: (ifRender) => setActionIfRender(ifRender, item, {
                 index
               })
@@ -1165,15 +1211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [withDirectives(createVNode(unref(_sfc_main$1), {
                 "fn-inject-ctx": "",
                 context: getConfigRendererCtx(item),
-                config: {
-                  is: unref(Button),
-                  ...item,
-                  content: "",
-                  variant: "text",
-                  shape: "square",
-                  onClick: buildActionOnClick(item),
-                  disabled: buildActionDisabled(item)
-                },
+                config: buildToolComponent(item),
                 onIfRenderChange: (ifRender) => setActionIfRender(ifRender, item, {
                   index,
                   mapKey: "tool"
@@ -1292,11 +1330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: `${slotProps.colIndex}.${slotProps.rowIndex}.${index}.renderer`,
                 "fn-inject-ctx": "",
                 context: getConfigRendererCtx(item, slotProps),
-                config: {
-                  is: unref(Link),
-                  ...item,
-                  onClick: buildActionOnClick(item, slotProps)
-                },
+                config: buildActionComponent(item, unref(Link), slotProps),
                 onIfRenderChange: (ifRender) => setActionIfRender(ifRender, item, {
                   colIndex: slotProps.colIndex,
                   rowIndex: slotProps.rowIndex,

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

@@ -34,6 +34,7 @@ export interface QdCrudTableAction<D extends TableRowData = TableRowData, R = un
     uid?: string;
     permiID?: string;
     permi?: string[];
+    component?: QdComponentConfig;
     selectType?: QdServiceTableProps['selectType'];
     onClick?: (context: QdCrudTableActionContext<D> & Partial<PrimaryTableCellParams<D>>, e: MouseEvent) => void | Promise<void>;
 }
@@ -41,6 +42,7 @@ export interface QdCrudTableRowAction<D extends TableRowData = TableRowData, R =
     uid?: string;
     permiID?: string;
     permi?: string[];
+    component?: QdComponentConfig;
     selectType?: QdServiceTableProps['selectType'];
     detail?: QdCrudDetail;
     onClick?: (context: QdCrudTableActionContext<D> & PrimaryTableCellParams<D>, e: MouseEvent) => void | Promise<void>;
@@ -62,6 +64,7 @@ export interface QdCrudTableToolContext<D extends TableRowData = TableRowData> {
 export interface QdCrudTableTool<D extends TableRowData = TableRowData> {
     content?: string;
     icon?: TNode;
+    component?: QdComponentConfig;
     permiID?: string;
     permi?: string[];
     disabled?: boolean | ((ctx: QdCrudTableToolContext<D>) => boolean);

package/package.json

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