@luck-design-biz/luckda 0.0.22 → 0.0.24-1

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

@@ -0,0 +1,141 @@
+{
+  "component": "Tabs",
+  "name": "选项卡",
+  "icon": "icon-tabs",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
+  "order": 1,
+  "props": [
+    {
+      "key": "fieldId",
+      "name": "唯一标识",
+      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "items",
+      "name": "标签项",
+      "desc": "表示标签项或选项卡的集合",
+      "type": "_TabsItems",
+      "default": []
+    },
+    {
+      "key": "shape",
+      "name": "形态",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "普通型",
+          "value": "pure"
+        },
+        {
+          "label": "包裹型",
+          "value": "wrapped"
+        },
+        {
+          "label": "文本型",
+          "value": "text"
+        },
+        {
+          "label": "胶囊型",
+          "value": "capsule"
+        }
+      ],
+      "default": "pure"
+    },
+    {
+      "key": "size",
+      "name": "大小",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "default"
+        }
+      ],
+      "default": "default"
+    },
+    {
+      "key": "contentPadding",
+      "name": "内容间距",
+      "desc": "设定内容区的内间距，请输入合理的CSS padding值",
+      "type": "string",
+      "default": "20px 20px"
+    },
+    {
+      "key": "excessMode",
+      "name": "选项卡过多时的滑动模式",
+      "desc": "表示选项卡过多时的滑动模式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "滑动",
+          "value": "slide"
+        },
+        {
+          "label": "下拉",
+          "value": "dropdown"
+        }
+      ],
+      "default": "slide"
+    },
+    {
+      "key": "unmountInactiveTabs",
+      "name": "切换销毁",
+      "desc": "表示选项卡切换时是否销毁非活动选项卡的内容",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "延迟加载",
+      "desc": "表示选项卡的延迟加载行为",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "needBadge",
+      "name": "开启徽标",
+      "desc": "表示选项卡是否开启徽标",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "renderBadge",
+        "name": "徽标渲染",
+        "desc": "当needBadge为true时可配置。徽标渲染方法",
+        "func": "(tabItem)=>{\n\t\n}"
+      },
+      {
+        "key": "onExtraRender",
+        "name": "渲染导航栏附加内容",
+        "desc": "渲染导航栏附加内容方法",
+        "func": "(activeTab)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,12 @@
+{
+  "component": "Text",
+  "name": "文本",
+  "icon": "icon-text",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "文本组件用于显示文本内容。",
+  "order": 1,
+  "style": {},
+  "showTitle": false,
+  "maxLine": 0
+}

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

@@ -0,0 +1,66 @@
+{
+  "component": "Text",
+  "name": "文本",
+  "icon": "icon-text",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "文本组件用于显示文本内容。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "content",
+      "name": "内容",
+      "desc": "文本内容设置",
+      "type": "string"
+    },
+    {
+      "key": "showTitle",
+      "name": "显示标题",
+      "desc": "是否显示标题",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "title",
+      "name": "自定义标题",
+      "desc": "显示标题时配置。自定义标题内容",
+      "type": "string"
+    },
+    {
+      "key": "maxLine",
+      "name": "最大行数",
+      "desc": "超出时自动省略号展示",
+      "type": "number",
+      "default": 0
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,17 @@
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "style": {},
+  "showLine": false,
+  "lazyLoad": false,
+  "editable": false,
+  "draggable": false,
+  "defaultExpandDeep": 1,
+  "doubleClick": true,
+  "multiple": false
+}

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

@@ -0,0 +1,157 @@
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "showLine",
+      "name": "显示线",
+      "desc": "是否显示树组件的连接线",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "懒加载",
+      "desc": "是否树形组件懒加载",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "editable",
+      "name": "支持编辑",
+      "desc": "是否支持编辑树",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultExpandDeep",
+      "name": "默认展开层级",
+      "desc": "默认展开多少层级",
+      "type": "select",
+      "options": [
+        {
+          "label": "1",
+          "value": "1"
+        },
+        {
+          "label": "2",
+          "value": "2"
+        },
+        {
+          "label": "3",
+          "value": "3"
+        },
+        {
+          "label": "4",
+          "value": "4"
+        },
+        {
+          "label": "5",
+          "value": "5"
+        },
+        {
+          "label": "全部",
+          "value": "all"
+        }
+      ],
+      "default": 1
+    },
+    {
+      "key": "rowKey",
+      "name": "数据主键key",
+      "desc": "数据主键",
+      "type": "string"
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "doubleClick",
+      "name": "开启双击事件",
+      "desc": "是否开启双击事件（默认双击收缩节点）",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "multiple",
+      "name": "多选",
+      "desc": "是否支持多选",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "processDataSource",
+        "name": "数据预处理",
+        "desc": "数据渲染前预处理",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onTreeNodeRender",
+        "name": "定制渲染",
+        "desc": "单行树节点渲染",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "unSelectableNodes",
+        "name": "失活节点",
+        "desc": "不可选择的节点",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onRightMenus",
+        "name": "定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "自定义双击事件",
+        "desc": "自定义双击事件，默认为收缩节点",
+        "func": "(rowData)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLDContext = 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 _EventBusProvider = require("./EventBusProvider");
+var _usePromiseState3 = _interopRequireDefault(require("../tools/usePromiseState"));
+var topics = _interopRequireWildcard(require("../../constants/event-topics"));
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var useLDContext = exports.useLDContext = function useLDContext() {
+  return (0, _react.useContext)(Context);
+};
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'componentList', 'componentMap'];
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children;
+  var eventBus = (0, _EventBusProvider.useLDEventBus)();
+
+  /**
+   * 页面码
+   */
+  var _pageCode = (0, _react.useRef)(void 0);
+
+  /**
+   * 模块码
+   */
+  var _moduleCode = (0, _react.useRef)(void 0);
+
+  /**
+   * 页面数据
+   */
+  var _usePromiseState = (0, _usePromiseState3.default)(null),
+    _usePromiseState2 = (0, _slicedToArray2.default)(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    _setPageData = _usePromiseState2[1];
+
+  /**
+   * 组件列表
+   */
+  var _componentList = (0, _react.useRef)([]);
+  var _privateGetter = (0, _react.useRef)({
+    pageCode: function pageCode() {
+      return _pageCode.current;
+    },
+    moduleCode: function moduleCode() {
+      return _moduleCode.current;
+    },
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var register = (0, _ahooks.useMemoizedFn)(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  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;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = (0, _ahooks.useMemoizedFn)(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = (0, _ahooks.useMemoizedFn)(function (datasetId) {});
+
+  /**
+   * 执行actionKey对应的行为
+   * actionKey:string 行为key
+   * return:Promise
+   */
+  var doAction = (0, _ahooks.useMemoizedFn)(function (actionKey) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {});
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: new Proxy((0, _objectSpread2.default)({
+      _pageCode: _pageCode,
+      _moduleCode: _moduleCode,
+      _setPageData: _setPageData,
+      pageData: pageData,
+      history: _umi.history,
+      topics: topics,
+      register: register,
+      unregister: unregister,
+      getElementById: getElementById,
+      getParentElement: getParentElement,
+      getElementPathById: getElementPathById,
+      getModule: getModule,
+      getDataSetById: getDataSetById,
+      doAction: doAction,
+      getUrlParams: getUrlParams
+    }, 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]();
+        }
+        return Reflect.get(target, property, receiver);
+      },
+      set: function set(target, property, receiver) {
+        console.log('set', target, property, receiver);
+        if (PRIVATE_KEYS.includes(property)) {
+          throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+        } else {
+          return Reflect.set(target, property, receiver);
+        }
+      }
+    })
+  }, children);
+};

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

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLDEventBus = exports.default = exports.EventBus = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+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);
+var useLDEventBus = exports.useLDEventBus = function useLDEventBus() {
+  return (0, _react.useContext)(EventBus);
+};
+function Subscriber(id) {
+  function on(hook) {
+    this._on = hook;
+    return this;
+  }
+  function once(hook) {
+    this._once = hook;
+    return this;
+  }
+  function before(hook) {
+    this._before = hook;
+    return this;
+  }
+  function after(hook) {
+    this._after = hook;
+    return this;
+  }
+  function off(hook) {
+    this._off = hook;
+    return this;
+  }
+  function watch() {
+    return id;
+  }
+  return {
+    on: on,
+    once: once,
+    before: before,
+    after: after,
+    off: off,
+    watch: watch
+  };
+}
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    runtime = _ref.runtime;
+  var event$ = (0, _ahooks.useEventEmitter)();
+  var subscriberPool = (0, _ahooks.useCreation)(function () {
+    return new Map();
+  }, []);
+  event$.useSubscription(function (_ref2) {
+    var topic = _ref2.topic,
+      payload = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    if (!subscriberPool.has(topic)) return;
+    subscriberPool.get(topic).forEach(function (_ref3) {
+      var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+        _id = _ref4[0],
+        _subscriber = _ref4[1];
+      var temp = _subscriber._before ? _subscriber._before(payload) : null;
+      if (_subscriber._before && !(0, _helper.isPromise)(temp)) {
+        console.error('before hook must return a promise');
+        return;
+      }
+      var _before = temp || Promise.resolve(true);
+      _before.then(function (flag) {
+        if (!flag) return flag;
+        var func = _subscriber._once || _subscriber._on;
+        if (!func) return;
+        return func(payload);
+      }).then(function (flag) {
+        if (flag === false || !_subscriber._after) return;
+        return _subscriber._after(payload);
+      }).finally(function () {
+        if (_subscriber._once) {
+          $unsubscriber(topic, _id);
+        }
+      });
+    });
+  });
+  var $publisher = (0, _ahooks.useMemoizedFn)(function (topic, payload) {
+    event$.emit((0, _objectSpread2.default)({
+      topic: topic,
+      runtime: runtime
+    }, payload));
+  });
+  var $subscriber = (0, _ahooks.useMemoizedFn)(function (topic) {
+    if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
+    var id = (0, _utils.suid)();
+    var _subscriber = Subscriber(id);
+    subscriberPool.get(topic).push([id, _subscriber]);
+    return _subscriber;
+  });
+  var $unsubscriber = (0, _ahooks.useMemoizedFn)(function (topic, id) {
+    if (!subscriberPool.has(topic)) return;
+    subscriberPool.get(topic).forEach(function (_ref5, index) {
+      var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+        _id = _ref6[0],
+        _subscriber = _ref6[1];
+      if (_id === id) {
+        var _subscriber$_off, _subscriber2;
+        subscriberPool.get(topic).splice(index, 1);
+        if (!subscriberPool.get(topic).length) {
+          subscriberPool.delete(topic);
+        }
+        (_subscriber$_off = (_subscriber2 = _subscriber)._off) === null || _subscriber$_off === void 0 || _subscriber$_off.call(_subscriber2);
+        _subscriber = null;
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(EventBus.Provider, {
+    value: {
+      runtime: runtime,
+      $publisher: $publisher,
+      $subscriber: $subscriber,
+      $unsubscriber: $unsubscriber
+    }
+  }, children);
+};