@gm-pc/react 1.27.0 → 1.27.1-beta.0

package/src/component/dialog/prompt.tsx

@@ -1,95 +1,95 @@
-import React, { ChangeEvent, KeyboardEvent } from 'react'
-import _ from 'lodash'
-import Dialog from './dialog'
-import { PromptProps } from './types'
-import { getLocale } from '@gm-pc/locales'
-import { Input } from '../input'
-import { ConfigProvider } from '../config_provider'
-
-const Prompt = (props: string | PromptProps): Promise<string> => {
-  let p = props
-  if (!_.isObject(props)) {
-    p = {
-      children: props,
-    }
-  }
-
-  const {
-    children,
-    okBtnText,
-    cancelBtnText,
-    defaultValue,
-    placeholder,
-    onValidate,
-    fontSize,
-    ...rest
-  } = p as PromptProps
-
-  return new Promise((resolve, reject) => {
-    // 用一个变量存即可
-    let value: string = defaultValue || ''
-
-    const handleOk = () => {
-      let result: boolean | void
-      if (onValidate) {
-        result = onValidate(value)
-      }
-
-      // 阻止默认行为
-      if (result === false) {
-        return
-      }
-
-      resolve(value)
-      Dialog.hide()
-    }
-
-    const child = (
-      <ConfigProvider fontSize={fontSize}>
-        <div>
-          <div>
-            <Input
-              type='text'
-              defaultValue={value}
-              onChange={(e: ChangeEvent<HTMLInputElement>) => {
-                value = e.target.value
-              }}
-              placeholder={placeholder}
-              onKeyDown={(e: KeyboardEvent) => {
-                if (e.key === 'Enter') {
-                  handleOk()
-                }
-              }}
-            />
-          </div>
-          {children}
-        </div>
-      </ConfigProvider>
-    )
-
-    Dialog.render({
-      children: child,
-      buttons: [
-        {
-          text: cancelBtnText || getLocale('取消'),
-          onClick() {
-            reject(new Error('cancel'))
-            Dialog.hide()
-          },
-        },
-        {
-          text: okBtnText || getLocale('确定'),
-          btnType: 'primary',
-          onClick: handleOk,
-        },
-      ],
-      onHide: () => {
-        Dialog.hide()
-        reject(new Error('cancel'))
-      },
-      ...rest,
-    })
-  })
-}
-
-export default Prompt
+import React, { ChangeEvent, KeyboardEvent } from 'react'
+import _ from 'lodash'
+import Dialog from './dialog'
+import { PromptProps } from './types'
+import { getLocale } from '@gm-pc/locales'
+import { Input } from '../input'
+import { ConfigProvider } from '../config_provider'
+
+const Prompt = (props: string | PromptProps): Promise<string> => {
+  let p = props
+  if (!_.isObject(props)) {
+    p = {
+      children: props,
+    }
+  }
+
+  const {
+    children,
+    okBtnText,
+    cancelBtnText,
+    defaultValue,
+    placeholder,
+    onValidate,
+    fontSize,
+    ...rest
+  } = p as PromptProps
+
+  return new Promise((resolve, reject) => {
+    // 用一个变量存即可
+    let value: string = defaultValue || ''
+
+    const handleOk = () => {
+      let result: boolean | void
+      if (onValidate) {
+        result = onValidate(value)
+      }
+
+      // 阻止默认行为
+      if (result === false) {
+        return
+      }
+
+      resolve(value)
+      Dialog.hide()
+    }
+
+    const child = (
+      <ConfigProvider fontSize={fontSize}>
+        <div>
+          <div>
+            <Input
+              type='text'
+              defaultValue={value}
+              onChange={(e: ChangeEvent<HTMLInputElement>) => {
+                value = e.target.value
+              }}
+              placeholder={placeholder}
+              onKeyDown={(e: KeyboardEvent) => {
+                if (e.key === 'Enter') {
+                  handleOk()
+                }
+              }}
+            />
+          </div>
+          {children}
+        </div>
+      </ConfigProvider>
+    )
+
+    Dialog.render({
+      children: child,
+      buttons: [
+        {
+          text: cancelBtnText || getLocale('取消'),
+          onClick() {
+            reject(new Error('cancel'))
+            Dialog.hide()
+          },
+        },
+        {
+          text: okBtnText || getLocale('确定'),
+          btnType: 'primary',
+          onClick: handleOk,
+        },
+      ],
+      onHide: () => {
+        Dialog.hide()
+        reject(new Error('cancel'))
+      },
+      ...rest,
+    })
+  })
+}
+
+export default Prompt

package/src/component/dialog/stories.tsx

