@tmsfe/tms-core 0.0.78 → 0.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmsfe/tms-core",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "description": "tms运行时框架",
   "repository": {
     "type": "git",

package/src/index-proxy.js

@@ -11,6 +11,7 @@ import md5 from './md5';
 import { serialize } from './objUtils';
 import { calCoordinateDistance, formatDistance } from './distanceUtils';
 import { getNavBarConfigData } from './navbarUtils';
+import * as uiUtil from './tmsuiUtils';
 import * as rpxUtil from './rpx';
 import * as stringUtils from './stringUtils';
 import * as timeUtils from './timeUtils';
@@ -221,6 +222,7 @@ const api = {
   getHomePage,
   storage,
   ...rpxUtil,
+  ...uiUtil,
   ...asyncFuncs,
   ...objFuncs,
   ...syncApi,

package/src/index.js

@@ -45,6 +45,7 @@ import getLocInstance from './location/index';
 import LocationBase from './location/base';
 import { getMpOpenId, getOuterOpenId, getEncryptUserInfo } from './mpInfo';
 import * as storage from './storage';
+import * as uiUtil from './tmsuiUtils';
 import { throttle, debounce } from './funcUtils';
 
 /**
@@ -200,6 +201,7 @@ const api = {
   storage,
 
   ...syncApi,
+  ...uiUtil,
   throttle,
   debounce,
 };

package/src/tmsuiUtils.js

@@ -0,0 +1,68 @@
+
+/**
+ * 从当前页面中选定组件
+ * @param {String} selector 元素选择器
+ * @returns {Element} 组件
+ */
+const selectCompFromCurPage = (selector) => {
+  const pages = getCurrentPages();
+  if (pages.length === 0) {
+    throw new Error('Empty page container found');
+  }
+
+  const context = pages[pages.length - 1];
+  const comp = context.selectComponent(selector);
+  if (!comp) {
+    throw new Error(`No component found with selector <${selector}>`);
+  }
+  return comp;
+};
+
+/* eslint-disable */
+const showDrawer = (options = {}, selectComp = selectCompFromCurPage) => {
+  const { selector = '#drawer' } = options;
+  const comp = selectComp(selector);
+  comp?.show(options);
+};
+const hideDrawer = (options = {}, selectComp = selectCompFromCurPage) => {
+  const { selector = '#drawer' } = options;
+  const comp = selectComp(selector);
+  comp?.hide(options);
+};
+/* eslint-disable */
+
+/**
+ * 显示或隐藏Modal
+ * @param {Boolean} display 展示/隐藏
+ * @param {Object} options Modal参数
+ * @param {Function} selectComp 选择组件的方法
+ * @returns {void}
+ */
+ const toggleModal = (display = true, options = {}, selectComp) => {
+  const { selector = '#modal' } = options;
+  try {
+    const comp = selectComp(selector);
+    if (display) {
+      comp.show(options);
+    } else {
+      comp.hide(options);
+    }
+  } catch (e) {
+    if (typeof options.fail === 'function') {
+      options.fail({ errMsg: e.toString() });
+    } else {
+      throw e;
+    }
+    if (typeof options.complete === 'function') {
+      options.complete({ success: false, errMsg: e.toString() });
+    }
+  }
+};
+
+const showModal = (options, selectComp = selectCompFromCurPage) => toggleModal(true, options, selectComp);
+const hideModal = (options, selectComp = selectCompFromCurPage) => toggleModal(false,options, selectComp);
+
+module.exports = {
+  showDrawer, hideDrawer,
+  showModal, hideModal,
+};