@pisell/private-materials 6.8.86 → 6.8.87

package/lib/pro/skuDetailModal/index.js

@@ -39,7 +39,7 @@ var import_utils = require("@pisell/utils");
 var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
 var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
-var import_pisellNumberSelector = __toESM(require("../pisellNumberSelector"));
+var import_NumericStepper = __toESM(require("../NumericStepper"));
 var import_noteModal = __toESM(require("../../plus/noteModal"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_priceKeyboard = require("../priceKeyboard");
@@ -116,7 +116,9 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
     ];
     if (hasSkuOptions) {
       items.push({
-        title: import_utils.locales.getText("pisell2.text.sku.detail.modal.step.select.bundle"),
+        title: import_utils.locales.getText(
+          "pisell2.text.sku.detail.modal.step.select.bundle"
+        ),
         description: ""
       });
     }
@@ -212,12 +214,15 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
       setNote(((_b2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _b2.note) || "");
       setQuantity(((_c2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _c2.quantity) || 1);
       setDiscounts((_data == null ? void 0 : _data.discount_list) || []);
-      console.log({
-        product_id: _data == null ? void 0 : _data.product_id,
-        product_variant_id: ((_e2 = (_d2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _d2.other) == null ? void 0 : _e2.product_variant_id) || 0,
-        bundle: ((_g2 = (_f2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _f2.other) == null ? void 0 : _g2.bundle) || [],
-        option: ((_i2 = (_h2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _h2.other) == null ? void 0 : _i2.option) || []
-      }, "skuValue");
+      console.log(
+        {
+          product_id: _data == null ? void 0 : _data.product_id,
+          product_variant_id: ((_e2 = (_d2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _d2.other) == null ? void 0 : _e2.product_variant_id) || 0,
+          bundle: ((_g2 = (_f2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _f2.other) == null ? void 0 : _g2.bundle) || [],
+          option: ((_i2 = (_h2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _h2.other) == null ? void 0 : _i2.option) || []
+        },
+        "skuValue"
+      );
       setSkuValue({
         product_id: _data == null ? void 0 : _data.product_id,
         product_variant_id: ((_k = (_j2 = _data == null ? void 0 : _data._extend) == null ? void 0 : _j2.other) == null ? void 0 : _k.product_variant_id) || 0,
@@ -257,7 +262,8 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
     return getSelectedUnitPrice({ productData, skuValue: activeSkuValue });
   }, [productData, skuValue, skuDefaultValue]);
   const displayUnitPrice = (0, import_react.useMemo)(() => {
-    if (priceOverride === null || typeof priceOverride === "undefined") return unitPrice;
+    if (priceOverride === null || typeof priceOverride === "undefined")
+      return unitPrice;
     return priceOverride;
   }, [priceOverride, unitPrice]);
   const subtotal = (0, import_react.useMemo)(() => {
@@ -290,15 +296,19 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
     return `${priceSign}${symbol}${finalTotal.abs().toNumber().toFixed(2)}`;
   }, [finalTotal, symbol]);
   const priceOverrideText = (0, import_react.useMemo)(() => {
-    if (priceOverride === null || typeof priceOverride === "undefined") return "";
-    const prefix = `(${import_utils.locales.getText("pisell2.text.sku.detail.modal.price.override")} `;
+    if (priceOverride === null || typeof priceOverride === "undefined")
+      return "";
+    const prefix = `(${import_utils.locales.getText(
+      "pisell2.text.sku.detail.modal.price.override"
+    )} `;
     const overrideNumber = new import_decimal.default(priceOverride || 0);
     const sign = overrideNumber.toNumber() < 0 ? "-" : "";
     const absValue = overrideNumber.abs().toNumber().toFixed(2);
     return `${prefix}${sign}${symbol}${absValue})`;
   }, [priceOverride, symbol]);
   const priceChangeText = (0, import_react.useMemo)(() => {
-    if (priceOverride === null || typeof priceOverride === "undefined") return "";
+    if (priceOverride === null || typeof priceOverride === "undefined")
+      return "";
     const diff = new import_decimal.default(priceOverride || 0).minus(new import_decimal.default(unitPrice || 0)).mul(new import_decimal.default(quantity || 1));
     const diffNumber = diff.toNumber();
     const diffSign = diffNumber > 0 ? "+" : diffNumber < 0 ? "-" : "";
@@ -405,7 +415,11 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
         });
         if (!hasStock) {
           if (allowAddToCartWhenOutStock !== 1) {
-            Toast == null ? void 0 : Toast.fail(import_utils.locales.getText("pisell2.skuOptionsSelection.variantItemCard.soldOut"));
+            Toast == null ? void 0 : Toast.fail(
+              import_utils.locales.getText(
+                "pisell2.skuOptionsSelection.variantItemCard.soldOut"
+              )
+            );
             return;
           }
           const productId = Number((productData == null ? void 0 : productData.product_id) || 0);
@@ -495,7 +509,9 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
           onClick: () => setNoteModalOpen(true)
         },
         import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.add.note")
-      )), note && /* @__PURE__ */ import_react.default.createElement("div", { className: "note-section" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.note")), /* @__PURE__ */ import_react.default.createElement("div", { className: "note-text", onClick: () => setNoteModalOpen(true) }, note))), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-summary-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.subtotal")), /* @__PURE__ */ import_react.default.createElement("div", null, subtotalText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.discount"), discountsCount > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-danger" }, " (", discountsCount, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-danger" }, discountsCount > 0 ? "-" : "", symbol, totalDiscounts)), priceOverride !== null && typeof priceOverride !== "undefined" && /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleManualPriceChange }, import_utils.locales.getText("pisell2.text.sku.detail.modal.manual.price.change"), /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-override" }, priceOverrideText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-danger" }, priceChangeText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.total"), /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-total-gst" }, "（", (productData == null ? void 0 : productData.is_charge_tax) ? import_utils.locales.getText("pisell2.text.sku.detail.modal.gst.incl") : import_utils.locales.getText("pisell2.text.sku.detail.modal.gst.excl"), "）")), /* @__PURE__ */ import_react.default.createElement("div", null, totalText))))
+      )), note && /* @__PURE__ */ import_react.default.createElement("div", { className: "note-section" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.note")), /* @__PURE__ */ import_react.default.createElement("div", { className: "note-text", onClick: () => setNoteModalOpen(true) }, note))), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-summary-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.subtotal")), /* @__PURE__ */ import_react.default.createElement("div", null, subtotalText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.discount"), discountsCount > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-danger" }, " (", discountsCount, ")")), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-danger" }, discountsCount > 0 ? "-" : "", symbol, totalDiscounts)), priceOverride !== null && typeof priceOverride !== "undefined" && /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item" }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleManualPriceChange }, import_utils.locales.getText(
+        "pisell2.text.sku.detail.modal.manual.price.change"
+      ), /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-override" }, priceOverrideText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-danger" }, priceChangeText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "price-item-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.sku.detail.modal.total"), /* @__PURE__ */ import_react.default.createElement("span", { className: "price-item-total-gst" }, "（", (productData == null ? void 0 : productData.is_charge_tax) ? import_utils.locales.getText("pisell2.text.sku.detail.modal.gst.incl") : import_utils.locales.getText("pisell2.text.sku.detail.modal.gst.excl"), "）")), /* @__PURE__ */ import_react.default.createElement("div", null, totalText))))
     );
   };
   if (!productData) return null;
