npm - wy-editor - Versions diffs - 1.0.0 → 1.0.3 - Mend

wy-editor 1.0.0 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/dist/demo.html +1 -0
package/dist/fonts/element-icons.f1a45d74.ttf +0 -0
package/dist/fonts/element-icons.ff18efd1.woff +0 -0
package/dist/wy-editor.common.js +109385 -0
package/dist/wy-editor.common.js.map +1 -0
package/dist/wy-editor.css +1 -0
package/dist/wy-editor.umd.js +109396 -0
package/dist/wy-editor.umd.js.map +1 -0
package/dist/wy-editor.umd.min.js +47 -0
package/dist/wy-editor.umd.min.js.map +1 -0
package/package.json +9 -4
package/.browserslistrc +0 -3
package/babel.config.js +0 -5
package/jsconfig.json +0 -19
package/public/favicon.ico +0 -0
package/public/index.html +0 -17
package/src/App.vue +0 -127
package/src/assets/logo.png +0 -0
package/src/components/FieldVariable.vue +0 -104
package/src/components/FormulaList.vue +0 -132
package/src/core/calculate.js +0 -90
package/src/core/functionCore.js +0 -92
package/src/core/index.js +0 -249
package/src/formula/base.js +0 -11
package/src/formula/frequentlyUse/formula.json +0 -30
package/src/formula/frequentlyUse/index.js +0 -13
package/src/formula/index.js +0 -12
package/src/formula/mathFormula/formula.json +0 -142
package/src/formula/mathFormula/index.js +0 -13
package/src/formula/statistics/formula.json +0 -30
package/src/formula/statistics/index.js +0 -13
package/src/formula/stringData/formula.json +0 -93
package/src/formula/stringData/index.js +0 -13
package/src/index.js +0 -5
package/src/index.vue +0 -219
package/src/main.js +0 -14
package/src/router/index.js +0 -14
package/src/utils/index.js +0 -35
package/vue.config.js +0 -4

package/package.json CHANGED Viewed

@@ -1,10 +1,17 @@
 {
   "name": "wy-editor",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "private": false,
+  "description": "公式配置",
+  "main": "dist/wy-editor.umd.min.js",
+  "module": "dist/wy-editor.common.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "build": "vue-cli-service build --target lib --name wy-editor ./src/main.js",
+    "build:app": "vue-cli-service build"
   },
   "dependencies": {
     "core-js": "^3.8.3",
@@ -21,8 +28,6 @@
     "less-loader": "^12.2.0",
     "vue-template-compiler": "^2.6.14"
   },
-  "description": "公式配置",
-  "main": "babel.config.js",
   "author": "",
   "license": "ISC"
 }

package/.browserslistrc DELETED Viewed

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead

package/babel.config.js DELETED Viewed

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}

package/jsconfig.json DELETED Viewed

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "esnext",
-    "baseUrl": "./",
-    "moduleResolution": "node",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ]
-    },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
-  }
-}

package/public/favicon.ico DELETED Viewed

Binary file

package/public/index.html DELETED Viewed

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/src/App.vue DELETED Viewed

