@pisell/materials 1.0.646 → 1.0.648

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {
@@ -8,5 +8,5 @@ export interface VirtualKeyInputProps extends InputProps {
     onValueSelect?: (selected: boolean) => void;
     defaultSelect?: boolean;
 }
-declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
 export default VirtualKeyInput;

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) => JSX.Element;
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
 export default VirtualKeyboard;

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

@@ -62,6 +62,8 @@ interface WalletCardProps {
     items: WalletCardItem[];
     /** 点击二维码/条形码的回调 */
     onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
 }
 declare const WalletCard: React.FC<WalletCardProps>;
 export default WalletCard;

package/lib/components/walletCard/index.js

@@ -42,6 +42,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_locales = require("../../locales/index");
 var import_index = require("./index.less");
 var DEFAULT_PROPS = {
+  symbol: "$",
   mode: "dark",
   cardStyle: "normal",
   codeType: "barCode",
@@ -88,7 +89,8 @@ var WalletCard = (props) => {
     couponValue = DEFAULT_PROPS.couponValue,
     discountCardValue = DEFAULT_PROPS.discountCardValue,
     items = DEFAULT_PROPS.items,
-    onCodeClick
+    onCodeClick,
+    symbol
   } = props;
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
   const handleCodeClick = (e) => {
@@ -120,10 +122,13 @@ var WalletCard = (props) => {
   )));
   const renderContent = () => /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-list") }, items.map((item, index) => {
     const { label, value } = item;
-    return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, label === "rechargeable" || label === "pionts" ? /* @__PURE__ */ import_react.default.createElement(
+    console.log("%c [ label ]-201", "font-size:13px; background:pink; color:#bf2c9f;", label);
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, label === "rechargeable" || label === "piont" ? /* @__PURE__ */ import_react.default.createElement(
       import_Amount.default,
       {
         className: "pisell-card-amount-item-value",
+        platform: "h5",
+        symbol,
         useThousandsSeparator: true,
         showCurrencySymbol: true,
         value

package/lib/hooks/useCssVariables.js

@@ -26,7 +26,8 @@ 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,7 +35,8 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info) return;
+  if (oldInfo === info)
+    return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -57,7 +58,8 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info) calculate();
+  if (info)
+    calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -68,7 +70,8 @@ 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 { ComponentType } from 'react';
+import React, { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
+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;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.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) => JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
 };
 export default _default;

package/lowcode/form-item-input/meta.ts

@@ -24,6 +24,18 @@ export default {
     subName: '',
   },
   generalProps: [
+    // TODO: 后面统一追加至高级面板中
+    {
+      name: 'innerRef',
+      title: { label: 'ref', tip: 'ref' },
+      setter: {
+        componentName: 'FunctionSetter',
+        props: {
+          template:
+            "innerRef(ref){\n console.log('innerRef',ref); \n this.ref = ref; \n}",
+        },
+      },
+    },
     formItemGeneralDataGroup,
     getFormItemGeneralInfoGroup([
       generalItemMap['label'],

package/lowcode/submit-button/meta.ts

@@ -471,6 +471,20 @@ const SubmitButtonMeta: ComponentMetadata = {
                 'zh-HK': '確定',
               },
             },
+            {
+              name: 'afterSubmitModalConfig.onOk',
+              title: {
+                type: 'i18n',
+                'en-US': 'OK Callback',
+                'zh-CN': '确认回调',
+              },
+              setter: {
+                componentName: 'FunctionSetter',
+                props: {
+                  template: "onOk(${extParams}){\n  console.log('Modal OK clicked');\n}",
+                },
+              },
+            },
           ],
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.646",
+  "version": "1.0.648",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,9 +72,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/date-picker": "1.0.115",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/date-picker": "1.0.115"
   },
   "peerDependencies": {
     "react": "^18.0.0",