sohelp-eleplus 1.1.1-8.beta.1

package/http/SohelpHttp.js

@@ -0,0 +1,125 @@
+/**
+ * axios实例
+ */
+import { ElMessageBox } from "element-plus/es";
+
+
+export const SohelpHttp = {
+
+  /**
+   * 获取后端上下文地址
+   */
+  getBaseUrl(){
+    return window.$axios.defaults.baseURL
+  },
+
+  /**
+   * 下载文件
+   * @param _url
+   * @param param
+   * @param fileName
+   * @returns {Promise<never>}
+   */
+  download: async function(_url, param, fileName) {
+    if (window.$axios == null) {
+      console.error("请在配置main.js中配置window.$axios实例！！");
+      return;
+    }
+    try {
+      if (!fileName) {
+        fileName = (new Date()).getTime();
+      }
+      // 发起GET请求，设置responseType为blob
+      const response = await window.$axios.get(_url, {
+        responseType: "blob",
+        params: param
+      }).catch(e => {
+        return Promise.reject(e.message);
+      });
+      if (response.type === "application/json") {
+        try {
+          const text = await response.text();
+          const res = JSON.parse(text);
+          if (res?.meta?.success) {
+            return res.data;
+          } else {
+            if (res?.meta?.error) {
+              console.log("SohelpHttp.download:", res.meta.error);
+            }
+            return Promise.reject(new Error(res.meta.message));
+          }
+        } catch (e) {
+          return Promise.reject(e.message);
+        }
+        return;
+      }
+      // 创建一个链接元素用于下载
+      const url = window.URL.createObjectURL(response);
+      const link = document.createElement("a");
+      link.href = url;
+      link.setAttribute("download", fileName); // 设置下载的文件名
+      document.body.appendChild(link);
+
+      // 触发下载
+      link.click();
+      // 清理
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  },
+  get: function(url, param, callback) {
+    if (window.$axios == null) {
+      console.error("请在配置main.js中配置window.$axios实例！！");
+      return;
+    }
+    for (const key in param) {
+      if (typeof param[key] === "object" && param[key] !== null) {
+        param[key] = JSON.stringify(param[key]); // 转换为 JSON 字符串
+      }
+    }
+    let promise = window.$axios.get(url, { params: param });
+    return promise.then((r) => {
+      if (!r.meta.success && r.meta.error) {
+        console.error(
+          "(GET请求URL):",
+          url,
+          "(请求参数):",
+          param,
+          "(返回结果):",
+          r.meta.error
+        );
+      }
+      if (typeof callback === "function") {
+        callback.call(this, r);
+      }
+      return Promise.resolve(r);
+    });
+  },
+  post: function(url, param, callback, error) {
+    if (window.$axios == null) {
+      console.error("请在配置main.js中配置window.$axios实例！！");
+      return;
+    }
+    let promise = window.$axios.post(url, param);
+    return promise.then((r) => {
+      if (!r.meta.success && r.meta.error) {
+        console.error(
+          "(GET请求URL):",
+          url,
+          "(请求参数):",
+          param,
+          "(返回结果):",
+          r.meta.error
+        );
+      }
+      if (typeof callback === "function") {
+        callback.call(this, r);
+      }
+      return Promise.resolve(r);
+    });
+  }
+};
+
+export default SohelpHttp;

package/index.js

@@ -0,0 +1,6 @@
+import App from '@/App.vue';
+
+/** https://sohelp.net */
+export * from './components';
+export * from './core-export';
+export { installer as default } from './installer';

package/installer.js

@@ -0,0 +1,8 @@
+import * as components from './components';
+export const installer = {
+    install(app) {
+        Object.keys(components).forEach((key) => {
+            app.component(components[key].name, components[key]);
+        });
+    }
+};

package/lang/en_US.js

@@ -0,0 +1,4 @@
+const localeValues = {
+
+};
+export default localeValues;

package/lang/zh_CN.js

@@ -0,0 +1,4 @@
+const localeValues = {
+
+};
+export default localeValues;

package/lang/zh_TW.js

@@ -0,0 +1,4 @@
+const localeValues = {
+
+};
+export default localeValues;

package/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "sohelp-eleplus",
+  "version": "1.1.18.beta.01",
+  "description": "SohelpEleplus Extension Components",
+  "public": true,
+  "main": "index.js",
+  "author": "",
+  "license": "ISC"
+}

