vue-super-crud 1.7.1 → 1.7.2

package/docs/.vuepress/components/commonConfig/renderType/render.vue

@@ -1,91 +0,0 @@
-<template>
-  <sc-crud :options="options" :data="data"> </sc-crud>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      options: {
-        pagination: true,
-        action: [
-          {
-            label: "操作",
-            icon: "el-icon-edit",
-            onClick: () => {},
-          },
-        ],
-        renderColumns: [
-          {
-            prop: "name",
-            label: "昵称",
-            render: (h, scope) => {
-              // 安装了jsx相关转换插件可以使用vue-jsx语法
-              return <div>{scope.row.name + "render"}</div>;
-            },
-          },
-          {
-            prop: "username",
-            label: "名称",
-            render: (h, scope) => {
-              // 否则使用h函数渲染
-              return h("div", {}, scope.row.username + "h");
-            },
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            render: (h, scope) => {
-              return (
-                <el-select
-                  v-model={scope.row.gender} // 与v-model相同
-                  onChange={() => {
-                    console.log("change");
-                  }} // 事件加on前缀
-                  clearable // 组件的属性
-                  props={{
-                    // 约等于模板语法的v-bind
-                    multiple: true,
-                  }}
-                  on={{
-                    // 约等于模板语法的v-on
-                    "visible-change": () => {
-                      console.log("visible-change");
-                    },
-                  }}
-                  scopedSlots={{
-                    // 作用域插槽
-                    prefix: () => "prefix",
-                  }}
-                >
-                  <i slot="prefix">具名插槽</i>
-                  <el-option value="111" label="111"></el-option>
-                </el-select>
-              );
-            },
-          },
-        ],
-      },
-      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: "石洋",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/docs/.vuepress/components/commonConfig/renderType/slot.vue

@@ -1,63 +0,0 @@
-<template>
-  <sc-crud :options="options" :data="data">
-    <!-- 根据prop渲染插槽 -->
-    <template #name="{row}">
-      {{ row.name + "slot" }}
-    </template>
-    <template #username="{row}">
-      {{ row.username + "slot" }}
-    </template>
-  </sc-crud>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      options: {
-        pagination: true,
-        action: [
-          {
-            label: "操作",
-            icon: "el-icon-edit",
-            onClick: () => {},
-          },
-        ],
-        renderColumns: [
-          {
-            prop: "name",
-            label: "昵称",
-          },
-          {
-            prop: "username",
-            label: "名称",
-          },
-          {
-            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: "石洋",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,98 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      :loading="loading"
-      :search.sync="searchForm"
-      :options="options"
-      :data="data"
-      :total="total"
-      @getList="getList"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      searchForm: {},
-      options: {
-        init: true,
-        renderColumns: [
-          {
-            prop: "name",
-            label: "昵称",
-            search: true,
-          },
-          {
-            prop: "username",
-            label: "姓名",
-            search: true,
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            search: true,
-          },
-        ],
-      },
-      data: [],
-      total: 0,
-    };
-  },
-  methods: {
-    async getList() {
-      this.loading = true;
-      const { data, total } = await this.listApi(this.searchForm);
-      this.loading = false;
-      this.data = data;
-      this.total = total;
-    },
-    listApi() {
-      // 模拟请求api
-      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);
-      });
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/baseUse/columnAction.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: {
-        handleRow: [
-          {
-            label: "操作列隐藏",
-            type: "primary",
-            onClick: () => {
-              this.options.action = false;
-            },
-          },
-        ],
-        action: {
-          width: "auto", // auto: 自动计算宽度
-          calcWidth: 20, // 增加的宽度，默认20
-          handles: [
-            {
-              icon: "el-icon-search",
-              type: "primary",
-              onClick: () => {
-                console.log("search");
-              },
-            },
-          ],
-        },
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              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/baseUse/columnWidth.vue

@@ -1,107 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        // 列宽度自动计算规则
-        calcColumnWidth: {
-          widthType: "first", // first为默认值，仅计算第一个有内容的宽度
-          widthFont: "12px Ubuntu", //自定义计算的字体大小和类型(有助于更精确的计算)
-          calcWidth: 20, // 增加的宽度，默认单元格内边距20px
-        },
-        renderColumns: [
-          {
-            prop: "name",
-            width: "auto", // 列自动计算宽度
-            label: "昵称1",
-            search: true,
-          },
-          {
-            prop: "name",
-            width: "auto",
-            calcWidth: 200, // 增加的宽度
-            label: "昵称2",
-            search: true,
-          },
-          {
-            prop: "name",
-            minWidth: "auto", // 列自动计算最小宽度
-            label: "昵称3",
-            search: true,
-          },
-          {
-            prop: "username",
-            label: "姓名",
-            width: "auto",
-            widthType: "max", // 计算所有内容的最大宽度（数据量大存在性能问题），独立设置，覆盖calcColumnWidth
-            widthFont: "12px Ubuntu",
-            search: {
-              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: "石洋ooooooo",
-        },
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认ooooooooooooooo",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋oooooooooooooooo",
-        },
-        {
-          createTime: "2018-06-02 12:28:47",
-          createUser: 94,
-          id: 56,
-          idNumber: "8",
-          name: "识间华中张认oooooooooooooooooooooooooooooooooo",
-          password: "sed laboris",
-          phone: "18157668675",
-          gender: "男",
-          age: 20,
-          status: 35,
-          updateTime: "2018-09-08 16:33:19",
-          updateUser: 58,
-          username: "石洋312312312______-----ooooooooooooooooooo",
-        },
-      ],
-    };
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/baseUse/handleRow.vue

