@cloudbase/weda-ui-mp 0.2.20

package/utils/range.js

@@ -0,0 +1,82 @@
+export function calculatePercentByValueAndBoundary({ value, min, max }) {
+  let result = (value - min) / (max - min);
+  if (result < 0 || isNaN(result)) {
+    result = 0;
+  }
+  if (result > 1) {
+    result = 1;
+  }
+  result *= 100;
+  return result;
+}
+
+const DEFAULT_ACCURACY_FIX = 8;
+
+/**
+ * Split the range into multiple grids by step.
+ * Calculate how many grids current percent has covered.
+ * If the current percent is within a grid, check if it has covered current grid's half, if so, count the current grid.
+ * Return number of covered grids * step as result.
+ */
+function calculateNewValueInRange({
+  percentInRange,
+  range,
+  step,
+  accuracyFix = DEFAULT_ACCURACY_FIX,
+}) {
+  // Calculate total grid count in range.
+  const gridCount = Math.floor(range / step);
+  // Turn percent into val.
+  const initVal = (percentInRange / 100) * range;
+  // Calculate how many grids val has fully covered.
+  const initValCoveredGridCount = Math.floor(initVal / step);
+
+  // The last grid might not be of full width, for example if `range == 10 && step == 3`, the grids' widths are `[3, 3, 3, 1]`.
+  const currentGridWidth =
+    initValCoveredGridCount === gridCount ? range % step : step;
+  const halfCurrentGridWidth = currentGridWidth / 2;
+
+  // Part of the val is used to fully covered grids.
+  // Calculate the rest part of val to see if we need count 1 more grid.
+  const rest = initVal % step;
+
+  // If the rest val can cover half of the current grid's width, count this grid.
+  // Try to avoid inaccuracy with toFixed.
+  const result =
+    initValCoveredGridCount * step +
+    (parseFloat(rest.toFixed(accuracyFix)) <
+    parseFloat(halfCurrentGridWidth.toFixed(accuracyFix))
+      ? 0
+      : currentGridWidth);
+  return result;
+}
+
+export function calculateNextValue({
+  axisLowerBound,
+  axisHigherBound,
+  coordinate,
+  min,
+  max,
+  step,
+}) {
+  const resultPercent = calculatePercentByValueAndBoundary({
+    value: coordinate,
+    min: axisLowerBound,
+    max: axisHigherBound,
+  });
+  const resultUnCut =
+    calculateNewValueInRange({
+      percentInRange: resultPercent,
+      range: max - min,
+      step,
+    }) + min;
+
+  // cut with precision
+  const maxPrecision = Math.max(...[step, max, min].map(getPrecision));
+  const result = Number(resultUnCut.toFixed(maxPrecision));
+  return result;
+}
+
+function getPrecision(val) {
+  return val.toString().split('.')[1]?.length ?? 0;
+}

package/utils/tcb.js

@@ -0,0 +1,177 @@
+import { getWedaAPI } from './getWedaApi';
+import { deepClone } from './lodash';
+import { errorHandler } from './error';
+// 默认使用swr的methodName
+const SWR_METHOD_DEFAULT = ['wedaGetItem', 'wedaGetRecords', 'getApiKey'];
+// 默认使用swr的action
+const SWR_ACTION_DEFAULT = [
+  'DescribeAppCustomNav',
+  'DescribeChartCardData',
+  'DescribeChartData',
+  'DescribeRuntimeDataViewList',
+  'DescribeRuntimeDataViewPropertiesList',
+  'DescribeDataImportDetail',
+  'DescribeDataImportList',
+  'DescribeGeneralOptionsDetailList',
+  'QueryRuntimeAreaCode',
+  'InvokeComponentWxModule',
+];
+
+/**
+ * 获取swrMode参数，用于数据源获取
+ * @param param0
+ * @returns
+ */
+const dealParamsWithSwr = (data, type = 'method') => {
+  const swr = data.swr || {};
+  const toJudge = {
+    method: { list: SWR_METHOD_DEFAULT, key: 'methodName' },
+    action: { list: SWR_ACTION_DEFAULT, key: 'action' },
+  }[type];
+  let swrMode = false;
+
+  if (toJudge && toJudge.list.includes(data[toJudge.key])) {
+    swrMode = swr.swrMode === undefined ? true : swr.swrMode;
+  }
+
+  return { swr: { swrMode, forceClear: !!swr.forceClear } };
+};
+
+export async function getCloudInstance() {
+  return await getWedaAPI().app.cloud.getCloudInstance();
+}
+
+/**
+ * 获取单个临时链接
+ * 单个cos文件，返回字符串
+ * 多个cos文件，返回 {fileID: src} 这样的对象
+ */
+export async function getTempFileURL(data) {
+  try {
+    if (/^cloud:\/\//.test(data)) {
+      return await getWedaAPI()?.app.cloud.getTempFileURL?.(data);
+    }
+  } catch (e) {
+    errorHandler({
+      code: 'GetTempFileURLError',
+      error: e,
+    });
+  }
+  return data;
+}
+
+/**
+ * 云API：获取用户自定义导航内容
+ *  param
+ *  WeAppId: string,
+ *  EnvId: string,
+ *  PublishType?: string,
+ */
+export async function getAppCustomNav() {
+  try {
+    const PublishType = getWedaAPI().app.cloud?.IS_WEDA_IDE ? 'preview' : '';
+    const WeAppId = getWedaAPI().app?.id;
+    const res = await callWedaApi({
+      action: 'DescribeAppCustomNav',
+      serviceType: 'lowcode',
+      data: {
+        WeAppId,
+        PublishType,
+      },
+    });
+    return res;
+  } catch (error) {
+    errorHandler({
+      code: 'GetAppCustomNavError',
+      error,
+    });
+    return {};
+  }
+}
+
+/**
+ * 调用微搭后端API服务
+ */
+export async function callWedaApi(param) {
+  if (getWedaAPI().app.cloud.callWedaApi) {
+    param = deepClone(param);
+    const paramsTemp = {
+      ...param,
+      ...dealParamsWithSwr(param, 'action'),
+    };
+    delete paramsTemp.swr;
+    return await getWedaAPI().app.cloud.callWedaApi(paramsTemp);
+  }
+}
+
+/**
+ * 云函数获取数据
+ */
+export async function callDataSource(param) {
+  if (getWedaAPI()?.app?.cloud?.callDataSource) {
+    param = deepClone(param);
+    param.params = { ...param.params, ...dealParamsWithSwr(param) };
+
+    return await getWedaAPI().app.cloud.callDataSource(param);
+  }
+
+  return {};
+}
+
+/**
+ * 云函数获取API数据
+ */
+export async function callConnector(param) {
+  if (getWedaAPI()?.app?.cloud?.callConnector) {
+    param = deepClone(param);
+    param.params = { ...param.params, ...dealParamsWithSwr(param) };
+
+    return await getWedaAPI().app.cloud.callConnector(param);
+  }
+}
+
+/**
+ * 云函数获取数据
+ */
+export async function callDataSourceApi(param) {
+  try {
+    return await callDataSource(param);
+  } catch (error) {
+    errorHandler({
+      code: 'CallDataSourceError',
+      error,
+    });
+    return {};
+  }
+}
+
+/**
+ * 返回静态托管cdn域名
+ */
+export const resolveStaticResourceUrl = (path) => {
+  try {
+    const resourceUrl =
+      getWedaAPI()?.app?.__internal__?.resolveStaticResourceUrl(path);
+    return resourceUrl;
+  } catch (error) {
+    errorHandler({
+      code: 'ResolveStaticResourceUrlError',
+      error,
+    });
+    return '';
+  }
+};
+
+/*
+  获取数据源字段权限
+*/
+export const getDataSourceByName = async (dbName, swrMode = true) => {
+  // dbName 为空时
+  if (!dbName) return;
+  const datasource = await getWedaAPI()?.app?.cloud.getDataSourceProfileAsync({
+    Name: dbName,
+    GetColumnAuth: true,
+    swrMode,
+  });
+  return datasource;
+};

