@gm-pc/react 1.25.1-beta.0 → 1.26.0-beta.0

package/src/component/dialog/types.ts

@@ -1,70 +1,70 @@
-import { HTMLAttributes, ReactNode } from 'react'
-import { ButtonType } from '../button'
-import { ConfigProviderProps } from '../config_provider'
-
-type DialogSize = 'sm' | 'md' | 'lg' | 'xl'
-
-type DialogPromptProps = HTMLAttributes<HTMLInputElement>
-
-interface DialogButtonProps {
-  text: string
-  onClick(event?: Event): void
-  btnType?: ButtonType
-  disabled?: boolean
-  loading?: boolean
-}
-
-interface DialogProps extends ConfigProviderProps {
-  title?: string
-  size?: DialogSize
-  buttons?: DialogButtonProps[]
-  /** 如果不提供，自动调用关闭 */
-  onHide?(): void
-  children: ReactNode
-}
-
-type SpecificDialogProps = Omit<DialogProps, 'buttons' | 'onHide'>
-
-interface DialogStatic {
-  render(props: DialogProps): void
-  hide(): void
-}
-
-interface AlertProps extends SpecificDialogProps {
-  okBtnText?: string
-}
-
-interface ConfirmProps extends SpecificDialogProps {
-  okBtnText?: string
-  okBtnType?: ButtonType
-  cancelBtnText?: string
-  /** prompt 用 */
-  onValidate?: (value: string) => boolean | void
-  /** 阅读提示 */
-  read?: boolean | string
-  confirmLoading?: boolean
-  onOk?: () => any
-  onCancel?: (error: any) => any
-}
-
-interface PromptProps extends ConfirmProps, ConfigProviderProps {
-  defaultValue?: string
-  placeholder?: string
-}
-
-interface DeleteProps extends ConfirmProps {
-  /** 阅读提示 */
-  read?: boolean | string
-}
-
-export type {
-  DialogProps,
-  DialogButtonProps,
-  DialogPromptProps,
-  DialogSize,
-  DialogStatic,
-  AlertProps,
-  ConfirmProps,
-  PromptProps,
-  DeleteProps,
-}
+import { HTMLAttributes, ReactNode } from 'react'
+import { ButtonType } from '../button'
+import { ConfigProviderProps } from '../config_provider'
+
+type DialogSize = 'sm' | 'md' | 'lg' | 'xl'
+
+type DialogPromptProps = HTMLAttributes<HTMLInputElement>
+
+interface DialogButtonProps {
+  text: string
+  onClick(event?: Event): void
+  btnType?: ButtonType
+  disabled?: boolean
+  loading?: boolean
+}
+
+interface DialogProps extends ConfigProviderProps {
+  title?: string
+  size?: DialogSize
+  buttons?: DialogButtonProps[]
+  /** 如果不提供，自动调用关闭 */
+  onHide?(): void
+  children: ReactNode
+}
+
+type SpecificDialogProps = Omit<DialogProps, 'buttons' | 'onHide'>
+
+interface DialogStatic {
+  render(props: DialogProps): void
+  hide(): void
+}
+
+interface AlertProps extends SpecificDialogProps {
+  okBtnText?: string
+}
+
+interface ConfirmProps extends SpecificDialogProps {
+  okBtnText?: string
+  okBtnType?: ButtonType
+  cancelBtnText?: string
+  /** prompt 用 */
+  onValidate?: (value: string) => boolean | void
+  /** 阅读提示 */
+  read?: boolean | string
+  confirmLoading?: boolean
+  onOk?: () => any
+  onCancel?: (error: any) => any
+}
+
+interface PromptProps extends ConfirmProps, ConfigProviderProps {
+  defaultValue?: string
+  placeholder?: string
+}
+
+interface DeleteProps extends ConfirmProps {
+  /** 阅读提示 */
+  read?: boolean | string
+}
+
+export type {
+  DialogProps,
+  DialogButtonProps,
+  DialogPromptProps,
+  DialogSize,
+  DialogStatic,
+  AlertProps,
+  ConfirmProps,
+  PromptProps,
+  DeleteProps,
+}

