vue-super-crud 1.7.1 → 1.7.2

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

@@ -1,87 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog"
-      >自定义底部按钮</el-button
-    >
-    <el-button size="small" type="primary" @click="openDialog1"
-      >隐藏底部按钮</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",
-        footer: {
-          align: "left",
-          confirm: {
-            label: "确认111",
-            type: "primary",
-          },
-          cancel: false,
-          handles: [
-            {
-              label: "自定义",
-              type: "primary",
-              onClick: (vm) => {
-                vm.hide();
-              },
-            },
-          ],
-        },
-      }).show();
-    },
-    openDialog1() {
-      this.$scDialog({
-        title: "弹窗",
-        width: "500px",
-        footer: {
-          hidden: true,
-        },
-      }).show();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,79 +0,0 @@
-<template>
-  <div>
-    <el-button size="small" type="primary" @click="openDialog">弹窗</el-button>
-    <div v-insertSlot="dialogVm">
-      <div v-show="form.radio">v-show</div>
-      <div v-if="form.radio">v-if</div>
-      <div v-for="item in form.sex" :key="item">{{ item }}</div>
-      <sc-form v-model="form" :renderColumns="renderColumns"></sc-form>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {
-        sex: [],
-      },
-      dialogVm: null,
-    };
-  },
-  computed: {
-    renderColumns() {
-      return [
-        {
-          prop: "radio",
-          label: "切换动态更新",
-          comp: {
-            name: "el-radio-group",
-            options: [
-              {
-                label: "隐藏",
-                value: "",
-              },
-              {
-                label: "展示",
-                value: "1",
-              },
-            ],
-          },
-        },
-        {
-          prop: "age",
-          label: "年龄",
-          hidden: this.form.radio,
-        },
-        {
-          prop: "sex",
-          label: "v-for",
-          comp: {
-            name: "el-checkbox-group",
-            options: [
-              {
-                label: "1111",
-                value: "1111",
-              },
-              {
-                label: "2222",
-                value: "2222",
-              },
-            ],
-          },
-        },
-      ];
-    },
-  },
-  methods: {
-    openDialog() {
-      this.dialogVm = this.$scDialog({
-        title: "v-insertSlot弹窗",
-        width: "500px",
-      }).show();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/docs/.vuepress/components/dict/DictLinkage.vue

@@ -1,91 +0,0 @@
-<template>
-  <el-form v-if="isMounted" :model="form" label-width="80px">
-    <!-- 省份选择 -->
-    <el-form-item label="省份">
-      <el-select v-model="form.province" placeholder="请选择省份" clearable>
-        <el-option
-          v-for="item in $scDict.provinces"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
-    </el-form-item>
-
-    <!-- 城市选择 -->
-    <el-form-item label="城市">
-      <el-select
-        v-model="form.city"
-        placeholder="请选择城市"
-        :disabled="!form.province"
-        clearable
-      >
-        <el-option
-          v-for="item in $scDict.cities"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
-    </el-form-item>
-
-    <!-- 显示选中结果 -->
-    <el-form-item label="当前选择">
-      <div class="selected-info">
-        {{ selectedAddress }}
-      </div>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script>
-import { mockApi } from "../mock";
-export default {
-  data() {
-    return {
-      form: {
-        province: "",
-        city: "",
-      },
-      isMounted: false,
-    };
-  },
-  computed: {
-    selectedAddress() {
-      if (!this.isMounted) return;
-      if (!this.form.province) return "未选择";
-      const province = this.$scDict.provinces.findLabel(this.form.province);
-      const city = this.$scDict.cities.findLabel(this.form.city);
-      return city ? `${province} - ${city}` : province;
-    },
-  },
-  mounted() {
-    this.isMounted = true;
-    // 注册省份字典
-    this.$scDict.register("provinces", {
-      request: mockApi.getProvinces,
-      immediate: true,
-    });
-
-    // 注册城市字典，使用函数形式的params监听省份变化
-    this.$scDict.register("cities", {
-      request: mockApi.getCities,
-      // 监听省份变化，返回请求参数
-      params: () => this.form.province,
-    });
-  },
-  watch: {
-    // 当省份改变时，清空城市选择
-    "form.province"() {
-      this.form.city = "";
-    },
-  },
-};
-</script>
-
-<style scoped>
-.selected-info {
-  color: #409eff;
-  font-weight: bold;
-}
-</style>

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

@@ -1,72 +0,0 @@
-<template>
-  <div v-if="isMounted">
-    <sc-form v-model="form" :options="options">
-      <template #defaultDict>
-        <el-select v-model="form.defaultDict">
-          <el-option
-            v-for="item in $scDict.gender"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </template>
-      <template #normalDict>
-        <el-select v-model="form.normalDict">
-          <el-option
-            v-for="item in $scDict.countries"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </template>
-    </sc-form>
-
-    <!-- 展示标签文本 -->
-    <p>
-      使用增强方法 findLabel 获取标签：{{
-        $scDict.countries.findLabel(form.normalDict)
-      }}
-    </p>
-    <p>
-      使用增强方法 getOption 获取完整对象：{{
-        $scDict.countries.getOption(form.normalDict)
-      }}
-    </p>
-  </div>
-</template>
-
-<script>
-import { mockApi } from "../mock";
-export default {
-  data() {
-    return {
-      form: {},
-      tableData: [],
-      isMounted: false,
-      options: {
-        renderColumns: [
-          {
-            label: "默认字典",
-            prop: "defaultDict",
-          },
-          {
-            label: "普通注册字典",
-            prop: "normalDict",
-          },
-        ],
-      },
-    };
-  },
-  mounted() {
-    this.isMounted = true;
-    this.$scDict.register("countries", {
-      request: mockApi.getProvinces,
-    });
-    this.$scDict.countries.wait().then((res) => {
-      console.log("字典加载完成", res);
-    });
-  },
-};
-</script>

package/docs/.vuepress/components/dict/component.vue

@@ -1,82 +0,0 @@
-<template>
-  <div>
-    <sc-form v-model="form" :options="options"> </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {
-        sexValue: [],
-      },
-      options: {
-        labelWidth: "150px",
-        renderColumns: [
-          {
-            prop: "cascade",
-            label: "级联数据格式化组件",
-            dict: "cascade",
-            comp: {
-              name: "sc-cascade-format",
-            },
-          },
-          {
-            prop: "cascade",
-            label: "级联组件",
-            dict: "cascade",
-            comp: {
-              name: "el-cascader",
-            },
-          },
-          {
-            prop: "sexValue",
-            label: " 值格式化标签组件",
-            dict: "gender",
-            comp: {
-              name: "sc-value-format",
-              color: "auto",
-            },
-          },
-          {
-            prop: "sexValue",
-            label: "选择器",
-            dict: "gender",
-            comp: {
-              name: "el-select",
-              multiple: true,
-            },
-          },
-          {
-            prop: "sexValue",
-            label: "开关组件",
-            dict: "gender",
-            comp: {
-              name: "el-switch",
-            },
-          },
-          {
-            prop: "sexValue",
-            label: "单选框组件",
-            dict: "gender",
-            comp: {
-              name: "el-radio-group",
-            },
-          },
-          {
-            prop: "sexValue",
-            label: "复选框组件",
-            dict: "gender",
-            comp: {
-              name: "el-checkbox-group",
-            },
-          },
-        ],
-      },
-    };
-  },
-  created() {},
-  methods: {},
-};
-</script>

