@pisell/materials 2.2.86 → 2.2.87

package/lib/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -46,7 +46,8 @@ var VirtualKeyInput = (props) => {
     value,
     showDelete = true,
     onValueSelect,
-    defaultSelect
+    defaultSelect,
+    style
   } = props;
   const [select, setSelect] = (0, import_react.useState)(defaultSelect ?? false);
   (0, import_ahooks.useEventListener)("keydown", (ev) => {
@@ -72,35 +73,41 @@ var VirtualKeyInput = (props) => {
     _val = _val.slice(0, _val.length - 1);
     props.onChange && props.onChange({ target: { value: _val } });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-wrap" }, props.renderInput ? /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("virtual-keyboard-input", {
-        "virtual-keyboard-input-select": select
-      }),
-      onClick: () => {
-        if (value) {
-          handleSelectChange(!select);
-        }
+      className: "virtual-keyboard-input-wrap",
+      style: {
+        backgroundColor: (style == null ? void 0 : style.backgroundColor) || "#ffffff"
       }
     },
-    props.renderInput(props)
-  ) : /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
-    {
-      className: "virtual-keyboard-input",
-      bordered: false,
-      ...props,
-      readOnly: true,
-      value: previewValue
-    }
-  ), ((_a = `${value ?? ""}`) == null ? void 0 : _a.length) && showDelete ? /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "virtual-keyboard-input-delete",
-      onClick: _onDelete
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" })
-  ) : null);
+    props.renderInput ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("virtual-keyboard-input", {
+          "virtual-keyboard-input-select": select
+        }),
+        onClick: () => {
+          if (value) {
+            handleSelectChange(!select);
+          }
+        },
+        style: {
+          color: (style == null ? void 0 : style.color) || "#000000"
+        }
+      },
+      props.renderInput(props)
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        className: "virtual-keyboard-input",
+        bordered: false,
+        ...props,
+        readOnly: true,
+        value: previewValue
+      }
+    ),
+    ((_a = `${value ?? ""}`) == null ? void 0 : _a.length) && showDelete ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" })) : null
+  );
 };
 var VirtualKeyInput_default = VirtualKeyInput;

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.86",
+  "version": "2.2.87",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.101",
-    "@pisell/utils": "2.0.1",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "2.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,78 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-};
-export interface DataSourceTableProps {
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-}

package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -1,24 +0,0 @@
-/**
- * 获取nocobase数据列表
- */
-export declare const getCountryDataList: () => Promise<any>;
-export interface Country {
-    id: number;
-    name: {
-        en: string;
-        "zh-CN": string;
-        "zh-HK": string;
-        original: string;
-    };
-    code: string;
-    calling_code: string;
-    currency_code: string;
-    sort: number;
-    status: string;
-    created_at: string;
-    updated_at: string;
-    prefix: string;
-}
-export declare const useCountries: () => {
-    data: Country[];
-};

package/es/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,18 +0,0 @@
-import './index.less';
-import { ValueProps, SortType } from '../types';
-declare type IdType = string | number;
-declare type TreeItemProps = {
-    id: string | number;
-    key: string | number;
-    item: ValueProps | any;
-    depth: number;
-    lists: any[];
-    childrenProps?: SortType;
-    sensors?: any;
-    expandedKeys?: IdType[];
-    setExpandedKeys?: any;
-    onSelectKeys?: (ids: IdType) => void;
-    onChange?: (value: any[]) => void;
-};
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
-export default TreeItem;

package/es/components/drag-sort-tree/index.d.ts

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

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

@@ -1,8 +0,0 @@
-import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
-import React from 'react';
-interface IconFontProps extends IconComponentProps {
-    type: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-}
-declare const IconFont: React.FC<IconFontProps>;
-export default IconFont;

