@pisell/materials 2.2.85 → 2.2.87

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/versionSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

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

@@ -1,5 +1,14 @@
 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;
@@ -17,6 +26,7 @@ export interface AmountProps {
     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/lib/components/virtual-keyboard/Amount/index.js

@@ -48,7 +48,8 @@ var Amount = (props) => {
     onEnter,
     presets,
     defaultSelect,
-    inputFormat
+    inputFormat,
+    rightItemsStyle
   } = props;
   const [value, setValue] = (0, import_ahooks.useControllableValue)(props, {
     defaultValue: defaultValue || ""
@@ -71,7 +72,10 @@ var Amount = (props) => {
         precision,
         hideDecimalForWholeNumbers: false,
         showCurrencySymbol: amountProps == null ? void 0 : amountProps.showCurrencySymbol,
-        useThousandsSeparator: amountProps == null ? void 0 : amountProps.useThousandsSeparator
+        useThousandsSeparator: amountProps == null ? void 0 : amountProps.useThousandsSeparator,
+        style: {
+          color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000"
+        }
       }
     ), endWith && ".");
   };
@@ -89,7 +93,8 @@ var Amount = (props) => {
       doneText,
       resetText,
       onEnter,
-      presets
+      presets,
+      rightItemsStyle
     }
   );
 };

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { PresetsProps } from "./Presets";
+import { PresetsProps } from './Presets';
+import { RightItemsStyleProps } from '../Amount';
 import './index.less';
 export interface BaseNumberKeyboardProps {
     placeholder?: string;
@@ -14,6 +15,7 @@ export interface BaseNumberKeyboardProps {
     min?: number;
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
+    rightItemsStyle?: RightItemsStyleProps;
 }
 declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

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

@@ -127,7 +127,8 @@ var BaseNumberKeyboard = (props) => {
     min,
     onEnter,
     presets,
-    defaultSelect
+    defaultSelect,
+    rightItemsStyle
   } = props;
   const [value, setValue] = (0, import_ahooks.useControllableValue)(props, {
     defaultValue
@@ -142,7 +143,11 @@ var BaseNumberKeyboard = (props) => {
         value: "delete",
         label: /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" }),
         disabled: false,
-        type: "text"
+        type: "text",
+        style: {
+          color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000",
+          backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor) || "#ffffff"
+        }
       },
       {
         value: "reset",
@@ -151,7 +156,8 @@ var BaseNumberKeyboard = (props) => {
         type: "text",
         style: {
           fontSize: "18px",
-          color: "#D92D20"
+          color: (rightItemsStyle == null ? void 0 : rightItemsStyle.resetButtonTextColor) || "#D92D20",
+          backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.resetButtonBackgroundColor) || "#ffffff"
         }
       },
       {
@@ -162,12 +168,25 @@ var BaseNumberKeyboard = (props) => {
         size: 2,
         style: {
           fontSize: "18px",
-          background: "var(--Green-light-600, #4CA30D)",
-          color: "#fff"
+          background: (rightItemsStyle == null ? void 0 : rightItemsStyle.isDoneButtonFollowTheme) ? "var(--theme-color)" : (rightItemsStyle == null ? void 0 : rightItemsStyle.doneButtonBackgroundColor) || "#5d3f9f",
+          color: (rightItemsStyle == null ? void 0 : rightItemsStyle.isDoneButtonFollowTheme) ? "#ffffff" : (rightItemsStyle == null ? void 0 : rightItemsStyle.doneButtonTextColor) || "#ffffff"
         }
       }
     ];
-  }, [doneText, resetText]);
+  }, [doneText, resetText, rightItemsStyle]);
+  const itemsWithStyle = (0, import_react.useMemo)(() => {
+    return items.map((item) => ({
+      ...item,
+      style: {
+        backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor) || "#fff",
+        color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000"
+      }
+    }));
+  }, [
+    items,
+    rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor,
+    rightItemsStyle == null ? void 0 : rightItemsStyle.textColor
+  ]);
   const checkValue = (val) => {
     if ((0, import_utils.isNumber)(max) && Number(val) > max) {
       const newValue = Math.min(Number(val), Number(max));
@@ -229,12 +248,16 @@ var BaseNumberKeyboard = (props) => {
       },
       showDelete: false,
       onValueSelect: setSelect,
-      defaultSelect
+      defaultSelect,
+      style: {
+        backgroundColor: (rightItemsStyle == null ? void 0 : rightItemsStyle.buttonBackgroundColor) || "#fff",
+        color: (rightItemsStyle == null ? void 0 : rightItemsStyle.textColor) || "#000000"
+      }
     }
   ), /* @__PURE__ */ import_react.default.createElement(import_Presets.default, { presets, onChange: handleChangeValue }), /* @__PURE__ */ import_react.default.createElement(
     import_Keyboard.default,
     {
-      items,
+      items: itemsWithStyle,
       rightItems,
       onChange: handleKeyboardChange
     }

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

@@ -124,7 +124,8 @@ var Keyboard = (props) => {
               className: "virtual-keyboard-item-button",
               style: {
                 fontSize: ((_a = item.style) == null ? void 0 : _a.fontSize) || 25,
-                color: item.type === "primary" ? "#fff" : ((_b = item.style) == null ? void 0 : _b.color) || void 0
+                color: item.type === "primary" ? "#fff" : ((_b = item.style) == null ? void 0 : _b.color) || void 0,
+                ...item.type === "primary" ? item.style || {} : {}
               },
               disabled: item.disabled,
               onClick: (e) => {

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

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

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.85",
+  "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;