@qxs-bns/components 0.0.89 → 0.0.91

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@qxs-bns/components",
   "type": "module",
-  "version": "0.0.89",
-  "description": "Vue 3 Component Library",
+  "version": "0.0.91",
+  "description": "QXS Business Components - Web Components (framework agnostic)",
   "license": "MIT",
-  "homepage": "https://qxs-bns.pages.dev/guide/components/overview.html",
+  "homepage": "https://qxs-bns.pages.dev/guide/components/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/trry-hub/qxs-bns.git"
@@ -13,52 +13,65 @@
     "url": "https://github.com/trry-hub/qxs-bns/issues"
   },
   "keywords": [
+    "web-components",
+    "lit",
     "vue",
-    "component",
-    "ui",
-    "vue3"
+    "react"
   ],
   "sideEffects": false,
   "main": "./lib/index.cjs",
   "module": "./es/index.mjs",
-  "files": [
-    "es",
-    "lib",
-    "theme-chalk",
-    "types"
-  ],
-  "peerDependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "element-plus": "^2.9.4",
-    "vue": "^3.5.12"
-  },
-  "peerDependenciesMeta": {
-    "@element-plus/icons-vue": {
-      "optional": true
-    },
-    "element-plus": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@amap/amap-jsapi-loader": "^1.0.1",
-    "@iconify/vue": "^5.0.0",
-    "@qxs-bns/directives": "0.0.19",
-    "@qxs-bns/hooks": "0.0.7",
-    "@qxs-bns/icons": "0.0.10",
-    "@qxs-bns/utils": "0.0.34",
-    "@vueuse/core": "^11.3.0",
-    "echarts": "^5.5.1",
-    "lodash-es": "^4.17.21",
-    "nanoid": "^5.1.5",
-    "tinymce": "^7.6.1"
-  },
   "types": "./types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.cjs"
+    },
+    "./core": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-subject.mjs",
+      "require": "./lib/entry-subject.cjs"
+    },
+    "./editor": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-editor.mjs",
+      "require": "./lib/entry-editor.cjs"
+    },
+    "./icon": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-icon.mjs",
+      "require": "./lib/entry-icon.cjs"
+    },
+    "./fixed-action-bar": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-fixed-action-bar.mjs",
+      "require": "./lib/entry-fixed-action-bar.cjs"
+    },
+    "./photo-crop-tool": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-photo-crop-tool.mjs",
+      "require": "./lib/entry-photo-crop-tool.cjs"
+    },
+    "./file-upload": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-file-upload.mjs",
+      "require": "./lib/entry-file-upload.cjs"
+    },
+    "./image-upload": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-image-upload.mjs",
+      "require": "./lib/entry-image-upload.cjs"
+    },
+    "./data-chart": {
+      "types": "./types/index.d.ts",
+      "import": "./es/entry-data-chart.mjs",
+      "require": "./lib/entry-data-chart.cjs"
+    },
+    "./all": {
+      "types": "./types/index.d.ts",
       "import": "./es/index.mjs",
-      "require": "./lib/index.cjs",
-      "types": "./types/index.d.ts"
+      "require": "./lib/index.cjs"
     },
     "./es/*": {
       "types": "./types/*.d.ts",
@@ -68,6 +81,46 @@
       "types": "./types/*.d.ts",
       "require": "./lib/*.cjs"
     },
-    "./theme-chalk/*": "./theme-chalk/*"
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "es",
+    "lib",
+    "types"
+  ],
+  "peerDependencies": {
+    "@tiptap/core": "^3.20.5",
+    "@tiptap/extension-blockquote": "^3.20.5",
+    "@tiptap/extension-bold": "^3.20.5",
+    "@tiptap/extension-bullet-list": "^3.20.5",
+    "@tiptap/extension-code": "^3.20.5",
+    "@tiptap/extension-document": "^3.20.5",
+    "@tiptap/extension-heading": "^3.20.5",
+    "@tiptap/extension-history": "^3.20.5",
+    "@tiptap/extension-horizontal-rule": "^3.20.5",
+    "@tiptap/extension-image": "^3.20.5",
+    "@tiptap/extension-italic": "^3.20.5",
+    "@tiptap/extension-link": "^3.20.5",
+    "@tiptap/extension-list-item": "^3.20.5",
+    "@tiptap/extension-ordered-list": "^3.20.5",
+    "@tiptap/extension-paragraph": "^3.20.5",
+    "@tiptap/extension-placeholder": "^3.20.5",
+    "@tiptap/extension-strike": "^3.20.5",
+    "@tiptap/extension-table": "^3.20.5",
+    "@tiptap/extension-table-cell": "^3.20.5",
+    "@tiptap/extension-table-header": "^3.20.5",
+    "@tiptap/extension-table-row": "^3.20.5",
+    "@tiptap/extension-text": "^3.20.5",
+    "@tiptap/extension-text-align": "^3.20.5",
+    "@tiptap/extension-underline": "^3.20.5"
+  },
+  "dependencies": {
+    "echarts": "^5.6.0",
+    "lit": "^3.3.2",
+    "marked": "^17.0.1",
+    "nanoid": "^5.1.5",
+    "sortablejs": "^1.15.7",
+    "turndown": "^7.2.1",
+    "turndown-plugin-gfm": "^1.0.2"
   }
 }

