vue-super-crud 1.7.1 → 1.7.2

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

@@ -1,53 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      :loading.sync="loading"
-      :search.sync="search"
-      :options="options"
-      :data="data"
-      :total="total"
-      @getList="getList"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-import { mockApi } from "../../mock";
-export default {
-  data() {
-    return {
-      loading: false,
-      search: {
-        pageNum: 1,
-        pageSize: 10,
-      },
-      options: {
-        init: true,
-        dynamicConfig: [
-          {
-            path: "firstChildren",
-            prop: "id",
-            label: "name",
-          },
-        ],
-        renderColumns: [
-          { prop: "materialCode", label: "编码" },
-          { prop: "materialName", label: "名称" },
-        ],
-      },
-      data: [],
-      total: 0,
-    };
-  },
-  methods: {
-    async getList() {
-      this.loading = true;
-      const { data, total } = await mockApi.getDynamicData(this.search);
-      this.data = data;
-      this.total = total;
-      this.loading = false;
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/genDynamicColumns/dynamicAndFixed.vue

@@ -1,111 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      :loading.sync="loading"
-      :search.sync="search"
-      :options="options"
-      :data="data"
-      :total="total"
-      @getList="getList"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-import { mockApi } from "../../mock";
-export default {
-  data() {
-    return {
-      loading: false,
-      search: {
-        pageNum: 1,
-        pageSize: 10,
-      },
-      options: {
-        init: true,
-        dynamicConfig: [
-          {
-            path: "firstChildren",
-            prop: "id",
-            label: "name",
-            columnConfig: (path, source) => {
-              return {
-                render: () => <div>空</div>,
-              };
-            },
-          },
-          {
-            path: "secondChildren",
-            prop: "sort",
-            label: (item) => `第${item.sort}轮报价`,
-            columnConfig: (path, source) => {
-              return {
-                children: [
-                  {
-                    label: "入选",
-                    prop: `${path}.choose`,
-                    comp: {
-                      name: "el-checkbox",
-                      trueLabel: "Y",
-                      falseLabel: "N",
-                    },
-                  },
-                  {
-                    label: "单价",
-                    prop: `${path}.productUnitPrice`,
-                    render: (h, { row }) => {
-                      return (
-                        <el-input
-                          v-model={source[row.$index].productUnitPrice}
-                        />
-                      );
-                    },
-                  },
-                  {
-                    label: "跟价",
-                    prop: `${path}.priceFollow`,
-                    render: (h, { row }) => {
-                      if (!source[row.$index].priceFollow) return;
-                      const isFollow = source[row.$index].priceFollow === "Y";
-                      return (
-                        <span
-                          style={{ color: isFollow ? "#67C23A" : "#F56C6C" }}
-                        >
-                          {isFollow ? "是" : "否"}
-                        </span>
-                      );
-                    },
-                  },
-                  {
-                    label: "降幅比例",
-                    prop: `${path}.pricePercentageChange`,
-                    formatter: (row) =>
-                      source[row.$index].pricePercentageChange &&
-                      source[row.$index].pricePercentageChange * 100 + "%",
-                  },
-                ],
-              };
-            },
-          },
-        ],
-        renderColumns: [
-          { prop: "materialCode", label: "编码" },
-          { prop: "materialName", label: "名称" },
-        ],
-      },
-      data: [],
-      total: 0,
-    };
-  },
-  methods: {
-    async getList() {
-      this.loading = true;
-      const { data, total } = await mockApi.getDynamicData(this.search);
-      this.data = data;
-      this.total = total;
-      this.loading = false;
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/genDynamicColumns/treeDynamic.vue

@@ -1,68 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      :loading.sync="loading"
-      :search.sync="search"
-      :options="options"
-      :data="data"
-      :total="total"
-      @getList="getList"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-import { mockApi } from "../../mock";
-export default {
-  data() {
-    return {
-      loading: false,
-      search: {
-        pageNum: 1,
-        pageSize: 10,
-      },
-      options: {
-        init: true,
-        dynamicConfig: [
-          {
-            path: "firstChildren",
-            prop: "id",
-            label: "name",
-            columnConfig: (path, source) => {
-              return {
-                render: () => <div>空</div>,
-              };
-            },
-          },
-          {
-            path: "secondChildren",
-            prop: "sort",
-            label: (item) => `第${item.sort}轮报价`,
-            columnConfig: (path, source) => {
-              return {
-                prop: `${path}.productUnitPrice`,
-              };
-            },
-          },
-        ],
-        renderColumns: [
-          { prop: "materialCode", label: "编码" },
-          { prop: "materialName", label: "名称" },
-        ],
-      },
-      data: [],
-      total: 0,
-    };
-  },
-  methods: {
-    async getList() {
-      this.loading = true;
-      const { data, total } = await mockApi.getDynamicData(this.search);
-      this.data = data;
-      this.total = total;
-      this.loading = false;
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/crud/handleBar/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/handleBar/toolbar.vue

@@ -1,69 +0,0 @@
-<template>
-  <div>
-    <sc-crud :search.sync="searchForm" :options="options" :data="data">
-      <template #toolbar-left="config">
-        <!-- ctx为crud组件实例 -->
-        <el-button :size="config.size">toolbar插槽</el-button>
-      </template>
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      options: {
-        // 不需要自定义内置按钮时可以简写为数组 toolbar: [{label: "自定义按钮"...}]
-        toolbar: {
-          search: {
-            label: "自定义搜索显隐", // 自定义 hover 提示词
-          },
-          reset: {
-            label: "自定义重置", // 自定义 hover 提示词
-          },
-          zoom: {
-            label: "自定义最大化", // 自定义 hover 提示词
-          },
-          column: {
-            label: "自定义列设置", // 自定义 hover 提示词
-          },
-        },
-        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/renderType/1.vue

@@ -1,57 +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: "昵称" },
-          {
-            prop: "username",
-            label: "姓名",
-            formatter: (row) => row.username + " formatter",
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            html: true,
-            formatter: (row) => {
-              return `<span style="color:red">${row.gender}</span>`;
-            },
-          },
-        ],
-      },
-      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/renderType/2.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/renderType/3.vue

@@ -1,105 +0,0 @@
-<template>
-  <sc-crud :options="options" :data="data"> </sc-crud>
-</template>
-
-<script>
-export default {
-  data() {
-    this.scopeComp = {
-      render: (h) => {
-        return h("div", "非全局组件");
-      },
-    };
-    return {
-      options: {
-        renderColumns: [
-          {
-            prop: "username",
-            label: "名称",
-            comp: {
-              // 组件内部通常要有一个value值，用来接收表格的默认值
-              name: "el-select", // 组件名称，全局组件才能使用
-              clearable: true, // 组件的属性
-              multiple: true,
-              children: [
-                // 组件的子级，接收comp数组、comp单个对象、渲染函数、默认插槽内容
-                {
-                  name: "el-option",
-                  value: "111",
-                  label: "111",
-                },
-                {
-                  name: "el-option",
-                  value: "222",
-                  label: "222",
-                },
-              ],
-              on: {
-                // 组件的事件
-                change: (val, scope) => {
-                  this.$message.success(val);
-                  // scope 包含 el表格原有参数与当前组件实例
-                  console.log(scope, "表格参数");
-                },
-              },
-            },
-          },
-          {
-            prop: "name",
-            label: "昵称",
-            comp: {
-              name: "el-input",
-              slots: {
-                // 使用插槽
-                prefix: (h) => {
-                  return "prefix";
-                },
-              },
-            },
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            comp: {
-              name: "el-button",
-              on: {
-                // 组件的事件
-                click: () => {
-                  this.$message.success("点击了按钮");
-                },
-              },
-              children: "组件渲染",
-            },
-          },
-          {
-            prop: "gender",
-            label: "性别",
-            comp: {
-              name: this.scopeComp, // 非全局组件使用：将引入的组件直接传给name
-            },
-          },
-        ],
-      },
-      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/renderType/5.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>