joy-admin-components 0.1.25 → 0.1.26

package/dist/joy-admin-components.es.js

@@ -0,0 +1,38 @@
+import { ElForm as d, ElRow as i, ElCol as s } from "element-plus";
+import { defineComponent as c, ref as y, onMounted as g, h as r } from "vue";
+const u = c({
+  name: "JoyForm",
+  setup(o, { slots: t, attrs: n, emit: m }) {
+    const f = y(null), a = () => t.default ? t.default().filter((e) => e.type !== Symbol.for("v-cmt")).map((e) => e.type === Symbol.for("v-fgt") ? e.children : e).flat().map(
+      (e) => {
+        var l;
+        return r(
+          s,
+          { span: ((l = e.props) == null ? void 0 : l.span) || 24 },
+          {
+            default: () => e
+          }
+        );
+      }
+    ) : null;
+    g(() => {
+      m("ref", f.value);
+    });
+    function p() {
+      return r(
+        d,
+        { ...n, ref: f },
+        () => r(i, { gutter: n.gutter ?? 20 }, { default: () => a() })
+      );
+    }
+    return p;
+  }
+}), S = {
+  install: (o) => {
+    o.component(u.name, u);
+  }
+};
+export {
+  u as JoyForm,
+  S as default
+};

package/dist/joy-admin-components.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("element-plus"),require("vue")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.JoyAdminComponents={},e.ElementPlus,e.Vue))})(this,function(e,t,o){"use strict";const r=o.defineComponent({name:"JoyForm",setup(f,{slots:u,attrs:i,emit:m}){const l=o.ref(null),s=()=>u.default?u.default().filter(n=>n.type!==Symbol.for("v-cmt")).map(n=>n.type===Symbol.for("v-fgt")?n.children:n).flat().map(n=>{var d;return o.h(t.ElCol,{span:((d=n.props)==null?void 0:d.span)||24},{default:()=>n})}):null;o.onMounted(()=>{m("ref",l.value)});function a(){return o.h(t.ElForm,{...i,ref:l},()=>o.h(t.ElRow,{gutter:i.gutter??20},{default:()=>s()}))}return a}}),p={install:f=>{f.component(r.name,r)}};e.JoyForm=r,e.default=p,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "joy-admin-components",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "main": "./dist/joy-admin-components.umd.js",
   "module": "./dist/joy-admin-components.es.js",
   "types": "./src/index.d.ts",
   "exports": {
-    "./components/*": {
-      "types": "./src/components/*/index.d.ts",
-      "import": "./src/components/*/index.vue"
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./dist/joy-admin-components.es.js",
+      "require": "./dist/joy-admin-components.umd.js"
     }
   },
   "files": [
-    "src/components"
+    "dist",
+    "src/index.d.ts"
   ],
   "scripts": {
     "dev": "vite",

package/src/index.d.ts

@@ -0,0 +1,15 @@
+// 导出各组件的类型
+export * from './components/LayOutForm/index';
+export * from './components/CmpDictionary/index';
+export * from './components/ConfrimButton/index';
+export * from './components/ImportButton/index';
+export * from './components/ListPage/index';
+export * from './components/SearchBar/index';
+
+// 导出组件
+export { default as LayOutForm } from './components/LayOutForm/index.vue';
+export { default as CmpDictionary } from './components/CmpDictionary/index.vue';
+export { default as ConfrimButton } from './components/ConfrimButton/index.vue';
+export { default as ImportButton } from './components/ImportButton/index.vue';
+export { default as ListPage } from './components/ListPage/index.vue';
+export { default as SearchBar } from './components/SearchBar/index.vue';

package/src/components/CmpDictionary/index.d.ts

@@ -1,43 +0,0 @@
-import { DefineComponent } from 'vue';
-import { SelectProps } from 'element-plus';
-
-/**
- * 字典选择器组件 - 基于 Element Plus Select 封装
- * 支持 API 请求数据、全选、多语言等功能
- */
-export interface CmpDictionaryProps extends /* @vue-ignore */ Partial<SelectProps> {
-  /** 获取下拉数据的 API 函数 */
-  api?: () => Promise<{ data: any[] }>;
-  /** 是否显示全选复选框（仅多选模式），默认 true */
-  showCheckAll?: boolean;
-  /** 选项点击回调函数 */
-  optionClick?: (item: any) => void;
-  /** 多选模式下的最大选择数量 */
-  maxLimit?: number;
-  /** 多选模式下的最小选择数量 */
-  minLimit?: number;
-  /** 静态数据源（如果提供则不使用 api） */
-  data?: any[];
-  /** 字段映射配置 */
-  labelValue?: {
-    label?: string;
-    labelEn?: string;
-    value?: string;
-  };
-  /** 是否使用本地 i18n 翻译 label，默认 false */
-  changeLocal?: boolean;
-  /** v-model 绑定值 */
-  modelValue?: any;
-}
-
-export interface CmpDictionaryEmits {
-  /** API 请求成功后触发 */
-  (e: 'success', data: any[]): void;
-  /** 选择值变化时触发 */
-  (e: 'change', value: any): void;
-  /** v-model 更新事件 */
-  (e: 'update:modelValue', value: any): void;
-}
-
-declare const CmpDictionary: DefineComponent<CmpDictionaryProps, {}, any, {}, {}, {}, {}, CmpDictionaryEmits>;
-export default CmpDictionary;

package/src/components/CmpDictionary/index.vue

@@ -1,162 +0,0 @@
-<template>
-  <el-select
-    v-model="model"
-    v-bind="$attrs"
-    filterable
-    collapse-tags
-    collapse-tags-tooltip
-    clearable
-    @clear="onChange"
-    @change="onChange"
-  >
-    <slot
-      name="header"
-      v-if="$attrs.multiple != undefined && $attrs.multiple != false && showCheckAll"
-    >
-      <el-checkbox class="mgl20" v-model="checkAll" @change="checkAllHandle">
-        {{ $t('quan-xuan') }}
-      </el-checkbox>
-    </slot>
-    <el-option
-      v-for="(item, index) in data ? data : selectionData"
-      :key="index"
-      :disabled="getDisabled(item)"
-      :label="cmpLabel(item)"
-      @click.stop="optionClickHanlde(item)"
-      :value="$attrs['value-key'] ? item : item[labelValue.value]"
-    ></el-option>
-  </el-select>
-</template>
-
-<script setup>
-import { difference } from 'lodash';
-import { computed, nextTick, ref, useAttrs, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-const props = defineProps({
-  api: {
-    type: Function,
-  },
-  showCheckAll: {
-    type: Boolean,
-    default: true,
-  },
-  optionClick: {
-    type: Function,
-  },
-  maxLimit: {
-    type: Number,
-    default: undefined,
-  },
-  minLimit: {
-    type: Number,
-    default: undefined,
-  },
-  data: {
-    type: Array,
-  },
-  labelValue: {
-    type: Object,
-    default: () => ({
-      label: 'label',
-      labelEn: 'labelEn',
-      value: 'value',
-    }),
-  },
-  changeLocal: {
-    type: Boolean,
-    default: false,
-  },
-});
-const $attrs = useAttrs();
-const { t, locale } = useI18n();
-const model = defineModel();
-const checkAll = computed({
-  get() {
-    if ($attrs.multiple == undefined) return false;
-    if (model.value == undefined) return false;
-    let data = props.data ? props.data : selectionData.value;
-    let dif =
-      difference(
-        data.map((item) => ($attrs['value-key'] ? item : item[props.labelValue.value])),
-        model.value,
-      ).length == 0;
-    return model.value.length == data.length && dif;
-  },
-  set(val) {
-    return val;
-  },
-});
-const emits = defineEmits(['success', 'change']);
-const selectionData = ref([]);
-const apiGetDaata = async () => {
-  const { data } = await props.api();
-  selectionData.value = [...data];
-  emits('success', selectionData);
-};
-if (props.api) {
-  apiGetDaata();
-}
-
-const labels = props.labelValue.label.split('-');
-// label 可以用-拼接多个属性
-const cmpLabel = (row) => {
-  if (labels.length == 1) {
-    // props.changeLocal 使用本地翻译
-    if (props.changeLocal) {
-      return t(row[props.labelValue.label]);
-    }
-
-    // 取设置的labelEn
-    let label =
-      locale.value == 'en_us'
-        ? row[props.labelValue.labelEn || 'i18nName']
-        : row[props.labelValue.label];
-    // 中文兜底
-    label = label || row[props.labelValue.label];
-    return label;
-  } else {
-    let res = [];
-    labels.forEach((label) => {
-      res.push(row[label]);
-    });
-    return res.join('-');
-  }
-};
-function checkAllHandle(val) {
-  let data = props.data ? props.data : selectionData.value;
-  model.value = val
-    ? data.map((item) => ($attrs['value-key'] ? item : item[props.labelValue.value]))
-    : [];
-  nextTick(() => {
-    emits('change', model.value);
-  });
-}
-function optionClickHanlde(item) {
-  props.optionClick && props.optionClick(item);
-  props.optionClick && emits('change', $attrs['value-key'] ? item : item[props.labelValue.value]);
-}
-function onChange(val) {
-  emits('change', val);
-}
-function getDisabled(item) {
-  // 多选 最大选择数
-  if ($attrs.multiple != undefined && $attrs.multiple != false && props.maxLimit > 0) {
-    return (
-      model.value.length >= props.maxLimit && !model.value.includes(item[props.labelValue.value])
-    );
-  }
-  // 多选 最小选择数
-  if ($attrs.multiple != undefined && $attrs.multiple != false && props.minLimit > 0) {
-    return (
-      model.value.length <= props.minLimit && model.value.includes(item[props.labelValue.value])
-    );
-  }
-  return false;
-}
-</script>
-
-<style lang="scss" scoped>
-.cmp-icon {
-  padding: 0 !important;
-}
-</style>

package/src/components/ConfrimButton/index.d.ts

@@ -1,19 +0,0 @@
-import { DefineComponent } from 'vue';
-import { PopconfirmProps } from 'element-plus';
-
-/**
- * 确认按钮组件 - 基于 Element Plus Popconfirm 封装
- * 点击后弹出确认气泡，确认后执行操作（自动防抖 500ms）
- * 继承 Element Plus ElPopconfirm 所有属性
- */
-export interface ConfrimButtonProps extends /* @vue-ignore */ Partial<PopconfirmProps> {}
-
-export interface ConfrimButtonEmits {
-  /** 确认操作时触发（已防抖处理） */
-  (e: 'ok'): void;
-  /** 取消操作时触发 */
-  (e: 'no'): void;
-}
-
-declare const ConfrimButton: DefineComponent<ConfrimButtonProps, {}, any, {}, {}, {}, {}, ConfrimButtonEmits>;
-export default ConfrimButton;

package/src/components/ConfrimButton/index.vue

@@ -1,30 +0,0 @@
-<!--
- * @Author: zhouyunjie 531671820@qq.com
- * @Date: 2023-11-16 14:00:32
- * @LastEditors: zhouyunjie 531671820@qq.com
- * @LastEditTime: 2023-11-16 16:28:19
- * @FilePath: /warehouse-reservation-web/src/components/ConfrimButton/index.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<template>
-  <el-popconfirm v-bind="$attrs" @confirm="confirmHandle" @cancel="cancelHandle">
-    <template #reference>
-      <el-link underline="never" :type="$attrs.type">
-        <slot></slot>
-      </el-link>
-    </template>
-  </el-popconfirm>
-</template>
-
-<script setup>
-import { debounce } from 'lodash';
-const emits = defineEmits(['ok', 'no']);
-const confirmHandle = debounce(() => {
-  emits('ok');
-}, 500);
-function cancelHandle() {
-  emits('no');
-}
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/ImportButton/index.d.ts

@@ -1,20 +0,0 @@
-import { DefineComponent } from 'vue';
-
-/**
- * 导入按钮组件 - 文件上传按钮
- * 点击按钮选择文件，支持自定义文件类型
- */
-export interface ImportButtonProps {
-  /** 接受的文件类型，默认 '.xlsx,.xls' */
-  accept?: string;
-  /** 按钮加载状态 */
-  loading?: boolean;
-}
-
-export interface ImportButtonEmits {
-  /** 文件选择后触发 */
-  (e: 'fileChange', file: File): void;
-}
-
-declare const ImportButton: DefineComponent<ImportButtonProps, {}, any, {}, {}, {}, {}, ImportButtonEmits>;
-export default ImportButton;

package/src/components/ImportButton/index.vue

@@ -1,50 +0,0 @@
-<!--
- * @Author: zhouyunjie 531671820@qq.com
- * @Date: 2023-11-17 11:06:06
- * @LastEditors: zhouyunjie bernie.zhou@joy-group.com
- * @LastEditTime: 2025-07-02 19:39:47
- * @FilePath: /warehouse-reservation-web/src/components/CmpIcon/index.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<template>
-  <span>
-    <el-button :loading="loading" class="mgr10" @click="input.click()">
-      {{ $t('dao-ru') }}
-    </el-button>
-    <input
-      @change="fileChange"
-      ref="input"
-      :accept="accept"
-      style="position: absolute; width: 0px; height: 0px; opacity: 0"
-      type="file"
-    />
-  </span>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const props = defineProps({
-  accept: {
-    type: String,
-    default: '.xlsx,.xls',
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-});
-const emits = defineEmits(['fileChange']);
-const input = ref(null);
-function fileChange(e) {
-  let file = e.target.files[0];
-  emits('fileChange', file);
-  input.value.value = null;
-}
-</script>
-
-<style lang="scss" scoped>
-.cmp-icon {
-  padding: 0 !important;
-}
-</style>

package/src/components/LayOutForm/index.d.ts

@@ -1,20 +0,0 @@
-import { DefineComponent } from 'vue';
-import { FormProps } from 'element-plus';
-
-/**
- * LayOutForm 组件 - 带栅格布局的表单容器
- * 继承 Element Plus ElForm 所有属性
- * 自动为表单项添加栅格布局，支持多列表单
- */
-export interface LayOutFormProps extends /* @vue-ignore */ FormProps {
-  /** 栅格间隔，默认 20 */
-  gutter?: number;
-}
-
-export interface LayOutFormEmits {
-  /** 组件挂载完成后触发，返回表单 ref */
-  (e: 'ref', formRef: any): void;
-}
-
-declare const LayOutForm: DefineComponent<LayOutFormProps, {}, any, {}, {}, {}, {}, LayOutFormEmits>;
-export default LayOutForm;

package/src/components/LayOutForm/index.vue

@@ -1,41 +0,0 @@
-
-<script>
-  import { ElCol, ElForm, ElRow } from 'element-plus';
-  import { defineComponent, h, onMounted, ref } from 'vue';
-
-  export default defineComponent({
-    name: 'LayOutForm',
-    setup(props, { slots, attrs, emit }) {
-      const formRef = ref(null);
-      // 给表单项添加栅格 方便多列表单布局
-      const modifiedSlot = () => {
-        if (!slots.default) return null;
-        return slots
-          .default()
-          .filter((item) => item.type !== Symbol.for('v-cmt')) //过滤注释节点
-          .map((item) => (item.type === Symbol.for('v-fgt') ? item.children : item)) //如果是fragment节点则取子节点
-          .flat()
-          .map((vnode) =>
-            h(
-              ElCol,
-              { span: vnode.props?.span || 24 },
-              {
-                default: () => {
-                  return vnode;
-                },
-              },
-            ),
-          );
-      };
-      onMounted(() => {
-        emit('ref', formRef.value);
-      });
-      function render() {
-        return h(ElForm, { ...attrs, ref: formRef }, () =>
-          h(ElRow, { gutter: attrs.gutter ?? 20 }, { default: () => modifiedSlot() }),
-        );
-      }
-      return render;
-    },
-  });
-</script>

package/src/components/ListPage/index.d.ts

@@ -1,92 +0,0 @@
-import { DefineComponent } from 'vue';
-
-/** 搜索表单项 */
-export interface SearchFormItem {
-  /** 字段 key */
-  key: string;
-  /** 字段名称 */
-  name: string;
-  /** 字段值 */
-  value: any;
-  /** 表单项类型 */
-  type?: 'input' | 'select' | 'date' | 'custom' | 'br';
-  /** 日期类型 */
-  dateType?: 'date' | 'daterange' | 'datetimerange';
-  /** 是否隐藏 */
-  hidden?: boolean;
-  /** 自定义渲染函数（type 为 custom 时使用） */
-  render?: () => any;
-  /** 额外配置 */
-  option?: {
-    class?: string;
-    [key: string]: any;
-  };
-}
-
-/** 搜索表单配置 */
-export interface SearchFormConfig {
-  /** 表单项列表 */
-  items: SearchFormItem[];
-  /** 选中的行数据（多选） */
-  selections?: any[];
-  /** 是否显示搜索栏 */
-  showSearch?: boolean;
-  /** 是否显示分页 */
-  showPage?: boolean;
-  /** 是否显示阴影 */
-  showShadow?: boolean;
-  /** 是否显示复选框 */
-  showCheckBox?: boolean;
-}
-
-/** 表格配置 */
-export interface TableConfig {
-  /** 数据格式化函数 */
-  dataFormat?: (data: any[]) => any[];
-  /** 重置回调函数 */
-  reset?: () => void | Promise<void>;
-  /** 自定义配置 */
-  customConfig?: Record<string, any>;
-  /** 列配置 */
-  columnConfig?: Record<string, any>;
-  /** 表格高度 */
-  height?: number | string;
-  [key: string]: any;
-}
-
-/**
- * ListPage 组件 - 列表页面容器
- * 集成搜索栏、表格、分页等功能
- * 基于 VxeTable 实现
- */
-export interface ListPageProps {
-  /** 表格唯一标识，用于本地存储列设置 */
-  id: string;
-  /** 加载状态 */
-  loading?: boolean;
-  /** 是否立即请求数据，默认 true */
-  immediate?: boolean;
-  /** 搜索表单配置 */
-  searchForm?: SearchFormConfig;
-  /** 获取列表数据的 API 函数 */
-  api?: (params: any) => Promise<{ code: number; data: { rows: any[]; totalRows: number } }>;
-  /** 静态数据源（如果提供则不使用 api） */
-  data?: any[];
-  /** 表格配置 */
-  tableConfig?: TableConfig;
-}
-
-/** ListPage 暴露的方法 */
-export interface ListPageExpose {
-  /** VxeTable 实例 */
-  tableRef: any;
-  /** 刷新列表数据 */
-  getList: (params?: any) => void;
-  /** 获取当前搜索参数 */
-  getPrm: () => any;
-  /** 重新计算表格高度 */
-  calculateTableHeight: () => void;
-}
-
-declare const ListPage: DefineComponent<ListPageProps, {}, any>;
-export default ListPage;

package/src/components/ListPage/index.vue

@@ -1,258 +0,0 @@
-<template>
-  <div :class="{ box: searchForm.showShadow }">
-    <SearchBar v-if="searchForm.showSearch" :form="searchForm" @reset="reset" @confirm="getList()">
-      <template #btn>
-        <slot name="search-bar-btn"></slot>
-        <el-button round @click="tableRef.openCustom()"><CmpIcon name="Tools" /></el-button>
-      </template>
-    </SearchBar>
-    <slot name="table-header-left"></slot>
-    <div ref="tableContentRef">
-      <VxeTable
-        :id="id"
-        ref="tableRef"
-        :loading="loading || apiLoading"
-        :data="api ? tableData : data"
-        v-bind="tableConfigCmptd"
-        :height="computedTableHeight"
-        @checkbox-change="checkboxChangeHandle"
-        @checkbox-all="checkboxChangeHandle"
-        border
-      >
-        <vxe-column
-          v-if="searchForm.showCheckBox"
-          type="checkbox"
-          :width="locale == 'zh_cn' ? 80 : 150"
-          fixed="left"
-          :title="$t('xu-hao')"
-        >
-          <template #checkbox="{ rowIndex, row, checked, disabled, indeterminate }">
-            <div class="center">
-              <!-- :checked="checked" 绑定checked值时 全选不会更新状态 -->
-              <el-checkbox
-                v-if="checked"
-                :checked="true"
-                :disabled="disabled"
-                size="default"
-                @click.stop="!disabled && toggleCheckboxEvent(row)"
-              />
-              <el-checkbox
-                v-else
-                :disabled="disabled"
-                :checked="false"
-                size="default"
-                @click.stop="!disabled && toggleCheckboxEvent(row)"
-              />
-              <el-text type="info" class="mgl5">{{ rowIndex + 1 }}</el-text>
-            </div>
-          </template>
-        </vxe-column>
-        <slot></slot>
-      </VxeTable>
-    </div>
-
-    <el-pagination
-      v-if="searchForm.showPage"
-      v-model:current-page="pageData.pageNo"
-      class="myPagination mgt10"
-      background
-      layout="total, sizes, prev, pager, next"
-      :total="pageData.total"
-      :page-size="pageData.pageSize"
-      :page-sizes="[10, 50, 100, 500]"
-      @current-change="handleCurrentChange"
-      @size-change="handleSizeChange"
-    />
-  </div>
-</template>
-
-<script setup>
-import SearchBar from '@/components/SearchBar/index.vue';
-import CmpIcon from '@/components/CmpIcon/index.vue';
-import { computed, reactive, ref, onMounted, onUnmounted, nextTick } from 'vue';
-import { formatFieldValue } from '../SearchBar/tools';
-import { cloneDeep, debounce } from 'lodash';
-import { useI18n } from 'vue-i18n';
-const { t, locale } = useI18n();
-const props = defineProps({
-  // 表格id 本地存储列设置时使用
-  id: {
-    type: String,
-    required: true,
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  // 是否立即请求
-  immediate: {
-    type: Boolean,
-    default: true,
-  },
-  searchForm: {
-    type: Object,
-    default: () => {
-      return {
-        items: [],
-        selections: [],
-        showSearch: false,
-        showPage: false,
-        showShadow: false,
-        showCheckBox: false,
-      };
-    },
-  },
-  api: {
-    type: Function,
-  },
-  data: {
-    type: Array,
-  },
-  tableConfig: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-const apiLoading = ref(false);
-const tableData = ref([]);
-const resetData = cloneDeep(props.searchForm.items);
-const pageData = reactive({
-  pageNo: 1,
-  pageSize: 10,
-  total: 0,
-});
-const tableContentRef = ref(null);
-const tableHeight = ref(450);
-// 计算表格高度
-const calculateTableHeight = debounce(() => {
-  nextTick(() => {
-    if (!tableContentRef.value) return;
-    const container = tableContentRef.value;
-    const containerRect = container.getBoundingClientRect();
-    const windowHeight = window.innerHeight;
-    // 计算容器顶部到视窗顶部的距离
-    const containerTop = containerRect.top;
-    const bottomReserved = 100;
-
-    // 计算表格可用高度
-    const availableHeight = windowHeight - containerTop - bottomReserved;
-
-    // 设置最小高度
-    const minHeight = 200;
-    tableHeight.value = Math.max(availableHeight, minHeight);
-  });
-}, 100);
-
-// 监听窗口大小变化
-const handleResize = () => {
-  calculateTableHeight();
-};
-
-onMounted(() => {
-  calculateTableHeight();
-  window.addEventListener('resize', handleResize);
-});
-
-onUnmounted(() => {
-  window.removeEventListener('resize', handleResize);
-});
-// 计算表格高度，优先使用配置的高度，否则使用自适应高度
-const computedTableHeight = computed(() => {
-  return tableConfigCmptd.value.height || tableHeight.value;
-});
-async function getListHandle(prm) {
-  const { dataFormat } = props.tableConfig;
-  apiLoading.value = true;
-  const { code, data = {} } = await props.api(prm).finally(() => {
-    apiLoading.value = false;
-    props.searchForm.selections = [];
-  });
-  if (code == 200) {
-    let resData = data.rows || [];
-    tableData.value = dataFormat ? dataFormat(resData) : resData;
-    pageData.total = data.totalRows || 0;
-  }
-}
-
-function getList(prm = {}) {
-  getListHandle({ ...pageData, ...formatFieldValue(props.searchForm.items), ...prm });
-}
-async function reset() {
-  const { reset } = props.tableConfig;
-  props.searchForm.items.forEach((item) => {
-    const resetItem = resetData.find((item2) => item2.key == item.key);
-    if (resetItem) {
-      item.value = resetItem.value;
-    }
-  });
-  reset && (await reset());
-  getList();
-}
-if (props.api && props.immediate) {
-  getList();
-}
-function getPrm() {
-  return { ...pageData, ...formatFieldValue(props.searchForm.items) };
-}
-const tableRef = ref(null);
-defineExpose({ tableRef, getList, getPrm, calculateTableHeight });
-
-const customConfig = reactive({
-  storage: true,
-});
-const columnConfig = reactive({
-  drag: true,
-  resizable: true,
-  maxFixedSize: 0,
-});
-const tableConfigCmptd = computed(() => {
-  const {
-    customConfig: prppCustomConfig,
-    columnConfig: propColumnConfig,
-    ...other
-  } = props.tableConfig;
-  return {
-    headerAlign: 'left',
-    align: 'center',
-    customConfig: { ...customConfig, ...prppCustomConfig },
-    'column-config': { ...columnConfig, ...propColumnConfig },
-    // 列过多时 自动宽度 虚拟滚动会闪屏 关闭虚拟滚动
-    'virtual-x-config': {
-      enabled: false,
-      scrollToLeftOnChange: true,
-    },
-    // 纵向虚拟滚动 大于100条开启
-    'virtual-y-config': { enabled: true, gt: 100 },
-    ...other,
-  };
-});
-// 分页相关：监听页码切换事件
-const handleCurrentChange = (val) => {
-  pageData.pageNo = val;
-  getListHandle({ ...pageData, ...formatFieldValue(props.searchForm.items) });
-};
-// 分页相关：监听单页显示数量切换事件
-const handleSizeChange = (val) => {
-  pageData.pageSize = val;
-  pageData.pageNo = 1;
-  getListHandle({ ...pageData, ...formatFieldValue(props.searchForm.items) });
-};
-function checkboxChangeHandle() {
-  const sles = tableRef.value.getCheckboxRecords();
-  props.searchForm.selections = sles;
-}
-const toggleCheckboxEvent = (row) => {
-  const $table = tableRef.value;
-  if ($table) {
-    $table.toggleCheckboxRow(row);
-    const sles = tableRef.value.getCheckboxRecords();
-    props.searchForm.selections = sles;
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-:deep(.vxe-table-custom-wrapper.placement--top-right.is--active) {
-  max-height: 400px !important;
-}
-</style>

package/src/components/SearchBar/index.d.ts

@@ -1,51 +0,0 @@
-import { DefineComponent } from 'vue';
-
-/** 搜索表单项 */
-export interface SearchBarFormItem {
-  /** 字段 key */
-  key: string;
-  /** 字段名称 */
-  name: string;
-  /** 字段值 */
-  value: any;
-  /** 表单项类型 */
-  type?: 'input' | 'select' | 'date' | 'custom' | 'br';
-  /** 日期类型 */
-  dateType?: 'date' | 'daterange' | 'datetimerange';
-  /** 是否隐藏 */
-  hidden?: boolean;
-  /** 自定义渲染函数（type 为 custom 时使用） */
-  render?: () => any;
-  /** 额外配置 */
-  option?: {
-    class?: string;
-    [key: string]: any;
-  };
-}
-
-/** 搜索表单配置 */
-export interface SearchBarForm {
-  /** 表单项列表 */
-  items: SearchBarFormItem[];
-  /** 表单数据对象 */
-  data?: Record<string, any>;
-}
-
-/**
- * SearchBar 组件 - 搜索栏
- * 支持多种表单项类型，可折叠展开
- */
-export interface SearchBarProps {
-  /** 搜索表单配置 */
-  form: SearchBarForm;
-}
-
-export interface SearchBarEmits {
-  /** 筛选按钮点击时触发 */
-  (e: 'confirm'): void;
-  /** 重置按钮点击时触发 */
-  (e: 'reset'): void;
-}
-
-declare const SearchBar: DefineComponent<SearchBarProps, {}, any, {}, {}, {}, {}, SearchBarEmits>;
-export default SearchBar;

package/src/components/SearchBar/index.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="searchBar-container mgt10 mgb10" @keydown.enter="onSearch">
-    <!-- 搜索条件 -->
-    <div class="searchBar" :style="{ height: open ? 'auto' : '42px' }">
-      <el-form inline :model="form.data">
-        <template v-for="item in form.items.filter((item) => !item.hidden)" :key="item.key">
-          <br v-if="item.type == 'br'" />
-          <el-form-item v-else :label="item.name">
-            <el-input
-              v-if="item.type === 'input'"
-              v-model="item.value"
-              :class="item.option?.class || 'w150'"
-              :placeholder="$t('qing-shu-ru')"
-              clearable
-            />
-            <component v-else-if="item.type === 'custom'" :is="item.render" />
-            <CmpDictionary
-              v-if="item.type === 'select'"
-              :class="item.option?.class || 'w150'"
-              v-model="item.value"
-              v-bind="item.option"
-              @change="onSearch"
-              @clear="onSearch"
-            />
-            <el-date-picker
-              v-if="item.type === 'date'"
-              :class="{ datetimerange: 'w300', daterange: 'w200' }[item.dateType] || 'w100'"
-              v-model="item.value"
-              :value-format="
-                { datetimerange: 'YYYY-MM-DD HH:mm:ss', daterange: 'YYYY-MM-DD' }[item.dateType] ||
-                'YYYY-MM-DD'
-              "
-              :type="item.dateType || 'date'"
-              @focus="currDatePicker = item"
-              @change="onDateChange(item)"
-              :placeholder="$t('qing-xuan-ze')"
-              :start-placeholder="$t('kai-shi-shi-jian')"
-              :end-placeholder="$t('jie-shu-shi-jian')"
-            />
-          </el-form-item>
-        </template>
-      </el-form>
-    </div>
-    <div class="btns">
-      <div class="left">
-        <slot name="table-header-left"></slot>
-      </div>
-      <div class="right">
-        <el-link underline="never" class="mgr10" @click="open = !open">
-          <cmpIcon :name="open ? `ArrowUp` : `ArrowDown`" /> {{ openText }}
-        </el-link>
-        <el-button type="primary" @click="onSearch">{{ $t('shai-xuan') }}</el-button>
-        <el-button type="primary" @click="onReset">{{ $t('chong-zhi') }}</el-button>
-        <!-- 插槽填入自定义按钮 -->
-        <slot name="btn"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, defineComponent, ref, toValue } from 'vue';
-import cmpIcon from '@/components/CmpIcon/index.vue';
-import CmpDictionary from '@/components/CmpDictionary/index.vue';
-import { useI18n } from 'vue-i18n';
-const props = defineProps({
-  form: {
-    type: Object,
-    required: true,
-  },
-});
-const emits = defineEmits(['confirm', 'reset']);
-const open = ref(true);
-const currDatePicker = ref(null);
-const { t } = useI18n();
-const openText = computed(() => (open.value ? t('guan-bi') : t('zhan-kai')));
-function onSearch() {
-  emits('confirm');
-}
-function onReset() {
-  emits('reset');
-}
-function onDateChange() {
-  emits('confirm');
-}
-</script>
-
-<style lang="scss" scoped>
-.searchBar-container {
-  .searchBar {
-    overflow: hidden;
-    transition: all 0.3s;
-  }
-
-  .btns {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    // margin-top: -10px;
-    .left {
-      display: flex;
-      align-items: center;
-      :deep(.el-tabs__header) {
-        margin: 0;
-      }
-    }
-    .right {
-      text-align: right;
-    }
-  }
-}
-</style>

package/src/components/SearchBar/tools.js

@@ -1,39 +0,0 @@
-/*
- * @Author: zhouyunjie bernie.zhou@joy-group.com
- * @Date: 2025-05-09 17:43:52
- * @LastEditors: zhouyunjie bernie.zhou@joy-group.com
- * @LastEditTime: 2025-05-19 16:58:25
- * @FilePath: /plm-system-web/src/components/SearchBar/tools.js
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
-import { stringToArray } from "@/utils/tools/tools";
-import { dayjs } from "element-plus";
-
-// 处理查询表单数据
-export function formatFieldValue(items) {
-  let resData = {};
-  items.forEach(field => {
-    const { key, type, option = {}, value, dateType, toArr } = field
-    if (type == 'input' && option?.multiple) {
-      resData[key] = stringToArray(value);
-    } else if (type == 'date') {
-      if (dateType.includes('range')) {
-        const [start, end] = key
-        let [startVal, endVal] = value || []
-        if (startVal && dateType == 'daterange') {
-          startVal = dayjs(startVal).format('YYYY-MM-DD 00:00:00')
-          endVal = dayjs(endVal).format('YYYY-MM-DD 23:59:59')
-        }
-        resData[start] = startVal;
-        resData[end] = endVal;
-      } else {
-        resData[key] = value;
-      }
-    } else if (type == 'select') {
-      resData[key] = toArr ? [value] : value;
-    } else {
-      resData[key] = value;
-    }
-  });
-  return resData
-}

package/src/components/VxeTable/index.jsx

@@ -1,54 +0,0 @@
-/*
- * @Author: zhouyunjie bernie.zhou@joy-group.com
- * @Date: 2025-06-11 14:43:19
- * @LastEditors: zhouyunjie bernie.zhou@joy-group.com
- * @LastEditTime: 2025-07-02 17:46:48
- * @FilePath: /mdm-system-web/src/components/VxeTable/index.jsx
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
-import { VxeUI } from 'vxe-pc-ui'
-import EnumRender from './render/EnumRender.vue'
-import { ElInputNumber, ElText } from 'element-plus'
-import { getValueBykey } from '@/utils/tools/tools';
-import { useI18n } from 'vue-i18n';
-// renderOpts, params
-// renderOpts cellRenderer 传入的参数
-// params 行列参数
-
-
-// 枚举值渲染器
-VxeUI.renderer.add('Enum', {
-  // 默认显示模板
-  renderTableDefault(renderOpts, params) {
-    if ([null, undefined].includes(params.row[params.column.field])) return '-'
-    return <EnumRender renderOpts={renderOpts} params={params} />
-  }
-})
-// 枚举值渲染器
-VxeUI.renderer.add('InputNumber', {
-  // 默认显示模板
-  renderTableDefault(renderOpts, params) {
-    return <ElInputNumber v-model={params.row[params.column.field]} {...renderOpts.props} step-strictly value-on-clear={0} />
-  }
-})
-// 真假值渲染器
-VxeUI.renderer.add('TrueFalse', {
-  // 默认显示模板
-  renderTableDefault(renderOpts, params) {
-    return <ElText type={params.row[params.column.field] ? 'success' : 'danger'}>{params.row[params.column.field] ? '是' : '否'}</ElText>
-  }
-})
-
-// 真假值渲染器
-VxeUI.renderer.add('I18n', {
-  // 默认显示模板
-  renderTableDefault(renderOpts, params) {
-    const { locale } = useI18n()
-    let key = locale.value == 'zh_cn' ? params.column.field : renderOpts.fieldEn
-    // 链式字符串访问
-    if (key.includes('.')) {
-      return getValueBykey(params.row, key) || params.row[params.column.field]
-    }
-    return params.row[key] || params.row[params.column.field]
-  }
-})

package/src/components/VxeTable/render/EnumRender.vue

@@ -1,33 +0,0 @@
-<!--
- * @Author: zhouyunjie bernie.zhou@joy-group.com
- * @Date: 2025-05-15 18:26:42
- * @LastEditors: zhouyunjie bernie.zhou@joy-group.com
- * @LastEditTime: 2025-05-19 11:21:11
- * @FilePath: /plm-system-web/src/components/VxeTable/render/EnumRender.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<template>
-  <el-text v-if="renderOpts.text">
-    {{ renderOpts.enum.getName(cellValue) }}
-  </el-text>
-  <el-text v-else :type="renderOpts.enum.getTag(cellValue)">
-    {{ renderOpts.enum.getName(cellValue) }}
-  </el-text>
-</template>
-
-<script setup>
-const props = defineProps({
-  renderOpts: {
-    type: Object,
-    default: () => ({
-      enum: {},
-    }),
-  },
-  params: {
-    type: Object,
-  },
-});
-const cellValue = props.params.row[props.params.column.field];
-</script>
-
-<style></style>