@dckj-npm/dc-material 0.1.359 → 0.1.361

package/lib/components/teletext-list/teletext-list-item.js

@@ -43,8 +43,10 @@ var TeletextListItem = function TeletextListItem(_ref) {
     _ref$textImgGap = _ref.textImgGap,
     textImgGap = _ref$textImgGap === void 0 ? 16 : _ref$textImgGap,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  // 只获取第一张图片
-  var resultImage = image && image.length > 0 ? image[0] : '';
+  // 处理图片地址，兼容字符串和数组，优先取第一个有效字符串
+  var resultImage = Array.isArray(image) ? image.find(function (item) {
+    return typeof item === 'string' && item.trim();
+  }) || '' : typeof image === 'string' ? image : '';
   var _otherProps = otherProps || {};
   var tagColorArray = ['orange', 'green'];
   var tagList = (typeof tags === 'string' ? tags.split(',') : []).map(function (tag) {
@@ -54,13 +56,17 @@ var TeletextListItem = function TeletextListItem(_ref) {
   });
 
   // console.log('itemType', itemType)
-  var containerClass = "teletext-list__panel__item image-" + imagePlacement + " itemColumns-" + itemColumns;
+  var containerClass = "teletext-list__panel__item image-" + imagePlacement + " itemColumns-" + itemColumns + " type-" + type;
   var containerStyle = (0, _extends2["default"])({
     padding: itemPadding + "px",
     backgroundColor: itemBgColor,
     alignItems: textAlign,
     gap: textImgGap + "px"
   }, style);
+  var imageStyle = {
+    width: imgWidth + "px",
+    height: imgHeight + "px"
+  };
 
   // 生成图标样式
   var getIconStyle = function getIconStyle(icon) {
@@ -115,10 +121,7 @@ var TeletextListItem = function TeletextListItem(_ref) {
   }, _otherProps), resultImage && (imagePlacement === 'left' || imagePlacement === 'top') && type !== 'textOnly' ? (0, _childrenNodeHandle.convertChildren)(children, 'image', {
     imgSrc: resultImage,
     className: 'teletext-list__panel__item_image',
-    style: {
-      width: imgWidth + "px",
-      height: imgHeight + "px"
-    }
+    style: imageStyle
   }) : null, type !== 'imgOnly' && itemType === '开关' && /*#__PURE__*/_react["default"].createElement("div", {
     className: "teletext-list__panel__item__switch",
     style: {
@@ -215,8 +218,9 @@ var TeletextListItem = function TeletextListItem(_ref) {
     src: "https://51ymb.com/source/api/upload/1075055372064133120/2025/202502/20250207/1085235703970926592.png",
     alt: ""
   }), "Remove"))), resultImage && (imagePlacement === 'right' || imagePlacement === 'bottom') && type !== 'textOnly' ? (0, _childrenNodeHandle.convertChildren)(children, 'image', {
-    src: resultImage,
-    className: 'teletext-list__panel__item_image'
+    imgSrc: resultImage,
+    className: 'teletext-list__panel__item_image',
+    style: imageStyle
   }) : null, iconList === null || iconList === void 0 ? void 0 : iconList.map(function (icon, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,

package/lib/components/teletext-list/teletext-list-item.scss

@@ -7,7 +7,22 @@
   gap: 5px;
   // padding-bottom: 10px;
   justify-content: flex-start;
+  align-items: flex-start;
   background-color: #f8f9fb;
+
+  &.type-imgOnly {
+    .teletext-list__panel__item_image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &.type-textOnly {
+    .teletext-list__panel__item__text {
+      width: 100%;
+      flex: 1;
+    }
+  }
   
   .teletext-list__panel__item_image {
     width: 100px;
@@ -28,6 +43,7 @@
   .teletext-list__panel__item__text {
     display: flex;
     flex-direction: column;
+    flex: 1;
     gap: 3px;
 
     .teletext-list__panel__item__text__item {

package/lib/components/teletext-list/teletext-list.js

@@ -78,6 +78,7 @@ var TeletextList = function TeletextList(_ref) {
   };
   var getDataList = function getDataList() {
     if (!dataList) return [];
+    console.log('dataList2', dataList);
     return Array.isArray(dataList) ? dataList : [dataList];
   };
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
@@ -107,7 +108,7 @@ var TeletextList = function TeletextList(_ref) {
     style: getListStyle()
   }, dataList ? getDataList().map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_teletextListItem["default"], (0, _extends2["default"])({
-      key: index,
+      key: item.id || index,
       onClick: onClick,
       imagePlacement: imagePlacement,
       style: itemRowAlign === 'row' ? {

package/lib/index.d.ts

@@ -79,5 +79,7 @@ export type { CollapseSelectorProps } from './components/collapse-selector';
 export { CollapseSelector } from './components/collapse-selector';
 export type { CollapseSelectorItemProps } from './components/collapse-selector-item';
 export { CollapseSelectorItem } from './components/collapse-selector-item';
+export type { CustomFormProps, CustomFormItemSchema, CustomFormItemType } from './components/custom-form';
+export { CustomForm } from './components/custom-form';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/lib/index.js

@@ -45,9 +45,10 @@ var _exportNames = {
   Rating: true,
   CollapseSelector: true,
   CollapseSelectorItem: true,
+  CustomForm: true,
   bizCssPrefix: true
 };
-exports.bizCssPrefix = exports.UserCard = exports.Title2 = exports.Title1 = exports.TextDescriptionDetailList = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Switch = exports.Swiper = exports.StreamList = exports.ShoppingCart = exports.SearchHistoryList = exports.SearchBar = exports.RichText = exports.ReviewList = exports.Rating = exports.Profile = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.MemberCard = exports.IntegralTask = exports.Input = exports.Image = exports.GridNav = exports.GoodsCardListCommon = exports.GoodsCardList = exports.DCSlider = exports.CustomSelect = exports.CustomRadioGroupItem = exports.CustomRadioGroup = exports.CustomDrawer = exports.CollapseSelectorItem = exports.CollapseSelector = exports.Collapse = exports.Button2 = exports.BreadCrumb = exports.AddressList = void 0;
+exports.bizCssPrefix = exports.UserCard = exports.Title2 = exports.Title1 = exports.TextDescriptionDetailList = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.Switch = exports.Swiper = exports.StreamList = exports.ShoppingCart = exports.SearchHistoryList = exports.SearchBar = exports.RichText = exports.ReviewList = exports.Rating = exports.Profile = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.MemberCard = exports.IntegralTask = exports.Input = exports.Image = exports.GridNav = exports.GoodsCardListCommon = exports.GoodsCardList = exports.DCSlider = exports.CustomSelect = exports.CustomRadioGroupItem = exports.CustomRadioGroup = exports.CustomForm = exports.CustomDrawer = exports.CollapseSelectorItem = exports.CollapseSelector = exports.Collapse = exports.Button2 = exports.BreadCrumb = exports.AddressList = void 0;
 var _swiper = _interopRequireDefault(require("./components/swiper"));
 exports.Swiper = _swiper["default"];
 var _dcSlider = _interopRequireDefault(require("./components/dc-slider"));
@@ -136,6 +137,8 @@ var _collapseSelector = require("./components/collapse-selector");
 exports.CollapseSelector = _collapseSelector.CollapseSelector;
 var _collapseSelectorItem = require("./components/collapse-selector-item");
 exports.CollapseSelectorItem = _collapseSelectorItem.CollapseSelectorItem;
+var _customForm = require("./components/custom-form");
+exports.CustomForm = _customForm.CustomForm;
 // 轮播图
 
 // 轮播图2号
@@ -222,4 +225,6 @@ exports.CollapseSelectorItem = _collapseSelectorItem.CollapseSelectorItem;
 
 // 折叠面板选择器2子项
 
+// 自定义表单
+
 var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

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;