vue-super-crud 1.7.1 → 1.7.2

package/examples/views/formTest/index.vue

@@ -1,168 +0,0 @@
-<template>
-  <div>
-    <sc-form v-model="formData" ref="form" :options="options"> </sc-form>
-    <el-button type="primary" size="default" @click="openDialog(false)"
-      >Dialog</el-button
-    >
-    <el-button type="primary" size="default" @click="openDialog(true)"
-      >Drawer</el-button
-    >
-    <div>字典数据：{{ $sc_dicts.data["sys_notice_status"] }}</div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      checkList: [],
-      formData: {
-        checkList1: ["张三", "李四"],
-        dateStart: "2022-01-03",
-        dateEnd: "2022-01-25",
-      },
-      dictData: [
-        {
-          value: "张三",
-          label: "1111",
-        },
-        {
-          value: "李四",
-          label: "2222",
-        },
-      ],
-      a: {
-        value: "张三",
-        label: "1111",
-      },
-    };
-  },
-  mounted() {
-    this.$sc_dicts.get(["sys_status", "sys_notice_status", "listAll"]);
-
-    setTimeout(() => {
-      console.log(this.$sc_dicts.getMap("listAll"));
-    }, 1000);
-  },
-  computed: {
-    options() {
-      return {
-        // detail: true,
-        action: {
-          search: {},
-          reset: {},
-        },
-        renderColumns: [
-          {
-            label: "11111",
-            icon: "el-icon-user",
-            collapse: false,
-            children: [
-              {
-                label: "年龄",
-                prop: "name",
-                labelPosition: "top",
-                comp: (scope) => {
-                  return {
-                    name: "el-select",
-                    clearable: true,
-                    on: {
-                      change(v, a, vm) {
-                        console.log(v, a, vm, scope);
-                      },
-                    },
-                    children: (this.$sc_dicts.data["sys_notice_status"] || []).map(
-                      (i) => ({
-                        name: "el-option",
-                        label: i.label,
-                        value: i.value,
-                      })
-                    ),
-                  };
-                },
-                rules: {
-                  required: {},
-                },
-              },
-              {
-                label: "日期",
-                prop: "dateStart-dateEnd",
-                formatTemp: {
-                  inner: (value, key, inner, outer) => {
-                    return value;
-                  },
-                  outer: (value, key, outer, inner) => {
-                    return value;
-                  },
-                },
-                render: (h, { form }) => {
-                  return (
-                    <el-date-picker
-                      v-model={form["dateStart-dateEnd"]}
-                      value-format="yyyy-MM-dd"
-                      type="daterange"
-                      range-separator="至"
-                      start-placeholder="开始日期"
-                      end-placeholder="结束日期"
-                    ></el-date-picker>
-                  );
-                },
-              },
-            ],
-          },
-          {
-            label: "11111",
-            children: [
-              {
-                label: "年龄",
-                prop: "checkList",
-                rules: {
-                  required: {},
-                },
-                formatTemp: "str2array",
-                comp: (scope) => {
-                  return {
-                    name: "el-checkbox-group",
-                    children: this.dictData.map((i) => ({
-                      name: "el-checkbox",
-                      label: i.value,
-                      children: i.label,
-                    })),
-                  };
-                },
-              },
-            ],
-          },
-        ],
-      };
-    },
-  },
-  methods: {
-    openDialog(drawer) {
-      const dialog = this.$dialog({
-        drawer,
-        presetType: "success-msg",
-        // class: "1231231",
-        // title: "测试",
-        // width: "1000px",
-        // cache: true,
-        // comp: {
-        //   name: "div",
-        //   children: "12321312",
-        // },
-        // render: () => {
-        //   return <div ref="test">23423432</div>;
-        // },
-        beforeClose: (done, val) => {
-          if (val === "cancel") {
-            done();
-          }
-        },
-      });
-      dialog.show().then((res) => {});
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/examples/views/nested/menu1/index.vue

@@ -1,7 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1">
-      <router-view />
-    </el-alert>
-  </div>
-</template>

package/examples/views/nested/menu1/menu1-1/index.vue

@@ -1,7 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1-1" type="success">
-      <router-view />
-    </el-alert>
-  </div>
-</template>

package/examples/views/nested/menu1/menu1-2/index.vue

@@ -1,7 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1-2" type="success">
-      <router-view />
-    </el-alert>
-  </div>
-</template>

package/examples/views/nested/menu1/menu1-2/menu1-2-1/index.vue

@@ -1,5 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1-2-1" type="warning" />
-  </div>
-</template>

package/examples/views/nested/menu1/menu1-2/menu1-2-2/index.vue

@@ -1,5 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1-2-2" type="warning" />
-  </div>
-</template>

package/examples/views/nested/menu1/menu1-3/index.vue

@@ -1,5 +0,0 @@
-<template functional>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 1-3" type="success" />
-  </div>
-</template>

package/examples/views/nested/menu2/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div style="padding:30px;">
-    <el-alert :closable="false" title="menu 2" />
-  </div>
-</template>

package/gulpfile.js

@@ -1,84 +0,0 @@
-const gulp = require("gulp");
-const sass = require("gulp-sass")(require("sass"));
-var autoprefixer = require("gulp-autoprefixer");
-var cssmin = require("gulp-cssmin");
-const webpack = require("webpack");
-const webpackConf = require("./build/build.js");
-
-// 构建webpack配置
-gulp.task("webpack", async function () {
-  try {
-    const stats = await new Promise((resolve, reject) => {
-      webpack(webpackConf, (err, stats) => {
-        if (err) {
-          reject(err);
-          return;
-        }
-        resolve(stats);
-      });
-    });
-
-    // 处理编译过程中的错误和警告
-    const info = stats.toJson();
-
-    if (stats.hasErrors()) {
-      console.error("\x1b[31m%s\x1b[0m", "打包失败！"); // 红色文字
-      console.error(info.errors);
-      throw new Error("Webpack 编译失败");
-    }
-
-    if (stats.hasWarnings()) {
-      console.warn("\x1b[33m%s\x1b[0m", "打包警告："); // 黄色文字
-      console.warn(info.warnings);
-    }
-
-    console.log("\x1b[32m%s\x1b[0m", "打包成功！"); // 绿色文字
-  } catch (error) {
-    console.error("\x1b[31m%s\x1b[0m", "打包过程发生错误："); // 红色文字
-    console.error(error);
-    throw error; // 抛出错误以中断 gulp 任务
-  }
-});
-
-// 处理样式的配置
-gulp.task("compile", function () {
-  return gulp
-    .src("./styles/index.scss")
-    .pipe(sass())
-    .pipe(
-      autoprefixer({
-        browsers: ["ie > 9", "last 2 versions"],
-        cascade: false,
-      })
-    )
-    .pipe(cssmin())
-    .pipe(gulp.dest("./lib/"));
-});
-
-// 打包文件
-gulp.task("build", gulp.series(["compile", "webpack"]));
-
-function debounce(func, wait) {
-  let timeout;
-
-  return function () {
-    let context = this;
-    let args = arguments;
-
-    clearTimeout(timeout);
-    timeout = setTimeout(function () {
-      func.apply(context, args);
-    }, wait);
-  };
-}
-
-// 监听文件变化
-gulp.task("listen", async function () {
-  gulp.watch(["./styles/**"], debounce(gulp.series(["compile"]), 2000));
-  gulp.watch(
-    ["./src/**", "./packages/**"],
-    debounce(gulp.series(["webpack"]), 2000)
-  );
-});
-
-gulp.task("watch", gulp.series(["compile", "webpack", "listen"]));

package/packages/button/index.vue

@@ -1,189 +0,0 @@
-<template>
-  <el-button
-    v-if="getIsShow() && !attrs.children"
-    :disabled="isDebounce || attrs.disabled"
-    v-bind="attrs"
-    :size="size"
-    :class="b()"
-    @click="handleClick()"
-  >
-    <span v-if="attrs.label">{{ attrs.label }}</span>
-    <slot v-if="$slots.default"></slot>
-  </el-button>
-  <el-dropdown
-    v-else-if="getIsShow()"
-    v-bind="attrs"
-    trigger="click"
-    :size="size"
-    :disabled="isDebounce || attrs.disabled"
-  >
-    <el-button
-      :class="b()"
-      :size="size"
-      :disabled="isDebounce || attrs.disabled"
-      v-bind="attrs"
-      ><span v-if="attrs.label">{{ attrs.label }}</span
-      ><slot v-if="$slots.default"></slot
-      ><i class="el-icon-arrow-down el-icon--right"></i
-    ></el-button>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item
-        v-for="(child, idx) in attrs.children"
-        @click.native="handleClick(child)"
-        :key="idx"
-        v-bind="child"
-        >{{ child.label }}</el-dropdown-item
-      >
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-<script>
-import { create } from "core";
-import { isFunction } from "lodash-es";
-export default create({
-  inheritAttrs: false,
-  name: "button",
-  props: {
-    time: {
-      type: Number,
-      default: 300,
-    },
-    size: String,
-    scope: {},
-    onClick: {},
-    confirm: {},
-    customConfirm: {},
-    successBack: {},
-    textSubmit: {},
-    batchConfirm: {},
-  },
-  data() {
-    return {
-      isDebounce: false,
-      attrs: {},
-    };
-  },
-  watch: {
-    $attrs() {
-      this.attrs = this.getBindAttrs();
-    },
-  },
-  created() {
-    this.attrs = this.getBindAttrs();
-  },
-  methods: {
-    getBindAttrs() {
-      const attrs = {};
-      Object.keys(this.$attrs).forEach((key) => {
-        if (isFunction(this.$attrs[key])) {
-          attrs[key] = this.$attrs[key](this.scope);
-        } else {
-          attrs[key] = this.$attrs[key];
-        }
-      });
-      return attrs;
-    },
-    getIsShow() {
-      const bindAttrs = this.attrs;
-      if (bindAttrs.hidden) return false;
-      if (bindAttrs.show === false) return false;
-      return true;
-    },
-    handleClick(item = this) {
-      this.beforeClick((...args) => {
-        if (item.onClick) {
-          item.onClick(this.scope, ...args);
-        } else {
-          this.$emit("click", ...args);
-        }
-        this.isDebounce = true;
-        setTimeout(() => {
-          this.isDebounce = false;
-        }, this.time);
-      }, item);
-    },
-    beforeClick(cb, item) {
-      if (item.confirm) {
-        this.handleConfirm(item.confirm, cb);
-      } else if (item.customConfirm) {
-        this.handleCustomConfirm(item.customConfirm, cb);
-      } else if (item.successBack) {
-        this.handleSuccessBack(item.successBack, cb);
-      } else if (item.textSubmit) {
-        this.handleFormSubmit(item.textSubmit, cb);
-      } else if (item.batchConfirm) {
-        this.$scDialog({
-          presetType: "batchConfirm",
-          ...item.batchConfirm,
-        }).show(cb);
-      } else {
-        cb();
-      }
-    },
-    handleConfirm(confirm, cb) {
-      if (isFunction(confirm)) confirm = confirm(this.scope);
-      // 处理字符串和布尔值配置
-      if (confirm === true || typeof confirm === "string") {
-        const message = confirm === true ? "确定要执行此操作吗？" : confirm;
-        this.$confirm(message, "提示", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }).then(() => {
-          cb();
-        });
-        return;
-      }
-      // 处理对象配置
-      const {
-        label,
-        title = "提示",
-        confirmButtonText = "确定",
-        cancelButtonText = "取消",
-        type = "warning",
-      } = confirm;
-      this.$confirm(label || "确定要执行此操作吗？", title, {
-        confirmButtonText,
-        cancelButtonText,
-        type,
-      }).then(() => {
-        cb();
-      });
-    },
-    handleCustomConfirm(customConfirm, cb) {
-      if (isFunction(customConfirm)) customConfirm = customConfirm(this.scope);
-      this.$scDialog({
-        presetType: "confirmTip",
-        label: customConfirm.label,
-        content: customConfirm.content,
-        title: customConfirm.title,
-      }).show(cb);
-    },
-    handleSuccessBack(successBack, cb) {
-      const vm = this.$scDialog({
-        presetType: "successBack",
-        onClick: () => {
-          if (isFunction(successBack)) {
-            successBack(this.scope);
-            vm.hide();
-          } else {
-            setTimeout(() => {
-              this.$router.go(-1);
-              vm.hide();
-            }, 50);
-          }
-        },
-      });
-      cb(() => vm.show());
-    },
-    handleFormSubmit(textSubmit, clickCb) {
-      if (isFunction(textSubmit)) textSubmit = textSubmit(this.scope);
-      this.$scDialog({
-        presetType: "textSubmit",
-        ...textSubmit,
-        submit: clickCb,
-      }).show();
-    },
-  },
-});
-</script>