@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/es/lowcode/view/lc-components/Tabs/index.js

@@ -1,126 +1,21 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
 import React, { useRef } from 'react';
-import { findDOMNode } from 'react-dom';
-import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation, useMount, useUnmount } from 'ahooks';
-import styled from 'styled-components';
-import { Tabs } from 'luck-design/antd';
-import { useContext } from "../../../engine/provider/ContextProvider";
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import LdRuntimeCom from "../../../../components/LdRuntimeCom";
-import { omitBadProps } from "../../../engine/tools/helper";
-import defaultMeta from "../../../engine/meta/tabs.props.default.json";
-var StyledTabs = styled(Tabs).withConfig({
-  displayName: "StyledTabs",
-  componentId: "luckda-6530__sc-ht1jge-0"
-})([".ant-tabs-content{", "}", ""], function (props) {
-  return props.type === 'line' ? 'height: calc(100% - 62px);' : 'height: calc(100% - 56px);';
-}, function (props) {
-  return props.$css;
-});
 var LCTabs = function LCTabs(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    items = _ref.items,
-    type = _ref.type,
-    tabPosition = _ref.tabPosition,
-    tabBarGutter = _ref.tabBarGutter,
-    tabBarExtraContent = _ref.tabBarExtraContent,
-    css = _ref.css,
-    advance = _ref.advance;
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
-  var ctx = useContext();
-  var _defaultActiveKey = useCreation(function () {
-    var _items$find;
-    return (_items$find = items.find(function (_ref2) {
-      var active = _ref2.active;
-      return active;
-    })) === null || _items$find === void 0 ? void 0 : _items$find.id;
-  }, [items]);
-  useMount(function () {
-    ctx.doAction(advance.events.onMount, {
-      instance: ref.current
-    });
-  });
-  useUnmount(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: ref.current
-    });
-  });
-  var handleTabClick = useMemoizedFn(function (tabKey, e) {
-    ctx.doAction(advance.events.onTabClick, {
-      tabKey: tabKey,
-      e: e
-    });
-  });
   var getTargetDom = useMemoizedFn(function () {
-    return findDOMNode(ref.current);
+    return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Tabs",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement(StyledTabs, {
-    ref: ref,
-    defaultActiveKey: _defaultActiveKey,
-    type: type,
-    tabPosition: tabPosition,
-    tabBarGutter: tabBarGutter,
-    tabBarExtraContent: tabBarExtraContent ? /*#__PURE__*/React.createElement(LdRuntimeCom, null, tabBarExtraContent) : null,
-    $css: css,
-    onTabClick: handleTabClick
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
-      tab: item.name,
-      key: item.id,
-      forceRender: item.destory
-    }, children === null || children === void 0 ? void 0 : children.find(function (child) {
-      return child.props.tabId === item.id;
-    }));
-  })));
-};
-LCTabs.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * @name 标签项
-   * @type _TabItems
-   */
-  items: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    name: PropTypes.string,
-    active: PropTypes.bool,
-    destory: PropTypes.bool,
-    serial: PropTypes.string,
-    serialEffect: PropTypes.oneOf[('hidden', 'disable')]
-  })),
-  /**
-   * @name 基本样式
-   * @type segmented
-   * @options [{"label": "线条式","value": "line"},{"label": "卡片式","value": "card"}]
-   * @default "line"
-   */
-  type: PropTypes.oneOf(['line', 'card']),
-  /**
-   * @name 页签位置
-   * @type segmented
-   * @options [{"label": "上","value": "top"},{"label": "右","value": "right"},{"label": "下","value": "bottom"},{"label": "左","value": "left"}]
-   * @default "top"
-   */
-  tabPosition: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-  /**
-   * @name Tab间隙
-   * @type number
-   */
-  tabBarGutter: PropTypes.number,
-  /**
-   * @name tab bar 上额外的元素
-   * @type _JSEditor
-   */
-  tabBarExtraContent: PropTypes.node
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCTabs", children));
 };
-LCTabs.defaultProps = omitBadProps(defaultMeta);
 export default LCTabs;

package/es/lowcode/view/lc-components/Text/index.js