@@ -562,7 +578,7 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
       onCancel: handleCancel,
       closable: false,
       destroyOnClose: true,
-      width: 880,
+      width: "80%",
       className: "pisell-sku-detail-modal"
     },
     /* @__PURE__ */ import_react.default.createElement(
@@ -572,8 +588,12 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
         className: "pisell-sku-procedure",
         mode: "modal",
         defaultCurrent: currentStep,
+        layoutMode: "ratio",
         onStepsChange: (result) => {
-          const nextStep = Math.min(Number(result.currentStep || 0), maxStepIndex);
+          const nextStep = Math.min(
+            Number(result.currentStep || 0),
+            maxStepIndex
+          );
           setCurrentStep(nextStep);
         },
         headerProps: {
@@ -602,16 +622,13 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
           position: "fixed-bottom",
           style: { height: "72px !important" },
           leftSlot: /* @__PURE__ */ import_react.default.createElement("div", { className: "quantity-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "quantity-section-title" }, import_utils.locales.getText("pisell2.text.sku.detail.modal.quantity")), /* @__PURE__ */ import_react.default.createElement(
-            import_pisellNumberSelector.default,
+            import_NumericStepper.default,
             {
+              variant: "capsule",
               value: quantity,
-              width: "120px",
               onChange: handleQuantityChange,
               min: 1,
-              max: 99999,
-              step: 1,
-              size: "middle",
-              enablePriceAdjust: true
+              max: 99999
             }
           )),
           actions: /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-content-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "modal-actions" }, isCreateMode ? /* @__PURE__ */ import_react.default.createElement(
@@ -633,7 +650,9 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
               className: "sku-detail-content-footer-remove-btn",
               onClick: handleRemove
             },
-            import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.remove")
+            import_utils.locales.getText(
+              "pisell2.text.sku.detail.modal.btn.remove"
+            )
           ), /* @__PURE__ */ import_react.default.createElement(
             import_materials.Button,
             {
@@ -653,7 +672,11 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
               onClick: handleConfirm,
               className: "sku-detail-content-footer-confirm-btn"
             },
-            currentStep === 0 && hasSkuOptions ? /* @__PURE__ */ import_react.default.createElement("span", { className: "sku-detail-content-footer-confirm-btn-text" }, import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.next")) : /* @__PURE__ */ import_react.default.createElement("span", { className: "sku-detail-content-footer-confirm-btn-text" }, import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.confirm"))
+            currentStep === 0 && hasSkuOptions ? /* @__PURE__ */ import_react.default.createElement("span", { className: "sku-detail-content-footer-confirm-btn-text" }, import_utils.locales.getText(
+              "pisell2.text.sku.detail.modal.btn.next"
+            )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "sku-detail-content-footer-confirm-btn-text" }, import_utils.locales.getText(
+              "pisell2.text.sku.detail.modal.btn.confirm"
+            ))
           )))
         }
       }
