xmirror-components 1.0.2 → 1.0.4

package/build/lib/components/CheckboxValue/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var CheckboxValue = function (_a) {
+    var checked = _a.checked, onChange = _a.onChange, _b = _a.trueValue, trueValue = _b === void 0 ? true : _b, _c = _a.falseValue, falseValue = _c === void 0 ? false : _c, _d = _a.trueLabel, trueLabel = _d === void 0 ? '' : _d, _e = _a.falseLabel, falseLabel = _e === void 0 ? '' : _e, children = _a.children, props = __rest(_a, ["checked", "onChange", "trueValue", "falseValue", "trueLabel", "falseLabel", "children"]);
+    var _checked = checked === trueValue;
+    var change = function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.checked ? trueValue : falseValue, e);
+    };
+    return (react_1.default.createElement(antd_1.Checkbox, __assign({ checked: _checked, onChange: change }, props), children || (_checked ? trueLabel : falseLabel)));
+};
+exports.default = CheckboxValue;

package/build/lib/components/IconButton/index.js

@@ -0,0 +1,91 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var lodash_es_1 = require("lodash-es");
+var classnames_1 = __importDefault(require("classnames"));
+var ahooks_1 = require("ahooks");
+var IconFont_1 = __importDefault(require("@/components/IconFont"));
+var index_module_less_1 = __importDefault(require("./index.module.less"));
+var Icon = function (props, buttonRef) {
+    var ref = (0, react_1.useRef)(null);
+    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, _b = props.onClick, onClick = _b === void 0 ? lodash_es_1.noop : _b, disabled = props.disabled, _c = props.size, size = _c === void 0 ? 'middle' : _c, _d = props.style, style = _d === void 0 ? {} : _d, className = props.className, _e = props.loading, loading = _e === void 0 ? false : _e, attrs = __rest(props, ["icon", "tooltipDisabled", "onClick", "disabled", "size", "style", "className", "loading"]);
+    var visible = (0, ahooks_1.useHover)(ref);
+    var createIcon = function () {
+        if ((0, lodash_es_1.isString)(Icon) && Icon.includes('icon-')) {
+            return react_1.default.createElement(IconFont_1.default, { type: Icon });
+        }
+        else {
+            return Icon;
+        }
+    };
+    var children = (react_1.default.createElement(antd_1.Button, { onClick: onClick, size: size, disabled: disabled, style: style, ref: buttonRef, loading: loading, className: (0, classnames_1.default)([className, index_module_less_1.default.btn_icon__warp]), icon: createIcon() }));
+    if (!Icon) {
+        throw new Error('IconButton 组件必须传入 icon 属性');
+    }
+    return (react_1.default.createElement(react_1.Fragment, null,
+        tooltipDisabled && children,
+        !tooltipDisabled && (react_1.default.createElement(antd_1.Tooltip, __assign({ open: visible, trigger: 'contextMenu', destroyTooltipOnHide: true }, attrs),
+            react_1.default.createElement("span", { ref: ref, style: { display: 'inline-block' }, className: "icon-button-box" }, children)))));
+};
+exports.Icon = Icon;
+exports.default = react_1.default.forwardRef(exports.Icon);

package/build/lib/components/IconFont/index.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var IconFont = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, attrs = __rest(_a, ["type", "className", "symbol"]);
+    if (symbol) {
+        return (react_1.default.createElement("svg", __assign({ className: "iconfont-symbol ".concat(type, " ").concat(className), "aria-hidden": "true", ref: ref }, attrs),
+            react_1.default.createElement("use", { xlinkHref: "#".concat(type) })));
+    }
+    return (react_1.default.createElement("i", __assign({ className: "iconfont ".concat(type, " ").concat(className), ref: ref }, attrs)));
+});
+exports.default = IconFont;

package/build/lib/components/SwitchValue/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+/**
+ * Switch 可自定义 value
+ */
+var Index = function (_a) {
+    var checked = _a.checked, onChange = _a.onChange, _b = _a.trueValue, trueValue = _b === void 0 ? true : _b, _c = _a.falseValue, falseValue = _c === void 0 ? false : _c, props = __rest(_a, ["checked", "onChange", "trueValue", "falseValue"]);
+    var _checked = checked === trueValue;
+    var change = function (checked, event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(checked ? trueValue : falseValue, event);
+    };
+    return (react_1.default.createElement(antd_1.Switch, __assign({ checked: _checked, onChange: change }, props)));
+};
+exports.default = Index;

