ui-default: init

将ui-default合并至主存储库便于维护

packages/ui-default/components/scratchpad/ToolbarComponent.jsx

@@ -0,0 +1,90 @@
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+export default function ToolbarComponent(props) {
+  const {
+    className,
+    children,
+    ...rest
+  } = props;
+  const cn = classNames(className, 'scratchpad__toolbar flex-row flex-cross-center');
+  return (
+    <div {...rest} className={cn}>{children}</div>
+  );
+}
+
+ToolbarComponent.propTypes = {
+  className: PropTypes.string,
+  children: PropTypes.node,
+};
+
+export function ToolbarButtonComponent(props) {
+  const {
+    activated,
+    disabled,
+    onClick,
+    className,
+    children,
+    ...rest
+  } = props;
+  const cn = classNames(className, 'scratchpad__toolbar__item scratchpad__toolbar__button', {
+    activated,
+    disabled,
+    enabled: !disabled,
+  });
+  return (
+    <button
+      {...rest}
+      tabIndex="-1"
+      className={cn}
+      onClick={() => !disabled && onClick && onClick()}
+    >
+      <div>{children}</div>
+    </button>
+  );
+}
+
+ToolbarButtonComponent.propTypes = {
+  activated: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  className: PropTypes.string,
+  children: PropTypes.node,
+};
+
+ToolbarButtonComponent.defaultProps = {
+  activated: false,
+  disabled: false,
+};
+
+export function ToolbarSplitComponent(props) {
+  const {
+    className,
+    ...rest
+  } = props;
+  const cn = classNames(className, 'scratchpad__toolbar__item scratchpad__toolbar__split');
+  return (
+    <div {...rest} className={cn} />
+  );
+}
+
+ToolbarSplitComponent.propTypes = {
+  className: PropTypes.string,
+};
+
+export function ToolbarItemComponent(props) {
+  const {
+    className,
+    children,
+    ...rest
+  } = props;
+  const cn = classNames(className, 'scratchpad__toolbar__item');
+  return (
+    <div {...rest} className={cn}>{children}</div>
+  );
+}
+
+ToolbarItemComponent.propTypes = {
+  className: PropTypes.string,
+  children: PropTypes.node,
+};