@pisell/materials 2.2.99 → 2.2.101

package/es/components/pisellWalletPassCard/index.less

@@ -25,15 +25,25 @@
 
   .actions-btn-wrapper {
     position: absolute;
-    top: 16px;
-    right: 16px;
+    top: 0px;
+    right: 0px;
     z-index: 2;
     display: flex;
-    gap: 16px;
+    gap: 0px;
+    z-index: 3;
 
     & > div {
       cursor: pointer;
     }
+    .pisell-card-status-icon {
+      padding: 12px 8px;
+    }
+    .pisell-card-actions-edit-btn {
+      padding: 12px 8px 20px;
+    }
+    .pisell-card-actions-detail-btn {
+      padding: 12px 8px 20px;
+    }
   }
 
   .pisell-wallet-pass-card-body {
@@ -47,12 +57,13 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    position: relative;
+    z-index: 2;
   }
 
   .pisell-card-name-wrap {
     font-weight: 500;
     line-height: 20px;
-
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -95,7 +106,7 @@
       .pisell-card-amount-item-value {
         font-size: 20px;
         font-weight: 600;
-        line-height: 30px;
+        line-height: 20px;
         overflow: hidden;
         text-overflow: ellipsis;
       }
@@ -188,10 +199,10 @@
   .pisell-card-name-wrap {
     font-weight: 600;
     font-size: 16px;
-    max-width: calc(100% - 96px);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    min-width: 12px;
   }
 
   .pisell-card-store-name {
@@ -208,19 +219,36 @@
     visibility: hidden;
     flex-direction: row;
     align-items: center;
+    margin-bottom: 4px;
+
+    .pisell-card-amount-item-label-icon {
+      font-size: 20px;
+      margin-right: 8px;
+    }
 
     .pisell-card-amount-item-label,
     .pisell-card-amount-item-value {
-      color: var(--Primary-600, #7f56d9);
-      font-size: 20px;
+      color: var(--Gray-500, #667085);
       font-style: normal;
       font-weight: 600;
     }
+    .pisell-card-amount-item-label {
+      font-size: 14px;
+    }
+    .pisell-card-amount-item-value {
+      font-size: 20px;
+    }
   }
 
   &.active {
     .pisell-wallet-pass-card-redeem {
-      visibility: visible;
+      .pisell-card-amount-item-label,
+      .pisell-card-amount-item-value {
+        color: var(--Primary-600, #7f56d9);
+      }
+      .pisell-card-amount-item-value {
+        text-decoration: underline;
+      }
     }
   }
 
@@ -239,8 +267,17 @@
 
   .pisell-card-checked-icon {
     position: absolute;
-    bottom: 16px;
-    right: 16px;
+    bottom: 0;
+    right: 0;
+    padding: 16px 16px 16px 32px;
+    z-index: 10;
+    .pisell-lowcode-radio-wrapper {
+      margin: 0;
+    }
+    .pisell-lowcode-radio-inner {
+      width: 20px;
+      height: 20px;
+    }
   }
 }
 

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
 export default Footer;

package/es/components/productCard/cartSkuCard/components/AmountFooter/index.js

@@ -43,7 +43,11 @@ var Footer = function Footer(_ref) {
           }, reason);
         }));
       }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+        style: {
+          margin: 0
+        }
+      }), /*#__PURE__*/React.createElement("div", {
         className: "".concat(PREFIX, "_discount-reason")
       }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason))));
     }

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

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

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

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

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

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

package/es/components/productCard/cartSkuCard/components/discountReason/index.js

