@luck-design-biz/luckda 0.0.25-2 → 0.0.25-21

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

@@ -1,112 +1,112 @@
-{
-  "component": "Link",
-  "name": "超链",
-  "icon": "icon-link",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "content",
-      "name": "内容",
-      "desc": "超链接的展示内容",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "textOverflow",
-      "name": "单行截断",
-      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "type",
-      "name": "链接类型",
-      "desc": "链接打开的内容类型选择",
-      "type": "radio",
-      "options": [
-        {
-          "label": "内部页面",
-          "value": "page"
-        },
-        {
-          "label": "外部链接",
-          "value": "url"
-        }
-      ],
-      "default": "page"
-    },
-    {
-      "key": "url",
-      "name": "链接地址",
-      "desc": "选择链接类型为url时配置",
-      "type": "string"
-    },
-    {
-      "key": "isLayer",
-      "name": "弹窗打开",
-      "desc": "是否以弹窗形式打开",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "params",
-      "name": "携带参数",
-      "desc": "超链的携带参数",
-      "type": "string"
-    },
-    {
-      "key": "serials",
-      "name": "资源串",
-      "desc": "挂接模块资源串",
-      "type": "_SerialsSelector"
-    },
-    {
-      "key": "effect",
-      "name": "资源串效果",
-      "desc": "当资源串条件生效时按钮的效果",
-      "type": "radio",
-      "options": [
-        {
-          "label": "禁用",
-          "value": "disable"
-        },
-        {
-          "label": "隐藏",
-          "value": "hidden"
-        }
-      ],
-      "default": "hidden"
-    }
-  ],
-  "css": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "beforeClick",
-        "name": "点击事件",
-        "desc": "点击文本时，执行方法",
-        "func": "(e,parmas)=>{\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Link",
+  "name": "超链",
+  "icon": "icon-link",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "content",
+      "name": "内容",
+      "desc": "超链接的展示内容",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "textOverflow",
+      "name": "单行截断",
+      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "type",
+      "name": "链接类型",
+      "desc": "链接打开的内容类型选择",
+      "type": "radio",
+      "options": [
+        {
+          "label": "内部页面",
+          "value": "page"
+        },
+        {
+          "label": "外部链接",
+          "value": "url"
+        }
+      ],
+      "default": "page"
+    },
+    {
+      "key": "url",
+      "name": "链接地址",
+      "desc": "选择链接类型为url时配置",
+      "type": "string"
+    },
+    {
+      "key": "isLayer",
+      "name": "弹窗打开",
+      "desc": "是否以弹窗形式打开",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "params",
+      "name": "携带参数",
+      "desc": "超链的携带参数",
+      "type": "string"
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "desc": "挂接模块资源串",
+      "type": "_SerialsSelector"
+    },
+    {
+      "key": "effect",
+      "name": "资源串效果",
+      "desc": "当资源串条件生效时按钮的效果",
+      "type": "radio",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
+    }
+  ],
+  "css": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "beforeClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e,parmas)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -1,49 +1,55 @@
-{
-  "component": "Page",
-  "name": "页面",
-  "group": "build-in",
-  "props": [
-    {
-      "key": "pageSlot",
-      "name": "页面插槽",
-      "type": "group",
-      "props": [
-        {
-          "key": "enableHeader",
-          "name": "启用页头",
-          "type": "switch",
-          "default": "false"
-        },
-        {
-          "key": "fixedHeader",
-          "name": "固定页头",
-          "type": "switch",
-          "default": "true"
-        },
-        {
-          "key": "enableFooter",
-          "name": "启用页尾",
-          "type": "switch",
-          "default": "false"
-        }
-      ]
-    }
-  ],
-  "css": "background-color: transparent;",
-  "advance": {
-    "events": [
-      {
-        "key": "onPageMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onPageUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Page",
+  "name": "页面",
+  "group": "build-in",
+  "props": [
+    {
+      "key": "pageSlot",
+      "name": "页面插槽",
+      "type": "group",
+      "props": [
+        {
+          "key": "enableHeader",
+          "name": "启用页头",
+          "type": "switch",
+          "default": "false"
+        },
+        {
+          "key": "fixedHeader",
+          "name": "固定页头",
+          "type": "switch",
+          "default": "true"
+        },
+        {
+          "key": "enableFooter",
+          "name": "启用页尾",
+          "type": "switch",
+          "default": "false"
+        }
+      ]
+    }
+  ],
+  "css": "background-color: transparent;",
+  "advance": {
+    "events": [
+      {
+        "key": "onStateChanged",
+        "name": "页面状态变化",
+        "desc": "在页面状态发生变化时，执行方法",
+        "func": "function onStateChanged(state, prevState, diff){\n\t\n}"
+      },
+      {
+        "key": "onPageMount",
+        "name": "页面首次渲染完成",
+        "desc": "在页面首次渲染完成时，执行方法",
+        "func": "function onPageMount(){\n\t\n}"
+      },
+      {
+        "key": "onPageUnmount",
+        "name": "页面卸载时",
+        "desc": "在页面卸载时，执行方法。",
+        "func": "function onPageUnmount(){\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -15,6 +15,7 @@ var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/use
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _constants = require("../../../constants");
 var _helper = require("../../../engine/tools/helper");
+var _pagecontentPropsDefault = _interopRequireDefault(require("../../../engine/meta/pagecontent.props.default.json"));
 var Div = _styledComponents.default.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-19wkpor-0"
@@ -23,12 +24,11 @@ var Div = _styledComponents.default.div.withConfig({
 });
 var PageContent = function PageContent() {
   var ref = (0, _react.useRef)();
-  var _usePageData = (0, _ContextProvider.usePageData)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_CONTENT, 'props.enableHeader', "".concat(_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, ".props.css")]),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    _usePageData2$ = (0, _slicedToArray2.default)(_usePageData2[0], 3),
-    pagecontent = _usePageData2$[0],
-    enableHeader = _usePageData2$[1],
-    headercss = _usePageData2$[2];
+  var _useGet = (0, _ContextProvider.useGet)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_CONTENT, 'props.enableHeader', "".concat(_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, ".props.css")]),
+    _useGet2 = (0, _slicedToArray2.default)(_useGet, 3),
+    pagecontent = _useGet2[0],
+    enableHeader = _useGet2[1],
+    headercss = _useGet2[2];
   var canvas = (0, _useCanvasRender.default)(pagecontent);
   var contentStyle = (0, _ahooks.useCreation)(function () {
     if (enableHeader) {
@@ -48,7 +48,7 @@ var PageContent = function PageContent() {
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
-  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+  return pagecontent ? /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: _constants.LC_BUILDIN_UNIT_KEY.PAGE_CONTENT,
     displayName: "PageContent",
     getTargetDom: getTargetDom
@@ -56,6 +56,7 @@ var PageContent = function PageContent() {
     ref: ref,
     $css: pagecontent.props.css,
     style: contentStyle
-  }, canvas));
+  }, canvas)) : null;
 };
+PageContent.defaultProps = (0, _helper.omitBadProps)(_pagecontentPropsDefault.default);
 var _default = exports.default = PageContent;

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

@@ -1,9 +1,9 @@
-{
-  "component": "PageContent",
-  "name": "页面内容",
-  "group": "build-in",
-  "props": [
-    
-  ],
-  "css": "background-color: transparent"
-}
+{
+  "component": "PageContent",
+  "name": "页面内容",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "background-color: transparent"
+}

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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 _ahooks = require("ahooks");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -14,6 +13,8 @@ var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _constants = require("../../../constants");
+var _helper = require("../../../engine/tools/helper");
+var _pagefooterPropsDefault = _interopRequireDefault(require("../../../engine/meta/pagefooter.props.default.json"));
 var Div = _styledComponents.default.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-1d40970-0"
@@ -22,9 +23,7 @@ var Div = _styledComponents.default.div.withConfig({
 });
 var PageFooter = function PageFooter() {
   var ref = (0, _react.useRef)();
-  var _usePageData = (0, _ContextProvider.usePageData)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    pagefoot = _usePageData2[0];
+  var pagefoot = (0, _ContextProvider.useGet)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_FOOTER);
   var canvas = (0, _useCanvasRender.default)(pagefoot);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
@@ -43,4 +42,5 @@ var PageFooter = function PageFooter() {
     }
   }, canvas));
 };
