antd-mini/native/mixins/computed.ts

antd-mini 是支付宝小程序 UI 组件库，遵循 Ant Design 规范。

/* eslint-disable @typescript-eslint/no-explicit-any */
import deepEqual from 'fast-deep-equal';
import { getValueFromProps } from '../_util/simply';

function computedData(this: any) {
  const nextData = this.computed(getValueFromProps(this));
  // 浅比较就行了
  const changedData = Object.keys(nextData).reduce((prev, item) => {
    // 移除 _ $ 开头的保留 props
    if (item[0] === '_' || item[0] === '$') {
      return prev;
    }

    if (typeof nextData[item] === 'function') {
      return prev;
    }
    if (deepEqual(this.data[item], nextData[item])) {
      return prev;
    }

    // eslint-disable-next-line no-param-reassign
    prev[item] = nextData[item];
    return prev;
  }, {});

  if (Object.keys(changedData).length === 0) {
    return;
  }

  this.setData(changedData);
}

export default function () {
  let mixin = {
    didMount(): void {
      computedData.call(this);
    },
    didUpdate(): void {
      computedData.call(this);
    },

  };


  return mixin;
}