vue-super-crud 1.7.1 → 1.7.2

package/docs/.vuepress/components/crud/contextMenu/base.vue

@@ -1,72 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        action: [
-          "delete",
-          "edit",
-          {
-            label: "自定义action",
-          },
-        ],
-        contextMenu: {
-          actionBtn: true,
-          copy: true,
-          handles: [
-            {
-              label: "自定义",
-              icon: "el-icon-document-copy",
-              onClick: () => {
-                console.log("自定义");
-              },
-            },
-          ],
-        },
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              comp: {
-                name: "el-date-picker",
-              },
-            },
-          },
-          {
-            prop: "gender",
-            label: "性别",
-          },
-        ],
-      },
-      data: [
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋",
-        },
-      ],
-    };
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/copy.vue

@@ -1,52 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              comp: {
-                name: "el-date-picker",
-              },
-            },
-          },
-          {
-            prop: "gender",
-            label: "性别",
-          },
-        ],
-      },
-      data: [
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋",
-        },
-      ],
-    };
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/crudEvents/api.vue

@@ -1,157 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        // 接收promise api 远程调用方法
-        api: {
-          getList: this.listApi,
-          add: this.addApi,
-          edit: (param) => {
-            //自定义api传参
-            console.log(param, "param");
-            return this.editApi(param);
-          },
-          delete: this.deleteApi,
-          getDetail: this.detailApi, // 没有detailApi则默认取表格本地row数据
-        },
-        props: {
-          pageNum: "pageNum", // 分页参数
-          pageSize: "pageSize", // 分页参数
-          listResult: "data", // 列表数据
-          total: "total", // 列表条数
-          detailResult: "data", // 自定义详情返回数据
-        },
-        isLocal: true, // crud是否修改本地数据，在真实请求中可以禁用该项
-        action: {
-          view: true,
-          edit: true,
-          delete: true,
-        },
-        handleRow: {
-          add: true,
-        },
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true, form: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              comp: {
-                name: "el-date-picker",
-              },
-            },
-            form: true,
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            form: true,
-          },
-        ],
-      },
-      data: [],
-    };
-  },
-  methods: {
-    // 模拟请求api
-    listApi() {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve({
-            code: 200,
-            data: [
-              {
-                createTime: "2018-06-02 12:28:47",
-                createUser: 94,
-                id: 56,
-                idNumber: "8",
-                name: "识间华中张认",
-                password: "sed laboris",
-                phone: "18157668675",
-                gender: "男",
-                age: 20,
-                status: 35,
-                updateTime: "2018-09-08 16:33:19",
-                updateUser: 58,
-                username: "石洋",
-              },
-              {
-                createTime: "2018-06-02 12:28:47",
-                createUser: 94,
-                id: 57,
-                idNumber: "8",
-                name: "识间华中张认1",
-                password: "sed laboris",
-                phone: "18157668675",
-                gender: "男",
-                age: 20,
-                status: 35,
-                updateTime: "2018-09-08 16:33:19",
-                updateUser: 58,
-                username: "石洋11",
-              },
-            ],
-            total: 2,
-          });
-        }, 1000);
-      });
-    },
-    detailApi(scope) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve({
-            code: 200,
-            msg: "success",
-            data: {
-              createTime: "2018-06-02 12:28:47",
-              createUser: 94,
-              id: 56,
-              idNumber: "8",
-              name: "识间华中张认1",
-              password: "sed laboris",
-              phone: "18157668675",
-              gender: "男",
-              age: 20,
-              status: 35,
-              updateTime: "2018-09-08 16:33:19",
-              updateUser: 58,
-              username: "石洋1",
-            },
-          });
-        }, 500);
-      });
-    },
-    // 在真实增删改请求中不需要传参给本地，刷新列表即可
-    addApi(params) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve(params);
-        }, 500);
-      });
-    },
-    editApi(params) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve(params);
-        }, 500);
-      });
-    },
-    deleteApi() {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve();
-        }, 500);
-      });
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/crudEvents/deleteTip.vue

