pagnkelly

    // 对于 svg 交给 mpx-url-loader 处理，去掉 vue-cli 内置的 file-loader
    webpackConfig.module
      .rule('svg')
      .test(/\.svg$/)
      .uses
      .delete('file-loader')

created time in 2 days

issue closeddidi/mpx

[Feature Request] button组件转换支持新的open-type

起因：

百度进行非兼容性改造，https://smartprogram.baidu.com/forum/topic/show/125547，

将swan.login接口下线，改为需要用户触发button进行登录，新增了一个open-type类型，参考：

https://smartprogram.baidu.com/docs/develop/component/formlist_button/

因此需要mpx官方做一下兼容，查找了源程序应该是下面这个：

https://github.com/didi/mpx/blob/2ec98bdbb3d263fa179e80bebb1d0cc309a64e64/packages/webpack-plugin/lib/platform/template/wx/component-config/button.js#L62-L71

希望官方尽快兼容一下！！

closed time in 2 days

vivine

PR closed didi/mpx

输出h5支持 relations

+99 -88

16 commit in didi/mpx/tree/feat_realtions-web didi/mpx/tree/master

1 comment

6 changed files

zhuzhh

pr closed time in 2 days

pull request commentdidi/mpx

输出h5支持 relations

迁移到https://github.com/didi/mpx/pull/709

zhuzhh

comment created time in 2 days

startedimmerjs/immer

started time in 2 days

startedfiles-community/Files

started time in 2 days

startedwebpack/tooling

started time in 2 days

startedsdushantha/tmpsms

started time in 2 days

IssuesEvent

issue closeddidi/mpx

头条小程序ref在真机上异常

父组件嵌套子组件，在子组件上声明ref属性为‘ddd’，父组件对应的ref属性为undefined（this.$refs.ddd）代码如下

<template minapp='native' xlang='wxml'>
	<view class='container'>
		{{ids}}
	</view>
</template>

<script>
import { createComponent } from '@mpxjs/core';
createComponent({
	properties: {},
	data: {
	},
	properties:{
		ids:{
			type:Number,
			value:99999
		}
	},
	methods: {},
});
</script>

<style lang='css'>
.container {
}
</style>
<script  type='application/json' lang='json'>
{ 
 "component": true
}
</script>

list.mpx

<template>
	<view
		class="list"
		wx:ref="aaa"
	>
		<view
			wx:for="{{listData}}"
			wx:key="index"
		>{{item}}
		</view>
	</view>
	<view>222</view>
	<dia
		wx:ref="ddd"
		ids="{{ids}}"
	/>
</template>

<style lang="stylus">
.list {
	background-color: red;
}
</style>
<script>
import { createComponent } from '@mpxjs/core';

createComponent({
	data: {
		ids: 9999,
	},
	properties: {
		listData: {
			type: Array,
			value: ['手机', '电视', '电脑'],
		},
	},
	methods: {
		updListData() {
			this.listData = ['手机', 'mac', '平板'];
			this.ids = 88888;
			console.log(this);
			setTimeout(() => {
				console.log(this);
			}, 100);
		},
	},
});
</script>
<script type="application/json">
  {
		"component": true,
		"usingComponents": {
			 "dia":"@/components/d.mpx"
		}
  }
</script>

d.mpx

<template minapp='native' xlang='wxml'>
	<view class='container'>
		{{ids}}
	</view>
</template>

<script>
import { createComponent } from '@mpxjs/core';
createComponent({
	properties: {},
	data: {
	},
	properties:{
		ids:{
			type:Number,
			value:99999
		}
	},
	methods: {},
});
</script>

<style lang='css'>
.container {
}
</style>
<script  type='application/json' lang='json'>
{ 
 "component": true
}
</script>

updListData() {
	this.listData = ['手机', 'mac', '平板'];
	this.ids = 88888;
	console.log(this);
	setTimeout(() => {
		console.log(this);
	}, 100);
}

这个函数console的结果如下图: 5891608727328_ pic

5921608727469_ pic

两个console 在父组件property改变后下一帧父组件的$refs.ddd属性才表现正常为d.mpx 组件实例，在模拟器中两个console表现均正常

closed time in 3 days

tliwyl

issue commentdidi/mpx

头条小程序ref在真机上异常

我用的是华为p30,您给的截图是page中的获取ref这个是没问题的，我说的component中获取ref会有问题。最近项目有点忙，回复有点慢。暂时用selecComponent 解决问题了

如下 demo 所示，在所有平台的小程序，在 attached 中都获取不到 $refs，可以把 attached 改为 ready 再获取 $refs。

另外，$refs 内部实际上就是执行 this.selectComponent 获取节点实例，不过头条小程序的this.selectComponent 变为异步函数了，所以在开发者工具上也是获取不到对应的 ref 的。

<template>
  <view class="list">
    <aCom wx:ref="listRef" id="Jcom"></aCom>
  </view>
</template>

<script>
createComponent({
    data: {
      listData: ['手机', '电视', '电脑'],
      ids: 9999
    },
    attached () {
     // 获取不到
      console.log('listRef in ready: ', this.$refs.listRef)
    },
   ready () {
      // 除头条小程外都可以获取到
      console.log('listRef in ready: ', this.$refs.listRef)

     // 只有头条小程序的 selectComponent 改成了异步函数
      const jcom = this.selectComponent('#Jcom', res => {
        console.log('selectComponent: ', res)
      })
      console.log('jcom: ', jcom)
    }
})
</script>

tliwyl

comment created time in 3 days

push eventdidi/mpx

hiyuki

commit sha 45c4b70ae52abe5bc543d473b3c7def166e89cf5

little fix