@wyfex/ivue 0.2.0 → 0.4.0

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

@@ -0,0 +1,65 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    language: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    themeMode: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    tableExtraHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    uploadConfig: {
+        type: import('vue').PropType<import('../../types').UploadConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    language: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    themeMode: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    tableExtraHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    uploadConfig: {
+        type: import('vue').PropType<import('../../types').UploadConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    extConfig: import('./types').ExtConfig;
+    language: string;
+    themeMode: string;
+    tableExtraHeight: number;
+    uploadConfig: import('../../types').UploadConfig;
+}, {}, {}, {}, 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/UseElConfigProvider/props.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { UploadConfig } from '../../../types';
+import { ExtConfig } from './types';
+declare const _default: {
+    language: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    themeMode: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    tableExtraHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    uploadConfig: {
+        type: PropType<UploadConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: PropType<ExtConfig>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseElConfigProvider/types.d.ts

@@ -0,0 +1,14 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+import { DictProps } from '../../../types';
+import { LogType } from '../../../hooks/useLog';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Debug {
+    open: boolean;
+    type: LogType;
+    toJson: boolean;
+}
+export interface ExtConfig {
+    dictProps: DictProps;
+    debug: Debug;
+}

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

@@ -0,0 +1,11 @@
+import { ConfigColumn, Emits, Props } from './types';
+import { GlobalConfig, RenderConfig } from '../../../types';
+export declare const useElDescriptions: ({ props, emits, globalConfig }: {
+    props: Props;
+    emits: Emits;
+    globalConfig: GlobalConfig;
+}) => {
+    processRenderContent: (item: ConfigColumn) => any;
+    processRenderStyle: (renderConfig: RenderConfig | boolean, item: ConfigColumn) => any;
+    processPlaceholder: (item: ConfigColumn) => string;
+};

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

@@ -0,0 +1,114 @@
+import { RenderConfig } from '../../../types';
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    configs: {
+        type: import('vue').PropType<import('./types').ConfigColumn[]>;
+        required: boolean;
+    };
+    formModel: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: boolean;
+    };
+    useRender: {
+        type: import('vue').PropType<boolean | RenderConfig>;
+        default: boolean;
+    };
+    dictMap: {
+        type: import('vue').PropType<import('../../../types').DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../../types').DictProps>;
+        default: () => {};
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    useTitleCenterWithBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onDictKeys: (value?: string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    configs: {
+        type: import('vue').PropType<import('./types').ConfigColumn[]>;
+        required: boolean;
+    };
+    formModel: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: boolean;
+    };
+    useRender: {
+        type: import('vue').PropType<boolean | RenderConfig>;
+        default: boolean;
+    };
+    dictMap: {
+        type: import('vue').PropType<import('../../../types').DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../../types').DictProps>;
+        default: () => {};
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    useTitleCenterWithBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onOnDictKeys?: ((value?: string[] | undefined) => any) | undefined;
+}>, {
+    useRender: boolean | RenderConfig;
+    dictMap: import('../../../types').DictMap;
+    dictProps: import('../../../types').DictProps;
+    column: number;
+    border: boolean;
+    labelWidth: string | number;
+    useTitleCenterWithBg: boolean;
+    labelClass: string;
+    defaultClass: string;
+}, {}, {}, {}, 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/UseElDescriptions/props.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { ConfigColumn } from './types';
+import { DictMap, DictProps, RenderConfig } from '../../../types';
+declare const _default: {
+    configs: {
+        type: PropType<ConfigColumn[]>;
+        required: boolean;
+    };
+    formModel: {
+        type: PropType<Record<string, any>>;
+        required: boolean;
+    };
+    useRender: {
+        type: PropType<boolean | RenderConfig>;
+        default: boolean;
+    };
+    dictMap: {
+        type: PropType<DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: PropType<DictProps>;
+        default: () => {};
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    useTitleCenterWithBg: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultClass: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export default _default;

package/dist/types/UseElDescriptions/types.d.ts

@@ -0,0 +1,21 @@
+import { Component, ExtractPropTypes } from 'vue';
+import { EditAttrs, RenderConfig, UseDict } from '../../../types';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Emits {
+    (e: 'onDictKeys', value?: string[]): void;
+}
+export interface ComponentConfig {
+    is: Component;
+    attrs?: EditAttrs;
+}
+export interface ConfigColumn {
+    label: string;
+    prop: string;
+    span?: number;
+    useDict?: boolean | string | UseDict;
+    defaultClass?: string;
+    slot?: boolean | string;
+    componentConfig?: ComponentConfig;
+    renderConfig?: RenderConfig;
+}

package/dist/types/index.d.ts

@@ -1,2 +1,4 @@
 export { default as UseElButton } from './UseElButton/index.vue';
+export { default as UseElConfigProvider } from './UseElConfigProvider/index.vue';
+export { default as UseElDescriptions } from './UseElDescriptions/index.vue';
 export { default as UseRender } from './UseRender/index.vue';

package/dist/useLog-DrLGlf1g.js

@@ -0,0 +1 @@
+var e={primary:`color:#1677ff;font-weight:bold;`,success:`color:#52c41a;font-weight:bold;`,warn:`color:#fa8c14;font-weight:bold;`,error:`color:#f5222d;font-weight:bold;`,block:`color:#4e5969;font-weight:bold;`,json:`color:#20b2aa;font-weight:bold;`},t={primary:`🔧`,success:`✅`,warn:`⚠️`,error:`❌`,block:`📦`,json:`📄`},n=`background:#000; padding:10px 8px;`,r=r=>{let i=(i,a,o,s)=>{let c=`${t[i]} [${r}]`;if(!s||o===void 0){console.log(`%c${c}%c ${a}`,e[i],``,o);return}let l=JSON.stringify(o,null,2);console.log(`%c${c}%c ${a}\n%c${l}`,e[i],``,n)};return{primary:(e,t,n)=>i(`primary`,e,t,n),success:(e,t,n)=>i(`success`,e,t,n),warn:(e,t,n)=>i(`warn`,e,t,n),error:(e,t,n)=>i(`error`,e,t,n),block:(i,a,o)=>{console.log(`%c- - - - - - - - - - - - - - - - - - - - - - -`,`color:#888`);let s=`${t.block} [${r}]`;if(!o||a===void 0)console.log(`%c${s}%c ${i}`,e.block,``,a);else{let t=JSON.stringify(a,null,2);console.log(`%c${s}%c ${i}\n%c${t}`,e.block,``,n)}console.log(`%c- - - - - - - - - - - - - - - - - - - - - - -`,`color:#888`)},json:(i,a)=>{let o=`${t.json} [${r}]`,s=JSON.stringify(a,null,2);console.log(`%c${o}%c ${i}\n%c${s}`,e.json,``,n)}}};export{r as useLog};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",
@@ -53,7 +53,7 @@
     "@types/node": "^25.9.2",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
-    "@wyfex/iutils": "file:D:/20260516/wyfex/wyfex-iutils/wyfex-iutils-0.20.0.tgz",
+    "@wyfex/iutils": "^0.30.0",
     "element-plus": "^2.14.1",
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
@@ -63,6 +63,6 @@
     "vite": "^8.0.16",
     "vite-svg-loader": "^5.1.1",
     "vue": "^3.5.35",
-    "vue-tsc": "^3.3.3"
+    "vue-tsc": "^3.3.4"
   }
 }

package/src/components/UseElButton/types.ts

@@ -21,7 +21,8 @@ export interface Emits {
  */
 export interface ExtConfig {
   /**
-   * 防抖配置项 仅作用于@debClick事件，无需防抖则设置delay为0或使用@click事件即可。
+   * 防抖配置项
+   * 仅作用于@debClick事件，无需防抖则设置delay为0或使用@click事件即可。
    */
   debounce?: {
     /**
@@ -39,7 +40,7 @@ export interface ExtConfig {
   confirm?: {
     /**
      * 二次确认数据 显式设置则开启二次确认
-     * 可为String、Number、Object、Array，无需传递数据则显式设置为null即可
+     * 可为String、Number、Object、Array，无需传递数据则显式设置为null。
      */
     data?: string | number | unknown
     /**

package/src/components/UseElConfigProvider/defaultExtConfig.ts

@@ -0,0 +1,9 @@
+import type { ExtConfig } from './types'
+
+/**
+ * 默认扩展配置
+ */
+export default {
+  dictProps: { value: 'value', label: 'label', children: 'children' },
+  debug: { open: false, type: 'primary', toJson: false }
+} satisfies ExtConfig

package/src/components/UseElConfigProvider/props.ts

@@ -0,0 +1,46 @@
+import type { PropType } from 'vue'
+import type { UploadConfig } from '@/types'
+import type { ExtConfig } from './types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 语言 默认zh，仅对ElementPlus组件有效
+   */
+  language: {
+    type: String,
+    default: 'zh',
+    validator: (val: string) => ['', 'zh', 'en'].includes(val)
+  },
+  /**
+   * 主题模式 默认light
+   */
+  themeMode: {
+    type: String,
+    default: 'light',
+    validator: (val: string) => ['light', 'dark', ''].includes(val)
+  },
+  /**
+   * 表格底部额外高度 默认20，此处配置同时作用于UseElTable和UseCrudTable组件
+   */
+  tableExtraHeight: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * 上传配置 此处配置仅作用于UseElUpload组件
+   */
+  uploadConfig: {
+    type: Object as PropType<UploadConfig>,
+    default: () => ({})
+  },
+  /**
+   * 扩展配置 如【字典属性、调试】等
+   */
+  extConfig: {
+    type: Object as PropType<ExtConfig>,
+    default: () => ({})
+  }
+}

package/src/components/UseElConfigProvider/types.ts

@@ -0,0 +1,41 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+import type { DictProps } from '@/types'
+import type { LogType } from '@/hooks/useLog'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * 调试接口
+ */
+export interface Debug {
+  /**
+   * 是否开启调试
+   */
+  open: boolean
+  /**
+   * 调试日志类型
+   */
+  type: LogType
+  /**
+   * 是否JSON格式化打印
+   */
+  toJson: boolean
+}
+
+/**
+ * extConfig接口
+ */
+export interface ExtConfig {
+  /**
+   * 字典属性配置项
+   */
+  dictProps: DictProps
+  /**
+   * 调试配置项
+   */
+  debug: Debug
+}

package/src/components/UseElDescriptions/props.ts

@@ -0,0 +1,87 @@
+import type { PropType } from 'vue'
+import type { ConfigColumn } from './types'
+import type { DictMap, DictProps } from '@/types'
+import type { RenderConfig } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 配置项 必传
+   */
+  configs: {
+    type: Array as PropType<ConfigColumn[]>,
+    required: true
+  },
+  /**
+   * 表单模型 必传
+   */
+  formModel: {
+    type: Object as PropType<Record<string, any>>,
+    required: true
+  },
+  /**
+   * 是否使用渲染器 默认否
+   */
+  useRender: {
+    type: [Boolean, Object] as PropType<boolean | RenderConfig>,
+    default: false
+  },
+  /**
+   * 字典映射 数据结构为{ configs[][label | useDict | useDict.data]: Array<{ label: string, value: any }> }
+   */
+  dictMap: {
+    type: Object as PropType<DictMap>,
+    default: () => ({})
+  },
+  /**
+   * 字典属性 默认为{ value: 'value', label: 'label', children: 'children' }，可通过全局配置进行设置，为适配全局配置此处不再设置默认值
+   */
+  dictProps: {
+    type: Object as PropType<DictProps>,
+    default: () => ({})
+  },
+  /**
+   * 一行 Descriptions Item 的数量 默认2
+   */
+  column: {
+    type: Number,
+    default: 2
+  },
+  /**
+   * 是否带有边框 默认是
+   */
+  border: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 每一列的标签宽度
+   */
+  labelWidth: {
+    type: [String, Number],
+    default: '25%'
+  },
+  /**
+   * 是否让标题居中并且header具有背景色 默认否
+   */
+  useTitleCenterWithBg: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 标签包裹类名
+   */
+  labelClass: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 默认内容包裹类名
+   */
+  defaultClass: {
+    type: String,
+    default: ''
+  }
+}

package/src/components/UseElDescriptions/types.ts

@@ -0,0 +1,38 @@
+import type { Component, ExtractPropTypes } from 'vue'
+import type { EditAttrs, RenderConfig, UseDict } from '@/types'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * emits接口
+ */
+export interface Emits {
+  // dictKeys事件
+  (e: 'onDictKeys', value?: string[]): void
+}
+
+/**
+ * 组件配置接口
+ */
+export interface ComponentConfig {
+  is: Component
+  attrs?: EditAttrs
+}
+
+/**
+ * 配置列接口
+ */
+export interface ConfigColumn {
+  label: string
+  prop: string
+  span?: number
+  useDict?: boolean | string | UseDict
+  defaultClass?: string
+  slot?: boolean | string
+  componentConfig?: ComponentConfig
+  renderConfig?: RenderConfig
+}