@pisell/materials 3.3.5 → 3.3.7

package/lib/components/pisellWalletPassCard/index.less

@@ -1,26 +1,55 @@
 .pisell-wallet-pass-card {
-  padding: 16px;
-  color: var(--Gray-900, #101828);
-  font-size: 14px;
-  font-style: normal;
-  position: relative;
-  overflow: hidden;
   border-radius: 12px;
   background-size: cover;
   height: 190px;
+  width: 350px;
   background-position: center center;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--Gray-300, #d0d5dd);
-  cursor: pointer;
-  box-sizing: border-box;
-  &.pisell-card-active {
-    border-width: 2px;
-    border-color: var(--theme-color, #7f56d9);
+  border: 1px solid #d0d5dd;
+  position: relative;
+  overflow: hidden;
+
+  .actions-dropdown-trigger {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    width: 24px;
+    height: 24px;
+    z-index: 1;
+    border-radius: 6px;
+    color: #1570ef;
+
+    &:hover {
+      background: var(--Gray-200, #eaecf0);
+    }
   }
-  .pisell-card-name-wrap {
+
+  .actions-btn-wrapper {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    z-index: 2;
     display: flex;
+    gap: 16px;
+
+    & > div {
+      cursor: pointer;
+    }
+  }
+
+  .pisell-wallet-pass-card-body {
+    padding: 16px;
+    color: var(--Gray-900, #101828);
+    font-size: 14px;
+    font-style: normal;
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
     justify-content: space-between;
+  }
+
+  .pisell-card-name-wrap {
     font-weight: 500;
     line-height: 20px;
 
@@ -34,60 +63,62 @@
       text-overflow: ellipsis;
     }
   }
+
   .pisell-card-store-name {
     height: 20px;
     font-size: 12px;
     font-weight: 400;
-    line-height: 18px; /* 150% */
-    margin-bottom: 22px;
+    line-height: 18px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   .pisell-card-amount-wrap {
     display: flex;
     margin-bottom: 4px;
+
     .pisell-card-amount-item {
       display: flex;
       flex-direction: column;
       margin-right: 16px;
+      overflow: hidden;
+
       .pisell-card-amount-item-label {
         color: var(--Gray-500, #667085);
         font-weight: 400;
         line-height: 20px;
         height: 20px;
+        white-space: nowrap;
       }
+
       .pisell-card-amount-item-value {
         font-size: 20px;
         font-weight: 600;
         line-height: 30px;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
     }
   }
+
   .pisell-card-code-wrap {
     display: flex;
     justify-content: space-between;
     position: relative;
+
     .pisell-card-code {
       line-height: 20px;
       display: flex;
       flex-direction: column;
       gap: 2px;
     }
-    .pisell-card-qr-code {
-      position: absolute;
-      top: -16px;
-      right: -6px;
-      .pisell-lowcode-qrcode-wrap {
-        .pisell-lowcode-qrcode {
-          background: rgba(255, 255, 255, 0.8) !important;
-        }
-      }
-    }
   }
+
   .pisell-lowcode-qrcode {
     padding: 6px;
   }
+
   .pisell-card-warn-message {
     position: absolute;
     bottom: 0;
@@ -99,20 +130,37 @@
     color: var(--Gray-900, #101828);
     font-weight: 600;
     line-height: 20px;
+    font-size: 14px;
+
     .pisell-card-icon {
       font-size: 20px;
       color: #dc6803;
       margin-right: 6px;
     }
   }
+
+  .pisell-card-qr-code {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+
+    .pisell-lowcode-qrcode-wrap {
+      .pisell-lowcode-qrcode {
+        background: rgba(255, 255, 255, 0.8) !important;
+      }
+    }
+  }
 }
+
 .pisell-card-disabled {
   color: var(--Gray-500, #667085);
-  padding-bottom: 36px;
+  padding-bottom: 30px;
+
   .pisell-card-amount-wrap {
     .pisell-card-amount-item {
       flex-direction: row;
       align-items: center;
+
       .pisell-card-amount-item-value {
         font-size: 14px;
         font-weight: 400;
@@ -120,7 +168,85 @@
       }
     }
   }
+
+  .pisell-wallet-pass-card-body,
+  .pisell-card-amount-item-label,
+  .pisell-card-amount-item-value {
+    color: var(--Gray-500, #667085) !important;
+    font-weight: 400 !important;
+  }
 }
+
 .pisell-card-disabled-hide-disabled-reason {
   height: 165px !important;
 }
+
+.pisell-wallet-pass-card.pisell-wallet-pass-card-mini {
+  width: 250px;
+  height: 150px;
+
+  .pisell-card-name-wrap {
+    font-weight: 600;
+    font-size: 16px;
+    max-width: calc(100% - 96px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .pisell-card-store-name {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .pisell-card-amount-wrap {
+    display: block;
+  }
+
+  .pisell-wallet-pass-card-redeem {
+    visibility: hidden;
+    flex-direction: row;
+    align-items: center;
+
+    .pisell-card-amount-item-label,
+    .pisell-card-amount-item-value {
+      color: var(--Primary-600, #7f56d9);
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 600;
+    }
+  }
+
+  &.active {
+    .pisell-wallet-pass-card-redeem {
+      visibility: visible;
+    }
+  }
+
+  .pisell-wallet-pass-card-balance {
+    flex-direction: row;
+    align-items: center;
+
+    .pisell-card-amount-item-label,
+    .pisell-card-amount-item-value {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--Gray-900, #101828);
+      line-height: 20px;
+    }
+  }
+
+  .pisell-card-checked-icon {
+    position: absolute;
+    bottom: 16px;
+    right: 16px;
+  }
+}
+
+.pisell-wallet-pass-card-detail-modal,
+.pisell-wallet-pass-card-edit-modal {
+  .pisell-lowcode-form-item {
+    margin-bottom: 20px;
+  }
+}

package/lib/components/productCard/components/Time/components/SelectHolder/index.js

@@ -50,6 +50,7 @@ var SelectHolder = ({
   allowClear = false
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
+  const [open, setOpen] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     setSelectedValue(value);
   }, [value]);
@@ -57,13 +58,8 @@ var SelectHolder = ({
     e.preventDefault();
     e.stopPropagation();
     onAddHolder();
+    setOpen(false);
   };
-  console.log(
-    lists,
-    isShowAddHolderButton,
-    addHolderButtonText,
-    "select-holder"
-  );
   const isError = (0, import_react.useMemo)(() => {
     if (!selectedValue && isErrorHolder) return true;
   }, [selectedValue, isErrorHolder]);
@@ -75,6 +71,8 @@ var SelectHolder = ({
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Select,
       {
+        open,
+        onDropdownVisibleChange: setOpen,
         onClick: (e) => e.stopPropagation(),
         mode: holderMode,
         size: "large",
@@ -84,7 +82,7 @@ var SelectHolder = ({
         value: selectedValue,
         placeholder: import_utils.locales.getText(
           "pisell2.product.card.add.holder.placeholder"
-        )(""),
+        )(addHolderButtonText),
         onChange: (val) => {
           setSelectedValue(val);
           const item = lists.find((d) => d.id === val);

package/lib/components/productCard/index.js

@@ -74,7 +74,6 @@ var ProductCard = (props) => {
   const useOpenNoteRef = (0, import_react.useRef)();
   const locale = ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || localStorage.getItem("umi_locale");
   import_utils.locales.init(import_locales.default, locale || "en");
-  console.log(dataSource, isShowImage, isShowNote, "dataSource");
   const {
     image,
     bundle,

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

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

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

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

package/lib/components/select-time/RightPanel/index.d.ts

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

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

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

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

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

package/lib/components/sort/components/InlineMenu/index.d.ts

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

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

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

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

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

package/lib/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/lib/components/table/Table/fields/date/Sort/index.d.ts

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

package/lib/components/table/Table/fields/date/filterUtil/index.js

@@ -40,14 +40,17 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value) return true;
+  if (!value)
+    return true;
   const valueDayjsObj = (0, import_dayjs.default)(value);
   if (!valueDayjsObj.isValid()) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue)) return false;
+  if ((0, import_utils.isUndefined)(dataValue))
+    return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid()) return false;
+  if (!dataDayjsObj.isValid())
+    return false;
   return dataDayjsObj.isSame(valueDayjsObj, "day");
 }

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

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

package/lib/components/table/Table/fields/image/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/lib/components/table/Table/fields/image/Sort/index.d.ts

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

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

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

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

@@ -197,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/link/Config/index.d.ts

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

package/lib/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/lib/components/table/Table/fields/link/Sort/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/number/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/lib/components/table/Table/fields/number/Sort/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/numberRange/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/lib/components/table/Table/fields/numberRange/Sort/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/oldRangePicker/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/lib/components/table/Table/fields/oldRangePicker/Sort/index.d.ts

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

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

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

package/lib/components/table/Table/fields/pSwitch/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/lib/components/table/Table/fields/pSwitch/Sort/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/rangePicker/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/lib/components/table/Table/fields/rangePicker/Sort/index.d.ts

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

package/lib/components/table/Table/fields/rangePicker/filterUtil/index.js

@@ -43,15 +43,19 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value) return true;
-  if ((value == null ? void 0 : value.length) !== 2) return true;
+  if (!value)
+    return true;
+  if ((value == null ? void 0 : value.length) !== 2)
+    return true;
   const valueDayjsObj = value.map((item2) => (0, import_dayjs.default)(item2 || ""));
   if (valueDayjsObj.some((item2) => !item2.isValid())) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue)) return false;
+  if ((0, import_utils.isUndefined)(dataValue))
+    return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid()) return false;
+  if (!dataDayjsObj.isValid())
+    return false;
   return isDateInRange(dataDayjsObj, valueDayjsObj);
 }

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

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

package/lib/components/table/Table/fields/search/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/lib/components/table/Table/fields/search/Sort/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/select/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/lib/components/table/Table/fields/select/Sort/index.d.ts

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

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

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

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

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

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

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

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

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