diff --git a/docs/further/front/crudComponent.md b/docs/further/front/crudComponent.md
index 8cb60ba1d260fc28733d04384dc8311cf7340ab0..8ef8fab4f0a091af2744c4643f7a772eed8b30b2 100644
--- a/docs/further/front/crudComponent.md
+++ b/docs/further/front/crudComponent.md
@@ -944,4 +944,155 @@ import formType from './components/formType.html.vue'
 import DictList from './components/dictList.html.vue'
 import CascaderItem from './components/cascaderItem.html.vue'
 import Control from './components/control.html.vue'
-</script>
\ No newline at end of file
+</script>
+
+## columnService 列服务类
+这是一个帮助动态管理curd组件columns属性工具服务类
+### columnService对象方法
+| 方法名 | 描述 | 返回值 |
+|:---:|:---:|:---:|
+| get(dataIndex) | 获取columnItemService | ? columnItemService |
+| isEmpty(dataIndex) | 是否存在dataIndex,不存在返回true | Bool |
+| exist(dataIndex) | 是否存在dataIndex,存在返回true| Bool |
+| append(item, appendStartDataIndex = null) | 追加column列 | Bool |
+### columnItemService对象方法
+| 方法名 | 描述 | 返回值 |
+|:---:|:---:|:---:|
+| setAttr(key, value) | 设置列属性 | void |
+| getAttr(key) | 获取列属性 | mixed |
+| get() | 返回列原始对象,注意该对象是curd组件内部对象具有引用 | object |
+| set(config = null) | 覆盖该列属性 | void |
+
+### 案例
+当我们有一个金额日志表，或者是余额附表，他的用户类型是多列存储时，使用curd tabs功能与columnService动态的设置column的hide属性去隐藏不必要的字段进行表格的分割
+```html
+<template>
+    <div class="ma-content-block lg:flex justify-between p-4">
+        <!-- CRUD 组件 -->
+        <ma-crud :options="options" :columns="columns" ref="crudRef">
+        </ma-crud>
+    </div>
+</template>
+<script setup>
+import {ref, reactive} from 'vue'
+const crudRef = ref()
+
+const options = reactive({
+    id: 'print_test',
+    rowSelection: {
+        showCheckedAll: true
+    },
+    tabs: {
+      dataIndex: "user_type",
+      // 切换选项卡时，请求后台数据的参数名
+      searchKey: "user_type",
+      // 选项卡切换事件
+      onChange: (value) => {
+          const columnService = crudRef.value.getColumnService()
+          if (value == 1) {
+              columnService.get('shop_id').setAttr('hide', true)
+              columnService.get('agent_id').setAttr('hide', false)
+          }else if (value == 2) {
+              columnService.get('shop_id').setAttr('hide', false)
+              columnService.get('agent_id').setAttr('hide', true)
+          }
+      },
+    },
+    pk: 'id',
+    operationColumn: true,
+    operationWidth: 160,
+    formOption: {
+        viewType: 'modal',
+        width: 600
+    },
+    async api() {
+        let items = [
+            {
+                shop_id: 1,
+                agent_id: 1,
+                user_type: 1,
+                money: 0.1,
+            },
+        ]
+        return {
+            "success": true, "message": "请求成功", "code": 200,
+            "data": {
+                "items": items,
+                "pageInfo": {"total": 10, "currentPage": 1, "totalPage": 1}
+            }
+        }
+    },
+})
+
+const columns = reactive([
+    {
+        title: "",
+        dataIndex: "id",
+        formType: "input",
+        addDisplay: false,
+        editDisplay: false,
+        hide: true,
+        commonRules: {
+            required: true,
+            message: "请输入"
+        }
+    },
+    {
+        title: "商家",
+        dataIndex: "shop_id",
+        formType: "select",
+        dict: {
+            data(){
+                return [
+                    {label: "商家1", value: 1},
+                    {label: "商家2", value: 2},
+                ]
+            },
+            translation: true,
+        }
+    },
+    {
+        title: "代理商",
+        dataIndex: "agent_id",
+        formType: "select",
+        dict: {
+            data(){
+                return [
+                    {label: "代理商1", value: 1},
+                    {label: "代理商2", value: 2},
+                ]
+            },
+            translation: true,
+        }
+    },
+    {
+        title: "用户类型",
+        dataIndex: "user_type",
+        formType: "select",
+        search: true,
+        commonRules: {
+            required: true,
+            message: "请输入类型"
+        },
+        dict: {
+            data: [
+                {
+                    label: "商家",
+                    value: "1"
+                },
+                {
+                    label: "代理商",
+                    value: "2"
+                }
+            ],
+            translation: true
+        },
+    },
+    {
+        dataIndex: "money",
+        title: "金额",
+        formType: "input-number",
+    }
+])
+</script>
+```
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 8ab817d6299a19326333441c5b597a7b36130a0a..4917ed9d7723ded5fd45c532b62e562d8a5304b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -804,9 +804,9 @@ cac@^6.7.14:
   integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
 caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
-  version "1.0.30001477"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001477.tgz#a2ffb2276258233034bbb869d4558b02658a511e"
-  integrity sha512-lZim4iUHhGcy5p+Ri/G7m84hJwncj+Kz7S5aD4hoQfslKZJgt0tHc/hafVbqHC5bbhHb+mrW2JOUHkI5KH7toQ==
+  version "1.0.30001481"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz#f58a717afe92f9e69d0e35ff64df596bfad93912"
+  integrity sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==
 
 chalk@^5.0.0:
   version "5.2.0"
