@arcblock/ux 2.9.91 → 2.10.0

package/lib/Datatable/utils.js

@@ -1,12 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.handleCSVDownload = handleCSVDownload;
-var _find = _interopRequireDefault(require("lodash/find"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import find from 'lodash/find';
 function escapeDangerousCSVCharacters(data) {
   if (typeof data === 'string') {
     // Places single quote before the appearance of dangerous characters if they
@@ -21,17 +13,17 @@ function buildCSV(columns, data, options) {
 
   // eslint-disable-next-line no-shadow
   const buildHead = columns => {
-    return "".concat(columns.reduce((soFar, column) => column.download ? "".concat(soFar, "\"").concat(escapeDangerousCSVCharacters(replaceDoubleQuoteInString(column.label || column.name)), "\"").concat(options.downloadOptions.separator) : soFar, '').slice(0, -1), "\r\n");
+    return `${columns.reduce((soFar, column) => column.download ? `${soFar}"${escapeDangerousCSVCharacters(replaceDoubleQuoteInString(column.label || column.name))}"${options.downloadOptions.separator}` : soFar, '').slice(0, -1)}\r\n`;
   };
   const CSVHead = buildHead(columns);
 
   // eslint-disable-next-line no-shadow
   const buildBody = data => {
     if (!data.length) return '';
-    return data.reduce((soFar, row) => "".concat(soFar, "\"").concat(row.data.filter((_, index) => columns[index].download).map(columnData => escapeDangerousCSVCharacters(replaceDoubleQuoteInString(columnData))).join("\"".concat(options.downloadOptions.separator, "\"")), "\"\r\n"), '').trim();
+    return data.reduce((soFar, row) => `${soFar}"${row.data.filter((_, index) => columns[index].download).map(columnData => escapeDangerousCSVCharacters(replaceDoubleQuoteInString(columnData))).join(`"${options.downloadOptions.separator}"`)}"\r\n`, '').trim();
   };
   const CSVBody = buildBody(data);
-  const csv = options.onDownload ? options.onDownload(buildHead, buildBody, columns, data) : "".concat(CSVHead).concat(CSVBody).trim();
+  const csv = options.onDownload ? options.onDownload(buildHead, buildBody, columns, data) : `${CSVHead}${CSVBody}`.trim();
   return csv;
 }
 function downloadCSV(csv, filename) {
@@ -43,7 +35,7 @@ function downloadCSV(csv, filename) {
   if (navigator && navigator.msSaveOrOpenBlob) {
     navigator.msSaveOrOpenBlob(blob, filename);
   } else {
-    const dataURI = "data:text/csv;charset=utf-8,".concat(csv);
+    const dataURI = `data:text/csv;charset=utf-8,${csv}`;
     const URL = window.URL || window.webkitURL;
     const downloadURI = typeof URL.createObjectURL === 'undefined' ? dataURI : URL.createObjectURL(blob);
     const link = document.createElement('a');
@@ -63,7 +55,7 @@ function createCSVDownload(columns, data, options, downloadCSV) {
   }
   downloadCSV(csv, options.downloadOptions.filename);
 }
-function handleCSVDownload(props) {
+export function handleCSVDownload(props) {
   const {
     data,
     displayData,
@@ -105,8 +97,8 @@ function handleCSVDownload(props) {
             // if we have a custom render, which will appear as a react element, we must grab the actual value from data
             // that matches the dataIndex and column
             // TODO: Create a utility function for checking whether or not something is a react object
-            let val = typeof column === 'object' && column !== null && !Array.isArray(column) ? (0, _find.default)(data, d => d.index === row.dataIndex).data[i] : column;
-            val = typeof val === 'function' ? (0, _find.default)(data, d => d.index === row.dataIndex).data[i] : val;
+            let val = typeof column === 'object' && column !== null && !Array.isArray(column) ? find(data, d => d.index === row.dataIndex).data[i] : column;
+            val = typeof val === 'function' ? find(data, d => d.index === row.dataIndex).data[i] : val;
             return val;
           })
         };
@@ -135,6 +127,6 @@ function handleCSVDownload(props) {
   }
   createCSVDownload(columnsToDownload, dataToDownload, options, downloadCSV);
 }
-var _default = exports.default = {
+export default {
   handleCSVDownload
 };

package/lib/Dialog/confirm.js

@@ -1,15 +1,8 @@
-"use strict";
+import PropTypes from 'prop-types';
+import { useMemoizedFn } from 'ahooks';
+import Button from '../Button';
+import Dialog from './dialog';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Confirm;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ahooks = require("ahooks");
-var _Button = _interopRequireDefault(require("../Button"));
-var _dialog = _interopRequireDefault(require("./dialog"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["title", "children", "onConfirm", "onCancel", "showCloseButton", "showCancelButton", "confirmButton", "cancelButton", "PaperProps"];
 /**
   @typedef {Object} ConfirmProps
   @property {boolean} open
@@ -22,48 +15,43 @@ const _excluded = ["title", "children", "onConfirm", "onCancel", "showCloseButto
   @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}
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function Confirm(_ref) {
-  let {
-      title,
-      children,
-      onConfirm,
-      onCancel,
-      showCloseButton,
-      showCancelButton,
-      confirmButton,
-      cancelButton,
-      PaperProps
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function Confirm({
+  title,
+  children,
+  onConfirm,
+  onCancel,
+  showCloseButton,
+  showCancelButton,
+  confirmButton,
+  cancelButton,
+  PaperProps,
+  ...rest
+}) {
   // 去除 dialog 默认的 300 最小高度
   PaperProps.style = Object.assign({
     minHeight: 0
   }, PaperProps.style);
-  const handleClose = (0, _ahooks.useMemoizedFn)((e, reason) => {
+  const handleClose = useMemoizedFn((e, reason) => {
     if (['backdropClick', 'escapeKeyDown'].includes(reason)) {
       return;
     }
     e.stopPropagation();
     onCancel(e, reason);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.default, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Dialog, {
     title: title,
-    PaperProps: PaperProps
-  }, rest), {}, {
+    PaperProps: PaperProps,
+    ...rest,
     onClose: handleClose,
     showCloseButton: showCloseButton,
     slotProps: {
@@ -81,46 +69,46 @@ function Confirm(_ref) {
         }
       }
     },
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [showCancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
+    actions: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [showCancelButton && /*#__PURE__*/_jsx(Button, {
         onClick: e => {
           e.stopPropagation();
           onCancel(e, 'closeButton');
         },
-        color: "primary"
-      }, cancelButton.props), {}, {
+        color: "primary",
+        ...cancelButton.props,
         children: cancelButton.text
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/_jsx(Button, {
         onClick: e => {
           e.stopPropagation();
           onConfirm(e);
         },
         color: "primary",
-        autoFocus: true
-      }, confirmButton.props), {}, {
+        autoFocus: true,
+        ...confirmButton.props,
         children: confirmButton.text
-      }))]
+      })]
     }),
     children: children
-  }));
+  });
 }
 Confirm.propTypes = {
-  title: _propTypes.default.node.isRequired,
-  children: _propTypes.default.node.isRequired,
-  onConfirm: _propTypes.default.func.isRequired,
-  onCancel: _propTypes.default.func.isRequired,
-  showCancelButton: _propTypes.default.bool,
-  showCloseButton: _propTypes.default.bool,
+  title: PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
+  onConfirm: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  showCancelButton: PropTypes.bool,
+  showCloseButton: PropTypes.bool,
   // 可以传入 {text: ..., props: ...}
-  confirmButton: _propTypes.default.shape({
-    text: _propTypes.default.string.isRequired,
-    props: _propTypes.default.object
+  confirmButton: PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    props: PropTypes.object
   }),
-  cancelButton: _propTypes.default.shape({
-    text: _propTypes.default.string.isRequired,
-    props: _propTypes.default.object
+  cancelButton: PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    props: PropTypes.object
   }),
-  PaperProps: _propTypes.default.object
+  PaperProps: PropTypes.object
 };
 Confirm.defaultProps = {
   showCloseButton: true,

package/lib/Dialog/dialog.js

@@ -1,22 +1,15 @@
-"use strict";
+import PropTypes from 'prop-types';
+import CloseIcon from '@mui/icons-material/Close';
+import { Typography, Dialog as MuiDialog, DialogContent as MuiDialogContent, DialogActions, IconButton, useMediaQuery, Box } from '@mui/material';
+import { styled, useTheme } from '../Theme';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-var _material = require("@mui/material");
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const _excluded = ["children", "title", "prepend", "toolbar", "actions", "showCloseButton", "actionsPosition", "PaperProps", "slotProps"];
 /**
   @typedef {import('@mui/material').PaperProps & {
     minWidth: number | string,
     minHeight: number | string,
   }} PaperStyle
 */
+
 /**
   @typedef {Object} DialogProps
   @property {React.ReactNode} children - The content of the dialog.
@@ -29,6 +22,7 @@ const _excluded = ["children", "title", "prepend", "toolbar", "actions", "showCl
   @property {PaperStyle} [PaperProps] - Props to be passed down to the dialog paper.
   @property {(event: React.SyntheticEvent, reason: string) => void} [onClose] - Callback function fired when the dialog is closed.
 */
+
 /**
  * Dialog
  *
@@ -41,31 +35,23 @@ const _excluded = ["children", "title", "prepend", "toolbar", "actions", "showCl
  * @param {DialogProps} props
  * @return {React.ReactComponentElement<any, DialogProps>}
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function Dialog(_ref) {
-  let {
-      children,
-      title,
-      prepend,
-      toolbar,
-      actions,
-      showCloseButton,
-      actionsPosition,
-      PaperProps,
-      slotProps
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const theme = (0, _Theme.useTheme)();
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function Dialog({
+  children,
+  title,
+  prepend,
+  toolbar,
+  actions,
+  showCloseButton,
+  actionsPosition,
+  PaperProps,
+  slotProps,
+  ...rest
+}) {
+  const theme = useTheme();
   // 不管是否是 mobile 设备, 只要屏宽 < sm, dialog 就处于 mobile 模式
-  const isMobile = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
   const showHeader = title || showCloseButton || toolbar;
   const handleOnClose = (e, reason) => {
     // escapeKeyDown/backdropClick
@@ -81,58 +67,60 @@ function Dialog(_ref) {
     minWidth: 300,
     minHeight: 300
   }, PaperProps.style);
-  const closeButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+  const closeButton = /*#__PURE__*/_jsx(IconButton, {
     className: "ux-dialog_closeButton",
     onClick: e => handleOnClose(e, 'closeButton'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
+    children: /*#__PURE__*/_jsx(CloseIcon, {})
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMuiDialog, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(StyledMuiDialog, {
     fullScreen: isMobile,
     onClose: handleOnClose,
-    PaperProps: PaperProps
-  }, rest), {}, {
-    children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, _objectSpread(_objectSpread({}, slotProps.header), {}, {
+    PaperProps: PaperProps,
+    ...rest,
+    children: [showHeader && /*#__PURE__*/_jsxs(Header, {
+      ...slotProps.header,
       className: "ux-dialog_header",
       isMobile: isMobile,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "ux-dialog_left",
-        children: [showCloseButton && isMobile && closeButton, prepend && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [showCloseButton && isMobile && closeButton, prepend && /*#__PURE__*/_jsx("div", {
           className: "ux-dialog_prepend",
           children: prepend
-        }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), title && /*#__PURE__*/_jsx(Typography, {
           variant: "h6",
           className: "ux-dialog_title",
           children: title
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: "ux-dialog_right",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "ux-dialog_toolbar",
           children: toolbar
         }), showCloseButton && !isMobile && closeButton]
       })]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, _objectSpread(_objectSpread({}, slotProps.content), {}, {
+    }), /*#__PURE__*/_jsx(MuiDialogContent, {
+      ...slotProps.content,
       children: children
-    })), actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogActions, {
-      className: "ux-dialog_actions--".concat(actionsPosition),
+    }), actions && /*#__PURE__*/_jsx(DialogActions, {
+      className: `ux-dialog_actions--${actionsPosition}`,
       children: actions
     })]
-  }));
+  });
 }
 Dialog.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  title: _propTypes.default.node,
