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

package/lib/lowcode/engine/meta/pagelayout.props.json

@@ -39,7 +39,7 @@
       ]
     }
   ],
-  "css": "width: 100%; height: 100%; background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/section.props.json

@@ -64,7 +64,8 @@
     {
       "key": "tooltip",
       "name": "用户提示",
-      "type": "_I18nInput"
+      "type": "_I18nInput",
+      "wrapped": "textarea"
     },
     {
       "key": "subtitle",

package/lib/lowcode/engine/meta/split.props.default.json

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
   "order": 1,
-  "css": "width: 100%, height: 100%, background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "display": {
     "type": "normal",
     "split": "horizontal",

package/lib/lowcode/engine/meta/split.props.json

@@ -31,7 +31,7 @@
       ]
     }
   ],
-  "css": "width: 100%, height: 100%, background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/table.props.json

@@ -384,13 +384,13 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
+        "func": "function onMount(params, datasetCode) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
+        "func": "function onUnmount(datasetCode) {\n\t\n}"
       },
       {
         "key": "onRowClick",

package/lib/lowcode/engine/meta/text.props.default.json

@@ -6,8 +6,10 @@
   "groupName": "基础",
   "desc": "文本组件用于显示文本内容。",
   "order": 1,
-  "css": {},
-  "content": "文本",
+  "css": "",
+  "content": {
+    "text": "文本内容"
+  },
   "maxLine": 0,
   "advance": {
     "events": {}

package/lib/lowcode/engine/meta/text.props.json

@@ -15,22 +15,24 @@
     },
     {
       "key": "content",
-      "name": "内容",
-      "desc": "文本内容设置",
-      "type": "_I18nInput",
-      "default": "文本",
+      "name": "#内容",
+      "type": "_TextContent",
+      "default": {
+        "text": "文本内容"
+      },
       "wrapped": "textarea",
+      "wrapper": "hidden",
       "repositioning": true
     },
     {
       "key": "maxLine",
       "name": "最大行数",
-      "desc": "超出时自动省略号展示",
+      "desc": "超出时自动省略号展示，0表示不限制行数",
       "type": "number",
       "default": 0
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

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

@@ -14,15 +14,13 @@ exports.useRemoteSource = exports.useContext = exports.default = exports.Context
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _umi = require("umi");
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
-var _diff2 = _interopRequireDefault(require("../../tools/diff"));
 var _EventBusProvider = require("../EventBusProvider");
 var _RemoteSourceProvider = _interopRequireWildcard(require("../RemoteSourceProvider"));
 var _usePageVar2 = _interopRequireDefault(require("./usePageVar"));
-var _useTodo3 = _interopRequireDefault(require("../../tools/useTodo"));
-var _usePageDataStore = require("../../tools/usePageDataStore");
+var _useTodo3 = _interopRequireDefault(require("./useTodo"));
+var _usePageDataStore = require("./usePageDataStore");
 Object.keys(_usePageDataStore).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -34,7 +32,11 @@ Object.keys(_usePageDataStore).forEach(function (key) {
     }
   });
 });
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
+var _apiUrl = require("../../../constants/api-url");
 var topics = _interopRequireWildcard(require("../../../constants/event-topics"));