package/sohelp-ace-editor/index.vue

@@ -0,0 +1,198 @@
+<template>
+  <div class="ace-container" ref="aceContainer">
+    <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->
+    <div class="ace-editor" ref="ace"></div>
+  </div>
+</template>
+
+<script>
+import ace from 'ace-builds';
+/* 启用此行后webpack打包回生成很多动态加载的js文件，不便于部署，故禁用！！
+   特别提示：禁用此行后，需要调用ace.config.set('basePath', 'path...')指定动态js加载URL！！
+ */
+//import 'ace-builds/webpack-resolver'
+
+//import 'ace-builds/src-min-noconflict/theme-monokai' // 默认设置的主题
+import 'ace-builds/src-min-noconflict/theme-sqlserver'; // 新设主题
+import 'ace-builds/src-min-noconflict/mode-javascript'; // 默认设置的语言模式
+import 'ace-builds/src-min-noconflict/mode-json'; //
+import 'ace-builds/src-min-noconflict/mode-css'; //
+import 'ace-builds/src-min-noconflict/ext-language_tools';
+
+export default {
+  name: 'CodeEditor',
+  props: {
+    height: {
+      type: String,
+      default: '400px'
+    },
+    modelValue: {
+      type: String
+      //required: true
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    mode: {
+      type: String,
+      default: 'javascript'
+    },
+    userWorker: {
+      //是否开启语法检查，默认开启
+      type: Boolean,
+      default: true
+    },
+    wrap: {
+      type: Boolean,
+      default: true
+    },
+    bindKey: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ['update:modelValue', 'bindExec'],
+  mounted() {
+    ace.config.set(
+      'basePath',
+      'https://ks3-cn-beijing.ksyun.com/vform2021/ace'
+    );
+    const h = Number(this.height.replace("px",""));
+    const maxLine =  h/10 < 5 ? 5 : h /10;
+    this.addAutoCompletion(ace); //添加自定义代码提示！！
+    this.aceEditor = ace.edit(this.$refs.ace, {
+      maxLines: maxLine, // 最大行数，超过会自动出现滚动条
+      minLines: 5, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
+      fontSize: 12, // 编辑器内字体大小
+      theme: this.themePath, // 默认设置的主题
+      mode: this.modePath, // 默认设置的语言模式
+      tabSize: 2, // 制表符设置为2个空格大小
+      readOnly: this.readonly,
+      highlightActiveLine: true,
+      value: this.codeValue,
+      wrap: this.wrap
+    });
+
+    this.aceEditor.setOptions({
+      enableBasicAutocompletion: true,
+      enableSnippets: true, // 设置代码片段提示
+      enableLiveAutocompletion: true // 设置自动提示
+    });
+
+    if (this.bindKey) {
+      this.aceEditor.commands.addCommand({
+        name: 'myShortcut',
+        bindKey: {
+          ...this.bindKey
+        },
+        exec: (editor) => {
+          this.$emit('bindExec', this.modelValue);
+        }
+      });
+    }
+
+    if (this.mode === 'json') {
+      this.setJsonMode();
+    } else if (this.mode === 'css') {
+      this.setCssMode();
+    }
+
+    if (!this.userWorker) {
+      this.aceEditor.getSession().setUseWorker(false);
+    }
+
+    //编辑时同步数据
+    this.aceEditor.getSession().on('change', (ev) => {
+      this.$emit('update:modelValue', this.aceEditor.getValue());
+    });
+
+    this.$nextTick(() => {
+      this.$refs.ace.style.minHeight = this.height;
+    });
+  },
+  data() {
+    return {
+      aceEditor: null,
+      themePath: 'ace/theme/sqlserver', // 不导入 webpack-resolver，该模块路径会报错
+      modePath: 'ace/mode/javascript', // 同上
+      codeValue: this.modelValue
+    };
+  },
+
+  methods: {
+    addAutoCompletion(ace) {
+      let acData = [
+        {
+          meta: 'VForm API',
+          caption: 'getWidgetRef',
+          value: 'getWidgetRef()',
+          score: 1
+        },
+        {
+          meta: 'VForm API',
+          caption: 'getFormRef',
+          value: 'getFormRef()',
+          score: 1
+        },
+        {
+          meta: 'VForm API',
+          caption: 'getParentFormRef',
+          value: 'getParentFormRef()',
+          score: 1
+        }
+        //TODO: 待补充！！
+      ];
+      let langTools = ace.require('ace/ext/language_tools');
+      langTools.addCompleter({
+        getCompletions: function (editor, session, pos, prefix, callback) {
+          if (prefix.length === 0) {
+            return callback(null, []);
+          } else {
+            return callback(null, acData);
+          }
+        }
+      });
+    },
+
+    setJsonMode() {
+      this.aceEditor.getSession().setMode('ace/mode/json');
+      this.formatJson(this.codeValue);
+    },
+
+    setCssMode() {
+      this.aceEditor.getSession().setMode('ace/mode/css');
+    },
+
+    getEditorAnnotations() {
+      return this.aceEditor.getSession().getAnnotations();
+    },
+
+    setValue(newValue) {
+      this.aceEditor.getSession().setValue(newValue);
+    },
+
+    formatJson(val) {
+      if (val) {
+        try {
+          var jsonValue = JSON.parse(val);
+          var formattedJson = JSON.stringify(jsonValue, null, 2);
+          this.aceEditor.setValue(formattedJson);
+        } catch (error) {
+          console.error('无效的json');
+        }
+      } else {
+        this.aceEditor.setValue('{}');
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.ace-container,
+.ace-editor {
+  // min-height: 300px;
+  width: 100%;
+}
+</style>

package/sohelp-application-select/index.vue

@@ -0,0 +1,15 @@
+<script>
+export default {
+  name: "SohelpApplicationSelect"
+}
+</script>
+
+<template>
+<div>
+  应用列表
+</div>
+</template>
+
+<style scoped>
+
+</style>

package/sohelp-autocode/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <sohelp-input v-bind="$attrs" v-model="modelValue">
+    <template #append>
+      <el-icon style="cursor: pointer" @click="getCode">
+        <Refresh />
+      </el-icon>
+    </template>
+  </sohelp-input>
+</template>
+<script setup>
+  import { nextTick, onMounted, useAttrs } from 'vue';
+  import { ElMessage } from 'element-plus';
+  import { Refresh } from '@element-plus/icons-vue';
+  const attrs = useAttrs();
+
+  const props = defineProps({
+    field: { type: String, default: '' },
+    refid: { type: String, default: '' }
+  });
+
+  const modelValue = defineModel();
+
+  onMounted(() => {
+    nextTick(() => {
+      if (attrs?.autoLoad) {
+        getCode();
+      }
+    });
+  });
+
+  const getCode = async () => {
+    if (attrs.readonly) {
+      return;
+    }
+    const { field, refid } = props;
+    if (field && refid) {
+      const res = await SohelpHttp.get(`/engine/web/crud/autocode?refid=${refid}&field=${field}`).catch((err) => {
+        ElMessage.error(err.message || 'error');
+      });
+      if (res?.data) {
+        modelValue.value = res.data || 123;
+      }
+    } else {
+      ElMessage.error('请配置Refid和Field参数');
+    }
+  };
+</script>
+<script>
+  export default {
+    name: 'SohelpAutocode'
+  };
+</script>
+<style scoped></style>

package/sohelp-calendar-view/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<div>日历视图</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

package/sohelp-card-view/index.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<div>卡片视图</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

package/sohelp-condition/index.vue

@@ -0,0 +1,210 @@
+<template>
+  <div>
+    <div style="display: flex; align-items: center">
+      <el-select
+        v-model="obj.type"
+        :style="{ backgroundColor: obj.type === 'and' ? '#38c10b' : '#c59d0a' }"
+        class="mySelectStyle"
+      >
+        <el-option label="满足所有条件" value="and" />
+        <el-option label="满足任一条件" value="or" />
+      </el-select>
+      <el-icon @click="addSubCondition(0)" style="margin-left: 10px; cursor: pointer" size="24">
+        <Fold />
+      </el-icon>
+      <el-dropdown trigger="click">
+        <el-icon style="margin-left: 10px; cursor: pointer" size="24">
+          <CirclePlus />
+        </el-icon>
+        <template #dropdown>
+          <el-dropdown-menu>
+            <el-dropdown-item @click="addCondition(item)" v-for="item in fields">{{ item.label }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+      <el-icon
+        v-if="currentIndex > -1"
+        @click="delSubCondition(currentIndex)"
+        style="margin-left: 8px; cursor: pointer"
+        size="20"
+      >
+        <Delete />
+      </el-icon>
+    </div>
+    <div
+      v-if="obj.children && obj.children.length"
+      v-for="(item, index) in obj.children"
+      :style="{ borderLeft: obj.type === 'and' ? '4px solid #38c10b' : '4px solid #c59d0a' }"
+    >
+      <div v-if="!item.type" style="display: flex; align-items: center; justify-content: space-between; padding: 10px">
+        <div style="display: flex; align-items: center; width: 240px">
+          <div style="font-size: 16px; margin-right: 10px">{{ item.label }}</div>
+          <select v-model="item.comparison" style="border: none; width: auto; background-color: #dedede">
+            <option v-for="op in options" :value="op.value">{{ op.label }}</option>
+          </select>
+        </div>
+        <div style="display: flex; align-items: center">
+          <el-input v-model="item.value" placeholder="请输入" />
+          <el-icon @click="removeCondition(index)" style="margin-left: 8px" size="20">
+            <Delete />
+          </el-icon>
+        </div>
+      </div>
+      <div v-else style="padding: 10px 0 0 10px">
+        <SohelpCondition
+          :value="item"
+          :fields="fields"
+          :current-index="index"
+          :key="item.key || index"
+          @removeCondition="removeCondition(index)"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'SohelpCondition',
+    components: {
+      SohelpCondition: import('./index.vue')
+    },
+    props: {
+      fields: {
+        type: Array,
+        required: true
+      },
+      modelValue: {
+        type: Object,
+        required: true
+      },
+      value: {
+        type: Object,
+        required: true
+      },
+      currentIndex: {
+        type: Number,
+        default: -1
+      }
+    },
+    data() {
+      return {
+        mainConditionType: 'and', // 主条件类型
+        conditions: [],
+        options: [
+          {
+            label: '包含',
+            value: 'LIKE'
+          },
+          {
+            label: '不包含',
+            value: 'NOT_LIKE'
+          },
+
+          {
+            label: '等于',
+            value: 'EQ'
+          },
+          {
+            label: '不等于',
+            value: 'NE'
+          },
+          {
+            label: '大于',
+            value: 'GT'
+          },
+          {
+            label: '小于',
+            value: 'LT'
+          },
+          {
+            label: '大于等于',
+            value: 'GTE'
+          },
+          {
+            label: '小于等于',
+            value: 'LTE'
+          },
+          {
+            label: '左包含',
+            value: 'LEFT_LIKE'
+          },
+          {
+            label: '右包含',
+            value: 'RIGHT_LIKE'
+          },
+          {
+            label: '为空',
+            value: 'EMPTY'
+          },
+          {
+            label: '不为空',
+            value: 'NOT_EMPTY'
+          }
+        ],
+        obj: this.value
+      };
+    },
+    watch: {
+      conditions: {
+        handler(newConditions) {
+          this.$emit('update:modelValue', { [this.mainConditionType]: newConditions });
+        },
+        deep: true
+      }
+    },
+    methods: {
+      addCondition(row) {
+        let data = [];
+        let datato = [];
+        if (this.obj.children.length) {
+          this.obj.children.forEach((e) => {
+            if (!e.type) {
+              data.push({ ...e });
+            } else {
+              datato.push({ ...e });
+            }
+          });
+        }
+        data.push({ ...row });
+        this.obj.children = data.concat(datato);
+      },
+      removeCondition(index) {
+        this.obj.children.splice(index, 1);
+        // 刷新
+        this.obj.children.forEach((t) => {
+          t.key = Math.random();
+        });
+      },
+      addSubCondition() {
+        // 确保 children 数组存在
+        // if (!this.conditions[index].children) {
+        //   this.$set(this.conditions[index], 'children', []);
+        // }
+        this.obj.children.push({
+          type: 'and',
+          children: []
+        });
+      },
+      delSubCondition(index) {
+        if (index > -1) {
+          this.$emit('removeCondition', index);
+        }
+      }
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  /* 添加样式 */
+  .mySelectStyle {
+    border-radius: 5px;
+    border: none !important;
+    width: 130px;
+  }
+
+  :deep(.el-select__placeholder) {
+    color: #ffffff !important;
+    /* 自定义占位符颜色 */
+  }
+</style>