+  children: PropTypes.node.isRequired,
+  title: PropTypes.node,
   // 在 title 之前追加内容, 比如返回按钮
-  prepend: _propTypes.default.node,
+  prepend: PropTypes.node,
   // 顶部工具栏, 在 close button 另一侧
-  toolbar: _propTypes.default.node,
-  actions: _propTypes.default.node,
-  showCloseButton: _propTypes.default.bool,
-  actionsPosition: _propTypes.default.oneOf(['left', 'center', 'right']),
-  PaperProps: _propTypes.default.object,
-  slotProps: _propTypes.default.shape({
-    content: _propTypes.default.object,
-    header: _propTypes.default.object
+  toolbar: PropTypes.node,
+  actions: PropTypes.node,
+  showCloseButton: PropTypes.bool,
+  actionsPosition: PropTypes.oneOf(['left', 'center', 'right']),
+  PaperProps: PropTypes.object,
+  slotProps: PropTypes.shape({
+    content: PropTypes.object,
+    header: PropTypes.object
   })
 };
 Dialog.defaultProps = {
@@ -148,10 +136,66 @@ Dialog.defaultProps = {
 /**
  * @type {import('@emotion/styled').StyledComponent<import('@mui/material').DialogProps, {}, { ref?: React.Ref<any> | undefined;}>}
  */
-const StyledMuiDialog = (0, _Theme.styled)(_material.Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiDialog-paper {\n    ", ";\n  }\n  .MuiDialogContent-root {\n    padding: 16px 24px;\n  }\n  .MuiDialogActions-root {\n    padding: 8px 24px 16px 24px;\n  }\n  .MuiDialogActions-root.ux-dialog_actions--left {\n    justify-content: flex-start;\n  }\n  .MuiDialogActions-root.ux-dialog_actions--right {\n    justify-content: flex-end;\n  }\n  .MuiDialogActions-root.ux-dialog_actions--center {\n    justify-content: center;\n  }\n"])), props => props.fullScreen ? 'border-radius: 0;' : '');
+const StyledMuiDialog = styled(MuiDialog)`
+  .MuiDialog-paper {
+    ${props => props.fullScreen ? 'border-radius: 0;' : ''};
+  }
+  .MuiDialogContent-root {
+    padding: 16px 24px;
+  }
+  .MuiDialogActions-root {
+    padding: 8px 24px 16px 24px;
+  }
+  .MuiDialogActions-root.ux-dialog_actions--left {
+    justify-content: flex-start;
+  }
+  .MuiDialogActions-root.ux-dialog_actions--right {
+    justify-content: flex-end;
+  }
+  .MuiDialogActions-root.ux-dialog_actions--center {
+    justify-content: center;
+  }
+`;
 
 /** @type {import('@emotion/styled').StyledComponent<import('react').ComponentPropsWithoutRef<"div">, {}, { ref?: React.Ref<any> | undefined;}>} */
-const Header = (0, _Theme.styled)(_material.Box, {
+const Header = styled(Box, {
   shouldForwardProp: prop => prop !== 'isMobile'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 24px;\n  .ux-dialog_left {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    min-width: 0;\n  }\n  .ux-dialog_right {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n  .ux-dialog_toolbar {\n    display: flex;\n    align-items: center;\n  }\n  .ux-dialog_title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .ux-dialog_closeButton {\n    /* \u4F7F closeButton \u4E0E content \u5DE6/\u53F3\u5BF9\u9F50 */\n    ", "\n    transition: transform 0.3s;\n    transform: rotate(0deg);\n    &:hover {\n      transform: rotate(90deg);\n    }\n  }\n"])), props => props.isMobile ? 'margin-left: -12px;' : 'margin-right: -12px;');
-var _default = exports.default = Dialog;
+})`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  .ux-dialog_left {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    min-width: 0;
+  }
+  .ux-dialog_right {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+  .ux-dialog_toolbar {
+    display: flex;
+    align-items: center;
+  }
+  .ux-dialog_title {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .ux-dialog_closeButton {
+    /* 使 closeButton 与 content 左/右对齐 */
+    ${props => props.isMobile ? 'margin-left: -12px;' : 'margin-right: -12px;'}
+    transition: transform 0.3s;
+    transform: rotate(0deg);
+    &:hover {
+      transform: rotate(90deg);
+    }
+  }
+`;
+export default Dialog;

package/lib/Dialog/index.js

@@ -1,27 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Confirm", {
-  enumerable: true,
-  get: function get() {
-    return _confirm.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _dialog.default;
-  }
-});
-Object.defineProperty(exports, "useConfirm", {
-  enumerable: true,
-  get: function get() {
-    return _useConfirm.default;
-  }
-});
-var _dialog = _interopRequireDefault(require("./dialog"));
-var _confirm = _interopRequireDefault(require("./confirm"));
-var _useConfirm = _interopRequireDefault(require("./use-confirm"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line no-restricted-exports
+export { default } from './dialog';
+export { default as Confirm } from './confirm';
+export { default as useConfirm } from './use-confirm';