@pisell/materials 1.0.702 → 1.0.704

package/lib/components/tabs/index.js

@@ -40,68 +40,71 @@ var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Tabs = class extends import_react.Component {
-  state = {
-    activeKey: this.props.activeKey ?? this.props.defaultActiveKey
-  };
+  constructor() {
+    super(...arguments);
+    this.state = {
+      activeKey: this.props.activeKey ?? this.props.defaultActiveKey
+    };
+    this._handleChange = (key) => {
+      this.setActiveKey(key);
+    };
+    // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
+    this.setActiveKey = (key) => {
+      const { onChange = () => {
+      } } = this.props;
+      this.setState({ activeKey: key });
+      onChange(key);
+    };
+    // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
+    this.getActiveKey = () => {
+      return this.state.activeKey;
+    };
+    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
+      var _a;
+      const { items, sidebarWidth } = this.props;
+      let wrapStyle = {
+        gap: props.tabBarGutter
+      };
+      if (["left", "right"].includes(props.tabPosition)) {
+        wrapStyle = {
+          ...wrapStyle,
+          width: sidebarWidth || 130
+        };
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "pisell-lowcode-tabs-nav",
+            `${prefix}tab-bar-wrap`,
+            `${prefix}tab-bar-wrap-${props.tabPosition}`,
+            (_a = this.props) == null ? void 0 : _a.className
+          ),
+          style: wrapStyle
+        },
+        this.filterHiddenTabs(items).map((item) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
+                [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
+              }),
+              key: item.key,
+              onClick: (e) => props.onTabClick(item.key, e)
+            },
+            /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
+          );
+        }),
+        props.extra
+      );
+    };
+    this.filterHiddenTabs = (tabs) => {
+      return tabs.filter((item) => !item.hidden);
+    };
+  }
   componentDidMount() {
     document.body.id = "body";
   }
