flame-plus 0.1.33 → 0.1.36

package/src/packages/components/complex/flmToolbar/flmToolbar.vue

@@ -1,55 +0,0 @@
-<template>
-  <div class="flm-toolbar">
-    <flm-button
-      v-for="buttonConfig in buttonGroup"
-      :config="{ ...config.publicConfig, ...buttonConfig }"
-      :key="buttonConfig.event"
-      @click="toolbarClick(buttonConfig.event)"
-    />
-    <el-dropdown
-      v-if="props.config.buttons.length > maxButton"
-      style="margin-left: 12px;"
-      trigger="click"
-      @command="toolbarClick"
-    >
-      <flm-button :config="{ ...config.publicConfig, buttonText: '更多' }" />
-      <template #dropdown>
-        <el-dropdown-menu>
-          <el-dropdown-item
-            v-for="buttonConfig in dropdown"
-            :config="buttonConfig"
-            :key="buttonConfig.event"
-            :command="buttonConfig.event"
-          >{{ buttonConfig.buttonText }}</el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { PropType, computed, ComputedRef } from 'vue'
-import { flmButton } from '../../index'
-import { ToolbarConfig, ToolbarButtonConfig } from 'flame-types'
-
-const emit = defineEmits(['toolbarClick'])
-const props = defineProps({
-  config: {
-    type: Object as PropType<ToolbarConfig>,
-    default(): ToolbarConfig {
-      return {
-        publicConfig: {},
-        maxButton: 3,
-        buttons: []
-      }
-    }
-  }
-})
-
-const maxButton = props.config.maxButton
-const buttonGroup: ComputedRef<Array<ToolbarButtonConfig>> = computed(() => props.config.buttons.slice(0, maxButton))
-const dropdown: ComputedRef<Array<ToolbarButtonConfig>> = computed(() => props.config.buttons.slice(maxButton))
-
-// 工具栏
-const toolbarClick = (event: string) => emit('toolbarClick', event)
-</script>

package/src/packages/components/index.ts

@@ -1,30 +0,0 @@
-// 基础组件
-export { default as flmButton } from './base/flmButton/flmButton.vue'  	               // 按钮
-export { default as flmCascader } from './base/flmCascader/flmCascader.vue'  	         // 级联选择器
-export { default as flmCheckbox } from './base/flmCheckbox/flmCheckbox.vue'  	         // 多选框
-export { default as flmCheckboxGroup } from './base/flmCheckbox/flmCheckboxGroup.vue'  // 多选框组
-export { default as flmColorPicker } from './base/flmColorPicker/flmColorPicker.vue'   // 取色器
-export { default as flmDatePicker } from './base/flmDatePicker/flmDatePicker.vue'      // 日期选择器
-export { default as flmInput } from './base/flmInput/flmInput.vue'  	                 // 输入框
-export { default as flmInputNumber } from './base/flmInputNumber/flmInputNumber.vue'   // 数字输入框
-export { default as flmPagination } from './base/flmPagination/flmPagination.vue'      // 分页器
-export { default as flmRadio } from './base/flmRadio/flmRadio.vue'                     // 单选框
-export { default as flmRate } from './base/flmRate/flmRate.vue'                        // 评分
-export { default as flmRead } from './base/flmRead/flmRead.vue'  	                     // 查看
-export { default as flmSelect } from './base/flmSelect/flmSelect.vue'  	               // 选择器
-export { default as flmSlider } from './base/flmSlider/flmSlider.vue'  	               // 滑块
-export { default as flmSwitch } from './base/flmSwitch/flmSwitch.vue'  	               // 开关
-export { default as flmTimePicker } from './base/flmTimePicker/flmTimePicker.vue'  	   // 时间选择器
-export { default as flmTimeSelect } from './base/flmTimeSelect/flmTimeSelect.vue'  	   // 时间选择
-export { default as flmTransfer } from './base/flmTransfer/flmTransfer.vue'  	         // 穿梭框
-export { default as flmDialog } from './base/flmDialog/flmDialog.vue'  	               // 弹窗
-
-// 复合组件
-export { default as flmForm } from './complex/flmForm/flmForm.vue'  	                 // 表单
-export { default as flmTable } from './complex/flmTable/flmTable.vue'  	               // 表格
-export { default as flmToolbar } from './complex/flmToolbar/flmToolbar.vue'            // 操作栏
-export { default as flmSearch } from './complex/flmSearch/flmSearch.vue'  	           // 搜索
-
-// 页面组件
-export { default as flmReportPage } from './page/flmReportPage/flmReportPage.vue'      // 报表页面
-export { default as flmExportPage } from './page/flmExportPage/flmExportPage.vue'      // 导出页面

package/src/packages/components/page/flmExportPage/flmExportPage.vue