@@ -12,7 +12,6 @@ var LCText = function LCText(_ref) {
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Text",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/es/lowcode/view/lc-components/Tree/index.js

@@ -1,409 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
-import React, { useRef, useImperativeHandle, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation } from 'ahooks';
-import classNames from 'classnames';
-import { isNil, keyBy } from 'lodash';
-import { Modal, recheck, IconFont } from '@luck-design-biz/base';
-import { suid } from '@luck-design-biz/base/utils';
-import { useContext } from "../../../engine/provider/ContextProvider";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import { LdTree } from "../../../../index";
-import { omitBadProps, executeCode } from "../../../engine/tools/helper";
-import defaultMeta from "../../../engine/meta/tree.props.default.json";
-import styles from "./index.less";
-var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
-    wrapperRef = _ref.wrapperRef,
-    className = _ref.className,
-    dataset = _ref.dataset,
-    width = _ref.width,
-    height = _ref.height,
-    showLine = _ref.showLine,
-    defaultExpandDeep = _ref.defaultExpandDeep,
-    actions = _ref.actions,
-    editable = _ref.editable,
-    showRootAdd = _ref.showRootAdd,
-    onlyRoot = _ref.onlyRoot,
-    rootAddSetting = _ref.rootAddSetting,
-    doubleClickExpand = _ref.doubleClickExpand,
-    onDoubleClick = _ref.onDoubleClick,
-    _treeNodeCheckable = _ref.treeNodeCheckable,
-    _treeNodeDisableCheckbox = _ref.treeNodeDisableCheckbox,
-    _treeNodeDisable = _ref.treeNodeDisable,
-    onTreeNodeRender = _ref.onTreeNodeRender,
-    _treeNodeIcon = _ref.treeNodeIcon,
-    advance = _ref.advance,
-    cancelSelect = _ref.cancelSelect,
-    defaultSelect = _ref.defaultSelect,
     props = _objectWithoutProperties(_ref, _excluded);
-  var ctx = useContext();
-  var boxRef = useRef();
-  var apiRef = useRef();
-  var treeRef = useRef();
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
+  var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
-    return boxRef.current;
+    return ref.current;
   });
