-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* fix(icon): 修复icon不居中显示和class重复设置问题 * fix(icon): 修复icon不居中显示和class重复设置问题 * fix(icon): 修复icon不居中显示和class重复设置问题 * fix(watermark): 修复watermark无法生成水印及其它展示问题 * fix(message): 临时使用console代替 * feat(select-input): 增加select-input组件 * refactor(input): restore input * perf(popup): 优化popup dom结构 * feat(popup): 优化popup * feat(input-select): add input-select * fix(omi-transition): 动画enter、leave多次同时运行问题修复 * feat(select-input): add select-input * feat(select-input): add select-input * feat(select-input): 去除--force * feat(select-input): 优化css字符串 * fix(dropdown): dropdown问题修复
- Loading branch information
Showing
7 changed files
with
575 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| /** | ||
| * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC | ||
| * */ | ||
|
|
||
| import { TdOptionGroupProps, TdOptionProps, TdSelectProps } from './type'; | ||
|
|
||
| export const selectDefaultProps: TdSelectProps = { | ||
| autoWidth: false, | ||
| autofocus: false, | ||
| borderless: false, | ||
| clearable: false, | ||
| creatable: false, | ||
| loading: false, | ||
| max: 0, | ||
| minCollapsedNum: 0, | ||
| multiple: false, | ||
| placeholder: undefined, | ||
| readonly: false, | ||
| reserveKeyword: false, | ||
| showArrow: true, | ||
| size: 'medium', | ||
| status: 'default', | ||
| valueType: 'value', | ||
| }; | ||
|
|
||
| export const optionDefaultProps: TdOptionProps = { checkAll: false, disabled: false }; | ||
|
|
||
| export const optionGroupDefaultProps: TdOptionGroupProps = { divider: true }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,167 @@ | ||
| // import classNames from 'classnames'; | ||
| // import get from 'lodash/get'; | ||
| // import isNumber from 'lodash/isNumber'; | ||
| // import isString from 'lodash/isString'; | ||
|
|
||
| // import classname, { getClassPrefix } from '../_util/classname'; | ||
| // import { StyledProps, TNode } from '../common'; | ||
| // import { SelectKeysType, SelectOption, SelectValue, TdOptionProps, TdSelectProps } from './type'; | ||
|
|
||
| // /** | ||
| // * Option 组件属性 | ||
| // */ | ||
| // export interface SelectOptionProps | ||
| // extends StyledProps, | ||
| // TdOptionProps, | ||
| // Pick<TdSelectProps, 'size' | 'multiple' | 'max'> { | ||
| // selectedValue?: SelectValue; | ||
| // children?: TNode; | ||
| // onSelect?: ( | ||
| // value: string | number, | ||
| // context: { | ||
| // label?: string; | ||
| // selected?: boolean; | ||
| // event: MouseEvent; | ||
| // restData?: Record<string, any>; | ||
| // }, | ||
| // ) => void; | ||
| // onCheckAllChange?: (checkAll: boolean, e: MouseEvent) => void; | ||
| // restData?: Record<string, any>; | ||
| // keys?: SelectKeysType; | ||
| // optionLength?: number; | ||
| // isVirtual?: boolean; | ||
| // onRowMounted?: (rowData: { ref: HTMLElement; data: SelectOption }) => void; | ||
| // } | ||
|
|
||
| // const componentType = 'select'; | ||
|
|
||
| // const Option = (props: SelectOptionProps) => { | ||
| // const { | ||
| // disabled: propDisabled, | ||
| // label: propLabel, | ||
| // title: propTitle, | ||
| // selectedValue, | ||
| // checkAll, | ||
| // multiple, | ||
| // size, | ||
| // max, | ||
| // keys, | ||
| // value, | ||
| // onSelect, | ||
| // children, | ||
| // content, | ||
| // restData, | ||
| // style, | ||
| // className, | ||
| // isVirtual, | ||
| // } = props; | ||
|
|
||
| // let selected: boolean; | ||
| // let indeterminate: boolean; | ||
| // const label = propLabel || value; | ||
| // const disabled = propDisabled || (multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max); | ||
|
|
||
| // const titleContent = useMemo(() => { | ||
| // // 外部设置 props，说明希望受控 | ||
| // const controlledTitle = Reflect.has(props, 'title'); | ||
| // if (controlledTitle) return propTitle; | ||
| // if (typeof label === 'string') return label; | ||
| // return null; | ||
| // }, [propTitle, label]); | ||
|
|
||
| // const { classPrefix } = useConfig(); | ||
|
|
||
| // // 使用斜八角动画 | ||
| // const [optionRef, setRefCurrent] = useDomRefCallback(); | ||
|
|
||
| // useEffect(() => { | ||
| // if (isVirtual && optionRef) { | ||
| // props.onRowMounted?.({ | ||
| // ref: optionRef, | ||
| // data: props, | ||
| // }); | ||
| // } | ||
| // // eslint-disable-next-line | ||
| // }, [isVirtual, optionRef]); | ||
|
|
||
| // useRipple(optionRef); | ||
|
|
||
| // // 处理单选场景 | ||
| // if (!multiple) { | ||
| // selected = | ||
| // isNumber(selectedValue) || isString(selectedValue) | ||
| // ? value === selectedValue | ||
| // : value === get(selectedValue, keys?.value || 'value'); | ||
| // } | ||
| // // 处理多选场景 | ||
| // if (multiple && Array.isArray(selectedValue)) { | ||
| // selected = selectedValue.some((item) => { | ||
| // if (isNumber(item) || isString(item)) { | ||
| // // 如果非 object 类型 | ||
| // return item === value; | ||
| // } | ||
| // return get(item, keys?.value || 'value') === value; | ||
| // }); | ||
| // if (props.checkAll) { | ||
| // selected = selectedValue.length === props.optionLength; | ||
| // indeterminate = selectedValue.length > 0 && !selected; | ||
| // } | ||
| // } | ||
|
|
||
| // const handleSelect = (event: MouseEvent) => { | ||
| // if (!disabled && !checkAll) { | ||
| // onSelect(value, { label: String(label), selected, event, restData }); | ||
| // } | ||
| // if (checkAll) { | ||
| // props.onCheckAllChange?.(selected, event); | ||
| // } | ||
| // }; | ||
|
|
||
| // const renderItem = (children: TNode) => { | ||
| // if (multiple) { | ||
| // return ( | ||
| // <label | ||
| // className={classNames(`${classPrefix}-checkbox`, { | ||
| // [`${classPrefix}-is-indeterminate`]: indeterminate, | ||
| // [`${classPrefix}-is-disabled`]: disabled, | ||
| // [`${classPrefix}-is-checked`]: selected, | ||
| // })} | ||
| // title={titleContent} | ||
| // > | ||
| // <input | ||
| // type="checkbox" | ||
| // className={classNames(`${classPrefix}-checkbox__former`)} | ||
| // value="" | ||
| // disabled={disabled && !selected} | ||
| // onClick={(e) => { | ||
| // e.stopPropagation(); | ||
| // e.stopImmediatePropagation(); | ||
| // }} | ||
| // /> | ||
| // <span className={classNames(`${classPrefix}-checkbox__input`)}></span> | ||
| // <span className={classNames(`${classPrefix}-checkbox__label`)}>{children || content || label}</span> | ||
| // </label> | ||
| // ); | ||
| // } | ||
| // return <span title={titleContent}>{children || content || label}</span>; | ||
| // }; | ||
|
|
||
| // return ( | ||
| // <li | ||
| // className={classNames(className, `${classPrefix}-${componentType}-option`, { | ||
| // [`${classPrefix}-is-disabled`]: disabled, | ||
| // [`${classPrefix}-is-selected`]: selected, | ||
| // [`${classPrefix}-size-s`]: size === 'small', | ||
| // [`${classPrefix}-size-l`]: size === 'large', | ||
| // })} | ||
| // key={value} | ||
| // onClick={handleSelect} | ||
| // ref={setRefCurrent} | ||
| // style={style} | ||
| // > | ||
| // {renderItem(children)} | ||
| // </li> | ||
| // ); | ||
| // }; | ||
|
|
||
| // export default Option; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| import { css, globalCSS } from 'omi'; | ||
|
|
||
| import styles from '../../_common/style/web/components/select/_index.less'; | ||
|
|
||
| export const styleSheet = css` | ||
| ${styles} | ||
| `; | ||
|
|
||
| globalCSS(styleSheet); |
Oops, something went wrong.