@pisell/materials 6.2.24 → 6.2.26

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-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/virtual-keyboard/meta.ts

@@ -21,6 +21,137 @@ const VirtualKeyboardMeta: ComponentMetadata = {
       name: "others",
       setter: ["JsonSetter", "VariableSetter"],
     },
+    {
+      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('keyboardBackgroundColor', isLight ? '#f9f9f9' : 'rgba(0, 0, 0, 0.40)');
+          target.getProps().setPropValue('keyboardButtonBackgroundColor', '#ffffff');
+          target.getProps().setPropValue('keyboardButtonTextColor', '#000000');
+          target.getProps().setPropValue('keyboardButtonHoverColor', '#f5f5f5');
+          target.getProps().setPropValue('primaryButtonBackgroundColor', '#4ca30d');
+          target.getProps().setPropValue('primaryButtonTextColor', '#ffffff');
+        }
+      }
+    },
+    {
+      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: "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",
+    },
+    {
+      name: "primaryButtonBackgroundColor",
+      title: {
+        label: "主要按钮背景色",
+        tip: "primaryButtonBackgroundColor | 主要按钮背景色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#4ca30d",
+    },
+    {
+      name: "primaryButtonTextColor",
+      title: {
+        label: "主要按钮文本颜色",
+        tip: "primaryButtonTextColor | 主要按钮文本颜色",
+      },
+      propType: "string",
+      setter: "ColorSetter",
+      defaultValue: "#ffffff",
+    },
   ],
   configure: {
     supports: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.2.24",
+  "version": "6.2.26",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",