@pisell/materials 6.0.22 → 6.1.2

package/lowcode/pisell-adjust-price/meta.ts

@@ -17,6 +17,174 @@ export default {
     subName: "",
   },
   props: [
+    {
+      name: 'selectType',
+      title: { label: '选择类型', tip: 'selectType | 选择类型' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: 'Light', value: 'light' },
+            { title: 'Dark', value: 'dark' },
+          ],
+        },
+      },
+      defaultValue: 'light',
+      extraProps: {
+        onChange: (value: string, target: any) => {
+          // 根据主题切换自动设置颜色
+          const isLight = value === 'light';
+
+          target.getProps().setPropValue('backgroundColor', isLight ? '#ffffff' : 'rgba(0, 0, 0, 0.70)');
+          target.getProps().setPropValue('containerBackgroundColor', isLight ? '#d0d5dd' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('buttonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('textColor', "#000000");
+          target.getProps().setPropValue('resetButtonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('resetButtonTextColor', "#d92d20");
+          target.getProps().setPropValue('doneButtonBackgroundColor', "#4ca30d");
+          target.getProps().setPropValue('doneButtonTextColor', "#ffffff");
+          target.getProps().setPropValue('isDoneButtonFollowTheme', true);
+          target.getProps().setPropValue('isShowMainText', true);
+          target.getProps().setPropValue('isShowSubText', true);
+          target.getProps().setPropValue('mainTextColor', isLight ? '#101828' : '#ffffff');
+          target.getProps().setPropValue('subTextColor', isLight ? '#667085' : '#d0d5dd');
+        }
+      }
+    },
+    {
+      name: "backgroundColor",
+      title: {
+        label: "背景色",
+        tip: "backgroundColor | 背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+
+    },
+    {
+      name: "containerBackgroundColor",
+      title: {
+        label: "容器背景色",
+        tip: "containerBackgroundColor | 容器背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#d0d5dd",
+    },
+    {
+      name: "buttonBackgroundColor",
+      title: {
+        label: "按钮背景色",
+        tip: "buttonBackgroundColor | 按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "textColor",
+      title: {
+        label: "文本颜色",
+        tip: "textColor | 文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#000000",
+    },
+    {
+      name: "resetButtonBackgroundColor",
+      title: {
+        label: "重置按钮背景色",
+        tip: "resetButtonBackgroundColor | 重置按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "resetButtonTextColor",
+      title: {
+        label: "重置按钮文本颜色",
+        tip: "resetButtonTextColor | 重置按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#d92d20",
+    },
+    {
+      name: 'isDoneButtonFollowTheme',
+      title: { label: 'Done按钮颜色跟随主题色', tip: 'isDoneButtonFollowTheme | Done按钮颜色跟随主题色' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: "doneButtonBackgroundColor",
+      title: {
+        label: "Done按钮背景色",
+        tip: "doneButtonBackgroundColor | Done按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#4ca30d",
+      condition(target: any) {
+        return !target.getProps().getPropValue("isDoneButtonFollowTheme");
+      },
+    },
+    {
+      name: "doneButtonTextColor",
+      title: {
+        label: "Done按钮文本颜色",
+        tip: "doneButtonTextColor | Done按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+      condition(target: any) {
+        return !target.getProps().getPropValue("isDoneButtonFollowTheme");
+      },
+    },
+    {
+      name: 'isShowMainText',
+      title: { label: '显示主文案', tip: 'isShowMainText | 显示主文案' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: "mainTextColor",
+      title: {
+        label: "主文案颜色",
+        tip: "mainTextColor | 主文案颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#101828",
+      condition(target: any) {
+        return target.getProps().getPropValue("isShowMainText");
+      },
+    },
+    {
+      name: 'isShowSubText',
+      title: { label: '显示副文案', tip: 'isShowSubText | 显示副文案' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter'
+    },
+    {
+      name: "subTextColor",
+      title: {
+        label: "副文案颜色",
+        tip: "subTextColor | 副文案颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#667085",
+      condition(target: any) {
+        return target.getProps().getPropValue("isShowSubText");
+      },
+    },
     {
       name: 'defaultValue',
       title: { label: '默认值', tip: '默认值' },

package/lowcode/pisell-adjust-price/snippets.ts

@@ -4,6 +4,7 @@ export default [
     schema: {
       componentName: 'PisellAdjustPrice',
       props: {
+        selectType: 'light',
       },
     },
   },

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

@@ -1,4 +1,6 @@
 import snippets from './snippets';
+import { actionsMeta } from '../pisell-wallet-pass-card/actionsMeta';
+import { IPublicModelSettingField } from '@alilc/lowcode-types';
 
 export default {
   snippets,
@@ -18,153 +20,227 @@ export default {
   },
   props: [
     {
-      name: 'platform',
-      title: {
-        label: '平台',
-      },
-      propType: { type: 'oneOf', value: ['h5', 'pc', 'ipad'] },
-      setter: [
-        {
-          componentName: 'RadioGroupSetter',
-          props: {
-            options: [
-              {
-                title: 'h5',
-                value: 'h5',
+      type: 'group',
+      title: { label: '外观' },
+      display: 'block',
+      items: [
+        {
+          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',
+                  },
+                ],
               },
-              {
-                title: 'pc',
-                value: 'pc',
+            },
+            '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',
+                  },
+                ],
               },
-              {
-                title: 'ipad',
-                value: 'ipad',
+            },
+            'VariableSetter',
+          ],
+          defaultValue: 'single',
+        },
+        {
+          name: 'direction',
+          title: { label: '方向' },
+          propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: '水平',
+                    value: 'horizontal',
+                  },
+                  {
+                    title: '垂直',
+                    value: 'vertical',
+                  },
+                ],
               },
-            ],
+            },
+            'VariableSetter'
+          ],
+          defaultValue: 'vertical'
+        },
+        {
+          name: 'fullWidth',
+          condition: (target: IPublicModelSettingField) => {
+            return target.parent.getPropValue('direction') === 'horizontal';
           },
+          title: { label: '卡片宽度跟随父级' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
         },
-        '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',
+        {
+          name: 'type',
+          title: { label: '卡片样式' },
+          propType: { type: 'oneOf', value: ['mini', 'default'] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: 'Mini',
+                    value: 'mini',
+                  },
+                  {
+                    title: '默认',
+                    value: 'default',
+                  },
+                ],
               },
-            ],
-          },
+            },
+          ],
+          defaultValue: 'default',
         },
-        'VariableSetter',
-      ],
-      defaultValue: 'single',
-    },
-    {
-      name: 'data',
-      title: { label: '当前list数据', tip: '当前list数据' },
-      setter: ['JsonSetter', 'VariableSetter'],
-    },
-    {
-      name: 'hasMore',
-      title: { label: '是否有更多数据', tip: '是否有更多数据' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: false,
-    },
-    {
-      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,
-    },
-    {
-      name: 'showEmpty',
-      title: { label: '是否展示空占位', tip: '是否展示空占位' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: false,
+      type: 'group',
+      title: { label: '卡片信息展示' },
+      display: 'block',
+      items: [
+        {
+          name: 'data',
+          title: { label: '当前list数据', tip: '当前list数据' },
+          setter: ['JsonSetter', 'VariableSetter'],
+        },
+        {
+          name: 'hasMore',
+          title: { label: '是否有更多数据', tip: '是否有更多数据' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          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,
+        },
+        {
+          name: 'showEmpty',
+          title: { label: '是否展示空占位', tip: '是否展示空占位' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'value',
+          title: { label: '当前选中值', tip: '当前选中值' },
+          propType: 'number',
+          setter: 'NumberSetter',
+        },
+      ]
     },
     {
-      name: 'value',
-      title: { label: '当前选中值', tip: '当前选中值' },
-      propType: 'number',
-      setter: 'NumberSetter',
-    },
+      ...actionsMeta
+    }
   ],
   configure: {
     supports: {
@@ -175,6 +251,16 @@ export default {
           template:
             "onChange(event,${extParams}){\n// 选择变化时的回调\nconsole.log('onChange',event);}",
         },
+         {
+          name: 'beforeEdit',
+          template:
+            "beforeEdit(value, index){\n// 点击编辑按钮后，弹窗展示前\nconsole.log('beforeEdit');}",
+        },
+        {
+          name: 'onConfirmEdit',
+          templete:
+            "onConfirmEdit(value, index){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
+        },
       ],
     },
   },

package/lowcode/pisell-good-pass-card/meta.ts

@@ -0,0 +1,38 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellGoodPassCard',
+  title: '商品券卡片',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.0',
+    exportName: 'PisellGoodPassCard',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'dataSource',
+      title: { label: '数据源' },
+      setter: ['JsonSetter', 'VariableSetter'],
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,${extParams}){\n// 选择变化时的回调\nconsole.log('onChange',value);}",
+        },
+      ]
+    }
+  }
+}

package/lowcode/pisell-good-pass-card/snippets.ts

@@ -0,0 +1,9 @@
+export default [
+  {
+    title: '商品券',
+    schema: {
+      componentName: 'PisellGoodPassCard',
+      props: {}
+    }
+  }
+]

package/lowcode/pisell-navigation-menu/meta.ts

@@ -41,6 +41,18 @@ const PisellNavigationMenuMeta = {
       propType: 'string',
       setter: 'PisellI18nSetter',
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Can Drop',
+          'zh-CN': '是否可以拖拽',
+        },
+      },
+      name: 'canDrop',
+      propType: 'function',
+      setter: 'FunctionSetter',
+    },
   ],
   configure: {
     component: {