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

package/src/component/recommend_input/stories.tsx

@@ -1,47 +1,47 @@
-import React from 'react'
-import RecommendInput from './recommend_input'
-import { observable } from 'mobx'
-
-const store = observable({
-  data: [
-    { text: '徒步浪' },
-    { text: '快乐星猫' },
-    { text: '哆啦A梦' },
-    { text: '铁甲小宝' },
-    { text: '围棋小子' },
-    { text: '中华小当家' },
-    { text: '弹珠小子' },
-    { text: '神厨小富贵' },
-    { text: '虹猫蓝兔七侠传' },
-    { text: '蓝猫淘气三千问' },
-    { text: '四驱兄弟' },
-  ],
-  value: '',
-  setValue(value: string) {
-    this.value = value
-  },
-})
-
-export const ComRecommendInput = () => {
-  return (
-    <div style={{ width: '200px' }}>
-      <RecommendInput
-        data={store.data}
-        value={store.value}
-        onChange={(value) => store.setValue(value)}
-        placeholder='请输入'
-      />
-      <div>disabled</div>
-      <RecommendInput
-        data={store.data}
-        value={store.value}
-        onChange={(value) => store.setValue(value)}
-        disabled
-      />
-    </div>
-  )
-}
-
-export default {
-  title: '表单/RecommendInput',
-}
+import React from 'react'
+import RecommendInput from './recommend_input'
+import { observable } from 'mobx'
+
+const store = observable({
+  data: [
+    { text: '徒步浪' },
+    { text: '快乐星猫' },
+    { text: '哆啦A梦' },
+    { text: '铁甲小宝' },
+    { text: '围棋小子' },
+    { text: '中华小当家' },
+    { text: '弹珠小子' },
+    { text: '神厨小富贵' },
+    { text: '虹猫蓝兔七侠传' },
+    { text: '蓝猫淘气三千问' },
+    { text: '四驱兄弟' },
+  ],
+  value: '',
+  setValue(value: string) {
+    this.value = value
+  },
+})
+
+export const ComRecommendInput = () => {
+  return (
+    <div style={{ width: '200px' }}>
+      <RecommendInput
+        data={store.data}
+        value={store.value}
+        onChange={(value) => store.setValue(value)}
+        placeholder='请输入'
+      />
+      <div>disabled</div>
+      <RecommendInput
+        data={store.data}
+        value={store.value}
+        onChange={(value) => store.setValue(value)}
+        disabled
+      />
+    </div>
+  )
+}
+
+export default {
+  title: '表单/RecommendInput',
+}

package/src/component/recommend_input/style.less

@@ -1,25 +1,25 @@
-.gm-recommend-input {
-  position: relative;
-
-  .gm-recommend-input-clear-btn {
-    display: none;
-    position: absolute;
-    right: 5px;
-    top: 8px;
-    color: var(--gm-color-desc);
-  }
-
-  &:hover {
-    .gm-recommend-input-clear-btn {
-      display: block;
-    }
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-
-    .gm-recommend-input-clear-btn {
-      cursor: not-allowed;
-    }
-  }
-}
+.gm-recommend-input {
+  position: relative;
+
+  .gm-recommend-input-clear-btn {
+    display: none;
+    position: absolute;
+    right: 5px;
+    top: 8px;
+    color: var(--gm-color-desc);
+  }
+
+  &:hover {
+    .gm-recommend-input-clear-btn {
+      display: block;
+    }
+  }
+
+  &.disabled {
+    cursor: not-allowed;
+
+    .gm-recommend-input-clear-btn {
+      cursor: not-allowed;
+    }
+  }
+}

package/src/component/select/index.ts

@@ -1,2 +1,2 @@
-export { default as Select } from './select'
-export type { SelectProps } from './types'
+export { default as Select } from './select'
+export type { SelectProps } from './types'

package/src/component/select/select.tsx