package/types/base/define.d.ts

@@ -0,0 +1 @@
+export declare function safeCustomElement(tagName: string): (target: any) => any;

package/types/base/uid.d.ts

@@ -0,0 +1 @@
+export declare function uid(): string;

package/types/data-chart.d.ts

@@ -0,0 +1,65 @@
+import type { EChartsOption } from 'echarts';
+import * as echarts from 'echarts';
+import { LitElement } from 'lit';
+type ShowTypeName = 'bar' | 'line' | 'pie' | 'table' | 'area' | 'funnel' | 'card' | 'radar' | 'scatter' | 'scatter-simple';
+type EChartRow = Record<string, string | number | null | undefined>;
+type EChartData = {
+    data: EChartRow[];
+    desc?: {
+        colDesc?: string[];
+        groupByDesc?: Array<{
+            groupByDesc?: string | null;
+            groupByValues?: string[] | null;
+            colDesc: string | null;
+            xAxis: boolean;
+        }>;
+        showDesc?: {
+            chartOptions?: string | null;
+            jsCodeSnippet?: string | null;
+            showType?: number | null;
+        };
+    };
+};
+export declare function mergeChartOptionsPatch<T>(baseOptions: T, patchText: string): T;
+export declare class QxsDataChart extends LitElement {
+    static styles: import("lit").CSSResult;
+    static geoJsonCache: Map<string, any>;
+    showTypeName: ShowTypeName;
+    subShowType: string;
+    modelName: string;
+    data: EChartData;
+    chartOptions: EChartsOption;
+    jsCodeSnippet: string;
+    lazyLoad: boolean;
+    geoJsonUrl: string;
+    private _renderError;
+    private _chartHost?;
+    private _chart;
+    private _resizeObserver;
+    private _intersectionObserver;
+    private _renderToken;
+    private _lazyReady;
+    get myChart(): echarts.ECharts | null;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _syncLazyObserver;
+    exportExal(): void;
+    getMyChart(): echarts.ECharts | null;
+    private _normalizeData;
+    private _buildCartesianSeries;
+    private _buildChartOptions;
+    private _buildAreaOptions;
+    private _ensureGeoJson;
+    private _syncVisualization;
+    private _renderTable;
+    private _renderCards;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qxs-data-chart': QxsDataChart;
+    }
+}
+export {};

package/types/editor/blocksuite-editor.d.ts

