@pisell/materials 2.2.13 → 2.2.14

package/lowcode/modal/meta.ts

@@ -46,7 +46,7 @@ export default {
       name: "centered",
       title: { label: "垂直居中", tip: "垂直居中展示 Modal" },
       propType: "bool",
-      defaultValue: false,
+      defaultValue: true,
       setter: "BoolSetter",
       supportVariable: true,
     },

package/lowcode/page/meta.ts

@@ -15,7 +15,14 @@ const PageMeta: ComponentMetadata = {
     subName: "",
   },
   configure: {
-    props: [],
+    props: [
+      {
+        name: "theme",
+        title: { label: "主题定制", tip: "主题定制 ｜ theme" },
+        propType: "object",
+        setter: "JsonSetter",
+      },
+    ],
     supports: {
       style: true,
     },

package/lowcode/pisell-alert/meta.ts

@@ -0,0 +1,117 @@
+import { ComponentMetadata } from "@alilc/lowcode-types";
+import snippets from "./snippets";
+
+const AlertMeta: ComponentMetadata = {
+  componentName: "PisellAlert",
+  title: "警告提示",
+  category: "反馈",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAlert",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "type",
+      title: { label: "类型", tip: "类型" },
+      propType: {
+        type: "oneOf",
+        value: ["success", "info", "warning", "error"],
+      },
+    },
+    {
+      name: "showDismiss",
+      title: { label: "忽略按钮", tip: "忽略按钮" },
+      propType: "bool",
+    },
+    {
+      name: "dismiss",
+      title: { label: "", tip: "" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "showView",
+      title: { label: "行为按钮", tip: "行为按钮" },
+      propType: "bool",
+    },
+    {
+      name: "view",
+      title: { label: "", tip: "" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "closable",
+      title: { label: "关闭按钮", tip: "关闭按钮" },
+      propType: "bool",
+    },
+    {
+      name: "icon",
+      title: {
+        label: "图标",
+        tip: "自定义图标，`showIcon` 为 true 时有效",
+      },
+      propType: "node",
+    },
+    {
+      name: "description",
+      title: {
+        label: "正文内容",
+        tip: "正文内容",
+      },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "message",
+      title: { label: "标题内容", tip: "标题内容" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ["PisellI18nSetter", "SlotSetter"],
+    },
+    {
+      name: "showIcon",
+      title: { label: "显示图标", tip: "是否显示辅助图标" },
+      propType: "bool",
+    },
+    {
+      name: "onClose",
+      title: { label: "关闭时触发的回调函数", tip: "关闭时触发的回调函数" },
+      propType: "func",
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClose",
+          template:
+            "onChange(event,${extParams}){\n// 关闭时触发的回调函数\nconsole.log('onChange');}",
+        },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+        {
+          name: "onViewClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击行为按钮的回调\nconsole.log('onClick', event);}",
+        },
+      ],
+    },
+    component: {},
+  },
+};
+
+export default {
+  ...AlertMeta,
+  snippets,
+};

package/lowcode/pisell-alert/snippets.ts

@@ -0,0 +1,50 @@
+export default [
+  {
+    title: '成功提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Success Tips',
+        description: 'Detailed description and advice about successful copywriting.',
+        type: 'success',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '信息提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Informational Notes',
+        description: 'Additional description and information about copywriting.',
+        type: 'info',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '警告提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Warning',
+        description: 'This is a warning notice about copywriting.',
+        type: 'warning',
+        showIcon: true,
+      },
+    },
+  },
+  {
+    title: '错误提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: 'Error',
+        description: 'This is an error message about copywriting.',
+        type: 'error',
+        showIcon: true,
+      },
+    },
+  },
+];

package/lowcode/pisell-card/meta.ts

