bitz-react-admin-ui 1.4.23 → 1.6.2

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

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

package/dist/components/BitzTableSelect/SelectPopup/getData.mjs

@@ -0,0 +1,96 @@
+import { j as o } from "../../../node_modules/react/jsx-runtime.mjs";
+import { Table as f } from "antd";
+import a from "../../BitzDescriptions/index.mjs";
+import m from "../TableCell/index.mjs";
+import c from "../TextBlock/index.mjs";
+const j = (n, r, e) => {
+  const l = n.map((t) => (typeof t.title == "string" && (t.title = /* @__PURE__ */ o.jsx(c, { value: t.title, bold: 600 })), {
+    ...t,
+    render: (i, u, g) => {
+      const p = (r == null ? void 0 : r.length) === 1 ? !1 : g + 1 > ((r == null ? void 0 : r.length) || 0) / 2;
+      if (t != null && t.render) {
+        const s = t.render(i, u, g);
+        if (typeof s == "object")
+          return s;
+        if (["boolean", "number", "bigint", "string"].includes(
+          typeof s
+        ))
+          return /* @__PURE__ */ o.jsx(m, { value: `${s}`, isLatterHalf: p });
+      }
+      return !i && !["boolean", "number", "bigint"].includes(typeof i) ? /* @__PURE__ */ o.jsx(c, { value: "-" }) : /* @__PURE__ */ o.jsx(m, { value: i, isLatterHalf: p });
+    }
+  }));
+  return [
+    f.SELECTION_COLUMN,
+    f.EXPAND_COLUMN,
+    {
+      title: "序号",
+      rowScope: "row",
+      className: "numRow",
+      width: 50,
+      render: (t, i, u) => u + 1 + (e.pageIndex - 1) * e.pageSize
+    },
+    ...l
+  ];
+}, w = (n) => n ? {
+  expandable: {
+    rowExpandable: (r) => {
+      var e;
+      return (e = r[n]) == null ? void 0 : e.length;
+    },
+    expandedRowRender: (r) => {
+      var l;
+      const e = (l = r[n]) == null ? void 0 : l.map((t) => (typeof t.label == "string" && (t.label = /* @__PURE__ */ o.jsx(c, { minRows: 1, maxRows: 5, value: t.label })), typeof t.children == "string" && (t.children = /* @__PURE__ */ o.jsx(c, { minRows: 1, maxRows: 5, value: t.children })), t));
+      return /* @__PURE__ */ o.jsx(
+        a,
+        {
+          size: "small",
+          bordered: !0,
+          items: e,
+          column: { xs: 1, sm: 1, md: 1, lg: 2, xl: 2, xxl: 2 }
+        }
+      );
+    }
+  }
+} : null, R = (n, r) => {
+  if (n) {
+    const e = {
+      gutter: 20,
+      spaceSize: 10,
+      left: {
+        span: 6
+      },
+      right: {
+        span: 18,
+        search: 9,
+        operation: 15,
+        toolTagSelect: 7,
+        totalSelect: 9,
+        button: 4
+      }
+    };
+    return r || (e.right.search = 11, e.right.operation = 13, e.right.toolTagSelect = 0, e.right.totalSelect = 11, e.right.button = void 0), e;
+  } else {
+    const e = {
+      gutter: 0,
+      spaceSize: 10,
+      left: {
+        span: 0
+      },
+      right: {
+        span: 24,
+        search: 10,
+        operation: 14,
+        toolTagSelect: 6,
+        totalSelect: 9,
+        button: void 0
+      }
+    };
+    return r || (e.right.search = 11, e.right.operation = 13, e.right.toolTagSelect = 0, e.right.totalSelect = 11), e;
+  }
+};
+export {
+  j as getColumns,
+  w as getExpandable,
+  R as getLayoutConfig
+};

