@arcblock/ux 2.13.70 → 3.0.1

package/lib/SharedBridge/index.js

@@ -1,109 +1,92 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { forwardRef, memo, useEffect, useId, useImperativeHandle, useRef } from 'react';
-import { withQuery } from 'ufo';
-import { useMemoizedFn, useReactive } from 'ahooks';
-import noop from 'lodash/noop';
-import { mergeSx } from '../Util/style';
-import { callIframe, getCallbackAction } from '../Util/iframe';
-const SharedBridge = /*#__PURE__*/forwardRef(({
-  src,
-  onClick,
-  onLoad = noop,
-  sx,
-  locale = 'en',
-  ...rest
-}, ref) => {
-  const targetIframeRef = useRef(null);
-  const refId = useId();
-  const dataId = `shared-bridge_${refId}`;
-  const currentState = useReactive({
-    hasInited: undefined,
-    open: false,
-    hasStorageAccess: false,
+import { jsx as g } from "react/jsx-runtime";
+import { Box as I } from "@mui/material";
+import { memo as v, useRef as w, useId as S, useEffect as A, useImperativeHandle as L } from "react";
+import { withQuery as b } from "ufo";
+import { useReactive as x, useMemoizedFn as y } from "ahooks";
+import E from "lodash/noop";
+import { mergeSx as R } from "../Util/style.js";
+import { callIframe as i, getCallbackAction as c } from "../Util/iframe.js";
+function B({
+  ref: d,
+  src: o,
+  onClick: s,
+  onLoad: u = E,
+  sx: m,
+  ...f
+}) {
+  const r = w(null), n = `shared-bridge_${S()}`, t = x({
+    hasInited: void 0,
+    open: !1,
+    hasStorageAccess: !1,
     containerEl: null,
     get origin() {
       try {
-        return new URL(src).origin;
-      } catch (error) {
-        return src;
+        return new URL(o).origin;
+      } catch {
+        return o;
       }
     },
     get host() {
       try {
-        return new URL(src).host;
-      } catch (error) {
-        return src;
+        return new URL(o).host;
+      } catch {
+        return o;
       }
     }
   });
-  useEffect(() => {
-    async function handleMessage(event) {
-      const {
-        data
-      } = event;
-      if (data.action === getCallbackAction(dataId, 'requestStorageAccess')) {
-        currentState.open = false;
-        if (!data.value) {
-          onClick(data);
+  A(() => {
+    async function e(h) {
+      const { data: a } = h;
+      if (a.action === c(n, "requestStorageAccess")) {
+        if (t.open = !1, !a.value) {
+          s(a);
           return;
         }
-        const {
-          value: visitorId
-        } = await callIframe(targetIframeRef.current, 'getVisitorId');
-        onClick({
-          ...data,
-          visitorId
-        });
-      } else if (data.action === getCallbackAction(dataId, 'preRequestStorageAccess')) {
-        currentState.open = true;
-      }
+        const { value: p } = await i(r.current, "getVisitorId");
+        s({ ...a, visitorId: p });
+      } else a.action === c(n, "preRequestStorageAccess") && (t.open = !0);
     }
-    window.addEventListener('message', handleMessage);
-    return () => {
-      window.removeEventListener('message', handleMessage);
+    return window.addEventListener("message", e), () => {
+      window.removeEventListener("message", e);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [onClick, dataId, targetIframeRef?.current]);
-  const handleLoad = useMemoizedFn(() => {
-    callIframe(targetIframeRef.current, 'hasStorageAccess').then(({
-      value
-    }) => {
-      currentState.hasStorageAccess = value;
-      currentState.hasInited = true;
-    });
-    // HACK: 如果目标 bridge 1s 内没有初始化，则认为目标 bridge 不兼容，不进行后续内容的加载
-    setTimeout(() => {
-      if (currentState.hasInited === undefined) {
-        currentState.hasInited = false;
-      }
-    }, 1000);
-    onLoad();
+  }, [s, n, r == null ? void 0 : r.current]);
+  const l = y(() => {
+    i(r.current, "hasStorageAccess").then(({ value: e }) => {
+      t.hasStorageAccess = e, t.hasInited = !0;
+    }), setTimeout(() => {
+      t.hasInited === void 0 && (t.hasInited = !1);
+    }, 1e3), u();
   });
-  useImperativeHandle(ref, () => ({
-    callIframe(action) {
-      return callIframe(targetIframeRef.current, action);
+  return L(d, () => ({
+    callIframe(e) {
+      return i(r.current, e);
     }
-  }));
-  return /*#__PURE__*/_jsx(Box, {
-    ...rest,
-    component: "iframe",
-    ref: targetIframeRef,
-    onLoad: handleLoad,
-    "data-id": dataId,
-    src: withQuery(src, {
-      id: dataId
-    }),
-    sx: mergeSx({
-      border: 0,
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      cursor: 'pointer',
-      backgroundColor: 'transparent'
-    }, sx)
-  });
-});
-export default /*#__PURE__*/memo(SharedBridge);
+  })), /* @__PURE__ */ g(
+    I,
+    {
+      ...f,
+      component: "iframe",
+      ref: r,
+      onLoad: l,
+      "data-id": n,
+      src: b(o, { id: n }),
+      sx: R(
+        {
+          border: 0,
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          cursor: "pointer",
+          backgroundColor: "transparent"
+        },
+        m
+      )
+    }
+  );
+}
+const T = v(B);
+export {
+  T as default
+};

package/lib/Sparkline/Sparkline.stories.d.ts

@@ -0,0 +1,12 @@
+export { default as Basic } from './demo/basic';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;

package/lib/Sparkline/index.js

@@ -1,197 +1,81 @@
-// origin: https://github.com/fnando/sparkline
-function getY(max, height, diff, value) {
-  return parseFloat((height - value * height / max + diff).toFixed(2));
+function L(t, e, n, s) {
+  return parseFloat((e - s * e / t + n).toFixed(2));
 }
-function removeChildren(svg) {
-  [...svg.querySelectorAll('*')].forEach(element => svg.removeChild(element));
+function q(t) {
+  [...t.querySelectorAll("*")].forEach((e) => t.removeChild(e));
 }
-function defaultFetch(entry) {
-  return entry.value;
+function H(t) {
+  return t.value;
 }
-function buildElement(tag, attrs) {
-  const element = document.createElementNS('http://www.w3.org/2000/svg', tag);
-
-  // eslint-disable-next-line no-restricted-syntax, guard-for-in
-  for (const name in attrs) {
-    element.setAttribute(name, attrs[name]);
-  }
-  return element;
+function p(t, e) {
+  const n = document.createElementNS("http://www.w3.org/2000/svg", t);
+  for (const s in e)
+    n.setAttribute(s, e[s]);
+  return n;
 }
-export default function sparkline(svg, rawEntries = [], options = {}) {
-  removeChildren(svg);
-  if (rawEntries.length <= 1) {
+function N(t, e = [], n = {}) {
+  if (q(t), e.length <= 1)
     return;
-  }
-  let entries = [];
-  if (typeof rawEntries[0] === 'number') {
-    entries = rawEntries.map(entry => {
-      return {
-        value: entry
-      };
-    });
-  } else {
-    entries = rawEntries;
-  }
-
-  // This function will be called whenever the mouse moves
-  // over the SVG. You can use it to render something like a
-  // tooltip.
-  const {
-    onmousemove
-  } = options;
-
-  // This function will be called whenever the mouse leaves
-  // the SVG area. You can use it to hide the tooltip.
-  const {
-    onmouseout
-  } = options;
-
-  // Should we run in interactive mode? If yes, this will handle the
-  // cursor and spot position when moving the mouse.
-  const interactive = 'interactive' in options ? options.interactive : !!onmousemove;
-
-  // Define how big should be the spot area.
-  const spotRadius = options.spotRadius || 2;
-  const spotDiameter = spotRadius * 2;
-
-  // Define how wide should be the cursor area.
-  const cursorWidth = options.cursorWidth || 2;
-
-  // Get the stroke width; this is used to compute the
-  // rendering offset.
-  // @ts-expect-error
-  const strokeWidth = parseFloat(svg.attributes['stroke-width'].value);
-
-  // By default, data must be formatted as an array of numbers or
-  // an array of objects with the value key (like `[{value: 1}]`).
-  // You can set a custom function to return data for a different
-  // data structure.
-  const fetch = options.fetch || defaultFetch;
-
-  // Retrieve only values, easing the find for the maximum value.
-  const values = entries.map(entry => fetch(entry));
-
-  // The rendering width will account for the spot size.
-  // @ts-expect-error
-  const width = parseFloat(svg.attributes.width.value) - spotDiameter * 2;
-
-  // Get the SVG element's full height.
-  // This is used
-  // @ts-expect-error
-  const fullHeight = parseFloat(svg.attributes.height.value);
-
-  // The rendering height accounts for stroke width and spot size.
-  const height = fullHeight - strokeWidth * 2 - spotDiameter;
-
-  // The maximum value. This is used to calculate the Y coord of
-  // each sparkline datapoint.
-  const max = Math.max(...values) === 0 ? 1 : Math.max(...values);
-
-  // Some arbitrary value to remove the cursor and spot out of
-  // the viewing canvas.
-  const offscreen = -1000;
-
-  // Cache the last item index.
-  const lastItemIndex = values.length - 1;
-
-  // Calculate the X coord base step.
-  const offset = width / lastItemIndex;
-
-  // Hold all datapoints, which is whatever we got as the entry plus
-  // x/y coords and the index.
-  const datapoints = [];
-
-  // Hold the line coordinates.
-  const pathY = getY(max, height, strokeWidth + spotRadius, values[0]);
-  let pathCoords = `M${spotDiameter} ${pathY}`;
-  values.forEach((value, index) => {
-    const x = index * offset + spotDiameter;
-    const y = getY(max, height, strokeWidth + spotRadius, value);
-    datapoints.push(Object.assign({}, entries[index], {
-      index,
-      x,
-      y
-    }));
-    pathCoords += ` L ${x} ${y}`;
+  let s = [];
+  typeof e[0] == "number" ? s = e.map((o) => ({ value: o })) : s = e;
+  const { onmousemove: y } = n, { onmouseout: w } = n, D = "interactive" in n ? n.interactive : !!y, m = n.spotRadius || 2, l = m * 2, E = n.cursorWidth || 2, k = parseFloat(t.attributes["stroke-width"].value), M = n.fetch || H, u = s.map((o) => M(o)), P = parseFloat(t.attributes.width.value) - l * 2, x = parseFloat(t.attributes.height.value), $ = x - k * 2 - l, v = Math.max(...u) === 0 ? 1 : Math.max(...u), i = -1e3, g = u.length - 1, W = P / g, h = [], I = L(v, $, k + m, u[0]);
+  let A = `M${l} ${I}`;
+  u.forEach((o, c) => {
+    const r = c * W + l, a = L(v, $, k + m, o);
+    h.push(
+      Object.assign({}, s[c], {
+        index: c,
+        x: r,
+        y: a
+      })
+    ), A += ` L ${r} ${a}`;
   });
-  const path = buildElement('path', {
-    class: 'sparkline--line',
-    d: pathCoords,
-    fill: 'none'
+  const O = p("path", {
+    class: "sparkline--line",
+    d: A,
+    fill: "none"
+  }), R = `${A} V ${x} L ${l} ${x} Z`, X = p("path", {
+    class: "sparkline--fill",
+    d: R,
+    stroke: "none"
   });
-  const fillCoords = `${pathCoords} V ${fullHeight} L ${spotDiameter} ${fullHeight} Z`;
-  const fill = buildElement('path', {
-    class: 'sparkline--fill',
-    d: fillCoords,
-    stroke: 'none'
-  });
-  svg.appendChild(fill);
-  svg.appendChild(path);
-  if (!interactive) {
+  if (t.appendChild(X), t.appendChild(O), !D)
     return;
-  }
-  const cursor = buildElement('line', {
-    class: 'sparkline--cursor',
-    x1: offscreen,
-    x2: offscreen,
+  const d = p("line", {
+    class: "sparkline--cursor",
+    x1: i,
+    x2: i,
     y1: 0,
-    y2: fullHeight,
-    'stroke-width': cursorWidth
-  });
-  const spot = buildElement('circle', {
-    class: 'sparkline--spot',
-    cx: offscreen,
-    cy: offscreen,
-    r: spotRadius
+    y2: x,
+    "stroke-width": E
+  }), b = p("circle", {
+    class: "sparkline--spot",
+    cx: i,
+    cy: i,
+    r: m
   });
-  svg.appendChild(cursor);
-  svg.appendChild(spot);
-  const interactionLayer = buildElement('rect', {
+  t.appendChild(d), t.appendChild(b);
+  const C = p("rect", {
     // @ts-expect-error
-    width: svg.attributes.width.value,
+    width: t.attributes.width.value,
     // @ts-expect-error
-    height: svg.attributes.height.value,
-    style: 'fill: transparent; stroke: transparent',
-    class: 'sparkline--interaction-layer'
+    height: t.attributes.height.value,
+    style: "fill: transparent; stroke: transparent",
+    class: "sparkline--interaction-layer"
   });
-  svg.appendChild(interactionLayer);
-  interactionLayer.addEventListener('mouseout', event => {
-    cursor.setAttribute('x1', offscreen.toString());
-    cursor.setAttribute('x2', offscreen.toString());
-    spot.setAttribute('cx', offscreen.toString());
-    if (onmouseout) {
-      onmouseout(event);
-    }
+  t.appendChild(C), C.addEventListener("mouseout", (o) => {
+    d.setAttribute("x1", i.toString()), d.setAttribute("x2", i.toString()), b.setAttribute("cx", i.toString()), w && w(o);
+  }), C.addEventListener("mousemove", (o) => {
+    const c = o.offsetX;
+    let r = h.find((j) => j.x >= c);
+    r || (r = h[g]);
+    const a = h[h.indexOf(r) - 1];
+    let f, F;
+    a ? (F = a.x + (r.x - a.x) / 2, f = c >= F ? r : a) : f = r;
+    const { x: S } = f, { y: Y } = f;
+    b.setAttribute("cx", S.toString()), b.setAttribute("cy", Y.toString()), d.setAttribute("x1", S.toString()), d.setAttribute("x2", S.toString()), y && y(o, f);
   });
-  interactionLayer.addEventListener('mousemove', event => {
-    const mouseX = event.offsetX;
-    let nextDataPoint = datapoints.find(entry => {
-      return entry.x >= mouseX;
-    });
-    if (!nextDataPoint) {
-      nextDataPoint = datapoints[lastItemIndex];
-    }
-    const previousDataPoint = datapoints[datapoints.indexOf(nextDataPoint) - 1];
-    let currentDataPoint;
-    let halfway;
-    if (previousDataPoint) {
-      halfway = previousDataPoint.x + (nextDataPoint.x - previousDataPoint.x) / 2;
-      currentDataPoint = mouseX >= halfway ? nextDataPoint : previousDataPoint;
-    } else {
-      currentDataPoint = nextDataPoint;
-    }
-    const {
-      x
-    } = currentDataPoint;
-    const {
-      y
-    } = currentDataPoint;
-    spot.setAttribute('cx', x.toString());
-    spot.setAttribute('cy', y.toString());
-    cursor.setAttribute('x1', x.toString());
-    cursor.setAttribute('x2', x.toString());
-    if (onmousemove) {
-      onmousemove(event, currentDataPoint);
-    }
-  });
-}
+}
+export {
+  N as default
+};

package/lib/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,18 @@
+export function Default(): import("react/jsx-runtime").JSX.Element;
+export namespace Default {
+    let storyName: string;
+}
+export function CustomColor(): import("react/jsx-runtime").JSX.Element;
+export namespace CustomColor {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+}
+export function CustomSize(): import("react/jsx-runtime").JSX.Element;
+export namespace CustomSize {
+    let storyName_2: string;
+    export { storyName_2 as storyName };
+}
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/lib/Spinner/index.d.ts

@@ -1,4 +1,4 @@
-import { type CircularProgressProps } from '@mui/material/CircularProgress';
+import { CircularProgressProps } from '@mui/material';
 export interface SpinnerProps extends Omit<CircularProgressProps, 'size'> {
     /** 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容 */
     size?: number | [number, number];

package/lib/Spinner/index.js

@@ -1,21 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CircularProgress from '@mui/material/CircularProgress';
-import { withDeprecated } from '../Util/deprecate';
-/** 之前的 Spinner 实现由内外 2 个环构成, 现在改为基于 @mui/material/CircularProgress 的实现 */
-function Spinner(props) {
-  const _props = {
-    ...props
-  };
-
-  // 兼容之前的 size prop (设置外圈/内圈的尺寸)
-  if (_props.size && Array.isArray(props.size)) {
-    [_props.size] = props.size;
-  }
-  return /*#__PURE__*/_jsx(CircularProgress, {
-    ..._props
-  });
+import { jsx as i } from "react/jsx-runtime";
+import { CircularProgress as t } from "@mui/material";
+import { withDeprecated as a } from "../Util/deprecate.js";
+function n(r) {
+  const e = { ...r };
+  return e.size && Array.isArray(r.size) && ([e.size] = r.size), /* @__PURE__ */ i(t, { ...e });
 }
-export default withDeprecated(Spinner, {
-  name: 'Spinner',
-  alternative: '@mui/material/CircularProgress'
-});
+const c = a(n, { name: "Spinner", alternative: "@mui/material/CircularProgress" });
+export {
+  c as default
+};

package/lib/SplitButton/SplitButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { default as SplitButton } from './index';
+import { default as Basic } from './demo/basic';
+declare namespace _default {
+    export let title: string;
+    export { SplitButton as component };
+    export namespace parameters {
+        namespace design {
+            let type: string;
+            let url: string;
+        }
+    }
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;
+export { Basic };

package/lib/SplitButton/index.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
-import MenuItem, { MenuItemProps } from '@mui/material/MenuItem';
-import { ButtonGroupProps } from '@mui/material/ButtonGroup';
-import { ButtonProps } from '@mui/material/Button';
+import { default as React } from 'react';
+import { MenuItem, MenuItemProps, ButtonGroupProps, ButtonProps } from '@mui/material';
 export interface SplitButtonProps extends Omit<ButtonGroupProps, 'children'> {
     menu?: React.ReactElement<MenuItemProps, typeof MenuItem> | React.ReactElement<MenuItemProps, typeof MenuItem>[] | MenuItemProps[];
     children?: React.ReactNode | (() => React.ReactNode);
@@ -10,6 +8,6 @@ export interface SplitButtonProps extends Omit<ButtonGroupProps, 'children'> {
 }
 declare function SplitButton(props: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SplitButton {
-    var Item: import("@mui/material").ExtendButtonBase<import("@mui/material/MenuItem").MenuItemTypeMap<{}, "li">>;
+    var Item: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
 }
 export default SplitButton;