@@ -1,65 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-      <template #handleRow-left="{size}">
-        <el-button :size="size">handleRow插槽</el-button>
-      </template>
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        rowEdit: true,
-        handleRow: {
-          add: {
-            label: "自定义弹窗新增",
-          }, // 自定义弹窗新增按钮
-          batchDelete: {
-            label: "自定义批量删除",
-          }, // 自定义批量删除按钮
-          rowAdd: {
-            label: "定义行新增",
-          }, // 自定义行新增按钮
-        },
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              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/baseUse/height.vue

@@ -1,82 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        height: "300px", // 设置为`auto`，会自适应窗口高度，配合calcHeight参数去调节范围
-        calcHeight: 0, // 值为应减去的底部高度
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            label: "信息",
-            children: [
-              // 表头子级
-              {
-                prop: "username",
-                label: "姓名",
-                search: {
-                  comp: {
-                    name: "el-date-picker",
-                  },
-                },
-                children: [
-                  {
-                    prop: "username",
-                    label: "姓名",
-                    search: {
-                      comp: {
-                        name: "el-date-picker",
-                      },
-                    },
-                  },
-                  {
-                    prop: "gender",
-                    label: "性别",
-                  },
-                ],
-              },
-              {
-                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: "石洋",
-        },
-      ],
-    };
-  },
-  mounted() {
-    const dataRepeated = [];
-    for (let i = 0; i < 50; i++) {
-      dataRepeated.push(Object.assign({}, this.data[0]));
-    }
-    this.data = dataRepeated;
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/baseUse/index.vue

@@ -1,54 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        index: {
-          label: "序号",
-        },
-        expand: true,
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              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/baseUse/loading.vue

@@ -1,70 +0,0 @@
-<template>
-  <div>
-    <el-button type="primary" @click="loading = !loading"
-      >切换loading</el-button
-    >
-    <sc-crud
-      :search.sync="searchForm"
-      :options="options"
-      :data="data"
-      :loading.sync="loading"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: true,
-      searchForm: {},
-      options: {
-        loadingText: "拼命加载中...",
-        loadingSpinner: "el-icon-loading",
-        loadingBackground: "rgba(0, 0, 0, 0.8)",
-        disableLoading: true, //禁用组件内部控制加载状态
-        handleRow: [
-          {
-            label: "组件按钮",
-            type: "primary",
-          },
-        ],
-        renderColumns: [
-          { prop: "name", label: "昵称", search: true },
-          {
-            prop: "username",
-            label: "姓名",
-            search: {
-              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: "石洋",
-        },
-      ],
-    };
-  },
-  mounted() {},
-  methods: {},
-};
-</script>