@wyfex/ivue 0.13.0 → 0.14.0

package/dist/types/UseLineTitle/defaultExtConfig.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    margin: {
+        top: string;
+        bottom: string;
+    };
+    line: {
+        width: string;
+        height: string;
+        color: string;
+        position: "left";
+        verticalPadding: string;
+    };
+    borderBottom: {
+        show: false;
+        color: string;
+        paddingBottom: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,50 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    extConfig: import('./types').ExtConfig;
+    class: string;
+    fontSize: string;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { ExtConfig } from './types';
+declare const _default: {
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: PropType<ExtConfig>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseLineTitle/types.d.ts

@@ -0,0 +1,24 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Line {
+    width: string;
+    height: string;
+    color: string;
+    position: 'left' | 'bottom' | 'between';
+    verticalPadding: string;
+}
+export interface Margin {
+    top: string;
+    bottom: string;
+}
+export interface BorderBottom {
+    show: boolean;
+    color: string;
+    paddingBottom: string;
+}
+export interface ExtConfig {
+    line: Line;
+    margin: Margin;
+    borderBottom: BorderBottom;
+}

package/dist/types/index.d.ts

@@ -9,5 +9,6 @@ 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 UseLineTitle } from './UseLineTitle/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.13.0",
+  "version": "0.14.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

package/src/components/UseLineTitle/defaultExtConfig.ts

@@ -0,0 +1,32 @@
+import type { ExtConfig } from './types'
+
+/**
+ * 默认扩展配置
+ */
+export default {
+  /**
+   * 外边距配置项
+   */
+  margin: {
+    top: '0px',
+    bottom: '20px'
+  },
+  /**
+   * 线条配置项
+   */
+  line: {
+    width: '4px', //作用于position为left和bottom
+    height: '2px', //作用于position为between
+    color: 'var(--theme-color)',
+    position: 'left',
+    verticalPadding: '0px'
+  },
+  /**
+   * 底部border配置项
+   */
+  borderBottom: {
+    show: false,
+    color: 'var(--el-border-color-light)',
+    paddingBottom: '20px'
+  }
+} satisfies ExtConfig

package/src/components/UseLineTitle/props.ts

@@ -0,0 +1,43 @@
+import type { PropType } from 'vue'
+import type { ExtConfig } from './types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 标题名称 必传
+   */
+  title: {
+    type: String,
+    required: true
+  },
+  /**
+   * 字体大小
+   */
+  fontSize: {
+    type: String,
+    default: '18px'
+  },
+  /**
+   * 标题颜色
+   */
+  color: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 样式类名
+   */
+  class: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 扩展配置 如【外边距/线条/底部border】等
+   */
+  extConfig: {
+    type: Object as PropType<ExtConfig>,
+    default: () => ({})
+  }
+}

package/src/components/UseLineTitle/types.ts

@@ -0,0 +1,44 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * 线条接口
+ */
+export interface Line {
+  width: string
+  height: string
+  color: string
+  position: 'left' | 'bottom' | 'between'
+  verticalPadding: string
+}
+
+/**
+ * 外边距接口
+ */
+export interface Margin {
+  top: string
+  bottom: string
+}
+
+/**
+ * 底部border接口
+ */
+export interface BorderBottom {
+  show: boolean
+  color: string
+  paddingBottom: string
+}
+
+/**
+ * extConfig接口
+ */
+export interface ExtConfig {
+  line: Line
+  margin: Margin
+  borderBottom: BorderBottom
+}