@donglegeyu/company-ui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/basic-components/CompanyButton/index.d.ts +4 -0
- package/dist/cjs/basic-components/CompanyButton/index.js +51 -0
- package/dist/cjs/basic-components/CompanyInput/index.d.ts +4 -0
- package/dist/cjs/basic-components/CompanyInput/index.js +51 -0
- package/dist/cjs/basic-components/CompanySelect/index.d.ts +4 -0
- package/dist/cjs/basic-components/CompanySelect/index.js +51 -0
- package/dist/cjs/basic-components/CompanyTable/index.d.ts +3 -0
- package/dist/cjs/basic-components/CompanyTable/index.js +56 -0
- package/dist/cjs/basic-components/index.d.ts +4 -0
- package/dist/cjs/basic-components/index.js +48 -0
- package/dist/cjs/index.d.ts +7 -0
- package/dist/cjs/index.js +50 -0
- package/dist/cjs/template-components/CommonListPage/index.d.ts +30 -0
- package/dist/cjs/template-components/CommonListPage/index.js +150 -0
- package/dist/cjs/template-components/index.d.ts +1 -0
- package/dist/cjs/template-components/index.js +39 -0
- package/dist/cjs/theme/index.d.ts +39 -0
- package/dist/cjs/theme/index.js +73 -0
- package/dist/es/basic-components/CompanyButton/index.d.ts +4 -0
- package/dist/es/basic-components/CompanyButton/index.js +21 -0
- package/dist/es/basic-components/CompanyInput/index.d.ts +4 -0
- package/dist/es/basic-components/CompanyInput/index.js +21 -0
- package/dist/es/basic-components/CompanySelect/index.d.ts +4 -0
- package/dist/es/basic-components/CompanySelect/index.js +21 -0
- package/dist/es/basic-components/CompanyTable/index.d.ts +3 -0
- package/dist/es/basic-components/CompanyTable/index.js +25 -0
- package/dist/es/basic-components/index.d.ts +4 -0
- package/dist/es/basic-components/index.js +5 -0
- package/dist/es/index.d.ts +7 -0
- package/dist/es/index.js +20 -0
- package/dist/es/template-components/CommonListPage/index.d.ts +30 -0
- package/dist/es/template-components/CommonListPage/index.js +231 -0
- package/dist/es/template-components/index.d.ts +1 -0
- package/dist/es/template-components/index.js +2 -0
- package/dist/es/theme/index.d.ts +39 -0
- package/dist/es/theme/index.js +51 -0
- package/package.json +51 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/theme/index.ts
|
|
20
|
+
var theme_exports = {};
|
|
21
|
+
__export(theme_exports, {
|
|
22
|
+
default: () => theme_default
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(theme_exports);
|
|
25
|
+
var companyToken = {
|
|
26
|
+
// 基础色彩体系(v6 标准状态色)
|
|
27
|
+
colorPrimary: "#F95914",
|
|
28
|
+
colorSuccess: "#00B42A",
|
|
29
|
+
colorWarning: "#FF7D00",
|
|
30
|
+
colorError: "#F53F3F",
|
|
31
|
+
colorInfo: "#F95914",
|
|
32
|
+
// v6 新增拓展状态色
|
|
33
|
+
colorErrorAffix: "#F53F3F",
|
|
34
|
+
colorWarningAffix: "#FF7D00",
|
|
35
|
+
// 中性色彩体系
|
|
36
|
+
colorTextBase: "#1D2129",
|
|
37
|
+
colorBgBase: "#ffffff",
|
|
38
|
+
colorBorder: "#E5E6EB",
|
|
39
|
+
// 圆角分级体系
|
|
40
|
+
borderRadius: 8,
|
|
41
|
+
borderRadiusXS: 2,
|
|
42
|
+
borderRadiusSM: 6,
|
|
43
|
+
borderRadiusLG: 12,
|
|
44
|
+
borderRadiusXL: 16,
|
|
45
|
+
// 组件尺寸高度体系
|
|
46
|
+
controlHeight: 36,
|
|
47
|
+
controlHeightXS: 24,
|
|
48
|
+
controlHeightSM: 28,
|
|
49
|
+
controlHeightLG: 44,
|
|
50
|
+
// 字体字号体系
|
|
51
|
+
fontSize: 14,
|
|
52
|
+
fontSizeXS: 12,
|
|
53
|
+
fontSizeSM: 13,
|
|
54
|
+
fontSizeLG: 16,
|
|
55
|
+
fontSizeXL: 18,
|
|
56
|
+
// 全局间距体系
|
|
57
|
+
spacing: 8,
|
|
58
|
+
spacingXS: 4,
|
|
59
|
+
spacingSM: 6,
|
|
60
|
+
spacingLG: 16,
|
|
61
|
+
spacingXL: 24,
|
|
62
|
+
// 阴影层级体系
|
|
63
|
+
boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
|
|
64
|
+
boxShadowSecondary: "0 4px 16px rgba(0,0,0,0.12)",
|
|
65
|
+
// 边框粗细体系
|
|
66
|
+
lineWidth: 1,
|
|
67
|
+
lineWidthBold: 2,
|
|
68
|
+
// 动画过渡时长
|
|
69
|
+
motionDurationFast: "0.1s",
|
|
70
|
+
motionDurationMid: "0.2s",
|
|
71
|
+
motionDurationSlow: "0.3s"
|
|
72
|
+
};
|
|
73
|
+
var theme_default = companyToken;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
|
+
import React from "react";
|
|
8
|
+
import { Button } from "antd";
|
|
9
|
+
import companyToken from "../../theme";
|
|
10
|
+
|
|
11
|
+
// 纯视觉统一封装,完全继承原生 Button 能力
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var CompanyButton = function CompanyButton(props) {
|
|
14
|
+
return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
|
|
15
|
+
style: _objectSpread({
|
|
16
|
+
borderRadius: companyToken.borderRadius,
|
|
17
|
+
height: companyToken.controlHeight
|
|
18
|
+
}, props.style)
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default CompanyButton;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
|
+
import React from "react";
|
|
8
|
+
import { Input } from "antd";
|
|
9
|
+
import companyToken from "../../theme";
|
|
10
|
+
|
|
11
|
+
// 纯视觉统一封装,完全继承原生 Input 能力
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var CompanyInput = function CompanyInput(props) {
|
|
14
|
+
return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
|
|
15
|
+
style: _objectSpread({
|
|
16
|
+
borderRadius: companyToken.borderRadius,
|
|
17
|
+
height: companyToken.controlHeight
|
|
18
|
+
}, props.style)
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default CompanyInput;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
|
+
import React from "react";
|
|
8
|
+
import { Select } from "antd";
|
|
9
|
+
import companyToken from "../../theme";
|
|
10
|
+
|
|
11
|
+
// 纯视觉统一封装,完全继承原生 Select 能力
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var CompanySelect = function CompanySelect(props) {
|
|
14
|
+
return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, props), {}, {
|
|
15
|
+
style: _objectSpread({
|
|
16
|
+
borderRadius: companyToken.borderRadius,
|
|
17
|
+
minHeight: companyToken.controlHeight
|
|
18
|
+
}, props.style)
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default CompanySelect;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
|
+
import React from "react";
|
|
8
|
+
import { Table } from "antd";
|
|
9
|
+
import companyToken from "../../theme";
|
|
10
|
+
|
|
11
|
+
// 纯视觉统一封装,完全继承原生 Table 能力
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
var CompanyTable = function CompanyTable(props) {
|
|
14
|
+
return /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({}, props), {}, {
|
|
15
|
+
style: _objectSpread({
|
|
16
|
+
borderRadius: companyToken.borderRadius
|
|
17
|
+
}, props.style),
|
|
18
|
+
pagination: _objectSpread({
|
|
19
|
+
pageSize: 10,
|
|
20
|
+
showSizeChanger: true,
|
|
21
|
+
showQuickJumper: true
|
|
22
|
+
}, props.pagination)
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
export default CompanyTable;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Locale } from "antd/es/locale";
|
|
2
|
+
export * from "./basic-components";
|
|
3
|
+
export * from "./template-components";
|
|
4
|
+
export declare const ThemeProvider: (props: {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
locale?: Locale;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
package/dist/es/index.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ConfigProvider } from "antd";
|
|
2
|
+
import companyToken from "./theme";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
// 导出所有原子基础组件
|
|
5
|
+
export * from "./basic-components";
|
|
6
|
+
// 导出所有业务模板组件
|
|
7
|
+
export * from "./template-components";
|
|
8
|
+
|
|
9
|
+
// 全局主题+国际化注入 Provider,项目入口统一包裹
|
|
10
|
+
export var ThemeProvider = function ThemeProvider(props) {
|
|
11
|
+
var children = props.children,
|
|
12
|
+
locale = props.locale;
|
|
13
|
+
return /*#__PURE__*/_jsx(ConfigProvider, {
|
|
14
|
+
theme: {
|
|
15
|
+
token: companyToken
|
|
16
|
+
},
|
|
17
|
+
locale: locale,
|
|
18
|
+
children: children
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TableColumnsType } from "antd";
|
|
3
|
+
export interface CommonListPageProps<T = Record<string, any>> {
|
|
4
|
+
/** 筛选表单配置 */
|
|
5
|
+
filterConfig?: Array<{
|
|
6
|
+
label: string;
|
|
7
|
+
key: string;
|
|
8
|
+
type?: "input" | "select";
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
options?: Array<{
|
|
11
|
+
label: string;
|
|
12
|
+
value: string | number;
|
|
13
|
+
}>;
|
|
14
|
+
}>;
|
|
15
|
+
/** 表格列配置 */
|
|
16
|
+
columns: TableColumnsType<T>;
|
|
17
|
+
/** 数据请求函数 */
|
|
18
|
+
fetchData?: (params: Record<string, any>) => Promise<{
|
|
19
|
+
data: T[];
|
|
20
|
+
total: number;
|
|
21
|
+
}>;
|
|
22
|
+
/** 默认分页大小 */
|
|
23
|
+
defaultPageSize?: number;
|
|
24
|
+
/** 自定义操作区域 */
|
|
25
|
+
extraActions?: React.ReactNode;
|
|
26
|
+
/** 表格尺寸 */
|
|
27
|
+
size?: "small" | "middle" | "large";
|
|
28
|
+
}
|
|
29
|
+
declare const CommonListPage: <T extends Record<string, any> = Record<string, any>>(props: CommonListPageProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export default CommonListPage;
|
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
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); }
|
|
8
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
9
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
10
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
+
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."); }
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
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; } }
|
|
15
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
+
import React, { useState, useEffect, useCallback } from "react";
|
|
17
|
+
import { Card, Space, Empty } from "antd";
|
|
18
|
+
import { SearchOutlined, ReloadOutlined, ColumnHeightOutlined } from "@ant-design/icons";
|
|
19
|
+
import { CompanyButton, CompanyInput, CompanySelect, CompanyTable } from "../../basic-components";
|
|
20
|
+
|
|
21
|
+
// 通用列表页 Props 接口
|
|
22
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
var CommonListPage = function CommonListPage(props) {
|
|
25
|
+
var _props$filterConfig = props.filterConfig,
|
|
26
|
+
filterConfig = _props$filterConfig === void 0 ? [] : _props$filterConfig,
|
|
27
|
+
columns = props.columns,
|
|
28
|
+
fetchData = props.fetchData,
|
|
29
|
+
_props$defaultPageSiz = props.defaultPageSize,
|
|
30
|
+
defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz,
|
|
31
|
+
extraActions = props.extraActions,
|
|
32
|
+
_props$size = props.size,
|
|
33
|
+
size = _props$size === void 0 ? "middle" : _props$size;
|
|
34
|
+
|
|
35
|
+
// 筛选表单状态
|
|
36
|
+
var _useState = useState({}),
|
|
37
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
+
filterValues = _useState2[0],
|
|
39
|
+
setFilterValues = _useState2[1];
|
|
40
|
+
// 表格数据状态
|
|
41
|
+
var _useState3 = useState([]),
|
|
42
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
|
+
dataSource = _useState4[0],
|
|
44
|
+
setDataSource = _useState4[1];
|
|
45
|
+
var _useState5 = useState(false),
|
|
46
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
47
|
+
loading = _useState6[0],
|
|
48
|
+
setLoading = _useState6[1];
|
|
49
|
+
var _useState7 = useState(0),
|
|
50
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
51
|
+
total = _useState8[0],
|
|
52
|
+
setTotal = _useState8[1];
|
|
53
|
+
var _useState9 = useState(1),
|
|
54
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
55
|
+
current = _useState10[0],
|
|
56
|
+
setCurrent = _useState10[1];
|
|
57
|
+
var _useState11 = useState(defaultPageSize),
|
|
58
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
59
|
+
pageSize = _useState12[0],
|
|
60
|
+
setPageSize = _useState12[1];
|
|
61
|
+
// 视图密度
|
|
62
|
+
var _useState13 = useState(size),
|
|
63
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
64
|
+
tableSize = _useState14[0],
|
|
65
|
+
setTableSize = _useState14[1];
|
|
66
|
+
|
|
67
|
+
// 加载数据
|
|
68
|
+
var loadData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
69
|
+
var _params, result;
|
|
70
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
71
|
+
while (1) switch (_context.prev = _context.next) {
|
|
72
|
+
case 0:
|
|
73
|
+
if (fetchData) {
|
|
74
|
+
_context.next = 2;
|
|
75
|
+
break;
|
|
76
|
+
}
|
|
77
|
+
return _context.abrupt("return");
|
|
78
|
+
case 2:
|
|
79
|
+
setLoading(true);
|
|
80
|
+
_context.prev = 3;
|
|
81
|
+
_params = _objectSpread(_objectSpread({}, filterValues), {}, {
|
|
82
|
+
page: current,
|
|
83
|
+
pageSize: pageSize
|
|
84
|
+
});
|
|
85
|
+
_context.next = 7;
|
|
86
|
+
return fetchData(_params);
|
|
87
|
+
case 7:
|
|
88
|
+
result = _context.sent;
|
|
89
|
+
setDataSource(result.data);
|
|
90
|
+
setTotal(result.total);
|
|
91
|
+
_context.next = 17;
|
|
92
|
+
break;
|
|
93
|
+
case 12:
|
|
94
|
+
_context.prev = 12;
|
|
95
|
+
_context.t0 = _context["catch"](3);
|
|
96
|
+
console.error("Failed to fetch data:", _context.t0);
|
|
97
|
+
setDataSource([]);
|
|
98
|
+
setTotal(0);
|
|
99
|
+
case 17:
|
|
100
|
+
_context.prev = 17;
|
|
101
|
+
setLoading(false);
|
|
102
|
+
return _context.finish(17);
|
|
103
|
+
case 20:
|
|
104
|
+
case "end":
|
|
105
|
+
return _context.stop();
|
|
106
|
+
}
|
|
107
|
+
}, _callee, null, [[3, 12, 17, 20]]);
|
|
108
|
+
})), [fetchData, filterValues, current, pageSize]);
|
|
109
|
+
useEffect(function () {
|
|
110
|
+
loadData();
|
|
111
|
+
}, [loadData]);
|
|
112
|
+
|
|
113
|
+
// 重置筛选
|
|
114
|
+
var handleReset = function handleReset() {
|
|
115
|
+
setFilterValues({});
|
|
116
|
+
setCurrent(1);
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
// 搜索
|
|
120
|
+
var handleSearch = function handleSearch() {
|
|
121
|
+
setCurrent(1);
|
|
122
|
+
loadData();
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
// 筛选条件变化
|
|
126
|
+
var handleFilterChange = function handleFilterChange(key, value) {
|
|
127
|
+
setFilterValues(function (prev) {
|
|
128
|
+
return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, value));
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
// 切换表格密度
|
|
133
|
+
var handleToggleSize = function handleToggleSize() {
|
|
134
|
+
var sizes = ["small", "middle", "large"];
|
|
135
|
+
var currentIndex = sizes.indexOf(tableSize);
|
|
136
|
+
setTableSize(sizes[(currentIndex + 1) % sizes.length]);
|
|
137
|
+
};
|
|
138
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
139
|
+
style: {
|
|
140
|
+
padding: 16
|
|
141
|
+
},
|
|
142
|
+
children: [filterConfig.length > 0 && /*#__PURE__*/_jsx(Card, {
|
|
143
|
+
style: {
|
|
144
|
+
marginBottom: 16
|
|
145
|
+
},
|
|
146
|
+
size: "small",
|
|
147
|
+
children: /*#__PURE__*/_jsxs(Space, {
|
|
148
|
+
wrap: true,
|
|
149
|
+
size: "middle",
|
|
150
|
+
style: {
|
|
151
|
+
width: "100%"
|
|
152
|
+
},
|
|
153
|
+
children: [filterConfig.map(function (item) {
|
|
154
|
+
return /*#__PURE__*/_jsxs(Space, {
|
|
155
|
+
size: "small",
|
|
156
|
+
children: [/*#__PURE__*/_jsxs("span", {
|
|
157
|
+
children: [item.label, ":"]
|
|
158
|
+
}), item.type === "select" ? /*#__PURE__*/_jsx(CompanySelect, {
|
|
159
|
+
placeholder: item.placeholder || "\u8BF7\u9009\u62E9".concat(item.label),
|
|
160
|
+
options: item.options,
|
|
161
|
+
value: filterValues[item.key],
|
|
162
|
+
onChange: function onChange(value) {
|
|
163
|
+
return handleFilterChange(item.key, value);
|
|
164
|
+
},
|
|
165
|
+
style: {
|
|
166
|
+
minWidth: 160
|
|
167
|
+
},
|
|
168
|
+
allowClear: true
|
|
169
|
+
}) : /*#__PURE__*/_jsx(CompanyInput, {
|
|
170
|
+
placeholder: item.placeholder || "\u8BF7\u8F93\u5165".concat(item.label),
|
|
171
|
+
value: filterValues[item.key],
|
|
172
|
+
onChange: function onChange(e) {
|
|
173
|
+
return handleFilterChange(item.key, e.target.value);
|
|
174
|
+
},
|
|
175
|
+
style: {
|
|
176
|
+
minWidth: 160
|
|
177
|
+
},
|
|
178
|
+
allowClear: true
|
|
179
|
+
})]
|
|
180
|
+
}, item.key);
|
|
181
|
+
}), /*#__PURE__*/_jsxs(Space, {
|
|
182
|
+
children: [/*#__PURE__*/_jsx(CompanyButton, {
|
|
183
|
+
type: "primary",
|
|
184
|
+
icon: /*#__PURE__*/_jsx(SearchOutlined, {}),
|
|
185
|
+
onClick: handleSearch,
|
|
186
|
+
children: "\u641C\u7D22"
|
|
187
|
+
}), /*#__PURE__*/_jsx(CompanyButton, {
|
|
188
|
+
icon: /*#__PURE__*/_jsx(ReloadOutlined, {}),
|
|
189
|
+
onClick: handleReset,
|
|
190
|
+
children: "\u91CD\u7F6E"
|
|
191
|
+
}), extraActions]
|
|
192
|
+
})]
|
|
193
|
+
})
|
|
194
|
+
}), /*#__PURE__*/_jsx(Card, {
|
|
195
|
+
size: "small",
|
|
196
|
+
extra: /*#__PURE__*/_jsx(CompanyButton, {
|
|
197
|
+
size: "small",
|
|
198
|
+
icon: /*#__PURE__*/_jsx(ColumnHeightOutlined, {}),
|
|
199
|
+
onClick: handleToggleSize,
|
|
200
|
+
children: "\u5BC6\u5EA6"
|
|
201
|
+
}),
|
|
202
|
+
children: /*#__PURE__*/_jsx(CompanyTable, {
|
|
203
|
+
columns: columns,
|
|
204
|
+
dataSource: dataSource,
|
|
205
|
+
loading: loading,
|
|
206
|
+
size: tableSize,
|
|
207
|
+
rowKey: "id",
|
|
208
|
+
pagination: {
|
|
209
|
+
current: current,
|
|
210
|
+
pageSize: pageSize,
|
|
211
|
+
total: total,
|
|
212
|
+
showSizeChanger: true,
|
|
213
|
+
showQuickJumper: true,
|
|
214
|
+
showTotal: function showTotal(t) {
|
|
215
|
+
return "\u5171 ".concat(t, " \u6761");
|
|
216
|
+
},
|
|
217
|
+
onChange: function onChange(page, size) {
|
|
218
|
+
setCurrent(page);
|
|
219
|
+
setPageSize(size);
|
|
220
|
+
}
|
|
221
|
+
},
|
|
222
|
+
locale: {
|
|
223
|
+
emptyText: /*#__PURE__*/_jsx(Empty, {
|
|
224
|
+
description: "\u6682\u65E0\u6570\u636E"
|
|
225
|
+
})
|
|
226
|
+
}
|
|
227
|
+
})
|
|
228
|
+
})]
|
|
229
|
+
});
|
|
230
|
+
};
|
|
231
|
+
export default CommonListPage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CommonListPage } from "./CommonListPage";
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
declare const companyToken: {
|
|
2
|
+
colorPrimary: string;
|
|
3
|
+
colorSuccess: string;
|
|
4
|
+
colorWarning: string;
|
|
5
|
+
colorError: string;
|
|
6
|
+
colorInfo: string;
|
|
7
|
+
colorErrorAffix: string;
|
|
8
|
+
colorWarningAffix: string;
|
|
9
|
+
colorTextBase: string;
|
|
10
|
+
colorBgBase: string;
|
|
11
|
+
colorBorder: string;
|
|
12
|
+
borderRadius: number;
|
|
13
|
+
borderRadiusXS: number;
|
|
14
|
+
borderRadiusSM: number;
|
|
15
|
+
borderRadiusLG: number;
|
|
16
|
+
borderRadiusXL: number;
|
|
17
|
+
controlHeight: number;
|
|
18
|
+
controlHeightXS: number;
|
|
19
|
+
controlHeightSM: number;
|
|
20
|
+
controlHeightLG: number;
|
|
21
|
+
fontSize: number;
|
|
22
|
+
fontSizeXS: number;
|
|
23
|
+
fontSizeSM: number;
|
|
24
|
+
fontSizeLG: number;
|
|
25
|
+
fontSizeXL: number;
|
|
26
|
+
spacing: number;
|
|
27
|
+
spacingXS: number;
|
|
28
|
+
spacingSM: number;
|
|
29
|
+
spacingLG: number;
|
|
30
|
+
spacingXL: number;
|
|
31
|
+
boxShadow: string;
|
|
32
|
+
boxShadowSecondary: string;
|
|
33
|
+
lineWidth: number;
|
|
34
|
+
lineWidthBold: number;
|
|
35
|
+
motionDurationFast: string;
|
|
36
|
+
motionDurationMid: string;
|
|
37
|
+
motionDurationSlow: string;
|
|
38
|
+
};
|
|
39
|
+
export default companyToken;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
// 对齐 Ant Design 6.4.3 官方标准 Seed Token(企业定制版)
|
|
2
|
+
// 适配 v6 最新视觉体系,兼容三层 Token 架构
|
|
3
|
+
var companyToken = {
|
|
4
|
+
// 基础色彩体系(v6 标准状态色)
|
|
5
|
+
colorPrimary: "#F95914",
|
|
6
|
+
colorSuccess: "#00B42A",
|
|
7
|
+
colorWarning: "#FF7D00",
|
|
8
|
+
colorError: "#F53F3F",
|
|
9
|
+
colorInfo: "#F95914",
|
|
10
|
+
// v6 新增拓展状态色
|
|
11
|
+
colorErrorAffix: "#F53F3F",
|
|
12
|
+
colorWarningAffix: "#FF7D00",
|
|
13
|
+
// 中性色彩体系
|
|
14
|
+
colorTextBase: "#1D2129",
|
|
15
|
+
colorBgBase: "#ffffff",
|
|
16
|
+
colorBorder: "#E5E6EB",
|
|
17
|
+
// 圆角分级体系
|
|
18
|
+
borderRadius: 8,
|
|
19
|
+
borderRadiusXS: 2,
|
|
20
|
+
borderRadiusSM: 6,
|
|
21
|
+
borderRadiusLG: 12,
|
|
22
|
+
borderRadiusXL: 16,
|
|
23
|
+
// 组件尺寸高度体系
|
|
24
|
+
controlHeight: 36,
|
|
25
|
+
controlHeightXS: 24,
|
|
26
|
+
controlHeightSM: 28,
|
|
27
|
+
controlHeightLG: 44,
|
|
28
|
+
// 字体字号体系
|
|
29
|
+
fontSize: 14,
|
|
30
|
+
fontSizeXS: 12,
|
|
31
|
+
fontSizeSM: 13,
|
|
32
|
+
fontSizeLG: 16,
|
|
33
|
+
fontSizeXL: 18,
|
|
34
|
+
// 全局间距体系
|
|
35
|
+
spacing: 8,
|
|
36
|
+
spacingXS: 4,
|
|
37
|
+
spacingSM: 6,
|
|
38
|
+
spacingLG: 16,
|
|
39
|
+
spacingXL: 24,
|
|
40
|
+
// 阴影层级体系
|
|
41
|
+
boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
|
|
42
|
+
boxShadowSecondary: "0 4px 16px rgba(0,0,0,0.12)",
|
|
43
|
+
// 边框粗细体系
|
|
44
|
+
lineWidth: 1,
|
|
45
|
+
lineWidthBold: 2,
|
|
46
|
+
// 动画过渡时长
|
|
47
|
+
motionDurationFast: "0.1s",
|
|
48
|
+
motionDurationMid: "0.2s",
|
|
49
|
+
motionDurationSlow: "0.3s"
|
|
50
|
+
};
|
|
51
|
+
export default companyToken;
|