@pisell/materials 6.0.14 → 6.0.16

package/lowcode/form-item-input.phone/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.Phone',
   title: '电话号码输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.subdomain/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.Subdomain',
   title: '子域名输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.text-area/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.TextArea',
   title: '多行文本',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-input.url/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemInput.URL',
   title: '链接输入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-radio/meta.ts

@@ -5,7 +5,7 @@ export default {
   snippets,
   componentName: 'FormItemRadio',
   title: '单选框',
-  category: '表单',
+  category: '无代码表单',
   group: "无代码组件",
   docUrl: "",
   screenshot: "",

package/lowcode/form-item-radio.group/meta.ts

@@ -4,7 +4,7 @@ import { formItemGeneralDataGroup,generalItemMap, getFormItemGeneralInfoGroup, f
 export default {
   componentName: 'FormItemRadio.Group',
   title: '单选框组',
-  category: '表单',
+  category: '无代码表单',
   group: "无代码组件",
   docUrl: "",
   screenshot: "",

package/lowcode/form-item-select/meta.ts

@@ -14,7 +14,7 @@ export default {
   snippets,
   componentName: 'FormItemSelect',
   title: '选择器',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-time-picker/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemTimePicker',
   title: '时间录入',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-translation/meta.ts

@@ -10,7 +10,7 @@ export default {
   snippets,
   componentName: 'FormItemTranslation',
   title: '多语言文本',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/form-item-upload/meta.ts

@@ -11,7 +11,7 @@ export default {
   snippets,
   componentName: 'FormItemUpload',
   title: '多媒体文件上传',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/icon-select/meta.ts

@@ -0,0 +1,98 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { AntdIconSetter } from '../_setters';
+
+const IconSelectMeta: ComponentMetadata = {
+  componentName: 'IconSelect',
+  title: '选择图标',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '0.1.0',
+    exportName: 'IconSelect',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'value',
+            'zh-CN': '当前图标',
+          },
+        },
+        name: 'value',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'defaultValue',
+            'zh-CN': '默认图标',
+          },
+        },
+        name: 'defaultValue',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'disabled',
+            'zh-CN': '是否禁用',
+          },
+        },
+        name: 'disabled',
+        setter: 'BoolSetter',
+        defaultValue: false,
+        supportVariable: true,
+      },
+    ],
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(icon,${extParams}){\n// 选择icon变化时的回调\nconsole.log('onChange',icon);}",
+        },
+      ],
+    },
+    component: {
+      isContainer: false,
+      nestingRule: {
+        childWhitelist: [],
+      },
+    },
+  },
+  experimental: {
+    callbacks: {},
+  },
+  category: '表单',
+};
+
+const snippets: Snippet[] = [
+  {
+    title: '选择图标',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/icon-1.jpg',
+    schema: {
+      componentName: 'IconSelect',
+      props: {
+        placeholder: '选择图标',
+      },
+    },
+  },
+];
+
+export default {
+  ...IconSelectMeta,
+  snippets,
+};

package/lowcode/image/meta.ts

@@ -49,6 +49,25 @@ export default {
       title: { label: "高度", tip: "高度" },
       propType: "number",
     },