@@ -691,13 +714,35 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
     {
       platform: "pc",
       open: stockAlertOpen,
-      title: import_utils.locales.getText("pisell2.text.sku.detail.modal.stock.alert.title"),
+      title: import_utils.locales.getText(
+        "pisell2.text.sku.detail.modal.stock.alert.title"
+      ),
       headerDivider: false,
-      footer: /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", display: "flex", justifyContent: "flex-end", gap: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { size: "large", onClick: handleStockAlertCancel }, import_utils.locales.getText(
-        "pisell2.text.sku.detail.modal.stock.alert.btn.cancel"
-      )), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", size: "large", onClick: handleStockAlertContinue }, import_utils.locales.getText(
-        "pisell2.text.sku.detail.modal.stock.alert.btn.continue"
-      ))),
+      footer: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            width: "100%",
+            display: "flex",
+            justifyContent: "flex-end",
+            gap: 12
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { size: "large", onClick: handleStockAlertCancel }, import_utils.locales.getText(
+          "pisell2.text.sku.detail.modal.stock.alert.btn.cancel"
+        )),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Button,
+          {
+            type: "primary",
+            size: "large",
+            onClick: handleStockAlertContinue
+          },
+          import_utils.locales.getText(
+            "pisell2.text.sku.detail.modal.stock.alert.btn.continue"
+          )
+        )
+      ),
       width: 520,
       centered: true,
       destroyOnClose: true,
