@dckj-npm/dc-material 0.1.359 → 0.1.360

package/lib/style.js

@@ -9,4 +9,12 @@ require('@alifd/next/lib/switch/style');
 require('@alifd/next/lib/breadcrumb/style');
 require('@alifd/next/lib/collapse/style');
 require('@alifd/next/lib/rating/style');
+require('@alifd/next/lib/upload/style');
+require('@alifd/next/lib/number-picker/style');
+require('@alifd/next/lib/date-picker/style');
+require('@alifd/next/lib/checkbox/style');
+require('@alifd/next/lib/radio/style');
+require('@alifd/next/lib/input/style');
+require('@alifd/next/lib/responsive-grid/style');
+require('@alifd/next/lib/form/style');
 require('./index.scss');

package/lib/utils/children-node-handle.js

@@ -19,8 +19,13 @@ function convertChildren(children, key, props) {
     for (var i = 0; i < children.length; i++) {
       var child = children[i];
       if (child.key === key) {
+        var _child$props;
         // 属性融合
         var propsContact = props ? (0, _extends2["default"])({}, child.props, props) : child.props;
+        // 样式融合
+        if (props !== null && props !== void 0 && props.style && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.style) {
+          propsContact.style = (0, _extends2["default"])({}, child.props.style, props.style);
+        }
         node = /*#__PURE__*/_react["default"].cloneElement(child, propsContact);
         break;
       }

package/lowcode/custom-form/meta.ts

@@ -0,0 +1,307 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'
+
+const CustomFormMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  componentName: 'CustomForm',
+  title: '自定义表单',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  category: '信息输入',
+  npm: {
+    package: '@dckj-npm/dc-material',
+    version: '0.1.359',
+    exportName: 'CustomForm',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    props: [
+      {
+        title: '列数',
+        name: 'columns',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            dataSource: [
+              { label: '一列', value: 1 },
+              { label: '二列', value: 2 },
+              { label: '三列', value: 3 },
+              { label: '四列', value: 4 },
+            ],
+            options: [
+              { label: '一列', value: 1 },
+              { label: '二列', value: 2 },
+              { label: '三列', value: 3 },
+              { label: '四列', value: 4 },
+            ],
+          },
+          initialValue: 1,
+        },
+      },
+      {
+        title: '间距',
+        name: 'spacing',
+        setter: {
+          componentName: 'JsonSetter',
+          isRequired: false,
+          initialValue: [0, 16, 16, 0],
+        },
+      },
+      {
+        title: '空态文案',
+        name: 'emptyContent',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '添加表单项',
+        },
+      },
+      {
+        title: '表单项',
+        name: 'formItems',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      title: '字段名',
+                      name: 'field',
+                      setter: {
+                        componentName: 'StringSetter',
+                        isRequired: true,
+                        initialValue: '',
+                      },
+                    },
+                    {
+                      title: '标题',
+                      name: 'label',
+                      setter: {
+                        componentName: 'StringSetter',
+                        isRequired: false,
+                        initialValue: '',
+                      },
+                    },
+                    {
+                      title: '必填',
+                      name: 'required',
+                      setter: {
+                        componentName: 'BoolSetter',
+                        isRequired: false,
+                        initialValue: false,
+                      },
+                    },
+                    {
+                      title: '组件类型',
+                      name: 'componentType',
+                      setter: {
+                        componentName: 'SelectSetter',
+                        props: {
+                          options: [
+                            { label: '输入框', value: 'Input' },
+                            { label: '多行文本', value: 'TextArea' },
+                            { label: '下拉选择', value: 'Select' },
+                            { label: '单选组', value: 'RadioGroup' },
+                            { label: '复选组', value: 'CheckboxGroup' },
+                            { label: '数字输入', value: 'NumberPicker' },
+                            { label: '日期选择', value: 'DatePicker' },
+                            { label: '上传', value: 'Upload' },
+                          ],
+                        },
+                        initialValue: 'Input',
+                      },
+                    },
+                    {
+                      title: '选项',
+                      name: 'options',
+                      setter: {
+                        componentName: 'ArraySetter',
+                        props: {
+                          itemSetter: {
+                            componentName: 'ObjectSetter',
+                            props: {
+                              config: {
+                                items: [
+                                  {
+                                    title: '名称',
+                                    name: 'label',
+                                    setter: {
+                                      componentName: 'StringSetter',
+                                      isRequired: true,
+                                      initialValue: '',
+                                    },
+                                  },
+                                  {
+                                    title: '值',
+                                    name: 'value',
+                                    setter: {
+                                      componentName: 'StringSetter',
+                                      isRequired: true,
+                                      initialValue: '',
+                                    },
+                                  },
+                                ],
+                              },
+                            },
+                          },
+                        },
+                        initialValue: [],
+                      },
+                    },
+                    {
+                      title: '列跨度',
+                      name: 'columnSpan',
+                      setter: {
+                        componentName: 'NumberSetter',
+                        props: {
+                          min: 1,
+                          max: 4,
+                        },
+                        initialValue: 1,
+                      },
+                    },
+                    {
+                      title: '组件属性',
+                      name: 'componentProps',
+                      setter: {
+                        componentName: 'JsonSetter',
+                        isRequired: false,
+                      },
+                    },
+                    {
+                      title: '表单项属性',
+                      name: 'formItemProps',
+                      setter: {
+                        componentName: 'JsonSetter',
+                        isRequired: false,
+                      },
+                    },
+                  ],
+                  extraSetter: {
+                    componentName: 'MixedSetter',
+                    isRequired: false,
+                    props: {},
+                  },
+                },
+              },
+            },
+          },
+          initialValue: [],
+        },
+      },
+      {
+        title: '显示提交按钮',
+        name: 'showSubmit',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '提交按钮文字',
+        name: 'submitText',
+        setter: {
+          componentName: 'StringSetter',
+          initialValue: '提交',
+        },
+      },
+      {
+        title: '提交时校验',
+        name: 'submitValidate',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true,
+        },
+      },
+      {
+        title: '提交数据源',
+        name: 'submitDataSource',
+        setter: {
+          componentName: 'SetterFormVariable',
+          props: {
+            showAttributesPanel: false,
+          },
+        },
+      },
+      {
+        title: '显示重置按钮',
+        name: 'showReset',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: false,
+        },
+      },
+      {
+        title: '重置按钮文字',
+        name: 'resetText',
+        setter: {
+          componentName: 'StringSetter',
+          initialValue: '重置',
+        },
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onSubmit',
+          template:
+            "onSubmit(values, errors, field,${extParams}){\n// 提交成功（无校验错误）\nconsole.log('onSubmit', values, errors, field);\n}",
+        },
+        {
+          name: 'onSubmitFailed',
+          template:
+            "onSubmitFailed(values, errors, field,${extParams}){\n// 提交失败（校验错误）\nconsole.log('onSubmitFailed', values, errors, field);\n}",
+        },
+      ],
+    },
+  },
+}
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '自定义表单',
+    screenshot: '',
+    schema: {
+      componentName: 'CustomForm',
+      props: {
+        columns: 1,
+        formItems: [
+          {
+            field: 'name',
+            label: '姓名',
+            required: true,
+            componentType: 'Input',
+            componentProps: {
+              placeholder: '请输入姓名',
+            },
+          },
+          {
+            field: 'gender',
+            label: '性别',
+            componentType: 'RadioGroup',
+            options: [
+              { label: '男', value: 'male' },
+              { label: '女', value: 'female' },
+            ],
+          },
+        ],
+        showSubmit: true,
+        submitText: '提交',
+      },
+    },
+  },
+]
+
+export default {
+  ...CustomFormMeta,
+  snippets,
+}

