bitz-react-admin-ui 2.4.2 → 2.4.3

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

@@ -5,8 +5,9 @@ import ActionBar from './ActionBar';
 import ToolBar from './ToolBar/Wrapper';
 import ActionCol from './ActionCol';
 import SelectionBar from './SelectionBar';
-import { ReactNode, Ref } from 'react';
+import { Key, ReactNode } from 'react';
 import { TableColumnType } from 'antd';
+import { ButtonProps } from 'antd/lib';
 /** 操作按钮属性 */
 interface Action<T> {
     key?: string;
@@ -17,20 +18,34 @@ interface Action<T> {
     onClick?: () => void;
     children?: Action<T>[];
 }
+interface CustomAction extends Omit<ButtonProps, 'type' | 'children' | 'className'> {
+    label: string;
+    key?: Key;
+    type?: 'primary' | 'secondary' | 'detail';
+    onClick?: () => void;
+    render?: (button: ReactNode, index: number) => ReactNode;
+}
+type CustomActionsFunType<T> = (record: T, index: number) => CustomAction[];
 /** 按钮操作列属性 */
-interface BitzTableActionProps<T> {
+interface BitzTableActionProps<T = any> {
     loading?: boolean;
     /**
      * 操作按钮组，主要操作、次要操作、下拉列表(含危险操作)
      * @次要操作 次要操作以下拉菜单显示，如果actionGroup的长度大于3，从第4个开始直到最后的所有按钮都为次要操作按钮
      */
     actionGroup: Action<T>[];
-    refInstance?: Ref<HTMLDivElement>;
+    customActions: CustomAction[];
 }
-type ActionsFunType<T> = (record: T, index: number) => Action<T>[];
+type ActionGroupFunType<T> = (record: T, index: number) => Action<T>[];
+type CustomActionsProps<T> = {
+    custom: CustomActionsFunType<T>;
+    request?: (record: T, index: number) => Promise<CustomAction[]>;
+};
+type ActionsFunType<T> = ActionGroupFunType<T> | CustomActionsProps<T>;
 /** ActionCol hook参数 */
 interface BitzTableActionColProps<T> extends Pick<BitzTableActionProps<T>, 'loading'>, Omit<BitzTableColumnType<T>, 'width' | 'render'> {
-    actionGroup: ActionsFunType<T>;
+    actionGroup?: ActionGroupFunType<T>;
+    customActions?: CustomActionsFunType<T>;
 }
 /** 列的排序和显隐控制 */
 interface ColumnsConfigProps {
@@ -75,6 +90,6 @@ type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
     SORTER_COLUMN: typeof SORTER_COLUMN;
 };
 declare const BitzTable: CompoundedComponent;
-export type { BitzTableProps, BitzTableSizeType, ColumnsConfigProps, StylesStateType, ColumnStateType, ExportColumnStateType, BitzTableColumnType, BitzTableColumnGroupType, BitzTableColumnsType, SelelctionAlertProps, ActionsFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
+export type { BitzTableProps, BitzTableSizeType, ColumnsConfigProps, StylesStateType, ColumnStateType, ExportColumnStateType, BitzTableColumnType, BitzTableColumnGroupType, BitzTableColumnsType, SelelctionAlertProps, ActionsFunType, CustomAction, CustomActionsFunType, ActionGroupFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
 export { BitzTableProvider, BitzTableContext };
 export default BitzTable;

package/dist/components/BitzTableSelect/Select/index.d.ts

@@ -5,5 +5,5 @@ export interface SelectProps<T extends BaseOptionType> extends Omit<BitzTableSel
     onChange?: (value: Key[], options: T[]) => void;
 }
 /** 下拉表格组件 */
-declare function TableSelect<T extends BaseOptionType>({ value, options: dataRows, columns, tableData, total, loading, loadingFailed, loadAgain, page, onPageChange, searchInput, showToolTagSelect, toolTags, onToolTagChange, lrLayout, parentRender, mode, placeholder, fieldNames, onChange, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TableSelect<T extends BaseOptionType>({ value, options: dataRows, columns, tableData, total, loading, loadingFailed, loadAgain, page, onPageChange, searchInput, showToolTagSelect, toolTags, onToolTagChange, lrLayout, parentRender, mode, placeholder, fieldNames, onChange, onOpenChange, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export default TableSelect;

package/dist/components/BitzTableSelect/Select/index.mjs

@@ -1,93 +1,94 @@
-import { j as S } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { useState as i, useEffect as b } from "react";
-import { Select as J } from "antd";
-import K from "../SelectPopup/index.mjs";
-function W({
+import { j as b } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { useState as o, useEffect as x } from "react";
+import { Select as M } from "antd";
+import Q from "../SelectPopup/index.mjs";
+function Z({
   value: s,
   options: t,
-  columns: a,
-  tableData: n,
-  total: x,
-  loading: V,
-  loadingFailed: j,
-  loadAgain: w,
-  page: T,
-  onPageChange: k,
-  searchInput: y,
-  showToolTagSelect: E,
-  toolTags: A,
-  onToolTagChange: B,
-  lrLayout: D,
-  parentRender: P,
-  mode: d = "multiple",
-  placeholder: v = "请选择",
-  fieldNames: f,
+  columns: V,
+  tableData: j,
+  total: w,
+  loading: T,
+  loadingFailed: a,
+  loadAgain: k,
+  page: y,
+  onPageChange: E,
+  searchInput: A,
+  showToolTagSelect: B,
+  toolTags: D,
+  onToolTagChange: P,
+  lrLayout: d,
+  parentRender: v,
+  mode: F = "multiple",
+  placeholder: N = "请选择",
+  fieldNames: p,
   onChange: e,
-  ...F
+  onOpenChange: c,
+  ...$
 }) {
-  const [m, N] = i([]), [u, o] = i([]), [c, p] = i(!1), [O, $] = i(!1), q = () => {
-    o([]), e == null || e([], []);
-  }, z = (l, r, I) => {
-    I === "confirm" ? p(!1) : (o([...r]), e == null || e([...l], [...r]));
-  }, G = (l, r) => {
-    o(r), e == null || e(l, r);
-  }, H = (l) => {
-    !c && l && p(!0), !O && !l && c && p(!1);
+  const [u, q] = o([]), [S, i] = o([]), [f, m] = o(!1), [z, G] = o(!1), H = () => {
+    i([]), e == null || e([], []);
+  }, I = (l, r, L) => {
+    L === "confirm" ? m(!1) : (i([...r]), e == null || e([...l], [...r]));
+  }, J = (l, r) => {
+    i(r), e == null || e(l, r);
+  }, K = (l) => {
+    !f && l && m(!0), !z && !l && f && m(!1), c == null || c(l);
   };
-  return b(() => {
+  return x(() => {
     if (s && !Array.isArray(s))
       throw new Error(
         `form表单在使用setFieldValue给TableSelect组件赋值时请确认值为数组类型, \`value\`: ${s}`
       );
-    N(s ?? []);
-  }, [s]), b(() => {
-    t != null && t.length && o(t);
-  }, [t]), /* @__PURE__ */ S.jsx(
-    J,
+    q(s ?? []);
+  }, [s]), x(() => {
+    t != null && t.length && i(t);
+  }, [t]), /* @__PURE__ */ b.jsx(
+    M,
     {
       allowClear: !0,
       className: "tableSelectBlock",
       mode: "multiple",
       maxTagCount: "responsive",
-      value: m,
-      options: u,
-      fieldNames: f,
+      value: u,
+      options: S,
+      fieldNames: p,
       showSearch: !1,
-      open: c,
-      placeholder: v,
+      open: f,
+      placeholder: N,
       popupClassName: "tableSelectPopupBlock",
-      dropdownRender: () => /* @__PURE__ */ S.jsx(
-        K,
+      dropdownRender: () => /* @__PURE__ */ b.jsx(
+        Q,
         {
-          columns: a,
-          tableData: n,
-          total: x,
-          page: T,
-          onPageChange: k,
-          searchInput: y,
-          loading: V,
-          loadingFailed: j,
-          loadAgain: w,
-          keys: m,
-          rows: u,
-          fieldNames: f,
-          onChange: z,
-          onDropdownVisibleChange: $,
-          showToolTagSelect: E,
-          toolTags: A,
-          onToolTagChange: B,
-          lrLayout: D,
-          parentRender: P,
-          mode: d
+          columns: V,
+          tableData: j,
+          total: w,
+          page: y,
+          onPageChange: E,
+          searchInput: A,
+          loading: T,
+          loadingFailed: a,
+          loadAgain: k,
+          keys: u,
+          rows: S,
+          fieldNames: p,
+          onChange: I,
+          onDropdownVisibleChange: G,
+          showToolTagSelect: B,
+          toolTags: D,
+          onToolTagChange: P,
+          lrLayout: d,
+          parentRender: v,
+          mode: F
         }
       ),
-      onClear: q,
-      onDropdownVisibleChange: H,
-      onChange: G,
-      ...F
+      onClear: H,
+      onDropdownVisibleChange: K,
+      onChange: J,
+      ...$
     }
   );
 }
 export {
-  W as default
+  Z as default
 };

package/dist/components/BitzTableSelect/SingleSelect/index.d.ts

@@ -3,5 +3,5 @@ import { BaseOptionType } from 'antd/es/select';
 export interface SingleSelectProps<T extends BaseOptionType> extends Omit<BitzTableSelectProps<T, any>, 'offsetWidth'> {
 }
 /** 下拉表格组件 */
-declare function TableSingleSelect<T extends BaseOptionType>({ value, options: dataRows, columns, tableData, total, loading, loadingFailed, loadAgain, page, onPageChange, searchInput, showToolTagSelect, toolTags, onToolTagChange, lrLayout, parentRender, mode, placeholder, fieldNames, onChange, ...rest }: SingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TableSingleSelect<T extends BaseOptionType>({ value, options: dataRows, columns, tableData, total, loading, loadingFailed, loadAgain, page, onPageChange, searchInput, showToolTagSelect, toolTags, onToolTagChange, lrLayout, parentRender, mode, placeholder, fieldNames, onChange, onOpenChange, ...rest }: SingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export default TableSingleSelect;

package/dist/components/BitzTableSelect/SingleSelect/index.mjs

@@ -1,87 +1,88 @@
-import { j as S } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { useState as r, useEffect as b } from "react";
-import { Select as L } from "antd";
-import M from "../SelectPopup/index.mjs";
-function Y({
-  value: p,
-  options: s,
-  columns: n,
-  tableData: x,
-  total: V,
-  loading: j,
-  loadingFailed: a,
-  loadAgain: k,
-  page: v,
-  onPageChange: w,
-  searchInput: B,
-  showToolTagSelect: D,
-  toolTags: E,
-  onToolTagChange: P,
-  lrLayout: T,
-  parentRender: y,
-  mode: N = "single",
-  placeholder: O = "请选择",
-  fieldNames: m,
-  onChange: e,
-  ...q
+import { j as b } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { useState as c, useEffect as x } from "react";
+import { Select as W } from "antd";
+import X from "../SelectPopup/index.mjs";
+function a({
+  value: m,
+  options: e,
+  columns: V,
+  tableData: j,
+  total: k,
+  loading: v,
+  loadingFailed: w,
+  loadAgain: B,
+  page: D,
+  onPageChange: E,
+  searchInput: P,
+  showToolTagSelect: T,
+  toolTags: y,
+  onToolTagChange: N,
+  lrLayout: q,
+  parentRender: z,
+  mode: A = "single",
+  placeholder: F = "请选择",
+  fieldNames: u,
+  onChange: l,
+  onOpenChange: i,
+  ...G
 }) {
-  const [c, z] = r(), [u, o] = r(), [i, f] = r(!1), [A, F] = r(!1), G = () => {
-    o([]), e == null || e([], []);
-  }, H = (l, t, K) => {
-    K === "confirm" ? f(!1) : (o(t), e == null || e(l, t));
-  }, I = (l, t) => {
-    o(t), e == null || e(l, t);
-  }, J = (l) => {
-    !i && l && f(!0), !A && !l && i && f(!1);
+  const [o, H] = c(), [S, r] = c(), [f, p] = c(!1), [I, J] = c(!1), K = () => {
+    r([]), l == null || l([], []);
+  }, L = (s, t, U) => {
+    U === "confirm" ? p(!1) : (r(t), l == null || l(s, t));
+  }, M = (s, t) => {
+    r(t), l == null || l(s, t);
+  }, Q = (s) => {
+    !f && s && p(!0), !I && !s && f && p(!1), i == null || i(s);
   };
-  return b(() => {
-    z(p);
-  }, [p]), b(() => {
-    s != null && s.length && o(s);
-  }, [s]), /* @__PURE__ */ S.jsx(
-    L,
+  return x(() => {
+    H(m);
+  }, [m]), x(() => {
+    e != null && e.length && r(e);
+  }, [e]), /* @__PURE__ */ b.jsx(
+    W,
     {
       allowClear: !0,
       className: "tableSelectBlock",
-      value: c,
-      options: u,
-      fieldNames: m,
+      value: o,
+      options: S,
+      fieldNames: u,
       showSearch: !1,
-      open: i,
-      placeholder: O,
+      open: f,
+      placeholder: F,
       popupClassName: "tableSelectPopupBlock",
-      dropdownRender: () => /* @__PURE__ */ S.jsx(
-        M,
+      dropdownRender: () => /* @__PURE__ */ b.jsx(
+        X,
         {
-          columns: n,
-          tableData: x,
-          total: V,
-          page: v,
-          onPageChange: w,
-          searchInput: B,
-          loading: j,
-          loadingFailed: a,
-          loadAgain: k,
-          keys: c ? [c] : [],
-          rows: u,
-          fieldNames: m,
-          onChange: H,
-          onDropdownVisibleChange: F,
-          showToolTagSelect: D,
-          toolTags: E,
-          onToolTagChange: P,
-          lrLayout: T,
-          parentRender: y,
-          mode: N
+          columns: V,
+          tableData: j,
+          total: k,
+          page: D,
+          onPageChange: E,
+          searchInput: P,
+          loading: v,
+          loadingFailed: w,
+          loadAgain: B,
+          keys: o ? [o] : [],
+          rows: S,
+          fieldNames: u,
+          onChange: L,
+          onDropdownVisibleChange: J,
+          showToolTagSelect: T,
+          toolTags: y,
+          onToolTagChange: N,
+          lrLayout: q,
+          parentRender: z,
+          mode: A
         }
       ),
-      onClear: G,
-      onDropdownVisibleChange: J,
-      onChange: I,
-      ...q
+      onClear: K,
+      onDropdownVisibleChange: Q,
+      onChange: M,
+      ...G
     }
   );
 }
 export {
-  Y as default
+  a as default
 };

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

@@ -58,10 +58,12 @@ export interface BitzTableSelectProps<T extends BaseOptionType, ValueType extend
     fieldNames: FieldNames;
     /** 下拉框 placeholder */
     placeholder?: string;
-    /** 向父/组件传递数据的事件 */
+    /** 向父组件传递数据的事件 */
     onChange?: (value: Key | Key[], options: T | T[]) => void;
     /** 计算popup总宽度的追加值 */
     popupAppendWidth?: number;
+    /** select dropdown 显隐切换的 callback */
+    onOpenChange?: (open: boolean) => void;
 }
 /** 下拉表格组件 */
 declare function BitzTableSelect<T extends BaseOptionType>({ columns, tableData, loading, loadingFailed, loadAgain, total, page, onPageChange, onSearch, showToolTagSelect, placeholder, mode, fieldNames, onChange, popupAppendWidth: w, ...rest }: BitzTableSelectProps<T>): import("react/jsx-runtime").JSX.Element;