@elementplus-kit/uikit 1.4.0 → 1.6.0

package/vite.config.ts

@@ -1,26 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import dts from 'vite-plugin-dts'
-import { resolve } from 'path'
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueJsx(),
-    // dts({
-    //   rollupTypes: false,
-    //   tsconfigPath: './tsconfig.json',
-    // }),
-  ],
-  build: {
-    lib: {
-      entry: 'components/index.ts',
-      name: 'ElementPlusKit',
-      fileName: 'index',
-    },
-    rollupOptions: {
-      external: ['vue', 'element-plus'],
-    },
-  },
-})

package//345/205/266/344/273/226/core/dialog/elementPlus/dialogWarp.vue

@@ -1,151 +0,0 @@
-<script setup lang="ts">
-import { FullScreen, Close } from '@element-plus/icons-vue'
-
-const emits = defineEmits(['afterClose', 'beforeOpen', 'afterOpen', 'beforeClose', 'innerOutput'])
-
-// 子组件属性
-const innerComponentOptions = ref({})
-
-// 子组件
-const innerComponent = shallowRef()
-
-// 弹窗显示隐藏关键属性
-const dialogShow = ref(false)
-
-// 弹窗组件基本属性
-const dialogOptions = ref({
-  title: '',
-  appendToBody: true,
-  destroyOnClose: true,
-  fullscreen: false,
-  closeOnClickModal: false,
-  closeOnPressEscape: false,
-  showClose: false
-})
-
-/**
- * 源方法打开弹窗
- */
-const handleOpenDialog = () => {
-  dialogShow.value = true
-}
-
-/**
- * 源方法关闭弹窗
- */
-const handleCloseDialog = () => {
-  dialogShow.value = false
-}
-
-/**
- * 监听方法，监听来自子组件的事件
- * @param e
- */
-const handleCatchInnerOutput = (e: any) => {
-  emits('innerOutput', e)
-}
-
-/**
- * 来自子组件的关闭请求处理
- * @param e
- */
-const handleInnerCommandClose = (e: any = false) => {
-  emits('beforeClose', [e, innerComponentOptions, dialogOptions])
-  handleCloseDialog()
-  emits('afterClose', e)
-}
-
-/**
- * 来自弹窗组件自身的关闭回调处理
- * @param e
- */
-const handleWarpCommandClose = (e: any = false) => {
-  emits('beforeClose', [e, innerComponentOptions, dialogOptions])
-  handleCloseDialog()
-  emits('afterClose', e)
-}
-
-/**
- * 全屏切换功能
- */
-const handleToggleFullscreen = () => {
-  dialogOptions.value.fullscreen = !dialogOptions.value.fullscreen
-}
-
-/**
- * 打开弹窗
- * @param v
- * @param data
- * @param dialogOption
- */
-const open = async (v: any, data: any, dialogOption: any) => {
-  innerComponent.value = v
-  innerComponentOptions.value = data
-  if (dialogOption) {
-    dialogOptions.value = Object.assign(dialogOptions.value, dialogOption)
-  }
-  emits('beforeOpen', [innerComponentOptions.value, dialogOptions.value])
-  handleOpenDialog()
-  await nextTick()
-  emits('afterOpen', [innerComponentOptions.value, dialogOptions.value])
-}
-
-/**
- * 关闭弹窗
- * @param e
- */
-const close = (e: any = false) => {
-  emits('beforeClose', e)
-  handleCloseDialog()
-  emits('afterClose', e)
-}
-
-defineExpose({
-  open,
-  close
-})
-</script>
-
-<template>
-  <el-dialog v-bind="dialogOptions" v-model="dialogShow" @close="handleWarpCommandClose">
-    <template #header>
-      <div class="dialog-header">
-        <div class="title">{{ dialogOptions.title }}</div>
-        <div class="operator-bar">
-          <el-tooltip content="切换全屏" effect="dark">
-            <el-icon class="operator-bar-item" @click="handleToggleFullscreen">
-              <FullScreen />
-            </el-icon>
-          </el-tooltip>
-          <el-tooltip content="关闭弹窗" effect="dark">
-            <el-icon class="operator-bar-item" @click="handleWarpCommandClose(false)">
-              <Close />
-            </el-icon>
-          </el-tooltip>
-        </div>
-      </div>
-    </template>
-    <component
-      :is="innerComponent"
-      v-bind="innerComponentOptions"
-      @inner-output="handleCatchInnerOutput"
-      @close="handleInnerCommandClose"
-    />
-  </el-dialog>
-</template>
-
-<style scoped lang="scss">
-.dialog-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-
-  .operator-bar {
-    .operator-bar-item {
-      margin: 0 5px;
-      cursor: pointer;
-    }
-  }
-}
-</style>

