@xn-lib/component 0.1.13 → 0.1.15

package/dist/types/editable-text/index.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue';
+import EditableTextComponent from './index.vue';
+declare const EditableText: typeof EditableTextComponent & Plugin;
+export default EditableText;
+export type { EditableTextProps } from './props';

package/dist/types/editable-text/index.vue.d.ts

@@ -0,0 +1,129 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    display?: (props: typeof __VLS_1) => any;
+} & {
+    'edit-icon'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入";
+    };
+    readonly showEditIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly editIcon: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"text" | "textarea">;
+        readonly default: "text";
+    };
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly maxlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly textAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"small" | "default" | "large">;
+        readonly default: "default";
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    cancel: () => any;
+    edit: () => any;
+    confirm: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入";
+    };
+    readonly showEditIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly editIcon: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"text" | "textarea">;
+        readonly default: "text";
+    };
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly maxlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly textAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"small" | "default" | "large">;
+        readonly default: "default";
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+    onConfirm?: ((value: string) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly size: "small" | "default" | "large";
+    readonly type: "textarea" | "text";
+    readonly placeholder: string;
+    readonly maxlength: number;
+    readonly showWordLimit: boolean;
+    readonly rows: number;
+    readonly textAlign: "right" | "left" | "center";
+    readonly showEditIcon: boolean;
+    readonly editIcon: 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/editable-text/props.d.ts

@@ -0,0 +1,81 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export declare const editableTextProps: {
+    /**
+     * 文本内容（v-model）
+     */
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 是否禁用
+     */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 占位符
+     */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入";
+    };
+    /**
+     * 是否显示编辑图标
+     */
+    readonly showEditIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 自定义编辑图标
+     */
+    readonly editIcon: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 输入框类型
+     */
+    readonly type: {
+        readonly type: PropType<"text" | "textarea">;
+        readonly default: "text";
+    };
+    /**
+     * textarea 行数
+     */
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    /**
+     * 最大长度
+     */
+    readonly maxlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 是否显示字数统计
+     */
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 文本对齐方式
+     */
+    readonly textAlign: {
+        readonly type: PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+    /**
+     * 输入框大小
+     */
+    readonly size: {
+        readonly type: PropType<"small" | "default" | "large">;
+        readonly default: "default";
+    };
+};
+export type EditableTextProps = ExtractPropTypes<typeof editableTextProps>;

package/dist/types/ellipsis/index.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue';
+import EllipsisComponent from './index.vue';
+declare const Ellipsis: typeof EllipsisComponent & Plugin;
+export default Ellipsis;
+export type { EllipsisProps } from './props';

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

@@ -0,0 +1,76 @@
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly text: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly lineClamp: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly expandTrigger: {
+        readonly type: import("vue").PropType<"click" | "hover" | false>;
+        readonly default: false;
+    };
+    readonly tooltipContent: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly textAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly text: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly lineClamp: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly expandTrigger: {
+        readonly type: import("vue").PropType<"click" | "hover" | false>;
+        readonly default: false;
+    };
+    readonly tooltipContent: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly textAlign: {
+        readonly type: import("vue").PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+}>> & Readonly<{
+    onExpand?: ((expanded: boolean) => any) | undefined;
+}>, {
+    readonly text: string;
+    readonly expandTrigger: false | "hover" | "click";
+    readonly lineClamp: string | number;
+    readonly tooltip: boolean;
+    readonly tooltipContent: string;
+    readonly textAlign: "right" | "left" | "center";
+}, {}, {}, {}, 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/ellipsis/props.d.ts

@@ -0,0 +1,46 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export declare const ellipsisProps: {
+    /**
+     * 文本内容
+     */
+    readonly text: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 最大行数，超过则省略
+     */
+    readonly lineClamp: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    /**
+     * 是否显示 tooltip（当文本被省略时）
+     */
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 展开触发方式：'click' | 'hover' | false
+     */
+    readonly expandTrigger: {
+        readonly type: PropType<"click" | "hover" | false>;
+        readonly default: false;
+    };
+    /**
+     * 自定义 tooltip 内容
+     */
+    readonly tooltipContent: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 文本对齐方式
+     */
+    readonly textAlign: {
+        readonly type: PropType<"left" | "center" | "right">;
+        readonly default: "left";
+    };
+};
+export type EllipsisProps = ExtractPropTypes<typeof ellipsisProps>;

package/dist/types/index.d.ts

@@ -4,10 +4,14 @@ import XnCascader from './cascader/index';
 import XnTag from './tag/index';
 import XnTransfer from './transfer/index';
 import XnVirtualList from './virtual-list/index';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList };
+import XnEllipsis from './ellipsis/index';
+import XnEditableText from './editable-text/index';
+export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText };
 export declare const components: Record<string, Component>;
 export type { CascaderProps } from './cascader/props';
 export type { TagProps } from './tag/props';
+export type { EllipsisProps } from './ellipsis/props';
+export type { EditableTextProps } from './editable-text/props';
 export type { TransferOption, TransferEmits, TransferExpose } from './types/transfer';
 export type { VirtualListProps, VirtualListEmits, VirtualListInstance } from './types/virtual-list';
 export * from './types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@xn-lib/component",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",
@@ -43,8 +43,9 @@
   },
   "dependencies": {
     "vueuc": "0.4.65",
-    "@xn-lib/base": "^0.0.20",
-    "@xn-lib/core": "^0.0.20"
+    "@xn-lib/base": "^0.1.14",
+    "@xn-lib/core": "^0.1.14",
+    "@xn-lib/directives": "^0.1.14"
   },
   "peerDependencies": {
     "element-plus": ">=2.4.0",