@haklex/rich-ext-gallery 0.0.1

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/README.md

@@ -0,0 +1,47 @@
+# @haklex/rich-ext-gallery
+
+图片画廊扩展。
+
+## 安装
+
+```bash
+pnpm add @haklex/rich-ext-gallery @haklex/rich-editor
+```
+
+## 导出
+
+```ts
+// 节点
+export { GalleryNode } from './GalleryNode'
+export { $createGalleryNode, $isGalleryNode } from './GalleryNode'
+export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode'
+
+// 渲染器
+export { GalleryRenderer } from './GalleryRenderer'
+export { GalleryEditRenderer } from './GalleryEditRenderer'
+
+// 节点集合
+export const galleryNodes: Array<Klass<LexicalNode>>
+```
+
+## 使用
+
+```tsx
+import { GalleryRenderer, galleryNodes } from '@haklex/rich-ext-gallery'
+import { RichRenderer } from '@haklex/rich-editor/renderer'
+import type { RendererConfig } from '@haklex/rich-editor'
+
+const config: RendererConfig = {
+  Gallery: GalleryRenderer,
+}
+
+<RichRenderer 
+  value={content} 
+  rendererConfig={config}
+  extraNodes={[...galleryNodes]}
+/>
+```
+
+## License
+
+MIT

package/dist/GalleryEditRenderer.d.ts

@@ -0,0 +1,4 @@
+import { GalleryRendererProps } from '@haklex/rich-editor';
+import { FC } from 'react';
+export declare const GalleryEditRenderer: FC<GalleryRendererProps>;
+//# sourceMappingURL=GalleryEditRenderer.d.ts.map

package/dist/GalleryEditRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryEditRenderer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAY7E,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAmV9C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAmExD,CAAA"}

package/dist/GalleryNode.d.ts

@@ -0,0 +1,32 @@
+import { GalleryImage, SlashMenuItemConfig } from '@haklex/rich-editor';
+import { EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread, DecoratorNode } from 'lexical';
+import { ReactElement } from 'react';
+export type SerializedGalleryNode = Spread<{
+    images: GalleryImage[];
+    layout?: 'grid' | 'masonry' | 'carousel';
+}, SerializedLexicalNode>;
+export interface GalleryNodePayload {
+    images: GalleryImage[];
+    layout?: 'grid' | 'masonry' | 'carousel';
+}
+export declare class GalleryNode extends DecoratorNode<ReactElement> {
+    __images: GalleryImage[];
+    __layout: 'grid' | 'masonry' | 'carousel';
+    static slashMenuItems: SlashMenuItemConfig[];
+    static getType(): string;
+    static clone(node: GalleryNode): GalleryNode;
+    constructor(payload: GalleryNodePayload, key?: NodeKey);
+    createDOM(_config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    isInline(): boolean;
+    static importJSON(serializedNode: SerializedGalleryNode): GalleryNode;
+    exportJSON(): SerializedGalleryNode;
+    getImages(): GalleryImage[];
+    setImages(images: GalleryImage[]): void;
+    getLayout(): 'grid' | 'masonry' | 'carousel';
+    setLayout(layout: 'grid' | 'masonry' | 'carousel'): void;
+    decorate(editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createGalleryNode(payload: GalleryNodePayload): GalleryNode;
+export declare function $isGalleryNode(node: LexicalNode | null | undefined): node is GalleryNode;
+//# sourceMappingURL=GalleryNode.d.ts.map

package/dist/GalleryNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryNode.d.ts","sourceRoot":"","sources":["../src/GalleryNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAA+B,aAAa,EAAE,MAAM,SAAS,CAAA;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC,EACD,qBAAqB,CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC;AAED,qBAAa,WAAY,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC1D,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAEzC,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAUhC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAMtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAOrE,UAAU,IAAI,qBAAqB;IAUnC,SAAS,IAAI,YAAY,EAAE;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;IAKvC,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,UAAU;IAI5C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI;IAKxD,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAuBrE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE3E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}

package/dist/GalleryRenderer.d.ts

@@ -0,0 +1,6 @@
+import { GalleryRendererProps } from '@haklex/rich-editor';
+import { ComponentType } from 'react';
+export declare const GalleryRenderer: ComponentType<GalleryRendererProps>;
+declare const _default: import('react').NamedExoticComponent<GalleryRendererProps>;
+export default _default;
+//# sourceMappingURL=GalleryRenderer.d.ts.map

package/dist/GalleryRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAA;AAEnD,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAA;AAyC1D,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,oBAAoB,CA2L/D,CAAA;;AAuBD,wBAAoC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { Klass, LexicalNode } from 'lexical';
+export { GalleryEditRenderer } from './GalleryEditRenderer';
+export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
+export { $createGalleryNode, $isGalleryNode, GalleryNode } from './GalleryNode';
+export { default, GalleryRenderer } from './GalleryRenderer';
+export declare const galleryNodes: Array<Klass<LexicalNode>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA"}