package/dist/components/BitzTableSelect/SelectPopup/index.less.mjs

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -0,0 +1,261 @@
+import { j as e } from "../../../node_modules/react/jsx-runtime.mjs";
+import { useRef as ee, useState as T, useMemo as F, useCallback as te, useEffect as re } from "react";
+import { theme as se, Row as y, Col as i, Space as K, Form as h, Select as A, Spin as le, Typography as oe, Table as ce, Pagination as ne, Flex as ie, Empty as G } from "antd";
+import H from "../../BitzButton/index.mjs";
+import { getColumns as ae, getExpandable as pe, getLayoutConfig as ue } from "./getData.mjs";
+import de from "../TextBlock/index.mjs";
+import xe from "../../../node_modules/ahooks/es/useSize/index.mjs";
+import "./index.less.mjs";
+import he from "../../../node_modules/@ant-design/icons/es/icons/InfoCircleOutlined.mjs";
+import je from "../../../node_modules/@ant-design/icons/es/icons/CloseOutlined.mjs";
+function Ee({
+  columns: k,
+  tableData: E,
+  total: J,
+  loading: j,
+  loadingFailed: f,
+  loadAgain: O,
+  page: b,
+  onPageChange: I,
+  searchInput: Q,
+  showToolTagSelect: P,
+  toolTags: W,
+  onToolTagChange: g,
+  lrLayout: w,
+  parentRender: z,
+  keys: R,
+  rows: B,
+  fieldNames: r,
+  onChange: d,
+  onDropdownVisibleChange: m
+}) {
+  var _;
+  const C = ee(null), v = xe(C), { token: a } = se.useToken(), [o, $] = T([]), [l, q] = T([]), [L, U] = T(void 0), X = (t, s) => {
+    U(t), g == null || g(t, s), t || (m(!0), setTimeout(() => {
+      m(!1);
+    }, 0));
+  }, Y = F(() => ae(k, E, b), [k]), Z = {
+    selectedRowKeys: o,
+    onSelect: (t, s) => {
+      if (s)
+        o.push(t[r.value]), l.push(t), d(o, l);
+      else {
+        const p = l.filter(
+          (u) => u[r.value] !== t[r.value]
+        );
+        d(
+          p.map((u) => u[r.value]),
+          p
+        );
+      }
+    },
+    onSelectAll: (t, s, p) => {
+      const u = p.map((n) => n[r.value]);
+      if (t) {
+        const n = o.concat(u), S = l.concat(p);
+        d(n, S);
+      } else {
+        const n = o == null ? void 0 : o.filter((x) => !u.includes(x)), S = /* @__PURE__ */ new Map();
+        p.forEach((x) => {
+          S.set(x[r.value], x);
+        });
+        const N = l == null ? void 0 : l.filter(
+          (x) => !S.has(x[r.value])
+        );
+        d(n, N);
+      }
+    }
+  }, D = te(() => pe(r.items), [r.items]), M = (t, s) => /* @__PURE__ */ e.jsxs("span", { style: { color: a.colorText }, children: [
+    t[0],
+    " ",
+    /* @__PURE__ */ e.jsx("span", { style: { color: a.colorPrimary, fontWeight: 600 }, children: s }),
+    " ",
+    t[1]
+  ] }), V = () => {
+    const t = (s) => {
+      const p = l.findIndex(
+        (n) => n[r.value] === s[r.value]
+      ), u = o.findIndex(
+        (n) => n === s[r.value]
+      );
+      l.splice(p, 1), o.splice(u, 1), d(o, l);
+    };
+    return /* @__PURE__ */ e.jsxs(
+      K,
+      {
+        direction: "vertical",
+        style: {
+          width: "calc(100% - 5px)",
+          paddingRight: 5,
+          maxHeight: l.length ? 220 : "auto",
+          overflow: "hidden auto"
+        },
+        children: [
+          l.map((s) => /* @__PURE__ */ e.jsxs(
+            ie,
+            {
+              justify: "space-between",
+              style: {
+                padding: "4px 8px",
+                border: `1px solid ${a.colorBorder}`,
+                backgroundColor: "#f5f5f5",
+                borderRadius: a.borderRadiusSM,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("div", { style: { width: "calc(100% - 15px)" }, children: /* @__PURE__ */ e.jsx(de, { value: s[r.label] }) }),
+                /* @__PURE__ */ e.jsx(
+                  je,
+                  {
+                    style: {
+                      color: a.colorError,
+                      fontSize: 13,
+                      cursor: "pointer"
+                    },
+                    onClick: () => t(s)
+                  }
+                )
+              ]
+            },
+            s[r.value]
+          )),
+          !l.length && /* @__PURE__ */ e.jsx(G, { image: G.PRESENTED_IMAGE_SIMPLE })
+        ]
+      }
+    );
+  }, c = F(() => ue(w, P), [w, P]);
+  return re(() => {
+    $(R ?? []), q(B ?? []);
+  }, [R, B]), /* @__PURE__ */ e.jsxs(y, { gutter: c.gutter, children: [
+    /* @__PURE__ */ e.jsx(i, { span: c.left.span, children: w && z && z(c.spaceSize, v == null ? void 0 : v.height) }),
+    /* @__PURE__ */ e.jsx(i, { span: c.right.span, children: /* @__PURE__ */ e.jsxs(
+      K,
+      {
+        direction: "vertical",
+        size: c.spaceSize,
+        style: { width: "100%" },
+        children: [
+          /* @__PURE__ */ e.jsx(h, { className: "tableSelectPopupSearchForm", children: /* @__PURE__ */ e.jsx(y, { gutter: [16, 16], children: /* @__PURE__ */ e.jsx(i, { span: 24, children: /* @__PURE__ */ e.jsxs(y, { justify: "space-between", gutter: [16, 16], children: [
+            /* @__PURE__ */ e.jsx(i, { span: c.right.search, children: /* @__PURE__ */ e.jsx(h.Item, { children: Q }) }),
+            /* @__PURE__ */ e.jsx(i, { span: c.right.operation, children: /* @__PURE__ */ e.jsxs(y, { justify: "end", gutter: 8, children: [
+              /* @__PURE__ */ e.jsx(i, { span: c.right.toolTagSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsx(
+                A,
+                {
+                  allowClear: !0,
+                  className: "tableSelectPopupToolTagSelect",
+                  style: {
+                    width: "100%",
+                    "--toolTagSelect-color": j ? a.colorTextDisabled : a.colorText
+                  },
+                  placeholder: "常用标签",
+                  showSearch: !1,
+                  disabled: j,
+                  options: W,
+                  value: L,
+                  onChange: X,
+                  onDropdownVisibleChange: m
+                }
+              ) }) }),
+              /* @__PURE__ */ e.jsx(i, { span: c.right.totalSelect, children: /* @__PURE__ */ e.jsx(h.Item, { children: /* @__PURE__ */ e.jsxs("div", { className: "tableSelectPopupTotalSelect", children: [
+                /* @__PURE__ */ e.jsx(
+                  A,
+                  {
+                    style: { width: "100%" },
+                    mode: "multiple",
+                    placeholder: "",
+                    showSearch: !1,
+                    options: l,
+                    value: o,
+                    fieldNames: r,
+                    popupClassName: "tableSelectPopupTotalPopup",
+                    dropdownRender: V,
+                    tagRender: () => /* @__PURE__ */ e.jsx(e.Fragment, {}),
+                    onDropdownVisibleChange: m
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("div", { className: "tableSelectPopupTotalSelectTip", children: M(
+                  ["已选择", "条数据"],
+                  o.length || 0
+                ) })
+              ] }) }) }),
+              /* @__PURE__ */ e.jsx(i, { span: c.right.button, children: /* @__PURE__ */ e.jsx(
+                H,
+                {
+                  type: "primary",
+                  danger: !0,
+                  onClick: () => d([], [], "clear"),
+                  children: "清空"
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(i, { span: c.right.button, children: /* @__PURE__ */ e.jsx(
+                H,
+                {
+                  type: "primary",
+                  onClick: () => d([], [], "confirm"),
+                  children: "确认"
+                }
+              ) })
+            ] }) })
+          ] }) }) }) }),
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              ref: C,
+              ...f && {
+                className: "pointerMouse",
+                onClick: () => O()
+              },
+              children: /* @__PURE__ */ e.jsx(
+                le,
+                {
+                  spinning: f,
+                  indicator: /* @__PURE__ */ e.jsx(he, {}),
+                  tip: /* @__PURE__ */ e.jsx(oe.Text, { type: "danger", children: "加载失败，点击重试" }),
+                  children: /* @__PURE__ */ e.jsx(
+                    ce,
+                    {
+                      rowKey: r.value,
+                      loading: j,
+                      bordered: !0,
+                      sticky: !0,
+                      size: "small",
+                      scroll: { y: 400 },
+                      pagination: !1,
+                      rowSelection: Z,
+                      columns: Y,
+                      dataSource: E,
+                      ...f && { className: "loadingFailedTable" },
+                      ...D(),
+                      style: {
+                        "--tableBody-bootomBorderColor": (_ = a.Table) == null ? void 0 : _.borderColor
+                      }
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(h.Item, { style: { marginBottom: 0 }, children: /* @__PURE__ */ e.jsx(
+            ne,
+            {
+              disabled: j,
+              className: "tableSelectPopupTablePagination",
+              size: "small",
+              current: b.pageIndex,
+              pageSize: b.pageSize,
+              showTotal: (t) => M(["共", "条"], t),
+              showSizeChanger: !0,
+              showQuickJumper: !0,
+              total: J,
+              onChange: I,
+              onShowSizeChange: (t, s) => I(1, s)
+            }
+          ) }) })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  Ee as default
+};

package/dist/components/BitzTableSelect/TableCell/index.less.mjs

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -0,0 +1,67 @@
+import { j as e } from "../../../node_modules/react/jsx-runtime.mjs";
+import { useMemo as m, useState as d } from "react";
+import { theme as p, Input as u } from "antd";
+import x from "../TextBlock/index.mjs";
+import t from "../../../node_modules/classnames/index.mjs";
+import "./index.less.mjs";
+import f from "../../../node_modules/@ant-design/icons/es/icons/CloseOutlined.mjs";
+const { TextArea: k } = u, C = ({ value: n, isLatterHalf: a = !1 }) => {
+  const { token: l } = p.useToken(), o = m(() => {
+    var i, c;
+    return {
+      paddingBlock: (i = l.Table) == null ? void 0 : i.cellPaddingBlockSM,
+      paddingInline: (c = l.Table) == null ? void 0 : c.cellPaddingInlineSM
+    };
+  }, [l]), [r, s] = d(!1);
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "cellBlock",
+      style: o,
+      onFocus: () => s(!0),
+      onBlur: () => s(!1),
+      children: [
+        /* @__PURE__ */ e.jsx(x, { className: t("cellText"), value: n }),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: t(
+              "tipBlock",
+              a ? "toTop" : "toBottom",
+              r ? "show" : ""
+            ),
+            style: {
+              paddingLeft: (o.paddingInline || 8) - 2,
+              paddingBlock: (o.paddingInline || 8) - 2
+            },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                f,
+                {
+                  className: t("closeIcon", a ? "top" : "bottom"),
+                  onClick: () => s(!1)
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                k,
+                {
+                  className: "tipText",
+                  value: n,
+                  autoSize: {
+                    minRows: 1,
+                    maxRows: 100
+                  },
+                  bordered: !1,
+                  readOnly: !0
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/components/BitzTableSelect/TextBlock/index.less.mjs

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -0,0 +1,37 @@
+import { j as l } from "../../../node_modules/react/jsx-runtime.mjs";
+import { Input as m } from "antd";
+import i from "../../../node_modules/classnames/index.mjs";
+import "./index.less.mjs";
+const { TextArea: n } = m, u = ({
+  maxRows: t = 1,
+  minRows: o,
+  bold: e,
+  value: s,
+  className: r
+}) => {
+  const a = {
+    "--cell-text-maxRows": t,
+    ...e && {
+      fontWeight: e
+    }
+  };
+  return /* @__PURE__ */ l.jsx(
+    n,
+    {
+      className: i("textBlock", r),
+      title: s,
+      value: s,
+      readOnly: !0,
+      size: "small",
+      bordered: !1,
+      autoSize: {
+        minRows: o ?? t,
+        maxRows: t
+      },
+      style: a
+    }
+  );
+};
+export {
+  u as default
+};

package/dist/components/BitzTableSelect/index.mjs

@@ -0,0 +1,63 @@
+import { j as n } from "../../node_modules/react/jsx-runtime.mjs";
+import { useMemo as b } from "react";
+import { isMobile as x } from "../../node_modules/react-device-detect/dist/lib.mjs";
+import j from "./Select/index.mjs";
+import F from "./Picker/index.mjs";
+function L({
+  columns: a,
+  tableData: l,
+  loading: m,
+  loadingFailed: u,
+  loadAgain: f,
+  total: s,
+  page: r,
+  onPageChange: p,
+  onSearch: c,
+  showToolTagSelect: t = !1,
+  placeholder: i = "请选择",
+  fieldNames: o,
+  ...e
+}) {
+  const d = b(() => e.lrLayout ? t ? 870 : 800 : t ? 720 : 670, [e.lrLayout, t]);
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: x ? /* @__PURE__ */ n.jsx(
+    F,
+    {
+      columns: [],
+      tableData: [],
+      loading: !1,
+      loadingFailed: !1,
+      loadAgain: function() {
+        throw new Error("Function not implemented.");
+      },
+      total: 0,
+      page: r,
+      onPageChange: function() {
+        throw new Error("Function not implemented.");
+      },
+      placeholder: i,
+      fieldNames: o,
+      ...e
+    }
+  ) : /* @__PURE__ */ n.jsx(
+    j,
+    {
+      columns: a,
+      tableData: l,
+      loading: m,
+      loadingFailed: u,
+      loadAgain: f,
+      total: s,
+      page: r,
+      onPageChange: p,
+      onSearch: c,
+      placeholder: i,
+      fieldNames: o,
+      popupMatchSelectWidth: d,
+      showToolTagSelect: t,
+      ...e
+    }
+  ) });
+}
+export {
+  L as default
+};

package/dist/components/BitzTag/index.mjs

@@ -0,0 +1,9 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.mjs";
+import { Tag as a } from "antd";
+const p = ({ color: t = "default", closable: e = !1, ...o }) => {
+  const r = { color: t, closable: e, ...o };
+  return /* @__PURE__ */ s.jsx(a, { ...r, children: r.children });
+};
+export {
+  p as default
+};

package/dist/components/BitzTimeline/index.mjs

@@ -0,0 +1,17 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.mjs";
+import { Timeline as m } from "antd";
+const i = (e) => /* @__PURE__ */ t.jsx(
+  m,
+  {
+    ...e
+  }
+), r = (e) => /* @__PURE__ */ t.jsx(
+  m.Item,
+  {
+    ...e
+  }
+);
+i.Item = r;
+export {
+  i as default
+};