@luck-design-biz/luckda 0.0.27 → 1.0.0-alpha

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

@@ -1,9 +1,32 @@
-{
-  "showLine": false,
-  "lazyLoad": false,
-  "editable": false,
-  "draggable": false,
-  "defaultExpandDeep": 1,
-  "doubleClick": true,
-  "multiple": false
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "readOnly": false,
+  "draggable": true,
+  "asyncLoad": false,
+  "parentKey": "iparentid",
+  "showRootAdd": true,
+  "onlyRoot": false,
+  "rootAddSetting": {},
+  "actions": {
+    "todoList": []
+  },
+  "width": "100%",
+  "height": "100%",
+  "showLine": false,
+  "treeNodeTitle": "sname",
+  "defaultExpandDeep": "0",
+  "cancelSelect": true,
+  "showIcon": true,
+  "treeNodeIcon": [],
+  "doubleClickExpand": true,
+  "checkable": false,
+  "advance": {
+    "events": {}
+  }
 }

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

@@ -0,0 +1,360 @@
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dataset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector",
+      "component": "tree",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "readOnly",
+      "name": "是否只读",
+      "desc": "是否树形组件只读",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "asyncLoad",
+      "name": "异步加载",
+      "desc": "是否树形组件异步加载，需要设置数据集条件",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "parentKey",
+      "name": "异步加载Key",
+      "desc": "树形组件异步加载时的过滤传参key",
+      "type": "string",
+      "default": "iparentid"
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "树节点操作项",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作项",
+        "props": [
+          {
+            "key": "rootAdd",
+            "name": "根节点",
+            "desc": "根节点操作项",
+            "type": "group",
+            "props": [
+              {
+                "key": "showRootAdd",
+                "name": "是否显示",
+                "desc": "是否显示",
+                "type": "switch",
+                "default": true
+              },
+              {
+                "key": "onlyRoot",
+                "name": "根节点唯一",
+                "desc": "树组件仅一个根节点，如数据根节点数大于0，则不允许根节点新增",
+                "type": "switch",
+                "default": false
+              },
+              {
+                "key": "rootAddSetting",
+                "name": "根节点配置",
+                "desc": "根节点配置",
+                "type": "_TreeRootEditor",
+                "default": {}
+              }
+            ]
+          },
+          {
+            "key": "actions",
+            "name": "节点操作项",
+            "type": "_ActionsEditor",
+            "default": {
+              "todoList": []
+            },
+            "defaultCode": "function onActionClick(data) {\n\n}",
+            "suppressDisplay": true,
+            "suppressMax": true,
+            "suppressMore": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
+    },
+    {
+      "key": "styleSetting",
+      "name": "风格和样式",
+      "type": "group",
+      "props": [
+        {
+          "key": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "showLine",
+          "name": "显示线",
+          "desc": "是否显示树组件的连接线",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "treeNodeTitle",
+          "name": "展示字段",
+          "desc": "展示字段的key",
+          "type": "_I18nInput",
+          "default": "sname"
+        },
+        {
+          "key": "defaultExpandDeep",
+          "name": "默认展开层级",
+          "desc": "默认展开多少层级",
+          "type": "select",
+          "options": [
+            {
+              "label": "不展开",
+              "value": "0"
+            },
+            {
+              "label": "1",
+              "value": "1"
+            },
+            {
+              "label": "2",
+              "value": "2"
+            },
+            {
+              "label": "3",
+              "value": "3"
+            },
+            {
+              "label": "4",
+              "value": "4"
+            },
+            {
+              "label": "全部",
+              "value": "all"
+            }
+          ],
+          "default": "0"
+        }
+      ]
+    },
+    {
+      "key": "selectSetting",
+      "name": "选中设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "cancelSelect",
+          "name": "取消选中",
+          "desc": "是否可以取消选中",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultSelect",
+          "name": "默认选中",
+          "desc": "返回默认选中的数据主键",
+          "type": "_JSEditor",
+          "defaultCode": "function defaultSelect(treeData) { \n return null; \n}",
+          "mustConfirm": true,
+          "wrapper": "collapse",
+          "wrapperProps": {
+            "suppressIcon": true
+          }
+        }
+      ]
+    },
+    {
+      "key": "IconSetting",
+      "name": "图标设置",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "图标设置",
+        "props": [
+          {
+            "key": "showIcon",
+            "name": "显示图标",
+            "desc": "是否显示树组件的图标",
+            "type": "switch",
+            "default": true
+          },
+          {
+            "key": "treeNodeIcon",
+            "name": "节点图标设置",
+            "type": "_IconConditionSelector",
+            "default": [],
+            "defaultCode": "function treeNodeIconRender(item) { \n return false; \n}",
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
+    },
+    {
+      "key": "rowSelectionSetting",
+      "name": "节点控制器",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "行选择器",
+        "props": [
+          {
+            "key": "doubleClickExpand",
+            "name": "双击收缩节点",
+            "type": "switch",
+            "default": true
+          },
+          {
+            "key": "checkable",
+            "name": "复选框",
+            "desc": "是否支持复选框选择",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "treeNodeCheckable",
+            "name": "节点是否有复选框",
+            "type": "_JSEditor",
+            "defaultCode": "function treeNodeCheckable(item) { \n return true; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "treeNodeDisableCheckbox",
+            "name": "节点复选框是否禁用",
+            "type": "_JSEditor",
+            "defaultCode": "function treeNodeDisableCheckbox(item) { \n return false; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "treeNodeDisable",
+            "name": "节点是否禁用",
+            "type": "_JSEditor",
+            "defaultCode": "function treeNodeDisable(item) { \n return false; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          },
+          {
+            "key": "onTreeNodeRender",
+            "name": "节点定制渲染",
+            "type": "_JSEditor",
+            "defaultCode": "function onTreeNodeRender(title, item) { \n return title; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(params) {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "processDataSource",
+        "name": "数据预处理",
+        "desc": "数据渲染前预处理",
+        "func": "function processDataSource(data) {\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "双击事件",
+        "desc": "树节点双击事件",
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
+      },
+      {
+        "key": "onCheck",
+        "name": "复选框选择事件",
+        "desc": "点击复选框触发",
+        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(info, dragInfo) {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,212 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Context: true,
+  useContext: true,
+  useRemoteSource: true
+};
+exports.useRemoteSource = exports.useContext = exports.default = exports.Context = void 0;
+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");
+Object.keys(_usePageDataStore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _usePageDataStore[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _usePageDataStore[key];
+    }
+  });
+});
+var topics = _interopRequireWildcard(require("../../../constants/event-topics"));
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var useContext = exports.useContext = function useContext() {
+  return (0, _react.useContext)(Context);
+};
+var useRemoteSource = exports.useRemoteSource = function useRemoteSource() {
+  return (0, _react.useContext)(_RemoteSourceProvider.RemoteSourceContext);
+};
+var PRIVATE_KEYS = ['componentList', 'componentMap'];
+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),
+    todo = _useTodo2[0],
+    callBehavior = _useTodo2[1],
+    loading = _useTodo2[2];
+  var _usePageVar = (0, _usePageVar2.default)(null, null),
+    state = _usePageVar.state,
+    prevState = _usePageVar.prevState,
+    setState = _usePageVar.setState,
+    getState = _usePageVar.getState,
+    global = _usePageVar.global,
+    setGlobal = _usePageVar.setGlobal;
+  var _componentList = (0, _react.useRef)([]);
+  var _privateGetter = (0, _react.useRef)({
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+  var _register = (0, _ahooks.useMemoizedFn)(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+  var _unregister = (0, _ahooks.useMemoizedFn)(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+  var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {
+    var _componentList$curren;
+    return (_componentList$curren = _componentList.current.find(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2.default)(_ref4, 1),
+        _id = _ref5[0];
+      return compId === _id;
+    })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
+  });
+  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {
+    var compMap = new Map(_componentList.current);
+    var _target = compMap.get(compId);
+    var _parentId = _target.api.getSelfData().parentId;
+    if (!_parentId) return null;
+    return compMap(_parentId);
+  });
+  var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {
+    return _umi.history.location.query;
+  });
+  var want = (0, _ahooks.useMemoizedFn)(function (wanted) {
+    var _getModuleData;
+    if ((0, _lodash.isNil)(wanted)) return false;
+    var serials = ((_getModuleData = (0, _usePageDataStore.getModuleData)()) === null || _getModuleData === void 0 ? void 0 : _getModuleData.resources) || [];
+    var serialMap = serials.reduce(function (acc, cur, index) {
+      if (!acc[cur]) {
+        acc[cur] = Math.pow(2, index);
+      }
+      return acc;
+    }, {});
+    var serialsValue = serials.reduce(function (acc, cur) {
+      acc |= serialMap[cur];
+      return acc;
+    }, 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,
+    /**
+     * @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 {string} PRIMARY_KEY - 主键key
+     */
+    PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    PARENT_KEY: window.appConfig.constraintKeys.PARENT,
+    /**
+     * @method - 根据组件ID获取实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 组件实例
+     */
+    getElementById: getElementById,
+    /**
+     * @method - 根据组件ID获取父组件实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 父组件实例
+     */
+    getParentElement: getParentElement,
+    /**
+     * @method - 执行行为池
+     * @param {object} actionPool - 行为池
+     * @param {object} args - 参数
+     */
+    doAction: function doAction(actionPool, args) {
+      return todo(this, actionPool, args);
+    },
+    /**
+     * @method - 获取URL参数
+     * @return {object} params - url参数
+     */
+    getUrlParams: getUrlParams,
+    /**
+     * @method - 是否有权限
+     * @return {string} wanted - 期望的资源串
+     */
+    want: want
+  }, eventBus), {
+    get: function get(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        var _privateGetter$curren;
+        return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+      } else if (property === 'state') {
+        return getState();
+      } else if (property === 'global') {
+        return global.current;
+      }
+      return Reflect.get(target, property, receiver);
+    },
+    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 === 'state') {
+        setState(receiver);
+        return true;
+      } else if (property === 'global') {
+        setGlobal(receiver);
+        return true;
+      } else {
+        return Reflect.set(target, property, receiver);
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: ctx
+  }, /*#__PURE__*/_react.default.createElement(_RemoteSourceProvider.default, {
+    code: code,
+    eventBus: eventBus
+  }, children));
+};

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

