bitz-react-admin-ui 2.0.7 → 2.0.8

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/index.mjs

@@ -0,0 +1,163 @@
+import { j as o } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import "../../../../../assets/iconfont/IconMore.mjs";
+import "../../../../../assets/iconfont/IconIcFluentHomeRegular.mjs";
+import j from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import g from "../../../../../assets/iconfont/IconTekuansong.mjs";
+import I from "../../../../../assets/iconfont/IconJincoude.mjs";
+import P from "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import z from "../../../../../assets/iconfont/IconTejincou.mjs";
+import v from "../../../../../assets/iconfont/IconWufengexian.mjs";
+import H from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import k from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import C from "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import S from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import w from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import "../../../../../assets/iconfont/IconZhongzhi.mjs";
+import "../../../../../assets/iconfont/IconGaojisousuo.mjs";
+import "../../../../../assets/iconfont/IconSousuo.mjs";
+import "../../../../../assets/iconfont/IconClose.mjs";
+import "../../../../../assets/iconfont/IconFanhui.mjs";
+import "../../../../../assets/iconfont/IconJinggao.mjs";
+import "../../../../../assets/iconfont/IconIcon21.mjs";
+import "../../../../../assets/iconfont/IconChenggong.mjs";
+import "../../../../../assets/iconfont/IconTishi1.mjs";
+import "../../../../../assets/iconfont/IconDuigoux.mjs";
+import "../../../../../assets/iconfont/IconCuowu.mjs";
+import "../../../../../assets/iconfont/IconXinxitishi.mjs";
+import "../../../../../assets/iconfont/IconFabu.mjs";
+import "../../../../../assets/iconfont/IconShanchu1.mjs";
+import "../../../../../assets/iconfont/IconShanchu.mjs";
+import "../../../../../assets/iconfont/IconTuodong.mjs";
+import { BitzConfigContext as R } from "../../../../BitzConfigProvider/context.mjs";
+import { BitzTableContext as T } from "../../../Store/index.mjs";
+import G from "../../../../BitzTheme/index.mjs";
+import { Form as l, Radio as t, Checkbox as N } from "antd";
+import { forwardRef as F, useMemo as B, useContext as c, useEffect as W, useImperativeHandle as E } from "react";
+import r from "./RadioCard.mjs";
+const A = ({ defaultSize: i, items: a }) => a.map((e) => e.key === i ? {
+  ...e,
+  label: `${e.label}(默认)`
+} : e), Po = F(
+  ({ display: i }, a) => {
+    var s;
+    const { token: e } = G.useToken(), p = B(() => ({
+      width: "100%",
+      ...{ display: i ? "flex" : "none" }
+    }), [i]), u = {
+      size: 26,
+      color: e.colorPrimary
+    }, [m] = l.useForm(), d = (s = c(R).Table) == null ? void 0 : s.stylesScope, { defaultTableSize: f, stylesConfig: x } = c(T);
+    W(() => {
+      m.setFieldsValue({
+        ...x,
+        stylesScope: d === "global"
+      });
+    }, []);
+    const y = A({
+      defaultSize: f,
+      items: [
+        {
+          key: "xs",
+          label: "特紧凑",
+          icon: z
+        },
+        {
+          key: "sm",
+          label: "紧凑",
+          icon: I
+        },
+        {
+          key: "md",
+          label: "中等",
+          icon: P
+        },
+        {
+          key: "lg",
+          label: "宽松",
+          icon: j
+        },
+        {
+          key: "xl",
+          label: "特宽松",
+          icon: g
+        }
+      ]
+    });
+    return E(a, () => ({
+      getFormInstance: () => m
+    })), /* @__PURE__ */ o.jsxs(
+      l,
+      {
+        form: m,
+        style: p,
+        labelCol: { span: 3 },
+        labelAlign: "left",
+        colon: !1,
+        className: "appearanceFormContent",
+        layout: "inline",
+        children: [
+          /* @__PURE__ */ o.jsx(l.Item, { label: "行高", name: "size", children: /* @__PURE__ */ o.jsx(t.Group, { className: "sizeRadioGroup", children: y.map(({ key: n, label: b, icon: h }) => /* @__PURE__ */ o.jsx(r, { label: b, value: n, children: /* @__PURE__ */ o.jsx(h, { ...u }) }, n)) }) }),
+          /* @__PURE__ */ o.jsx(l.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ o.jsxs(t.Group, { disabled: !0, className: "splitBorderRadioGroup", children: [
+            /* @__PURE__ */ o.jsx(r, { label: "无分割线", value: "hide", children: /* @__PURE__ */ o.jsx(v, { size: 26, color: e.colorPrimaryHover }) }),
+            /* @__PURE__ */ o.jsx(r, { label: "行分割线", value: "row", children: /* @__PURE__ */ o.jsx(
+              k,
+              {
+                size: 26,
+                color: [
+                  e.colorPrimaryHover,
+                  e.colorPrimary,
+                  e.colorPrimary,
+                  e.colorPrimaryHover
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ o.jsx(r, { label: "列分割线", value: "column", children: /* @__PURE__ */ o.jsx(
+              C,
+              {
+                size: 26,
+                color: [
+                  e.colorPrimaryHover,
+                  e.colorPrimary,
+                  e.colorPrimary,
+                  e.colorPrimaryHover
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ o.jsx(r, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ o.jsx(
+              H,
+              {
+                size: 26,
+                color: [
+                  e.colorPrimaryHover,
+                  e.colorPrimary,
+                  e.colorPrimary,
+                  e.colorPrimaryHover
+                ]
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ o.jsx(l.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ o.jsxs(t.Group, { className: "zebraRadioGroup", children: [
+            /* @__PURE__ */ o.jsx(r, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ o.jsx(
+              S,
+              {
+                size: 26,
+                color: [e.colorPrimaryHover, e.colorPrimary]
+              }
+            ) }),
+            /* @__PURE__ */ o.jsx(r, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ o.jsx(
+              w,
+              {
+                size: 26,
+                color: e.colorPrimaryHover
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ o.jsx(l.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ o.jsx(N, { disabled: !0, children: "应用到全局表格" }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  Po as default
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BitzTableToolBarProps } from '..';
+interface ColumnsConfigProps {
+    order?: number;
+    show?: boolean;
+    icon?: React.ReactNode;
+    onChange?: BitzTableToolBarProps['onColumnChange'];
+}
+/** 表格头部右侧列配置icon按钮 */
+declare const ColumnsConfig: (props: ColumnsConfigProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ColumnsConfig;

package/dist/components/BitzTable/ToolBar/ColConfigIcon/index.mjs

@@ -0,0 +1,44 @@
+import { j as e } from "../../../../node_modules/react/jsx-runtime.mjs";
+import { useContext as g, useState as x, useMemo as h, useEffect as j } from "react";
+import { Tooltip as b } from "antd";
+import { show as E } from "@ebay/nice-modal-react";
+import B from "./ColumnConfigModal.mjs";
+import p from "../style.mjs";
+import v from "../../../BitzButton/index.mjs";
+import { BitzTableContext as y } from "../../Store/index.mjs";
+import z from "../../../../node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+const s = "表格设置", N = (n) => {
+  const { order: a, show: u = !0, icon: f = /* @__PURE__ */ e.jsx(z, {}) } = n, { toolbarItemClassName: d } = p(), { uuid: l } = g(y), [i, r] = x(!1), C = h(() => i ? !1 : void 0, [i]);
+  return j(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
+    var t, m, c;
+    (t = o.target) != null && t.classList.contains("bitzTableBlock") && (r(!!document.fullscreenElement), (c = (m = document.fullscreenElement) == null ? void 0 : m.classList) != null && c.contains("bitzTableBlock") || r(!1));
+  }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
+  })), []), u ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      B,
+      {
+        id: `ColumnConfigModal-${l}`,
+        title: s,
+        onChange: async (o) => {
+          var t;
+          return (t = n.onChange) == null ? void 0 : t.call(n, o);
+        },
+        getContainer: C
+      }
+    ),
+    /* @__PURE__ */ e.jsx(b, { title: s, open: !1, children: /* @__PURE__ */ e.jsx(
+      v,
+      {
+        type: "text",
+        className: d,
+        onClick: () => E(`ColumnConfigModal-${l}`),
+        icon: f,
+        style: { order: a },
+        children: s
+      }
+    ) })
+  ] }) : null;
+};
+export {
+  N as default
+};

package/dist/components/BitzTable/ToolBar/ColConfigIcon/style.d.ts

@@ -0,0 +1,2 @@
+import { BitzGlobalToken } from "@/components/BitzTheme";
+export declare const styles: (token: BitzGlobalToken) => string;

package/dist/components/BitzTable/ToolBar/ColConfigIcon/style.mjs

@@ -0,0 +1,249 @@
+import "../../../../node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "react";
+import "../../../../node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import { unit as a } from "../../../../node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import "../../../../node_modules/rc-util/es/warning.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../../../node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { css as r } from "../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+const n = (o) => {
+  var t, i, e;
+  return r`
+  .ant-modal-content {
+    background-color: ${(t = o.Modal) == null ? void 0 : t.contentBg};
+
+    .ant-modal-header {
+      font-size: 16px;
+      font-weight: 700;
+      background-color: ${(i = o.Modal) == null ? void 0 : i.headerBg};
+    }
+
+    .ant-modal-body {
+      overflow: hidden auto;
+    }
+
+    .ant-modal-footer {
+      text-align: left;
+      margin: 0;
+      padding: 20px;
+      background-color: ${(e = o.Modal) == null ? void 0 : e.footerBg};
+    }
+  }
+`;
+}, d = (o) => r`
+  .sortContent {
+    width: 100%;
+    height: 100%;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    column-gap: 16px;
+
+    .sortCard {
+      width: 100%;
+      height: 100%;
+      background-color: var(--sortCard-bgColor);
+      border-radius: ${a(o.borderRadius)};
+      padding: 6px;
+      padding-block-end: 10px;
+      box-sizing: border-box;
+
+      .title {
+        color: var(--sortCard-titleColor);
+        margin: 0;
+        padding-inline: 8px;
+        padding-block-start: 4px;
+      }
+
+      .sortList {
+        flex: 1;
+        width: 100%;
+        /* height: calc(100% - 30px); */
+        /* overflow: hidden auto; */
+        cursor: grab;
+
+        &:has(.draggingSortItem) {
+          cursor: grabbing;
+        }
+
+        .sortItem {
+          border-radius: ${a(o.borderRadius)};
+
+          &:hover {
+            background-color: ${o.colorBgContainer};
+          }
+          
+          .dragIcon {
+            height: 100%;
+            padding-inline: 8px;
+            
+            &, & span {
+              cursor: inherit;
+            }
+          }
+          
+          .ant-checkbox-wrapper {
+            /* width: calc(100% - 66px); */
+            flex: 1;
+            padding-block: 6px;
+            padding-inline-end: 8px;
+            
+            & > span:last-child {
+              flex: 1;
+              padding-right: 0;
+              display: -webkit-box;
+              -webkit-line-clamp: 1;
+              -webkit-box-orient: vertical;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              user-select: none;
+            }
+
+            &.disabledCheckbox {
+              cursor: not-allowed !important;
+
+              .ant-checkbox,
+              .ant-checkbox-input {
+                cursor: not-allowed !important;
+              }
+
+              &:hover,
+              &:focus,
+              .ant-checkbox:hover,
+              .ant-checkbox:focus {
+                .ant-checkbox-inner {
+                  background-color: ${o.colorPrimary};
+                  border-color: ${o.colorPrimary};
+                }
+              }
+            }
+          }
+
+          .operation {
+            padding-inline-end: 8px;
+
+            .rightOperation {
+              margin-left: 8px;
+            }
+          }
+        }
+      }
+    }
+  }
+`, l = (o) => r`
+  .appearanceFormContent {
+
+    .ant-form-item {
+      width: 100%;
+
+      & label {
+        height: auto;
+        font-weight: 600;
+      }
+    }
+
+    .ant-radio-group {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 15px;
+    }
+
+    .sizeRadioGroup {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
+    .splitBorderRadioGroup {
+      grid-template-columns: repeat(5, 4fr);
+    }
+
+    .zebraRadioGroup {
+      grid-template-columns: repeat(5, 2fr);
+    }
+
+    .scope label {
+      font-weight: normal;
+    }
+
+    .ant-radio-wrapper {
+      justify-content: center;
+      padding-block: 24px 16px;
+      color: ${o.colorTextDescription};
+      font-weight: normal !important;
+      background-color: ${o.colorBgLayout};
+      background-color: var(--radioCard-bgColor);
+      border-radius: ${a(o.borderRadiusLG)};
+      margin-inline-end: 0;
+      box-sizing: border-box;
+      position: relative;
+      transition: all 0.2s;
+
+      &:hover {
+        color: ${o.colorText};
+        background-color: var(--radioCard-bgHoverColor);
+        box-shadow: ${o.boxShadowSecondary};
+      }
+
+      .ant-radio {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+      }
+
+      & > span:last-child {
+        padding-inline: 0;
+      }
+
+      &.ant-radio-wrapper-checked {
+        color: ${o.colorText};
+        background-color: ${o.colorBgContainer};
+        box-shadow: ${o.boxShadowSecondary};
+      }
+    }
+  }
+`, C = (o) => r`
+  &.tableConfigModal {
+
+    ${n(o)}
+
+    .pointerCursor {
+      cursor: pointer;
+    }
+
+    .container {
+      height: calc(100% - 48px);
+
+      .ant-card-body {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 24px;
+
+        &::before,
+        &::after {
+          content: none;
+        }
+      }
+
+      .segmentedWrapper {
+
+      }
+
+      .containerBody {
+        width: 100%;
+        min-height: 450px;
+        max-height: 100%;
+
+        ${d(o)}
+
+        ${l(o)}
+      }
+    }
+  }
+`;
+export {
+  C as styles
+};

package/dist/components/BitzTable/ToolBar/ExportIcon/index.mjs

@@ -1,18 +1,45 @@
 import { j as e } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { memo as a, useMemo as x } from "react";
+import { memo as u, useMemo as x } from "react";
 import c from "../style.mjs";
 import f from "../../../BitzButton/index.mjs";
 import d from "../../../BitzConvert/index.mjs";
 import j from "../../../../node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const B = ({ show: r = !0, order: s, loading: m, onClick: t, icon: n = e.jsx(j, {}), menu: o, tipText: i }) => {
+const y = ({
+  show: r = !0,
+  order: s,
+  loading: m,
+  onClick: t,
+  icon: n = /* @__PURE__ */ e.jsx(j, {}),
+  menu: o,
+  tipText: i
+}) => {
   const { toolbarItemClassName: l } = c(), p = x(() => o || {
     items: [
       { key: "excel", label: "导出查询结果为Excel" }
     ],
-    onClick: ({ key: u }) => t == null ? void 0 : t(u)
+    onClick: ({ key: a }) => t == null ? void 0 : t(a)
   }, [o, t]);
-  return r ? e.jsx(d.DropdownToButton, { menu: p, trigger: ["click"], showTootip: !1, tipText: i || "导出", children: e.jsx(f, { type: "text", className: l, disabled: m, icon: n, style: { order: s }, children: "下载" }) }) : null;
-}, T = a(B);
+  return r ? /* @__PURE__ */ e.jsx(
+    d.DropdownToButton,
+    {
+      menu: p,
+      trigger: ["click"],
+      showTootip: !1,
+      tipText: i || "导出",
+      children: /* @__PURE__ */ e.jsx(
+        f,
+        {
+          type: "text",
+          className: l,
+          disabled: m,
+          icon: n,
+          style: { order: s },
+          children: "下载"
+        }
+      )
+    }
+  ) : null;
+}, g = u(y);
 export {
-  T as default
+  g as default
 };

package/dist/components/BitzTable/ToolBar/FullscreenIcon/index.mjs

@@ -8,13 +8,16 @@ import j from "../../../BitzToast/index.mjs";
 import { findParentFirstNodeByClass as h } from "../../../../utils/findNode.mjs";
 import z from "../../../../node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
 import T from "../../../../node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-const g = ({ order: m, show: u = !0 }) => {
+const g = ({
+  order: m,
+  show: u = !0
+}) => {
   const { toolbarItemClassName: a } = B(), [l, s] = p(!1), n = x(() => l ? {
     title: "退出全屏",
-    icon: t.jsx(z, {})
+    icon: /* @__PURE__ */ t.jsx(z, {})
   } : {
     title: "全屏",
-    icon: t.jsx(T, {})
+    icon: /* @__PURE__ */ t.jsx(T, {})
   }, [l]);
   b(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
     var e, i, c;
@@ -26,7 +29,17 @@ const g = ({ order: m, show: u = !0 }) => {
     const e = h(o.target, "bitzTableBlock");
     l ? r.exit() : r.request(e);
   };
-  return u ? t.jsx(E, { title: n.title, open: !1, children: t.jsx(F, { type: "text", className: a, onClick: f, icon: n.icon, style: { order: m }, children: n.title }) }) : null;
+  return u ? /* @__PURE__ */ t.jsx(E, { title: n.title, open: !1, children: /* @__PURE__ */ t.jsx(
+    F,
+    {
+      type: "text",
+      className: a,
+      onClick: f,
+      icon: n.icon,
+      style: { order: m },
+      children: n.title
+    }
+  ) }) : null;
 }, G = d(g);
 export {
   G as default

package/dist/components/BitzTable/ToolBar/RefreshIcon/index.mjs

@@ -1,13 +1,30 @@
 import { j as o } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { memo as m } from "react";
-import { Tooltip as c } from "antd";
-import a from "../style.mjs";
-import u from "../../../BitzButton/index.mjs";
-import p from "../../../../node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
-const f = (t) => {
-  const { loading: e, onClick: r, order: s, show: n = !0, icon: i = o.jsx(p, {}) } = t, { toolbarItemClassName: l } = a();
-  return n ? o.jsx(c, { title: "刷新", open: !1, children: o.jsx(u, { type: "text", className: l, disabled: e, onClick: r, icon: i, style: { order: s }, children: "刷新" }) }) : null;
-}, y = m(f);
+import { memo as i } from "react";
+import { Tooltip as a } from "antd";
+import c from "../style.mjs";
+import p from "../../../BitzButton/index.mjs";
+import f from "../../../../node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
+const d = (t) => {
+  const {
+    loading: e,
+    onClick: r,
+    order: s,
+    show: l = !0,
+    icon: m = /* @__PURE__ */ o.jsx(f, {})
+  } = t, { toolbarItemClassName: n } = c();
+  return l ? /* @__PURE__ */ o.jsx(a, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
+    p,
+    {
+      type: "text",
+      className: n,
+      disabled: e,
+      onClick: r,
+      icon: m,
+      style: { order: s },
+      children: "刷新"
+    }
+  ) }) : null;
+}, I = i(d);
 export {
-  y as default
+  I as default
 };