agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

package/packages/IntervalSelection/src/sectionDate.vue

@@ -1,475 +0,0 @@
-<template>
-  <div>
-    <!-- 年份选择器 -->
-    <div v-if="colFieldSetting.options.showType === 'year'" class="select">
-      <el-date-picker
-        :shortcuts="pickerOptions && pickerOptions.shortcuts"
-        :disabled-date="pickerOptions && pickerOptions.disabledDate"
-        :cell-class-name="pickerOptions && pickerOptions.cellClassName"
-        v-model="yearStartDate"
-        type="year"
-        :placeholder="colFieldSetting.options.startPlaceholder"
-        :disabled="colFieldSetting.options.disabled"
-        :clearable="colFieldSetting.options.clearable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        @change="onChangeStatYear"
-      ></el-date-picker>
-      <div class="intervalCenter">-</div>
-      <el-date-picker
-        :shortcuts="pickerOptions && pickerOptions.shortcuts"
-        :disabled-date="pickerOptions && pickerOptions.disabledDate"
-        :cell-class-name="pickerOptions && pickerOptions.cellClassName"
-        v-model="yearDate"
-        type="year"
-        :placeholder="colFieldSetting.options.endPlaceholder"
-        :disabled="colFieldSetting.options.disabled"
-        :clearable="colFieldSetting.options.clearable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        @change="onChangeEndYear"
-      ></el-date-picker>
-    </div>
-    <!-- 季度选择器 -->
-    <!--<div-->
-    <!--  v-else-if="colFieldSetting.options.showType === 'quarterScope'"-->
-    <!--  class="select"-->
-    <!--&gt;-->
-    <!--  <quarterScope-->
-    <!--    v-model:value="ScopeStartDate"-->
-    <!--    :size="-->
-    <!--      colFieldSetting.options.size ? colFieldSetting.options.size : 'small'-->
-    <!--    "-->
-    <!--    :disabled="colFieldSetting.options.disabled"-->
-    <!--    :clearable="colFieldSetting.options.clearable"-->
-    <!--    :placeholder="colFieldSetting.options.placeholder"-->
-    <!--    :format="-->
-    <!--      'yyyy' +-->
-    <!--      $t('IntervalSelection.upload') +-->
-    <!--      'q' +-->
-    <!--      $t('IntervalSelection.quarter')-->
-    <!--    "-->
-    <!--    style="width: 100%"-->
-    <!--    @change="quarterStatrt"-->
-    <!--  />-->
-    <!--  <div class="intervalCenter">-</div>-->
-    <!--  <quarterScope-->
-    <!--    v-model:value="ScopeEndDate"-->
-    <!--    :size="-->
-    <!--      colFieldSetting.options.size ? colFieldSetting.options.size : 'small'-->
-    <!--    "-->
-    <!--    :disabled="colFieldSetting.options.disabled"-->
-    <!--    :clearable="colFieldSetting.options.clearable"-->
-    <!--    :placeholder="colFieldSetting.options.placeholder"-->
-    <!--    style="width: 100%"-->
-    <!--    :format="-->
-    <!--      'yyyy' +-->
-    <!--      $t('IntervalSelection.upload') +-->
-    <!--      'q' +-->
-    <!--      $t('IntervalSelection.quarter')-->
-    <!--    "-->
-    <!--    :end-quarter-date="true"-->
-    <!--    @change="quarterEnd"-->
-    <!--  />-->
-    <!--</div>-->
-    <!-- 星期选择器 -->
-    <div v-else-if="colFieldSetting.options.showType === 'week'" class="select">
-      <el-date-picker
-        :shortcuts="{ firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.shortcuts"
-        :disabled-date="
-          { firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.disabledDate
-        "
-        :cell-class-name="
-          { firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.cellClassName
-        "
-        v-model="weekStareDate"
-        :type="colFieldSetting.options.showType"
-        :is-range="colFieldSetting.options.range"
-        :placeholder="colFieldSetting.options.placeholder"
-        :start-placeholder="colFieldSetting.options.startPlaceholder"
-        :end-placeholder="colFieldSetting.options.endPlaceholder"
-        :readonly="colFieldSetting.options.readonly"
-        :disabled="colFieldSetting.options.disabled"
-        :editable="colFieldSetting.options.editable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        :clearable="colFieldSetting.options.clearable"
-        :format="
-          'YYYY' +
-          $t('IntervalSelection.auxiliary') +
-          'WW' +
-          $t('IntervalSelection.week')
-        "
-        @change="weekStatChange"
-      ></el-date-picker>
-      <div class="intervalCenter">-</div>
-      <el-date-picker
-        :shortcuts="{ firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.shortcuts"
-        :disabled-date="
-          { firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.disabledDate
-        "
-        :cell-class-name="
-          { firstDayOfWeek: 1 } && { firstDayOfWeek: 1 }.cellClassName
-        "
-        v-model="weekDate"
-        :type="colFieldSetting.options.showType"
-        :is-range="colFieldSetting.options.range"
-        :placeholder="colFieldSetting.options.placeholder"
-        :start-placeholder="colFieldSetting.options.startPlaceholder"
-        :end-placeholder="colFieldSetting.options.endPlaceholder"
-        :readonly="colFieldSetting.options.readonly"
-        :disabled="colFieldSetting.options.disabled"
-        :editable="colFieldSetting.options.editable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        :clearable="colFieldSetting.options.clearable"
-        :format="
-          'YYYY' +
-          $t('IntervalSelection.auxiliary') +
-          'WW' +
-          $t('IntervalSelection.week')
-        "
-        @change="weekChange"
-      ></el-date-picker>
-    </div>
-    <!-- 月份选择 -->
-    <div
-      v-else-if="colFieldSetting.options.showType === 'monthrange'"
-      class="select"
-    >
-      <el-date-picker
-        v-model="monthStareDate"
-        type="month"
-        :is-range="colFieldSetting.options.range"
-        :placeholder="colFieldSetting.options.placeholder"
-        :start-placeholder="colFieldSetting.options.startPlaceholder"
-        :end-placeholder="colFieldSetting.options.endPlaceholder"
-        :readonly="colFieldSetting.options.readonly"
-        :disabled="colFieldSetting.options.disabled"
-        :editable="colFieldSetting.options.editable"
-        :clearable="colFieldSetting.options.clearable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        value-format="x"
-        @change="monthStatChange"
-      />
-      <div class="intervalCenter">-</div>
-      <el-date-picker
-        v-model="monthDate"
-        type="month"
-        :is-range="colFieldSetting.options.range"
-        :placeholder="colFieldSetting.options.placeholder"
-        :start-placeholder="colFieldSetting.options.startPlaceholder"
-        :end-placeholder="colFieldSetting.options.endPlaceholder"
-        :readonly="colFieldSetting.options.readonly"
-        :disabled="colFieldSetting.options.disabled"
-        :editable="colFieldSetting.options.editable"
-        :clearable="colFieldSetting.options.clearable"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        @change="monthChange"
-      />
-    </div>
-    <div v-else style="width: 100%; height: 100%">
-      <el-date-picker
-        v-model="datStareDate"
-        :type="colFieldSetting.options.showType"
-        :is-range="colFieldSetting.options.range"
-        :placeholder="colFieldSetting.options.placeholder"
-        :start-placeholder="colFieldSetting.options.startPlaceholder"
-        :end-placeholder="colFieldSetting.options.endPlaceholder"
-        :readonly="colFieldSetting.options.readonly"
-        :disabled="colFieldSetting.options.disabled"
-        :size="
-          colFieldSetting.options.size ? colFieldSetting.options.size : 'small'
-        "
-        :editable="colFieldSetting.options.editable"
-        :clearable="colFieldSetting.options.clearable"
-        value-format="x"
-        style="width: 100%"
-        @change="changeForm"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-// import quarterScope from './quarterScope'
-import {
-  getFirstDayOfSeason,
-  getWeekOfSeason,
-  formatTimefn,
-  getDateRangeSelectorDefaultValue,
-} from '../../../src/utils/range-selector'
-export default {
-  name: 'SectionDate',
-  components: {
-    // quarterScope,
-  },
-  props: {
-    // 组件数据项目
-    colFieldSetting: {
-      type: Object,
-      default: null,
-    },
-  },
-  data() {
-    return {
-      modelValue: {},
-      startDate: '',
-      endDate: '',
-      weekStareDate: '',
-      weekDate: '',
-      monthStareDate: '',
-      monthDate: '',
-      datStareDate: [],
-      yearStartDate: '',
-      yearDate: '',
-      ScopeStartDate: '',
-      ScopeEndDate: '',
-      pickerOptions: {
-        disabledDate(time) {
-          return time.getFullYear() < 2000
-        },
-      },
-      fordateParams: '',
-    }
-  },
-  watch: {
-    datStareDate: {
-      handler(newValue) {
-        this.startDate = this.formatTimefn(
-          this.colFieldSetting.options.format,
-          newValue[0]
-        )
-        this.endDate = this.formatTimefn(
-          this.colFieldSetting.options.format,
-          newValue[1]
-        )
-      },
-      immediate: false,
-      deep: true,
-    },
-  },
-  created() {
-    this.setTimeScope()
-  },
-  methods: {
-    // 时间格式处理函数
-    formatTimefn(format, dateTime) {
-      return formatTimefn(format, dateTime)
-    },
-    getFirstDayOfSeason(date) {
-      return getFirstDayOfSeason(date)
-    },
-    getWeekOfSeason(date) {
-      return getWeekOfSeason(date)
-    },
-    // 填充默认值
-    setTimeScope() {
-      const dataOptions = this.colFieldSetting.options
-         let myDefaultValue = dataOptions.defaultValueSetting ? dataOptions.defaultValueSetting.paramValue : null
-        if (myDefaultValue === undefined || myDefaultValue === null || myDefaultValue === '') {
-          myDefaultValue = dataOptions.defaultValue
-        }
-      const defaultValueMap = getDateRangeSelectorDefaultValue(
-        dataOptions.stareScopeTimeType,
-        dataOptions.format,
-        myDefaultValue
-      )
-      if (defaultValueMap) {
-        const startTimeTemp = defaultValueMap.startTimeTemp
-        const endTimeTemp = defaultValueMap.endTimeTemp
-        const myStartDate = defaultValueMap.startDate
-        const myEndDate = defaultValueMap.endDate
-        if (
-          dataOptions.showType === 'year' &&
-          startTimeTemp &&
-          endTimeTemp
-        ) {
-          // 年范围选择器
-          this.yearStartDate = startTimeTemp
-          this.yearDate = endTimeTemp
-        } else if (
-          dataOptions.showType === 'quarterScope' &&
-          startTimeTemp &&
-          endTimeTemp
-        ) {
-          // 季度范围选择器
-          this.ScopeStartDate = startTimeTemp
-          this.ScopeEndDate = endTimeTemp
-        } else if (
-          dataOptions.showType === 'week' &&
-          startTimeTemp &&
-          endTimeTemp
-        ) {
-          // 周范围选择器
-          this.weekStareDate = startTimeTemp
-          this.weekDate = endTimeTemp
-        } else if (
-          dataOptions.showType === 'monthrange' &&
-          startTimeTemp &&
-          endTimeTemp
-        ) {
-          // 月份范围选择器
-          this.monthStareDate = startTimeTemp
-          this.monthDate = endTimeTemp
-        } else if (
-          dataOptions.showType === 'daterange' &&
-          startTimeTemp &&
-          endTimeTemp
-        ) {
-          // 日期范围选择器
-          this.datStareDate = [startTimeTemp, endTimeTemp]
-        }
-        this.startDate = myStartDate
-        this.endDate = myEndDate
-      }
-      this.changeForm()
-    },
-    getTimeTamp(date) {
-      return new Date(date).getTime()
-    },
-    onChangeStatYear() {
-      this.startDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        new Date(this.yearStartDate).getTime()
-      )
-      this.changeForm()
-    },
-    onChangeEndYear() {
-      const year = new Date(this.yearDate).getFullYear()
-      if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
-        // 是闰年
-        this.forTimeParams =
-          new Date(this.yearDate).getTime() + 365 * 24 * 60 * 60 * 1000
-      } else {
-        // 不是闰年
-        this.forTimeParams =
-          new Date(this.yearDate).getTime() + 364 * 24 * 60 * 60 * 1000
-      }
-      this.endDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        this.forTimeParams
-      )
-      this.startDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        new Date(this.yearStartDate).getTime()
-      )
-      this.changeForm()
-    },
-    // 选择周处理函数
-    weekChange() {
-      this.forTimeParams =
-        new Date(this.weekDate).getTime() + 5 * 24 * 60 * 60 * 1000
-      this.endDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        this.forTimeParams
-      )
-      this.changeForm()
-    },
-    weekStatChange() {
-      // 组件返回默认日期是周二
-      const time = new Date(this.weekStareDate) - 24 * 60 * 60 * 1000
-      this.startDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        new Date(time).getTime()
-      )
-      this.changeForm()
-    },
-    changeForm() {
-      const mondValue = [this.startDate, this.endDate]
-      $emit(this, 'SectionDateTransfer', mondValue)
-    },
-    quarterStatrt(date) {
-      this.startDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        new Date(date).getTime()
-      )
-      this.changeForm()
-    },
-    quarterEnd(date) {
-      this.endDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        new Date(date).getTime()
-      )
-      this.changeForm()
-    },
-    monthChange() {
-      const year = new Date(this.monthDate).getFullYear()
-      const month = new Date(this.monthDate).getMonth() + 1
-      const solarMonth = [1, 3, 5, 7, 8, 10, 12]
-      if (
-        this.monthStareDate !== '' &&
-        this.monthStareDate !== null &&
-        this.monthStareDate !== undefined
-      ) {
-        this.startDate = this.formatTimefn(
-          this.colFieldSetting.options.format,
-          this.monthStareDate
-        )
-      }
-      if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
-        // 是闰年
-        if (month === 2) {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 28 * 24 * 60 * 60 * 1000
-        } else if (solarMonth.indexOf(month) !== -1) {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 30 * 24 * 60 * 60 * 1000
-        } else {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 29 * 24 * 60 * 60 * 1000
-        }
-      } else {
-        // 不是闰年
-        if (month === 2) {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 27 * 24 * 60 * 60 * 1000
-        } else if (solarMonth.indexOf(month) !== -1) {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 30 * 24 * 60 * 60 * 1000
-        } else {
-          this.forTimeParams =
-            new Date(this.monthDate).getTime() + 29 * 24 * 60 * 60 * 1000
-        }
-      }
-      this.endDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        this.forTimeParams
-      )
-      this.changeForm()
-    },
-    monthStatChange() {
-      this.startDate = this.formatTimefn(
-        this.colFieldSetting.options.format,
-        this.monthStareDate
-      )
-      this.changeForm()
-    },
-  },
-  emits: ['SectionDateTransfer'],
-}
-</script>
-
-<style lang="scss" scoped>
-.select {
-  width: 100%;
-  height: 100%;
-  display: grid;
-  grid-template-columns: calc(50% - 10px) 20px calc(50% - 10px);
-  align-items: center;
-  .intervalCenter {
-    width: 100%;
-    height: 100%;
-    text-align: center;
-  }
-}
-</style>

