@pisell/materials 2.2.87 → 2.2.89

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": "2.2.87",
+  "version": "2.2.89",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/components/pisellAdjustPrice/index.d.ts

@@ -1,4 +0,0 @@
-import './index.less';
-import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
-export default PisellAdjustPrice;

package/es/components/pisellAdjustPrice/status.d.ts

@@ -1,32 +0,0 @@
-export declare const defaultConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-};

package/es/components/pisellAdjustPrice/type.d.ts

@@ -1,20 +0,0 @@
-export interface PisellAdjustPriceProps {
-    value?: number;
-    originValue: number;
-    defaultValue?: number;
-    onChange?: (val: number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    isShowMainText?: boolean;
-    mainTextColor?: string;
-    isShowSubText?: boolean;
-    subTextColor?: string;
-}

package/es/components/productCard/components/Warning/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import '../../index.less';
-declare const Warning: React.FC<{
-    errorMessage: string | Array<string>;
-    osWarnTips: Array<string>;
-}>;
-export default Warning;

package/es/components/productCard/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ProductCardTypes } from './types';
-import './index.less';
-declare const ProductCard: React.FC<ProductCardTypes> & {
-    V2: any;
-};
-export default ProductCard;

package/es/components/productCard/utils.d.ts

@@ -1,31 +0,0 @@
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-/**
- * @title: 是否英文
- * @description:
- * @param {any} item
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-28 22:49
- */
-export declare const isEn: (item: any) => boolean;
-/**
- * @title: 跨日预约时间
- * @description:
- * @param {any} item
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-28 22:50
- */
-export declare const formatMultiDayDate: (item: any) => string;
-/**
- * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
- * @description:
- * @param {any} item
- * @param {any} currentDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:04
- */
-export declare const getServiceTime: (item: any, currentDate: any) => string;

package/es/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,7 +0,0 @@
-import { ExportImportType } from '../../../types';
-import './index.less';
-declare type ExportImportProps = {
-    exportImport: ExportImportType;
-};
-declare const ExportImport: ({ exportImport }: ExportImportProps) => JSX.Element;
-export default ExportImport;

package/es/components/virtual-keyboard/Amount/index.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
-export interface RightItemsStyleProps {
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-}
-export interface AmountProps {
-    max?: number;
-    min?: number;
-    doneText?: string;
-    resetText?: string;
-    defaultValue?: string | number;
-    placeholder?: string;
-    amountProps?: {
-        showCurrencySymbol: boolean;
-        useThousandsSeparator: boolean;
-    };
-    presets?: BaseNumberKeyboardProps['presets'];
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    onEnter?: (val: string | number) => void;
-    defaultSelect?: boolean;
-    inputFormat?: (_v: string) => React.ReactNode | null;
-    rightItemsStyle?: RightItemsStyleProps;
-}
-declare const Amount: (props: AmountProps) => JSX.Element;
-export default Amount;

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { PresetsProps } from './Presets';
-import { RightItemsStyleProps } from '../Amount';
-import './index.less';
-export interface BaseNumberKeyboardProps {
-    placeholder?: string;
-    format?: (val: string) => React.ReactNode;
-    defaultValue?: string | number;
-    doneText?: string;
-    resetText?: string;
-    onChange?: (val: string) => void;
-    onEnter?: (val: string) => void;
-    value?: string | number;
-    max?: number;
-    min?: number;
-    presets?: PresetsProps['presets'];
-    defaultSelect?: boolean;
-    rightItemsStyle?: RightItemsStyleProps;
-}
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
-export default BaseNumberKeyboard;

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type ItemValue = string | number;
-export interface Item {
-    value: ItemValue;
-    label: React.ReactNode;
-    disabled: boolean;
-    type: 'text' | 'primary';
-    style?: React.CSSProperties;
-    size?: number;
-}
-export interface KeyboardProps {
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (value?: ItemValue) => void;
-    items?: Item[];
-    rightItems?: Item[];
-    keydown?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
-export default _default;

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -1,13 +0,0 @@
-export interface NumberProps {
-    max?: number;
-    min?: number;
-    doneText?: string;
-    resetText: string;
-    defaultValue?: string | number;
-    placeholder?: string;
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    onEnter?: (val: string | number) => void;
-}
-declare const Number: (props: NumberProps) => JSX.Element;
-export default Number;

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import './index.less';
-export interface VirtualKeyInputProps extends InputProps {
-    previewValue?: string;
-    renderInput?: (props: any) => any;
-    showDelete?: boolean;
-    onValueSelect?: (selected: boolean) => void;
-    defaultSelect?: boolean;
-    style?: React.CSSProperties;
-}
-declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
-export default VirtualKeyInput;