@luck-design-biz/luckda 1.0.0-alpha → 1.0.1-1

package/es/lowcode/engine/provider/ContextProvider/index.js

@@ -1,16 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext, useContext as useReactContext, useRef } from 'react';
-import { history } from 'umi';
-import { useMemoizedFn, useUpdateEffect } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import { isNil } from 'lodash';
-import diff from "../../tools/diff";
 import { useLDEventBus } from "../EventBusProvider";
 import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
 import usePageVar from "./usePageVar";
-import useTodo from "../../tools/useTodo";
-import { getModuleData } from "../../tools/usePageDataStore";
+import useTodo from "./useTodo";
+import { getModuleData } from "./usePageDataStore";
+import API_PREFIX from "@/services/ApiConfig";
+import { getBehaviorUrl } from "../../../constants/api-url";
 import * as topics from "../../../constants/event-topics";
+import * as utils from "./utils";
+import * as router from "./router";
 export var Context = /*#__PURE__*/createContext(null);
 export var useContext = function useContext() {
   return useReactContext(Context);
@@ -18,31 +20,32 @@ export var useContext = function useContext() {
 export var useRemoteSource = function useRemoteSource() {
   return useReactContext(RemoteSourceContext);
 };
-export * from "../../tools/usePageDataStore";
-var PRIVATE_KEYS = ['componentList', 'componentMap'];
+export * from "./usePageDataStore";
+var PRIVATE_KEYS = ['componentList', 'componentMap', 'remoteApiMap'];
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code;
   var eventBus = useLDEventBus();
   var _useTodo = useTodo(),
-    _useTodo2 = _slicedToArray(_useTodo, 3),
+    _useTodo2 = _slicedToArray(_useTodo, 2),
     todo = _useTodo2[0],
-    callBehavior = _useTodo2[1],
-    loading = _useTodo2[2];
-  var _usePageVar = usePageVar(null, null),
-    state = _usePageVar.state,
-    prevState = _usePageVar.prevState,
+    loading = _useTodo2[1];
+  var _usePageVar = usePageVar(),
     setState = _usePageVar.setState,
     getState = _usePageVar.getState,
     global = _usePageVar.global,
     setGlobal = _usePageVar.setGlobal;
   var _componentList = useRef([]);
+  var _remoteApiMap = useRef(new Map());
   var _privateGetter = useRef({
     componentList: function componentList() {
       return _componentList.current;
     },
     componentMap: function componentMap() {
       return new Map(_componentList.current);
+    },
+    remoteApiMap: function remoteApiMap() {
+      return Object.fromEntries(_remoteApiMap.current.entries());
     }
   });
   var _register = useMemoizedFn(function (id, component) {
@@ -55,6 +58,9 @@ export default (function (_ref) {
       return _id !== id;
     });
   });
+  var _initRemoteApiMap = useMemoizedFn(function (_apiMap) {
+    _remoteApiMap.current = _apiMap;
+  });
   var getElementById = useMemoizedFn(function (compId) {
     var _componentList$curren;
     return (_componentList$curren = _componentList.current.find(function (_ref4) {
@@ -63,15 +69,13 @@ export default (function (_ref) {
       return compId === _id;
     })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
   });
-  var getParentElement = useMemoizedFn(function (compId) {
+  var getParentElementById = useMemoizedFn(function (compId) {
+    var _target$api$getSelfDa;
     var compMap = new Map(_componentList.current);
     var _target = compMap.get(compId);
-    var _parentId = _target.api.getSelfData().parentId;
+    var _parentId = (_target$api$getSelfDa = _target.api.getSelfData()) === null || _target$api$getSelfDa === void 0 ? void 0 : _target$api$getSelfDa.props.parentId;
     if (!_parentId) return null;
-    return compMap(_parentId);
-  });
-  var getUrlParams = useMemoizedFn(function () {
-    return history.location.query;
+    return compMap.get(_parentId);
   });
   var want = useMemoizedFn(function (wanted) {
     var _getModuleData;
@@ -89,53 +93,42 @@ export default (function (_ref) {
     }, 0);
     return (serialsValue & (serialMap[wanted] || 0)) === 1;
   });
-  useUpdateEffect(function () {
-    var _diff = diff(prevState, state);
-    eventBus.$publisher(topics.PAGE_STATE_CHANGED, {
-      state: state,
-      prevState: prevState,
-      diff: _diff
-    });
-  }, [state, prevState]);
   var ctx = new Proxy(_objectSpread({
     _register: _register,
     _unregister: _unregister,
+    _initRemoteApiMap: _initRemoteApiMap,
     /**
      * @property {boolean} loading - loading状态
      */
     loading: loading,
-    /**
-     * @property {object} history - 当前路由信息
-     */
-    history: history,
-    /**
-     * @method - 执行行为接口
-     * @param {object} evns - moduleCode: 模块编码，datasetCode：数据集编码，behaviorKey：行为key
-     * @param {object} params - 链接参数
-     * @param {object} data - body参数
-     */
-    callBehavior: callBehavior,
     /**
      * @property {object} topics - 内置的事件话题
      */
     topics: topics,
+    /**
+     * @property {object} topics - service api前缀
+     */
+    API_PREFIX: API_PREFIX,
     /**
      * @property {string} PRIMARY_KEY - 主键key
      */
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    /**
+     * @property {string} PARENT_KEY - 树组件主键key
+     */
     PARENT_KEY: window.appConfig.constraintKeys.PARENT,
     /**
      * @method - 根据组件ID获取实例
      * @param {string} compId - 组件ID
      * @return {object} target - 组件实例
      */
-    getElementById: getElementById,
+    $: getElementById,
     /**
      * @method - 根据组件ID获取父组件实例
      * @param {string} compId - 组件ID
      * @return {object} target - 父组件实例
      */
-    getParentElement: getParentElement,
+    $$: getParentElementById,
     /**
      * @method - 执行行为池
      * @param {object} actionPool - 行为池
@@ -144,16 +137,38 @@ export default (function (_ref) {
     doAction: function doAction(actionPool, args) {
       return todo(this, actionPool, args);
     },
-    /**
-     * @method - 获取URL参数
-     * @return {object} params - url参数
-     */
-    getUrlParams: getUrlParams,
     /**
      * @method - 是否有权限
      * @return {string} wanted - 期望的资源串
      */
-    want: want
+    want: want,
+    /**
+     * @method - 获取执行行为请求的接口URL
+     * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL
+     */
+    getBehaviorUrl: getBehaviorUrl,
+    /**
+     * @typedef {Object} Utils
+     * @property {function(type, props): void} dialog - 弹出对话框
+     * @property {function({ moduleCode, datasetCode, behaviorKey }, params, data): Promise} callBehavior - 执行行为
+     * @property {function(type, value, formatOrSeparator): string} formatter - 常用的 formatter 函数用于进行事件、金额、手机号等 format
+     * @property {function(when, type): string} getDateTimeRange - 获取当前或指定日期的开始结束区间时间戳
+     */
+    /**
+     * @property {Utils} 工具类
+     */
+    utils: utils,
+    /**
+     * @typedef {Object} Router
+     * @property {function(path, params): void} push - 跳转
+     * @property {function(path, state): void} replace - 替换
+     * @property {function{}: object} getQuery - 获取URL参数
+     * @property {function(params): string} stringifyQuery - 序列化 URL 参数
+     */
+    /**
+     * @property {Router} router - 路由
+     */
+    router: router
   }, eventBus), {
     get: function get(target, property, receiver) {
       if (PRIVATE_KEYS.includes(property)) {
@@ -169,6 +184,8 @@ export default (function (_ref) {
     set: function set(target, property, receiver) {
       if (PRIVATE_KEYS.includes(property)) {
         throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else if (property.startsWith('_')) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u79C1\u6709\u7684"));
       } else if (property === 'state') {
         setState(receiver);
         return true;

package/es/lowcode/engine/provider/ContextProvider/router.js

@@ -0,0 +1,43 @@
+import { history } from 'umi';
+import { isNil } from 'lodash';
+export function push(path, params) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'push';
+  var blank = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (blank) {
+    window.openUrl("new:".concat(path));
+    return;
+  }
+  if (type === 'replace') {
+    window.openUrl(path, {
+      method: 'replace'
+    });
+  } else if (type === 'layer') {
+    window.openUrl("layer:".concat(path), params);
+  } else if (type === 'iframe') {
+    window.openUrl("iframe:".concat(path));
+  } else if (type === 'sso') {
+    window.openUrl("sso:".concat(path));
+  } else {
+    history[type](path, params);
+  }
+}
+export function replace(path, state) {
+  history.replace(path, state);
+}
+export function getQuery(key) {
+  var toSearch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (toSearch) {
+    return history.location.search;
+  }
+  var query = history.location.query;
+  if (isNil(key)) {
+    return query;
+  }
+  return query[key];
+}
+export function stringifyQuery(params) {
+  return Object.keys(params).map(function (key) {
+    return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(params[key]));
+  }).join('&');
+}
+export { history };

package/es/lowcode/engine/{tools → provider/ContextProvider}/usePageDataStore.js

@@ -7,8 +7,8 @@ import { subscribeWithSelector } from 'zustand/middleware';
 import { useShallow } from 'zustand/react/shallow';
 import { isObject, isArray, isNil, isFunction, isString, get, set as _set, unset, assign, forOwn, forEach, omit, debounce } from 'lodash';
 import isDeepEqual from 'fast-deep-equal';
-import { getPathNodesById, findNodeAndParent } from "./dataProcess";
-import { LC_BUILDIN_UNIT_KEY } from "../../constants";
+import { getPathNodesById, findNodeAndParent } from "../../tools/dataProcess";
+import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
 var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
   var stateCreator = function stateCreator(set, get) {
     return {
@@ -184,11 +184,13 @@ export default usePageDataStore;
 usePageDataStore.subscribe(function (state) {
   return state.pageData;
 }, function (_, prev) {
-  if (prev !== null) {
-    usePageDataStore.setState(function (state) {
-      if (state.needPrompt === false) state.needPrompt = true;
-    });
-  }
+  usePageDataStore.setState(function (state) {
+    if (prev === null) {
+      state.needPrompt = false;
+    } else if (state.needPrompt === false) {
+      state.needPrompt = true;
+    }
+  });
 });
 export var resetPageData = function resetPageData(data) {
   usePageDataStore.setState(function (state) {

package/es/lowcode/engine/provider/ContextProvider/usePageVar.js

@@ -1,18 +1,42 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useRef } from 'react';
-import { usePrevious, useGetState, useMemoizedFn } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { subscribeWithSelector } from 'zustand/middleware';
 import { forOwn, isNil, isString, isObject } from 'lodash';
-var usePageVar = function usePageVar(defaultState, defaultGlobal) {
-  var globalRef = useRef(defaultGlobal);
-  var _useGetState = useGetState(defaultState),
-    _useGetState2 = _slicedToArray(_useGetState, 3),
-    state = _useGetState2[0],
-    setState = _useGetState2[1],
-    getState = _useGetState2[2];
-  var prevState = usePrevious(state);
-  var setPageState = useMemoizedFn(function (newState) {
-    setState(_objectSpread(_objectSpread({}, prevState), newState));
+export var useStateStore = create()(immer(subscribeWithSelector(function (set) {
+  return {
+    state: {},
+    initialize: function initialize(init) {
+      return set(function (store) {
+        store.state = init;
+      });
+    },
+    clear: function clear() {
+      return set(function (store) {
+        store.state = {};
+      });
+    }
+  };
+})));
+var usePageVar = function usePageVar() {
+  var globalRef = useRef(null);
+  var state = useStateStore(function (store) {
+    return store.state;
+  });
+  var setState = useMemoizedFn(function (newState) {
+    useStateStore.setState(function (store) {
+      forOwn(newState, function (_val, _key) {
+        if (isNil(_val)) {
+          delete store.state[_key];
+        } else {
+          store.state[_key] = _val;
+        }
+      });
+    });
+  });
+  var getState = useMemoizedFn(function () {
+    return useStateStore.getState().state;
   });
   var setGlobal = useMemoizedFn(function (newGlobal) {
     if (isNil(globalRef.current)) {
@@ -28,8 +52,7 @@ var usePageVar = function usePageVar(defaultState, defaultGlobal) {
   });
   return {
     state: state,
-    prevState: prevState,
-    setState: setPageState,
+    setState: setState,
     getState: getState,
     global: globalRef,
     setGlobal: setGlobal

package/es/lowcode/engine/{tools → provider/ContextProvider}/useTodo.js

@@ -6,9 +6,9 @@ var _excluded = ["datasetCode"];
 import { useBoolean, useMemoizedFn } from 'ahooks';
 import { message } from 'luck-design/antd';
 import { keys, isNil, isFunction } from 'lodash';
-import usePageDataStore from "./usePageDataStore";
-import { executeCode } from "./helper";
-import { fetchCallBehavior } from "../../constants/api-url";
+import { getModuleData } from "./usePageDataStore";
+import { executeCode } from "../../tools/helper";
+import { fetchCallBehavior } from "../../../constants/api-url";
 var useTodo = function useTodo() {
   var _useBoolean = useBoolean(),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
@@ -26,9 +26,6 @@ var useTodo = function useTodo() {
       behaviorKey: behaviorKey
     }, params), data);
   });
-  var moduleData = usePageDataStore(function (state) {
-    return state.moduleData;
-  });
   var todo = useMemoizedFn(function (ctx, actionPool) {
     var argsMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     if (isNil(actionPool)) {
@@ -57,6 +54,7 @@ var useTodo = function useTodo() {
                 params = _ref4.params,
                 data = _ref4.data,
                 after = _ref4.after;
+              var moduleData = getModuleData();
               var _moduleCode = moduleCode || moduleData.moduleCode;
               var _dscode = datasetCode || dsCode;
               if (!_moduleCode || !_dscode) {
@@ -83,6 +81,6 @@ var useTodo = function useTodo() {
     }
     return Promise.resolve();
   });
-  return [todo, callBehavior, loading];
+  return [todo, loading];
 };
 export default useTodo;

package/es/lowcode/engine/provider/ContextProvider/utils.js

@@ -0,0 +1,157 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import { Modal, message } from 'luck-design/antd';
+import { fetchCallBehavior } from "../../../constants/api-url";
+import { getDvaApp } from 'umi';
+var Formatter = /*#__PURE__*/function () {
+  function Formatter() {
+    _classCallCheck(this, Formatter);
+  }
+  _createClass(Formatter, null, [{
+    key: "formatDate",
+    value:
+    // 格式化日期
+    function formatDate(date, format) {
+      var options = {
+        'Y+': date.getFullYear().toString(),
+        // 年
+        'M+': (date.getMonth() + 1).toString().padStart(2, '0'),
+        // 月
+        'D+': date.getDate().toString().padStart(2, '0'),
+        // 日
+        'H+': date.getHours().toString().padStart(2, '0'),
+        // 时
+        'm+': date.getMinutes().toString().padStart(2, '0'),
+        // 分
+        's+': date.getSeconds().toString().padStart(2, '0') // 秒
+      };
+      for (var k in options) {
+        format = format.replace(new RegExp(k), options[k]);
+      }
+      return format;
+    }
+
+    // 格式化金额
+  }, {
+    key: "formatCurrency",
+    value: function formatCurrency(amount) {
+      var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+      amount = parseFloat(amount).toFixed(2);
+      var parts = amount.split('.');
+      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, separator);
+      return "".concat(parts.join('.'));
+    }
+
+    // 格式化手机号
+  }, {
+    key: "formatPhoneNumber",
+    value: function formatPhoneNumber(phone) {
+      phone = phone.toString();
+      return phone.replace(/(\+?\d{2})(\d{4})(\d{4})(\d{3})/, '$1 $2 $3 $4');
+    }
+
+    // 格式化银行卡号
+  }, {
+    key: "formatCardNumber",
+    value: function formatCardNumber(cardNumber) {
+      cardNumber = cardNumber.toString();
+      return cardNumber.replace(/(\d{4})(?=\d)/g, '$1 ');
+    }
+  }]);
+  return Formatter;
+}();
+export function dialog() {
+  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confirm';
+  var props = arguments.length > 1 ? arguments[1] : undefined;
+  if (!['info', 'success', 'error', 'warning', 'confirm'].includes(type)) return;
+  return Modal[type](props);
+}
+export function toast() {
+  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'info';
+  var props = arguments.length > 1 ? arguments[1] : undefined;
+  if (!['info', 'success', 'error', 'warning', 'warn', 'loading'].includes(type)) return;
+  return message[type](props);
+}
+export function callBehavior(_ref, params, data) {
+  var moduleCode = _ref.moduleCode,
+    datasetCode = _ref.datasetCode,
+    behaviorKey = _ref.behaviorKey;
+  return fetchCallBehavior(_objectSpread({
+    moduleCode: moduleCode,
+    datasetCode: datasetCode,
+    behaviorKey: behaviorKey
+  }, params), data);
+}
+export function formatter(type, value, formatOrSeparator) {
+  switch (type) {
+    case 'date':
+      return Formatter.formatDate(value, formatOrSeparator);
+    case 'money':
+      return Formatter.formatCurrency(value, formatOrSeparator);
+    case 'cnmobile':
+      return Formatter.formatPhoneNumber(value);
+    case 'card':
+      return Formatter.formatCardNumber(value);
+    default:
+      throw new Error("Unsupported format type: ".concat(type));
+  }
+}
+export function getDateTimeRange() {
+  var when = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'day';
+  var start = new Date(when);
+  var end = new Date(when);
+  switch (type) {
+    case 'year':
+      start.setMonth(0, 1); // 设置到当年的1月1日
+      start.setHours(0, 0, 0, 0);
+      end.setMonth(11, 31); // 设置到当年的12月31日
+      end.setHours(23, 59, 59, 999);
+      break;
+    case 'month':
+      start.setDate(1); // 设置到当月的1日
+      start.setHours(0, 0, 0, 0);
+      end.setMonth(end.getMonth() + 1); // 设置到下月的1日
+      end.setDate(0); // 回到当月的最后一天
+      end.setHours(23, 59, 59, 999);
+      break;
+    case 'week':
+      var dayOfWeek = start.getDay(); // 当前日期是本周的第几天
+      var diffToMonday = (dayOfWeek + 6) % 7; // 计算到上一个星期一的天数
+      start.setDate(start.getDate() - diffToMonday); // 设置到本周的星期一
+      start.setHours(0, 0, 0, 0);
+      end.setDate(start.getDate() + 6); // 设置到本周的星期天
+      end.setHours(23, 59, 59, 999);
+      break;
+    case 'day':
+    case 'date':
+      // 'day' 和 'date' 是一样的处理方式
+      start.setHours(0, 0, 0, 0);
+      end.setHours(23, 59, 59, 999);
+      break;
+    case 'hour':
+      start.setMinutes(0, 0, 0);
+      end.setMinutes(59, 59, 999);
+      break;
+    case 'minute':
+      start.setSeconds(0, 0);
+      end.setSeconds(59, 999);
+      break;
+    case 'second':
+      start.setMilliseconds(0);
+      end.setMilliseconds(999);
+      break;
+    default:
+      throw new Error("Unsupported range type: ".concat(type));
+  }
+  return [start.getTime(), end.getTime()];
+}
+export function getLoginUser() {
+  var _getDvaApp;
+  return (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().user.currentUser;
+}
+export function isMobile() {
+  // return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return USER_RUNTIME === 'MOBILE';
+}

package/es/lowcode/engine/provider/RemoteSourceProvider.js

@@ -9,8 +9,7 @@ import { history } from 'umi';
 import launcher from "../launcher";
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
-import usePageDataStore from "../tools/usePageDataStore";
-import { useTemporalStore } from "../provider/ContextProvider";
+import usePageDataStore, { useTemporalStore } from "./ContextProvider/usePageDataStore";
 import { decompress } from "../tools/dataProcess";
 import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials, fetchAllBehaviorEx } from "../../constants/api-url";
 import { RUNTIME, LC_RUNTIME_KEY, META_TAG_NAME } from "../../constants";

package/es/lowcode/engine/tools/helper.js

@@ -120,8 +120,13 @@ export function executeCode(context, code, argsName) {
     throw new Error('executeCode参数不匹配');
   }
   var ctx = getCtx(context);
-  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
-  return func.apply(void 0, args.concat([ctx, _objectSpread(_objectSpread({}, window.proxy), window)]));
+  try {
+    var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
+    return func.apply(void 0, args.concat([ctx, _objectSpread(_objectSpread({}, window.proxy), window)]));
+  } catch (e) {
+    console.error("".concat(code, "\u65E0\u6CD5\u88AB\u6267\u884C"), e);
+    return null;
+  }
 }
 export function parseCSS(cssString) {
   // 创建一个空对象来存储解析后的样式