@pisell/private-materials 6.3.113 → 6.3.115

package/lib/pro/Selector/components/Card/index.js

@@ -54,16 +54,13 @@ var Card = ({
   className,
   style
 }) => {
-  const styleProps = (0, import_react.useMemo)(
-    () => ({
-      selected,
-      disabled,
-      hoverable,
-      variant,
-      layout
-    }),
-    [selected, disabled, hoverable, variant, layout]
-  );
+  const styleProps = {
+    selected,
+    disabled,
+    hoverable,
+    variant,
+    layout
+  };
   const containerStyle = (0, import_react.useMemo)(() => {
     if (!(styles == null ? void 0 : styles.container)) return style;
     const customStyle = typeof styles.container === "function" ? styles.container(styleProps) : styles.container;
@@ -85,15 +82,7 @@ var Card = ({
     if (!actions) return null;
     let _actions = Array.isArray(actions) ? actions.filter(Boolean) : [actions];
     if (_actions.length === 0) return null;
-    return /* @__PURE__ */ import_react.default.createElement("ul", { className: "pisell-pro-card_actions", style: actionsStyle }, actions.map((action, index) => /* @__PURE__ */ import_react.default.createElement(
-      "li",
-      {
-        key: index,
-        className: "pisell-pro-card_actions-item",
-        onClick: stopPropagation
-      },
-      action
-    )));
+    return /* @__PURE__ */ import_react.default.createElement("ul", { className: "pisell-pro-card_actions", style: actionsStyle }, actions.map((action, index) => /* @__PURE__ */ import_react.default.createElement("li", { key: index, className: "pisell-pro-card_actions-item" }, /* @__PURE__ */ import_react.default.createElement("span", { onClick: stopPropagation }, action))));
   };
   const renderCorner = () => {
     if (!corner || layout !== "vertical") return null;

package/lib/pro/Selector/components/Card/index.less

@@ -21,8 +21,8 @@
 
   /* 布局样式 */
   &-vertical {
-    border-radius: 12px;
     flex-direction: column;
+    border-radius: 12px;
 
     .pisell-pro-card_content {
       flex: 1;
@@ -33,13 +33,10 @@
       align-items: center;
       justify-content: center;
       margin: 0;
-      padding: 0;
-      height: 64px;
     }
 
     .pisell-pro-card_actions-item {
-      margin: 0;
-      height: 100%;
+      margin: 20px 0;
     }
   }
 
@@ -48,16 +45,6 @@
     align-items: center;
     gap: 10px;
 
-    &.pisell-pro-card-actions-left {
-      .pisell-pro-card_actions {
-        order: 0;
-      }
-
-      .pisell-pro-card_content {
-        order: 1;
-      }
-    }
-
     .pisell-pro-card_content {
       flex: 1;
       font-size: 16px;
@@ -68,13 +55,10 @@
       align-items: center;
       margin: 0;
       padding: 0;
-      height: 100%;
-      order: 1;
     }
 
     .pisell-pro-card_actions-item {
       margin: 0;
-      height: 100%;
     }
   }
 
@@ -103,34 +87,34 @@
   /* 选中状态 - outlined类型 */
   &-selected&-selected-outlined {
     &.pisell-pro-card-outlined {
-      border-color: var(--color-primary, #5d3f9f);
-      background-color: var(--color-primary-bg, #f9f5ff);
+      border-color: #7f56d9;
+      background-color: #f9f5ff;
     }
 
     &.pisell-pro-card-borderless {
-      border-color: var(--color-primary, #5d3f9f);
+      border-color: #7f56d9;
     }
     .pisell-pro-card_content {
-      color: var(--color-primary, #5d3f9f);
+      color: #7f56d9;
     }
   }
 
   /* 选中状态 - outlined-bold类型（加粗边框，使用 outline 实现不影响布局） */
   &-selected&-selected-outlined-bold {
     &.pisell-pro-card-outlined {
-      border-color: var(--color-primary, #5d3f9f);
-      background-color: var(--color-primary-bg, #f9f5ff);
-      outline: 2px solid var(--color-primary, #5d3f9f);
+      border-color: #7f56d9;
+      background-color: #f9f5ff;
+      outline: 2px solid #7f56d9;
       outline-offset: -2px;
     }
 
     &.pisell-pro-card-borderless {
-      border-color: var(--color-primary, #5d3f9f);
-      outline: 2px solid var(--color-primary, #5d3f9f);
+      border-color: #7f56d9;
+      outline: 2px solid #7f56d9;
       outline-offset: -2px;
     }
     .pisell-pro-card_content {
-      color: var(--color-primary, #5d3f9f);
+      color: #7f56d9;
     }
   }
 
@@ -138,9 +122,9 @@
   &-selected&-selected-filled {
     &.pisell-pro-card-outlined,
     &.pisell-pro-card-borderless {
-      background-color: var(--color-primary, #5d3f9f);
+      background-color: #7f56d9;
       color: #ffffff;
-      border-color: var(--color-primary, #5d3f9f);
+      border-color: #7f56d9;
 
       .pisell-pro-card_content {
         color: #ffffff;

package/lib/pro/Selector/components/Indicator/index.js

@@ -115,7 +115,7 @@ var Indicator = (props) => {
       )
     );
   };
-  return /* @__PURE__ */ import_react.default.createElement("label", { className: classes, style: styles == null ? void 0 : styles.container }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("label", { className: classes, style: styles.container }, /* @__PURE__ */ import_react.default.createElement(
     "input",
     {
       type: mode === "single" ? "radio" : "checkbox",
@@ -124,6 +124,6 @@ var Indicator = (props) => {
       disabled,
       onChange: handleInputChange
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: indicatorStyle }, checked && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, mode === "single" && variant === "outlined" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-dot` }) : renderCheckIcon())), children && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-content`, style: styles == null ? void 0 : styles.content }, children));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-inner`, style: indicatorStyle }, checked && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, mode === "single" && variant === "outlined" ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-dot` }) : renderCheckIcon())), children && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-content` }, children));
 };
 var Indicator_default = Indicator;

package/lib/pro/Selector/components/Indicator/index.less

@@ -1,15 +1,12 @@
 .pisell-pro-indicator {
-  vertical-align: middle;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
+  vertical-align: middle;
   cursor: pointer;
   user-select: none;
   font-size: 14px;
   line-height: 1.5;
   position: relative;
-  height: 100%;
-  width: 100%;
 
   &-input {
     position: absolute;
@@ -26,6 +23,7 @@
     position: relative;
     box-sizing: border-box;
     border: 1px solid #d0d5dd;
+    background-color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -54,39 +52,38 @@
   }
 
   &-single.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
-    border-color: var(--color-primary, #5d3f9f);
-    background-color: var(--color-primary-bg, transparent);
+    border-color: #7f56d9;
+    background-color: #ffffff;
   }
 
   &-single.pisell-pro-indicator-outlined &-dot {
     width: 45%;
     height: 45%;
-    background-color: var(--color-primary, #5d3f9f);
+    background-color: #7f56d9;
     border-radius: 50%;
   }
 
   &-single.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: var(--color-primary, #5d3f9f);
-    background-color: var(--color-primary, #5d3f9f);
+    border-color: #7f56d9;
+    background-color: #7f56d9;
   }
 
   &-single.pisell-pro-indicator-filled &-check-icon {
     color: #ffffff;
   }
 
-  &-multiple.pisell-pro-indicator-outlined.pisell-pro-indicator-checked
-    &-inner {
-    border-color: var(--color-primary, #5d3f9f);
-    background-color: var(--color-primary-bg, transparent);
+  &-multiple.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
+    border-color: #7f56d9;
+    background-color: #ffffff;
   }
 
   &-multiple.pisell-pro-indicator-outlined &-check-icon {
-    color: var(--color-primary, #5d3f9f);
+    color: #7f56d9;
   }
 
   &-multiple.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: var(--color-primary, #5d3f9f);
-    background-color: var(--color-primary, #5d3f9f);
+    border-color: #7f56d9;
+    background-color: #7f56d9;
   }
 
   &-multiple.pisell-pro-indicator-filled &-check-icon {

package/lib/pro/Selector/components/LayoutContainer/index.js

@@ -35,147 +35,19 @@ module.exports = __toCommonJS(LayoutContainer_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
 var ARow = import_antd.Row;
 var ACol = import_antd.Col;
-function normalizeBreakpoints(breakpoints, defaultGap) {
-  const normalized = {};
-  for (const [width, config] of Object.entries(breakpoints)) {
-    const widthNum = Number(width);
-    if (typeof config === "number") {
-      normalized[widthNum] = { columns: config, gap: defaultGap };
-    } else {
-      normalized[widthNum] = { ...config, gap: config.gap ?? defaultGap };
-    }
-  }
-  return normalized;
-}
-function generateBreakpoints(minWidth, maxColumns, gap = 16) {
-  const gapNum = typeof gap === "number" ? gap : parseInt(gap, 10) || 16;
-  const breakpoints = {
-    0: { columns: 1, gap }
-  };
-  for (let cols = 2; cols <= maxColumns; cols++) {
-    const breakpoint = cols * minWidth + (cols - 1) * gapNum;
-    breakpoints[breakpoint] = { columns: cols, gap };
-  }
-  return breakpoints;
-}
-function getActiveBreakpoint(width, breakpoints, defaultColumns = 1, defaultGap = 16) {
-  const sortedBreakpoints = Object.keys(breakpoints).map(Number).sort((a, b) => b - a);
-  for (const breakpoint of sortedBreakpoints) {
-    if (width >= breakpoint) {
-      return breakpoints[breakpoint];
-    }
-  }
-  return { columns: defaultColumns, gap: defaultGap };
-}
-function parseResponsiveConfig(responsive) {
-  const { minWidth, maxColumns, breakpoints, gap = 16 } = responsive;
-  let finalBreakpoints = {};
-  if (minWidth && maxColumns) {
-    finalBreakpoints = generateBreakpoints(minWidth, maxColumns, gap);
-  }
-  if (breakpoints) {
-    const normalizedBreakpoints = normalizeBreakpoints(breakpoints, gap);
-    finalBreakpoints = { ...finalBreakpoints, ...normalizedBreakpoints };
-  }
-  if (Object.keys(finalBreakpoints).length === 0) {
-    finalBreakpoints = { 0: { columns: responsive.defaultColumns ?? 1, gap } };
-  }
-  return finalBreakpoints;
-}
-function useContainerWidth(ref, debounceMs = 0) {
-  const [width, setWidth] = (0, import_react.useState)(0);
-  const timeoutRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const element = ref.current;
-    if (!element) return;
-    const updateWidth = (newWidth) => {
-      if (debounceMs > 0) {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-          setWidth(newWidth);
-        }, debounceMs);
-      } else {
-        setWidth(newWidth);
-      }
-    };
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        updateWidth(entry.contentRect.width);
-      }
-    });
-    observer.observe(element);
-    setWidth(element.getBoundingClientRect().width);
-    return () => {
-      observer.disconnect();
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, [ref, debounceMs]);
-  return width;
-}
-var baseClassName = "pisell-pro-selector_layout";
 function LayoutContainer({
   className: containerClassName,
   config,
   children
 }) {
-  const containerRef = (0, import_react.useRef)(null);
-  const responsiveConfig = config == null ? void 0 : config.responsive;
-  const hasResponsive = !!responsiveConfig;
-  const breakpoints = (0, import_react.useMemo)(() => {
-    if (!responsiveConfig) return null;
-    return parseResponsiveConfig(responsiveConfig);
-  }, [responsiveConfig]);
-  const containerWidth = useContainerWidth(
-    containerRef,
-    (responsiveConfig == null ? void 0 : responsiveConfig.debounce) ?? 0
-  );
-  const activeConfig = (0, import_react.useMemo)(() => {
-    if (!breakpoints) return null;
-    return getActiveBreakpoint(
-      containerWidth,
-      breakpoints,
-      responsiveConfig == null ? void 0 : responsiveConfig.defaultColumns,
-      responsiveConfig == null ? void 0 : responsiveConfig.gap
-    );
-  }, [containerWidth, breakpoints, responsiveConfig]);
   if (!config) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(baseClassName, containerClassName) }, children);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: containerClassName }, children);
   }
   const { type, className, containerStyle = {} } = config;
-  if (hasResponsive) {
-    const cssVariables = {
-      "--layout-columns": (activeConfig == null ? void 0 : activeConfig.columns) ?? 1,
-      "--layout-gap": typeof (activeConfig == null ? void 0 : activeConfig.gap) === "number" ? `${activeConfig.gap}px` : (activeConfig == null ? void 0 : activeConfig.gap) ?? "16px"
-    };
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref: containerRef,
-        className: (0, import_classnames.default)(
-          baseClassName,
-          `${baseClassName}-responsive`,
-          containerClassName,
-          className
-        ),
-        style: { ...cssVariables, ...containerStyle, ...activeConfig == null ? void 0 : activeConfig.style }
-      },
-      children
-    );
-  }
   if (type !== "antdGrid") {
-    const layoutClassName = (0, import_classnames.default)(
-      baseClassName,
-      containerClassName,
-      className
-    );
+    const layoutClassName = (0, import_classnames.default)(containerClassName, className);
     return /* @__PURE__ */ import_react.default.createElement("div", { className: layoutClassName, style: containerStyle }, children);
   }
   const { columns = 1, align, justify, gutter, wrap, colConfig = {} } = config;

package/lib/pro/Selector/components/Media/index.js

@@ -164,13 +164,10 @@ var Media = ({
   const renderIndicator = () => {
     if (!showIndicator || !indicator || !selected) return null;
     if (import_react.default.isValidElement(indicator)) {
-      const clonedIndicator = import_react.default.cloneElement(
-        indicator,
-        {
-          size: indicatorSize,
-          variant: "filled"
-        }
-      );
+      const clonedIndicator = import_react.default.cloneElement(indicator, {
+        size: indicatorSize,
+        variant: "filled"
+      });
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
         {

package/lib/pro/Selector/components/Media/index.less

@@ -80,7 +80,7 @@
   &-selected {
     .pisell-selector_media-cover {
       border-width: 2px;
-      border-color: var(--color-primary, #5d3f9f);
+      border-color: #7f56d9;
     }
 
     .pisell-selector_media-label {

package/lib/pro/Selector/demo.js

@@ -57,7 +57,7 @@ var SelectorDemo = () => {
   });
   const [paymentMethod, setPaymentMethod] = (0, import_react.useState)("alipay");
   const [serviceOptions, setServiceOptions] = (0, import_react.useState)([1, 2]);
-  const [width, setWidth] = (0, import_react.useState)("100%");
+  const [width, setWidth] = (0, import_react.useState)("660");
   const simpleDataSource = [
     { id: 1, title: "选项A" },
     { id: 2, title: "选项B" },

package/lib/pro/Selector/hooks/usePresetItemProps.js

@@ -111,7 +111,6 @@ var usePresetItemProps = (params) => {
           content: {}
         };
         if (presetVariant === "1") {
-          defaultStyles.container.padding = "12px 16px";
           defaultStyles.content.textAlign = "center";
           baseProps = {
             selectedType: "outlined-bold"
@@ -121,7 +120,6 @@ var usePresetItemProps = (params) => {
           }
           indicator = null;
         } else if (presetVariant === "2") {
-          defaultStyles.container.padding = "12px 16px";
           baseProps = {
             selectedType: "filled"
           };

package/lib/pro/Selector/hooks/usePresetProps.js

@@ -30,39 +30,18 @@ var VARIANT_MAP = {
   ["media"]: ["1", "2"]
 };
 var EMPTY_CONFIG = {};
-var RESPONSIVE_PRESETS = {
-  /** 响应式布局 - 最小宽度 210px，最多 5 列 */
-  responsive210: {
-    breakpoints: {
-      0: { columns: 1, gap: 16 },
-      420: { columns: 2, gap: 16 },
-      630: { columns: 3, gap: 16 },
-      841: { columns: 4, gap: 16 },
-      1367: { columns: 5, gap: 16 }
-    }
-  },
-  /** 响应式布局 - 最小宽度 330px，最多 4 列 */
-  responsive330: {
-    breakpoints: {
-      0: { columns: 1, gap: 16 },
-      660: { columns: 2, gap: 16 },
-      995: { columns: 3, gap: 16 },
-      1367: { columns: 4, gap: 16 }
-    }
-  }
-};
 var PRESET_LAYOUTS = {
   /** 自动宽度布局 - 内容自适应 */
   autoFlex: {
     className: "pisell-pro-selector_layout-auto-flex"
   },
-  /** 响应式布局 - 最小宽度 210px，最多 5 列 */
+  /** 响应式布局 - 最小宽度 210px */
   responsive210: {
-    responsive: RESPONSIVE_PRESETS.responsive210
+    className: "pisell-pro-selector_layout-responsive-210"
   },
-  /** 响应式布局 - 最小宽度 330px，最多 4 列 */
+  /** 响应式布局 - 最小宽度 330px */
   responsive330: {
-    responsive: RESPONSIVE_PRESETS.responsive330
+    className: "pisell-pro-selector_layout-responsive-330"
   }
 };
 var VARIANT_PRESET_MAP = {
@@ -95,7 +74,7 @@ var usePresetProps = ({
   return (0, import_react.useMemo)(() => {
     let layoutConfig = null;
     if (variant === "select" || !(preset == null ? void 0 : preset.variant)) {
-      layoutConfig = layout || null;
+      layoutConfig = null;
     } else {
       let baseLayoutConfig = null;
       let validVariants = VARIANT_MAP[variant] || [];
@@ -129,8 +108,7 @@ var usePresetProps = ({
     const shouldUseFilled = variant === "media" || variant === "card" && (preset == null ? void 0 : preset.variant) === "2";
     if (shouldUseFilled) {
       computedIndicatorProps = {
-        variant: "filled",
-        size: "small"
+        variant: "filled"
       };
     }
     if (indicatorProps) {

package/lib/pro/Selector/locales.js

@@ -97,55 +97,5 @@ var locales_default = {
       }
       return "";
     }
-  },
-  ja: {
-    "pisell2.pro.selector.mode.single": "単一選択",
-    "pisell2.pro.selector.mode.multiple": "複数選択",
-    "pisell2.pro.selector.validate.required-msg": "選択してください",
-    "pisell2.pro.selector.validate.requireOneOf-msg": "このグループは指定されたコレクションのいずれかを選択する必要があります",
-    "pisell2.pro.selector.required-tag": "必須",
-    "pisell2.pro.selector.validate.min-selection": (min, label) => `少なくとも${min}${label ? " " + label : ""}を選択`,
-    "pisell2.pro.selector.validate.max-selection": (max, label) => `最大${max}${label ? " " + label : ""}を選択`,
-    "pisell2.pro.selector.tip.require-one-option": "1つ選択",
-    "pisell2.pro.selector.tip.min-max-selection": (min, max) => {
-      if (min === max && min > 0) {
-        return `${min}つ選択`;
-      }
-      if ((!min || min === 0) && max > 0) {
-        return `最大${max}つ選択`;
-      }
-      if (min > 0 && max > min) {
-        return `${min}-${max}つ選択`;
-      }
-      if (min > 0 && (!max || max === 0)) {
-        return `少なくとも${min}つ選択`;
-      }
-      return "";
-    }
-  },
-  pt: {
-    "pisell2.pro.selector.mode.single": "Escolha única",
-    "pisell2.pro.selector.mode.multiple": "Múltipla escolha",
-    "pisell2.pro.selector.validate.required-msg": "Por favor, selecione",
-    "pisell2.pro.selector.validate.requireOneOf-msg": "Este grupo deve selecionar uma das coleções especificadas",
-    "pisell2.pro.selector.required-tag": "Obrigatório",
-    "pisell2.pro.selector.validate.min-selection": (min, label) => `Selecione pelo menos ${min}${label ? " " + label : ""}`,
-    "pisell2.pro.selector.validate.max-selection": (max, label) => `Selecione no máximo ${max}${label ? " " + label : ""}`,
-    "pisell2.pro.selector.tip.require-one-option": "Escolha 1",
-    "pisell2.pro.selector.tip.min-max-selection": (min, max) => {
-      if (min === max && min > 0) {
-        return `Escolha ${min}`;
-      }
-      if ((!min || min === 0) && max > 0) {
-        return `Escolha até ${max}`;
-      }
-      if (min > 0 && max > min) {
-        return `Escolha ${min}-${max}`;
-      }
-      if (min > 0 && (!max || max === 0)) {
-        return `Escolha pelo menos ${min}`;
-      }
-      return "";
-    }
   }
 };

package/lib/pro/Selector/selector.less

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  container-type: inline-size; // 启用容器查询
 
   &_header {
     display: flex;
@@ -42,4 +43,67 @@
       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/lib/pro/Selector/selectorGroup.less

@@ -1,14 +1,6 @@
 .pisell-batch-selector {
   .pisell-product-select__tabs-wrapper {
     padding: 16px 0;
-
-    .pisell-tabstruct-item--selected {
-      background-color: var(--color-primary, #5d3f9f);
-    }
-
-    .pisell-tabstruct-selection {
-      background-color: var(--color-primary, #5d3f9f);
-    }
   }
 
   &__content {
@@ -21,4 +13,4 @@
       padding-top: 16px;
     }
   }
-}
+}

package/lib/pro/numberKeyboard/locales.js

@@ -31,11 +31,5 @@ var locales_default = {
   },
   "zh-HK": {
     "pisell2.number.keyboard.ok": "確認"
-  },
-  ja: {
-    "pisell2.number.keyboard.ok": "確認"
-  },
-  pt: {
-    "pisell2.number.keyboard.ok": "Confirmar"
   }
 };