@wyfex/ivue 0.10.0 → 0.12.0

package/dist/types/UseElButton/hook.d.ts

@@ -1,10 +1,6 @@
-import { ComputedRef, Attrs } from 'vue';
+import { ComputedRef } from 'vue';
 import { Emits, Props } from './types';
-export declare const useElButton: ({ mergedProps, emits, attrs }: {
-    mergedProps: ComputedRef<Props>;
-    emits: Emits;
-    attrs: Attrs;
-}) => {
+export declare const useElButton: (mergedProps: ComputedRef<Props>, emits: Emits) => {
     isConfirm: ComputedRef<boolean>;
-    handleElButton: () => void;
+    handleElButtonClick: (event: Event) => void;
 };

package/dist/types/UseElButton/index.vue.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: () => {};
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    debClick: (value?: string | number | Record<string, unknown> | undefined) => any;
+    click: (value?: string | number | Record<string, unknown> | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     btnText: {
         type: StringConstructor;
@@ -29,7 +29,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: () => {};
     };
 }>> & Readonly<{
-    onDebClick?: ((value?: string | number | Record<string, unknown> | undefined) => any) | undefined;
+    onClick?: ((value?: string | number | Record<string, unknown> | undefined) => any) | undefined;
 }>, {
     type: string;
     extConfig: import('./types').ExtConfig;

package/dist/types/UseElButton/types.d.ts

@@ -2,7 +2,7 @@ import { ExtractPropTypes } from 'vue';
 import { default as componentProps } from './props';
 export type Props = ExtractPropTypes<typeof componentProps>;
 export interface Emits {
-    (e: 'debClick', value?: string | number | Record<string, unknown>): void;
+    (e: 'click', value?: string | number | Record<string, unknown>): void;
 }
 export interface ExtConfig {
     debounce?: {

package/dist/types/UseElSwitch/index.vue.d.ts

@@ -0,0 +1,51 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    activeValue: string | number | boolean;
+    inactiveValue: string | number | boolean;
+    activeText: string;
+    inactiveText: string;
+    inlinePrompt: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/UseElSwitch/props.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

package/dist/types/UseElTable/hooks/useElTable.d.ts

@@ -1,18 +1,13 @@
-import { ComputedRef, Ref } from 'vue';
-import { TableInstance } from 'element-plus';
+import { ComputedRef } from 'vue';
 import { Emits, Props, TableColumn } from '../types';
 import { GlobalConfig } from '../../../../types';
-export declare const useElTable: ({ mergedProps, emits, globalConfig, rootRef, tableWrapperRef, etRef }: {
+export declare const useElTable: ({ mergedProps, emits, globalConfig }: {
     mergedProps: ComputedRef<Props>;
     emits: Emits;
     globalConfig: ComputedRef<GlobalConfig>;
-    rootRef: Ref<HTMLDivElement | null>;
-    tableWrapperRef: Ref<HTMLDivElement | null>;
-    etRef: Ref<TableInstance | null>;
 }) => {
-    tableRealHeight: Ref<string, string>;
     processHeaderCellClassName: ({ column }: any) => "" | "hideAllSelection";
     tableColumnsComputed: ComputedRef<TableColumn[]>;
-    processDictData: (item: TableColumn) => Record<string, unknown>[];
+    processDictData: (item: TableColumn) => Record<string, any>[];
     validateRequired: (row: Record<string, any>) => boolean;
 };

package/dist/types/UseElTable/hooks/useTableColumnMinWidth.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef, Ref } from 'vue';
+import { TableInstance } from 'element-plus';
+import { Props } from '../types';
+import { GlobalConfig } from '../../../../types';
+export declare const useTableColumnMinWidth: (etRef: Ref<TableInstance | null>, mergedProps: ComputedRef<Props>, globalConfig: ComputedRef<GlobalConfig>) => void;

package/dist/types/UseElTable/hooks/useTableHeightAdaptive.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare const useTableHeightAdaptive: (rootRef: Ref<HTMLDivElement | null>, tableWrapperRef: Ref<HTMLDivElement | null>) => {
+    tableRealHeight: Ref<string, string>;
+};

package/dist/types/UseElTable/utils.d.ts

@@ -1,9 +1,7 @@
-import { ComputedRef } from 'vue';
-import { TableColumn, Props } from './types';
+import { TableColumn } from './types';
 import { GlobalConfig } from '../../../types';
 export declare const processFieldProp: (row: Record<string, unknown>, item: TableColumn, globalConfig: GlobalConfig) => {
     class: string;
     style: string;
     data: unknown;
 };
-export declare const handleMinWidth: (columns: TableColumn[], data: any, mergedProps: ComputedRef<Props>, globalConfig: GlobalConfig) => void;

package/dist/types/UseSvgIcon/index.vue.d.ts

@@ -0,0 +1,54 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/UseSvgIcon/props.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+declare const _default: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+};
+export default _default;

package/dist/types/index.d.ts

@@ -6,5 +6,7 @@ export { default as UseElDialog } from './UseElDialog/index.vue';
 export { default as UseElDrawer } from './UseElDrawer/index.vue';
 export { default as UseElInput } from './UseElInput/index.vue';
 export { default as UseElSelect } from './UseElSelect/index.vue';
+export { default as UseElSwitch } from './UseElSwitch/index.vue';
 export { default as UseElTable } from './UseElTable/index.vue';
 export { default as UseRender } from './UseRender/index.vue';
+export { default as UseSvgIcon } from './UseSvgIcon/index.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

package/src/components/UseElButton/types.ts

@@ -11,9 +11,9 @@ export type Props = ExtractPropTypes<typeof componentProps>
  */
 export interface Emits {
   /**
-   * 防抖点击事件
+   * 点击事件 默认自带防抖
    */
-  (e: 'debClick', value?: string | number | Record<string, unknown>): void
+  (e: 'click', value?: string | number | Record<string, unknown>): void
 }
 
 /**
@@ -22,7 +22,7 @@ export interface Emits {
 export interface ExtConfig {
   /**
    * 防抖配置项
-   * 仅作用于@debClick事件，无需防抖则设置delay为0或使用@click事件即可。
+   * 无需防抖将delay设置为0即可
    */
   debounce?: {
     /**
@@ -40,7 +40,7 @@ export interface ExtConfig {
   confirm?: {
     /**
      * 二次确认数据 显式设置则开启二次确认
-     * 可为String、Number、Object、Array，无需传递数据则显式设置为null。
+     * 可为String、Number、Object、Array，无需传递数据则显式设置为null
      */
     data?: string | number | Record<string, unknown> | unknown[] | null
     /**

package/src/components/UseElSwitch/props.ts

@@ -0,0 +1,40 @@
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * switch 状态为 on 时的值
+   */
+  activeValue: {
+    type: [Number, String, Boolean],
+    default: 1
+  },
+  /**
+   * switch的状态为 off 时的值
+   */
+  inactiveValue: {
+    type: [Number, String, Boolean],
+    default: 0
+  },
+  /**
+   * switch 打开时的文字描述
+   */
+  activeText: {
+    type: String,
+    default: '启用'
+  },
+  /**
+   * switch 的状态为 off 时的文字描述
+   */
+  inactiveText: {
+    type: String,
+    default: '禁用'
+  },
+  /**
+   * 无论图标或文本是否显示在点内，只会呈现文本的第一个字符
+   */
+  inlinePrompt: {
+    type: Boolean,
+    default: true
+  }
+}

package/src/components/UseElTable/props.ts

@@ -8,6 +8,8 @@ import type { DictMap, DictProps } from '@/types'
 export default {
   /**
    * 表格列 必传
+   * 注意：常规场景下列配置为静态值无需响应式；但本组件提供了 minWidth 自动计算功能并会修改列对象，
+   * 因此 tableColumns 必须用 ref/reactive 包裹，否则视图无法同步更新宽度。
    */
   tableColumns: {
     type: Array as PropType<TableColumn[]>,

package/src/components/UseSvgIcon/props.ts

@@ -0,0 +1,59 @@
+import type { PropType } from 'vue'
+import { isArray } from '@wyfex/iutils'
+import { parseUnit, isValidUnit } from '@/utils'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 图标名称 必传
+   */
+  name: {
+    type: String,
+    required: true
+  },
+  /**
+   * 图标大小 默认类型为数字（单位为px）；可传带单位的字符串，如：20px、0.2rem
+   */
+  size: {
+    type: [Number, String],
+    default: 28,
+    validator(val: any) {
+      if (typeof val === 'number') return val
+      return isValidUnit(parseUnit(val)) && val
+    }
+  },
+  /**
+   * 图标颜色 可传String或Array
+   * 若传Array，只能传两项 第一项为默认图标颜色 第二项为暗黑模式下图标颜色
+   */
+  color: {
+    type: [String, Array] as PropType<string | Record<string, any>[]>,
+    validator(val: any) {
+      if (!isArray(val)) return val
+      if (!val.length) throw new Error(`color类型为Array时length不能为0`)
+      if (val.length > 2) throw new Error(`color类型为Array时length最大为2`)
+      return val
+    }
+  },
+  /**
+   * 图标的margin外边距 同css的margin规则
+   */
+  margin: {
+    type: String
+  },
+  /**
+   * 是否可点击
+   */
+  clickable: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * hover类名
+   */
+  hoverClass: {
+    type: String
+  }
+}

package/src/types/index.ts

@@ -48,7 +48,7 @@ export interface DictProps {
  */
 export interface DictMap {
   // 形如：{ 性别: [{ label: '男', value: 1 },{ label: '女', value: 2 }] }
-  [key: string]: Record<DictProps['label'] | DictProps['value'], unknown>[]
+  [key: string]: Record<DictProps['label'] | DictProps['value'], any>[]
 }
 // export interface DictMap {
 //   // 形如：{ 性别: [{ label: '男', value: 1 },{ label: '女', value: 2 }] }