vue-super-crud 1.7.1 → 1.7.2

package/docs/.vuepress/components/form/baseUse/gridLayout.vue

@@ -1,47 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        layout: "grid",
-        columns: 2,
-        columnGap: "10px",
-        rowGap: "10px",
-        renderColumns: [
-          {
-            label: "widthSize",
-            prop: "widthSize",
-            widthSize: 2,
-          },
-          {
-            label: "heightSize",
-            prop: "heightSize",
-            heightSize: 2,
-            comp: {
-              type: "textarea",
-              autosize: { minRows: 4 },
-            },
-          },
-          {
-            label: "姓名",
-            prop: "name",
-          },
-          {
-            label: "年龄",
-            prop: "age",
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-};
-</script>

package/docs/.vuepress/components/form/baseUse/group.vue

@@ -1,66 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-      <template #custom>
-        自定义内容
-      </template>
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      data: {},
-      options: {
-        group: true,
-        action: {
-          submit: true,
-        },
-        renderColumns: [
-          {
-            label: "slot自定义内容",
-            prop: "custom",
-          },
-          {
-            label: "render自定义内容",
-            render: (h, scope) => {
-              return "自定义内容";
-            },
-          },
-          {
-            label: "分组1",
-            columns: 2,
-            children: [
-              {
-                label: "子项1",
-                prop: "1",
-              },
-              {
-                label: "子项2",
-                prop: "2",
-              },
-            ],
-          },
-          {
-            label: "分组2",
-            children: [
-              {
-                label: "子项1",
-                prop: "3",
-              },
-              {
-                label: "子项2",
-                prop: "4",
-              },
-            ],
-          },
-        ],
-      },
-    };
-  },
-  computed: {},
-};
-</script>

package/docs/.vuepress/components/form/baseUse/hidden.vue