+var utils = _interopRequireWildcard(require("./utils"));
+var router = _interopRequireWildcard(require("./router"));
 var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
 var useContext = exports.useContext = function useContext() {
   return (0, _react.useContext)(Context);
@@ -42,30 +44,31 @@ var useContext = exports.useContext = function useContext() {
 var useRemoteSource = exports.useRemoteSource = function useRemoteSource() {
   return (0, _react.useContext)(_RemoteSourceProvider.RemoteSourceContext);
 };
-var PRIVATE_KEYS = ['componentList', 'componentMap'];
+var PRIVATE_KEYS = ['componentList', 'componentMap', 'remoteApiMap'];
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children,
     code = _ref.code;
   var eventBus = (0, _EventBusProvider.useLDEventBus)();
   var _useTodo = (0, _useTodo3.default)(),
-    _useTodo2 = (0, _slicedToArray2.default)(_useTodo, 3),
+    _useTodo2 = (0, _slicedToArray2.default)(_useTodo, 2),
     todo = _useTodo2[0],
-    callBehavior = _useTodo2[1],
-    loading = _useTodo2[2];
-  var _usePageVar = (0, _usePageVar2.default)(null, null),
-    state = _usePageVar.state,
-    prevState = _usePageVar.prevState,
+    loading = _useTodo2[1];
+  var _usePageVar = (0, _usePageVar2.default)(),
     setState = _usePageVar.setState,
     getState = _usePageVar.getState,
     global = _usePageVar.global,
     setGlobal = _usePageVar.setGlobal;
   var _componentList = (0, _react.useRef)([]);
+  var _remoteApiMap = (0, _react.useRef)(new Map());
   var _privateGetter = (0, _react.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 = (0, _ahooks.useMemoizedFn)(function (id, component) {
@@ -78,6 +81,9 @@ var _default = exports.default = function _default(_ref) {
       return _id !== id;
     });
   });
+  var _initRemoteApiMap = (0, _ahooks.useMemoizedFn)(function (_apiMap) {
+    _remoteApiMap.current = _apiMap;
+  });
   var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {
     var _componentList$curren;
     return (_componentList$curren = _componentList.current.find(function (_ref4) {
@@ -86,15 +92,13 @@ var _default = exports.default = function _default(_ref) {
       return compId === _id;
     })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
   });
-  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {
+  var getParentElementById = (0, _ahooks.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 = (0, _ahooks.useMemoizedFn)(function () {
-    return _umi.history.location.query;
+    return compMap.get(_parentId);
   });
   var want = (0, _ahooks.useMemoizedFn)(function (wanted) {
     var _getModuleData;
@@ -112,53 +116,42 @@ var _default = exports.default = function _default(_ref) {
     }, 0);
     return (serialsValue & (serialMap[wanted] || 0)) === 1;
   });
-  (0, _ahooks.useUpdateEffect)(function () {
-    var _diff = (0, _diff2.default)(prevState, state);
-    eventBus.$publisher(topics.PAGE_STATE_CHANGED, {
-      state: state,
-      prevState: prevState,
-      diff: _diff
-    });
-  }, [state, prevState]);
   var ctx = new Proxy((0, _objectSpread2.default)({
     _register: _register,
     _unregister: _unregister,
+    _initRemoteApiMap: _initRemoteApiMap,
     /**
      * @property {boolean} loading - loading状态
      */
     loading: loading,
-    /**
-     * @property {object} history - 当前路由信息
-     */
-    history: _umi.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: _ApiConfig.default,
     /**
      * @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 - 行为池
@@ -167,16 +160,38 @@ var _default = exports.default = function _default(_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: _apiUrl.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)) {
@@ -192,6 +207,8 @@ var _default = exports.default = function _default(_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/lib/lowcode/engine/provider/ContextProvider/router.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getQuery = getQuery;
+Object.defineProperty(exports, "history", {
+  enumerable: true,
+  get: function get() {
+    return _umi.history;
+  }
+});
+exports.push = push;
+exports.replace = replace;
+exports.stringifyQuery = stringifyQuery;
+var _umi = require("umi");
+var _lodash = require("lodash");
+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 {
+    _umi.history[type](path, params);
+  }
+}
+function replace(path, state) {
+  _umi.history.replace(path, state);
+}
+function getQuery(key) {
+  var toSearch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (toSearch) {
+    return _umi.history.location.search;
+  }
+  var query = _umi.history.location.query;
+  if ((0, _lodash.isNil)(key)) {
+    return query;
+  }
+  return query[key];
+}
+function stringifyQuery(params) {
+  return Object.keys(params).map(function (key) {
+    return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(params[key]));
+  }).join('&');
+}

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

@@ -14,8 +14,8 @@ var _middleware = require("zustand/middleware");
 var _shallow = require("zustand/react/shallow");
 var _lodash = require("lodash");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-var _dataProcess = require("./dataProcess");
-var _constants = require("../../constants");
+var _dataProcess = require("../../tools/dataProcess");
+var _constants = require("../../../constants");
 var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
   var stateCreator = function stateCreator(set, get) {
     return {
@@ -191,11 +191,13 @@ var _default = exports.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;
+    }
+  });
 });
 var resetPageData = exports.resetPageData = function resetPageData(data) {
   usePageDataStore.setState(function (state) {

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

@@ -1,25 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.useStateStore = exports.default = void 0;
 var _react = require("react");
 var _ahooks = require("ahooks");
+var _zustand = require("zustand");
+var _immer = require("zustand/middleware/immer");
+var _middleware = require("zustand/middleware");
 var _lodash = require("lodash");
-var usePageVar = function usePageVar(defaultState, defaultGlobal) {
-  var globalRef = (0, _react.useRef)(defaultGlobal);
-  var _useGetState = (0, _ahooks.useGetState)(defaultState),
-    _useGetState2 = (0, _slicedToArray2.default)(_useGetState, 3),
-    state = _useGetState2[0],
-    setState = _useGetState2[1],
-    getState = _useGetState2[2];
-  var prevState = (0, _ahooks.usePrevious)(state);
-  var setPageState = (0, _ahooks.useMemoizedFn)(function (newState) {
-    setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevState), newState));
+var useStateStore = exports.useStateStore = (0, _zustand.create)()((0, _immer.immer)((0, _middleware.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 = (0, _react.useRef)(null);
+  var state = useStateStore(function (store) {
+    return store.state;
+  });
+  var setState = (0, _ahooks.useMemoizedFn)(function (newState) {
+    useStateStore.setState(function (store) {
+      (0, _lodash.forOwn)(newState, function (_val, _key) {
+        if ((0, _lodash.isNil)(_val)) {
+          delete store.state[_key];
+        } else {
+          store.state[_key] = _val;
+        }
+      });
+    });
+  });
+  var getState = (0, _ahooks.useMemoizedFn)(function () {
+    return useStateStore.getState().state;
   });
   var setGlobal = (0, _ahooks.useMemoizedFn)(function (newGlobal) {
     if ((0, _lodash.isNil)(globalRef.current)) {
@@ -35,8 +58,7 @@ var usePageVar = function usePageVar(defaultState, defaultGlobal) {
   });
   return {
     state: state,
-    prevState: prevState,
-    setState: setPageState,
+    setState: setState,
     getState: getState,
     global: globalRef,
     setGlobal: setGlobal

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

@@ -12,9 +12,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
-var _usePageDataStore = _interopRequireDefault(require("./usePageDataStore"));
-var _helper = require("./helper");
-var _apiUrl = require("../../constants/api-url");
+var _usePageDataStore = require("./usePageDataStore");
+var _helper = require("../../tools/helper");
+var _apiUrl = require("../../../constants/api-url");
 var _excluded = ["datasetCode"];
 var useTodo = function useTodo() {
   var _useBoolean = (0, _ahooks.useBoolean)(),
@@ -33,9 +33,6 @@ var useTodo = function useTodo() {
       behaviorKey: behaviorKey
     }, params), data);
   });
-  var moduleData = (0, _usePageDataStore.default)(function (state) {
-    return state.moduleData;
-  });
   var todo = (0, _ahooks.useMemoizedFn)(function (ctx, actionPool) {
     var argsMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     if ((0, _lodash.isNil)(actionPool)) {
@@ -64,6 +61,7 @@ var useTodo = function useTodo() {
                 params = _ref4.params,
                 data = _ref4.data,
                 after = _ref4.after;
+              var moduleData = (0, _usePageDataStore.getModuleData)();
               var _moduleCode = moduleCode || moduleData.moduleCode;
               var _dscode = datasetCode || dsCode;
               if (!_moduleCode || !_dscode) {
@@ -90,6 +88,6 @@ var useTodo = function useTodo() {
     }
     return Promise.resolve();
   });
-  return [todo, callBehavior, loading];
+  return [todo, loading];
 };
 var _default = exports.default = useTodo;