@@ -764,7 +809,9 @@ function getSelectedUnitPrice(params) {
   var _a, _b;
   const { productData, skuValue } = params;
   if (!productData) return 0;
-  let price = new import_decimal.default((productData == null ? void 0 : productData.base_price) ?? ((_a = productData == null ? void 0 : productData._extend) == null ? void 0 : _a.price) ?? 0);
+  let price = new import_decimal.default(
+    (productData == null ? void 0 : productData.base_price) ?? ((_a = productData == null ? void 0 : productData._extend) == null ? void 0 : _a.price) ?? 0
+  );
   if (skuValue == null ? void 0 : skuValue.product_variant_id) {
     const variantItem = (_b = productData == null ? void 0 : productData.variant) == null ? void 0 : _b.find(
       (item) => Number(item == null ? void 0 : item.id) === Number(skuValue.product_variant_id)
@@ -774,18 +821,24 @@ function getSelectedUnitPrice(params) {
     }
   }
   if (Array.isArray(skuValue == null ? void 0 : skuValue.bundle) && skuValue.bundle.length > 0) {
-    price = skuValue.bundle.reduce((accumulator, currentValue) => {
-      const currentPrice = new import_decimal.default((currentValue == null ? void 0 : currentValue.price) || 0);
-      const currentNum = new import_decimal.default((currentValue == null ? void 0 : currentValue.num) || 0);
-      return accumulator.add(currentPrice.mul(currentNum));
-    }, price);
+    price = skuValue.bundle.reduce(
+      (accumulator, currentValue) => {
+        const currentPrice = new import_decimal.default((currentValue == null ? void 0 : currentValue.price) || 0);
+        const currentNum = new import_decimal.default((currentValue == null ? void 0 : currentValue.num) || 0);
+        return accumulator.add(currentPrice.mul(currentNum));
+      },
+      price
+    );
   }
   if (Array.isArray(skuValue == null ? void 0 : skuValue.option) && skuValue.option.length > 0) {
-    price = skuValue.option.reduce((accumulator, currentValue) => {
-      const currentPrice = new import_decimal.default((currentValue == null ? void 0 : currentValue.price) || 0);
-      const currentNum = new import_decimal.default((currentValue == null ? void 0 : currentValue.num) || 0);
-      return accumulator.add(currentPrice.mul(currentNum));
-    }, price);
+    price = skuValue.option.reduce(
+      (accumulator, currentValue) => {
+        const currentPrice = new import_decimal.default((currentValue == null ? void 0 : currentValue.price) || 0);
+        const currentNum = new import_decimal.default((currentValue == null ? void 0 : currentValue.num) || 0);
+        return accumulator.add(currentPrice.mul(currentNum));
+      },
+      price
+    );
   }
   return price.toNumber();
 }

package/lib/pro/skuDetailModal/index.less

@@ -3,12 +3,12 @@
    * 固定弹窗高度，确保内部滚动容器有“可计算的最大高度”
    * 否则内容会把 modal 撑开，overflow-y: auto 无法生效（看起来就“滚不动”）
    */
-  height: 684px;
+  height: 884px;
 
   // PisellModal（PC）内容容器：固定高度，内部 body 使用 flex 占满剩余空间
   .pisell-lowcode-modal-content {
-    height: 684px;
-    max-height: 684px!important;
+    height: 884px;
+    max-height: 884px!important;
   }
 
   // SkuDetailModal 内部使用自定义滚动容器（右侧内容区），避免整块 modal body 滚动
@@ -37,7 +37,7 @@
     flex: 1;
     min-height: 0;
     overflow-y: auto;
-    max-height: 530px;
+    max-height: 730px;
     /**
      * @description
      * 让滚动条不要贴着内容（尤其是 macOS overlay scrollbar 会覆盖内容）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.8.86",
+  "version": "6.8.87",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

package/es/pro/pisellNumberSelector/example.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Example: React.FC;
-export default Example;

package/es/pro/pisellNumberSelector/example.js

@@ -1,68 +0,0 @@
-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, { useState } from 'react';
-import PisellNumberSelector from "./index";
-var Example = function Example() {
-  var _useState = useState(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    value1 = _useState2[0],
-    setValue1 = _useState2[1];
-  var _useState3 = useState(50),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value2 = _useState4[0],
-    setValue2 = _useState4[1];
-  var _useState5 = useState(99),
-    _useState6 = _slicedToArray(_useState5, 2),
-    value3 = _useState6[0],
-    setValue3 = _useState6[1];
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '20px',
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '20px'
-    }
-  }, /*#__PURE__*/React.createElement("h3", null, "PisellNumberSelector \u4F7F\u7528\u793A\u4F8B"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "\u57FA\u7840\u7528\u6CD5"), /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: value1,
-    onChange: setValue1,
-    min: 0,
-    max: 10,
-    size: "middle"
-  }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C: ", value1)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "\u4E0D\u540C\u5C3A\u5BF8"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '10px',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: value2,
-    onChange: setValue2,
-    size: "small"
-  }), /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: value2,
-    onChange: setValue2,
-    size: "middle"
-  }), /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: value2,
-    onChange: setValue2,
-    size: "large"
-  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "\u542F\u7528\u4EF7\u683C\u8C03\u6574\u529F\u80FD"), /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: value3,
-    onChange: setValue3,
-    min: 0,
-    max: 999,
-    size: "large",
-    enablePriceAdjust: true,
-    originValue: 100
-  }), /*#__PURE__*/React.createElement("p", null, "\u70B9\u51FB\u6570\u5B57\u53EF\u4EE5\u6253\u5F00\u4EF7\u683C\u8C03\u6574\u9762\u677F"), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C: ", value3)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "\u7981\u7528\u72B6\u6001"), /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: 50,
-    onChange: function onChange() {},
-    disabled: true,
-    size: "middle"
-  })));
-};
-export default Example;