@@ -1,93 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        api: {
-          delete: this.deleteApi,
-        },
-        deleteMsgTip: (scope) => `自定义删除${scope.$index + 1}?`, // 删除提示信息，传false则不提示
-        batchDeleteMsgTip: (selectRows) =>
-          `自定义批量删除提示，${selectRows.length}?`, // 批量删除提示信息，传false则不提示
-        successTip: (scope) => "自定义成功提示", // 成功提示信息，传false则不提示
-        isLocal: true,
-        action: {
-          delete: true,
-        },
-        handleRow: {
-          batchDelete: true,
-        },
-        selection: true,
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true, form: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              comp: {
-                name: "el-date-picker",
-              },
-            },
-            form: true,
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            form: true,
-          },
-        ],
-      },
-      data: [
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋",
-        },
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 57,
-          idNumber: "8",
-          name: "识间华中张认1",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋11",
-        },
-      ],
-    };
-  },
-  methods: {
-    // 模拟请求api
-    deleteApi() {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve();
-        }, 500);
-      });
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/crudEvents/events.vue

@@ -1,188 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      :search.sync="searchForm"
-      :options="options"
-      :data="data"
-      @view="view"
-      @add="add"
-      @edit="edit"
-      @save="save"
-      @delete="handleDelete"
-      @cancel="cancel"
-      @change="change"
-      @getDetail="getDetail"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        action: {
-          view: true,
-          edit: true,
-          delete: true,
-        },
-        handleRow: {
-          add: true,
-        },
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true, form: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              comp: {
-                name: "el-date-picker",
-              },
-            },
-            form: true,
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            form: true,
-          },
-        ],
-      },
-      data: [
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋",
-        },
-      ],
-    };
-  },
-  methods: {
-    getDetail(done, scope, unLoading) {
-      this.detailApi().then((res) => {
-        done(res.data);
-        this.$message.success("获取详情");
-      });
-    },
-    // 点击新增触发 add（行编辑与单元格编辑只有在保存后才会改变数据）
-    add(done, scope, unLoading) {
-      this.$message.success("新增自定义参数");
-      // 传入自定义新增参数
-      done({
-        name: "测试",
-        username: "自定义新增参数",
-        gender: "男",
-      });
-    },
-    // 点击编辑触发 edit
-    edit(done, scope, unLoading) {
-      done({
-        // 自定义进入编辑时的参数
-        ...scope.row,
-        username: "自定义进入编辑时的参数",
-      });
-    },
-    // 点击保存触发 save（自由编辑没有save事件）
-    save(done, scope, unLoading) {
-      console.log(scope.mode);
-      if (scope.mode === "add") {
-        this.addApi(scope.row).then((res) => {
-          done({
-            // 自定义保存参数
-            ...scope.row,
-            gender: "自定义保存参数",
-          });
-        });
-      } else {
-        this.editApi(scope.row)
-          .then((res) => {})
-          .catch(() => {
-            unLoading(); // 失败时，手动停止loading
-            this.$message.error("保存失败");
-          });
-      }
-    },
-    // 点击查看触发 view
-    view(done, scope, unLoading) {
-      done();
-    },
-    // 点击删除触发 delete
-    handleDelete(done, scope, unLoading) {
-      this.deleteApi(scope.row).then((res) => {
-        done();
-      });
-    },
-    // 点击取消触发 cancel
-    cancel(done) {
-      done();
-      this.$message.success("取消编辑");
-    },
-    // 数据变化触发
-    change(done, scope) {
-      done();
-      setTimeout(() => {
-        this.$message.success("change，事件模式：" + scope.mode);
-      }, 500);
-    },
-    // 模拟请求api，在真实请求中除了 detailApi 不需要传参给本地，刷新列表即可
-    addApi(params) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve();
-        }, 500);
-      });
-    },
-    editApi(params) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          reject();
-        }, 500);
-      });
-    },
-    deleteApi() {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve();
-        }, 500);
-      });
-    },
-    detailApi(scope) {
-      return new Promise((resolve, reject) => {
-        setTimeout(() => {
-          resolve({
-            code: 200,
-            msg: "success",
-            data: {
-              createTime: "2018-06-02 12:28:47",
-              createUser: 94,
-              id: 56,
-              idNumber: "8",
-              name: "识间华中张认1",
-              password: "sed laboris",
-              phone: "18157668675",
-              gender: "男",
-              age: 20,
-              status: 35,
-              updateTime: "2018-09-08 16:33:19",
-              updateUser: 58,
-              username: "石洋1",
-            },
-          });
-        }, 500);
-      });
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/dataSort/base.vue

@@ -1,142 +0,0 @@
-<template>
-  <div>
-    <sc-crud title="原始数据" :options="rawOptions" :data="rawData" />
-
-    <sc-crud title="排序后数据" :options="options" :data="tableData" />
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    const columns = [
-      {
-        prop: "province",
-        label: "省份",
-        render: (h, { row }) => {
-          // 使用不同颜色区分不同省份
-          const colors = {
-            浙江: "#409EFF", // 蓝色
-            江苏: "#67C23A", // 绿色
-          };
-          return (
-            <span
-              style={{
-                color: colors[row.province] || "#909399",
-                fontWeight: "bold",
-              }}
-            >
-              {row.province}
-            </span>
-          );
-        },
-      },
-      {
-        prop: "city",
-        label: "城市",
-      },
-      { prop: "amount", label: "交易金额" },
-      { prop: "company", label: "公司名称" },
-    ];
-    return {
-      rawOptions: {
-        renderColumns: columns,
-      },
-      options: {
-        // 按省份、城市、交易金额的顺序进行多层级排序
-        sortProps: ["province", "city", "amount"],
-        sortMethod: (field, a, b) => {
-          if (field === "amount") {
-            return b[field] - a[field];
-          }
-        },
-        renderColumns: columns,
-      },
-      tableData: [],
-      rawData: [
-        {
-          province: "浙江",
-          city: "宁波",
-          company: "宁波中百",
-          amount: 3000,
-        },
-        {
-          province: "江苏",
-          city: "南京",
-          company: "南京银行",
-          amount: 9000,
-        },
-        {
-          province: "江苏",
-          city: "南京",
-          company: "南京银行",
-          amount: 4000,
-        },
-        {
-          province: "江苏",
-          city: "南京",
-          company: "南京银行",
-          amount: 3000,
-        },
-        {
-          province: "浙江",
-          city: "杭州",
-          company: "网易",
-          amount: 8000,
-        },
-        {
-          province: "江苏",
-          city: "苏州",
-          company: "苏州工业园",
-          amount: 4000,
-        },
-        {
-          province: "浙江",
-          city: "杭州",
-          company: "大华",
-          amount: 6000,
-        },
-        {
-          province: "浙江",
-          city: "宁波",
-          company: "杉杉股份",
-          amount: 5000,
-        },
-        {
-          province: "浙江",
-          city: "宁波",
-          company: "宁波中百",
-          amount: 1000,
-        },
-        {
-          province: "江苏",
-          city: "南京",
-          company: "南瑞集团",
-          amount: 7000,
-        },
-        {
-          province: "浙江",
-          city: "杭州",
-          company: "阿里巴巴",
-          amount: 10000,
-        },
-        {
-          province: "浙江",
-          city: "宁波",
-          company: "宁波中百",
-          amount: 2000,
-        },
-        {
-          province: "浙江",
-          city: "宁波",
-          company: "宁波中百",
-          amount: 3000,
-        },
-      ],
-    };
-  },
-  mounted() {
-    this.tableData = [...this.rawData];
-  },
-};
-</script>