package//345/205/266/344/273/226/core/dialog/index.ts

@@ -1,10 +0,0 @@
-import dialogWarp from './elementPlus/dialogWarp.vue'
-
-export const DynamicDialog = (uiFrame = 'elementPlus') => {
-  switch (uiFrame) {
-    case 'elementPlus':
-      return dialogWarp
-    default:
-      return dialogWarp
-  }
-}

package//345/205/266/344/273/226/core/form/elementPlus/elementWarp.ts

@@ -1,15 +0,0 @@
-import {formRender} from './formRender.ts';
-import {cloneDeep} from 'lodash-es';
-
-export default {
-  props: ['schema', 'modelValue'],
-  emits: ['update:modelValue'],
-  setup(props: any, {emit, slots}) {
-
-    const privateModelValue = cloneDeep(props.modelValue);
-
-    return () => {
-      return formRender(props.schema, privateModelValue, emit, slots);
-    }
-  }
-}

package//345/205/266/344/273/226/core/form/elementPlus/elementWarp.vue

@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-// form-warp
-import { FieldSchema } from '../../pageSchema/fieldSchema.ts'
-import { formRender } from '@/core/form/elementPlus/formRender.ts'
-
-const props = defineProps<{
-  schema: FieldSchema[]
-  modelValue?: any
-}>()
-</script>
-
-<template>
-  <component :is="formRender(props.schema, modelValue)" />
-</template>
-
-<style lang="scss" scoped></style>

package//345/205/266/344/273/226/core/form/elementPlus/formRender.ts

@@ -1,55 +0,0 @@
-import {FieldSchema, FIELD_TYPE} from "@/core/pageSchema/fieldSchema.ts";
-
-import {h} from 'vue';
-
-import {ElInput, ElInputNumber, ElFormItem, ElForm} from 'element-plus';
-
-/**
- * input渲染器
- * @param sc
- * @param modelValue
- * @param emit
- */
-export const formInputRender = (sc: FieldSchema, modelValue: any, emit: any) => {
-  let props = {
-    modelValue,
-    'onUpdate:modelValues': (value: any) => {
-      emit('update:modelValues', value);
-    },
-  }
-
-  switch (sc.fieldType) {
-    case FIELD_TYPE.STRING:
-      return h(ElInput, props, []);
-    case FIELD_TYPE.NUMBER:
-      return h(ElInputNumber, props, []);
-  }
-}
-
-/**
- * formItem渲染器
- * @param sc
- * @param modelValue
- * @param emit
- */
-export const formItemRender = (sc: FieldSchema, modelValue: any, emit: any) => {
-  let innerInput = formInputRender(sc, modelValue, emit);
-  let props = {...sc}
-  return h(ElFormItem, props, [innerInput]);
-}
-
-/**
- * form渲染器
- * @param schema 表单描述
- * @param modelValues v-model值绑定
- * @param emit 事件触发器
- * @param slots 插槽
- */
-export const formRender = (schema: FieldSchema[], modelValues: any, emit: any, slots: any) => {
-  let formItems = schema.map(sc => {
-    return formItemRender(sc, modelValues[sc.prop], emit);
-  })
-  let props = {}
-  let children = [...formItems, slots.default({model: modelValues})]
-  return h(ElForm, props, children);
-}

package//345/205/266/344/273/226/core/form/index.ts

@@ -1,10 +0,0 @@
-import elementPlus from './elementPlus/elementWarp.ts';
-
-export const schemaForm = (uiFrame = 'elementPlus') => {
-  switch (uiFrame) {
-    case 'elementPlus':
-      return elementPlus;
-    default:
-      return elementPlus;
-  }
-};