package/lowcode_es/custom-form/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;

package/lowcode_es/custom-form/meta.js

@@ -0,0 +1,302 @@
+import _extends from "@babel/runtime/helpers/extends";
+var CustomFormMeta = {
+  group: '低代码组件',
+  componentName: 'CustomForm',
+  title: '自定义表单',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  category: '信息输入',
+  npm: {
+    "package": '@dckj-npm/dc-material',
+    version: '0.1.359',
+    exportName: 'CustomForm',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: ''
+  },
+  configure: {
+    component: {
+      isContainer: true
+    },
+    props: [{
+      title: '列数',
+      name: 'columns',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          dataSource: [{
+            label: '一列',
+            value: 1
+          }, {
+            label: '二列',
+            value: 2
+          }, {
+            label: '三列',
+            value: 3
+          }, {
+            label: '四列',
+            value: 4
+          }],
+          options: [{
+            label: '一列',
+            value: 1
+          }, {
+            label: '二列',
+            value: 2
+          }, {
+            label: '三列',
+            value: 3
+          }, {
+            label: '四列',
+            value: 4
+          }]
+        },
+        initialValue: 1
+      }
+    }, {
+      title: '间距',
+      name: 'spacing',
+      setter: {
+        componentName: 'JsonSetter',
+        isRequired: false,
+        initialValue: [0, 16, 16, 0]
+      }
+    }, {
+      title: '空态文案',
+      name: 'emptyContent',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: '添加表单项'
+      }
+    }, {
+      title: '表单项',
+      name: 'formItems',
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [{
+                  title: '字段名',
+                  name: 'field',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: true,
+                    initialValue: ''
+                  }
+                }, {
+                  title: '标题',
+                  name: 'label',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: false,
+                    initialValue: ''
+                  }
+                }, {
+                  title: '必填',
+                  name: 'required',
+                  setter: {
+                    componentName: 'BoolSetter',
+                    isRequired: false,
+                    initialValue: false
+                  }
+                }, {
+                  title: '组件类型',
+                  name: 'componentType',
+                  setter: {
+                    componentName: 'SelectSetter',
+                    props: {
+                      options: [{
+                        label: '输入框',
+                        value: 'Input'
+                      }, {
+                        label: '多行文本',
+                        value: 'TextArea'
+                      }, {
+                        label: '下拉选择',
+                        value: 'Select'
+                      }, {
+                        label: '单选组',
+                        value: 'RadioGroup'
+                      }, {
+                        label: '复选组',
+                        value: 'CheckboxGroup'
+                      }, {
+                        label: '数字输入',
+                        value: 'NumberPicker'
+                      }, {
+                        label: '日期选择',
+                        value: 'DatePicker'
+                      }, {
+                        label: '上传',
+                        value: 'Upload'
+                      }]
+                    },
+                    initialValue: 'Input'
+                  }
+                }, {
+                  title: '选项',
+                  name: 'options',
+                  setter: {
+                    componentName: 'ArraySetter',
+                    props: {
+                      itemSetter: {
+                        componentName: 'ObjectSetter',
+                        props: {
+                          config: {
+                            items: [{
+                              title: '名称',
+                              name: 'label',
+                              setter: {
+                                componentName: 'StringSetter',
+                                isRequired: true,
+                                initialValue: ''
+                              }
+                            }, {
+                              title: '值',
+                              name: 'value',
+                              setter: {
+                                componentName: 'StringSetter',
+                                isRequired: true,
+                                initialValue: ''
+                              }
+                            }]
+                          }
+                        }
+                      }
+                    },
+                    initialValue: []
+                  }
+                }, {
+                  title: '列跨度',
+                  name: 'columnSpan',
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 1,
+                      max: 4
+                    },
+                    initialValue: 1
+                  }
+                }, {
+                  title: '组件属性',
+                  name: 'componentProps',
+                  setter: {
+                    componentName: 'JsonSetter',
+                    isRequired: false
+                  }
+                }, {
+                  title: '表单项属性',
+                  name: 'formItemProps',
+                  setter: {
+                    componentName: 'JsonSetter',
+                    isRequired: false
+                  }
+                }],
+                extraSetter: {
+                  componentName: 'MixedSetter',
+                  isRequired: false,
+                  props: {}
+                }
+              }
+            }
+          }
+        },
+        initialValue: []
+      }
+    }, {
+      title: '显示提交按钮',
+      name: 'showSubmit',
+      setter: {
+        componentName: 'BoolSetter',
+        initialValue: true
+      }
+    }, {
+      title: '提交按钮文字',
+      name: 'submitText',
+      setter: {
+        componentName: 'StringSetter',
+        initialValue: '提交'
+      }
+    }, {
+      title: '提交时校验',
+      name: 'submitValidate',
+      setter: {
+        componentName: 'BoolSetter',
+        initialValue: true
+      }
+    }, {
+      title: '提交数据源',
+      name: 'submitDataSource',
+      setter: {
+        componentName: 'SetterFormVariable',
+        props: {
+          showAttributesPanel: false
+        }
+      }
+    }, {
+      title: '显示重置按钮',
+      name: 'showReset',
+      setter: {
+        componentName: 'BoolSetter',
+        initialValue: false
+      }
+    }, {
+      title: '重置按钮文字',
+      name: 'resetText',
+      setter: {
+        componentName: 'StringSetter',
+        initialValue: '重置'
+      }
+    }],
+    supports: {
+      style: true,
+      events: [{
+        name: 'onSubmit',
+        template: "onSubmit(values, errors, field,${extParams}){\n// 提交成功（无校验错误）\nconsole.log('onSubmit', values, errors, field);\n}"
+      }, {
+        name: 'onSubmitFailed',
+        template: "onSubmitFailed(values, errors, field,${extParams}){\n// 提交失败（校验错误）\nconsole.log('onSubmitFailed', values, errors, field);\n}"
+      }]
+    }
+  }
+};
+var snippets = [{
+  title: '自定义表单',
+  screenshot: '',
+  schema: {
+    componentName: 'CustomForm',
+    props: {
+      columns: 1,
+      formItems: [{
+        field: 'name',
+        label: '姓名',
+        required: true,
+        componentType: 'Input',
+        componentProps: {
+          placeholder: '请输入姓名'
+        }
+      }, {
+        field: 'gender',
+        label: '性别',
+        componentType: 'RadioGroup',
+        options: [{
+          label: '男',
+          value: 'male'
+        }, {
+          label: '女',
+          value: 'female'
+        }]
+      }],
+      showSubmit: true,
+      submitText: '提交'
+    }
+  }
+}];
+export default _extends({}, CustomFormMeta, {
+  snippets: snippets
+});

