resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/components/loadingComponent/LoadingComponent.vue

@@ -0,0 +1,33 @@
+<script setup>
+import Loading from '../icons/loading.vue'
+</script>
+<template>
+  <i class="loading-icon">
+    <Loading></Loading>
+  </i>
+</template>
+<style lang="scss" scoped>
+.loading-icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  // font-size: inherit;
+
+  font-size: 18px;
+  color: #606266;
+  margin: 0 auto;
+  animation: loading-rotate 2s linear infinite;
+}
+@keyframes loading-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>

package/src-bak/components/modal/index.js

@@ -0,0 +1,9 @@
+import { render, createVNode } from 'vue';
+import modalObj from './modal.vue'
+export const copyModal = (props = {}) => {
+  const container = document.createElement('div')
+  const vnode = createVNode(modalObj, props);
+  render(vnode, container);
+  const instance = vnode.component;
+  document.body.appendChild(container);
+}

package/src-bak/components/modal/modal.scss

@@ -0,0 +1,195 @@
+.warning-modal {
+    .warning-modal-backdrop {
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 106000;
+        background-color: #000;
+        transition: all .3s;
+        opacity: 0.5;
+        visibility: initial;
+    }
+
+    .warning-modal {
+
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: block;
+        z-index: 106000;
+        outline: 0;
+
+        .warning-modal-dialog {
+            position: relative;
+            width: 900px;
+            margin: 100px auto;
+            -webkit-transform: translate(0);
+            transform: translate(0);
+
+            .warning-modal-content {
+                .warning-icon {
+                    i.aid::before {
+                        color: #3271FE;
+                    }
+                }
+
+                .waring-btn {
+
+                    span,
+                    div {
+                        &:first-child {
+                            background-color: #D0D3D6 !important;
+                        }
+                    }
+
+                    .yes:last-child {
+                        background-color: #3271FE !important;
+                    }
+                }
+            }
+
+        }
+
+        .warning-tips {
+            width: 400px;
+        }
+
+        .warning-modal-content {
+            height: auto;
+            position: relative;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-orient: vertical;
+            -webkit-box-direction: normal;
+            -ms-flex-direction: column;
+            flex-direction: column;
+            background-color: #fff;
+            background-clip: padding-box;
+            border-radius: 4px;
+            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
+            outline: 0;
+            max-width: calc(100vw - 30px*2);
+            max-height: calc(100vh - 30px*2);
+
+            .warning-icon {
+                width: 100%;
+                height: auto;
+                text-align: center;
+                padding: 40px 0px 0px 0px;
+
+                i {
+                    font-size: 80px;
+                    color: #3271FE;
+                    padding-bottom: 10px;
+                }
+
+                p {
+                    font-size: 24px;
+                    color: #3271FE;
+                }
+            }
+
+            .waring-cnt {
+                width: 100%;
+                height: auto;
+                text-align: center;
+                border-radius: 0 0 0 4px;
+                cursor: pointer;
+
+                p {
+                    font-size: 18px;
+                    margin-bottom: 0rem;
+
+                    span:first-child {
+                        color: #455155;
+                        opacity: 0.6;
+                    }
+
+                    span:last-child {
+                        color: #455155;
+                        opacity: 0.9;
+                    }
+                }
+            }
+
+            .waring-btn {
+                width: 100%;
+                overflow: hidden;
+                margin-top: 20px;
+                cursor: pointer;
+
+                span {
+                    display: inline-block;
+                    width: 100%;
+                    float: left;
+                    height: 50px;
+                    line-height: 50px;
+                    text-align: center;
+                    font-size: 18px;
+                }
+
+                .no {
+                    background: #E5E8E8;
+                    border-bottom-left-radius: 4px;
+                }
+
+                .yes {
+                    background: #3271FE;
+                    color: #fff;
+                    border-bottom-right-radius: 4px;
+
+                }
+            }
+
+            .reject-btn {
+                margin-top: 0px !important;
+
+                span {
+                    width: 50%;
+                }
+            }
+        }
+    }
+
+    .warning-modal-close {
+        padding: 10px 10px 0px 0px;
+    }
+}
+
+._copymodal {
+    .waring-cnt {
+        word-break: break-word;
+    }
+
+    .maxheight {
+        max-height: 500px;
+        overflow-y: auto;
+    }
+
+    .copycontent-l {
+        padding-right: 15px;
+    }
+
+    .copycontent-r {
+        color: rgb(255, 128, 0) !important;
+        max-width: 70%;
+        word-break: break-word;
+    }
+
+    .copycontent {
+        display: flex;
+        justify-content: center;
+        cursor: pointer;
+        font-size: 18px;
+    }
+}
+
+.yes {
+    white-space: nowrap;
+    overflow: hidden;
+}

package/src-bak/components/modal/modal.vue