@@ -0,0 +1,100 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellCard",
+  title: "卡片",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCard",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  experimental: { hideSelectTools: true },
+  props: [
+    {
+      name: "title",
+      title: { label: "卡片标题", tip: "卡片标题" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
+    // {
+    //   name: 'actions',
+    //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
+    //   propType: { type: 'arrayOf', value: 'node' },
+    // },
+    // {
+    //   name: 'headStyle',
+    //   title: { label: '标题区域样式', tip: '自定义标题区域样式' },
+    //   propType: 'object',
+    // },
+    // {
+    //   name: 'bodyStyle',
+    //   title: { label: '内容区域样式', tip: '内容区域自定义样式' },
+    //   propType: 'object',
+    // },
+    {
+      name: "bordered",
+      title: { label: "显示边框", tip: "是否有边框" },
+      propType: "bool",
+      defaultValue: true,
+    },
+    {
+      name: "cover",
+      title: { label: "卡片封面", tip: "卡片封面" },
+      propType: "node",
+    },
+    {
+      name: "extra",
+      title: { label: "额外元素", tip: "卡片右上角的操作区域" },
+      propType: { type: "oneOfType", value: ["string", "node"] },
+      setter: ['PisellI18nSetter', 'SlotSetter']
+    },
+    {
+      name: "hoverable",
+      title: { label: "可浮起", tip: "鼠标移过时可浮起" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "loading",
+      title: {
+        label: "loading",
+        tip: "当卡片内容还在加载中时，可以用 loading 展示一个占位",
+      },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "size",
+      title: { label: "尺寸", tip: "card 的尺寸" },
+      propType: { type: "oneOf", value: ["default", "small"] },
+      defaultValue: "default",
+    },
+    {
+      name: "type",
+      title: { label: "卡片类型", tip: "卡片类型" },
+      propType: { type: "oneOf", value: ["default", "inner"] },
+      defaultValue: "default",
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onTabChange",
+          template:
+            "onTabChange(key,${extParams}){\n// 页签切换的回调\nconsole.log('onTabChange', key);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-card/snippets.ts

@@ -0,0 +1,10 @@
+export default [
+  {
+    title: 'Card卡片',
+    schema: {
+      componentName: 'PisellCard',
+      props: {
+      },
+    },
+  },
+];

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

@@ -0,0 +1,145 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellCardList',
+  title: 'PisellCardList',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellCardList',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: "platform",
+      title: {
+        label: "平台",
+      },
+      propType: { type: "oneOf", value: ["h5", "pc", "ipad"] },
+      setter: [
+        {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "h5",
+                value: "h5",
+              },
+              {
+                title: "pc",
+                value: "pc",
+              },
+              {
+                title: "ipad",
+                value: "ipad",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+      defaultValue: "pc",
+    },
+    {
+      name: "mode",
+      title: {
+        label: "选择类型",
+      },
+      propType: { type: "oneOf", value: ["multiple", "single", null] },
+      setter: [
+        {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "不选",
+                value: null,
+              },
+              {
+                title: "单选",
+                value: "single",
+              },
+              {
+                title: "多选",
+                value: "multiple",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+      defaultValue: "single",
+    },
+    {
+      name: 'showName',
+      title: { label: '显示商品名称', tip: '显示商品名称' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showStoreName',
+      title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showRedeem',
+      title: { label: '显示使用金额', tip: '显示使用金额' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showBalance',
+      title: { label: '显示余额', tip: '显示余额' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showCode',
+      title: { label: '显示识别码编号', tip: '显示识别码编号' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showValidDate',
+      title: { label: '显示有效期', tip: '显示有效期' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showDetail',
+      title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showQrCode',
+      title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+    {
+      name: 'showCover',
+      title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: true,
+    },
+  ],
+  configure: { supports: { style: true } },
+};

package/lowcode/pisell-card-list/snippets.ts

@@ -0,0 +1,9 @@
+export default [
+  {
+    title: 'PisellCardList',
+    schema: {
+      componentName: 'PisellCardList',
+      props: {},
+    },
+  },
+];

package/lowcode/pisell-checkbox-group/meta.ts

@@ -0,0 +1,112 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellCheckboxGroup",
+  title: "Pisell Checkbox Group",
+  category: "布局",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCheckboxGroup",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "platform",
+      title: {
+        label: "平台",
+      },
+      propType: { type: "oneOf", value: ["h5", "pc", "ipad"] },
+      setter: [
+        {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "h5",
+                value: "h5",
+              },
+              {
+                title: "pc",
+                value: "pc",
+              },
+              {
+                title: "ipad",
+                value: "ipad",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+      defaultValue: "pc",
+    },
+    {
+      name: 'gap',
+      title: { label: '间距' },
+      propType: 'number',
+      defaultValue: 10,
+      setter: ['NumberSetter', 'StringSetter', 'VariableSetter']
+    },
+    {
+      name: 'leftContent',
+      title: { label: '左侧内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: 'centerContent',
+      title: { label: '中间内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: 'rightContent',
+      title: { label: '右侧内容' },
+      propType: "func",
+      setter: [
+        {
+          componentName: "SlotSetter",
+        },
+        {
+          componentName: "FunctionSetter",
+        },
+        "VariableSetter",
+      ],
+    },
+  ],
+  configure: {
+    component: {
+      centerContentFill: true,
+      platform: 'pc'
+    },
+    supports: {
+      style: true,
+      events: [
+
+      ],
+    },
+  },
+};

package/lowcode/pisell-checkbox-group/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: 'PisellCheckboxGroup',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/1-1-1.png',
+    schema: {
+      componentName: 'PisellCheckboxGroup',
+      props: {
+
+      },
+
+    },
+  },
+];

package/lowcode/pisell-container/meta.ts

@@ -0,0 +1,71 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellContainer',
+  title: 'PisellContainer',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellContainer',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'renderType',
+      title: {
+        label: '渲染类型',
+        tip: 'renderType | 渲染类型',
+      },
+      setter: {
+        componentName: 'SelectSetter',
+        props: {
+          options: [
+            {
+              title: '弹窗',
+              value: 'modal',
+            },
+            {
+              title: '抽屉',
+              value: 'drawer',
+            },
+            {
+              title: '指定位置',
+              value: 'portal',
+            },
+            {
+              title: '当前位置',
+              value: '',
+            },
+          ],
+        },
+      },
+      propType: {
+        type: 'oneOf',
+        value: ['modal', 'drawer', 'portal', ''],
+      },
+    },
+    {
+      name: "props",
+      title: {
+        label: "组件props",
+        tip: "组件props",
+      },
+      propType: "object",
+      setter: "JsonSetter",
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+      isModal: true,
+    },
+    supports: { style: true },
+  },
+};

package/lowcode/pisell-container/snippets.ts

@@ -0,0 +1,14 @@
+export default [
+  {
+    title: 'PisellContainer',
+    schema: {
+      componentName: 'PisellContainer',
+      props: {
+        renderType: "modal",
+        props: {
+          open: true
+        }
+      },
+    },
+  },
+];