@zyui/components 1.0.48 → 1.0.49

package/lib/src/components/NodesEditor/HtmlRender/FormatToolbar.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    containerRef: any;
+    bodyRef: any;
+    wrapperRef?: any;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    containerRef: any;
+    bodyRef: any;
+    wrapperRef?: any;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/components/NodesEditor/HtmlRender/index.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     renderHtml: () => void;
     getInnerHTML: () => any;
@@ -47,10 +51,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnUiReady?: ((...args: any[]) => any) | undefined;
 }>, {
     class: string;
+    enableFormatToolbar: boolean;
     pagesize: string;
     headerHtml: string;
     footerHtml: string;

package/lib/src/components/NodesEditor/NodesUIProvider.vue.d.ts

@@ -26,6 +26,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     setSelectedNodes: (values: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -56,6 +60,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnSelectedNodes?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedNodes"?: ((...args: any[]) => any) | undefined;
@@ -64,6 +72,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selectable: boolean;
     selectedNodes: unknown[];
     editorId: string;
+    enableFormatToolbar: boolean;
     htmlRenderRef: any;
     nodesGroups: unknown[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/lib/src/components/NodesEditor/contextUI.d.ts

@@ -37,6 +37,8 @@ export type NodesUIContext = {
     isFocused: Ref<boolean>;
     /** 是否可选择 */
     selectable?: Ref<boolean>;
+    /** 是否启用格式工具栏 */
+    enableFormatToolbar?: Ref<boolean>;
 };
 export declare const nodesUIKey: unique symbol;
 export declare const useNodesUIContext: () => NodesUIContext;

package/lib/src/components/NodesEditor/hooks/useFormatToolbar.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+
+export interface FormatToolbarState {
+    toolbarVisible: Ref<boolean>;
+    toolbarPosition: Ref<{
+        top: string;
+        left: string;
+    }>;
+    currentFontSize: Ref<string>;
+    currentTextAlign: Ref<string>;
+    currentLineHeight: Ref<string>;
+    currentLetterSpacing: Ref<string>;
+    applyFontSize: (size: string) => void;
+    applyTextAlign: (align: 'left' | 'center' | 'right') => void;
+    applyLineHeight: (value: string) => void;
+    applyLetterSpacing: (value: string) => void;
+    applyFontSizeCustom: (size: string) => void;
+    applyLineHeightCustom: (value: string) => void;
+    applyLetterSpacingCustom: (value: string) => void;
+    closeToolbar: () => void;
+    isUpdatingModelValue: boolean;
+    destroy: () => void;
+}
+/**
+ * 格式工具栏 hook
+ * 管理选区跟踪、工具栏定位、样式应用逻辑
+ */
+export declare function useFormatToolbar(containerRef: any, bodyRef: any, wrapperRef?: any): FormatToolbarState;
+/**
+ * 返回一个空的对象，当 enableFormatToolbar 为 false 时使用
+ */
+export declare function getEmptyFormatToolbar(): FormatToolbarState;

package/lib/src/components/NodesEditor/index.vue.d.ts

@@ -88,6 +88,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: ArrayConstructor;
         default: () => never[];
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     formRef: {
         validate: () => any;
@@ -187,6 +191,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: ArrayConstructor;
         default: () => never[];
     };
+    enableFormatToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnSelectedNodes?: ((...args: any[]) => any) | undefined;
@@ -201,6 +209,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     formData: Record<string, any>;
     renderType: RenderType;
     disabledNodes: unknown[];
+    enableFormatToolbar: boolean;
     inputTypes: unknown[];
     nodesGroups: unknown[];
     dynamicNodes: unknown[];

package/lib/src/components/ProEditor/plugins/firstlineindent.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zyui/components",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -46,8 +46,8 @@
     "vue-hooks-plus": "^2.2.1",
     "xmldom": "^0.6.0",
     "xpath": "^0.0.34",
-    "@zyui/utils": "0.0.9",
-    "@zyui/hooks": "0.0.5"
+    "@zyui/hooks": "0.0.5",
+    "@zyui/utils": "0.0.9"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12"