@pisell/materials 6.3.4 → 6.4.1

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

@@ -36,7 +36,7 @@ var import_iconfont = __toESM(require("../../../iconfont"));
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_SelectField = __toESM(require("../SelectField"));
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var import_hooks = require("../../../../hooks");
 var import_model = require("../../model");
 var AddFieldModal = () => {
@@ -85,7 +85,7 @@ var AddFieldModal = () => {
         },
         onFinish: addField
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-field-modal"] }, /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-field-modal" }, /* @__PURE__ */ import_react.default.createElement(
         import_antd.Form.Item,
         {
           label: "Field Name",
@@ -101,13 +101,13 @@ var AddFieldModal = () => {
           import_antd.Input,
           {
             placeholder: "Field name (optional)",
-            className: import_index.default["header-search"]
+            className: "pisell-lowcode-header-search"
           }
         )
-      ), /* @__PURE__ */ import_react.default.createElement(import_SelectField.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["modal-footer"] }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-describe"] }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pi-Plus", className: import_index.default["icon"] }), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index.default["label"] }, "Add description")), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["btns"] }, /* @__PURE__ */ import_react.default.createElement(
+      ), /* @__PURE__ */ import_react.default.createElement(import_SelectField.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-modal-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-describe" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pi-Plus", className: "pisell-lowcode-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode-label" }, "Add description")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-btns" }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: import_index.default["cancel"],
+          className: "pisell-lowcode-cancel",
           onClick: () => {
             onCloseModal();
           }
@@ -116,7 +116,7 @@ var AddFieldModal = () => {
       ), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: import_index.default["submit"],
+          className: "pisell-lowcode-submit",
           onClick: () => {
             form.submit();
           }
@@ -136,7 +136,7 @@ var AddFieldModal = () => {
       placement: "bottomRight",
       overlayInnerStyle: { padding: 0 },
       trigger: "click",
-      overlayClassName: import_index.default["popover-wrap"],
+      overlayClassName: "pisell-lowcode-popover-wrap",
       onOpenChange: (e) => {
         if (!e) {
           onCloseModal();
@@ -146,11 +146,11 @@ var AddFieldModal = () => {
       },
       open: openModal
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["add-field-btn"] }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-add-field-btn" }, /* @__PURE__ */ import_react.default.createElement(
       import_iconfont.default,
       {
         type: "pi-a-Property3Add",
-        className: import_index.default["add-field-icon"]
+        className: "pisell-lowcode-add-field-icon"
       }
     ))
   );

package/lib/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/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/filterUtil/index.js

@@ -40,17 +40,14 @@ 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/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/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/filterUtil/index.js

@@ -43,19 +43,15 @@ 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/select/filterUtil/index.d.ts

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

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/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>;
-}): any;
+}): boolean;

package/lib/components/table/Table/fields/utils/index.js

