fastlion-amis/src/store/node.ts

一种MIS页面生成工具

import {
  types,
  destroy,
  isAlive,
  detach,
  getEnv,
  Instance,
  SnapshotIn
} from 'mobx-state-tree';
import {getStoreById} from './manager';

export const StoreNode = types
  .model('StoreNode', {
    id: types.identifier,
    path: '',
    storeType: types.string,
    disposed: false,
    parentId: '',
    childrenIds: types.optional(types.array(types.string), [])
  })
  .views(self => {
    return {
      get parentStore(): any {
        return isAlive(self) && self.parentId
          ? getStoreById(self.parentId)
          : null;
      },

      get __() {
        return getEnv(self).translate;
      },

      get hasChildren() {
        return !!self.childrenIds.length;
      },

      get children(): Array<any> {
        return self.childrenIds.map(item => getStoreById(item));
      }
    };
  })
  .actions(self => {
    function addChildId(id: string) {
      self.childrenIds.push(id);
    }

    function removeChildId(id: string) {
      const childrenIds = self.childrenIds.filter(item => item !== id);
      self.childrenIds.replace(childrenIds);

      self.disposed && dispose();
    }

    function dispose(callback?: () => void) {
      // 先标记自己是要销毁的。
      self.disposed = true;

      if (/(?:dialog|drawer)$/.test(self.path)) {
        destroy(self);
        callback?.();
      } else if (!self.childrenIds.length) {
        const parent = self.parentStore;
        parent?.onChildStoreDispose?.(self);
        destroy(self);
        callback?.();
        // destroy(self);
      }
    }

    return {
      onChildStoreDispose(child: any) {
        removeChildId(child.id);
      },

      syncProps(
        props: any,
        prevProps: any,
        list: Array<string> = Object.keys(props)
      ) {
        const target: any = self;
        list.forEach(key => {
          if (prevProps && props[key] === prevProps[key]) {
            return;
          }

          const setter = `set${key
            .substring(0, 1)
            .toUpperCase()}${key.substring(1)}`;

          if (typeof target[setter] === 'function') {
            target[setter](props[key]);
          } else if (target.hasOwnProperty(key)) {
            target[key] = props[key];
          }
        });
      },

      dispose,
      addChildId,
      removeChildId
    };
  });

export type IStoreNode = Instance<typeof StoreNode>;
export type SIStoreNode = SnapshotIn<typeof StoreNode>;