@luck-design-biz/luckda 0.0.27 → 1.0.0-alpha

package/es/lowcode/painter/panel-section/Radio.js

@@ -1,58 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import styles from "../style/radio.less";
-
-/**
- * Radio组件允许用户从一组选项中选择一个。它接收一个`options`数组来渲染选项，以及一个可选的`onChange`回调函数，
- * 当用户选择不同的选项时，`onChange`会被调用并传递当前选中的选项对象。
- * 
- * @component
- * @example
- * const options = [
- *   { label: '小', value: 'small' },
- *   { label: '中', value: 'middle' },
- *   { label: '大', value: 'large' }
- * ];
- * 
- * function handleChange(option) {
- *   console.log(option);
- * }
- * 
- * <Radio options={options} onChange={handleChange} />
- * 
- * @param {Object} props - 组件的props。
- * @param {Object[]} props.options - 选项数组，每个对象都应包含`label`和`value`。
- * @param {string} props.options[].label - 选项的显示文本。
- * @param {string} props.options[].value - 选项的值，应唯一。
- * @param {Function} [props.onChange] - 可选，当选项变化时调用的回调函数。传递当前选中的选项对象。
- */
-var Radio = function Radio(_ref) {
-  var _options$;
-  var options = _ref.options,
-    onChange = _ref.onChange;
-  var _useState = useState((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeValue = _useState2[0],
-    setActiveValue = _useState2[1];
-
-  // 点击事件处理函数
-  var handleClick = function handleClick(option) {
-    // 设置当前激活的选项
-    setActiveValue(option.value);
-    if (onChange) {
-      onChange(option);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-radio']
-  }, options.map(function (option) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: option.value,
-      className: "".concat(styles['radio-item'], " ").concat(activeValue === option.value ? 'active' : ''),
-      onClick: function onClick() {
-        return handleClick(option);
-      }
-    }, option.label);
-  }));
-};
-export default Radio;

package/lib/components/LdRuntimeCom/index.js

@@ -1,49 +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 Babel = _interopRequireWildcard(require("@babel/standalone"));
-var LuckAntd = _interopRequireWildcard(require("luck-design/antd"));
-var LuckDesign = _interopRequireWildcard(require("luck-design"));
-/**
- * 实时代码渲染组件
- * todo：沙箱上下文的集成
- * todo：Loading效果的优化
- */
-var LdRuntimeCom = function LdRuntimeCom(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    Component = _useState2[0],
-    setComponent = _useState2[1];
-  var code = _react.default.Children.toArray(children).join('').trim();
-  (0, _react.useEffect)(function () {
-    if (code) {
-      // 使用Babel转换代码
-      var transformedCode = Babel.transform(code, {
-        presets: ['react']
-      }).code;
-
-      // 输出编译后的代码用于排错
-      console.log('transformedCode', transformedCode);
-
-      // 自动
-      var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
-      if (functionNameMatch && functionNameMatch.length > 1) {
-        var functionName = functionNameMatch[1];
-        var execute = new Function('React', 'LuckAntd', 'LuckDesign', "".concat(transformedCode, "; return ").concat(functionName, ";"));
-        // 设置组件状态
-        var ReactComponent = execute(_react.default, LuckAntd, LuckDesign);
-        setComponent( /*#__PURE__*/_react.default.createElement(ReactComponent, null));
-      }
-    }
-  }, [code]);
-  return Component ? Component : /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
-};
-var _default = exports.default = LdRuntimeCom;

package/lib/lowcode/engine/meta/components/form.json

@@ -1,116 +0,0 @@
-{
-  "component": "Form",
-  "name": "表单",
-  "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
-  "icon": "icon-form",
-  "group": "basic",
-  "groupName": "基础",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "dateset",
-      "name": "首次数据自动加载",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
-    },
-    {
-      "key": "type",
-      "name": "表单类型",
-      "desc": "表单存储数据的形式",
-      "type": "radio",
-      "options": [
-        {
-          "label": "表单",
-          "value": "auto"
-        },
-        {
-          "label": "表格",
-          "value": "grid"
-        },
-        {
-          "label": "单元格可写表格",
-          "value": "writer"
-        }
-      ],
-      "default": "auto"
-    },
-    {
-      "key": "header",
-      "name": "表头",
-      "desc": "单个子单表表头，不设置就没有子表头",
-      "type": "radio",
-      "options": [
-        {
-          "label": "无",
-          "value": "none"
-        },
-        {
-          "label": "收缩框",
-          "value": "collapse"
-        },
-        {
-          "label": "流式收缩框",
-          "value": "collapseFollow"
-        },
-        {
-          "label": "分隔线",
-          "value": "divider"
-        }
-      ]
-    },
-    {
-      "key": "saveBtnTitle",
-      "name": "保存按钮的名称",
-      "desc": "配置保存按钮的名称",
-      "type": "string",
-      "default": "保存"
-    },
-    {
-      "key": "defaultColumnCount",
-      "name": "默认列数",
-      "desc": "表示表格的默认列数",
-      "type": "number",
-      "default": 4
-    },
-    {
-      "key": "defaultLength",
-      "name": "默认长度",
-      "desc": "表示通用的默认长度，可背单字段设置的长度覆盖",
-      "type": "number"
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "beforeSave",
-        "name": "保存前置事件",
-        "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "(data, params)=>{\n\t\n}"
-      },
-      {
-        "key": "onSaveCallback",
-        "name": "保存后回调",
-        "desc": "保存后回调事件",
-        "func": "(params)=>{\n\t\n}"
-      }
-    ]
-  }
-}

package/lib/lowcode/engine/meta/components/jsx.json

