diff --git "a/doc/\345\212\237\350\203\275\346\261\240\350\256\276\350\256\241\350\277\207\347\250\213.md" "b/doc/\345\212\237\350\203\275\346\261\240\350\256\276\350\256\241\350\277\207\347\250\213.md"
new file mode 100644
index 0000000000000000000000000000000000000000..73a4f1732643764b038ffc9d5ad0d74e30c57459
--- /dev/null
+++ "b/doc/\345\212\237\350\203\275\346\261\240\350\256\276\350\256\241\350\277\207\347\250\213.md"
@@ -0,0 +1,189 @@
+
+
+# 简述
+
+本工具需要提供非常多的数据处理相关功能，这些功能无非是让用户做一些必要的选择，确定后，并应用到数据中。并且能生成相应的操作代码。
+
+但是，如果每个功能都需要作者进行独立开发，或者说每个功能都需要单独制作界面，是非常耗时耗力。
+
+功能池的作用主要在于，让开发者只需要定义py处理函数，功能就能自动生成对于的操作界面。提供快速开发功能的功效。
+
+
+
+
+
+# 思路
+
+app 启动后，读取指定目录的符合条件的py文件
+
+解析里面定义的函数，只要符合条件(比如打上特定装饰器的函数)，则提取相关信息(功能名、uid等)
+
+界面获取这些信息后，在"功能池"页面，为每个功能生成一个按钮(名字是功能名)
+
+当用户点击某个功能按钮时，界面把id发送给后台
+
+后台通过id获取定义的函数参数信息，生成对应的json数据，并返回界面
+
+界面根据json数据，生成操作界面。比如，参数是字符串，那么界面会生成一个文本输入框；参数是列表，界面生成一个下拉选择框等等
+
+
+
+
+
+
+
+# api 数据交互流程
+
+启动时，前端 get 后台功能数据，后台返回如下：
+
+api/cus_fun/desc
+
+```json
+[{"function_name": "功能A", "uid": "test001"},{"function_name": "功能B", "uid": "test002"}]
+```
+
+定义：
+
+```typescript
+export interface CusFunDesc {
+    function_name: string;
+    uid: string;
+}
+
+```
+
+
+
+
+
+
+
+
+
+用户点选某个功能按钮时，前端 get 后端，发送如下：
+
+api/cus_fun/model
+
+```json
+{"uid":"test001"}
+```
+
+
+
+
+
+后端检索 id ，执行对应的 json ui model 函数，序列化为对应的json ，返回如下：
+
+```json
+ {
+        "contents": [
+            {
+                "defaultValue": null,
+                "source": "data_columns",
+                "title": "请选择列",
+                "type": "select",
+                "var_name": "org_name"
+            },
+            {
+                "defaultValue": null,
+                "source": null,
+                "title": "新列名字",
+                "type": "input",
+                "var_name": "new_name"
+            }
+        ],
+        "function_name": "修改列名",
+        "uid": "test001"
+    }
+```
+
+定义：
+
+```typescript
+export interface CusFunUIModel {
+    contents: Content[];
+    function_name: string;
+    uid: string;
+}
+
+export interface Content {
+    defaultValue: object;
+    source: string | object;
+    title: string;
+    type: string;
+    var_name: string;
+}
+
+```
+
+
+
+
+
+
+
+前端按需生成界面，用户填写数据后，点击按钮
+
+前端发送数据到后台，如下：
+
+api/cus_fun/input
+
+```json
+{
+    "contents": [
+        {
+            "content": {
+                "defaultValue": null,
+                "source": "data_columns",
+                "title": "请选择列",
+                "type": "select",
+                "var_name": "org_name"
+            },
+            "input": "姓名"
+        },
+        {
+            "content": {
+                "defaultValue": null,
+                "source": null,
+                "title": "新列名字",
+                "type": "input",
+                "var_name": "new_name"
+            },
+            "input": "名字"
+        }
+    ],
+    "uid": "test001"
+}
+```
+
+
+
+定义：
+
+```typescript
+export interface CusFunInputRet {
+    contents: InputRet[];
+    uid: string;
+}
+
+export interface InputRet {
+    content: Content;
+    input: any;
+}
+
+
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/py/main.py b/py/main.py
index a894e3007815b2b63a26b8ad7cddaf8d2099bc63..af7c4af1ec3e10ada8ca5312747fd341e85ba261 100644
--- a/py/main.py
+++ b/py/main.py
@@ -6,18 +6,18 @@ import numpy as np
 import json
 import traceback
 import sys
+from src.cusFuns.core.FunsPool import auto_register
 
-from werkzeug.exceptions import default_exceptions
 from src.helper.utils import json_converter
 from src.dataModel.pandasCmd import PandasCmd
 from src.core.Proxy import ProxyManager
 
 import webbrowser
-# from threading import Timer
 import os
 
 
 m_proxys = ProxyManager()
+auto_register(r'src/cusFuns')
 
 app = Flask(__name__,
             template_folder='./web/templates',
@@ -164,6 +164,42 @@ def df2json(df: pd.DataFrame, head_tail_num=10):
     return ret
 
 
+@app.route('/api/cus_fun', methods=['post'])
+def cus_fun():
+    param = get_data_from_post()
+    data = param['data']
+
+    m_proxys.run_cus_fun(data)
+
+    return df2json(m_proxys.get_df_data())
+
+
+@app.route('/api/cus_fun/desc')
+def get_cus_funcs_desc():
+    ret = m_proxys.get_cus_funcs_desc()
+    ret = flask.json.dumps(ret, default=json_converter)
+    return ret
+
+
+@app.route('/api/cus_fun/model', methods=['get'])
+def get_cus_funcs_ui_model():
+
+    uid = str(request.args.get('uid'))
+
+    ret = m_proxys.get_ui_model(uid)
+    ret = flask.json.dumps(ret, default=json_converter)
+    return ret
+
+
+@app.route('/api/cus_fun/input', methods=['post'])
+def get_cus_funcs_input():
+    param = get_data_from_post()
+    data = param['data']
+
+    m_proxys.input_cus_funcs(data)
+    return df2json(m_proxys.get_df_data())
+
+
 def main():
     port = 5551
 
diff --git a/py/src/core/Proxy.py b/py/src/core/Proxy.py
index 2051cdb764d1a7bd26563e55a7b1f44a4c00749d..91b04b69d9132967755e155e4c6314542d643c97 100644
--- a/py/src/core/Proxy.py
+++ b/py/src/core/Proxy.py
@@ -1,5 +1,9 @@
 
-from typing import Iterable, List
+from typing import Dict, Iterable, List
+
+from ..cusFuns.core.UIModl import CusFunInputRet, FunModel, InputRet
+
+from ..cusFuns.core.FunsPool import FunsPool
 
 from .CodeFormatter import CodeFormatter
 
@@ -139,6 +143,7 @@ df.columns=cols''')
         self.df_proxy.set_obj_to_var('df', self.source_cache)
         ret = self.df_proxy.run('df')
         self.df_proxy.cmdManager.clear_all_var()
+        self.df_proxy.set_obj_to_var('pd', pd)
         return ret
 
     def query(self, query_str: str):
@@ -186,12 +191,8 @@ df.columns=cols''')
                 '''cond = {cond}
 df = df[cond]'''.format(cond=cond_code))
 
-        # with df_px.with_cmd(cmd_name) as cmd:
-        #     cmd.create_statement('df', 'cond')
-        #     df_px.eval(cond)
-
-        #     cmd.create_statement('df', 'df')
-        #     df_px[ArgVar('cond')]
+    def run_cus_fun(self, data):
+        print(data)
 
     def _get_all_cmds(self) -> Iterable[Commander]:
         return (
@@ -204,6 +205,29 @@ df = df[cond]'''.format(cond=cond_code))
         cmds = list(self._get_all_cmds())
         return cmds
 
+    def get_ui_model(self, uid: str):
+        return FunsPool.get_once().get_ui_model(uid)
+
+    def get_cus_funcs_desc(self):
+        ret = FunsPool.get_once().get_all_desc()
+        return ret
+
+    def input_cus_funcs(self, data: Dict):
+
+        input_ret = CusFunInputRet.from_dict(data)
+
+        uid = input_ret.uid
+        cf = FunsPool.get_once().get_cusFunc(uid)
+
+        input_args = {
+            c.var_name: c.input
+            for c in input_ret.contents
+        }
+
+        with self.df_proxy.with_cmd(cf.fun_name) as cmd:
+            code = cf.to_code(**input_args)
+            cmd.create_code_statement(code)
+
     def remove_cmd(self, cmd_id: str):
         for p in self._get_all_proxys():
             p.cmdManager.remove_cmd(uuid.UUID(cmd_id))
diff --git a/py/src/cusFuns/columnNameChanger/index.py b/py/src/cusFuns/columnNameChanger/index.py
new file mode 100644
index 0000000000000000000000000000000000000000..085c6926bf37dc9f23d1d3be741b7d8ab8adebe5
--- /dev/null
+++ b/py/src/cusFuns/columnNameChanger/index.py
@@ -0,0 +1,15 @@
+from ..core.DecoratorFuns import dt_handle_func, dt_args, dt_source_code
+from ..core import Args as ty
+import pandas as pd
+
+
+def generate_code(*args, **kwargs):
+    kws = {kwargs['org_name']: kwargs['new_name']}
+    return f'''df = df.rename(columns={kws})'''
+
+
+@dt_source_code(generate_code)
+@dt_handle_func('修改列名')
+@dt_args(org_name=ty.ColumnSelect('待修改列：'), new_name=ty.Input('新列名：', placeholder='输入新的列名'))
+def change_column_name(df, org_name, new_name):
+    return df.rename(columns={org_name: new_name})
diff --git a/py/src/cusFuns/columnRemover/index.py b/py/src/cusFuns/columnRemover/index.py
new file mode 100644
index 0000000000000000000000000000000000000000..7fe3a0117d072bf4047adb50faa10cc890bb934f
--- /dev/null
+++ b/py/src/cusFuns/columnRemover/index.py
@@ -0,0 +1,9 @@
+from ..core.DecoratorFuns import dt_handle_func, dt_args
+from ..core import Args as ty
+import pandas as pd
+
+
+@dt_handle_func('删除列')
+@dt_args(org_name=ty.ColumnSelect('待删除的列：'))
+def remove_cols(df: pd.DataFrame, org_name: str):
+    return df.drop(columns=org_name)
diff --git a/py/src/cusFuns/core/Args.py b/py/src/cusFuns/core/Args.py
new file mode 100644
index 0000000000000000000000000000000000000000..728739ac933102166dff60ae7ff8dcc688696df2
--- /dev/null
+++ b/py/src/cusFuns/core/Args.py
@@ -0,0 +1,55 @@
+
+
+from .UIModl import Content
+
+
+class AbcArgs(object):
+    """
+    docstring
+    """
+    pass
+
+    def __init__(self, title, default=None, required=True) -> None:
+        self.title = title
+        self.default = default
+        self.required = required
+        self.var_name: str = None
+
+    def set_var_name(self, var_name) -> 'AbcArgs':
+        self.var_name = var_name
+        return self
+
+    def to_content(self) -> Content:
+        raise NotImplementedError
+
+
+class ColumnSelect(AbcArgs):
+
+    def __init__(self, title, default=None, required=True) -> None:
+        super().__init__(title, default=default, required=required)
+
+    def to_content(self) -> Content:
+        ct = Content(self.title, 'select', self.var_name,
+                     source='data_columns', defaultValue=self.default)
+        return ct
+
+
+class Input(AbcArgs):
+
+    def __init__(self, title, placeholder=None, default=None, required=True) -> None:
+        super().__init__(title, default=default, required=required)
+        self.placeholder = placeholder
+
+    def to_content(self) -> Content:
+        ct = Content(self.title, 'input', self.var_name, defaultValue=self.default)
+        return ct
+
+
+class Select(AbcArgs):
+
+    def __init__(self, title, default=None, required=True) -> None:
+        super().__init__(title, default=default, required=required)
+
+    def to_content(self) -> Content:
+        ct = Content(self.title, 'select', self.var_name, defaultValue=self.default)
+        return ct
diff --git a/py/src/cusFuns/core/DecoratorFuns.py b/py/src/cusFuns/core/DecoratorFuns.py
new file mode 100644
index 0000000000000000000000000000000000000000..4a0677951fa59332b8fb3175374662a91e51d58b
--- /dev/null
+++ b/py/src/cusFuns/core/DecoratorFuns.py
@@ -0,0 +1,77 @@
+
+
+from typing import Any, Callable, List
+
+from .UIModl import FunModel
+
+from .Args import AbcArgs
+
+
+class CusFunsWrapper(object):
+    def __init__(self, org_func) -> None:
+        self.org_func = org_func
+
+
+class HandleWrapper(CusFunsWrapper):
+
+    @staticmethod
+    def create_if_not(func) -> 'HandleWrapper':
+        if not isinstance(func, HandleWrapper):
+            func = HandleWrapper(func)
+        return func
+
+    def __init__(self, org_func) -> None:
+        super().__init__(org_func)
+        self.handle_func: Callable = None
+        self.fun_name: str = None
+        self.ui_json_func: Callable = None
+        self.code_func: Callable = None
+        self.args: List[AbcArgs] = []
+
+    def auto_create_ui_func(self):
+        if self.ui_json_func is not None:
+            return
+
+        def _ui_json_func() -> FunModel:
+            fm = FunModel(self.fun_name)
+            for a in self.args:
+                fm.add_content(a.to_content())
+
+            return fm
+
+        self.ui_json_func = _ui_json_func
+
+
+def dt_handle_func(fun_name=None, ui_json_func=None):
+
+    def wrapper(func):
+        func = HandleWrapper.create_if_not(func)
+
+        func.handle_func = func.org_func
+        func.fun_name = fun_name
+        func.ui_json_func = ui_json_func
+        return func
+
+    return wrapper
+
+
+def dt_args(**kwargs):
+
+    def wrapper(func):
+        func = HandleWrapper.create_if_not(func)
+
+        func.args.extend((arg.set_var_name(var_name)
+                          for var_name, arg in kwargs.items()))
+        return func
+
+    return wrapper
+
+
+def dt_source_code(generate_func: Callable):
+    def wrapper(func):
+        func = HandleWrapper.create_if_not(func)
+        func.code_func = generate_func
+
+        return func
+
+    return wrapper
diff --git a/py/src/cusFuns/core/FunsPool.py b/py/src/cusFuns/core/FunsPool.py
new file mode 100644
index 0000000000000000000000000000000000000000..558f27163ec2ab127709efbd055f94a34b0610ad
--- /dev/null
+++ b/py/src/cusFuns/core/FunsPool.py
@@ -0,0 +1,129 @@
+
+
+from typing import Callable, Dict
+import uuid
+import pathlib
+import importlib
+import inspect
+import os
+
+
+from ..core.DecoratorFuns import CusFunsWrapper, HandleWrapper
+from .UIModl import FunModel
+
+
+class CusFunc(object):
+    """
+    docstring
+    """
+    pass
+
+    def __init__(self) -> None:
+        self.call_func: Callable = None
+        self.uid: str = None
+        self.ui_json_func: Callable = None
+        self.code_func: Callable = None
+        self.fun_name: str = None
+
+        self.reset_uid()
+
+    def reset_uid(self):
+        self.uid = str(uuid.uuid1().int)
+
+    def get_ui_json_model(self) -> FunModel:
+        fm: FunModel = self.ui_json_func()
+        fm.uid = self.uid
+        return fm
+
+    def run(self, data):
+        """
+        docstring
+        """
+        pass
+
+    @staticmethod
+    def _drop_decoreator(code: str) -> str:
+        lines = code.split('\n')
+        lines = [n for n in lines if n and n[0] != '@']
+        return '\n'.join(lines)
+
+    def to_code(self, *args, **kwargs) -> str:
+        if self.code_func:
+            return self.code_func(*args, **kwargs)
+
+        def_code = inspect.getsource(self.call_func)
+        def_code = CusFunc._drop_decoreator(def_code)
+
+        func_name = self.call_func.__name__
+        call_code = f'''df = {func_name}(df,*{args},**{kwargs})'''
+        return '\n'.join([def_code, call_code])
+
+
+class FunsPool(object):
+    s_instance: 'FunsPool' = None
+
+    @staticmethod
+    def get_once() -> 'FunsPool':
+        FunsPool.s_instance = FunsPool.s_instance or FunsPool()
+        return FunsPool.s_instance
+
+    def __init__(self) -> None:
+        self._mapping: Dict[str, CusFunc] = {}
+
+    def register(self, cusFunc: CusFunc):
+        self._mapping[cusFunc.uid] = cusFunc
+
+    def get_cusFunc(self, uid: str) -> CusFunc:
+        return self._mapping[uid]
+
+    def get_all_desc(self):
+        def _to_dict(fm: FunModel):
+            return {
+                'function_name': fm.function_name,
+                'uid': fm.uid
+            }
+
+        models = (cf.get_ui_json_model() for cf in self._mapping.values())
+
+        ret = [_to_dict(f)
+               for f in models]
+        return ret
+
+    def get_ui_model(self, uid: str):
+        ret = self.get_cusFunc(uid).get_ui_json_model()
+        return ret
+
+
+def _register_module(module_path: str):
+    '''
+    module_path : str 
+    'src.cusFuns.columnNameChanger.columnNameChanger'
+    '''
+    module = importlib.import_module(module_path)
+    # [('name',obj)]
+    funcs = [(name, func) for name, func in module.__dict__.items()
+             if isinstance(func, CusFunsWrapper)]
+
+    cf = CusFunc()
+
+    for name, func in funcs:
+        if isinstance(func, HandleWrapper):
+            func.auto_create_ui_func()
+
+            cf.call_func = func.handle_func
+            cf.ui_json_func = func.ui_json_func
+            cf.fun_name = func.fun_name or '未命名操作'
+            cf.code_func = func.code_func
+
+    FunsPool.get_once().register(cf)
+
+
+def auto_register(base_folder: str):
+    files = (p for p in pathlib.Path(base_folder).glob('*/*.py')
+             if p.parent.parts[-1] != 'core')
+
+    for md_name in files:
+        md_name = str(md_name)[:-3]
+        md_name = md_name.replace(os.path.sep, '.')
+
+        _register_module(md_name)
diff --git a/py/src/cusFuns/core/UIModl.py b/py/src/cusFuns/core/UIModl.py
new file mode 100644
index 0000000000000000000000000000000000000000..4e27f8a106e075a86debb81f79c0db31f99bec87
--- /dev/null
+++ b/py/src/cusFuns/core/UIModl.py
@@ -0,0 +1,51 @@
+
+
+from typing import Dict, List
+
+from ...helper.utils import CanJson
+
+
+class Content(CanJson):
+    def __init__(self, title: str, type: str, var_name: str, source=None, defaultValue=None) -> None:
+        self.title = title
+        self.type = type
+        self.var_name = var_name
+        self.source = source
+        self.defaultValue = defaultValue
+
+
+class FunModel(CanJson):
+
+    def __init__(self, fun_name: str) -> None:
+        self.uid: str = None
+        self.function_name = fun_name
+        self.contents: List[Content] = []
+
+    def add_content(self, content: Content):
+        self.contents.append(content)
+
+
+class InputRet(object):
+
+    def __init__(self, var_name: str, input: object) -> None:
+        self.var_name = var_name
+        self.input = input
+
+
+class CusFunInputRet(object):
+
+    @staticmethod
+    def from_dict(data: Dict) -> 'CusFunInputRet':
+        pass
+        ret = CusFunInputRet()
+        ret.uid = data['uid']
+
+        cts = [InputRet(c['content']['var_name'], c['input'])
+               for c in data['contents']]
+
+        ret.contents = cts
+        return ret
+
+    def __init__(self) -> None:
+        self.contents: List[InputRet] = []
+        self.uid: str = ''
diff --git a/py/test.json b/py/test.json
index 4bb4d734df77d74daeccd7b8cd92f76fec38c1dd..6fcc1951e8134bdfa7c48ed5827a23469921d2a9 100644
--- a/py/test.json
+++ b/py/test.json
@@ -1,10 +1,26 @@
-{
-    "code": [
-        "Traceback (most recent call last):\n",
-        "  File \"d:\\ProgramData\\Anaconda3\\lib\\site-packages\\flask\\app.py\", line 1949, in full_dispatch_request\n    rv = self.dispatch_request()\n",
-        "  File \"d:\\ProgramData\\Anaconda3\\lib\\site-packages\\flask\\app.py\", line 1935, in dispatch_request\n    return self.view_functions[rule.endpoint](**req.view_args)\n",
-        "AttributeError: 'NoneType' object has no attribute 'cmds'\n"
-    ],
-    "message": "AttributeError(\"'NoneType' object has no attribute 'cmds'\")",
-    "type": "error"
-}
\ No newline at end of file
+[
+    {
+        "_id": "90a1e608-435c-11eb-8471-c858c009ba5f",
+        "code": "#\u5bfc\u5165\u6a21\u5757\nimport pandas as pd",
+        "hasError": false,
+        "name": "\u5bfc\u5165\u6a21\u5757"
+    },
+    {
+        "_id": "90a1e609-435c-11eb-a701-c858c009ba5f",
+        "code": "#\u52a0\u8f7d\u6570\u636e\ndf = pd.read_excel('data.xlsx',sheet_name = 0,header = 0,engine = 'openpyxl')",
+        "hasError": false,
+        "name": "\u52a0\u8f7d\u6570\u636e"
+    },
+    {
+        "_id": "90a53f0c-435c-11eb-a0d2-c858c009ba5f",
+        "code": "#\u8868\u5934\u7edf\u4e00\u8f6c\u6587\u672c\ncols = [str(c) for c in df.columns]\ndf.columns=cols",
+        "hasError": false,
+        "name": "\u8868\u5934\u7edf\u4e00\u8f6c\u6587\u672c"
+    },
+    {
+        "_id": "9b7d53e2-435c-11eb-8fc1-c858c009ba5f",
+        "code": "#None\ndef change_column_name(df: pd.DataFrame, org_name: str, new_name: str) -> pd.DataFrame:    return df.rename(columns={org_name: new_name})\ndf = change_column_name(df,*(),**{'org_name': 'sex', 'new_name': 'dfdfd'})",
+        "hasError": true,
+        "name": null
+    }
+]
\ No newline at end of file
diff --git a/py/test.py b/py/test.py
index ead443de5c13c9c6e532ebd2befa34f8345abaec..a364b5f6b85e051642bab493c5e3803be2a71ae2 100644
--- a/py/test.py
+++ b/py/test.py
@@ -1,6 +1,23 @@
 
-df = pd.read_excel('titanic_full.xlsx', sheet_name=0, header=0)cond = df.eval("(sex == 'male')")df = df[cond]df = df.query(' 10<age<45')df = df.groupby(['pclass']).agg({'survived': ['sum', 'mean'], 'ticket': ['first']}).reset_index()
 
 # %%
 
+def de_func(title=None):
+    print(title)
+
+    def wrapper(func):
+        print(func)
+
+    return wrapper
+
+
+# %%
+@de_func
+def a(x):
+    """
+    docstring
+    """
+    pass
+
+
 # %%
diff --git a/py/test_func.py b/py/test_func.py
new file mode 100644
index 0000000000000000000000000000000000000000..fe9d6f5c92a06eb0884f0e500f3d4d8a5d3f6785
--- /dev/null
+++ b/py/test_func.py
@@ -0,0 +1,11 @@
+
+
+def funA(a, b):
+    return a+b
+
+
+def change_column_name(df, org_name: str, new_name: str):
+    """
+    docstring
+    """
+    pass
diff --git a/ui/src/api/index.ts b/ui/src/api/index.ts
index ab15533d402f9fa93588a478bf2888e696e21c46..6cfd754fef603c84aa590e00b7811b26facdfcd8 100644
--- a/ui/src/api/index.ts
+++ b/ui/src/api/index.ts
@@ -1,25 +1,34 @@
 import { CmdResult } from "@/models/PandasCmdModel";
 
-import axios from "axios";
+import axios, { AxiosRequestConfig } from "axios";
 import * as DfFilters from "@/models/DfFilters";
 import { FileArgsType, UploadFile } from '@/models/DataLoadModel';
 import { GroupbyModel } from '@/models/GroupbyModel';
 import { Command } from '@/models/CommanderModel';
 import { TableHandle } from '@/models/TableHandleModel';
+import { CusFunDesc, CusFunInputRet, CusFunUIModel } from "@/models/CusFuns";
 
 
 
+async function get(url: string, data?: any) {
+    let params = undefined
+
+    if (data !== undefined) {
+        params = { params: data }
+    }
+
+    return await axios.get(url, params)
+}
+
+async function post(url: string, data?: any, config?: AxiosRequestConfig | undefined) {
+    return await axios.post(url, data, config)
+}
+
 
 export async function uploadFile(file: UploadFile, args: FileArgsType) {
     const param = new FormData();
     param.append("file", file.file);
 
-    // const param = {
-    //     file: fileParam,
-    //     ext: file.getFileExt(),
-    //     args: JSON.stringify(args)
-    // }
-
     param.append('file_name', file.file.name)
     param.append('ext', file.getFileExt())
     param.append('args', JSON.stringify(args))
@@ -35,6 +44,24 @@ export async function uploadFile(file: UploadFile, args: FileArgsType) {
 
 
 
+
+
+export async function getCusFunctionsDesc() {
+    const ret = await get('api/cus_fun/desc')
+    return ret.data as CusFunDesc[]
+}
+
+export async function getCusFunUIModel(uid: string) {
+    const ret = await get('api/cus_fun/model', { uid: uid })
+    return ret.data as CusFunUIModel
+}
+
+
+export async function uploadCusFunction(data: CusFunInputRet) {
+    const ret = await post('api/cus_fun/input', { data: data })
+    return ret.data as CmdResult
+}
+
 export async function query(queryString: string) {
     const ret = await axios.post('api/query', { query: queryString })
     return ret.data as CmdResult
@@ -42,12 +69,12 @@ export async function query(queryString: string) {
 
 
 export async function getPyCode() {
-    const ret = await axios.get('api/py_cody')
+    const ret = await get('api/py_cody')
     return ret.data as string
 }
 
 export async function getAllCmds() {
-    const ret = await axios.get('api/cmds')
+    const ret = await get('api/cmds')
     return ret.data as Command[]
 }
 
diff --git a/ui/src/applications/index.ts b/ui/src/applications/index.ts
index 88159e86332a7919f03592163e0c60f0829d184e..8b98b3a9dba47cdd35cdc013bfa7f8c058293a47 100644
--- a/ui/src/applications/index.ts
+++ b/ui/src/applications/index.ts
@@ -1,6 +1,6 @@
 
 import { CmdResult, PandasCmdResultType } from "@/models/PandasCmdModel";
-
+import * as cfModel from "@/models/CustomizeFunctionModel";
 
 
 
@@ -17,6 +17,8 @@ import PandasCmdStore from '@/store/PandasCmdStore';
 import { GroupbyModel } from '@/models/GroupbyModel';
 import CommandStore from '@/store/CommandStore';
 import { TableHandle } from '@/models/TableHandleModel';
+import { CusFunction } from "@/models/CustomizeFunctionApiModel";
+import { CusFunInputRet } from "@/models/CusFuns";
 
 
 function initApp() {
@@ -101,6 +103,29 @@ export async function updateAllCommands() {
 }
 
 
+
+export async function getCusFunctionsDesc() {
+    let ret = await api.getCusFunctionsDesc()
+    return ret
+}
+
+export async function getCusFunUIModel(uid: string) {
+    let ret = await api.getCusFunUIModel(uid)
+    return ret
+}
+
+
+export async function uploadCusFunction(data: CusFunInputRet) {
+    let ret = await api.uploadCusFunction(data)
+    await updateForPandasCmd(ret, async () => {
+        await updateCodeStore()
+    })
+}
+
+
+
+
+
 export async function tableHandle(tableHandle: TableHandle) {
     let ret = await api.tableHandle(tableHandle)
     switch (ret.type) {
diff --git a/ui/src/components/Commons/CustomizeFunction copy.tsx b/ui/src/components/Commons/CustomizeFunction copy.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b3e9ecb1a33fc4445175d40341befb78d37651c9
--- /dev/null
+++ b/ui/src/components/Commons/CustomizeFunction copy.tsx	
@@ -0,0 +1,74 @@
+// // import { defineComponent, h ,PropType } from "vue";
+
+// import { defineComponent, PropType, ref,h, VNode, ComponentPublicInstance } from "vue";
+// import Form from 'ant-design-vue/lib/form/Form';
+// import FormItem from 'ant-design-vue/lib/form/FormItem';
+// import Input from 'ant-design-vue/lib/input';
+// import Button from 'ant-design-vue/lib/button';
+
+// interface FunctionDesc {
+//     function_name: string;
+//     contents: Content[];
+// }
+
+// interface Content {
+//     title: string;
+//     type: string;
+//     source?: string;
+// }
+
+
+
+
+
+// export default defineComponent({
+//     name: "CustomizeFunction",
+//     props: {data:{
+//         type:Object as PropType<FunctionDesc>,
+//         required :true
+//     }},
+//     data: () => ({
+//         inputsMap: new Map(),
+//       }),
+
+//     render()  {
+    
+//         const get_input = (content:Content) => {
+//             this.inputsMap.set(content.title,'')
+
+//             if (content.type=='input') {
+//                 return <input v-model={[this.inputsMap.get(content.title), ['input']]}/>
+//             }
+        
+//             return <></>
+//         }
+
+
+//         const onApply = ()=>{
+//             const ret = this.inputsMap
+//             alert(ret)
+//         }
+
+
+//         const cs = this.data.contents
+
+        
+//         const items= cs.map(v=>{
+
+//             return <FormItem label={v.title}>
+//               {get_input(v)}
+//             </FormItem>
+
+//         })
+
+ 
+
+//         return <Form>
+//             {items}
+//             <FormItem>
+//                 <Button onClick={onApply}>确定</Button>
+//             </FormItem>
+//         </Form>
+    
+//     },
+// });
\ No newline at end of file
diff --git a/ui/src/components/Commons/CustomizeFunction.vue b/ui/src/components/Commons/CustomizeFunction.vue
new file mode 100644
index 0000000000000000000000000000000000000000..08a71f95dc667e18a63253339bad5ffb0379bd70
--- /dev/null
+++ b/ui/src/components/Commons/CustomizeFunction.vue
@@ -0,0 +1,70 @@
+<template>
+  <a-form :wrapperCol="{ span: 14 }">
+    <a-form-item
+      v-for="c in contents"
+      :label="c.content.title"
+      v-bind:key="c.content.title"
+    >
+      <!-- <a-input v-model:value="c.input"></a-input> -->
+      <CustomizeItem
+        :typeMessage="c.content"
+        v-model:value="c.input"
+      ></CustomizeItem>
+    </a-form-item>
+
+    <a-form-item>
+      <a-Button @click="onApply">确定</a-Button>
+    </a-form-item>
+  </a-form>
+</template>
+
+<script lang='ts'>
+import { defineComponent, markRaw, PropType, reactive, Ref, ref } from "vue";
+import CustomizeItem from "./CustomizeItem";
+// import * as cfModel from "@/models/CustomizeFunctionModel";
+import * as cfModel from "@/models/CusFuns";
+import * as apps from "@/applications";
+
+export default defineComponent({
+  name: "CustomizeFunction",
+  components: { CustomizeItem },
+  props: {
+    data: {
+      type: Object as PropType<cfModel.CusFunUIModel>,
+      required: true,
+    },
+  },
+
+  setup(props) {
+    const contents = reactive(
+      props.data.contents.map((v) => {
+        return {
+          content: markRaw(v),
+          input: ref(null),
+        };
+      })
+    );
+
+    const onApply = async () => {
+      const data: cfModel.CusFunInputRet = {
+        uid: props.data.uid,
+        contents: contents,
+      };
+
+      await apps.uploadCusFunction(data);
+    };
+
+    return {
+      contents,
+      onApply,
+    };
+  },
+});
+</script>
+
+<style>
+</style>
+
+
+
+
diff --git a/ui/src/components/Commons/CustomizeFunctionTest.vue b/ui/src/components/Commons/CustomizeFunctionTest.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d6ba1d4486b4efb28cb668988ca810e334d0792d
--- /dev/null
+++ b/ui/src/components/Commons/CustomizeFunctionTest.vue
@@ -0,0 +1,60 @@
+
+<script lang='ts'>
+// import { defineComponent, h ,PropType } from "vue";
+
+import {
+  defineComponent,
+  PropType,
+  ref,
+  h,
+  VNode,
+  ComponentPublicInstance,
+} from "vue";
+import Form from "ant-design-vue/lib/form/Form";
+import FormItem from "ant-design-vue/lib/form/FormItem";
+import Input from "ant-design-vue/lib/input";
+import Button from "ant-design-vue/lib/button";
+
+interface FunctionDesc {
+  function_name: string;
+  contents: Content[];
+}
+
+interface Content {
+  title: string;
+  type: string;
+  source?: string;
+}
+
+export default defineComponent({
+  name: "CustomizeFunctionTest",
+  props: {
+    data: {
+      type: Object as PropType<FunctionDesc>,
+      required: true,
+    },
+  },
+
+  render() {
+    const b_input = ref("init ");
+
+    return h("input", {
+      value: b_input,
+      onInput: ($event: any) => {
+        b_input.value = $event.target.value;
+        console.log(b_input.value);
+      },
+    });
+  },
+});
+</script>
+
+<style>
+</style>
+
+
+
+
+
+
+
diff --git a/ui/src/components/Commons/CustomizeItem.tsx b/ui/src/components/Commons/CustomizeItem.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ce5f2f5bebd2f476d5d2f6820a4232e956f894f8
--- /dev/null
+++ b/ui/src/components/Commons/CustomizeItem.tsx
@@ -0,0 +1,166 @@
+import DfStore from "@/store/DfStore";
+import { defineComponent, PropType, Ref } from "vue";
+import * as cfModel from "@/models/CusFuns";
+
+type optType = {
+    value: string;
+    text: string;
+};
+
+export default defineComponent({
+    name: "CustomizeItem",
+    props: {
+        typeMessage: {
+            type: Object as PropType<cfModel.Content>,
+            required: true,
+        },
+
+        value: {
+            required: true,
+        },
+    },
+    // emits:['update-value'],
+    data: () => ({
+        inputsMap: new Map(),
+    }),
+
+    render() {
+        const createOptsFromSource = (
+            source: unknown,
+            createFunc: (opt: optType) => any
+        ) => {
+            const opts = (source as optType[]).map((v) => {
+                return createFunc(v);
+            });
+
+            return opts;
+        };
+
+        if (this.$props.typeMessage.type === "input") {
+            const onChange = (event: any) => {
+                this.$emit("update:value", event.target.value);
+            };
+
+            return (
+                <a-input
+                    onChange={onChange}
+                    v-model={[this.$props.value, ["value"]]}
+                ></a-input>
+            );
+        }
+
+        if (this.$props.typeMessage.type === "select") {
+            let opts = null;
+
+            if (this.$props.typeMessage.source === "data_columns") {
+                const colsInfos = DfStore.getStateReadonly().columnInfo.map(
+                    (v) => {
+                        return { value: v.field, text: v.label };
+                    }
+                );
+
+                opts = createOptsFromSource(colsInfos, (v) => (
+                    <a-select-option value={v.value}>{v.text}</a-select-option>
+                ));
+            } else {
+                opts = createOptsFromSource(
+                    this.$props.typeMessage.source,
+                    (v) => (
+                        <a-select-option value={v.value}>
+                            {v.text}
+                        </a-select-option>
+                    )
+                );
+            }
+
+            const onChange = (value: any, option: any) => {
+                this.$emit("update:value", value);
+            };
+
+            return (
+                <a-select
+                    onChange={onChange}
+                    v-model={[this.$props.value, ["value"]]}
+                >
+                    {opts}
+                </a-select>
+            );
+        }
+
+        if (this.$props.typeMessage.type === "date-select") {
+            const onChange = (time: string, timeString: string) => {
+                this.$emit("update:value", timeString);
+            };
+
+            return (
+                <a-date-picker
+                    v-model={[this.$props.value, ["value"]]}
+                    show-time
+                    type="date"
+                    onChange={onChange}
+                />
+            );
+        }
+
+        if (this.$props.typeMessage.type === "checkbox") {
+            const onChange = (event: any) => {
+                this.$emit("update:value", event);
+            };
+
+            const opts = createOptsFromSource(
+                this.$props.typeMessage.source,
+                (v) => (
+                    <a-checkbox value={v.value} name="type">
+                        {v.text}
+                    </a-checkbox>
+                )
+            );
+
+            return (
+                <a-checkbox-group
+                    v-model={[this.$props.value, ["value"]]}
+                    onChange={onChange}
+                >
+                    {opts}
+                </a-checkbox-group>
+            );
+        }
+
+        if (this.$props.typeMessage.type === "switch") {
+            const onChange = (checked: Boolean, event: Event) => {
+                this.$emit("update:value", checked);
+            };
+
+            return (
+                <a-switch
+                    v-model={[this.$props.value, ["value"]]}
+                    onChange={onChange}
+                />
+            );
+        }
+
+        if (this.$props.typeMessage.type === "radio") {
+            const onChange = (event: any) => {
+                this.$emit("update:value", event.target.value);
+            };
+
+            const opts = createOptsFromSource(
+                this.$props.typeMessage.source,
+                (v) => (
+                    <a-radio value={v.value} name="type">
+                        {v.text}
+                    </a-radio>
+                )
+            );
+
+            return (
+                <a-radio-group
+                    v-model={[this.$props.value, ["value"]]}
+                    onChange={onChange}
+                >
+                    {opts}
+                </a-radio-group>
+            );
+        }
+    },
+});
diff --git a/ui/src/components/FunctionTabs/FunsPool/index.vue b/ui/src/components/FunctionTabs/FunsPool/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f55be622526716b4e664f764b34c137ff80f5e90
--- /dev/null
+++ b/ui/src/components/FunctionTabs/FunsPool/index.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="container">
+    <a-button
+      v-for="f in cusfuncsDesc"
+      :key="f.function_name"
+      @click="onOpenUI(f.uid)"
+      >{{ f.function_name }}</a-button
+    >
+
+    <a-drawer
+      width="500"
+      :destroyOnClose="true"
+      :title="uiModel.function_name"
+      placement="right"
+      :closable="true"
+      v-model:visible="show_func"
+    >
+      <CustomizeFunction :data="uiModel"></CustomizeFunction>
+    </a-drawer>
+  </div>
+</template>
+
+<script lang='ts'>
+import { defineComponent, reactive, ref } from "vue";
+import CustomizeFunction from "@/components/Commons/CustomizeFunction.vue";
+import * as apps from "@/applications";
+import { CusFunUIModel } from "@/models/CusFuns";
+
+export default defineComponent({
+  name: "FunsPool",
+  components: { CustomizeFunction },
+
+  async setup() {
+    const show_func = ref(false);
+    const uiModel = ref({} as CusFunUIModel);
+
+    const onOpenUI = async (uid: string) => {
+      const model = await apps.getCusFunUIModel(uid);
+      uiModel.value = model;
+
+      show_func.value = true;
+    };
+
+    const cusfuncsDesc = await apps.getCusFunctionsDesc();
+
+    return {
+      show_func,
+      cusfuncsDesc,
+      onOpenUI,
+      uiModel,
+    };
+  },
+});
+</script>
+
+
+<style lang="less" scoped>
+div.container {
+  text-align: center;
+}
+
+.input {
+  width: 50vw;
+}
+</style>
+
diff --git a/ui/src/components/FunctionTabs/index.vue b/ui/src/components/FunctionTabs/index.vue
index 97b5cafbd91f2883db4b8258dbaf65913b0ecf83..2da7d95f04000c24c6dae4d7cb7f0b03c1e3a0e7 100644
--- a/ui/src/components/FunctionTabs/index.vue
+++ b/ui/src/components/FunctionTabs/index.vue
@@ -26,16 +26,29 @@
     <a-tab-pane class="pane" key="4" tab="透视表" :disabled="!isDataLoaded"
       >期待！！！！</a-tab-pane
     >
+
+    <a-tab-pane class="pane" key="5" tab="功能池" :disabled="!isDataLoaded">
+      <Suspense>
+        <template #default>
+          <FunsPool></FunsPool>
+        </template>
+        <template #fallback>
+          <h1>加载中…………</h1>
+        </template>
+      </Suspense>
+    </a-tab-pane>
   </a-tabs>
 </template>
 
 <script lang="ts">
-import { defineComponent, isReactive, isRef, ref, toRef } from "vue";
+import { defineComponent, isReactive, isRef, markRaw, ref, toRef } from "vue";
 import FileUpload from "./FileUpload/index.vue";
 import Query from "./Query/index.vue";
 import Groupby from "./Groupby/index.vue";
 import CodeBuilder from "./CodeBuilder/index.vue";
 import DfStore from "@/store/DfStore";
+import CustomizeFunction from "@/components/Commons/CustomizeFunction.vue";
+import FunsPool from "@/components/FunctionTabs/FunsPool/index.vue";
 
 export default defineComponent({
   name: "FunctionTabs",
@@ -47,6 +60,8 @@ export default defineComponent({
     Query,
     Groupby,
     CodeBuilder,
+    CustomizeFunction,
+    FunsPool,
   },
 
   setup() {
diff --git a/ui/src/mock/cusFun/CusFunUIModel.json b/ui/src/mock/cusFun/CusFunUIModel.json
new file mode 100644
index 0000000000000000000000000000000000000000..a9a89cde18659173a9e251930aa2341e0758fbf9
--- /dev/null
+++ b/ui/src/mock/cusFun/CusFunUIModel.json
@@ -0,0 +1,20 @@
+{
+    "contents": [
+        {
+            "defaultValue": null,
+            "source": "data_columns",
+            "title": "请选择列",
+            "type": "select",
+            "var_name": "org_name"
+        },
+        {
+            "defaultValue": null,
+            "source": null,
+            "title": "新列名字",
+            "type": "input",
+            "var_name": "new_name"
+        }
+    ],
+    "function_name": "修改列名",
+    "uid": "test001"
+}
\ No newline at end of file
diff --git a/ui/src/mock/cusFun/backup.json b/ui/src/mock/cusFun/backup.json
new file mode 100644
index 0000000000000000000000000000000000000000..0be2d70cc0c58b949b2b48fc313799572f3666d3
--- /dev/null
+++ b/ui/src/mock/cusFun/backup.json
@@ -0,0 +1,89 @@
+{
+    "uid": "test1234",
+    "function_name": "列名修改",
+    "contents": [
+        {
+            "title": "待修改列",
+            "type": "select",
+            "source": "data_columns",
+            "var_name": "org_name"
+        },
+        {
+            "title": "普通下拉选项",
+            "type": "select",
+            "source": [
+                {
+                    "value": "s1",
+                    "text": "ss1"
+                },
+                {
+                    "value": "s2",
+                    "text": "ss2"
+                },
+                {
+                    "value": "s2",
+                    "text": "ss2"
+                }
+            ],
+            "value": "s1",
+            "var_name": "cities_selected"
+        },
+        {
+            "title": "日期",
+            "type": "date-select",
+            "source": null,
+            "value": "2020-01-01",
+            "var_name": "date"
+        },
+        {
+            "title": "多选",
+            "type": "checkbox",
+            "source": [
+                {
+                    "value": "1",
+                    "text": "选项 1"
+                },
+                {
+                    "value": "2",
+                    "text": "选项 2"
+                },
+                {
+                    "value": "3",
+                    "text": "选项 3"
+                }
+            ],
+            "var_name": "varx"
+        },
+        {
+            "title": "开关",
+            "type": "switch",
+            "source": true,
+            "var_name": "var_sw"
+        },
+        {
+            "title": "单选",
+            "type": "radio",
+            "source": [
+                {
+                    "value": "1",
+                    "text": "option A"
+                },
+                {
+                    "value": "2",
+                    "text": "option B"
+                },
+                {
+                    "value": "3",
+                    "text": "option C"
+                }
+            ],
+            "var_name": "var_radio"
+        },
+        {
+            "title": "新列名",
+            "type": "input",
+            "source": "input 的 默认值",
+            "var_name": "var_input"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/ui/src/mock/cusFun/cusFunDesc.json b/ui/src/mock/cusFun/cusFunDesc.json
new file mode 100644
index 0000000000000000000000000000000000000000..0edfba71b82ca57f46a8533754b29deda03f2b9b
--- /dev/null
+++ b/ui/src/mock/cusFun/cusFunDesc.json
@@ -0,0 +1,10 @@
+[
+    {
+        "function_name": "功能A",
+        "uid": "test001"
+    },
+    {
+        "function_name": "功能B",
+        "uid": "test002"
+    }
+]
\ No newline at end of file
diff --git a/ui/src/mock/cusFun/index.ts b/ui/src/mock/cusFun/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..78b16967813e9d0cb6aa18fe0735c16e7cc863f6
--- /dev/null
+++ b/ui/src/mock/cusFun/index.ts
@@ -0,0 +1,8 @@
+import Mock from 'mockjs';
+import cusFunDesc_json from "./cusFunDesc.json";
+import CusFunUIModel_json from "./CusFunUIModel.json";
+
+if (process.env.NODE_ENV == "development") {
+    Mock.mock(RegExp('api/cus_fun/desc' + '.*'), cusFunDesc_json);
+    Mock.mock(RegExp('api/cus_fun/model' + '.*'), CusFunUIModel_json);
+}
diff --git a/ui/src/mock/cusFun/post.json b/ui/src/mock/cusFun/post.json
new file mode 100644
index 0000000000000000000000000000000000000000..ef2c00e66352790dbba295279976e446a0927479
--- /dev/null
+++ b/ui/src/mock/cusFun/post.json
@@ -0,0 +1,25 @@
+{
+    "contents": [
+        {
+            "content": {
+                "defaultValue": null,
+                "source": "data_columns",
+                "title": "请选择列",
+                "type": "select",
+                "var_name": "org_name"
+            },
+            "input": "姓名"
+        },
+        {
+            "content": {
+                "defaultValue": null,
+                "source": null,
+                "title": "新列名字",
+                "type": "input",
+                "var_name": "new_name"
+            },
+            "input": "名字"
+        }
+    ],
+    "uid": "test001"
+}
\ No newline at end of file
diff --git a/ui/src/mock/index.ts b/ui/src/mock/index.ts
index 3594f01213da7a59caf4c68291456096ba7c1dbe..f6c41640b8da3f0df5c8a4e48913858d95f463fd 100644
--- a/ui/src/mock/index.ts
+++ b/ui/src/mock/index.ts
@@ -17,6 +17,7 @@ import file_upload from '@/mock/file_upload.json';
 import code from '@/mock/code.json';
 
 import test_json from "./test.json";
+import "./cusFun";
 
 if (process.env.NODE_ENV == "development") {
     console.log("正在模拟数据中");
diff --git a/ui/src/mock/test copy.json b/ui/src/mock/test copy.json
new file mode 100644
index 0000000000000000000000000000000000000000..45a5e7a396e3bc6f2dc7bfa32673613c22634d8c
--- /dev/null
+++ b/ui/src/mock/test copy.json	
@@ -0,0 +1,18 @@
+{
+    "function_name": "列名修改",
+    "contents": [
+        {
+            "title": "待修改列",
+            "type": "select",
+            "source": "columns_select"
+        },
+        {
+            "title": "日期",
+            "type": "date-select"
+        },
+        {
+            "title": "新列名",
+            "type": "input"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/ui/src/mock/test.json b/ui/src/mock/test.json
index 5a5ec442d550030278cdef35bc761be79e4c129a..7b21160b213d9ab5a4833380e52cc3e0cdbe191f 100644
--- a/ui/src/mock/test.json
+++ b/ui/src/mock/test.json
@@ -1,14 +1,39 @@
-[
-    {
-        "id": 1,
-        "name": "zhang1",
-        "nickname": "z1",
-        "role": "r1"
-    },
-    {
-        "id": 2,
-        "name": "zhang2",
-        "nickname": "z2",
-        "role": "r2"
-    }
-]
\ No newline at end of file
+{
+    "function_name": "列名修改",
+    "contents": [
+        {
+            "title": "待修改列",
+            "type": "select",
+            "source": "data_columns"
+        },
+        {
+            "title": "待修改列",
+            "type": "select",
+            "source": []
+        },
+        {
+            "title": "日期",
+            "type": "date-select"
+        },
+        {
+            "title": "多选",
+            "type": "checkbox",
+            "source": []
+        },
+        {
+            "title": "开关",
+            "type": "switch",
+            "source": []
+        },
+        {
+            "title": "单选",
+            "type": "radio",
+            "source": []
+        },
+        {
+            "title": "新列名",
+            "type": "input",
+            "source": "input 的 默认值"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/ui/src/models/CusFuns.ts b/ui/src/models/CusFuns.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c1034c69cd2b3923be1dac5a17b33290662d46cd
--- /dev/null
+++ b/ui/src/models/CusFuns.ts
@@ -0,0 +1,31 @@
+export interface CusFunDesc {
+    function_name: string;
+    uid: string;
+}
+
+export interface CusFunUIModel {
+    contents: Content[];
+    function_name: string;
+    uid: string;
+}
+
+export interface Content {
+    defaultValue: object;
+    source: string | object;
+    title: string;
+    type: string;
+    var_name: string;
+}
+
+
+export interface CusFunInputRet {
+    contents: InputRet[];
+    uid: string;
+}
+
+export interface InputRet {
+    content: Content;
+    input: any;
+}
+
+
diff --git a/ui/src/models/CustomizeFunctionApiModel.ts b/ui/src/models/CustomizeFunctionApiModel.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3d3ac028b459a2dd5ecf8ad635eaa021f9fceb08
--- /dev/null
+++ b/ui/src/models/CustomizeFunctionApiModel.ts
@@ -0,0 +1,12 @@
+import { Content } from "./CustomizeFunctionModel";
+
+
+export interface CusFunction {
+    uid: string;
+    contents: CusFunctionItem[];
+}
+
+export interface CusFunctionItem {
+    content: Content;
+    input: any;
+}
diff --git a/ui/src/models/CustomizeFunctionModel.ts b/ui/src/models/CustomizeFunctionModel.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9689b9fc036fa80b55948435738d88ac8736c464
--- /dev/null
+++ b/ui/src/models/CustomizeFunctionModel.ts
@@ -0,0 +1,19 @@
+export interface CusFunction {
+    uid: string;
+    function_name: string;
+    contents: Content[];
+}
+
+export interface Content {
+    title: string;
+    type: string;
+    source: string | object | boolean | SelectItem[] | null;
+    var_name: string;
+    defaultValue: string | number | boolean | null;
+}
+
+export interface SelectItem {
+    value: string;
+    text: string;
+}
+
diff --git a/ui/src/plugins/vant.ts b/ui/src/plugins/vant.ts
index bd9a75121eaeca43fb00d8f9993ede0e066d00ba..6875155bd0ac80ad6b07ffc021c7ccf95257d144 100644
--- a/ui/src/plugins/vant.ts
+++ b/ui/src/plugins/vant.ts
@@ -3,7 +3,8 @@ import { App } from "vue";
 import {
     Button, Form, Tabs, Tag, Steps, AutoComplete, Table,
     Input, Popover, Select, Upload, Divider,
-    Descriptions, Popconfirm, Spin, Modal, Result, Empty, InputNumber, Card, Affix
+    Descriptions, Popconfirm, Spin, Modal, Result, Empty, InputNumber,
+    Card, Affix, Drawer, DatePicker, Checkbox, Switch, Radio
 } from "ant-design-vue";
 
 import { InboxOutlined, StarFilled } from '@ant-design/icons-vue';
@@ -15,7 +16,8 @@ export default {
     install: (app: App) => {
         [Button, Form, Tabs, Tag, Steps, AutoComplete,
             Input, Popover, Select, Upload, Divider,
-            Descriptions, Popconfirm, Spin, Modal, Result, Empty, InputNumber, Affix, Table, Card].forEach(v => app.use(v));
+            Descriptions, Popconfirm, Spin, Modal, Result, Empty, InputNumber,
+            Affix, Table, Card, Drawer, DatePicker, Checkbox, Switch, Radio].forEach(v => app.use(v));
 
         app.component('inboxOutlined', InboxOutlined)
     }