press-ui/common/component-handler/init-functional-dialog.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

import { selectComponent } from '../functional-component';

// #ifdef H5
import { initH5Instance } from './h5-handler';
// #endif

import { setData } from './set-data';


function getContext() {
  const pages = getCurrentPages();
  return pages[pages.length - 1];
}


export function initFunctionalDialog({
  options,
  currentOptions,
  dialogComponent,
  id,
}) {
  options = Object.assign(Object.assign({}, currentOptions), options);
  const context = options.context || getContext();
  let dialog = selectComponent(context, options.selector);

  delete options.context;
  delete options.selector;


  // #ifdef H5
  if (!dialog && dialogComponent) {
    dialog = initH5Instance(dialogComponent, id);
  }
  // #endif

  if (dialog) {
    const newOptions = {
      ...options,
    };


    setData(dialog, newOptions);
    const promise = setData(dialog, newOptions, 'showDialog');

    return promise.then(val => Promise.resolve(val))
      .catch(err => Promise.reject(err));
  }

  const message = `The ${options.selector} node is not found, please confirm whether the selector and context are correct`;
  console.warn(message);

  return Promise.reject(message);
}