package/docs/.vuepress/components/dict/localDict.vue

@@ -1,68 +0,0 @@
-<template>
-  <sc-crud v-if="isMounted" :data.sync="data" :options="options"> </sc-crud>
-</template>
-
-<script>
-import { mockApi } from "../mock";
-export default {
-  name: "AddressSelect",
-  data() {
-    return {
-      isMounted: false,
-      data: [
-        {
-          province: "",
-          city: "",
-        },
-        {
-          province: "",
-          city: "",
-        },
-      ],
-    };
-  },
-  mounted() {
-    this.isMounted = true;
-    this.$scDict.register("provinces", {
-      request: mockApi.getProvinces,
-      immediate: true,
-    });
-  },
-  computed: {
-    options() {
-      if (!this.isMounted) return {};
-      return {
-        renderColumns: [
-          {
-            label: "省份",
-            prop: "pro",
-            comp: {
-              name: "el-select",
-              options: this.$scDict.provinces,
-              on: {
-                change: (val, { row }) => {
-                  row.city = "";
-                },
-              },
-            },
-          },
-          {
-            label: "城市",
-            prop: "city",
-            dict: {
-              local: true,
-              request: mockApi.getCities,
-              // 监听省份变化，返回请求参数
-              params: ({ row }) => row.pro,
-              immediate: false,
-            },
-            comp: {
-              name: "el-select",
-            },
-          },
-        ],
-      };
-    },
-  },
-};
-</script>

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

