resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/components/packages-web/CustomComponentEditor.vue

@@ -0,0 +1,50 @@
+<script setup>
+import { computed, inject, ref } from 'vue'
+// import { Quill, quillEditor } from 'vue3-quill'
+import { commonPropsType } from '../../utils';
+
+const currentComp = ref(null)
+
+import('vue3-quill').then(({ Quill, quillEditor }) => {
+  currentComp.value = quillEditor
+})
+
+const props = defineProps({
+  ...commonPropsType,
+})
+const lang = inject('lang')
+const modelValue = defineModel()
+
+const editorOption = computed(() => {
+  return {
+    placeholder: props.config[lang?.value?.indexOf('zh') > -1 ? 'defPlacehold' : 'defPlaceholdEn'],
+    modules: {
+    }
+  }
+})
+const editorStyle = computed(() => {
+  return {
+    height: props.config?.contentHeight || '200px'
+  }
+})
+</script>
+<template>
+  <div class="custom-component-editor">
+    <component
+      :is="currentComp"
+      ref="fieldEditor"
+      v-model:value="modelValue"
+      :options="editorOption"
+      :disabled="props.disabled"
+      @blur="() => {}"
+      @focus="() => {}"
+      @change="() => {}"
+      :style="editorStyle"
+    ></component>
+  </div>
+</template>
+<style lang="scss">
+.custom-component-editor {
+  width: 100%;
+}
+</style>

package/src-bak/components/packages-web/CustomComponentFileExport.vue

@@ -0,0 +1,60 @@
+<template>
+  <ElButton @click="buttonAction" v-bind="{...attrs, ...calcPorps}">
+    {{label}}
+  </ElButton>
+</template>
+<script setup>
+import { ElButton } from 'element-plus'
+import { defineProps, inject, computed, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import thirdPartyFrame from '../thirdPartyFrame'
+import { FILE_EXPORT_URL } from '../../api/builtIn.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElButton.props,
+  toHref: String
+})
+const calcPorps = computed(() => {
+  const ret = {
+    ...props
+  }
+  if (ret.plain == '1') {
+    ret.plain = true
+  } else {
+    ret.plain = false
+  }
+
+  if (ret.circle == '1') {
+    ret.circle = true
+  } else {
+    ret.circle = false
+  }
+  if (props?.config?.rounds && props?.config?.rounds == '1') {
+    ret.round = true
+  }
+  if (props?.config?.widgetSize) {
+    ret.size = props?.config?.widgetSize
+  }
+  if (props?.config?.displayType) {
+    ret.type = props?.config?.displayType
+  }
+  return ret
+})
+
+const attrs = useAttrs()
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+
+const buttonAction = () => {
+  thirdPartyFrame({
+    lang: lang?.value,
+    showClose: true,
+    src: `${FILE_EXPORT_URL}?showMenuHead=5&fullScreen=true&apToken=${props.toHref}`
+  })
+}
+</script>

package/src-bak/components/packages-web/CustomComponentFileImport.vue

@@ -0,0 +1,60 @@
+<template>
+  <ElButton @click="buttonAction" v-bind="{...attrs, ...calcPorps}">
+    {{label}}
+  </ElButton>
+</template>
+<script setup>
+import { ElButton } from 'element-plus'
+import { defineProps, inject, computed, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import thirdPartyFrame from '../thirdPartyFrame'
+import { FILE_IMPORT_URL } from '../../api/builtIn.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElButton.props,
+  toHref: String
+})
+const calcPorps = computed(() => {
+  const ret = {
+    ...props
+  }
+  if (ret.plain == '1') {
+    ret.plain = true
+  } else {
+    ret.plain = false
+  }
+
+  if (ret.circle == '1') {
+    ret.circle = true
+  } else {
+    ret.circle = false
+  }
+  if (props?.config?.rounds && props?.config?.rounds == '1') {
+    ret.round = true
+  }
+  if (props?.config?.widgetSize) {
+    ret.size = props?.config?.widgetSize
+  }
+  if (props?.config?.displayType) {
+    ret.type = props?.config?.displayType
+  }
+  return ret
+})
+
+const attrs = useAttrs()
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+
+const buttonAction = () => {
+  thirdPartyFrame({
+    lang: lang?.value,
+    showClose: true,
+    src: `${FILE_IMPORT_URL}?showMenuHead=5&fullScreen=true&apToken=${props.toHref}`
+  })
+}
+</script>

package/src-bak/components/packages-web/CustomComponentFormLayout.vue

