vue-super-crud 1.7.1 → 1.7.2

package/docs/.vuepress/components/crud/validate/custom.vue

@@ -1,82 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      ref="crud"
-      :search.sync="searchForm"
-      :options="options"
-      :data="data"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      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: "石洋",
-        },
-      ],
-    };
-  },
-  computed: {
-    options() {
-      return {
-        handleRow: {
-          handles: [
-            {
-              label: "表格校验",
-              type: "primary",
-              onClick: () => {
-                this.$refs.crud.validate();
-              },
-            },
-            {
-              label: "清除校验",
-              type: "primary",
-              onClick: () => {
-                this.$refs.crud.clearValidate();
-              },
-            },
-          ],
-        },
-        renderColumns: [
-          {
-            prop: "name",
-            label: "昵称",
-            isEdit: true,
-            rules: [
-              {
-                validator: (rule, value, callback) => {
-                  if (value) {
-                    callback();
-                  } else {
-                    callback(new Error("error1"));
-                  }
-                },
-                trigger: "change",
-              },
-            ],
-          },
-        ],
-      };
-    },
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/validate/regulars.vue

@@ -1,88 +0,0 @@
-<template>
-  <div>
-    <sc-crud
-      ref="crud"
-      :search.sync="searchForm"
-      :options="options"
-      :data="data"
-    >
-    </sc-crud>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      searchForm: {},
-      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: "石洋",
-        },
-      ],
-      isEdit: false,
-    };
-  },
-  computed: {
-    options() {
-      return {
-        handleRow: {
-          handles: [
-            {
-              label: "表格校验",
-              type: "primary",
-              onClick: (ctx) => {
-                this.$refs.crud.validate();
-              },
-            },
-            {
-              label: "清除校验",
-              type: "primary",
-              onClick: (ctx) => {
-                this.$refs.crud.clearValidate();
-              },
-            },
-          ],
-        },
-        renderColumns: [
-          {
-            prop: "name",
-            label: "正整数校验",
-            isEdit: true,
-            rules: ["integer"],
-          },
-          {
-            prop: "username",
-            label: "自定义正则校验",
-            isEdit: true,
-            form: {
-              comp: {
-                placeholder: "请输入2到16个汉字",
-              },
-            },
-            rules: [
-              {
-                regular: /^(?:[\u4e00-\u9fa5·]{2,16})$/,
-                msg: "请输入2到16个汉字",
-              },
-            ],
-          },
-        ],
-      };
-    },
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/validate/relation.vue

@@ -1,91 +0,0 @@
-<template>
-  <sc-crud ref="crud" default-expand-all :options="options" :data="data">
-  </sc-crud>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      data: [
-        {
-          id: 1,
-          name: "总数量",
-          number: 100,
-          children: [
-            {
-              id: 11,
-              name: "子数量",
-              number: 50,
-            },
-            {
-              id: 12,
-              name: "子数量",
-              number: 30,
-            },
-            {
-              id: 13,
-              name: "子数量",
-              number: "",
-            },
-          ],
-        },
-      ],
-    };
-  },
-  computed: {
-    options() {
-      return {
-        renderColumns: [
-          {
-            prop: "name",
-            label: "名称",
-          },
-          {
-            prop: "number",
-            label: "数量",
-            isEdit: ({ row }) => row.name !== "总数量",
-            required: true,
-            form: {
-              comp: {
-                type: "number",
-                onBlur: (v, { row }) => {
-                  const father = this.data[0];
-                  father.children.forEach((i) => {
-                    if (row === i) return;
-                    this.$refs.crud.validateField({
-                      row: i,
-                      prop: "number",
-                    });
-                  });
-                },
-              },
-            },
-            rules: [
-              {
-                validator: (rule, value, callback) => {
-                  const father = this.data[0];
-                  if (father.children.some((i) => !i.number)) {
-                    callback();
-                    return;
-                  }
-                  let totalNumber = 0;
-                  father.children.forEach((item) => {
-                    totalNumber += Number(item.number);
-                  });
-                  if (totalNumber !== father.number) {
-                    callback(new Error("【子数量】总和不等于【总数量】"));
-                  } else {
-                    callback();
-                  }
-                },
-              },
-            ],
-          },
-        ],
-      };
-    },
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/crud/validate/tree.vue

@@ -1,82 +0,0 @@
-<template>
-  <sc-crud
-    default-expand-all
-    :search.sync="search"
-    :options="options"
-    :data="data"
-    :total="total"
-    @getList="getList"
-  >
-  </sc-crud>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      data: [
-        {
-          id: 1,
-          name: "部门A",
-          manager: "张三",
-          children: [
-            {
-              id: 11,
-              name: "小组A-1",
-              manager: "李四",
-              children: [
-                {
-                  id: 111,
-                  name: "成员A-1-1",
-                  manager: "",
-                },
-              ],
-            },
-            {
-              id: 12,
-              name: "小组A-2",
-              manager: "王五",
-            },
-          ],
-        },
-        {
-          id: 2,
-          name: "部门B",
-          manager: "赵六",
-          children: [
-            {
-              id: 21,
-              name: "小组B-1",
-              manager: "",
-            },
-          ],
-        },
-      ],
-    };
-  },
-  computed: {
-    options() {
-      return {
-        editConfig: {
-          mode: "row",
-          trigger: "manual",
-          edit: {},
-        },
-        renderColumns: [
-          {
-            prop: "name",
-            label: "名称",
-            isEdit: false,
-          },
-          {
-            prop: "manager",
-            label: "负责人",
-            required: true,
-          },
-        ],
-      };
-    },
-  },
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/dialog/baseUse/base.vue

