Fix fabric.js v6 import error causing blank page
- Replace deprecated 'import { fabric } from fabric' with named imports
- Editor.vue: import Canvas, Rect, FabricText
- symmetry.js: import FabricImage, Rect, Group
- Clear Vite cache to rebuild dependencies
This commit is contained in:
4278
frontend/node_modules/.vite/deps/@element-plus_icons-vue.js
generated
vendored
4278
frontend/node_modules/.vite/deps/@element-plus_icons-vue.js
generated
vendored
File diff suppressed because one or more lines are too long
1
frontend/node_modules/.vite/deps/@element-plus_icons-vue.js.map
generated
vendored
1
frontend/node_modules/.vite/deps/@element-plus_icons-vue.js.map
generated
vendored
File diff suppressed because one or more lines are too long
24
frontend/node_modules/.vite/deps/_metadata.json
generated
vendored
24
frontend/node_modules/.vite/deps/_metadata.json
generated
vendored
@@ -1,49 +1,43 @@
|
||||
{
|
||||
"hash": "76c4bd08",
|
||||
"configHash": "3c200fce",
|
||||
"hash": "8c4b68ba",
|
||||
"configHash": "34f6f529",
|
||||
"lockfileHash": "99e89a35",
|
||||
"browserHash": "824a39cf",
|
||||
"browserHash": "6a02d3bf",
|
||||
"optimized": {
|
||||
"@element-plus/icons-vue": {
|
||||
"src": "../../@element-plus/icons-vue/dist/index.js",
|
||||
"file": "@element-plus_icons-vue.js",
|
||||
"fileHash": "18428861",
|
||||
"needsInterop": false
|
||||
},
|
||||
"axios": {
|
||||
"src": "../../axios/index.js",
|
||||
"file": "axios.js",
|
||||
"fileHash": "a369977c",
|
||||
"fileHash": "9022993e",
|
||||
"needsInterop": false
|
||||
},
|
||||
"element-plus": {
|
||||
"src": "../../element-plus/es/index.mjs",
|
||||
"file": "element-plus.js",
|
||||
"fileHash": "58b53aee",
|
||||
"fileHash": "ed152bc7",
|
||||
"needsInterop": false
|
||||
},
|
||||
"fabric": {
|
||||
"src": "../../fabric/dist/index.min.mjs",
|
||||
"file": "fabric.js",
|
||||
"fileHash": "a1369625",
|
||||
"fileHash": "14f1f947",
|
||||
"needsInterop": false
|
||||
},
|
||||
"pinia": {
|
||||
"src": "../../pinia/dist/pinia.mjs",
|
||||
"file": "pinia.js",
|
||||
"fileHash": "20bc890b",
|
||||
"fileHash": "ecda6472",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vue-router": {
|
||||
"src": "../../vue-router/dist/vue-router.mjs",
|
||||
"file": "vue-router.js",
|
||||
"fileHash": "017f450e",
|
||||
"fileHash": "4a9d54f8",
|
||||
"needsInterop": false
|
||||
},
|
||||
"vue": {
|
||||
"src": "../../vue/dist/vue.runtime.esm-bundler.js",
|
||||
"file": "vue.js",
|
||||
"fileHash": "70ae02ae",
|
||||
"fileHash": "4a46bbb6",
|
||||
"needsInterop": false
|
||||
}
|
||||
},
|
||||
|
||||
572
frontend/node_modules/.vite/deps/element-plus.js
generated
vendored
572
frontend/node_modules/.vite/deps/element-plus.js
generated
vendored
@@ -1,6 +1,5 @@
|
||||
import { r as __toESM, t as __commonJSMin } from "./chunk-B-1-B7_t.js";
|
||||
import { $ as createTextVNode, $n as toRefs, At as onBeforeMount, Bn as markRaw, Bt as onUpdated, C as vShow, Cn as withDirectives, Dt as mergeProps, Ft as onMounted, G as createBlock, Gn as readonly, I as Teleport, Jn as shallowReadonly, Jt as renderSlot, K as createCommentVNode, Kn as ref, L as Text, M as Fragment, Mn as effectScope, Mt as onBeforeUpdate, Nn as getCurrentScope, Nt as onDeactivated, O as Comment, Ot as nextTick, Qn as toRef, Rn as isRef, S as vModelText, T as withModifiers, U as computed, Ut as provide, V as cloneVNode, Vn as onScopeDispose, Vt as openBlock, W as createBaseVNode, Wn as reactive, Xt as resolveDirective, Yn as shallowRef, Yt as resolveComponent, Z as createSlots, Zn as toRaw, Zt as resolveDynamicComponent, _n as watchEffect, _r as normalizeStyle, a as createApp, an as toHandlers, ar as capitalize$1, b as vModelRadio, cr as isArray$1, dn as useSlots, dr as isObject$2, er as toValue, et as createVNode, fr as isPlainObject$1, ft as guardReactiveProps, gn as watch, gr as normalizeProps, hn as warn, hr as normalizeClass, ht as hasInjectionContext, ir as camelize$1, jt as onBeforeUnmount, kt as onActivated, lr as isDate, mr as isString, n as Transition, nr as unref, nt as defineComponent, or as hasOwn, p as render, pr as isPromise, pt as h$1, q as createElementBlock, qn as shallowReactive, qt as renderList, r as TransitionGroup, rr as NOOP, sn as useAttrs$1, sr as hyphenate$1, tr as triggerRef, ur as isFunction$1, ut as getCurrentInstance, v as vModelCheckbox, vr as toDisplayString, w as withKeys, wt as isVNode, xn as withCtx, xt as inject, yr as toHandlerKey, zt as onUnmounted } from "./vue.runtime.esm-bundler-ANM4L-eh.js";
|
||||
import { ArrowDown as arrow_down_default, ArrowLeft as arrow_left_default, ArrowRight as arrow_right_default, ArrowUp as arrow_up_default, Back as back_default, Calendar as calendar_default$1, CaretRight as caret_right_default, CaretTop as caret_top_default, Check as check_default, CircleCheck as circle_check_default, CircleCheckFilled as circle_check_filled_default, CircleClose as circle_close_default, CircleCloseFilled as circle_close_filled_default, Clock as clock_default, Close as close_default, DArrowLeft as d_arrow_left_default, DArrowRight as d_arrow_right_default, Delete as delete_default, Document as document_default, FullScreen as full_screen_default, Hide as hide_default, InfoFilled as info_filled_default, Loading as loading_default, Minus as minus_default, More as more_default, MoreFilled as more_filled_default, PictureFilled as picture_filled_default, Plus as plus_default, QuestionFilled as question_filled_default, RefreshLeft as refresh_left_default, RefreshRight as refresh_right_default, ScaleToOriginal as scale_to_original_default, Search as search_default, SortDown as sort_down_default, SortUp as sort_up_default, Star as star_default, StarFilled as star_filled_default, SuccessFilled as success_filled_default, View as view_default, WarningFilled as warning_filled_default, ZoomIn as zoom_in_default, ZoomOut as zoom_out_default } from "./@element-plus_icons-vue.js";
|
||||
//#region node_modules/element-plus/es/constants/aria.mjs
|
||||
var EVENT_CODE = {
|
||||
tab: "Tab",
|
||||
@@ -9691,6 +9690,577 @@ var ElAffix = withInstall(/* @__PURE__ */ defineComponent({
|
||||
}
|
||||
}));
|
||||
//#endregion
|
||||
//#region node_modules/@element-plus/icons-vue/dist/index.js
|
||||
/*! Element Plus Icons Vue v2.3.2 */
|
||||
var arrow_down_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ArrowDown",
|
||||
__name: "arrow-down",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var arrow_left_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ArrowLeft",
|
||||
__name: "arrow-left",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var arrow_right_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ArrowRight",
|
||||
__name: "arrow-right",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var arrow_up_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ArrowUp",
|
||||
__name: "arrow-up",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var back_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Back",
|
||||
__name: "back",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"
|
||||
}), createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var calendar_default$1 = /* @__PURE__ */ defineComponent({
|
||||
name: "Calendar",
|
||||
__name: "calendar",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var caret_right_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CaretRight",
|
||||
__name: "caret-right",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M384 192v640l384-320.064z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var caret_top_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CaretTop",
|
||||
__name: "caret-top",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 320 192 704h639.936z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var check_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Check",
|
||||
__name: "check",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var circle_check_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CircleCheckFilled",
|
||||
__name: "circle-check-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var circle_check_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CircleCheck",
|
||||
__name: "circle-check",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
|
||||
}), createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var circle_close_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CircleCloseFilled",
|
||||
__name: "circle-close-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var circle_close_default = /* @__PURE__ */ defineComponent({
|
||||
name: "CircleClose",
|
||||
__name: "circle-close",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
|
||||
}), createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var clock_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Clock",
|
||||
__name: "clock",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [
|
||||
createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
|
||||
}),
|
||||
createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
|
||||
}),
|
||||
createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32"
|
||||
})
|
||||
]));
|
||||
}
|
||||
});
|
||||
var close_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Close",
|
||||
__name: "close",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var d_arrow_left_default = /* @__PURE__ */ defineComponent({
|
||||
name: "DArrowLeft",
|
||||
__name: "d-arrow-left",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.59 30.59 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.59 30.59 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672zm256 0a29.12 29.12 0 0 1 41.728 0 30.59 30.59 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.59 30.59 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var d_arrow_right_default = /* @__PURE__ */ defineComponent({
|
||||
name: "DArrowRight",
|
||||
__name: "d-arrow-right",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.59 30.59 0 0 1 0-42.752L764.736 512 452.864 192a30.59 30.59 0 0 1 0-42.688m-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.59 30.59 0 0 1 0-42.752L508.736 512 196.864 192a30.59 30.59 0 0 1 0-42.688"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var delete_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Delete",
|
||||
__name: "delete",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var document_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Document",
|
||||
__name: "document",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var full_screen_default = /* @__PURE__ */ defineComponent({
|
||||
name: "FullScreen",
|
||||
__name: "full-screen",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var hide_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Hide",
|
||||
__name: "hide",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M876.8 156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176S0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4s3.2 16 9.6 22.4 12.8 9.6 22.4 9.6 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4m-646.4 528Q115.2 579.2 76.8 512q43.2-72 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352 555.2 352 512c0-44.8 16-83.2 48-112s67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6q-43.2 72-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176S1024 528 1024 512s-48.001-73.6-134.401-176"
|
||||
}), createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112s-67.2 48-112 48"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var info_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "InfoFilled",
|
||||
__name: "info-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var loading_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Loading",
|
||||
__name: "loading",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var minus_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Minus",
|
||||
__name: "minus",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var more_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "MoreFilled",
|
||||
__name: "more-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var more_default = /* @__PURE__ */ defineComponent({
|
||||
name: "More",
|
||||
__name: "more",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var picture_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "PictureFilled",
|
||||
__name: "picture-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var plus_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Plus",
|
||||
__name: "plus",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var question_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "QuestionFilled",
|
||||
__name: "question-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var refresh_left_default = /* @__PURE__ */ defineComponent({
|
||||
name: "RefreshLeft",
|
||||
__name: "refresh-left",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var refresh_right_default = /* @__PURE__ */ defineComponent({
|
||||
name: "RefreshRight",
|
||||
__name: "refresh-right",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var scale_to_original_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ScaleToOriginal",
|
||||
__name: "scale-to-original",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118m-361.412 0a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118M512 361.412a30.12 30.12 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.12 30.12 0 0 0 512 361.412M512 512a30.12 30.12 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.12 30.12 0 0 0 512 512"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var search_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Search",
|
||||
__name: "search",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var sort_down_default = /* @__PURE__ */ defineComponent({
|
||||
name: "SortDown",
|
||||
__name: "sort-down",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M576 96v709.568L333.312 562.816A32 32 0 1 0 288 608l297.408 297.344A32 32 0 0 0 640 882.688V96a32 32 0 0 0-64 0"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var sort_up_default = /* @__PURE__ */ defineComponent({
|
||||
name: "SortUp",
|
||||
__name: "sort-up",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M384 141.248V928a32 32 0 1 0 64 0V218.56l242.688 242.688A32 32 0 1 0 736 416L438.592 118.656A32 32 0 0 0 384 141.248"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var star_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "StarFilled",
|
||||
__name: "star-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M313.6 924.48a70.4 70.4 0 0 1-74.152-5.365 70.4 70.4 0 0 1-27.992-68.875l37.888-220.928L88.96 472.96a70.4 70.4 0 0 1 3.788-104.225A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 100.246-28.595 70.4 70.4 0 0 1 25.962 28.595l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var star_default = /* @__PURE__ */ defineComponent({
|
||||
name: "Star",
|
||||
__name: "star",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var success_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "SuccessFilled",
|
||||
__name: "success-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var view_default = /* @__PURE__ */ defineComponent({
|
||||
name: "View",
|
||||
__name: "view",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var warning_filled_default = /* @__PURE__ */ defineComponent({
|
||||
name: "WarningFilled",
|
||||
__name: "warning-filled",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var zoom_in_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ZoomIn",
|
||||
__name: "zoom-in",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
var zoom_out_default = /* @__PURE__ */ defineComponent({
|
||||
name: "ZoomOut",
|
||||
__name: "zoom-out",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
|
||||
xmlns: "http://www.w3.org/2000/svg",
|
||||
viewBox: "0 0 1024 1024"
|
||||
}, [createBaseVNode("path", {
|
||||
fill: "currentColor",
|
||||
d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
|
||||
})]));
|
||||
}
|
||||
});
|
||||
//#endregion
|
||||
//#region node_modules/element-plus/es/utils/vue/icon.mjs
|
||||
var iconPropType = definePropType([
|
||||
String,
|
||||
|
||||
2
frontend/node_modules/.vite/deps/element-plus.js.map
generated
vendored
2
frontend/node_modules/.vite/deps/element-plus.js.map
generated
vendored
File diff suppressed because one or more lines are too long
@@ -1,12 +1,12 @@
|
||||
import { fabric } from 'fabric'
|
||||
import { FabricImage, Rect, Group } from 'fabric'
|
||||
|
||||
export async function createSymmetricalImage(originalImage, canvasWidth, canvasHeight) {
|
||||
const imgWidth = originalImage.width
|
||||
const imgHeight = originalImage.height
|
||||
const halfHeight = imgHeight / 2
|
||||
|
||||
const topHalf = new fabric.Image(originalImage, {
|
||||
clipPath: new fabric.Rect({
|
||||
const topHalf = new FabricImage(originalImage, {
|
||||
clipPath: new Rect({
|
||||
width: imgWidth,
|
||||
height: halfHeight,
|
||||
originX: 'left',
|
||||
@@ -17,8 +17,8 @@ export async function createSymmetricalImage(originalImage, canvasWidth, canvasH
|
||||
scaleY: (canvasHeight / 2) / halfHeight
|
||||
})
|
||||
|
||||
const bottomHalf = new fabric.Image(originalImage, {
|
||||
clipPath: new fabric.Rect({
|
||||
const bottomHalf = new FabricImage(originalImage, {
|
||||
clipPath: new Rect({
|
||||
width: imgWidth,
|
||||
height: halfHeight,
|
||||
originX: 'left',
|
||||
@@ -31,7 +31,7 @@ export async function createSymmetricalImage(originalImage, canvasWidth, canvasH
|
||||
flipY: true
|
||||
})
|
||||
|
||||
const group = new fabric.Group([topHalf, bottomHalf], {
|
||||
const group = new Group([topHalf, bottomHalf], {
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: canvasWidth,
|
||||
@@ -42,20 +42,16 @@ export async function createSymmetricalImage(originalImage, canvasWidth, canvasH
|
||||
}
|
||||
|
||||
export async function loadAndProcessImage(imageUrl) {
|
||||
return new Promise((resolve, reject) => {
|
||||
fabric.Image.fromURL(imageUrl, (img) => {
|
||||
if (!img) {
|
||||
reject(new Error('Failed to load image'))
|
||||
return
|
||||
}
|
||||
resolve(img)
|
||||
}, { crossOrigin: 'anonymous' })
|
||||
})
|
||||
const img = await FabricImage.fromURL(imageUrl, { crossOrigin: 'anonymous' })
|
||||
if (!img) {
|
||||
throw new Error('Failed to load image')
|
||||
}
|
||||
return img
|
||||
}
|
||||
|
||||
export function applySymmetryToFaceCard(canvas, imageUrl, cardWidth, cardHeight) {
|
||||
return new Promise((resolve, reject) => {
|
||||
fabric.Image.fromURL(imageUrl, async (originalImage) => {
|
||||
FabricImage.fromURL(imageUrl, { crossOrigin: 'anonymous' }).then(async (originalImage) => {
|
||||
if (!originalImage) {
|
||||
reject(new Error('Failed to load image'))
|
||||
return
|
||||
@@ -76,6 +72,6 @@ export function applySymmetryToFaceCard(canvas, imageUrl, cardWidth, cardHeight)
|
||||
canvas.add(symmetricalGroup)
|
||||
canvas.renderAll()
|
||||
resolve(symmetricalGroup)
|
||||
}, { crossOrigin: 'anonymous' })
|
||||
}).catch(reject)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
<script setup>
|
||||
import { ref, onMounted, computed, watch, nextTick } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { fabric } from 'fabric'
|
||||
import { Canvas, Rect, Text as FabricText } from 'fabric'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { getProject, updateProject } from '@/api/project'
|
||||
import { exportProject, getExportUrl } from '@/api/export'
|
||||
@@ -166,7 +166,7 @@ async function loadProject() {
|
||||
function initCanvas() {
|
||||
if (!canvasRef.value) return
|
||||
|
||||
canvas.value = new fabric.Canvas('main-canvas', {
|
||||
canvas.value = new Canvas('main-canvas', {
|
||||
width: 750,
|
||||
height: 1050,
|
||||
backgroundColor: '#ffffff',
|
||||
@@ -182,7 +182,7 @@ function drawDefaultCard() {
|
||||
canvas.value.clear()
|
||||
canvas.value.setBackgroundColor('#ffffff', canvas.value.renderAll.bind(canvas.value))
|
||||
|
||||
const rect = new fabric.Rect({
|
||||
const rect = new Rect({
|
||||
left: 50,
|
||||
top: 50,
|
||||
width: 650,
|
||||
@@ -197,7 +197,7 @@ function drawDefaultCard() {
|
||||
const suitSymbol = getSuitSymbol(currentSuit.value)
|
||||
const rank = currentCard.value.split('-')[1] || 'A'
|
||||
|
||||
const topText = new fabric.Text(`${rank}${suitSymbol}`, {
|
||||
const topText = new FabricText(`${rank}${suitSymbol}`, {
|
||||
left: 70,
|
||||
top: 70,
|
||||
fontSize: 48,
|
||||
@@ -206,7 +206,7 @@ function drawDefaultCard() {
|
||||
})
|
||||
canvas.value.add(topText)
|
||||
|
||||
const centerSymbol = new fabric.Text(suitSymbol, {
|
||||
const centerSymbol = new FabricText(suitSymbol, {
|
||||
left: 375,
|
||||
top: 525,
|
||||
fontSize: 120,
|
||||
@@ -217,7 +217,7 @@ function drawDefaultCard() {
|
||||
})
|
||||
canvas.value.add(centerSymbol)
|
||||
|
||||
const bottomText = new fabric.Text(`${rank}${suitSymbol}`, {
|
||||
const bottomText = new FabricText(`${rank}${suitSymbol}`, {
|
||||
left: 630,
|
||||
top: 930,
|
||||
fontSize: 48,
|
||||
|
||||
Reference in New Issue
Block a user