@@ -0,0 +1,65 @@
+<template>
+  <ElForm v-bind="formProps" :ref="refFn" :model="props.modelValue">
+    <FormPolyfill :form="rootForm">
+      <ElRow v-bind="rowProps">
+        <Renderer :config="pmPageMetaList" v-model="val"></Renderer>
+      </ElRow>
+    </FormPolyfill>
+  </ElForm>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { computed, inject } from "vue"
+import { ElForm, ElRow } from 'element-plus'
+import FormPolyfill from '../helper/FormPolyfill.jsx'
+
+const emits = defineEmits(['update:modelValue'])
+const props = defineProps({
+  config: {
+    type: Object,
+    default: () => null
+  },
+  // 这个组件通过v-model进行数据的绑定
+  modelValue: {
+    // type: [String, Number, Object],
+    default: null
+  },
+  ...ElForm.props,
+  ...ElRow.props
+})
+
+const rootForm = inject('rootForm')
+const refFn = e => {
+  if (props.config?.rootForm) {
+    rootForm.value = e
+  }
+}
+
+const formProps = computed(() => {
+  return Object.keys(ElForm.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  },{})
+})
+
+const rowProps = computed(() => {
+  return Object.keys(ElRow.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  },{})
+})
+
+const pmPageMetaList = computed(() => props.config.pmPageMetaList)
+
+const val = computed({
+  get() {
+    return props.modelValue
+  },
+  set(val) {
+    emits('update:modelValue', val)
+  }
+})
+defineExpose({
+  val
+})
+</script>

package/src-bak/components/packages-web/CustomComponentGrid.vue