package/src/component/divider/divider.tsx

@@ -1,25 +1,25 @@
-import React, { FC } from 'react'
-import { Flex } from '../flex'
-
-interface DividerProps {
-  align?: 'left' | 'center' | 'right'
-}
-
-const Divider: FC<DividerProps> = ({ align = 'center', children }) => {
-  return (
-    <Flex className={`gm-divider gm-divider-${align}`}>
-      <Flex flex className='gm-divider-line' />
-      <div className='gm-padding-lr-10'>
-        {typeof children === 'string' ? (
-          <span className='gm-text-16'>{children}</span>
-        ) : (
-          children
-        )}
-      </div>
-      <Flex flex className='gm-divider-line' />
-    </Flex>
-  )
-}
-
-export default Divider
-export type { DividerProps }
+import React, { FC } from 'react'
+import { Flex } from '../flex'
+
+interface DividerProps {
+  align?: 'left' | 'center' | 'right'
+}
+
+const Divider: FC<DividerProps> = ({ align = 'center', children }) => {
+  return (
+    <Flex className={`gm-divider gm-divider-${align}`}>
+      <Flex flex className='gm-divider-line' />
+      <div className='gm-padding-lr-10'>
+        {typeof children === 'string' ? (
+          <span className='gm-text-16'>{children}</span>
+        ) : (
+          children
+        )}
+      </div>
+      <Flex flex className='gm-divider-line' />
+    </Flex>
+  )
+}
+
+export default Divider
+export type { DividerProps }

package/src/component/divider/index.ts

@@ -1,2 +1,2 @@
-export { default as Divider } from './divider'
-export type { DividerProps } from './divider'
+export { default as Divider } from './divider'
+export type { DividerProps } from './divider'

package/src/component/divider/stories.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
-import Divider from './divider'
-
-export const ComDivider = () => (
-  <div>
-    <Divider>Align Center</Divider>
-    <Divider align='left'>Align Left</Divider>
-    <Divider align='right'>Align Right</Divider>
-  </div>
-)
-
-export default {
-  title: '布局/Divider',
-}
+import React from 'react'
+import Divider from './divider'
+
+export const ComDivider = () => (
+  <div>
+    <Divider>Align Center</Divider>
+    <Divider align='left'>Align Left</Divider>
+    <Divider align='right'>Align Right</Divider>
+  </div>
+)
+
+export default {
+  title: '布局/Divider',
+}

package/src/component/divider/style.less

@@ -1,29 +1,29 @@
-.gm-divider {
-  .gm-divider-line {
-    position: relative;
-  }
-
-  .gm-divider-line::before {
-    content: ' ';
-    position: absolute;
-    left: 0;
-    top: 50%;
-    width: 100%;
-    height: 1px;
-    background: var(--gm-color-border);
-  }
-
-  &.gm-divider-left {
-    .gm-divider-line:first-child {
-      width: 1em;
-      max-width: 1em;
-    }
-  }
-
-  &.gm-divider-right {
-    .gm-divider-line:last-child {
-      width: 1em;
-      max-width: 1em;
-    }
-  }
-}
+.gm-divider {
+  .gm-divider-line {
+    position: relative;
+  }
+
+  .gm-divider-line::before {
+    content: ' ';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    width: 100%;
+    height: 1px;
+    background: var(--gm-color-border);
+  }
+
+  &.gm-divider-left {
+    .gm-divider-line:first-child {
+      width: 1em;
+      max-width: 1em;
+    }
+  }
+
+  &.gm-divider-right {
+    .gm-divider-line:last-child {
+      width: 1em;
+      max-width: 1em;
+    }
+  }
+}

package/src/component/flex/flex.tsx