@@ -0,0 +1,45 @@
+"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"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+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 setGlobal = (0, _ahooks.useMemoizedFn)(function (newGlobal) {
+    if ((0, _lodash.isNil)(globalRef.current)) {
+      globalRef.current = {};
+    }
+    if ((0, _lodash.isString)(newGlobal)) {
+      globalRef.current[newGlobal] = newGlobal;
+    } else if ((0, _lodash.isObject)(newGlobal)) {
+      (0, _lodash.forOwn)(newGlobal, function (value, key) {
+        globalRef.current[key] = value;
+      });
+    }
+  });
+  return {
+    state: state,
+    prevState: prevState,
+    setState: setPageState,
+    getState: getState,
+    global: globalRef,
+    setGlobal: setGlobal
+  };
+};
+var _default = exports.default = usePageVar;

package/lib/lowcode/engine/provider/EventBusProvider.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
-var _lcid = _interopRequireDefault(require("../tools/lcid"));
+var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../tools/helper");
 var _excluded = ["topic"];
 var EventBus = exports.EventBus = /*#__PURE__*/(0, _react.createContext)(null);
@@ -95,7 +95,7 @@ var _default = exports.default = function _default(_ref) {
   });
   var $subscriber = (0, _ahooks.useMemoizedFn)(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
-    var id = (0, _lcid.default)();
+    var id = (0, _utils.suid)();
     var _subscriber = Subscriber(id);
     subscriberPool.get(topic).push([id, _subscriber]);
     return _subscriber;