package/lowcode_es/meta.js

@@ -7,6 +7,7 @@ import CollapseSelectorItemMeta from 'E:/projects/source-code/pupu-lowcode/lowco
 import CollapseSelectorMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/collapse-selector/meta';
 import CollapseMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/collapse/meta';
 import CustomDrawerMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/custom-drawer/meta';
+import CustomFormMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/custom-form/meta';
 import CustomRadioGroupItemMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/custom-radio-group-item/meta';
 import CustomRadioGroupMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/custom-radio-group/meta';
 import CustomSelectMeta from 'E:/projects/source-code/pupu-lowcode/lowcode-react-material/lowcode/custom-select/meta';
@@ -116,7 +117,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = '@dckj-npm/dc-material';
   }
   if (version === void 0) {
-    version = '0.1.359';
+    version = '0.1.360';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {
@@ -143,7 +144,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
   }
   return meta;
 }
-var componentMetas = [AccordionSelectorMeta, AddressListMeta, BreadCrumbMeta, Button2Meta, CollapseSelectorItemMeta, CollapseSelectorMeta, CollapseMeta, CustomDrawerMeta, CustomRadioGroupItemMeta, CustomRadioGroupMeta, CustomSelectMeta, DCSliderMeta, DrawerMeta, FormMeta, GoodsCardListCommonMeta, GoodsCardListMeta, GridNavMeta, ImageMeta, InputMeta, IntegralTaskMeta, ItemMeta, MemberCardMeta, MenuListMeta, MessageListMeta, NavigationMeta, NoticeBarMeta, PositionMeta, ProfileMeta, RatingMeta, ReviewListMeta, RichTextMeta, SearchBarMeta, SearchHistoryListMeta, ShoppingCartMeta, StreamListMeta, SwiperMeta, SwitchMeta, TabContainerItemMeta, TabContainerMeta, TabMessageMeta, TagCMeta, TeletextListMeta, TextDescriptionDetailListMeta, Title1Meta, Title2Meta, UserCardMeta];
+var componentMetas = [AccordionSelectorMeta, AddressListMeta, BreadCrumbMeta, Button2Meta, CollapseSelectorItemMeta, CollapseSelectorMeta, CollapseMeta, CustomDrawerMeta, CustomFormMeta, CustomRadioGroupItemMeta, CustomRadioGroupMeta, CustomSelectMeta, DCSliderMeta, DrawerMeta, FormMeta, GoodsCardListCommonMeta, GoodsCardListMeta, GridNavMeta, ImageMeta, InputMeta, IntegralTaskMeta, ItemMeta, MemberCardMeta, MenuListMeta, MessageListMeta, NavigationMeta, NoticeBarMeta, PositionMeta, ProfileMeta, RatingMeta, ReviewListMeta, RichTextMeta, SearchBarMeta, SearchHistoryListMeta, ShoppingCartMeta, StreamListMeta, SwiperMeta, SwitchMeta, TabContainerItemMeta, TabContainerMeta, TabMessageMeta, TagCMeta, TeletextListMeta, TextDescriptionDetailListMeta, Title1Meta, Title2Meta, UserCardMeta];
 var components = [];
 var npmInfo = {};
 componentMetas.forEach(function (meta) {