package/build/lib/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modal = exports.notification = exports.message = exports.App = exports.SwitchValue = exports.IconFont = exports.IconButton = exports.CheckboxValue = void 0;
+var CheckboxValue_1 = require("./CheckboxValue");
+Object.defineProperty(exports, "CheckboxValue", { enumerable: true, get: function () { return __importDefault(CheckboxValue_1).default; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var IconFont_1 = require("./IconFont");
+Object.defineProperty(exports, "IconFont", { enumerable: true, get: function () { return __importDefault(IconFont_1).default; } });
+var SwitchValue_1 = require("./SwitchValue");
+Object.defineProperty(exports, "SwitchValue", { enumerable: true, get: function () { return __importDefault(SwitchValue_1).default; } });
+var AntdApp_1 = require("./AntdApp");
+Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(AntdApp_1).default; } });
+Object.defineProperty(exports, "message", { enumerable: true, get: function () { return AntdApp_1.message; } });
+Object.defineProperty(exports, "notification", { enumerable: true, get: function () { return AntdApp_1.notification; } });
+Object.defineProperty(exports, "modal", { enumerable: true, get: function () { return AntdApp_1.modal; } });

package/build/lib/{Button → hooks}/index.js

@@ -3,5 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var button_1 = __importDefault(require("./button"));
-exports.default = button_1.default;
+exports.useRequest = void 0;
+var useRequest_1 = require("./useRequest");
+Object.defineProperty(exports, "useRequest", { enumerable: true, get: function () { return __importDefault(useRequest_1).default; } });

package/build/lib/hooks/useRequest/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var ahooks_1 = require("ahooks");
+var AntdApp_1 = require("@/components/AntdApp");
+function useWrappedRequest(service, options, plugins) {
+    var result = (0, ahooks_1.useRequest)(service, __assign(__assign({}, options), { onError: function (error, params) {
+            var _a, _b;
+            if ((_a = options === null || options === void 0 ? void 0 : options.errorMessage) !== null && _a !== void 0 ? _a : true) {
+                AntdApp_1.message.error(error.message);
+            }
+            (_b = options === null || options === void 0 ? void 0 : options.onError) === null || _b === void 0 ? void 0 : _b.call(options, error, params);
+        } }), plugins);
+    // 处理 data 可能嵌套的情况，直接返回data，而不是返回 { code, data, success } 形式
+    var normalizedData = (result.data && typeof result.data === 'object' && 'data' in result.data
+        ? result.data.data
+        : result.data);
+    return __assign(__assign({}, result), { data: normalizedData });
+}
+exports.default = useWrappedRequest;

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",
@@ -22,23 +22,30 @@
     "publish:npm": "npm publish --access public"
   },
   "peerDependencies": {
+    "antd": ">=5.0.0",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
-    "antd": ">=5.0.0"
+    "react-dom": ">=16.9.0"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.6.1"
+    "@ant-design/icons": "^5.6.1",
+    "ahooks": "^3.8.5",
+    "lodash-es": "^4.17.21",
+    "react-intl": "^7.1.11",
+    "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "@types/react-transition-group": "^4.4.12",
     "@vitejs/plugin-react-swc": "^3.8.0",
     "antd": "^5.24.3",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^15.15.0",
+    "less": "^4.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "~5.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",
@@ -22,23 +22,30 @@
     "publish:npm": "npm publish --access public"
   },
   "peerDependencies": {
+    "antd": ">=5.0.0",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
-    "antd": ">=5.0.0"
+    "react-dom": ">=16.9.0"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.6.1"
+    "@ant-design/icons": "^5.6.1",
+    "ahooks": "^3.8.5",
+    "lodash-es": "^4.17.21",
+    "react-intl": "^7.1.11",
+    "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "@types/react-transition-group": "^4.4.12",
     "@vitejs/plugin-react-swc": "^3.8.0",
     "antd": "^5.24.3",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^15.15.0",
+    "less": "^4.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "~5.7.2",

package/build/es/Button/button.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ButtonProps as AntButtonProps } from 'antd';
-export interface ButtonProps extends AntButtonProps {
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/build/es/Button/button.js

@@ -1,17 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { Button as AntButton } from 'antd';
-var Button = function (props) {
-    return React.createElement(AntButton, __assign({}, props));
-};
-export default Button;

package/build/es/Button/index.d.ts

@@ -1,3 +0,0 @@
-import Button from './button';
-export default Button;
-export type { ButtonProps } from './button';

package/build/es/Button/index.js

@@ -1,2 +0,0 @@
-import Button from './button';
-export default Button;

package/build/es/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/build/es/index.js

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/build/lib/Button/button.js

@@ -1,22 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var antd_1 = require("antd");
-var Button = function (props) {
-    return react_1.default.createElement(antd_1.Button, __assign({}, props));
-};
-exports.default = Button;

package/build/lib/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });