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

package/lib/lowcode/view/lc-components/Tabs/meta.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/view/lc-components/Text/FunctionDesign.js

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Text/meta.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/view/lc-components/Tree/FunctionDesign.js

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

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

@@ -0,0 +1,16 @@
+"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 _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.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Tree/meta.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/view/lc-components/Wrapper.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = require("react");
+var _ahooks = require("ahooks");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _dataProcess = require("../../engine/tools/dataProcess");
 var _constants = require("../../constants");
@@ -16,29 +17,37 @@ var LCWrapper = function LCWrapper(_ref) {
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
   var context = (0, _ContextProvider.useLDContext)();
-  var _apiRef = (0, _react.useRef)({
-    getSelfAndParentLCData: function getSelfAndParentLCData() {
-      return (0, _dataProcess.findNodeAndParent)(id, context.pageData);
-    }
-  });
+  var _pageData = (0, _ahooks.useLatest)(context.pageData);
+  var _api = (0, _ahooks.useCreation)(function () {
+    return {
+      getSelfAndParentLCData: function getSelfAndParentLCData() {
+        return (0, _dataProcess.findNodeAndParent)(id, _pageData.current);
+      },
+      getLevelNodes: function getLevelNodes() {
+        return (0, _dataProcess.getPathNodesById)(_pageData.current, id);
+      }
+    };
+  }, []);
   (0, _react.useEffect)(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.classList.add(_constants.CELL_CLASS_NAME);
-    }
-    context.register(id, new Proxy({
-      dom: dom
-    }, {
-      get: function get(target, property, receiver) {
-        if (property === 'api') {
-          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _apiRef.current), api.current) : _apiRef.current;
-        }
-        return Reflect.get(target, property, receiver);
+    setTimeout(function () {
+      var dom = getTargetDom();
+      if (dom) {
+        dom.setAttribute('id', id);
+        dom.classList.add(_constants.CELL_CLASS_NAME);
       }
-    }));
-    context.$publisher(context.topics.COMPONENT_MOUNT, {
-      id: id
+      context.register(id, new Proxy({
+        dom: dom
+      }, {
+        get: function get(target, property, receiver) {
+          if (property === 'api') {
+            return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
+          }
+          return Reflect.get(target, property, receiver);
+        }
+      }));
+      context.$publisher(context.topics.COMPONENT_MOUNT, {
+        id: id
+      });
     });
     return function () {
       context.unregister(id);

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

@@ -2,5 +2,4 @@
   position: relative;
   width: 100%;
   height: 100%;
-  overflow: hidden;
 }

package/lib/upload/Form/gridForm.js

@@ -385,7 +385,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
         return (0, _utils.beforeUpload)({
           file: file,
           fileList: fileList,
-          forbiddenTypes: forbiddenTypes,
+          supportUploadTypes: supportUploadTypes,
           beforeUpload: _beforeUpload
         });
       }

package/lib/utils/grid.js

@@ -10,6 +10,7 @@ exports.getGridColumn = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _umi = require("umi");
 var _lodash = require("lodash");
 var _antd = require("luck-design/antd");
@@ -61,7 +62,7 @@ function getColumnRender(name, type) {
       break;
     case 'switch':
       render = function render(text) {
-        return /*#__PURE__*/React.createElement(_antd.Switch, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Switch, {
           checked: !!text,
           size: "small"
         });
@@ -69,16 +70,16 @@ function getColumnRender(name, type) {
       break;
     case 'color':
       render = function render(text) {
-        return /*#__PURE__*/React.createElement(_antd.Tag, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
           color: text
         }, text);
       };
       break;
     case 'region':
       render = function render(text, record) {
-        return record["".concat(name, "_virtual")] || text ? text.map(function (i) {
+        return record["".concat(name, "_virtual")] || (text ? ((0, _lodash.isString)(text) ? JSON.parse(text) : text).map(function (i) {
           return i.name;
-        }).join('/') : undefined;
+        }).join('/') : undefined);
       };
       break;
     case 'upload':
@@ -91,7 +92,7 @@ function getColumnRender(name, type) {
             previewUrl: "".concat(_ApiConfig.default.LUCKDA_HOST).concat(file.previewUrl)
           };
         });
-        return /*#__PURE__*/React.createElement(_GridCell.default, {
+        return /*#__PURE__*/_react.default.createElement(_GridCell.default, {
           fileList: fileList
         });
       };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@luck-design-biz/luckda",
-  "version": "0.0.23",
+  "version": "0.0.24-2",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
     "build": "umi build",
-    "build-biz": "father build",
+    "build-biz": "npm run meta && father build",
     "async": "npm run build-biz && yalc push",
     "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx",
     "release": "npm run build-biz && npm publish",
@@ -46,16 +46,24 @@
     "**/*.{js,ts,jsx,tsx}": "npm run lint-staged:js"
   },
   "dependencies": {
+    "@ahooksjs/use-url-state": "^3.5.1",
     "@babel/runtime": "^7.18.9",
     "@babel/standalone": "^7.24.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "ahooks": "^3.7.0",
     "classnames": "^2.3.1",
     "lodash": "^4.17.11",
     "lz-string": "^1.5.0",
     "moment": "^2.24.0",
+    "monaco-editor": "0.30.*",
+    "postcss": "^8.4.38",
     "prop-types": "^15.8.1",
     "querystring": "^0.2.0",
-    "react": "^16.12.0"
+    "react": "^16.12.0",
+    "react-color": "^2.19.3",
+    "styled-components": "^6.1.8"
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^0.0.7",
@@ -66,9 +74,9 @@
     "@babel/plugin-proposal-decorators": "^7.20.2",
     "@babel/plugin-transform-strict-mode": "^7.18.6",
     "@babel/polyfill": "^7.12.1",
-    "@luck-design-biz/base": "0.0.40",
+    "@luck-design-biz/base": "0.0.42-3",
     "@luck-design-biz/bpm": "0.0.3",
-    "@luck-helper/ui-design": "0.0.4",
+    "@luck-helper/ui-design": "0.0.5-1",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.14",
     "@types/history": "^4.7.11",
@@ -108,7 +116,8 @@
     "js-cookie": "^2.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^11.2.6",
-    "luck-design": "0.1.72",
+    "luck-design": "0.1.74-1",
+    "monaco-editor-webpack-plugin": "6.*.*",
     "node-fetch": "^2.6.7",
     "nprogress": "^0.2.0",
     "only-allow": "^1.1.1",

package/es/lowcode/engine/meta/modal.props.default.json

@@ -1,11 +0,0 @@
-{
-  "title": "对话框",
-  "width": "700px",
-  "height": "60vh",
-  "fullScreen": false,
-  "fullable": true,
-  "defaultOpen": false,
-  "mask": false,
-  "keyboard": true,
-  "footer": true
-}

package/es/lowcode/engine/tools/lcid.js

@@ -1,16 +0,0 @@
-import { v4 as uuidv4 } from 'uuid';
-var chars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
-export default function generateShortUuid() {
-  var toLowerCase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var shortBuffer = '';
-  var uuid = uuidv4().replace(/-/g, '');
-  for (var i = 0; i < 8; i++) {
-    var str = uuid.substring(i * 4, i * 4 + 4);
-    var x = parseInt(str, 16);
-    shortBuffer += chars[x % 0x3e];
-  }
-  if (toLowerCase) {
-    return shortBuffer.toLowerCase();
-  }
-  return shortBuffer;
-}