+    {
+      name: "fallbackType",
+      title: { label: "占位图", tip: "占位图类型" },
+      propType: {
+        type: "oneOf",
+        value: ["image", "avatar", "product"]
+      },
+      defaultValue: "image",
+      setter: {
+        componentName: "SelectSetter",
+        props: {
+          options: [
+            { label: "图片", value: "image" },
+            { label: "人像", value: "avatar" }, 
+            { label: "商品", value: "product" }
+          ]
+        }
+      }
+    }
   ],
   configure: {
     supports: {

package/lowcode/image/snippets.ts

@@ -5,6 +5,7 @@ export default [
     schema: {
       componentName: 'Image',
       props: {
+        fallbackType: "image",
         src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
         height: 120,
         width: 120,

package/lowcode/json-wrapper/meta.ts

@@ -5,7 +5,7 @@ import snippets from './snippets';
 const JsonWrapperMeta: ComponentMetadata = {
   componentName: 'JsonWrapper',
   title: 'JSON包装器',
-  category: '表单',
+  category: '无代码表单',
   group: '无代码组件',
   docUrl: '',
   screenshot: '',

package/lowcode/pisell-app-card/meta.ts

@@ -0,0 +1,286 @@
+import {
+  IPublicTypeComponentMetadata,
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+import { AntdIconSetter } from "../_setters";
+
+const PisellAppCardMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellAppCard',
+  title: 'PisellAppCard',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellAppCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        name: 'avatar',
+        title: '头像',
+        setter: 'StringSetter',
+      },
+      {
+        name: "icon",
+        title: '图标',
+        setter: AntdIconSetter,
+      },
+      {
+        name: 'tags',
+        title: '标签',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'label',
+                      title: '标签文本',
+                      setter: 'StringSetter',
+                    },
+                    {
+                      name: 'type',
+                      title: { label: '展示类型' },
+                      setter: {
+                        componentName: 'RadioGroupSetter',
+                        props: {
+                          options: [
+                            {
+                              title: '填充',
+                              value: 'pill_color',
+                            },
+                            {
+                              title: '边框',
+                              value: 'pill_outline',
+                            },
+                          ],
+                        },
+                      },
+                      propType: {
+                        type: 'oneOf',
+                        value: ['pill_color', 'pill_outline'],
+                      },
+                      defaultValue: 'pill_color',
+                    },
+                    {
+                      name: 'color',
+                      title: { label: '颜色' },
+                      setter: [
+                        {
+                          componentName: 'RadioGroupSetter',
+                          props: {
+                            options: [
+                              {
+                                title: 'Success',
+                                value: 'success',
+                              },
+                              {
+                                title: 'Warning',
+                                value: 'warning',
+                              },
+                              {
+                                title: 'Error',
+                                value: 'error',
+                              },
+                              {
+                                title: 'Gray',
+                                value: 'gray',
+                              },
+                            ],
+                          },
+                        },
+                        'ColorSetter',
+                        'StringSetter',
+                      ],
+                      propType: {
+                        type: 'oneOf',
+                        value: ['success', 'warning', 'error', 'gray'],
+                      },
+                      defaultValue: 'success',
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  label: '标签1',
+                  type: 'pill_color',
+                  color: 'success',
+                };
+              },
+            },
+          },
+        },
+      },
+      {
+        name: 'title',
+        title: '标题',
+        setter: 'PisellI18nSetter',
+      },
+      {
+        name: 'description',
+        title: '描述',
+        setter: 'PisellI18nSetter',
+      },
+      {
+        name: 'bottomButtons',
+        title: '底部按钮',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'label',
+                      title: '按钮文本',
+                      setter: 'PisellI18nSetter',
+                    },
+                    {
+                      name: 'type',
+                      title: '按钮类型',
+                      setter: {
+                        componentName: 'SelectSetter',
+                        props: {
+                          options: [
+                            {
+                              title: 'primary button',
+                              value: 'primary',
+                            },
+                            {
+                              title: 'default button',
+                              value: 'default',
+                            },
+                            {
+                              title: 'dashed button',
+                              value: 'dashed',
+                            },
+                            {
+                              title: 'danger button',
+                              value: 'danger',
+                            },
+                            {
+                              title: 'link button',
+                              value: 'link',
+                            },
+                            {
+                              title: 'text button',
+                              value: 'text',
+                            },
+                          ],
+                        },
+                      },
+                    },
+                    {
+                      name: 'onClick',
+                      title: '点击事件',
+                      setter: 'FunctionSetter',
+                    },
+                    {
+                      name: 'hidden',
+                      title: '隐藏',
+                      setter: 'BoolSetter',
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  label: '查看详情',
+                };
+              },
+            },
+          },
+        },
+      },
+      {
+        name: 'moreActions',
+        title: '更多操作',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'label',
+                      title: '操作文本',
+                      setter: 'PisellI18nSetter',
+                    },
+                    {
+                      name: 'onClick',
+                      title: '点击事件',
+                      setter: 'FunctionSetter',
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  label: '查看详情',
+                };
+              },
+            },
+          },
+        },
+      },
+    ],
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: 'PisellAppCard',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellAppCard',
+      props: {
+        title: '应用名称',
+        description: '这是一个示例应用描述',
+        avatar:
+          'https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/media/tenant-0/2025/01/21/01jj3913k6jdxt1qw6n1rxjyn5.png',
+        tags: [
+          {
+            label: '标签1',
+            type: 'pill_color',
+            color: 'success',
+          },
+        ],
+        moreActions: [
+          {
+            label: '查看详情',
+          },
+        ],
+        bottomButtons: [
+          {
+            label: '查看详情',
+          },
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellAppCardMeta,
+  snippets,
+};