-  useImperativeHandle(apiRef, function () {
-    return {
-      getInstance: function getInstance() {
-        return treeRef.current;
-      }
-    };
-  });
-  useEffect(function () {
-    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref2) {
-      var resource = _ref2.resource,
-        prevResource = _ref2.prevResource;
-      ctx.doAction(advance.events.onPagePublicResourceChanged, {
-        resource: resource,
-        prevResource: prevResource,
-        instance: treeRef.current
-      });
-    }).watch();
-    return function () {
-      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
-    };
-  }, []);
-  var handleMount = useMemoizedFn(function (params) {
-    ctx.doAction(advance.events.onMount, {
-      params: params
-    });
-  });
-  var handleUnmount = useMemoizedFn(function () {
-    ctx.doAction(advance.events.onUnmount);
-  });
-  var handleProcessDataSource = useMemoizedFn(function (data) {
-    ctx.doAction(advance.events.processDataSource, {
-      data: data
-    });
-  });
-  var handleNodeDoubleClick = useMemoizedFn(function (e, rowData) {
-    ctx.doAction(advance.events.onDoubleClick, {
-      e: e,
-      rowData: rowData
-    });
-  });
-  var handleCheck = useMemoizedFn(function (checkedKeys, e) {
-    ctx.doAction(advance.events.onCheck, {
-      checkedKeys: checkedKeys,
-      e: e
-    });
-  });
-  var handleDrop = useMemoizedFn(function (info, dragInfo) {
-    ctx.doAction(advance.events.onCheck, {
-      info: info,
-      dragInfo: dragInfo
-    });
-  });
-  var events = useCreation(function () {
-    if (advance !== null && advance !== void 0 && advance.events) {
-      var _events = {};
-      if (advance.events.onMount) _events.onMount = handleMount;
-      if (advance.events.onUnmount) _events.onUnmount = handleUnmount;
-      if (advance.events.processDataSource) _events.dataToTreeFormat = handleProcessDataSource;
-      if (advance.events.onDoubleClick) _events.onNodeDoubleClick = handleNodeDoubleClick;
-      if (advance.events.onCheck) _events.onCheck = handleCheck;
-      if (advance.events.onDrop) _events.onDrop = handleDrop;
-      return _events;
-    }
-    return {};
-  }, [advance === null || advance === void 0 ? void 0 : advance.events]);
-  var handleSelect = useMemoizedFn(function (_selectedKeys, e) {
-    if (cancelSelect || e.selected) {
-      setSelectedKeys(_selectedKeys);
-      ctx.setPagePublicResource(_defineProperty({}, id, {
-        selectedNodes: e.selectedNodes.map(function (i) {
-          var _i$props;
-          return (i === null || i === void 0 || (_i$props = i.props) === null || _i$props === void 0 ? void 0 : _i$props.dataRef) || i;
-        })
-      }));
-    }
-    ctx.doAction(advance.events.onSelect, {
-      checkedKeys: _selectedKeys,
-      e: e
-    });
-  });
-  var afterInit = useMemoizedFn(function (treeData, data) {
-    var selected = !isNil(defaultSelect) ? executeCode(ctx, defaultSelect, ['treeData'], treeData) : null;
-    selected && handleSelect(selected, {
-      selected: true,
-      selectedNodes: selected.map(function (key) {
-        return keyBy(data, PRIMARY)[key];
-      })
-    });
-  });
-  var handleAction = function handleAction(action, params) {
-    var doAction = function doAction() {
-      ctx.doAction(action.actionPool, params);
-    };
-    if (action.riskLevel === 'danger') {
-      Modal.confirm({
-        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
-        onOk: doAction
-      });
-    } else if (action.riskLevel === 'destroy') {
-      recheck({
-        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
-        checkWords: "\u6267\u884C".concat(action.name),
-        onOk: doAction
-      });
-    } else {
-      doAction();
-    }
-  };
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Tree",
-    getTargetDom: getTargetDom,
-    api: apiRef
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
-    ref: boxRef,
-    style: {
-      width: width,
-      height: height
-    }
-  }, /*#__PURE__*/React.createElement(LdTree, _extends({
-    width: "100%",
-    height: "100%",
-    id: id,
-    ldId: id,
-    ref: treeRef,
-    className: classNames(styles['lc-component-tree'], _defineProperty({}, className, !!className)),
-    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
-    showLine: showLine,
-    readOnly: !editable,
-    defaultExpandDeep: defaultExpandDeep === 'all' ? defaultExpandDeep : Number(defaultExpandDeep),
-    rootAdd: showRootAdd ? {
-      resource: rootAddSetting.serial,
-      onClick: function onClick() {
-        return ctx.doAction(rootAddSetting.actionPool);
-      }
-    } : null,
-    onlyRoot: onlyRoot,
-    rightMenus: function rightMenus() {
-      return actions.todoList.map(function (action) {
-        return {
-          key: suid(),
-          name: action.name,
-          onClick: function onClick(_, data) {
-            handleAction(action, {
-              data: data,
-              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
-            });
-          },
-          resource: action.serial,
-          style: action.riskLevel === 'default' ? null : {
-            color: {
-              danger: '#ff7875',
-              destroy: '#ff4d4f'
-            }[action.riskLevel]
-          }
-        };
-      });
-    },
-    doubleClickExpand: doubleClickExpand,
-    treeNodeCheckable: function treeNodeCheckable(i) {
-      if (isNil(_treeNodeCheckable)) return props.checkable;
-      return executeCode(ctx, _treeNodeCheckable, ['item'], i);
-    },
-    treeNodeDisableCheckbox: function treeNodeDisableCheckbox(i) {
-      if (isNil(_treeNodeDisableCheckbox)) return false;
-      return executeCode(ctx, _treeNodeDisableCheckbox, ['item'], i);
-    },
-    treeNodeDisable: function treeNodeDisable(i) {
-      if (isNil(_treeNodeDisable)) return false;
-      return executeCode(ctx, _treeNodeDisable, ['item'], i);
-    },
-    treeNodeIcon: function treeNodeIcon(node) {
-      if (!_treeNodeIcon || _treeNodeIcon.length === 0) return null;
-      var icon = null;
-      _treeNodeIcon.forEach(function (i) {
-        if (i.condition && executeCode(ctx, i.condition, ['item'], node)) {
-          icon = i.icon;
-        }
-      });
-      return icon ? /*#__PURE__*/React.createElement(IconFont, {
-        type: icon
-      }) : false;
-    },
-    onTreeNodeRender: onTreeNodeRender ? function (title, i) {
-      return executeCode(ctx, onTreeNodeRender, ['title', 'item'], title, i);
-    } : null,
-    selectedKeys: selectedKeys,
-    onSelect: handleSelect,
-    afterInit: afterInit
-  }, events, props))));
-};
-LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: PropTypes.shape({
-    code: PropTypes.string.isRequired,
-    uid: PropTypes.string.isRequired
-  }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
-   */
-  title: PropTypes.string,
-  /**
-   * @name 是否只读
-   * @type boolean
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
-   */
-  draggable: PropTypes.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
-   */
-  asyncLoad: PropTypes.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
-   */
-  iparentid: PropTypes.string,
-  /**
-   * @name 宽度
-   * @type string
-   */
-  width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type string
-   */
-  height: PropTypes.string,
-  /**
-   * @name 显示线
-   * @type bool
-   */
-  showLine: PropTypes.bool,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  treeNodeTitle: PropTypes.string,
-  /**
-   * @name 展示字段
-   * @type string
-   */
-  defaultExpandDeep: PropTypes.string,
-  /**
-   * @name 显示图标
-   * @type bool
-   */
-  showIcon: PropTypes.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
-   */
-  treeNodeIcon: PropTypes.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
-   */
-  showRootAdd: PropTypes.bool,
-  /**
-   * @name 是否只有唯一一个根节点
-   * @type bool
-   */
-  onlyRoot: PropTypes.bool,
-  /**
-   * @name 根节点配置
-   * @type object
-   */
-  rootAddSetting: PropTypes.object,
-  /**
-   * @name 节点操作项
-   * @type object
-   */
-  actions: PropTypes.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
-   */
-  doubleClickExpand: PropTypes.bool,
-  /**
-   * @name 复选框
-   * @type bool
-   */
-  checkable: PropTypes.bool,
-  /**
-   * @name 节点是否有复选框
-   * @type _JSEditor
-   * @default "function treeNodeCheckable(item) { \n return true; \n}"
-   */
-  treeNodeCheckable: PropTypes.string,
-  /**
-   * @name 节点复选框是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
-   */
-  treeNodeDisableCheckbox: PropTypes.string,
-  /**
-   * @name 节点是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisable(item) { \n return false; \n}"
-   */
-  treeNodeDisable: PropTypes.string,
-  /**
-   * @name 节点定制渲染
-   * @type _JSEditor
-   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
-   */
-  onTreeNodeRender: PropTypes.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
-   */
-  onMount: PropTypes.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
-   */
-  onUnmount: PropTypes.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
-   */
-  processDataSource: PropTypes.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
-   */
-  onDoubleClick: PropTypes.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
-   */
-  onCheck: PropTypes.string,
-  /**
-   * @name 选中事件
-   * @type _JSEditor
-   */
-  onSelect: PropTypes.string
+    ref: ref
+  }, "LCTree"));
 };
