@aoao-y33/ui 0.0.2 → 0.0.5

package/dist/table/hoc/useTable.d.ts

@@ -1,6 +1,47 @@
 import { AxTableOptions } from '..';
 import { AxFormItemOptions } from '../../form';
 import { AxButtonOptions } from '../../button';
+/**
+ * 表格 Hook，用于创建功能完整的高级表格组件
+ *
+ * 该 Hook 封装了表格的核心逻辑，包括：
+ * - 表格数据展示和分页
+ * - 搜索表单（支持动态字段配置）
+ * - 工具栏按钮（新增、删除、导出等）
+ * - 表格列配置（支持动态列）
+ * - 折叠/展开搜索区域
+ * - 数据请求和状态管理
+ *
+ * @param options - 表格初始配置选项
+ * @returns [Table 组件, Table API] 元组
+ *
+ * @example
+ * const [Table, tableApi] = useTable({
+ *   api: getUserList,
+ *   columnConfig: {
+ *     username: { label: '用户名', prop: 'username' },
+ *     email: { label: '邮箱', prop: 'email' }
+ *   },
+ *   searchConfig: {
+ *     fieldConfig: {
+ *       keyword: { label: '关键词', type: 'input' }
+ *     },
+ *     over: 2  // 超过2个字段显示折叠按钮
+ *   },
+ *   toolConfig: {
+ *     add: { text: '新增', onClick: handleAdd }
+ *   },
+ *   pageConfig: { pageSize: 10 }
+ * })
+ *
+ * // 在模板中使用
+ * <Table />
+ *
+ * // 通过 API 操作表格
+ * tableApi.requestApi.fetch()        // 刷新数据
+ * tableApi.setTable({ data: [] })    // 更新表格属性
+ * tableApi.toolsApi.addField(...)    // 动态添加工具栏按钮
+ */
 export declare function useTable<T extends Record<string, any>, R extends Record<string, any> = any>(options?: AxTableOptions<T, R>): readonly [import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {

package/dist/table/hoc/useTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/hoc/useTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,KAAK,cAAc,EAEtB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAa,KAAK,iBAAiB,EAA8B,MAAM,QAAQ,CAAC;AACvF,OAAO,EAAW,KAAK,eAAe,EAAC,MAAM,UAAU,CAAC;AAExD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqG9H"}
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../src/table/hoc/useTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAKH,KAAK,cAAc,EAEtB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAa,KAAK,iBAAiB,EAA8B,MAAM,QAAQ,CAAC;AACvF,OAAO,EAAW,KAAK,eAAe,EAAC,MAAM,UAAU,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsJ9H"}

package/dist/table/hoc/useTableExpose.d.ts

@@ -1,6 +1,33 @@
 import { Ref } from 'vue';
 import { AxTableInstance } from '..';
+/**
+ * TableApi 类型定义
+ * 由 useTableExpose 函数返回的 API 对象类型
+ */
 export type TableApi = ReturnType<typeof useTableExpose>;
+/**
+ * 表格暴露 API Hook，用于获取和控制表格实例的方法
+ *
+ * 该 Hook 提供了访问底层表格实例的能力，包括：
+ * - 获取 Element Plus 原生 ElTable 实例
+ * - 可调用 ElTable 的所有方法（如 clearSort、clearFilter、toggleRowSelection 等）
+ *
+ * @param table - 表格组件的 Ref 引用，指向 AxTableInstance 实例
+ * @returns 包含表格控制方法的 API 对象
+ *
+ * @example
+ * const tableRef = ref<AxTableInstance>();
+ * const tableApi = useTableExpose(tableRef);
+ *
+ * // 获取原生 ElTable 实例
+ * const elTable = tableApi.getElTable()
+ *
+ * // 调用 ElTable 的原生方法
+ * elTable?.clearSort()              // 清除排序
+ * elTable?.clearFilter()            // 清除筛选
+ * elTable?.toggleAllSelection()     // 切换全选状态
+ * elTable?.setCurrentRow(row)       // 设置当前行
+ */
 export declare function useTableExpose(table: Ref<AxTableInstance>): {
     getElTable: () => import('element-plus').TableInstance;
 };

package/dist/table/hoc/useTableExpose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableExpose.d.ts","sourceRoot":"","sources":["../../../src/table/hoc/useTableExpose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAExD,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,eAAe,CAAC;;EAQzD"}
+{"version":3,"file":"useTableExpose.d.ts","sourceRoot":"","sources":["../../../src/table/hoc/useTableExpose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAE7C;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAExD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,eAAe,CAAC;;EAazD"}

package/dist/table/utils/index.d.ts

@@ -1,4 +1,30 @@
 import { Component } from 'vue';
+/**
+ * 表格列组件注册表
+ * 存储表格列类型与对应 Vue 组件的映射关系
+ * 用于扩展表格列的自定义渲染方式
+ * @example
+ * // 注册自定义列类型
+ * addTableColumnField('custom-render', CustomColumnComponent)
+ */
 export declare const tableColumnFields: Record<string, Component>;
+/**
+ * 注册新的表格列类型组件
+ * 将自定义列组件添加到表格列类型注册表中
+ *
+ * @param type - 列类型标识符（唯一）
+ * @param component - 对应的 Vue 组件，用于渲染该类型的列内容
+ *
+ * @warning 如果类型已存在，会输出警告信息并阻止重复注册
+ *
+ * @example
+ * import StatusColumn from './StatusColumn.vue'
+ * addTableColumnField('status', StatusColumn)
+ *
+ * // 在表格列配置中使用
+ * columnConfig: {
+ *   status: { type: 'status', label: '状态' }
+ * }
+ */
 export declare const addTableColumnField: (type: string, component: Component) => void;
 //# sourceMappingURL=index.d.ts.map

package/dist/table/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAI,CAAC;AAE5D,eAAO,MAAM,mBAAmB,GAAE,MAAK,MAAM,EAAC,WAAU,SAAS,SAMhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAI,CAAC;AAE5D;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,GAAE,MAAK,MAAM,EAAC,WAAU,SAAS,SAMhE,CAAA"}

package/package.json

@@ -1,37 +1,44 @@
 {
   "name": "@aoao-y33/ui",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "private": false,
   "description": "elementPlus二次封装组件",
+
   "main": "./dist/index.js",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./global": {
+      "types": "./global.d.ts"
+    },
     "./dist/index.css": {
       "import": "./dist/index.css"
     }
   },
+  "types": "./dist/index.d.ts",
   "sideEffects": [
     "*.css",
     "*.less",
     "*.scss"
   ],
   "scripts": {
-    "build": "vue-tsc && vite build",
+    "build":"vue-tsc  && vite build",
     "ins": "pnpm install",
-    "pub": "npm publish --access public"
+    "pub": "npm publish  --access public"
   },
+  "files": [
+    "dist"
+  ],
   "keywords": [],
   "author": "",
   "license": "ISC",
   "packageManager": "pnpm@10.32.1",
   "dependencies": {
-    "@aoao-y33/hooks": "workspace:*",
-    "@aoao-y33/utils": "workspace:*",
+    "@aoao-y33/hooks": "^0.0.3",
+    "@aoao-y33/utils": "^0.0.2",
     "@element-plus/icons-vue": "^2.3.2",
     "element-plus": "^2.14.0"
   },

package/dist/global.d.ts

@@ -1,33 +0,0 @@
-import { AxButton } from './button';
-import { AxForm, AxFormItem } from './form';
-import { AxLayout } from './layout';
-import { AxModal } from './modal';
-import { AxTable, AxTablePage, AxTableSelect, AxTableColumn } from './table';
-declare module 'vue' {
-    interface GlobalComponents {
-        AxButton: typeof AxButton;
-        AxForm: typeof AxForm;
-        AxFormItem: typeof AxFormItem;
-        AxLayout: typeof AxLayout;
-        AxModal: typeof AxModal;
-        AxTable: typeof AxTable;
-        AxTablePage: typeof AxTablePage;
-        AxTableSelect: typeof AxTableSelect;
-        AxTableColumn: typeof AxTableColumn;
-    }
-}
-declare module 'vue' {
-    interface GlobalComponents {
-        'ax-button': typeof AxButton;
-        'ax-form': typeof AxForm;
-        'ax-form-item': typeof AxFormItem;
-        'ax-layout': typeof AxLayout;
-        'ax-modal': typeof AxModal;
-        'ax-table': typeof AxTable;
-        'ax-table-page': typeof AxTablePage;
-        'ax-table-select': typeof AxTableSelect;
-        'ax-table-column': typeof AxTableColumn;
-    }
-}
-export {};
-//# sourceMappingURL=global.d.ts.map

package/dist/global.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEjF,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAA;QACzB,MAAM,EAAE,OAAO,MAAM,CAAA;QACrB,UAAU,EAAE,OAAO,UAAU,CAAA;QAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAA;QACzB,OAAO,EAAE,OAAO,OAAO,CAAA;QACvB,OAAO,EAAE,OAAO,OAAO,CAAA;QACvB,WAAW,EAAE,OAAO,WAAW,CAAA;QAC/B,aAAa,EAAE,OAAO,aAAa,CAAA;QACnC,aAAa,EAAE,OAAO,aAAa,CAAA;KACtC;CACJ;AAGD,OAAO,QAAQ,KAAK,CAAC;IACjB,UAAiB,gBAAgB;QAC7B,WAAW,EAAE,OAAO,QAAQ,CAAA;QAC5B,SAAS,EAAE,OAAO,MAAM,CAAA;QACxB,cAAc,EAAE,OAAO,UAAU,CAAA;QACjC,WAAW,EAAE,OAAO,QAAQ,CAAA;QAC5B,UAAU,EAAE,OAAO,OAAO,CAAA;QAC1B,UAAU,EAAE,OAAO,OAAO,CAAA;QAC1B,eAAe,EAAE,OAAO,WAAW,CAAA;QACnC,iBAAiB,EAAE,OAAO,aAAa,CAAA;QACvC,iBAAiB,EAAE,OAAO,aAAa,CAAA;KAC1C;CACJ;AAED,OAAO,EAAE,CAAA"}

package/src/button/components/button/button.vue

@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import {buttonFields} from "@/button/utils";
-import type {AxButtonProps, AxButtonEmits} from "./props";
-import {computed, inject, useSlots} from "vue";
-import {getIcons} from "@/common";
-defineOptions({name: 'AxButton'})
-const {
-  type = 'default',
-  text = '',
-  className = '',
-  disabled = false,
-  hidden = false,
-  icon='',
-  isMl=true,
-  componentProps = {}
-} = defineProps<AxButtonProps>()
-const emits = defineEmits<AxButtonEmits>()
-const slots = useSlots();
-const clickData = inject('clickData', null);
-const ButtonField = computed(() => {
-  return buttonFields[type]
-})
-const onClick = (e: Event) => {
-  emits('click', clickData ? clickData : e)
-}
-const onDblClick = (e: Event) => {
-  emits('dblClick', clickData ? clickData : e)
-}
-const getDisabled = () => {
-  if (typeof disabled === "function") {
-    return disabled(clickData)
-  }
-  return disabled
-}
-const getHidden = () => {
-  if (typeof hidden === "function") {
-    return hidden(clickData)
-  }
-  return hidden
-}
-const Icon = computed(()=>{
-  if(typeof icon === 'string'){
-    return getIcons(icon)
-  }
-  return icon||null;
-})
-</script>
-<template>
-  <ButtonField v-bind="componentProps"
-               @click="onClick"
-               @dblclick="onDblClick"
-               :class="[className,{'ml-0!':!isMl}]"
-               :disabled="getDisabled()"
-               v-if="!getHidden()"
-               :icon="Icon"
-  >
-    <template v-if="!slots.default">
-      <span>{{ text }}</span>
-    </template>
-    <template v-else>
-      <slot></slot>
-    </template>
-  </ButtonField>
-</template>

package/src/button/components/button/index.ts

@@ -1,2 +0,0 @@
-export { default as AxButton} from './button.vue'
-export * from './props';

package/src/button/components/button/props.ts

@@ -1,75 +0,0 @@
-import {buttonFields} from "@/button";
-import type {ButtonProps} from "element-plus";
-import type {EmitsToEventProps} from '@aoao-y33/utils';
-import type {Component} from "vue";
-
-/**
- * AxButton 按钮组件属性接口
- * @template E - 事件数据类型，用于控制按钮显示/隐藏的上下文数据
- * @template T - Element Plus ButtonProps 类型扩展
- */
-export interface AxButtonProps<E = any, T = ButtonProps> {
-    /** 按钮显示的文本内容 */
-    text?: string
-
-    /**
-     * 按钮类型，对应预定义的按钮样式配置
-     * @see buttonFields - 预定义的按钮类型映射表
-     */
-    type?: keyof typeof buttonFields
-
-    /** Element Plus 按钮的额外属性配置 */
-    componentProps?: T
-
-    /** 自定义 CSS 类名 */
-    className?: string,
-
-    /**
-     * 按钮图标，支持字符串（图标类名）或 Vue 组件形式
-     * @example "el-icon-search" | IconComponent
-     */
-    icon?:string|Component,
-
-    /**
-     * 按钮禁用状态控制
-     * - 布尔值：直接设置禁用状态
-     * - 函数：根据上下文数据动态计算禁用状态
-     * @param data - 传入的上下文数据
-     * @returns 是否禁用
-     */
-    disabled?: ((data: E) => boolean) | (boolean)
-
-    /**
-     * 按钮隐藏状态控制
-     * - 布尔值：直接设置隐藏状态
-     * - 函数：根据上下文数据动态计算隐藏状态
-     * @param data - 传入的上下文数据
-     * @returns 是否隐藏
-     */
-    hidden?: ((data: E) => boolean) | (boolean)
-
-    /** 是否添加左边距，用于按钮间距控制 */
-    isMl?:boolean
-}
-
-/**
- * AxButton 按钮组件事件发射接口
- * @template T - 事件携带的数据类型
- */
-export interface AxButtonEmits<T = any> {
-    /** 单击事件 */
-    "click": [data: T]
-    /** 双击事件 */
-    "dblClick": [data: T]
-}
-
-/**
- * AxButton 按钮配置选项接口
- * 继承自 AxButtonProps 并合并事件处理属性
- * @template E - 事件数据类型
- * @template T - Element Plus ButtonProps 类型扩展
- */
-export interface AxButtonOptions<E = any, T = ButtonProps>
-    extends AxButtonProps<E, T>,
-        Partial<EmitsToEventProps<AxButtonEmits<E>>> {
-}

package/src/button/components/fields/index.ts

@@ -1,6 +0,0 @@
-import {ElButton} from "element-plus";
-import {addButtonField} from "@/button";
-
-export const initButtonFields=()=>{
-    addButtonField("default",ElButton);
-}

package/src/button/hoc/index.ts

@@ -1 +0,0 @@
-export * from './useButton';

package/src/button/hoc/useButton.ts

@@ -1,27 +0,0 @@
-import {AxButton, type AxButtonOptions} from "@/button";
-import {useState} from "@aoao-y33/hooks";
-import {defineComponent, h} from "vue";
-import type {ButtonProps} from "element-plus";
-
-/**
- * 按钮高阶函数 - 用于创建可动态配置的按钮组件
- *
- * @template E - 事件类型，默认为 any
- * @template T - 按钮属性类型，默认为 ButtonProps
- * @param options - 按钮初始配置选项
- * @returns 返回一个元组 [Button组件, setButton更新函数]
- *
- * @example
- * const [MyButton, setButton] = useButton({ text: '点击' });
- * // 后续可以通过 setButton 动态更新按钮属性
- * setButton({ text: '新文本', disabled: true });
- */
-export function useButton<E=any,T=ButtonProps>(options:AxButtonOptions<E,T>={}){
-    const [props,setButton] = useState(options);
-    const Button = defineComponent({
-        setup(){
-            return ()=>h(AxButton as any,{...props.value})
-        }
-    })
-    return [Button,setButton] as const;
-}

package/src/button/index.ts

@@ -1,4 +0,0 @@
-export * from './hoc';
-export * from './components/button';
-export * from './components/fields';
-export * from './utils';

package/src/button/utils/index.ts

@@ -1,32 +0,0 @@
-import type {Component} from "vue";
-
-/**
- * 按钮类型注册表
- * 存储自定义按钮类型与对应组件的映射关系
- * @example
- * // 注册自定义按钮
- * addButtonField('primary', CustomButtonComponent)
- */
-export const buttonFields:Record<string, Component>= {};
-
-/**
- * 注册新的按钮类型
- * 将自定义按钮组件添加到按钮类型注册表中
- *
- * @param type - 按钮类型标识符（唯一）
- * @param component - 对应的 Vue 组件
- *
- * @warning 如果类型已存在，会输出警告信息但不会阻止注册
- *
- * @example
- * import CustomButton from './CustomButton.vue'
- * addButtonField('custom', CustomButton)
- */
-export const addButtonField =(type:string,component:Component)=>{
-    // 检查是否已存在相同类型的按钮
-    for (type in buttonFields){
-        console.warn(`[AxButton] Button type ${type} already exists`)
-    }
-    // 注册新的按钮类型
-    buttonFields[type] = component;
-}

package/src/common/index.ts

@@ -1 +0,0 @@
-export * from './utils';

package/src/common/utils/iconUtils.ts

@@ -1,21 +0,0 @@
-import * as Icons from '@element-plus/icons-vue';
-
-/**
- * 根据图标名称获取 Element Plus 图标组件
- *
- * @param icon - 图标名称（需与 Element Plus Icons 中的导出名称一致）
- * @returns 对应的图标组件，如果不存在则返回 undefined
- *
- * @example
- * // 获取搜索图标
- * const SearchIcon = getIcons('Search')
- *
- * @example
- * // 在模板中使用
- * <component :is="getIcons('HomeFilled')" />
- *
- * @see {@link https://element-plus.org/zh-CN/component/icon.html Element Plus Icons}
- */
-export const getIcons = (icon: string) => {
-    return (Icons as any)[icon];
-}

package/src/common/utils/index.ts

@@ -1 +0,0 @@
-export * from './iconUtils';

package/src/form/components/fields/index.ts

@@ -1,35 +0,0 @@
-import {
-    ElInput,
-    ElSelect,
-    ElCascader,
-    ElRadioGroup,
-    ElCheckboxGroup,
-    ElColorPicker,
-    ElColorPickerPanel,
-    ElDatePicker, ElTimePicker, ElInputNumber,
-    ElInputOtp,
-    ElSwitch, ElRate, ElSlider, ElUpload,
-    ElSelectV2, ElTransfer, ElTreeSelect,
-} from "element-plus";
-import {addFormField} from "@/form";
-
-export const initFormFields = () => {
-    addFormField('text', ElInput);
-    addFormField('select', ElSelect);
-    addFormField('cascade', ElCascader);
-    addFormField('radio', ElRadioGroup);
-    addFormField('checkbox', ElCheckboxGroup);
-    addFormField("color", ElColorPicker);
-    addFormField("date", ElDatePicker);
-    addFormField("time", ElTimePicker);
-    addFormField("number", ElInputNumber);
-    addFormField("color-panel", ElColorPickerPanel);
-    addFormField("otp", ElInputOtp);
-    addFormField("rate", ElRate);
-    addFormField("switch", ElSwitch);
-    addFormField("slider", ElSlider);
-    addFormField("upload", ElUpload);
-    addFormField("transfer", ElTransfer);
-    addFormField("select-v2", ElSelectV2);
-    addFormField("tree", ElTreeSelect);
-}

package/src/form/components/form/form.vue

@@ -1,130 +0,0 @@
-<script setup lang="ts">
-import {ElForm, ElFormItem, vLoading, type FormInstance} from "element-plus";
-import {AxButton} from "@/button";
-import type {AxFormEmits, AxFormProps} from "./props";
-import {useDefineProps, useFetch} from "@aoao-y33/hooks";
-import {computed, provide, reactive, type Ref, ref, useSlots, watch} from "vue";
-
-defineOptions({name: 'AxForm'})
-const {
-  isDefault = true,
-  submitButton = {},
-  loading = false,
-  api = null,
-  apiConfig = {},
-  ...props
-} = defineProps<AxFormProps>();
-
-const emits = defineEmits<AxFormEmits>()
-
-const slots = useSlots();
-
-const formProps = useDefineProps(props);
-
-const defaultButton = useDefineProps(submitButton, {
-  text: "提交",
-  icon: "CircleCheckFilled",
-  componentProps: {
-    type: "primary",
-    nativeType: "submit",
-  }
-})
-
-const formData = reactive({});
-
-provide("formData", formData);
-
-provide("clickData", formData);
-
-const defaultData = reactive({});
-
-provide("defaultData", defaultData);
-
-const [, requestApi] = useFetch(api, apiConfig)
-
-watch(() => formData, () => {
-  emits("change", formData);
-}, {immediate: true})
-
-const formRef = ref<FormInstance>() as Ref<FormInstance>;
-
-const _loading = computed(() => {
-  return Boolean(loading || requestApi.getConfig().loading);
-})
-
-const onSubmit = () => {
-  formRef.value?.validate().then(async (res) => {
-    if (res) {
-      if (requestApi.getReady()) {
-        await requestApi.load(formData);
-      } else {
-        emits("submit", formData);
-      }
-    }
-  })
-}
-
-
-const getElForm = () => {
-  return formRef.value
-}
-
-const getValues = () => {
-  return Object.assign({}, formData);
-}
-
-const getValue = (fieldName: string) => {
-  return (formData as Record<string, any>)[fieldName]
-}
-const getFields = () => {
-  return Object.keys(formData);
-}
-
-const getDefaultValues = () => {
-  return Object.assign({}, defaultData);
-}
-
-const setValues = (values: Record<string, any>) => {
-  Object.assign(formData, values);
-}
-
-const resetValues = () => {
-  Object.assign(formData, defaultData);
-}
-
-const clearValues = () => {
-  Object.keys(formData).forEach(fieldName => {
-    (formData as Record<string, any>)[fieldName] = undefined;
-  })
-}
-
-defineExpose({
-  getElForm,
-  getValues,
-  getValue,
-  getFields,
-  getDefaultValues,
-  setValues,
-  resetValues,
-  clearValues,
-  ...requestApi
-})
-
-</script>
-<template>
-  <ElForm v-bind="formProps"
-          :model="formData"
-          ref="formRef"
-          @submit.prevent
-          v-loading="_loading">
-    <slot></slot>
-    <ElFormItem
-        v-if="slots.button||isDefault"
-        :label="labelWidth=='auto'?' ':''">
-      <ax-button v-if="isDefault"
-                 v-bind="defaultButton"
-                 @click="onSubmit"></ax-button>
-      <slot name="button"/>
-    </ElFormItem>
-  </ElForm>
-</template>

package/src/form/components/form/index.ts

@@ -1,6 +0,0 @@
-import form from './form.vue';
-
-export * from './props';
-export const AxForm = form;
-export type AxFormInstance = InstanceType<typeof form>;
-export default AxForm;