crud-page-react 0.1.5 → 0.2.1

package/dist/index.js

@@ -4,8 +4,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var antd = require('antd');
 var icons = require('@ant-design/icons');
+var zhCN = require('antd/locale/zh_CN');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
+var en_US = require('antd/locale/en_US');
+var ja_JP = require('antd/locale/ja_JP');
+var ko_KR = require('antd/locale/ko_KR');
 
 /* ─── 工具函数 ──────────────────────────────────────── */
 /**
@@ -63,6 +67,35 @@ function getFieldGroupPrefix(key) {
     const idx = key.indexOf('.');
     return idx >= 0 ? key.slice(0, idx) : null;
 }
+/**
+ * 检查操作按钮是否应该显示
+ *
+ * @param condition - 条件配置
+ * @param record - 当前行数据
+ * @returns 是否应该显示该操作
+ *
+ * @example
+ * // 字段值匹配
+ * shouldShowAction({ status: ['active', 'pending'] }, { status: 'active' }) → true
+ * shouldShowAction({ status: ['active', 'pending'] }, { status: 'deleted' }) → false
+ *
+ * // 支持嵌套字段（点分路径）
+ * shouldShowAction({ 'user.role': ['admin'] }, { user: { role: 'admin' } }) → true
+ */
+function shouldShowAction(condition, record) {
+    if (!condition || Object.keys(condition).length === 0) {
+        return true; // 没有条件时默认显示
+    }
+    for (const [fieldPath, allowedValues] of Object.entries(condition)) {
+        // 支持点分路径获取嵌套值
+        const actualValue = getNestedValue(record, fieldPath);
+        // 检查值是否在允许的值列表中
+        if (!allowedValues.includes(actualValue)) {
+            return false;
+        }
+    }
+    return true;
+}
 
 const { RangePicker } = antd.DatePicker;
 /** 解析 FilterConfig */
@@ -250,9 +283,21 @@ function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDel
         render: (_, record) => {
             var _a;
             const actions = (_a = schema.actions) !== null && _a !== void 0 ? _a : [];
-            // 分离基础操作和自定义操作
-            const basicActions = actions.filter(action => action.type === 'view' || action.type === 'edit' || action.type === 'delete');
-            const customActions = actions.filter(action => action.type === 'custom');
+            // 分离基础操作和自定义操作，并根据 condition 过滤
+            const basicActions = actions.filter(action => {
+                // 检查是否是基础操作类型
+                const isBasicAction = action.type === 'view' || action.type === 'edit' || action.type === 'delete';
+                if (!isBasicAction)
+                    return false;
+                // 检查 condition 条件
+                return shouldShowAction(action.condition, record);
+            });
+            const customActions = actions.filter(action => {
+                if (action.type !== 'custom')
+                    return false;
+                // 检查 condition 条件
+                return shouldShowAction(action.condition, record);
+            });
             // 构建下拉菜单项（仅包含自定义操作）
             const dropdownItems = customActions.map(action => ({
                 key: action.key,
@@ -864,7 +909,7 @@ function extractListResponse(json) {
     }
     return { list: [], total: 0 };
 }
-const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) => {
+const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest, locale = zhCN }) => {
     var _a;
     const rowKey = schema.rowKey || 'id';
     // 使用传入的apiRequest或默认的
@@ -1148,19 +1193,23 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
     }, [
         request, modalState.mode, schema.api, fetchList, messageApi,
     ]);
-    return (jsxRuntime.jsxs("div", { style: { padding: 24, background: '#f5f6fa', minHeight: '100vh' }, children: [contextHolder, jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }, children: [jsxRuntime.jsx(Title, { level: 4, style: { margin: 0 }, children: schema.title }), schema.api.create && (jsxRuntime.jsx(antd.Button, { type: "primary", icon: jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => setModalState({ open: true, mode: 'create', record: undefined }), children: schema.createButtonLabel || '新增' }))] }), jsxRuntime.jsx(DynamicFilter, { schema: schema, onSearch: handleSearch, onReset: () => handleSearch({}) }), jsxRuntime.jsx(DynamicTable, { schema: schema, data: data, loading: loading, pagination: {
-                    current: page,
-                    pageSize,
-                    total,
-                    onChange: handlePageChange,
-                }, onView: (record) => handleAction({ key: 'view', label: '查看', type: 'view' }, record), onEdit: (record) => handleAction({ key: 'edit', label: '编辑', type: 'edit' }, record), onDelete: (record) => handleDelete(record), onCustomAction: (actionKey, record) => {
-                    var _a;
-                    const action = (_a = schema.actions) === null || _a === void 0 ? void 0 : _a.find(a => a.key === actionKey);
-                    if (action)
-                        handleAction(action, record);
-                } }), jsxRuntime.jsx(DynamicForm, { schema: schema, visible: modalState.open, mode: modalState.mode, initialValues: modalState.record, onSubmit: handleFormOk, onCancel: () => setModalState({ open: false, mode: 'create' }) })] }));
+    return (jsxRuntime.jsx(antd.ConfigProvider, { locale: locale, children: jsxRuntime.jsxs("div", { style: { padding: 24, background: '#f5f6fa', minHeight: '100vh' }, children: [contextHolder, jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }, children: [jsxRuntime.jsx(Title, { level: 4, style: { margin: 0 }, children: schema.title }), schema.api.create && (jsxRuntime.jsx(antd.Button, { type: "primary", icon: jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => setModalState({ open: true, mode: 'create', record: undefined }), children: schema.createButtonLabel || '新增' }))] }), jsxRuntime.jsx(DynamicFilter, { schema: schema, onSearch: handleSearch, onReset: () => handleSearch({}) }), jsxRuntime.jsx(DynamicTable, { schema: schema, data: data, loading: loading, pagination: {
+                        current: page,
+                        pageSize,
+                        total,
+                        onChange: handlePageChange,
+                    }, onView: (record) => handleAction({ key: 'view', label: '查看', type: 'view' }, record), onEdit: (record) => handleAction({ key: 'edit', label: '编辑', type: 'edit' }, record), onDelete: (record) => handleDelete(record), onCustomAction: (actionKey, record) => {
+                        var _a;
+                        const action = (_a = schema.actions) === null || _a === void 0 ? void 0 : _a.find(a => a.key === actionKey);
+                        if (action)
+                            handleAction(action, record);
+                    } }), jsxRuntime.jsx(DynamicForm, { schema: schema, visible: modalState.open, mode: modalState.mode, initialValues: modalState.record, onSubmit: handleFormOk, onCancel: () => setModalState({ open: false, mode: 'create' }) })] }) }));
 };
 
+exports.zhCN = zhCN;
+exports.enUS = en_US;
+exports.jaJP = ja_JP;
+exports.koKR = ko_KR;
 exports.BUILTIN_RULES = BUILTIN_RULES;
 exports.CrudPage = CrudPage;
 exports.DynamicFilter = DynamicFilter;