-LCTree.defaultProps = omitBadProps(defaultMeta);
 export default LCTree;

package/es/lowcode/view/lc-components/Wrapper.js

@@ -1,69 +1,45 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useEffect } from 'react';
-import { useLatest, useCreation } from 'ahooks';
-import { omit } from 'lodash';
-import { useContext, useGet, getLevelNodes as _getLevelNodes, getSelfAndParent } from "../../engine/provider/ContextProvider";
-import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT, RUNTIME } from "../../constants";
-import DragDropWrapper from "../../painter/components/DragDrop/DragDropWrapper";
+import React, { useEffect, useRef } from 'react';
+import { useLDContext } from "../../engine/provider/ContextProvider";
+import { findNodeAndParent } from "../../engine/tools/dataProcess";
+import { CELL_CLASS_NAME } from "../../constants";
 var LCWrapper = function LCWrapper(_ref) {
   var id = _ref.id,
-    displayName = _ref.displayName,
     children = _ref.children,
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
-  var ctx = useContext();
-  var selfData = useGet({
-    id: id
+  var context = useLDContext();
+  var _apiRef = useRef({
+    getSelfAndParentLCData: function getSelfAndParentLCData() {
+      return findNodeAndParent(id, context.pageData);
+    }
   });
-  var _selfData = useLatest(selfData);
-  useCreation(function () {
-    var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
-    var _api = {
-      self: children,
-      getSelfData: function getSelfData() {
-        return _selfData.current;
-      },
-      getSelfDom: getTargetDom,
-      getSelfAndParentData: function getSelfAndParentData() {
-        return getSelfAndParent(id);
-      },
-      getLevelNodes: function getLevelNodes() {
-        return _getLevelNodes(id);
-      }
-    };
-    ctx._register(id, new Proxy({
-      meta: omit(meta, ['props', 'css', 'advance'])
+  useEffect(function () {
+    var dom = getTargetDom();
+    if (dom) {
+      dom.setAttribute('id', id);
+      dom.classList.add(CELL_CLASS_NAME);
+    }
+    context.register(id, new Proxy({
+      dom: dom
     }, {
       get: function get(target, property, receiver) {
         if (property === 'api') {
-          return api ? _objectSpread(_objectSpread({}, _api), api.current) : _api;
+          return api ? _objectSpread(_objectSpread({}, _apiRef.current), api.current) : _apiRef.current;
         }
         return Reflect.get(target, property, receiver);
       }
     }));
-  }, []);
-  useEffect(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.setAttribute(LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT);
-    }
-    ctx.$publisher(ctx.topics.COMPONENT_MOUNT, {
+    context.$publisher(context.topics.COMPONENT_MOUNT, {
       id: id
     });
     return function () {
-      ctx._unregister(id);
-      ctx.$publisher(ctx.topics.COMPONENT_UNMOUNT, {
+      context.unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
         id: id
       });
     };
   }, []);
-  if (ctx.runtime === RUNTIME.DESIGN) {
-    return /*#__PURE__*/React.createElement(DragDropWrapper, {
-      id: id,
-      getTargetDom: getTargetDom
-    }, children);
-  }
   return children;
 };
 export default LCWrapper;

package/es/lowcode/view/style/page.less

@@ -2,7 +2,5 @@
   position: relative;
   width: 100%;
   height: 100%;
-}
-.lc-view-page.isloading {
   overflow: hidden;
-}
+}