package//345/205/266/344/273/226/core/table/config.ts

@@ -1,5 +0,0 @@
-export const TABLE_CONFIG = {
-  OPERATION_COL_LABEL: '操作',
-  OPERATION_SLOT_NAME: 'custom',
-  CHILDREN_SLOT_KEY: 'children'
-}

package//345/205/266/344/273/226/core/table/render.ts

@@ -1,91 +0,0 @@
-import { ElTable, ElTableColumn } from 'element-plus'
-import _ from 'lodash-es'
-import { TABLE_CONFIG } from './config.ts'
-
-function render(schema: any, data: any, emit: any, slots: any) {
-  const renderSlots = {
-    default: () => {
-      return buildSlots(schema, slots)
-    }
-  }
-  return h(ElTable, { data, emit }, renderSlots)
-}
-
-function buildSlots(schema: any, slots: any) {
-  const children: any[] = []
-  // 渲染表格列子组件
-  let columnsKeys = Object.keys(schema)
-  if (_.isObject(schema)) {
-    columnsKeys.forEach((columnKey) => {
-      let colSchema = schema[columnKey]
-      let colSlots = slots[columnKey]
-      children.push(buildColumns(columnKey, colSchema, colSlots, slots))
-    })
-  }
-
-  // 额外插槽处理
-  // 增加插槽式操作栏
-  if (slots[TABLE_CONFIG.OPERATION_SLOT_NAME]) {
-    let scopeProp = { label: TABLE_CONFIG.OPERATION_COL_LABEL }
-    let scopeSlots = {
-      default: (scope: any) => {
-        return [slots[TABLE_CONFIG.OPERATION_SLOT_NAME](scope)]
-      }
-    }
-    children.push(h(ElTableColumn, scopeProp, scopeSlots))
-  }
-  return children
-}
-
-function buildColumns(columnKey: any, option: any, slots: any, globalSlots: any) {
-  // 组装props
-  let props = buildColumnProps(columnKey, option)
-  let renderSlotsArr = []
-
-  // 多级表头组合
-  if (option[TABLE_CONFIG.CHILDREN_SLOT_KEY] && _.isObject(option[TABLE_CONFIG.CHILDREN_SLOT_KEY])) {
-    let scopeOption = option[TABLE_CONFIG.CHILDREN_SLOT_KEY]
-    let columnsKeys = Object.keys(scopeOption)
-    if (_.isObject(scopeOption)) {
-      columnsKeys.forEach((columnKey) => {
-        let colSchema = scopeOption[columnKey]
-        let colSlots = globalSlots[columnKey]
-        renderSlotsArr.push(buildColumns(columnKey, colSchema, colSlots, globalSlots))
-      })
-    }
-  }
-
-  let renderSlots = () => []
-
-  if (slots) {
-    renderSlots = {
-      default: (scope) => {
-        return [...renderSlotsArr, slots(scope)]
-      }
-    }
-  } else {
-    renderSlots = {
-      default: () => {
-        return [...renderSlotsArr]
-      }
-    }
-  }
-
-  return h(ElTableColumn, props, renderSlots)
-}
-
-function buildColumnProps(key: string, option: any) {
-  if (_.isString(option)) {
-    return {
-      prop: key,
-      label: option
-    }
-  } else if (_.isObject(option)) {
-    return {
-      prop: key,
-      ...option
-    }
-  }
-}
-
-export default render

package//345/205/266/344/273/226/core/table/warp.ts

@@ -1,11 +0,0 @@
-import render from './render.ts'
-
-export default {
-  props: ['schema', 'data'],
-  emits: [],
-  setup(props: any, { emit, slots }) {
-    return () => {
-      return render(props.schema, props.data, emit, slots)
-    }
-  }
-}

package//345/205/266/344/273/226/core/utils/fetch.ts