@@ -1,48 +0,0 @@
-<template>
-  <div>
-    <sc-form
-      :options="options"
-      :loading.sync="loading"
-      v-model="data"
-      @submit="submit"
-    >
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      options: {
-        action: {
-          submit: {},
-          reset: {},
-        },
-        columns: 2,
-        columnGap: "10px",
-        renderColumns: [
-          {
-            label: "姓名",
-            prop: "name",
-            required: true,
-          },
-          {
-            label: "性别",
-            prop: "gender",
-          },
-        ],
-      },
-      data: {},
-    };
-  },
-  methods: {
-    submit(cb, form) {
-      setTimeout(() => {
-        cb();
-      }, 500);
-    },
-  },
-};
-</script>

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

@@ -1,92 +0,0 @@
-<template>
-  <div>
-    <div style="margin: 0 0 20px 40px;">
-      <div>输入值：str2array-{{ data.strToArr }}</div>
-    </div>
-    <sc-form
-      ref="form"
-      :options="options"
-      :loading.sync="loading"
-      v-model="data"
-      @submit="submit"
-    >
-    </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      loading: false,
-      dictData: [
-        {
-          value: "1",
-          label: "张三",
-        },
-        {
-          value: "2",
-          label: "李四",
-        },
-      ],
-
-      data: {
-        strToArr: "1,2",
-      },
-    };
-  },
-  computed: {
-    options() {
-      return {
-        action: {
-          submit: {},
-          reset: {},
-        },
-        columns: 2,
-        columnGap: "10px",
-        renderColumns: [
-          {
-            label: "字符转数组",
-            prop: "strToArr",
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-            formatData: {
-              formatValue: true,
-              input: (value, { row }) => {
-                if (!value) {
-                  return [];
-                }
-                return typeof value === "string" ? value.split(",") : value;
-              },
-              output: (value, { row }) => {
-                if (!value) {
-                  return "";
-                }
-                return value.join(",");
-              },
-            },
-          },
-          {
-            label: "字符转数组-快捷方式",
-            prop: "strToArr",
-            comp: {
-              name: "sc-checkbox",
-              options: this.dictData,
-            },
-            formatData: "strToArr",
-          },
-        ],
-      };
-    },
-  },
-  methods: {
-    submit(cb, form) {
-      setTimeout(() => {
-        cb();
-      }, 500);
-    },
-  },
-};
-</script>

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

@@ -1,57 +0,0 @@
-<template>
-  <div>
-    <el-button
-      type="primary"
-      size="small"
-      @click="data.deep.deep.name = '改变deep值'"
-      >改变deep值</el-button
-    >
-    <el-button type="primary" size="small" @click="data.name = '改变name值'"
-      >改变name值</el-button
-    >
-    {{ data }}
-    <sc-form :options="options" v-model="data"> </sc-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      dictData: [
-        {
-          value: "1",
-          label: "张三",
-        },
-        {
-          value: "2",
-          label: "李四",
-        },
-      ],
-
-      data: {
-        deep: {
-          deep: {
-            name: "deep",
-          },
-        },
-      },
-    };
-  },
-  computed: {
-    options() {
-      return {
-        columns: 2,
-        columnGap: "10px",
-        renderColumns: [
-          {
-            label: "姓名",
-            prop: "name",
-            deepProp: "deep.deep.name",
-          },
-        ],
-      };
-    },
-  },
-};
-</script>