wui-components-v2 1.1.70 → 1.1.72

package/components/select-col-picker/select-col-picker.vue

@@ -1,168 +1,168 @@
-<script setup lang="ts">
-import { computed, defineEmits, defineOptions, defineProps, reactive, ref } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
-import { treeConfigApi, treeDataApi, treeNodeDataApi } from '../../api/tree'
-import { pageConfig } from '../../api/page'
-
-defineOptions({
-  name: 'SelectColPicker',
-})
-const props = defineProps<Props>()
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', value: string[]): void
-}>()
-
-// 定义 props 类型
-interface Props {
-  sourceId: string
-  label?: string
-  labelWidth: string
-  prop: string
-  readonly: boolean
-  clearable: boolean
-  placeholder: string
-  modelValue: Array<string>
-}
-
-const dataValue = computed(() => {
-  return props.modelValue
-})
-const sourceId = ref('')
-const columns = ref<any[]>([])
-const treeConfigs = reactive({
-  branchRatmplId: '',
-  branchTitle: '',
-  id: '',
-  rootGtmplId: '',
-  primaryColumnId1: '',
-  primaryColumnId2: '',
-  leafRatmplId: '',
-})
-
-// 获取配置1
-async function treeConfig1() {
-  try {
-    const res = await treeConfigApi(sourceId.value)
-    console.log(res)
-    treeConfigs.branchRatmplId = res.ttmplConfig.branchRatmplId
-    treeConfigs.branchTitle = res.ttmplConfig.branchTitle
-    treeConfigs.id = res.ttmplConfig.id
-    treeConfigs.rootGtmplId = res.ttmplConfig.rootGtmplId
-    treeConfigs.leafRatmplId = res.ttmplConfig.leafRatmplId
-    treeConfig2(treeConfigs.branchRatmplId, treeConfigs.leafRatmplId)
-  }
-  catch (error) {
-    console.log('error:', error)
-    // TODO handle the exception
-  }
-}
-
-onLoad((option: any) => {
-  sourceId.value = props.sourceId || option.sourceId
-  treeConfig1()
-})
-
-// 获取配置2
-async function treeConfig2(branchRatmplId: string, leafRatmplId: string) {
-  try {
-    const res1 = await pageConfig(branchRatmplId)
-    const res2 = await pageConfig(leafRatmplId)
-    treeConfigs.primaryColumnId1 = res1.ltmplConfig.primaryColumn.sourceId
-    treeConfigs.primaryColumnId2 = res2.ltmplConfig.primaryColumn.sourceId
-    getTreeData()
-  }
-  catch (error) {
-    console.log('error:', error)
-    // TODO handle the exception
-  }
-}
-
-// 获取数据
-async function getTreeData() {
-  try {
-    const res = await treeDataApi(treeConfigs.id)
-    console.log('res.entities:', res)
-    columns.value = [res.entities.map((item: any) => {
-      return {
-        value: item.code,
-        label: item.fieldMap[treeConfigs.primaryColumnId1],
-      }
-    })]
-  }
-  catch (error) {
-    console.log('error:', error)
-    // TODO handle the exception
-  }
-}
-
-async function columnChange({ selectedItem, resolve, finish }: any) {
-  try {
-    const res2 = treeNodeDataApi(treeConfigs.leafRatmplId, selectedItem.value)
-    const res1 = treeNodeDataApi(treeConfigs.branchRatmplId, selectedItem.value)
-    const res3 = await Promise.all([res1, res2])
-    console.log('res3:', res3)
-    if (res3[0].entities.length || res3[1].entities.length) {
-      resolve(
-        [
-          ...res3[0].entities.map((item: any) => {
-            return {
-              value: item.code,
-              label: item.fieldMap[treeConfigs.primaryColumnId1],
-            }
-          }),
-          ...res3[1].entities.map((item: any) => {
-            return {
-              value: item.code,
-              label: item.fieldMap[treeConfigs.primaryColumnId2],
-            }
-          }),
-        ],
-      )
-    }
-    else {
-      finish()
-    }
-  }
-  catch (error) {
-    console.log('error:', error)
-    finish(false)
-    // TODO handle the exception
-  }
-}
-
-function handleConfirm(selectedItems: any) {
-  console.log(selectedItems)
-  emits('update:modelValue', [selectedItems[selectedItems.length - 1]])
-}
-// 格式化方法
-function displayFormat(selectedItems: Record<string, any>[]) {
-  return selectedItems[selectedItems.length - 1]?.label
-}
-</script>
-
-<template>
-  <view>
-    <wd-col-picker
-      :use-default-slot="true"
-      :model-value="dataValue"
-      :columns="columns"
-      :column-change="columnChange"
-      :display-format="displayFormat"
-      :style="{ pointerEvents: props.readonly ? '' : 'none' }"
-      @confirm="handleConfirm"
-    >
-      <wd-input
-
-        type="text"
-        model-value=""
-        :prop="props.prop"
-        :placeholder="props.placeholder"
-        :label-width="props.labelWidth"
-        :label="props.label"
-        :readonly="true"
-        :clearable="false"
-      />
-    </wd-col-picker>
-  </view>
-</template>
+<script setup lang="ts">
+import { computed, defineEmits, defineOptions, defineProps, reactive, ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { treeConfigApi, treeDataApi, treeNodeDataApi } from '../../api/tree'
+import { pageConfig } from '../../api/page'
+
+defineOptions({
+  name: 'SelectColPicker',
+})
+const props = defineProps<Props>()
+
+const emits = defineEmits<{
+  (e: 'update:modelValue', value: string[]): void
+}>()
+
+// 定义 props 类型
+interface Props {
+  sourceId: string
+  label?: string
+  labelWidth: string
+  prop: string
+  readonly: boolean
+  clearable: boolean
+  placeholder: string
+  modelValue: Array<string>
+}
+
+const dataValue = computed(() => {
+  return props.modelValue
+})
+const sourceId = ref('')
+const columns = ref<any[]>([])
+const treeConfigs = reactive({
+  branchRatmplId: '',
+  branchTitle: '',
+  id: '',
+  rootGtmplId: '',
+  primaryColumnId1: '',
+  primaryColumnId2: '',
+  leafRatmplId: '',
+})
+
+// 获取配置1
+async function treeConfig1() {
+  try {
+    const res = await treeConfigApi(sourceId.value)
+    console.log(res)
+    treeConfigs.branchRatmplId = res.ttmplConfig.branchRatmplId
+    treeConfigs.branchTitle = res.ttmplConfig.branchTitle
+    treeConfigs.id = res.ttmplConfig.id
+    treeConfigs.rootGtmplId = res.ttmplConfig.rootGtmplId
+    treeConfigs.leafRatmplId = res.ttmplConfig.leafRatmplId
+    treeConfig2(treeConfigs.branchRatmplId, treeConfigs.leafRatmplId)
+  }
+  catch (error) {
+    console.log('error:', error)
+    // TODO handle the exception
+  }
+}
+
+onLoad((option: any) => {
+  sourceId.value = props.sourceId || option.sourceId
+  treeConfig1()
+})
+
+// 获取配置2
+async function treeConfig2(branchRatmplId: string, leafRatmplId: string) {
+  try {
+    const res1 = await pageConfig(branchRatmplId)
+    const res2 = await pageConfig(leafRatmplId)
+    treeConfigs.primaryColumnId1 = res1.ltmplConfig.primaryColumn.sourceId
+    treeConfigs.primaryColumnId2 = res2.ltmplConfig.primaryColumn.sourceId
+    getTreeData()
+  }
+  catch (error) {
+    console.log('error:', error)
+    // TODO handle the exception
+  }
+}
+
+// 获取数据
+async function getTreeData() {
+  try {
+    const res = await treeDataApi(treeConfigs.id)
+    console.log('res.entities:', res)
+    columns.value = [res.entities.map((item: any) => {
+      return {
+        value: item.code,
+        label: item.fieldMap[treeConfigs.primaryColumnId1],
+      }
+    })]
+  }
+  catch (error) {
+    console.log('error:', error)
+    // TODO handle the exception
+  }
+}
+
+async function columnChange({ selectedItem, resolve, finish }: any) {
+  try {
+    const res2 = treeNodeDataApi(treeConfigs.leafRatmplId, selectedItem.value)
+    const res1 = treeNodeDataApi(treeConfigs.branchRatmplId, selectedItem.value)
+    const res3 = await Promise.all([res1, res2])
+    console.log('res3:', res3)
+    if (res3[0].entities.length || res3[1].entities.length) {
+      resolve(
+        [
+          ...res3[0].entities.map((item: any) => {
+            return {
+              value: item.code,
+              label: item.fieldMap[treeConfigs.primaryColumnId1],
+            }
+          }),
+          ...res3[1].entities.map((item: any) => {
+            return {
+              value: item.code,
+              label: item.fieldMap[treeConfigs.primaryColumnId2],
+            }
+          }),
+        ],
+      )
+    }
+    else {
+      finish()
+    }
+  }
+  catch (error) {
+    console.log('error:', error)
+    finish(false)
+    // TODO handle the exception
+  }
+}
+
+function handleConfirm(selectedItems: any) {
+  console.log(selectedItems)
+  emits('update:modelValue', [selectedItems[selectedItems.length - 1]])
+}
+// 格式化方法
+function displayFormat(selectedItems: Record<string, any>[]) {
+  return selectedItems[selectedItems.length - 1]?.label
+}
+</script>
+
+<template>
+  <view>
+    <wd-col-picker
+      :use-default-slot="true"
+      :model-value="dataValue"
+      :columns="columns"
+      :column-change="columnChange"
+      :display-format="displayFormat"
+      :style="{ pointerEvents: props.readonly ? '' : 'none' }"
+      @confirm="handleConfirm"
+    >
+      <wd-input
+
+        type="text"
+        model-value=""
+        :prop="props.prop"
+        :placeholder="props.placeholder"
+        :label-width="props.labelWidth"
+        :label="props.label"
+        :readonly="true"
+        :clearable="false"
+      />
+    </wd-col-picker>
+  </view>
+</template>

package/components/tab-search/tab-search.vue

@@ -1,73 +1,73 @@
-<script setup lang="ts">
-import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
-import type { EnumItem, Enums, Split2TabCriterias } from '../../type'
-
-defineOptions({
-  name: 'TabSearch',
-})
-
-const props = defineProps<{
-  split2TabCriterias: Split2TabCriterias[]
-  enums: Enums
-}>()
-
-const emit = defineEmits(['click'])
-
-interface TabData {
-  name: string
-  value: string
-  sourceId: string
-}
-// 提取枚举值
-function enumColumn() {
-  if (!props.split2TabCriterias)
-    return []
-  return props.split2TabCriterias.reduce<TabData[]>((acc, cur) => {
-    const data = props.enums[cur.mstrucId]?.map((item: EnumItem) => {
-      return { name: item.title, value: item.title, sourceId: cur.sourceId }
-    }) || []
-    acc = [...acc, ...data] // 更新累加器
-    return acc // 显式返回累加器
-  }, [])
-}
-// 提取特殊值
-function specialColumn() {
-  if (!props.split2TabCriterias)
-    return []
-  const data = []
-  for (let i = 0; i < props.split2TabCriterias.length; i++) {
-    const element = props.split2TabCriterias[i]
-    if (element.extControlType === 'single-checkbox') {
-      data.push({ name: element.title, value: '1', sourceId: element.sourceId })
-    }
-  }
-  return data
-}
-const tabs = computed(() => {
-  const data1 = enumColumn()
-  const data2 = specialColumn()
-  return [{ name: '全部', value: '', sourceId: '' }, ...data1, ...data2]
-})
-
-const tab = ref<string>('')
-
-// click事件:点击标题
-function click(event: { index: number, name: string }) {
-  const data = tabs.value.find(item => item.value === event.name)
-  console.log(data, event)
-  if (event.name) {
-    emit('click', `c_${data?.sourceId}=${event.name}`)
-  }
-  else {
-    emit('click', '')
-  }
-}
-</script>
-
-<template>
-  <wd-tabs v-model="tab" animated slidable="always" @click="click">
-    <block v-for="item in tabs" :key="item.sourceId">
-      <wd-tab :title="item.name" :name="item.value" />
-    </block>
-  </wd-tabs>
-</template>
+<script setup lang="ts">
+import { computed, defineEmits, defineOptions, defineProps, ref } from 'vue'
+import type { EnumItem, Enums, Split2TabCriterias } from '../../type'
+
+defineOptions({
+  name: 'TabSearch',
+})
+
+const props = defineProps<{
+  split2TabCriterias: Split2TabCriterias[]
+  enums: Enums
+}>()
+
+const emit = defineEmits(['click'])
+
+interface TabData {
+  name: string
+  value: string
+  sourceId: string
+}
+// 提取枚举值
+function enumColumn() {
+  if (!props.split2TabCriterias)
+    return []
+  return props.split2TabCriterias.reduce<TabData[]>((acc, cur) => {
+    const data = props.enums[cur.mstrucId]?.map((item: EnumItem) => {
+      return { name: item.title, value: item.title, sourceId: cur.sourceId }
+    }) || []
+    acc = [...acc, ...data] // 更新累加器
+    return acc // 显式返回累加器
+  }, [])
+}
+// 提取特殊值
+function specialColumn() {
+  if (!props.split2TabCriterias)
+    return []
+  const data = []
+  for (let i = 0; i < props.split2TabCriterias.length; i++) {
+    const element = props.split2TabCriterias[i]
+    if (element.extControlType === 'single-checkbox') {
+      data.push({ name: element.title, value: '1', sourceId: element.sourceId })
+    }
+  }
+  return data
+}
+const tabs = computed(() => {
+  const data1 = enumColumn()
+  const data2 = specialColumn()
+  return [{ name: '全部', value: '', sourceId: '' }, ...data1, ...data2]
+})
+
+const tab = ref<string>('')
+
+// click事件:点击标题
+function click(event: { index: number, name: string }) {
+  const data = tabs.value.find(item => item.value === event.name)
+  console.log(data, event)
+  if (event.name) {
+    emit('click', `c_${data?.sourceId}=${event.name}`)
+  }
+  else {
+    emit('click', '')
+  }
+}
+</script>
+
+<template>
+  <wd-tabs v-model="tab" animated slidable="always" @click="click">
+    <block v-for="item in tabs" :key="item.sourceId">
+      <wd-tab :title="item.name" :name="item.value" />
+    </block>
+  </wd-tabs>
+</template>