@@ -1,58 +0,0 @@
-import request from '@/config/axios'
-
-const defaultFetchRule = {
-  page: {
-    method: 'get',
-    template: `/:path/:model/page`
-  },
-  detail: {
-    method: 'get',
-    template: `/:path/:model/get`
-  },
-  create: {
-    method: 'post',
-    template: `/:path/:model/create`
-  },
-  delete: {
-    method: 'delete',
-    template: `/:path/:model/delete`
-  },
-  update: {
-    method: 'put',
-    template: `/:path/:model/update`,
-  }
-}
-
-export function schemaFetch(values: any, rule = defaultFetchRule) {
-  let apis = {}
-  rule = { ...defaultFetchRule, ...rule }
-  Object.keys(rule).forEach((key) => {
-    let url = ''
-    if (rule[key].url) {
-      url = rule[key].url
-    } else {
-      url = replaceParams(rule[key].template, values)
-    }
-    apis[key] = async (params: any, ...args: any) => {
-      let method = rule[key].method
-      switch (method) {
-        case 'get':
-          return await request[method]({ url, params }, ...args)
-        case 'post':
-          return await request[method]({ url, data: params }, ...args)
-        case 'put':
-          return await request[method]({ url, data: params }, ...args)
-        case 'delete':
-          return await request[method]({ url, params }, ...args)
-      }
-    }
-  })
-  return apis
-}
-
-function replaceParams(template, values) {
-  const regexp = /:(\w+)/g
-  return template.replace(regexp, (_, key) => {
-    return values[key] || `${key}`
-  })
-}

package//345/205/266/344/273/226/useMessage.ts

@@ -1,95 +0,0 @@
-import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
-import { useI18n } from './useI18n'
-export const useMessage = () => {
-  const { t } = useI18n()
-  return {
-    // 消息提示
-    info(content: string) {
-      ElMessage.info(content)
-    },
-    // 错误消息
-    error(content: string) {
-      ElMessage.error(content)
-    },
-    // 成功消息
-    success(content: string) {
-      ElMessage.success(content)
-    },
-    // 警告消息
-    warning(content: string) {
-      ElMessage.warning(content)
-    },
-    // 弹出提示
-    alert(content: string) {
-      ElMessageBox.alert(content, t('common.confirmTitle'))
-    },
-    // 错误提示
-    alertError(content: string) {
-      ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'error' })
-    },
-    // 成功提示
-    alertSuccess(content: string) {
-      ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'success' })
-    },
-    // 警告提示
-    alertWarning(content: string) {
-      ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'warning' })
-    },
-    // 通知提示
-    notify(content: string) {
-      ElNotification.info(content)
-    },
-    // 错误通知
-    notifyError(content: string) {
-      ElNotification.error(content)
-    },
-    // 成功通知
-    notifySuccess(content: string) {
-      ElNotification.success(content)
-    },
-    // 警告通知
-    notifyWarning(content: string) {
-      ElNotification.warning(content)
-    },
-    // 确认窗体
-    confirm(content: string, tip?: string) {
-      return ElMessageBox.confirm(content, tip ? tip : t('common.confirmTitle'), {
-        confirmButtonText: t('common.ok'),
-        cancelButtonText: t('common.cancel'),
-        type: 'warning'
-      })
-    },
-    // 删除窗体
-    delConfirm(content?: string, tip?: string) {
-      return ElMessageBox.confirm(
-        content ? content : t('common.delMessage'),
-        tip ? tip : t('common.confirmTitle'),
-        {
-          confirmButtonText: t('common.ok'),
-          cancelButtonText: t('common.cancel'),
-          type: 'warning'
-        }
-      )
-    },
-    // 导出窗体
-    exportConfirm(content?: string, tip?: string) {
-      return ElMessageBox.confirm(
-        content ? content : t('common.exportMessage'),
-        tip ? tip : t('common.confirmTitle'),
-        {
-          confirmButtonText: t('common.ok'),
-          cancelButtonText: t('common.cancel'),
-          type: 'warning'
-        }
-      )
-    },
-    // 提交内容
-    prompt(content: string, tip: string) {
-      return ElMessageBox.prompt(content, tip, {
-        confirmButtonText: t('common.ok'),
-        cancelButtonText: t('common.cancel'),
-        type: 'warning'
-      })
-    }
-  }
-}