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

package/es/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/es/lowcode/engine/tools/usePromiseState.js

@@ -1,24 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useRef, useCallback } from 'react';
-import { useSafeState, useDeepCompareEffect } from 'ahooks';
-var usePromiseState = function usePromiseState(initialState) {
-  var _useSafeState = useSafeState(initialState),
-    _useSafeState2 = _slicedToArray(_useSafeState, 2),
-    state = _useSafeState2[0],
-    setState = _useSafeState2[1];
-  var promiseRef = useRef(null);
-  var setStatePromise = useCallback(function (_state) {
-    return new Promise(function (resolve) {
-      promiseRef.current = resolve;
-      setState(_state);
-    });
-  }, []);
-  useDeepCompareEffect(function () {
-    if (promiseRef.current) {
-      promiseRef.current(state);
-      promiseRef.current = null;
-    }
-  }, [state]);
-  return [state, setStatePromise];
-};
-export default usePromiseState;

package/es/lowcode/painter/DesignOperator.js

@@ -1,271 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useEffect, useState } from 'react';
-import { last, initial } from 'lodash';
-import { useEventListener, useSetState, useMemoizedFn, useCreation, useSize, useLatest } from 'ahooks';
-import { Icon, Dropdown, message } from 'luck-design/antd';
-import { cloneDeep, reverse } from 'lodash';
-import { suid } from '@luck-design-biz/base/utils';
-import { useLDContext } from "../engine/provider/ContextProvider";
-import { add, deleteById } from "../engine/tools/dataProcess";
-import { CELL_KEY, CELL_CLASS_NAME } from "../constants";
-import styles from "./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 = useLDContext();
-  var size = useSize(target);
-  var _useState = useState(suid()),
-    _useState2 = _slicedToArray(_useState, 2),
-    positionKey = _useState2[0],
-    setPositionKey = _useState2[1];
-  var _useSetState = useSetState({
-      selector: null,
-      detector: null
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    operatorId = _useSetState2[0],
-    setOperatorId = _useSetState2[1];
-  var lastSelectorId = useLatest(operatorId.selector);
-  var currentModal = useRef(null);
-  var getDomById = useMemoizedFn(function (id) {
-    return context.componentMap.get(id).dom;
-  });
-  var handleSelect = useMemoizedFn(function (_key) {
-    context.$publisher(context.topics.COMPONENT_ACTIVE, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleHover = useMemoizedFn(function (_key) {
-    context.$publisher(context.topics.COMPONENT_HOVER, _key ? {
-      id: _key
-    } : null);
-  });
-  var handleDelete = useMemoizedFn(function (_ref2) {
-    var id = _ref2.id,
-      parentId = _ref2.parentId;
-    context.$publisher(context.topics.COMPONENT_ACTIVE, null);
-    var cloneData = cloneDeep(context.pageData);
-    deleteById(cloneData, id);
-    context._setPageData(cloneData).then(function (newData) {
-      context.$publisher(context.topics.COMPONENT_DELETE, {
-        id: id,
-        parentId: parentId,
-        pageData: newData
-      });
-    });
-  });
-  var addComponent = useMemoizedFn(function (data, targetId) {
-    var json = require("../engine/meta/".concat(data.component.toLowerCase(), ".props.default.json"));
-    var _id = "".concat(data.component.toLowerCase(), "_").concat(suid());
-    var cloneData = cloneDeep(context.pageData);
-    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 = useCreation(function () {
-    if (!operatorId.selector) return null;
-    var levelNodes = context.componentMap.get(operatorId.selector).api.getLevelNodes();
-    return {
-      props: last(levelNodes),
-      menu: /*#__PURE__*/React.createElement("div", {
-        className: styles['next-overlay-wrapper'],
-        onMouseLeave: function onMouseLeave() {
-          return handleHover();
-        }
-      }, reverse(initial(levelNodes)).map(function (m) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: m.id
-        }, /*#__PURE__*/React.createElement("span", {
-          onClick: function onClick() {
-            return handleSelect(m.id);
-          },
-          onMouseOver: function onMouseOver() {
-            return handleHover(m.id);
-          }
-        }, m.name));
-      }))
-    };
-  }, [operatorId.selector]);
-  var lastDetectorNode = useCreation(function () {
-    return operatorId.detector ? last(context.componentMap.get(operatorId.detector).api.getLevelNodes()) : null;
-  }, [operatorId.detector]);
-  useEventListener('mousemove', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(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
-  });
-  useEventListener('mouseleave', function () {
-    if (operatorId.detector) {
-      setOperatorId({
-        detector: null
-      });
-      context.$publisher(context.topics.COMPONENT_HOVER, null);
-    }
-  }, {
-    target: target
-  });
-  useEventListener('click', function (event) {
-    var elem = event.target;
-    var targetCell = elem.closest(".".concat(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
-  });
-  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, CELL_KEY.PAGE_ROOT);
-        return;
-      }
-      if (!lastSelectorId.current) {
-        message.info('请在右侧画布选择节点');
-        return;
-      }
-      if (context.componentMap.get(lastSelectorId.current).dom.getAttribute('name') !== 'box') {
-        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);
-    };
-  }, []);
-  useEffect(function () {
-    var crid = context.$subscriber(context.topics.COMPONENT_REPOSITIONING).on(function (payload) {
-      if (payload.id === operatorId.selector) setPositionKey(suid());
-    }).watch();
-    return function () {
-      context.$unsubscriber(context.topics.COMPONENT_REPOSITIONING, crid);
-    };
-  }, [operatorId.selector]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, operatorId.detector && /*#__PURE__*/React.createElement("div", {
-    id: "lc-detector",
-    className: styles['lc-painter-design-detector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.detector))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['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.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: styles['lc-painter-design-selector'],
-    style: getOperatorStyle(target.current, getDomById(operatorId.selector))
-  }, acticeProps && /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-borders-actions'],
-    style: acticeProps.props.id === 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.createElement(Dropdown, {
-    overlay: acticeProps.menu,
-    placement: "bottomLeft"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "instance-node-selector"
-  }, acticeProps.props.name)), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      return handleDelete(acticeProps.props);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "delete"
-  })))));
-};
-export default DesignOperator;

