@pisell/materials 2.2.48 → 2.2.49

package/es/components/versionModal/index.js

@@ -0,0 +1,224 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import { Radio, Input, Form, Row, Col, message, InputNumber } from 'antd';
+import PisellModal from "../pisellModal";
+import VersionSelect from "../versionSelect";
+import { getText } from "../../locales";
+import "./index.less";
+var style = {
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 8
+};
+var parseVersion = function parseVersion(version) {
+  var _version$split$map = version.split('.').map(Number),
+    _version$split$map2 = _slicedToArray(_version$split$map, 3),
+    major = _version$split$map2[0],
+    minor = _version$split$map2[1],
+    patch = _version$split$map2[2];
+  return [major || 0, minor || 0, patch || 0];
+};
+var isVersionValid = function isVersionValid(customVersion, currentVersion) {
+  var _parseVersion = parseVersion(customVersion),
+    _parseVersion2 = _slicedToArray(_parseVersion, 3),
+    cMajor = _parseVersion2[0],
+    cMinor = _parseVersion2[1],
+    cPatch = _parseVersion2[2];
+  var _parseVersion3 = parseVersion(currentVersion),
+    _parseVersion4 = _slicedToArray(_parseVersion3, 3),
+    liveMajor = _parseVersion4[0],
+    liveMinor = _parseVersion4[1],
+    livePatch = _parseVersion4[2];
+
+  // 版本号必须大于当前版本
+  if (cMajor > liveMajor) return true;
+  if (cMajor === liveMajor && cMinor > liveMinor) return true;
+  if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch) return true;
+  return false;
+};
+var getNextVersions = function getNextVersions(version) {
+  var _parseVersion5 = parseVersion(version),
+    _parseVersion6 = _slicedToArray(_parseVersion5, 3),
+    major = _parseVersion6[0],
+    minor = _parseVersion6[1],
+    patch = _parseVersion6[2];
+  return {
+    patch: "".concat(major, ".").concat(minor, ".").concat(patch + 1),
+    minor: "".concat(major, ".").concat(minor + 1, ".0"),
+    major: "".concat(major + 1, ".0.0")
+  };
+};
+var PublishVersionModal = function PublishVersionModal(_ref) {
+  var visible = _ref.visible,
+    _ref$currentVersion = _ref.currentVersion,
+    currentVersion = _ref$currentVersion === void 0 ? '1.0.0' : _ref$currentVersion,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    isShowNote = _ref.isShowNote,
+    _ref$confirmLoading = _ref.confirmLoading,
+    confirmLoading = _ref$confirmLoading === void 0 ? false : _ref$confirmLoading,
+    _ref$versions = _ref.versions,
+    versions = _ref$versions === void 0 ? [] : _ref$versions,
+    isShowBasedOn = _ref.isShowBasedOn,
+    isShowCurrentVersion = _ref.isShowCurrentVersion,
+    _ref$isValidateVersio = _ref.isValidateVersion,
+    isValidateVersion = _ref$isValidateVersio === void 0 ? true : _ref$isValidateVersio;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    versionType = _useState2[0],
+    setVersionType = _useState2[1];
+  var _getNextVersions = getNextVersions(currentVersion),
+    patch = _getNextVersions.patch,
+    minor = _getNextVersions.minor,
+    major = _getNextVersions.major;
+  var handleVersionChange = function handleVersionChange(e) {
+    setVersionType(e.target.value);
+  };
+  var handleSubmit = function handleSubmit() {
+    form.validateFields().then(function (values) {
+      var version = values.version,
+        note = values.note,
+        baseVersion = values.baseVersion;
+      var versionType = '';
+      if (version === 'custom') {
+        versionType = 'custom';
+        if (isValidateVersion && !isVersionValid("".concat(values.major, ".").concat(values.minor, ".").concat(values.patch), currentVersion)) {
+          message.error(getText('pisell-version-modal-version-error'));
+          return;
+        }
+        version = "".concat(values.major, ".").concat(values.minor, ".").concat(values.patch);
+      }
+      onConfirm({
+        version: version,
+        note: note,
+        baseVersion: baseVersion,
+        versionType: versionType
+      });
+    });
+  };
+  useEffect(function () {
+    if (visible) {
+      setVersionType('');
+      form.setFieldsValue({
+        version: patch,
+        major: parseVersion(patch)[0] || 0,
+        minor: parseVersion(patch)[1] || 0,
+        patch: parseVersion(patch)[2] || 0,
+        baseVersion: currentVersion
+      });
+    }
+  }, [visible]);
+  return /*#__PURE__*/React.createElement(PisellModal, {
+    title: getText('pisell-version-modal-title'),
+    open: visible,
+    onCancel: onCancel,
+    destroyOnClose: true,
+    onOk: handleSubmit,
+    okText: getText('pisell-version-modal-confirm'),
+    cancelText: getText('pisell-version-modal-cancel'),
+    confirmLoading: confirmLoading
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: "vertical",
+    preserve: false,
+    className: "pisell-lowcode-version-modal-form"
+  }, isShowCurrentVersion && /*#__PURE__*/React.createElement("p", {
+    className: "pisell-lowcode-version-modal-current-version"
+  }, getText('pisell-version-modal-current-version'), ": ", currentVersion), isShowBasedOn && /*#__PURE__*/React.createElement(Form.Item, {
+    label: getText('pisell-version-modal-based-on-version'),
+    name: "baseVersion",
+    initialValue: currentVersion,
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(VersionSelect, {
+    versions: versions,
+    fieldNames: {
+      label: 'label',
+      value: 'version',
+      options: 'options'
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: getText('pisell-version-modal-version'),
+    name: "version",
+    initialValue: "patch",
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: handleVersionChange,
+    style: style
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: patch
+  }, getText('pisell-version-modal-patch'), " (", patch, ")"), /*#__PURE__*/React.createElement(Radio, {
+    value: minor
+  }, getText('pisell-version-modal-minor'), " (", minor, ")"), /*#__PURE__*/React.createElement(Radio, {
+    value: major
+  }, getText('pisell-version-modal-major'), " (", major, ")"), /*#__PURE__*/React.createElement(Radio, {
+    value: "custom"
+  }, getText('pisell-version-modal-custom')))), versionType === 'custom' && /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "major",
+    label: getText('pisell-version-modal-major'),
+    rules: [{
+      required: true,
+      message: getText('pisell-version-modal-version-required')
+    }]
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 0,
+    precision: 0,
+    style: {
+      width: '100%'
+    },
+    placeholder: getText('pisell-version-modal-major')
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "minor",
+    label: getText('pisell-version-modal-minor'),
+    rules: [{
+      required: true,
+      message: getText('pisell-version-modal-version-required')
+    }]
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    precision: 0,
+    min: 0,
+    style: {
+      width: '100%'
+    },
+    placeholder: getText('pisell-version-modal-minor')
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "patch",
+    label: getText('pisell-version-modal-patch'),
+    rules: [{
+      required: true,
+      message: getText('pisell-version-modal-version-required')
+    }]
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 0,
+    precision: 0,
+    style: {
+      width: '100%'
+    },
+    placeholder: getText('pisell-version-modal-patch')
+  })))), isShowNote && /*#__PURE__*/React.createElement(Form.Item, {
+    label: getText('pisell-version-modal-update-notes'),
+    name: "note"
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    placeholder: getText('pisell-version-modal-describe-update-notes')
+  }))));
+};
+export default PublishVersionModal;