@@ -0,0 +1,191 @@
+import { LitElement } from 'lit';
+import type { EditorToolbarItem } from './toolbar';
+import type { ContentTransform, ImageUploadHandler, QxsBlocksuiteEditorContentFormat, QxsBlocksuiteEditorContentSnapshot, QxsBlocksuiteEditorHeaderToolbarLabels, QxsBlocksuiteEditorToolbarPreset, ToolbarMode, ToolbarPosition } from './types';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        taskList: {
+            toggleTaskList: () => ReturnType;
+        };
+    }
+}
+export declare class QxsBlocksuiteEditor extends LitElement {
+    static styles: import("lit").CSSResult;
+    content: string;
+    'model-value': string;
+    placeholder: string;
+    'toolbar-mode': ToolbarMode;
+    toolbar: string | EditorToolbarItem[];
+    'toolbar-preset': QxsBlocksuiteEditorToolbarPreset;
+    'header-toolbar-labels': string | QxsBlocksuiteEditorHeaderToolbarLabels;
+    'header-always-visible': boolean | string;
+    'use-model': boolean | string;
+    readonly: boolean | string;
+    preview: boolean | string;
+    editable: boolean | string | null;
+    'min-height': string;
+    'max-height': string;
+    'show-character-count': boolean | string;
+    'toolbar-position': ToolbarPosition;
+    'custom-styles': string;
+    'content-format': QxsBlocksuiteEditorContentFormat;
+    'deserialize-content': ContentTransform | null;
+    'serialize-content': ContentTransform | null;
+    private _injectedStyleEl;
+    private _injectCustomStyles;
+    private get _useModelValue();
+    private get _readonlyValue();
+    private get _previewValue();
+    private get _editableValue();
+    private get _isEditable();
+    private get _toolbarModeValue();
+    private get _headerAlwaysVisibleValue();
+    private get _toolbarPositionValue();
+    private get _toolbarPresetValue();
+    private get _contentFormatValue();
+    private get _showCharacterCountValue();
+    private get _resolvedMinHeight();
+    private get _resolvedMaxHeight();
+    private get _wrapperStyleValue();
+    private get _resolvedPlaceholder();
+    private get _toolbarItemsValue();
+    private _hasToolbarItem;
+    private get _headerToolbarLabelsValue();
+    private _getHeaderToolbarLabel;
+    private _renderToolbarButton;
+    private _transformIncomingContent;
+    private _transformOutgoingContent;
+    private _getEditorCharacterCount;
+    'upload-image': ImageUploadHandler;
+    private _editor;
+    private _pendingContent;
+    private _tableRows;
+    private _tableCols;
+    private _hoverRow;
+    private _hoverCol;
+    private _tableDropdownOpen;
+    private _tableCellToolbar;
+    private _imageToolbar;
+    private _linkEditor;
+    private _isEditorFocused;
+    private _selectedImage;
+    private _hasSlashCommand;
+    private _slashCommandRange;
+    private _slashInlineMarkState;
+    private _isComposingText;
+    private _isUpdating;
+    private _pendingImageInsertPos;
+    private _linkSelection;
+    private _preserveFocusOnInternalClick;
+    private _initEditor;
+    private _tableEdgeDetectionSetup;
+    private _toggleTaskItemChecked;
+    private _emitContentChange;
+    private _setupTableEdgeDetection;
+    private _handleWrapperFocusIn;
+    private _handleHeaderToolbarMouseDown;
+    private _handleWrapperMouseDown;
+    private _handleWrapperFocusOut;
+    private _isHeaderVisible;
+    private _getImageSelection;
+    private _getImageMaxWidth;
+    private _getImageNaturalWidth;
+    private _syncImageSelectionState;
+    private _clearSlashCommandText;
+    private _checkSlashCommand;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    getContent(): string;
+    getContentSnapshot(): QxsBlocksuiteEditorContentSnapshot;
+    forceUpdate(): void;
+    private _applyFormat;
+    private _getCurrentLineStart;
+    private _handleCompositionStart;
+    private _handleCompositionEnd;
+    private _getSlashCommandContext;
+    private _clearSlashInlineMarkState;
+    private _runInlineMarkAction;
+    private _syncSlashInlineMarkState;
+    private _shouldEndSlashInlineMarkAtCursor;
+    private _hasInlineMarkAtCursor;
+    private _restoreSlashInlineMarkIfNeeded;
+    private _setInlineMarkState;
+    private _applyInlineMarkToCurrentLine;
+    private _toggleToolbarInlineMark;
+    private _applySlashInlineMark;
+    private _applySlashLineBlock;
+    private _toggleBold;
+    private _toggleItalic;
+    private _toggleUnderline;
+    private _toggleStrike;
+    private _toggleCode;
+    private _setHeading;
+    private _setParagraph;
+    private _toggleBulletList;
+    private _toggleOrderedList;
+    private _toggleTaskList;
+    private _toggleBlockquote;
+    private _setTextAlign;
+    private _normalizeLinkUrl;
+    private _getLinkLabelFromRange;
+    private _getLinkTargetRange;
+    private _setLink;
+    private _closeLinkEditor;
+    private _handleLinkEditorInput;
+    private _applyLink;
+    private _removeLink;
+    private _handleLinkEditorKeydown;
+    private _insertTable;
+    private _handleImageUpload;
+    private _triggerImageUpload;
+    private _insertTableByClick;
+    private _showTableCellToolbar;
+    private _getTableCellRow;
+    private _getTableCellCol;
+    private _hideTableCellToolbar;
+    private _addTableRowAbove;
+    private _addTableRowBelow;
+    private _addTableColumnLeft;
+    private _addTableColumnRight;
+    private _deleteTableRow;
+    private _deleteTableColumn;
+    private _deleteTable;
+    private _showImageToolbar;
+    private _hideImageToolbar;
+    private _deleteImage;
+    private _insertImageAfter;
+    private _getSelectedImageNode;
+    private _insertImageAt;
+    private _updateSelectedImageAttributes;
+    private _setImageWidth;
+    private _handleImageWidthInput;
+    private _setImageAlignLeft;
+    private _setImageAlignCenter;
+    private _setImageAlignRight;
+    private _getTextLabel;
+    private _getAlignLabel;
+    private _renderImageControls;
+    private _joinToolbarGroups;
+    private _renderFormatToolbarGroup;
+    private _renderHeadingToolbarGroup;
+    private _renderAlignToolbarGroup;
+    private _renderCodeLinkImageToolbarGroup;
+    private _renderCodeToolbarButton;
+    private _renderLinkToolbarButton;
+    private _renderImageToolbarButton;
+    private _renderListToolbarGroup;
+    private _renderBlockquoteToolbarGroup;
+    private _renderTableToolbarGroup;
+    private _getToolbarMergeKey;
+    private _renderToolbarItemByKey;
+    private _renderTextToolbar;
+    private _updateBubbleMenuPosition;
+    render(): import("lit").TemplateResult<1>;
+    private _renderTableGrid;
+}
+export declare function register(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'qxs-blocksuite-editor': QxsBlocksuiteEditor;
+    }
+}