@@ -0,0 +1,29 @@
+<template>
+  <ElRow class="custom-component-grid" v-bind="elRowProps">
+    <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
+  </ElRow>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { ElRow } from 'element-plus'
+import { computed, defineProps } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const modelValue = defineModel()
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElRow.props
+})
+const elRowProps = computed(() => {
+  return Object.keys(ElRow.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const pmPageMetaList = computed(() => {
+  return props.config?.pmPageMetaList || []
+})
+</script>
+<style lang="scss">
+</style>

package/src-bak/components/packages-web/CustomComponentGridCol.vue

@@ -0,0 +1,29 @@
+<template>
+  <ElCol class="custom-component-grid" v-bind="elColProps">
+    <Renderer :config="pmPageMetaList" v-model="modelValue"></Renderer>
+  </ElCol>
+</template>
+<script setup>
+import Renderer from '../../renderer.jsx'
+import { ElCol } from 'element-plus'
+import { computed, defineProps } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const modelValue = defineModel()
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElCol.props
+})
+const elColProps = computed(() => {
+  return Object.keys(ElCol.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const pmPageMetaList = computed(() => {
+  return props.config?.pmPageMetaList || []
+})
+</script>
+<style lang="scss">
+</style>

package/src-bak/components/packages-web/CustomComponentInputDialog.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="input-dialog">
+    <ElInput :disabled="props.disabled" v-bind="{...inputProps, inputEvents}" :modelValue="label" @clear="modelValue = ''" @click="handleShowDialog">
+      <template #suffix v-if="!props.disabled">
+        <ElIcon style="cursor: pointer;" @click="handleShowDialog">
+          <Search />
+        </ElIcon>
+      </template>
+    </ElInput>
+    <ElDialog v-model="dialogVisible" append-to-body width="1000" :title="props.dialogTitle" v-bind="dialogEvents">
+      <component :is="component" :valueKey="valueKey" :value="modelValue" @change="currentChange"></component>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="toClose">
+            {{ lang.indexOf('zh') > -1 ? '取消' : 'Cancel' }}
+          </el-button>
+          <el-button type="primary" @click="toConfirm">
+            {{ lang.indexOf('zh') > -1 ? '确定' : 'Confirm' }}
+          </el-button>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+<script setup>
+import { ElInput, ElIcon, ElDialog } from 'element-plus'
+import { defineProps, defineOptions, defineModel, ref, watch, computed, inject, useAttrs } from 'vue'
+import { Search, Close } from '@element-plus/icons-vue'
+import { commonPropsType, capitalize, camelize } from '../../utils/index.js'
+
+import { hasOwn } from '../../utils';
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const currentRow = ref(null)
+const props = defineProps({
+  ...commonPropsType,
+  ...ElInput.props,
+  valueKey: {
+    type: String,
+    default: '',
+  },
+  bindKeys: {
+    type: [Array, Object],
+    default: () => []
+  },
+  isRefOptions: {
+    type: Boolean,
+    default: false
+  },
+  dialogTitle: {
+    type: String,
+    default: '',
+  }
+})
+const attrs = useAttrs()
+
+const getCompEvents = (comp) => {
+  let emitKeys = comp.emits
+  if(!Array.isArray(emitKeys)) {
+    emitKeys = Object.keys(emitKeys)
+  }
+  return emitKeys.reduce((ret, key) => {
+    const eventKey = capitalize(camelize(key))
+    if (hasOwn(attrs, eventKey)) {
+      ret[eventKey] = attrs[eventKey]
+    }
+    return ret
+  }, {})
+}
+const inputEvents = computed(() => {
+  return getCompEvents(ElInput)
+})
+const dialogEvents = computed(() => {
+  return getCompEvents(ElDialog)
+})
+const inputProps = computed(() => {
+  const propsObj = Object.keys(ElInput.props).reduce((ret, key) => {
+    if (props[key]) {
+      ret[key] = props[key]
+    }
+    return ret
+  }, {})
+  if (!hasOwn(propsObj, 'clearable')) {
+    propsObj.clearable = true
+  }
+  return propsObj
+})
+const lang = inject('lang')
+const dialogComponents = inject('dialogComponents')
+const component = computed(() => {
+  return dialogComponents?.[props?.config?.component]
+})
+const valueKey = computed(() => {
+  return props.valueKey || props?.config?.metaCode
+})
+const modelValue = defineModel()
+const label = computed(() => {
+  if (props.isRefOptions) {
+    return (props.options || []).find(item => item.columnValue === modelValue.value)?.[lang?.value?.indexOf('zh') > -1 ? 'columnDesc_zh' : 'columnDesc']
+  }
+  return modelValue.value
+})
+let models = {}
+const bindkeysType = Object.prototype.toString.call(props.bindKeys)
+if (bindkeysType === '[object Object]') {
+  models = Object.keys(props.bindKeys).reduce((ret, key) => {
+    ret[props.bindKeys[key]] = defineModel(key)
+    return ret
+  }, {})
+} else if (bindkeysType === '[object Array]') {
+  models = props.bindKeys.reduce((ret, key) => {
+    ret[key] = defineModel(key)
+    return ret
+  }, {})
+}
+
+const dialogVisible = ref(false)
+
+const currentChange = (val) => {
+  currentRow.value = val
+}
+const handleShowDialog = () => {
+  dialogVisible.value = true
+}
+
+const toClose = () => {
+  dialogVisible.value = false
+}
+const toConfirm = () => {
+  modelValue.value = currentRow.value && currentRow.value[valueKey.value]
+  Object.keys(models).forEach(key => {
+    models[key].value = currentRow.value && currentRow.value[key]
+  })
+  dialogVisible.value = false
+}
+</script>
+<style scoped>
+.input-dialog {
+  width: 100%;
+}
+</style>

package/src-bak/components/packages-web/CustomComponentNativeTabPane.vue

@@ -0,0 +1,84 @@
+<template>
+  <TabPane v-bind="{...attrs, ...tabPaneProps, ...polyProps}">
+    <template #label v-if="labelRenderContent || slotsPageMetalist.length">
+      <component :is="labelRenderContent" v-if="labelRenderContent"></component>
+      <Renderer v-else :config="slotsPageMetalist" v-model="props.refValue.value"></Renderer>
+    </template>
+    <ElRow>
+      <Renderer
+        :mode="generateModel({
+            data: props.refValue.value,
+            index: 0,
+          })"
+        :config="(props.config.pmPageMetaList || []).filter(config => !config.collapseSlot)"
+        v-model="props.refValue.value"
+      >
+      </Renderer>
+    </ElRow>
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </TabPane>
+</template>
+<script setup>
+import { ElTabPane, ElRow } from 'element-plus'
+import Renderer from '../../renderer.jsx'
+import { computed, inject, useAttrs, useSlots } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { TabPane } from '../tabs'
+import { h } from 'vue'
+
+const slots = useSlots()
+const props = defineProps({
+  ...commonPropsType,
+  ...TabPane.props,
+  hidden: [String, Boolean, Number],
+  activeNames: String,
+})
+const attrs = useAttrs()
+
+const slotsPageMetalist = computed(() => {
+  return (props.config.pmPageMetaList || []).filter(config => config.collapseSlot)
+})
+
+const lang = inject('lang')
+const polyProps = computed(() => {
+  return {
+    label: lang.value.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    name: props.config?.metaCode
+  }
+})
+const generateModel = computed(() => {
+  return (...arg) => {
+    return props?.config?.isDetail?.(...arg) === true ? 'detail' : null
+  }
+})
+const tabPaneProps = computed(() => {
+  const ret = Object.keys(TabPane.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (typeof ret.hidden !== 'boolean') {
+    ret.hidden = ret.hidden == '1'
+  }
+  return ret
+})
+
+// 自定义渲染label方法
+const labelRenderContent = computed(() => {
+  const context = props.config?.labelRender?.(getLableRenderParams())
+  if (typeof context === 'string') {
+    return h('span', context)
+  } else {
+    return context
+  }
+})
+function getLableRenderParams() {
+  return {
+    config: props.config,
+    tabPaneData: props.refValue.value,
+    isActive: props.activeNames === props.config?.metaCode,
+  }
+}
+
+</script>