mirror of
https://github.com/cool-team-official/cool-admin-vue.git
synced 2024-11-01 14:10:27 +08:00
103 lines
2.3 KiB
Plaintext
103 lines
2.3 KiB
Plaintext
{
|
|
"cl-crud": {
|
|
"prefix": "cl-crud",
|
|
"scope": "vue",
|
|
"body": [
|
|
"<template>",
|
|
" <cl-crud ref=\"Crud\">",
|
|
" <cl-row>",
|
|
" <!-- 刷新按钮 -->",
|
|
" <cl-refresh-btn />",
|
|
" <!-- 新增按钮 -->",
|
|
" <cl-add-btn />",
|
|
" <!-- 删除按钮 -->",
|
|
" <cl-multi-delete-btn />",
|
|
" <cl-flex1 />",
|
|
" <!-- 关键字搜索 -->",
|
|
" <cl-search-key />",
|
|
" </cl-row>",
|
|
"",
|
|
" <cl-row>",
|
|
" <!-- 数据表格 -->",
|
|
" <cl-table ref=\"Table\" />",
|
|
" </cl-row>",
|
|
"",
|
|
" <cl-row>",
|
|
" <cl-flex1 />",
|
|
" <!-- 分页控件 -->",
|
|
" <cl-pagination />",
|
|
" </cl-row>",
|
|
"",
|
|
" <!-- 新增、编辑 -->",
|
|
" <cl-upsert ref=\"Upsert\" />",
|
|
" </cl-crud>",
|
|
"</template>",
|
|
"",
|
|
"<script lang=\"ts\" name=\"菜单名称\" setup>",
|
|
"import { useCrud, useTable, useUpsert } from \"@cool-vue/crud\";",
|
|
"import { useCool } from \"/@/cool\";",
|
|
"",
|
|
"const { service } = useCool();",
|
|
"",
|
|
"// cl-upsert",
|
|
"const Upsert = useUpsert({",
|
|
" items: []",
|
|
"});",
|
|
"",
|
|
"// cl-table",
|
|
"const Table = useTable({",
|
|
" columns: []",
|
|
"});",
|
|
"",
|
|
"// cl-crud",
|
|
"const Crud = useCrud(",
|
|
" {",
|
|
" service: service.demo.goods",
|
|
" },",
|
|
" (app) => {",
|
|
" app.refresh();",
|
|
" }",
|
|
");",
|
|
"",
|
|
"// 刷新",
|
|
"function refresh(params?: any) {",
|
|
" Crud.value?.refresh(params);",
|
|
"}",
|
|
"</script>",
|
|
""
|
|
],
|
|
"description": "cl-crud snippets"
|
|
},
|
|
"cl-filter": {
|
|
"prefix": "cl-filter",
|
|
"scope": "html",
|
|
"body": [
|
|
"<cl-filter label=\"\">",
|
|
" <cl-select :options=\"[$1]\" prop=\"\" />",
|
|
"</cl-filter>"
|
|
],
|
|
"description": "cl-filter snippets"
|
|
},
|
|
"item": {
|
|
"prefix": "item",
|
|
"scope": "typescript",
|
|
"body": [
|
|
"{",
|
|
" label: \"$1\",",
|
|
" prop: \"\",",
|
|
" component: {",
|
|
" name: \"\"",
|
|
" }",
|
|
"},",
|
|
""
|
|
],
|
|
"description": "item snippets"
|
|
},
|
|
"column": {
|
|
"prefix": "column",
|
|
"scope": "typescript",
|
|
"body": ["{", " label: \"$1\",", " prop: \"\",", "},", ""],
|
|
"description": "column snippets"
|
|
}
|
|
}
|