package/types/editor/content-format.d.ts

@@ -0,0 +1,4 @@
+import type { QxsBlocksuiteEditorContentFormat } from './types';
+export declare const EMPTY_EDITOR_HTML = "<p></p>";
+export declare function transformIncomingContentByFormat(value: string | null | undefined, format: QxsBlocksuiteEditorContentFormat): string;
+export declare function transformOutgoingContentByFormat(value: string, format: QxsBlocksuiteEditorContentFormat): string;

package/types/editor/index.d.ts

@@ -0,0 +1,4 @@
+import { QxsBlocksuiteEditor } from './blocksuite-editor';
+export { QxsBlocksuiteEditor };
+export * from './types';
+export declare function register(): void;

package/types/editor/toolbar.d.ts

@@ -0,0 +1,6 @@
+export declare const EDITOR_TOOLBAR_ITEMS: readonly ["format", "heading", "align", "code", "link", "image", "list", "blockquote", "table"];
+export type EditorToolbarItem = (typeof EDITOR_TOOLBAR_ITEMS)[number];
+export declare const DEFAULT_EDITOR_TOOLBAR: EditorToolbarItem[];
+export declare const SIMPLE_EDITOR_TOOLBAR: EditorToolbarItem[];
+export declare const SUB_TEXT_EDITOR_TOOLBAR: EditorToolbarItem[];
+export declare function parseEditorToolbarItems(value: string | readonly string[] | null | undefined): EditorToolbarItem[];

package/types/editor/types.d.ts

@@ -0,0 +1,42 @@
+import type { EditorToolbarItem } from './toolbar';
+export type ToolbarMode = 'slash' | 'header';
+export type ToolbarPosition = 'top' | 'bottom';
+export type ContentTransform = (value: string) => string;
+export type ImageUploadHandler = (file: File) => Promise<string>;
+export type QxsBlocksuiteEditorHeaderToolbarLabelKey = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'link' | 'image' | 'bulletList' | 'orderedList' | 'taskList' | 'blockquote' | 'table';
+export type QxsBlocksuiteEditorHeaderToolbarLabels = Partial<Record<QxsBlocksuiteEditorHeaderToolbarLabelKey, string>>;
+export type QxsBlocksuiteEditorToolbarPreset = 'full' | 'simple' | 'none';
+export type QxsBlocksuiteEditorContentFormat = 'html' | 'markdown' | 'custom';
+export interface QxsBlocksuiteEditorContentSnapshot {
+    value: string;
+    html: string;
+    text: string;
+    format: QxsBlocksuiteEditorContentFormat;
+}
+export interface QxsBlocksuiteEditorImageUploadErrorDetail {
+    file: File;
+    error: Error;
+}
+export interface QxsBlocksuiteEditorHostAttributes {
+    content?: string;
+    'model-value'?: string;
+    placeholder?: string;
+    'toolbar-mode'?: ToolbarMode;
+    toolbar?: string | EditorToolbarItem[];
+    'toolbar-preset'?: QxsBlocksuiteEditorToolbarPreset;
+    'header-toolbar-labels'?: string | QxsBlocksuiteEditorHeaderToolbarLabels;
+    'header-always-visible'?: boolean | 'true' | 'false';
+    'use-model'?: boolean | 'true' | 'false';
+    readonly?: boolean | 'true' | 'false';
+    preview?: boolean | 'true' | 'false';
+    editable?: boolean | 'true' | 'false';
+    'min-height'?: string;
+    'max-height'?: string;
+    'show-character-count'?: boolean | 'true' | 'false';
+    'toolbar-position'?: ToolbarPosition;
+    'custom-styles'?: string;
+    'content-format'?: QxsBlocksuiteEditorContentFormat;
+    'deserialize-content'?: ContentTransform;
+    'serialize-content'?: ContentTransform;
+    'upload-image'?: ImageUploadHandler;
+}