@@ -1,92 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog"
-      >component配置弹窗</el-button
-    >
-    <el-button size="small" type="primary" @click="renderDialog"
-      >render函数弹窗</el-button
-    >
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {},
-    };
-  },
-  computed: {
-    renderColumns() {
-      return [
-        {
-          prop: "name",
-          label: "姓名",
-        },
-        {
-          prop: "age",
-          label: "年龄",
-        },
-        {
-          prop: "sex",
-          label: "性别",
-          comp: {
-            name: "el-checkbox-group",
-            options: [
-              {
-                label: "男",
-                value: "男",
-              },
-              {
-                label: "女",
-                value: "女",
-              },
-            ],
-          },
-        },
-      ];
-    },
-  },
-  methods: {
-    openDialog() {
-      this.$scDialog({
-        title: "comp配置",
-        width: "500px",
-        comp: {
-          name: "sc-form",
-          renderColumns: this.renderColumns,
-        },
-      }).show(
-        () => {
-          console.log(this.form, "this.form");
-          this.$message.success("确认");
-        },
-        () => {
-          this.$message.success("取消");
-        }
-      );
-    },
-    renderDialog() {
-      this.$scDialog({
-        title: "render函数",
-        width: "500px",
-        render: (h, vm) => {
-          return (
-            <sc-form v-model={this.form} renderColumns={this.renderColumns} />
-          );
-        },
-      }).show(
-        () => {
-          console.log(this.form, "this.form");
-          this.$message.success("确认");
-        },
-        () => {
-          this.$message.success("取消");
-        }
-      );
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/docs/.vuepress/components/dialog/baseUse/beforeConfirm.vue

@@ -1,78 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog"
-      >confirm 弹窗</el-button
-    >
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {},
-    };
-  },
-  computed: {
-    renderColumns() {
-      return [
-        {
-          prop: "name",
-          label: "姓名",
-          required: true,
-        },
-        {
-          prop: "age",
-          label: "年龄",
-          required: true,
-        },
-        {
-          prop: "sex",
-          label: "性别",
-          comp: {
-            name: "el-checkbox-group",
-            options: [
-              {
-                label: "男",
-                value: "男",
-              },
-              {
-                label: "女",
-                value: "女",
-              },
-            ],
-          },
-        },
-      ];
-    },
-  },
-  methods: {
-    openDialog() {
-      this.$scDialog({
-        title: "弹窗",
-        width: "500px",
-        render: () => (
-          <sc-form
-            ref="form"
-            v-model={this.form}
-            renderColumns={this.renderColumns}
-          />
-        ),
-        confirm: async (cb) => {
-          this.$message.success("确认之前校验表单");
-          await this.$refs.form.validate();
-          cb();
-          console.log(this.form, "this.form");
-          this.$message.success("确认");
-        },
-        cancel: async (cb) => {
-          this.$message.error("取消之前");
-          cb();
-        },
-      }).show();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/docs/.vuepress/components/dialog/baseUse/control.vue

@@ -1,79 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog">弹窗</el-button>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {},
-    };
-  },
-  computed: {
-    renderColumns() {
-      return [
-        {
-          prop: "name",
-          label: "姓名",
-        },
-        {
-          prop: "age",
-          label: "年龄",
-        },
-        {
-          prop: "sex",
-          label: "性别",
-          comp: {
-            name: "el-checkbox-group",
-            options: [
-              {
-                label: "男",
-                value: "男",
-              },
-              {
-                label: "女",
-                value: "女",
-              },
-            ],
-          },
-        },
-      ];
-    },
-  },
-  methods: {
-    openDialog() {
-      const vm = this.$scDialog({
-        title: "手动控制弹窗",
-        width: "500px",
-        render: (h) => {
-          return (
-            <div>
-              <el-button
-                onClick={() => vm.hide()}
-                type="primary"
-                style="margin-bottom: 20px;"
-              >
-                点击关闭弹窗
-              </el-button>
-              <el-button
-                onClick={() => (vm.loading = true)}
-                type="primary"
-                style="margin-bottom: 20px;"
-              >
-                弹窗loading
-              </el-button>
-            </div>
-          );
-        },
-      });
-      vm.show(() => {
-        this.$message.success("确认");
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/docs/.vuepress/components/dialog/baseUse/drawer.vue

@@ -1,59 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog"
-      >抽屉式弹窗</el-button
-    >
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {},
-    };
-  },
-  computed: {
-    renderColumns() {
-      return [
-        {
-          prop: "name",
-          label: "姓名",
-        },
-        {
-          prop: "age",
-          label: "年龄",
-        },
-        {
-          prop: "sex",
-          label: "性别",
-          comp: {
-            name: "el-checkbox-group",
-            options: [
-              {
-                label: "男",
-                value: "男",
-              },
-              {
-                label: "女",
-                value: "女",
-              },
-            ],
-          },
-        },
-      ];
-    },
-  },
-  methods: {
-    openDialog() {
-      this.$scDialog({
-        title: "弹窗",
-        width: "500px",
-        drawer: true,
-      }).show();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>