@@ -0,0 +1,201 @@
+<template>
+  <div v-if="modal" class="warning-modal _copymodal">
+    <div class="warning-modal-backdrop" />
+    <div class="warning-modal">
+      <div class="warning-modal-dialog warning-tips">
+        <div class="warning-modal-content">
+          <div class="warning-icon" style="padding-top: 15px">   
+            <el-icon  v-if="type == 'alert'"><WarningFilled /></el-icon>
+            <el-icon  v-if="type == 'check'"><SuccessFilled /></el-icon>         
+            <el-icon v-if="type == 'help'"><QuestionFilled /></el-icon> 
+          </div>
+          <div v-if="msg" class="waring-cnt maxheight">
+            <p style="padding: 15px">
+              <span>{{ msg }}</span>
+            </p>
+          </div>
+          <div v-else class="waring-cnt" v-html="msgHtml" />
+          <div v-if="showcopy" class="copycontent">
+            <span class="copycontent-l">{{ copytype }}</span>
+            <el-tooltip :content="copytip || (lang === 'zh-CN' ? '点击复制单号' : 'Copy by clicking the order number')">
+              <span class="copycontent-r" @click="copyClicked(copymsg)" :data-clipboard-text="copymsg">{{
+                copymsg
+              }}</span>
+            </el-tooltip>
+          </div>
+          <div v-if="endMsg" class="waring-cnt">
+            <p style="padding: 15px">
+              <span>{{ endMsg }}</span>
+            </p>
+          </div>
+          <div v-if="endMsgHtml" class="waring-cnt" v-html="endMsgHtml" />
+          <div
+            v-if="messageShow"
+            class="copycontent"
+            style="display: block; padding: 0 5%"
+          >
+            <span>{{ firstMsg }} {{ copytype }}</span>
+            <el-tooltip :content="copytip || (lang === 'zh-CN' ? '点击复制单号' : 'Copy by clicking the order number')">
+              <span class="copycontent-r" @click="copyClicked(copymsg)" :data-clipboard-text="copymsg">{{
+                copymsg
+              }}</span>
+            </el-tooltip>
+            <span>{{ lastMsg }}</span>
+          </div>
+          <div v-if="showCancle" class="waring-btn">
+            <span
+              class="yes"
+              style="background-color: #999; border-bottom-right-radius: 0;width: 50%;"
+              @click="handleNo"
+            >{{ cancleText || (lang === 'zh-CN' ? '取消' : 'Cancel') }}</span>
+            <span class="yes" @click="handleYes" style="width: 50%;">{{ okText || (lang === 'zh-CN' ? '确定' : 'Confirm') }}</span>
+          </div>
+          <div v-else class="waring-btn">
+            <span class="yes" @click="handleYes">{{ okText || (lang === 'zh-CN' ? '确定' : 'Confirm') }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup >
+import { WarningFilled, SuccessFilled, QuestionFilled } from '@element-plus/icons-vue'
+import { ElIcon ,ElMessage } from 'element-plus'
+</script>
+
+<script >
+import { ref } from 'vue'
+import Clipboard from 'clipboard'
+
+const customAlert = ref(null)
+
+export default {
+  props: {
+    lang: {
+      type: String,
+      default: 'zh-CN'
+    },
+    msg: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'alert'
+    },
+    firstMsg: {
+      type: String,
+      default: ''
+    },
+    lastMsg: {
+      type: String,
+      default: ''
+    },
+    endMsg: {
+      type: String,
+      default: ''
+    },
+    endMsgHtml: {
+      type: String,
+      default: ''
+    },
+    msgHtml: {
+      type: String,
+      default: ''
+    },
+    showCancle: {
+      type: Boolean,
+      default: true
+    },
+    cancleText: {
+      type: String,
+      default: '',
+    },
+    okText: {
+      type: String,
+      default: '',
+    },
+    copytip: {
+      type: String,
+      default: ''
+    },
+    successtext: {
+      type: String,
+      default: '',
+    },
+    handleCancle: {
+      type: Function
+    },
+    handleOk: {
+      type: Function
+    },
+    showcopy: {
+      type: Boolean,
+      default: false
+    },
+    messageShow: {
+      type: Boolean,
+      default: false
+    },
+    copytype: {
+      type: String,
+      default: ''
+    },
+    copymsg: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      modal: false
+    }
+  },
+  watch: {
+    modal(val) {
+      if (!val) {
+        let parent = (customAlert.value && customAlert.value['parentNode']) || null
+        if (customAlert.value && document.body.contains(parent) && parent) {
+          document.body.removeChild(parent)
+        }
+      }
+    }
+  },
+  created() {
+    this.modal = true
+  },
+    unmounted() {
+      let parent = (customAlert.value && customAlert.value['parentNode']) || null
+      if (customAlert.value && document.body.contains(parent) && parent) {
+        document.body.removeChild(parent)
+      }
+  },
+  methods: {
+    async copyClicked(val) {
+      let clipboard = new Clipboard(".copycontent-r");
+      clipboard.on('success', e => {
+        ElMessage({
+          message: this.successtext || (this.lang === 'zh-CN' ? '复制成功' : 'Copy success'),
+          type: 'success',
+        })
+        clipboard.destroy()
+      })
+      clipboard.on('error', e => {
+        clipboard.destroy()
+      })
+    },
+    handleNo() {
+      this.handleCancle && this.handleCancle()
+      this.modal = false
+    },
+    handleYes() {
+      this.handleOk && this.handleOk()
+      this.modal = false
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+    @use "./modal.scss";
+</style>

package/src-bak/components/options/OptionsDefault.vue

@@ -0,0 +1,47 @@
+<script setup>
+const props = defineProps({
+  label: {
+    type: String,
+    default: ''
+  }
+})
+</script>
+<template>
+  <div class="option-item">
+    <slot>
+      {{ label }}
+    </slot>
+    <div class="multi-checkbox box-checked">
+      <el-checkbox :checked="true"></el-checkbox>
+      <div class="check-mask"></div>
+    </div>
+    <div class="multi-checkbox box-not-checked">
+      <el-checkbox :checked="false"></el-checkbox>
+      <div class="check-mask"></div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.option-item {
+  .multi-checkbox {
+    position: absolute;
+    top: 50%;
+    right: 4px;
+    transform: translateY(-50%);
+    height: 32px;
+    .check-mask {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      z-index: 1;
+    }
+  }
+  .box-checked, .box-not-checked {
+    display: none;
+    margin-right: 0;
+  }
+}
+</style>

package/src-bak/components/packages-H5/CmiButton.vue

@@ -0,0 +1,120 @@
+<script setup>
+import { defineProps, inject, getCurrentInstance, computed, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { useRoute } from 'vue-router'
+
+const appContext = getCurrentInstance()?.appContext
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const props = defineProps({
+  ...commonPropsType,
+  displayType: String,
+  widgetSize: String,
+  plain: String,
+  color: String,
+  loading: String,
+  loadtype: String,
+  loadingcolor: String,
+})
+const calcPorps = computed(() => {
+  return ['displayType', 'widgetSize', 'plain', 'color', 'loading', 'loadtype', 'loadingcolor', 'disabled'].reduce((ret, key) => {
+    if (['plain', 'loading', 'loadtype'].includes(key)) {
+      ret[key] = props[key] == '1' ? true : false
+    } else if (key === 'displayType') {
+      ret.type = props[key]
+    } else if (key === 'widgetSize') {
+      ret.size = props[key]?.trim()
+    } else {
+      ret[key] = props[key]
+    }
+    return ret
+  }, {})
+})
+
+const attrs = useAttrs()
+const calcAttrs = computed(() => {
+  const props = {
+    ...attrs,
+  }
+  delete props.onClick
+  return props
+})
+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 route = useRoute()
+const buttonActions = inject('buttonActions', {})
+
+const dynamicMapComp = inject('dynamicMapComp')
+const hireRelatMapRules = inject('hireRelatMapRules')
+const components = inject('components')
+const selects = inject('selects')
+const rootValue = inject('rootValue')
+const dataLoad = inject('dataLoad')
+const rootForm = inject('rootForm')
+const validate = inject('_validate', () => {})
+const parentRootValue = inject('_parentRootValue', {})
+const parentDynamicMapComp = inject('_parentDynamicMapComp', {})
+const rootInstance = inject('_rootInstance', {})
+
+const routeQuery= route?.query
+
+const buttonAction = (e, params) => {
+  const lastClick = () => {
+    attrs?.onClick?.(e, params) // 如果配置中有点击事件
+  }
+  const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+  const actionFn = buttonActions[actionKey]
+
+  let actionFnRet = null
+  if (actionFn) {
+    actionFnRet = actionFn(props, {
+      dynamicMapComp,
+      hireRelatMapRules,
+      components,
+      selects,
+      rootValue: rootValue?.value,
+      dataLoad,
+      rootForm,
+      routeQuery,
+      validate,
+      lastClick,
+      parentRootValue,
+      parentDynamicMapComp,
+      rootInstance
+    }, appContext)
+  }
+  if (actionFnRet !== null && actionFnRet !== undefined) {
+    if (isPromise(actionFnRet)) {
+      actionFnRet.then(res => {
+        if (res) {
+          lastClick()
+        }
+      })
+    } else {
+      if (actionFnRet) {
+        lastClick()
+      }
+    }
+  } else {
+    lastClick()
+  }
+}
+
+defineExpose({
+  click: (params) => {
+    buttonAction(null, params)
+  }
+})
+</script>
+
+<template>
+  <cmi-button @click="buttonAction" v-bind="{ ...calcAttrs, ...calcPorps,}">
+    {{label}}
+  </cmi-button>
+</template>