@@ -1,219 +0,0 @@
-<template>
-  <div class="export-page" ref="exportPageRef">
-    <template v-if="isLoaded">
-      <div class="page-search">
-        <slot></slot>
-      </div>
-      <flmToolbar class="page-toolbar" :config="toolbarConfig" @toolbarClick="toolbarClick" />
-      <flmTable class="page-table" :config="exportPageConfig.table">
-        <template v-for="tableSlot in getTableSlots" #[tableSlot]="{ index, row, column }">
-          <slot :name="`table-${tableSlot}`" :index="index" :row="row" :column="column"></slot>
-        </template>
-      </flmTable>
-      <flmPagination
-        class="page-pagination"
-        :config="exportPageConfig.pagination"
-        @size-change="paginationEvent.sizeChange"
-        @current-change="paginationEvent.currentChange"
-      />
-    </template>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { PropType, ref, Ref, reactive, computed, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import { flmToolbar, flmTable, flmPagination } from '../../index'
-import {
-  ButtonType,
-  ToolbarConfig,
-  FormConfig,
-  TableColumnConfig,
-  ExportPageSetting
-} from 'flame-types'
-import { isValidKey } from '../../../utils'
-
-const props = defineProps({
-  // 表名
-  tableName: {
-    type: String,
-    required: true
-  },
-  // 请求方式
-  request: {
-    type: Object as PropType<any>,
-    required: true
-  }
-})
-
-const emit = defineEmits(['customEvent'])
-const exportPageRef = ref()
-
-const safeTableName = computed(() => props.tableName.replace(/_/g, ''))
-
-let isLoaded: Ref<boolean> = ref(false)
-let exportPageConfig: Ref<ExportPageSetting> = ref({
-  table: {},
-  pagination: {},
-})
-const searchParams: FormConfig['model'] = ref({})  // 搜索条件
-
-onMounted(() => {
-  queryPageSetting()
-})
-
-// 表格高度
-const tableHeight = () => {
-  const homeHeight = '100vh',
-    headerHight = '50px',  // 页眉高度
-    mainSpacing = '30px',  // 主体内容边距
-    pageSearch = '50px',   // 搜索栏高度
-    pageFooter = '50px',   // 分页高度
-    pageSpacing = '40px'   // 页面边距
-  return `calc(${homeHeight} - ${headerHight} - ${mainSpacing} - ${pageSearch} - ${pageFooter} - ${pageSpacing})`
-}
-
-// 查询页面配置
-const queryPageSetting = () => {
-  props.request.flameprops.request({
-    tableName: 'flametableinfo',
-    flameMethod: 'webgetpagesetting',
-    data: { table_name: props.tableName, menu_id: null }
-  })
-    .then(({ items }: any) => {
-      const exportPageSetting: ExportPageSetting = items
-      exportPageSetting.table['height'] = tableHeight()
-      exportPageSetting.table['max-height'] = tableHeight()
-      exportPageConfig.value = exportPageSetting
-      queryPageData()
-    })
-}
-
-// 查询页面数据
-const queryPageData = () => {
-  const {
-    ['current-page']: page_no = 1,
-    ['page-size']: page_size = 20,
-  }: ExportPageSetting['pagination'] = exportPageConfig.value.pagination
-  props.request.flameApi.pageSearch({
-    tableName: safeTableName.value,
-    data: {
-      page_no,
-      page_size,
-      conditions: searchParams.value,
-      ref_level: 1,
-      order_by: "flame_id DESC"
-    }
-  })
-    .then(({ items, total }: any) => {
-      exportPageConfig.value.table.data = items
-      exportPageConfig.value.pagination['total'] = total
-      isLoaded.value = true
-    })
-}
-
-// 页面刷新
-const pageRefresh = () => {
-  exportPageConfig.value.pagination['current-page'] = 1
-  queryPageData()
-}
-
-// 搜索栏提交
-const searchSubmit = (event: object) => {
-  searchParams.value = event
-  pageRefresh()
-}
-
-// 工具栏配置
-const toolbarConfig: ToolbarConfig = reactive({
-  buttons: [{
-    type: ButtonType['success'],
-    plain: true,
-    buttonText: '导出',
-    event: 'pageExport'
-  }],
-  maxButton: 3,
-  publicConfig: {}
-})
-// 工具栏点击
-const toolbarClick = (event: string) => {
-  isValidKey(event, pageDefaultEvent)
-    ? pageDefaultEvent[event]()
-    : emit('customEvent', event)
-}
-
-// 分页器操作
-const paginationEvent: Record<string, (event?: any) => void> = {
-  // 每页数量变化
-  sizeChange:(pageSize: number) => {
-    exportPageConfig.value.pagination['current-page'] = 1
-    exportPageConfig.value.pagination['page-size'] = pageSize
-    queryPageData()
-  },
-  // 当前页变化
-  currentChange:(current: number) => {
-    exportPageConfig.value.pagination['current-page'] = current
-    queryPageData()
-  },
-}
-
-// 页面默认操作
-const pageDefaultEvent: Record<string, (event?: any) => void> = {
-  // 页面导出
-  pageExport:() => {
-    props.request.flameApi.exportFile({
-      tableName: safeTableName.value,
-      data: {
-        conditions: searchParams.value,
-        ref_level: 1,
-        order_by: 'flame_id DESC'
-      }
-    })
-      .then(({ items }: any) => {
-        window.open(items.download_url)
-        ElMessage.success('导出成功')
-      })
-  },
-}
-
-defineExpose({ searchSubmit, pageRefresh })
-
-// 表格插槽
-const getTableSlots = computed((): Array<string> => {
-  const columns: Array<TableColumnConfig> = exportPageConfig.value.table.columns || []
-  const slotColumns: Array<string> = []
-  const slotFilter = (columns: Array<TableColumnConfig>) => {
-    columns.forEach(({ prop, isSlot, columns }: TableColumnConfig) => {
-      (isSlot && prop && prop !== 'tableAction') && slotColumns.push(prop)
-      columns?.length && slotFilter(columns)
-    })
-  }
-  slotFilter(columns)
-  return slotColumns
-})
-</script>
-
-<style lang="scss" scoped>
-.export-page {
-  display: grid;
-  grid-template-columns: repeat(24, 1fr);
-  grid-template-rows: 50px 1fr 50px;
-  padding: 20px;
-  border-radius: 2px;
-  background: #FFF;
-  .page-search {
-    grid-column: span 18;
-  }
-  .page-toolbar {
-    grid-column: span 6;
-    justify-self: end;
-  }
-  .page-table, .page-pagination {
-    grid-column: span 24;
-  }
-  .page-pagination {
-    align-self: end;
-    justify-self: end;
-  }
-}
-</style>