tolerance-go / weappx

🌱基于 redux 的轻量级小程序状态管理框架，适配原生小程序，wepy，taro

weappx

升级方案

• wepyx -> [email protected]
• [email protected] -> 2.x

如果有好的建议欢迎 issue 讨论 👏👏👏

Install

开发环境支持安装 npm 依赖的话，直接使用命令安装即可

npm install weappx

原生小程序开发可以通过拷贝 git 项目中 packages/xxx/dist 中的 bundle 文件到实际项目中进行引用

框架接入DEMO

• count(weapp原生小程序)
• count(wepy)
• todoMVC(wepy)
• count(weapp-start)
• count(taro)

Feature

• 上手简单，仅需要了解 4 个 api
• 更易用的 action 派发方式
• 更简单的数据处理copy-on-write
• 独立存在的事件中心
• 强大的 hook 机制

Links

• Guide
• API
• Update Log
• Contribution

License

MIT

weappx's Issues

count-weapp-start 这个例子开发和打包的命令是什么？

就能找到一个update命令，求个介绍文档

weappx-plugin-loading 问题

已经捕获了异常还是会出现 Uncaught (in promise) 警告，
如果不使用 app.use(createLoading()) 则不会出现

store：

setStore 是都每个页面都要调用

wepy环境中，只要有Model是不是每个页面都需要调用 const store = app.start() setStore(store)？ 有没有全局设置store的办法，比如在app.wpy里面

支持异步吗？

支持异步吗？能给个demo吗

mutations内this无效

如图，尝试在mutations内的function调用this，显示undefined

文档和demo都不详细，感觉越看越晕，要是能更新下说明文档就更好了

在支付宝小程序中使用会出错

我是用原生的 weappx-weapp 和 weappx，出现问题的代码是在page里直接修改了 state 的值，这段代码在微信小程序是没有报错的。调试后发现，其他的直接修改 state 的代码也是有同样的问题，state 里的value 值调用了Object.freeze，Object.seal 或者是 Object.preventExtensions 把对象设置为不可修改。

app.dispatcher.searchOption.setParams();
let option = this.data.searchOption.params;
option.page = 0;

Cannot assign to read only property 'page' of object '#<Object>'

这是因为这个库本来就不允许外部直接修改 state，还是因为支付宝小程序的原因？

wepy自带的connect太难用

import { connect } from 'wepy-redux'
@connect({
ordersn: state => state.orderdetail.ordersn,
isLoading: state => state.orderdetail.isLoading,
loginStatus: state => state.global.loginStatus,
userInfo: state => state.global.userInfo,
})

而在dva里所有的这样写就完事了

import { connect } from 'react-redux'
@connect(({ orderdetail, global }) => ({ ...orderdetail, ...global }))

orderdetail和global是namespace

亲，有什么好的解决办法吗? 如果这个页面使用的state比较多,每一个都要定义一行,很繁琐,dva直接就把这个namespace展开了

引入最新版进入wepy报错

引入最新版进入wepy报错

wepy1.7.2 + weappx2.0报错 model和视图结合的时候报错

引入connectPage

控制台报错

是我写的有问题吗？

从2.2.3版本API，已经推荐lifetimes来定义生命周期，造成state无效

从2.2.3版本API，已经推荐lifetimes来定义生命周期，connector中的connectComponent没有对lifetimes做处理，造成如果组件的生命周期函数写在lifetimes中，state无效。改成如下就可以：

function connectComponent(states = {}, setData = 'setData') {
states = normalizeMap(states);
return function(ComponentOptions) {
let unSubscribe = null;

// 生命周期函数，可以为函数，或一个在lifetimes段中定义的方法名

const lifetimes = ComponentOptions.lifetimes || {};
const attached = lifetimes.attached || ComponentOptions.attached;
const detached = lifetimes.detached || ComponentOptions.detached;

lifetimes.attached && delete lifetimes.attached;
lifetimes.detached && delete lifetimes.detached;

const onStateChange = function() {
  const newStates = mapState(states);
  let hasChanged = false;
  Object.keys(newStates).forEach(k => {
    const newV = newStates[k];
    if (!isEqual(this.data[k], newV)) {
      // 不相等
      hasChanged = true;
    }
  });
  hasChanged && this[setData](newStates);
};

return {
  ...ComponentOptions,
  data: Object.assign(ComponentOptions.data || {}, mapState(states)),
  lifetimes: Object.assign(ComponentOptions.lifetimes || {}, {
    attached() {
  	const store = getStore();
  	unSubscribe = store.subscribe(onStateChange.bind(this));
  	onStateChange.call(this);
  	attached && attached.apply(this, arguments);
    },
    detached() {
  	unSubscribe && unSubscribe();
  	unSubscribe = null;
  	detached && detached.apply(this, arguments);
    },
})
};

};
}

能在京东新出的taro上使用吗？

多个model文件，后面model里的store会覆盖前面model里的

你好，我用微信原生框架开发小程序，用的weappx-weapp，在定义了多个model文件后（每个文件了都执行了 const app = weappx() ），这样会造成先加载的model里的数据丢失，报找不到相关的state，weappx()不是单例的吗？有没有多个model的demo呢？

actions ?

你好。

文档没有 actions 的实用示例，我这样写是对的吗，按照文档，在 actions 下的函数中获取{ dispatcher, state }，但返回函数的参数为 undefined。

`
...
mutations: {},

actions: {
getData(obj) {
console.log(obj); // undefined
}
}
...
`

原生小程序 能添加类似计算属性的功能吗

能从redux无缝切换么

因为现在的项目中已经使用了redux，所以想问下有没有什么操作能让wepyx和redux共存，共用一个store

setups在onLaunch前执行

我定义了个store文件，在store里统一管理状态，然后在app里引用，发现setups在onLaunch前执行

相关代码

store.js
------------------------------------------
import weappx from 'weappx'
import {setStore} from 'wepy-redux'
import user from './models/user'

const app = weappx()
app.models([user])
const store = app.start()
setStore(store)

export default app

user.js
------------------------------------------
const state = {
}
const mutations = {
}
const actions = {
}
const setups = function () {
  console.log(1)
}

export default {
  namespace: 'user',
  state,
  mutations,
  actions,
  setups
}

app.js
------------------------------------------
import store from './store'
export default class extends wepy.app {
  onLaunch () {
    console.log(2)
  }
}

先输出了1，再输出了2。
请问怎么保证先执行onLaunch