@@ -1,127 +0,0 @@
-<template>
-  <div id="app">
-    <el-button type="text" @click="dialogVisible = true">配置公式</el-button>
-    <!-- <el-form ref="form" :model="formData">
-      <el-form-item label="名称">
-        <el-input v-model="formData.name"></el-input>
-      </el-form-item>
-      <el-form-item label="描述">
-        <el-input type="textarea" v-model="formData.desc"></el-input>
-      </el-form-item>
-    </el-form> -->
-    <div>结果：{{ result }}</div>
-    <el-dialog title="配置公式" :visible.sync="dialogVisible" width="800px">
-      <editorIndex
-        :formulaList="list"
-        ref="formulaEditor"
-        :formulaConf="formulaConf"
-        :loading="true"
-        :fieldList="fieldList"/>
-      <!-- <FormulaEditor
-        :formulaList="list"
-        ref="formulaEditor"
-        :formulaConf="formulaConf"
-        :loading="true"
-        :fieldList="fieldList"></FormulaEditor> -->
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="onCancel">取 消</el-button>
-        <el-button type="primary" @click="onConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-  import formulaObj from './formula'
-  import editorIndex from './index'
-  import { calculate, formulaWatcher, FormulaEditor } from 'vue-formula-editor'
-  export default {
-    name: 'HomeView',
-    components: {
-      FormulaEditor,
-      editorIndex
-    },
-    data() {
-      return {
-        dialogVisible: true,
-        formData: {
-          name: '',
-          desc: '',
-        },
-        result: 0,
-        list: [],
-        formulaConf: {},
-        watchData: null,
-        fieldList: [
-          {
-            fullName: '名称',
-            value: 'string',
-            enCode: 'name',
-          },
-          {
-            fullName: '描述',
-            value: 'string',
-            enCode: 'desc',
-          },
-           {
-            fullName: '名称1',
-            value: 'string',
-            enCode: 'name1',
-          },
-          {
-            fullName: '描述1',
-            value: 'string',
-            enCode: 'desc1',
-          },
-           {
-            fullName: '名称2',
-            value: 'string',
-            enCode: 'name2',
-          },
-          {
-            fullName: '描述2',
-            value: 'string',
-            enCode: 'desc2',
-          },
-        ],
-      }
-    },
-    computed: {
-      nodes() {
-        return this.list?.flatMap(o => o.formula) || []
-      },
-    },
-    mounted() {
-      this.list = formulaObj.map(ObjInstance => new ObjInstance())
-    },
-    methods: {
-      onConfirm() {
-        const data = this.$refs.formulaEditor.getData()
-        this.result = data.text;
-        this.dialogVisible = false
-        return;
-        this.formulaConf = data
-        this.dialogVisible = false
-        this.watchData?.()
-        // 自动监听form表单的值
-        this.watchData = formulaWatcher(
-          this,
-          { key: 'formData', value: this.formData },
-          this.formulaConf,
-          data => {
-            this.result = data
-          }
-        )
-      },
-      onCancel() {
-        this.dialogVisible = false
-      },
-      resetFormula() {
-        this.$refs.formulaEditor.reset()
-      },
-    },
-  }
-</script>
-<style></style>

package/src/assets/logo.png DELETED Viewed

Binary file

package/src/components/FieldVariable.vue DELETED Viewed

@@ -1,104 +0,0 @@
-<template>
-  <el-scrollbar style="height: 240px;"  class="field-variable">
-      <div class="field-search">
-        <el-input placeholder="搜索变量" prefix-icon="el-icon-search" v-model="searchVariable" clearable />
-      </div>
-      <div class="field-item" @click="$emit('fieldSelect', item)" v-for="item in filterFieldList" :key="item.enCode">
-        <span>{{ item.fullName }}</span>
-        <span :field-type="item.value" class="text-tag">
-          {{ type[item.value] }}
-        </span>
-      </div>
-  </el-scrollbar>
-</template>
-<script>
-export default {
-  name: 'FieldVariable',
-  props: {
-    fieldList: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  components: {},
-  data() {
-    const type = {
-      string: '字符串',
-      number: '数字',
-      array: '数组',
-    }
-    return {
-      type,
-      // 搜索值
-      searchVariable: '',
-      // 过滤后的变量
-      filterFieldList: [],
-    }
-  },
-  computed: {},
-  watch: {
-    searchVariable(val, old) {
-      this.filterFieldList = this.fieldList.filter(({ fullName }) => fullName.includes(val))
-    },
-  },
-  methods: {},
-  async created() { },
-  mounted() {
-    this.filterFieldList = this.fieldList
-  },
-}
-</script>
-<style lang="less" scoped>
-/deep/ .el-scrollbar__wrap {
-  overflow-x: hidden;
-}
-.field-variable {
-  max-width: 255px;
-  border: 1px solid #eee;
-  border-radius: 5px;
-  margin-right: 10px;
-  .field-search{
-    width:95%;
-    margin: 5px auto;
-  }
-  .field-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    padding: 8px;
-    user-select: none;
-    &:hover {
-      background-color: #f0f1f4;
-    }
-    .text-tag {
-      padding: 2px 6px;
-      border-radius: 4px;
-      color: #fff;
-      &[field-type='string'] {
-        color: #409eff;
-        background-color: #ecf5ff;
-      }
-      &[field-type='number'] {
-        color: #67c23a;
-        background-color: #f0f9eb;
-      }
-      &[field-type='array'] {
-        color: #e6a23c;
-        background-color: #fdf6ec;
-      }
-    }
-  }
-}
-</style>