@@ -20,7 +20,7 @@ var DiscountReason = function DiscountReason(props) {
   var renderDivider = function renderDivider() {
     return isDiscount && discount_reason && !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
       style: {
-        margin: '4px 0'
+        margin: 0
       }
     }) : null;
   };

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProps {
     isShowImage?: boolean;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProps {
     hideDivider?: boolean;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { ProductCardTypes } from '../types';
 interface ISKUCardProps extends ProductCardTypes {

package/es/components/productCard/cartSkuCard/index.js

@@ -155,8 +155,6 @@ var CartSkuCard = function CartSkuCard(props) {
       item: dataSource,
       hideDivider: hideDivider,
       type: "total"
-    }), /*#__PURE__*/React.createElement(DiscountReason, {
-      dataSource: dataSource
     }), isShowNote ? /*#__PURE__*/React.createElement(Note, _extends({}, other, {
       item: dataSource,
       openNote: function openNote() {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
 export default Footer;

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

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

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

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

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

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

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

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
 export default Options;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
 export default Packages;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Sales: ({ item, isShowNote }: any) => JSX.Element | null;
 export default Sales;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface SelectHolderModalProps {
     visible: boolean;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

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

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

package/es/components/select-time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

package/es/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/es/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/es/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/es/components/table/BasicTable/index.d.ts

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

package/es/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/es/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/es/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/es/components/table/Table/AddFieldModal/index.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
+import "./index.less";
 declare const AddFieldModal: React.FC;
 export default AddFieldModal;

package/es/components/table/Table/AddFieldModal/index.js

@@ -18,7 +18,7 @@ import IconFont from "../../../iconfont";
 import { Form, Input, Popover, message } from "antd";
 import React, { useMemo, useState } from "react";
 import SelectField from "../SelectField";
-import styles from "./index.less";
+import "./index.less";
 import { useSharedState } from "../../../../hooks";
 import { Context } from "../../model";
 var AddFieldModal = function AddFieldModal() {
@@ -75,7 +75,7 @@ var AddFieldModal = function AddFieldModal() {
       },
       onFinish: addField
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles["add-field-modal"]
+      className: "pisell-lowcode-add-field-modal"
     }, /*#__PURE__*/React.createElement(Form.Item, {
       label: "Field Name",
       name: "field_name",
@@ -85,25 +85,25 @@ var AddFieldModal = function AddFieldModal() {
       }]
     }, /*#__PURE__*/React.createElement(Input, {
       placeholder: "Field name (optional)",
-      className: styles["header-search"]
+      className: "pisell-lowcode-header-search"
     })), /*#__PURE__*/React.createElement(SelectField, null), /*#__PURE__*/React.createElement("div", {
-      className: styles["modal-footer"]
+      className: "pisell-lowcode-modal-footer"
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles["add-describe"]
+      className: "pisell-lowcode-add-describe"
     }, /*#__PURE__*/React.createElement(IconFont, {
       type: "pi-Plus",
-      className: styles["icon"]
+      className: "pisell-lowcode-icon"
     }), /*#__PURE__*/React.createElement("span", {
-      className: styles["label"]
+      className: "pisell-lowcode-label"
     }, "Add description")), /*#__PURE__*/React.createElement("div", {
-      className: styles["btns"]
+      className: "pisell-lowcode-btns"
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles["cancel"],
+      className: "pisell-lowcode-cancel",
       onClick: function onClick() {
         onCloseModal();
       }
     }, "Cancel"), /*#__PURE__*/React.createElement("div", {
-      className: styles["submit"],
+      className: "pisell-lowcode-submit",
       onClick: function onClick() {
         form.submit();
       }
@@ -120,7 +120,7 @@ var AddFieldModal = function AddFieldModal() {
       padding: 0
     },
     trigger: "click",
-    overlayClassName: styles["popover-wrap"],
+    overlayClassName: "pisell-lowcode-popover-wrap",
     onOpenChange: function onOpenChange(e) {
       if (!e) {
         onCloseModal();
@@ -130,10 +130,10 @@ var AddFieldModal = function AddFieldModal() {
     },
     open: openModal
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles["add-field-btn"]
+    className: "pisell-lowcode-add-field-btn"
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "pi-a-Property3Add",
-    className: styles["add-field-icon"]
+    className: "pisell-lowcode-add-field-icon"
   })));
 };
 export default AddFieldModal;

package/es/components/table/Table/AddFieldModal/index.less

@@ -1,4 +1,4 @@
-.add-field-btn {
+.pisell-lowcode-add-field-btn {
   position: absolute;
   right: 0;
   top: 0;
@@ -11,10 +11,10 @@
   box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
   cursor: pointer;
 
-  .add-field-icon {}
+  .pisell-lowcode-add-field-icon {}
 }
 
-.popover-wrap {
+.pisell-lowcode-popover-wrap {
   :global {
     .pisell-lowcode-popover-arrow {
       display: none;
@@ -22,11 +22,11 @@
   }
 }
 
-.add-field-modal {
+.pisell-lowcode-add-field-modal {
   width: 360px;
   padding: 16px 16px 0 16px;
 
-  .modal-footer {
+  .pisell-lowcode-modal-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -35,13 +35,13 @@
     padding: 0 16px;
     border-top: 1px solid #F1F1F1;
 
-    .add-describe {
+    .pisell-lowcode-add-describe {
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
 
-      .icon {
+      .pisell-lowcode-icon {
         width: 24px;
         height: 24px;
         display: flex;
@@ -51,27 +51,27 @@
         color: #1B1B1B;
       }
 
-      .label {
+      .pisell-lowcode-label {
         margin-left: 2px;
         font-size: 14px;
         color: #777777;
       }
     }
 
-    .btns {
+    .pisell-lowcode-btns {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 16px;
 
-      .cancel {
+      .pisell-lowcode-cancel {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;
         color: #1B1B1B;
       }
 
-      .submit {
+      .pisell-lowcode-submit {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;

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

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

package/es/components/table/Table/fields/date/Show/index.d.ts

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

package/es/components/table/Table/fields/date/index.d.ts

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

package/es/components/table/Table/fields/image/Show/index.d.ts

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

package/es/components/table/Table/fields/image/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/es/components/table/Table/fields/link/Show/index.d.ts

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

package/es/components/table/Table/fields/link/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/number/Show/index.d.ts

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

package/es/components/table/Table/fields/number/index.d.ts

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

package/es/components/table/Table/fields/numberRange/Show/index.d.ts

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

package/es/components/table/Table/fields/numberRange/index.d.ts

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

package/es/components/table/Table/fields/oldRangePicker/index.d.ts

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

package/es/components/table/Table/fields/pSwitch/Show/index.d.ts

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

package/es/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/rangePicker/index.d.ts

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

package/es/components/table/Table/fields/search/Show/index.d.ts

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

package/es/components/table/Table/fields/search/index.d.ts

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

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

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

package/es/components/table/Table/tableConfig/SortRow/index.d.ts

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