imatrix-ui 0.1.4-up → 0.1.5-up

package/components/index.js

@@ -4,10 +4,11 @@ import FsPreview from './fs-preview/fs-preview.vue'
 import RichEditor from './rich-editor/index.vue'
 import DynamicSourceSelect from './dynamic-source-select/dynamic-source-select.vue'
 import customPlugin from './plugins/index'
+import SuperNineGrid from './super-nine-grid/super-nine-grid.vue'
 import SvgIcon from './svg-icon'
 
 // 按需引入
-export { Button, SuperGrid, FsPreview, RichEditor, DynamicSourceSelect }
+export { Button, SuperGrid, FsPreview, RichEditor, DynamicSourceSelect,SuperNineGrid }
 
 const component = [
   Button,
@@ -15,11 +16,13 @@ const component = [
   FsPreview,
   RichEditor,
   DynamicSourceSelect,
+  SuperNineGrid,
   SvgIcon,
 ]
 
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function(Vue) {
+  console.log('%c描述-165233','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px','执行挂载');
   Vue.directive('prevent-reclick', PreventReclick)
   Vue.use(customPlugin)
   if (install.installed) return

package/components/plugins/export-data-new.js

@@ -1,8 +1,8 @@
 import * as Vue from 'vue'
-import store from '../super-grid/src/store'
-import { getExtraParam } from '../super-grid/src/utils'
-import nineGridStore from '../super-nine-grid/src/store'
-import { Message } from 'element-ui'
+import store from '../super-grid/store'
+import { getExtraParam } from '../super-grid/utils'
+import nineGridStore from '../super-nine-grid/store'
+import { ElMessage as Message } from 'element-plus'
 import { packageEnumAndBeanColumnValueSets } from '../utils/value-set'
 import { getI18n } from '../../src/utils/util'
 /**

package/components/plugins/export-data.js

@@ -1,8 +1,8 @@
 import * as Vue from 'vue'
-import store from '../super-grid/src/store'
-import { getExtraParam } from '../super-grid/src/utils'
-import nineGridStore from '../super-nine-grid/src/store'
-import { Message } from 'element-ui'
+import store from '../super-grid/store'
+import { getExtraParam } from '../super-grid/utils'
+import nineGridStore from '../super-nine-grid/store'
+import { ElMessage as Message } from 'element-plus'
 import { packageEnumAndBeanColumnValueSets } from '../utils/value-set'
 import { getI18n } from '../../src/utils/util'
 /**

package/components/plugins/index.js

@@ -4,6 +4,7 @@ import publicMethodService from './public-method'
 
 export default {
   install: function (Vue, options) {
+    console.log('%c描述-160910','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px','挂载');
     Vue.config.globalProperties.$exportData = ExportService.exportData
     Vue.config.globalProperties.$isInIframe = publicMethodService.isInIframe
     Vue.config.globalProperties.$escapeHtml = publicMethodService.escapeHtml

package/components/rich-editor/index.vue

@@ -1,11 +1,11 @@
 <template>
  <main id="sample">
-    <Editor
-      api-key="no-api-key"
-      :init="{
-        plugins: 'lists link image table code help wordcount'
-      }"
-    />
+    <!--<Editor-->
+    <!--  api-key="no-api-key"-->
+    <!--  :init="{-->
+    <!--    plugins: 'lists link image table code help wordcount'-->
+    <!--  }"-->
+    <!--/>-->
   </main>
 </template>
 <style scoped>
@@ -24,11 +24,12 @@
 }
 </style>
 <script>
-import Editor from '@tinymce/tinymce-vue'
+// TODO 富文本编辑器需调整
+// import Editor from '@tinymce/tinymce-vue'
 export default {
   name: 'RichEditor',
   components: {
-    Editor,
+    // Editor,
   },
   props: {
     entity: {
@@ -68,13 +69,13 @@ export default {
     },
   },
   data() {
-    
+
     return {
-      
+
     }
   },
   watch: {
-    
+
   },
   created() {},
   mounted() {

package/components/super-grid/normal-column.vue

@@ -447,7 +447,7 @@ import RichEditorViewer from '../rich-editor/viewer.vue'
 export default {
 	setup(){
 		const { proxy } = getCurrentInstance()
-		console.log('%c描述-231513','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',proxy);
+		console.log('%c描述-231513','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',proxy.$escapeHtml);
 		return{
 			proxy
 		}

package/components/super-nine-grid/apis.js

@@ -0,0 +1,108 @@
+import { $on, $off, $once, $emit } from '../utils/gogocodeTransfer'
+import store from './store'
+const apis = {
+  // 刷新列表数据
+  refresh() {
+    return new Promise((resolve, reject) => {
+      if (this.$refs) {
+        // 刷新列表数据
+        if (this.$refs.sf) {
+          this.search(this.$refs.sf.searchParams, true)
+            .then(() => resolve())
+            .catch((error) => reject(error))
+        } else {
+          this.search(null, true)
+            .then(() => resolve())
+            .catch((error) => reject(error))
+        }
+      } else {
+        resolve()
+      }
+    })
+  },
+  // 显示查询
+  showSearchForm() {
+    this.showSearch = true
+    $emit(this, 'showSearch')
+  },
+  // 取消查询
+  cancelSearch() {
+    this.showSearch = false
+    $emit(this, 'cancelSearch')
+  },
+  // 获得查询条件
+  getSearchForm() {
+    const gridParams = store.get(this.storeId)
+    if (gridParams.searchForm) {
+      return gridParams.searchForm
+    } else {
+      return []
+    }
+  },
+  // 获得列表所有数据
+  getGridData(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.gridData
+  },
+  // 获得字段配置
+  getColumns(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.columns
+  },
+  // listCode 列表编码~gridId，例如：MMS_BUSSINESS_SYSTEM~grid1
+  getPagination(listCode) {
+    if (!listCode) {
+      listCode = store.get('_nine_list_code')
+    }
+    if (listCode && listCode.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCode = listCode + '~' + '_nineGrid'
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.pagination
+  },
+  // 获得选中的记录集合
+  getSelections() {
+    return this.selections
+  },
+  // 获得选中的记录id集合
+  getSelectionIds() {
+    return this.selectionIds
+  },
+  // 清空选中的记录
+  clearSelections() {
+    this.selections = []
+    this.selectionIds = []
+    this.selectionModels = {}
+    this.currentId = null
+  },
+  // 单选时获得选中的记录
+  getSelection() {
+    if (this.selections && this.selections.length > 0) {
+      return this.selections[0]
+    }
+    return null
+  },
+  // 单选时获得选中的记录id集合
+  getSelectionId() {
+    if (this.selectionIds && this.selectionIds.length > 0) {
+      return this.selectionIds[0]
+    }
+    return null
+  },
+}
+export default apis

package/components/super-nine-grid/custom-formatter.js

@@ -0,0 +1,73 @@
+// import Vue from 'vue'
+import { doFormat } from './formatter'
+const customFormatter = {
+  isObjectProp(prop) {
+    if (prop.indexOf('.') > 0) {
+      return true
+    } else {
+      return false
+    }
+  },
+
+  objectPropOriginalValue(row, prop) {
+    try {
+      // console.log('---super-grid--objectPropOriginalValue--')
+      let objValue = row
+      const props = prop.split('.')
+      props.forEach((subProp) => {
+        if (objValue) {
+          objValue = objValue[subProp]
+        } else {
+          objValue = ''
+          throw objValue
+        }
+      })
+      return objValue
+    } catch (e) {
+      // console.log(e)
+      return ''
+    }
+  },
+
+  objectPropValue(row, column, prop) {
+    // console.log('---super-grid--objectPropValue--')
+    const val = doFormat(column, this.objectPropOriginalValue(row, prop))
+    return val
+  },
+  getColumnValue(row, column) {
+    const prop = column.prop
+    let originalValue = row[prop]
+    if (this.isObjectProp(prop)) {
+      originalValue = this.objectPropOriginalValue(row, prop)
+    }
+    const formatValue = doFormat(column, originalValue)
+    return { originalValue, formatValue }
+  },
+  onClickFun(row, column, onClick, rowIndex) {
+    const values = this.getColumnValue(row, column)
+    onClick.call(
+      this,
+      values.originalValue,
+      values.formatValue,
+      row,
+      column,
+      rowIndex
+    )
+  },
+  isShowButtonFun(entity, button) {
+    const isShowFun = button.isShow
+    if (isShowFun === undefined) {
+      return true
+    }
+    if (typeof isShowFun === 'function') {
+      let isShow = isShowFun.call(this, entity, button)
+      if (isShow === undefined) {
+        isShow = true
+      }
+      return isShow
+    } else {
+      return isShowFun
+    }
+  },
+}
+export default customFormatter

package/components/super-nine-grid/formatter.js

@@ -0,0 +1,134 @@
+const formatter = {
+  number: function (value, options) {
+    // 小数位数
+    const precision = options.precision
+    // 是否显示千分位
+    const isDelimiter = options.delimiter
+    // 是否显示科学计数法
+    const scientific = options.scientific
+    // 几位开始计算
+    let scientificNum = options.scientificNum
+    if (value != null) {
+      if (precision > 0) {
+        // 表示有小数
+        value = parseFloat(value)
+        value = value.toFixed(precision)
+      }
+      if (isDelimiter) {
+        value = value.replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')
+      }
+      if (scientific != null) {
+        let isScientific = false
+        if (scientificNum) {
+          scientificNum = parseInt(scientificNum)
+        } else {
+          scientificNum = 11
+        }
+        if (value.length >= scientificNum) {
+          isScientific = true
+        }
+        if (isScientific) {
+          value = '' + value
+          value = parseFloat(value)
+          value = value.toExponential() // 转换为标准的科学计数法形式（字符串）
+          // const tmpArray = eformat.match(/\d(?:\.(\d*))?e([+-]\d+)/) // 分离出小数值和指数值
+          // value = value.toFixed(Math.max(0, (tmpArray[1] || '').length - tmpArray[2]))
+        }
+      }
+    }
+
+    return value
+  },
+  currency: function (value, options) {
+    // 单位：$ 或 ￥
+    const sign = options.sign
+    return sign + this.number(value, options)
+  },
+  date: function (value, options) {
+    // format格式，例如：yyyy-m-d,yyyy-m-d hh:mm:ss等等
+    const format = options.format
+    if (value != null) {
+      const date = new Date(value)
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      var h = date.getHours()
+      var min = date.getMinutes()
+      var s = date.getSeconds()
+      if (m < 10) {
+        m = '0' + m
+      }
+      if (d < 10) {
+        d = '0' + d
+      }
+      if (h < 10) {
+        h = '0' + h
+      }
+      if (min < 10) {
+        min = '0' + min
+      }
+      if (s < 10) {
+        s = '0' + s
+      }
+      return format
+        .replace('yyyy', y)
+        .replace('m', m)
+        .replace('d', d)
+        .replace('hh', h)
+        .replace('mm', min)
+        .replace('ss', s)
+    }
+    return value
+  },
+  time: function (value, options) {
+    return this.date(value, options)
+  },
+  percent: function (value, options) {
+    return this.number(value, options) + '%'
+  },
+}
+
+export function doFormat(column, value) {
+  if (value === undefined || column === undefined) {
+    return value
+  }
+  // 先处理值设置再处理格式化设置：即会对值设置的结果进行格式化设置
+  if (column.valueSet !== undefined) {
+    const item = column.valueSet.filter((item) => {
+      return item.value === value + ''
+    })
+    if (item.length > 0) {
+      // 数据库的原始值要显示成label值，后续对这个label进行格式化（不是处理原始值）
+      value = item[0].label
+    }
+  }
+  // 获得默认的格式设置
+  if (column.formatter === undefined) {
+    if (column.dataType === 'DATE') {
+      // 默认的“DATE”类型的格式设置
+      column.formatter = {
+        type: 'date',
+        options: {
+          format: 'yyyy-m-d',
+        },
+      }
+    } else if (column.dataType === 'TIME') {
+      // 默认的“TIME”类型的格式设置
+      column.formatter = {
+        type: 'time',
+        options: {
+          format: 'yyyy-m-d hh:mm:ss',
+        },
+      }
+    }
+  }
+  const columnFormatter = column.formatter
+  if (
+    columnFormatter !== undefined &&
+    formatter[columnFormatter.type] !== undefined
+  ) {
+    return formatter[columnFormatter.type](value, columnFormatter.options)
+  } else {
+    return value
+  }
+}

package/components/super-nine-grid/search-form-number.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <el-input-number v-model="number1" @change="setValue()" />
+    <span>---</span>
+    <el-input-number v-model="number2" @change="setValue()" />
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../utils/gogocodeTransfer'
+export default {
+  props: {
+    r: {
+      type: Number,
+      default: null,
+    },
+    n: {
+      type: Number,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      number1: null,
+      number2: null,
+    }
+  },
+  methods: {
+    setValue() {
+      $emit(this, 'setValue', [this.number1, this.number2], this.r, this.n)
+    },
+  },
+  emits: ['setValue'],
+}
+</script>