@pisell/materials 6.5.5 → 6.5.7

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/lib/components/table/Actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/lib/components/table/BasicTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/lib/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -198,12 +197,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

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;
-}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("filters" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "view_mode" | "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/table/View/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

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

@@ -62,6 +62,10 @@ export interface WalletCardProps {
     isLogin?: boolean;
     /** 是否是引导页 */
     isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
 }
 declare const WalletCard: React.FC<WalletCardProps>;
 export default WalletCard;

package/lib/components/walletCard/index.js

@@ -36,6 +36,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_react_barcode = __toESM(require("react-barcode"));
+var import_EyeOff = __toESM(require("@pisell/icon/es/EyeOff"));
 var import_locales = require("../../locales/index");
 var import_iconfont = __toESM(require("./../iconfont"));
 var import_pisellModal = __toESM(require("./../pisellModal"));
@@ -143,13 +144,16 @@ var CardHeader = ({
   cardStyle = "normal",
   codeType = "barCode",
   onCodeClick,
-  isLogin = false
+  isLogin = false,
+  showViewPin = false,
+  onViewPinClick
 }) => {
   const processedShowIcon = toBooleanValue(showIcon);
   const processedShowWalletName = toBooleanValue(showWalletName);
   const processedShowShopName = toBooleanValue(showShopName);
   const processedShowCardNo = toBooleanValue(showCardNo);
   const processedShowCode = toBooleanValue(showCode);
+  const processedShowViewPin = toBooleanValue(showViewPin);
   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",
     {
@@ -157,7 +161,15 @@ var CardHeader = ({
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )) : null, 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(
+  )) : null, 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), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-wallet-card-header-view-pin",
+      onClick: onViewPinClick
+    },
+    (0, import_locales.getText)("walletCard-viewPin"),
+    /* @__PURE__ */ import_react.default.createElement(import_EyeOff.default, { className: "pisell-wallet-card-header-view-pin-icon" })
+  )), /* @__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",
@@ -287,6 +299,7 @@ var WalletCard = (props) => {
   const showCardNo = toBooleanValue(mergedProps.showCardNo);
   const showCode = toBooleanValue(mergedProps.showCode);
   const isLogin = toBooleanValue(mergedProps.isLogin);
+  const showViewPin = toBooleanValue(mergedProps == null ? void 0 : mergedProps.showViewPin);
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
   const { isModalOpen, handleCodeClick, closeModal } = useCodeModal(
@@ -294,6 +307,7 @@ var WalletCard = (props) => {
     onCodeClick,
     codeType
   );
+  console.log("showViewPin", props);
   const backgroundStyle = (0, import_react.useMemo)(() => {
     var _a2;
     if (props.customBackgroundImage) {
@@ -327,6 +341,14 @@ var WalletCard = (props) => {
       }
     });
   };
+  const onViewPinClick = (e) => {
+    e.stopPropagation();
+    if (props == null ? void 0 : props.onViewPinClick) {
+      props.onViewPinClick();
+    } else {
+      console.error("onViewPinClick方法需要传入");
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -375,7 +397,9 @@ var WalletCard = (props) => {
               cardStyle,
               codeType,
               onCodeClick: handleCodeClick,
-              isLogin
+              isLogin,
+              showViewPin,
+              onViewPinClick
             }
           ),
           /* @__PURE__ */ import_react.default.createElement(

package/lib/components/walletCard/index.less

@@ -106,6 +106,33 @@
           margin-bottom: 0;
         }
       }
+
+      .pisell-wallet-card-header-view-pin {
+        position: relative;
+        color: #53b1fd;
+        cursor: pointer;
+        font-size: 12px;
+        font-weight: 400;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .pisell-wallet-card-header-view-pin-icon {
+          width: 16px;
+          height: 16px;
+          color: #53b1fd;
+          font-size: 16px;
+        }
+
+        &:after {
+          content: '';
+          position: absolute;
+          top: -5px;
+          left: -5px;
+          right: -5px;
+          bottom: -5px; /* 向外扩展5px */
+        }
+      }
     }
 
     // 头部右侧

package/lib/locales/en-US.js

