[{"data":1,"prerenderedAt":1613},["ShallowReactive",2],{"navigation":3,"i-lucide:gitlab":522,"i-lucide:menu":527,"i-lucide:search":529,"i-lucide:chevron-down":531,"docs:\u002Fdocs\u002Fadmin\u002Fcropper":533,"docs-surround:\u002Fdocs\u002Fadmin\u002Fcropper":1587,"i-lucide:external-link":1592,"i-lucide:copy":1594,"i-lucide:arrow-left":1596,"i-lucide:arrow-right":1598,"i-lucide:hash":1600,"i-lucide:bug":1602,"i-lucide:wrench":1604,"i-lucide:terminal":1606,"i-vscode-icons:file-type-nuxt":1608,"i-vscode-icons:file-type-typescript":1611},[4],{"title":5,"path":6,"stem":7,"children":8,"page":18},"Docs","\u002Fdocs","docs",[9,173,190,383,497],{"title":10,"path":11,"stem":12,"children":13,"page":18},"Admin","\u002Fdocs\u002Fadmin","docs\u002Fadmin",[14,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168],{"title":15,"path":16,"stem":17,"new":18,"wrapperKind":19},"Alert Dialog","\u002Fdocs\u002Fadmin\u002Falert-dialog","docs\u002Fadmin\u002Falert-dialog",false,null,{"title":21,"path":22,"stem":23,"new":18,"wrapperKind":19},"Audio Player","\u002Fdocs\u002Fadmin\u002Faudio-player","docs\u002Fadmin\u002Faudio-player",{"title":25,"path":26,"stem":27,"new":18,"wrapperKind":19},"Avatar","\u002Fdocs\u002Fadmin\u002Favatar","docs\u002Fadmin\u002Favatar",{"title":29,"path":30,"stem":31,"new":18,"wrapperKind":19},"Badge","\u002Fdocs\u002Fadmin\u002Fbadge","docs\u002Fadmin\u002Fbadge",{"title":33,"path":34,"stem":35,"new":18,"wrapperKind":19},"Breadcrumb","\u002Fdocs\u002Fadmin\u002Fbreadcrumb","docs\u002Fadmin\u002Fbreadcrumb",{"title":37,"path":38,"stem":39,"new":18,"wrapperKind":19},"Button","\u002Fdocs\u002Fadmin\u002Fbutton","docs\u002Fadmin\u002Fbutton",{"title":41,"path":42,"stem":43,"new":18,"wrapperKind":19},"Checkbox","\u002Fdocs\u002Fadmin\u002Fcheckbox","docs\u002Fadmin\u002Fcheckbox",{"title":45,"path":46,"stem":47,"new":18,"wrapperKind":19},"Color Picker","\u002Fdocs\u002Fadmin\u002Fcolor-picker","docs\u002Fadmin\u002Fcolor-picker",{"title":49,"path":50,"stem":51,"new":18,"wrapperKind":19},"Cropper","\u002Fdocs\u002Fadmin\u002Fcropper","docs\u002Fadmin\u002Fcropper",{"title":53,"path":54,"stem":55,"new":18,"wrapperKind":19},"Date Picker","\u002Fdocs\u002Fadmin\u002Fdate-picker","docs\u002Fadmin\u002Fdate-picker",{"title":57,"path":58,"stem":59,"new":18,"wrapperKind":19},"Dialog","\u002Fdocs\u002Fadmin\u002Fdialog","docs\u002Fadmin\u002Fdialog",{"title":61,"path":62,"stem":63,"new":18,"wrapperKind":19},"Divider","\u002Fdocs\u002Fadmin\u002Fdivider","docs\u002Fadmin\u002Fdivider",{"title":65,"path":66,"stem":67,"new":18,"wrapperKind":19},"Dropdown Menu","\u002Fdocs\u002Fadmin\u002Fdropdown-menu","docs\u002Fadmin\u002Fdropdown-menu",{"title":69,"path":70,"stem":71,"new":18,"wrapperKind":19},"Field","\u002Fdocs\u002Fadmin\u002Ffield","docs\u002Fadmin\u002Ffield",{"title":73,"path":74,"stem":75,"new":18,"wrapperKind":19},"File Upload","\u002Fdocs\u002Fadmin\u002Ffile-upload","docs\u002Fadmin\u002Ffile-upload",{"title":77,"path":78,"stem":79,"new":18,"wrapperKind":19},"Image","\u002Fdocs\u002Fadmin\u002Fimage","docs\u002Fadmin\u002Fimage",{"title":81,"path":82,"stem":83,"new":18,"wrapperKind":19},"Image Upload","\u002Fdocs\u002Fadmin\u002Fimage-upload","docs\u002Fadmin\u002Fimage-upload",{"title":85,"path":86,"stem":87,"new":18,"wrapperKind":19},"Input","\u002Fdocs\u002Fadmin\u002Finput","docs\u002Fadmin\u002Finput",{"title":89,"path":90,"stem":91,"new":18,"wrapperKind":19},"Loading","\u002Fdocs\u002Fadmin\u002Floading","docs\u002Fadmin\u002Floading",{"title":93,"path":94,"stem":95,"new":18,"wrapperKind":19},"Notification","\u002Fdocs\u002Fadmin\u002Fnotification","docs\u002Fadmin\u002Fnotification",{"title":97,"path":98,"stem":99,"new":18,"wrapperKind":19},"Number Field","\u002Fdocs\u002Fadmin\u002Fnumber-field","docs\u002Fadmin\u002Fnumber-field",{"title":101,"path":102,"stem":103,"new":18,"wrapperKind":19},"Overlay","\u002Fdocs\u002Fadmin\u002Foverlay","docs\u002Fadmin\u002Foverlay",{"title":105,"path":106,"stem":107,"new":18,"wrapperKind":19},"Pagination","\u002Fdocs\u002Fadmin\u002Fpagination","docs\u002Fadmin\u002Fpagination",{"title":109,"path":110,"stem":111,"new":18,"wrapperKind":19},"Pdf Viewer","\u002Fdocs\u002Fadmin\u002Fpdf-viewer","docs\u002Fadmin\u002Fpdf-viewer",{"title":113,"path":114,"stem":115,"new":18,"wrapperKind":19},"Progress","\u002Fdocs\u002Fadmin\u002Fprogress","docs\u002Fadmin\u002Fprogress",{"title":117,"path":118,"stem":119,"new":18,"wrapperKind":19},"Radio Group","\u002Fdocs\u002Fadmin\u002Fradio-group","docs\u002Fadmin\u002Fradio-group",{"title":121,"path":122,"stem":123,"new":18,"wrapperKind":19},"Scroll Area","\u002Fdocs\u002Fadmin\u002Fscroll-area","docs\u002Fadmin\u002Fscroll-area",{"title":125,"path":126,"stem":127,"new":18,"wrapperKind":19},"Select","\u002Fdocs\u002Fadmin\u002Fselect","docs\u002Fadmin\u002Fselect",{"title":129,"path":130,"stem":131,"new":18,"wrapperKind":19},"Side Menu","\u002Fdocs\u002Fadmin\u002Fside-menu","docs\u002Fadmin\u002Fside-menu",{"title":133,"path":134,"stem":135,"new":18,"wrapperKind":19},"Stepper","\u002Fdocs\u002Fadmin\u002Fstepper","docs\u002Fadmin\u002Fstepper",{"title":137,"path":138,"stem":139,"new":18,"wrapperKind":19},"Switch","\u002Fdocs\u002Fadmin\u002Fswitch","docs\u002Fadmin\u002Fswitch",{"title":141,"path":142,"stem":143,"new":18,"wrapperKind":19},"Tabs","\u002Fdocs\u002Fadmin\u002Ftabs","docs\u002Fadmin\u002Ftabs",{"title":145,"path":146,"stem":147,"new":18,"wrapperKind":19},"Tag","\u002Fdocs\u002Fadmin\u002Ftag","docs\u002Fadmin\u002Ftag",{"title":149,"path":150,"stem":151,"new":18,"wrapperKind":19},"Textarea","\u002Fdocs\u002Fadmin\u002Ftextarea","docs\u002Fadmin\u002Ftextarea",{"title":153,"path":154,"stem":155,"new":18,"wrapperKind":19},"Timeline","\u002Fdocs\u002Fadmin\u002Ftimeline","docs\u002Fadmin\u002Ftimeline",{"title":157,"path":158,"stem":159,"new":18,"wrapperKind":19},"Tooltip","\u002Fdocs\u002Fadmin\u002Ftooltip","docs\u002Fadmin\u002Ftooltip",{"title":161,"path":162,"stem":163,"new":18,"wrapperKind":19},"Tree","\u002Fdocs\u002Fadmin\u002Ftree","docs\u002Fadmin\u002Ftree",{"title":165,"path":166,"stem":167,"new":18,"wrapperKind":19},"Video Player","\u002Fdocs\u002Fadmin\u002Fvideo-player","docs\u002Fadmin\u002Fvideo-player",{"title":169,"path":170,"stem":171,"new":18,"wrapperKind":172},"Vxe Table","\u002Fdocs\u002Fadmin\u002Fvxe-table","docs\u002Fadmin\u002Fvxe-table","vendor-headed",{"title":174,"path":175,"stem":176,"children":177,"page":18},"Ai","\u002Fdocs\u002Fai","docs\u002Fai",[178,182,186],{"title":179,"path":180,"stem":181,"new":18,"wrapperKind":19},"llms.txt","\u002Fdocs\u002Fai\u002Fllms-txt","docs\u002Fai\u002F1.llms-txt",{"title":183,"path":184,"stem":185,"new":18,"wrapperKind":19},"MCP","\u002Fdocs\u002Fai\u002Fmcp","docs\u002Fai\u002F2.mcp",{"title":187,"path":188,"stem":189,"new":18,"wrapperKind":19},"Agent skill","\u002Fdocs\u002Fai\u002Fskills","docs\u002Fai\u002F3.skills",{"title":191,"path":192,"stem":193,"children":194,"page":18},"Aio Editor","\u002Fdocs\u002Faio-editor","docs\u002Faio-editor",[195,199,203],{"title":196,"path":197,"stem":198,"new":18,"wrapperKind":19},"AIO 編輯器總覽","\u002Fdocs\u002Faio-editor\u002Foverview","docs\u002Faio-editor\u002F1.overview",{"title":200,"path":201,"stem":202,"new":18,"wrapperKind":19},"AioEditor","\u002Fdocs\u002Faio-editor\u002Feditor","docs\u002Faio-editor\u002F2.editor",{"title":204,"path":205,"stem":206,"children":207,"page":18},"Extensions","\u002Fdocs\u002Faio-editor\u002Fextensions","docs\u002Faio-editor\u002F3.extensions",[208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,335,339,343,347,351,355,359,363,367,371,375,379],{"title":209,"path":210,"stem":211,"new":18,"wrapperKind":19},"Extensions 總覽","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Foverview","docs\u002Faio-editor\u002F3.extensions\u002F1.overview",{"title":213,"path":214,"stem":215,"new":18,"wrapperKind":19},"Subscript","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fsubscript","docs\u002Faio-editor\u002F3.extensions\u002F10.subscript",{"title":217,"path":218,"stem":219,"new":18,"wrapperKind":19},"Superscript","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fsuperscript","docs\u002Faio-editor\u002F3.extensions\u002F11.superscript",{"title":221,"path":222,"stem":223,"new":18,"wrapperKind":19},"Document \u002F Text \u002F Gapcursor","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fschema-base","docs\u002Faio-editor\u002F3.extensions\u002F12.schema-base",{"title":225,"path":226,"stem":227,"new":18,"wrapperKind":19},"Paragraph","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fparagraph","docs\u002Faio-editor\u002F3.extensions\u002F13.paragraph",{"title":229,"path":230,"stem":231,"new":18,"wrapperKind":19},"Heading","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fheading","docs\u002Faio-editor\u002F3.extensions\u002F14.heading",{"title":233,"path":234,"stem":235,"new":18,"wrapperKind":19},"Blockquote","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fblockquote","docs\u002Faio-editor\u002F3.extensions\u002F15.blockquote",{"title":237,"path":238,"stem":239,"new":18,"wrapperKind":19},"HorizontalRule","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fhorizontal-rule","docs\u002Faio-editor\u002F3.extensions\u002F16.horizontal-rule",{"title":241,"path":242,"stem":243,"new":18,"wrapperKind":19},"HardBreak","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fhard-break","docs\u002Faio-editor\u002F3.extensions\u002F17.hard-break",{"title":245,"path":246,"stem":247,"new":18,"wrapperKind":19},"CodeBlock","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fcode-block","docs\u002Faio-editor\u002F3.extensions\u002F18.code-block",{"title":249,"path":250,"stem":251,"new":18,"wrapperKind":19},"BulletList","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fbullet-list","docs\u002Faio-editor\u002F3.extensions\u002F19.bullet-list",{"title":253,"path":254,"stem":255,"new":18,"wrapperKind":19},"Bold","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fbold","docs\u002Faio-editor\u002F3.extensions\u002F2.bold",{"title":257,"path":258,"stem":259,"new":18,"wrapperKind":19},"OrderedList","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fordered-list","docs\u002Faio-editor\u002F3.extensions\u002F20.ordered-list",{"title":261,"path":262,"stem":263,"new":18,"wrapperKind":19},"ListItem","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Flist-item","docs\u002Faio-editor\u002F3.extensions\u002F21.list-item",{"title":265,"path":266,"stem":267,"new":18,"wrapperKind":19},"TaskList","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ftask-list","docs\u002Faio-editor\u002F3.extensions\u002F22.task-list",{"title":269,"path":270,"stem":271,"new":18,"wrapperKind":19},"TaskItem","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ftask-item","docs\u002Faio-editor\u002F3.extensions\u002F23.task-item",{"title":273,"path":274,"stem":275,"new":18,"wrapperKind":19},"ListKeyMap","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Flist-keymap","docs\u002Faio-editor\u002F3.extensions\u002F24.list-keymap",{"title":277,"path":278,"stem":279,"new":18,"wrapperKind":19},"TextAlign","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ftext-align","docs\u002Faio-editor\u002F3.extensions\u002F25.text-align",{"title":281,"path":282,"stem":283,"new":18,"wrapperKind":19},"Indent","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Findent","docs\u002Faio-editor\u002F3.extensions\u002F26.indent",{"title":285,"path":286,"stem":287,"new":18,"wrapperKind":19},"LineHeight","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fline-height","docs\u002Faio-editor\u002F3.extensions\u002F27.line-height",{"title":289,"path":290,"stem":291,"new":18,"wrapperKind":19},"FontFamily","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ffont-family","docs\u002Faio-editor\u002F3.extensions\u002F28.font-family",{"title":293,"path":294,"stem":295,"new":18,"wrapperKind":19},"FontSize","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ffont-size","docs\u002Faio-editor\u002F3.extensions\u002F29.font-size",{"title":297,"path":298,"stem":299,"new":18,"wrapperKind":19},"Italic","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fitalic","docs\u002Faio-editor\u002F3.extensions\u002F3.italic",{"title":301,"path":302,"stem":303,"new":18,"wrapperKind":19},"UndoRedo","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fundo-redo","docs\u002Faio-editor\u002F3.extensions\u002F30.undo-redo",{"title":305,"path":306,"stem":307,"new":18,"wrapperKind":19},"Dropcursor","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fdropcursor","docs\u002Faio-editor\u002F3.extensions\u002F31.dropcursor",{"title":309,"path":310,"stem":311,"new":18,"wrapperKind":19},"Placeholder","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fplaceholder","docs\u002Faio-editor\u002F3.extensions\u002F32.placeholder",{"title":313,"path":314,"stem":315,"new":18,"wrapperKind":19},"CharacterCount","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fcharacter-count","docs\u002Faio-editor\u002F3.extensions\u002F33.character-count",{"title":317,"path":318,"stem":319,"new":18,"wrapperKind":19},"KeydownHandler","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fkeydown-handler","docs\u002Faio-editor\u002F3.extensions\u002F34.keydown-handler",{"title":321,"path":322,"stem":323,"new":18,"wrapperKind":19},"AutoJoiner","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fauto-joiner","docs\u002Faio-editor\u002F3.extensions\u002F35.auto-joiner",{"title":325,"path":326,"stem":327,"new":18,"wrapperKind":19},"CopyData","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fcopy-data","docs\u002Faio-editor\u002F3.extensions\u002F36.copy-data",{"title":329,"path":330,"stem":331,"new":18,"wrapperKind":19},"Link","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Flink","docs\u002Faio-editor\u002F3.extensions\u002F37.link",{"title":77,"path":333,"stem":334,"new":18,"wrapperKind":19},"\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fimage","docs\u002Faio-editor\u002F3.extensions\u002F38.image",{"title":336,"path":337,"stem":338,"new":18,"wrapperKind":19},"Video","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fvideo","docs\u002Faio-editor\u002F3.extensions\u002F39.video",{"title":340,"path":341,"stem":342,"new":18,"wrapperKind":19},"Strike","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fstrike","docs\u002Faio-editor\u002F3.extensions\u002F4.strike",{"title":344,"path":345,"stem":346,"new":18,"wrapperKind":19},"TableKit","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ftable-kit","docs\u002Faio-editor\u002F3.extensions\u002F40.table-kit",{"title":348,"path":349,"stem":350,"new":18,"wrapperKind":19},"Mention","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fmention","docs\u002Faio-editor\u002F3.extensions\u002F41.mention",{"title":352,"path":353,"stem":354,"new":18,"wrapperKind":19},"HashTag","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fhash-tag","docs\u002Faio-editor\u002F3.extensions\u002F42.hash-tag",{"title":356,"path":357,"stem":358,"new":18,"wrapperKind":19},"Bubble Menu","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fbubble-menu","docs\u002Faio-editor\u002F3.extensions\u002F43.bubble-menu",{"title":360,"path":361,"stem":362,"new":18,"wrapperKind":19},"Drag Handle","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fdrag-handle","docs\u002Faio-editor\u002F3.extensions\u002F44.drag-handle",{"title":364,"path":365,"stem":366,"new":18,"wrapperKind":19},"Underline","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Funderline","docs\u002Faio-editor\u002F3.extensions\u002F5.underline",{"title":368,"path":369,"stem":370,"new":18,"wrapperKind":19},"Code","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fcode","docs\u002Faio-editor\u002F3.extensions\u002F6.code",{"title":372,"path":373,"stem":374,"new":18,"wrapperKind":19},"TextStyle","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Ftext-style","docs\u002Faio-editor\u002F3.extensions\u002F7.text-style",{"title":376,"path":377,"stem":378,"new":18,"wrapperKind":19},"Color","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fcolor","docs\u002Faio-editor\u002F3.extensions\u002F8.color",{"title":380,"path":381,"stem":382,"new":18,"wrapperKind":19},"Highlight","\u002Fdocs\u002Faio-editor\u002Fextensions\u002Fhighlight","docs\u002Faio-editor\u002F3.extensions\u002F9.highlight",{"title":384,"path":385,"stem":386,"children":387,"page":18},"Editor","\u002Fdocs\u002Feditor","docs\u002Feditor",[388,392,396,412],{"title":389,"path":390,"stem":391,"new":18,"wrapperKind":19},"編輯器總覽","\u002Fdocs\u002Feditor\u002Foverview","docs\u002Feditor\u002F1.overview",{"title":393,"path":394,"stem":395,"new":18,"wrapperKind":19},"自訂指南","\u002Fdocs\u002Feditor\u002Fcustomization","docs\u002Feditor\u002F2.customization",{"title":397,"path":398,"stem":399,"children":400,"page":18},"Core","\u002Fdocs\u002Feditor\u002Fcore","docs\u002Feditor\u002F3.core",[401,404,408],{"title":384,"path":402,"stem":403,"new":18,"wrapperKind":19},"\u002Fdocs\u002Feditor\u002Fcore\u002Feditor","docs\u002Feditor\u002F3.core\u002F1.editor",{"title":405,"path":406,"stem":407,"new":18,"wrapperKind":19},"Rich Editor","\u002Fdocs\u002Feditor\u002Fcore\u002Frich-editor","docs\u002Feditor\u002F3.core\u002F2.rich-editor",{"title":409,"path":410,"stem":411,"new":18,"wrapperKind":19},"Editor Toolbar","\u002Fdocs\u002Feditor\u002Fcore\u002Ftoolbar","docs\u002Feditor\u002F3.core\u002F3.toolbar",{"title":413,"path":414,"stem":415,"children":416,"page":18},"Addons","\u002Fdocs\u002Feditor\u002Faddons","docs\u002Feditor\u002F4.addons",[417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493],{"title":418,"path":419,"stem":420,"new":18,"wrapperKind":19},"Editor Image","\u002Fdocs\u002Feditor\u002Faddons\u002Fimage","docs\u002Feditor\u002F4.addons\u002F1.image",{"title":422,"path":423,"stem":424,"new":18,"wrapperKind":19},"Editor Emoji Menu","\u002Fdocs\u002Feditor\u002Faddons\u002Femoji","docs\u002Feditor\u002F4.addons\u002F10.emoji",{"title":426,"path":427,"stem":428,"new":18,"wrapperKind":19},"Editor Suggestion Menu","\u002Fdocs\u002Feditor\u002Faddons\u002Fsuggestion","docs\u002Feditor\u002F4.addons\u002F11.suggestion",{"title":430,"path":431,"stem":432,"new":18,"wrapperKind":19},"Editor Link Bubble","\u002Fdocs\u002Feditor\u002Faddons\u002Flink-bubble","docs\u002Feditor\u002F4.addons\u002F12.link-bubble",{"title":434,"path":435,"stem":436,"new":18,"wrapperKind":19},"Editor List Trash","\u002Fdocs\u002Feditor\u002Faddons\u002Flist-trash","docs\u002Feditor\u002F4.addons\u002F13.list-trash",{"title":438,"path":439,"stem":440,"new":18,"wrapperKind":19},"Editor Drag Handle","\u002Fdocs\u002Feditor\u002Faddons\u002Fdrag-handle","docs\u002Feditor\u002F4.addons\u002F14.drag-handle",{"title":442,"path":443,"stem":444,"new":18,"wrapperKind":19},"Editor Table","\u002Fdocs\u002Feditor\u002Faddons\u002Ftable","docs\u002Feditor\u002F4.addons\u002F15.table",{"title":446,"path":447,"stem":448,"new":18,"wrapperKind":19},"Editor Superscript \u002F Subscript","\u002Fdocs\u002Feditor\u002Faddons\u002Fsuperscript-subscript","docs\u002Feditor\u002F4.addons\u002F16.superscript-subscript",{"title":450,"path":451,"stem":452,"new":18,"wrapperKind":19},"Editor Video","\u002Fdocs\u002Feditor\u002Faddons\u002Fvideo","docs\u002Feditor\u002F4.addons\u002F17.video",{"title":454,"path":455,"stem":456,"new":18,"wrapperKind":19},"Editor YouTube","\u002Fdocs\u002Feditor\u002Faddons\u002Fyoutube","docs\u002Feditor\u002F4.addons\u002F18.youtube",{"title":458,"path":459,"stem":460,"new":18,"wrapperKind":19},"Editor Font Size","\u002Fdocs\u002Feditor\u002Faddons\u002Ffont-size","docs\u002Feditor\u002F4.addons\u002F19.font-size",{"title":462,"path":463,"stem":464,"new":18,"wrapperKind":19},"Editor Markdown","\u002Fdocs\u002Feditor\u002Faddons\u002Fmarkdown","docs\u002Feditor\u002F4.addons\u002F2.markdown",{"title":466,"path":467,"stem":468,"new":18,"wrapperKind":19},"Editor Code Block","\u002Fdocs\u002Feditor\u002Faddons\u002Fcode-block","docs\u002Feditor\u002F4.addons\u002F20.code-block",{"title":470,"path":471,"stem":472,"new":18,"wrapperKind":19},"Editor Text Color","\u002Fdocs\u002Feditor\u002Faddons\u002Ftext-color","docs\u002Feditor\u002F4.addons\u002F3.text-color",{"title":474,"path":475,"stem":476,"new":18,"wrapperKind":19},"Editor Highlight","\u002Fdocs\u002Feditor\u002Faddons\u002Fhighlight","docs\u002Feditor\u002F4.addons\u002F4.highlight",{"title":478,"path":479,"stem":480,"new":18,"wrapperKind":19},"Editor TextAlign","\u002Fdocs\u002Feditor\u002Faddons\u002Ftext-align","docs\u002Feditor\u002F4.addons\u002F5.text-align",{"title":482,"path":483,"stem":484,"new":18,"wrapperKind":19},"Editor Placeholder","\u002Fdocs\u002Feditor\u002Faddons\u002Fplaceholder","docs\u002Feditor\u002F4.addons\u002F6.placeholder",{"title":486,"path":487,"stem":488,"new":18,"wrapperKind":19},"Editor TaskList","\u002Fdocs\u002Feditor\u002Faddons\u002Ftask-list","docs\u002Feditor\u002F4.addons\u002F7.task-list",{"title":490,"path":491,"stem":492,"new":18,"wrapperKind":19},"Editor Indent","\u002Fdocs\u002Feditor\u002Faddons\u002Findent","docs\u002Feditor\u002F4.addons\u002F8.indent",{"title":494,"path":495,"stem":496,"new":18,"wrapperKind":19},"Editor Mention Menu","\u002Fdocs\u002Feditor\u002Faddons\u002Fmention","docs\u002Feditor\u002F4.addons\u002F9.mention",{"title":498,"path":499,"stem":500,"children":501,"page":18},"Get Started","\u002Fdocs\u002Fget-started","docs\u002Fget-started",[502,506,510,514,518],{"title":503,"path":504,"stem":505,"new":18,"wrapperKind":19},"介紹","\u002Fdocs\u002Fget-started\u002Fintroduction","docs\u002Fget-started\u002F1.introduction",{"title":507,"path":508,"stem":509,"new":18,"wrapperKind":19},"安裝","\u002Fdocs\u002Fget-started\u002Finstallation","docs\u002Fget-started\u002F2.installation",{"title":511,"path":512,"stem":513,"new":18,"wrapperKind":19},"主題","\u002Fdocs\u002Fget-started\u002Ftheming","docs\u002Fget-started\u002F3.theming",{"title":515,"path":516,"stem":517,"new":18,"wrapperKind":19},"Type-safe","\u002Fdocs\u002Fget-started\u002Ftype-safe","docs\u002Fget-started\u002F4.type-safe",{"title":519,"path":520,"stem":521,"new":18,"wrapperKind":19},"Headed UI","\u002Fdocs\u002Fget-started\u002Fheaded-ui","docs\u002Fget-started\u002F5.headed-ui",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":525,"hidden":526},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m22 13.29l-3.33-10a.4.4 0 0 0-.14-.18a.38.38 0 0 0-.22-.11a.4.4 0 0 0-.23.07a.4.4 0 0 0-.14.18l-2.26 6.67H8.32L6.1 3.26a.4.4 0 0 0-.1-.18a.38.38 0 0 0-.26-.08a.4.4 0 0 0-.23.07a.4.4 0 0 0-.14.18L2 13.29a.74.74 0 0 0 .27.83L12 21l9.69-6.88a.71.71 0 0 0 .31-.83\"\u002F>",true,{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":528},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":530},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":532},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"id":534,"title":49,"body":535,"component":526,"description":1580,"extension":1581,"links":1582,"meta":1584,"navigation":526,"new":18,"path":50,"seo":1585,"stem":51,"wrapperKind":19,"__hash__":1586},"docs\u002Fdocs\u002Fadmin\u002Fcropper.md",{"type":536,"value":537,"toc":1556},"minimark",[538,541,575,667,686,692,795,800,963,966,970,973,978,981,985,988,991,1010,1013,1017,1039,1042,1046,1049,1313,1315,1319,1322,1325,1327,1330,1333,1337,1399,1402,1461,1465,1497,1502,1546,1549,1552],[539,540,507],"h2",{"id":507},[542,543,550],"pre",{"className":544,"code":545,"filename":546,"language":547,"meta":548,"style":549},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm dlx shadcn-vue add @admin\u002Fcropper\n","Terminal","bash","icon=i-lucide-terminal","",[551,552,553],"code",{"__ignoreMap":549},[554,555,558,562,566,569,572],"span",{"class":556,"line":557},"line",1,[554,559,561],{"class":560},"sBMFI","pnpm",[554,563,565],{"class":564},"sfazB"," dlx",[554,567,568],{"class":564}," shadcn-vue",[554,570,571],{"class":564}," add",[554,573,574],{"class":564}," @admin\u002Fcropper\n",[542,576,580],{"className":577,"code":578,"language":579,"meta":549,"style":549},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { CropResult } from '@\u002Fcomponents\u002Fadmin\u002Fcropper'\nimport {\n  AdminCropper,\n  AdminCropperPreview,\n  AdminCropperZoom,\n  useAdminCropperContext\n} from '@\u002Fcomponents\u002Fadmin\u002Fcropper'\n","ts",[551,581,582,614,622,631,639,647,653],{"__ignoreMap":549},[554,583,584,588,591,595,599,602,605,608,611],{"class":556,"line":557},[554,585,587],{"class":586},"s7zQu","import",[554,589,590],{"class":586}," type",[554,592,594],{"class":593},"sMK4o"," {",[554,596,598],{"class":597},"sTEyZ"," CropResult",[554,600,601],{"class":593}," }",[554,603,604],{"class":586}," from",[554,606,607],{"class":593}," '",[554,609,610],{"class":564},"@\u002Fcomponents\u002Fadmin\u002Fcropper",[554,612,613],{"class":593},"'\n",[554,615,617,619],{"class":556,"line":616},2,[554,618,587],{"class":586},[554,620,621],{"class":593}," {\n",[554,623,625,628],{"class":556,"line":624},3,[554,626,627],{"class":597},"  AdminCropper",[554,629,630],{"class":593},",\n",[554,632,634,637],{"class":556,"line":633},4,[554,635,636],{"class":597},"  AdminCropperPreview",[554,638,630],{"class":593},[554,640,642,645],{"class":556,"line":641},5,[554,643,644],{"class":597},"  AdminCropperZoom",[554,646,630],{"class":593},[554,648,650],{"class":556,"line":649},6,[554,651,652],{"class":597},"  useAdminCropperContext\n",[554,654,656,659,661,663,665],{"class":556,"line":655},7,[554,657,658],{"class":593},"}",[554,660,604],{"class":586},[554,662,607],{"class":593},[554,664,610],{"class":564},[554,666,613],{"class":593},[668,669,670,671,674,675,674,678,681,682,685],"p",{},"cropperjs v2 是一組 web components（",[551,672,673],{},"\u003Ccropper-canvas>"," \u002F ",[551,676,677],{},"\u003Ccropper-image>",[551,679,680],{},"\u003Ccropper-selection>"," …），需要告訴 Vue 編譯器把它們當成 native custom element，否則 dev console 會出現 ",[551,683,684],{},"[Vue warn]: Failed to resolve component: cropper-*"," 警告。視專案類型把下列設定加進去：",[668,687,688],{},[689,690,691],"strong",{},"Nuxt 3 \u002F 4",[542,693,696],{"className":577,"code":694,"filename":695,"language":579,"meta":549,"style":549},"export default defineNuxtConfig({\n  vue: {\n    compilerOptions: {\n      isCustomElement: (tag) => tag.startsWith('cropper-')\n    }\n  }\n})\n","nuxt.config.ts",[551,697,698,716,727,736,779,784,789],{"__ignoreMap":549},[554,699,700,703,706,710,713],{"class":556,"line":557},[554,701,702],{"class":586},"export",[554,704,705],{"class":586}," default",[554,707,709],{"class":708},"s2Zo4"," defineNuxtConfig",[554,711,712],{"class":597},"(",[554,714,715],{"class":593},"{\n",[554,717,718,722,725],{"class":556,"line":616},[554,719,721],{"class":720},"swJcz","  vue",[554,723,724],{"class":593},":",[554,726,621],{"class":593},[554,728,729,732,734],{"class":556,"line":624},[554,730,731],{"class":720},"    compilerOptions",[554,733,724],{"class":593},[554,735,621],{"class":593},[554,737,738,741,743,746,750,753,757,760,763,766,768,771,774,776],{"class":556,"line":633},[554,739,740],{"class":708},"      isCustomElement",[554,742,724],{"class":593},[554,744,745],{"class":593}," (",[554,747,749],{"class":748},"sHdIc","tag",[554,751,752],{"class":593},")",[554,754,756],{"class":755},"spNyl"," =>",[554,758,759],{"class":597}," tag",[554,761,762],{"class":593},".",[554,764,765],{"class":708},"startsWith",[554,767,712],{"class":597},[554,769,770],{"class":593},"'",[554,772,773],{"class":564},"cropper-",[554,775,770],{"class":593},[554,777,778],{"class":597},")\n",[554,780,781],{"class":556,"line":641},[554,782,783],{"class":593},"    }\n",[554,785,786],{"class":556,"line":649},[554,787,788],{"class":593},"  }\n",[554,790,791,793],{"class":556,"line":655},[554,792,658],{"class":593},[554,794,778],{"class":597},[668,796,797],{},[689,798,799],{},"Vue 3 + Vite",[542,801,804],{"className":577,"code":802,"filename":803,"language":579,"meta":549,"style":549},"import vue from '@vitejs\u002Fplugin-vue'\nimport { defineConfig } from 'vite'\n\nexport default defineConfig({\n  plugins: [\n    vue({\n      template: {\n        compilerOptions: {\n          isCustomElement: (tag) => tag.startsWith('cropper-')\n        }\n      }\n    })\n  ]\n})\n","vite.config.ts",[551,805,806,823,843,848,860,870,879,888,898,930,936,942,950,956],{"__ignoreMap":549},[554,807,808,810,813,816,818,821],{"class":556,"line":557},[554,809,587],{"class":586},[554,811,812],{"class":597}," vue ",[554,814,815],{"class":586},"from",[554,817,607],{"class":593},[554,819,820],{"class":564},"@vitejs\u002Fplugin-vue",[554,822,613],{"class":593},[554,824,825,827,829,832,834,836,838,841],{"class":556,"line":616},[554,826,587],{"class":586},[554,828,594],{"class":593},[554,830,831],{"class":597}," defineConfig",[554,833,601],{"class":593},[554,835,604],{"class":586},[554,837,607],{"class":593},[554,839,840],{"class":564},"vite",[554,842,613],{"class":593},[554,844,845],{"class":556,"line":624},[554,846,847],{"emptyLinePlaceholder":526},"\n",[554,849,850,852,854,856,858],{"class":556,"line":633},[554,851,702],{"class":586},[554,853,705],{"class":586},[554,855,831],{"class":708},[554,857,712],{"class":597},[554,859,715],{"class":593},[554,861,862,865,867],{"class":556,"line":641},[554,863,864],{"class":720},"  plugins",[554,866,724],{"class":593},[554,868,869],{"class":597}," [\n",[554,871,872,875,877],{"class":556,"line":649},[554,873,874],{"class":708},"    vue",[554,876,712],{"class":597},[554,878,715],{"class":593},[554,880,881,884,886],{"class":556,"line":655},[554,882,883],{"class":720},"      template",[554,885,724],{"class":593},[554,887,621],{"class":593},[554,889,891,894,896],{"class":556,"line":890},8,[554,892,893],{"class":720},"        compilerOptions",[554,895,724],{"class":593},[554,897,621],{"class":593},[554,899,901,904,906,908,910,912,914,916,918,920,922,924,926,928],{"class":556,"line":900},9,[554,902,903],{"class":708},"          isCustomElement",[554,905,724],{"class":593},[554,907,745],{"class":593},[554,909,749],{"class":748},[554,911,752],{"class":593},[554,913,756],{"class":755},[554,915,759],{"class":597},[554,917,762],{"class":593},[554,919,765],{"class":708},[554,921,712],{"class":597},[554,923,770],{"class":593},[554,925,773],{"class":564},[554,927,770],{"class":593},[554,929,778],{"class":597},[554,931,933],{"class":556,"line":932},10,[554,934,935],{"class":593},"        }\n",[554,937,939],{"class":556,"line":938},11,[554,940,941],{"class":593},"      }\n",[554,943,945,948],{"class":556,"line":944},12,[554,946,947],{"class":593},"    }",[554,949,778],{"class":597},[554,951,953],{"class":556,"line":952},13,[554,954,955],{"class":597},"  ]\n",[554,957,959,961],{"class":556,"line":958},14,[554,960,658],{"class":593},[554,962,778],{"class":597},[539,964,965],{"id":965},"用法",[967,968],"component-preview",{"name":969},"CropperBasicDemo",[539,971,972],{"id":972},"場景",[974,975,977],"h3",{"id":976},"互動-playground","互動 playground",[967,979],{"name":980},"CropperPlaygroundDemo",[974,982,984],{"id":983},"自訂-zoom-控制","自訂 zoom 控制",[967,986],{"name":987},"CropperZoomDemo",[974,989,990],{"id":990},"多步驟裁切流程",[668,992,993,994,997,998,1001,1002,1005,1006,1009],{},"搭配 ",[551,995,996],{},"admin-dialog"," 與 ",[551,999,1000],{},"admin-stepper"," 完成「電腦版裁切 → 手機版裁切 → 預覽結果」三步驟流程；每一步用一個 ",[551,1003,1004],{},"\u003CAdminCropper>"," instance 鎖定不同 aspect ratio，最後一步直接以 ",[551,1007,1008],{},"result.toDataURL()"," 顯示成品。",[967,1011],{"name":1012},"CropperMultiStepDemo",[974,1014,1016],{"id":1015},"裁切-gif-動畫","裁切 GIF 動畫",[668,1018,1019,1020,1023,1024,1027,1028,1031,1032,997,1035,1038],{},"呼叫 ",[551,1021,1022],{},"result.toBlob('image\u002Fgif')"," 或 ",[551,1025,1026],{},"result.toDataURL('image\u002Fgif')"," 會走 GIF pipeline，重新解碼所有 frame、依 selection 對每幀做像素裁切、再以 ",[551,1029,1030],{},"gifenc"," 重新編碼成動畫 GIF。原檔的 frame delay 與動畫長度會被保留。透過 ",[551,1033,1034],{},"gif-max-colors",[551,1036,1037],{},"gif-frame-stride"," 兩個 prop 可在畫質與檔案大小之間取捨。",[967,1040],{"name":1041},"CropperGifDemo",[539,1043,1045],{"id":1044},"api-參考","API 參考",[974,1047,1048],{"id":1048},"組成",[542,1050,1054],{"className":1051,"code":1052,"language":1053,"meta":549,"style":549},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cadmin-cropper v-model:result=\"result\" :aspect-ratio :src>\n    \u003Ctemplate\n      #default=\"{ selectionId, zoom, zoomBy, zoomTo, minZoom, maxZoom, zoomable }\"\n    >\n      \u003Cadmin-cropper-preview :selection=\"selectionId\" \u002F>\n      \u003Cadmin-cropper-zoom\n        v-if=\"zoomable\"\n        :max-zoom=\"maxZoom\"\n        :min-zoom=\"minZoom\"\n        :zoom=\"zoom\"\n        @zoom-by=\"zoomBy\"\n        @zoom-to=\"zoomTo\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002Fadmin-cropper>\n\u003C\u002Ftemplate>\n","vue",[551,1055,1056,1067,1097,1105,1159,1164,1187,1194,1208,1222,1236,1250,1264,1278,1283,1293,1303],{"__ignoreMap":549},[554,1057,1058,1061,1064],{"class":556,"line":557},[554,1059,1060],{"class":593},"\u003C",[554,1062,1063],{"class":720},"template",[554,1065,1066],{"class":593},">\n",[554,1068,1069,1072,1075,1078,1081,1084,1087,1089,1092,1095],{"class":556,"line":616},[554,1070,1071],{"class":593},"  \u003C",[554,1073,1074],{"class":720},"admin-cropper",[554,1076,1077],{"class":755}," v-model:result",[554,1079,1080],{"class":593},"=",[554,1082,1083],{"class":593},"\"",[554,1085,1086],{"class":564},"result",[554,1088,1083],{"class":593},[554,1090,1091],{"class":755}," :aspect-ratio",[554,1093,1094],{"class":755}," :src",[554,1096,1066],{"class":593},[554,1098,1099,1102],{"class":556,"line":624},[554,1100,1101],{"class":593},"    \u003C",[554,1103,1104],{"class":720},"template\n",[554,1106,1107,1110,1113,1115,1117,1120,1123,1126,1129,1131,1134,1136,1139,1141,1144,1146,1149,1151,1154,1156],{"class":556,"line":633},[554,1108,1109],{"class":593},"      #",[554,1111,1112],{"class":755},"default",[554,1114,1080],{"class":593},[554,1116,1083],{"class":593},[554,1118,1119],{"class":593},"{",[554,1121,1122],{"class":597}," selectionId",[554,1124,1125],{"class":593},",",[554,1127,1128],{"class":597}," zoom",[554,1130,1125],{"class":593},[554,1132,1133],{"class":597}," zoomBy",[554,1135,1125],{"class":593},[554,1137,1138],{"class":597}," zoomTo",[554,1140,1125],{"class":593},[554,1142,1143],{"class":597}," minZoom",[554,1145,1125],{"class":593},[554,1147,1148],{"class":597}," maxZoom",[554,1150,1125],{"class":593},[554,1152,1153],{"class":597}," zoomable ",[554,1155,658],{"class":593},[554,1157,1158],{"class":593},"\"\n",[554,1160,1161],{"class":556,"line":641},[554,1162,1163],{"class":593},"    >\n",[554,1165,1166,1169,1172,1175,1177,1179,1182,1184],{"class":556,"line":649},[554,1167,1168],{"class":593},"      \u003C",[554,1170,1171],{"class":720},"admin-cropper-preview",[554,1173,1174],{"class":755}," :selection",[554,1176,1080],{"class":593},[554,1178,1083],{"class":593},[554,1180,1181],{"class":564},"selectionId",[554,1183,1083],{"class":593},[554,1185,1186],{"class":593}," \u002F>\n",[554,1188,1189,1191],{"class":556,"line":655},[554,1190,1168],{"class":593},[554,1192,1193],{"class":720},"admin-cropper-zoom\n",[554,1195,1196,1199,1201,1203,1206],{"class":556,"line":890},[554,1197,1198],{"class":755},"        v-if",[554,1200,1080],{"class":593},[554,1202,1083],{"class":593},[554,1204,1205],{"class":564},"zoomable",[554,1207,1158],{"class":593},[554,1209,1210,1213,1215,1217,1220],{"class":556,"line":900},[554,1211,1212],{"class":755},"        :max-zoom",[554,1214,1080],{"class":593},[554,1216,1083],{"class":593},[554,1218,1219],{"class":564},"maxZoom",[554,1221,1158],{"class":593},[554,1223,1224,1227,1229,1231,1234],{"class":556,"line":932},[554,1225,1226],{"class":755},"        :min-zoom",[554,1228,1080],{"class":593},[554,1230,1083],{"class":593},[554,1232,1233],{"class":564},"minZoom",[554,1235,1158],{"class":593},[554,1237,1238,1241,1243,1245,1248],{"class":556,"line":938},[554,1239,1240],{"class":755},"        :zoom",[554,1242,1080],{"class":593},[554,1244,1083],{"class":593},[554,1246,1247],{"class":564},"zoom",[554,1249,1158],{"class":593},[554,1251,1252,1255,1257,1259,1262],{"class":556,"line":944},[554,1253,1254],{"class":755},"        @zoom-by",[554,1256,1080],{"class":593},[554,1258,1083],{"class":593},[554,1260,1261],{"class":564},"zoomBy",[554,1263,1158],{"class":593},[554,1265,1266,1269,1271,1273,1276],{"class":556,"line":952},[554,1267,1268],{"class":755},"        @zoom-to",[554,1270,1080],{"class":593},[554,1272,1083],{"class":593},[554,1274,1275],{"class":564},"zoomTo",[554,1277,1158],{"class":593},[554,1279,1280],{"class":556,"line":958},[554,1281,1282],{"class":593},"      \u002F>\n",[554,1284,1286,1289,1291],{"class":556,"line":1285},15,[554,1287,1288],{"class":593},"    \u003C\u002F",[554,1290,1063],{"class":720},[554,1292,1066],{"class":593},[554,1294,1296,1299,1301],{"class":556,"line":1295},16,[554,1297,1298],{"class":593},"  \u003C\u002F",[554,1300,1074],{"class":720},[554,1302,1066],{"class":593},[554,1304,1306,1309,1311],{"class":556,"line":1305},17,[554,1307,1308],{"class":593},"\u003C\u002F",[554,1310,1063],{"class":720},[554,1312,1066],{"class":593},[974,1314,1074],{"id":1074},[1316,1317],"admin-api-table",{"component":1318},"AdminCropper",[974,1320,1321],{"id":1321},"admin-cropper-zoom",[1316,1323],{"component":1324},"AdminCropperZoom",[974,1326,1171],{"id":1171},[1316,1328],{"component":1329},"AdminCropperPreview",[539,1331,1332],{"id":1332},"注意事項",[974,1334,1336],{"id":1335},"selection-行為","Selection 行為",[1338,1339,1340,1365,1381],"ul",{},[1341,1342,1343,1348,1349,1352,1353,1356,1357,1360,1361,1364],"li",{},[689,1344,1345],{},[551,1346,1347],{},"selection-within","：只限制",[689,1350,1351],{},"畫布內的拖動範圍","（軸對齊邊界；旋轉時取可視外包矩形），不影響 ",[551,1354,1355],{},"result.region"," 仍以原圖像素表達。預設 ",[551,1358,1359],{},"'none'"," 允許拖到圖外（適合 GIF 透明邊）；要嚴格框在圖內設 ",[551,1362,1363],{},"'image'","。",[1341,1366,1367,1372,1373,1376,1377,1380],{},[689,1368,1369],{},[551,1370,1371],{},"selection-redrawable","：",[551,1374,1375],{},"true","（預設）可在選框外暗區拖曳重畫；",[551,1378,1379],{},"false"," 鎖定為只能調整現有框，避免表單誤觸。",[1341,1382,1383,1391,1392,1395,1396,1398],{},[689,1384,1385,997,1388],{},[551,1386,1387],{},"min-selection-size",[551,1389,1390],{},"aspect-ratio","：兩者比例不一致時 dev console 會 warn（不 throw），實際能拖到的最小尺寸會被兩個限制夾住、可能比 ",[551,1393,1394],{},"min"," 還大。建議讓 ",[551,1397,1394],{}," 寬高直接等於目標輸出尺寸。",[974,1400,1401],{"id":1401},"輸出行為",[1338,1403,1404,1419,1428,1443,1452],{},[1341,1405,1406,1418],{},[689,1407,1408,674,1411,674,1414,1417],{},[551,1409,1410],{},"toCanvas",[551,1412,1413],{},"toDataURL",[551,1415,1416],{},"toBlob"," 皆為 async","，都回傳 Promise。",[1341,1420,1421,1424,1425,1364],{},[689,1422,1423],{},"預設不降採樣","：非 GIF 路徑輸出原圖像素座標下的裁切區域，不會因畫面上 selection 較小而縮圖；要刻意縮放請傳 ",[551,1426,1427],{},"{ width, height }",[1341,1429,1430,1436,1437,1023,1440,1364],{},[689,1431,1432,1435],{},[551,1433,1434],{},"toCanvas()"," 對 GIF 來源只輸出當前一幀","：要保留動畫請改用 ",[551,1438,1439],{},"toBlob({ mime: 'image\u002Fgif' })",[551,1441,1442],{},"toDataURL({ mime: 'image\u002Fgif' })",[1341,1444,1445,1448,1449,1451],{},[689,1446,1447],{},"GIF pipeline 跑在 main thread","：解碼／量化／編碼皆同步。建議來源 \u003C 2MB \u002F \u003C 50 frames，超過會凍結 UI 100ms 以上，可用 ",[551,1450,1037],{}," 跳幀緩解。",[1341,1453,1454,1457,1458,1460],{},[689,1455,1456],{},"部分 GIF 走 lossy 重量化","：僅當來源每一幀皆為 disposal type 2（還原到背景）時才走保留原始色盤的無損裁切路徑；多數含 disposal 0／1 幀的一般 GIF 會改走 composite 後以 ",[551,1459,1034],{}," 重新量化的路徑，可能出現輕微色帶。此為畫質取捨，非錯誤。",[974,1462,1464],{"id":1463},"ssr-與-vue-設定","SSR 與 Vue 設定",[1338,1466,1467,1485],{},[1341,1468,1469,1472,1473,1476,1477,1479,1480,1364],{},[689,1470,1471],{},"不支援 SSR","：cropperjs v2 web components 只能在瀏覽器 register；元件殼不含 ",[551,1474,1475],{},"\u003CClientOnly>","。Nuxt 請自行以 ",[551,1478,1475],{}," 包覆，其他 SSR 框架用等價機制；純 CSR 不需處理。見 ",[1481,1482,1484],"a",{"href":1483},"\u002Fdocs\u002Fget-started\u002Finstallation#ssr-nuxt","安裝 · SSR",[1341,1486,1487,1493,1494,1496],{},[689,1488,1489,1490],{},"必須設定 ",[551,1491,1492],{},"isCustomElement","：否則 dev console 會印 ",[551,1495,684],{},"。寫法見上方「安裝」章節。",[1498,1499,1501],"h4",{"id":1500},"cors","CORS",[1338,1503,1504,1529],{},[1341,1505,1506,1509,1510,1513,1514,674,1516,674,1518,1520,1521,1524,1525,1528],{},[689,1507,1508],{},"一般輸出","：跨域圖片需回 ",[551,1511,1512],{},"Access-Control-Allow-Origin","，否則 ",[551,1515,1410],{},[551,1517,1413],{},[551,1519,1416],{}," 會 throw ",[551,1522,1523],{},"SecurityError","。元件已加 ",[551,1526,1527],{},"crossorigin=\"anonymous\"","，picsum 等 CDN 可正常運作。",[1341,1530,1531,1534,1535,1538,1539,1541,1542,1545],{},[689,1532,1533],{},"GIF 輸出另需 fetch CORS","：GIF pipeline 會額外 ",[551,1536,1537],{},"fetch(src)"," 重新取 bytes，server 同樣要回 ",[551,1540,1512],{},"；",[551,1543,1544],{},"\u003Cimg>"," 顯示成功不代表 fetch 拿得到。",[539,1547,1548],{"id":1548},"更新紀錄",[1550,1551],"admin-changelog",{"component":1318},[1553,1554,1555],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":549,"searchDepth":624,"depth":624,"links":1557},[1558,1559,1560,1566,1572,1579],{"id":507,"depth":616,"text":507},{"id":965,"depth":616,"text":965},{"id":972,"depth":616,"text":972,"children":1561},[1562,1563,1564,1565],{"id":976,"depth":624,"text":977},{"id":983,"depth":624,"text":984},{"id":990,"depth":624,"text":990},{"id":1015,"depth":624,"text":1016},{"id":1044,"depth":616,"text":1045,"children":1567},[1568,1569,1570,1571],{"id":1048,"depth":624,"text":1048},{"id":1074,"depth":624,"text":1074},{"id":1321,"depth":624,"text":1321},{"id":1171,"depth":624,"text":1171},{"id":1332,"depth":616,"text":1332,"children":1573},[1574,1575,1576],{"id":1335,"depth":624,"text":1336},{"id":1401,"depth":624,"text":1401},{"id":1463,"depth":624,"text":1464,"children":1577},[1578],{"id":1500,"depth":633,"text":1501},{"id":1548,"depth":616,"text":1548},"圖片裁切。可拖移 selection、zoom、即時預覽；可搭配 dialog／stepper 做多尺寸裁切。","md",{"doc":1583},"https:\u002F\u002Fgithub.com\u002Ffengyuanchen\u002Fcropperjs",{},{"title":49,"description":1580},"3y50TBCGzoEt0WeWuTE-0UHiLZ2NC57BHQz9J4QkS2U",[1588,1590],{"title":45,"path":46,"stem":47,"description":1589,"children":-1},"從呼叫端傳入的色票陣列挑選顏色。",{"title":53,"path":54,"stem":55,"description":1591,"children":-1},"日期選擇器（@ark-ui\u002Fvue）。單日、區間選取。",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1593},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1595},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1597},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1599},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1601},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9h16M4 15h16M10 3L8 21m8-18l-2 18\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1603},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2\"\u002F>\u003Cpath d=\"M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13\"\u002F>\u003C\u002Fg>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1605},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"\u002F>",{"left":523,"top":523,"width":524,"height":524,"rotate":523,"vFlip":18,"hFlip":18,"body":1607},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19h8M4 17l6-6l-6-6\"\u002F>",{"left":523,"top":523,"width":1609,"height":1609,"rotate":523,"vFlip":18,"hFlip":18,"body":1610},32,"\u003Cpath fill=\"#00dc82\" d=\"M17.708 25h10.409c.33 0 .655-.088.942-.254a1.9 1.9 0 0 0 .689-.696a1.91 1.91 0 0 0 0-1.9L22.756 9.936a1.87 1.87 0 0 0-3.261 0l-1.788 3.125l-3.494-6.111a1.871 1.871 0 0 0-3.262 0l-8.7 15.2a1.91 1.91 0 0 0 .69 2.595c.286.167.61.255.941.255h6.534c2.589 0 4.498-1.147 5.811-3.385l3.19-5.572l1.708-2.982l5.127 8.957h-6.835zm-7.398-2.985l-4.56-.001l6.836-11.942l3.41 5.97l-2.283 3.992c-.873 1.452-1.864 1.981-3.403 1.981\"\u002F>",{"left":523,"top":523,"width":1609,"height":1609,"rotate":523,"vFlip":18,"hFlip":18,"body":1612},"\u003Cpath fill=\"#007acc\" d=\"M23.827 8.243a4.4 4.4 0 0 1 2.223 1.281a6 6 0 0 1 .852 1.143c.011.045-1.534 1.083-2.471 1.662c-.034.023-.169-.124-.322-.35a2.01 2.01 0 0 0-1.67-1c-1.077-.074-1.771.49-1.766 1.433a1.3 1.3 0 0 0 .153.666c.237.49.677.784 2.059 1.383c2.544 1.095 3.636 1.817 4.31 2.843a5.16 5.16 0 0 1 .416 4.333a4.76 4.76 0 0 1-3.932 2.815a11 11 0 0 1-2.708-.028a6.53 6.53 0 0 1-3.616-1.884a6.3 6.3 0 0 1-.926-1.371a3 3 0 0 1 .327-.208c.158-.09.756-.434 1.32-.761l1.024-.6l.214.312a4.8 4.8 0 0 0 1.35 1.292a3.3 3.3 0 0 0 3.458-.175a1.545 1.545 0 0 0 .2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8 8.8 0 0 1-3.349-2.055a4.7 4.7 0 0 1-.976-1.777a7.1 7.1 0 0 1-.062-2.268a4.33 4.33 0 0 1 3.644-3.374a9 9 0 0 1 2.691.084m-8.343 1.483l.011 1.454h-4.63v13.148H7.6V11.183H2.97V9.755a14 14 0 0 1 .04-1.466c.017-.023 2.832-.034 6.245-.028l6.211.017Z\"\u002F>",1793254069932]