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

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

@@ -7,6 +7,7 @@ import styled from 'styled-components';
 import { Select, Button, Tooltip } from 'luck-design/antd';
 import { useRemoteSource } from "../../engine/provider/ContextProvider";
 import { fetchAddDataset } from "../../constants/api-url";
+import { getLDMetaAttr } from "../../engine/tools/helper";
 var Div = styled.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-onj9tc-0"
@@ -14,7 +15,9 @@ var Div = styled.div.withConfig({
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
-    beforeChangeKey = _ref.beforeChangeKey,
+    _ref$fieldsKey = _ref.fieldsKey,
+    fieldsKey = _ref$fieldsKey === void 0 ? 'fields' : _ref$fieldsKey,
+    component = _ref.component,
     size = _ref.size,
     isTree = _ref.isTree,
     next = _ref.next;
@@ -30,8 +33,7 @@ var DataSetSelector = function DataSetSelector(_ref) {
     dataset = _useRemoteSource.dataset,
     fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
     refreshModlueData = _useRemoteSource.refreshModlueData,
-    refreshDataset = _useRemoteSource.refreshDataset,
-    pageinfo = _useRemoteSource.pageinfo;
+    refreshDataset = _useRemoteSource.refreshDataset;
   var _useRequest = useRequest(fetchAddDataset, {
       manual: true
     }),
@@ -45,12 +47,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
   }, [dataset, isTree]);
   var handleChange = useMemoizedFn( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, _ref3) {
-      var key, _pageinfo$relationshi, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
+      var key, _getLDMetaAttr, _getLDMetaAttr2, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             key = _ref3.key;
-            _pageinfo$relationshi = pageinfo.relationship, moduleId = _pageinfo$relationshi.moduleId, dataModelKey = _pageinfo$relationshi.dataModelKey;
+            _getLDMetaAttr = getLDMetaAttr(['moduleId', 'dataModelKey']), _getLDMetaAttr2 = _slicedToArray(_getLDMetaAttr, 2), moduleId = _getLDMetaAttr2[0], dataModelKey = _getLDMetaAttr2[1];
             _context.next = 4;
             return runAsync({
               uid: moduleId,
@@ -76,8 +78,25 @@ var DataSetSelector = function DataSetSelector(_ref) {
                 code: value,
                 uid: key
               };
-              onChange(_ds, function (_beforeChange) {
-                return _beforeChange(beforeChangeKey, []);
+              onChange(_ds, function (exe) {
+                var dsFields = res.data.dataSets[value];
+                exe(fieldsKey, dsFields.map(function (f) {
+                  var _extra = JSON.parse(f.extra || '{}');
+                  var restProps = {};
+                  if (['table', 'tableForm'].includes(component)) {
+                    var alignMapping = {
+                      0: 'left',
+                      1: 'center',
+                      2: 'right'
+                    };
+                    restProps.align = alignMapping[_extra.scell_alignment];
+                    restProps.headerAlign = alignMapping[_extra.sheading_alignment];
+                  }
+                  return {
+                    uid: f.uid,
+                    field: f.field
+                  };
+                }));
               });
               setCurrentDataset(_ds);
             }
@@ -118,9 +137,10 @@ var DataSetSelector = function DataSetSelector(_ref) {
     disabled: !currentDataset,
     onClick: function onClick() {
       return next({
-        pageinfo: pageinfo,
         datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code
+        datasetCode: currentDataset.code,
+        valueKey: fieldsKey,
+        component: component
       });
     }
   }), /*#__PURE__*/React.createElement(Button, {

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

@@ -15,7 +15,7 @@ import { ListEditor, ListEditorItem } from "../components/ListEditor";
 import FieldSetting from "../components/field-setting";
 import BatchSetting from "../components/field-setting/BatchSetting";
 import { fetchFieldsByDataset, fetchUpdateFieldAttrs } from "../../constants/api-url";
-import { listReducer } from "../../engine/tools/helper";
+import { listReducer, getLDMetaAttr } from "../../engine/tools/helper";
 import styles from "../style/fields-setting.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
 var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'aliasName'];
@@ -29,7 +29,6 @@ var FieldKey = styled(Ellipsis).withConfig({
 })(["width:80px;margin-left:4px;"]);
 var FieldsSetting = function FieldsSetting(_ref) {
   var component = _ref.component,
-    pageinfo = _ref.pageinfo,
     datasetUid = _ref.datasetUid,
     nodeId = _ref.nodeId,
     defaultValue = _ref.defaultValue,
@@ -76,7 +75,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
   var _useRequest = useRequest(fetchFieldsByDataset, {
       defaultParams: [{
         datasetUid: datasetUid,
-        moduleUid: pageinfo.relationship.moduleId
+        moduleUid: getLDMetaAttr('moduleId')
       }],
       onSuccess: function onSuccess(_ref3) {
         var code = _ref3.code,
@@ -90,18 +89,21 @@ var FieldsSetting = function FieldsSetting(_ref) {
             return ret;
           }, []), list.map(function (id) {
             var _fieldData = detail[id];
-            var extraAttr = JSON.parse(_fieldData.extraAttr || '{}');
-            var alignMapping = {
-              0: 'left',
-              1: 'center',
-              2: 'right'
-            };
-            return {
+            var extra = JSON.parse(_fieldData.extra || '{}');
+            var restProps = {};
+            if (['table', 'tableForm'].includes(component)) {
+              var alignMapping = {
+                0: 'left',
+                1: 'center',
+                2: 'right'
+              };
+              restProps.align = alignMapping[extra.scell_alignment];
+              restProps.headerAlign = alignMapping[extra.sheading_alignment];
+            }
+            return _objectSpread({
               uid: id,
-              field: detail[id].field,
-              align: alignMapping[extraAttr.scell_alignment],
-              headerAlign: alignMapping[extraAttr.sheading_alignment]
-            };
+              field: detail[id].field
+            }, restProps);
           }), 'uid');
           if (!isEqual(_fields, defaultValue)) {
             onChange(_fields);
@@ -126,9 +128,10 @@ var FieldsSetting = function FieldsSetting(_ref) {
     }),
     runUpdateFieldAttrs = _useRequest2.runAsync;
   var _useDebounceFn = useDebounceFn(function (field, value) {
-      var _pageinfo$relationshi = pageinfo.relationship,
-        moduleId = _pageinfo$relationshi.moduleId,
-        dataModelKey = _pageinfo$relationshi.dataModelKey;
+      var _getLDMetaAttr = getLDMetaAttr(['moduleId', 'dataModelKey']),
+        _getLDMetaAttr2 = _slicedToArray(_getLDMetaAttr, 2),
+        moduleId = _getLDMetaAttr2[0],
+        dataModelKey = _getLDMetaAttr2[1];
       runUpdateFieldAttrs({
         dataModelKey: dataModelKey,
         datasetBusinessUids: [field.uid],
@@ -354,8 +357,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldData: fieldData,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: getLDMetaAttr('dataModelKey'),
+    moduleId: getLDMetaAttr('moduleId'),
     datasetId: datasetUid,
     component: component,
     onAliasChange: handleAliasChange,
@@ -364,8 +367,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldsData: checkedFields,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: getLDMetaAttr('dataModelKey'),
+    moduleId: getLDMetaAttr('moduleId'),
     datasetId: datasetUid,
     component: component,
     onChange: handleChange

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

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
+import React, { useState } from 'react';
 import { useMemoizedFn, useSetState, useUpdateEffect } from 'ahooks';
 import { Checkbox, Row, Col, Input, Switch, Select, Tooltip } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
@@ -18,6 +18,10 @@ var ImpExp = function ImpExp(_ref) {
     module = _useRemoteSource.module,
     impTypeList = _useRemoteSource.impTypeList,
     expTypeList = _useRemoteSource.expTypeList;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    exportDisabled = _useState2[0],
+    setExportDisabled = _useState2[1];
   useUpdateEffect(function () {
     onChange(state);
   }, [state]);
@@ -71,7 +75,7 @@ var ImpExp = function ImpExp(_ref) {
     var key = _ref3.key;
     var _value = value;
     setState({
-      export: _value
+      import: _value
     });
   });
   return /*#__PURE__*/React.createElement(Row, {
@@ -94,10 +98,7 @@ var ImpExp = function ImpExp(_ref) {
     onChange: function onChange(e) {
       return handleInputChange('import', e);
     },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".impUrl.placeholder"),
-      label: '请输入自定义接口'
-    })
+    placeholder: "\u8BF7\u8F93\u5165\u6A21\u7248ID"
   }) : /*#__PURE__*/React.createElement(Select, {
     size: "small",
     style: {
@@ -124,7 +125,9 @@ var ImpExp = function ImpExp(_ref) {
   }, /*#__PURE__*/React.createElement(Switch, {
     size: "small",
     defaultChecked: !!state.importType,
-    onChange: handleSwitchChangeImport
+    onChange: handleSwitchChangeImport,
+    checkedChildren: "\u884C\u4E3A",
+    unCheckedChildren: "\u6A21\u7248"
   })), /*#__PURE__*/React.createElement(Col, {
     span: 6
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -136,17 +139,7 @@ var ImpExp = function ImpExp(_ref) {
     label: '导出'
   }))), /*#__PURE__*/React.createElement(Col, {
     span: 14
-  }, !state.exportType ? /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: isString(state.export) ? state.export : '',
-    onChange: function onChange(e) {
-      return handleInputChange('export', e);
-    },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
-      label: '请输入自定义接口'
-    })
-  }) : /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     size: "small",
     style: {
       width: '100%'
@@ -156,7 +149,8 @@ var ImpExp = function ImpExp(_ref) {
     placeholder: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".expType.placeholder"),
       label: '请选择自定义行为'
-    })
+    }),
+    disabled: !!exportDisabled
   }, expTypeList === null || expTypeList === void 0 ? void 0 : expTypeList.map(function (opt) {
     return /*#__PURE__*/React.createElement(Select.Option, {
       key: opt.key,
@@ -171,8 +165,12 @@ var ImpExp = function ImpExp(_ref) {
     }
   }, /*#__PURE__*/React.createElement(Switch, {
     size: "small",
-    defaultChecked: !!state.exportType,
-    onChange: handleSwitchChangeExport
+    defaultChecked: false,
+    onChange: function onChange(val) {
+      setExportDisabled(!val);
+    },
+    checkedChildren: "\u884C\u4E3A",
+    unCheckedChildren: "\u9ED8\u8BA4"
   })));
 };
 export default ImpExp;

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

@@ -67,16 +67,13 @@ var ImpExp = function ImpExp(_ref) {
     suppressPadding: true
   }, /*#__PURE__*/React.createElement(Col, {
     span: 14
-  }, !state.customType ? /*#__PURE__*/React.createElement(Input, {
+  }, !state.customType && state.type === 'import' ? /*#__PURE__*/React.createElement(Input, {
     size: "small",
     value: isString(state.customParam) ? state.customParam : '',
     onChange: function onChange(e) {
       return handleInputChange(state.type, e);
     },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
-      label: '请输入自定义接口'
-    })
+    placeholder: "\u8BF7\u8F93\u5165\u6A21\u7248ID"
   }) : /*#__PURE__*/React.createElement(Select, {
     size: "small",
     style: {
@@ -95,7 +92,7 @@ var ImpExp = function ImpExp(_ref) {
     }, /*#__PURE__*/React.createElement(Tooltip, {
       title: opt.label
     }, opt.label));
-  }))), /*#__PURE__*/React.createElement(Col, {
+  }))), state.type === 'import' && /*#__PURE__*/React.createElement(Col, {
     span: 4,
     style: {
       textAlign: 'center'
@@ -103,7 +100,9 @@ var ImpExp = function ImpExp(_ref) {
   }, /*#__PURE__*/React.createElement(Switch, {
     size: "small",
     defaultChecked: !!state.customType,
-    onChange: handleSwitchChange
+    onChange: handleSwitchChange,
+    checkedChildren: "\u884C\u4E3A",
+    unCheckedChildren: "\u6A21\u7248"
   }))));
 };
 export default ImpExp;

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

