bitz-react-admin-ui 2.10.8 → 2.11.0-beta.2

package/dist/components/BitzTimer/index.mjs

@@ -1,33 +1,35 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
 import t from "./index.module.less.mjs";
 import { useRef as N, useEffect as g } from "react";
-import { App as C, Alert as w, Select as p, Tag as L } from "antd";
-import { useImmer as T } from "../../node_modules/use-immer/dist/use-immer.module.mjs";
-import { Timer as y } from "./Timer.mjs";
-import O from "../BitzEmpty/index.mjs";
-import R from "../../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.mjs";
-import S from "../../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.mjs";
-import k from "../../node_modules/@ant-design/icons/es/icons/CloseOutlined.mjs";
-import A from "../../node_modules/@ant-design/icons/es/icons/PlusCircleFilled.mjs";
-const { Option: d } = p, G = ({ show: n = !0, hide: c = () => {
-} }) => {
-  const { modal: h } = C.useApp(), { confirm: u } = h, m = N(null), [l, o] = T([
-    {
-      id: 1,
-      start: !0,
-      edit: !1
-    },
-    {
-      id: 2,
-      start: !1,
-      edit: !1
-    },
-    {
-      id: 3,
-      start: !1,
-      edit: !1
-    }
-  ]);
+import { CloseOutlined as C, ExclamationCircleOutlined as w, PlusCircleFilled as L, ExclamationCircleFilled as T } from "@ant-design/icons";
+import { App as y, Alert as O, Select as p, Tag as R } from "antd";
+import { useImmer as S } from "../../node_modules/use-immer/dist/use-immer.module.mjs";
+import { Timer as k } from "./Timer.mjs";
+import A from "../BitzEmpty/index.mjs";
+const {
+  Option: d
+} = p, P = ({
+  show: n = !0,
+  hide: c = () => {
+  }
+}) => {
+  const {
+    modal: h
+  } = y.useApp(), {
+    confirm: u
+  } = h, m = N(null), [o, i] = S([{
+    id: 1,
+    start: !0,
+    edit: !1
+  }, {
+    id: 2,
+    start: !1,
+    edit: !1
+  }, {
+    id: 3,
+    start: !1,
+    edit: !1
+  }]);
   g(() => {
     n ? x() : f();
   }, [n]);
@@ -38,28 +40,28 @@ const { Option: d } = p, G = ({ show: n = !0, hide: c = () => {
     var s;
     (s = m.current) == null || s.classList.remove(t.show), c == null || c();
   }, j = (s) => {
-    l.forEach((r, a) => {
-      s === r.id ? o((i) => {
-        i[a].start = !0;
-      }) : o((i) => {
-        i[a].start = !1;
+    o.forEach((r, l) => {
+      s === r.id ? i((a) => {
+        a[l].start = !0;
+      }) : i((a) => {
+        a[l].start = !1;
       });
     });
   }, v = (s) => {
-    l.forEach((r, a) => {
-      s === r.id ? o((i) => {
-        i[a].edit = !0;
-      }) : o((i) => {
-        i[a].edit = !1;
+    o.forEach((r, l) => {
+      s === r.id ? i((a) => {
+        a[l].edit = !0;
+      }) : i((a) => {
+        a[l].edit = !1;
       });
     });
   }, E = (s) => {
     u({
       title: "温馨提醒",
-      icon: /* @__PURE__ */ e.jsx(S, {}),
+      icon: /* @__PURE__ */ e.jsx(T, {}),
       content: "确定要删除吗？",
       onOk() {
-        o((r) => {
+        i((r) => {
           r.splice(s, 1);
         });
       }
@@ -68,9 +70,9 @@ const { Option: d } = p, G = ({ show: n = !0, hide: c = () => {
   return /* @__PURE__ */ e.jsxs("div", { className: `${t.container} ${n ? t.show : ""}`, ref: m, children: [
     /* @__PURE__ */ e.jsxs("div", { className: t.header, children: [
       /* @__PURE__ */ e.jsx("h3", { children: "工作日志计时器" }),
-      /* @__PURE__ */ e.jsx(k, { className: t.close, onClick: f })
+      /* @__PURE__ */ e.jsx(C, { className: t.close, onClick: f })
     ] }),
-    /* @__PURE__ */ e.jsx(w, { className: t.alert, message: "单计时器时长超出24小时部分无法计入日志！", type: "warning" }),
+    /* @__PURE__ */ e.jsx(O, { className: t.alert, message: "单计时器时长超出24小时部分无法计入日志！", type: "warning" }),
     /* @__PURE__ */ e.jsxs(p, { showSearch: !0, placeholder: "任务检索关键字：通过任务穿件计时器", className: t.select, children: [
       /* @__PURE__ */ e.jsx(d, { value: "male", children: "male" }),
       /* @__PURE__ */ e.jsx(d, { value: "female", children: "female" }),
@@ -78,27 +80,23 @@ const { Option: d } = p, G = ({ show: n = !0, hide: c = () => {
     ] }),
     /* @__PURE__ */ e.jsxs("h4", { children: [
       /* @__PURE__ */ e.jsx("span", { children: "运行中的计时器" }),
-      /* @__PURE__ */ e.jsx(L, { icon: /* @__PURE__ */ e.jsx(R, {}), color: "warning", className: t.tag, children: "只允许单个计时器开启计时" })
+      /* @__PURE__ */ e.jsx(R, { icon: /* @__PURE__ */ e.jsx(w, {}), color: "warning", className: t.tag, children: "只允许单个计时器开启计时" })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: t.timerList, children: l.length ? l.map((s, r) => /* @__PURE__ */ e.jsx(y, { option: s, start: j, edit: v, remove: () => E(r) }, s.id)) : /* @__PURE__ */ e.jsx(O, { style: { marginTop: 50 } }) }),
-    /* @__PURE__ */ e.jsx(
-      A,
-      {
-        className: t.addbtn,
-        onClick: () => {
-          o((s) => {
-            s.unshift({
-              id: Math.random(),
-              start: !1,
-              edit: !1
-            });
-          });
-        }
-      }
-    )
+    /* @__PURE__ */ e.jsx("div", { className: t.timerList, children: o.length ? o.map((s, r) => /* @__PURE__ */ e.jsx(k, { option: s, start: j, edit: v, remove: () => E(r) }, s.id)) : /* @__PURE__ */ e.jsx(A, { style: {
+      marginTop: 50
+    } }) }),
+    /* @__PURE__ */ e.jsx(L, { className: t.addbtn, onClick: () => {
+      i((s) => {
+        s.unshift({
+          id: Math.random(),
+          start: !1,
+          edit: !1
+        });
+      });
+    } })
   ] });
 };
 export {
-  G as BitzTimer,
-  G as default
+  P as BitzTimer,
+  P as default
 };

package/dist/components/BitzToast/Toast/index.mjs

@@ -5,25 +5,32 @@ import x from "../../../assets/iconfont/index.mjs";
 import "./index.less.mjs";
 class g extends u {
   constructor() {
-    super(), this.transitionTime = 300, this.state = { notices: [] }, this.removeNotice = this.removeNotice.bind(this);
+    super(), this.transitionTime = 300, this.state = {
+      notices: []
+    }, this.removeNotice = this.removeNotice.bind(this);
   }
   getNoticeKey() {
-    const { notices: s } = this.state;
+    const {
+      notices: s
+    } = this.state;
     return `notice-${(/* @__PURE__ */ new Date()).getTime()}-${s.length}`;
   }
   addNotice(s) {
-    const { notices: r } = this.state;
-    return s.key = this.getNoticeKey(), r[0] = s, this.setState({ notices: r }), (s == null ? void 0 : s.duration) > 0 && setTimeout(
-      () => {
-        this.removeNotice(s.key);
-      },
-      s == null ? void 0 : s.duration
-    ), () => {
+    const {
+      notices: r
+    } = this.state;
+    return s.key = this.getNoticeKey(), r[0] = s, this.setState({
+      notices: r
+    }), (s == null ? void 0 : s.duration) > 0 && setTimeout(() => {
+      this.removeNotice(s.key);
+    }, s == null ? void 0 : s.duration), () => {
       this.removeNotice(s.key);
     };
   }
   removeNotice(s) {
-    const { notices: r } = this.state;
+    const {
+      notices: r
+    } = this.state;
     this.setState({
       notices: r.filter((l) => l.key === s ? (l.onClose && setTimeout(l.onClose, this.transitionTime), !1) : !0)
     });
@@ -35,7 +42,10 @@ class g extends u {
    */
   pcToastBox(s) {
     let r, l, m, d;
-    return s.type == "info" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "tishi1", l = "#616161", m = "#d1d1d1", d = "#8a8886") : s.type == "success" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "chenggong", l = "#0E700E", m = "#F1FAF1", d = "#9FD89F") : s.type == "warn" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "jinggao", l = "#DA3B01", m = "#FDF6F3", d = "#F4BFAB") : (r = s != null && s.icon ? s == null ? void 0 : s.icon : "icon21", l = "#B10E1C", m = "#FDF3F4", d = "#EEACB2"), /* @__PURE__ */ a.jsxs("div", { className: "pcToastBox", style: { background: m, borderColor: d }, children: [
+    return s.type == "info" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "tishi1", l = "#616161", m = "#d1d1d1", d = "#8a8886") : s.type == "success" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "chenggong", l = "#0E700E", m = "#F1FAF1", d = "#9FD89F") : s.type == "warn" ? (r = s != null && s.icon ? s == null ? void 0 : s.icon : "jinggao", l = "#DA3B01", m = "#FDF6F3", d = "#F4BFAB") : (r = s != null && s.icon ? s == null ? void 0 : s.icon : "icon21", l = "#B10E1C", m = "#FDF3F4", d = "#EEACB2"), /* @__PURE__ */ a.jsxs("div", { className: "pcToastBox", style: {
+      background: m,
+      borderColor: d
+    }, children: [
       /* @__PURE__ */ a.jsx("div", { className: "mark", children: /* @__PURE__ */ a.jsx(x, { color: l, size: 18, name: r }) }),
       /* @__PURE__ */ a.jsx("div", { className: "content", children: s == null ? void 0 : s.content })
     ] });
@@ -53,7 +63,9 @@ class g extends u {
     ] });
   }
   render() {
-    const { notices: s } = this.state;
+    const {
+      notices: s
+    } = this.state;
     return /* @__PURE__ */ a.jsx("div", { className: "bitzToastBlock", children: s.map((r) => /* @__PURE__ */ a.jsxs("div", { className: "toastBg", children: [
       !h && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",

package/dist/components/BitzToast/index.mjs

@@ -16,7 +16,13 @@ const u = () => {
 };
 let i;
 const n = (o, t, e = 2e3, r = () => {
-}, c) => (i || (i = u()), i.addNotice({ type: o, content: t, duration: e, onClose: r, icon: c })), l = {
+}, c) => (i || (i = u()), i.addNotice({
+  type: o,
+  content: t,
+  duration: e,
+  onClose: r,
+  icon: c
+})), l = {
   info(o, t, e = () => {
   }, r) {
     return n("info", o, t, e, r);

package/dist/components/BitzTooltip/index.mjs

@@ -19,17 +19,25 @@ const te = ({
   overlayStyle: R,
   getContainer: p
 }) => {
-  const { token: f } = $.useToken(), { blockClassName: j, blockContentCls: T, arrowCls: z } = H(), u = d(null), r = d(null), a = d(document.createElement("div")), [B, S] = w(0), [L, M] = w(0), [t, m] = D(C ?? !1, {
+  const {
+    token: f
+  } = $.useToken(), {
+    blockClassName: j,
+    blockContentCls: T,
+    arrowCls: z
+  } = H(), u = d(null), r = d(null), a = d(document.createElement("div")), [B, S] = w(0), [L, M] = w(0), [t, m] = D(C ?? !1, {
     value: k
   });
   x(() => {
     if (t && E(c)) {
       const e = n ?? u.current;
       if (e && r.current) {
-        const { top: l, left: _, width: F } = e.getBoundingClientRect(), V = window.pageXOffset || document.documentElement.scrollLeft, W = window.pageYOffset || document.documentElement.scrollTop;
-        S(
-          _ - (r.current.offsetWidth - F) / 2 + V
-        ), M(l - r.current.clientHeight - 10 + W);
+        const {
+          top: l,
+          left: _,
+          width: F
+        } = e.getBoundingClientRect(), V = window.pageXOffset || document.documentElement.scrollLeft, W = window.pageYOffset || document.documentElement.scrollTop;
+        S(_ - (r.current.offsetWidth - F) / 2 + V), M(l - r.current.clientHeight - 10 + W);
       }
     }
   }, [t, c]), G(() => {
@@ -57,50 +65,32 @@ const te = ({
     }), e;
   }, [i]), O = y(() => typeof s == "string" ? /* @__PURE__ */ o.jsx("span", { children: s }) : s, [s]);
   let g = s;
-  return n || (g = v.Children.map(
-    O,
-    (e) => v.cloneElement(e, {
-      [`${b.show}`]: () => h(!0),
-      [`${b.hide}`]: () => h(!1),
-      ref: u
-    })
-  )), x(() => () => {
+  return n || (g = v.Children.map(O, (e) => v.cloneElement(e, {
+    [`${b.show}`]: () => h(!0),
+    [`${b.hide}`]: () => h(!1),
+    ref: u
+  }))), x(() => () => {
     var e;
     (e = a.current) == null || e.remove();
   }, []), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     g,
-    A.createPortal(
-      /* @__PURE__ */ o.jsxs(
-        "div",
-        {
-          className: I(j, N),
-          ref: r,
-          style: {
-            left: B,
-            top: L,
-            zIndex: 1070,
-            background: f.colorBgSpotlight,
-            color: f.colorTextLightSolid,
-            opacity: t ? 1 : 0,
-            transformOrigin: "bottom",
-            transform: t ? "scale(1)" : "scale(0.8)",
-            transition: t ? "transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),  opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)" : "transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)",
-            ...R
-          },
-          children: [
-            /* @__PURE__ */ o.jsx(
-              "div",
-              {
-                className: z,
-                style: { borderTopColor: f.colorBgSpotlight }
-              }
-            ),
-            /* @__PURE__ */ o.jsx("div", { className: T, children: c })
-          ]
-        }
-      ),
-      p && n ? p(n) : a.current
-    )
+    A.createPortal(/* @__PURE__ */ o.jsxs("div", { className: I(j, N), ref: r, style: {
+      left: B,
+      top: L,
+      zIndex: 1070,
+      background: f.colorBgSpotlight,
+      color: f.colorTextLightSolid,
+      opacity: t ? 1 : 0,
+      transformOrigin: "bottom",
+      transform: t ? "scale(1)" : "scale(0.8)",
+      transition: t ? "transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),  opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)" : "transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)",
+      ...R
+    }, children: [
+      /* @__PURE__ */ o.jsx("div", { className: z, style: {
+        borderTopColor: f.colorBgSpotlight
+      } }),
+      /* @__PURE__ */ o.jsx("div", { className: T, children: c })
+    ] }), p && n ? p(n) : a.current)
   ] });
 };
 export {

package/dist/components/BitzTooltip/style.mjs

@@ -17,48 +17,51 @@ import "../../node_modules/@ant-design/cssinjs-utils/es/util/statistic.mjs";
 import "../../node_modules/@ant-design/cssinjs-utils/es/_util/hooks/useUniqueMemo.mjs";
 import c from "../../node_modules/classnames/index.mjs";
 const E = () => {
-  const { theme: p, hashId: e, token: r } = d.useToken(), o = "bitzTooltipBlock", i = "bitzTooltipContent", n = "bitzTooltipArrow", s = (m, a, l, t) => [
-    {
-      [`.${m}`]: {
+  const {
+    theme: p,
+    hashId: e,
+    token: r
+  } = d.useToken(), o = "bitzTooltipBlock", i = "bitzTooltipContent", n = "bitzTooltipArrow", s = (m, a, l, t) => [{
+    [`.${m}`]: {
+      position: "absolute",
+      pointerEvents: "none",
+      borderRadius: t.borderRadius,
+      fontSize: t.fontSize,
+      minWidth: "1em",
+      minHeight: 32,
+      padding: "6px 8px",
+      textAlign: "start",
+      wordBreak: "break-word",
+      textDecoration: "none",
+      boxShadow: t.boxShadowSecondary,
+      boxSizing: "border-box",
+      [`.${a}`]: {
+        position: "relative"
+      },
+      [`.${l}`]: {
         position: "absolute",
+        left: "calc(50% - 6px)",
+        bottom: -8,
         pointerEvents: "none",
-        borderRadius: t.borderRadius,
-        fontSize: t.fontSize,
-        minWidth: "1em",
-        minHeight: 32,
-        padding: "6px 8px",
-        textAlign: "start",
-        wordBreak: "break-word",
-        textDecoration: "none",
-        boxShadow: t.boxShadowSecondary,
-        boxSizing: "border-box",
-        [`.${a}`]: {
-          position: "relative"
-        },
-        [`.${l}`]: {
-          position: "absolute",
-          left: "calc(50% - 6px)",
-          bottom: -8,
-          pointerEvents: "none",
-          width: 0,
-          height: 0,
-          borderLeft: "6px solid transparent",
-          borderRight: "6px solid transparent",
-          borderTopWidth: 8,
-          borderTopStyle: "solid"
-        }
+        width: 0,
+        height: 0,
+        borderLeft: "6px solid transparent",
+        borderRight: "6px solid transparent",
+        borderTopWidth: 8,
+        borderTopStyle: "solid"
       }
     }
-  ];
-  return b(
-    {
-      theme: p,
-      token: r,
-      hashId: e,
-      path: [o]
-    },
-    () => [s(o, i, n, r)]
-  ), { blockClassName: c(o, e), blockContentCls: i, arrowCls: n };
+  }];
+  return b({
+    theme: p,
+    token: r,
+    hashId: e,
+    path: [o]
+  }, () => [s(o, i, n, r)]), {
+    blockClassName: c(o, e),
+    blockContentCls: i,
+    arrowCls: n
+  };
 };
 export {
   E as default