package/es/lowcode/painter/DesignToolbar.js

@@ -1,91 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { Select, Button, Icon, Divider } from 'luck-design/antd';
-import { useLDContext } from "../engine/provider/ContextProvider";
-import { CELL_KEY } from "../constants";
-import styles from "./style/design.less";
-var DesignToolbar = function DesignToolbar(_ref) {
-  var locale = _ref.locale,
-    onLangChange = _ref.onLangChange;
-  var context = useLDContext();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    langList = _useState2[0],
-    setLangList = _useState2[1];
-  var _useState3 = useState('pc'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activedTarget = _useState4[0],
-    setActivedTarget = _useState4[1];
-  useEffect(function () {
-    var topicId = context.$subscriber(context.topics.LANG_SETTING_SELECT).on(function (_ref2) {
-      var _langList = _ref2.langList;
-      return setLangList(_langList);
-    }).watch();
-    return function () {
-      return context.$unsubscriber(context.topics.LANG_SETTING_SELECT, topicId);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-design-toolbar']
-  }, /*#__PURE__*/React.createElement(Select, {
-    size: "small",
-    value: langList ? locale : undefined,
-    className: styles['i18n-selecter'],
-    style: {
-      fontSize: 12
-    },
-    onSelect: onLangChange
-  }, langList === null || langList === void 0 ? void 0 : langList.map(function (item) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: item.field,
-      value: item.field
-    }, item.title);
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'pc')),
-    onClick: function onClick() {
-      return setActivedTarget('pc');
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "laptop"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile')),
-    onClick: function onClick() {
-      return setActivedTarget('mobile');
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "mobile"
-  })), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: 'auto',
-      fontSize: 12
-    },
-    className: styles['toolbar-item'],
-    onClick: function onClick() {
-      context.$publisher(context.topics.COMPONENT_ACTIVE, {
-        id: CELL_KEY.PAGE_ROOT
-      });
-    }
-  }, "\u9875\u9762\u5C5E\u6027"), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    style: {
-      fontSize: 12,
-      margin: '0 2px'
-    }
-  }, "\u9884\u89C8"), /*#__PURE__*/React.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    style: {
-      fontSize: 12,
-      margin: '0 0 0 2px'
-    }
-  }, "\u4FDD\u5B58"));
-};
-export default DesignToolbar;