react-component/m-cascader

React Mobile Cascader Component(web and react-native)

m-cascader's Issues

请问这个插件是基于reactjs的还是react native的？

我在reactjs中安装完后，导入报错如下：Uncaught Error: Cannot find module 'rmc-cascader'，提示找不到这个模块

异步获取data值后render有问题

动态设置data时候必须设置value，重新渲染能保持滚动到的选项的位置，本来就有问题，很多异步获取的数据是无法提前知道第一个选项默认value是什么

异步获取数据后render，如果之前data是空数组，重新设置data显示空白。

3列数据切到2列数据时，返回的value有问题

从3列都有值的城市地区切到少于3列的城市地区时，会残留上一次选择的数据。

如图，02-1-2 是上一次选择的区域值。

Update `array-tree-filter` Version

ref ant-design/ant-design-mobile#3013

原件初始值以及更新值

Hi 各位,
感謝react-component跟antd的開發，非常好用。

Issue 回報

demo

1. 當原件初始值為2時，打開Cascader發現選取的值仍然為1。
2. 當點擊“點我更新value到3”後，打開Cascader發現選取的值並沒有更新為3。

可能解法

原碼
getValue在取值時，會先重置使用者傳入的value，接下來默認data的第一項為初始值。可以在getValue中，考慮使用者傳入的value來解決。

我很樂意提供PR。

Upgrade rmc-picker to v4

ant-design/ant-design-mobile#1593

No cascade effect if value property is undefined

const data = [
  {
    label: '北京',
    value: '01',
    children: [
      {
        label: '东城区',
        value: '01-1',
      },
      {
        label: '西城区',
        value: '01-2',
      }
    ],
  },
  {
    label: '浙江',
    value: '02',
    children: [
      {
        label: '杭州',
        value: '02-1',
        children: [
          {
            label: '西湖区',
            value: '02-1-1',
          }
        ],
      },
      {
        label: '宁波',
        value: '02-2',
        children: [
          {
            label: 'xx区',
            value: '02-2-1',
          },
          {
            label: 'yy区',
            value: '02-2-2',
          },
        ],
      }
    ],
  },
];

class Demo extends React.Component<any, any> {
  render() {
    return (
        <Cascader
          data={data}
          value={undefined}
          rootNativeProps={{ 'data-xx': 'yy' }}
        />
    );
  }
}

As the example above, Cascader component has no cascade effect when value is undefined

点击OK或dismiss，事件会穿透

git clone下来，在examples\popup.tsx文件里的render方法绑上window的click事件：
render() { window.addEventListener('click', () => { console.log('window click'); }); ......

然后点击Popup的OK或Dismiss，如图发现window的click事件也被触发了：

不改变默认值，点确定后回调函数value值null

点击出现浮层，不改变选项，点击确定，得不到当前选中的value。

this.state.pickerValue 为0时，!!c 为false导致Picker显示异常。

onOk = () => { const {value, cols, data} = this.props; // console.log('inner onOk', this.state.pickerValue); this.props.onChange(getDefaultValue(data, this.state.pickerValue || value, cols).filter(c => !!c)); };

有个问题，如果刚好 this.state.pickerValue 为0时，!!c 为false；
为'0'时，则为true；

我是从antd-mobile跟踪到这里来的。
使用Picker的时候，如果data = [{value:0,label:'someThing'}]
选择第0个时，外面的picker仍然会显示“请选择”，而不是someThing。