@luck-design-biz/luckda 1.0.0-alpha → 1.0.1-10

package/lib/lowcode/view/lc-components/GroupTree/FunctionDesign.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/GroupTree/FunctionLive.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/GroupTree/FunctionPreview.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionPreview = function FunctionPreview(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionPreview;

package/lib/lowcode/view/lc-components/GroupTree/index.js

@@ -0,0 +1,209 @@
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _services = require("@luck-design-biz/base/sys/services");
+var _utils = require("@luck-design-biz/base/utils");
+var _helper = require("../../../engine/tools/helper");
+var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
+var TreeBox = _styledComponents.default.div.withConfig({
+  displayName: "TreeBox",
+  componentId: "luckda-6530__sc-83o9ul-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var Title = _styledComponents.default.div.withConfig({
+  displayName: "Title",
+  componentId: "luckda-6530__sc-83o9ul-1"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0 8px;", ""], function (props) {
+  return props.$theme === 'base' ? "\n      height: 36px;\n      color: #1a1a1a;\n      font-weight: 500;\n      font-size: 16px;\n      border-bottom: 1px solid #f1f2f5;\n    " : "\n      height: 42px;\n      color: var(--ant-primary-color);\n      font-size: 14px;\n      border-bottom: 2px solid var(--ant-primary-color);\n    ";
+});
+var GroupTree = (0, _styledComponents.default)(_antd.Tree).withConfig({
+  displayName: "GroupTree",
+  componentId: "luckda-6530__sc-83o9ul-2"
+})([""]);
+var TreeNode = _antd.Tree.TreeNode;
+var LCGroupTree = function LCGroupTree(_ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    groupClass = _ref.groupClass,
+    defaultExpandAll = _ref.defaultExpandAll,
+    onlySelectLeaf = _ref.onlySelectLeaf,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
+    css = _ref.css,
+    advance = _ref.advance;
+  var ctx = (0, _ContextProvider.useContext)();
+  var ref = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedKeys = _useState4[0],
+    setSelectedKeys = _useState4[1];
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    loading = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse;
+  var latestOnlySelectLeaf = (0, _ahooks.useLatest)(onlySelectLeaf);
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
+      ctx.doAction(advance.events.onSelect, {
+        selectedKeys: _selectedKeys,
+        e: e
+      });
+    }
+  });
+  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _yield$noAuthReadAllB, code, list, detail, treeData, firstNode, _selectKey;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(0, _lodash.isNil)(groupClass)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          setTrue();
+          _context.next = 5;
+          return (0, _services.noAuthReadAllBySkey)({
+            sclassKey: groupClass
+          });
+        case 5:
+          _yield$noAuthReadAllB = _context.sent;
+          code = _yield$noAuthReadAllB.code;
+          list = _yield$noAuthReadAllB.list;
+          detail = _yield$noAuthReadAllB.detail;
+          if (code === 1 && list.length > 0) {
+            treeData = (0, _utils.dataToTree)(list.map(function (_id) {
+              return detail[_id];
+            }));
+            firstNode = latestOnlySelectLeaf.current ? (0, _helper.findFirstLeafNode)(treeData[0]) : treeData[0];
+            if (!(0, _lodash.isNil)(defaultSelect)) {
+              _selectKey = (0, _helper.executeCode)(ctx, defaultSelect, ['treeData', 'firstNode'], treeData, firstNode);
+              if (_selectKey) {
+                handleSelect([_selectKey], {
+                  selected: true,
+                  selectedNodes: [detail[_selectKey]]
+                });
+              }
+            }
+            setDataSource(treeData);
+          } else {
+            setDataSource(null);
+          }
+          setFalse();
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [groupClass]);
+  var renderTreeNode = (0, _ahooks.useMemoizedFn)(function (items) {
+    return items.map(function (item) {
+      var _item$children;
+      if (((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        return /*#__PURE__*/_react.default.createElement(TreeNode, {
+          title: item.sname,
+          key: item.id,
+          dataRef: item,
+          selectable: !onlySelectLeaf,
+          disabled: onlySelectLeaf
+        }, renderTreeNode(item.children));
+      }
+      return /*#__PURE__*/_react.default.createElement(TreeNode, {
+        title: item.sname,
+        key: item.id,
+        dataRef: item,
+        selectable: true,
+        isLeaf: true
+      });
+    });
+  });
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    displayName: "GroupTree",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(TreeBox, {
+    ref: ref,
+    $css: css
+  }, title ? /*#__PURE__*/_react.default.createElement(Title, {
+    $theme: document.body.getAttribute('luck-theme')
+  }, title) : null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    spinning: loading
+  }, dataSource ? /*#__PURE__*/_react.default.createElement(GroupTree, {
+    blockNode: true,
+    defaultExpandAll: defaultExpandAll,
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect
+  }, renderTreeNode(dataSource)) : /*#__PURE__*/_react.default.createElement(_antd.Empty, {
+    style: {
+      margin: '8px 0'
+    }
+  }))));
+};
+LCGroupTree.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
+   */
+  title: _propTypes.default.string,
+  /**
+   * @name 组维度
+   * @type _GroupClassSelector
+   */
+  groupClass: _propTypes.default.string,
+  /**
+   * @name 默认展开全部
+   * @type switch
+   */
+  defaultExpandAll: _propTypes.default.bool,
+  /**
+   * @name 仅叶子可选
+   * @type switch
+   */
+  onlySelectLeaf: _propTypes.default.bool,
+  /**
+  * @name 允许取消选中
+  * @type switch
+  */
+  cancelSelect: cancelSelect,
+  /**
+   * @name 允许取消选中
+   * @type _JSEditor
+   */
+  defaultSelect: _propTypes.default.string
+};
+LCGroupTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
+var _default = exports.default = LCGroupTree;

