@luck-design-biz/luckda 0.0.24-2 → 0.0.24-3

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

@@ -1,12 +0,0 @@
-{
-  "component": "Box",
-  "name": "容器",
-  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
-  "icon": "icon-box",
-  "group": "container",
-  "groupName": "布局",
-  "order": 3,
-  "style": {
-    "height": "60px"
-  }
-}

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

@@ -1,42 +0,0 @@
-{
-  "component": "Box",
-  "name": "容器",
-  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
-  "icon": "icon-box",
-  "group": "container",
-  "groupName": "布局",
-  "order": 3,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    }
-  ],
-  "style": {
-    "height": "60px"
-  },
-  "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/dialog.props.default.json

@@ -1,19 +0,0 @@
-{
-  "component": "Dialog",
-  "name": "对话框",
-  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
-  "icon": "icon-dialog",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "style": {},
-  "title": "对话框",
-  "width": "700px",
-  "height": "60vh",
-  "fullScreen": false,
-  "fullable": true,
-  "defaultOpen": false,
-  "mask": false,
-  "keyboard": true,
-  "footer": true
-}

package/lib/lowcode/engine/meta/js-editor/auto-complete.json

@@ -1,29 +0,0 @@
-[
-  {
-      "name":"Botton",
-      "triggerWord": "btn",
-      "completions": [
-          {
-              "label": "onClick",
-              "kind": "Method",
-              "insertText": "onClick(event=>{\n\t\n})"
-          }
-      ]
-  },
-  {
-      "name":"Context",
-      "triggerWord": "ctx",
-      "completions": [
-          {
-              "label": "customMethod",
-              "kind": "Method",
-              "insertText": "customMethod((btn,event)=>{\n\t\n})"
-          },
-          {
-              "label": "customProperty",
-              "kind": "Property",
-              "insertText": "customProperty"
-          }
-      ]
-  }
-]

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

@@ -1,236 +0,0 @@
-{
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "dataset",
-      "name": "数据集",
-      "type": "_DataSetSelector"
-    },
-    {
-      "key": "autoLoad",
-      "name": "自动加载",
-      "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
-      "type": "switch",
-      "default": true
-    },
-    {
-      "key": "readOnly",
-      "name": "只读",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "suppressPreset",
-      "name": "关闭预设",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "actionsColumn",
-      "name": "操作列",
-      "type": "group",
-      "default": true,
-      "next": {
-        "name": "操作列",
-        "props": [
-          {
-            "key": "suppressActions",
-            "name": "隐藏操作列",
-            "type": "switch",
-            "default": false
-          },
-          {
-            "key": "actionsColumnWidth",
-            "name": "列宽",
-            "type": "_WidthHeight",
-            "options": [
-              {
-                "label": "px",
-                "value": "px"
-              }
-            ],
-            "convertInt": true,
-            "default": 160
-          },
-          {
-            "key": "actions",
-            "name": "#操作项",
-            "desc": "单行操作项",
-            "type": "_TableActions",
-            "default": {
-              "display": "text",
-              "max": 2,
-              "todoList": []
-            },
-            "panelItem": {
-              "suppressPadding": true
-            }
-          }
-        ]
-      }
-    },
-    {
-      "key": "styleSetting",
-      "name": "风格和样式",
-      "type": "group",
-      "props": [
-        {
-          "key": "width",
-          "name": "宽度",
-          "type": "_WidthHeight",
-          "default": "100%"
-        },
-        {
-          "key": "height",
-          "name": "高度",
-          "type": "_WidthHeight",
-          "default": "100%"
-        },
-        {
-          "key": "zebra",
-          "name": "斑马纹",
-          "type": "_TableZebra",
-          "default": false
-        },
-        {
-          "key": "bordered",
-          "name": "边框线",
-          "type": "switch",
-          "default": false
-        }
-      ]
-    },
-    {
-      "key": "paginationSetting",
-      "name": "分页设置",
-      "type": "group",
-      "props": [
-        {
-          "key": "pagination",
-          "name": "开启分页",
-          "type": "switch",
-          "default": true
-        },
-        {
-          "key": "showSizeChanger",
-          "name": "分页器",
-          "type": "switch",
-          "default": true
-        },
-        {
-          "key": "showQuickJumper",
-          "name": "快速跳转",
-          "type": "switch",
-          "default": true
-        },
-        {
-          "key": "hideOnSinglePage",
-          "name": "单页无分页器",
-          "desc": "只有一页时隐藏分页器",
-          "type": "switch",
-          "default": false
-        },
-        {
-          "key": "paginationSimple",
-          "name": "简单分页",
-          "type": "switch",
-          "default": false
-        },
-        {
-          "key": "pageSize",
-          "name": "每页条数",
-          "type": "number",
-          "default": 30
-        }
-      ]
-    },
-    {
-      "key": "batchOperations",
-      "name": "批量操作",
-      "desc": "批量操作配置",
-      "type": "_CardListActionSelector"
-    },
-    {
-      "key": "batchActions",
-      "name": "批量操作项",
-      "desc": "批量操作项",
-      "type": "_ActionSelector"
-    },
-    {
-      "key": "rowStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
-    },
-    {
-      "key": "cellStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
-    }
-  ],
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onBatchOperationsClick",
-        "name": "批量操作点击",
-        "desc": "点击操作的回调函数",
-        "func": "(key, selectedRows)=>{\n\t\n}"
-      },
-      {
-        "key": "onActionClick",
-        "name": "操作列点击",
-        "desc": "点击操作的回调函数",
-        "func": "(itemData)=>{\n\t\n}"
-      },
-      {
-        "key": "actionRender",
-        "name": "操作列定制渲染",
-        "desc": "返回为false时，该操作不可见",
-        "func": "(title, rowData)=>{\n\t\n}"
-      },
-      {
-        "key": "onRowClick",
-        "name": "行单击",
-        "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
-      },
-      {
-        "key": "onRowDoubleClick",
-        "name": "行双击",
-        "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
-      },
-      {
-        "key": "onCellRender",
-        "name": "单元格渲染",
-        "desc": "当单元格渲染时，执行方法",
-        "func": "(data,rowIndex,column,params)=>{\n\t\n}"
-      }
-    ]
-  }
-}