package/es/components/versionModal/index.less

@@ -0,0 +1,10 @@
+.pisell-lowcode-version-modal-form {
+  padding: 16px 0 0 !important;
+}
+
+.pisell-lowcode-version-modal-current-version {
+  color: var(--Gray-500, #667085);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+import './index.less';
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+interface VersionSelectProps extends Omit<SelectProps<string>, 'onChange' | 'options'> {
+    versions: Version[];
+    value?: string;
+    onChange?: (value: string, version: Version) => void;
+}
+declare const VersionSelect: (props: VersionSelectProps) => JSX.Element;
+export default VersionSelect;

package/es/components/versionSelect/index.js

@@ -0,0 +1,53 @@
+var _excluded = ["versions", "value", "onChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import CustomSelect from "../customSelect";
+import PisellRow from "../pisellRow";
+import PisellTags from "../pisellTags";
+import { getText } from "../../locales";
+import "./index.less";
+var getStatusColor = function getStatusColor(status) {
+  if (status === 'live') return 'success';
+  if (status === 'draft') return 'gray';
+  if (status === 'deprecated') return 'error';
+  return 'gray';
+};
+var getStatusText = function getStatusText(status) {
+  if (status === 'live') return getText('pisell-lowcode-app-version-control-live');
+  if (status === 'draft') return getText('pisell-lowcode-app-version-control-draft');
+  if (status === 'deprecated') return getText('pisell-lowcode-app-version-control-deprecated');
+};
+var VersionSelect = function VersionSelect(props) {
+  var versions = props.versions,
+    value = props.value,
+    onChange = props.onChange,
+    rest = _objectWithoutProperties(props, _excluded);
+  var handleVersionChange = function handleVersionChange(value) {
+    var version = versions.find(function (v) {
+      return v.value === value;
+    });
+    onChange === null || onChange === void 0 || onChange(value, version);
+  };
+  return /*#__PURE__*/React.createElement(CustomSelect, _extends({}, rest, {
+    options: versions,
+    value: value,
+    size: "large",
+    onChange: handleVersionChange,
+    style: {
+      width: '100%'
+    },
+    renderItem: function renderItem(option) {
+      return /*#__PURE__*/React.createElement(PisellRow, {
+        leftContent: option.label,
+        rightContent: /*#__PURE__*/React.createElement(PisellTags, {
+          type: 'pill_color',
+          color: getStatusColor(option.status),
+          className: "pisell-lowcode-version-select-tag"
+        }, getStatusText(option.status))
+      });
+    }
+  }));
+};
+export default VersionSelect;

package/es/components/versionSelect/index.less

@@ -0,0 +1,3 @@
+.pisell-lowcode-version-select-tag {
+    line-height: 20px;
+}

package/es/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) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element | null;
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
 export default Presets;

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

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

package/es/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) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const Number: (props: NumberProps) => JSX.Element;
 export default Number;

package/es/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) => React.JSX.Element;
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
 export default VirtualKeyboardTime;

