@pisell/materials 6.0.22 → 6.1.2

package/lowcode/pisell-number-keyboard/meta.ts

@@ -54,6 +54,173 @@ const PisellNumberKeyboardMeta: ComponentMetadata = {
       propType: "string",
       setter: "PisellI18nSetter",
     },
+    {
+      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('keyboardBackgroundColor', isLight ? '#f9f9f9' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('keyboardButtonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('keyboardButtonTextColor', '#000000');
+          target.getProps().setPropValue('keyboardButtonHoverColor', '#f5f5f5');
+        }
+      }
+    },
+    {
+      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: "keyboardBackgroundColor",
+      title: {
+        label: "键盘背景色",
+        tip: "keyboardBackgroundColor | 键盘背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f9f9f9",
+    },
+    {
+      name: "keyboardButtonBackgroundColor",
+      title: {
+        label: "键盘按钮背景色",
+        tip: "keyboardButtonBackgroundColor | 键盘按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "keyboardButtonTextColor",
+      title: {
+        label: "键盘按钮文本颜色",
+        tip: "keyboardButtonTextColor | 键盘按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#000000",
+    },
+    {
+      name: "keyboardButtonHoverColor",
+      title: {
+        label: "键盘按钮悬停颜色",
+        tip: "keyboardButtonHoverColor | 键盘按钮悬停颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f5f5f5",
+    },
   ],
   configure: {
     supports: {

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

@@ -130,6 +130,173 @@ const PisellPriceKeyboardMeta: ComponentMetadata = {
         },
       ],
     },
+    {
+      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('keyboardBackgroundColor', isLight ? '#f9f9f9' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('keyboardButtonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('keyboardButtonTextColor', '#000000');
+          target.getProps().setPropValue('keyboardButtonHoverColor', '#f5f5f5');
+        }
+      }
+    },
+    {
+      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: "keyboardBackgroundColor",
+      title: {
+        label: "键盘背景色",
+        tip: "keyboardBackgroundColor | 键盘背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f9f9f9",
+    },
+    {
+      name: "keyboardButtonBackgroundColor",
+      title: {
+        label: "键盘按钮背景色",
+        tip: "keyboardButtonBackgroundColor | 键盘按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
+    {
+      name: "keyboardButtonTextColor",
+      title: {
+        label: "键盘按钮文本颜色",
+        tip: "keyboardButtonTextColor | 键盘按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#000000",
+    },
+    {
+      name: "keyboardButtonHoverColor",
+      title: {
+        label: "键盘按钮悬停颜色",
+        tip: "keyboardButtonHoverColor | 键盘按钮悬停颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#f5f5f5",
+    },
   ],
   configure: {
     supports: {

package/lowcode/pisell-wallet-pass-card/actionsMeta.ts

@@ -0,0 +1,217 @@
+import { IPublicModelSettingField } from '@alilc/lowcode-types';
+
+import React from 'react';
+
+const defaultFields = [
+  {
+    name: 'name',
+    label: '商品名称',
+  },
+  {
+    name: 'storeName',
+    label: '共享店铺名称'
+  },
+  {
+    name: 'balance',
+    label: '余额'
+  },
+  {
+    name: 'redeem',
+    label: '使用金额'
+  },
+  {
+    name: 'code',
+    label: '识别码编号'
+  },
+  {
+    name: 'validDate',
+    label: '有效期'
+  }
+]
+
+export const actionsMeta = {
+  title: { label: '卡片操作' },
+  type: 'group',
+  display: 'block',
+  items: [
+    {
+      name: 'showActions',
+      title: { label: '开启卡片操作' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: false,
+      extraProps:{
+        setValue: (target: IPublicModelSettingField, value: boolean) => {
+          const actions = target.parent.getPropValue('actions');
+          if (true === value && !actions) {
+            target.parent.setPropValue('actions', {
+              layout: 'expanded',
+              detail: {
+                visible: true,
+                iconColor: '#1570EF',
+              },
+              edit: {
+                visible: true,
+                iconColor: '#1570EF',
+                dialogTitle: '编辑',
+                enableDialog: true,
+                fields: [...defaultFields],
+              },
+            }) 
+          }
+          if (!value) {
+            target.parent.setPropValue('actions', undefined);
+          }
+        }
+      }
+    },
+    {
+      name: 'actions.layout',
+      title: { label: '操作展示' },
+      condition: (target: IPublicModelSettingField) =>
+        !!target.parent.getPropValue('showActions'),
+      setter: [
+        {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '平铺',
+                value: 'expanded',
+              },
+              {
+                title: '隐藏',
+                value: 'collapsed',
+              },
+            ],
+          },
+        },
+      ],
+      // defaultValue: 'expanded',
+    },
+    {
+      name: 'actions.detail',
+      title: { label: '详情' },
+      condition: (target: IPublicModelSettingField) =>
+        !!target.parent.getPropValue('showActions'),
+      display: 'entry',
+      propType: 'object',
+      // defaultValue: {
+      //   visible: true,
+      //   iconColor: '#1570EF',
+      // },
+      items: [
+        {
+          name: 'visible',
+          title: { label: '开启' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'iconColor',
+          title: { label: 'icon颜色' },
+          propType: 'string',
+          setter: 'ColorSetter',
+        },
+      ],
+    },
+    {
+      name: 'actions.edit',
+      title: { label: '编辑' },
+      condition: (target: IPublicModelSettingField) =>
+        !!target.parent.getPropValue('showActions'),
+      display: 'entry',
+      propType: 'object',
+      // defaultValue: {
+      //   visible: true,
+      //   iconColor: '#1570EF',
+      //   dialogTitle: '编辑',
+      //   enableDialog: true,
+      //   fields: [...defaultFields],
+      // },
+      items: [
+        {
+          name: 'visible',
+          title: { label: '开启' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'iconColor',
+          title: { label: 'icon颜色' },
+          propType: 'string',
+          setter: 'ColorSetter',
+        },
+        {
+          name: 'enableDialog',
+          title: { label: '开启弹窗' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'dialogTitle',
+          title: { label: '弹窗标题' },
+          propType: 'string',
+          setter: 'PisellI18nSetter',
+          condition: (target: IPublicModelSettingField) =>
+            !!target.parent.getPropValue('enableDialog'),
+        },
+        {
+          name: 'fields',
+          title: { label: '弹窗字段' },
+          condition: (target: IPublicModelSettingField) =>
+            !!target.parent.getPropValue('enableDialog'),
+          setter: {
+            componentName: 'ArraySetter',
+            props: {
+              itemSetter: {
+                componentName: 'ObjectSetter',
+                props: {
+                  descriptor: 'name',
+                  config: {
+                    items: [
+                      {
+                        name: 'label',
+                        title: { label: '标签名' },
+                        propType: 'string',
+                        setter: 'PisellI18nSetter',
+                        important: true,
+                      },
+                    ],
+                  },
+                },
+              },
+              extraProps: {
+                renderFooter: (props: {
+                  value: Array<Record<string, string>>;
+                  onAdd: (newVal?: any) => void;
+                }) => {
+                  if (props.value.length === defaultFields.length)
+                    return null;
+                  const onAdd = () => {
+                    const exists = props.value.map((item) => item.name);
+                    const item = defaultFields.find(
+                      (item) => !exists.includes(item.name)
+                    );
+                    if (item) {
+                      props?.onAdd({...item});
+                    }
+                  };
+                  return React.createElement(
+                    'button',
+                    {
+                      onClick: onAdd,
+                      className:
+                        'next-btn next-medium next-btn-primary next-btn-text',
+                    },
+                    '添加一项 +'
+                  );
+                },
+              },
+            },
+          },
+        },
+      ],
+    },
+  ],
+}