@@ -1,172 +1,172 @@
-import React, { Component, createRef, KeyboardEvent } from 'react'
-import _ from 'lodash'
-import classNames from 'classnames'
-import { SelectProps } from './types'
-import { Popover } from '../popover'
-import { Selection } from '../selection'
-import { List } from '../list'
-import { ListDataItem } from '../../types'
-import { judgeFunction } from '../../common/utils'
-import { ConfigConsumer, ConfigProvider } from '../config_provider'
-import { ConfigProviderProps, FontSizeType } from '../config_provider/config_provider'
-import { getLocale } from '@gm-pc/locales'
-
-interface SelectState {
-  willActiveIndex: number
-}
-
-class Select<V = any> extends Component<SelectProps<V>, SelectState> {
-  static defaultProps = {
-    canShowClose: false,
-    onKeyDown: _.noop,
-    popoverType: 'focus',
-    all: false,
-    placeholder: '',
-  }
-
-  readonly state: SelectState = {
-    willActiveIndex: 0,
-  }
-
-  private _popupRef = createRef<Popover>()
-  private _selectionRef = createRef<Selection>()
-
-  public apiDoFocus = (): void => {
-    this._selectionRef.current!.apiDoFocus()
-  }
-
-  public apiDoSelectWillActive = (): void => {
-    const { data = [], onChange } = this.props
-    const { willActiveIndex } = this.state
-    if (data[willActiveIndex]) {
-      judgeFunction(onChange, data[willActiveIndex].value)
-    }
-  }
-
-  private _handleChange = (selected: V): void => {
-    const { onChange } = this.props
-    this._popupRef.current!.apiDoSetActive()
-    judgeFunction(onChange, selected)
-  }
-
-  private _handleKeyDown = (event: KeyboardEvent): void => {
-    const { data = [], onKeyDown } = this.props
-    let { willActiveIndex } = this.state
-    if (!onKeyDown) {
-      return
-    }
-    if (!(event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
-      onKeyDown(event)
-      return
-    }
-    // 没有数据，不用拦截
-    if (data.length === 0) {
-      onKeyDown(event)
-      return
-    }
-    // 以下是需要拦截部分
-    event.preventDefault()
-    if (event.key === 'ArrowUp') {
-      willActiveIndex--
-    } else if (event.key === 'ArrowDown') {
-      willActiveIndex++
-    }
-    // 修正
-    if (willActiveIndex < 0) {
-      willActiveIndex = data.length - 1
-    } else if (willActiveIndex > data.length - 1) {
-      willActiveIndex = 0
-    }
-    this.setState({
-      willActiveIndex,
-    })
-  }
-
-  render() {
-    const {
-      data = [],
-      value,
-      all,
-      disabled,
-      renderItem,
-      clean,
-      renderSelected,
-      className,
-      popoverType,
-      isInPopup,
-      addonLast,
-      ...rest
-    } = this.props
-    const { willActiveIndex } = this.state
-
-    const zeroItem = ({
-      text: getLocale('全部'),
-      value: 0,
-    } as unknown) as ListDataItem<V>
-    if (_.isObject(all)) {
-      Object.assign(zeroItem, all)
-    }
-
-    const newData: ListDataItem<V>[] = all ? [zeroItem, ...data] : [...data]
-
-    const selected = newData.find((v) => v.value === value)
-
-    const popup = (config?: ConfigProviderProps) => (
-      <>
-        <ConfigProvider {...config}>
-          <List
-            data={newData}
-            selected={value}
-            onSelect={this._handleChange}
-            renderItem={renderItem}
-            willActiveIndex={willActiveIndex}
-            className='gm-border-0'
-            style={{ maxHeight: '250px' }}
-          />
-          {addonLast && (
-            <div
-              onClick={() => {
-                this._popupRef.current!.apiDoSetActive()
-              }}
-            >
-              {addonLast}
-            </div>
-          )}
-        </ConfigProvider>
-      </>
-    )
-
-    // disabledClose 了，不会触发
-    const handleChange = _.noop
-
-    return (
-      <ConfigConsumer>
-        {(config) => (
-          <Popover
-            ref={this._popupRef}
-            type={popoverType}
-            disabled={disabled}
-            popup={popup(config)}
-            isInPopup={isInPopup}
-          >
-            <Selection
-              {...rest}
-              ref={this._selectionRef}
-              selected={selected}
-              onSelect={handleChange}
-              disabled={disabled}
-              disabledClose
-              clean={clean}
-              renderSelected={renderSelected}
-              className={classNames('gm-select', className)}
-              noInput
-              onKeyDown={this._handleKeyDown}
-            />
-          </Popover>
-        )}
-      </ConfigConsumer>
-    )
-  }
-}
-
-export default Select
+import React, { Component, createRef, KeyboardEvent } from 'react'
+import _ from 'lodash'
+import classNames from 'classnames'
+import { SelectProps } from './types'
+import { Popover } from '../popover'
+import { Selection } from '../selection'
+import { List } from '../list'
+import { ListDataItem } from '../../types'
+import { judgeFunction } from '../../common/utils'
+import { ConfigConsumer, ConfigProvider } from '../config_provider'
+import { ConfigProviderProps, FontSizeType } from '../config_provider/config_provider'
+import { getLocale } from '@gm-pc/locales'
+
+interface SelectState {
+  willActiveIndex: number
+}
+
+class Select<V = any> extends Component<SelectProps<V>, SelectState> {
+  static defaultProps = {
+    canShowClose: false,
+    onKeyDown: _.noop,
+    popoverType: 'focus',
+    all: false,
+    placeholder: '',
+  }
+
+  readonly state: SelectState = {
+    willActiveIndex: 0,
+  }
+
+  private _popupRef = createRef<Popover>()
+  private _selectionRef = createRef<Selection>()
+
+  public apiDoFocus = (): void => {
+    this._selectionRef.current!.apiDoFocus()
+  }
+
+  public apiDoSelectWillActive = (): void => {
+    const { data = [], onChange } = this.props
+    const { willActiveIndex } = this.state
+    if (data[willActiveIndex]) {
+      judgeFunction(onChange, data[willActiveIndex].value)
+    }
+  }
+
+  private _handleChange = (selected: V): void => {
+    const { onChange } = this.props
+    this._popupRef.current!.apiDoSetActive()
+    judgeFunction(onChange, selected)
+  }
+
+  private _handleKeyDown = (event: KeyboardEvent): void => {
+    const { data = [], onKeyDown } = this.props
+    let { willActiveIndex } = this.state
+    if (!onKeyDown) {
+      return
+    }
+    if (!(event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+      onKeyDown(event)
+      return
+    }
+    // 没有数据，不用拦截
+    if (data.length === 0) {
+      onKeyDown(event)
+      return
+    }
+    // 以下是需要拦截部分
+    event.preventDefault()
+    if (event.key === 'ArrowUp') {
+      willActiveIndex--
+    } else if (event.key === 'ArrowDown') {
+      willActiveIndex++
+    }
+    // 修正
+    if (willActiveIndex < 0) {
+      willActiveIndex = data.length - 1
+    } else if (willActiveIndex > data.length - 1) {
+      willActiveIndex = 0
+    }
+    this.setState({
+      willActiveIndex,
+    })
+  }
+
+  render() {
+    const {
+      data = [],
+      value,
+      all,
+      disabled,
+      renderItem,
+      clean,
+      renderSelected,
+      className,
+      popoverType,
+      isInPopup,
+      addonLast,
+      ...rest
+    } = this.props
+    const { willActiveIndex } = this.state
+
+    const zeroItem = ({
+      text: getLocale('全部'),
+      value: 0,
+    } as unknown) as ListDataItem<V>
+    if (_.isObject(all)) {
+      Object.assign(zeroItem, all)
+    }
+
+    const newData: ListDataItem<V>[] = all ? [zeroItem, ...data] : [...data]
+
+    const selected = newData.find((v) => v.value === value)
+
+    const popup = (config?: ConfigProviderProps) => (
+      <>
+        <ConfigProvider {...config}>
+          <List
+            data={newData}
+            selected={value}
+            onSelect={this._handleChange}
+            renderItem={renderItem}
+            willActiveIndex={willActiveIndex}
+            className='gm-border-0'
+            style={{ maxHeight: '250px' }}
+          />
+          {addonLast && (
+            <div
+              onClick={() => {
+                this._popupRef.current!.apiDoSetActive()
+              }}
+            >
+              {addonLast}
+            </div>
+          )}
+        </ConfigProvider>
+      </>
+    )
+
+    // disabledClose 了，不会触发
+    const handleChange = _.noop
+
+    return (
+      <ConfigConsumer>
+        {(config) => (
+          <Popover
+            ref={this._popupRef}
+            type={popoverType}
+            disabled={disabled}
+            popup={popup(config)}
+            isInPopup={isInPopup}
+          >
+            <Selection
+              {...rest}
+              ref={this._selectionRef}
+              selected={selected}
+              onSelect={handleChange}
+              disabled={disabled}
+              disabledClose
+              clean={clean}
+              renderSelected={renderSelected}
+              className={classNames('gm-select', className)}
+              noInput
+              onKeyDown={this._handleKeyDown}
+            />
+          </Popover>
+        )}
+      </ConfigConsumer>
+    )
+  }
+}
+
+export default Select