package/lib/lowcode/view/lc-components/GroupTree/meta.json

@@ -0,0 +1,89 @@
+{
+  "component": "GroupTree",
+  "name": "组织树",
+  "desc": "用于展示组织维度层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "groupClass",
+      "name": "组维度",
+      "type": "_GroupClassSelector"
+    },
+    {
+      "key": "defaultExpandAll",
+      "name": "默认展开全部",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "onlySelectLeaf",
+      "name": "仅叶子可选",
+      "desc": "仅叶子节点可被选中，父节点不可选中",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "cancelSelect",
+      "name": "允许取消选中",
+      "desc": "是否可以取消选中",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "defaultSelect",
+      "name": "默认选中",
+      "desc": "返回默认选中的数据主键",
+      "type": "_JSEditor",
+      "defaultCode": "function defaultSelect(treeData, firstNode) { \n return firstNode.id; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "css": "width: 100%; height: 100%;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(params) {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "双击事件",
+        "desc": "树节点双击事件",
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Iframe/meta.json

@@ -1,32 +1,33 @@
-{
-  "component": "Iframe",
-  "name": "Iframe",
-  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
-  "icon": "icon-iframe",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "path",
-      "name": "网页路径",
-      "desc": "iframe打开的网页路径",
-      "type": "string"
-    },
-    {
-      "key": "supportFullScreen",
-      "name": "支持全屏",
-      "desc": "是否支持全屏展示",
-      "type": "boolean",
-      "default": true
-    }
-  ],
-  "css": {},
-  "advance": {}
-}
+{
+  "component": "Iframe",
+  "name": "Iframe",
+  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
+  "icon": "icon-iframe",
+  "group": "basic",
+  "groupName": "基础",
+  "hidden": true,
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "path",
+      "name": "网页路径",
+      "desc": "iframe打开的网页路径",
+      "type": "string"
+    },
+    {
+      "key": "supportFullScreen",
+      "name": "支持全屏",
+      "desc": "是否支持全屏展示",
+      "type": "boolean",
+      "default": true
+    }
+  ],
+  "css": "",
+  "advance": {}
+}