package/es/components/login-and-register/index.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import './index.less';
-/**
- * loginAndRegister组件的属性接口
- */
-export interface loginAndRegisterProps {
-    /** Logo相关配置 */
-    showLogo?: boolean;
-    logo?: string;
-    logoPosition?: 'left' | 'center' | 'right';
-    logoSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** 标题相关配置 */
-    title?: string;
-    showTitle?: boolean;
-    titleAlign?: 'left' | 'center' | 'right';
-    /** 副标题相关配置 */
-    subtitle?: string;
-    showSubtitle?: boolean;
-    subtitleAlign?: 'left' | 'center' | 'right';
-    /** 登录方式配置 */
-    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
-    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
-    /** 表单配置 */
-    emailLabel?: string;
-    passwordLabel?: string;
-    emailPlaceholder?: string;
-    passwordPlaceholder?: string;
-    emailRules?: any[];
-    buttonText?: string;
-    rememberMeText?: string;
-    forgotPasswordText?: string;
-    showRememberMe?: boolean;
-    showForgotPassword?: boolean;
-    /** 社交登录配置 */
-    socialLoginTexts?: {
-        google?: string;
-        facebook?: string;
-        apple?: string;
-    };
-    /** 底部配置 */
-    showFooter?: boolean;
-    showSignUp?: boolean;
-    signUpText?: string;
-    signUpLink?: string;
-    signUpPosition?: 'left' | 'center' | 'right';
-    otherLinks?: Array<{
-        text: string;
-        url: string;
-    }>;
-    otherLinksPosition?: 'left' | 'center' | 'right';
-    /** 登录/注册切换配置 */
-    showTabs?: boolean;
-    loginTabText?: string;
-    registerTabText?: string;
-    /** 注册表单配置 */
-    registerEmailPlaceholder?: string;
-    registerPasswordPlaceholder?: string;
-    registerButtonText?: string;
-    /** 事件回调 */
-    onLogin?: (values: {
-        email: string;
-        loginMethod: string;
-    }) => void;
-    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
-    onSignUp?: () => void;
-    onRegister?: (values: {
-        email: string;
-        password: string;
-    }) => void;
-    /** 新增背景图片属性 */
-    backgroundImage?: string;
-}
-/**
- * Saas登录组件
- * @param props - 组件属性
- * @returns React组件
- */
-declare const loginAndRegister: React.FC<loginAndRegisterProps>;
-export default loginAndRegister;

package/es/components/pisell-config-provider/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { PisellContextType } from './context';
-interface PisellConfigProviderType {
-    platform?: PisellContextType['platform'];
-    children: React.ReactNode;
-    /** 货币符号 */
-    symbol?: string;
-    /** 当前语言环境 */
-    locale?: string;
-}
-declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
-export default PisellConfigProvider;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { EmptyProps } from 'antd';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellEmptyProps extends EmptyProps {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 额外内容描述 */
-    extraDescription?: React.ReactNode;
-    /** 额外内容描述 */
-    icon?: React.ReactNode;
-    /** 自定义底部额外操作区域 */
-    footer?: React.ReactNode;
-    [key: string]: any;
-    /** 最大宽度 */
-    maxWidth?: number;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
-export default PisellEmpty;

package/es/components/productCard/cartSkuCard/locales.d.ts

@@ -1,93 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-    'zh-CN': {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-    'zh-HK': {
-        'pisell2.product.card.discount.reason': string;
-        'pisell2.cart.sku-card.more': string;
-        'pisell2.cart.sku-card.packages.title': string;
-        'pisell2.cart.sku-card.sales.title': string;
-        'pisell2.product.card.edit': string;
-        'pisell2.product.card.day': (val: number) => string;
-        'pisell2.product.card.day.event': (val: number) => string;
-        'pisell2.product.card.minute': (val: number) => string;
-        'pisell2.product.card.discount.note': string;
-        'pisell2.product.card.discount.add.note': string;
-        'pisell2.product.card.discount.edit.note': string;
-        'pisell2.product.card.confirm': string;
-        'pisell2.product.card.cancel': string;
-        'pisell2.product.card.note.pla': string;
-        'pisell2.product.card.items.package': string;
-        'pisell2.product.card.view-all': string;
-        'pisell2.product.card.view-less': string;
-        'pisell2.product.card.add.holder.button.text': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
-        'pisell2.product.card.add.holder.placeholder.multiple': (num: number, val: string) => string;
-        'pisell2.product.card.add.holder.modal.title.1': string;
-        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
-        'pisell2.product.card.sales': string;
-        'pisell2.product.card.add.holder.modal.cancel': string;
-        'pisell2.product.card.add.holder.modal.clear': string;
-        'pisell2.product.card.add.holder.modal.apply': string;
-        'pisell2.product.card.add.holder.modal.add': string;
-        'pisell2.product.card.closing-soon.warning': string;
-    };
-};
-export default _default;

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

@@ -1,3 +0,0 @@
-import './index.less';
-declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
-export default DeleteButton;