@xfe-repo/web-components 1.7.5 → 1.8.0

package/dist/index.d.mts

@@ -719,6 +719,8 @@ type CurrencyUnit = 'yuan' | 'jiao' | 'fen';
 interface CurrencyProps {
     /** 单位 'yuan' | 'jiao' | 'fen'，默认分 */
     unit?: CurrencyUnit;
+    /** 金额展示单位，默认人民币 */
+    priceUnit?: string;
     /** 保留的小数位，默认 2 位 */
     toFixed?: number;
     /** 具体金额字段 */

package/dist/index.d.ts

@@ -719,6 +719,8 @@ type CurrencyUnit = 'yuan' | 'jiao' | 'fen';
 interface CurrencyProps {
     /** 单位 'yuan' | 'jiao' | 'fen'，默认分 */
     unit?: CurrencyUnit;
+    /** 金额展示单位，默认人民币 */
+    priceUnit?: string;
     /** 保留的小数位，默认 2 位 */
     toFixed?: number;
     /** 具体金额字段 */

package/dist/index.js

@@ -947,6 +947,11 @@ var import_modifiers = require("@dnd-kit/modifiers");
 var import_utilities = require("@dnd-kit/utilities");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var import_react5 = require("react");
+var getMiddleClickCloseTargetKey = function getMiddleClickCloseTargetKey(event, data) {
+    if (event.button !== 1) return void 0;
+    if (!data || data.disabled || data.closable === false) return void 0;
+    return data.key;
+};
 var MultiWindowTabs = (0, import_react4.memo)(function(props) {
     var pathKey = props.pathKey, pagePaths = props.pagePaths, className = props.className, onChange = props.onChange, onClose = props.onClose, onSort = props.onSort, onCollectionChange = props.onCollectionChange, sortAutoActive = props.sortAutoActive;
     var sensor = (0, import_core.useSensor)(import_core.PointerSensor, {
@@ -1022,6 +1027,7 @@ var MultiWindowTabs = (0, import_react4.memo)(function(props) {
                             key: node.key,
                             data: pagePathsHelperData.map.get(String(node.key)),
                             onCollectionChange: onCollectionChange,
+                            onClose: onClose,
                             isActivated: pathKey === String(node.key)
                         }), node);
                     }
@@ -1033,6 +1039,8 @@ var MultiWindowTabs = (0, import_react4.memo)(function(props) {
         onDragStart,
         onDragEnd,
         onCollectionChange,
+        onClose,
+        pathKey,
         sensor
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Tabs, {
@@ -1048,15 +1056,26 @@ var MultiWindowTabs = (0, import_react4.memo)(function(props) {
     });
 });
 var TabItem = (0, import_react4.memo)(function(props) {
-    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange;
+    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange, onClose = props.onClose;
     var _ref = (0, import_sortable.useSortable)({
         id: props["data-node-key"]
     }), attributes = _ref.attributes, listeners = _ref.listeners, setNodeRef = _ref.setNodeRef, transform = _ref.transform, transition = _ref.transition, isDragging = _ref.isDragging;
+    var handleAuxClick = (0, import_react4.useCallback)(function(event) {
+        var targetKey = getMiddleClickCloseTargetKey(event, data);
+        if (!targetKey) return;
+        event.preventDefault();
+        event.stopPropagation();
+        onClose === null || onClose === void 0 ? void 0 : onClose(targetKey);
+    }, [
+        data,
+        onClose
+    ]);
     var handleCollectionChange = (0, import_react4.useCallback)(function(collectionKey) {
         if (!data) return;
         onCollectionChange === null || onCollectionChange === void 0 ? void 0 : onCollectionChange(data.key, collectionKey);
     }, [
-        data
+        data,
+        onCollectionChange
     ]);
     var collectionSelect = (0, import_react4.useMemo)(function() {
         var _data_searchCollection;
@@ -1093,7 +1112,7 @@ var TabItem = (0, import_react4.memo)(function(props) {
         children,
         collectionSelect
     ]);
-    return import_react4.default.cloneElement(children, _object_spread({
+    return import_react4.default.cloneElement(children, _object_spread_props(_object_spread({
         ref: setNodeRef,
         style: _object_spread_props(_object_spread({}, style), {
             transform: import_utilities.CSS.Translate.toString(transform && _object_spread_props(_object_spread({}, transform), {
@@ -1104,7 +1123,9 @@ var TabItem = (0, import_react4.memo)(function(props) {
             cursor: "pointer"
         }),
         children: childrenWithCollectionSelect
-    }, attributes, listeners));
+    }, attributes, listeners), {
+        onAuxClick: handleAuxClick
+    }));
 });
 // src/MultiWindow/MultiWindow.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -3160,7 +3181,7 @@ var Counter = function Counter(param) {
 // src/Currency/index.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var Currency = function Currency(props) {
-    var _props_unit = props.unit, unit = _props_unit === void 0 ? "fen" : _props_unit, _props_toFixed = props.toFixed, toFixed = _props_toFixed === void 0 ? 2 : _props_toFixed, children = props.children, className = props.className;
+    var _props_unit = props.unit, unit = _props_unit === void 0 ? "fen" : _props_unit, _props_priceUnit = props.priceUnit, priceUnit = _props_priceUnit === void 0 ? "\uFFE5" : _props_priceUnit, _props_toFixed = props.toFixed, toFixed = _props_toFixed === void 0 ? 2 : _props_toFixed, children = props.children, className = props.className;
     if (children === void 0 || children === null) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", {
         className: className,
         children: "--"
@@ -3168,7 +3189,8 @@ var Currency = function Currency(props) {
     if (children.toString().includes("*")) return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", {
         className: className,
         children: [
-            "\uFFE5 ",
+            priceUnit,
+            " ",
             children
         ]
     });
@@ -3181,7 +3203,7 @@ var Currency = function Currency(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", {
         className: className,
         children: [
-            "\uFFE5",
+            priceUnit,
             priceDic[unit].toFixed(toFixed)
         ]
     });

package/dist/index.mjs

@@ -653,6 +653,11 @@ import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
 import { CSS } from "@dnd-kit/utilities";
 import { jsx as jsx4 } from "react/jsx-runtime";
 import { createElement } from "react";
+var getMiddleClickCloseTargetKey = function getMiddleClickCloseTargetKey(event, data) {
+    if (event.button !== 1) return void 0;
+    if (!data || data.disabled || data.closable === false) return void 0;
+    return data.key;
+};
 var MultiWindowTabs = memo3(function(props) {
     var pathKey = props.pathKey, pagePaths = props.pagePaths, className = props.className, onChange = props.onChange, onClose = props.onClose, onSort = props.onSort, onCollectionChange = props.onCollectionChange, sortAutoActive = props.sortAutoActive;
     var sensor = useSensor(PointerSensor, {
@@ -728,6 +733,7 @@ var MultiWindowTabs = memo3(function(props) {
                             key: node.key,
                             data: pagePathsHelperData.map.get(String(node.key)),
                             onCollectionChange: onCollectionChange,
+                            onClose: onClose,
                             isActivated: pathKey === String(node.key)
                         }), node);
                     }
@@ -739,6 +745,8 @@ var MultiWindowTabs = memo3(function(props) {
         onDragStart,
         onDragEnd,
         onCollectionChange,
+        onClose,
+        pathKey,
         sensor
     ]);
     return /* @__PURE__ */ jsx4(Tabs, {
@@ -754,15 +762,26 @@ var MultiWindowTabs = memo3(function(props) {
     });
 });
 var TabItem = memo3(function(props) {
-    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange;
+    var data = props.data, children = props.children, style = props.style, isActivated = props.isActivated, onCollectionChange = props.onCollectionChange, onClose = props.onClose;
     var _useSortable = useSortable({
         id: props["data-node-key"]
     }), attributes = _useSortable.attributes, listeners = _useSortable.listeners, setNodeRef = _useSortable.setNodeRef, transform = _useSortable.transform, transition = _useSortable.transition, isDragging = _useSortable.isDragging;
+    var handleAuxClick = useCallback2(function(event) {
+        var targetKey = getMiddleClickCloseTargetKey(event, data);
+        if (!targetKey) return;
+        event.preventDefault();
+        event.stopPropagation();
+        onClose === null || onClose === void 0 ? void 0 : onClose(targetKey);
+    }, [
+        data,
+        onClose
+    ]);
     var handleCollectionChange = useCallback2(function(collectionKey) {
         if (!data) return;
         onCollectionChange === null || onCollectionChange === void 0 ? void 0 : onCollectionChange(data.key, collectionKey);
     }, [
-        data
+        data,
+        onCollectionChange
     ]);
     var collectionSelect = useMemo3(function() {
         var _data_searchCollection;
@@ -799,7 +818,7 @@ var TabItem = memo3(function(props) {
         children,
         collectionSelect
     ]);
-    return React3.cloneElement(children, _object_spread({
+    return React3.cloneElement(children, _object_spread_props(_object_spread({
         ref: setNodeRef,
         style: _object_spread_props(_object_spread({}, style), {
             transform: CSS.Translate.toString(transform && _object_spread_props(_object_spread({}, transform), {
@@ -810,7 +829,9 @@ var TabItem = memo3(function(props) {
             cursor: "pointer"
         }),
         children: childrenWithCollectionSelect
-    }, attributes, listeners));
+    }, attributes, listeners), {
+        onAuxClick: handleAuxClick
+    }));
 });
 // src/MultiWindow/MultiWindow.tsx
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -2866,7 +2887,7 @@ var Counter = function Counter(param) {
 // src/Currency/index.tsx
 import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
 var Currency = function Currency(props) {
-    var _props_unit = props.unit, unit = _props_unit === void 0 ? "fen" : _props_unit, _props_toFixed = props.toFixed, toFixed = _props_toFixed === void 0 ? 2 : _props_toFixed, children = props.children, className = props.className;
+    var _props_unit = props.unit, unit = _props_unit === void 0 ? "fen" : _props_unit, _props_priceUnit = props.priceUnit, priceUnit = _props_priceUnit === void 0 ? "\uFFE5" : _props_priceUnit, _props_toFixed = props.toFixed, toFixed = _props_toFixed === void 0 ? 2 : _props_toFixed, children = props.children, className = props.className;
     if (children === void 0 || children === null) return /* @__PURE__ */ jsx23("span", {
         className: className,
         children: "--"
@@ -2874,7 +2895,8 @@ var Currency = function Currency(props) {
     if (children.toString().includes("*")) return /* @__PURE__ */ jsxs8("span", {
         className: className,
         children: [
-            "\uFFE5 ",
+            priceUnit,
+            " ",
             children
         ]
     });
@@ -2887,7 +2909,7 @@ var Currency = function Currency(props) {
     return /* @__PURE__ */ jsxs8("span", {
         className: className,
         children: [
-            "\uFFE5",
+            priceUnit,
             priceDic[unit].toFixed(toFixed)
         ]
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfe-repo/web-components",
-  "version": "1.7.5",
+  "version": "1.8.0",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
@@ -51,6 +51,7 @@
     "@types/react": "^18",
     "esbuild-plugin-less": "^1.3.9",
     "eslint": "8.57.1",
+    "vitest": "^4.0.14",
     "@xfe-repo/eslint-config": "1.6.0",
     "@xfe-repo/typescript-config": "1.6.1"
   },
@@ -74,6 +75,7 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "lint": "eslint \"src/**/*.ts*\" --fix",
+    "test": "vitest run",
     "clean": "rm -rf .turbo coverage dist node_modules"
   }
 }