package/es/components/virtual-keyboard/Time/index.js

@@ -84,11 +84,11 @@ var VirtualKeyboardTime = function VirtualKeyboardTime(props) {
   }, [value]);
   var _onChange = function _onChange(current) {
     if (current === "ok") {
-      onEnter === null || onEnter === void 0 ? void 0 : onEnter(formatStringToTime(value));
+      onEnter === null || onEnter === void 0 || onEnter(formatStringToTime(value));
       return;
     }
     if (current === "now") {
-      onEnter === null || onEnter === void 0 ? void 0 : onEnter(dayjs().format("HH:mm"));
+      onEnter === null || onEnter === void 0 || onEnter(dayjs().format("HH:mm"));
       return;
     }
     var _val = res.valueString + current;
@@ -98,7 +98,7 @@ var VirtualKeyboardTime = function VirtualKeyboardTime(props) {
     if (document.querySelector(".virtual-keyboard-input-select")) {
       _val = current + "";
     }
-    _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(formatStringToTime(_val));
+    _onChange2 === null || _onChange2 === void 0 || _onChange2(formatStringToTime(_val));
   };
   return /*#__PURE__*/React.createElement(VirtualKeyboard, {
     className: className,
@@ -112,7 +112,7 @@ var VirtualKeyboardTime = function VirtualKeyboardTime(props) {
     virtualKeyInputProps: {
       value: value,
       onChange: function onChange(e) {
-        _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(formatStringToTime(e.target.value));
+        _onChange2 === null || _onChange2 === void 0 || _onChange2(formatStringToTime(e.target.value));
       },
       renderInput: function renderInput() {
         return res === null || res === void 0 ? void 0 : res.previewValueArrayDom;

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

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

package/es/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) => React.JSX.Element;
+declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
 export default VirtualInput;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
 export default VirtualKeyInput;

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

package/es/components/walletCard/Guest/index.d.ts

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

package/es/components/walletCard/Guest/index.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import Button from "../../button";
+import "./index.less";
+var Guest = function Guest(props) {
+  var _utils$translation, _utils$translation2, _utils$translation3, _utils$translation4, _utils$translation5, _setting$titleConfig, _utils$translation6, _setting$subtitleConf, _utils$translation7, _setting$buttonConfig, _utils$translation8, _setting$buttonConfig2;
+  var setting = props.setting;
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+  console.log('%c [ utils ]-10', 'font-size:13px; background:pink; color:#bf2c9f;', utils);
+
+  /**
+   * @title: 拉起登录
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:34
+   */
+  var goLogin = function goLogin() {
+    console.log(utils, 'wh978796');
+    utils === null || utils === void 0 || utils.action({
+      type: 'pisell1.login',
+      data: {},
+      callback: function callback(status) {
+        console.log(status, 'wh978796');
+        if (status === 'success') {}
+      }
+    });
+  };
+
+  /**
+   * @title: 样式处理
+   * @description:
+   * @param {any} config
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:39
+   */
+  var getTextStyle = function getTextStyle(config, otherConfig) {
+    return {
+      color: (config === null || config === void 0 ? void 0 : config.color) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.color) || '#fff',
+      fontSize: (config === null || config === void 0 ? void 0 : config.size) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.size) || 14,
+      fontWeight: (config === null || config === void 0 ? void 0 : config.weight) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.weight) || 400,
+      fontStyle: (config === null || config === void 0 ? void 0 : config.style) || 'normal'
+    };
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-wrap",
+    style: {
+      backgroundColor: setting === null || setting === void 0 ? void 0 : setting.backgroundColor
+    }
+  }, utils !== null && utils !== void 0 && (_utils$translation = utils.translation) !== null && _utils$translation !== void 0 && _utils$translation.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImage) ? /*#__PURE__*/React.createElement("img", {
+    className: "pisell-wallet-guest-bg",
+    src: (utils === null || utils === void 0 || (_utils$translation2 = utils.translation) === null || _utils$translation2 === void 0 ? void 0 : _utils$translation2.call(utils, setting.backgroundImage)) || '',
+    alt: (utils === null || utils === void 0 || (_utils$translation3 = utils.translation) === null || _utils$translation3 === void 0 ? void 0 : _utils$translation3.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImageAlt)) || '',
+    title: (utils === null || utils === void 0 || (_utils$translation4 = utils.translation) === null || _utils$translation4 === void 0 ? void 0 : _utils$translation4.call(utils, setting === null || setting === void 0 ? void 0 : setting.backgroundImageAlt)) || ''
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-content ".concat(setting.align === 'center' ? 'pisell-wallet-guest-center' : '')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-title",
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.titleConfig, {
+      size: 18,
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation5 = utils.translation) === null || _utils$translation5 === void 0 ? void 0 : _utils$translation5.call(utils, (setting === null || setting === void 0 ? void 0 : setting.title) || (setting === null || setting === void 0 || (_setting$titleConfig = setting.titleConfig) === null || _setting$titleConfig === void 0 ? void 0 : _setting$titleConfig.text))) || ''), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-subtitle",
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.subtitleConfig, {
+      color: '#D0D5DD'
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation6 = utils.translation) === null || _utils$translation6 === void 0 ? void 0 : _utils$translation6.call(utils, (setting === null || setting === void 0 ? void 0 : setting.subtitle) || (setting === null || setting === void 0 || (_setting$subtitleConf = setting.subtitleConfig) === null || _setting$subtitleConf === void 0 ? void 0 : _setting$subtitleConf.text))) || '')), utils !== null && utils !== void 0 && (_utils$translation7 = utils.translation) !== null && _utils$translation7 !== void 0 && _utils$translation7.call(utils, (setting === null || setting === void 0 ? void 0 : setting.buttonText) || (setting === null || setting === void 0 || (_setting$buttonConfig = setting.buttonConfig) === null || _setting$buttonConfig === void 0 ? void 0 : _setting$buttonConfig.text)) ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guest-button-wrap"
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      backgroundColor: (setting === null || setting === void 0 ? void 0 : setting.buttonColor) || '#7F56D9'
+    },
+    onClick: goLogin
+  }, /*#__PURE__*/React.createElement("div", {
+    style: getTextStyle(setting === null || setting === void 0 ? void 0 : setting.buttonConfig, {
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation8 = utils.translation) === null || _utils$translation8 === void 0 ? void 0 : _utils$translation8.call(utils, (setting === null || setting === void 0 ? void 0 : setting.buttonText) || (setting === null || setting === void 0 || (_setting$buttonConfig2 = setting.buttonConfig) === null || _setting$buttonConfig2 === void 0 ? void 0 : _setting$buttonConfig2.text))) || ''))) : null));
+};
+export default Guest;

package/es/components/walletCard/Guest/index.less

@@ -0,0 +1,71 @@
+.pisell-wallet-guest-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+  padding: 16px 18px;
+
+  .pisell-wallet-guest-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .pisell-wallet-guest-content {
+    position: relative;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+
+    &.pisell-wallet-guest-center {
+      text-align: center;
+      align-items: center;
+    }
+
+    .pisell-wallet-guest-title {
+      line-height: 28px;
+    }
+
+    .pisell-wallet-guest-subtitle {
+      line-height: 20px;
+    }
+
+    .pisell-wallet-guest-button-wrap {
+      display: flex;
+      width: fit-content;
+      max-width: 100%;
+    }
+
+    .pisell-lowcode-btn-default {
+      margin-top: 8px;
+      display: flex;
+      padding: 10px 16px;
+      justify-content: center;
+      align-items: center;
+      background: transparent;
+      border-color: transparent;
+      border-radius: 8px;
+      border: 1px solid var(--Primary-600, #7f56d9);
+      background: var(--Primary-600, #7f56d9);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      max-width: 100%;
+      width: auto;
+      > div {
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}