package/packages/breadcrumb/index.js

@@ -1,6 +0,0 @@
-import Breadcrumb from './src/breadcrumb.vue'
-Breadcrumb.install = function (Vue) {
-  Vue.component(Breadcrumb.name, Breadcrumb)
-}
-
-export default Breadcrumb

package/packages/breadcrumb/src/breadcrumb.vue

@@ -1,81 +0,0 @@
-<template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
-    <transition-group tag="span" name="breadcrumb">
-      <el-breadcrumb-item
-        v-for="(item, index) in levelListWithTitle"
-        :key="item.path"
-      >
-        <span
-          v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
-          class="no-redirect"
-        >
-          {{ item.meta.title }}
-        </span>
-        <router-link v-else :to="item.redirect || item.path">
-          {{ item.meta.title }}
-        </router-link>
-      </el-breadcrumb-item>
-    </transition-group>
-  </el-breadcrumb>
-</template>
-
-<script>
-import * as pathToRegexp from 'path-to-regexp'
-
-export default {
-  name: 'Breadcrumb',
-  data() {
-    return {
-      levelList: null,
-    }
-  },
-  computed: {
-    levelListWithTitle() {
-      return this.levelList.filter(
-        (item) => item.meta.title !== undefined && item.meta.title !== null
-      )
-    },
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb()
-    },
-  },
-  created() {
-    this.getBreadcrumb()
-  },
-  methods: {
-    getBreadcrumb() {
-      const { params } = this.$route
-      let matched = this.$route.matched.filter((item) => {
-        if (item.name) {
-          // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
-          var toPath = pathToRegexp.compile(item.path)
-          item.path = toPath(params)
-          return true
-        }
-      })
-      const first = matched[0]
-      if (first && first.name !== 'Dashboard') {
-        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' } }].concat(
-          matched
-        )
-      }
-      this.levelList = matched
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 10px;
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>

package/packages/chat-embed/index.ts

@@ -1,6 +0,0 @@
-import ChatEmbed from './src/index.vue'
-ChatEmbed.install = function (Vue) {
-  window.$vueApp.component('ChatEmbed', ChatEmbed)
-}
-
-export default ChatEmbed

package/packages/chat-embed/src/chat-addition-data.vue

@@ -1,64 +0,0 @@
-<template>
-  <!-- 附加数据 -->
-  <el-divider border-style="dashed" />
-  <el-tag type="primary" style="width: 100%">
-    <template #default>
-      <div class="additional-data-tag">
-        <el-icon><Paperclip /></el-icon>
-        {{ item.additionalDataLabel }}
-      </div>
-    </template>
-  </el-tag>
-  <div class="additional-data-button">
-    <el-button plain size="small" @click="viewJson(item.additionalData)">
-      <el-icon><View /></el-icon> <span>预览数据</span>
-    </el-button>
-    <el-button plain size="small" @click="downloadJsonData(item.additionalData, item.menuName)">
-      <el-icon><Download /></el-icon> 下载数据
-    </el-button>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { defineEmits, defineProps } from 'vue'
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true
-  }
-})
-const emits = defineEmits(['view-json', 'download-json'])
-function viewJson(data: any[]) {
-  if (!data) return
-  if (typeof data === 'string') {
-    emits('view-json', JSON.parse(data))
-  } else if (Array.isArray(data)) {
-    emits('view-json', data)
-  }
-}
-function downloadJsonData(data: any[], menuName: string) {
-  if (!data) return
-  if (typeof data === 'string') {
-    emits('download-json', JSON.parse(data), menuName)
-  } else if (Array.isArray(data)) {
-    emits('download-json', data, menuName)
-  }
-}
-</script>
-<style scoped>
-.additional-data-tag {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  min-width: max-content;
-  margin-left: auto;
-  gap: 10px;
-}
-.additional-data-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 10px;
-  gap: 10px;
-}
-</style>