package/lib/lowcode/engine/tools/usePromiseState.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _ahooks = require("ahooks");
-var usePromiseState = function usePromiseState(initialState) {
-  var _useSafeState = (0, _ahooks.useSafeState)(initialState),
-    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
-    state = _useSafeState2[0],
-    setState = _useSafeState2[1];
-  var promiseRef = (0, _react.useRef)(null);
-  var setStatePromise = (0, _react.useCallback)(function (_state) {
-    return new Promise(function (resolve) {
-      promiseRef.current = resolve;
-      setState(_state);
-    });
-  }, []);
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    if (promiseRef.current) {
-      promiseRef.current(state);
-      promiseRef.current = null;
-    }
-  }, [state]);
-  return [state, setStatePromise];
-};
-var _default = exports.default = usePromiseState;

package/lib/lowcode/painter/DesignOperator.js

@@ -1,278 +0,0 @@
-"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.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = require("lodash");
-var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _utils = require("@luck-design-biz/base/utils");
-var _ContextProvider = require("../engine/provider/ContextProvider");
-var _dataProcess = require("../engine/tools/dataProcess");
-var _constants = require("../constants");
-var _design = _interopRequireDefault(require("./style/design.less"));
-var _MODAL_COMPONENT_ = ['Dialog', 'Drawer'];
-var getOperatorStyle = function getOperatorStyle(page, cellNode) {
-  var _page$getBoundingClie = page.getBoundingClientRect(),
-    pageLeft = _page$getBoundingClie.left,
-    pageTop = _page$getBoundingClie.top;
-  var _cellNode$getBounding = cellNode.getBoundingClientRect(),
-    cellNodeLeft = _cellNode$getBounding.left,
-    cellNodeTop = _cellNode$getBounding.top;
-  return {
-    left: "".concat(cellNodeLeft - pageLeft, "px"),
-    top: "".concat(cellNodeTop - pageTop, "px"),
-    width: "".concat(cellNode.offsetWidth, "px"),
-    height: "".concat(cellNode.offsetHeight, "px")
-  };
-};
-var DesignOperator = function DesignOperator(_ref) {
-  var _getDomById, _getDomById2;
-  var target = _ref.target;
-  var context = (0, _ContextProvider.useLDContext)();
-  var size = (0, _ahooks.useSize)(target);
-  var _useState = (0, _react.useState)((0, _utils.suid)()),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    positionKey = _useState2[0],
-    setPositionKey = _useState2[1];
-  var _useSetState = (0, _ahooks.useSetState)({
-      selector: null,
-      detector: null
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    operatorId = _useSetState2[0],
-    setOperatorId = _useSetState2[1];
-  var lastSelectorId = (0, _ahooks.useLatest)(operatorId.selector);
-  var currentModal = (0, _react.useRef)(null);
-  var getDomById = (0, _ahooks.useMemoizedFn)(function (id) {
-    return context.componentMap.get(id).dom;
-  });
-  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_key) {
-    context.$publisher(context.topics.COMPONENT_ACTIVE, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleHover = (0, _ahooks.useMemoizedFn)(function (_key) {
-    context.$publisher(context.topics.COMPONENT_HOVER, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleDelete = (0, _ahooks.useMemoizedFn)(function (_ref2) {
-    var id = _ref2.id,
-      parentId = _ref2.parentId;
-    context.$publisher(context.topics.COMPONENT_ACTIVE, null);
-    var cloneData = (0, _lodash.cloneDeep)(context.pageData);
-    (0, _dataProcess.deleteById)(cloneData, id);
-    context._setPageData(cloneData).then(function (newData) {
-      context.$publisher(context.topics.COMPONENT_DELETE, {
-        id: id,
-        parentId: parentId,
-        pageData: newData
-      });
-    });
-  });
-  var addComponent = (0, _ahooks.useMemoizedFn)(function (data, targetId) {
-    var json = require("../engine/meta/".concat(data.component.toLowerCase(), ".props.default.json"));
-    var _id = "".concat(data.component.toLowerCase(), "_").concat((0, _utils.suid)());
-    var cloneData = (0, _lodash.cloneDeep)(context.pageData);
-    (0, _dataProcess.add)(cloneData, targetId, _id, json);
-    context.$subscriber(context.topics.COMPONENT_MOUNT).once(function (_ref3) {
-      var mountCompId = _ref3.id;
-      if (mountCompId === _id) {
-        context.$publisher(context.topics.COMPONENT_APPEND, {
-          id: _id,
-          pageData: cloneData
-        });
-      }
-    }).watch();
-    context._setPageData(cloneData);
-  });
-  var acticeProps = (0, _ahooks.useCreation)(function () {
-    if (!operatorId.selector) return null;
-    var levelNodes = context.componentMap.get(operatorId.selector).api.getLevelNodes();
-    return {
-      props: (0, _lodash.last)(levelNodes),
-      menu: /*#__PURE__*/_react.default.createElement("div", {
-        className: _design.default['next-overlay-wrapper'],
-        onMouseLeave: function onMouseLeave() {
-          return handleHover();
-        }
-      }, (0, _lodash.reverse)((0, _lodash.initial)(levelNodes)).map(function (m) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: m.id
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          onClick: function onClick() {
-            return handleSelect(m.id);
-          },
-          onMouseOver: function onMouseOver() {
-            return handleHover(m.id);
-          }
-        }, m.name));
-      }))
-    };
-  }, [operatorId.selector]);
-  var lastDetectorNode = (0, _ahooks.useCreation)(function () {
-    return operatorId.detector ? (0, _lodash.last)(context.componentMap.get(operatorId.detector).api.getLevelNodes()) : null;
-  }, [operatorId.detector]);
-  (0, _ahooks.useEventListener)('mousemove', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(_constants.CELL_CLASS_NAME));
-    var targetCellId = targetCell === null || targetCell === void 0 ? void 0 : targetCell.id;
-    if (targetCellId && targetCellId !== operatorId.detector && targetCellId !== operatorId.selector) {
-      setOperatorId({
-        detector: targetCellId
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, {
-        id: targetCellId
-      });
-    } else if (!targetCell || targetCellId === operatorId.selector) {
-      setOperatorId({
-        detector: null
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, null);
-    }
-  }, {
-    target: target
-  });
-  (0, _ahooks.useEventListener)('mouseleave', function () {
-    if (operatorId.detector) {
-      setOperatorId({
-        detector: null
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, null);
-    }
-  }, {
-    target: target
-  });
-  (0, _ahooks.useEventListener)('click', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(_constants.CELL_CLASS_NAME));
-    var targetCellId = targetCell === null || targetCell === void 0 ? void 0 : targetCell.id;
-    if (!targetCellId || targetCellId === operatorId.selector) return;
-    context.$publisher(context.topics.COMPONENT_HOVER, null);
-    context.$publisher(context.topics.COMPONENT_ACTIVE, {
-      id: targetCell.id
-    });
-  }, {
-    target: target
-  });
-  (0, _react.useEffect)(function () {
-    var csid = context.$subscriber(context.topics.COMPONENT_SETTING_CLICK).on(function (_ref4) {
-      var data = _ref4.data;
-      if (_MODAL_COMPONENT_.includes(data.component)) {
-        context.$subscriber(context.topics.COMPONENT_APPEND).once(function (_ref5) {
-          var compId = _ref5.id;
-          context.$publisher(context.topics.COMPONENT_MODAL_TOGGLE, {
-            toggle: true,
-            id: compId
-          });
-          context.$publisher(context.topics.COMPONENT_ACTIVE, {
-            id: compId
-          });
-        }).watch();
-        addComponent(data, _constants.CELL_KEY.PAGE_ROOT);
-        return;
-      }
-      if (!lastSelectorId.current) {
-        _antd.message.info('请在右侧画布选择节点');
-        return;
-      }
-      if (context.componentMap.get(lastSelectorId.current).dom.getAttribute('name') !== 'box') {
-        _antd.message.info('该节点不支持添加子节点');
-        return;
-      }
-      addComponent(data, lastSelectorId.current);
-    }).watch();
-    var hcid = context.$subscriber(context.topics.COMPONENT_HOVER).on(function (payload) {
-      if (payload.id) setOperatorId({
-        detector: payload.id
-      });else setOperatorId({
-        detector: null
-      });
-    }).watch();
-    var acid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
-      if (payload.id) {
-        setOperatorId({
-          selector: payload.id,
-          detector: null
-        });
-      } else {
-        setOperatorId({
-          selector: null
-        });
-      }
-    }).watch();
-    var cmtid = context.$subscriber(context.topics.COMPONENT_MODAL_TOGGLE).on(function (_ref6) {
-      var toggle = _ref6.toggle,
-        id = _ref6.id;
-      if (toggle) {
-        target.current.style.setProperty('overflow', 'hidden');
-        var _modal = context.componentMap.get(id);
-        var _prevModal = currentModal.current ? context.componentMap.get(currentModal.current) : null;
-        _prevModal === null || _prevModal === void 0 || _prevModal.api.doClose();
-        _modal.api.doOpen();
-        currentModal.current = id;
-      } else {
-        target.current.style.removeProperty('overflow');
-        var _modal2 = context.componentMap.get(id || currentModal.current);
-        _modal2.api.doClose();
-        currentModal.current = void 0;
-      }
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_SETTING_CLICK, csid);
-      context.$unsubscriber(context.topics.COMPONENT_HOVER, hcid);
-      context.$unsubscriber(context.topics.COMPONENT_ACTIVE, acid);
-      context.$unsubscriber(context.topics.MODAL_OPEN, cmtid);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    var crid = context.$subscriber(context.topics.COMPONENT_REPOSITIONING).on(function (payload) {
-      if (payload.id === operatorId.selector) setPositionKey((0, _utils.suid)());
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_REPOSITIONING, crid);
-    };
-  }, [operatorId.selector]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, operatorId.detector && /*#__PURE__*/_react.default.createElement("div", {
-    id: "lc-detector",
-    className: _design.default['lc-painter-design-detector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.detector))
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _design.default['lc-painter-design-detector-name'],
-    style: {
-      top: ((_getDomById = getDomById(operatorId.detector)) === null || _getDomById === void 0 ? void 0 : _getDomById.offsetTop) < 23 ? 0 : '-23px'
-    }
-  }, lastDetectorNode ? "".concat(lastDetectorNode.name, "(").concat(operatorId.detector, ")") : null)), operatorId.selector && /*#__PURE__*/_react.default.createElement("div", {
-    id: "lc-selector",
-    key: "".concat((size === null || size === void 0 ? void 0 : size.width) || 0, "-").concat((size === null || size === void 0 ? void 0 : size.height) || 0, "-").concat(positionKey),
-    className: _design.default['lc-painter-design-selector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.selector))
-  }, acticeProps && /*#__PURE__*/_react.default.createElement("div", {
-    className: _design.default['lc-borders-actions'],
-    style: acticeProps.props.id === _constants.CELL_KEY.PAGE_ROOT ? {
-      top: 0
-    } : ((_getDomById2 = getDomById(operatorId.selector)) === null || _getDomById2 === void 0 ? void 0 : _getDomById2.offsetTop) < 23 ? {
-      bottom: '-23px'
-    } : {
-      top: '-23px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
-    overlay: acticeProps.menu,
-    placement: "bottomLeft"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "instance-node-selector"
-  }, acticeProps.props.name)), /*#__PURE__*/_react.default.createElement("div", {
-    onClick: function onClick() {
-      return handleDelete(acticeProps.props);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    type: "delete"
-  })))));
-};
-var _default = exports.default = DesignOperator;