@pisell/materials 2.2.13 → 2.2.14

package/es/components/pisellWalletPassCard/index.less

@@ -0,0 +1,100 @@
+.pisell-wallet-pass-card {
+  padding: 16px;
+  color: var(--Gray-900, #101828);
+  font-size: 14px;
+  font-style: normal;
+  position: relative;
+  overflow: hidden;
+  border-radius: 12px;
+  background-size: cover;
+  height: 190px;
+  .pisell-card-name-wrap {
+    display: flex;
+    justify-content: space-between;
+    font-weight: 500;
+    line-height: 20px;
+  }
+  .pisell-card-store-name {
+    height: 20px;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 18px; /* 150% */
+    margin-bottom: 22px;
+  }
+  .pisell-card-amount-wrap {
+    display: flex;
+    margin-bottom: 4px;
+    .pisell-card-amount-item {
+      display: flex;
+      flex-direction: column;
+      margin-right: 16px;
+      .pisell-card-amount-item-label {
+        color: var(--Gray-500, #667085);
+        font-weight: 400;
+        line-height: 20px;
+        height: 20px;
+      }
+      .pisell-card-amount-item-value {
+        font-size: 20px;
+        font-weight: 600;
+        line-height: 30px;
+      }
+    }
+  }
+  .pisell-card-code-wrap {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+    .pisell-card-code {
+      line-height: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+    .pisell-card-qr-code {
+      position: absolute;
+      top: -16px;
+      right: -6px;
+      .pisell-lowcode-qrcode-wrap {
+        .pisell-lowcode-qrcode {
+          background: rgba(255,255,255,0.8) !important;
+        }
+      }
+    }
+  }
+  .pisell-lowcode-qrcode {
+    padding: 6px;
+  }
+  .pisell-card-warn-message {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    left: 0;
+    background: var(--Warning-200, #FEDF89);
+    display: flex;
+    padding: 10px 16px;
+    color: var(--Gray-900, #101828);
+    font-weight: 600;
+    line-height: 20px;
+    .pisell-card-icon {
+      font-size: 20px;
+      color: #DC6803;
+      margin-right: 6px;
+    }
+  }
+}
+.pisell-card-disabled {
+  color: var(--Gray-500, #667085);
+  padding-bottom: 36px;
+  .pisell-card-amount-wrap {
+    .pisell-card-amount-item {
+      flex-direction: row;
+      align-items: center;
+      .pisell-card-amount-item-value {
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px;
+      }
+    }
+  }
+}

package/es/hooks/useCssVariables.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    ref: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/es/hooks/useCssVariables.js

@@ -0,0 +1,21 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect } from "react";
+var useCssVariables = function useCssVariables(props) {
+  var variables = props.variables,
+    ref = props.ref;
+  useEffect(function () {
+    if (!ref) return;
+    Object.entries(variables).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      ref.current.style.setProperty(key, value);
+    });
+  }, [variables, ref]);
+};
+export default useCssVariables;

package/es/index.d.ts

@@ -79,3 +79,26 @@ export { default as SelectTime } from './components/select-time';
 export { default as AutoCompleteNumber } from './components/auto-complete-number';
 export { default as BatchEditor } from './components/batch-editor';
 export { default as DragSortTree } from './components/drag-sort-tree';
+export { default as PisellModal } from './components/pisellModal';
+export { default as PisellRow } from './components/pisellRow';
+export { default as PisellConfigProvider } from './components/pisell-config-provider';
+export { default as PisellCountdown } from './components/pisellCountdown';
+export { default as PisellInput } from './components/pisellInput';
+export { getBankCardTypeImg } from './components/pisellInput/components/BankCard/utils';
+export { default as PisellCheckboxGroup } from './components/pisellCheckboxGroup';
+export { default as PisellDatePicker } from './components/pisellDatePicker';
+export { default as PisellTooltip } from './components/pisellTooltip';
+export { default as PisellEmpty } from './components/pisellEmpty';
+export { default as Iconfont } from './components/iconfont';
+export { default as PisellContainer } from './components/pisellContainer';
+export { default as PisellText } from './components/pisellText';
+export { default as PisellLoading } from './components/pisellLoading';
+export { default as PisellCardList } from './components/pisellCardList';
+export { default as PisellToast } from './components/pisellToast';
+export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export { default as PisellScan } from './components/pisellScan';
+export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellCard } from './components/pisellCard';
+export { default as PisellInformationEntry } from './components/pisellInformationEntry';
+export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
+export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';

package/es/index.js

@@ -98,4 +98,29 @@ export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Ti
 export { default as SelectTime } from "./components/select-time";
 export { default as AutoCompleteNumber } from "./components/auto-complete-number";
 export { default as BatchEditor } from "./components/batch-editor";
-export { default as DragSortTree } from "./components/drag-sort-tree";
+export { default as DragSortTree } from "./components/drag-sort-tree";
+export { default as PisellModal } from "./components/pisellModal";
+export { default as PisellRow } from "./components/pisellRow";
+export { default as PisellConfigProvider } from "./components/pisell-config-provider";
+export { default as PisellCountdown } from "./components/pisellCountdown";
+export { default as PisellInput } from "./components/pisellInput";
+export { getBankCardTypeImg } from "./components/pisellInput/components/BankCard/utils";
+export { default as PisellCheckboxGroup } from "./components/pisellCheckboxGroup";
+export { default as PisellDatePicker } from "./components/pisellDatePicker";
+
+// export { default as InformationModal } from './components/pisellModal/components/Information';
+export { default as PisellTooltip } from "./components/pisellTooltip";
+export { default as PisellEmpty } from "./components/pisellEmpty";
+export { default as Iconfont } from "./components/iconfont";
+export { default as PisellContainer } from "./components/pisellContainer";
+export { default as PisellText } from "./components/pisellText";
+export { default as PisellLoading } from "./components/pisellLoading";
+export { default as PisellCardList } from "./components/pisellCardList";
+export { default as PisellToast } from "./components/pisellToast";
+export { default as PisellWalletPassCard } from "./components/pisellWalletPassCard";
+export { default as PisellScan } from "./components/pisellScan";
+export { default as PisellAlert } from "./components/pisellAlert";
+export { default as PisellCard } from "./components/pisellCard";
+export { default as PisellInformationEntry } from "./components/pisellInformationEntry";
+export { default as usePisellConfig } from "./components/pisell-config-provider/hooks/usePisellConfig";
+export { globalConfig, default as PisellContext } from "./components/pisell-config-provider/context";

package/es/locales/en-US.d.ts

@@ -97,5 +97,14 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-valid-to': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -118,5 +118,17 @@ export default {
   'table-action-export-import-log-err-log': 'Failure Log',
   'table-action-export-import-log-copy': 'Copy',
   'table-action-export-import-table-success-copy': 'Copy Success',
-  'drag-sort-tree-unavailable-today-tip': 'Unavailable today'
+  'drag-sort-tree-unavailable-today-tip': 'Unavailable today',
+  'pisell-input-copy-success': 'Copy Success',
+  'pisell-input-copy': 'Copy',
+  // 空状态
+  'pisell-empty-description-no-data': 'No Data',
+  // 信息录入组件
+  'pisell-information-entry-input-search': 'Search',
+  'pisell-information-entry-scan-exit': 'Exit',
+  // 钱包卡片组件
+  'pisell-wallet-pass-card-detail': 'Detail',
+  'pisell-wallet-pass-card-redeem': 'Redeem',
+  'pisell-wallet-pass-card-balance': 'Balance',
+  'pisell-wallet-pass-card-valid-to': 'Valid to'
 };

package/es/locales/index.js

@@ -5,7 +5,9 @@ import { getCurrentLocale } from "../utils/locale";
 var langMap = {
   "zh-CN": zhCN,
   "en-US": enUS,
-  "zh-TW": zhTW
+  "zh-TW": zhTW,
+  "zh-HK": zhTW,
+  'en': enUS
 };
 export var getText = function getText(id) {
   if (!id) {

package/es/locales/zh-CN.d.ts

@@ -97,5 +97,14 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-valid-to': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -118,5 +118,17 @@ export default {
   'table-action-export-import-log-err-log': '失败日志',
   'table-action-export-import-log-copy': '复制',
   'table-action-export-import-table-success-copy': '复制成功',
-  'drag-sort-tree-unavailable-today-tip': '今日不可用'
+  'drag-sort-tree-unavailable-today-tip': '今日不可用',
+  'pisell-input-copy-success': '复制成功',
+  'pisell-input-copy': '复制',
+  // 空状态
+  'pisell-empty-description-no-data': '暂无数据',
+  // 信息录入组件
+  'pisell-information-entry-input-search': '搜索',
+  'pisell-information-entry-scan-exit': '退出',
+  // 钱包卡片组件
+  'pisell-wallet-pass-card-detail': '详情',
+  'pisell-wallet-pass-card-redeem': '兑换',
+  'pisell-wallet-pass-card-balance': '余额',
+  'pisell-wallet-pass-card-valid-to': '有效期至'
 };

package/es/locales/zh-TW.d.ts

@@ -97,5 +97,14 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-valid-to': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -118,5 +118,17 @@ export default {
   'table-action-export-import-log-err-log': '失敗日誌',
   'table-action-export-import-log-copy': '復製',
   'table-action-export-import-table-success-copy': '復製成功',
-  'drag-sort-tree-unavailable-today-tip': '今日不可用'
+  'drag-sort-tree-unavailable-today-tip': '今日不可用',
+  'pisell-input-copy-success': '復製成功',
+  'pisell-input-copy': '復製',
+  // 空状态
+  'pisell-empty-description-no-data': '暫無數據',
+  // 信息录入组件
+  'pisell-information-entry-input-search': '搜索',
+  'pisell-information-entry-scan-exit': '退出',
+  // 钱包卡片组件
+  'pisell-wallet-pass-card-detail': '詳情',
+  'pisell-wallet-pass-card-redeem': '兌換',
+  'pisell-wallet-pass-card-balance': '餘額',
+  'pisell-wallet-pass-card-valid-to': '有效期至'
 };

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export declare const isBrowser: boolean;
+export declare const getCssNumber: (val: string | number) => string;

package/es/utils/index.js

@@ -1 +1,15 @@
-export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+import { isNumber, isString } from '@pisell/utils';
+export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+export var getCssNumber = function getCssNumber(val) {
+  if (isNumber(val)) {
+    return "".concat(val, "px");
+  } else if (isString(val)) {
+    var trimVal = val.trim();
+    if (!Number.isNaN(Number(trimVal))) {
+      return "".concat(val, "px");
+    }
+    return val;
+  } else {
+    return val;
+  }
+};

package/es/utils/locale.js

@@ -1,5 +1,6 @@
+import { globalConfig } from "../components/pisell-config-provider/context";
 export var getCurrentLocale = function getCurrentLocale() {
-  var locale = localStorage.getItem('umi_locale') || 'en-US';
+  var locale = globalConfig.getConfig().locale || localStorage.getItem('umi_locale') || 'en-US';
   //@ts-ignore
   return locale;
 };

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

@@ -1,8 +1,9 @@
-import React from "react";
-import { ButtonProps as OriginalButtonProps } from "antd";
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
 export interface ButtonProps extends OriginalButtonProps {
-    __designMode?: "design" | undefined;
+    __designMode?: 'design' | undefined;
     href?: string;
+    rightIcon?: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
 export default Button;

package/lib/components/button/index.js

@@ -34,14 +34,18 @@ __export(button_exports, {
 module.exports = __toCommonJS(button_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var Button = (0, import_react.forwardRef)(
-  (props, ref) => {
-    var _a;
-    const innerProps = {};
-    if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
-      innerProps.href = void 0;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, ...innerProps, ref });
+var Button = (0, import_react.forwardRef)((props, ref) => {
+  var _a;
+  const innerProps = {};
+  if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
+    innerProps.href = void 0;
   }
-);
+  const _children = (0, import_react.useMemo)(() => {
+    if (props.rightIcon) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: 8 } }, " ", props.children), props.rightIcon);
+    }
+    return props.children;
+  }, [props.children, props.rightIcon]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, ...innerProps, ref, children: _children });
+});
 var button_default = Button;

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

@@ -1,5 +1,6 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
 import React from 'react';
-interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+interface IconFontProps extends IconComponentProps {
     type: string;
 }
 declare const IconFont: React.FC<IconFontProps>;

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_116anw8uttw.js"
+  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_cy8sszjz7t7.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { ConfigProviderProps } from "../config-provider";
+import React from 'react';
+import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }
 declare const Page: (props: PageProps) => React.JSX.Element;