+PageFooter.defaultProps = (0, _helper.omitBadProps)(_pagefooterPropsDefault.default);
 var _default = exports.default = PageFooter;

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

@@ -1,9 +1,9 @@
-{
-  "component": "PageFooter",
-  "name": "页面尾",
-  "group": "build-in",
-  "props": [
-    
-  ],
-  "css": "width: 100%; height: 80px; background-color: transparent"
-}
+{
+  "component": "PageFooter",
+  "name": "页面尾",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "width: 100%; height: 80px; background-color: transparent"
+}

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

@@ -14,6 +14,8 @@ var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _constants = require("../../../constants");
+var _helper = require("../../../engine/tools/helper");
+var _pageheaderPropsDefault = _interopRequireDefault(require("../../../engine/meta/pageheader.props.default.json"));
 var Div = _styledComponents.default.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-1t2cxpy-0"
@@ -22,11 +24,10 @@ var Div = _styledComponents.default.div.withConfig({
 });
 var PageHeader = function PageHeader() {
   var ref = (0, _react.useRef)();
-  var _usePageData = (0, _ContextProvider.usePageData)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, 'props.fixedHeader']),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    _usePageData2$ = (0, _slicedToArray2.default)(_usePageData2[0], 2),
-    pageheader = _usePageData2$[0],
-    fixed = _usePageData2$[1];
+  var _useGet = (0, _ContextProvider.useGet)([_constants.LC_BUILDIN_UNIT_KEY.PAGE_HEADER, 'props.fixedHeader']),
+    _useGet2 = (0, _slicedToArray2.default)(_useGet, 2),
+    pageheader = _useGet2[0],
+    fixed = _useGet2[1];
   var canvas = (0, _useCanvasRender.default)(pageheader);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