package/utils/tool.js

@@ -0,0 +1,74 @@
+import { getWedaAPI } from './getWedaApi';
+/**
+ * 数组转对象，用于遍历
+ */
+export const isObj = (v) =>
+  Object.prototype.toString.call(v) === '[object Object]';
+export const isObjHasProp = (obj, prop) =>
+  isObj(obj) && Object.prototype.hasOwnProperty.call(obj, prop);
+// 小程序用 对象替代 Map
+export const arrayToMap = (list, valueProp = 'value', labelProp) => {
+  const map = {};
+  Array.isArray(list) &&
+    list.forEach((item) => {
+      if (isObjHasProp(item, valueProp)) {
+        const key = item[valueProp];
+        const value = labelProp ? item[labelProp] : item;
+        map[key] = value;
+      }
+    });
+  return map;
+};
+export const safeObj = (v) => {
+  return isObj(v) ? v : {};
+};
+
+// value 提取 item/label
+export const getSelected = (itemMap, value, multiple) => {
+  let selectedItem, selectedLabel;
+  if (value == null) {
+    selectedItem = selectedLabel = null;
+  } else {
+    if (multiple) {
+      selectedItem = Array.isArray(value) ? value.map((d) => itemMap[d]) : null;
+      selectedLabel = Array.isArray(value)
+        ? value.map((d) => itemMap[d]?.label)
+        : null;
+    } else {
+      selectedItem = itemMap[value];
+      selectedLabel = itemMap[value]?.label;
+    }
+  }
+  return { selectedItem, selectedLabel };
+};
+
+export const getQuery = (path) => {
+  const params = {};
+
+  path
+    ?.split(/(?:\?|#)+/)?.[1]
+    ?.match(/([^&=]+)=?([^&]*)/g)
+    ?.forEach((v) => {
+      const [key, value] = v.split('=');
+      params[key] = value;
+    });
+
+  return params;
+};
+
+/**
+ * 判断菜单的query是否和当前页面的query一致
+ * @param path
+ * @returns
+ */
+export const judgeMenuPathAndCurrentPath = (path) => {
+  const { app } = getWedaAPI();
+  const { $w } = app?.__internal__ || {};
+  const query = $w?.page.dataset.params || {};
+
+  const menuQuery = getQuery(path);
+  return Object.keys(menuQuery).reduce(
+    (res, v) => res && menuQuery[v] === query[v],
+    true
+  );
+};

package/utils/widget-api.js

@@ -0,0 +1,28 @@
+// 查找父表单容器
+export function getParentForm(widget, id) {
+  const getWidget = (widget.getWeAppInst || widget._getInstance).bind(widget);
+  const widgets = getWidget().widgets;
+  let cur = getDeep(widgets, id, '-');
+  while (!ensureForm(cur)) {
+    if (!cur) return null;
+    cur = cur.parent;
+  }
+  return cur;
+}
+function ensureForm(comp) {
+  if (!comp) {
+    return true;
+  }
+  return comp.getConfig && comp.getConfig().componentType === 'form';
+}
+
+function getDeep(target, key, keySeparator = '.') {
+  if (key == null) {
+    return target;
+  }
+  const keys = (key + '').split(keySeparator);
+  while (keys.length > 0 && target != null) {
+    target = target[keys.shift()];
+  }
+  return keys.length === 0 ? target : undefined;
+}