@pisell/materials 3.3.25 → 3.3.26

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

@@ -1,87 +0,0 @@
-import React, { useMemo } from 'react';
-import useEngineContext from "../../../hooks/useEngineContext";
-import Button from "../../button";
-import "./index.less";
-var Guide = function Guide(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;
-
-  /**
-   * @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'
-    };
-  };
-  var _setting = useMemo(function () {
-    return (setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig) || {};
-  }, [setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig]);
-
-  /**
-   * @title: 跳转链接
-   * @description:
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-06-09 14:36
-   */
-  var handleClick = function handleClick(e) {
-    var _setting$skipLink;
-    e.stopPropagation();
-    if (!(_setting !== null && _setting !== void 0 && (_setting$skipLink = _setting.skipLink) !== null && _setting$skipLink !== void 0 && _setting$skipLink.page)) return;
-    utils === null || utils === void 0 || utils.jumpPageByLink(_setting === null || _setting === void 0 ? void 0 : _setting.skipLink);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-wallet-guide-wrap",
-    style: {
-      backgroundColor: _setting === null || _setting === void 0 ? void 0 : _setting.backgroundColor
-    },
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, 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-guide-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-guide-content ".concat(_setting.align === 'center' ? 'pisell-wallet-guide-center' : '')
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-wallet-guide-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-guide-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-guide-button-wrap"
-  }, /*#__PURE__*/React.createElement(Button, {
-    style: {
-      backgroundColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonColor) || '#7F56D9',
-      borderColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonBorderColor) || '#7F56D9'
-    },
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, /*#__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 Guide;

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

@@ -1,71 +0,0 @@
-.pisell-wallet-guide-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-guide-bg {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-
-  .pisell-wallet-guide-content {
-    position: relative;
-    text-align: left;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    flex: 1;
-    width: 100%;
-
-    &.pisell-wallet-guide-center {
-      text-align: center;
-      align-items: center;
-    }
-
-    .pisell-wallet-guide-title {
-      line-height: 28px;
-    }
-
-    .pisell-wallet-guide-subtitle {
-      line-height: 20px;
-    }
-
-    .pisell-wallet-guide-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;
-      }
-    }
-  }
-}

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

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

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

@@ -1,136 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/walletCard/Guide/index.tsx
-var Guide_exports = {};
-__export(Guide_exports, {
-  default: () => Guide_default
-});
-module.exports = __toCommonJS(Guide_exports);
-var import_react = __toESM(require("react"));
-var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
-var import_button = __toESM(require("../../button"));
-var import_index = require("./index.less");
-var Guide = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const { setting } = props;
-  const context = (0, import_useEngineContext.default)();
-  const { utils } = context.appHelper || {};
-  const getTextStyle = (config, otherConfig) => ({
-    color: (config == null ? void 0 : config.color) || (otherConfig == null ? void 0 : otherConfig.color) || "#fff",
-    fontSize: (config == null ? void 0 : config.size) || (otherConfig == null ? void 0 : otherConfig.size) || 14,
-    fontWeight: (config == null ? void 0 : config.weight) || (otherConfig == null ? void 0 : otherConfig.weight) || 400,
-    fontStyle: (config == null ? void 0 : config.style) || "normal"
-  });
-  const _setting = (0, import_react.useMemo)(() => {
-    return (setting == null ? void 0 : setting.walletGuideConfig) || {};
-  }, [setting == null ? void 0 : setting.walletGuideConfig]);
-  const handleClick = (e) => {
-    var _a2;
-    e.stopPropagation();
-    if (!((_a2 = _setting == null ? void 0 : _setting.skipLink) == null ? void 0 : _a2.page)) return;
-    utils == null ? void 0 : utils.jumpPageByLink(_setting == null ? void 0 : _setting.skipLink);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "pisell-wallet-guide-wrap",
-      style: {
-        backgroundColor: _setting == null ? void 0 : _setting.backgroundColor
-      },
-      onClick: (e) => handleClick(e)
-    },
-    ((_a = utils == null ? void 0 : utils.translation) == null ? void 0 : _a.call(utils, _setting == null ? void 0 : _setting.backgroundImage)) ? /* @__PURE__ */ import_react.default.createElement(
-      "img",
-      {
-        className: "pisell-wallet-guide-bg",
-        src: ((_b = utils == null ? void 0 : utils.translation) == null ? void 0 : _b.call(utils, _setting.backgroundImage)) || "",
-        alt: ((_c = utils == null ? void 0 : utils.translation) == null ? void 0 : _c.call(utils, _setting == null ? void 0 : _setting.backgroundImageAlt)) || "",
-        title: ((_d = utils == null ? void 0 : utils.translation) == null ? void 0 : _d.call(utils, _setting == null ? void 0 : _setting.backgroundImageAlt)) || ""
-      }
-    ) : null,
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `pisell-wallet-guide-content ${_setting.align === "center" ? "pisell-wallet-guide-center" : ""}`
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: "pisell-wallet-guide-title",
-          style: getTextStyle(_setting == null ? void 0 : _setting.titleConfig, {
-            size: 18,
-            weight: 600
-          })
-        },
-        ((_f = utils == null ? void 0 : utils.translation) == null ? void 0 : _f.call(
-          utils,
-          (_setting == null ? void 0 : _setting.title) || ((_e = _setting == null ? void 0 : _setting.titleConfig) == null ? void 0 : _e.text)
-        )) || ""
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: "pisell-wallet-guide-subtitle",
-          style: getTextStyle(_setting == null ? void 0 : _setting.subtitleConfig, {
-            color: "#D0D5DD"
-          })
-        },
-        ((_h = utils == null ? void 0 : utils.translation) == null ? void 0 : _h.call(
-          utils,
-          (_setting == null ? void 0 : _setting.subtitle) || ((_g = _setting == null ? void 0 : _setting.subtitleConfig) == null ? void 0 : _g.text)
-        )) || ""
-      )),
-      ((_j = utils == null ? void 0 : utils.translation) == null ? void 0 : _j.call(
-        utils,
-        (_setting == null ? void 0 : _setting.buttonText) || ((_i = _setting == null ? void 0 : _setting.buttonConfig) == null ? void 0 : _i.text)
-      )) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-guide-button-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-        import_button.default,
-        {
-          style: {
-            backgroundColor: (_setting == null ? void 0 : _setting.buttonColor) || "#7F56D9",
-            borderColor: (_setting == null ? void 0 : _setting.buttonBorderColor) || "#7F56D9"
-          },
-          onClick: (e) => handleClick(e)
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            style: getTextStyle(_setting == null ? void 0 : _setting.buttonConfig, {
-              weight: 600
-            })
-          },
-          ((_l = utils == null ? void 0 : utils.translation) == null ? void 0 : _l.call(
-            utils,
-            (_setting == null ? void 0 : _setting.buttonText) || ((_k = _setting == null ? void 0 : _setting.buttonConfig) == null ? void 0 : _k.text)
-          )) || ""
-        )
-      )) : null
-    )
-  );
-};
-var Guide_default = Guide;

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

@@ -1,71 +0,0 @@
-.pisell-wallet-guide-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-guide-bg {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-
-  .pisell-wallet-guide-content {
-    position: relative;
-    text-align: left;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    flex: 1;
-    width: 100%;
-
-    &.pisell-wallet-guide-center {
-      text-align: center;
-      align-items: center;
-    }
-
-    .pisell-wallet-guide-title {
-      line-height: 28px;
-    }
-
-    .pisell-wallet-guide-subtitle {
-      line-height: 20px;
-    }
-
-    .pisell-wallet-guide-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;
-      }
-    }
-  }
-}