-  _handleChange = (key) => {
-    this.setActiveKey(key);
-  };
-  // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
-  setActiveKey = (key) => {
-    const { onChange = () => {
-    } } = this.props;
-    this.setState({ activeKey: key });
-    onChange(key);
-  };
-  // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
-  getActiveKey = () => {
-    return this.state.activeKey;
-  };
-  renderIconLabelTabBar = (props, DefaultTabBar) => {
-    var _a;
-    const { items, sidebarWidth } = this.props;
-    let wrapStyle = {
-      gap: props.tabBarGutter
-    };
-    if (["left", "right"].includes(props.tabPosition)) {
-      wrapStyle = {
-        ...wrapStyle,
-        width: sidebarWidth || 130
-      };
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          "pisell-lowcode-tabs-nav",
-          `${prefix}tab-bar-wrap`,
-          `${prefix}tab-bar-wrap-${props.tabPosition}`,
-          (_a = this.props) == null ? void 0 : _a.className
-        ),
-        style: wrapStyle
-      },
-      this.filterHiddenTabs(items).map((item) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
-              [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
-            }),
-            key: item.key,
-            onClick: (e) => props.onTabClick(item.key, e)
-          },
-          /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
-        );
-      }),
-      props.extra
-    );
-  };
-  filterHiddenTabs = (tabs) => {
-    return tabs.filter((item) => !item.hidden);
-  };
   render() {
     const { props } = this;
     const { activeKey } = this.state;

package/lib/components/time-picker/index.d.ts

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

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

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

package/lib/components/versionModal/index.js

@@ -50,8 +50,10 @@ var parseVersion = (version) => {
 var isVersionValid = (customVersion, currentVersion) => {
   const [cMajor, cMinor, cPatch] = parseVersion(customVersion);
   const [liveMajor, liveMinor, livePatch] = parseVersion(currentVersion);
-  if (cMajor > liveMajor) return true;
-  if (cMajor === liveMajor && cMinor > liveMinor) return true;
+  if (cMajor > liveMajor)
+    return true;
+  if (cMajor === liveMajor && cMinor > liveMinor)
+    return true;
   if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch)
     return true;
   return false;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {
@@ -14,5 +14,5 @@ interface VersionSelectProps extends Omit<SelectProps<string>, 'onChange' | 'opt
     value?: string;
     onChange?: (value: string, version: Version) => void;
 }
-declare const VersionSelect: (props: VersionSelectProps) => JSX.Element;
+declare const VersionSelect: (props: VersionSelectProps) => React.JSX.Element;
 export default VersionSelect;

package/lib/components/versionSelect/index.js

@@ -39,15 +39,21 @@ var import_pisellTags = __toESM(require("../pisellTags"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var getStatusColor = (status) => {
-  if (status === "live") return "success";
-  if (status === "draft") return "gray";
-  if (status === "deprecated") return "error";
+  if (status === "live")
+    return "success";
+  if (status === "draft")
+    return "gray";
+  if (status === "deprecated")
+    return "error";
   return "gray";
 };
 var getStatusText = (status) => {
-  if (status === "live") return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
-  if (status === "draft") return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
-  if (status === "deprecated") return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+  if (status === "live")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
 };
 var VersionSelect = (props) => {
   const { versions, value, onChange, ...rest } = props;

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

@@ -18,5 +18,5 @@ export interface AmountProps {
     defaultSelect?: boolean;
     inputFormat?: (_v: string) => React.ReactNode | null;
 }
-declare const Amount: (props: AmountProps) => JSX.Element;
+declare const Amount: (props: AmountProps) => React.JSX.Element;
 export default Amount;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;
@@ -8,5 +8,5 @@ export interface PresetsProps {
     presets?: PresetsItem[];
     onChange: (val: string) => void;
 }
-declare const Presets: (props: PresetsProps) => JSX.Element | null;
+declare const Presets: (props: PresetsProps) => React.JSX.Element | null;
 export default Presets;

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

@@ -15,5 +15,5 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
 }
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => React.JSX.Element;
 export default BaseNumberKeyboard;

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

@@ -182,12 +182,14 @@ var BaseNumberKeyboard = (props) => {
   };
   const handleChangeValue = (val) => {
     const detail = checkValue(val);
-    if (detail) return;
+    if (detail)
+      return;
     setValue(val);
   };
   const actions = {
     ".": (val) => {
-      if (value.includes(".")) return;
+      if (value.includes("."))
+        return;
       actions.default(val);
     },
     delete: () => {

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

@@ -17,5 +17,5 @@ export interface KeyboardProps {
     rightItems?: Item[];
     keydown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface NumberProps {
     max?: number;
     min?: number;
@@ -10,5 +10,5 @@ export interface NumberProps {
     onChange?: (val: string | number) => void;
     onEnter?: (val: string | number) => void;
 }
-declare const Number: (props: NumberProps) => JSX.Element;
+declare const Number: (props: NumberProps) => React.JSX.Element;
 export default Number;

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

@@ -9,5 +9,5 @@ export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivEl
     onEnter?: (value: any) => void;
     rightPanel?: React.ReactNode;
 }
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
 export default VirtualKeyboardTime;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -3,7 +3,7 @@ export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;
     previewValueArray: string[];
-    previewValueArrayDom: JSX.Element[];
+    previewValueArrayDom: import("react").JSX.Element[];
     previewValueString: string;
     disabled: never[];
 };

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

@@ -5,5 +5,5 @@ export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement>
     autoFocus?: boolean;
     placeholder?: string;
 }
-declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
+declare const VirtualInput: (props: VirtualInputProps) => React.JSX.Element;
 export default VirtualInput;

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

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

package/lib/components/walletCard/index.js

@@ -83,9 +83,12 @@ var DEFAULT_PROPS = {
   ]
 };
 var toBooleanValue = (value) => {
-  if (value === void 0) return false;
-  if (value === 0 || value === "0") return false;
-  if (value === 1 || value === "1") return true;
+  if (value === void 0)
+    return false;
+  if (value === 0 || value === "0")
+    return false;
+  if (value === 1 || value === "1")
+    return true;
   return !!value;
 };
 var useCodeModal = (cardNo, onCodeClick) => {
@@ -129,15 +132,14 @@ var CardHeader = ({
   const processedShowShopName = toBooleanValue(showShopName);
   const processedShowCardNo = toBooleanValue(showCardNo);
   const processedShowCode = toBooleanValue(showCode);
-  const processedIsLogin = toBooleanValue(isLogin);
-  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(
+  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",
     {
       src: iconImg,
       alt: "wallet icon",
       style: { width: "20px", height: "20px" }
     }
-  )), 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)), /* @__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",
@@ -147,7 +149,7 @@ var CardHeader = ({
       import_iconfont.default,
       {
         style: {
-          color: mode === "dark" ? "#fff" : "#000"
+          color: mode === "dark" ? "#fff" : "#101828"
         },
         type: codeType === "barCode" ? "pisell2-Barcode" : "pisell2-a-qr-code-02",
         className: "pisell-wallet-card-icon"
@@ -173,7 +175,8 @@ var CardContent = ({ items, symbol }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-list" }, (items || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol })));
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
-  if (!cardNo) return null;
+  if (!cardNo)
+    return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code" }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(
     import_react_barcode.default,
     {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.702",
+  "version": "1.0.704",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",