@@ -1,40 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      data: {},
-    };
-  },
-  computed: {
-    options() {
-      return {
-        columns: 2,
-        renderColumns: [
-          {
-            label: "输入值显示",
-            prop: "name",
-          },
-          {
-            label: "hidden隐藏项",
-            prop: "hidden",
-            hidden: !this.data.name,
-          },
-          {
-            label: "show隐藏项",
-            prop: "show",
-            show: this.data.name,
-          },
-        ],
-      };
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/form/baseUse/inlineLayout.vue

@@ -1,48 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        layout: "grid",
-        autoFill: true,
-        columnWidth: "200px",
-        renderColumns: [
-          {
-            label: "姓名姓名",
-            prop: "name",
-          },
-          {
-            label: "年龄年龄",
-            prop: "age",
-          },
-          {
-            label: "姓名姓名",
-            prop: "name",
-          },
-          {
-            label: "年龄年龄",
-            prop: "age",
-          },
-          {
-            label: "姓名姓名",
-            prop: "name",
-          },
-          {
-            label: "年龄年龄",
-            prop: "age",
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-};
-</script>

package/docs/.vuepress/components/form/baseUse/label.vue

@@ -1,51 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-      <template #slot-label>
-        label-slot
-      </template>
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        columns: 2,
-        hiddenLabel: false,
-        labelOverTip: false,
-        renderColumns: [
-          {
-            label: "标签",
-            prop: "label",
-          },
-          {
-            label: "标签Slot",
-            prop: "slot",
-          },
-          {
-            label: "标签Render",
-            prop: "render",
-            labelRender: () => <span>label-render</span>,
-          },
-          {
-            label: "隐藏标签",
-            prop: "label",
-            hiddenLabel: true,
-          },
-          {
-            label: "超出隐藏标签超出超出超出",
-            prop: "over",
-            labelOverTip: true,
-            position: true,
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-};
-</script>

package/docs/.vuepress/components/form/baseUse/tooltip.vue

@@ -1,40 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-      <template #slot-tooltip>
-        提示slot
-      </template>
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        columns: 2,
-        labelWidth: "120px",
-        renderColumns: [
-          {
-            label: "提示",
-            prop: "tooltip",
-            tooltip: "提示",
-          },
-          {
-            label: "提示slot",
-            prop: "slot",
-          },
-          {
-            label: "提示render",
-            prop: "tooltipRender",
-            tooltipRender: () => <div>提示render</div>,
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-};
-</script>

package/docs/.vuepress/components/form/baseUse/validate.vue

@@ -1,52 +0,0 @@
-<template>
-  <div>
-    <sc-form :options="options" :loading.sync="loading" v-model="data">
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        columns: 2,
-        action: {
-          submit: {},
-          reset: {},
-        },
-        renderColumns: [
-          {
-            label: "必填项",
-            prop: "required",
-            required: true,
-          },
-          {
-            label: "正则",
-            prop: "regulars",
-            rules: ["number"],
-          },
-          {
-            label: "自定义",
-            prop: "custom",
-            rules: [
-              {
-                validator: (rule, value, callback) => {
-                  if (value) {
-                    callback();
-                  } else {
-                    callback(new Error("error1"));
-                  }
-                },
-                trigger: "change",
-              },
-            ],
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-};
-</script>

package/docs/.vuepress/components/form/detail/base.vue

@@ -1,78 +0,0 @@
-<template>
-  <div>
-    <div style="margin-bottom: 10px;">
-      <el-button @click="detail = !detail" size="small">切换模式</el-button>
-      <el-tag>当前模式：{{ detail ? "详情" : "编辑" }}</el-tag>
-    </div>
-    <sc-form :options="options" v-model="data"> </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      detail: true,
-      dictData: [
-        {
-          value: "1",
-          label: "张三",
-        },
-        {
-          value: "2",
-          label: "李四",
-        },
-      ],
-
-      data: {
-        name: "张三",
-        gender: "男",
-        checkbox: ["1", "2"],
-        select: "1,2",
-      },
-    };
-  },
-  computed: {
-    options() {
-      return {
-        detail: this.detail,
-        columns: 2,
-        columnGap: "10px",
-        renderColumns: [
-          {
-            label: "姓名",
-            prop: "name",
-          },
-          {
-            label: "性别",
-            prop: "gender",
-          },
-          {
-            label: "checkbox",
-            prop: "checkbox",
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-          },
-          {
-            label: "自定义详情渲染组件",
-            prop: "select",
-            comp: {
-              name: "sc-select",
-              multiple: true,
-              options: this.dictData,
-            },
-            detail: {
-              comp: {
-                name: "sc-value-format",
-                options: this.dictData,
-              },
-            },
-          },
-        ],
-      };
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/form/detail/border.vue

@@ -1,90 +0,0 @@
-<template>
-  <div>
-    <div style="margin-bottom: 10px;">
-      <el-button @click="detail = !detail" size="small">切换模式</el-button>
-      <el-tag>当前模式：{{ detail ? "详情" : "编辑" }}</el-tag>
-    </div>
-    <sc-form :options="options" v-model="data" border> </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      detail: true,
-      dictData: [
-        {
-          value: "1",
-          label: "张三",
-        },
-        {
-          value: "2",
-          label: "李四",
-        },
-      ],
-
-      data: {
-        name: "张三张三张三张三张三张三张三张三张三张三张三张三张三",
-        gender: "男",
-        checkbox: ["1", "2"],
-        select: "1",
-        input:
-          "李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四李四",
-      },
-    };
-  },
-  computed: {
-    options() {
-      return {
-        detail: this.detail,
-        columns: 3,
-        // columnGap: "10px",
-        renderColumns: [
-          {
-            label: "姓名",
-            prop: "name",
-          },
-          {
-            label: "性别",
-            prop: "gender",
-          },
-          {
-            label: "checkbox",
-            prop: "checkbox",
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-            contentTip: "111111111",
-          },
-          {
-            label: "checkbox",
-            prop: "checkbox",
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-          },
-          {
-            label: "select",
-            prop: "select",
-            widthSize: 2,
-            comp: {
-              name: "sc-select",
-              options: this.dictData,
-            },
-          },
-          {
-            label: "input",
-            prop: "input",
-            comp: {
-              type: "textarea",
-            },
-          },
-        ],
-      };
-    },
-  },
-};
-</script>

package/docs/.vuepress/components/form/detail/singleDetail.vue

@@ -1,72 +0,0 @@
-<template>
-  <div>
-    <div style="margin-bottom: 10px;">
-      <el-button @click="detail = !detail" size="small">切换模式</el-button>
-      <el-tag>当前模式：{{ detail ? "详情" : "编辑" }}</el-tag>
-    </div>
-    <sc-form :options="options" v-model="data"> </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      detail: true,
-      dictData: [
-        {
-          value: "1",
-          label: "张三",
-        },
-        {
-          value: "2",
-          label: "李四",
-        },
-      ],
-
-      data: {
-        name: "张三",
-        gender: "男",
-        checkbox: ["1", "2"],
-        select: "1",
-      },
-    };
-  },
-  computed: {
-    options() {
-      return {
-        columns: 2,
-        columnGap: "10px",
-        renderColumns: [
-          {
-            label: "姓名",
-            prop: "name",
-          },
-          {
-            label: "性别",
-            prop: "gender",
-          },
-          {
-            label: "checkbox",
-            prop: "checkbox",
-            isDetail: this.detail,
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-          },
-          {
-            label: "select",
-            prop: "select",
-            isDetail: this.detail,
-            comp: {
-              name: "sc-select",
-              options: this.dictData,
-            },
-          },
-        ],
-      };
-    },
-  },
-};
-</script>