@@ -1,24 +0,0 @@
-{
-  "component": "JSX",
-  "name": "jsx代码段",
-  "desc": "通过编写JSX代码实现React组件的动态渲染。",
-  "icon": "icon-jsx",
-  "group": "basic",
-  "groupName": "基础",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "render",
-      "name": "编辑jsx代码",
-      "desc": "可执行的jsx代码",
-      "type": "_CodeEditor"
-    }
-  ],
-  "style": {},
-  "advance": {}
-}

package/lib/lowcode/engine/meta/components/modal.json

@@ -1,120 +0,0 @@
-{
-  "component": "Modal",
-  "name": "对话框",
-  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
-  "icon": "icon-modal",
-  "group": "basic",
-  "groupName": "基础",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "desc": "对话框左上角的标题",
-      "type": "string",
-      "default": "对话框"
-    },
-    {
-      "key": "width",
-      "name": "宽度",
-      "desc": "对话框的宽度",
-      "type": "string",
-      "default": "700px"
-    },
-    {
-      "key": "height",
-      "name": "高度",
-      "desc": "对话框的高度",
-      "type": "string",
-      "default": "60vh"
-    },
-    {
-      "key": "fullScreen",
-      "name": "默认全屏",
-      "desc": "对话框打开默认全屏",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "fullable",
-      "name": "支持全屏切换",
-      "desc": "可以通过右上角按钮切换全屏状态",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "defaultOpen",
-      "name": "默认显示",
-      "desc": "默认是否显示",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "mask",
-      "name": "显示遮罩",
-      "desc": "是否展示遮罩",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "keyboard",
-      "name": "ESC关闭",
-      "desc": "是否支持键盘 esc 关闭",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "footer",
-      "name": "底部按钮是否显示",
-      "desc": "是否显示底部按钮区域",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "btnGroup",
-      "name": "按钮组",
-      "desc": "底部按钮区域的按钮组（参考按钮配置）",
-      "type": "_ActionSelector"
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onOpen",
-        "name": "对话框打开时",
-        "desc": "在对话框打开时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onClose",
-        "name": "对话框关闭时",
-        "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onButtonClick",
-        "name": "按钮组点击",
-        "desc": "点击按钮组某个按钮时，执行方法",
-        "func": "(buttonKey,params)=>{\n\t\n}"
-      }
-    ]
-  }
-}

package/lib/lowcode/engine/meta/components/section.json

@@ -1,107 +0,0 @@
-{
-  "component": "Section",
-  "name": "分组",
-  "icon": "icon-section",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
-  "props": [
-    {
-      "key": "fieldId",
-      "name": "唯一标识",
-      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "collapse",
-      "name": "折叠",
-      "desc": "是否采用折叠分组",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "showHeader",
-      "name": "显示头部",
-      "desc": "表示是否分组显示头部（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "title",
-      "name": "分组标题",
-      "desc": "表示分组标题的名称",
-      "type": "string",
-      "default": "分组"
-    },
-    {
-      "key": "icon",
-      "name": "图标",
-      "desc": "用于设置分组标题前面的图标",
-      "type": "Icon"
-    },
-    {
-      "key": "tooltip",
-      "name": "用户提示",
-      "desc": "用于设置分组的用户提示",
-      "type": "string"
-    },
-    {
-      "key": "subtitle",
-      "name": "副标题插槽",
-      "desc": "分组副标题的插槽内容",
-      "type": "string"
-    },
-    {
-      "key": "extra",
-      "name": "扩展区域插槽",
-      "desc": "分组扩展区域的插槽内容",
-      "type": "string"
-    },
-    {
-      "key": "showHeaderDivider",
-      "name": "头部分割线",
-      "desc": "是否展示头部分割线（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "showBorder",
-      "name": "显示边框",
-      "desc": "是否展示分组边框（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "withMargin",
-      "name": "外边距",
-      "desc": "是否展示外边距",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "withPadding",
-      "name": "内边距",
-      "desc": "是否展示内边距",
-      "type": "boolean",
-      "default": true
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      }
-    ]
-  }
-}

package/lib/lowcode/engine/meta/components/split.json

@@ -1,71 +0,0 @@
-{
-  "component": "Split",
-  "name": "分割面板容器",
-  "icon": "icon-split",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
-  "props": [
-    {
-      "key": "fieldId",
-      "name": "唯一标识",
-      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "display",
-      "name": "展现形式",
-      "desc": "表示分割面板容器的展现形式",
-      "type": "_SplitDisplay",
-      "default": "normal"
-    },
-    {
-      "key": "split",
-      "name": "分割方向",
-      "desc": "分割面板容器的分割方向（仅display为normal时有效）",
-      "type": "radio",
-      "options": [
-        {
-          "label": "垂直",
-          "value": "vertical"
-        },
-        {
-          "label": "水平",
-          "value": "horizontal"
-        }
-      ],
-      "default": "vertical"
-    },
-    {
-      "key": "ratio",
-      "name": "比率",
-      "desc": "表示分割面板容器所占比例的比率（仅display为normal时有效）",
-      "type": "string",
-      "default": "1:3"
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onChange",
-        "name": "尺寸变化事件",
-        "desc": "在面板尺寸发生变化时，执行方法",
-        "func": "(value)=>{\n\t\n}"
-      }
-    ]
-  }
-}

package/lib/lowcode/engine/meta/components/tabs.json

@@ -1,140 +0,0 @@
-{
-  "component": "Tabs",
-  "name": "选项卡",
-  "icon": "icon-tabs",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
-  "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}"
-      }
-    ]
-  }
-}