package/src/components/FormulaList.vue DELETED Viewed

@@ -1,132 +0,0 @@
-<template>
-  <el-scrollbar style="height: 240px;" wrap-class="no-x-scrollbar" class="formula-list">
-    <div class="field-search">
-      <el-input placeholder='搜索函数' prefix-icon="el-icon-search" v-model="searchTreeVariable" clearable></el-input>
-    </div>
-    <div class="treeContainer" @mouseleave="leaveTree">
-      <Tree :data="filterData" :default-expanded-keys="['frequentlyUse']" :props="props"
-        :current-node-key="currentKeyNode.enCode" node-key="enCode" @node-click="nodeClick" highlight-current>
-        <span class="info-container" @mouseenter="enterInfo(data)" slot-scope="{ data }">
-          <span>{{ data.name }}</span>
-          <span v-if="data.tip" class="tip">
-            {{ data.tip }}
-          </span>
-        </span>
-      </Tree>
-    </div>
-  </el-scrollbar>
-</template>
-<script>
-import 'element-ui/lib/theme-chalk/index.css'
-import { Tree } from 'element-ui'
-export default {
-  name: 'FormulaList',
-  components: { Tree },
-  props: {
-    nodes: {
-      type: Array,
-      default: () => [],
-    },
-    props: {
-      type: Object,
-      default: () => ({
-        children: 'formula',
-        label: 'name',
-      }),
-    },
-  },
-  data() {
-    return {
-      searchTreeVariable: "",
-      // 选中的节点
-      currentKeyNode: {},
-    }
-  },
-  computed: {
-    filterData() {
-      if (!this.searchTreeVariable) {
-        return this.nodes
-      }
-      return this.filterTreeData(this.nodes)
-    },
-  },
-  watch: {},
-  methods: {
-    nodeClick(o) {
-      const currentKeyNode = this.currentKeyNode
-      // 目录情况
-      if (o.formula) {
-        if (currentKeyNode && currentKeyNode.enCode) {
-          this.currentKeyNode = {}
-        }
-        return
-      }
-      this.currentKeyNode = o
-      this.$emit('formulaClick', o)
-    },
-    filterTreeData(nodes) {
-      // 找到nodes树中包含searchTreeVariable的节点但只有一层的结果
-      return nodes.reduce((pre, cur) => {
-        if (cur.name.toLowerCase().includes(this.searchTreeVariable)) {
-          pre.push({ ...cur })
-        }
-        if (cur.formula) {
-          pre.push(...this.filterTreeData(cur.formula))
-        }
-        return pre
-      }, [])
-    },
-    enterInfo(data) {
-      if (data.formula) return
-      this.$emit('enterInfo', data)
-    },
-    leaveTree() {
-      if (this.currentKeyNode && this.currentKeyNode.enCode) {
-        this.$emit('enterInfo', this.currentKeyNode)
-      }
-    }
-  },
-  created() { },
-  mounted() { },
-}
-</script>
-<style lang="less" scoped>
-  /deep/ .el-scrollbar__wrap {
-  overflow-x: hidden;
-}
-.no-x-scrollbar .el-scrollbar__wrap {
-  overflow-x: hidden;
-}
-.field-search{
-  width:95%;
-  margin: 5px auto;
-}
-.formula-list {
-  border-radius: 5px;
-  border: 1px solid #eee;
-  margin-right: 10px;
-  .info-container {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-  ::v-deep .el-tree-node__content {
-    height: 100%;
-    // margin-top: 6px;
-    padding: 6px 0;
-    user-select: none;
-  }
-  .tip {
-    font-size: 12px;
-    color: #999;
-    margin-top: 1px;
-    line-height: 1.2;
-  }
-}
-</style>

package/src/core/calculate.js DELETED Viewed

@@ -1,90 +0,0 @@
-import functionCore from './functionCore'
-/**
- * 计算公式
- * @param {{text: string, marks: Array, value: Object}} params
- * @returns
- */
-function calculate(params) {
-  const { text, marks = [], value = {} } = params
-  if (!text) return new Error('非法公式')
-  try {
-    let str = text
-    let offset = 0 // 偏移量
-    marks.sort((a, b) => a.from.ch - b.from.ch)
-    for (const mark of marks) {
-      const { enCode, from, to, uuid } = mark
-      let data = value[enCode] || value[uuid]
-      // 子表情况
-      if (enCode.indexOf('.') > -1) {
-        const [key, subKey] = enCode.split('.')
-        if (value[key]) data = value[key].map(o => o[subKey])
-      }
-      if (data !== undefined) {
-        data = JSON.stringify(data)
-        // 替换字符串的指定部分
-        const startIndex = from.ch + offset
-        const endIndex = to.ch + offset
-        str = str.slice(0, startIndex) + data.toString() + str.slice(endIndex)
-        // 更新偏移量
-        offset += data.toString().length - (to.ch - from.ch)
-      } else {
-        return undefined
-      }
-    }
-    const result = functionCore.executeFunction(str)
-    return result
-  } catch (e) {
-    const errorTypes = {
-      TypeError: () => '类型错误',
-      RangeError: () => '范围错误',
-      SyntaxError: () => '语法错误',
-      ReferenceError: () => {
-        const regex = /^(\w+)\s+is\s+not\s+defined$/
-        const match = e.message.match(regex)
-        return match ? `${match[1]} 未定义` : '未定义的变量'
-      },
-    }
-    const errorType = errorTypes[e.constructor.name]
-    const errorMessage = errorType?.() || `其他错误: ${e.message}`
-    return {
-      error: true,
-      message: errorMessage,
-    }
-  }
-}
-/**
- * 动态监听并返回计算结果
- * @param {VueContentInstance} vm 当前Vue实例
- * @param {Object} formData 计算公式所需的数据
- * @param {Object} formulaConf 计算公式配置
- * @param {Function} fn 回调函数
- * @returns {Function} 取消监听函数
- */
-function formulaWatcher(vm, formData, formulaConf, fn) {
-  const watchList = []
-  const { key, value } = formData
-  const toCalculate = () => {
-    const data = calculate({
-      value,
-      marks: formulaConf.marks,
-      text: formulaConf.text,
-    })
-    fn(data)
-  }
-  formulaConf.marks.forEach(mark => {
-    const [preCode] = mark.enCode.split('.')
-    const watchItem = vm.$watch(`${key}.${preCode}`, toCalculate)
-    watchList.push(watchItem)
-  })
-  // 初始化计算
-  toCalculate()
-  return () => watchList.forEach(watchItem => watchItem())
-}
-export { calculate, formulaWatcher }

package/src/core/functionCore.js DELETED Viewed

@@ -1,92 +0,0 @@
-import * as FormulaFunc from '@formulajs/formulajs'
-class FunctionCore {
-  constructor() {
-    Object.assign(FunctionCore.prototype, FormulaFunc)
-    // 为了兼容不同的函数命名（如 Ceiling / CEILING / ceiling），对导入的函数创建大小写别名
-    Object.keys(FormulaFunc).forEach(key => {
-      const fn = FormulaFunc[key]
-      if (typeof fn !== 'function') return
-      const lower = key.toLowerCase()
-      const upper = key.toUpperCase()
-      const capitalized = key.charAt(0).toUpperCase() + key.slice(1).toLowerCase()
-      if (!FunctionCore.prototype[lower]) FunctionCore.prototype[lower] = fn
-      if (!FunctionCore.prototype[upper]) FunctionCore.prototype[upper] = fn
-      if (!FunctionCore.prototype[capitalized]) FunctionCore.prototype[capitalized] = fn
-    })
-    // 若 formulajs 中没有一些常用的字符串函数（或命名差异），提供后备实现
-    const fallbackStringFuncs = {
-      TOLOWER: s => (s == null ? '' : String(s).toLowerCase()),
-      TOUPPER: s => (s == null ? '' : String(s).toUpperCase()),
-      CONCAT: (...args) => args.map(a => (a == null ? '' : String(a))).join(''),
-      LENGTH: s => (s == null ? 0 : String(s).length),
-      SUBSTRING: (s, start, len) => {
-        const str = s == null ? '' : String(s)
-        const st = Number(start) || 0
-        if (len === undefined) return str.slice(st - 1)
-        return str.substr(st - 1, Number(len) || 0)
-      },
-      TRIM: s => (s == null ? '' : String(s).trim()),
-      REPLACE: (s, oldText, newText) => (s == null ? '' : String(s).split(oldText).join(newText)),
-      INDEXOF: (s, sub) => {
-        const idx = (s == null ? '' : String(s)).indexOf(sub == null ? '' : String(sub))
-        return idx === -1 ? 0 : idx + 1
-      },
-      CONTAINS: (s, sub) => (s == null ? false : String(s).includes(sub == null ? '' : String(sub))),
-      STARTSWITH: (s, pre) => (s == null ? false : String(s).startsWith(pre == null ? '' : String(pre))),
-      ENDSWITH: (s, suf) => (s == null ? false : String(s).endsWith(suf == null ? '' : String(suf))),
-      FORMAT: (template, ...args) => {
-        const tpl = template == null ? '' : String(template)
-        return tpl.replace(/\{(\d+)\}/g, (m, i) => (args[i] == null ? '' : String(args[i])))
-      },
-      TOSTRING: v => (v == null ? '' : String(v)),
-    }
-    Object.keys(fallbackStringFuncs).forEach(k => {
-      if (!FunctionCore.prototype[k]) FunctionCore.prototype[k] = fallbackStringFuncs[k]
-    })
-    // 后备数学函数（避免 Truncate 等未定义）
-    const fallbackMathFuncs = {
-      Truncate: n => {
-        if (n == null) return 0
-        const num = Number(n)
-        if (Number.isNaN(num)) return 0
-        if (typeof Math.trunc === 'function') return Math.trunc(num)
-        return num < 0 ? Math.ceil(num) : Math.floor(num)
-      },
-      ACos: n => {
-        if (n == null) return 0
-        const num = Number(n)
-        if (Number.isNaN(num)) return 0
-        return Math.acos(num)
-      },
-      Pow: (base, exp) => {
-        const b = Number(base)
-        const e = Number(exp)
-        if (Number.isNaN(b) || Number.isNaN(e)) return 0
-        return Math.pow(b, e)
-      },
-    }
-    Object.keys(fallbackMathFuncs).forEach(k => {
-      if (!FunctionCore.prototype[k]) FunctionCore.prototype[k] = fallbackMathFuncs[k]
-    })
-  }
-  executeFunction(str) { // 执行函数
-    const fn = new Function(
-      'with(this) { return ' + str + '; }' // 使用 `with` 来确保从当前实例中查找函数
-    ).bind(this)
-    return fn()
-  }
-}
-// 单例对象，保证全局只有一个实例
-const functionCore = new FunctionCore()
-export default functionCore