package/types/entry-data-chart.d.ts

@@ -0,0 +1 @@
+export { QxsDataChart } from './data-chart';

package/types/entry-editor.d.ts

@@ -0,0 +1,2 @@
+import './editor';
+export * from './editor';

package/types/entry-file-upload.d.ts

@@ -0,0 +1 @@
+export { QxsFileUpload } from './file-upload';

package/types/entry-fixed-action-bar.d.ts

@@ -0,0 +1 @@
+export { QxsFixedActionBar } from './fixed-action-bar';

package/types/entry-icon.d.ts

@@ -0,0 +1,2 @@
+import './icon';
+export { QxsIcon } from './icon';

package/types/entry-image-upload.d.ts

@@ -0,0 +1 @@
+export { QxsImageUpload } from './image-upload';

package/types/entry-photo-crop-tool.d.ts

@@ -0,0 +1 @@
+export { QxsPhotoCropTool } from './photo-crop-tool';

package/types/entry-subject.d.ts

@@ -0,0 +1,2 @@
+import './subject';
+export * from './subject';

package/types/file-upload.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+type UploadItem = {
+    name: string;
+    url?: string;
+    file?: File;
+};
+export declare class QxsFileUpload extends LitElement {
+    static styles: import("lit").CSSResult;
+    action: string;
+    headers?: Record<string, string>;
+    data?: Record<string, string | Blob>;
+    name: string;
+    size: number;
+    max: number;
+    accept: string;
+    files: UploadItem[];
+    notip: boolean;
+    ext: string[];
+    private _internalFiles;
+    private _isDragging;
+    private _message;
+    private _messageType;
+    private _input?;
+    private _pendingUploadCount;
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private get _exts();
+    private _syncFilesFromProps;
+    private _setMessage;
+    private _clearMessage;
+    private _validateFile;
+    private _dispatchUploadSuccess;
+    private _dispatchFilesChange;
+    private _handleSelectedFiles;
+    private _handleDrop;
+    private _handleDragOver;
+    private _handleDragLeave;
+    private _handleInputChange;
+    private _uploadFile;
+    private _handleRemove;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qxs-file-upload': QxsFileUpload;
+    }
+}
+export {};

package/types/fixed-action-bar.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+export declare class QxsFixedActionBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    padding: number;
+    className: string;
+    private _barHeight;
+    private _barLeft;
+    private _barWidth;
+    private _isBottom;
+    private _actionbar?;
+    private _actionbarObserver;
+    private _hostObserver;
+    private _resizeHandler;
+    private _scrollFrame;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _handleScroll;
+    private _initObservers;
+    private _getLayoutAnchor;
+    private _syncGeometry;
+    private _syncScrollState;
+    private _bottomPadding;
+    render(): import("lit").TemplateResult<1>;
+}

package/types/icon.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, nothing } from 'lit';
+export declare class QxsIcon extends LitElement {
+    icon: string;
+    flip: 'horizontal' | 'vertical' | 'both' | '';
+    rotate: number;
+    color: string;
+    size: string | number | undefined;
+    localIconPrefix: string;
+    fallback: string;
+    loading: string;
+    private _imageLoading;
+    private _imageError;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private _outputType;
+    private _iconName;
+    private _resetImageState;
+    private _formatSize;
+    private _transformStyle;
+    private _containerStyle;
+    private _glyphStyle;
+    private _imageStyle;
+    private _imageSource;
+    private _renderClassGlyph;
+    private _renderSvgSprite;
+    private _renderImage;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
+}
+export declare function register(): void;