@@ -1,10 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useReducer, useState } from 'react';
-import { useSetState, useMemoizedFn } from 'ahooks';
+import { useSetState, useMemoizedFn, useDebounceFn } from 'ahooks';
 import { Tooltip, Radio, Input, Icon } from 'luck-design/antd';
 import { isString, isArray, isNil } from 'lodash';
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
+import { useContext } from "../../engine/provider/ContextProvider";
 import { SortBox, SortItem } from "../components/SortBox";
 import { ListEditor, ListEditorItem } from "../components/ListEditor";
 import PopConfirm from "../components/PopConfirm";
@@ -19,7 +20,9 @@ var _RADIO_STYLE_ = {
 };
 var TableTopFilter = function TableTopFilter(_ref) {
   var defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
+    _onChange = _ref.onChange,
+    nodeId = _ref.nodeId;
+  var ctx = useContext();
   var _useState = useState(function () {
       if (isNil(defaultValue)) return 'nil';
       if (isString(defaultValue)) return 'customApi';
@@ -41,6 +44,17 @@ var TableTopFilter = function TableTopFilter(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     apiUrl = _useState4[0],
     setApiUrl = _useState4[1];
+  var _useDebounceFn = useDebounceFn(function (val) {
+      setDict({
+        key: val
+      });
+      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
+        key: val
+      }));
+    }, {
+      wait: 400
+    }),
+    handleDictChange = _useDebounceFn.run;
   var handleAdd = useMemoizedFn(function () {
     var id = suid();
     dispatch({
@@ -48,7 +62,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
       payload: {
         id: id,
         value: id,
-        field: id,
+        field: void 0,
         label: "\u8FC7\u6EE4\u9879".concat(options.length + 1)
       },
       callback: function callback(newOptions) {
@@ -137,9 +151,10 @@ var TableTopFilter = function TableTopFilter(_ref) {
         id: "".concat(_I18N_PREFIX_, ".field"),
         label: '字段'
       })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(FieldSelector, {
+        dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
         defaultValue: opt.field,
         style: {
-          width: '50%'
+          width: '100%'
         },
         placeholder: formatMessage({
           id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
@@ -203,7 +218,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
     }
   }, /*#__PURE__*/React.createElement(Input, {
     size: "small",
-    value: dict === null || dict === void 0 ? void 0 : dict.key,
+    defaultValue: dict === null || dict === void 0 ? void 0 : dict.key,
     style: {
       width: '50%'
     },
@@ -212,15 +227,10 @@ var TableTopFilter = function TableTopFilter(_ref) {
       label: '请输入字典key'
     }),
     onChange: function onChange(e) {
-      var key = e.target.value;
-      setDict({
-        key: key
-      });
-      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
-        key: key
-      }));
+      return handleDictChange(e.target.value);
     }
   }), /*#__PURE__*/React.createElement(FieldSelector, {
+    dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
     style: {
       width: '50%'
     },
@@ -278,7 +288,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
     size: "small",
     value: apiUrl,
     placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      id: "".concat(_I18N_PREFIX_, ".customApi.placeholder"),
       label: '请输入接口地址'
     }),
     style: {

package/es/lowcode/view/Page.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className"];
+var _excluded = ["className", "children"];
 import React, { useRef, forwardRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import classNames from 'classnames';
-import { isNil } from 'lodash';
 import styled from 'styled-components';
 import { useRemoteSource } from "../engine/provider/ContextProvider";
 import Loading from "./Loading";
@@ -19,6 +18,7 @@ var Masker = styled.div.withConfig({
 })(["position:absolute;top:0;left:0;width:100%;height:100%;z-index:2400;background:rgba(0,0,0,0.45);cursor:none;"]);
 var LCPage = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
+    children = _ref2.children,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _ref = useRef(null);
   var _rootRef = ref || _ref;
@@ -32,7 +32,7 @@ var LCPage = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", _extends({
     ref: _rootRef,
-    className: classNames(styles['lc-view-page'], _defineProperty(_defineProperty({}, styles.isloading, loading), className, !!className))
-  }, props), /*#__PURE__*/React.createElement(Canvas, null), loading ? /*#__PURE__*/React.createElement(Masker, null, /*#__PURE__*/React.createElement(Loading, null)) : null));
+    className: classNames(styles['lc-view-page'], 'affixWrap', _defineProperty(_defineProperty({}, styles.isloading, loading), className, !!className))
+  }, props), children, /*#__PURE__*/React.createElement(Canvas, null), loading ? /*#__PURE__*/React.createElement(Masker, null, /*#__PURE__*/React.createElement(Loading, null)) : null));
 });
 export default LCPage;