@@ -1,133 +1,133 @@
-import React, { HTMLAttributes, forwardRef } from 'react'
-import classNames from 'classnames'
-
-interface FlexProps extends HTMLAttributes<HTMLDivElement> {
-  flex?: number | boolean
-  /** 本身是 display:flex，flex 会使子元素 flex-item。设置 block 即可 */
-  block?: boolean
-  auto?: boolean
-  /** flex 会坍缩，提供 none 则不会坍缩 */
-  none?: boolean
-  width?: string
-  height?: string
-  row?: boolean
-  column?: boolean
-  wrap?: boolean
-  nowrap?: boolean
-  justifyStart?: boolean
-  justifyEnd?: boolean
-  justifyCenter?: boolean
-  justifyBetween?: boolean
-  justifyAround?: boolean
-  alignStart?: boolean
-  alignEnd?: boolean
-  alignCenter?: boolean
-  alignBaseline?: boolean
-  alignStretch?: boolean
-  alignContentStart?: boolean
-  alignContentEnd?: boolean
-  alignContentCenter?: boolean
-  alignContentBetween?: boolean
-  alignContentAround?: boolean
-  alignContentStretch?: boolean
-}
-
-const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {
-  const {
-    flex,
-    block,
-
-    auto,
-    none,
-    width,
-    height,
-
-    row,
-    column,
-
-    wrap,
-    nowrap,
-
-    justifyStart,
-    justifyEnd,
-    justifyCenter,
-    justifyBetween,
-    justifyAround,
-
-    alignStart,
-    alignEnd,
-    alignCenter,
-    alignBaseline,
-    alignStretch,
-
-    alignContentStart,
-    alignContentEnd,
-    alignContentCenter,
-    alignContentBetween,
-    alignContentAround,
-    alignContentStretch,
-
-    className,
-    style,
-    children,
-
-    ...rest
-  } = props
-  const cn = classNames(
-    {
-      'gm-flex': true,
-      'gm-flex-block': block,
-
-      'gm-flex-flex': flex,
-      'gm-flex-auto': auto,
-      'gm-flex-none': none || width || height,
-
-      'gm-flex-row': row,
-      'gm-flex-column': column,
-
-      'gm-flex-wrap': wrap,
-      'gm-flex-nowrap': nowrap,
-
-      'gm-flex-justify-start': justifyStart,
-      'gm-flex-justify-end': justifyEnd,
-      'gm-flex-justify-center': justifyCenter,
-      'gm-flex-justify-between': justifyBetween,
-      'gm-flex-justify-around': justifyAround,
-
-      'gm-flex-align-start': alignStart,
-      'gm-flex-align-end': alignEnd,
-      'gm-flex-align-center': alignCenter,
-      'gm-flex-align-baseline': alignBaseline,
-      'gm-flex-align-stretch': alignStretch,
-
-      'gm-flex-align-content-start': alignContentStart,
-      'gm-flex-align-content-end': alignContentEnd,
-      'gm-flex-align-content-center': alignContentCenter,
-      'gm-flex-align-content-between': alignContentBetween,
-      'gm-flex-align-content-around': alignContentAround,
-      'gm-flex-align-content-stretch': alignContentStretch,
-    },
-    className
-  )
-
-  const s = Object.assign({}, style)
-  if (flex) {
-    s.flex = typeof flex === 'boolean' ? 1 : flex
-    s.WebkitFlex = typeof flex === 'boolean' ? 1 : flex
-  }
-  if (height) {
-    s.height = height
-  }
-  if (width) {
-    s.width = width
-  }
-
-  return (
-    <div ref={ref} {...rest} className={cn} style={s}>
-      {children}
-    </div>
-  )
-})
-
-export default Flex
-export type { FlexProps }
+import React, { HTMLAttributes, forwardRef } from 'react'
+import classNames from 'classnames'
+
+interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+  flex?: number | boolean
+  /** 本身是 display:flex，flex 会使子元素 flex-item。设置 block 即可 */
+  block?: boolean
+  auto?: boolean
+  /** flex 会坍缩，提供 none 则不会坍缩 */
+  none?: boolean
+  width?: string
+  height?: string
+  row?: boolean
+  column?: boolean
+  wrap?: boolean
+  nowrap?: boolean
+  justifyStart?: boolean
+  justifyEnd?: boolean
+  justifyCenter?: boolean
+  justifyBetween?: boolean
+  justifyAround?: boolean
+  alignStart?: boolean
+  alignEnd?: boolean
+  alignCenter?: boolean
+  alignBaseline?: boolean
+  alignStretch?: boolean
+  alignContentStart?: boolean
+  alignContentEnd?: boolean
+  alignContentCenter?: boolean
+  alignContentBetween?: boolean
+  alignContentAround?: boolean
+  alignContentStretch?: boolean
+}
+
+const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {
+  const {
+    flex,
+    block,
+
+    auto,
+    none,
+    width,
+    height,
+
+    row,
+    column,
+
+    wrap,
+    nowrap,
+
+    justifyStart,
+    justifyEnd,
+    justifyCenter,
+    justifyBetween,
+    justifyAround,
+
+    alignStart,
+    alignEnd,
+    alignCenter,
+    alignBaseline,
+    alignStretch,
+
+    alignContentStart,
+    alignContentEnd,
+    alignContentCenter,
+    alignContentBetween,
+    alignContentAround,
+    alignContentStretch,
+
+    className,
+    style,
+    children,
+
+    ...rest
+  } = props
+  const cn = classNames(
+    {
+      'gm-flex': true,
+      'gm-flex-block': block,
+
+      'gm-flex-flex': flex,
+      'gm-flex-auto': auto,
+      'gm-flex-none': none || width || height,
+
+      'gm-flex-row': row,
+      'gm-flex-column': column,
+
+      'gm-flex-wrap': wrap,
+      'gm-flex-nowrap': nowrap,
+
+      'gm-flex-justify-start': justifyStart,
+      'gm-flex-justify-end': justifyEnd,
+      'gm-flex-justify-center': justifyCenter,
+      'gm-flex-justify-between': justifyBetween,
+      'gm-flex-justify-around': justifyAround,
+
+      'gm-flex-align-start': alignStart,
+      'gm-flex-align-end': alignEnd,
+      'gm-flex-align-center': alignCenter,
+      'gm-flex-align-baseline': alignBaseline,
+      'gm-flex-align-stretch': alignStretch,
+
+      'gm-flex-align-content-start': alignContentStart,
+      'gm-flex-align-content-end': alignContentEnd,
+      'gm-flex-align-content-center': alignContentCenter,
+      'gm-flex-align-content-between': alignContentBetween,
+      'gm-flex-align-content-around': alignContentAround,
+      'gm-flex-align-content-stretch': alignContentStretch,
+    },
+    className
+  )
+
+  const s = Object.assign({}, style)
+  if (flex) {
+    s.flex = typeof flex === 'boolean' ? 1 : flex
+    s.WebkitFlex = typeof flex === 'boolean' ? 1 : flex
+  }
+  if (height) {
+    s.height = height
+  }
+  if (width) {
+    s.width = width
+  }
+
+  return (
+    <div ref={ref} {...rest} className={cn} style={s}>
+      {children}
+    </div>
+  )
+})
+
+export default Flex
+export type { FlexProps }

package/src/component/flex/index.ts

@@ -1,2 +1,2 @@
-export { default as Flex } from './flex'
-export type { FlexProps } from './flex'
+export { default as Flex } from './flex'
+export type { FlexProps } from './flex'

package/src/component/flex/stories.tsx

@@ -1,17 +1,17 @@
-import React from 'react'
-
-export const ComFlex = () => {
-  return (
-    <div>
-      <div>
-        语法见 [Flex](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)
-        本组件只是个简单的封装
-      </div>
-      <div>特别的 props 是 none，flex 会坍缩，提供 none 则不会坍缩</div>
-    </div>
-  )
-}
-
-export default {
-  title: '布局/Flex',
-}
+import React from 'react'
+
+export const ComFlex = () => {
+  return (
+    <div>
+      <div>
+        语法见 [Flex](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)
+        本组件只是个简单的封装
+      </div>
+      <div>特别的 props 是 none，flex 会坍缩，提供 none 则不会坍缩</div>
+    </div>
+  )
+}
+
+export default {
+  title: '布局/Flex',
+}