@@ -197,6 +197,7 @@ var en_US_default = {
   "walletCard-done": "Done",
   "walletCard-qrcode": "QR code",
   "walletCard-barcode": "Bar code",
+  "walletCard-viewPin": "View PIN",
   // 上传组件
   "pisell-upload-button": "Upload",
   "pisell-upload-setting-size-error": (maxSize) => `Each file should not exceed ${maxSize}MB in size.`,
@@ -335,5 +336,28 @@ var en_US_default = {
   "pisell-wallet-pass-card-status-conflict": "Conflict",
   "pisell-wallet-pass-card-status-lastPayment": "Last Payment",
   "pisell-wallet-pass-card-reset": "Reset",
-  "pisell-wallet-pass-card-done": "Done"
+  "pisell-wallet-pass-card-done": "Done",
+  // 相机组件
+  "pisell-camera-no-camera-accessible": "No camera accessible",
+  "pisell-camera-permission-denied": "Permission denied",
+  "pisell-camera-switch-camera": "Switch camera",
+  "pisell-camera-canvas": "Canvas not supported",
+  "pisell-camera-checking": "Detecting camera...",
+  "pisell-camera-no-camera-desc": "Please check if your device has a camera or grant browser permission to access camera",
+  // 拍照组件
+  "pisell-upload-camera-local-files": "Local Files",
+  "pisell-upload-camera-capture": "Capture",
+  "pisell-upload-camera-retake": "Retake",
+  "pisell-upload-camera-use": "Use photo",
+  // 列表组件
+  "pisell-list-tab-group-default": "Field",
+  "pisell-list-empty-text-default": "No data available",
+  "pisell-list-load-more": "Load More",
+  "pisell-list-view-less": "View Less",
+  "pisell-list-pagination-total": (start, end, total) => `Showing ${start}-${end} of ${total} items`,
+  "pisell-list-scroll-down": "Scroll Down",
+  "pisell-list-scroll-right": "Scroll Right",
+  "pisell-list-pagination-page-of": (current, total) => `Page ${current} of ${total}`,
+  "pisell-list-pagination-previous": "Previous",
+  "pisell-list-pagination-next": "Next"
 };

package/lib/locales/zh-CN.js

@@ -196,6 +196,7 @@ var zh_CN_default = {
   "walletCard-done": "完成",
   "walletCard-qrcode": "二维码",
   "walletCard-barcode": "条形码",
+  "walletCard-viewPin": "查看PIN",
   // 上传组件
   "pisell-upload-button": "上传",
   "pisell-upload-setting-size-error": (maxSize) => `每个文件的大小不超过${maxSize}MB`,
@@ -326,5 +327,28 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-status-conflict": "冲突",
   "pisell-wallet-pass-card-status-lastPayment": "上次结算",
   "pisell-wallet-pass-card-reset": "清空",
-  "pisell-wallet-pass-card-done": "保存"
+  "pisell-wallet-pass-card-done": "保存",
+  // 相机组件
+  "pisell-camera-no-camera-accessible": "没有找到摄像头",
+  "pisell-camera-permission-denied": "没有权限使用摄像头",
+  "pisell-camera-switch-camera": "切换摄像头",
+  "pisell-camera-canvas": "canvas不支持",
+  "pisell-camera-checking": "正在检测摄像头...",
+  "pisell-camera-no-camera-desc": "请检查设备是否连接摄像头或授权浏览器访问摄像头",
+  // 拍照组件
+  "pisell-upload-camera-local-files": "本地文件",
+  "pisell-upload-camera-capture": "拍摄/拍照",
+  "pisell-upload-camera-retake": "重拍",
+  "pisell-upload-camera-use": "使用照片",
+  // 列表组件
+  "pisell-list-tab-group-default": "字段",
+  "pisell-list-empty-text-default": "暂无数据",
+  "pisell-list-load-more": "查看更多",
+  "pisell-list-view-less": "查看更少",
+  "pisell-list-pagination-total": (start, end, total) => `显示第 ${start}-${end} 条，共 ${total} 条`,
+  "pisell-list-scroll-down": "向下滚动",
+  "pisell-list-scroll-right": "向右滚动",
+  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 页 共 ${total} 页`,
+  "pisell-list-pagination-previous": "上一页",
+  "pisell-list-pagination-next": "下一页"
 };

package/lib/locales/zh-TW.js

@@ -196,6 +196,7 @@ var zh_TW_default = {
   "walletCard-done": "完成",
   "walletCard-qrcode": "二維碼",
   "walletCard-barcode": "條形碼",
+  "walletCard-viewPin": "查看PIN",
   // 上传组件
   "pisell-upload-button": "上傳",
   "pisell-upload-setting-size-error": (maxSize) => `每個文件的大小不超過${maxSize}MB`,
@@ -327,5 +328,28 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-status-conflict": "衝突",
   "pisell-wallet-pass-card-status-lastPayment": "上次結算",
   "pisell-wallet-pass-card-reset": "清空",
-  "pisell-wallet-pass-card-done": "保存"
+  "pisell-wallet-pass-card-done": "保存",
+  // 相机组件
+  "pisell-camera-no-camera-accessible": "沒有找到攝像頭",
+  "pisell-camera-permission-denied": "沒有權限使用攝像頭",
+  "pisell-camera-switch-camera": "切換攝像頭",
+  "pisell-camera-canvas": "canvas不支持",
+  "pisell-camera-checking": "正在檢測攝像頭...",
+  "pisell-camera-no-camera-desc": "請檢查設備是否連接攝像頭或授權瀏覽器訪問攝像頭",
+  // 拍照组件
+  "pisell-upload-camera-local-files": "本地文件",
+  "pisell-upload-camera-capture": "拍攝/拍照",
+  "pisell-upload-camera-retake": "重拍",
+  "pisell-upload-camera-use": "使用照片",
+  // 列表組件
+  "pisell-list-tab-group-default": "字段",
+  "pisell-list-empty-text-default": "暫無數據",
+  "pisell-list-load-more": "查看更多",
+  "pisell-list-view-less": "查看更少",
+  "pisell-list-pagination-total": (start, end, total) => `顯示第 ${start}-${end} 條，共 ${total} 條`,
+  "pisell-list-scroll-down": "向下滾動",
+  "pisell-list-scroll-right": "向右滾動",
+  "pisell-list-pagination-page-of": (current, total) => `第 ${current} 頁 共 ${total} 頁`,
+  "pisell-list-pagination-previous": "上一頁",
+  "pisell-list-pagination-next": "下一頁"
 };