package/es/lowcode/view/lc-components/CardList/meta.json

@@ -15,9 +15,19 @@
     },
     {
       "key": "dataset",
-      "name": "首次数据自动加载",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "name": "数据集",
+      "type": "_DataSetSelector",
+      "component": "table",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
     },
     {
       "key": "autoLoad",

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

@@ -28,6 +28,7 @@ var LCDialog = function LCDialog(_ref) {
     mask = _ref.mask,
     okText = _ref.okText,
     cancelText = _ref.cancelText,
+    destroyOnClose = _ref.destroyOnClose,
     footer = _ref.footer,
     btnGroup = _ref.btnGroup,
     advance = _ref.advance;
@@ -140,7 +141,8 @@ var LCDialog = function LCDialog(_ref) {
     onOk: handleOk,
     onCancel: function onCancel() {
       return setOpen(false);
-    }
+    },
+    destroyOnClose: destroyOnClose
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       height: 0,

package/es/lowcode/view/lc-components/Dialog/meta.json

@@ -71,6 +71,13 @@
       "type": "switch",
       "default": false
     },
+    {
+      "key": "destroyOnClose",
+      "name": "关闭销毁",
+      "desc": "关闭时销毁对话框里的子元素",
+      "type": "switch",
+      "default": true
+    },
     {
       "key": "mask",
       "name": "显示遮罩",

package/es/lowcode/view/lc-components/FieldColor/meta.json

@@ -0,0 +1,63 @@
+{
+  "component": "FieldColor",
+  "name": "颜色",
+  "group": "field",
+  "desc": "颜色类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "enableAlpha",
+      "name": "启用透明度",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "placement",
+      "name": "弹出层位置",
+      "type": "select",
+      "options": [
+        {
+          "label": "左上",
+          "value": "topLeft"
+        },
+        {
+          "label": "右上",
+          "value": "topRight"
+        },
+        {
+          "label": "左下",
+          "value": "bottomLeft"
+        },
+        {
+          "label": "右下",
+          "value": "bottomRight"
+        }
+      ],
+      "default": "topLeft"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "色值变化事件",
+        "desc": "在色值变化时，执行方法",
+        "func": "function onChange(colors) {\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "打开面板事件",
+        "desc": "在打开面板时，执行方法",
+        "func": "function onOpen(colors) {\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "关闭面板事件",
+        "desc": "关闭面板时，执行方法",
+        "func": "function onClose(colors) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldComplex/meta.json

@@ -0,0 +1,39 @@
+{
+  "component": "FieldComplex",
+  "name": "复合",
+  "group": "field",
+  "desc": "复合类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch",
+      "default": true
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(value, option) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "下拉选中事件",
+        "desc": "下拉选中时，执行方法",
+        "func": "function onSelect(value, option) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失焦事件",
+        "desc": "失去焦点时回调",
+        "func": "function onBlur() {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldDate/meta.json

@@ -0,0 +1,45 @@
+{
+  "component": "FieldDate",
+  "name": "日期",
+  "group": "field",
+  "desc": "日期类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "showTime",
+      "name": "时间选择",
+      "type": "switch"
+    },
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch"
+    },
+    {
+      "key": "format",
+      "name": "日期格式",
+      "type": "string"
+    },
+    {
+      "key": "disabledDate",
+      "name": "不可选日期",
+      "type": "_JSEditor",
+      "defaultCode": "function disabledDate(currentDate) {return true}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": { "suppressIcon": true }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(data, dataString) {\n\t\n}"
+      }
+    ]
+  }
+}