af-mobile-client-vue3 1.0.85 → 1.0.87

package/src/components/data/XReportGrid/XReportDrawer/XReportDrawer.vue

@@ -1,148 +1,148 @@
-<script setup lang="ts">
-import { inject, provide, ref } from 'vue'
-import { storeToRefs } from 'pinia'
-import { Popup as VanPopup } from 'vant'
-import XReport from '@af-mobile-client-vue3/components/data/XReportGrid/XReport.vue'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-
-// Props
-const props = defineProps({
-  env: {
-    type: String,
-    default: 'prod',
-  },
-})
-
-// Emits
-const emit = defineEmits<{
-  (e: 'close'): void
-  (e: 'selectRow', keys: any[], rows: any[]): void
-}>()
-// 状态管理
-const configName = ref('')
-const displayOnly = ref(true)
-const serverName = ref(process.env.VUE_APP_SYSTEM_NAME)
-const loading = ref(false)
-const visible = ref(false)
-const selectedId = ref(null)
-const mixinData = ref({})
-const outEnv = ref({})
-const attr = ref({})
-
-// Store
-const userStore = useUserStore()
-const { user: currUser } = storeToRefs(userStore)
-
-// Refs
-const mainRef = ref()
-
-// 注入
-const getParentComponentByName = inject<Function>('getParentComponentByName')
-const setGlobalData = inject<Function>('setGlobalData')
-const getGlobalData = inject<Function>('getGlobalData')
-
-// 提供依赖
-provide('getSelectedId', () => getSelectedId())
-provide('getSelectedData', () => selectedId.value)
-provide('getMixinData', () => mixinData.value)
-provide('getOutEnv', () => outEnv.value)
-provide('isInAModal', () => true)
-provide('currUser', currUser)
-
-// Methods
-function init(params: {
-  configName?: string
-  serverName?: string
-  displayOnly?: boolean
-  selectedId?: any
-  outEnv?: Record<string, any>
-  mixinData?: Record<string, any>
-  attr?: Record<string, any>
-}) {
-  const {
-    configName: initConfigName = '',
-    serverName: initServerName = process.env.VUE_APP_SYSTEM_NAME,
-    displayOnly: initDisplayOnly = true,
-    selectedId: initSelectedId = null,
-    outEnv: initOutEnv = {},
-    mixinData: initMixinData = {},
-    attr: initAttr = {},
-  } = params
-
-  configName.value = initConfigName
-  serverName.value = initServerName
-  displayOnly.value = initDisplayOnly
-  visible.value = true
-  attr.value = initAttr
-
-  if (initSelectedId)
-    selectedId.value = initSelectedId
-
-  mixinData.value = initMixinData
-  outEnv.value = initOutEnv
-}
-
-function getSelectedId() {
-  if (typeof selectedId.value === 'object') {
-    if (selectedId.value?.selectedId)
-      return selectedId.value.selectedId
-
-    if (Object.keys(selectedId.value).length > 0)
-      return selectedId.value[Object.keys(selectedId.value)[0]]
-  }
-  return selectedId.value
-}
-
-function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
-  console.log('XReportDrawer')
-  emit('selectRow', selectedRowKeys, selectedRows)
-}
-
-function close() {
-  loading.value = false
-  visible.value = false
-  emit('close')
-}
-
-function getComponentByName(name: string) {
-  const innerRef = getParentComponentByName?.(name)
-  if (innerRef)
-    return innerRef
-
-  return mainRef.value?.getComponentByName(name)
-}
-
-function updateImg(data: any) {
-  console.log(data)
-}
-
-// 暴露方法
-defineExpose({
-  init,
-  getComponentByName,
-})
-</script>
-
-<template>
-  <VanPopup
-    v-model:show="visible"
-    position="right"
-    :style="{ width: '85vw', height: '100%' }"
-    v-bind="attr"
-    @close="close"
-  >
-    <XReport
-      ref="mainRef"
-      :env="env"
-      :use-oss-for-img="false"
-      :config-name="configName"
-      :show-img-in-cell="true"
-      :display-only="displayOnly"
-      :edit-mode="false"
-      :show-save-button="false"
-      :dont-format="true"
-      @update-img="updateImg"
-      @select-row="selectRow"
-    />
-  </VanPopup>
-</template>
+<script setup lang="ts">
+import { inject, provide, ref } from 'vue'
+import { storeToRefs } from 'pinia'
+import { Popup as VanPopup } from 'vant'
+import XReport from '@af-mobile-client-vue3/components/data/XReportGrid/XReport.vue'
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+
+// Props
+const props = defineProps({
+  env: {
+    type: String,
+    default: 'prod',
+  },
+})
+
+// Emits
+const emit = defineEmits<{
+  (e: 'close'): void
+  (e: 'selectRow', keys: any[], rows: any[]): void
+}>()
+// 状态管理
+const configName = ref('')
+const displayOnly = ref(true)
+const serverName = ref(process.env.VUE_APP_SYSTEM_NAME)
+const loading = ref(false)
+const visible = ref(false)
+const selectedId = ref(null)
+const mixinData = ref({})
+const outEnv = ref({})
+const attr = ref({})
+
+// Store
+const userStore = useUserStore()
+const { user: currUser } = storeToRefs(userStore)
+
+// Refs
+const mainRef = ref()
+
+// 注入
+const getParentComponentByName = inject<Function>('getParentComponentByName')
+const setGlobalData = inject<Function>('setGlobalData')
+const getGlobalData = inject<Function>('getGlobalData')
+
+// 提供依赖
+provide('getSelectedId', () => getSelectedId())
+provide('getSelectedData', () => selectedId.value)
+provide('getMixinData', () => mixinData.value)
+provide('getOutEnv', () => outEnv.value)
+provide('isInAModal', () => true)
+provide('currUser', currUser)
+
+// Methods
+function init(params: {
+  configName?: string
+  serverName?: string
+  displayOnly?: boolean
+  selectedId?: any
+  outEnv?: Record<string, any>
+  mixinData?: Record<string, any>
+  attr?: Record<string, any>
+}) {
+  const {
+    configName: initConfigName = '',
+    serverName: initServerName = process.env.VUE_APP_SYSTEM_NAME,
+    displayOnly: initDisplayOnly = true,
+    selectedId: initSelectedId = null,
+    outEnv: initOutEnv = {},
+    mixinData: initMixinData = {},
+    attr: initAttr = {},
+  } = params
+
+  configName.value = initConfigName
+  serverName.value = initServerName
+  displayOnly.value = initDisplayOnly
+  visible.value = true
+  attr.value = initAttr
+
+  if (initSelectedId)
+    selectedId.value = initSelectedId
+
+  mixinData.value = initMixinData
+  outEnv.value = initOutEnv
+}
+
+function getSelectedId() {
+  if (typeof selectedId.value === 'object') {
+    if (selectedId.value?.selectedId)
+      return selectedId.value.selectedId
+
+    if (Object.keys(selectedId.value).length > 0)
+      return selectedId.value[Object.keys(selectedId.value)[0]]
+  }
+  return selectedId.value
+}
+
+function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
+  console.log('XReportDrawer')
+  emit('selectRow', selectedRowKeys, selectedRows)
+}
+
+function close() {
+  loading.value = false
+  visible.value = false
+  emit('close')
+}
+
+function getComponentByName(name: string) {
+  const innerRef = getParentComponentByName?.(name)
+  if (innerRef)
+    return innerRef
+
+  return mainRef.value?.getComponentByName(name)
+}
+
+function updateImg(data: any) {
+  console.log(data)
+}
+
+// 暴露方法
+defineExpose({
+  init,
+  getComponentByName,
+})
+</script>
+
+<template>
+  <VanPopup
+    v-model:show="visible"
+    position="right"
+    :style="{ width: '85vw', height: '100%' }"
+    v-bind="attr"
+    @close="close"
+  >
+    <XReport
+      ref="mainRef"
+      :env="env"
+      :use-oss-for-img="false"
+      :config-name="configName"
+      :show-img-in-cell="true"
+      :display-only="displayOnly"
+      :edit-mode="false"
+      :show-save-button="false"
+      :dont-format="true"
+      @update-img="updateImg"
+      @select-row="selectRow"
+    />
+  </VanPopup>
+</template>