flame-plus 0.1.33 → 0.1.35

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -1,10 +0,0 @@
-<template>
-  <span>首页</span>
-  <flmButton></flmButton>
-</template>
-
-<script lang="ts" setup>
-import {flmButton} from '../flameDist/flame-plus.es'
-</script>
-
-<style lang="scss"></style>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/HelloWorld.vue

@@ -1,33 +0,0 @@
-<script lang="tsx">
-import { ElButton } from 'element-plus'
-import { defineComponent, PropType, computed } from 'vue'
-import { ButtonConfig, buttonDefaultConfig } from 'flame-types'
-import { filterConfig } from '../packages/utils'
-
-export default defineComponent({
-  emits: ['buttonClick'],
-  props: {
-    // 默认设置
-    config: {
-      type: Object as PropType<ButtonConfig>,
-      default: {}
-    },
-  },
-  setup(props, ctx) {
-    // 按钮设置
-    const buttonConfig = computed((): ButtonConfig => {
-      return filterConfig(buttonDefaultConfig, props.config)
-    })
-    
-    return () => (
-      <ElButton>点我</ElButton>
-    )
-    // return () => (
-    //   <el-button
-    //     {...buttonConfig.value}
-    //     onClick={() => ctx.emit('buttonClick')}
-    //   >{buttonConfig.value.buttonText || '点击'}</el-button>
-    // )
-  },
-})
-</script>

package/src/main.ts

@@ -1,19 +0,0 @@
-// main.ts
-import { createApp } from 'vue'
-import App from './App.vue'
-
-import ElementPlus from 'element-plus'
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import 'element-plus/dist/index.css'
-// import * as icons from '@element-plus/icons-vue'
-
-import flamePlus from './packages/index'
-
-const app = createApp(App)
-  .use(ElementPlus, { locale: zhCn })
-  // .use(flamePlus)
-// Object.keys(icons).forEach((key) => {
-//   // isValidKey(key, icons) && app.component(key, icons[key])
-//   app.component(key, icons[key])
-// })
-app.mount("#app")

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>

package/src/packages/index.ts

@@ -1,96 +0,0 @@
-import 'element-plus/dist/index.css'
-// 基础组件
-import flmButton from './components/base/flmButton/flmButton.vue'  	               // 按钮
-import flmCascader from './components/base/flmCascader/flmCascader.vue'  	         // 级联选择器
-import flmCheckbox from './components/base/flmCheckbox/flmCheckbox.vue'  	         // 多选框
-import flmCheckboxGroup from './components/base/flmCheckbox/flmCheckboxGroup.vue'  // 多选框组
-import flmColorPicker from './components/base/flmColorPicker/flmColorPicker.vue'   // 取色器
-import flmDatePicker from './components/base/flmDatePicker/flmDatePicker.vue'      // 日期选择器
-import flmInput from './components/base/flmInput/flmInput.vue'  	                 // 输入框
-import flmInputNumber from './components/base/flmInputNumber/flmInputNumber.vue'   // 数字输入框
-import flmPagination from './components/base/flmPagination/flmPagination.vue'      // 分页器
-import flmRadio from './components/base/flmRadio/flmRadio.vue'                     // 单选框
-import flmRate from './components/base/flmRate/flmRate.vue'                        // 评分
-import flmRead from './components/base/flmRead/flmRead.vue'  	                     // 查看
-import flmSelect from './components/base/flmSelect/flmSelect.vue'  	               // 选择器
-import flmSlider from './components/base/flmSlider/flmSlider.vue'  	               // 滑块
-import flmSwitch from './components/base/flmSwitch/flmSwitch.vue'  	               // 开关
-import flmTimePicker from './components/base/flmTimePicker/flmTimePicker.vue'  	   // 时间选择器
-import flmTimeSelect from './components/base/flmTimeSelect/flmTimeSelect.vue'  	   // 时间选择
-import flmTransfer from './components/base/flmTransfer/flmTransfer.vue'  	         // 穿梭框
-import flmDialog from './components/base/flmDialog/flmDialog.vue'  	               // 弹窗
-// 复合组件
-import flmForm from './components/complex/flmForm/flmForm.vue'  	                 // 表单
-import flmTable from './components/complex/flmTable/flmTable.vue'  	               // 表格
-import flmToolbar from './components/complex/flmToolbar/flmToolbar.vue'            // 操作栏
-import flmSearch from './components/complex/flmSearch/flmSearch.vue'  	           // 搜索
-// 页面组件
-import flmReportPage from './components/page/flmReportPage/flmReportPage.vue'      // 报表页面
-import flmExportPage from './components/page/flmExportPage/flmExportPage.vue'      // 导出页面
-
-import type { App } from "vue";
-
-const components: any = {
-  flmButton,
-  flmCascader,
-  flmCheckbox,
-  flmCheckboxGroup,
-  flmColorPicker,
-  flmDatePicker,
-  flmInput,
-  flmInputNumber,
-  flmPagination,
-  flmRadio,
-  flmRate,
-  flmRead,
-  flmSelect,
-  flmSlider,
-  flmSwitch,
-  flmTimePicker,
-  flmTimeSelect,
-  flmTransfer,
-  flmDialog,
-  flmForm,
-  flmTable,
-  flmToolbar,
-  flmSearch,
-  flmReportPage,
-  flmExportPage
-}
-
-const install = (app: App) => {
-  Object.entries(components).forEach(([name, component]: any) => app.component(name, component))
-}
-
-export {
-  flmButton,
-  flmCascader,
-  flmCheckbox,
-  flmCheckboxGroup,
-  flmColorPicker,
-  flmDatePicker,
-  flmInput,
-  flmInputNumber,
-  flmPagination,
-  flmRadio,
-  flmRate,
-  flmRead,
-  flmSelect,
-  flmSlider,
-  flmSwitch,
-  flmTimePicker,
-  flmTimeSelect,
-  flmTransfer,
-  flmDialog,
-  flmForm,
-  flmTable,
-  flmToolbar,
-  flmSearch,
-  flmReportPage,
-  flmExportPage
-}
-
-export default {
-  install,
-  ...components
-}

package/src/shims-vue.d.ts

@@ -1,9 +0,0 @@
-/* eslint-disable */
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-
-declare module '*.json'
-declare module 'json-editor-vue3'

package/vite.config.js

@@ -1,37 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from "@vitejs/plugin-vue-jsx"
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  // 打包配置
-  build: {
-    lib: {
-      entry: 'src/packages/index.ts', // 设置入口文件
-      name: 'flame-plus', // 起个名字，安装、引入用
-      fileName: (format) => `flame-plus.${format}.js` // 打包后的文件名
-    },
-    cssCodeSplit: false,
-    outDir: 'flameDist',
-    sourcemap: true, // 输出.map文件
-    rollupOptions: {
-      external: ['vue'],  // 确保外部化处理那些你不想打包进库的依赖
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: 'Vue',
-          // 'element-plus': 'element-plus'
-        }
-      }
-    }
-  },
-  plugins: [vue(), vueJsx()],
-  // css: {
-  //   preprocessorOptions: {
-  //     less: {
-  //       javascriptEnabled: true,
-  //       additionalData: '@import "./src/packages/index.less";',
-  //     }
-  //   }
-  // }
-})