@pisell/materials 1.0.696 → 1.0.697

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

@@ -10,5 +10,5 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     onChange?: (value?: any) => void;
     value?: string;
 }
-declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
 export default VirtualKeyboard;

package/lib/components/walletCard/Guest/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
-declare const Guest: (props: any) => React.JSX.Element;
+declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/lib/components/walletCard/index.js

@@ -58,6 +58,7 @@ var DEFAULT_PROPS = {
   showCardNo: true,
   showCode: true,
   walletName: "Level",
+  isLogin: true,
   items: [
     {
       key: "rechargeable",
@@ -79,8 +80,12 @@ var DEFAULT_PROPS = {
       label: "discount",
       value: 0
     }
-  ],
-  isLogin: false
+  ]
+};
+var toBooleanValue = (value) => {
+  if (value === 0 || value === "0") return false;
+  if (value === 1 || value === "1") return true;
+  return !!value;
 };
 var useCodeModal = (cardNo, onCodeClick) => {
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
@@ -109,6 +114,7 @@ var CardHeader = ({
   showCardNo = true,
   showCode = true,
   iconImg,
+  mode,
   walletName = "Level",
   shopName = "Store name",
   cardNo = "Wallet number",
@@ -117,14 +123,20 @@ var CardHeader = ({
   onCodeClick,
   isLogin = false
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level" }, showIcon && iconImg && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, /* @__PURE__ */ import_react.default.createElement(
+  const processedShowIcon = toBooleanValue(showIcon);
+  const processedShowWalletName = toBooleanValue(showWalletName);
+  const processedShowShopName = toBooleanValue(showShopName);
+  const processedShowCardNo = toBooleanValue(showCardNo);
+  const processedShowCode = toBooleanValue(showCode);
+  const processedIsLogin = toBooleanValue(isLogin);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level" }, processedShowIcon && iconImg && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
       src: iconImg,
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )), showWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), showCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
+  )), processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-right" }, processedShowCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-wallet-card-icon-wrapper",
@@ -133,6 +145,9 @@ var CardHeader = ({
     /* @__PURE__ */ import_react.default.createElement(
       import_iconfont.default,
       {
+        style: {
+          color: mode === "dark" ? "#fff" : "#000"
+        },
         type: codeType === "barCode" ? "pisell2-Barcode" : "pisell2-a-qr-code-02",
         className: "pisell-wallet-card-icon"
       }
@@ -157,8 +172,7 @@ var CardContent = ({ items, symbol }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-list" }, (items || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol })));
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
-  if (!cardNo)
-    return null;
+  if (!cardNo) return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code" }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(
     import_react_barcode.default,
     {
@@ -194,32 +208,30 @@ var CodeModal = ({ isOpen, onClose, codeType, cardNo, platform }) => {
   );
 };
 var WalletCard = (props) => {
+  const mergedProps = { ...DEFAULT_PROPS, ...props };
   const {
     symbol,
     mode,
     iconImg,
-    showIcon,
-    showWalletName,
     shopName,
-    showShopName,
     cardNo,
     cardStyle,
     codeType,
     platform,
     codeDirection,
-    showCardNo,
-    showCode,
     walletName,
     items = [],
     onCodeClick,
     onClick,
     className,
-    style,
-    isLogin = false
-  } = {
-    ...DEFAULT_PROPS,
-    ...props
-  };
+    style
+  } = mergedProps;
+  const showIcon = toBooleanValue(mergedProps.showIcon);
+  const showWalletName = toBooleanValue(mergedProps.showWalletName);
+  const showShopName = toBooleanValue(mergedProps.showShopName);
+  const showCardNo = toBooleanValue(mergedProps.showCardNo);
+  const showCode = toBooleanValue(mergedProps.showCode);
+  const isLogin = toBooleanValue(mergedProps.isLogin);
   const { isModalOpen, handleCodeClick, closeModal } = useCodeModal(
     cardNo,
     onCodeClick
@@ -272,7 +284,8 @@ var WalletCard = (props) => {
             showCode,
             cardStyle,
             codeType,
-            onCodeClick: handleCodeClick
+            onCodeClick: handleCodeClick,
+            isLogin
           }
         ), /* @__PURE__ */ import_react.default.createElement(
           CardContent,

package/lib/hooks/useCssVariables.js

@@ -26,8 +26,7 @@ var import_react = require("react");
 var useCssVariables = (props) => {
   const { variables, ref } = props;
   (0, import_react.useEffect)(() => {
-    if (!ref)
-      return;
+    if (!ref) return;
     Object.entries(variables).forEach(([key, value]) => {
       ref.current.style.setProperty(key, value);
     });

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser)
-      return;
+    if (!import_utils.isBrowser) return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/lib/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import React, { ComponentType } from 'react';
+import { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
 };
 export default _default;

package/lowcode/wallet-card/meta.ts

@@ -25,6 +25,31 @@ export default {
     subName: "",
   },
   props: [
+    {
+      name: 'isLogin',
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Display Status',
+          'zh-CN': '展示状态'
+        },
+        tip: {
+          type: 'i18n',
+          'en-US': 'Login status of the card. Values: true | false',
+          'zh-CN': '卡片的登录状态。取值: true | false'
+        }
+      },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { title: '已登录 Logged in', value: true },
+            { title: '未登录 Not logged in', value: false },
+          ],
+        },
+      },
+      defaultValue: true,
+    },
     {
       name: 'mode',
       title: {

package/lowcode/wallet-card/snippets.ts

@@ -5,6 +5,7 @@ export default [
     schema: {
       componentName: 'WalletCard',
       props: {
+        isLogin:true,
         mode: 'light',
         cardStyle: 'full',
         codeDirection: 'bottom',

package/package.json

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

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TimeSlot {
-    value: string;
-    label: string;
-    time: string;
-    remainingCount: number;
-    disabled?: boolean;
-}
-export interface TimeResourceSelectorProps {
-    timeSlots?: TimeSlot[];
-    multiple?: boolean;
-    showUnavailable?: boolean;
-    defaultExpanded?: boolean;
-    defaultSelectFirst?: boolean;
-    onChange?: (values: string | string[]) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
-export default TimeResourceSelector;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -1,98 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from '../type';
-import { OperationItem } from '../type';
-interface UseTablePropsProps {
-    data: any;
-    originProps: DataSourceTableProps;
-    openDrawer: (type: OperationItem) => void;
-    closeDrawer: () => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    tableRef: any;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: React.JSX.Element | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        show: boolean;
-        title: string; /**
-         * 处理table的props
-         * 转换title
-         * @param props
-         * @returns
-         */
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "button" | "link";
-        items: OperationItem[];
-    } | undefined;
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    } | undefined;
-    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    } | undefined;
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
-        openTitle: string;
-        key: string;
-    } | undefined;
-    filterBy?: Record<string, any> | undefined;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    } | undefined;
-    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
-};
-export default useTableProps;

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

@@ -1,79 +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;
-    onDeleteFinish?: (record: Record<string, 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/drag-sort-tree/index.d.ts

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

package/es/components/picker-view/index.d.ts

@@ -1,2 +0,0 @@
-import { PickerView } from 'antd-mobile';
-export default PickerView;

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/pisellAvatar/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { AvatarProps } from 'antd';
-import './index.less';
-export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
-    shape?: 'circle' | 'square';
-    size?: AvatarSize;
-    src?: string;
-    alt?: string;
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    useTextAvatar?: boolean;
-    borderRadius?: number;
-    onError?: () => boolean;
-}
-declare const PisellAvatar: React.FC<PisellAvatarProps>;
-export default PisellAvatar;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CardProps } from 'antd';
-import './index.less';
-export interface PisellCardProps extends CardProps {
-    bordered?: boolean;
-    selected?: boolean;
-    loading?: boolean;
-    padding?: number;
-    borderRadius?: number;
-    disabled?: boolean;
-    onClick?: () => void;
-    isClickable?: boolean;
-}
-/**
- * Pisell 卡片容器组件
- * @param props
- * @constructor
- */
-declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
-export default PisellCard;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellCustomCheckboxGroupProps {
-    dataSource?: any[];
-    disabled?: boolean;
-    allowAdd?: boolean;
-    isMultiple?: boolean;
-    id?: string | string[];
-    onClick?: (value: any) => void;
-    onAdd?: () => void;
-    renderAddItem?: (item: any) => React.ReactNode;
-    [key: string]: any;
-    className?: string;
-}
-declare const PisellCustomCheckboxGroup: React.FC<PisellCustomCheckboxGroupProps>;
-export default PisellCustomCheckboxGroup;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface MenuItemType {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    shortcut?: string;
-    divider?: boolean;
-}
-export interface PisellDropdownProps {
-    trigger?: React.ReactNode;
-    items?: MenuItemType[];
-    showShortcut?: boolean;
-    triggerType?: ('click' | 'hover')[];
-    className?: string;
-    style?: React.CSSProperties;
-    onSelect?: (key: string) => void;
-}
-declare const PisellDropdown: React.FC<PisellDropdownProps>;
-export default PisellDropdown;

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;
-    /** 最大宽度 */
-    maxWidth?: number;
-    [key: string]: any;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
-export default PisellEmpty;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellHeaderProgressBarProps {
-    title?: React.ReactNode;
-    stepText?: React.ReactNode;
-    showClose?: boolean;
-    /** 是否启用投影 */
-    enableShadow?: boolean;
-    /** 是否启用描边 */
-    enableBorder?: boolean;
-    /** 描边粗细 */
-    borderWidth?: number;
-    /** 描边颜色 */
-    borderColor?: string;
-    /** 头部背景颜色 */
-    backgroundColor?: string;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否显示返回键 */
-    showBack?: boolean;
-    /** 返回按钮点击事件 */
-    onBack?: () => void;
-    /** 关闭按钮点击事件 */
-    onClose?: () => void;
-}
-declare const PisellHeaderProgressBar: React.FC<PisellHeaderProgressBarProps>;
-export default PisellHeaderProgressBar;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import 'swiper/swiper-bundle.css';
-import './index.less';
-export interface PisellImageCarouselsProps {
-    dataSource?: string[];
-    width?: number | string;
-    height?: number;
-    showArrows?: boolean;
-    showDots?: boolean;
-    autoplay?: boolean;
-    interval?: number;
-    borderRadius?: number;
-    loop?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const PisellImageCarousels: React.FC<PisellImageCarouselsProps>;
-export default PisellImageCarousels;