@@ -910,7 +910,7 @@ compute-scroll-into-view@^1.0.17, compute-scroll-into-view@^1.0.20:
 
 connect-history-api-fallback@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npmmirror.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
   integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
 
 cross-spawn@^7.0.3:
@@ -1000,9 +1000,9 @@ domutils@^3.0.1:
     domhandler "^5.0.1"
 
 electron-to-chromium@^1.4.284:
-  version "1.4.356"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.356.tgz#b75a8a8c31d571f6024310cc980a08cd6c15a8c5"
-  integrity sha512-nEftV1dRX3omlxAj42FwqRZT0i4xd2dIg39sog/CnCJeCcL1TRd2Uh0i9Oebgv8Ou0vzTPw++xc+Z20jzS2B6A==
+  version "1.4.369"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.369.tgz#a98d838cdd79be4471cd04e9b4dffe891d037874"
+  integrity sha512-LfxbHXdA/S+qyoTEA4EbhxGjrxx7WK2h6yb5K2v0UCOufUKX+VZaHbl3svlzZfv9sGseym/g3Ne4DpsgRULmqg==
 
 emojis-list@^3.0.0:
   version "3.0.0"
@@ -1026,7 +1026,7 @@ entities@~3.0.1:
 
 envinfo@^7.8.1:
   version "7.8.1"
-  resolved "https://registry.npmmirror.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
+  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
   integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
 
 esbuild@^0.16.14, esbuild@~0.16.17:
@@ -1059,7 +1059,7 @@ esbuild@^0.16.14, esbuild@~0.16.17:
 
 escalade@^3.1.1:
   version "3.1.1"
-  resolved "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
 esprima@^4.0.0:
@@ -1121,7 +1121,7 @@ fill-range@^7.0.1:
 
 fraction.js@^4.2.0:
   version "4.2.0"
-  resolved "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
   integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
 
 fs-extra@^11.1.0:
@@ -1456,6 +1456,11 @@ nanoid@^3.3.4:
   resolved "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
 node-releases@^2.0.8:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
@@ -1468,7 +1473,7 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
 
 normalize-range@^0.1.2:
   version "0.1.2"
-  resolved "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
 npm-run-path@^5.1.0:
@@ -1574,7 +1579,7 @@ postcss-load-config@^4.0.1:
 
 postcss-value-parser@^4.2.0:
   version "4.2.0"
-  resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
 postcss@^8.1.10:
@@ -1587,11 +1592,11 @@ postcss@^8.1.10:
     source-map-js "^1.0.2"
 
 postcss@^8.4.21:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+  version "8.4.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab"
+  integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==
   dependencies:
-    nanoid "^3.3.4"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -1649,9 +1654,9 @@ reusify@^1.0.4:
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
 rollup@^3.10.0, rollup@^3.17.3:
-  version "3.20.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.2.tgz#f798c600317f216de2e4ad9f4d9ab30a89b690ff"
-  integrity sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==
+  version "3.20.7"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.7.tgz#4f045dfb388abe08dd159f8cd286dcaca1e80b28"
+  integrity sha512-P7E2zezKSLhWnTz46XxjSmInrbOCiul1yf+kJccMxT56vxjHwCbDfoLbiqFgu+WQoo9ij2PkraYaBstgB2prBA==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -1668,9 +1673,9 @@ safe-buffer@~5.2.0:
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
 sass@^1.58.3:
-  version "1.61.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.61.0.tgz#d1f6761bb833887b8fdab32a24e052c40531d02b"
-  integrity sha512-PDsN7BrVkNZK2+dj/dpKQAWZavbAQ87IXqVvw2+oEYI+GwlTWkvbQtL7F2cCNbMqJEYKPh1EcjSxsnqIb/kyaQ==
+  version "1.62.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.62.0.tgz#3686b2195b93295d20765135e562366b33ece37d"
+  integrity sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -1785,7 +1790,7 @@ to-regex-range@^5.0.1:
 
 ts-debounce@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmmirror.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
+  resolved "https://registry.yarnpkg.com/ts-debounce/-/ts-debounce-4.0.0.tgz#33440ef64fab53793c3d546a8ca6ae539ec15841"
   integrity sha512-+1iDGY6NmOGidq7i7xZGA4cm8DAa6fqdYcvO5Z6yBevH++Bdo9Qt/mN0TzHUgcCcKv1gmh9+W5dHqz8pMWbCbg==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
@@ -1804,9 +1809,9 @@ upath@^2.0.1:
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
 update-browserslist-db@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
-  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
+  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
   dependencies:
     escalade "^3.1.1"
     picocolors "^1.0.0"
@@ -1829,9 +1834,9 @@ vite@~4.1.4:
     fsevents "~2.3.2"
 
 vue-demi@*:
-  version "0.13.7"
-  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.7.tgz#5ae380b15c13be556ac4a0da0a48450c98a01d4b"
-  integrity sha512-hbhlvpx1gFW3TB5HxJ0mNxyA9Jh5iQt409taOs6zkhpvfJ7YzLs1rsLufJmDsjH5PI1cOyfikY1fE/meyHfU5A==
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.0.tgz#dcfd9a9cf9bb62ada1582ec9042372cf67ca6190"
+  integrity sha512-gt58r2ogsNQeVoQ3EhoUAvUsH9xviydl0dWJj7dabBC/2L4uBId7ujtCwDRD0JhkGsV1i0CtfLAeyYKBht9oWg==
 
 vue-markdown-loader@^2.5.0:
   version "2.5.0"