@arcblock/ux 2.9.13 → 2.9.14

package/src/Dialog/confirm.js

@@ -1,201 +0,0 @@
-import PropTypes from 'prop-types';
-import { forwardRef, useRef, useImperativeHandle } from 'react';
-import { useMemoizedFn, useReactive } from 'ahooks';
-import noop from 'lodash/noop';
-
-import Button from '../Button';
-import Dialog from './dialog';
-
-/**
-  @typedef {Object} ConfirmProps
-  @property {boolean} open
-  @property {React.ReactNode} title
-  @property {React.ReactNode} children
-  @property {() => void | Promise<void>} onConfirm
-  @property {() => void | Promise<void>} onCancel
-  @property {boolean} [showCancelButton=true]
-  @property {{text: string, props?: import('../Button/wrap').ButtonProps}} [confirmButton={text: 'Confirm'}]
-  @property {{text: string, props?: import('../Button/wrap').ButtonProps}} [cancelButton={text: 'Cancel'}]
-  @property {import('@mui/material').PaperProps} [PaperProps={}]
-*/
-
-// 注意排在 {...rest} 之后的 props 优先级更高
-/**
- *
- * @param {ConfirmProps} props
- * @returns {import('react').ReactComponentElement}
- */
-export default function Confirm({
-  title,
-  children,
-  onConfirm,
-  onCancel,
-  showCancelButton,
-  confirmButton,
-  cancelButton,
-  PaperProps,
-  ...rest
-}) {
-  // 去除 dialog 默认的 300 最小高度
-  PaperProps.style = Object.assign(
-    {
-      minHeight: 0,
-    },
-    PaperProps.style
-  );
-
-  return (
-    <Dialog
-      title={title}
-      PaperProps={PaperProps}
-      {...rest}
-      onClose={() => onCancel()}
-      actions={
-        <>
-          {showCancelButton && (
-            <Button onClick={() => onCancel()} color="primary" {...cancelButton.props}>
-              {cancelButton.text}
-            </Button>
-          )}
-          <Button onClick={() => onConfirm()} color="primary" autoFocus {...confirmButton.props}>
-            {confirmButton.text}
-          </Button>
-        </>
-      }>
-      {children}
-    </Dialog>
-  );
-}
-
-Confirm.propTypes = {
-  title: PropTypes.node.isRequired,
-  children: PropTypes.node.isRequired,
-  onConfirm: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired,
-  showCancelButton: PropTypes.bool,
-  // 可以传入 {text: ..., props: ...}
-  confirmButton: PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    props: PropTypes.object,
-  }),
-  cancelButton: PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    props: PropTypes.object,
-  }),
-  PaperProps: PropTypes.object,
-};
-
-Confirm.defaultProps = {
-  showCancelButton: true,
-  confirmButton: {
-    text: 'Confirm',
-  },
-  cancelButton: {
-    text: 'Cancel',
-  },
-  PaperProps: {},
-};
-
-const ConfirmHolder = forwardRef((props, ref) => {
-  const state = useReactive({
-    show: false,
-    title: '',
-    content: '',
-    onConfirm: noop,
-    onCancel: noop,
-    loading: false,
-    confirmButtonText: 'Confirm',
-    cancelButtonText: 'Cancel',
-  });
-  const open = useMemoizedFn((params = {}) => {
-    state.show = true;
-    state.title = params.title;
-    state.content = params.content;
-    state.onConfirm = params.onConfirm || noop;
-    state.onCancel = params.onCancel || noop;
-    if (params.confirmButtonText) state.confirmButtonText = params.confirmButtonText;
-    if (params.cancelButtonText) state.cancelButtonText = params.cancelButtonText;
-    state.loading = false;
-  });
-  const reset = useMemoizedFn(() => {
-    state.title = '';
-    state.content = '';
-    state.onConfirm = noop;
-    state.onCancel = noop;
-    state.confirmButtonText = 'Confirm';
-    state.cancelButtonText = 'Cancel';
-  });
-  const close = useMemoizedFn(() => {
-    state.show = false;
-    setTimeout(() => {
-      reset();
-    }, 300);
-  });
-  const onCancel = useMemoizedFn(() => {
-    close();
-    state?.onCancel();
-  }, []);
-  const onConfirm = useMemoizedFn(async () => {
-    state.loading = true;
-    try {
-      await state?.onConfirm(close);
-    } finally {
-      state.loading = false;
-    }
-  }, []);
-  useImperativeHandle(
-    ref,
-    () => {
-      return {
-        open,
-        close,
-      };
-    },
-    [open, close]
-  );
-
-  return (
-    <Confirm
-      open={state.show}
-      title={state.title}
-      onConfirm={onConfirm}
-      onCancel={onCancel}
-      confirmButton={{
-        text: state.confirmButtonText,
-        props: {
-          variant: 'contained',
-          color: 'primary',
-          loading: state.loading,
-        },
-      }}
-      cancelButton={{
-        text: state.cancelButtonText,
-        props: {
-          variant: 'outlined',
-          color: 'primary',
-        },
-      }}>
-      {state.content}
-    </Confirm>
-  );
-});
-
-export function useConfirm() {
-  const confirmRef = useRef(null);
-
-  const open = useMemoizedFn((...args) => {
-    confirmRef.current?.open(...args);
-  });
-  const close = useMemoizedFn((...args) => {
-    confirmRef.current?.close(...args);
-  });
-  const confirmApi = {
-    open,
-    close,
-  };
-
-  return {
-    confirmHolder: <ConfirmHolder ref={confirmRef} />,
-    confirmApi,
-  };
-}

package/src/Tabs/index.js

@@ -1,45 +0,0 @@
-import PropTypes from 'prop-types';
-import MuiTabs from '@mui/material/Tabs';
-import MuiTab from '@mui/material/Tab';
-import { styled } from '../Theme';
-
-const PREFIX = 'index';
-
-const classes = {
-  tabs: `${PREFIX}-tabs`,
-  tab: `${PREFIX}-tab`,
-};
-
-const StyledMuiTabs = styled(MuiTabs)(({ theme }) => ({
-  [`& .${classes.tabs}`]: {},
-
-  [`& .${classes.tab}`]: {
-    fontSize: '0.875rem',
-    [theme.breakpoints.up('md')]: {
-      fontSize: '1rem',
-    },
-  },
-}));
-
-export default function Tabs({ tabs, current, onChange, ...rest }) {
-  return (
-    <StyledMuiTabs
-      scrollButtons="auto"
-      variant="scrollable"
-      value={current}
-      onChange={(_, newValue) => onChange(newValue)}
-      indicatorColor="primary"
-      {...rest}
-      className={[classes.tabs, rest.className || ''].join(' ')}>
-      {tabs.map((x) => (
-        <MuiTab className={classes.tab} key={x.value} value={x.value} label={x.label} icon={x.icon || null} />
-      ))}
-    </StyledMuiTabs>
-  );
-}
-
-Tabs.propTypes = {
-  tabs: PropTypes.array.isRequired,
-  current: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-};