@pisell/materials 6.0.20 → 6.0.22

package/lowcode/pisell-section-headers/meta.ts

@@ -0,0 +1,91 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellSectionHeaders',
+  title: '顶部内容区块',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellSectionHeaders',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    // {
+    //   title: '基础',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+    //     {
+    //       name: 'background',
+    //       title: { label: '背景色', tip: 'background | 背景色' },
+    //       propType: 'string',
+    //       setter: 'ColorSetter',
+    //     },
+    //   ],
+    // },
+    {
+      name: 'backNode',
+      title: { label: '返回区域', tip: 'backNode | 返回区域' },
+      propType: 'node',
+      setter: {
+        componentName: 'SlotSetter',
+        initialValue: {
+          type: 'JSSlot',
+          value: [],
+        },
+      },
+
+    },
+    {
+      name: 'centerNode',
+      title: { label: '中间区域', tip: 'centerNode | 中间区域' },
+      propType: 'node',
+      setter: {
+        componentName: 'SlotSetter',
+        initialValue: {
+          type: 'JSSlot',
+          value: [],
+        },
+      },
+    },
+    {
+      name: 'actionNode',
+      title: { label: '操作区域', tip: 'actionNode | 操作区域' },
+      propType: 'node',
+      setter: {
+        componentName: 'SlotSetter',
+        initialValue: {
+          type: 'JSSlot',
+          value: [],
+        },
+      },
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onBack',
+          template:
+            "onBack(value,${extParams}){\n// 返回事件的回调\nconsole.log('onBack',value);}",
+        },
+        {
+          name: 'onAction',
+          template:
+            "onAction(value,${extParams}){\n// 右侧操作事件的回调\nconsole.log('onAction',value);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-section-headers/snippets.ts

@@ -0,0 +1,22 @@
+export default [
+  {
+    title: '顶部内容区块',
+    schema: {
+      componentName: 'PisellSectionHeaders',
+      props: {
+        backNode: {
+          type: "JSSlot",
+          value: [],
+        },
+        centerNode: {
+          type: "JSSlot",
+          value: [],
+        },
+        actionNode: {
+          type: "JSSlot",
+          value: [],
+        },
+      },
+    },
+  },
+];

package/lowcode/product-card/meta.ts

@@ -0,0 +1,92 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'ProductCard',
+  title: '商品卡片',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'ProductCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "dataSource",
+          title: { label: "商品信息", tip: "商品信息" },
+          propType: "object",
+          setter: "JsonSetter",
+        },
+      ],
+    },
+    {
+      title: '卡片信息展示',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: "isShowImage",
+          title: { label: "商品图片", tip: "商品图片" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowHolder",
+          title: { label: "Holder name", tip: "主体名称" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowNote",
+          title: { label: "备注信息", tip: "商品备注信息" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "isShowDelete",
+          title: { label: "删除按钮", tip: "操作删除商品" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+      ],
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onDelete',
+          template:
+            "onDelete(open,${extParams}){\n// 删除商品的回调\nconsole.log('onDelete',open);}",
+        },
+        {
+          name: 'addNote',
+          template:
+            "addNote(open,${extParams}){\n// 添加备注的回调\nconsole.log('addNote',open);}",
+        },
+        {
+          name: 'addTime',
+          template:
+            "addTime(open,${extParams}){\n// 添加时间的回调\nconsole.log('addTime',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/product-card/snippets.ts

@@ -0,0 +1,23 @@
+export default [
+  {
+    title: '商品卡片',
+    // screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    screenshot: '',
+    schema: {
+      componentName: 'ProductCard',
+      props: {
+        dataSource: {
+          title: '商品标题',
+          num: 1,
+          price: 100,
+          total: 120,
+          symbol: '&'
+        },
+        isShowImage: true,
+        isShowHolder: true,
+        isShowNote: true,
+        isShowDelete: true,
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.20",
+  "version": "6.0.22",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,7 +71,7 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
-    "@pisell/date-picker": "1.0.100",
+    "@pisell/date-picker": "3.0.2",
     "@pisell/icon": "0.0.11",
     "@pisell/utils": "1.0.42"
   },