@@ -1,195 +1,195 @@
-import React from 'react'
-import Dialog from './dialog'
-import Alert from './alert'
-import Confirm from './confirm'
-import Prompt from './prompt'
-import Delete from './delete_com'
-import { ConfigProvider } from '../config_provider'
-
-export const ComDialog = () => {
-  return (
-    <button
-      onClick={() => {
-        Dialog.render({
-          buttons: [
-            {
-              text: '关闭',
-              onClick() {
-                console.log('关闭')
-                Dialog.hide()
-              },
-            },
-          ],
-          children: <div>对话框</div>,
-        })
-      }}
-    >
-      dialog
-    </button>
-  )
-}
-
-export const ComAlert = () => {
-  return (
-    <div>
-      <button
-        onClick={() => {
-          Alert('这是alert').then(() => {
-            console.log('ok')
-            return null
-          })
-        }}
-      >
-        alert text
-      </button>
-      <button
-        onClick={() => {
-          Alert({
-            children: '这是alert',
-            okBtnText: '点我',
-          }).then(() => {
-            console.log('ok')
-            return null
-          })
-        }}
-      >
-        alert okBtnText
-      </button>
-    </div>
-  )
-}
-
-export const ComConfirm = () => {
-  return (
-    <div>
-      <button
-        onClick={() => {
-          Confirm('这是Confirm').then(
-            () => {
-              return console.log('ok')
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        confirm
-      </button>
-      <button
-        onClick={() => {
-          Confirm({
-            title: 'hello',
-            children: '这是alert',
-            okBtnText: '点我',
-            cancelBtnText: '不点我',
-          }).then(
-            () => {
-              return console.log('ok')
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        confirm okBtnText cancelBtnText
-      </button>
-      <button
-        onClick={() => {
-          Confirm({
-            children: '这是Confirm',
-            read: true,
-          }).then(
-            () => {
-              return console.log('ok')
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        confirm read
-      </button>
-    </div>
-  )
-}
-
-export const ComDelete = () => {
-  return (
-    <div>
-      <button
-        onClick={() => {
-          Delete('删除拉').then(
-            () => {
-              return console.log('delete')
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        delete
-      </button>
-      <button
-        onClick={() => {
-          Delete({ children: '删除拉', read: true }).then(
-            () => {
-              return console.log('delete')
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        delete read
-      </button>
-    </div>
-  )
-}
-
-export const ComPrompt = () => {
-  return (
-    <div>
-      <button
-        onClick={() => {
-          Prompt({
-            fontSize: 'sm',
-            size: 'sm',
-            children: '请填写，< 5 不通过',
-            // @ts-ignore
-            onValidate(value) {
-              if (parseInt(value, 10) < 5) {
-                console.log(value, '<5')
-                return false
-              }
-            },
-          }).then(
-            (value) => {
-              console.log('ok', value)
-              return false
-            },
-            () => {
-              console.log('cancel')
-            }
-          )
-        }}
-      >
-        prompt
-      </button>
-    </div>
-  )
-}
-
-export const ComPromptFontSize = () => (
-  <ConfigProvider fontSize='sm'>
-    <ComPrompt />
-  </ConfigProvider>
-)
-
-export default {
-  title: '反馈/Dialog',
-}
+import React from 'react'
+import Dialog from './dialog'
+import Alert from './alert'
+import Confirm from './confirm'
+import Prompt from './prompt'
+import Delete from './delete_com'
+import { ConfigProvider } from '../config_provider'
+
+export const ComDialog = () => {
+  return (
+    <button
+      onClick={() => {
+        Dialog.render({
+          buttons: [
+            {
+              text: '关闭',
+              onClick() {
+                console.log('关闭')
+                Dialog.hide()
+              },
+            },
+          ],
+          children: <div>对话框</div>,
+        })
+      }}
+    >
+      dialog
+    </button>
+  )
+}
+
+export const ComAlert = () => {
+  return (
+    <div>
+      <button
+        onClick={() => {
+          Alert('这是alert').then(() => {
+            console.log('ok')
+            return null
+          })
+        }}
+      >
+        alert text
+      </button>
+      <button
+        onClick={() => {
+          Alert({
+            children: '这是alert',
+            okBtnText: '点我',
+          }).then(() => {
+            console.log('ok')
+            return null
+          })
+        }}
+      >
+        alert okBtnText
+      </button>
+    </div>
+  )
+}
+
+export const ComConfirm = () => {
+  return (
+    <div>
+      <button
+        onClick={() => {
+          Confirm('这是Confirm').then(
+            () => {
+              return console.log('ok')
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        confirm
+      </button>
+      <button
+        onClick={() => {
+          Confirm({
+            title: 'hello',
+            children: '这是alert',
+            okBtnText: '点我',
+            cancelBtnText: '不点我',
+          }).then(
+            () => {
+              return console.log('ok')
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        confirm okBtnText cancelBtnText
+      </button>
+      <button
+        onClick={() => {
+          Confirm({
+            children: '这是Confirm',
+            read: true,
+          }).then(
+            () => {
+              return console.log('ok')
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        confirm read
+      </button>
+    </div>
+  )
+}
+
+export const ComDelete = () => {
+  return (
+    <div>
+      <button
+        onClick={() => {
+          Delete('删除拉').then(
+            () => {
+              return console.log('delete')
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        delete
+      </button>
+      <button
+        onClick={() => {
+          Delete({ children: '删除拉', read: true }).then(
+            () => {
+              return console.log('delete')
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        delete read
+      </button>
+    </div>
+  )
+}
+
+export const ComPrompt = () => {
+  return (
+    <div>
+      <button
+        onClick={() => {
+          Prompt({
+            fontSize: 'sm',
+            size: 'sm',
+            children: '请填写，< 5 不通过',
+            // @ts-ignore
+            onValidate(value) {
+              if (parseInt(value, 10) < 5) {
+                console.log(value, '<5')
+                return false
+              }
+            },
+          }).then(
+            (value) => {
+              console.log('ok', value)
+              return false
+            },
+            () => {
+              console.log('cancel')
+            }
+          )
+        }}
+      >
+        prompt
+      </button>
+    </div>
+  )
+}
+
+export const ComPromptFontSize = () => (
+  <ConfigProvider fontSize='sm'>
+    <ComPrompt />
+  </ConfigProvider>
+)
+
+export default {
+  title: '反馈/Dialog',
+}