@pisell/private-materials 6.3.58 → 6.3.60

package/es/pro/Selector/selector.less

@@ -0,0 +1,109 @@
+.pisell-pro-selector {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  container-type: inline-size; // 启用容器查询
+
+  &_header {
+    display: flex;
+    gap: 8px;
+  }
+
+  &_header-content-wrapper {
+    overflow: hidden;
+  }
+
+  &_header-content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+
+    &-title {
+      font-size: 16px;
+      font-weight: 600;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  &_tip {
+    color: #475467;
+    display: inline-block;
+    margin-top: 4px;
+  }
+
+  .pisell-lowcode-select {
+    height: 48px;
+
+    .pisell-lowcode-select-selection-item {
+      height: 36px;
+      line-height: 34px;
+    }
+  }
+
+  &_options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  // 自动宽度布局 - 内容自适应
+  &_layout-auto-flex {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+
+  // 响应式布局 - 最小宽度 210px
+  &_layout-responsive-210 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 420px 且 < 630px: 两列
+    @container (min-width: 420px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 630px 且 <= 840px: 三列
+    @container (min-width: 630px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 >= 841px 且 <= 1366px: 四列
+    @container (min-width: 841px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 五列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+
+  // 响应式布局 - 最小宽度 330px
+  &_layout-responsive-330 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 660px 且 < 995px: 两列
+    @container (min-width: 660px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 995px 且 <= 1366px: 三列
+    @container (min-width: 995px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 四列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+}

package/es/pro/Selector/selectorGroup.less

@@ -0,0 +1,16 @@
+.pisell-batch-selector {
+  .pisell-product-select__tabs-wrapper {
+    padding: 16px 0;
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+
+    // 如果是父元素的第一个子元素，添加顶部内边距
+    &:first-child {
+      padding-top: 16px;
+    }
+  }
+}

package/es/pro/Selector/types.d.ts

@@ -0,0 +1,173 @@
+/// <reference types="react" />
+export interface ExprRule {
+    [key: string]: any;
+}
+export interface RuleConfig {
+    autoValidate?: boolean;
+    required?: 0 | 1;
+    min?: number;
+    max?: number;
+    mutex?: Array<Array<OptionKey>>;
+    customValidator?: (value: SelectionValue) => Promise<void>;
+}
+export interface GroupItem {
+    id?: number;
+    title?: string;
+    mode?: 'single' | 'multiple';
+    valueType?: 'primitive' | 'object';
+    preserve?: boolean;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        cover?: string;
+    };
+    ruleConfig?: RuleConfig;
+    dataSource?: OptionItem[];
+}
+export interface OptionItem {
+    id?: number;
+    title?: string;
+    label?: string;
+    value?: OptionKey;
+    cover?: string;
+    groups?: GroupItem[];
+    disabled?: boolean;
+    ruleConfig?: {
+        min?: number;
+        max?: number;
+    };
+    [key: string]: any;
+}
+export declare type OptionKey = number | string;
+/** 原始值类型：单选时为id，多选时为id[] */
+export declare type SelectionValuePrimitive<T = OptionKey> = T | T[];
+/** 复杂对象值类型：包含id、数量等额外信息 */
+export interface SelectionValueObject<T = OptionKey> {
+    value?: T;
+    quantity?: number;
+    [key: string]: any;
+}
+/** 单选值类型 */
+export declare type SelectionValueSingle<T = OptionKey> = T | SelectionValueObject<T>;
+/** 多选值类型 */
+export declare type SelectionValueMultiple<T = OptionKey> = T[] | SelectionValueObject<T>[];
+/** 选择器值类型 */
+export declare type SelectionValue<T = OptionKey> = SelectionValueSingle<T> | SelectionValueMultiple<T>;
+export declare type RenderItemProps = {
+    dataSource: OptionItem;
+    actions: any;
+    optionItemValue?: any;
+    indicator: React.ReactNode;
+    numberSelector: React.ReactNode;
+    values: any;
+    quantityInfo: {
+        maxReached: boolean;
+        remainingCount: number;
+        selectedCount: number;
+    };
+};
+export declare type ItemProps = {
+    layout?: 'vertical' | 'horizontal';
+    renderContent?: (props: {
+        dataSource: OptionItem;
+    }) => React.ReactNode;
+    styles?: {
+        [key: string]: React.CSSProperties;
+    };
+    [key: string]: any;
+};
+export declare type LayoutType = 'antdGrid' | 'custom';
+export declare type LayoutConfig = {
+    type?: LayoutType;
+    className?: string;
+    containerStyle?: React.CSSProperties;
+    columns?: number;
+    gutter?: number | object | Array<number>;
+    align?: 'top' | 'middle' | 'bottom' | 'stretch';
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around';
+    wrap?: boolean;
+    colConfig?: {
+        [key: string]: any;
+    };
+};
+export interface PresetConfig {
+    variant?: '1' | '2' | '3' | '4' | '5';
+}
+export declare type ItemLayout = 'vertical' | 'horizontal';
+export declare type SelectorVariant = 'default' | 'select' | 'card' | 'media';
+export declare type HeaderProps = {
+    visible?: boolean;
+    style?: React.CSSProperties;
+    title?: {
+        visible?: boolean;
+        text?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    icon?: {
+        visible?: boolean;
+        icon?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    tip?: {
+        visible?: boolean;
+        text?: React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    renderExtra?: (props: {
+        dataSource: OptionItem;
+        values: SelectionValue;
+    }) => React.ReactNode;
+};
+export interface SelectorProps<T = OptionKey> extends GroupItem {
+    className?: string;
+    value?: SelectionValue<T>;
+    defaultValue?: SelectionValue<T>;
+    onChange?: (value: SelectionValue<T>) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    variant?: SelectorVariant;
+    itemLayout?: ItemLayout;
+    preset?: PresetConfig;
+    layout?: LayoutConfig;
+    renderItem?: (props: RenderItemProps) => React.ReactNode;
+    itemProps?: ItemProps;
+    indicatorProps?: {
+        show?: boolean;
+        variant?: 'outlined' | 'filled';
+        render?: (props: {
+            option: OptionItem;
+            selected: boolean;
+            disabled: boolean;
+            actions: any;
+        }) => React.ReactNode;
+        [key: string]: any;
+    };
+    showStepper?: true | false | 'auto';
+    stepperProps?: {
+        size?: 'small' | 'middle' | 'large';
+        shape?: 'round' | 'square';
+    };
+    style?: React.CSSProperties;
+    /**
+     * @deprecated
+     */
+    titleProps?: HeaderProps;
+    headerProps?: HeaderProps;
+}
+export interface SelectorGroupProps {
+    allowedValuesPolicy?: 'relaxed' | 'strict';
+    className?: string;
+    customScrollParent?: HTMLElement | string;
+    dataSource: GroupItem[];
+    defaultValue?: Record<string, SelectionValue>;
+    linkageRules?: ExprRule[] | Record<string, any>;
+    onChange?: (values: Record<string, SelectionValue>) => void;
+    preserve?: boolean;
+    tabProps?: {
+        visible?: boolean;
+    };
+    style?: React.CSSProperties;
+    value?: Record<string, SelectionValue>;
+    scrollToFirstError?: boolean;
+    [key: string]: any;
+}

package/es/pro/Selector/types.js

@@ -0,0 +1 @@
+export {};

package/es/pro/Selector/utils/index.d.ts

@@ -0,0 +1,49 @@
+import { SelectionValue, GroupItem } from '../types';
+export declare type OptionEffects = Record<string, {
+    allowOnly?: Set<any>;
+    requireOneOf?: {
+        values: Set<any>;
+        message?: string;
+    };
+}>;
+export interface Cond {
+    groupId: string;
+    in?: any[];
+    op?: 'in' | 'notIn' | 'eq' | 'neq' | 'contains' | 'range' | 'exists';
+    value?: any;
+    values?: any[];
+    min?: number;
+    max?: number;
+}
+export interface Expr {
+    allOf?: Array<Cond | Expr>;
+    anyOf?: Array<Cond | Expr>;
+    noneOf?: Array<Cond | Expr>;
+    and?: Array<Cond | Expr>;
+    or?: Array<Cond | Expr>;
+    not?: Array<Cond | Expr>;
+}
+export interface Action {
+    type: 'show' | 'allowOnly' | 'requireOneOf';
+    groupId: string;
+    values?: any[];
+    message?: string;
+}
+export interface Rule {
+    type?: 'expr';
+    when?: Expr;
+    then?: Action[];
+    elseThen?: Action[];
+    priority?: number;
+    stopAfterApply?: boolean;
+}
+export declare const normalizeRules: (linkageRules: any) => Rule[];
+export declare const getSelectedSet: (val: SelectionValue) => Set<any>;
+export declare const evaluateExpr: (expr: Expr | undefined, valuesMap: Record<string, SelectionValue>) => boolean;
+export declare const computeAutoHiddenGroups: (rules: Rule[]) => Set<string>;
+export declare const computeEffects: (dataSource?: GroupItem[], rawRules?: Rule[], valuesMap?: Record<string, SelectionValue>) => {
+    visibleGroups: Record<string, boolean>;
+    optionEffects: OptionEffects;
+};
+export declare const pruneValuesByAllowOnly: (valuesMap: Record<string, SelectionValue>, effects: OptionEffects) => Record<string, SelectionValue>;
+export declare const generateSimpleUUID: () => string;

package/es/pro/Selector/utils/index.js

@@ -0,0 +1,229 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+export var normalizeRules = function normalizeRules(linkageRules) {
+  if (Array.isArray(linkageRules)) return _toConsumableArray(linkageRules);
+  if (linkageRules && _typeof(linkageRules) === 'object') return Object.values(linkageRules);
+  return [];
+};
+export var getSelectedSet = function getSelectedSet(val) {
+  var result = new Set();
+  if (val == null) return result;
+  if (Array.isArray(val)) {
+    val.forEach(function (item) {
+      if (item && _typeof(item) === 'object') {
+        if (item.value !== undefined) result.add(item.value);
+      } else {
+        result.add(item);
+      }
+    });
+  } else if (_typeof(val) === 'object') {
+    if (val.value !== undefined) result.add(val.value);
+  } else {
+    result.add(val);
+  }
+  return result;
+};
+var evalCond = function evalCond(cond, valuesMap) {
+  var _cond$groupId;
+  var gid = String((_cond$groupId = cond.groupId) !== null && _cond$groupId !== void 0 ? _cond$groupId : '');
+  var selSet = getSelectedSet(valuesMap[gid]);
+  var op = function () {
+    if (cond.op) return cond.op;
+    if (Array.isArray(cond.in)) return 'in';
+    return 'in';
+  }();
+  if (op === 'in') {
+    var _ref, _cond$values;
+    var arr = (_ref = (_cond$values = cond.values) !== null && _cond$values !== void 0 ? _cond$values : cond.in) !== null && _ref !== void 0 ? _ref : [];
+    return arr.some(function (v) {
+      return selSet.has(v);
+    });
+  }
+  if (op === 'notIn') {
+    var _ref2, _cond$values2;
+    var _arr = (_ref2 = (_cond$values2 = cond.values) !== null && _cond$values2 !== void 0 ? _cond$values2 : cond.in) !== null && _ref2 !== void 0 ? _ref2 : [];
+    return _arr.every(function (v) {
+      return !selSet.has(v);
+    });
+  }
+  if (op === 'eq' || op === 'contains') {
+    return selSet.has(cond.value);
+  }
+  if (op === 'neq') {
+    return !selSet.has(cond.value);
+  }
+  if (op === 'range') {
+    var _cond$min, _cond$max;
+    var size = selSet.size;
+    var min = (_cond$min = cond.min) !== null && _cond$min !== void 0 ? _cond$min : Number.NEGATIVE_INFINITY;
+    var max = (_cond$max = cond.max) !== null && _cond$max !== void 0 ? _cond$max : Number.POSITIVE_INFINITY;
+    return size >= min && size <= max;
+  }
+  if (op === 'exists') {
+    return selSet.size > 0;
+  }
+  return false;
+};
+var isCond = function isCond(item) {
+  return item.groupId !== undefined;
+};
+export var evaluateExpr = function evaluateExpr(expr, valuesMap) {
+  var _expr$allOf, _expr$anyOf, _expr$noneOf;
+  if (!expr) return true;
+  var allList = (_expr$allOf = expr.allOf) !== null && _expr$allOf !== void 0 ? _expr$allOf : expr.and;
+  var anyList = (_expr$anyOf = expr.anyOf) !== null && _expr$anyOf !== void 0 ? _expr$anyOf : expr.or;
+  var noneList = (_expr$noneOf = expr.noneOf) !== null && _expr$noneOf !== void 0 ? _expr$noneOf : expr.not;
+  var evalItem = function evalItem(item) {
+    if (isCond(item)) return evalCond(item, valuesMap);
+    return evaluateExpr(item, valuesMap);
+  };
+  var everyTrue = function everyTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.every(function (it) {
+      return evalItem(it);
+    });
+  };
+  var someTrue = function someTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.some(function (it) {
+      return evalItem(it);
+    });
+  };
+  var noneTrue = function noneTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.every(function (it) {
+      return !evalItem(it);
+    });
+  };
+  var okAll = everyTrue(allList);
+  var okAny = someTrue(anyList);
+  var okNone = noneTrue(noneList);
+  return okAll && okAny && okNone;
+};
+export var computeAutoHiddenGroups = function computeAutoHiddenGroups(rules) {
+  var set = new Set();
+  rules.forEach(function (rule) {
+    var thenActions = Array.isArray(rule === null || rule === void 0 ? void 0 : rule.then) ? rule.then : [];
+    var elseActions = Array.isArray(rule === null || rule === void 0 ? void 0 : rule.elseThen) ? rule.elseThen : [];
+    var actions = [].concat(_toConsumableArray(thenActions), _toConsumableArray(elseActions));
+    actions.forEach(function (act) {
+      if ((act === null || act === void 0 ? void 0 : act.type) === 'show') {
+        var _act$groupId;
+        var gid = String((_act$groupId = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId !== void 0 ? _act$groupId : '');
+        if (gid) set.add(gid);
+      }
+    });
+  });
+  return set;
+};
+export var computeEffects = function computeEffects() {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var rawRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var valuesMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var autoHiddenGroups = computeAutoHiddenGroups(rawRules);
+  var visibleGroups = {};
+  (dataSource || []).forEach(function (group) {
+    var _group$id;
+    var gid = String((_group$id = group.id) !== null && _group$id !== void 0 ? _group$id : '');
+    visibleGroups[gid] = autoHiddenGroups.has(gid) ? false : true;
+  });
+  var optionEffects = {};
+
+  // 优先级调整：数字越大，优先级越高（越先执行）
+  var rules = _toConsumableArray(rawRules).sort(function (a, b) {
+    return ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0);
+  });
+  for (var i = 0; i < rules.length; i++) {
+    var rule = rules[i];
+    var hit = evaluateExpr(rule === null || rule === void 0 ? void 0 : rule.when, valuesMap);
+    var actions = hit ? Array.isArray(rule === null || rule === void 0 ? void 0 : rule.then) ? rule.then : [] : Array.isArray(rule === null || rule === void 0 ? void 0 : rule.elseThen) ? rule.elseThen : [];
+    actions.forEach(function (act) {
+      if ((act === null || act === void 0 ? void 0 : act.type) === 'show') {
+        var _act$groupId2;
+        var gid = String((_act$groupId2 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId2 !== void 0 ? _act$groupId2 : '');
+        if (gid) {
+          visibleGroups[gid] = true;
+        }
+      } else if ((act === null || act === void 0 ? void 0 : act.type) === 'allowOnly') {
+        var _act$groupId3, _optionEffects$_gid;
+        var _gid = String((_act$groupId3 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId3 !== void 0 ? _act$groupId3 : '');
+        if (!_gid) return;
+        var prev = ((_optionEffects$_gid = optionEffects[_gid]) === null || _optionEffects$_gid === void 0 ? void 0 : _optionEffects$_gid.allowOnly) || new Set();
+        var values = (act === null || act === void 0 ? void 0 : act.values) || [];
+        var merged = new Set([].concat(_toConsumableArray(prev), _toConsumableArray(values)));
+        optionEffects[_gid] = _objectSpread(_objectSpread({}, optionEffects[_gid] || {}), {}, {
+          allowOnly: merged
+        });
+      } else if ((act === null || act === void 0 ? void 0 : act.type) === 'requireOneOf') {
+        var _act$groupId4;
+        var _gid2 = String((_act$groupId4 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId4 !== void 0 ? _act$groupId4 : '');
+        if (!_gid2) return;
+        var _values = new Set((act === null || act === void 0 ? void 0 : act.values) || []);
+        optionEffects[_gid2] = _objectSpread(_objectSpread({}, optionEffects[_gid2] || {}), {}, {
+          requireOneOf: {
+            values: _values,
+            message: act === null || act === void 0 ? void 0 : act.message
+          }
+        });
+      }
+    });
+    if (hit && rule !== null && rule !== void 0 && rule.stopAfterApply) break;
+  }
+  return {
+    visibleGroups: visibleGroups,
+    optionEffects: optionEffects
+  };
+};
+
+// 根据 allowOnly 规则清理不允许的已选值（可选的硬约束行为）
+export var pruneValuesByAllowOnly = function pruneValuesByAllowOnly(valuesMap, effects) {
+  var next = _objectSpread({}, valuesMap);
+  Object.keys(effects).forEach(function (gid) {
+    var _effects$gid;
+    var allowed = (_effects$gid = effects[gid]) === null || _effects$gid === void 0 ? void 0 : _effects$gid.allowOnly;
+    if (!allowed || allowed.size === 0) return;
+    var current = next[gid];
+    if (current == null) return;
+    var pruneArray = function pruneArray(arr) {
+      return arr.filter(function (item) {
+        if (item && _typeof(item) === 'object') {
+          return allowed.has(item.value);
+        }
+        return allowed.has(item);
+      });
+    };
+    if (Array.isArray(current)) {
+      var pruned = pruneArray(current);
+      next[gid] = pruned;
+    } else if (_typeof(current) === 'object') {
+      var hasVal = current.value !== undefined;
+      if (hasVal) {
+        next[gid] = allowed.has(current.value) ? current : undefined;
+      } else {
+        next[gid] = current;
+      }
+    } else {
+      next[gid] = allowed.has(current) ? current : undefined;
+    }
+  });
+  return next;
+};
+
+// 简版 UUID v4 生成器
+export var generateSimpleUUID = function generateSimpleUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};

package/es/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';