@wyfex/ivue 0.20.0 → 0.21.0

package/dist/types/UseCrud/types.d.ts

@@ -44,7 +44,6 @@ export interface UseCrudState {
     formColumns: FormColumn[];
     tableColumns: TableColumn[];
     formModel: Record<string, any>;
-    formParams: Record<string, any>;
     tableLoading: boolean;
     tableData: any[];
     currentPage: number;

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

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { InjectedEcharts, Props } from './types';
+export declare const useEcharts: (props: Props, chartRef: Ref<HTMLElement | null>, injectedEcharts: InjectedEcharts | null) => {
+    chartInstance: any;
+    initChart: () => void;
+};

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

@@ -0,0 +1,105 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    echarts: {
+        type: import('vue').PropType<{
+            init: (...args: any[]) => any;
+        }>;
+        default: null;
+    };
+    options: {
+        type: import('vue').PropType<Record<string, any>>;
+        default: () => {};
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: import('vue').PropType<string | Record<string, any>>;
+        default: string;
+    };
+    notMerge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingConfig: {
+        type: import('vue').PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>, {
+    chartInstance: any;
+    initChart: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    echarts: {
+        type: import('vue').PropType<{
+            init: (...args: any[]) => any;
+        }>;
+        default: null;
+    };
+    options: {
+        type: import('vue').PropType<Record<string, any>>;
+        default: () => {};
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: import('vue').PropType<string | Record<string, any>>;
+        default: string;
+    };
+    notMerge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingConfig: {
+        type: import('vue').PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    width: string;
+    options: Record<string, any>;
+    height: string;
+    echarts: {
+        init: (...args: any[]) => any;
+    };
+    theme: string | Record<string, any>;
+    notMerge: boolean;
+    resizeDelay: number;
+    autoResize: boolean;
+    loading: boolean;
+    loadingConfig: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+declare const _default: {
+    echarts: {
+        type: PropType<{
+            init: (...args: any[]) => any;
+        }>;
+        default: null;
+    };
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: PropType<string | Record<string, any>>;
+        default: string;
+    };
+    notMerge: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autoResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingConfig: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseEcharts/types.d.ts

@@ -0,0 +1,6 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export type InjectedEcharts = {
+    init: (dom: HTMLElement | null, theme?: string | object) => any;
+};

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

@@ -1,7 +1,11 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     btnText: {
-        type: StringConstructor;
-        required: boolean;
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
     };
     type: {
         type: StringConstructor;
@@ -16,8 +20,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     click: (value?: string | number | Record<string, unknown> | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     btnText: {
-        type: StringConstructor;
-        required: boolean;
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
     };
     type: {
         type: StringConstructor;
@@ -33,6 +37,13 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     type: string;
     extConfig: import('./types').ExtConfig;
+    btnText: string | number | boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -2,8 +2,8 @@ import { PropType } from 'vue';
 import { ExtConfig } from './types';
 declare const _default: {
     btnText: {
-        type: StringConstructor;
-        required: boolean;
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
     };
     type: {
         type: StringConstructor;

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

@@ -1,9 +1,10 @@
 import { Emits, Props } from './types';
 export declare const useElCheckbox: (props: Props, emits: Emits) => {
-    dataComputed: import('vue').ComputedRef<any>;
-    checkedItems: import('vue').WritableComputedRef<unknown[], any>;
+    dataComputed: import('vue').ComputedRef<Record<string, any>[] | null>;
+    checkedItems: import('vue').WritableComputedRef<unknown[] | undefined, any>;
     isIndeterminate: import('vue').Ref<boolean, boolean>;
     checkAll: import('vue').Ref<boolean, boolean>;
+    handleModelValueChange: (e: string | number | boolean) => void;
     handleCheckAllChange: (bool: boolean) => void;
     handleCheckedItemsChange: (list: any[]) => void;
 };

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

@@ -1,9 +1,12 @@
 declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => never[];
     };
-    data: any;
+    data: {
+        type: import('vue').PropType<Record<string, any>[] | string[] | number[]>;
+        default: undefined;
+    };
     defaultProps: {
         type: ObjectConstructor;
         default: () => {
@@ -24,13 +27,16 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => never[];
     };
-    data: any;
+    data: {
+        type: import('vue').PropType<Record<string, any>[] | string[] | number[]>;
+        default: undefined;
+    };
     defaultProps: {
         type: ObjectConstructor;
         default: () => {
@@ -51,11 +57,11 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
 }>, {
-    data: any;
+    data: Record<string, any>[] | string[] | number[];
     toJoin: boolean;
-    modelValue: string | unknown[];
+    modelValue: string | number | boolean | unknown[];
     defaultProps: Record<string, any>;
     showCheckAll: boolean;
     vertical: boolean;

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

@@ -1,9 +1,13 @@
+import { PropType } from 'vue';
 declare const _default: {
     modelValue: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => never[];
     };
-    data: any;
+    data: {
+        type: PropType<Record<string, any>[] | string[] | number[]>;
+        default: undefined;
+    };
     defaultProps: {
         type: ObjectConstructor;
         default: () => {

package/dist/types/UseElCheckbox/types.d.ts

@@ -2,5 +2,5 @@ import { ExtractPropTypes } from 'vue';
 import { default as componentProps } from './props';
 export type Props = ExtractPropTypes<typeof componentProps>;
 export type Emits = {
-    (e: 'update:modelValue', value: string | number | (string | number)[]): void;
+    (e: 'update:modelValue', value: string | number | boolean | (string | number)[]): void;
 };

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export { default as UseCrud } from './UseCrud/index.vue';
+export { default as UseEcharts } from './UseEcharts/index.vue';
 export { default as UseElButton } from './UseElButton/index.vue';
 export { default as UseElCheckbox } from './UseElCheckbox/index.vue';
 export { default as UseElConfigProvider } from './UseElConfigProvider/index.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的高性能组件库",
   "homepage": "https://wyfex.top/idocs/ivue",
   "type": "module",
@@ -50,20 +50,20 @@
     "vue": ">=3.2.0 <4.0.0"
   },
   "devDependencies": {
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.3.0",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
-    "@wyfex/iutils": "^0.55.0",
-    "dayjs": "^1.11.21",
-    "element-plus": "^2.14.3",
-    "sass-embedded": "^1.100.0",
+    "@wyfex/iutils": "^0.80.0",
+    "dayjs": "^1.11.23",
+    "element-plus": "^2.14.5",
+    "sass-embedded": "^1.103.1",
     "typescript": "~6.0.3",
     "unplugin-auto-import": "^21.1.0",
     "unplugin-dts": "^1.0.3",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.2.1",
+    "vite": "^8.2.2",
     "vite-svg-loader": "^5.1.1",
     "vue": "^3.5.41",
-    "vue-tsc": "^3.3.9"
+    "vue-tsc": "^3.3.11"
   }
 }

package/src/components/UseCrud/types.ts

@@ -114,10 +114,8 @@ export interface UseCrudState {
   formColumns: FormColumn[]
   /** 表格列配置 */
   tableColumns: TableColumn[]
-  /** 表单模型 查询表单的原始数据模型 */
+  /** 表单模型 */
   formModel: Record<string, any>
-  /** 表单参数 查询表单提交接口的数据参数 */
-  formParams: Record<string, any>
   /** 表格loading */
   tableLoading: boolean
   /** 表格数据 */

package/src/components/UseEcharts/props.ts

@@ -0,0 +1,77 @@
+import type { PropType } from 'vue'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * Echarts实例(即import * as echarts from 'echarts') 可通过provide传入
+   */
+  echarts: {
+    type: Object as PropType<{ init: (...args: any[]) => any }>,
+    default: null
+  },
+  /**
+   * 配置项
+   */
+  options: {
+    type: Object as PropType<Record<string, any>>,
+    default: () => ({})
+  },
+  /**
+   * 容器宽度
+   */
+  width: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * 容器高度
+   */
+  height: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * 主题
+   */
+  theme: {
+    type: [String, Object] as PropType<string | Record<string, any>>,
+    default: ''
+  },
+  /**
+   * 是否不和options合并
+   */
+  notMerge: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * resize 防抖毫秒
+   */
+  resizeDelay: {
+    type: Number,
+    default: 100
+  },
+  /**
+   * 是否开启窗口自动resize
+   */
+  autoResize: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示loading加载动画
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * loading自定义样式配置，对应echarts showLoading参数
+   */
+  loadingConfig: {
+    type: Object as PropType<Record<string, any>>,
+    default: () => ({})
+  }
+}

package/src/components/UseEcharts/types.ts

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * inject的echarts类型
+ */
+export type InjectedEcharts = {
+  init: (dom: HTMLElement | null, theme?: string | object) => any
+}

package/src/components/UseElButton/props.ts

@@ -6,11 +6,11 @@ import type { ExtConfig } from './types'
  */
 export default {
   /**
-   * 按钮文本 必传
+   * 按钮文本 未传时可使用自定义slot
    */
   btnText: {
-    type: String,
-    required: true
+    type: [String, Number, Boolean],
+    default: ''
   },
   /**
    * 按钮类型 同ElButton类型，默认为primary

package/src/components/UseElCheckbox/props.ts

@@ -1,3 +1,5 @@
+import type { PropType } from 'vue'
+
 /**
  * 组件props
  */
@@ -6,16 +8,16 @@ export default {
    * 双向绑定数据源
    */
   modelValue: {
-    type: [Array, String],
+    type: [Array, String, Number, Boolean],
     default: () => []
   },
   /**
-   * 选项数据源
+   * 选项数据源 如不传则默认为单个复选框
    */
   data: {
-    type: Array,
-    required: true
-  } as any,
+    type: Array as PropType<Record<string, any>[] | string[] | number[]>,
+    default: undefined
+  },
   /**
    * 选项默认配置
    */

package/src/components/UseElCheckbox/types.ts

@@ -11,5 +11,8 @@ export type Props = ExtractPropTypes<typeof componentProps>
  */
 export type Emits = {
   /** 更新value值 */
-  (e: 'update:modelValue', value: string | number | (string | number)[]): void
+  (
+    e: 'update:modelValue',
+    value: string | number | boolean | (string | number)[]
+  ): void
 }

package/src/components/UseLineTitle/defaultExtConfig.ts

@@ -17,7 +17,7 @@ export default {
   line: {
     width: '4px', //作用于position为left和bottom
     height: '2px', //作用于position为between
-    color: 'var(--theme-color)',
+    color: 'var(--theme-color,var(--el-color-primary))',
     position: 'left',
     verticalPadding: '0px'
   },