package/lib/pro/pisellNumberSelector/example.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Example: React.FC;
-export default Example;

package/lib/pro/pisellNumberSelector/example.js

@@ -1,93 +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/pro/pisellNumberSelector/example.tsx
-var example_exports = {};
-__export(example_exports, {
-  default: () => example_default
-});
-module.exports = __toCommonJS(example_exports);
-var import_react = __toESM(require("react"));
-var import_index = __toESM(require("./index"));
-var Example = () => {
-  const [value1, setValue1] = (0, import_react.useState)(1);
-  const [value2, setValue2] = (0, import_react.useState)(50);
-  const [value3, setValue3] = (0, import_react.useState)(99);
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px", display: "flex", flexDirection: "column", gap: "20px" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "PisellNumberSelector 使用示例"), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "基础用法"), /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: value1,
-      onChange: setValue1,
-      min: 0,
-      max: 10,
-      size: "middle"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("p", null, "当前值: ", value1)), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "不同尺寸"), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: value2,
-      onChange: setValue2,
-      size: "small"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: value2,
-      onChange: setValue2,
-      size: "middle"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: value2,
-      onChange: setValue2,
-      size: "large"
-    }
-  ))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "启用价格调整功能"), /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: value3,
-      onChange: setValue3,
-      min: 0,
-      max: 999,
-      size: "large",
-      enablePriceAdjust: true,
-      originValue: 100
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("p", null, "点击数字可以打开价格调整面板"), /* @__PURE__ */ import_react.default.createElement("p", null, "当前值: ", value3)), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h4", null, "禁用状态"), /* @__PURE__ */ import_react.default.createElement(
-    import_index.default,
-    {
-      value: 50,
-      onChange: () => {
-      },
-      disabled: true,
-      size: "middle"
-    }
-  )));
-};
-var example_default = Example;