@haklex/rich-ext-gallery 0.0.80 → 0.0.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,2 @@
1
- :root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark .yectnr0,[data-theme=dark] .yectnr0,.dark.yectnr0,[data-theme=dark].yectnr0,.dark .yectnr1,[data-theme=dark] .yectnr1,.dark.yectnr1,[data-theme=dark].yectnr1,.dark .yectnr2,[data-theme=dark] .yectnr2,.dark.yectnr2,[data-theme=dark].yectnr2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}._10ydd1n0{position:relative;width:100%;margin:16px 0}._10ydd1n1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{display:inline-block;margin:0;cursor:pointer;transition:transform .2s ease}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{display:block;border-radius:4px}._10ydd1n6{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--rc-border);background:var(--rc-bg-secondary);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);z-index:10}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._10ydd1na{width:6px;height:6px;border-radius:50%;background:var(--rc-text-secondary);opacity:.5;backdrop-filter:blur(20px) saturate(180%);cursor:pointer;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{position:relative;width:100%;margin:16px 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);min-height:120px}._10ydd1nd{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._10ydd1nd:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._10ydd1ne{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);min-height:120px}._10ydd1ng._10ydd1ng{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,85vh);border-radius:.5rem}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._10ydd1ni{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._10ydd1nj{margin-left:auto;display:flex;align-items:center;gap:2px}._10ydd1nk{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nk:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;overflow-y:auto;padding:1rem}._10ydd1nm{display:flex;flex-direction:column;gap:.75rem}._10ydd1nn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--rc-text-secondary);cursor:grab;margin-top:4px;border-radius:4px;transition:background .15s,color .15s}._10ydd1no:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);display:flex;align-items:center;justify-content:center}._10ydd1np img{width:100%;height:100%;object-fit:cover}._10ydd1nq{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._10ydd1nr{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}._10ydd1ns{width:100%;padding:4px 8px;border-radius:4px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);font-size:var(--rc-font-size-sm);outline:none;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb,var(--rc-text) 30%,transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._10ydd1nt{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._10ydd1nu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nu:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._10ydd1nv{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;border-radius:.5rem;border:1px dashed var(--rc-border);background:transparent;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}._10ydd1nv:hover{border-color:color-mix(in srgb,var(--rc-text) 20%,transparent);color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1nw{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{display:flex;align-items:center;gap:.5rem}._10ydd1nz{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._10ydd1n10{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._10ydd1n10:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._10ydd1n11:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}._10ydd1n12{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);padding:2rem}@media(max-width:768px){._10ydd1n2{column-count:2}}@media(max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media(min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}
1
+ :root{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr0{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr1{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr2{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#a1a1aa;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark .yectnr0,[data-theme=dark] .yectnr0,.dark.yectnr0,[data-theme=dark].yectnr0,.dark .yectnr1,[data-theme=dark] .yectnr1,.dark.yectnr1,[data-theme=dark].yectnr1,.dark .yectnr2,[data-theme=dark] .yectnr2,.dark.yectnr2,[data-theme=dark].yectnr2{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}._10ydd1n0{width:100%;margin:16px 0;position:relative}._10ydd1n1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:auto}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{cursor:pointer;margin:0;transition:transform .2s;display:inline-block}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{border-radius:4px;display:block}._10ydd1n6{border:1px solid var(--rc-border);background:var(--rc-bg-secondary);width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}._10ydd1na{background:var(--rc-text-secondary);opacity:.5;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{border:1px solid var(--rc-border);border-radius:.5rem;width:100%;min-height:120px;margin:16px 0;position:relative;overflow:hidden}._10ydd1nd{z-index:5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._10ydd1nd:hover{background:color-mix(in srgb, currentColor 6%, transparent)}._10ydd1ne{background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);opacity:0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:opacity .2s;display:flex}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem;display:flex}._10ydd1ng._10ydd1ng{border-radius:.5rem;flex-direction:column;gap:0;width:calc(100vw - 2rem);height:min(720px,85vh);padding:0;display:flex;overflow:hidden}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{border-bottom:1px solid var(--rc-border);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;display:flex}._10ydd1ni{font-size:var(--rc-font-size-md);color:var(--rc-text);align-items:center;gap:.5rem;font-weight:600;line-height:1;display:flex}._10ydd1nj{align-items:center;gap:2px;margin-left:auto;display:flex}._10ydd1nk{width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:background .15s,color .15s;display:flex}._10ydd1nk:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;padding:1rem;overflow-y:auto}._10ydd1nm{flex-direction:column;gap:.75rem;display:flex}._10ydd1nn{border:1px solid var(--rc-border);background:color-mix(in srgb, var(--rc-text) 2%, transparent);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}._10ydd1no{width:24px;height:24px;color:var(--rc-text-secondary);cursor:grab;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;transition:background .15s,color .15s;display:flex}._10ydd1no:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{background-color:color-mix(in srgb, var(--rc-text) 5%, transparent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}._10ydd1np img{object-fit:cover;width:100%;height:100%}._10ydd1nq{color:color-mix(in srgb, var(--rc-text-secondary) 40%, transparent)}._10ydd1nr{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._10ydd1ns{border:1px solid var(--rc-border);background:var(--rc-bg);width:100%;color:var(--rc-text);font-size:var(--rc-font-size-sm);border-radius:4px;outline:none;padding:4px 8px;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb, var(--rc-text) 30%, transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb, var(--rc-text-secondary) 50%, transparent)}._10ydd1nt{flex-direction:column;flex-shrink:0;gap:2px;display:flex}._10ydd1nu{width:28px;height:28px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}._10ydd1nu:hover{background:color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);color:var(--rc-alert-caution)}._10ydd1nv{border:1px dashed var(--rc-border);width:100%;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:6px;padding:.625rem;transition:border-color .15s,color .15s,background .15s;display:flex}._10ydd1nv:hover{border-color:color-mix(in srgb, var(--rc-text) 20%, transparent);color:var(--rc-text);background:color-mix(in srgb, var(--rc-text) 2%, transparent)}._10ydd1nw{border-top:1px solid var(--rc-border);background-color:color-mix(in srgb, var(--rc-text) 1.5%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 1rem;display:flex}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{align-items:center;gap:.5rem;display:flex}._10ydd1nz{font-size:var(--rc-font-size-xs);cursor:pointer;border-radius:.375rem;height:28px;padding:.25rem .75rem;font-weight:500;transition:background-color .15s,border-color .15s}._10ydd1n10{color:var(--rc-text-secondary);border:1px solid var(--rc-border);background-color:#0000}._10ydd1n10:hover{background-color:color-mix(in srgb, var(--rc-text) 4%, transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid #0000}._10ydd1n11:hover{background-color:color-mix(in srgb, var(--rc-text) 85%, transparent)}._10ydd1n12{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}@media (max-width:768px){._10ydd1n2{column-count:2}}@media (max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media (min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}
2
+ /*$vite$:1*/
package/dist/static.mjs CHANGED
@@ -1,11 +1,5 @@
1
- import { G as GalleryNode } from "./GalleryNode-CV8DRu_G.js";
2
- import { $, B, a, C } from "./GalleryNode-CV8DRu_G.js";
3
- const galleryNodes = [GalleryNode];
4
- export {
5
- $ as $createGalleryNode,
6
- B as $isGalleryNode,
7
- GalleryNode,
8
- a as GalleryRenderer,
9
- C as default,
10
- galleryNodes
11
- };
1
+ import { a as GalleryRenderer, n as $isGalleryNode, o as GalleryRenderer_default, r as GalleryNode, t as $createGalleryNode } from "./GalleryNode-CXLSG7vE.js";
2
+ //#region src/static.ts
3
+ var galleryNodes = [GalleryNode];
4
+ //#endregion
5
+ export { $createGalleryNode, $isGalleryNode, GalleryNode, GalleryRenderer, GalleryRenderer_default as default, galleryNodes };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-ext-gallery",
3
- "version": "0.0.80",
3
+ "version": "0.0.82",
4
4
  "description": "Image gallery extension with drag-and-drop",
5
5
  "repository": {
6
6
  "type": "git",
@@ -30,9 +30,9 @@
30
30
  "@dnd-kit/utilities": "^3.2.2",
31
31
  "react-intersection-observer": "^10.0.3",
32
32
  "react-photo-view": "^1.2.7",
33
- "@haklex/rich-editor": "0.0.80",
34
- "@haklex/rich-style-token": "0.0.80",
35
- "@haklex/rich-editor-ui": "0.0.80"
33
+ "@haklex/rich-editor": "0.0.82",
34
+ "@haklex/rich-style-token": "0.0.82",
35
+ "@haklex/rich-editor-ui": "0.0.82"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/react": "^19.2.14",
@@ -1,349 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
- import { decodeThumbHash, createRendererDecoration } from "@haklex/rich-editor/renderers";
5
- import { DecoratorNode } from "lexical";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- import "react-photo-view/dist/react-photo-view.css";
8
- import { ChevronLeft, ChevronRight } from "lucide-react";
9
- import { memo, useMemo, useState, useRef, useEffect, useCallback } from "react";
10
- import { useInView } from "react-intersection-observer";
11
- import { PhotoView, PhotoProvider } from "react-photo-view";
12
- var gallery = "_10ydd1n0";
13
- var galleryGrid = "_10ydd1n1";
14
- var galleryMasonry = "_10ydd1n2";
15
- var galleryCarousel = "_10ydd1n3";
16
- var galleryContainer = "_10ydd1n4";
17
- var galleryItem = "_10ydd1n5";
18
- var galleryNav = "_10ydd1n6";
19
- var galleryNavPrev = "_10ydd1n7";
20
- var galleryNavNext = "_10ydd1n8";
21
- var galleryIndicators = "_10ydd1n9";
22
- var galleryIndicator = "_10ydd1na";
23
- var galleryIndicatorActive = "_10ydd1nb";
24
- var galleryEditContainer = "_10ydd1nc";
25
- var galleryEditOverlay = "_10ydd1nd";
26
- var galleryEditLabel = "_10ydd1ne";
27
- var galleryEmptyState = "_10ydd1nf";
28
- var galleryDialogPopup = "_10ydd1ng";
29
- var galleryDialogHeader = "_10ydd1nh";
30
- var galleryDialogTitle = "_10ydd1ni";
31
- var galleryHeaderActions = "_10ydd1nj";
32
- var galleryHeaderClose = "_10ydd1nk";
33
- var galleryDialogBody = "_10ydd1nl";
34
- var galleryImageList = "_10ydd1nm";
35
- var galleryImageCard = "_10ydd1nn";
36
- var galleryImageDragHandle = "_10ydd1no";
37
- var galleryImageThumb = "_10ydd1np";
38
- var galleryImageThumbPlaceholder = "_10ydd1nq";
39
- var galleryImageFields = "_10ydd1nr";
40
- var galleryImageInput = "_10ydd1ns";
41
- var galleryImageActions = "_10ydd1nt";
42
- var galleryImageDeleteBtn = "_10ydd1nu";
43
- var galleryAddBtn = "_10ydd1nv";
44
- var galleryDialogFooter = "_10ydd1nw";
45
- var galleryFooterInfo = "_10ydd1nx";
46
- var galleryFooterActions = "_10ydd1ny";
47
- var galleryFooterBtnCancel = "_10ydd1n10 _10ydd1nz";
48
- var galleryFooterBtnSave = "_10ydd1n11 _10ydd1nz";
49
- var galleryDialogEmpty = "_10ydd1n12";
50
- const IMAGE_CONTAINER_MARGIN_INSET = 60;
51
- const CHILD_GAP = 15;
52
- const AUTOPLAY_DURATION = 5e3;
53
- function throttle(func, wait) {
54
- let timeout = null;
55
- return ((...args) => {
56
- if (!timeout) {
57
- timeout = setTimeout(() => {
58
- func(...args);
59
- timeout = null;
60
- }, wait);
61
- }
62
- });
63
- }
64
- function clsx(...classes) {
65
- return classes.filter(Boolean).join(" ");
66
- }
67
- function useThumbhashStyle(image) {
68
- return useMemo(() => {
69
- if (!image.thumbhash) return;
70
- const url = decodeThumbHash(image.thumbhash);
71
- if (!url) return;
72
- return { backgroundImage: `url(${url})`, backgroundSize: "cover" };
73
- }, [image.thumbhash]);
74
- }
75
- const GalleryRenderer = ({ images, layout }) => {
76
- const [containerRef, setContainerRef] = useState(null);
77
- const [, setUpdated] = useState({});
78
- const memoedChildContainerWidthRef = useRef(0);
79
- useEffect(() => {
80
- if (!containerRef) return;
81
- const ob = new ResizeObserver(() => {
82
- setUpdated({});
83
- calChild(containerRef);
84
- });
85
- function calChild(containerRef2) {
86
- const $child = containerRef2.children.item(0);
87
- if ($child) {
88
- memoedChildContainerWidthRef.current = $child.clientWidth;
89
- }
90
- }
91
- calChild(containerRef);
92
- ob.observe(containerRef);
93
- return () => {
94
- ob.disconnect();
95
- };
96
- }, [containerRef]);
97
- const [currentIndex, setCurrentIndex] = useState(0);
98
- const handleOnScroll = useCallback(
99
- throttle((e) => {
100
- const $ = e.target;
101
- const index = Math.floor(
102
- ($.scrollLeft + IMAGE_CONTAINER_MARGIN_INSET + 15) / memoedChildContainerWidthRef.current
103
- );
104
- setCurrentIndex(index);
105
- }, 60),
106
- []
107
- );
108
- const handleScrollTo = useCallback(
109
- (i) => {
110
- if (!containerRef) return;
111
- containerRef.scrollTo({
112
- left: memoedChildContainerWidthRef.current * i,
113
- behavior: "smooth"
114
- });
115
- },
116
- [containerRef]
117
- );
118
- const autoplayTimerRef = useRef(null);
119
- const isForward = useRef(true);
120
- const autoplayRef = useRef(true);
121
- const handleCancelAutoplay = useCallback(() => {
122
- if (!autoplayRef.current) return;
123
- autoplayRef.current = false;
124
- if (autoplayTimerRef.current) {
125
- clearInterval(autoplayTimerRef.current);
126
- }
127
- }, []);
128
- const { ref } = useInView({
129
- initialInView: false,
130
- triggerOnce: images.length < 2,
131
- onChange(inView) {
132
- if (images.length < 2 || !autoplayRef.current) return;
133
- if (inView) {
134
- autoplayTimerRef.current = setInterval(() => {
135
- setCurrentIndex((prev) => {
136
- if (prev + 1 > images.length - 1 && isForward.current) {
137
- isForward.current = false;
138
- }
139
- if (prev - 1 < 0 && !isForward.current) {
140
- isForward.current = true;
141
- }
142
- const index = prev + (isForward.current ? 1 : -1);
143
- handleScrollTo(index);
144
- return index;
145
- });
146
- }, AUTOPLAY_DURATION);
147
- } else {
148
- if (autoplayTimerRef.current) {
149
- clearInterval(autoplayTimerRef.current);
150
- }
151
- }
152
- }
153
- });
154
- useEffect(
155
- () => () => {
156
- if (autoplayTimerRef.current) {
157
- clearInterval(autoplayTimerRef.current);
158
- }
159
- },
160
- []
161
- );
162
- if (images.length === 0) return null;
163
- const layoutClass = layout === "masonry" ? galleryMasonry : layout === "carousel" ? galleryCarousel : galleryGrid;
164
- if (images.length === 1 || layout === "grid" || layout === "masonry") {
165
- return /* @__PURE__ */ jsx(PhotoProvider, { children: /* @__PURE__ */ jsx("div", { className: clsx(gallery, layoutClass), children: images.map((image, index) => /* @__PURE__ */ jsx(GalleryFigure, { image }, index)) }) });
166
- }
167
- return /* @__PURE__ */ jsx(PhotoProvider, { children: /* @__PURE__ */ jsxs(
168
- "div",
169
- {
170
- className: clsx(gallery, galleryCarousel),
171
- ref,
172
- onTouchMove: handleCancelAutoplay,
173
- onWheel: handleCancelAutoplay,
174
- children: [
175
- /* @__PURE__ */ jsx(
176
- "div",
177
- {
178
- className: galleryContainer,
179
- ref: setContainerRef,
180
- onScroll: handleOnScroll,
181
- onTouchStart: handleCancelAutoplay,
182
- children: images.map((image, index) => /* @__PURE__ */ jsx(
183
- GalleryFigure,
184
- {
185
- image,
186
- style: {
187
- width: `calc(100% - ${IMAGE_CONTAINER_MARGIN_INSET}px)`,
188
- marginRight: `${CHILD_GAP}px`
189
- }
190
- },
191
- index
192
- ))
193
- }
194
- ),
195
- currentIndex > 0 && /* @__PURE__ */ jsx(
196
- "button",
197
- {
198
- className: clsx(galleryNav, galleryNavPrev),
199
- onClick: () => handleScrollTo(currentIndex - 1),
200
- children: /* @__PURE__ */ jsx(ChevronLeft, { size: 18 })
201
- }
202
- ),
203
- currentIndex < images.length - 1 && /* @__PURE__ */ jsx(
204
- "button",
205
- {
206
- className: clsx(galleryNav, galleryNavNext),
207
- onClick: () => handleScrollTo(currentIndex + 1),
208
- children: /* @__PURE__ */ jsx(ChevronRight, { size: 18 })
209
- }
210
- ),
211
- /* @__PURE__ */ jsx("div", { className: galleryIndicators, children: images.map((_, i) => /* @__PURE__ */ jsx(
212
- "div",
213
- {
214
- className: clsx(
215
- galleryIndicator,
216
- currentIndex === i && galleryIndicatorActive
217
- ),
218
- onClick: () => handleScrollTo(i)
219
- },
220
- i
221
- )) })
222
- ]
223
- }
224
- ) });
225
- };
226
- const GalleryFigure = memo(
227
- ({ image, style }) => {
228
- const thumbStyle = useThumbhashStyle(image);
229
- return /* @__PURE__ */ jsx(PhotoView, { src: image.src, children: /* @__PURE__ */ jsx("figure", { className: galleryItem, style: { ...thumbStyle, ...style }, children: /* @__PURE__ */ jsx(
230
- "img",
231
- {
232
- alt: image.alt || "",
233
- height: image.height,
234
- loading: "lazy",
235
- src: image.src,
236
- style: { maxWidth: "100%", height: "auto" },
237
- width: image.width
238
- }
239
- ) }) });
240
- }
241
- );
242
- const GalleryRenderer_default = memo(GalleryRenderer);
243
- class GalleryNode extends DecoratorNode {
244
- constructor(payload, key) {
245
- super(key);
246
- __publicField(this, "__images");
247
- __publicField(this, "__layout");
248
- this.__images = payload.images;
249
- this.__layout = payload.layout || "grid";
250
- }
251
- static getType() {
252
- return "gallery";
253
- }
254
- static clone(node) {
255
- return new GalleryNode(
256
- {
257
- images: node.__images.map((img) => ({ ...img })),
258
- layout: node.__layout
259
- },
260
- node.__key
261
- );
262
- }
263
- createDOM(_config) {
264
- const div = document.createElement("div");
265
- div.className = `rich-gallery rich-gallery-${this.__layout}`;
266
- return div;
267
- }
268
- updateDOM() {
269
- return false;
270
- }
271
- isInline() {
272
- return false;
273
- }
274
- static importJSON(serializedNode) {
275
- return $createGalleryNode({
276
- images: serializedNode.images,
277
- layout: serializedNode.layout
278
- });
279
- }
280
- exportJSON() {
281
- return {
282
- ...super.exportJSON(),
283
- type: "gallery",
284
- images: this.__images,
285
- layout: this.__layout,
286
- version: 1
287
- };
288
- }
289
- getImages() {
290
- return this.getLatest().__images;
291
- }
292
- setImages(images) {
293
- const writable = this.getWritable();
294
- writable.__images = images;
295
- }
296
- getLayout() {
297
- return this.getLatest().__layout;
298
- }
299
- setLayout(layout) {
300
- const writable = this.getWritable();
301
- writable.__layout = layout;
302
- }
303
- decorate(_editor, _config) {
304
- const props = {
305
- images: this.__images,
306
- layout: this.__layout
307
- };
308
- return createRendererDecoration("Gallery", GalleryRenderer, props);
309
- }
310
- }
311
- function $createGalleryNode(payload) {
312
- return new GalleryNode(payload);
313
- }
314
- function $isGalleryNode(node) {
315
- return node instanceof GalleryNode;
316
- }
317
- export {
318
- $createGalleryNode as $,
319
- galleryImageDeleteBtn as A,
320
- $isGalleryNode as B,
321
- GalleryRenderer_default as C,
322
- GalleryNode as G,
323
- GalleryRenderer as a,
324
- galleryEditContainer as b,
325
- galleryEmptyState as c,
326
- galleryEditOverlay as d,
327
- galleryEditLabel as e,
328
- galleryDialogHeader as f,
329
- galleryDialogPopup as g,
330
- galleryDialogTitle as h,
331
- galleryHeaderActions as i,
332
- galleryHeaderClose as j,
333
- galleryDialogBody as k,
334
- galleryDialogEmpty as l,
335
- galleryAddBtn as m,
336
- galleryImageList as n,
337
- galleryDialogFooter as o,
338
- galleryFooterInfo as p,
339
- galleryFooterActions as q,
340
- galleryFooterBtnCancel as r,
341
- galleryFooterBtnSave as s,
342
- galleryImageCard as t,
343
- galleryImageDragHandle as u,
344
- galleryImageThumb as v,
345
- galleryImageThumbPlaceholder as w,
346
- galleryImageFields as x,
347
- galleryImageInput as y,
348
- galleryImageActions as z
349
- };