@@ -45,4 +46,5 @@ var PageHeader = function PageHeader() {
     } : null
   }, canvas));
 };
+PageHeader.defaultProps = (0, _helper.omitBadProps)(_pageheaderPropsDefault.default);
 var _default = exports.default = PageHeader;

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

@@ -1,9 +1,9 @@
-{
-  "component": "PageHeader",
-  "name": "页面头",
-  "group": "build-in",
-  "props": [
-    
-  ],
-  "css": "width: 100%; height:120px; background-color: #fff; margin-bottom: 8px"
-}
+{
+  "component": "PageHeader",
+  "name": "页面头",
+  "group": "build-in",
+  "props": [
+    
+  ],
+  "css": "width: 100%; height:120px; background-color: #fff; margin-bottom: 8px"
+}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _index = _interopRequireDefault(require("./index"));
+var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
+var _excluded = ["children", "id", "display"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    display = _ref.display,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ctx = (0, _ContextProvider.useContext)();
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var refreshChild = (0, _ahooks.useMemoizedFn)(function () {
+    var ratioArr = display.split('');
+    var prevChildren = [];
+    for (var i in current.children) {
+      var _box$children;
+      var _box = current[current.children[i]];
+      if (_box !== null && _box !== void 0 && (_box$children = _box.children) !== null && _box$children !== void 0 && _box$children[0]) {
+        prevChildren.push([_box.children[0], _box[_box.children[0]].props]);
+      }
+      if (i === ratioArr.length - 1) break;
+    }
+    (0, _ContextProvider.clearChildren)(id);
+    ratioArr.forEach(function (_, i) {
+      var _boxId = "box_".concat((0, _utils.suid)());
+      (0, _ContextProvider.addNode)(id, _boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+        buildIn: true
+      }));
+      if (prevChildren[i]) {
+        (0, _ContextProvider.addNode)(_boxId, prevChildren[i][0], prevChildren[i][1]);
+      }
+    });
+  });
+  (0, _ahooks.useCreation)(function () {
+    if (children !== null && children !== void 0 && children.length) return;
+    ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
+      var compId = _ref2.id;
+      if (compId !== id) return;
+      refreshChild();
+    }).watch();
+  }, []);
+  (0, _react.useEffect)(function () {
+    var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
+      var compId = _ref3.id,
+        newValue = _ref3.newValue;
+      if (compId !== id) return;
+      if (newValue.hasOwnProperty('display')) {
+        refreshChild();
+      }
+    }).watch();
+    return function () {
+      return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    id: id,
+    display: display
+  }, props), children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/PageLayout/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/PageLayout/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;