@@ -25,8 +25,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var getValueByKeys = (obj, keys) => {
   var _a;
-  if (!keys)
-    return keys;
+  if (!keys) return keys;
   if ((0, import_utils.isString)(keys)) {
     keys = [keys];
   }

package/lib/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;

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

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

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

@@ -50,6 +50,7 @@ var Number = (props) => {
     placeholder,
     onEnter,
     selectType = "light",
+    defaultSelect,
     ...others
   } = props;
   const config = (0, import_usePisellConfig.default)();
@@ -98,11 +99,13 @@ var Number = (props) => {
         max,
         min,
         value,
+        defaultValue,
         onChange: setValue,
         placeholder,
         doneText,
         resetText,
         onEnter,
+        defaultSelect,
         rightItemsStyle: {
           buttonBackgroundColor: configColor.buttonBackgroundColor,
           textColor: configColor.textColor,

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

@@ -37,6 +37,8 @@ var import_Keyboard = __toESM(require("./Keyboard"));
 var import_VirtualKeyInput = __toESM(require("./VirtualKeyInput"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
 var items = [
   {
     value: 1,
@@ -105,6 +107,32 @@ var items = [
     type: "primary"
   }
 ];
+var virtualKeyboardThemeConfig = {
+  dark: {
+    backgroundColor: "rgba(0, 0, 0, 0.70)",
+    containerBackgroundColor: "rgba(0, 0, 0, 0.40)",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    keyboardBackgroundColor: "rgba(0, 0, 0, 0.40)",
+    keyboardButtonBackgroundColor: "#ffffff",
+    keyboardButtonTextColor: "#000000",
+    keyboardButtonHoverColor: "#f5f5f5",
+    primaryButtonBackgroundColor: "#4ca30d",
+    primaryButtonTextColor: "#ffffff"
+  },
+  light: {
+    backgroundColor: "#ffffff",
+    containerBackgroundColor: "#d0d5dd",
+    buttonBackgroundColor: "#ffffff",
+    textColor: "#000000",
+    keyboardBackgroundColor: "#f9f9f9",
+    keyboardButtonBackgroundColor: "#ffffff",
+    keyboardButtonTextColor: "#000000",
+    keyboardButtonHoverColor: "#f5f5f5",
+    primaryButtonBackgroundColor: "#4ca30d",
+    primaryButtonTextColor: "#ffffff"
+  }
+};
 var VirtualKeyboard = (props) => {
   const {
     virtualKeyInputProps,
@@ -113,15 +141,45 @@ var VirtualKeyboard = (props) => {
     keyboardProps,
     onChange,
     value,
-    rightPanel
+    rightPanel,
+    selectType = "light",
+    ...others
   } = props;
+  const config = (0, import_usePisellConfig.default)();
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  const configColor = (0, import_react.useMemo)(() => {
+    const currentConfig = virtualKeyboardThemeConfig[selectType];
+    const validProps = Object.entries(props).reduce((acc, [key, value2]) => {
+      if (value2 !== void 0 && key in currentConfig) {
+        acc[key] = value2;
+      }
+      return acc;
+    }, {});
+    return { ...currentConfig, ...validProps };
+  }, [selectType, props]);
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.setTheme)({
+      "--virtual-keyboard-background-color": configColor.backgroundColor,
+      "--virtual-keyboard-container-background-color": configColor.containerBackgroundColor,
+      "--virtual-keyboard-button-background-color": configColor.buttonBackgroundColor,
+      "--virtual-keyboard-text-color": configColor.textColor,
+      "--virtual-keyboard-keyboard-background-color": configColor.keyboardBackgroundColor,
+      "--virtual-keyboard-keyboard-button-background-color": configColor.keyboardButtonBackgroundColor,
+      "--virtual-keyboard-keyboard-button-text-color": configColor.keyboardButtonTextColor,
+      "--virtual-keyboard-keyboard-button-hover-color": configColor.keyboardButtonHoverColor,
+      "--virtual-keyboard-primary-button-background-color": configColor.primaryButtonBackgroundColor,
+      "--virtual-keyboard-primary-button-text-color": configColor.primaryButtonTextColor
+    });
+  }, [configColor]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("virtual-keyboard-component", className),
+      className: (0, import_classnames.default)("virtual-keyboard-component", className, {
+        "virtual-keyboard-component-dark": selectType === "dark",
+        "virtual-keyboard-component-light": selectType === "light"
+      }),
       style
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("virtual-keyboard-component-left") }, /* @__PURE__ */ import_react.default.createElement(import_VirtualKeyInput.default, { ...virtualKeyInputProps }), /* @__PURE__ */ import_react.default.createElement(import_Keyboard.default, { items, ...keyboardProps })),

package/lib/components/virtual-keyboard/index.less

@@ -2,14 +2,46 @@
   display: flex;
   align-items: center;
   gap: 20px;
+  background-color: var(--virtual-keyboard-background-color, #ffffff);
+  
+  &.virtual-keyboard-component-dark {
+    background-color: var(--virtual-keyboard-background-color, rgba(0, 0, 0, 0.70));
+  }
+  
+  &.virtual-keyboard-component-light {
+    background-color: var(--virtual-keyboard-background-color, #ffffff);
+  }
 }
 
 .virtual-keyboard-component-left {
   padding: 10px;
   width: 380px;
   border-radius: 10px;
-  background: var(--Gray-300, #D0D5DD);
+  background: var(--virtual-keyboard-container-background-color, #D0D5DD);
   backdrop-filter: blur(50px);
+  
+  .pisell-virtual-keyboard-input {
+    background-color: var(--virtual-keyboard-button-background-color, #ffffff);
+    color: var(--virtual-keyboard-text-color, #000000);
+  }
+  
+  .pisell-keyboard {
+    background-color: var(--virtual-keyboard-keyboard-background-color, #f9f9f9);
+    
+    .pisell-keyboard-item {
+      background-color: var(--virtual-keyboard-keyboard-button-background-color, #ffffff);
+      color: var(--virtual-keyboard-keyboard-button-text-color, #000000);
+      
+      &:hover {
+        background-color: var(--virtual-keyboard-keyboard-button-hover-color, #f5f5f5);
+      }
+      
+      &.pisell-keyboard-item-primary {
+        background-color: var(--virtual-keyboard-primary-button-background-color, #4ca30d);
+        color: var(--virtual-keyboard-primary-button-text-color, #ffffff);
+      }
+    }
+  }
 }
 
 .virtual-keyboard-component-right {

package/lib/components/walletCard/Guide/index.js

@@ -51,9 +51,19 @@ var Guide = (props) => {
     return (setting == null ? void 0 : setting.walletGuideConfig) || {};
   }, [setting == null ? void 0 : setting.walletGuideConfig]);
   const handleClick = (e) => {
-    var _a2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     e.stopPropagation();
     if (!((_a2 = _setting == null ? void 0 : _setting.skipLink) == null ? void 0 : _a2.page)) return;
+    if ((_d2 = (_c2 = (_b2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _b2.utils) == null ? void 0 : _c2.isAppEnv) == null ? void 0 : _d2.call(_c2)) {
+      (_g2 = (_f2 = (_e2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.postMessageToApp) == null ? void 0 : _g2.call(_f2, {
+        module: "global",
+        key: "openNative",
+        data: {
+          link: _setting == null ? void 0 : _setting.skipLink
+        }
+      });
+      return;
+    }
     utils == null ? void 0 : utils.jumpPageByLink(_setting == null ? void 0 : _setting.skipLink);
   };
   return /* @__PURE__ */ import_react.default.createElement(

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

@@ -96,6 +96,7 @@ export { default as PisellTooltip } from './components/pisellTooltip';
 export { default as PisellUpload } from './components/pisellUpload';
 export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export type { PisellWalletPassCardProps } from './components/pisellWalletPassCard';
 export { default as ProfileMenu } from './components/profileMenu';
 export { default as QRCode } from './components/qrcode';
 export { default as Radio } from './components/radio';

package/lib/locales/en-US.js

@@ -153,7 +153,7 @@ var en_US_default = {
   "pisell-wallet-pass-card-name": "Name",
   "pisell-wallet-pass-card-store-name": "StoreName",
   "pisell-wallet-pass-card-balance": "Balance",
-  "pisell-wallet-pass-card-redeem": "Redeem",
+  "pisell-wallet-pass-card-redeem": "use",
   "pisell-wallet-pass-card-code": "Code",
   "pisell-wallet-pass-card-valid-to": "Valid to",
   "pisell-wallet-pass-card-confirm": "Confirm",
@@ -326,5 +326,12 @@ var en_US_default = {
   "pisell2.text.goodpass.product-vouchers": "Promotions & Vouchers",
   "pisell2.text.goodpass.last-settlement": "(Last payment)",
   "pisell2.text.goodpass.view-more": "View More",
-  "pisell2.text.goodpass.save": "Save"
+  "pisell2.text.goodpass.save": "Save",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "Used",
+  "pisell-wallet-pass-card-status-expired": "Expired",
+  "pisell-wallet-pass-card-status-disabled": "Disabled",
+  "pisell-wallet-pass-card-status-conflict": "Conflict",
+  "pisell-wallet-pass-card-reset": "Reset",
+  "pisell-wallet-pass-card-done": "Done"
 };

package/lib/locales/zh-CN.js

@@ -153,7 +153,7 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-name": "商品名称",
   "pisell-wallet-pass-card-store-name": "共享店铺名称",
   "pisell-wallet-pass-card-balance": "余额",
-  "pisell-wallet-pass-card-redeem": "兑换",
+  "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "识别码编号",
   "pisell-wallet-pass-card-valid-to": "有效期至",
   "pisell-wallet-pass-card-confirm": "确认",
@@ -317,5 +317,12 @@ var zh_CN_default = {
   "pisell2.text.goodpass.product-vouchers": "优惠促销",
   "pisell2.text.goodpass.last-settlement": "(上次结算)",
   "pisell2.text.goodpass.view-more": "查看更多",
-  "pisell2.text.goodpass.save": "节省"
+  "pisell2.text.goodpass.save": "节省",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "已使用",
+  "pisell-wallet-pass-card-status-expired": "已过期",
+  "pisell-wallet-pass-card-status-disabled": "已禁用",
+  "pisell-wallet-pass-card-status-conflict": "冲突",
+  "pisell-wallet-pass-card-reset": "清空",
+  "pisell-wallet-pass-card-done": "保存"
 };

package/lib/locales/zh-TW.js

@@ -153,7 +153,7 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-name": "商品名稱",
   "pisell-wallet-pass-card-store-name": "共享店鋪名稱",
   "pisell-wallet-pass-card-balance": "餘額",
-  "pisell-wallet-pass-card-redeem": "兌換",
+  "pisell-wallet-pass-card-redeem": "使用",
   "pisell-wallet-pass-card-code": "識別碼編號",
   "pisell-wallet-pass-card-valid-to": "有效期至",
   "pisell-wallet-pass-card-confirm": "確認",
@@ -318,5 +318,12 @@ var zh_TW_default = {
   "pisell2.text.goodpass.product-vouchers": "優惠促銷",
   "pisell2.text.goodpass.last-settlement": "(上次結算)",
   "pisell2.text.goodpass.view-more": "查看更多",
-  "pisell2.text.goodpass.save": "節省"
+  "pisell2.text.goodpass.save": "節省",
+  // 钱包卡片组件
+  "pisell-wallet-pass-card-status-used": "已使用",
+  "pisell-wallet-pass-card-status-expired": "已過期",
+  "pisell-wallet-pass-card-status-disabled": "已禁用",
+  "pisell-wallet-pass-card-status-conflict": "衝突",
+  "pisell-wallet-pass-card-reset": "清空",
+  "pisell-wallet-pass-card-done": "保存"
 };

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lowcode/_setters/antd-icon-setter/index.tsx

@@ -226,11 +226,12 @@ const AntdIconSetter = (props: AntdIconSetterProps) => {
       <Balloon
         className="lc-antd-icon-setter-balloon"
         trigger={triggerNode}
-        needAdjust
+        autoAdjust
         triggerType="click"
         closable={false}
         alignEdge
-        align="lt"
+        align="l"
+        v2
         style={{ width: 300 }}
       >
         <div className="lc-antd-icon-setter-header">

package/lowcode/pisell-card-list/meta.ts

@@ -167,6 +167,50 @@ export default {
           setter: 'BoolSetter',
           defaultValue: true,
         },
+        {
+          type: 'group',
+          title: '商品名称样式',
+          display: 'entry',
+          condition: (target: IPublicModelSettingField) => {
+            return target.parent.getPropValue('showName') === true;
+          },
+          items: [
+            {
+              name: 'nameTitleStyle.fontSize',
+              title: {
+                type: 'i18n',
+                'en-US': 'Font Size',
+                'zh-CN': '字号',
+              },
+              setter: 'NumberSetter'
+            },
+            {
+              name: 'nameTitleStyle.fontWeight',
+              title: {
+                type: 'i18n',
+                'en-US': 'Font Weight',
+                'zh-CN': '字重',
+              },
+              setter: 'NumberSetter'
+            },
+            {
+              name: 'nameTitleStyle.color',
+              title: {
+                type: 'i18n',
+                'en-US': 'Color',
+                'zh-CN': '颜色',
+              },
+              setter: 'ColorSetter'
+            },
+          ]
+        },
+        {
+          name: 'showStatus',
+          title: { label: '显示状态标识', tip: '显示状态标识' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
         {
           name: 'showStoreName',
           title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
@@ -258,9 +302,14 @@ export default {
         },
         {
           name: 'onConfirmEdit',
-          templete:
+          template:
             "onConfirmEdit(value, index){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
         },
+        {
+          name: 'onConfirmEditAmount',
+          template:
+            "onConfirmEditAmount(value, index){\n// 编辑金额点击确认\nconsole.log('onConfirmEditAmount');}",
+        },
       ],
     },
   },

package/lowcode/pisell-wallet-pass-card/actionsMeta.ts

@@ -213,5 +213,12 @@ export const actionsMeta = {
         },
       ],
     },
+    {
+      name: 'enableEditAmount',
+      title: { label: '开启编辑金额' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    }
   ],
 }