vue2-client 1.18.60 → 1.18.62

package/src/base-client/components/common/CreateQuery/index.js

@@ -1,3 +0,0 @@
-import CreateQuery from './CreateQuery'
-
-export default CreateQuery

package/src/base-client/components/common/CreateQuery/index.md

@@ -1,42 +0,0 @@
-# CreateQuery 完整查询配置生成
-
-提供完整查询配置生成的快捷组件
-
-
-
-## 何时使用
-
-允许生成完整查询配置
-
-
-
-引用方式：
-
-```javascript
-import CreateQuery from '@vue2-client/base-client/components/CreateQuery'
-
-export default {
-    components: {
-      CreateQuery
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<create-query
-  :toEditJson="toEditJson"
-  :visible.sync="createQueryVisible"
-/>
-```
-
-## API
-
-| 参数               | 说明                                       | 类型      | 默认值       |
-|------------------|------------------------------------------|---------|-----------|
-| visible          | 是否显示                                     | Boolean | false     |
-| toEditJson       | 要编辑的json 当 visible 从false变成true时解析加载到页面上 | Object  | undefined |
-| @saveQueryParams | 查询配置点击保存后事件                              | event   | -         |

package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue

@@ -1,452 +0,0 @@
-<template>
-  <a-drawer
-    title="基础表单配置生成"
-    placement="right"
-    :width="isMobile ? screenWidth : screenWidth * 0.85"
-    :visible="visible"
-    @close="onClose"
-  >
-    <a-row :gutter="24">
-      <a-col :lg="12" :md="12" :sm="24" :xl="18" :xs="24">
-        <a-form-model
-          ref="businessCreateForm"
-          :label-col="labelCol"
-          :model="form"
-          :rules="rules"
-          :wrapper-col="wrapperCol"
-        >
-          <template v-if="asAParamsGroup">
-            <a-form-model-item label="参数组名称" prop="group">
-              <a-input v-model="form.group" placeholder="设置表单项的组名，如：设置上报参数" />
-            </a-form-model-item>
-            <a-form-model-item label="参数组描述" prop="describe">
-              <a-input v-model="form.describe" placeholder="简单描述参数组，如：用于配置物联网设备的上报参数" />
-            </a-form-model-item>
-          </template>
-          <a-form-model-item label="数据字段" prop="column">
-            <a-space>
-              <a-button type="primary" @click="addColumnItem()">增加</a-button>
-              <a-button icon="import" @click="$message.warn('从创意库中选择并引用高质量的通用表单项配置，敬请期待')">从创意库引入</a-button>
-            </a-space>
-            <a-row :gutter="24">
-              <a-col :span="11">
-                <span style="font-weight: bold">
-                  标签名
-                </span>
-              </a-col>
-              <a-col :span="11">
-                <span style="font-weight: bold">
-                  字段名
-                </span>
-              </a-col>
-              <a-col :span="2">
-                <span style="font-weight: bold">
-                  操作
-                </span>
-              </a-col>
-            </a-row>
-            <a-divider style="margin: 6px 0" />
-            <div
-              v-for="(columnItem, index) in form.column"
-              :key="index"
-              draggable="true"
-              @dragend="handleDragEnd($event, columnItem)"
-              @dragenter="handleDragEnter($event, columnItem)"
-              @dragstart="handleDragStart($event, columnItem)"
-              @dragover.prevent="handleDragOver($event, columnItem)">
-              <a-row v-if="ending && dragging && columnItem.key === ending.key && dragging.key !== ending.key" class="dragTipsWarp">
-                <span class="dragTips">拖到此处放置</span>
-              </a-row>
-              <a-row :gutter="24" class="column_item">
-                <a-col :span="11">
-                  <span style="font-weight: bold">
-                    {{ columnItem.title }}
-                  </span>
-                </a-col>
-                <a-col :span="11">
-                  <span style="font-weight: bold">
-                    {{ columnItem.key }}
-                  </span>
-                </a-col>
-                <a-col :span="1">
-                  <a-icon type="edit" @click="editColumnItem(columnItem.key,index)"/>
-                </a-col>
-                <a-col :span="1">
-                  <a-icon type="close" @click="removeColumnItem(columnItem.key,index)"/>
-                </a-col>
-              </a-row>
-            </div>
-          </a-form-model-item>
-        </a-form-model>
-        <create-simple-form-query-item ref="queryItem" @getColumn="getColumn" @itemHandle="itemHandle"/>
-        <a-button type="primary" @click="view">操作</a-button>
-      </a-col>
-      <a-col :lg="12" :md="12" :sm="24" :xl="6" :xs="24">
-        <a-card :bordered="false" size="small" style="overflow: auto" title="预览">
-          <json-viewer
-            :copyable="{copyText: '复制', copiedText: '已复制'}"
-            :expand-depth="parseInt('100')"
-            :value="result"
-            style="overflow: auto;max-height: 440px"></json-viewer>
-        </a-card>
-      </a-col>
-    </a-row>
-    <x-add-form ref="xAddForm" @onSubmit="submit"/>
-  </a-drawer>
-</template>
-
-<script>
-import XAddForm from '@vue2-client/base-client/components/common/XAddForm'
-import JsonViewer from 'vue-json-viewer'
-import FileSaver from 'file-saver'
-import { mapState } from 'vuex'
-import CreateSimpleFormQueryItem from './CreateSimpleFormQueryItem'
-import { parseConfig } from '@vue2-client/services/api/common'
-import { post } from '@vue2-client/services/api'
-
-export default {
-  name: 'CreateSimpleFormQuery',
-  components: {
-    CreateSimpleFormQueryItem,
-    JsonViewer,
-    XAddForm
-  },
-  data () {
-    return {
-      // 页面宽度
-      screenWidth: document.documentElement.clientWidth,
-      // 数据列操作类型：新增，修改
-      type: '新增',
-      labelCol: { span: 3 },
-      wrapperCol: { span: 18 },
-      form: {
-        group: undefined,
-        describe: undefined,
-        column: [],
-        apiSlotView: [],
-        apiSlot: {},
-      },
-      result: {},
-      itemMap: {},
-      selectIndex: null,
-      selectType: undefined,
-      joinArray: [],
-      ending: null,
-      dragging: null,
-      // 操作按钮状态集合
-      apiSlotData: [
-        { label: '查询前插槽', value: 'queryBefore' },
-        { label: '查询后插槽', value: 'queryAfter' },
-        { label: '删除前插槽', value: 'delBefore' },
-        { label: '删除后插槽', value: 'delAfter' },
-        { label: '获取行信息前插槽', value: 'editQueryBefore' },
-        { label: '获取行信息后插槽', value: 'editQueryAfter' },
-        { label: '新增/修改保存前插槽', value: 'addOrEditSaveBefore' },
-        { label: '新增/修改保存后插槽', value: 'addOrEditSaveAfter' },
-      ]
-    }
-  },
-  mounted () {
-    this.initView()
-  },
-  computed: {
-    ...mapState('setting', ['isMobile']),
-    rules () {
-      return this.asAParamsGroup ? {
-        group: [{ required: true, message: '请输入参数组名称', trigger: 'blur' }],
-        describe: [{ required: true, message: '请输入参数组描述', trigger: 'blur' }]
-      } : {}
-    },
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    asAParamsGroup: {
-      type: Boolean,
-      default: false
-    },
-    toEditJson: {
-      type: Object,
-      default: () => {}
-    },
-    saveExportJson: {
-      type: Boolean,
-      default: false
-    },
-    serviceName: {
-      type: String,
-      default: undefined
-    }
-  },
-  watch: {
-    visible (rel) {
-      if (rel) {
-        this.initView()
-      }
-      if (rel && this.toEditJson) {
-        // apiSlot obj to arr
-        if (this.toEditJson.apiSlot) {
-          this.toEditJson.apiSlotView = []
-          for (const key of Object.keys(this.toEditJson.apiSlot)) {
-            this.toEditJson.apiSlotView.push({ slotType: key, slotName: this.toEditJson.apiSlot[key] })
-          }
-        }
-        // 处理具体表单项
-        this.form = Object.assign(
-          {
-            apiSlotView: [],
-            apiSlot: {},
-            column: []
-          }, this.toEditJson
-        )
-        for (const columnItem of this.form.column) {
-          // 插槽兼容处理
-          if (columnItem.slot) {
-            if (columnItem.slot.value && columnItem.slot.type === 'ellipsis') {
-              columnItem.slotValue = columnItem.slot.value
-            } else if (columnItem.slot.keyMap && columnItem.slot.type === 'badge') {
-              columnItem.slotKeyMap = columnItem.slot.keyMap
-            } else if (columnItem.slot.actionText && columnItem.slot.type === 'action') {
-              columnItem.actionText = columnItem.slot.actionText
-            }
-          }
-          // 必选项兼容处理
-          if (columnItem.rule && columnItem.rule.required && columnItem.rule.required !== 'false') {
-            columnItem.rule.required = columnItem.rule.required.toString()
-          } else {
-            if (!columnItem.rule) {
-              columnItem.rule = {}
-            }
-            columnItem.rule.required = 'false'
-          }
-          // 数据源加载方式兼容处理
-          if (columnItem.lazyLoad && columnItem.lazyLoad !== 'false') {
-            columnItem.lazyLoad = columnItem.lazyLoad.toString()
-          } else {
-            columnItem.lazyLoad = 'false'
-          }
-          // 下拉框数据源兼容处理
-          if ((columnItem.formType === 'select' || columnItem.formType === 'treeSelect') && columnItem.selectKey) {
-            // 数据源为logic
-            if (columnItem.selectKey.toString().startsWith('logic@')) {
-              columnItem.selectType = 'logic'
-            } else if (columnItem.selectKey instanceof Array || this.isJSON(columnItem.selectKey)) {
-              // 数据源为固定json集合
-              if (columnItem.selectKey instanceof Array) {
-                columnItem.selectKey = JSON.stringify(columnItem.selectKey)
-              }
-              columnItem.selectType = 'fixArray'
-            } else {
-              columnItem.selectType = 'key'
-            }
-          }
-          this.itemMap[columnItem.key] = Object.assign({
-            key: '',
-            title: '',
-            pathKey: '',
-            rule: {
-              required: 'false'
-            }
-          }, columnItem)
-        }
-      }
-    }
-  },
-  methods: {
-    // 新增接口插槽
-    addApiSlot () {
-      if (this.form.apiSlotView.length < this.apiSlotData.length) {
-        this.form.apiSlotView.push({})
-      }
-    },
-    // 删除接口插槽
-    removeApiSlotItem (index) {
-      this.form.apiSlotView.splice(index, 1)
-    },
-    // 初始化组件
-    initView () {
-      this.result = {}
-    },
-    onClose () {
-      this.$emit('close')
-      this.$emit('update:visible', false)
-    },
-    addJoinItem () {
-    },
-    removeJoinItem (index) {
-    },
-    itemHandle (item, type) {
-      this.itemMap[item.key] = item
-      if (this.type === '新增') {
-        this.form.column.push(item)
-      } else {
-        this.$set(this.form.column, this.selectIndex, item)
-      }
-      this.$message.success(`${type}成功`)
-      this.$refs.queryItem.flashModal(false)
-    },
-    getColumn (callback) {
-      callback(JSON.parse(JSON.stringify(this.form.column)))
-    },
-    addColumnItem () {
-      this.type = '新增'
-      this.$refs.queryItem.addColumnItemExecute()
-    },
-    editColumnItem (key, index) {
-      this.type = '修改'
-      if (this.itemMap[key]) {
-        this.$refs.queryItem.editColumnItemExecute(this.itemMap[key])
-        this.selectIndex = index
-      } else {
-        this.$message.warn('编辑失败')
-      }
-    },
-    removeColumnItem (key, index) {
-      const _this = this
-      this.$confirm({
-        title: '您确定要删除该数据项？',
-        content: '删除的数据项无法恢复',
-        okText: '确定',
-        okType: 'danger',
-        cancelText: '取消',
-        onOk () {
-          delete _this.itemMap[key]
-          _this.form.column.splice(index, 1)
-        }
-      })
-    },
-    upColumnItem (key, index) {
-      const newIndex = index - 1
-      const itemA = this.form.column[newIndex]
-      const itemB = this.form.column[index]
-      this.form.column.splice(index, 1, itemA)
-      this.form.column.splice(newIndex, 1, itemB)
-    },
-    downColumnItem (key, index) {
-      const newIndex = index + 1
-      const itemA = this.form.column[newIndex]
-      const itemB = this.form.column[index]
-      this.form.column.splice(index, 1, itemA)
-      this.form.column.splice(newIndex, 1, itemB)
-    },
-    exportJson () {
-      const data = JSON.stringify(this.result, null, 2)
-      const blob = new Blob([data], { type: 'application/json' })
-      FileSaver.saveAs(blob, `SimpleFormQuery.json`)
-      this.$message.success('导出到本地成功，请复制内容到琉璃配置中心中')
-    },
-    viewHandle (then) {
-      if (this.form.column.length === 0) {
-        this.$message.error('你没有增加任何数据字段')
-        return
-      }
-      this.result = JSON.parse(JSON.stringify(this.form))
-      for (const item of this.result.column) {
-        if (item.selectType === 'fixArray') {
-          if (typeof item.selectKey === 'string') {
-            item.selectKey = JSON.parse(item.selectKey)
-          }
-        }
-      }
-      // 查询插槽array to object
-      delete this.result.apiSlotView
-      this.result.apiSlot = {}
-      for (let i = 0; i < this.form.apiSlotView.length; i++) {
-        this.result.apiSlot[this.form.apiSlotView[i].slotType] = this.form.apiSlotView[i].slotName
-      }
-      then()
-    },
-    view () {
-      this.$refs.businessCreateForm.validate(valid => {
-        if (valid) {
-          this.viewHandle(() => {
-            const url = parseConfig(this.serviceName)
-            post(url, {
-              configType: 'SIMPLE_FORM',
-              configContent: this.result
-            }).then(res => {
-              this.$refs.xAddForm.init({
-                businessType: '新增',
-                title: '效果预览',
-                formItems: res.formJson,
-                serviceName: this.serviceName
-              })
-            })
-          })
-        }
-      })
-    },
-    submit (params, callback) {
-      this.$refs.businessCreateForm.validate(valid => {
-        this.viewHandle(() => {
-          if (this.saveExportJson) {
-            this.exportJson()
-          } else {
-            this.$emit('saveQueryParams', this.result)
-            if (callback) {
-              callback()
-            }
-          }
-        })
-      })
-    },
-    // 判断是否为json字符串
-    isJSON (str) {
-      if (typeof str == 'string') {
-        try {
-          const obj = JSON.parse(str)
-          return !!(typeof obj == 'object' && obj)
-        } catch (e) {
-          return false
-        }
-      }
-    },
-    // 拖拽事件
-    handleDragStart (e, item) {
-      this.dragging = item
-    },
-    handleDragEnd (e, item) {
-      if (this.ending.key === this.dragging.key) {
-        return
-      }
-      const newItems = [...this.form.column]
-      const src = newItems.indexOf(this.dragging)
-      const dst = newItems.indexOf(this.ending)
-      // newItems.splice(src, 1, ...newItems.splice(dst, 1, newItems[src]))  替换位置
-      // 挪移位置
-      newItems.splice(src, 1)
-      newItems.splice(dst, 0, this.dragging)
-      this.form.column = newItems
-      this.$nextTick(() => {
-        this.dragging = null
-        this.ending = null
-      })
-    },
-    handleDragOver (e) {
-      // 首先把div变成可以放置的元素，即重写dragenter/dragover
-      // e.dataTransfer.dropEffect="move";//在dragenter中针对放置目标来设置!
-      e.dataTransfer.dropEffect = 'move'
-    },
-    handleDragEnter (e, item) {
-      // 为需要移动的元素设置dragstart事件
-      e.dataTransfer.effectAllowed = 'move'
-      this.ending = item
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.column_item:hover {
-  background-color:rgba(64, 169, 255,0.25);
-}
-.dragTips{
-  display:block;
-  text-align: center;
-  border:1px dashed rgba(64, 169, 255,0.55);
-}
-.dragTipsWarp{
-  padding: .5rem 2rem;
-}
-</style>